:root{
--light-bg-color: #F8F7F3;
}
.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%);}
.sub-heading.start::after {left: 0; transform: translateX(0);}
.section-spacing {padding: 100px 0px;}
/* a:hover{color: var(--primary-color);} */
/* header-main */
.header-main { position: absolute; top: 0; right: 0; left: 0; background: transparent; border-bottom: 1px solid #FFFFFF29; width: 100%;}
.header-main.sticky-header { background: var(--color-white); animation: slideDown 0.35s ease-out; position: fixed; box-shadow: 10px 9px 50px rgb(13 28 62 / 10%);}
@keyframes slideDown { from { transform: translateY(-100%);} to { transform: translateY(0);} }
.header-main:not(.sticky-header) .nav-link {color: var(--color-white) !important;}
.header-main:not(.sticky-header) .nav-link::after { filter: brightness(0) invert(1); }
.header-main:not(.sticky-header) .logo-1, .header-main.sticky-header .logo-2 {display: none;}
.header-main .logo-2 { display: flex;}
/* Banner Section */
.banner-section {padding-top: 207px; overflow: hidden; background: linear-gradient(197.02deg, #080D17 49.69%, #112445 111.64%); position: relative; z-index: 1;}
.banner-section::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/ai-developments/ai-development-service/banner-bottom-shap.webp) no-repeat; background-position: bottom center;}
.banner-top-shadow {position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
.banner-top-rectangle-shap, .banner-bottom-rectangle-shap {position: absolute; z-index: -1; opacity: 0.2;}
.banner-top-rectangle-shap {right: 0; top: -67px;}
.banner-bottom-rectangle-shap {right: 100px; bottom: 0px;}
.banner-heading {max-width: 918px; margin-inline: auto; text-align: center; position: relative; z-index: 1;}
.banner-sub-title, .banner-title, .banner-heading p {color: var(--color-white);}
.banner-sub-title {padding: 4px 8px;border: 1px dashed #FFFFFF33; display: inline-flex; font-weight: 500; font-size: var(--font-20); line-height: 28px;}
.banner-sub-title, .banner-title {margin-bottom: 24px;}
.banner-heading .btn1::before, .banner-heading .btn1::after {background: #FFFFFF1A;}
.banner-ai-img {margin-top: 37px;}
.banner-ai-img .ai-img {max-width: 584px; width: 100%; margin-inline: auto;}
.banner-ai-img .ai-text { bottom: 18%; z-index: -1; max-width: calc(100% - 40px);}
.banner-ai-img .ai-text, .banner-ai-img-shadow {position: absolute; left: 50%; transform: translateX(-50%);}
.banner-ai-img-shadow {bottom: 0; z-index: -2; animation: faddInOut 2s linear infinite;}
@keyframes faddInOut { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; }}
.banner-bottom-content {padding: 50px 20px 35px; text-align: center; max-width: calc(100% - 70px); margin-inline: auto;}
.banner-bottom-content, .banner-bottom-content p {position: relative;}
.banner-bottom-content p {z-index: 1;}
.banner-bottom-content::before, .banner-bottom-content::after {content: ''; position: absolute; width: 60%; height: 100%; top: 0; background-color: var(--color-white);}
.banner-bottom-content::before {left: 0; border-top-left-radius: 15px; transform: skewX(-35deg);}
.banner-bottom-content::after {right: 0; border-top-right-radius: 15px; transform: skewX(35deg);}
.banner-section .btn1 {box-shadow: 0px 4px 20px 0px #FDCD5666;}
/* clients Section */
.clients-section { padding: 50px 0px}
.clients-section .clients-slider { position: relative;}
.clients-section .clients-slider::before { content: ""; position: absolute; left: 0; top: 0; width: 120px; height: 100%; pointer-events: none; background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); z-index: 5;}
.clients-section .clients-slider::after { content: ""; position: absolute; right: 0; top: 0; width: 120px; height: 100%; pointer-events: none; background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); z-index: 5;}
/* Metrics Section */
.metrics-card { border-radius: 18px; border: 0; overflow: hidden; background: linear-gradient(180deg, #fdf6ed 0%, #eaf3ff 100%); border: 1px solid rgb(242 168 67 / 18%);}
.metrics-card-inner { padding: 40px; background: url(../../images/ai-developments/ai-development-service/metrics-ai-img.webp) no-repeat; background-position: bottom right; background-size: contain;}
.metrics-card-head {width: 68%;}
.metrics-tagline { font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: #6b7280;}
.metrics-heading { font-weight: 700; margin-bottom: 12px;}
.metrics-subheading {margin-bottom: 0px; max-width: 799px;}
.metrics-subheading strong {font-weight: 700 !important;}
.metrics-card-group { margin-top: 50px; padding-top: 50px; border-top: 1px solid #25395C1A; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}
.metric-value { font-size: 35px; line-height: 53px; font-weight: 700; margin-bottom: 16px; position: relative;}
.metric-value::before { content: ''; position: absolute; left: 0; bottom: 0; width: 21px; height: 4px; background-color: var(--primary)}
.metric-text {color: var(--color-black); margin: 0;}
.metrics-badge-area { font-size: 40px; font-weight: 700; color: #1f2937;}
.metrics-footer { padding: 60px 0 0;}
.metrics-footer .swiper-slide {text-align: center;}
.metrics-footer img {object-fit: contain;}
.metrics-logo { height: 60px; object-fit: contain; transition: transform 0.2s ease, filter 0.2s ease;}
.metrics-logo:hover { transform: translateY(-4px); filter: drop-shadow(0 6px 12px rgba(15, 23, 42, 0.18));}
/* Service Section */
.service-section {background: linear-gradient(198.84deg, #080D17 45.4%, #112445 112.63%); position: relative;}
.service-section>div {position: relative; z-index: 1;}
.service-section::before, .service-section::after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat !important;}
.service-section::before {background: url('data:image/svg+xml,') top left;}
.service-section::after {background: url('data:image/svg+xml,') bottom right;}
.service-section .section-inner-head {max-width: 748px; margin-inline: auto;}
.service-section .section-inner-head>* {color: var(--color-white);}
.service-section p {opacity: 0.8;}
.service-group {padding: 30px; display: grid; grid-template-columns: 40% auto; gap: 30px; box-shadow: 0px 0px 20px 0px #0D0F2A33;}
.service-items {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding-right: 20px; max-height: 380px; overflow: hidden auto;}
.service-group, .service-items .nav-link, .service-group .tab-content {border-radius: 20px; background: linear-gradient(177.97deg, rgba(255, 255, 255, 0.032) 4.67%, rgba(7, 11, 18, 0.04) 107.95%); border: 1px solid #FFFFFF1A;}
.service-items .nav-link {width: 100%; font-weight: 400; padding: 20px; display: flex; align-items: center; gap: 10px; position: relative; text-align: start; color: var(--color-white); background-color: transparent !important;}
.service-items .nav-link::before {content: ''; width: 30px; height: 30px; flex: 0 0 auto; background: url('data:image/svg+xml,') no-repeat center;}
.service-items .nav-link:not(.active)::before {filter: brightness(100);}
.service-items .nav-link, .service-items .nav-link::before {transition: all ease-in-out 0.3s;}
.service-items .nav-link.active {font-weight: 700; color: var(--primary);}
.service-items .nav-link.active, .service-items .nav-link:hover {box-shadow: 2px 4px 20px 0px #F2A84333; border-color: var(--primary);}
.service-items::-webkit-scrollbar { width: 8px; height: 8px;}
.service-items::-webkit-scrollbar-track { background: #FFFFFF33; border-radius: 10px;}
.service-items::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px;}
.service-items .nav-link, .service-content h3, .service-content ul li {font-size: 20px; line-height: 28px;}
.service-group .tab-content {box-shadow: 2px 4px 20px 0px #0D0F2A1A; padding: 40px 30px;}
.service-content-group {display: flex; gap: 20px;}
.service-content h3 {color: var(--primary); display: flex; align-items: center; gap: 10px; margin-bottom: 10px;}
.service-content h3::before {content: ''; width: 8px; height: 24px; background: url('data:image/svg+xml,') no-repeat center;}
.service-content p, .service-content ul li {color: var(--color-white);}
.service-content ul {margin-top: 20px;}
.service-content ul li {position: relative; padding-left: 34px;}
.service-content ul li:not(:last-child) {margin-bottom: 12px;}
.service-content ul li::before {content: ''; height: 30px; width: 24px; position: absolute; top: 0; left: 0; background: url('data:image/svg+xml,') no-repeat center;}
.service-content ul li strong {margin-bottom: 4px; display: block;}
.service-content-link {display: flex; align-items: end;}
.service-content-link .link {flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--primary); display: inline-flex; align-items: center; justify-content: center;}
.service-content-link .link:hover {box-shadow: 2px 4px 20px 0px #F2A84333; transform: rotate(-45deg);}
/* Solution Section */
.solution-section .section-inner-head {max-width: 748px; margin-inline: auto;}
.solution-group {display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.solution-item {padding: 30px 30px 40px; background-color: var(--color-white); border: 1px solid #25395C1A; transition: all ease-in-out 0.3s; border-radius: 20px;}
.solution-item:hover {box-shadow: 2px 4px 20px 0px #0D0F2A1A;}
.solution-item .count {font-size: 53px; line-height: 74px; font-weight: 700; margin-bottom: 20px; color: transparent; -webkit-text-stroke: 2px var(--blue-primary); text-stroke: 2px var(--blue-primary); opacity: 0.2;}
.solution-item h3 {font-size: 20px; line-height: 28px; margin-bottom: 12px;}
/* Industries Section */
.industries-section {background-color: var(--light-bg-color);}
.industries-group {display: grid; grid-template-columns: 38% auto; gap: 60px;}
.industries-group .section-inner-head {display: flex; flex-direction: column;}
.industries-content-group {max-height: 720px; overflow: hidden auto; margin-bottom: 80px;}
.industries-content-group::-webkit-scrollbar { width: 0px; height: 0px;}
.industries-content-item:not(:last-child) {margin-bottom: 30px;}
.industries-content-item {padding: 20px; border-radius: 20px; background-color: #FFFFFF66; transition: all ease-in-out 0.3s; position: relative; overflow: hidden;}
.industries-content-item::before {content: ''; width: 5px; height: 38px; position: absolute; top: 21px; left: -2px; background-color: var(--primary); border-radius: 4px; opacity: 0; visibility: hidden; transition: all ease-in-out 0.3s;}
.industries-content-item:hover {background-color: var(--color-white);}
.industries-content-item:hover:before {opacity: 1; visibility: visible;}
.industries-content-item, .industries-content-item ul li {border: 1px solid #F2A84333;}
.industries-content-item ul {margin-top: 20px; display: flex; flex-wrap: wrap; gap: 16px;}
.industries-content-item ul li {font-size: 20px; line-height: 28px; padding: 8px 16px; border-radius: 30px; box-shadow: 0px 2px 3.5px 0px #F2A84380 inset;}
.industries-content-item strong {font-weight: 700 !important; display: block; margin: 16px 0px 4px;}
.industries-img-mobile {display: none;}
/* CTA Section First */
.cta-first {padding: 80px 0px; background: linear-gradient(89.49deg, #F2A843 18.76%, #F8C05B 99.56%); position: relative;}
.cta-first::before {content: ''; width: 100%; height: calc(100% + 80px); position: absolute; bottom: 0; left: 0; background: url(../../images/ai-developments/ai-development-service/cta-img-one.webp) no-repeat right bottom; background-size: contain;}
.cta-first .section-inner-head {width: 60%;}
.cta-first .section-inner-head h2 {margin-bottom: 40px;}
.cta-first .cta-img {display: none;}
/* CTA Section First & /* CTA Section Second */
.cta-section {position: relative;}
.cta-section>div {position: relative; z-index: 1;}
.cta-section .cta-shap-1, .cta-section .cta-shap-2 {position: absolute; mix-blend-mode: color-burn; left: 0;}
.cta-section .cta-shap-1 {top: 0;}
.cta-section .cta-shap-2 {bottom: 0;}
.cta-section .btn1 {border-color: var(--blue-primary); background-color: transparent; box-shadow: 0px 4px 15px 0px #1D190E1A;}
.cta-section .btn1::before, .cta-section .btn1::after {background: #FFFFFF1A;}
/* CTA Section Second */
.cta-second {background: linear-gradient(89.49deg, #F2A843 18.76%, #F8C05B 99.56%);}
.cta-second::before {content: ''; width: 100%; height: 11px; position: absolute; bottom: 0; left: 0; background-color: var(--color-white);}
.cta-group {display: grid; gap: 30px; grid-template-columns: auto 44%; }
.cta-group .section-inner-head {display: flex; flex-direction: column; justify-content: center; align-items: start; padding-block: 40px; margin-bottom: 11px;}
.cta-group .section-inner-head h2 {margin-bottom: 40px;}
.cta-group .cta-img {position: relative;}
.cta-group .cta-img img {margin-top: -106px; margin-right: -10%;}
/* Process Section */
.process-section {position: relative; z-index: 1; background-color: var(--light-bg-color);}
.process-group{display: grid;align-items: flex-start;grid-template-columns: 38% auto;gap: 60px;}
.process-group .section-inner-head{position: sticky;top: 100px;}
.process-step{padding: 30px 0;position: relative;padding-left: 90px;}
.process-step:before{content: '';position: absolute;left: 30px;top: 0;width: 1px;height: 100%;background-color: rgba(37, 57, 92, 0.1);}
.process-step:after{content: '';position: absolute;left: 21px;top: 54px;width: 18px;height: 18px;background-color: #E2E8F4;border-radius: 50%;box-shadow: 0 0 0 10px var(--light-bg-color);}
.process-step:first-child:after{top: 25px;}
.process-step:first-child:before{top: 35px;height: calc(100% - 35px);}
.process-step:first-child{padding-top: 0;}
.process-step:last-child{padding-bottom: 0;}
.process-step .step-text{color: var(--primary);text-transform: uppercase;display: block;}
.process-step .step-text, .process-step .step-title{font-size: var(--font-20);line-height: 28px;font-weight: bold;margin-bottom: 10px;}
.process-step:hover .step-title{color: #25395C;}
.process-step .list-img{width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background-color: var(--blue-primary);border-radius: 50%;box-shadow: 0px 6px 15px 0px #25395C4D;position: absolute;left: 0;top: 32px;z-index: 1;opacity: 0;visibility: hidden;transition: all 350ms ease-in-out;}
.process-step:first-child .list-img{top: 0;}
.process-step:hover .list-img{opacity: 1;visibility: visible;}
/* Why Us Section */
.why-section .section-inner-head {max-width: 750px; margin-inline: auto;}
.why-choose-group {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; padding-bottom: 30px;}
.why-choose-item {border: 1px solid var(--blue-border-color); border-radius: 20px; padding: 30px; position: relative; transition: all ease-in-out 0.3s;}
.why-choose-item:hover {box-shadow: 2px 4px 20px 0px #0D0F2A1A;}
.why-choose-item::before {content: ''; position: absolute; left: 30px; top: -1px; height: 5px; width: 38px; border-radius: 4px; background-color: var(--primary);}
.why-choose-item h3 {font-size: 20px; line-height: 28px; margin-bottom: 10px;}
/* 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 + .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);}
/*-------------------============ Responsive CSS ==============--------------------- */
@media screen and (max-width: 1441px) {
/* Banner Section */
.banner-sub-title, .banner-heading p {font-size: var(--font-18); line-height: 27px;}
/* Metrics Section */
.metric-value { font-size: var(--font-30); line-height: 45px;}
.metrics-card-group {gap: 20px; padding-top: 35px; margin-top: 35px;}
.metrics-card-head {width: 70%;}
/* Service Section */
.service-items .nav-link, .service-content h3, .service-content ul li {font-size: 18px;}
.service-items .nav-link {padding: 16px 16px 16px 10px;}
/* Industries Section */
.industries-content-item ul li {font-size: 18px;}
.industries-group {grid-template-columns: 33% auto; gap: 50px;}
/* CTA Section Second */
.cta-second::before {bottom: -1px;}
.cta-group {grid-template-columns: auto 47%; }
.cta-group .cta-img img {margin-top: -96px;}
}
@media screen and (max-width: 1199px) {
.section-spacing {padding: 80px 0px;}
/* header-main */
.header-main:not(.sticky-header) .navbar-toggler .navbar-toggler-icon {background-color: var(--color-white);}
.header-main.sticky-header .navbar-toggler .navbar-toggler-icon { background-color: var(--color-black)}
.header-main .navbar-collapse { background: var(--color-white); margin-left: -25px; margin-right: -25px; padding: 0 25px 30px; margin-top: 15px; margin-bottom: -16px}
.header-main .navbar-collapse .nav-link { color: var(--black-color) !important}
/* Banner Section */
.banner-bottom-content {padding: 30px 20px 30px;}
.banner-title {line-height: 53px;}
/* Metrics Section */
.metrics-card-group {gap: 10px;}
.metrics-card-head {width: 80%;}
/* Service Section */
.service-items .nav-link, .service-content h3, .service-content ul li {font-size: 16px; line-height: 27px;}
.service-group {grid-template-columns: 45% auto;}
/* Industries Section */
.industries-content-item strong {font-size: 18px; line-height: 28px;}
.industries-content-item ul li {font-size: 16px; line-height: 27px;}
.industries-group { grid-template-columns: 40% auto; gap: 0px 30px; }
/* CTA Section First */
.cta-first::before {height: calc(100% + 60px);}
/* Process Section */
.process-step .step-text, .process-step .step-title {font-size: 18px;}
/* Why Us Section */
.why-choose-item h3 {font-size: 18px;}
/* CTA Section Second */
.cta-second::before {bottom: -2px;}
.cta-group {grid-template-columns: auto 490px;}
.cta-group .section-inner-head {margin-bottom: 0px; margin-top: -7px;}
.cta-group .section-inner-head h2 {margin-bottom: 30px;}
.cta-group .cta-img img {margin-top: -87px; margin-right: 0px;}
.cta-second .cta-shap-1, .cta-second .cta-shap-2 {display: none;}
/* 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){
/* CTA Section First */
.cta-first {padding: 60px 0px;}
.cta-first::before {height: calc(100% + 60px); background-size: 50%;}
.cta-first .section-inner-head {width: 55%;}
.cta-first .section-inner-head h2 { margin-bottom: 30px;}
}
@media screen and (max-width: 991px){
/* Banner Section */
.banner-ai-img .ai-img {max-width: 400px;}
/* Metrics Section */
.metrics-card-inner {background: none; padding: 0;}
.metrics-card-head {padding: 30px;}
.metrics-card-group {gap: 20px; padding-top: 35px; margin-top: 35px;}
.metrics-card-head {width: 100%;}
.metrics-ai-image {position: relative;}
.metrics-ai-image::before {content: ''; width: 100%; height: 50px; top: -20px; backdrop-filter: blur(15px); position: absolute;}
/* Service Section */
.service-items {grid-template-columns: 1fr;}
.service-group {grid-template-columns: 40% auto;}
.service-items .nav-link {border-radius: 10px;}
.service-items {max-height: 420px;}
/* Process Section */
.process-group{grid-template-columns: auto;gap: 40px;}
.process-content{max-height: none;}
.process-group .section-inner-head{position: inherit;top: inherit;}
/* Why Us Section */
.why-choose-group {padding-bottom: 0px;}
/* CTA Section Second */
.cta-second {background: none;}
.cta-second>div {padding-inline: 0px;}
.cta-second .section-inner-head {padding: 100px 25px 60px; margin: 0px; background: linear-gradient(89.49deg, #F2A843 18.76%, #F8C05B 99.56%); text-align: center; align-items: center;}
.cta-group {display: flex; flex-direction: column-reverse; align-items: center; gap: 0px;}
.cta-group .cta-img img {margin: 0px auto -60px;}
}
@media screen and (max-width: 768px){
/* Banner Section */
.banner-ai-img .ai-img {max-width: 280px;}
/* Metrics Section */
.metric-value { font-size: 28px; line-height: 38px; margin-bottom: 10px;}
.metrics-card-group {grid-template-columns: 1fr;}
.metrics-ai-image::before {display: none;}
.metrics-ai-img-mobile {margin-top: -45%;}
/* Service Section */
.service-items {max-height: 290px; gap: 10px;}
.service-group {grid-template-columns: 1fr;}
.service-items .nav-link {border-radius: 10px;}
.service-section::after {background-size: 80%;}
.service-section::before {background-size: 100%;}
/* Solution Section */
.solution-group {grid-template-columns: 1fr;}
.solution-item {padding: 24px 24px 30px;}
.solution-item .count {margin-bottom: 10px;}
/* Industries Section */
.industries-content-group {margin-bottom: 40px; max-height: unset;}
.industries-group { grid-template-columns: 1fr;}
.industries-img-desktop {display: none;}
.industries-img-mobile {display: block;}
/* CTA Section First */
.cta-first::before {display: none;}
.cta-first .cta-img {display: block;}
.cta-first {display: flex; flex-direction: column-reverse; gap: 20px;}
.cta-first .section-inner-head {width: 100%;}
/* Why Us Section */
.why-choose-group {grid-template-columns: 1fr;}
.why-choose-item {padding: 24px;}
.why-choose-item::before {left: 24px;}
}
@media screen and (max-width: 576px){
/* Banner Section */
.banner-section {background: linear-gradient(183.78deg, #080D17 54.49%, #112445 138.36%);}
.banner-section .container {padding-inline: 0px;}
.banner-heading, .banner-bottom-content {padding-inline: 25px;}
.banner-bottom-content::before, .banner-bottom-content::after {width: 100%; border-radius: 0px; padding-inline: 0px; transform: unset;}
.banner-bottom-rectangle-shap {right: 0;}
.banner-bottom-content {max-width: 100%;}
.banner-ai-img .ai-img {margin-top: -50px;}
/* Service Section */
.service-group {padding: 20px; gap: 20px;}
.service-group .tab-content {padding: 30px 20px;}
.service-content-group {flex-direction: column; gap: 0;}
.service-content-link {justify-content: end; padding-top: 24px; margin-top: 24px; border-top: 1px solid #FFFFFF1A;}
}