.m-hero {position: relative;width: 100%;overflow: hidden;background-color: #1d1d1d;}
/* .m-hero__swiper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;} */
.m-hero__slide {position: relative;width: 100%;height: 100%;}
.m-hero__bg {width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.m-hero__bg video{height: 100%;width: 100%;}
.m-hero__overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(47, 47, 47, 0.5);z-index: 2;}
.m-hero__pagination {position: absolute;left: 0;right: 0;bottom: 24px;z-index: 3;text-align: center;}
.m-hero__pagination .swiper-pagination-bullet {display: inline-block;width: 10px;height: 10px;margin:0 6px;background: rgba(255, 255, 255, 0.8);opacity: 1;border-radius: 50%;}
.m-hero__pagination .swiper-pagination-bullet-active {background: var(--bs-theme-color);}
.m-hero__content-wrap {display: flex;position: absolute;top: 0;left: 75px;z-index: 4;flex-direction: column;align-items: center;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.m-hero__tag {line-height: 20px;letter-spacing: 1.04px;color: var(--bs-theme-color);font-size: 13px;font-weight: 600;margin: 0;}
.m-hero__title {width: 923px;text-align: center;line-height: 1.1;letter-spacing: -1.44px;color: #ffffff;font-size: 72px;font-weight: 700;margin-bottom: 0;}
.m-hero__desc {margin: 2.5rem 0 0;width: 663px;text-align: center;line-height: 31px;letter-spacing: 0;color: #ffffffe5;font-size: 18px;}
.m-hero__actions {display: flex;align-items: center;justify-content: center;gap: 24px;margin-top: 1.125rem;}
.m-hero__btn {display: inline-flex;align-items: flex-start;border-radius: 12px;padding: 15px 32px;line-height: 24px;letter-spacing: 0;color: #ffffff;font-size: 16px;font-weight: 600;text-decoration: none;}
.m-hero__btn span {display: block;}
.m-hero__btn--primary {background: var(--bs-theme-color);border: 1px solid var(--bs-theme-color);box-sizing: border-box;}
.m-hero__btn--secondary {border: 1px solid #ffffff;background: transparent;padding: 14px 31px 16px 32px;}
.m-hero__btn--primary:hover {background: transparent;color: #ffffff;border: 1px solid #ffffff;}
.m-hero__btn--secondary:hover {background: var(--bs-theme-color);color: #ffffff;border: 1px solid var(--bs-theme-color);}
@media (max-width: 992px) {
  .m-hero__title {width: 100%;font-size: 48px;}
  .m-hero__desc {width: 100%;font-size: 16px;line-height: 28px;}
  .m-hero__actions {gap: 16px;height: auto;}
  .m-hero__btn {font-size: 14px;padding:8px 20px; justify-content: center;}
  .m-hero__btn--secondary{padding: 8px 20px;}

}
@media (max-width: 768px) {
  .m-hero__title {font-size: 32px;}
  .m-hero__desc {font-size: 14px;line-height: 24px;margin:1rem 0 0;}
}

.m-about {background-color: #1d1d1d;}
.m-about .m-about-stick{position: relative;top: 0;width: 100%;height: 100vh;overflow: hidden;}
.m-about .m-about-bg{width: 100%;background-image: url(../images/about-bf.png);background-repeat: no-repeat;background-size: cover;position: absolute;top: 0;left: 0; height: 100%;z-index: 1;}
.m-about .m-about__container{display: flex;flex-direction: column;align-items: flex-start;padding: 116px 0 133px 182px;position: relative;z-index: 10;}
.m-about__inner {display: flex;flex-direction: column;align-items: center;align-self: stretch;padding-top: 56px;padding-bottom: 38px;}
.m-about__head {display: flex;flex-direction: column;align-items: flex-start;align-self: stretch;padding-bottom: 6px;}
.m-about__tag-row {display: flex;align-items: center;align-self: stretch;height: 20px;}
.m-about__tag {line-height: 20px;letter-spacing: 1.04px;color: var(--bs-theme-color);font-size: 13px;font-weight: 600;margin: 0;}
.m-about__title {margin: 32px 0px 0px;width: 600px;line-height: 1;letter-spacing: -0.96px;color: #ffffff;font-size: 70px;font-weight: bold;}
.m-about__desc-row {display: flex;align-items: flex-start;align-self: stretch;margin: 4px 1px 0px;padding-right: 3px;padding-bottom: 8px;height: 116px;}
.m-about__desc {margin: -1px 0px 0px;width: 653px;line-height: 27px;letter-spacing: 0;color: #ffffff;font-size: 16px;}
.m-about__features {display: flex;flex-direction: column;align-items: flex-start;align-self: stretch;margin-top: 32px;row-gap: 24px;}
.m-about__feature {display: flex;flex-shrink: 0;align-items: flex-start;align-self: stretch;column-gap: 16px;}
.m-about__feature-line {flex-shrink: 0;border-radius: 2px;background: var(--bs-theme-color);width: 4px;height: 72px;}
.m-about__feature-body {display: flex;flex-direction: column;flex-shrink: 0;align-items: flex-start;height: 72px;row-gap: 4px;}
.m-about__feature-title-row {display: flex;flex-shrink: 0;align-items: flex-start;align-self: stretch;padding-top: 1px;height: 27px;}
.m-about__feature-title {line-height: 27px;letter-spacing: 0;color: #ffffff;font-size: 18px;font-weight: 600;margin: 0;}
.m-about__feature-sub-row {display: flex;flex-shrink: 0;align-items: flex-start;align-self: stretch;padding-bottom: 1px;height: 24px;}
.m-about__feature-sub {margin: -1px 0px 0px;line-height: 24px;letter-spacing: 0;color: #ffffff;font-size: 15px;}
.m-about__more {display: inline-flex;align-items: center;align-self: stretch;margin-top: 4px;padding-bottom: 2px;height: 23px;color: var(--bs-theme-color);text-decoration: none;}
.m-about__more-text {margin: -2px 0px 0px;line-height: 23px;letter-spacing: 0;color: var(--bs-theme-color);font-size: 15px;font-weight: 600;}
.m-about__more-icon {margin-top: 3px;margin-left: 8px;width: 16px;height: 16px;overflow: hidden;display: block;}
@media (max-width: 1480px) {
	.m-about .m-about-bg{background-size: cover;background-position: 50% 0;}
	.m-about .m-about__container{padding: 96px 80px 96px 80px;}
}
@media (max-width: 768px) {
	.m-about .m-about__container{padding: 72px 20px 72px 20px;}
	.m-about__inner{padding: 0;}
	.m-about__tag-row {padding-right: 0;}
	.m-about__title {width: 100%;font-size: 42px;}
	.m-about__desc {width: 100%;}
	.m-about__desc-row {height: auto;}
	.m-about__more {margin-right: 0;}
}


.m-categories {display: flex;flex-direction: column;align-items: flex-start;background: #f2f4f7;width: 100%;overflow: hidden;padding:107px 0 148px;}
.m-categories__head {display: flex;align-items: center;align-self: stretch;justify-content: space-between;margin-right: 3px;height: 72px;}
.m-categories__title-wrap {display: flex;flex-shrink: 0;align-items: flex-start;padding-bottom: 1px;width: 248px;height: 72px;}
.m-categories__title {margin: -1px 0px 0px;line-height: 72px;letter-spacing: -0.96px;color: #111827;font-size: 48px;font-weight: bold;}
.m-categories__all {display: inline-flex;flex-shrink: 0;align-items: flex-start;padding-bottom: 2px;height: 23px;text-decoration: none;}
.m-categories__all:hover{transform: translateX(-10px);}
.m-categories__all-text {margin: -2px 0px 0px;line-height: 23px;letter-spacing: 0;color: #4b5563;font-size: 15px;font-weight: 600;}
.m-categories__all-icon {margin-top: 3px;margin-left: 8px;width: 16px;height: 16px;overflow: hidden;display: block;}
.m-categories__grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;margin-top: 54px;}
.m-categories__grid .m-categories__card {border-radius: 16px;position: relative; overflow: hidden;clip-path: inset(0 0 100% 0);transform: translateY(-40px);opacity: 0;}
.m-categories__grid .m-categories__card::after{content: '';left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(180deg, #00000000 40%, #111827d9 100%);position: absolute;z-index: 1;}
.m-categories__grid .m-categories__card-inner {position: absolute;width: 100%;bottom: 0;left: 0;color: #ffffff;padding:2rem;box-sizing: border-box;line-height: 1.5;z-index: 10;}
.m-categories__grid .m-categories__card-inner  p{margin-bottom: 0;}
.m-categories__grid .m-categories__card-inner .m-categories__card-title{font-size: 24px;font-weight: 600;color: #ffffff;}
.m-categories__grid .m-categories__card-inner .m-categories__card-sub{display: block; margin-top: 8px;font-size: 14px;}
.m-categories__grid .m-categories__card:hover{transform: translateY(-10px)!important;}

@media (max-width: 1480px) {
	.m-categories {padding: 96px 80px;}
	.m-categories__grid{margin-top: 40px;}
	.m-categories__grid .m-categories__card-inner{padding: 1.2rem;}
	.m-categories__grid .m-categories__card-inner .m-categories__card-title{font-size: 22px;}
}

@media (max-width: 991px) {
	.m-categories {padding: 42px 0;}
	.m-categories__head {flex-direction: row;align-items: center;height: auto;}
	.m-categories__title-wrap{height: auto;}
	.m-categories__title {font-size: 32px;line-height: 42px;}
	.m-categories__grid {margin-top: 32px;grid-template-columns: repeat(1, 1fr);gap: 1.25rem;}
	.m-categories__grid .m-categories__card .m-categories__card-img img{width: 100%;}
	.m-categories__grid .m-categories__card-inner{padding: .75rem;}
}


.m-why {display: flex;align-items: flex-start;justify-content: space-between;background-color: #1d1d1d;padding: 146px 0 326px;width: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;overflow: hidden;position: relative;}
.m-why::after{content: '';left: 0;top: 0;width: 100%;height: 100%;position: absolute;z-index: 1;background-color: rgba(29, 21, 19, 0.8);}
.m-why__left {display: flex;flex-direction: column;align-items: flex-start;row-gap: 16px;position: relative;z-index: 10;width: 32.2%;}
.m-why__tag-row {display: flex;flex-shrink: 0;align-items: center;align-self: stretch;height: 20px;}
.m-why__tag {line-height: 20px;letter-spacing: 1.04px;color: #f05a22;font-size: 13px;font-weight: 600;margin: 0;}
.m-why__title-row {display: flex;flex-shrink: 0;align-items: center;align-self: stretch;padding-right: 47px;padding-bottom: 1px;height: 115px;}
.m-why__title {width: 472px;line-height: 58px;letter-spacing: -0.96px;color: #ffffff;font-size: 48px;font-weight: 700;margin: 0;}
.m-why__more {display: inline-flex;flex-shrink: 0;align-items: flex-start;align-self: stretch;padding-bottom: 2px;height: 23px;text-decoration: none;}
.m-why__more-text {margin: -2px 0px 0px;line-height: 23px;letter-spacing: 0;color: #f05a22;font-size: 15px;font-weight: 600;}
.m-why__more-icon {margin-top: 3px;margin-left: 8px;width: 16px;height: 16px;overflow: hidden;display: block;}
.m-why__right {display: grid;grid-template-columns: repeat(2, 1fr);gap: 36px;position: relative;z-index: 10;margin-left: 1rem;}
.m-why__col {display: flex;flex-direction: column;align-items: center;align-self: stretch;}
.m-why__card {display: flex;flex-direction: column;align-self: stretch;border: 1px solid #ffffff24;border-radius: 16px;background: #ffffff08;padding: 40px 31px 114px 32px;--glow-color: var(--bs-theme-color);align-content: baseline;position: relative;--x: -1000px;--y: -1000px;opacity: 0;will-change: transform, opacity;}
.m-why__card::before{content: "";position: absolute;inset: 0;padding: 2px;border-radius: 16px;background: radial-gradient(250px circle at var(--x) var(--y), var(--glow-color), transparent 100%);-webkit-mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);-webkit-mask-composite: xor;mask-composite: exclude;z-index: 2;pointer-events: none;opacity: 0;transition: opacity 0.4s ease;}
.m-why__card:hover::before {opacity: 1;}
.m-why__card-head {position: relative;}
.m-why__card-title {line-height: 30px;letter-spacing: 0;color: #ffffff;font-size: 20px;font-weight: 600;margin: 0;}
.m-why__card-num {position: absolute;top: 50%; transform: translateY(-50%);right: 0;padding: 1px;height: 36px;line-height: 36px;letter-spacing: 0;color: #ffffff4d;font-size: 24px;font-weight: 700;margin: 0;}
.m-why__card-body {display: flex;align-items: flex-start;align-self: stretch;margin-top: 12px;padding-bottom: 1px;height: 51px;}
.m-why__card-desc {margin: -1px 0px 0px;line-height: 26px;letter-spacing: 0;color: #ffffffb2;font-size: 15px;}
@media (max-width: 1480px) {
	.m-why {height: auto;padding: 96px 0;flex-direction: column;gap: 32px;}
	.m-why__left{width: 40%;}
	.m-why__right {margin-top: 0;height: auto;}
	.m-why__col {width: 100%;}
}
@media (max-width: 991px) {
	.m-why {padding: 72px 0;}
	.m-why__title-row {height: auto;padding-right: 0;}
	.m-why__title {width: 100%;font-size: 32px;line-height: 42px;}
	.m-why__more {margin-right: 0;}
	.m-why__inner{flex-direction: column;flex-wrap: wrap;}
	.m-why__left{width: 100%;}
	.m-why__right {grid-template-columns: repeat(1, 1fr);gap: 24px;margin-left: 0;margin-top: 1.25rem;}
	.m-why__card {width: 100%;padding: 32px 20px 80px;}
	.m-why__card-head {width: 100%;}
	.m-why__card-title {width: calc(100% - 40px);}
	.m-why__card-body {height: auto;}
	.m-why__card-desc {width: 100% !important;font-size: 14px;}
}


.m-solutions {display: flex;flex-direction: column;align-items: center;background: #ffffff;margin: 70px 0 35px;width: 100%;}
.m-solutions__item {display: flex;align-items:center;position: sticky;top: 90px;width: 100%; height: 75vh;}
.m-solutions__item .m-solutions__box{width: 100%;position: relative;overflow: hidden;border-radius: 20px;}
.m-solutions__item .m-solutions__box::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-image: linear-gradient(90deg,#0f172acc 0%,#0f172a59 45%,#0f172a00 70%);}
.m-solutions__bg {display: flex;flex-grow: 1;align-items: flex-start;background-position: center;background-size: cover;background-repeat: no-repeat;padding:156px 0 180px;}
.m-solutions__overlay {position: relative;z-index: 10;padding-left: 4%;}
.m-solutions__tag {line-height: 20px;letter-spacing: 1.04px;color: rgba(255, 255, 255, 0.8);font-size: 13px;font-weight: 600;margin: 0;}
.m-solutions__title {line-height: 1.2;letter-spacing: -0.96px;color: #ffffff;font-size: 48px;font-weight: 700;margin-top: 15px;}
.m-solutions__desc {line-height: 1.7;letter-spacing: 0;color: #ffffffe5;font-size: 18px;margin: 0;width: 60%;}
.m-solutions__btn {display: inline-flex;align-items: center;border-radius: 12px;background: #ffffff;text-decoration: none; align-self: flex-start;margin-top: 43px;margin-right: 0;padding: 14px 21px;}
.m-solutions__btn:hover {background-color: var(--bs-theme-color);color: #ffffff;transform: translateY(-10px);}
.m-solutions__btn-text {line-height: 1;letter-spacing: 0;color: #111827;font-size: 15px;font-weight: 600;margin: 0;}
.m-solutions__btn:hover .m-solutions__btn-text {color: #ffffff;}
@media (max-width: 1480px) {
	.m-solutions {height: auto;margin: 42px 0 25px;}
	.m-solutions__bg {width: 100%;height: 100%;padding: 126px 0 130px;}
}
@media (max-width: 991px) {
	.m-solutions {margin: 30px 0 20px;}
	.m-solutions__item{height: 56vh;top: 0;}
	.m-solutions__bg{padding: 90px 0 100px;background-position: 80% 0;}
	.m-solutions__title {font-size: 28px;}
	.m-solutions__desc {font-size: 14px;width: 90%;}
	.m-solutions__btn{margin-top: 24px;padding:10px 16px;}
	.m-solutions__btn-text{font-size: 12px;}
	
}

.m-news{overflow: hidden;padding:96px 89px;}
.m-news .m-news__row{display:grid;grid-template-columns: repeat(2, 1fr);gap: 36px;}
.m-news .m-news__row .m-news__card{position: relative;border-radius: 20px;overflow: hidden;clip-path: inset(100% 0 0 0);transform: translateY(60px);opacity: 0;}
.m-news .m-news__row .m-news__card::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(90deg, #0f172abf 0%, #0f172a1a 100%);z-index: 1;}
.m-news .m-news__row .m-news__card-overlay{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding:50px 0 0 50px;color:#ffffff;z-index: 10;}
.m-news .m-news__row .m-news__card-overlay .m-news__title{font-size: 2.625rem;line-height: 1.2;font-weight: bold;}
.m-news .m-news__row .m-news__card-overlay .m-news__sub{font-size: 20px;line-height: 1.5;margin-top: 1rem;font-weight: 600;}
.m-news .m-news__row .m-news__card-overlay .m-news__desc{font-size: 16px;line-height: 1.7;margin-top: 20px;width: 60%;}
.m-news .m-news__row .m-news__card-overlay .m-news__btn{display: inline-block;margin-top: 32px;padding: 11px 23px;font-size: 15px;border-radius: 12px;background-color: #ffffff;font-weight: 600;}
.m-news .m-news__row .m-news__card-overlay .m-news__btn:hover{background-color: var(--bs-theme-color);transform: translateX(5px);color: #ffffff;}
.m-news .m-news__footer{margin-top: 35px;}
.m-news .m-news__footer .m-news__footer-link{font-size: 15px;line-height: 1.5;font-weight: 600;color: var(--bs-theme-color);}
.m-news .m-news__footer:hover .m-news__footer-icon{transform: translateX(5px);}
@media (max-width: 1480px) {
	.m-news .m-news__row .m-news__card-overlay .m-news__title{font-size: 38px;}
	.m-news .m-news__row .m-news__card-overlay .m-news__desc{width: 90%;}
}
@media (max-width: 991px) {
	.m-news {padding: 42px 0;}
	.m-news .m-news__row{grid-template-columns: repeat(1, 1fr);}
	.m-news .m-news__row .m-news__card-overlay{padding: 25px 0 0 25px;}
	.m-news .m-news__row .m-news__card-overlay .m-news__title{font-size: 32px;}
	.m-news .m-news__row .m-news__card-overlay .m-news__sub{font-size: 16px;}
	.m-news .m-news__row .m-news__card-overlay .m-news__btn{padding: 8px 16px;font-size: 14px;}
}
