section.main-slider-section {background: #272628; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; padding: 150px 0 120px 0; position: relative; z-index: 0; overflow: hidden; }
.main-slider-content {position: relative;padding: 2rem 0;}
.main-slider-content h2 {font-size: 50px;line-height: 1.09em;font-family: Recoleta;font-weight: 400;margin: 0px 0 1rem;padding: 0;color: #fff;}
.main-slider-content p {font-size: 16px;font-weight: 300;color: #fff;}
a.explore-btn {background: #F28520; box-shadow: 0px 18px 24px rgb(0 0 0 / 10%); border-radius: 5px; padding: 15px 20px; font-weight: 700; font-size: 14px; line-height: 16px; text-align: center; color: #FDFDFD; text-shadow: 0px 18px 24px rgb(0 0 0 / 25%); display: inline-block; }
.slider-thumb {filter: blur(241px); position: relative; }

.slider-thumb::before {position: absolute; content: ""; right: 0%; top: 0; width: 700px; height: 700px; background:#f28520; border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%; will-change: border-radius, transform, opacity; animation: sliderShape 5s linear infinite; display: block; z-index: -1; -webkit-animation: sliderShape 5s linear infinite; }
@keyframes sliderShape {0%, 100% {border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% {border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%; transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% {transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% {border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } }
.shape3 {position: absolute; right: 5%; top: 12%; transform: rotate(12deg); width: 730px; height: 745px; border-radius: 50px; background-image: linear-gradient(180deg,rgba(81,185,245,0.38) 0%,rgba(82,185,245,0.01) 100%); z-index: -2; animation: rotate10deg 15s infinite; }
.shape2 {position: absolute;left: 5%;top: 30%;transform: rotate(12deg);width: 220px;height: 250px;border-radius: 50px;background-image: linear-gradient(43deg,rgb(60 58 62) 0%,rgb(31 32 33 / 1%) 100%);z-index: -1;animation: rotate10deg 5s infinite;}
@keyframes rotate10deg{0%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}100%{transform:rotate(-12deg)}}



section.about-section {background: #ffffff; position: relative; padding: 3rem 0; }
.overview-item-info{position: relative;margin-bottom: 3rem;padding: 2rem;}
.about-content h2 {font-size: 50px;line-height: 1.09em;font-family: Recoleta;font-weight: 400;margin: 0px 0 1rem;padding: 0;}
.about-content h4 {font-size: 30px;line-height: 1.09em;color: #f28520;font-family: Recoleta;font-weight: 400;margin: 0px 0 1rem;padding: 0;}
.about-content p {font-size: 16px; font-weight: 300; }
.about-media{text-align: center;position: relative;z-index: 2;}
.about-media img {width:350px; } 
.shape-1::before {position: absolute;content: "";left: 4%;top: 0;width: 476px;height: 350px;background: linear-gradient(282deg, #ffffff, transparent);border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;will-change: border-radius, transform, opacity;animation: sliderShape 5s linear infinite;display: block;z-index: 1;-webkit-animation: sliderShape 5s linear infinite;}
.shape-2::before {position: absolute;content: "";right: 0%;top: -10%;width: 476px;height: 350px;background:linear-gradient(282deg,  transparent, #ffffff);border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;will-change: border-radius, transform, opacity;animation: sliderShape 5s linear infinite;display: block;z-index: 1;-webkit-animation: sliderShape 5s linear infinite;}
.shape-3::before {position: absolute;content: "";left: 4%;top: 0;width: 476px;height: 350px;background: linear-gradient(282deg, #ffffff, transparent);border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;will-change: border-radius, transform, opacity;animation: sliderShape 5s linear infinite;display: block;z-index: 1;-webkit-animation: sliderShape 5s linear infinite;}
@keyframes sliderShape {0%, 100% {border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% {border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%; transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% {transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% {border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } }



section.overview-section {background: #F6F3EC; position: relative; padding: 1rem 0; }
.overview-item-info{position: relative;margin-bottom: 3rem;padding: 2rem;}
.overview-content h2 {font-size: 40px;line-height: 1.09em;font-family: Recoleta;font-weight: 400;margin: 0px 0 1rem;padding: 0;}
.overview-content h2 span{color: #F28520;}
.overview-content p {font-size: 16px; font-weight: 300; }
.overview-media{text-align: center;position: relative;z-index: 2;}
.overview-media img {width: 300px; } 
.shape-1::before {position: absolute;content: "";left: 4%;top: 0;width: 476px;height: 350px;background: linear-gradient(282deg, #ffffff, transparent);border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;will-change: border-radius, transform, opacity;animation: sliderShape 5s linear infinite;display: block;z-index: 1;-webkit-animation: sliderShape 5s linear infinite;}
.shape-2::before {position: absolute;content: "";right: 0%;top: -10%;width: 476px;height: 350px;background:linear-gradient(282deg,  transparent, #ffffff);border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;will-change: border-radius, transform, opacity;animation: sliderShape 5s linear infinite;display: block;z-index: 1;-webkit-animation: sliderShape 5s linear infinite;}
.shape-3::before {position: absolute;content: "";left: 4%;top: 0;width: 476px;height: 350px;background: linear-gradient(282deg, #ffffff, transparent);border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;will-change: border-radius, transform, opacity;animation: sliderShape 5s linear infinite;display: block;z-index: 1;-webkit-animation: sliderShape 5s linear infinite;}
@keyframes sliderShape {0%, 100% {border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% {border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%; transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% {transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% {border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } }




section.app-section {padding: 2rem 0;position: relative;}
.app-info-content h2 {margin: 0;padding: 0;font-size: 40px;line-height: 1.09em;font-family: Recoleta;}
.app-info-content p {font-size: 16px;line-height: 30px;font-weight: 300;}
.app-info-btn {display: flex; } 
.app-info-btn a {padding: 11px 28px 11px 20px;background: #f28520;display: flex;align-items: center;border-radius: 10px;margin-bottom: 1rem;margin-right: 10px;}
span.app-icon {padding-right: 10px; display: flex; align-items: center; padding-bottom: 2px; color: #fff; font-size: 34px; }
span.app-text {flex: 1 0 auto; text-align: left; padding-left: 20px; border-left: 1px solid rgba(255, 255, 255, 0.3); text-transform: initial; display: inline-block; vertical-align: middle; }
.app-text-title {font-size: 13px; line-height: 1.3; color: #fff; }
.app-text-title1 {font-size: 18px; color: #fff; font-weight: bold; }

 .app-info-content {display: flex; flex-direction: column; justify-content: center; height: 100%; }
 .app-info-media {text-align: center; } 
 .app-info-content ul {list-style: none; margin: 0 0 1rem 0; padding: 0; }
 .app-info-content ul li {font-size: 14px;font-weight: 300;}
 .app-info-content ul li i {margin-right: 10px; color: #459743; }
 .app-info-link h4 {font-size: 20px;line-height: 30px;margin: 0 0 10px 0;padding: 0;font-family: Recoleta;}
 .app-link-wrapper .app-info-group {display: flex; align-items: center; margin-bottom: 1rem; } 
 .app-info-group {margin-bottom: 1rem; } 
 .app-info-group input[type="tel"] {background: #fff;border-radius: 10px;font-size: 14px;border: none;font-weight: 400;height: auto;padding: 0.8rem 0.94rem;box-shadow: 0 5px 13px rgb(240 240 241 / 46%);outline: 0;/* width: 100%; */display: inline-block;color: #455A64;}
 button.send-button {text-align: center;border-radius: 10px;padding: 13px 20px;display: inline-block;color: #fff;font-size: 14px;font-weight: bold;border: none;background: #f5bd35;box-shadow: 0 8px 13px rgb(9 84 149 / 10%);}

.shape-1::before {position: absolute;content: "";left: 7%;top: 7%;width: 560px;height: 490px;background: linear-gradient(282deg, #fff4eacc, transparent);border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;will-change: border-radius, transform, opacity;animation: sliderShape 5s linear infinite;display: block;z-index: -1;-webkit-animation: sliderShape 5s linear infinite;}