.topbar__logo .custom-logo-link{display:block}.topbar__logo .custom-logo{max-width:100%;height:auto;max-height:60px}.logo-box .custom-logo-link{display:block}.logo-box .custom-logo{max-width:100%;height:auto;max-height:60px}.main-header__meta{margin-right:20px;display:flex;align-items:center}.additional-meta{display:flex;flex-direction:column;gap:5px}.meta-item{font-size:14px;color:#676e73}.meta-label{font-weight:600;margin-right:5px}@media (max-width:991px){.main-header__meta{display:none}}.client-carousel__one__item{text-align:center;padding:10px;transition:all 0.3s ease}.client-carousel__one__item img{max-height:80px;width:auto;opacity:.7;transition:all 0.3s ease;filter:grayscale(100%)}.client-carousel__one__item:hover img{opacity:1;filter:grayscale(0%);transform:scale(1.05)}.tech-tabs-section{padding:80px 0;background-color:#f8f9fa}.tech-tabs-nav{display:flex;justify-content:center;flex-wrap:wrap;border-bottom:2px solid #e9ecef;margin-bottom:40px}.tech-tabs-nav .nav-item{margin:0 10px}.tech-tabs-nav .nav-link{color:#495057;font-weight:600;font-size:16px;padding:12px 20px;border:none;border-bottom:3px solid #fff0;border-radius:0;transition:all 0.3s ease;position:relative;background:#fff0}.tech-tabs-nav .nav-link:hover{color:#007bff}.tech-tabs-nav .nav-link.active{color:#007bff;background:#fff0;border-bottom:3px solid #007bff}.tech-tabs-content{padding:20px 0}.tech-logos-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;justify-content:center;align-items:center;margin:0 auto}.tech-logo-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px rgb(0 0 0 / .05);transition:all 0.3s ease;height:100%}.tech-logo-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgb(0 0 0 / .1)}.tech-logo{max-width:100%;height:auto;max-height:60px;margin-bottom:15px}.tech-name{font-size:14px;font-weight:500;color:#495057;margin-top:10px}.tech-logo-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;width:100%;height:100%}@media (max-width:1199px){.tech-logos-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:991px){.tech-logos-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.tech-logos-grid{grid-template-columns:repeat(2,1fr)}.tech-tabs-nav .nav-item{margin:0 5px}.tech-tabs-nav .nav-link{padding:10px 15px;font-size:14px}}@media (max-width:575px){.tech-logos-grid{grid-template-columns:repeat(1,1fr);gap:20px}.tech-tabs-nav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:10px}.tech-tabs-nav .nav-item{flex:0 0 auto}}.newsletter-message-container{margin-bottom:15px}.newsletter-message{padding:10px 15px;border-radius:4px;margin-bottom:15px;font-size:14px}.newsletter-message.newsletter-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:15px;border-radius:4px;margin:15px 0;font-size:15px;text-align:center}.newsletter-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.newsletter-permanent-message{background-color:#4a3aff;color:#fff;padding:15px;border-radius:4px;text-align:center;font-weight:500;margin:15px 0;font-size:16px}.footer-widget--mailchimp .newsletter-message{margin-bottom:15px;display:block}.reset-subscription{margin-top:15px;background-color:#f8f9fa;color:#333;border:1px solid #dee2e6;transition:all 0.3s ease;font-size:14px;padding:8px 15px;cursor:pointer;border-radius:4px;display:inline-block}.reset-subscription:hover{background-color:#e9ecef;color:#212529}img.custom-logo{max-height:60px}.service-one__item__icon img{max-width:48px;max-height:48px;object-fit:contain;display:inline-block;transition:all 0.5s ease}.service-one__item:hover .service-one__item__icon img{transform:scale(1.1)}.section-customers{padding:30px 0}.customers-content{text-align:center}.customers-content p{font-size:18px;line-height:1.6;max-width:900px;margin:0 auto 30px}.customers-map{position:relative;margin:30px auto;max-width:100%}.customers-map img{max-width:100%;height:auto;display:block;margin:0 auto}@media (max-width:767px){.customers-content p{font-size:16px}}.map-placeholder{width:100%;height:400px;background-color:#f8f9fa;border-radius:12px;position:relative;overflow:hidden;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400" viewBox="0 0 800 400"><path fill="none" stroke="%23e6e6e6" stroke-width="0.5" d="M144,128L167,122L189,130L204,119L234,144L259,147L288,136L302,141L323,131L347,132L354,143L367,146L388,138L408,143L418,134L423,144L448,139L464,159L474,157L488,167L512,166L517,174L537,167L553,175L559,168L573,166L584,176L596,172L602,182L613,189L622,187L634,193L636,209L647,222L651,235L658,237L677,261L676,275L661,274L646,283L640,280L637,295L648,304L654,296L659,302L669,293L684,301L688,311L678,316L679,325L692,331L696,327L711,332L724,329L733,338L718,346L714,353L725,357L742,348L749,352L758,345L776,343L795,349L798,358L784,368L779,365L774,369L774,379L764,387L740,384L728,387L721,376L710,380L694,369L682,373L673,360L658,361L646,364L642,371L624,361L601,355L601,345L591,344L580,336L576,324L560,317L548,300L556,287L541,277L549,264L543,254L534,260L533,241L522,236L521,228L514,222L499,225L489,221L482,212L473,215L466,208L450,218L437,216L443,223L427,233L426,226L410,223L408,216L391,215L374,209L360,210L334,196L334,187L322,181L316,183L310,175L289,170L277,186L255,178L244,185L229,178L216,182L189,172L179,176L166,172L162,164L144,167L140,162L132,168L117,160L115,152L100,147L104,142L96,135L107,128L116,128L125,121L137,120L144,128Z M682,216L685,226L694,231L705,230L716,221L712,214L693,207L683,210L682,216Z M648,135L648,137L652,137L652,135L648,135Z M625,134L625,136L629,136L629,134L625,134Z M391,133L395,133L395,131L391,131L391,133Z M605,131L605,133L610,133L610,131L605,131Z M601,128L601,130L605,130L605,128L601,128Z M641,129L641,131L645,131L645,129L641,129Z M618,128L618,130L622,130L622,128L618,128Z M574,125L574,127L579,127L579,125L574,125Z M629,124L629,126L633,126L633,124L629,124Z M637,124L637,126L641,126L641,124L637,124Z M430,115L430,117L434,117L434,115L430,115Z"/></svg>');background-size:contain;background-repeat:no-repeat;background-position:center}.map-placeholder::before,.map-placeholder::after,.customers-map::before{display:none}.map-marker{position:absolute;width:40px;height:40px;border-radius:50%;background-color:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .1);transform:translate(-50%,-50%);z-index:10;transition:all 0.3s ease;cursor:pointer;border:2px solid #fff0;overflow:hidden}.map-marker:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 3px 15px rgb(0 0 0 / .15);z-index:11}.map-marker.color-1{border-color:#61DAFB}.map-marker.color-2{border-color:#9C27B0}.map-marker.color-3{border-color:#4CAF50}.map-marker.color-4{border-color:#FFC107}.map-marker.color-5{border-color:#F44336}.map-marker.color-6{border-color:#FF9800}.map-marker img{width:100%;height:100%;object-fit:cover;border-radius:50%}.map-marker::after{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;z-index:-1;opacity:.5;animation:glowing 2s ease-in-out infinite alternate}.map-marker.color-1::after{background-color:#61DAFB}.map-marker.color-2::after{background-color:#9C27B0}.map-marker.color-3::after{background-color:#4CAF50}.map-marker.color-4::after{background-color:#FFC107}.map-marker.color-5::after{background-color:#F44336}.map-marker.color-6::after{background-color:#FF9800}@keyframes glowing{0%{opacity:.4;transform:scale(1)}100%{opacity:.2;transform:scale(1.1)}}.map-connections{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.map-connection{stroke-width:1;stroke:rgb(200 200 200 / .4);stroke-dasharray:4;animation:dash 30s linear infinite}@keyframes dash{to{stroke-dashoffset:1000}}.map-marker-tooltip{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background-color:rgb(0 0 0 / .7);color:#fff;padding:3px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity 0.3s ease;pointer-events:none}.map-marker:hover .map-marker-tooltip{opacity:1}.customers-content{text-align:center}.customers-content p{font-size:18px;line-height:1.7;max-width:900px;margin:0 auto 40px;color:#555}.customers-map{position:relative;margin:30px auto 0;max-width:1000px;border-radius:12px}@media (max-width:767px){.map-placeholder{height:300px}.customers-content p{font-size:16px;margin-bottom:30px}.map-marker{width:30px;height:30px}}.service-one__item.lotech_custom{display:flex;flex-direction:column}.service-one-custom-icon img{max-width:100%;height:auto;max-height:80px;object-fit:contain}.services-list-section{padding:70px 0;background-color:#f8f9fa}.services-list-content h2{font-size:39px;margin-bottom:20px;color:#222;font-weight:600;margin-bottom:14px}.services-list-content p{font-size:18px;margin-bottom:25px;color:#555}.services-list{margin-left:0;padding-left:0}.services-list li{font-size:16px;margin-bottom:20px;position:relative;padding-left:35px;transition:all 0.3s ease;font-weight:500}.services-list li i{color:#fff;position:absolute;left:0;top:0;font-size:10px;width:20px;height:20px;background-color:#4946ec;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 2px 5px rgb(239 35 60 / .3)}.services-list li:hover i{transform:scale(1.2);box-shadow:0 3px 8px rgb(239 35 60 / .5)}.services-list-image{height:100%;display:flex;align-items:center;justify-content:center}.services-list-image img{max-width:100%;height:100%;object-fit:cover;border-radius:5px;box-shadow:0 5px 15px rgb(0 0 0 / .1)}.placeholder-image{width:100%;height:400px;border:2px dashed #ddd;display:flex;align-items:center;justify-content:center;font-size:24px;color:#aaa;border-radius:5px}@media (max-width:991px){.services-list-image{margin-top:40px}}[data-aos="fade-up"]{transform:translate3d(0,30px,0);opacity:0;transition-property:transform,opacity}[data-aos="fade-up"].aos-animate{transform:translate3d(0,0,0);opacity:1}[data-aos="fade-right"]{transform:translate3d(-50px,0,0);opacity:0;transition-property:transform,opacity}[data-aos="fade-right"].aos-animate{transform:translate3d(0,0,0);opacity:1}[data-aos="fade-left"]{transform:translate3d(50px,0,0);opacity:0;transition-property:transform,opacity}[data-aos="fade-left"].aos-animate{transform:translate3d(0,0,0);opacity:1}[data-aos="zoom-in"]{transform:scale(.9);opacity:0;transition-property:transform,opacity}[data-aos="zoom-in"].aos-animate{transform:scale(1);opacity:1}.services-list li{transform:translateY(20px);opacity:0;transition:all 0.5s ease}.services-list li.aos-animate{transform:translateY(0);opacity:1}.services-list li i{transform:scale(0);transition:all 0.3s ease 0.2s}.services-list li.aos-animate i{transform:scale(1)}.custom-sec-title p{font-size:19px;max-width:810px;line-height:25px}.custom-sec-title{display:flex;flex-direction:column;align-items:center}.service-one-custom-icon{display:flex;justify-content:center;align-items:center}.service-one-custom-icon img{max-width:100%;max-height:60px;object-fit:contain}.key-features-section{padding:120px 0;background-color:#f9f9f9;position:relative;overflow:hidden}.key-features-section:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/wp-content/themes/mastheme/assets/images/shapes/why-choose-2-shape.png);background-repeat:no-repeat;background-position:top right;opacity:.05;z-index:0}.key-features-section .sec-title{margin-bottom:70px;position:relative;z-index:1}.key-features-section .sec-title__tagline{display:block;color:var(--lotech-primary,#4777f4);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:15px}.key-features-section .sec-title__title{font-size:42px;line-height:1.2;margin-bottom:20px;color:#222}.key-features-section .sec-title__decoration{display:flex;align-items:center;justify-content:center;margin-top:20px}.key-features-section .sec-title__decoration span{display:inline-block;width:50px;height:2px;background-color:var(--lotech-primary,#4777f4)}.key-features-section .sec-title__decoration span.left{margin-right:10px}.key-features-section .sec-title__decoration span.right{margin-left:10px}.col-lg-1-5{position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width:992px){.col-lg-1-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}.key-feature-card{height:100%;position:relative;z-index:1;perspective:1000px}.key-feature-card-inner{text-align:center;padding:40px 20px;height:100%;background-color:#fff;border-radius:10px;box-shadow:0 10px 30px rgb(0 0 0 / .05);transition:all 0.4s ease;position:relative;overflow:hidden;transform-style:preserve-3d;border-bottom:3px solid var(--lotech-primary,#4777f4)}.key-feature-card:hover .key-feature-card-inner{transform:translateY(-10px);box-shadow:0 20px 40px rgb(0 0 0 / .1)}.key-feature-card:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--lotech-primary,#4777f4);transform:scaleY(0);transform-origin:bottom;transition:transform 0.5s ease;z-index:-1;border-radius:10px}.key-feature-card:hover:before{transform:scaleY(.05)}.key-feature-number{position:absolute;top:15px;right:15px;font-size:24px;font-weight:700;color:var(--lotech-primary,#4777f4);opacity:.3;line-height:1}.key-feature-icon{font-size:48px;margin-bottom:25px;color:var(--lotech-primary,#4777f4);transition:all 0.3s ease}.key-feature-icon span{display:inline-block;transition:transform 0.3s ease}.key-feature-card:hover .key-feature-icon span{transform:scale(1.1)}.key-feature-title{font-size:20px;font-weight:700;margin-bottom:20px;color:#222;position:relative;padding-bottom:15px;transition:all 0.3s ease}.key-feature-title:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:2px;background-color:var(--lotech-primary,#4777f4)}.key-feature-list{list-style:none;padding:0;margin:0;text-align:left}.key-feature-list li{position:relative;padding-left:25px;margin-bottom:12px;font-size:15px;line-height:1.5;color:#555;transition:all 0.3s ease}.key-feature-list li:last-child{margin-bottom:0}.key-feature-list li .item-bullet{position:absolute;left:0;top:7px;width:8px;height:8px;background-color:var(--lotech-primary,#4777f4);border-radius:50%}.key-feature-card:hover .key-feature-list li{color:#333}.key-features-boxes .service-one__card{height:100%;position:relative;z-index:1;perspective:1000px}.key-features-boxes .service-one__card-inner{height:100%;padding:40px 30px;position:relative;overflow:hidden;border-bottom:3px solid var(--lotech-primary,#4777f4);transition:all 0.4s ease;background-color:#fff;border-radius:10px;box-shadow:0 10px 30px rgb(0 0 0 / .05)}.key-features-boxes .service-one__card:hover .service-one__card-inner{transform:translateY(-10px);box-shadow:0 20px 40px rgb(0 0 0 / .1)}.key-features-boxes .service-one__card:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--lotech-primary,#4777f4);transform:scaleY(0);transform-origin:bottom;transition:transform 0.5s ease;z-index:-1;border-radius:10px}.key-features-boxes .service-one__card:hover:before{transform:scaleY(.05)}.key-features-boxes .service-one__card .key-feature-number{color:var(--lotech-primary,#4777f4);opacity:.3}.key-features-boxes .service-one__card__icon{font-size:48px;margin-bottom:25px;color:var(--lotech-primary,#4777f4)}.key-features-boxes .service-one__card__icon span{display:inline-block;transition:transform 0.3s ease}.key-features-boxes .service-one__card:hover .service-one__card__icon span{transform:scale(1.1)}.key-features-boxes .service-one__card__title{font-size:22px;font-weight:700;margin-bottom:20px;color:#222;position:relative;padding-bottom:15px}.key-features-boxes .service-one__card__title:after{content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--lotech-primary,#4777f4)}.key-features-boxes .service-one__card__list li{position:relative;padding-left:30px;margin-bottom:12px;font-size:15px;line-height:1.5;color:#555;transition:all 0.3s ease}.key-features-boxes .service-one__card__list li:last-child{margin-bottom:0}.key-features-boxes .service-one__card__list li i{position:absolute;left:0;top:3px;color:var(--lotech-primary,#4777f4);font-size:14px}.service-one__item__image{position:relative;z-index:2;margin-bottom:20px;width:80px;height:80px;border-radius:50%;overflow:hidden;background-color:rgba(var(--lotech-primary-rgb),.1);display:flex;align-items:center;justify-content:center;transition:all 500ms ease}.service-one__item__image img{width:100%;height:100%;object-fit:cover;transition:all 500ms ease}.service-one__item__image i{font-size:40px;color:var(--lotech-primary);transition:all 500ms ease}.service-one__item:hover .service-one__item__image{background-color:#fff}.service-one__item:hover .service-one__item__image img{transform:scale(1.1)}.service-one__item:hover .service-one__item__image i{transform:rotate(360deg)}.service-one__item__icon{position:relative;display:flex;align-items:center;justify-content:center;height:80px;width:80px;background-color:rgba(var(--lotech-primary-rgb),.1);border-radius:50%;margin-bottom:20px;z-index:2;transition:all 500ms ease}.service-one__item__icon i{font-size:40px;color:var(--lotech-primary);transition:all 500ms ease}.service-one__item:hover .service-one__item__icon{background-color:#fff}.service-one__item:hover .service-one__item__icon i{color:var(--lotech-primary);transform:rotate(360deg)}.service-one__item__title{position:relative;font-size:22px;line-height:1.3;margin-bottom:15px;z-index:2;transition:all 500ms ease}.service-one__item__title a{color:var(--lotech-black);transition:all 500ms ease}.service-one__item:hover .service-one__item__title a{color:#fff}.service-one__item__text{position:relative;margin:0;z-index:2;transition:all 500ms ease;flex-grow:1}.service-one__item:hover .service-one__item__text{color:#fff}.section-title{margin-bottom:60px}.section-title__tagline{display:block;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--lotech-primary);margin-bottom:10px}.section-title__title{font-size:40px;line-height:1.2;margin:0}@media (max-width:1199px){.service-details__title{font-size:36px}.section-title__title{font-size:36px}.service-one__item{padding:30px 20px 20px}.service-one__item__title{font-size:20px}}@media (max-width:767px){.service-details__title{font-size:32px}.service-details__content-text1 p{font-size:16px}.section-title__title{font-size:28px}.service-one__item__title{font-size:18px}.service-one__item__image,.service-one__item__icon{height:70px;width:70px}.service-one__item__icon i,.service-one__item__image i{font-size:32px}.service-one{padding:80px 0}}@media (max-width:575px){.service-one{padding:60px 0}.section-title{margin-bottom:40px}}.service-details-page{background-color:#f8f9fa}.service-details__title{font-size:42px;line-height:1.2;margin-bottom:20px}.service-details__content-text1 p{font-size:18px;line-height:1.7;margin-bottom:30px}.service-details__btn-box{margin-top:30px}.service-one{position:relative;padding:120px 0;background-color:#fff}.service-one__item{position:relative;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 10px 60px 0 rgb(0 0 0 / .07);padding:40px 30px 30px;border-radius:5px;overflow:hidden;z-index:1;height:100%;transition:all 500ms ease}.service-one__item:hover{transform:translateY(-10px)}.service-one__item__hover{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;transition:all 500ms ease}.service-one__item__hover__left{position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--lotech-primary);transition:all 500ms ease}.service-one__item__hover__right{position:absolute;top:0;right:0;width:0;height:100%;background-color:var(--lotech-primary);transition:all 500ms ease}.service-one__item:hover .service-one__item__hover__left,.service-one__item:hover .service-one__item__hover__right{width:50%}.service-one__item__image{position:relative;z-index:2;margin-bottom:20px;width:80px;height:80px;border-radius:50%;overflow:hidden;background-color:rgba(var(--lotech-primary-rgb),.1);display:flex;align-items:center;justify-content:center;transition:all 500ms ease}.service-one__item__image img{width:46px;height:46px;object-fit:cover;transition:all 500ms ease}.service-one__item__image i{font-size:40px;color:var(--lotech-primary);transition:all 500ms ease}.service-one__item:hover .service-one__item__image{background-color:#fff}.service-one__item:hover .service-one__item__image img{transform:scale(1.1)}.service-one__item:hover .service-one__item__image i{transform:rotate(360deg)}.service-one__item__icon{position:relative;display:flex;align-items:center;justify-content:center;height:80px;width:80px;background-color:rgba(var(--lotech-primary-rgb),.1);border-radius:50%;margin-bottom:20px;z-index:2;transition:all 500ms ease}.service-one__item__icon i{font-size:40px;color:var(--lotech-primary);transition:all 500ms ease}.service-one__item:hover .service-one__item__icon{background-color:#fff}.service-one__item:hover .service-one__item__icon i{color:var(--lotech-primary);transform:rotate(360deg)}.service-one__item__title{position:relative;font-size:22px;line-height:1.3;margin-bottom:15px;z-index:2;transition:all 500ms ease}.service-one__item__title a{color:var(--lotech-black);transition:all 500ms ease}.service-one__item:hover .service-one__item__title a{color:#fff}.service-one__item__text{position:relative;margin:0;z-index:2;transition:all 500ms ease;flex-grow:1}.service-one__item:hover .service-one__item__text{color:#fff}.section-title{margin-bottom:60px}.section-title__tagline{display:block;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--lotech-primary);margin-bottom:10px}.section-title__title{font-size:40px;line-height:1.2;margin:0}@media (max-width:1199px){.service-details__title{font-size:36px}.section-title__title{font-size:36px}.service-one__item{padding:30px 20px 20px}.service-one__item__title{font-size:20px}}@media (max-width:767px){.service-details__title{font-size:32px}.service-details__content-text1 p{font-size:16px}.section-title__title{font-size:28px}.service-one__item__title{font-size:18px}.service-one__item__image,.service-one__item__icon{height:70px;width:70px}.service-one__item__icon i,.service-one__item__image i{font-size:32px}.service-one{padding:80px 0}}@media (max-width:575px){.service-one{padding:60px 0}.section-title{margin-bottom:40px}}.tech-support-service-card{position:relative;background-color:#fff;border-radius:8px;box-shadow:0 5px 20px rgb(0 0 0 / .05);padding:30px;height:100%;transition:all 0.4s ease;overflow:hidden;z-index:1}.tech-support-service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgb(0 0 0 / .1)}.tech-support-service-card:before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background-color:var(--lotech-primary);z-index:-1;transition:all 0.4s ease}.tech-support-service-card:hover:before{width:100%;opacity:.05}.tech-support-service-card__header{display:flex;align-items:center;margin-bottom:0}.tech-support-service-card__icon{flex-shrink:0;width:60px;height:60px;border-radius:50%;background-color:rgba(var(--lotech-primary-rgb),.1);display:flex;align-items:center;justify-content:center;margin-right:15px;transition:all 0.4s ease}.tech-support-service-card:hover .tech-support-service-card__icon{background-color:var(--lotech-primary)}.tech-support-service-card__icon i{font-size:28px;color:var(--lotech-primary);transition:all 0.4s ease}.tech-support-service-card:hover .tech-support-service-card__icon i{color:#fff}.tech-support-service-card__title{font-size:22px;line-height:1.3;margin:0;transition:all 0.4s ease}.tech-support-service-card__content p{margin-bottom:0}.tech-support-service-card__features{list-style:none;padding:0;margin:0}.tech-support-service-card__features li{position:relative;padding-left:25px;margin-bottom:10px;font-size:15px}.tech-support-service-card__features li i{position:absolute;left:0;top:5px;color:var(--lotech-primary);font-size:14px}.service-details-services{position:relative;overflow:hidden}.service-details-services:before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background-color:rgba(var(--lotech-primary-rgb),.03);top:-200px;left:-200px;z-index:0}.service-details-services:after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background-color:rgba(var(--lotech-primary-rgb),.03);bottom:-150px;right:-150px;z-index:0}@media (max-width:991px){.tech-support-service-card__title{font-size:20px}}@media (max-width:767px){.tech-support-service-card{padding:25px 20px}.tech-support-service-card__header{flex-direction:column;text-align:center}.tech-support-service-card__icon{margin-right:0;margin-bottom:15px}.tech-support-service-card__title{font-size:18px}}.tech-support-service-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tech-support-service-card__tag{display:inline-block;padding:6px 12px;background-color:rgba(var(--lotech-primary-rgb),.08);border-radius:30px;font-size:13px;font-weight:500;color:var(--lotech-primary);transition:all 0.3s ease;margin-bottom:5px}.tech-support-service-card:hover .tech-support-service-card__tag{background-color:rgb(255 255 255 / .9);color:var(--lotech-primary)}.tech-support-service-card__features{list-style:none;padding:0;margin:0}.tech-support-service-card__features li{position:relative;padding-left:25px;margin-bottom:10px;font-size:15px}.tech-support-service-card__features li i{position:absolute;left:0;top:5px;color:var(--lotech-primary);font-size:14px}.tech-support-dynamic-section{padding:60px 0;margin:20px 0;overflow:hidden}.tech-support-dynamic-section__title{font-size:30px;font-weight:700;margin-bottom:20px;position:relative}.tech-support-dynamic-section__title:after{content:'';display:block;width:70px;height:3px;background-color:var(--lotech-primary,#3498db);margin-top:15px}.tech-support-dynamic-section__text{font-size:16px;line-height:1.6}.tech-support-dynamic-section__text p{margin-bottom:15px}.tech-support-dynamic-section__text ul,.tech-support-dynamic-section__text ol{margin-left:20px;margin-bottom:20px}.tech-support-dynamic-section__text li{margin-bottom:8px}.tech-support-dynamic-section__image img{box-shadow:0 10px 30px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.tech-support-dynamic-section__image img:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgb(0 0 0 / .15)}.tech-support-info-box{padding:60px 0;overflow:hidden}.tech-support-info-card{background-color:#fff;border-radius:10px;box-shadow:0 10px 25px rgb(0 0 0 / .08);padding:30px;position:relative}.tech-support-info-card__title{font-size:28px;font-weight:700;margin-bottom:30px;color:#333;position:relative}.tech-support-info-item{background-color:#f8f9fa;border-radius:8px;padding:20px;height:100%;transition:all 0.3s ease}.tech-support-info-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .05)}.tech-support-info-item__title{font-size:18px;font-weight:600;color:#666;margin-bottom:10px}.tech-support-info-item__value{font-size:20px;font-weight:700;color:#333;margin-bottom:0}.tech-support-guarantee{background-color:#f8f9fa;border-radius:8px;padding:25px;margin-top:30px;border-left:4px solid #007bff}.tech-support-guarantee__title{font-size:20px;font-weight:600;margin-bottom:15px;color:#333}@media (max-width:767px){.tech-support-info-box{padding:40px 0}.tech-support-info-card{padding:20px}.tech-support-info-card__title{font-size:24px}}.tech-support-service-card__image{margin:15px 0;overflow:hidden;border-radius:8px;margin-right:15px}.tech-support-service-card__image img{width:35px;transition:transform 0.3s ease;display:block;height:35px;object-fit:cover}.tech-support-service-card:hover .tech-support-service-card__image img{transform:scale(1.05)}.testimonials-one{position:relative;padding:120px 0;background-color:#f8f9fa;background-position:center center;background-size:cover;background-repeat:no-repeat}.testimonials-one:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / .6);z-index:1}.testimonials-one .container{position:relative;z-index:10}.testimonials-one .section-title__title,.testimonials-one .section-title__tagline{color:#fff}.testimonials-one__item{padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 10px 30px rgb(0 0 0 / .1);margin:15px;transition:all 0.3s ease}.testimonials-one__item:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgb(0 0 0 / .15)}.testimonials-one__item__inner{position:relative}.testimonials-one__rating{margin-bottom:15px}.testimonials-one__rating i{color:#ffc107;margin-right:2px}.testimonials-one__content{margin-bottom:20px}.testimonials-one__content p{font-size:16px;line-height:1.7;color:#555;font-style:italic;margin:0}.testimonials-one__meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;padding-top:20px}.testimonials-one__client-info{display:flex;flex-direction:column}.testimonials-one__client-name{font-size:18px;font-weight:600;margin:0 0 5px;color:#333}.testimonials-one__client-title{font-size:14px;color:#777;margin:0}.testimonials-one__company-logo{max-width:80px}.testimonials-one__company-logo img{max-width:100%;height:auto}.testimonials-one__content:before{content:"" ";
 position: absolute;
    top: -20px;
    left: 0;
    font-size: 120px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.05);
    font-family: Georgia, serif;
}

/* Carousel Controls */
.testimonials-one .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    margin-top: 0;
    z-index: 20;
}

.testimonials-one .owl-nav button {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.testimonials-one .owl-nav button:hover {
    background-color: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.testimonials-one .owl-nav button span {
    font-size: 28px;
    color: #333;
    line-height: 30px;
}

.testimonials-one .owl-nav button.owl-prev {
    left: -25px;
}

.testimonials-one .owl-nav button.owl-next {
    right: -25px;
}

/* Responsive Styles */
@media (max-width: 1199px) {
    .testimonials-one .owl-nav button.owl-prev {
        left: -15px;
    }

    .testimonials-one .owl-nav button.owl-next {
        right: -15px;
    }
}

@media (max-width: 991px) {
    .testimonials-one {
        padding: 80px 0;
    }

    .testimonials-one .owl-nav {
        display: none;
    }
}

@media (max-width: 767px) {
    .testimonials-one {
        padding: 60px 0;
    }

    .testimonials-one__item {
        padding: 20px;
        margin: 10px;
    }

    .testimonials-one__meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .testimonials-one__company-logo {
        margin-top: 15px;
    }
}

/* Get Started Today Section Styles */
.get-started-section {
    position: relative;
    overflow: hidden;
    background-color: #f4f7fe;
    padding: 80px 0;
    margin-top: 30px;
    margin-bottom: 30px;
}

.get-started-content {
    padding-right: 30px;
}

.get-started-content h2 {
    color: #1e1e2a;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}

.get-started-content p {
    font-size: 18px;
    line-height: 1.7;
    color: #676e73;
    margin-bottom: 30px;
}

.get-started-image-wrapper {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
}

.get-started-image-wrapper:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.get-started-image-wrapper img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    transition: all 0.5s ease;
}

.get-started-image-wrapper:hover img {
    transform: scale(1.05);
}

.get-started-badge {
    position: absolute;
    top: -20px;
    right: -20px;
    background-color: #4a3aff;
    color: white;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 20px rgba(74, 58, 255, 0.3);
    z-index: 2;
    animation: pulse 2s infinite;
}

.get-started-badge:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(74, 58, 255, 0.6);
    z-index: -1;
    animation: ripple 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

.get-started-shape-1,
.get-started-shape-2 {
    border-radius: 50%;
    position: absolute;
}

.get-started-shape-1 {
    bottom: -50px;
    left: 5%;
    width: 180px;
    height: 180px;
    background-color: rgba(74, 58, 255, 0.08);
}

.get-started-shape-2 {
    top: -40px;
    right: 10%;
    width: 120px;
    height: 120px;
    background-color: rgba(74, 58, 255, 0.05);
}

@media (max-width: 991px) {
    .get-started-content {
        padding-right: 0;
        text-align: center;
        margin-bottom: 40px;
    }

    .get-started-content h2 {
        font-size: 32px;
    }

    .get-started-content p {
        font-size: 16px;
    }

    .get-started-image {
        max-width: 400px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .get-started-section {
        padding: 60px 0;
    }

    .get-started-content h2 {
        font-size: 28px;
    }

    .get-started-badge {
        width: 70px;
        height: 70px;
    }

    .get-started-badge span:first-child {
        font-size: 16px;
    }

    .get-started-badge span:last-child {
        font-size: 10px;
    }
}

/* Technical Support Hero Section */
.service-details__image {
    position: relative;
    margin-bottom: 30px;
}

.service-details__image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.service-details__image img:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

@media (max-width: 991px) {
    .service-details__image {
        margin-bottom: 40px;
    }
}

.service-details__title span {
    /* color: var(--lotech-primary); */
    /* font-size: 24px; */
    /* font-weight: 600; */
    color: chocolate;
    margin-bottom: 10px;
}


.business-goals-section {
    margin: 60px 0;
    background-color: #f9f9f9;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.business-goals-header {
    /* background-color: #e5e5e5; */
    color: white;
    padding: 25px 30px;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.business-goals-header h3 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    z-index: 2;
    font-family: "Poppins", sans-serif;
}

.business-goals-bg {
    position: absolute;
    /* top: 0; */
    right: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.business-goals-content {
    padding: 35px 40px;
}

.business-goals-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.business-goals-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 22px;
}

.business-goals-list li:last-child {
    margin-bottom: 0;
}

.business-goals-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 18px;
    height: 18px;
    background-color: #ffc107;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.business-goals-list h5 {
    font-size: 17px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 0;
    color: #333;
}

.business-goals-list strong {
    font-weight: 600;
    color: #0056b3;
}

/* Styles for Challenges Section */
.challenges-section h2 {
    font-size: 32px;
    font-weight: 700;
    color: #222;
}

.challenge-card {
    padding: 25px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    position: relative;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.challenge-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.challenge-icon {
    font-size: 32px;
    color: var(--lotech-base, #4946EC);
    margin-bottom: 15px;
    display: block;
    transition: all 0.3s ease;
}

.challenge-card:hover .challenge-icon {
    transform: scale(1.1);
}

.challenge-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--lotech-black, #0E0F11);
    margin-bottom: 12px;
    transition: all 0.3s ease;
}

.challenge-text {
    font-size: 16px;
    line-height: 1.6;
    color: var(--lotech-text, #596171);
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .challenge-card {
        padding: 20px;
    }

    .challenge-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .challenge-title {
        font-size: 18px;
    }

    .challenge-text {
        font-size: 14px;
    }
}

/* Solutions Section Styles */
.solutions-section {
    background-color: #f8f9fa;
    position: relative;
    overflow: hidden;
}

.solutions-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, rgba(73, 70, 236, 0.03) 0%, rgba(73, 70, 236, 0) 100%);
    z-index: 0;
}

.solution-card {
    background-color: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    height: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
    overflow: hidden;
}

.solution-card:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--lotech-base, #4946EC);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.solution-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.solution-card:hover:before {
    transform: scaleX(1);
}

.solution-card-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgba(73, 70, 236, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    transition: all 0.3s ease;
}

.solution-card:hover .solution-card-icon {
    background-color: var(--lotech-base, #4946EC);
}

.solution-card-icon i {
    font-size: 32px;
    color: var(--lotech-base, #4946EC);
    transition: all 0.3s ease;
}

.solution-card:hover .solution-card-icon i {
    color: #fff;
}

.solution-card h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--lotech-black, #0E0F11);
    transition: all 0.3s ease;
}

.solution-card p {
    font-size: 15px;
    line-height: 1.6;
    color: var(--lotech-text, #596171);
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .solution-card {
        padding: 25px 20px;
    }

    .solution-card-icon {
        width: 70px;
        height: 70px;
        margin-bottom: 15px;
    }

    .solution-card-icon i {
        font-size: 28px;
    }

    .solution-card h4 {
        font-size: 18px;
    }

    .solution-card p {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .solution-card {
        padding: 20px 15px;
    }

    .solution-card-icon {
        width: 60px;
        height: 60px;
    }

    .solution-card-icon i {
        font-size: 24px;
    }
}

/* Results Section Styles */
.results-section {
    position: relative;
    overflow: hidden;
}

.result-card {
    background-color: #fff;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.result-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.result-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background-color: rgba(73, 70, 236, 0.1);
    transition: all 0.3s ease;
}

.result-card:hover .result-icon {
    background-color: rgba(73, 70, 236, 0.2);
    transform: scale(1.1);
}

.result-icon i {
    font-size: 28px;
    color: var(--lotech-base, #4946EC);
}

.result-content h3 {
    font-size: 36px;
    font-weight: 700;
    color: var(--lotech-base, #4946EC);
    margin-bottom: 5px;
}

.result-content p {
    font-size: 16px;
    color: var(--lotech-text, #596171);
    margin-bottom: 0;
}

.testimonial-box {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    margin-top: 20px;
}

.testimonial-quote {
    position: relative;
    padding-left: 40px;
}

.testimonial-quote i {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 24px;
    color: var(--lotech-base, #4946EC);
    opacity: 0.5;
}

.testimonial-quote p {
    font-size: 18px;
    line-height: 1.7;
    color: #333;
    font-style: italic;
    margin-bottom: 20px;
}

.testimonial-author {
    padding-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.testimonial-author h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--lotech-black, #0E0F11);
}

.testimonial-author p {
    font-size: 14px;
    color: var(--lotech-text, #596171);
    margin-bottom: 0;
    font-style: normal;
}

@media (max-width: 991px) {
    .result-card {
        padding: 20px 15px;
    }

    .result-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 15px;
    }

    .result-icon i {
        font-size: 24px;
    }

    .result-content h3 {
        font-size: 30px;
    }

    .testimonial-quote p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .result-card {
        margin-bottom: 20px;
    }

    .result-content h3 {
        font-size: 28px;
    }

    .result-content p {
        font-size: 14px;
    }

    .testimonial-quote {
        padding-left: 30px;
    }

    .testimonial-quote i {
        font-size: 20px;
    }

    .testimonial-quote p {
        font-size: 15px;
    }
}

.custom-image-slider img {
    width: 100%;
    height: 710px;
    object-fit: cover;
}

.custom-heading {
    font-size: 40px;
    font-weight: 600;
    color: #0E0F11;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 50px;
    margin-top: 20px;
    position: relative;
}

.nexus-features {
    background-color: #f9f9f9;
}

.feature-card {
    background: #fff;
    border-radius: 12px;
    padding: 30px 25px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    height: 100%;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.feature-icon {
    width: 80px;
    height: 80px;
    background: #f0f7ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.feature-icon i {
    font-size: 30px;
    color: #0067E0;
}

.feature-card h4 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #222;
    font-weight: 600;
}

.feature-card p {
    color: #666;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.6;
}

.development-process-section {
    /* background-color: #f8f9fa; */
    padding: 75px 0px;
}

.timeline-container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.timeline-container::after {
    content: '';
    position: absolute;
    width: 4px;
    background-color: #e0e0e0;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
}

.timeline-item {
    padding: 10px 40px;
    position: relative;
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.left-item {
    left: 0;
    text-align: right;
}

.right-item {
    left: 50%;
    text-align: left;
}

.timeline-content {
    padding: 30px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    position: relative;
}

.left-item .timeline-content {
    margin-right: 40px;
}

.right-item .timeline-content {
    margin-left: 40px;
}

.timeline-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: white;
    border: 4px solid #4a90e2;
    border-radius: 50%;
    top: 30px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.left-item .timeline-icon {
    right: -30px;
}

.right-item .timeline-icon {
    left: -30px;
}

.timeline-icon i {
    font-size: 24px;
    color: #4a90e2;
}

.timeline-number {
    font-size: 36px;
    font-weight: 700;
    color: #4a90e2;
    opacity: 0.5;
    margin-bottom: 10px;
}

.timeline-content h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

.timeline-content p {
    color: #666;
    line-height: 1.6;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .timeline-container::after {
        left: 30px;
    }

    .timeline-item {
        width: 100%;
        padding-left: 70px;
        padding-right: 20px;
        text-align: left;
    }

    .left-item,
    .right-item {
        left: 0;
    }

    .left-item .timeline-content,
    .right-item .timeline-content {
        margin-left: 20px;
        margin-right: 0;
    }

    .left-item .timeline-icon,
    .right-item .timeline-icon {
        left: 0;
        right: auto;
    }
}

/* Demo Popup Styles */
.demo-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
    opacity: 0;
}

.demo-popup.active {
    display: flex;
    opacity: 1;
}

.demo-popup-content {
    background-color: #fff;
    border-radius: 8px;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    position: relative;
    animation: fadeInUp 0.4s ease;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.demo-popup-header {
    padding: 20px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.demo-popup-header h3 {
    margin: 0;
    font-size: 24px;
    color: #333;
}

.demo-popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #999;
    transition: color 0.2s;
}

.demo-popup-close:hover {
    color: #333;
}

.demo-popup-body {
    padding: 20px;
}

.demo-form-group {
    margin-bottom: 20px;
}

.demo-form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
}

.demo-required {
    color: #e74c3c;
}

.demo-form-control {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    transition: border-color 0.2s;
}

.demo-form-control:focus {
    border-color: #4946EC;
    outline: none;
}

.demo-form-control.textarea {
    min-height: 100px;
    resize: vertical;
}

.demo-error-message {
    color: #e74c3c;
    font-size: 14px;
    margin-bottom: 15px;
    display: none;
    padding: 10px;
    background-color: #fde8e8;
    border-radius: 4px;
}

.demo-submit-btn {
    background-color: #4946EC;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
    width: 100%;
}

.demo-submit-btn:hover {
    background-color: #3734c9;
}

.demo-success-message {
    text-align: center;
    padding: 20px;
    display: none;
}

.demo-success-message i {
    font-size: 60px;
    color: #2ecc71;
    margin-bottom: 15px;
}

.demo-success-message h4 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #333;
}

.demo-success-message p {
    color: #666;
    font-size: 16px;
}

/* Make popup responsive */
@media (max-width: 576px) {
    .demo-popup-content {
        width: 95%;
    }

    .demo-popup-header h3 {
        font-size: 20px;
    }

    .demo-form-control {
        padding: 10px;
    }
}

body.popup-open {
    overflow: hidden;
}

/* Mobile Application Section Styles */
.mobile-app-section {
    background-color: #f8f9fa;
    position: relative;
    overflow: hidden;
    padding: 60px 0;
}

.mobile-app-section .sec-title {
    margin-bottom: 30px;
}

.mobile-app-image {
    position: relative;
    text-align: center;
    z-index: 1;
    max-width: 360px;
}

.mobile-app-mockup {
    max-width: 100%;
    height: auto;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
    border-radius: 20px;
}

.mobile-app-content {
    padding: 20px 0;
}

.mobile-app-content .lead {
    font-size: 18px;
    line-height: 1.6;
    color: #555;
}

.mobile-app-feature-item {
    margin-bottom: 25px;
}

.feature-icon .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 20px;
    margin-top: 5px;
}

.feature-icon img {
    max-width: 25px;
    max-height: 25px;
}

.feature-content {
    flex: 1;
}

.feature-title {
    font-size: 18px;
    margin-bottom: 8px;
    color: #333;
    font-weight: 600;
}

.feature-text {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
}

.mobile-app-buttons {
    margin-top: 30px;
}

@media (max-width: 991px) {
    .mobile-app-image {
        margin-bottom: 30px;
    }

    .mobile-app-content {
        padding: 0;
    }

    .mobile-app-mockup {
        max-width: 80%;
    }
}

@media (max-width: 767px) {
    .mobile-app-mockup {
        max-width: 100%;
    }

    .feature-title {
        font-size: 16px;
    }

    .feature-text {
        font-size: 13px;
    }
}

/* CRM Features Section Styles */
.crm-features-section {
    padding: 60px 0;
    background-color: #fff;
}

.crm-features-section .section-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
}

.crm-features-section .section-title:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: #4946EC;
}

.feature-card {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    height: 100%;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.feature-card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: #4946EC;
    transition: all 0.3s ease;
}

.feature-card:hover:before {
    width: 100%;
    opacity: 0.05;
}

.feature-card .feature-icon {
    margin-bottom: 20px;
}

.feature-card .feature-image {
    max-width: 60px;
    max-height: 60px;
}

.feature-card h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

.feature-card p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* Benefits Section Styles */
.benefits-section {
    background-color: #f8f9fa;
    padding: 60px 0;
}

.benefits-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 30px;
}

.benefits-row {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
}

.benefits-row.header-row {
    background-color: #4946EC;
    color: white;
    font-weight: 600;
    border-radius: 8px 8px 0 0;
}

.benefit-cell {
    padding: 15px 20px;
    flex: 1;
}

.stakeholder-cell {
    flex: 0 0 200px;
    font-weight: 600;
}

.benefits-row:last-child {
    border-bottom: none;
    border-radius: 0 0 8px 8px;
}

/* FAQ Section Styles */
.faq-section {
    padding: 60px 0;
    background-color: #fff;
}

.faq-list {
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.faq-item:last-child {
    border-bottom: none;
}

.faq-question {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    padding-right: 30px;
}

.faq-answer {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    padding-left: 25px;
    display: none;
}

.faq-question.active+.faq-answer {
    display: block;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .stakeholder-cell {
        flex: 0 0 150px;
    }
}

@media (max-width: 767px) {
    .benefits-row {
        flex-direction: column;
    }

    .stakeholder-cell {
        flex: 1;
        border-bottom: 1px solid #eee;
    }

    .benefits-row.header-row .stakeholder-cell {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .faq-question {
        font-size: 16px;
    }

    .faq-answer {
        font-size: 14px;
        padding-left: 15px;
    }
}


.service-one__item__list__icon img {
    max-width: 100%;
    width: 20px;
    height: 100%;
    object-fit: cover;
}


.service-one__item__list li {
    list-style: none;
    margin-bottom: 19px;
}

.service-one__item__list {
    padding-left: 0px !important;
    padding-top: 19px;
}

.custom-tech-list {
    padding-top: 19px;
}

.custom-tech-list li {
    list-style: none;
    margin-bottom: 19px;
    font-size: 24px;
    margin-bottom: 33px;
}

.custom-tech-list li::before {
    content: '•';
    color: #4946EC;
    font-size: 20px;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}


.custom-tech-title {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    margin-bottom: 0;
}

.techsupport-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.techsupport-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

/* Challenge Section Styles */
.challenges-section {
    background-color: #f8f9fa;
    padding: 60px 0;
}

.challenge-card {
    position: relative;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    overflow: hidden;
    height: 100%;
}

.challenge-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.challenge-card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #0056b3, #007bff);
}

.challenge-card-inner {
    padding: 40px 30px;
    text-align: center;
}

.challenge-icon {
    margin-bottom: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgba(0, 86, 179, 0.1);
    color: #0056b3;
    font-size: 32px;
    margin: 0 auto 25px;
}

.challenge-title {
    font-size: 19px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
    line-height: 1.4;
}

.conclusion-text {
    font-size: 18px;
    color: #555;
    margin-top: 20px;
}

.sec-title__decoration {
    margin: 10px auto;
}

.sec-title__decoration .left,
.sec-title__decoration .right {
    display: inline-block;
    width: 40px;
    height: 4px;
    background-color: #0056b3;
    margin: 0 5px;
}

.challenge-icon img {
    max-width: 40px;
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.custom-tech-t p {
    font-size: 19px;
    max-width: 810px;
    line-height: 25px;
    margin-bottom: 0;
}

.custom-tech-t {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/* Solutions Section Styles */
.solutions-section {
    background-color: #ffffff;
    padding: 60px 0;
}

.solutions-bullet-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.solutions-bullet-list li {
    margin-bottom: 25px;
}

.solution-item {
    display: flex;
    align-items: flex-start;
}

.solution-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #0056b3;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    box-shadow: 0 4px 10px rgba(0, 86, 179, 0.2);
}

.solution-icon i {
    font-size: 20px;
}

.solution-content {
    flex: 1;
}

.solution-content h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
}

.solution-content p {
    margin: 0;
    color: #666;
    font-size: 15px;
}

.solution-image-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solution-image-container img {
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
    .solution-image-container {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}

/* Timeline Section Styles */
.timeline-section {
    background-color: #f8f9fa;
    padding: 60px 0;
}

.timeline-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #0056b3;
    color: white;
    border-radius: 50%;
    margin-right: 15px;
    font-size: 18px;
}

.timeline-table-wrapper {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.timeline-table {
    width: 100%;
    border-collapse: collapse;
}

.timeline-table th {
    background-color: #0056b3;
    color: white;
    padding: 15px 20px;
    text-align: left;
    font-weight: 600;
}

.timeline-table td {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    color: #333;
}

.timeline-table tr:last-child td {
    border-bottom: none;
}

.timeline-steps {
    position: relative;
    padding-left: 50px;
}

.timeline-steps:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 19px;
    width: 2px;
    background-color: #0056b3;
}

.timeline-step {
    position: relative;
    margin-bottom: 40px;
}

.timeline-step:last-child {
    margin-bottom: 0;
}

.timeline-step-circle {
    position: absolute;
    left: -50px;
    width: 40px;
    height: 40px;
    background-color: #0056b3;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    z-index: 1;
}

.timeline-step-content {
    background-color: white;
    padding: 20px 25px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.timeline-step-content h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
}

.timeline-step-content p {
    margin: 0;
    color: #666;
}

@media (max-width: 767px) {

    .timeline-table th,
    .timeline-table td {
        padding: 12px 15px;
    }

    .timeline-steps {
        padding-left: 40px;
    }

    .timeline-step-circle {
        left: -40px;
        width: 30px;
        height: 30px;
    }

    .timeline-steps:before {
        left: 14px;
    }
}

/* Simple Timeline Styles */
.simple-timeline-section {
    padding: 40px 0;
    background-color: #f9f9f9;
}

.simple-timeline-container {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.simple-timeline-header {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
}

.simple-timeline-header h3 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0;
    display: flex;
    align-items: center;
}

.simple-timeline-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.simple-timeline-table-container {
    padding: 0;
}

.simple-timeline-table {
    width: 100%;
    border-collapse: collapse;
}

.simple-timeline-table th {
    background-color: #f5f5f5;
    color: #333;
    padding: 12px 15px;
    text-align: left;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}

.simple-timeline-table td {
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    color: #444;
}

.simple-timeline-table tr:last-child td {
    border-bottom: none;
}

@media (max-width: 767px) {
    .simple-timeline-table {
        font-size: 14px;
    }

    .simple-timeline-table th,
    .simple-timeline-table td {
        padding: 10px 12px;
    }
}

/* Modern Timeline Styles */
.modern-timeline-container {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e7e7e7;
}

.modern-timeline-header {
    padding: 20px;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
}

.timeline-title-wrapper {
    display: flex;
    align-items: center;
}

.modern-timeline-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.modern-timeline-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.modern-timeline-table-wrapper {
    padding: 0;
}

.modern-timeline-table {
    width: 100%;
    border-collapse: collapse;
}

.modern-timeline-table th {
    padding: 16px 20px;
    text-align: left;
    font-weight: 600;
    color: #333;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e7e7e7;
}

.modern-timeline-table td {
    padding: 16px 20px;
    border-bottom: 1px solid #e7e7e7;
    color: #444;
}

.modern-timeline-table tr:last-child td {
    border-bottom: none;
}

@media (max-width: 767px) {
    .modern-timeline-title {
        font-size: 16px;
    }

    .modern-timeline-table th,
    .modern-timeline-table td {
        padding: 12px 15px;
        font-size: 14px;
    }
}

/* Results Section Styles */
.results-section {
    padding: 60px 0;
    background-color: #f9f9f9;
}

.results-container {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    border: 1px solid #e7e7e7;
}

.results-header {
    padding: 25px 30px;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
    align-items: center;
}

.results-icon {
    margin-right: 15px;
}

.results-icon-img {
    width: 28px;
    height: 28px;
}

.results-title {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    color: #333;
}

.results-content {
    padding: 30px;
}

.results-intro {
    font-size: 17px;
    margin-bottom: 25px;
    color: #444;
}

.results-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.results-item {
    position: relative;
    padding-left: 28px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #444;
    display: flex;
    align-items: center;
}

.results-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background-color: #0056b3;
    border-radius: 50%;
}

.results-highlight {
    font-weight: 600;
    color: #0056b3;
    margin-right: 5px;
}

@media (max-width: 767px) {
    .results-header {
        padding: 20px;
    }

    .results-content {
        padding: 20px;
    }

    .results-title {
        font-size: 20px;
    }

    .results-intro {
        font-size: 16px;
    }

    .results-item {
        font-size: 15px;
    }
}

/* Service Card Clickable Styles */
.service-three__item {
    position: relative;
}

.service-three__item__title a {
    position: relative;
    z-index: 2;
}

.service-three__item__btn {
    position: relative;
    z-index: 2;
}

.service-three__item {
    cursor: pointer;
}

.service-three__item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.service-three__item:hover:after {
    background-color: transparent;
}

/* Make sure the entire card is clickable */
.service-three__item__title a {
    display: block;
}

/* Country code select styling */
.form-one__control.d-flex {
    display: flex !important;
    align-items: stretch;
}


.custom-phone-number {
    flex-grow: 1;
}

/* Improved Bootstrap Select styling */
.bootstrap-select .dropdown-toggle {
    height: 100%;
    border: 1px solid var(--lotech-border-color, #e9ebee);
    background-color: var(--lotech-white, #fff) !important;
    color: #333 !important;
    padding: 0 20px;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:active {
    outline: none !important;
    box-shadow: none !important;
}

.bootstrap-select .dropdown-menu {
    width: 100%;
    /* min-width: 200px; */
    max-height: 300px;
    overflow-y: auto;
    overflow-x: clip;
    z-index: 9999;
    padding: 5px 0;
}

.bootstrap-select .dropdown-menu li a {
    padding: 8px 15px;
}

.bootstrap-select .dropdown-menu li a:hover {
    background-color: #f5f5f5;
}

.bootstrap-select.btn-info .dropdown-toggle {
    background-color: var(--lotech-white, #fff) !important;
    border-color: var(--lotech-border-color, #e9ebee) !important;
}

/* Ensure dropdown is visible */
.bootstrap-select.open>.dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Contact form messages */
.contact-form-success {
    background-color: #d4edda;
    color: #155724;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #c3e6cb;
    border-radius: 4px;
}

.contact-form-error {
    background-color: #f8d7da;
    color: #721c24;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
}

.contact-messages {
    margin-bottom: 30px;
}

/* Footer phone number alignment */
.footer-widget__info li a {
    font-family: 'Courier New', Courier, monospace;
    display: inline-block;
    min-width: 150px;
}

.footer-widget__info li {
    line-height: 1.8;
}

/* Header Three Alignment Fix */
.main-header--three .main-header__right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.main-header--three .main-menu {
    margin-right: 40px;
}

@media (max-width: 1199px) {
    .main-header--three .main-menu {
        display: none;
    }
}

/* Banner Styles */
.slider-one__item.active .slider-one__bg,
.slider-one__item.active .slider-one__shape,
.slider-one__item.active .slider-one__title,
.slider-one__item.active .slider-one__text,
.slider-one__item.active .slider-one__btn,
.slider-one__item.active .slider-one__layer {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

.mastheme-banner-text p {
    color: #ECECEC;
    font-size: 25px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 1090px;
}

@media (max-width: 991px) {
    .slider-one__title {
        font-size: 48px !important;
        line-height: 1.2 !important;
    }
}

@media (max-width: 767px) {
    .mastheme-banner-text p {
        font-size: 16px;
    }

    .slider-one__title {
        font-size: 36px !important;
        line-height: 1.2 !important;
    }

    .slider-one__item {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

/* About Us Description Section */
.about-description {
    background-color: #ffffff;
    padding: 100px 0;
}

.about-description__title {
    font-size: 42px;
    color: var(--lotech-base, #4946EC);
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 1.2;
}

.about-description__text p {
    font-size: 19px;
    line-height: 1.8;
    margin-bottom: 25px;
    color: var(--lotech-text, #596171);
}

.about-description__text p strong {
    color: var(--lotech-black, #0E0F11);
}

@media (max-width: 991px) {
    .about-description {
        padding: 80px 0;
    }

    .about-description__title {
        font-size: 32px;
    }

    .about-description__text p {
        font-size: 17px;
    }
}

/* About Us Hero Section */
.about-hero {
    position: relative;
    padding: 167px 0px;
    background-color: var(--lotech-black, #0E0F11);
    z-index: 1;
    overflow: hidden;
}

.about-hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
    z-index: -1;
}

.about-hero__content {
    position: relative;
    z-index: 2;
}

.about-hero__title {
    font-size: 78px;
    line-height: 1.1;
    color: #fff;
    font-weight: 800;
    margin-bottom: 25px;
    /* max-width: 800px; */
}

.about-hero__content p {
    font-size: 26px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.7;
    margin-bottom: 25px;
}

.about-hero__btn-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.lotech-btn--outline {
    background: transparent;
    border: 2px solid #fff;
}

.lotech-btn--outline::after {
    background-color: #fff;
}

.lotech-btn--outline span {
    color: #fff;
}

.lotech-btn--outline:hover span {
    color: var(--lotech-black, #0E0F11);
}

@media (max-width: 991px) {
    .about-hero {
        padding: 120px 0 100px;
    }

    .about-hero__title {
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .about-hero {
        padding: 100px 0 70px;
    }

    .about-hero__title {
        font-size: 36px;
    }

    .about-hero__text {
        font-size: 18px;
    }

    .about-hero__btn-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

/* Flexible Partner Section */
.flexible-partner {
    background-color: #ffffff;
    padding: 100px 0;
}

.flexible-partner__content {
    padding-left: 40px;
}

.flexible-partner__text {
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 20px;
    color: var(--lotech-text, #596171);
}

.flexible-partner__text:last-child {
    margin-bottom: 0;
}

.flexible-partner__image-box img {
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
}

.flexible-partner__image-box:hover img {
    transform: scale(1.02);
}

@media (max-width: 991px) {
    .flexible-partner {
        padding: 80px 0;
    }

    .flexible-partner__content {
        padding-left: 0;
        margin-top: 40px;
    }

    .flexible-partner__text {
        font-size: 16px;
    }
}

/* Trust Section Styles */
.trust-section {
    background-color: #f8f9fa;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.trust-section .section-title__title {
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 25px;
}

.trust-section .section-title__text {
    font-size: 19px;
    color: var(--lotech-text, #596171);
    line-height: 1.8;
}

@media (max-width: 767px) {
    .trust-section .section-title__title {
        font-size: 32px;
    }

    .trust-section .section-title__text {
        font-size: 17px;
    }
}

/* Who We Work With Section */
.who-we-work-section {
    background-color: #ffffff;
    padding-bottom: 120px;
}

.who-we-work__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
}

.who-we-work__item {
    position: relative;
    padding-left: 45px;
    font-size: 18px;
    font-weight: 500;
    color: var(--lotech-black, #0E0F11);
    line-height: 1.5;
    display: flex;
    align-items: center;
    min-height: 40px;
}

.who-we-work__item::before {
    content: "\e905";
    /* Using a common flaticon glyph code for tick/check */
    font-family: "flaticon";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--lotech-base, #4946EC);
    font-size: 24px;
}

@media (max-width: 991px) {
    .who-we-work-section {
        padding-bottom: 80px;
    }

    .who-we-work__list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .who-we-work__item {
        font-size: 16px;
    }
}

/* Why Choose Us Section */
.why-choose-three {
    background-color: #fcfcfc;
    padding: 100px 0;
}

.why-choose-three__item {
    background: #fff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.why-choose-three__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: var(--lotech-base, #4946EC);
    transition: all 0.4s ease;
    z-index: -1;
    opacity: 0.02;
}

.why-choose-three__item:hover {
    transform: translateY(-10px);
    border-color: var(--lotech-base, #4946EC);
    box-shadow: 0 20px 40px rgba(73, 70, 236, 0.1);
}

.why-choose-three__item:hover::before {
    height: 100%;
}

.why-choose-three__icon {
    width: 70px;
    height: 70px;
    background-color: rgba(73, 70, 236, 0.08);
    color: var(--lotech-base, #4946EC);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    border-radius: 50%;
    margin-bottom: 25px;
    transition: all 0.4s ease;
    flex-shrink: 0;
}

.why-choose-three__item:hover .why-choose-three__icon {
    background-color: var(--lotech-base, #4946EC);
    color: #fff;
    transform: rotateY(180deg);
}

.why-choose-three__title {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--lotech-black, #0E0F11);
}

.why-choose-three__text {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--lotech-text, #596171);
}

@media (max-width: 991px) {
    .why-choose-three {
        padding: 80px 0;
    }

    .why-choose-three__item {
        padding: 30px;
    }
}

/*--------------------------------------------------------------
# Services Page Hero (Specific to services.php)
--------------------------------------------------------------*/
.services-hero {
    position: relative;
    padding: 200px 0;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
}

.services-hero__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(11, 12, 16, 0.95) 0%, rgba(11, 12, 16, 0.7) 50%, rgba(11, 12, 16, 0.4) 100%);
    z-index: 1;
}

.services-hero .container {
    position: relative;
    z-index: 2;
}

.services-hero__content .sec-title__tagline {
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: 20px;
}

.services-hero__title {
    color: #ffffff;
    font-size: 67px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 25px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.services-hero__text {
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 40px;
}

/* Responsive adjustments for Services Hero */
@media (max-width: 991px) {
    .services-hero {
        padding: 120px 0;
    }

    .services-hero__title {
        font-size: 45px;
    }
}

@media (max-width: 767px) {
    .services-hero {
        padding: 80px 0;
        background-attachment: scroll;
    }

    .services-hero__title {
        font-size: 32px;
    }

    .services-hero__text {
        font-size: 16px;
    }

    .services-hero__overlay {
        background: rgba(11, 12, 16, 0.85);
    }
}

/*--------------------------------------------------------------
# Modern Services Section
--------------------------------------------------------------*/
.service-card-modern {
    background: #ffffff;
    padding: 50px 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border-bottom: 4px solid transparent;
    overflow: hidden;
    z-index: 1;
}

.service-card-modern:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    border-bottom-color: var(--lotech-base, #4946EC);
}

.service-card-modern__icon {
    width: 65px;
    height: 65px;
    background-color: rgba(73, 70, 236, 0.08);
    color: var(--lotech-base, #4946EC);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    border-radius: 50%;
    margin-bottom: 30px;
    transition: all 0.4s ease;
    flex-shrink: 0;
}

.service-card-modern:hover .service-card-modern__icon {
    background-color: var(--lotech-base, #4946EC);
    color: #ffffff;
    transform: scale(1.1) rotate(10deg);
}

.service-card-modern__icon img {
    max-width: 35px;
    height: auto;
    object-fit: contain;
}

.service-card-modern__title {
    font-size: 24px;
    margin-bottom: 18px;
    font-weight: 700;
    line-height: 1.3;
    transition: all 0.3s ease;
}

.service-card-modern__title a {
    color: var(--lotech-black, #0E0F11);
    text-decoration: none;
}

.service-card-modern:hover .service-card-modern__title a {
    color: var(--lotech-base, #4946EC);
}

.service-card-modern__text {
    font-size: 16px;
    line-height: 1.7;
    color: var(--lotech-text, #596171);
    margin: 0;
}

.service-card-modern__btn-box {
    margin-top: 25px;
}

.service-card-modern__btn {
    font-size: 15px;
    font-weight: 700;
    color: var(--lotech-black, #0E0F11);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.service-card-modern__btn i {
    font-size: 14px;
    color: var(--lotech-base, #4946EC);
    transition: all 0.3s ease;
}

.service-card-modern:hover .service-card-modern__btn {
    color: var(--lotech-base, #4946EC);
}

.service-card-modern:hover .service-card-modern__btn i {
    transform: translateX(5px);
}

/* Ensure equal height row alignment */
.service-one .row {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .service-card-modern {
        padding: 40px 30px;
    }

    .service-card-modern__title {
        font-size: 20px;
    }
}

/*--------------------------------------------------------------
# Services Target Audience Section
--------------------------------------------------------------*/
.services-target-audience__intro {
    font-size: 20px;
    line-height: 1.6;
    color: var(--lotech-text, #596171);
    margin-bottom: 30px;
}

.services-target-audience__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.services-target-audience__list li {
    position: relative;
    padding-left: 45px;
    font-size: 17px;
    line-height: 1.6;
    color: var(--lotech-black, #0E0F11);
    margin-bottom: 18px;
    display: flex;
    align-items: center;
}

.services-target-audience__list li i {
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    background-color: var(--lotech-base, #4946EC);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: all 0.3s ease;
}

.services-target-audience__list li:hover i {
    transform: scale(1.1);
}

.services-target-audience__image img {
    width: 100%;
    height: 525px;
    object-fit: cover;
    object-position: -5px;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
    .services-target-audience__image {
        margin-top: 50px;
    }

    .services-target-audience__intro {
        font-size: 18px;
    }

    .services-target-audience__list li {
        font-size: 16px;
    }
}

/*--------------------------------------------------------------
# Services Why Choose Us Section
--------------------------------------------------------------*/
.services-why-choose {
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
}

.services-why-choose__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.services-why-choose__list li {
    position: relative;
    padding-left: 45px;
    font-size: 17px;
    line-height: 1.5;
    color: var(--lotech-text, #596171);
    margin-bottom: 25px;
}

.services-why-choose__list li strong {
    color: var(--lotech-black, #0E0F11);
    display: block;
    margin-bottom: 2px;
    font-size: 18px;
}

.services-why-choose__list li i {
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background-color: var(--lotech-base, #4946EC);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.services-why-choose__text {
    font-size: 18px;
    line-height: 1.8;
    color: var(--lotech-text, #596171);
    font-style: italic;
    margin: 0;
}


.services-why-choose__image img {
    display: none;
}

/*--------------------------------------------------------------
# Services FAQ Section
--------------------------------------------------------------*/
.services-faq__item {
    background: #ffffff;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

.services-faq__header {
    padding: 25px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.3s ease;
}

.services-faq__header:not(.collapsed) {
    background-color: var(--lotech-base, #4946EC);
}

.services-faq__question {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: var(--lotech-black, #0E0F11);
    transition: all 0.3s ease;
    font-family: inherit;
}

.services-faq__header:not(.collapsed) .services-faq__question {
    color: #ffffff;
}

.services-faq__icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--lotech-base, #4946EC);
    transition: all 0.3s ease;
}

.services-faq__header:not(.collapsed) .services-faq__icon {
    color: #ffffff;
    transform: rotate(45deg);
}

.services-faq__body {
    padding: 0 30px 25px;
}

.services-faq__body p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--lotech-text, #596171);
    margin: 0;
}

.services-faq__footer .lotech-btn--black {
    background-color: var(--lotech-black, #0E0F11);
}

@media (max-width: 767px) {
    .services-faq__header {
        padding: 20px;
    }

    .services-faq__question {
        font-size: 16px;
        padding-right: 15px;
    }

    .services-faq__footer .lotech-btn {
        margin-bottom: 15px;
        width: 100%;
        margin-right: 0 !important;
    }
}



@media (max-width: 991px) {
    .services-why-choose__image {
        margin-bottom: 40px;
    }

    .services-why-choose__image img {
        height: auto;
    }

    .services-why-choose__content {
        padding-left: 0 !important;
    }
}

/* ==========================================================================
   Footer Office Interactive Tabs
   ========================================================================== */
.footer-office-tabs {
    margin-top: 7px;
    background: rgba(255, 255, 255, 0.05);
    padding: 0px;
    border-radius: 12px;
}

.footer-office-tabs__nav {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 10px;
}

.footer-office-tab-btn {
    background: transparent;
    border: none;
    color: rgb(0 0 0 / 80%) !important;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    opacity: 1 !important;
}

.footer-office-tab-btn:hover {
    color: #ffffff !important;
}

.footer-office-tab-btn.active {
    color: var(--lotech-base, #4946EC) !important;
}

.footer-office-tab-btn.active::after {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--lotech-base, #4946EC);
}

.footer-office-tabs__content {
    position: relative;
    min-height: 80px;
    margin-top: 10px;
}

.footer-office-content {
    display: none;
    align-items: flex-start;
    gap: 15px;
    animation: fadeIn 0.4s ease;
}

.footer-office-content.active {
    display: flex;
}

.footer-office-content i {
    font-size: 18px;
    color: var(--lotech-base, #4946EC);
    margin-top: 3px;
}

.footer-office-content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #000000 !important;
    font-weight: 400;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================================================
   Back Office Hero Section
   ========================================================================== */
.backoffice-hero {
    position: relative;
    padding: 184px 0px;
    background-color: var(--lotech-black, #0E0F11);
    overflow: hidden;
}

.backoffice-hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: transform 5s ease;
}

.backoffice-hero:hover .backoffice-hero__bg {
    transform: scale(1.05);
}

.backoffice-hero__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(14, 15, 17, 0.95) 0%, rgba(14, 15, 17, 0.7) 50%, rgba(14, 15, 17, 0.4) 100%);
}

.backoffice-hero__content {
    position: relative;
    z-index: 2;
}

.backoffice-hero__breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.backoffice-hero__breadcrumb li,
.backoffice-hero__breadcrumb li a {
    font-size: 19px;
    color: rgba(255, 255, 255, 0.7);
    transition: all 0.3s ease;
}

.backoffice-hero__breadcrumb li a:hover {
    color: var(--lotech-base, #4946EC);
}

.backoffice-hero__breadcrumb li span {
    color: #fff;
    font-weight: 600;
}

.backoffice-hero__breadcrumb li i {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
}

.backoffice-hero__title {
    font-size: 65px;
    line-height: 1.1;
    color: #fff;
    font-weight: 800;
    margin-bottom: 25px;
    letter-spacing: -0.02em;
}

.backoffice-hero__text {
    font-size: 20px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 40px;
    max-width: 90%;
}

.backoffice-hero__btn-box {
    margin-bottom: 35px;
}

.backoffice-hero__trust {
    display: flex;
    align-items: center;
    gap: 30px;
}

.backoffice-hero__trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.backoffice-hero__trust-item i {
    font-size: 18px;
    color: var(--lotech-base, #4946EC);
}

.backoffice-hero__trust-item span {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}

@media (max-width: 1199px) {
    .backoffice-hero__title {
        font-size: 50px;
    }
}

@media (max-width: 991px) {
    .backoffice-hero {
        padding: 120px 0 100px;
        text-align: center;
    }

    .backoffice-hero__overlay {
        background: rgba(14, 15, 17, 0.8);
    }

    .backoffice-hero__breadcrumb {
        justify-content: center;
    }

    .backoffice-hero__text {
        max-width: 100%;
    }

    .backoffice-hero__trust {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .backoffice-hero__title {
        font-size: 36px;
    }

    .backoffice-hero__text {
        font-size: 16px;
    }

    .backoffice-hero__trust {
        flex-direction: column;
        gap: 15px;
    }
}

/* ==========================================================================
   Back Office Intro Section
   ========================================================================== */
.backoffice-intro {
    background-color: #fff;
    padding: 100px 0;
}

.backoffice-intro__text {
    font-size: 18px;
    line-height: 1.8;
    color: var(--lotech-text, #596171);
    margin-bottom: 30px;
}

.backoffice-intro__features {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.backoffice-intro__feature-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.backoffice-intro__feature-item i {
    width: 24px;
    height: 24px;
    background: var(--lotech-base, #4946EC);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 10px;
}

.backoffice-intro__feature-item span {
    font-size: 16px;
    font-weight: 600;
    color: var(--lotech-black, #0E0F11);
}

.backoffice-intro__image-box img {
    width: 100%;
    transition: all 0.5s ease;
    height: 485px;
    object-fit: cover;
}

.backoffice-intro__image-box:hover img {
    transform: scale(1.02);
}

@media (max-width: 991px) {
    .backoffice-intro__content {
        margin-bottom: 40px;
    }
}

/* ==========================================================================
   Back Office Coverage Section
   ========================================================================== */
.backoffice-coverage {
    background-color: #f8f9fa;
    padding: 100px 0;
}

.backoffice-coverage__card {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    height: 100%;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.03);
}

.backoffice-coverage__card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.backoffice-coverage__icon {
    font-size: 50px;
    color: var(--lotech-base, #4946EC);
    margin-bottom: 25px;
}

.backoffice-coverage__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--lotech-black, #0E0F11);
}

.backoffice-coverage__list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.6;
    color: var(--lotech-text, #596171);
}

.backoffice-coverage__list li i {
    font-size: 14px;
    color: var(--lotech-base, #4946EC);
    margin-top: 5px;
}

.backoffice-coverage__cta-link {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: var(--lotech-black, #0E0F11);
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 15px 30px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.backoffice-coverage__cta-link:hover {
    color: var(--lotech-base, #4946EC);
    transform: scale(1.02);
}

.backoffice-coverage__cta-link i {
    margin-left: 10px;
    font-size: 16px;
}

@media (max-width: 767px) {
    .backoffice-coverage__card {
        padding: 30px;
    }

    .backoffice-coverage__title {
        font-size: 20px;
    }

    .backoffice-coverage__cta-link {
        font-size: 16px;
        padding: 12px 20px;
    }
}

/* ==========================================================================
   Back Office Sectors Section
   ========================================================================== */
.backoffice-sectors {
    background-color: #fff;
    padding: 100px 0;
}

.backoffice-sectors__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.backoffice-sectors__item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 15px;
    transition: all 0.3s ease;
    border-left: 5px solid transparent;
    height: 100%;
}

@media (max-width: 991px) {
    .backoffice-sectors__list {
        grid-template-columns: 1fr;
    }
}

.backoffice-sectors__item:hover {
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border-left-color: var(--lotech-base, #4946EC);
    transform: translateX(10px);
}

.backoffice-sectors__icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    background: #fff;
    color: var(--lotech-base, #4946EC);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.backoffice-sectors__content h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--lotech-black, #0E0F11);
}

.backoffice-sectors__content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: var(--lotech-text, #596171);
}

@media (max-width: 767px) {
    .backoffice-sectors__item {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        text-align: left;
    }
}

/* ==========================================================================
   Back Office FAQ Section
/* ==========================================================================
   Back Office FAQ Section
   ========================================================================== */
.backoffice-faq {
    background-color: #f8f9fa;
    padding: 100px 0;
}

.backoffice-faq .accrodion {
    background: #fff;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    transition: all 0.3s ease;
}

.backoffice-faq .accrodion-title {
    padding: 22px 30px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
}

.backoffice-faq .accrodion-title h4 {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    color: var(--lotech-black, #0E0F11);
    padding-right: 35px;
}

.backoffice-faq .accrodion-title::after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 30px;
    font-size: 14px;
    color: var(--lotech-base, #4946EC);
    transition: all 0.3s ease;
}

.backoffice-faq .accrodion.active .accrodion-title::after {
    content: "\f068";
}

.backoffice-faq .accrodion-content {
    padding: 0 30px 25px;
    display: none;
}

.backoffice-faq .accrodion.active .accrodion-content {
    display: block;
}

.backoffice-faq .accrodion-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: var(--lotech-text, #596171);
}


/* ==========================================================================
   Technical Support Hero Section
   ========================================================================== */
.tech-support-hero {
    position: relative;
    padding: 130px 0px;
    background-color: #0E0F11;
    overflow: hidden;
}

.web-support-hero {
    position: relative;
    padding: 150px 0px;
    background-color: #0E0F11;
    overflow: hidden;
}

.contact-support-hero {
    position: relative;
    padding: 178px 0px;
    background-color: #0E0F11;
    overflow: hidden;
}

.tech-support-hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
}

.tech-support-hero__bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(0deg, #0E0F11 0%, rgba(14, 15, 17, 0.9) 100%); */
}

.tech-support-hero__content {
    position: relative;
    z-index: 2;
    margin-bottom: 80px;
}

.tech-support-hero__breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}

.tech-support-hero__breadcrumb li,
.tech-support-hero__breadcrumb a,
.tech-support-hero__breadcrumb span {
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tech-support-hero__breadcrumb a:hover {
    color: var(--lotech-base, #4946EC);
}

.tech-support-hero__breadcrumb i {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
}

.tech-support-hero__title {
    font-size: 65px;
    line-height: 1.1;
    font-weight: 800;
    color: #fff;
    margin-bottom: 25px;
    /* max-width: 750px; */
}

.tech-support-hero__text {
    font-size: 22px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 40px;
    /* max-width: 650px; */
}

.tech-support-hero__btns {
    margin-bottom: 50px;
}

.tech-support-hero__trust {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.tech-support-hero__trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tech-support-hero__trust-item i {
    color: var(--lotech-base, #4946EC);
    font-size: 18px;
}

.tech-support-hero__trust-item span {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

@media (max-width: 991px) {
    .tech-support-hero__title {
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    .tech-support-hero {
        padding: 120px 0 80px;
    }

    .tech-support-hero__title {
        font-size: 34px;
    }

    .tech-support-hero__trust {
        gap: 15px;
    }
}

/* ==========================================================================
   Technical Support Intro Section
   ========================================================================== */
.tech-support-intro {
    background-color: #fff;
    padding: 100px 0;
}

.tech-support-intro__text {
    font-size: 17px;
    line-height: 1.8;
    color: var(--lotech-text, #596171);
    margin-bottom: 30px;
}

.tech-support-intro__list {
    margin-top: 30px;
}

.tech-support-intro__list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.tech-support-intro__list li .icon {
    color: var(--lotech-base, #4946EC);
    font-size: 20px;
    line-height: 1;
    margin-top: 5px;
}

.tech-support-intro__list li .text {
    font-size: 16px;
    line-height: 1.6;
    color: var(--lotech-text, #596171);
}

.tech-support-intro__list li .text strong {
    color: var(--lotech-black, #0E0F11);
    display: block;
    margin-bottom: 4px;
}

.tech-support-intro__image-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 991px) {
    .tech-support-intro__image-box {
        margin-top: 50px;
    }
}

/* ==========================================================================
   Technical Support Coverage Section
   ========================================================================== */
.tech-support-coverage {
    background-color: #f8f9fa;
}

.tech-support-coverage__card {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    height: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.tech-support-coverage__card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.tech-support-coverage__icon {
    width: 60px;
    height: 60px;
    background: var(--lotech-base, #4946EC);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 30px;
    margin-bottom: 25px;
}

.tech-support-coverage__title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--lotech-black, #0E0F11);
}

.tech-support-coverage__list li {
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--lotech-text, #596171);
    margin-bottom: 12px;
}

.tech-support-coverage__list li i {
    position: absolute;
    left: 0;
    top: 5px;
    color: var(--lotech-base, #4946EC);
    font-size: 14px;
}

.tech-support-coverage__ctas {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.tech-support-coverage__cta-link {
    font-size: 18px;
    font-weight: 700;
    color: var(--lotech-base, #4946EC);
    transition: all 0.3s ease;
}

.tech-support-coverage__cta-link:hover {
    color: var(--lotech-black, #0E0F11);
    text-decoration: underline;
}

@media (max-width: 767px) {
    .tech-support-coverage__card {
        padding: 30px;
    }

    .tech-support-coverage__cta-link {
        font-size: 16px;
    }
}

/* ==========================================================================
   Technical Support FAQ Section
   ========================================================================== */
.tech-support-faq {
    background-color: #fff;
}

.tech-support-faq .faq-accrodion .accrodion {
    background-color: #f8f9fa;
    margin-bottom: 20px;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.tech-support-faq .faq-accrodion .accrodion.active {
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border-color: var(--lotech-base, #4946EC);
}

.tech-support-faq .faq-accrodion .accrodion-title {
    padding: 25px 30px;
    cursor: pointer;
    position: relative;
}

.tech-support-faq .faq-accrodion .accrodion-title h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--lotech-black, #0E0F11);
    padding-right: 30px;
}

.tech-support-faq .faq-accrodion .accrodion-title::after {
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    font-size: 18px;
    color: var(--lotech-base, #4946EC);
    transition: all 0.3s ease;
}

.tech-support-faq .faq-accrodion .accrodion.active .accrodion-title::after {
    transform: translateY(-50%) rotate(180deg);
}

.tech-support-faq .faq-accrodion .accrodion-content {
    padding: 0 30px 30px;
    display: none;
}

.tech-support-faq .faq-accrodion .accrodion.active .accrodion-content {
    display: block;
}

.tech-support-faq .faq-accrodion .accrodion-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--lotech-text, #596171);
}

/* Header Contact Info */
.main-header__contact-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 25px;
    line-height: 1.2;
}

.contact-info__item {
    font-size: 15px;
    font-weight: 500;
    color: var(--lotech-white, #ffffff);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    text-decoration: none;
}

.contact-info__item i {
    font-size: 13px;
    color: #ffffff;
    margin-right: 8px;
    width: 15px;
    text-align: center;
}

.contact-info__item:hover {
    color: rgba(255, 255, 255, 0.8);
}

.contact-info__item:hover i {
    color: #ffffff;
}

.contact-info__phone {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 2px;
}

.contact-info__email {
    font-size: 14px;
}

@media (max-width: 1399px) {
    .main-header__contact-info {
        margin-right: 15px;
    }

    .contact-info__phone {
        font-size: 15px;
    }

    .contact-info__email {
        font-size: 13px;
    }
}

@media (max-width: 1199px) {
    .main-header__contact-info {
        display: none;
    }
}

/* ==========================================================================
   State-of-the-Art Mobile Navigation Menu Redesign (White Glassmorphic)
   ========================================================================== */
.mobile-nav__overlay {
    background-color: rgba(8, 10, 15, 0.75) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    opacity: 0 !important;
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mobile-nav__wrapper.expanded .mobile-nav__overlay {
    opacity: 1 !important;
}

.mobile-nav__content {
    width: 100% !important;
    max-width: 350px !important;
    background: #ffffff !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 15px 0 50px rgba(0, 0, 0, 0.08) !important;
    padding: 50px 30px 40px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Custom Scrollbar for Drawer Content */
.mobile-nav__content::-webkit-scrollbar {
    width: 5px;
}
.mobile-nav__content::-webkit-scrollbar-track {
    background: transparent;
}
.mobile-nav__content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.mobile-nav__content::-webkit-scrollbar-thumb:hover {
    background: rgba(73, 70, 236, 0.3);
}

.mobile-nav__close {
    /* position: absolute !important; */
    /* top: 30px !important; */
    /* right: 25px !important; */
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: rgba(0, 0, 0, 0.02) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(0, 0, 0, 0.8) !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    z-index: 99 !important;
}

.mobile-nav__close:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(73, 70, 236, 0.4) !important;
    color: #4946EC !important;
    transform: rotate(90deg) scale(1.08) !important;
    box-shadow: 0 0 15px rgba(73, 70, 236, 0.15) !important;
}

.mobile-nav__close i {
    font-weight: 700 !important;
}

.mobile-nav__content .logo-box {
    /* margin-bottom: 30px !important; */
    /* padding-bottom: 25px !important; */
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; */
}

.mobile-nav__content .logo-box a {
    display: inline-block !important;
}

.mobile-nav__content .logo-box img {
    max-width: 140px !important;
    height: auto !important;
    filter: brightness(1) contrast(1.05) !important;
}

.mobile-nav__container {
    margin-bottom: 25px !important;
}

.mobile-nav__content .main-menu__list li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.mobile-nav__content .main-menu__list li>a {
    color: rgba(14, 15, 17, 0.85) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    font-family: var(--lotech-font, "DM Sans",serif)!important;text-transform:uppercase!important;height:52px!important;padding:0 5px!important;transition:all 0.3s cubic-bezier(.25,1,.5,1)!important;position:relative!important}.mobile-nav__content .main-menu__list li a.expanded,.mobile-nav__content .main-menu__list li:hover>a{color:#4946EC!important;text-shadow:none!important}.mobile-nav__content .main-menu__list li>a::after{content:''!important;position:absolute!important;bottom:8px!important;left:5px!important;width:0!important;height:2px!important;background:linear-gradient(90deg,#4946EC 0%,#6366F1 100%)!important;border-radius:2px!important;transition:width 0.3s cubic-bezier(.25,1,.5,1)!important}.mobile-nav__content .main-menu__list li:hover>a::after{width:35px!important}.mobile-nav__content .main-menu__list ul{background:rgb(0 0 0 / .02)!important;border-left:2px solid rgb(73 70 236 / .25)!important;border-top:none!important;margin-left:8px!important;margin-bottom:10px!important;padding-left:14px!important;border-radius:0 0 0 4px!important}.mobile-nav__content .main-menu__list ul li:not(:last-child){border-bottom:1px solid rgb(0 0 0 / .02)!important}.mobile-nav__content .main-menu__list ul li>a{color:rgb(14 15 17 / .6)!important;font-size:12.5px!important;font-weight:500!important;height:42px!important;letter-spacing:0.05em!important;text-transform:uppercase!important}.mobile-nav__content .main-menu__list ul li>a:hover,.mobile-nav__content .main-menu__list ul li a.expanded{color:#4946EC!important;text-shadow:none!important}.mobile-nav__content .main-menu__list li a button{width:32px!important;height:32px!important;border-radius:50%!important;background-color:rgb(0 0 0 / .03)!important;border:1px solid rgb(0 0 0 / .08)!important;color:rgb(0 0 0 / .6)!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:rotate(-90deg)!important;transition:all 0.4s cubic-bezier(.25,1,.5,1)!important;box-shadow:none!important}.mobile-nav__content .main-menu__list li a button:hover{background-color:rgb(73 70 236 / .08)!important;border-color:rgb(73 70 236 / .3)!important;color:#4946EC!important}.mobile-nav__content .main-menu__list li a button.expanded{transform:rotate(0deg)!important;background-color:#4946EC!important;border-color:#4946EC!important;color:#ffffff!important;box-shadow:0 4px 10px rgb(73 70 236 / .2)!important}.mobile-nav__contact{margin-top:auto!important;margin-bottom:25px!important;padding-top:25px!important;border-top:1px solid rgb(0 0 0 / .06)!important}.mobile-nav__contact li{font-size:13.5px!important;font-weight:500!important;color:rgb(14 15 17 / .7)!important;display:flex!important;align-items:center!important}.mobile-nav__contact li+li{margin-top:15px!important}.mobile-nav__contact li a{color:rgb(14 15 17 / .9)!important;font-weight:600!important;transition:all 0.3s ease!important;text-decoration:none!important}.mobile-nav__contact li a:hover{color:#4946EC!important}.mobile-nav__contact li>i{width:32px!important;height:32px!important;border-radius:50%!important;background:linear-gradient(135deg,#4946EC 0%,#6366F1 100%)!important;display:flex!important;justify-content:center!important;align-items:center!important;font-size:12px!important;margin-right:12px!important;color:#ffffff!important;box-shadow:0 4px 10px rgb(73 70 236 / .25)!important}.mobile-nav__contact li.mobile-nav__meta{flex-direction:column!important;align-items:flex-start!important;margin-top:15px!important;gap:8px!important}.mobile-nav__contact li.mobile-nav__meta .mobile-meta-item{display:flex!important;align-items:center!important;font-size:12px!important;color:rgb(14 15 17 / .5)!important}.mobile-nav__contact li.mobile-nav__meta .mobile-meta-item i{font-size:12px!important;margin-right:8px!important;color:rgb(73 70 236 / .7)!important}.mobile-nav__social{display:flex!important;align-items:center!important;gap:12px!important;margin-top:5px!important;padding-top:20px!important;border-top:1px solid rgb(0 0 0 / .06)!important}.mobile-nav__social a{width:38px!important;height:38px!important;border-radius:50%!important;background:rgb(0 0 0 / .02)!important;border:1px solid rgb(0 0 0 / .06)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;color:rgb(14 15 17 / .7)!important;transition:all 0.4s cubic-bezier(.25,1,.5,1)!important;text-decoration:none!important}.mobile-nav__social a+a{margin-left:0!important}.mobile-nav__social a:hover{transform:translateY(-4px) scale(1.08)!important;background:rgb(73 70 236 / .05)!important;border-color:#4946EC!important;color:#4946EC!important;box-shadow:0 5px 15px rgb(73 70 236 / .2)!important}.logo-flex{display:flex;align-items:center;border-bottom:1px solid rgb(0 0 0 / .06)!important;margin-bottom:30px!important;padding-bottom:25px!important}.custom_case_study_title{font-size:25px!important}