@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap');
*{margin: 0;padding: 0;box-sizing: border-box;font-family: "Inter", sans-serif;}
.inter{font-family: "Inter", sans-serif;font-optical-sizing: auto;font-weight: '';font-style: normal;}
.manrope{font-family: "Manrope", sans-serif;font-optical-sizing: auto;font-weight: '';font-style: normal;}
body{font-family: "Inter", sans-serif;position: relative;}
:root{--bg-main-color: #FFFFFF;--primary-color: #003FB1;--gradient-color: linear-gradient(93.12deg, #0F4BC3 -14.92%, #10B981 101.52%);--cta-gradient: linear-gradient(93.07deg, #0F4BC3 21.06%, #10B981 101.52%);--text-black: #191C1E;--text-white: #ffff;--text-blue: #0F1729;--box-shadow: 0px 10px 30px -5px #0F172A14;}
.navbar{position: sticky;top: 0;z-index: 1050;border-bottom: 1px solid #F3F4F6;box-shadow: 0px 1px 2px 0px #0000000D;background: rgba(255, 255, 255, 0.92);transition: box-shadow 0.35s ease, border-color 0.35s ease;}
.navbar::before{content: "";position: absolute;inset: 0;backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);z-index: -1;pointer-events: none;}
.navbar:hover{box-shadow: 0px 4px 16px -4px #003FB11F;border-bottom-color: #E5E7EB;}
.navbar-brand{display: inline-flex;transition: opacity 0.3s ease, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);}
.navbar-brand:hover{opacity: 0.88;transform: scale(1.02);}
.navbar-expand-lg .navbar-nav .nav-link{position: relative;font-weight: 600;font-size: 14px;line-height: 20px;letter-spacing: 0px;vertical-align: middle;color: #4B5563;padding: 10px 6px;transition: color 0.3s ease;}
.navbar-expand-lg .navbar-nav .nav-link::after{content: "";position: absolute;left: 6px;right: 6px;bottom: 4px;height: 2px;background: linear-gradient(90deg, #003FB1 0%, #10B981 100%);border-radius: 2px;transform: scaleX(0);transform-origin: left center;transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus-visible{color: var(--primary-color);}
.navbar-expand-lg .navbar-nav .nav-link:hover::after, .navbar-expand-lg .navbar-nav .nav-link:focus-visible::after, .navbar-expand-lg .navbar-nav .nav-link.active::after{transform: scaleX(1);}
.navbar-nav{gap: 20px;}
.navbar .btn-cs.btn-lang{position: relative;overflow: hidden;z-index: 0;display: inline-flex;align-items: center;gap: 8px;border: 2px solid #E5E7EB;background: var(--bg-main-color);color: #374151;padding: 9px 16px;transition: color 0.4s ease, border-color 0.4s ease;}
.navbar .btn-cs.btn-lang::before{content: "";position: absolute;inset: 0;background: var(--primary-color);transform: translateX(-101%);transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);z-index: -1;}
.navbar .btn-cs.btn-lang:hover{color: var(--text-white);border-color: var(--primary-color);}
.navbar .btn-cs.btn-lang:hover::before{transform: translateX(0);}
.navbar .btn-cs.btn-lang > *{position: relative;z-index: 1;}
.navbar .btn-cs.btn-lang img{transition: filter 0.4s ease;}
.navbar .btn-cs.btn-lang:hover img{filter: brightness(0) invert(1);}
.navbar .btn-booking{display: inline-flex;align-items: center;gap: 8px;transition: color 0.4s ease, box-shadow 0.35s ease;}
.navbar .btn-booking:hover{box-shadow: 0 8px 20px -6px #003FB166;}
.navbar .navbar-auth-link{font-weight: 600;font-size: 14px;line-height: 20px;color: #4B5563;text-decoration: none;padding: 9px 4px;white-space: nowrap;transition: color 0.3s ease;}
.navbar .navbar-auth-link:hover, .navbar .navbar-auth-link:focus-visible{color: var(--primary-color);}
.navbar > .container{align-items: center;}
.navbar .navbar-toggler{border: 1px solid rgba(0, 63, 177, 0.25);padding: 8px 10px;border-radius: 8px;flex-shrink: 0;}
.navbar .navbar-toggler:focus{box-shadow: 0 0 0 0.2rem rgba(0, 63, 177, 0.15);}
.navbar.navbar-light .navbar-toggler-icon{width: 1.35em;height: 1.35em;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23003FB1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}
.btn-cs{font-family: Inter;font-weight: 500;font-style: Medium;padding: 10px 20px;display: inline-block;border: 0;border-radius: 8px;font-size: 14px;line-height: 20px;letter-spacing: 0px;text-align: center;vertical-align: middle;cursor: pointer;}
.btn-cs.btn-lang{border: 1px solid #858585;border: 1px solid #858585;background: none;padding: 9px 16px;}
.btn-booking{position: relative;overflow: hidden;z-index: 0;background-color: var(--primary-color);color: var(--text-white);border: 2px solid var(--primary-color);transition: color 0.4s ease;}
.btn-booking::before{content: "";position: absolute;inset: 0;background: #FFFFFF;transform: translateX(-101%);transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);z-index: -1;}
.btn-booking:hover{color: var(--primary-color);}
.btn-booking:hover::before{transform: translateX(0);}
.btn-booking > *{position: relative;z-index: 1;}
.btn-booking img, .cta-btn-primary img{transition: filter 0.4s ease;}
.btn-booking:hover img, .cta-btn-primary:hover img{filter: brightness(0) saturate(100%) invert(18%) sepia(89%) saturate(2277%) hue-rotate(211deg) brightness(92%) contrast(101%);}
.hero-content{height: 70vh;align-items: center;}
.hero-content h1{font-family: 'manrope';color: var(--text-blue);font-weight: 700;font-size: 48px;line-height: 59px;letter-spacing: 1px;}
.gradient-text-span{background: linear-gradient(90deg, #003FB1 0%, #10B981 55.29%);font-family: Manrope;-webkit-background-clip: text;background-clip: text;color: transparent;}
.hero-content .pera-cs{font-family: Inter;font-weight: 400;font-size: 18px;line-height: 28.8px;color: #6B7280;letter-spacing: 0px;padding-block: 20px;}
.succed-sec .card{box-shadow: var(--box-shadow);border-radius: 12px;padding: 20px;border: 0;}
.py-50{padding-block: 50px;}
.hero-section .hero-content .btn-group .why-choose-cta{width: 195px; display: flex; justify-content: center;}
.succed-sec{background: #EDF3FF;}
.heading-cs{font-family: Manrope;font-weight: 700;font-style: Bold;font-size: 36px;line-height: 43.2px;letter-spacing: -0.36px;text-align: center;}
.heading-cs .text-gradient{background: linear-gradient(90deg, #003FB1 0%, #10B981 55.29%);-webkit-background-clip: text;background-clip: text;color: transparent;}
.pera-cs{font-weight: 400;font-size: 16px;line-height: 25.6px;letter-spacing: 0px;color: #434654;}
.card-title{padding-block: 15px;margin: 0;}
.card-body .card-text{color: #737686;font-size: 16px;font-weight: 400;font-family: 'manrope';}
.hero-section{position: relative;position: relative;background: url('./img/hero-sectioon-main.png') no-repeat top right;background-size: cover;}
.inner-heading{font-family: 'manrope';color: var(--text-blue);font-weight: 700;font-size: 36px;margin-bottom: 20px;}
.hero-visual-col{position: relative;display: flex;align-items: center;justify-content: flex-end;min-height: 400px;}
.hero-visual{position: relative;width: 100%;height: 61vh;margin-left: auto;}
.hero-grow-card{position: absolute;display: block;height: auto;border-radius: 7px;box-shadow: 0px 10px 30px -5px #0F172A24;opacity: 0;}
.hero-grow-card--one{top: 0%;width: 220px;z-index: 3;right: 4%;}
.hero-grow-card--two{bottom: 27%;left: 33%;transform: translateY(-50%);z-index: 2;}
.hero-grow-card--three{bottom: 0;right: 0%;width: 179px;z-index: 3;}
.hero-grow-card--from-right{animation: hero-grow-slide-right 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;}
.hero-grow-card--from-left{animation: hero-grow-slide-left 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;}
.hero-grow-card--one.hero-grow-card--from-right{animation-delay: 0.25s;}
.hero-grow-card--two.hero-grow-card--from-left{animation-delay: 0.45s;}
.hero-grow-card--three.hero-grow-card--from-right{animation-delay: 0.65s;}
@keyframes hero-grow-slide-right{from{opacity: 0;transform: translateX(72px);}to{opacity: 1;transform: translateX(0);}}
@keyframes hero-grow-slide-left{from{opacity: 0;transform: translate(-72px, -50%);}to{opacity: 1;transform: translate(0, -50%);}}
@media (prefers-reduced-motion: reduce){
  .hero-grow-card{opacity: 1;animation: none;}
  .hero-grow-card--two{transform: translateY(-50%);}
}
.btn-group .btn-cs.btn-lang{position: relative;overflow: hidden;z-index: 0;border: 2px solid #003FB1;color: var(--primary-color);background: var(--bg-main-color);padding: 9px 16px;width: 195px;text-align: center;display: flex;align-items: center;justify-content: center;transition: color 0.4s ease, border-color 0.4s ease;height: 60px;}
.btn-group .btn-cs.btn-lang::before{content: "";position: absolute;inset: 0;background: var(--primary-color);transform: translateX(-101%);transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);z-index: -1;}
.btn-group .btn-cs.btn-lang:hover{color: var(--text-white);}
.btn-group .btn-cs.btn-lang:hover::before{transform: translateX(0);}
.btn-group .btn-cs.btn-lang > *{position: relative;z-index: 1;}
.banner-sub-heading{background: #EFF4FE;color: #2B5BF5;font-weight: 600;font-size: 12px;letter-spacing: 0px;padding: 6px 26px;width: max-content;border-radius: 4px;}
.working{background: #F1F5FA80;}
.brands-heading{text-align: center;font-weight: 600;font-size: 12px;letter-spacing: 0.12em;color: #003FB1;margin-bottom: 18px;}
.brands-heading span{color: #111827;font-weight: 700;}
.brands-logo{display: flex;align-items: center;justify-content: space-between;gap: 28px;}
.brand-logo{width: auto;max-height: 36px;flex-shrink: 0;}
.brands-marquee{overflow: hidden;width: 100%;-webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);}
.brands-marquee__track{display: flex;width: max-content;animation: brands-marquee-scroll 35s linear infinite;}
.brands-marquee__group{display: flex;align-items: center;gap: 56px;padding-right: 56px;flex-shrink: 0;}
@keyframes brands-marquee-scroll{0%{transform: translateX(0);}100%{transform: translateX(-50%);}}
@media (prefers-reduced-motion: reduce){.brands-marquee__track{animation: none;}}
.industries-hero{position: relative;}
.industries-hero::after{content: '';position: absolute;top: 0;right: 2%;height: 100%;width: 50%;background: var(--hero-bg-image, url('./img/industrialbg.png')) no-repeat top right;background-size: cover;}
.partner-counters-section{background: #EDF3FF;}
.partner-counters-title{font-family: "Manrope", sans-serif;color: var(--text-blue);font-weight: 700;font-size: 36px;line-height: 1.2;letter-spacing: -0.36px;margin: 0;}
.partner-counter-item{display: flex;flex-direction: column;align-items: center;text-align: center;height: 100%;}
.partner-counter-icon{margin-bottom: 16px;}
.partner-counter-icon img{display: block;width: 48px;height: 48px;}
.partner-counter-value{font-family: "Manrope", sans-serif;color: #0047AB;font-weight: 700;font-size: 32px;line-height: 32px;margin: 0 0 8px;}
.partner-counter-label{font-family: "Manrope", sans-serif;color: #64748B;font-weight: 400;font-size: 12px;line-height: 16px;margin: 0;max-width: 140px;}
.partners-hero{background: #FFFFFF;overflow: hidden;padding-block: 48px 56px;}
.partners-hero::after{width: 58%;right: 0;background-position: center right;background-size: contain;}
.partners-hero .hero-content{height: auto;min-height: 420px;}
.platform-section{background: #FFFFFF;}
.partner-platform .why-choose-card{border: 0;box-shadow: none;padding-block: 10px;}
.partner-connection .why-choose-card{border: 0;box-shadow: none;padding-block: 10px;}
.contact-section .contact-form .book-demo-field select{font-size: 16px;line-height: 100%;letter-spacing: 0px;color: #434343 !important;font-weight: 400 !important;}
.contact-section .contact-form .book-demo-field input::placeholder{font-size: 16px;line-height: 100%;letter-spacing: 0px;font-weight: 400 !important;}
.platform-badge{display: inline-block;padding: 6px 12px;border-radius: 999px;background: #EFF4FE;color: #2B5BF5;font-weight: 600;font-size: 11px;letter-spacing: 0.08em;margin-bottom: 14px;}
.platform-title{font-family: "Manrope", sans-serif;color: #111827;font-weight: 800;font-size: 40px;line-height: 1.15;margin: 0;}
.platform-subtitle{margin-top: 14px;color: #6B7280;font-size: 14px;line-height: 1.7;max-width: 460px;}
.platform-list{list-style: none;padding: 0;margin: 22px 0 26px;display: grid;gap: 12px;color: #111827;font-size: 14px;font-weight: 500;}
.platform-list li{display: flex;align-items: center;gap: 10px;font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: 0px;}
.platform-check{width: 24px;height: 24px;display: inline-flex;align-items: center;justify-content: center;flex: 0 0 24px;}
.platform-check img{width: 100%;height: 100%;display: block;}
.platform-cta{border: 1px solid #D1D5DB;background: #FFFFFF;color: #111827;padding: 12px 18px;border-radius: 10px;font-weight: 600;font-size: 14px;display: inline-flex;align-items: center;gap: 10px;}
.platform-cta:hover{border-color: #9CA3AF;}
.platform-image{width: 100%;height: auto;display: block;border-radius: 14px;}
.scroll-reveal{opacity: 0;transition: opacity 1.35s cubic-bezier(0.4, 0, 0.2, 1), transform 1.35s cubic-bezier(0.4, 0, 0.2, 1);}
.scroll-reveal--up{transform: translateY(72px);}
.scroll-reveal--left{transform: translateX(-80px);}
.scroll-reveal--right{transform: translateX(80px);}
.scroll-reveal--up.scroll-reveal--visible, .scroll-reveal--left.scroll-reveal--visible, .scroll-reveal--right.scroll-reveal--visible{opacity: 1;transform: translate(0);transition-duration: 0.95s;}
@media (prefers-reduced-motion: reduce){.scroll-reveal{opacity: 1;transform: none;transition: none;}}
.connection-bg{width: 100%;height: auto;display: block;border-radius: 14px;}
.experience-section{background: #FFFFFF;}
.experience-badge{display: inline-block;padding: 6px 12px;border-radius: 999px;background: #EFF4FE;color: #2B5BF5;font-weight: 600;font-size: 11px;letter-spacing: 0.08em;margin-bottom: 14px;}
.experience-title{font-family: "Manrope", sans-serif;color: #111827;font-weight: 800;font-size: 40px;line-height: 1.15;margin: 0;}
.experience-accent{color: #2B5BF5;}
.experience-subtitle{margin-top: 14px;color: #6B7280;font-size: 14px;line-height: 1.7;max-width: 420px;}
.experience-image{width: 100%;height: auto;display: block;border-radius: 14px;}
.why-choose-section{background: var(--bg-main-color);}
.why-choose-title{font-family: "Manrope", sans-serif;color: var(--text-blue);font-weight: 700;font-size: 36px;line-height: 1.2;letter-spacing: -0.36px;margin: 0;}
.why-choose-desc{max-width: 320px;padding-block: 16px 22px;color: #6B7280;font-size: 14px;line-height: 1.7;}
.why-choose-cta{position: relative;overflow: hidden;z-index: 0;border: 2px solid var(--primary-color);background: var(--bg-main-color);color: var(--primary-color);padding: 12px 18px;border-radius: 8px;font-weight: 600;font-size: 14px;display: inline-flex;align-items: center;gap: 10px;cursor: pointer;transition: color 0.4s ease, border-color 0.4s ease;}
.why-choose-cta::before{content: "";position: absolute;inset: 0;background: var(--primary-color);transform: translateX(-101%);transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);z-index: -1;}
.why-choose-cta:hover{color: var(--text-white);}
.why-choose-cta:hover::before{transform: translateX(0);}
.why-choose-cta > *{position: relative;z-index: 1;}
.why-choose-cta img, .btn-group .btn-cs.btn-lang img, .solutions-demo-btn img{transition: filter 0.4s ease;}
.why-choose-cta:hover img, .btn-group .btn-cs.btn-lang:hover img, .solutions-demo-btn:hover img{filter: brightness(0) invert(1);}
.why-choose-cta.bg-transparent{background: var(--bg-main-color);}
.why-choose-cards{margin: 0;}
.why-choose-card{background: var(--bg-main-color);border-radius: 12px;padding: 30px 8px;height: 100%;box-shadow: 0px 4px 4px 0px #0000001A;border: 1px solid #F4F7FD;}
.why-choose-icon{margin-bottom: 16px;text-align: center;height: 88px;width: 88px;margin: 0 auto;margin-bottom: 20px;}
.why-choose-card-title{color: var(--text-blue);font-weight: 500;font-size: 18px;line-height: 1.3;margin: 0 0 10px;}
.why-choose-card-text{margin: 0;color: #6B7280;font-size: 13px;font-weight: 400;line-height: 1.55;font-family: "Manrope", sans-serif;}
.global-connected-section{position: relative;background: url('./img/darkbluebg.png') no-repeat;background-size: cover;padding: 20px 0;color: var(--text-white);overflow: hidden;}
.global-connected-content{max-width: 640px;position: relative;z-index: 1;}
.global-connected-label{font-family: "Manrope", sans-serif;font-weight: 600;font-size: 11px;line-height: 1;letter-spacing: 0.12em;text-transform: uppercase;color: #7EB4FF;margin: 0 0 10px;}
.global-connected-title{font-family: "Manrope", sans-serif;font-weight: 700;font-size: 40px;line-height: 1.2;letter-spacing: -0.4px;color: var(--text-white);margin: 0 0 15px;}
.blur-reveal-text .blur-reveal-line{display: inline;}
.blur-reveal-char{display: inline-block;filter: blur(12px);opacity: 0;transform: translateY(10px);transition: filter 0.65s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1), transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);will-change: filter, opacity, transform;}
.blur-reveal-text--visible .blur-reveal-char{filter: blur(0);opacity: 1;transform: translateY(0);}
.blur-reveal-text:not(.blur-reveal-text--visible) .blur-reveal-char{transition-duration: 0.35s;}
.global-connected-desc{font-family: "Manrope", sans-serif;font-weight: 400;font-size: 14px;line-height: 20px;color: rgba(255, 255, 255, 0.85);margin: 0 0 15px;max-width: 520px;}
.global-connected-features{display: flex;flex-wrap: wrap;gap: 4px 10px;}
.global-connected-feature{align-items: center;min-width: 118px;}
.global-connected-stat{display: block;font-family: "Manrope", sans-serif;font-weight: 700;font-size: 18px;line-height: 24px;color: var(--text-white);}
.global-connected-feature-label{display: block;font-family: "Manrope", sans-serif;font-weight: 400;font-size: 13px;line-height: 18px;color: rgba(255, 255, 255, 0.75);}
.scalable-architecture-section{background: #EDF3FF;}
.scalable-architecture-section .scalable-architecture-title{font-family: "Manrope", sans-serif;color: var(--text-blue);font-weight: 700;font-size: 36px;line-height: 1.2;letter-spacing: -0.36px;margin: 0 0 48px;}
.scalable-architecture-section .scalable-architecture-flow{display: flex;align-items: center;gap: 163px;justify-content: center;flex-wrap: wrap;}
.scalable-architecture-section .scalable-architecture-step-wrap{display: flex;align-items: center;flex: 1 1 151px;max-width: 151px;min-width: 151px;}
.scalable-architecture-section .scalable-architecture-card{display: flex;height: 256px;flex-direction: column;align-items: center;justify-content: flex-start;text-align: center;background: var(--bg-main-color);border-radius: 121px;padding: 30px;min-height: 240px;box-shadow: 0px 10px 30px -5px #0F172A14;border: 1px solid #F4F7FD;flex: 1;width: 100%;}
.scalable-architecture-section .scalable-architecture-icon{display: flex;align-items: center;justify-content: center;margin-bottom: 20px;min-height: 48px;}
.scalable-architecture-section .scalable-architecture-card-title{font-family: "Manrope", sans-serif;color: var(--text-blue);font-weight: 700;font-size: 16px;line-height: 1.3;margin: 0 0 10px;}
.scalable-architecture-section .scalable-architecture-card-subtitle{font-family: "Manrope", sans-serif;color: #5B7B9E;font-weight: 400;font-size: 13px;line-height: 1.45;margin: 0;max-width: 180px;}
.scalable-architecture-section .scalable-architecture-arrow{display: flex;align-items: center;justify-content: center;align-self: center;flex: 0 0 56px;min-width: 56px;width: 67%;height: 2px;margin: 0 auto;padding: 0 89px;background: #d8e3fb;}
.scalable-architecture-section .scalable-architecture-arrow img{position: relative;z-index: 1;display: block;height: auto;margin: 0 auto;padding: 0 93px;}
.how-it-works-section{background: var(--bg-main-color);}
.how-it-works-header{margin-bottom: 36px;}
.how-it-works-title{font-family: "Manrope", sans-serif;color: var(--text-blue);font-weight: 700;font-size: 36px;line-height: 1.2;letter-spacing: -0.36px;margin: 14px auto 0;}
.how-it-works-steps{display: flex;align-items: stretch;justify-content: center;flex-wrap: wrap;gap: 0;}
.how-it-works-step-wrap{display: flex;align-items: center;flex: 1 1 200px;max-width: 280px;min-width: 200px;}
.how-it-works-card{display: flex;align-items: center;justify-content: center;background: var(--bg-main-color);border-radius: 12px;padding: 24px 20px;box-shadow: 0px 4px 4px 0px #0000001A;border: 1px solid #F4F7FD;flex: 1;}
.how-it-works-icon{margin-right: 10px;flex-shrink: 0;}
.hero-home{height: 65vh;
  align-items: center;}
/* .how-it-works-icon img{width: 30px;height: 30px;object-fit: contain;} */
.how-it-works-card-title{color: var(--text-blue);font-weight: 700;font-size: 20px;line-height: 24px;margin: 0 0 8px;}
.how-it-works-card-text{font-family: "Manrope", sans-serif;color: #6B7280;font-weight: 400;font-size: 14px;line-height: 20px;margin: 0;}
.how-it-works-arrow{width: 28px;height: 2px;margin: 0 6px;flex: 0 0 28px;background: repeating-linear-gradient( 90deg, #CBD5E1 0, #CBD5E1 6px, transparent 6px, transparent 10px );position: relative;}
.how-it-works-arrow::after{content: "";position: absolute;right: -4px;top: 50%;transform: translateY(-50%);border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 7px solid #CBD5E1;}
.cta-banner-section{margin: 0 0 50px;background: var(--bg-main-color);}
.cta-banner{position: relative;overflow: hidden;border-radius: 12px;background: var(--cta-gradient);padding: 40px 48px;color: var(--text-white);}
.cta-banner::before, .cta-banner::after{content: "";position: absolute;border-radius: 50%;background: rgba(255, 255, 255, 0.08);pointer-events: none;}
.cta-banner::before{width: 220px;height: 220px;top: -80px;right: 18%;}
.cta-banner::after{width: 160px;height: 160px;bottom: -60px;left: 55%;}
.cta-banner-title{font-family: "Manrope", sans-serif;font-weight: 700;font-size: 32px;line-height: 1.2;margin: 0 0 10px;position: relative;z-index: 1;}
.cta-banner-text{font-family: "Manrope", sans-serif;font-weight: 400;font-size: 14px;line-height: 20px;margin: 0;opacity: 0.95;max-width: 480px;position: relative;z-index: 1;color: #D4DCFF;}
.cta-banner-actions{display: flex;flex-wrap: wrap;gap: 12px;justify-content: flex-start;position: relative;z-index: 1;font-family: Manrope;font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: 0px;letter-spacing: 0px;text-align: center;vertical-align: middle;}
.cta-btn-primary{position: relative;overflow: hidden;z-index: 0;background: var(--primary-color);color: var(--text-white);border: 2px solid var(--primary-color);padding: 12px 24px;border-radius: 8px;font-weight: 600;cursor: pointer;transition: color 0.4s ease;}
.cta-btn-primary::before{content: "";position: absolute;inset: 0;background: #FFFFFF;transform: translateX(-101%);transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);z-index: -1;}
.cta-btn-primary:hover{color: var(--primary-color);}
.cta-btn-primary:hover::before{transform: translateX(0);}
.cta-banner-actions .cta-btn-primary{background: #1A56DB;width: 216px;border:0;height: 58px;font-family: Manrope;}
.cta-banner-actions .cta-btn-secondary{ width: 176px;border: 1px solid #1A56DB33;font-family: Manrope;font-weight: 600;}
.cta-btn-secondary{position: relative;overflow: hidden;z-index: 0;background: var(--text-white);color: var(--primary-color);border: 2px solid var(--text-white);padding: 12px 24px;border-radius: 8px;font-weight: 600;cursor: pointer;transition: color 0.4s ease, border-color 0.4s ease;}
.cta-btn-secondary::before{content: "";position: absolute;inset: 0;background: var(--primary-color);transform: translateX(-101%);transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);z-index: -1;}
.cta-btn-secondary:hover{color: var(--text-white);border-color: var(--primary-color);}
.cta-btn-secondary:hover::before{transform: translateX(0);}
.navbar-nav .nav-link.active{color: var(--primary-color);font-weight: 700;}
.solutions-card .why-choose-card-title{font-size: 24px;line-height: 1.3;margin: 0 0 10px;color: #003FB1;}
.solutions-card .why-choose-card-text{font-size: 16px;font-weight: 500;color: #616266;}
.solutions-hero{position: relative;background: url('./img/solution-bg-main.png') no-repeat;background-position: right; background-size: cover;padding-block: 48px 56px;overflow: hidden;}
.solutions-hero-row{position: relative;z-index: 1;min-height: 420px;}
.solution-working .pera-cs{padding-block: 0;   font-size: 16px;margin-bottom: 0;
    color: #434654;}
   .solution-working .platform-media{    height: 480px;
    width: 462px;}
   .solution-working .platform-media .platform-image{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 14px;
   }
  .smarter-connectivity .why-choose-card .platform-check{width: 38px;
    height: 38px;flex: 0 0 38px;}
    .smarter-connectivity .why-choose-card{box-shadow: none;background: none;}
    .smarter-connectivity .why-choose-card .why-choose-card-text{color: #44474E;font-size: 14px;}
.solutions-hero-title{font-family: "Manrope", sans-serif;color: var(--text-blue);font-weight: 700;font-size: 44px;line-height: 1.15;letter-spacing: -0.5px;margin: 0;}
.solutions-hero-title span{background: linear-gradient(90deg, #003FB1 0%, #10B981 55.29%);-webkit-background-clip: text;background-clip: text;color: transparent;}
.solutions-hero-desc{max-width: 520px;padding-block: 18px 24px;}
.solutions-demo-btn{position: relative;overflow: hidden;z-index: 0;border: 2px solid var(--primary-color);color: var(--primary-color);background: var(--bg-main-color);cursor: pointer;transition: color 0.4s ease;}
.solutions-demo-btn::before{content: "";position: absolute;inset: 0;background: var(--primary-color);transform: translateX(-101%);transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);z-index: -1;}
.solutions-demo-btn:hover{color: var(--text-white);}
.solutions-demo-btn:hover::before{transform: translateX(0);}
.solutions-demo-btn > *{position: relative;z-index: 1;}
.solutions-card .why-choose-card-title{font-size: 24px;line-height: 1.3;margin: 0 0 10px;color: #003FB1;}
@media (prefers-reduced-motion: reduce){.btn-booking::before, .btn-group .btn-cs.btn-lang::before, .why-choose-cta::before, .cta-btn-primary::before, .cta-btn-secondary::before, .solutions-demo-btn::before, .navbar .btn-cs.btn-lang::before{transition: none;}}
@media (prefers-reduced-motion: reduce){.navbar-brand:hover{transform: none;}.navbar-expand-lg .navbar-nav .nav-link::after{transition: none;}}
.solutions-hero-visual{display: flex;justify-content: center;align-items: center;min-height: 380px;}
.solutions-dashboard{width: 100%;max-width: 420px;padding: 20px;border-radius: 14px;background: rgba(255, 255, 255, 0.75);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.9);box-shadow: 0px 16px 40px -8px #0F172A1F;}
.solutions-dashboard-label{font-family: "Manrope", sans-serif;font-weight: 600;font-size: 13px;color: var(--text-blue);margin: 0 0 12px;}
.solutions-map{background: linear-gradient(180deg, #EFF4FE 0%, #F8FAFC 100%);border-radius: 10px;padding: 12px;margin-bottom: 14px;}
.solutions-map svg{width: 100%;height: auto;display: block;}
.solutions-stats{display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;margin-bottom: 14px;}
.solutions-stat-card{display: flex;gap: 8px;align-items: flex-start;padding: 10px 8px;background: #FFFFFF;border-radius: 8px;border: 1px solid #F3F4F6;}
.solutions-stat-card img{width: 28px;height: 28px;flex-shrink: 0;}
.solutions-stat-label{display: block;font-size: 10px;color: #6B7280;line-height: 1.3;margin-bottom: 2px;}
.solutions-stat-card strong{font-family: "Manrope", sans-serif;font-size: 12px;font-weight: 700;color: var(--text-blue);line-height: 1.2;}
.solutions-stat-up{font-style: normal;font-weight: 600;font-size: 10px;color: #10B981;}
.solutions-core-title{font-family: "Manrope", sans-serif;font-weight: 600;font-size: 12px;color: var(--text-blue);margin: 0 0 10px;}
.solutions-core-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
.solutions-core-item{display: flex;align-items: center;gap: 8px;font-size: 11px;font-weight: 500;color: var(--text-blue);}
.solutions-core-item img{width: 32px;height: 32px;}
.solutions-growth-section{background: #FFFFFF;}
.solutions-growth-title{font-family: "Manrope", sans-serif;color: var(--text-blue);font-weight: 700;font-size: 40px;line-height: 1.15;letter-spacing: -0.5px;margin: 0;}
.solutions-growth-desc{max-width: 480px;padding-block: 18px 0;}
.solutions-growth-collage{display: grid;grid-template-columns: 1.05fr 1fr;grid-template-rows: 1fr 1fr;gap: 14px;min-height: 360px;}
.solutions-growth-collage img{width: 100%;height: 100%;display: block;border-radius: 14px;object-fit: cover;}
.solutions-growth-collage__main{grid-row: 1 / -1;grid-column: 1;}
.solutions-growth-collage__stacked{grid-column: 2;}
.site-footer{background: var(--text-blue);color: var(--text-white);padding: 56px 0 64px;}
.site-footer-row{align-items: flex-start;}
.auto-mate-sale img{height: 40px;width:40px;display: inline-block;}
.technology-card{box-shadow: 0px 1px 2px 0px #0000000D;border: 1px solid #EAEDFF;padding: 30px;border-radius: 24px;align-items: stretch;height: 100%;align-items: stretch;}
.footer-brand{display: inline-block;margin-bottom: 20px;}
.footer-brand img{display: block;height: 32px;width: auto;}
.footer-list-heading{font-family: "Manrope", sans-serif;font-weight: 700;font-size: 16px;line-height: 24px;letter-spacing: 0;vertical-align: middle;color: var(--text-white);margin: 0 0 16px;}
.technology-card .technology-title{    font-family: Inter;font-weight: 700;font-style: Bold;font-size: 20px;line-height: 28px;letter-spacing: 0px;vertical-align: middle;margin: 0;padding-top: 15px;}
.technology-card .technology-description{    font-family: Inter;font-weight: 400;font-size: 16px;line-height: 26px;letter-spacing: 0px;vertical-align: middle;color: #475569;}
.footer-paragraph{font-family: "Manrope", sans-serif;font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: 0;vertical-align: middle;color: rgba(255, 255, 255, 0.85);margin: 0;max-width: 280px;}
.footer-nav-list{list-style: none;padding: 0;margin: 0;display: grid;gap: 12px;}
.footer-nav-list a{position: relative;font-family: "Manrope", sans-serif;font-weight: 400;font-size: 14px;line-height: 20px;color: rgba(255, 255, 255, 0.85);text-decoration: none;display: inline-block;transition: color 0.3s ease;}
.footer-nav-list a::after{content: "";position: absolute;left: 0;right: 0;bottom: -2px;height: 2px;background: linear-gradient(90deg, #10B981 0%, rgba(255, 255, 255, 0.7) 100%);border-radius: 2px;transform: scaleX(0);transform-origin: left center;transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);}
.footer-nav-list a:hover{color: var(--text-white);}
.footer-nav-list a:hover::after{transform: scaleX(1);}
.footer-email-input{width: 100%;max-width: 280px;margin-top: 16px;padding: 12px 16px;border: 0;border-radius: 8px;background: #E8ECF8;font-family: "Manrope", sans-serif;font-weight: 400;font-size: 14px;line-height: 20px;color: var(--text-blue);outline: none;}
.footer-email-input::placeholder{color: #9CA3AF;}
.footer-email-input:focus{box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25);}


/* ----------book demo modal-------- */
.book-demo-overlay{position: fixed;inset: 0;z-index: 2000;display: flex;align-items: center;justify-content: center;padding: 24px;background: rgba(15, 23, 41, 0.45);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}
.book-demo-modal{position: relative;display: flex;align-items: stretch;width: 100%;max-width: 1200px;padding: 63px 30px;max-height: calc(100vh - 60px);background: #FFFFFF;border-radius: 16px;box-shadow: 0 24px 60px rgba(15, 23, 41, 0.18);overflow: hidden;font-family: "Poppins", sans-serif;}
.book-demo-modal .book-demo-close{position: absolute;top: 16px;right: 16px;z-index: 2;width: 36px;height: 36px;border: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.92);color: #4B5563;font-size: 24px;line-height: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 8px rgba(15, 23, 41, 0.08);}
.book-demo-modal .book-demo-close:hover{color: var(--primary-color);}
.book-demo-modal .book-demo-content-wrap{display: flex;align-items: stretch;gap: 30px;width: 100%;}
.book-demo-modal .book-demo-image{flex: 0 0 423px;width: 423px;height: 558px;border-radius: 10px;}
.book-demo-modal .book-demo-image img{width: 100%;height: 100%;max-height: 100%;object-fit: cover;border-radius: 10px;}
.book-demo-modal .book-demo-content{flex: 1;min-width: 0;width: 100%;padding: 25px;display: flex;flex-direction: column;box-shadow: 0px 0px 30px 0px #0000001A;border-radius: 10px;}
.book-demo-modal .book-demo-title{font-family: "Poppins", sans-serif;font-weight: 700;font-size: 32px;line-height: 40px;letter-spacing: 0;color: var(--text-blue);margin: 0 0 8px;}
.book-demo-modal .book-demo-subtitle{font-family: "Poppins", sans-serif;font-weight: 500;font-size: 16px;line-height: 22px;letter-spacing: 0;color: #6B7280;margin: 0 0 28px;}
.book-demo-modal .book-demo-subtitle a{color: var(--primary-color);text-decoration: none;}
.book-demo-modal .book-demo-form{display: flex;flex-direction: column;flex: 1;width: 100%;}
.book-demo-modal .book-demo-form-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 13px 10px;flex: 1;width: 100%;}
.book-demo-modal .book-demo-form-col{display: flex;flex-direction: column;gap: 18px;}
.book-demo-modal .book-demo-field{display: flex;flex-direction: column;gap: 8px;}
.book-demo-modal .book-demo-field--message{flex: 1;}
.book-demo-modal .book-demo-field label{font-family: "Poppins", sans-serif;font-weight: 500;font-size: 17px;color: var(--text-blue);}
.book-demo-modal .book-demo-field input,
.book-demo-modal .book-demo-field select,
.book-demo-modal .book-demo-field textarea,
.book-demo-modal .book-demo-phone input,
.book-demo-modal .book-demo-country{width: 100%;font-family: "Poppins", sans-serif;font-weight: 500;font-size: 16px;line-height: 22px;letter-spacing: 0;color: var(--text-blue);background: #F6F9FF;border: 1px solid #EEF4FF;border-radius: 8px;padding: 12px 14px;outline: none;transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.book-demo-modal .book-demo-field input::placeholder,
.book-demo-modal .book-demo-field textarea::placeholder,
.book-demo-modal .book-demo-phone input::placeholder{color: #9CA3AF;}
.book-demo-modal .book-demo-field input:focus,
.book-demo-modal .book-demo-field select:focus,
.book-demo-modal .book-demo-field textarea:focus,
.book-demo-modal .book-demo-phone input:focus,
.book-demo-modal .book-demo-country:focus{border-color: #BFD4FF;box-shadow: 0 0 0 3px rgba(0, 63, 177, 0.08);}
.book-demo-modal .book-demo-field select,
.book-demo-modal .book-demo-country{appearance: none;-webkit-appearance: none;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 6l4 4 4-4'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 12px center;background-size: 14px;padding-right: 36px;cursor: pointer;}
.book-demo-modal .book-demo-field textarea{resize: vertical;height: 148px;}
.book-demo-modal .book-demo-phone{display: flex;gap: 10px;}
.book-demo-modal .book-demo-country{flex: 0 0 96px;}
.book-demo-modal .book-demo-phone input{flex: 1;}
.book-demo-modal .phone-input-container{position: relative;width: 100%;container-type: inline-size;}
.book-demo-modal .phone-input-container .form-control,
.book-demo-modal .phone-input-container .book-demo-phone-input{width: 100% !important;height: auto;font-family: "Poppins", sans-serif;font-weight: 500;font-size: 16px;line-height: 22px;letter-spacing: 0;color: var(--text-blue);background: #F6F9FF;border: 1px solid #EEF4FF;border-radius: 8px;padding: 12px 14px 12px 48px;outline: none;transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.book-demo-modal .phone-input-container .form-control::placeholder{color: #9CA3AF;}
.book-demo-modal .phone-input-container .form-control:focus{border-color: #BFD4FF;box-shadow: 0 0 0 3px rgba(0, 63, 177, 0.08);}
.book-demo-modal .phone-input-container .flag-dropdown{z-index: 3;}
.book-demo-modal .phone-input-container .country-dropdown-button{background: #F6F9FF;border: 1px solid #EEF4FF;border-radius: 8px 0 0 8px;padding: 0 0 0 8px;}
.book-demo-modal .phone-input-container .country-dropdown-button:hover,
.book-demo-modal .phone-input-container .country-dropdown-button:focus{background: #F6F9FF;}
.book-demo-modal .phone-input-container .country-dropdown,
.book-demo-modal .phone-input-container .country-list{left: 0 !important;width: 300px !important;min-width: 280px;max-height: 220px;margin: 4px 0 0 !important;padding: 0;border-radius: 8px;border: 1px solid #EEF4FF;box-shadow: 0 8px 24px rgba(15, 23, 41, 0.12);font-family: "Poppins", sans-serif;font-size: 14px;z-index: 4;overflow-x: hidden;overflow-y: auto;}
@supports (width: 1cqw){
  .book-demo-modal .phone-input-container .country-dropdown,
  .book-demo-modal .phone-input-container .country-list{width: 100cqw !important;}
}
.book-demo-modal .phone-input-container .country-dropdown .search,
.book-demo-modal .phone-input-container .country-list .search{display: block;padding: 10px 12px 8px;margin: 0;background-color: #fff;position: sticky;top: 0;z-index: 1;box-sizing: border-box;}
.book-demo-modal .phone-input-container .country-dropdown .search-emoji,
.book-demo-modal .phone-input-container .country-list .search-emoji{display: none;}
.book-demo-modal .phone-input-container .country-dropdown .search-box,
.book-demo-modal .phone-input-container .country-list .search-box{width: 100%;margin: 0;box-sizing: border-box;font-family: "Poppins", sans-serif;font-size: 14px;padding: 10px 12px;border: 1px solid #EEF4FF;border-radius: 8px;outline: none;background: #F6F9FF;color: var(--text-blue);}
.book-demo-modal .phone-input-container .country-dropdown .search-box::placeholder,
.book-demo-modal .phone-input-container .country-list .search-box::placeholder{color: #9CA3AF;}
.book-demo-modal .phone-input-container .country-dropdown .search-box:focus,
.book-demo-modal .phone-input-container .country-list .search-box:focus{border-color: #BFD4FF;box-shadow: 0 0 0 3px rgba(0, 63, 177, 0.08);}
.book-demo-modal .phone-input-container .country-dropdown .country,
.book-demo-modal .phone-input-container .country-list .country{display: flex;align-items: center;gap: 8px;padding: 8px 12px;white-space: nowrap;}
.book-demo-modal .phone-input-container .country-dropdown .country .country-name,
.book-demo-modal .phone-input-container .country-list .country .country-name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;}
.book-demo-modal .phone-input-container .country-dropdown .country .dial-code,
.book-demo-modal .phone-input-container .country-list .country .dial-code{flex-shrink: 0;color: #6B7280;}
.book-demo-modal .phone-input-container .country-dropdown .country:hover,
.book-demo-modal .phone-input-container .country-list .country:hover,
.book-demo-modal .phone-input-container .country-dropdown .country.highlight,
.book-demo-modal .phone-input-container .country-list .country.highlight{background-color: #F6F9FF;}
.book-demo-modal .book-demo-field:has(.phone-input-container .country-list:not(.hide)),
.book-demo-modal .book-demo-field:has(.phone-input-container .country-dropdown:not(.hide)){position: relative;z-index: 5;}
.book-demo-modal .book-demo-actions{display: flex;justify-content: flex-end;margin-top: 40px;}
.book-demo-modal .book-demo-submit{display: inline-flex;align-items: center;gap: 10px;border: 0;border-radius: 8px;background: var(--primary-color);color: #FFFFFF;font-family: "Poppins", sans-serif;font-weight: 500;font-size: 16px;padding: 9px 24px;cursor: pointer;transition: box-shadow 0.25s ease, transform 0.25s ease;}
.book-demo-modal .book-demo-submit img{width: 16px;height: 16px;filter: brightness(0) invert(1);}
.book-demo-modal .book-demo-submit:hover{box-shadow: 0 10px 24px -8px rgba(0, 63, 177, 0.45);}
.book-demo-modal.partner-modal .book-demo-image{height: 712px;}


/* ----------contact section-------- */
.contact-section{background: #FFFFFF;}
.contact-section .contact-card{position: relative;background: #EEF3FF;border-radius: 20px;padding: 48px 40px 40px;overflow: hidden;}
.contact-section .contact-card::before{content: "";position: absolute;top: -80px;right: -80px;width: 220px;height: 220px;border-radius: 50%;background: rgba(255, 255, 255, 0.55);pointer-events: none;}
.contact-section .contact-title{margin: 0 0 12px;font-family: Manrope;font-weight: 700;font-size: 40px;line-height: 54px;letter-spacing: 0px;text-align: center;vertical-align: middle;color: var(--text-blue);}
.contact-section .contact-desc{color: #434654;max-width: 700px;margin: 0 auto 36px;font-family: Inter;font-weight: 500;font-size: 21px;line-height: 28.8px;letter-spacing: 0px;text-align: center;vertical-align: middle;}
.contact-section .contact-card-body{border-radius: 16px;padding: 28px;display: flex;justify-content: space-between;height: 100%;align-items: stretch;}
.contact-section .contact-form{display: flex;flex-direction: column;border: 1px solid #FFFFFF;gap: 16px;background: #DCE7FF;width: 70%;border-radius: 32px;padding: 30px;position: relative;}
.contact-section .contact-form .book-demo-form-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 13px 10px;}
.contact-section .contact-form .book-demo-field{display: flex;flex-direction: column;gap: 8px;}
.contact-section .contact-form .book-demo-field--message{margin-top: 0;}
.contact-section .contact-form .book-demo-field input,
.contact-section .contact-form .book-demo-field select,
.contact-section .contact-form .book-demo-field textarea{width: 100%;font-family: "Poppins", sans-serif;font-weight: 500;font-size: 16px;line-height: 22px;letter-spacing: 0;color: var(--text-blue);background: #F6F9FF;border: 1px solid #EEF4FF;border-radius: 8px;padding: 12px 14px;outline: none;transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.contact-section .contact-form .book-demo-field input::placeholder,
.contact-section .contact-form .book-demo-field textarea::placeholder{color: #9CA3AF;}
.contact-section .contact-form .book-demo-field input:focus,
.contact-section .contact-form .book-demo-field select:focus,
.contact-section .contact-form .book-demo-field textarea:focus{border-color: #BFD4FF;box-shadow: 0 0 0 3px rgba(0, 63, 177, 0.08);}
.contact-section .contact-form .book-demo-field select{appearance: none;-webkit-appearance: none;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 6l4 4 4-4'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 12px center;background-size: 14px;padding-right: 36px;cursor: pointer;}
.contact-section .contact-form .book-demo-field textarea{resize: vertical;min-height: 148px;}
.contact-section .contact-submit{display: inline-flex;align-items: center;justify-content: center;gap: 10px;width: 48%;border: 0;border-radius: 10px;background: var(--primary-color);color: #FFFFFF;font-family: "Poppins", sans-serif;font-weight: 500;font-size: 16px;line-height: 22px;padding: 14px 24px;cursor: pointer;transition: box-shadow 0.25s ease;position: absolute;bottom: 5%;margin: 0 auto;left: 26%;}
.contact-section .contact-submit:hover{box-shadow: 0 10px 24px -8px rgba(0, 63, 177, 0.45);}
.contact-section .contact-submit:disabled{opacity: 0.7;cursor: not-allowed;box-shadow: none;}
.contact-section .contact-form-status{margin: 0;font-family: "Poppins", sans-serif;font-weight: 500;font-size: 14px;line-height: 20px;text-align: center;}
.contact-section .contact-form-status--success{color: #059669;}
.contact-section .contact-form-status--error{color: #DC2626;}
.contact-section .contact-image{display: flex;align-items: stretch;height: 100%;}
.contact-section .contact-image img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}

/* ----------contact features-------- */
.contact-features-section{background: #FFFFFF;padding-top: 0;}
.contact-features-section .contact-features{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}
.contact-features-section .contact-feature-card{background: #F0F4FF;border-radius: 16px;padding: 28px 24px;height: 100%;}
.contact-features-section .contact-feature-icon{align-items: center;justify-content: center;border-radius: 12px;margin-bottom: 18px;}
/* .contact-features-section .contact-feature-icon img{width: 26px;height: 26px;} */
.contact-features-section .contact-feature-title{font-family: "Poppins", sans-serif;font-weight: 700;font-size: 20px;line-height: 28px;color: var(--text-blue);margin: 0 0 10px;}
.contact-features-section .contact-feature-text{font-family: "Poppins", sans-serif;font-weight: 500;font-size: 16px;line-height: 22px;color: #6B7280;margin: 0;}

/* ----------legal pages-------- */
.legal-page{background: #F8FAFC;}
.legal-page .legal-layout{display: grid;grid-template-columns: 309px 1fr;gap: 32px;align-items: start;}
.legal-page .legal-sidebar{position: sticky;top: 100px;background:#EFF4FF;border-radius: 16px;padding: 28px 24px;}
.legal-page .legal-sidebar-title{font-weight: 600;font-size: 24px;line-height: 32px;letter-spacing: 0px;vertical-align: middle;color: #002B82;margin: 0 0 8px;}
.legal-page .legal-sidebar-date{font-family: Inter;font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: 0px;vertical-align: middle;color: #434653;margin: 0 0 24px;}
.legal-page .legal-nav{display: flex;flex-direction: column;gap: 14px;}
.legal-page .legal-nav-link{color: #4B5563;text-decoration: none;display: flex;justify-content: start;gap:15px; transition: color 0.2s ease;font-size: 12px;font-family: Inter;font-weight: 600;line-height: 16px;letter-spacing: 0.6px;vertical-align: middle;align-items: center;}
.legal-page .legal-nav-link:hover{color: var(--primary-color);}
.legal-page .legal-nav-link img{width: 20px;height: 20px;}
.legal-page .legal-content{background: #FFFFFF;border: 1px solid #EEF4FF;border-radius: 16px;padding: 40px 44px;}
.legal-page .legal-section{margin-bottom: 40px;scroll-margin-top: 100px;}
.legal-page .legal-section:last-child{margin-bottom: 0;}
.legal-page .legal-section-title{font-family: "Poppins", sans-serif;font-weight: 700;font-size: 32px;line-height: 40px;color: var(--text-blue);margin: 0 0 16px;}
.legal-page .legal-text{font-family: "Poppins", sans-serif;font-weight: 500;font-size: 16px;line-height: 22px;color: #6B7280;margin: 0 0 16px;}
.legal-page .legal-text:last-child{margin-bottom: 0;}
.legal-page .legal-list{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 14px;}
.legal-page .legal-list li{font-family: "Poppins", sans-serif;font-weight: 500;font-size: 16px;line-height: 22px;color: #6B7280;}
.legal-page .legal-list strong{color: var(--text-blue);font-weight: 600;}
.legal-page .legal-cards{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-top: 8px;}
.legal-page .legal-card{background: #F6F9FF;border: 1px solid #EEF4FF;border-radius: 12px;padding: 20px;}
.legal-page .legal-card-title{font-family: "Poppins", sans-serif;font-weight: 700;font-size: 18px;line-height: 26px;color: var(--primary-color);margin: 0 0 8px;}
.legal-page .legal-card-text{font-family: "Poppins", sans-serif;font-weight: 500;font-size: 15px;line-height: 22px;color: #6B7280;margin: 0;}
.legal-page .legal-image-wrap{position: relative;border-radius: 14px;overflow: hidden;margin-bottom: 20px;}
.legal-page .legal-image-wrap img{width: 100%;height: auto;display: block;border-radius: 14px;}
.legal-page .legal-image-caption{position: absolute;left: 24px;bottom: 20px;font-family: "Poppins", sans-serif;font-weight: 700;font-size: 18px;line-height: 26px;color: #FFFFFF;margin: 0;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);}

/* ----------api documentation page-------- */
.api-doc-page .api-doc-sidebar-header{display: flex;align-items: flex-start;gap: 12px;margin-bottom: 24px;}
.api-doc-page .api-doc-sidebar-header img{width: 22px;height: 22px;flex-shrink: 0;}
.api-doc-page .api-doc-sidebar-title{margin: 0 0 4px;font-size: 20px;line-height: 28px;}
.api-doc-page .api-doc-version{font-family: Inter;font-weight: 400;font-size: 13px;line-height: 18px;color: #434653;margin: 0;}
.api-doc-page .api-doc-endpoints-label{font-family: Inter;font-weight: 600;font-size: 11px;line-height: 16px;letter-spacing: 0.6px;color: #94A3B8;margin: 10px 0 0;padding-top: 10px;border-top: 1px solid #DBE4FF;}
.api-doc-page .api-code{font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-size: 14px;font-weight: 600;color: var(--text-blue);background: #EFF4FF;padding: 2px 8px;border-radius: 6px;}
.api-doc-page .api-doc-bg{margin-top: 24px;border-radius: 16px;overflow: hidden;background: #D1E2FF;padding: 30px 12px 0;}
.api-doc-page .api-doc-bg img{width: 100%;height: auto;display: block;}
.api-document-butons{display: flex; justify-content: center;gap: 10px;}
.api-document-butons button{background: #2D333B;color: #FFFFFF;border-radius: 35px;font-family: Nimbus Mono PS;font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: 0px;display: flex;justify-content: space-between;align-items: center;gap: 9px;padding: 6px 21px;border: 0;}
.api-document-butons button span.get{background: #48BB78;color: #ffff;font-size: 10px;font-weight: 700;font-family: Manrope;padding: 2px 6px;border-radius: 4px;}
.api-document-butons button span.post{background: #4299E1;color: #ffff;font-size: 10px;font-weight: 700;font-family: Manrope;padding: 2px 6px;border-radius: 4px;}
.api-doc-page .api-doc-content .api-doc-main-title{font-family: "Poppins", sans-serif;font-weight: 700;font-size: 32px;line-height: 40px;color: var(--text-blue);margin: 0 0 20px;scroll-margin-top: 100px;}
.api-doc-page .api-doc-content h2.legal-section-title{margin-top: 40px;scroll-margin-top: 100px;}
.api-doc-page .api-doc-content h2.legal-section-title:first-of-type{margin-top: 0;}
.api-doc-page .api-doc-subtitle{font-family: "Poppins", sans-serif;font-weight: 600;font-size: 18px;line-height: 26px;color: var(--text-blue);margin: 20px 0 10px;}
.api-doc-page .api-doc-list li{list-style: disc;margin-left: 20px;}
.api-doc-page .api-doc-ordered-list{font-family: "Poppins", sans-serif;font-weight: 500;font-size: 16px;line-height: 22px;color: #6B7280;margin: 0 0 16px;padding-left: 24px;display: flex;flex-direction: column;gap: 8px;}
.api-doc-page .api-doc-blockquote{border-left: 4px solid var(--primary-color);background: #F6F9FF;padding: 12px 16px;margin: 16px 0;border-radius: 0 8px 8px 0;}
.api-doc-page .api-doc-blockquote .legal-text{margin-bottom: 0;}
.api-doc-page .api-doc-table-wrap{overflow-x: auto;margin: 16px 0 24px;}
.api-doc-page .api-doc-table{width: 100%;border-collapse: collapse;font-family: "Poppins", sans-serif;font-size: 14px;}
.api-doc-page .api-doc-table th,.api-doc-page .api-doc-table td{border: 1px solid #EEF4FF;padding: 10px 14px;text-align: left;}
.api-doc-page .api-doc-table th{background: #EFF4FF;color: var(--text-blue);font-weight: 600;}
.api-doc-page .api-doc-table td{color: #6B7280;}
.api-doc-page .api-doc-pre{background: #1E293B;color: #E2E8F0;border-radius: 12px;padding: 16px 20px;overflow-x: auto;margin: 16px 0 24px;font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-size: 13px;line-height: 1.6;}
.api-doc-page .api-doc-pre code{background: none;padding: 0;color: inherit;font-size: inherit;}
.api-doc-page .api-doc-mermaid{background: #FFFFFF;border: 1px solid #EEF4FF;border-radius: 12px;padding: 24px;margin: 24px 0;overflow-x: auto;}
.api-doc-page .api-doc-mermaid svg{max-width: 100%;height: auto;}
.api-doc-page .api-doc-divider{border: 0;border-top: 1px solid #EEF4FF;margin: 32px 0;}
.dashboard-page.api-doc-page{padding: 24px 32px;height: 100vh;box-sizing: border-box;overflow: hidden;display: flex;flex-direction: column;}
.api-doc-page .api-doc-layout{display: flex;flex: 1;min-height: 0;gap: 24px;align-items: stretch;}
.api-doc-page .api-doc-sidebar{width: 309px;flex-shrink: 0;position: static;top: auto;max-height: 100%;overflow-y: auto;}
.api-doc-page .api-doc-scroll-content{flex: 1;min-height: 0;overflow-y: auto;overscroll-behavior: contain;}
.api-doc-page .legal-nav-link{width: 100%;border: 0;background: none;cursor: pointer;font-family: inherit;text-align: left;padding: 8px 10px;border-radius: 8px;transition: background-color 0.2s ease, color 0.2s ease;gap: 10px;}
.api-doc-page .legal-nav-link img{width: 14px;height: 14px;}
.api-doc-page .legal-nav-link:hover{color: var(--primary-color);background: #DBE4FF;}
.api-doc-page .legal-nav-link--active{color: var(--primary-color);background: #DBE4FF;font-weight: 700;}
.api-doc-page .api-doc-section-heading{scroll-margin-top: 24px;}

/* ----------responsiveness csss start-------- */
@media (max-width: 1760px){
  .hero-visual{max-width: inherit;}
  .hero-grow-card--one{right: 20%;}
  .hero-grow-card--two{left: 19%;}
  .hero-grow-card--three{right: 28%;}
}
@media (max-width: 1366px){
  .hero-section,
  .solutions-hero{background: linear-gradient(135deg, #F7FAFE 0%, #EAF2FB 50%, #CEDEF2 100%);}
  .hero-section::before{background-image: url('./img/mobileHome.png');}
  .hero-section::before, .solutions-hero::before{content: "";position: absolute;inset: -12px;background-position: top center;background-size: inherit;filter: blur(10px);transform: scale(1.05);z-index: 0;background-repeat: no-repeat;}
  .solutions-hero::before{background-image: url('./img/solutionmobile.png');background-position: right;background-repeat: no-repeat;}
  .hero-content .pera-cs{color: #000000;}
  .hero-grow-card--one{right: 0;top: 14%;}
  .hero-grow-card--three{right: 0;bottom: 10%;}
  .solutions-hero-row .hero-content{width: 60%;}
  .solutions-hero::before{background-position: right;}
  .industries-hero::after{background-position: center;background-size: cover;}
  .industries-hero .hero-content{width: 50%;}
  .hero-content h1{font-size: 42px;}
  /* .hero-section::after,
  .solutions-hero::after{content: "";position: absolute;inset: 0;background: rgba(255, 255, 255, 0.62);z-index: 0;} */
}
@media (max-width: 991px){
  .navbar{padding-block: 12px !important;}
  .navbar > .container{position: relative;}
  .navbar .navbar-brand,
  .navbar .navbar-toggler{position: relative;z-index: 1052;}
  .navbar .navbar-collapse{position: absolute;top: calc(100% + 1px);left: 0;right: 0;z-index: 1051;background-color: #F5F8FE;padding: 16px 24px 24px;height: 100vh;overflow-y: auto;box-shadow: 0 12px 30px rgba(15, 23, 41, 0.12);border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
  .navbar .navbar-collapse.collapsing{transition: none;}
  .navbar .navbar-nav{gap: 8px;margin-bottom: 16px;}
  .navbar .navbar-nav .nav-link{padding: 12px 0;font-size: 16px;}
  .navbar .navbar-actions{flex-direction: column;align-items: stretch;width: 100%;margin-top: 8px;}
  .navbar .navbar-actions .btn-cs{width: 100%;justify-content: center;}
  .navbar .navbar-actions .navbar-auth-link{width: 100%;text-align: center;padding: 12px 0;}
  .solutions-growth-title{font-size: 34px;}
  .solutions-growth-collage{min-height: 280px;gap: 10px;}
  .footer-paragraph, .footer-email-input{max-width: 100%;}
  .partner-counters-title{font-size: 28px;}
  .partner-counter-value{font-size: 24px;}
  .partners-hero::after{width: 100%;opacity: 0.2;background-position: top center;}
  .partners-hero .hero-content{min-height: auto;}
  .solutions-hero::after{width: 100%;opacity: 0.35;}
  .solutions-hero-title{font-size: 34px;}
  .solutions-stats{grid-template-columns: 1fr;}
  .solutions-hero-visual{min-height: auto;margin-top: 24px;}
  .hero-visual-col{min-height: 320px;margin-top: 24px;justify-content: center;}
  .hero-visual{max-width: 360px;height: 280px;margin: 0 auto;}
  .hero-grow-card--one{width: 180px;}
  .hero-grow-card--two{width: 150px;}
  .hero-grow-card--three{width: 150px;right: 0;}
  .book-demo-modal{flex-direction: column;max-height: calc(100vh - 32px);overflow-y: auto;}
  .book-demo-modal .book-demo-content-wrap{flex-direction: column;}
  .book-demo-modal .book-demo-image{flex: 0 0 auto;width: 100%;max-width: 100%;max-height: 220px;padding: 20px 20px 0;}
  .book-demo-modal .book-demo-content{padding: 24px 20px 20px;}
  .book-demo-modal .book-demo-title{font-size: 26px;line-height: 34px;}
  .book-demo-modal .book-demo-form-grid{grid-template-columns: 1fr;}
  .book-demo-modal .book-demo-field--message textarea{min-height: 120px;}
  .contact-section .contact-card{padding: 32px 20px 24px;}
  .contact-section .contact-title{font-size: 26px;line-height: 34px;}
  .contact-section .contact-card-body{flex-direction: column;padding: 20px;}
  .contact-section .contact-form{width: 100%;}
  .contact-section .contact-form .book-demo-form-grid{grid-template-columns: 1fr;}
  .contact-section .contact-submit{position: static;width: 100%;left: auto;}
  .contact-section .contact-image{min-height: 260px;}
  .contact-features-section .contact-features{grid-template-columns: 1fr;}
  .legal-page .legal-layout{grid-template-columns: 1fr;}
  .legal-page .legal-sidebar{position: static;}
  .dashboard-page.api-doc-page{height: auto;min-height: 100vh;overflow: visible;padding: 20px 16px;}
  .api-doc-page .api-doc-layout{flex-direction: column;}
  .api-doc-page .api-doc-sidebar{width: 100%;max-height: none;}
  .api-doc-page .api-doc-scroll-content{max-height: none;overflow: visible;}
  .legal-page .legal-content{padding: 28px 20px;}
  .legal-page .legal-section-title{font-size: 26px;line-height: 34px;}
  .legal-page .legal-cards{grid-template-columns: 1fr;}
  .solutions-hero-row .hero-content{width: 100%;}
  .industries-hero::after{width: 100%;opacity: 0.35;}
  .industries-hero .hero-content{width: 100%;}
}
@media (max-width: 992px){
  .experience-title{font-size: 34px;}
  .scalable-architecture-section .scalable-architecture-title{font-size: 30px;margin-bottom: 32px;}
  .scalable-architecture-section .scalable-architecture-arrow{display: none;}
  .scalable-architecture-section .scalable-architecture-step-wrap{max-width: 100%;flex: 1 1 100%;justify-content: center;}
  .scalable-architecture-section .scalable-architecture-flow{gap: 16px;}
  .how-it-works-title{font-size: 30px;}
  .how-it-works-arrow{display: none;}
  .how-it-works-step-wrap{max-width: 100%;flex: 1 1 100%;}
  .how-it-works-steps{gap: 16px;}
  .cta-banner{padding: 32px 28px;}
  .cta-banner-title{font-size: 28px;}
  .cta-banner-actions{justify-content: flex-start;}
  .why-choose-title{font-size: 30px;}
  .platform-title{font-size: 34px;}
  .hero-section .hero-content{width: 100%;}
  .hero-visual-col{display: none;}
  .hero-visual{display: none;}
}
@media (min-width: 993px){
  .cta-banner-actions{justify-content: flex-end;}
}
@media (max-width: 768px){
  .global-connected-section{padding: 56px 0 64px;background-position: center;}
  .global-connected-title{font-size: 30px;}
  .global-connected-features{gap: 20px 24px;}
  .global-connected-feature{min-width: calc(50% - 12px);}
  .brands-marquee__group{gap: 40px;padding-right: 40px;}
  .brand-logo{max-height: 28px;}
  .hero-section,
  .solutions-hero{background-image: none;overflow: hidden;}
  .hero-section::before,
  .solutions-hero::before{content: "";position: absolute;inset: -12px;background-position: top center;background-size: cover;filter: blur(10px);transform: scale(1.05);z-index: 0;}
  .hero-section::before{background-image: url('./img/mobileHome.png');}
  .solutions-hero::before{background-image: url('./img/solutionmobile.png');}
  .hero-section::after,
  .solutions-hero::after{content: "";position: absolute;inset: 0;background: rgba(255, 255, 255, 0.62);z-index: 0;}
  .hero-section > .container,
  .solutions-hero > .container{position: relative;z-index: 1;}
}
@media (max-width: 575px){
  .solutions-growth-collage{grid-template-columns: 1fr;grid-template-rows: auto;min-height: 0;}
  .solutions-growth-collage__main{grid-row: auto;grid-column: 1;}
  .solutions-growth-collage__stacked{grid-column: 1;}
  .why-choose-desc{max-width: 100%;}
  .hero-visual{max-width: 300px;height: 240px;}
  .hero-grow-card--one{width: 150px;}
  .hero-grow-card--two{width: 130px;left: -4px;}
  .hero-grow-card--three{width: 130px;}
  .btn-group{display: block!important;}
  .btn-group .btn-booking{width: 100%;margin-bottom: 10px;display: block;}
  .btn-group .why-choose-cta{width: 100%;display: flex;justify-content: center;align-items: center;}
  .btn-group .btn-cs.btn-lang{width: 100%;}
  .solutions-hero .pera-cs.solutions-hero-desc{color: #ffff;}
  .industries-hero::after{content: none;}
  .industries-hero{background: #f8fafd;}
  .book-demo-modal .book-demo-image{display: none;}
  .book-demo-modal{padding: 0px!important;}
  .hero-content{height: auto;}
}
.auth-page{min-height: 100vh;height: 100vh;width: 100%;padding: 32px 40px 32px 64px;background: var(--bg-main-color);box-sizing: border-box;overflow: hidden;}
.auth-card{display: flex;align-items: stretch;width: 100%;height: 100%;background: var(--bg-main-color);overflow: hidden;}
.auth-form-panel{flex: 0 0 58%;display: flex;align-items: center;justify-content: center;padding-right: 48px;min-height: 0;}
.auth-form-inner{width: 100%;max-width: 480px;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.auth-back-link{display: inline-flex;align-items: center;gap: 8px;width: fit-content;margin-bottom: 24px;font-size: 14px;line-height: 20px;font-weight: 500;color: #6B7280;text-decoration: none;transition: color 0.2s ease;}
.auth-back-link:hover{color: var(--primary-color);}
.auth-logo{display: inline-block;width: fit-content;margin-bottom: 40px;}
.auth-logo img{width: 130px;height: auto;}
.auth-title{font-family: "Manrope", sans-serif;font-weight: 700;font-size: 40px;line-height: 48px;color: #111827;margin-bottom: 8px;}
.auth-subtitle{font-size: 16px;line-height: 24px;color: #313131;margin-bottom: 32px;}
.auth-form{display: flex;flex-direction: column;gap: 20px;}
.auth-field{position: relative;}
.auth-field input{width: 100%;padding: 16px 14px 12px;border: 1px solid #D1D5DB;border-radius: 8px;background: var(--bg-main-color);font-size: 16px;line-height: 24px;color: #111827;outline: none;transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.auth-field input:focus{border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(0, 63, 177, 0.08);}
.auth-field label{position: absolute;left: 12px;top: -10px;padding: 0 6px;background: var(--bg-main-color);font-size: 14px;line-height: 20px;color: #6B7280;pointer-events: none;}
.auth-field--password input{padding-right: 48px;}
.auth-password-toggle{position: absolute;right: 12px;top: 50%;transform: translateY(-50%);display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: 0;background: transparent;color: #9CA3AF;cursor: pointer;padding: 0;}
.auth-password-toggle:hover{color: #6B7280;}
.auth-form-options{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-top: 4px;}
.auth-checkbox{display: inline-flex;align-items: center;gap: 8px;font-size: 14px;line-height: 20px;color: #374151;cursor: pointer;margin: 0;}
.auth-checkbox input{width: 16px;height: 16px;margin: 0;accent-color: var(--primary-color);cursor: pointer;}
.auth-link{font-size: 14px;line-height: 20px;font-weight: 500;color: #E8625A;text-decoration: none;transition: color 0.2s ease;}
.auth-link:hover{color: #D14D45;}
.auth-submit{width: 100%;margin-top: 8px;padding: 14px 20px;border: 0;border-radius: 8px;background: var(--primary-color);color: var(--text-white);font-size: 16px;font-weight: 600;line-height: 24px;cursor: pointer;transition: background-color 0.2s ease, box-shadow 0.2s ease;}
.auth-signup-text{margin: 8px 0 0;font-size: 14px;line-height: 20px;text-align: center;color: #6B7280;}
.auth-signup-text__label{color: #000000;}
.auth-signup-text__link{color: #E8625A;text-decoration: none;transition: color 0.2s ease;}
.auth-signup-text__link:hover{color: #D14D45;}
.auth-submit:hover{background: #0035A0;box-shadow: 0 8px 20px -6px #003FB166;}
.auth-submit:disabled{opacity: 0.7;cursor: not-allowed;box-shadow: none;}
.auth-form-status{margin: 0;font-size: 14px;line-height: 20px;text-align: center;}
.auth-form-status--error{color: #DC2626;}
.auth-form-status--success{color: #059669;}
.auth-image-panel{flex: 0 0 42%;display: flex;align-items: stretch;min-height: 0;}
.auth-image-wrap{flex: 1;min-height: 0;border-radius: 16px;overflow: hidden;}
.auth-image-wrap img{width: 100%;height: 100%;object-fit: cover;display: block;}
@media (max-width: 991px){
  .auth-page{height: auto;min-height: 100vh;padding: 0;overflow: auto;}
  .auth-card{flex-direction: column-reverse;height: auto;min-height: 100vh;}
  .auth-form-panel{flex: none;width: 100%;padding: 32px 24px 40px;}
  .auth-form-inner{height: auto;justify-content: flex-start;}
  .auth-image-panel{flex: none;width: 100%;height: 42vh;min-height: 280px;padding: 24px 24px 0;}
  .auth-image-wrap{border-radius: 12px;}
  .auth-logo{margin-bottom: 28px;}
  .auth-title{font-size: 32px;line-height: 40px;}
}
@media (max-width: 575px){
  .auth-form-panel{padding: 24px 20px 32px;}
  .auth-form-options{flex-direction: column;align-items: flex-start;}
}

/* Dashboard */
.dashboard-layout{display: flex;min-height: 100vh;background: #F8FAFC;}
.dashboard-sidebar{position: sticky;top: 0;align-self: flex-start;display: flex;flex-direction: column;width: 240px;height: 100vh;padding: 24px 16px;background: var(--bg-main-color);border-right: 1px solid #F3F4F6;flex-shrink: 0;}
.dashboard-sidebar__logo{display: block;margin-bottom: 32px;padding: 0 8px;}
.dashboard-sidebar__logo img{display: block;width: 130px;height: auto;}
.dashboard-sidebar__nav{display: flex;flex-direction: column;gap: 4px;flex: 1;}
.dashboard-sidebar__link{display: flex;align-items: center;gap: 12px;padding: 10px 12px;border-radius: 8px;font-size: 14px;font-weight: 500;line-height: 20px;color: #6B7280;text-decoration: none;transition: background-color 0.2s ease, color 0.2s ease;}
button.dashboard-sidebar__link{width: 100%;border: 0;background: none;cursor: pointer;font-family: inherit;text-align: left;}
.dashboard-sidebar__link:hover{color: var(--primary-color);background: #F3F4F6;}
.dashboard-sidebar__link--active{color: var(--primary-color);background: #EFF6FF;}
.dashboard-sidebar__link-icon{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;}
.dashboard-sidebar__support{display: flex;align-items: flex-start;gap: 12px;margin-top: auto;padding: 16px;border-radius: 12px;background: #EFF6FF;}
.dashboard-sidebar__support-icon{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background: #DBEAFE;color: var(--primary-color);flex-shrink: 0;}
.dashboard-sidebar__support-title{margin: 0 0 2px;font-size: 13px;font-weight: 600;line-height: 18px;color: #111827;}
.dashboard-sidebar__support-link{font-size: 13px;font-weight: 500;line-height: 18px;color: var(--primary-color);text-decoration: none;}
.dashboard-sidebar__support-link:hover{text-decoration: underline;}
.dashboard-main{flex: 1;min-width: 0;overflow-x: hidden;}
.dashboard-main:has(> .api-doc-page){overflow: hidden;height: 100vh;}
.dashboard-page{padding: 28px 32px 40px;}
.dashboard-header{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 24px;}
.dashboard-header__title{margin: 0;font-family: "Manrope", sans-serif;font-weight: 700;font-size: 28px;line-height: 36px;color: #111827;}
.dashboard-header__actions{display: flex;align-items: center;gap: 12px;}
.dashboard-select{padding: 8px 32px 8px 12px;border: 1px solid #E5E7EB;border-radius: 8px;background: var(--bg-main-color);font-size: 14px;line-height: 20px;color: #374151;cursor: pointer;appearance: none;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236B7280'%3e%3cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.24 4.5a.75.75 0 01-1.08 0l-4.24-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 8px center;background-size: 16px;}
.dashboard-icon-btn{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border: 1px solid #E5E7EB;border-radius: 8px;background: var(--bg-main-color);color: #6B7280;cursor: pointer;transition: border-color 0.2s ease, color 0.2s ease;}
.dashboard-icon-btn:hover{border-color: #D1D5DB;color: #374151;}
.dashboard-stats{display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;margin-bottom: 20px;}
.dashboard-stat-card{padding: 20px;border-radius: 12px;background: var(--bg-main-color);border: 1px solid #F3F4F6;box-shadow: 0px 1px 2px 0px #0000000D;}
.dashboard-stat-card__label{margin: 0 0 8px;font-size: 14px;line-height: 20px;color: #6B7280;}
.dashboard-stat-card__row{display: flex;align-items: center;justify-content: space-between;gap: 8px;}
.dashboard-stat-card__value{margin: 0;font-family: "Manrope", sans-serif;font-weight: 700;font-size: 24px;line-height: 32px;color: #111827;}
.dashboard-trend{display: inline-flex;align-items: center;gap: 2px;font-size: 13px;font-weight: 600;line-height: 18px;color: #10B981;white-space: nowrap;}
.dashboard-grid{display: grid;gap: 16px;margin-bottom: 20px;}
.dashboard-grid--2-1{grid-template-columns: 2fr 1fr;}
.dashboard-card{padding: 20px;border-radius: 12px;background: var(--bg-main-color);border: 1px solid #F3F4F6;box-shadow: 0px 1px 2px 0px #0000000D;}
.dashboard-card--placeholder{padding: 48px 24px;text-align: center;color: #6B7280;}
.dashboard-card__title{margin: 0 0 16px;font-size: 16px;font-weight: 600;line-height: 24px;color: #111827;}
.dashboard-card__header{margin-bottom: 8px;}
.dashboard-card__metric{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;margin-top: 4px;}
.dashboard-card__metric-value{font-family: "Manrope", sans-serif;font-weight: 700;font-size: 20px;line-height: 28px;color: #111827;}
.dashboard-card__metric-sub{font-size: 13px;line-height: 18px;color: #9CA3AF;}
.dashboard-card__link{display: block;margin-top: 12px;padding: 0;border: 0;background: none;font-size: 14px;font-weight: 500;line-height: 20px;color: var(--primary-color);text-align: right;cursor: pointer;}
.dashboard-card__link:hover{text-decoration: underline;}
.dashboard-card--flush{padding: 0;overflow: hidden;border: 0;box-shadow: none;border-radius: 12px;}
.dashboard-map__image{width: 100%;height: auto;display: block;border-radius: 12px;}
.dashboard-chart__svg{width: 100%;height: auto;display: block;}
.dashboard-list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 14px;}
.dashboard-list__item{display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.dashboard-list__label{display: inline-flex;align-items: center;gap: 10px;font-size: 14px;line-height: 20px;color: #374151;}
.dashboard-list__value{font-size: 14px;font-weight: 600;line-height: 20px;color: #111827;}
.dashboard-list__flag{font-size: 18px;line-height: 1;}
.dashboard-list__plan-icon{display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 50%;background: #EFF6FF;color: var(--primary-color);flex-shrink: 0;}
.dashboard-trend--down{color: #EF4444;}
.dashboard-btn-primary{display: inline-flex;align-items: center;gap: 8px;padding: 8px 16px;border: 0;border-radius: 8px;background: var(--primary-color);font-size: 14px;font-weight: 600;line-height: 20px;color: #FFFFFF;cursor: pointer;transition: background-color 0.2s ease;}
.dashboard-btn-primary:hover{background: #0035A0;}
.dashboard-btn-outline{display: inline-flex;align-items: center;gap: 8px;padding: 8px 14px;border: 1px solid #E5E7EB;border-radius: 8px;background: var(--bg-main-color);font-size: 14px;font-weight: 500;line-height: 20px;color: #374151;cursor: pointer;transition: border-color 0.2s ease, background-color 0.2s ease;white-space: nowrap;}
.dashboard-btn-outline:hover{border-color: #D1D5DB;background: #F9FAFB;}
.dashboard-card--table{padding: 0;overflow: hidden;}
.dashboard-table-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 16px 20px;border-bottom: 1px solid #F3F4F6;flex-wrap: wrap;}
.dashboard-table-toolbar__actions{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;}
.dashboard-tabs{display: flex;align-items: center;gap: 4px;flex-wrap: wrap;}
.dashboard-tabs__item{display: inline-flex;align-items: center;gap: 6px;padding: 8px 12px;border: 0;border-radius: 6px;background: none;font-size: 14px;font-weight: 500;line-height: 20px;color: #6B7280;cursor: pointer;transition: color 0.2s ease, background-color 0.2s ease;}
.dashboard-tabs__item:hover{color: #374151;background: #F9FAFB;}
.dashboard-tabs__item--active{color: var(--primary-color);background: #EFF6FF;}
.dashboard-tabs__count{font-size: 13px;color: #9CA3AF;}
.dashboard-tabs__item--active .dashboard-tabs__count{color: var(--primary-color);opacity: 0.7;}
.dashboard-table-wrap{overflow-x: auto;}
.dashboard-table{width: 100%;border-collapse: collapse;}
.dashboard-table th{padding: 12px 20px;border-bottom: 1px solid #F3F4F6;font-size: 11px;font-weight: 600;line-height: 16px;letter-spacing: 0.05em;text-transform: uppercase;text-align: left;color: #9CA3AF;white-space: nowrap;}
.dashboard-table td{padding: 14px 20px;border-bottom: 1px solid #F3F4F6;font-size: 14px;line-height: 20px;color: #374151;vertical-align: middle;}
.dashboard-table tbody tr:last-child td{border-bottom: 0;}
.dashboard-table tbody tr:hover{background: #F9FAFB;}
.dashboard-table__customer{display: flex;align-items: center;gap: 12px;}
.dashboard-table__avatar{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;font-size: 12px;font-weight: 600;color: #374151;flex-shrink: 0;}
.dashboard-table__name{font-weight: 500;color: #111827;}
.dashboard-table__email{color: #6B7280;}
.dashboard-table__amount{font-weight: 500;color: #111827;}
.dashboard-table__date{color: #6B7280;white-space: nowrap;}
.dashboard-table__activation-code{display: flex;align-items: center;gap: 8px;min-width: 0;max-width: 320px;}
.dashboard-table__activation-code-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-size: 12px;color: #374151;}
.dashboard-table__copy-btn{flex-shrink: 0;padding: 2px 8px;border: 1px solid #E5E7EB;border-radius: 6px;background: #fff;font-size: 11px;font-weight: 500;line-height: 18px;color: #374151;cursor: pointer;transition: background-color 0.2s ease, border-color 0.2s ease;}
.dashboard-table__copy-btn:hover{background: #F9FAFB;border-color: #D1D5DB;}
.dashboard-badge{display: inline-flex;align-items: center;padding: 2px 10px;border-radius: 999px;font-size: 11px;font-weight: 600;line-height: 18px;letter-spacing: 0.03em;text-transform: uppercase;white-space: nowrap;}
.dashboard-badge--vip{background: #EFF6FF;color: #1D4ED8;}
.dashboard-badge--active{background: #ECFDF5;color: #059669;}
.dashboard-badge--expired{background: #FFF7ED;color: #EA580C;}
.dashboard-badge--inactive{background: #F3F4F6;color: #6B7280;}
.dashboard-badge--completed{background: #ECFDF5;color: #059669;}
.dashboard-badge--pending{background: #FEF9C3;color: #CA8A04;}
.dashboard-badge--canceled{background: #FEF2F2;color: #DC2626;}
.dashboard-stat-card--with-icon .dashboard-stat-card__content{display: flex;flex-direction: column;gap: 4px;}
.dashboard-stat-card__icon{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 10px;flex-shrink: 0;}
.dashboard-stat-card__icon--blue{background: #EFF6FF;color: var(--primary-color);}
.dashboard-stat-card__icon--yellow{background: #FEF9C3;color: #CA8A04;}
.dashboard-stat-card__icon--green{background: #ECFDF5;color: #059669;}
.dashboard-stat-card__icon--red{background: #FEF2F2;color: #DC2626;}
.dashboard-table-toolbar--orders{justify-content: flex-start;}
.dashboard-search{display: flex;align-items: center;gap: 10px;flex: 1;min-width: 200px;max-width: 400px;padding: 8px 12px;border: 1px solid #E5E7EB;border-radius: 8px;background: var(--bg-main-color);color: #9CA3AF;}
.dashboard-search__input{flex: 1;min-width: 0;border: 0;background: none;font-size: 14px;line-height: 20px;color: #374151;outline: none;}
.dashboard-search__input::placeholder{color: #9CA3AF;}
.dashboard-table__order-id{padding: 0;border: 0;background: none;font-size: 14px;font-weight: 500;line-height: 20px;color: var(--primary-color);cursor: pointer;}
.dashboard-table__order-id:hover{text-decoration: underline;}
.dashboard-table__actions-btn{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: 0;border-radius: 6px;background: none;color: #9CA3AF;cursor: pointer;transition: color 0.2s ease, background-color 0.2s ease;}
.dashboard-table__actions-btn:hover{color: #374151;background: #F3F4F6;}
.dashboard-table__actions{display: inline-flex;align-items: center;gap: 4px;}
.dashboard-table__actions-btn--approve:hover{color: #059669;background: #ECFDF5;}
.dashboard-table__actions-btn--reject:hover{color: #DC2626;background: #FEF2F2;}
.dashboard-badge--plan{background: #EFF6FF;color: #1D4ED8;text-transform: none;letter-spacing: normal;font-size: 12px;}
.dashboard-badge--completed{background: #ECFDF5;color: #059669;}
.dashboard-badge--pending{background: #FEF9C3;color: #A16207;}
.dashboard-badge--canceled{background: #FEE2E2;color: #DC2626;}
.dashboard-trend--neutral{color: #9CA3AF;font-weight: 500;}
.dashboard-search{display: inline-flex;align-items: center;gap: 8px;padding: 8px 12px;border: 1px solid #E5E7EB;border-radius: 8px;background: var(--bg-main-color);min-width: 220px;}
.dashboard-search svg{color: #9CA3AF;flex-shrink: 0;}
.dashboard-search input{width: 100%;border: 0;outline: none;background: transparent;font-size: 14px;line-height: 20px;color: #374151;}
.dashboard-search input::placeholder{color: #9CA3AF;}
.dashboard-card__title--inline{margin: 0;}
.dashboard-table__iccid{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-size: 13px;color: #6B7280;white-space: nowrap;}
.dashboard-table__country{display: inline-flex;align-items: center;gap: 8px;}
.dashboard-table-footer{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 16px 20px;border-top: 1px solid #F3F4F6;flex-wrap: wrap;}
.dashboard-table-footer__info{margin: 0;font-size: 14px;line-height: 20px;color: #6B7280;}
.dashboard-pagination{display: flex;align-items: center;gap: 4px;}
.dashboard-pagination__btn{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: 1px solid #E5E7EB;border-radius: 6px;background: var(--bg-main-color);color: #6B7280;cursor: pointer;transition: border-color 0.2s ease, color 0.2s ease;}
.dashboard-pagination__btn:hover{border-color: #D1D5DB;color: #374151;}
.dashboard-pagination__page{display: inline-flex;align-items: center;justify-content: center;min-width: 32px;height: 32px;padding: 0 6px;border: 1px solid #E5E7EB;border-radius: 6px;background: var(--bg-main-color);font-size: 14px;font-weight: 500;line-height: 20px;color: #374151;cursor: pointer;transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;}
.dashboard-pagination__page:hover{border-color: #D1D5DB;background: #F9FAFB;}
.dashboard-pagination__page--active{border-color: var(--primary-color);background: var(--primary-color);color: #FFFFFF;}
.dashboard-pagination__page--active:hover{border-color: var(--primary-color);background: var(--primary-color);color: #FFFFFF;}
.dashboard-pagination__ellipsis{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;font-size: 14px;color: #9CA3AF;}
@media (max-width: 1199px){
  .dashboard-stats{grid-template-columns: repeat(2, 1fr);}
  .dashboard-grid--2-1{grid-template-columns: 1fr;}
}
@media (max-width: 991px){
  .dashboard-layout{flex-direction: column;}
  .dashboard-sidebar{position: static;width: 100%;height: auto;overflow-y: visible;border-right: 0;border-bottom: 1px solid #F3F4F6;}
  .dashboard-sidebar__nav{flex-direction: row;flex-wrap: wrap;}
  .dashboard-sidebar__support{display: none;}
}
@media (max-width: 575px){
  .dashboard-page{padding: 20px 16px 32px;}
  .dashboard-stats{grid-template-columns: 1fr;}
  .dashboard-header{flex-direction: column;align-items: flex-start;}
  .dashboard-header__actions{width: 100%;justify-content: space-between;flex-wrap: wrap;}
  .dashboard-search{flex: 1;min-width: 0;}
  .dashboard-table-toolbar{flex-direction: column;align-items: stretch;}
  .dashboard-table-toolbar__actions{justify-content: flex-start;}
  .dashboard-search{max-width: none;}
  .dashboard-table-footer{flex-direction: column;align-items: flex-start;}
}

/* Settings */
.settings-page{padding-bottom: 32px;}
.settings-form{display: flex;flex-direction: column;gap: 20px;}
.settings-card{padding: 24px;}
.settings-card__title{margin: 0 0 20px;font-size: 16px;font-weight: 600;line-height: 24px;color: #111827;}
.settings-card__header{margin-bottom: 20px;}
.settings-card__subtitle{margin: 4px 0 0;font-size: 14px;line-height: 20px;color: #6B7280;}
.settings-profile{display: flex;align-items: flex-start;gap: 16px;margin-bottom: 24px;}
.settings-profile__avatar{display: inline-flex;align-items: center;justify-content: center;width: 64px;height: 64px;border-radius: 50%;background: #EFF6FF;color: var(--primary-color);font-size: 20px;font-weight: 600;line-height: 1;overflow: hidden;flex-shrink: 0;}
.settings-profile__avatar img{width: 100%;height: 100%;object-fit: cover;}
.settings-profile__name{margin: 0 0 4px;font-size: 16px;font-weight: 600;line-height: 24px;color: #111827;}
.settings-profile__meta{margin: 0 0 12px;font-size: 14px;line-height: 20px;color: #6B7280;}
.settings-profile__actions{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;}
.settings-file-input{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.settings-fields{display: grid;gap: 16px;margin-bottom: 16px;}
.settings-fields--2{grid-template-columns: repeat(2, minmax(0, 1fr));}
.settings-fields:last-child{margin-bottom: 0;}
.settings-field{display: flex;flex-direction: column;gap: 6px;}
.settings-field__input-wrap{position: relative;}
.settings-field__input-wrap input{padding-right: 48px;}
.settings-field label{font-size: 14px;line-height: 20px;color: #374151;}
.settings-field input,
.settings-field select,
.settings-field textarea{width: 100%;padding: 10px 12px;border: 1px solid #D1D5DB;border-radius: 8px;background: var(--bg-main-color);font-size: 14px;line-height: 20px;color: #111827;outline: none;transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.settings-field textarea{resize: vertical;min-height: 96px;}
.settings-field input::placeholder,
.settings-field textarea::placeholder{color: #9CA3AF;}
.settings-field input:focus,
.settings-field select:focus,
.settings-field textarea:focus{border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(0, 63, 177, 0.08);}
.settings-field input:disabled,
.settings-field select:disabled,
.settings-field textarea:disabled{background-color: #F9FAFB;color: #6B7280;cursor: default;border-color: #E5E7EB;}
.settings-field input:disabled:focus,
.settings-field select:disabled:focus,
.settings-field textarea:disabled:focus{border-color: #E5E7EB;box-shadow: none;}
.settings-field select:disabled{cursor: default;-webkit-appearance: none;appearance: none;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239CA3AF'%3e%3cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.24 4.5a.75.75 0 01-1.08 0l-4.24-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 10px center;background-size: 16px;}
.settings-card__status{margin-top: 12px;text-align: left;}
.settings-card form{display: block;}
.settings-field select{cursor: pointer;-webkit-appearance: none;appearance: none;padding-right: 36px;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236B7280'%3e%3cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.24 4.5a.75.75 0 01-1.08 0l-4.24-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 10px center;background-size: 16px;}
.settings-btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 10px 16px;border-radius: 8px;font-size: 14px;font-weight: 500;line-height: 20px;cursor: pointer;transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;}
.settings-btn:disabled{opacity: 0.5;cursor: not-allowed;}
.settings-btn--outline{border: 1px solid #D1D5DB;background: var(--bg-main-color);color: #374151;}
.settings-btn--outline:hover:not(:disabled){border-color: #9CA3AF;background: #F9FAFB;}
.settings-btn--text-danger{border: 0;background: transparent;color: #DC2626;padding: 10px 0;}
.settings-btn--text-danger:hover:not(:disabled){color: #B91C1C;}
.settings-btn--primary{border: 0;background: var(--primary-color);color: var(--text-white);}
.settings-btn--primary:hover:not(:disabled){background: #0035A0;box-shadow: 0 8px 20px -6px #003FB166;}
.settings-page .phone-input-container{position: relative;width: 100%;container-type: inline-size;}
.settings-page .phone-input-container .form-control,
.settings-page .phone-input-container .settings-phone-input{width: 100% !important;height: auto;font-family: inherit;font-size: 14px;line-height: 20px;color: #111827;background: var(--bg-main-color);border: 1px solid #D1D5DB;border-radius: 8px;padding: 10px 12px 10px 48px;outline: none;transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.settings-page .phone-input-container .form-control::placeholder{color: #9CA3AF;}
.settings-page .phone-input-container .form-control:focus{border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(0, 63, 177, 0.08);}
.settings-page .phone-input-container .form-control:disabled{background-color: #F9FAFB;color: #6B7280;cursor: default;border-color: #E5E7EB;}
.settings-page .phone-input-container .flag-dropdown{z-index: 3;}
.settings-page .phone-input-container .country-dropdown-button{background: var(--bg-main-color);border: 1px solid #D1D5DB;border-radius: 8px 0 0 8px;padding: 0 0 0 8px;}
.settings-page .phone-input-container .country-dropdown-button:hover,
.settings-page .phone-input-container .country-dropdown-button:focus{background: var(--bg-main-color);}
.settings-page .phone-input-container .country-dropdown,
.settings-page .phone-input-container .country-list{left: 0 !important;width: 300px !important;min-width: 280px;max-height: 220px;margin: 4px 0 0 !important;padding: 0;border-radius: 8px;border: 1px solid #D1D5DB;box-shadow: 0 8px 24px rgba(15, 23, 41, 0.12);font-family: inherit;font-size: 14px;z-index: 4;overflow-x: hidden;overflow-y: auto;}
@container (max-width: 300px){
  .settings-page .phone-input-container .country-dropdown,
  .settings-page .phone-input-container .country-list{width: 100cqw !important;}
}
.settings-page .phone-input-container .country-dropdown .search,
.settings-page .phone-input-container .country-list .search{display: block;padding: 10px 12px 8px;margin: 0;background-color: #fff;position: sticky;top: 0;z-index: 1;box-sizing: border-box;}
.settings-page .phone-input-container .country-dropdown .search-emoji,
.settings-page .phone-input-container .country-list .search-emoji{display: none;}
.settings-page .phone-input-container .country-dropdown .search-box,
.settings-page .phone-input-container .country-list .search-box{width: 100%;margin: 0;box-sizing: border-box;font-family: inherit;font-size: 14px;padding: 10px 12px;border: 1px solid #D1D5DB;border-radius: 8px;outline: none;background: var(--bg-main-color);color: #111827;}
.settings-page .phone-input-container .country-dropdown .search-box::placeholder,
.settings-page .phone-input-container .country-list .search-box::placeholder{color: #9CA3AF;}
.settings-page .phone-input-container .country-dropdown .search-box:focus,
.settings-page .phone-input-container .country-list .search-box:focus{border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(0, 63, 177, 0.08);}
.settings-page .phone-input-container .country-dropdown .country,
.settings-page .phone-input-container .country-list .country{display: flex;align-items: center;gap: 8px;padding: 8px 12px;white-space: nowrap;}
.settings-page .phone-input-container .country-dropdown .country .country-name,
.settings-page .phone-input-container .country-list .country .country-name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;}
.settings-page .phone-input-container .country-dropdown .country .dial-code,
.settings-page .phone-input-container .country-list .country .dial-code{flex-shrink: 0;color: #6B7280;}
.settings-page .phone-input-container .country-dropdown .country:hover,
.settings-page .phone-input-container .country-list .country:hover,
.settings-page .phone-input-container .country-dropdown .country.highlight,
.settings-page .phone-input-container .country-list .country.highlight{background-color: #F9FAFB;}
.settings-page .settings-field:has(.phone-input-container .country-list:not(.hide)),
.settings-page .settings-field:has(.phone-input-container .country-dropdown:not(.hide)){position: relative;z-index: 5;}
.settings-btn--danger{border: 0;background: #DC2626;color: #FFFFFF;}
.settings-btn--danger:hover:not(:disabled){background: #B91C1C;}
.settings-actions{display: flex;align-items: center;justify-content: flex-end;gap: 12px;padding-top: 20px;margin-top: 4px;border-top: 1px solid #F3F4F6;}
.settings-form-status{margin: 0;font-size: 14px;line-height: 20px;text-align: right;}
.settings-form-status--error{color: #DC2626;}
.settings-form-status--success{color: #059669;}
.settings-modal-overlay{position: fixed;inset: 0;z-index: 2000;display: flex;align-items: center;justify-content: center;padding: 24px;background: rgba(15, 23, 41, 0.45);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}
.settings-modal{position: relative;z-index: 1;width: 100%;max-width: 440px;padding: 24px;background: var(--bg-main-color);border-radius: 12px;box-shadow: 0 24px 60px rgba(15, 23, 41, 0.18);}
.settings-modal__header{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;margin-bottom: 8px;}
.settings-modal__title{margin: 0;font-size: 18px;font-weight: 600;line-height: 28px;color: #111827;}
.settings-modal__subtitle{margin: 0 0 20px;font-size: 14px;line-height: 20px;color: #6B7280;}
.settings-modal__close{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: 0;border-radius: 8px;background: transparent;color: #6B7280;font-size: 24px;line-height: 1;cursor: pointer;flex-shrink: 0;}
.settings-modal__close:hover{color: #111827;background: #F3F4F6;}
.settings-modal__form{display: flex;flex-direction: column;gap: 16px;}
.settings-modal__form .settings-form-status{text-align: left;margin: 0;}
.settings-modal__actions{display: flex;align-items: center;justify-content: flex-end;gap: 12px;padding-top: 4px;}
.partnership-view-modal{max-width: 640px;padding: 0;overflow: hidden;}
.partnership-view-modal__header{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;padding: 24px 24px 20px;border-bottom: 1px solid #F3F4F6;}
.partnership-view-modal__profile{display: flex;align-items: center;gap: 14px;min-width: 0;}
.partnership-view-modal__avatar{width: 48px;height: 48px;font-size: 16px;flex-shrink: 0;}
.partnership-view-modal__profile-text{min-width: 0;}
.partnership-view-modal__profile-top{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin-bottom: 4px;}
.partnership-view-modal__title{margin: 0;font-size: 18px;font-weight: 600;line-height: 28px;color: #111827;}
.partnership-view-modal__subtitle{margin: 0;font-size: 14px;line-height: 20px;color: #6B7280;word-break: break-word;}
.partnership-view-modal__body{padding: 20px 24px;max-height: min(60vh, 520px);overflow-y: auto;}
.partnership-view-modal__section + .partnership-view-modal__section{margin-top: 20px;padding-top: 20px;border-top: 1px solid #F3F4F6;}
.partnership-view-modal__section--meta{margin-top: 20px;padding-top: 16px;border-top: 1px solid #F3F4F6;}
.partnership-view-modal__section-title{margin: 0 0 12px;font-size: 13px;font-weight: 600;line-height: 20px;color: #374151;}
.partnership-view-modal__grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px 20px;}
.partnership-view-modal__field{display: flex;flex-direction: column;gap: 4px;min-width: 0;}
.partnership-view-modal__label{font-size: 12px;font-weight: 500;line-height: 16px;color: #6B7280;}
.partnership-view-modal__value{font-size: 14px;font-weight: 500;line-height: 20px;color: #111827;word-break: break-word;}
.partnership-view-modal__description{padding: 14px 16px;border: 1px solid #E5E7EB;border-radius: 10px;background: #F9FAFB;font-size: 14px;line-height: 22px;color: #374151;white-space: pre-wrap;word-break: break-word;}
.partnership-view-modal__meta{display: flex;flex-wrap: wrap;gap: 16px 24px;}
.partnership-view-modal__meta-item{display: flex;flex-direction: column;gap: 4px;}
.partnership-view-modal__loading{display: flex;align-items: center;justify-content: center;gap: 12px;padding: 32px 16px;font-size: 14px;line-height: 20px;color: #6B7280;}
.partnership-view-modal__spinner{width: 18px;height: 18px;border: 2px solid #E5E7EB;border-top-color: var(--primary-color);border-radius: 50%;animation: partnership-view-spin 0.8s linear infinite;}
.partnership-view-modal__empty{margin: 0;font-size: 14px;line-height: 20px;color: #6B7280;}
.partnership-view-modal__footer{display: flex;align-items: center;justify-content: flex-end;gap: 12px;padding: 16px 24px;border-top: 1px solid #F3F4F6;background: #FAFAFA;}
@keyframes partnership-view-spin{to{transform: rotate(360deg);}}
@media (max-width: 640px){
  .partnership-view-modal__grid{grid-template-columns: 1fr;}
  .partnership-view-modal__header,.partnership-view-modal__body,.partnership-view-modal__footer{padding-left: 16px;padding-right: 16px;}
}
@media (max-width: 767px){
  .settings-fields--2{grid-template-columns: 1fr;}
  .settings-actions{flex-direction: column-reverse;align-items: stretch;}
  .settings-actions .settings-btn{width: 100%;}
}


@media (max-width: 480px){

/* .hero-section{background: url('./img/home-banner-mobile.png') no-repeat top right !important;} */

.hero-section::before{background: url('./img/hero-sectioon-main.png') no-repeat top right;filter: none;inset: 0;}
.hero-section::after, .solutions-hero::after{background: inherit;
background: #000;opacity: .3;}
.hero-content h1{margin: 0;line-height: 50px;color: #fff;}
.hero-content .pera-cs{margin: 0;padding-block: 10px;color: #fff;}
.why-choose-cta{border-color: #fff;color: #fff;}
.why-choose-cta .img-fluid img{filter: brightness(0) invert(1);}


.hero-section .hero-content .btn-group .why-choose-cta{width: 100%;}
.cta-banner-actions .cta-btn-primary{width: 100%;}
.cta-banner-actions .cta-btn-secondary{width: 100%;} 
.how-it-works-card-content{width: 100%;}
.how-it-works-icon{margin-right: 15px;}
.how-it-works-card-text{width: 90%;}

.hero-section .gradient-text-span{color: #fff;}
.experience-section{overflow: hidden;}
.platform-section.py-50 .g-5{--bs-gutter-x: 0 !important;--bs-gutter-y: 0 !important;}
.experience-section.py-50 .row.g-5{ --bs-gutter-x: 0 !important;--bs-gutter-y: 0 !important;}

.solution-working .platform-media{width: 100%;}
.solution-working .col-lg-7.hero-content.h-auto.px-0.mt-0{padding-left: 10px !important;padding-top: 10px !important;}
.solution-working .hero-content .pera-cs{color: #000;}
.navbar-expand-lg .navbar-nav .nav-link::after{left: 0;}

}