:root{
--primary-color: #EF7310;
--secondary-color: #EF7310;
--primary-color-15 : #05549926;
--primary-light-color : #E1EEF9;
--light-bg-color: #F8F7F3;
--white-color-20: #FFFFFF33;
--white-color-30: #FFFFFF4D;
--color-black : #191919;
--theme-border-color : #E6F3FF;
--blue-color : #25395C;
--blue-border-color : #25395C1A;
}
.section-inner-head h2{ user-select: none; margin-bottom: 10px;}
.sub-heading {font-size: 20px; line-height: 28px; font-weight: 400; padding-bottom: 5px; margin-bottom: 10px; display: inline-flex; position: relative;}
.sub-heading::after {content: ''; height: 3px; width: 32px; border-radius: 2px; background-color: var(--primary); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
a:hover{color: var(--primary-color);}
.section-spacing {padding: 100px 0px;}
.title-wrapper h2 {margin-bottom: 12px;}
.index-1 {z-index: 1;}
p a {color: var(--primary);}
.mb-40 {margin-bottom: 40px;}
/* Button */
.btn1 svg path {transition: all ease-in-out 0.3s;}
.btn1:hover svg path {fill: var(--color-black);}
.btn1 span {position: relative;}
html {scroll-behavior: unset !important;}
body, html {overflow-x: hidden;}
.flex { display: flex;}
.items-stretch { align-items: stretch;}
.flex-nowrap { flex-wrap: nowrap;}
.flex-start { align-items: flex-start;}
.gap-2 { gap: 20px !important;}
.gap-3 { gap: 30px !important;}
.gap-4 { gap: 40px !important;}
.mb-5 { margin-bottom: 50px;}
.m-auto { margin: auto;}
.h-full { height: 100%;}
.btn--primary-outline {background-color: var(--color-white);}
.btn--primary-outline::after, .btn--primary-outline::before, .btn--primary-outline:hover::after, .btn--primary-outline:hover::before {background-color: var(--primary);}
.animated-title { font-size: 20px; line-height: 28px; font-weight: 400; position: relative; padding: 0px 0px 2px; max-width: max-content; margin: 0px auto 12px auto; display: block;}
.animated-title::before { content: ''; width: 32px; height: 3px; border-radius: 4px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); background-color: var(--primary);}
section .title-wrapper { text-align: center; max-width: 750px; margin-inline: auto; position: relative; z-index: 1;}
/* Banner Section */
.banner-section {padding: 252px 0px 158px; min-height: 100vh; background-image: url(../../images/new-services/industries/banner-bg.webp); background-position: center center; background-size: cover; background-repeat: no-repeat;}
.banner-box {display: grid; grid-template-columns: auto 828px auto;}
.banner-box * {margin: 0px;}
.banner-content {padding: 0px 70px; max-width: 828px; margin-inline: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; text-align: center;}
.banner-content .subtitle {font-size: 20px; line-height: 28px; font-weight: 500; display: flex; align-items: center; border: 1px dashed #25395C33; width: max-content; padding: 4px 8px;}
.banner-content h1 {line-height: 1.2;}
.banner-content h1 .cd-words-wrapper {padding: 6px 20px; vertical-align: middle; background-color: var(--color-white); color: var(--primary); border-left: 2px solid var(--primary); display: inline-flex; overflow: hidden; margin: 5px 0px; position: relative; top: -3px;}
.cd-typing-text { white-space: nowrap;}
.cd-cursor { display: inline-block; width: 2px; height: 1.1em; background: var(--color-white); margin-left: 3px; vertical-align: middle; animation: blink 0.7s step-end infinite;}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0; }
}
.banner-content .banner-lang-list { font-size: 20px; line-height: 28px; font-weight: 500; display: flex; align-items: center; border: 1px dashed #25395C33; width: max-content; padding: 4px 8px;}
.banner-content .banner-lang-list li {position: relative; }
.banner-content .banner-lang-list li:not(:last-child) {padding-right: 11px; margin-right: 11px;}
.banner-content .banner-lang-list li:not(:last-child)::before {content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: var(--primary); right: 0; top: 50%; transform: translateY(-50%);}
/* Slider Section */
.slider .mySwiper .swiper-slide { padding: 30px; height: 125px; text-align: center; align-content: center; border: 1px dashed #25395C1A}
.slider .mySwiper .swiper-slide:hover { border-color: var(--primary);}
.slider .mySwiper .swiper-slide img { width: 100%; max-width: 125px;}
/* CTA Second */
.cta-second{position: relative; padding-left: calc((100% - 1356px)/2); display: flex;justify-content: space-between; background-image: url(../../images/new-services/industries/cta1.webp);background-size: cover; background-repeat: no-repeat; background-position: bottom right;}
.cta-second .section-inner-head{max-width: 650px;padding: 180px 0 80px; align-self: center;}
.cta-second .section-inner-head h2 {margin-bottom: 40px;}
.cta-second .cta-img{align-self: end;}
.cta-second img{margin-top: -10%;}
.cta-second .btn1{border-color: #25395C;background-color: transparent;box-shadow: 0px 4px 15px 0px #1D190E1A;}
.cta-second .btn1::before, .cta-second .btn1::after{background: #FFFFFF1A;}
.cta-second .section-inner-head p{color: var(--secondary);margin-bottom: 40px;}
/* featured */
.featured { background: #F8F7F3; padding: 50px 0px;}
.featured_container {padding-left: calc((100% - 1380px)/2);}
.feature-wrapper {display: flex; align-items: center; gap: 60px;}
.featured h2 { margin: 0px; flex: 0 0 auto;}
.featured .featured-card { background-color: var(--color-white); padding: 20px; height: 152px; border-radius: 12px; display: flex; align-items: center; justify-content: center;}
.featured .featured-swipper { flex: 1;}
.featured .featured-card img { width: 100%;}
/* Faqs Section */
.faq-section::before{content: '';position: absolute; left: 0;top: 0;width: 100%;height: 150px;background-color: var(--color-white);z-index: -1;}
.faq-section .accordion{max-width: 1150px;margin: 0 auto;}
.faq-section .accordion-button{font-size: var(--font-20);line-height: 28px;color: var(--color-black);padding: 20px;border-radius: 0 !important;}
.faq-section .accordion-button:not(.collapsed){background-color: transparent;box-shadow: none;}
.faq-section .accordion-button:focus{box-shadow: none;}
.faq-section .accordion-item{border: none; border-style: solid; border-width: 0px; border-color: var(--blue-border-color); border-bottom-width: 1px;}
.faq-section .accordion-item:last-child {border-bottom-width: 0px;}
.faq-section .accordion-item + .accordion-item{margin-top: 20px;}
.faq-section .accordion-item.active{border-width: 1px !important; border-color: #F2A84333; box-shadow: 0px 6px 16px 0px #6666661A;border-radius: 8px; }
.faq-section .accordion-item.active .accordion-button{color: var(--primary);font-weight: bold;}
.faq-section .accordion-button::after{background-image: url('data:image/svg+xml,');width: 28px;height: 28px;background-size: auto;}
.faq-section .accordion-button:not(.collapsed)::after{background-image: url('data:image/svg+xml,');transform: rotate(0deg);}
.faq-section .accordion-body{padding: 0 20px 20px;color: var(--secondary);}
.faq-section .accordion-body>*{color: var(--secondary);}
.faq-section .accordion-item ul li {padding-left: 18px; position: relative;}
.faq-section .accordion-item ul li::before {content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background-color: var(--secondary); border-radius: 50%;}
/* Industrie Section */
.industries .section-inner-head {max-width: 750px; margin-inline: auto;}
.industrie_grid {display: grid; grid-template-columns: repeat(3, 1fr);}
.industrie_item { padding: 1px; background: rgb(37 57 92 / 10%); transition: all ease-in-out 0.2s; mask-repeat: no-repeat; mask-size: 100% 100%; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; position: relative; z-index: 1;}
.industrie_item_inner { background: #fff; padding: 89px 30px 90px; transition: all ease-in-out 0.2s; mask-image: url('data:image/svg+xml,'); mask-repeat: no-repeat; mask-size: 100% 100%; -webkit-mask-image: url('data:image/svg+xml,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; height: 100%;}
.industrie_item:not(:nth-child(-n+3)) { margin-top: -2px;}
.industrie_item:nth-child(even){ -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,');}
.industrie_item:nth-child(even) .industrie_item_inner { mask-image: url('data:image/svg+xml,'); -webkit-mask-image: url('data:image/svg+xml,');}
/*.industrie_item * {position: relative;}*/
.industrie_item .icon {width: 60px; height: 60px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background-color: var(--color-white); box-shadow: 0px 7.71px 27.29px 0px #1C140A1A; margin-bottom: 20px;}
.industrie_item h3 {font-size: 20px; line-height: 28px; color: var(--color-black);}
.industrie_item h3, .industrie_item p {margin-bottom: 12px;}
.industrie_item .explore_btn {font-size: 20px; line-height: 28px; color: var(--blue-color); text-decoration: underline;}
.industrie_item .explore_btn:hover {color: var(--primary) !important;}
.industrie_item:hover { filter: drop-shadow(0px, 6px, 16px, #F2A843);background: var(--primary-color);}
@media screen and (max-width :1441px) {
/* Banner Section */
.banner-section {padding: 200px 0px 100px;}
.banner-box {display: grid; grid-template-columns: auto 680px auto;}
.banner-content {padding-inline: 50px;}
.banner-content .banner-lang-list {font-size: 18px;}
/* Industrie Section */
.industrie_item_inner {padding: 40px 47px;}
.industrie_item:not(:nth-child(-n+3)) {margin-top: 0;}
.industrie_item:nth-child(3n) {margin-left: -2px;}
.industrie_item h3, .industrie_item .explore_btn {font-size: 18px;}
/* CTA Second */
.cta-second {padding-left: calc((100% - 1150px)/2); margin-top: -40px;}
.cta-second .section-inner-head h2 {margin-bottom: 30px;}
/* featured */
.featured_container {padding-left: calc((100% - 1150px)/2);}
}
@media screen and (max-width :1199px) {
/* Banner Section */
.banner-box {grid-template-columns: auto 580px auto;}
.banner-content {padding: 0px 30px;}
.banner-content h1 {font-size: 40px;}
/* Industrie Section */
.industrie_grid {gap: 30px;}
.industrie_item {padding: 24px; border: 1px solid #D9D9D9; background-color: transparent !important; border-radius: 20px !important;}
.industrie_item:hover {border-color: var(--primary);}
.industrie_item_inner {padding: 0px;}
.industrie_item_inner, .industrie_item {mask-image: none !important;}
.industrie_item:hover {border-color: var(--primary); box-shadow: 0px 6px 16px 0px #F2A84333;}
.industrie_item::before {display: none;}
/* CTA Second */
.cta-second {padding-left: 24px;}
.cta-second .section-inner-head {padding: 130px 0 50px;}
.cta-second .section-inner-head h2 {margin-bottom: 20px;}
/* featured */
.featured_container {padding-left: 24px;}
/* FAQs Section */
.faq-section .accordion-button{font-size: var(--font-16);padding-top: 10px;padding-bottom: 10px;}
.faq-section .accordion-item + .accordion-item{margin-top: 10px;}
}
@media screen and (max-width :1024px) {
/* Banner Section */
.banner-section {min-height: unset;}
.banner-content {padding: 0px 24px; max-width: 560px;}
.banner-shap {display: none;}
.banner-box {grid-template-columns: 1fr;}
/* CTA Second */
.cta-second {background: linear-gradient(89.82deg, #F9DF4E -45.62%, #FDCD56 3.55%, #F2A843 56.65%); padding: 0px; margin: 0px;}
.cta-second .section-inner-head {margin-inline: auto; text-align: center; padding: 50px 24px;}
}
@media screen and (max-width : 991px) {
/* Industrie Section */
.industrie_grid {grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width :768px) {
/* featured */
.featured .featured-card {height: 100px;}
.feature-wrapper {display: block;}
.featured .featured-swipper {flex: 1 1 100%; margin-top: 30px;}
}
@media screen and (max-width : 576px) {
/* Industrie Section */
.industrie_grid {grid-template-columns: 1fr;}
/* Slider Section */
.slider .mySwiper .swiper-slide {padding: 20px; height: 100px;}
}