body{
	font-family:Archivo, -apple-system, Roboto,Helvetica,sans-serif;
	background:#F4FAF9;
	color:#0E2E28;
}
header{
	padding: 30px 0px;
	    z-index: 5;
    position: relative;
}
.fs-20{
    font-size:20px;
}
.fs-24{
    font-size:24px;
}
.landing-page {
  display: flex;
  
  flex-direction: column;
  overflow: hidden;
  align-items: center;
  font-family:
    Archivo,
    -apple-system,
    Roboto,
    Helvetica,
    sans-serif;
}

/* Header/Navigation Styles */
.hero-section {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  position: relative;
  width: 100%;
  align-items: stretch;
  justify-content: space-evenly;
  margin-top: -108px;
  padding-top: 108px;
}
.hero-video-bg{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	object-fit: cover;
	z-index:1;
	pointer-events: none;
}
.hero-section .hero-content{
	z-index:4;
}
.voice-btn{
	display:flex;
	justify-content: center;
    align-items: center;
	width:106px;
	height:157px;
	background-image:url("../../assets/img/button.gif");
	background-repeat:no-repeat;
	background-position:center center;
	border-radius: 53px;
	position:relative;
	margin-top:70px;
}
.voice-btn img{
	position:relative;
	z-index:5;
}

.voice-btn::after{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:#0e2e28;
	background: #0e2e289e;
    border-radius: 63px;
	z-index:1;
}


.navbar {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}

.nav-logo {
  display: flex;
  align-items: center;
  gap: 10px;
}

.logo-main {
  width: auto;
  height: 28px;
}

.logo-text {
  height: 28px;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 20px;
}
.nav-links .other-links{
	display: flex;
  align-items: center;
  gap: 20px;
}
.nav-links .arrow-up {
	display: none;
}
.nav-link {
  font-size: 16px;
  color: #0e2e28;
  text-decoration: none;
  padding: 12px 36px;
  border-radius: 12px;
  transition: background-color 0.3s;
  background: #d9d9d966;
  position:relative;
  overflow: hidden;
}

.nav-link:hover {
  background-color: rgba(217, 217, 217, 0.3);
  color: #0e2e28;
}

.nav-link:active,.nav-link.active{
    background-color: #0f261a;
    color: #CDFA8A;
}
.nav-links>a.nav-link:before{
    content: '';
    width: 90%;
    height: 40%;
    top: 30%;
    left: 6%;
    position: absolute;
    background: #c7f780;
    z-index: -1;
    filter: blur(15px);
	opacity:0;
}
.navbar .nav .nav-links .nav-link:hover::before{
	opacity:1;
}
.demo-button {
  background-color: #cdfa8a;
  display: flex;
  align-items: center;
  gap: 9px;
  
}
.demo-button:hover,.demo-button:active,.signup-button:hover,.signup-button:active {
  background-color: #cdfa8a;
  color:#0e2e28;
  
}
.demo-button .arrow-left{
	filter: brightness(0) saturate(100%) invert(13%) sepia(23%) saturate(1200%) hue-rotate(119deg) brightness(97%) contrast(94%);
    height: 13px;
}
.signup-button {
  background-color: #cdfa8a;
  font-weight: 500;
}

.lang-menu {
  width: 80px;
  border-radius: 12px;
}

/* Hero Content Styles */
.hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
      border-bottom: 5px solid #f1f7f7;
	  margin-top: 100px;
}

.hero-title {
  color: #0e2e28;
  font-size: 64px;
  font-weight: 400;
  text-align: center;
  max-width: 970px;
}

.hero-title .highlight {
  font-weight: 600;
}

.hero-image {
  width: 106px;
  border-radius: 80px;
}

.cta-button {
  color: #0e2e28;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  margin-top: 27px;
}

.hero-description {
      color: #0e2e28;
    font-size: 16px;
    line-height: 22px;
    /* font-weight: 200; */
    text-align: center;
    width: 700px;
    padding: 0px 0px;
    margin-top: 60px;
}

.arrow-down {
	display: block;
    
	
    
}
.arrow-down.anim{
    margin: 20px auto;
    margin-top:110px;
    animation: bounce 1.5s infinite ease-in-out;
}
.arrow-right {
	transform:rotate(180deg);
}
.no-list{
	list-style:none;
}
@keyframes bounce {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(10px);
	}
}
		
.references{
	margin-top:80px;
}
.references-subtitle{
	text-align:center;
	opacity:0.6;
}
.references-logos{
	margin:50px 0px;
}
.references-logos img {
    height: 25px;
	margin:0px 30px;
}

 .references-logos {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            transition: gap 0.5s ease-in-out;
        }

        .references-logos img {
            filter: grayscale(100%);
            transition: filter 0.5s ease-in-out, transform 0.5s ease-in-out;
        }

        .references-logos:hover {
            gap: 50px;
        }

        .references-logos:hover img {
            filter: grayscale(0%);
            transform: scale(1.1);
        }

/* Features Section Styles */
.features-section {
  width: 100%;
  margin-top: 180px;
}

.features-subtitle {
  color: #8d9996;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.features-divider {
  background-color: #f4faf9;
  min-height: 46px;
  margin-top: 40px;
}

.features-intro {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
}

.intro-title {
  color: #0e2e28;
  font-size: 54px;
  font-weight: 400;
}

.intro-subtitle {
  font-size: 18px;
  line-height: 2;
  margin-top: 10px;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.feature-card {
  background-color: #fff;
  border-radius: 26px;
  padding: 30px;
  height:100%;
}
.feature-card.language{
	display:flex;
	align-items: center;
}
.feature-card.language .feature-content{
	flex:3;
}
.feature-card.language .lang-video-wrapper{
    flex:2;
	width:100%;
	position:relative;

}
.lang-video-wrapper:before {
    content: '';
    width: 50%;
    height: 5px;
    position: absolute;
    top: -5px;
    left: 25%;
    background: #c7f781;
}
.lang-video-wrapper:after {
    content: '';
    width: 50%;
    height: 5px;
    position: absolute;
    bottom: -5px;
    left: 25%;
    background: #c7f781;
}
.feature-title {
  color: #0e2e28;
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 20px;
}
.feature-card.language .feature-title{
	font-weight:700;
}
.feature-description {
  color: #0e2e28;
  font-size: 14px;
  line-height: 18px;
}
.language .feature-description {
  font-size: 20px;
  line-height: 20px;
}
.feature-icon {
  margin: 10px 0;
  width:75%;
  max-height: 108px;
  pointer-events: none;
}
.language .feature-icon {
	width: 100%;
	margin:0;
	max-height:unset;
}

max-height:unset
/* Demo Section Styles */
.demo-section {
  margin-top: 25px;
  
  width:100%;
}

.demo-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 60px 30px;
  background-color: #cfdad8;
  border-radius: 28px;
  width:100%;
  flex-direction: column;
  position:relative;
}

.demo-link,
.trial-link {
  padding: 22px 20px;
  border-radius: 8px;
  font-size: 16px;
  text-decoration: none;
  width: 400px;
        display: inline-flex;
    justify-content: space-between;
}

.demo-link {
  background-color: #fff;
  color: #0e2e28;
  margin-right:15px;
}
.demo-link .arrow-left{
	height:16px;
	filter: brightness(0) saturate(100%) invert(13%) sepia(23%) saturate(1200%) hue-rotate(119deg) brightness(97%) contrast(94%);
}
.trial-link {
  background-color: #0e2e28;
  color: #cdfa8a;
}
.trial-link .arrow-left{
	height:16px;
	filter: brightness(0) saturate(100%) invert(86%) sepia(19%) saturate(872%) hue-rotate(37deg) brightness(108%) contrast(96%);
}
.demo-info {
  text-align: center;
  margin-bottom:110px;
  position:relative;
  z-index:5;
}
.demo-links{
	position:relative;
	z-index:5;
}
.demo-title {
  color: #0e2e28;
  font-size: 54px;
  margin-bottom: 22px;
}

.demo-subtitle {
  font-size: 18px;
  line-height: 2;
}

.circle-video-bg{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	object-fit: contain;
	z-index:1;
}

/* Solutions Section Styles */
.solution-grid{
	background: radial-gradient(circle, #cdfa8a91 0%, transparent 50%);
}
.solutions-section {
  text-align: center;
  margin-top: 120px;
  width:100%;
}

.solutions-title {
  color: #0e2e28;
  font-size: 42px;
  margin-bottom: 40px;
}

.solutions-description {
  color: #000;
  font-size: 24px;
  line-height: 30px;
  max-width: 1117px;
  margin: 0 auto;
}
.solution-graphic-inner{
	margin-top:50px;
	background-color: #0e2e28;
    border-radius: 34px;
    height: 515px;
    color: #cdfa8a;
    display: flex;
    align-items: center;
    justify-content: center;
	position:relative;
}
.solution-graphic-inner:before{
	content:'';
	position:absolute;
	left:120px;
	top:40px;
	width:1px;
	height:calc(100% - 80px);
	background:#666;
}
.solution-graphic-inner:after{
	content:'';
	position:absolute;
	left:40px;
	bottom:100px;
	height:1px;
	width:calc(100% - 80px);
	background:#666;
}
.vertical-data{
	top: 40px;
    position: absolute;
    left: 120px;
	padding-left:40px;
	    color: #666;
}
.vertical-data:before {
    content: '▲';
    position: absolute;
    top: -11px;
    left: -8px;
}
.horizontal-data {
    right: 40px;
    position: absolute;
    bottom: 120px;
    padding-left: 40px;
    color: #666;
}
.horizontal-data:before {
    content: '▲';
    position: absolute;
   	top: 8px;
    right: -8px;
    rotate: 90deg;
}

.increase-rate{
	font-size: 180px;
    display: block;
    line-height: 100px;
}
.increase-rate span{
	font-size: 18px;
    display: block;
	line-height: 18px;
    margin-top: 50px;
}
.solutions-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 97px;
}

.solution-card {
  background-color: #fff;
    border-radius: 26px;
    padding: 40px 30px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
	height:100%;
}
.solution-info{
	margin-left:20px;
	text-align:left;
}
.solution-title {
  color: #0e2e28;
  font-size: 26px;
  margin-bottom: 20px;
}

.solution-description {
  color: #0e2e28;
  font-size: 22px;
  line-height: 28px;
}

.solution-graphic{
	position:relative;
}
.solution-graphic .line-img{
	position:absolute;
	width:100%;
	top:0;
	left:0;
}

/* Enterprise Section Styles */
.enterprise-section .enterprise-content {
  background-color: #d5e0de;
  border-radius: 28px;
  margin-top: 101px;
  padding: 60px 80px;
  text-align: center;
}

.enterprise-section .enterprise-title {
  color: #0e2e28;
  font-size: 42px;
}

.enterprise-section .enterprise-description {
  color: #000;
  font-size: 24px;
  line-height: 30px;
  margin-top: 40px;
}

.metrics-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 60px;
}

.metric-card {
  background-color: #0e2e28;
  border-radius: 8px;
  padding: 20px;
  color: #f4f9f8;
}

.metric-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.metric-value {
  color: #cdfa8a;
  font-size: 28px;
}

.metric-label {
  font-size: 14px;
    margin-top: 0px;
    text-align: left;
}

.metric-progress {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 19px;
}

.progress-bar {
  background-color: #F4F9F866;
  height: 12px;
  border-radius: 8px;
  flex-grow: 1;
}
.progress-bar div{
	height:100%;
	background:#fff;
}
.progress-value {
  font-size: 14px;
}

.enterprise-card {
  background-color: #fff;
    border-radius: 26px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
	height:100%;
}
.enterprise-card:hover{
	box-shadow: 0 4px 18px rgb(205 250 138), 0 -4px 18px rgb(14 46 40);
}
.enterprise-card img{
	margin-bottom:15px;
}
.enterprise-c-title {
  color: #0e2e28;
  font-size: 26px;
  margin-bottom: 10px;
}

.enterprise-c-description {
  color: #0e2e28;
  font-size: 18px;
  line-height: 24px;
}


/* FAQ Section Styles */
.faq-section {
  margin-top: 80px;
  width: 100%;
  max-width: 1404px;
}
.faq-content{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.faq-header {
  margin-bottom: 40px;
}

.faq-title {
  color: #0e2e28;
  font-size: 120px;
}

.faq-subtitle {
  font-size: 18px;
  line-height: 2;
  margin-top: 9px;
}

.faq-list {
  margin-left: 24px;
}
.faq-list .accordion-item{
    background: none;
    border: none;
}
.faq-list .accordion-item .accordion-button{
    background: none;
    padding: 20px 0px;
    color: #0e2e28;
    font-size: 20px;
    font-weight: 500;
    opacity:0.5;
}
.faq-list .accordion-item .accordion-button:not(.collapsed){
    box-shadow:none;
    opacity:1;
}
.faq-list .accordion-item .accordion-button:focus{
     box-shadow:none;
     border:none;
}
.faq-list .accordion-button::after{
  display: none;
}
.faq-list .accordion-button::before{
    flex-shrink: 8;
    display: inline-flex;
        width: 20px;
    height: 20px;
    margin: 0;
    margin-right:10px;
    
    content: "";
    background-image: url('../img/sm-arrow-left.svg');
    background-repeat: no-repeat;
        background-position: center;
    background-size: 16px;
    transition: var(--bs-accordion-btn-icon-transition);
}
.faq-list .accordion-button:not(.collapsed)::before {
    
    transform: var(--bs-accordion-btn-icon-transform);
}
.faq-list .accordion-body{
    padding: 0px 0px 0px 30px;
    font-size:18px;
}
.faq-item {
  margin-bottom: 20px;
}

.faq-question {
  color: #0e2e28;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
}

.faq-answer {
  color: #0e2e28;
  font-size: 18px;
  line-height: 2;
  margin-top: 10px;
}

.faq-cta {
  background-color: #d5e0de;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 30px 40px;
  margin-top: 29px;
  display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.cta-icon {
  width: 40px;
}

.cta-text {
  color: #cdfa8a;
  font-size: 20px;
  background-color: #0e2e28;
  padding: 19px 20px;
  border-radius: 8px;
  margin-bottom:0;
  display: flex;
    justify-content: space-between;
}

.more-questions {
  color: #0e2e28;
  font-size: 54px;
  text-align: center;
  display: block;
  margin-top: 120px;
  text-decoration: none;
}
.chat{
	margin-top:120px;
	margin-bottom:100px;
}
.chat-title {
  color: #0e2e28;
  font-size: 54px;
  margin-bottom: 20px;
  text-align:center;
}
.chat .arrow-down{
	margin:0 auto;
	margin-bottom:20px;
}
.chat .container{
	position:relative;
}
.circle-1 {
  position: absolute;
  width: 400px;
  height: 400px;
  background-color: rgba(190, 255, 130, 0.5); /* Light green with transparency */
  border-radius: 50%;
  left: -100px;
  bottom: 120px;
  z-index: 1;
}

.circle-2 {
  position: absolute;
  width: 150px;
  height: 150px;
  background-color: rgba(190, 255, 130, 0.5); /* Light green with transparency */
  border-radius: 50%;
  right: -50px;
  top: 230px;
  z-index: 1;
}
.chat-wrapper{
    background: #d6e1df66;
    padding: 40px 90px;
    border-radius: 50px;
}
.chat-img{
position:relative;
z-index:2;
}

/* Pricing Header */
        .pricing-header {
            text-align: center;
            padding: 40px 0 20px;
        }

        .pricing-header h1 {
            font-size: 64px;
    font-weight: 500;
            color: #0f261a;
            margin-bottom: 10px;
        }

        .pricing-header h2 {
            font-size: 22px;
            font-weight: 500;
            color: #0f261a;
            margin-bottom: 10px;
        }

        .pricing-note {
            font-size: 12px;
            color: #777;
            margin-bottom: 30px;
        }

        /* Pricing Table Styles */
        .pricing-container {
            margin: 0 auto;
            padding: 20px;
        }

        .pricing-plan {
            border-radius: 10px;
            margin-bottom: 20px;
            padding: 20px;
            display: flex;
            align-items: center;
            overflow: hidden;
			color:#2f423e;
        }
		.pricing-plan.package-1{
			background:#fff;
		}
		.pricing-plan.package-2{
			background:#d5dfde;
		}
		.pricing-plan.package-3{
			background:#9faba9;
		}
		
		
        .pricing-plan.pro {
            background-color:#35694e;
            color: white;
        }

        .pricing-plan.pro .plan-name {
            color: #c0e974;
        }
        .pricing-plan.premium {
            background-color: #0f261a;
            color: white;
        }

        .pricing-plan.premium .plan-name {
            color: #c0e974;
        }

        .plan-name {
            width: 150px;
            font-size: 23px;
            font-weight: 600;
            color: #0f261a;
            padding: 20px;
        }

        .pricing-details {
            display: flex;
            flex: 1;
            justify-content: space-between;
        }

        .pricing-column {
            text-align: center;
            padding: 0 10px;
        }
        .pricing-column.restrictions-col {
            width: 235px;
        }

        .column-header {
            font-size: 20px;
            font-weight: 400;
        }

        .price {
            font-size: 20px;
            font-weight: 600;
        }

        

        .plan-pro .price-unit {
            color: #ccc;
        }
		
		.plan-link{
			padding: 22px 20px;
			border-radius: 8px;
			font-size: 16px;
			text-decoration: none;
			width: 100%;
			display: inline-flex;
			justify-content: space-between;
			display:none;
		}
		
		.plan-link .arrow-left {
			height: 16px;
		}
		
		.plan-link.package-1{
			background-color: #fff;
    		color: #0e2e28;
		}
		.plan-link.package-1 .arrow-left{
			filter: brightness(0) saturate(100%) invert(13%) sepia(23%) saturate(1200%) hue-rotate(119deg) brightness(97%) contrast(94%);
		}
		
		.plan-link.package-2{
			background:#d5dfde;
    		color: #0e2e28;
		}
		.plan-link.package-2 .arrow-left{
			filter: brightness(0) saturate(100%) invert(13%) sepia(23%) saturate(1200%) hue-rotate(119deg) brightness(97%) contrast(94%);
		}
		
		.plan-link.package-3{
			background:#9faba9;
    		color: #0e2e28;
		}
		.plan-link.package-3 .arrow-left{
			filter: brightness(0) saturate(100%) invert(13%) sepia(23%) saturate(1200%) hue-rotate(119deg) brightness(97%) contrast(94%);
		}
		
		.plan-link.pro{
			background-color: #0f261a;
    		color: #c0e974;
		}
		.plan-link.pro .arrow-left{
			filter: brightness(0) saturate(100%) invert(93%) sepia(34%) saturate(658%) hue-rotate(21deg) brightness(94%) contrast(93%);
		}
		

        /* Enterprise Section */
        .enterprise-2-section {
            margin: 40px auto;
            display: flex;
            align-items: center;
            gap: 30px;
			background:#fff;
			border-radius:28px;
			padding:40px 20px;
        }

        .enterprise-2-section .enterprise-icon {
            width: 150px;
            height: 150px;
        }

        .enterprise-2-section .enterprise-content h2 {
            font-size: 54px;
            font-weight: 600;
            color: #0f261a;
            margin-bottom: 10px;
        }

        .enterprise-2-section .enterprise-description {
            font-size: 20px;
            margin-bottom: 20px;
        }

         .enterprise-contact {
            margin: 0 auto 60px;
            background-color: #D5E0DE;
            border-radius: 10px;
            padding: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

         .contact-label {
            font-size: 14px;
            color: #666;
        }
		.contact-button {
            background-color: #0f261a;
            color: #CDFA8A;
            padding: 15px 30px;
            border-radius: 8px;
            border: none;
            font-size: 16px;
			text-decoration:none;
            align-items: center;
            gap: 10px;
            cursor: pointer;
			width: 400px;
			display: inline-flex;
			justify-content: space-between;
        }
		.contact-button .arrow-left {
    		height: 16px;
    		filter: brightness(0) saturate(100%) invert(86%) sepia(19%) saturate(872%) hue-rotate(37deg) brightness(108%) contrast(96%);
		}
		
		
		/* Main form section */
        .form-container {
            margin: 40px auto;
            background-color: white;
            border-radius: 10px;
            padding: 40px;
        }

        .briefcase-icon {
            width: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 20px;
        }
		.briefcase-icon img{
			width:100%;
		}
		
		.form-container h1{
			margin-bottom:50px;
			font-size:54px;
		}

        .form-row {
            display: flex;
            gap: 20px;
        }

        .form-column {
            flex: 1;
        }

        .form-field {
            width: 100%;
            padding: 15px;
            border: none;
            background-color: #D5E0DE;
			color:#0E2E28;
            border-radius: 8px;
            margin-bottom: 15px;
            font-size: 16px;
        }

        textarea.form-field {
            resize: none;
            height: 100px;
        }

        .form-section {
            margin-top: 30px;
        }

        .form-section-title {
			color:#0E2E28;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 5px;
        }

        /* Radio buttons */
        .radio-group {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 20px;
			color: #859995;
    		font-size: 16px;
        }
		.call-count{
			flex-direction: column;
		}
        .radio-option {
            display: flex;
            align-items: center;
            margin-right: 15px;
        }

        .radio-option input {
            margin-right: 5px;
        }

        /* Dropdown */
        .dropdown {
            position: relative;
            width: 100%;
            margin-bottom: 20px;
        }

        .dropdown select {
            width: 100%;
            padding: 15px;
            border: none;
            border-radius: 8px;
            appearance: none;
            font-size: 16px;
        }

        .dropdown:after {
            content: '';
            position: absolute;
            right: 15px;
            top: calc(50% - 7px);
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #666;
            pointer-events: none;
        }

        /* Phone input */
        .phone-input {
            display: flex;
            margin-bottom: 20px;
        }

        .country-code {
            display: flex;
            align-items: center;
            padding: 0 15px;
            border-radius: 8px 0 0 8px;
        }

        .country-code img {
            width: 20px;
            margin-right: 5px;
        }

        .phone-number-input {
            flex: 1;
            padding: 15px !important;
            border: none;
            border-radius: 8px !important;
            font-size: 14px;
        }

        /* Submit button */
        .submit-button {
            background-color: #0f261a;
            color: #CDFA8A;
            padding: 15px;
            border: none;
            border-radius: 8px;
            width: 100%;
            font-size: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
        }
		.chat-link{
            background-color: #0f261a;
            color: #CDFA8A;
            padding: 15px;
            text-decoration:none;
            border-radius: 8px;
            width: 100%;
            font-size: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .back-homepage{
            background-color: #0f261a;
            color: #CDFA8A;
            padding: 15px;
            text-decoration:none;
            border-radius: 8px;
            width: 100%;
            font-size: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top:150px;
        }
		.phone-input .iti{
			display: flex;
    		width: 100%;
		}
		.phone-input .iti .iti__flag-container{
			position: relative;
			padding: 15px;
			background: #D5E0DE;
			border-radius: 8px;
			margin-right: 10px;
		}
		
		.phone-input .iti .iti__selected-flag{
			background: none;
		}
		
		/** Contact */
		.contact-page{
			margin-top:100px;
			    padding-bottom: 100px;
		}
		.contact-form{
			height: 100%;
			background: #D5E0DE;
			border-radius: 28px;
			margin-top:0px;
			padding: 30px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			
		}
		.contact-img{
			width:100%;
		}
		.contact-form h1{
			font-size:54px;
		}
		.contact-subtitle{
			font-size:20px;
		}
		.contact-form-icon{
			width: 40px;
            height: 40px;
            margin-bottom: 15px;
		}
		
		.contact-form .form-field{
			background:#fff;
		}

        .thanks-page:before{
                content: '';
                width: 25%;
                aspect-ratio: 1;
                top: 100px;
                right: 15%;
                background-image: radial-gradient(circle, #cdfa8a91 0%, transparent 70%);
                position: absolute;
                opacity: 0.8;
                z-index: -1;
            
        }
        .thanks-page:after{
            content: '';
            width: 25%;
            aspect-ratio: 1;
            bottom: 0px;
            left: 10%;
            background-image: radial-gradient(circle, #cdfa8a91 0%, transparent 70%);
            position: absolute;
            opacity: 0.8;
            z-index: -1;
        
    }
/* Footer Styles */
.footer {
  border-radius: 34px;
  margin-top: 300px;
  width: 100%;
  padding:0px 30px;
}
.footer .container-fluid{
	background-color: #0e2e28;
    border-radius: 34px;
    position: relative;
    padding: 50px 0px;
	height:450px;
}
.phone-container{
    background-image: url(../../assets/img/phone.png);
    background-size: contain;
    background-position: top left;
	padding: 90px 30px 10px;
	background-repeat: no-repeat;
}
.footer-logo{
	width: 30%;
    position: absolute;
    bottom: 0;
    aspect-ratio: 389/600;
    left: 200px;
}
.phone-lightbox .footer-logo{
    width:26%;
    left: 37%;
}
.footer-content {
  display: flex;
    justify-content: space-between;
    /* padding: 60px 80px; */
    flex-direction: column;
    align-items: flex-start;
    height: 400px;
}

.footer-contact-info .address-label,.footer-contact-info .contact-phone{
    font-size:16px;
        color: #cdfa8a;
        font-weight:600;
}
.footer-contact-info .address-value{
    font-size:14px;
        color: #fff;
        font-weight:500;
}
.footer-main {
  display: flex;
  gap: 40px;
}

.footer-nav {
  display: flex;
  gap: 60px;
  align-items: flex-start;
  width:100%;
  padding-right: 140px;
  justify-content: space-between;
}

.nav-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.nav-title {
  color: #cdfa8a;
  font-size: 24px;
  font-weight: 500;
}

.footer-link {
  color: #d5e0de;
  font-size: 16px;
  text-decoration: none;
}

.footer-bottom {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
      justify-content: space-between;
    width: 100%;
 
        padding-right: 140px;
    margin-bottom: 15px;
}
.footer-bottom img{
	filter: brightness(0) saturate(100%) invert(91%) sepia(25%) saturate(676%) hue-rotate(29deg) brightness(102%) contrast(96%);
	    margin-bottom: 20px;
}

.footer-2 ul{
	list-style:none;
	display:inline-block;
}
.footer-2 ul li{
	display:inline-block;
	margin:0px 15px;
	
}
.footer-2 ul li a{
	color:#8D9996;
	font-size:16px;
	text-decoration:none;
}
.copyright {
  color: #f4f9f8;
  font-size: 14px;
}

.contact-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.contact-icon {
  width: 100px;
}

.contact-text {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.qr-code{
	display: flex;
	flex-direction:column;
    color: #fff;
        align-items: center;
    font-size: 14px;
}
.qr-code img{
	margin-bottom:10px;
}
/* Responsive Styles */
@media (max-width: 991px) {
  .hero-section {
    max-width: 100%;
  }

  .navigation {
    max-width: 100%;
    margin-right: 10px;
  }

  .hero-title {
    font-size: 40px;
    max-width: 100%;
  }

  .hero-image {
    margin-top: 40px;
  }

  .hero-description {
    padding: 75px 20px 75px;
  }

  .features-section {
    margin-top: 40px;
  }

  .features-grid {
    grid-template-columns: 1fr;
  }

  .demo-section {
    padding: 0px;
  }

  .demo-title {
    font-size: 40px;
  }

  .solutions-grid {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .solution-card {
    padding: 40px 20px;
  }

  .enterprise-section {
    margin-top: 0px;
    padding: 0px;
  }
.enterprise-section .enterprise-content {
    
    margin-top: 60px;
	padding: 60px 30px;
    
}
.enterprise-section .enterprise-description {
    font-size: 16px;
    line-height: 22px;
}
.enterprise-card{
	position:relative;
	box-shadow: 0 4px 18px rgb(205 250 138), 0 -4px 18px rgb(14 46 40);
}

  .metrics-grid {
    grid-template-columns: 1fr;
  }

  .faq-title {
    font-size: 40px;
  }

  .footer {
    margin-top: 145%;
    padding-right: 20px;
  }

  .footer-content {
    flex-direction: column;
    padding: 40px 20px;
  }

  .footer-nav {
     width: 100%;
    gap: 40px 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    justify-content: space-evenly;
  }
  .footer-mh-logo{
		margin:0 auto;
		margin-bottom:30px; 
  }
  .landing-page{
  	overflow:visible;
  }
  .footer .container-fluid{
  	height:fit-content;
  }
  .footer .footer-content{
  	height:fit-content;
  }
}



/* Page Title */
        .page-title {
            text-align: center;
            padding: 40px 0 20px;
        }

        .page-title h1 {
            font-size: 64px;
            font-weight: 500;
            margin-bottom: 10px;
            color: #333;
        }

        .page-subtitle {
            font-size: 24px;
            color: #666;
        }

        /* Filter Section */
        .filter-section {
            margin: 30px 0;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
        }
		.filters{
			background: #8d999654;
			padding: 20px;
			border-radius: 15px;
			display: flex;
			align-items: center;
			justify-content: space-evenly;
		}
		.filter-label{
			font-size: 14px;
    		opacity: 0.6;
    		margin-right: 40px;
		}
        .filter-btn {
            padding: 18px 16px;
            background-color: #f0f0f0;
            border: none;
            width: 170px;
    		border-radius: 15px;
			margin-right:15px;
            cursor: pointer;
            font-size: 16px;
            color: #8D9996;
            transition: all 0.3s ease;
        }

        .filter-btn:hover, .filter-btn.active {
            background-color: #0f261a;
            color: #CDFA8A;
        }

        /* Results Section */
        .results-section {
            margin: 20px 0;
			padding-bottom: 100px;
        }

        .results-header {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            font-size: 14px;
            color: #666;
        }

        .results-header img {
            margin-right: 8px;
        }
        
        .results-title{
            display: flex;
            font-size: 24px;
            align-items: center;
            margin-bottom: 20px;
        }
        .results-title img{
            filter: brightness(0.4);
            rotate: 90deg;
            height: 20px;
            margin-right: 10px;
        }
        /* Case Studies */
        .case-studies {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        .case-study {
            background-color: #D5E0DE;
            border-radius: 12px;
            overflow: hidden;
            display: flex;
            padding: 20px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }

        .case-image {
            flex: 0 0 45%;
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .case-image img {
            max-width: 100%;
            border-radius: 8px;
            border: 1px solid #eee;
        }

        .case-content {
            flex: 0 0 55%;
            padding: 20px 0;
        }

        .case-title {
            font-size: 32px;
            font-weight: 600;
            margin-bottom: 15px;
            line-height: 1.3;
        }

        .case-label {
            font-size: 16px;
			font-weight:600;
            margin-bottom: 8px;
            letter-spacing: 1px;
        }

        .case-description {
            font-size: 16px;
            margin-bottom: 25px;
            line-height: 1.6;
        }

        .read-case-btn {
			text-decoration: none;
			background-color: #0f261a;
			color: #CDFA8A;
			padding: 15px;
			border: none;
			border-radius: 8px;
			width: 300px;
			font-size: 20px;
			display: flex;
			justify-content: space-between;
			align-items: center;
        }
		
/** Signup Page */	
.member-page{
			margin-top:40px;
		}
.signup-form{
			height: 100%;
			background: #D5E0DE66;
			border-radius: 28px;
			margin-top:0px;
			padding: 30px 100px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			
		}
		
		
		.signup-form .form-field{
			background:#fff;
		}
			
.testimonial-box {
            height: 100%;
			background: #D5E0DE66;
			border-radius: 28px;
			margin-top:0px;
			padding: 30px;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }
		
.terms-text {
            font-size: 12px;
            color: #777;
            margin-bottom: 25px;
        }
        
        .terms-text a {
            color: #555;
        }
        
        .signup-form .btn-register {
            background-color: #0f261a;
            color: #CDFA8A;
            padding: 15px;
            border: none;
            border-radius: 8px;
            width: 100%;
            font-size: 16px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
        }
		
		.signup-form .form-field{
			background:#D5E0DE;
		}
		
		.signup-title{
			font-size:34px;
			margin-bottom:40px;
			text-align:center;
		}
        
        .signup-form .btn-register .arrow {
            font-size: 18px;
        }
        
        .signup-form .divider {
            display: flex;
            align-items: center;
            margin: 25px 0;
            color: #999;
            font-size: 16px;
        }
        
        .signup-form .divider::before, .divider::after {
            content: "";
            flex: 1;
            border-bottom: 1px solid #ddd;
        }
        
        .signup-form .divider::before {
            margin-right: 10px;
        }
        
        .signup-form .divider::after {
            margin-left: 10px;
        }
        
        .signup-form .social-login {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-bottom: 30px;
        }
        
        .signup-form .social-btn {
            width: 70px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background-color: #D5E0DE55;
        }
        
        .signup-form .social-btn img {
            width: 40px;
            height: 40px;
        }
        
        .signup-form .login-link {
            text-align: center;
            font-size: 16px;
            color: #777;
        }
        
        .signup-form .login-link a {
            color: #0d2c22;
            font-weight: 500;
        }
        
        .signup-form .partner-logos {
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            margin-top: 30px;
        }
        
        .signup-form .partner-logo {
            height: 24px;
            opacity: 0.7;
        }
        
        .quote {
            font-size: 78px;
			line-height: 78px;
			height: 30px;
            margin-bottom: 10px;
        }
        
        .testimonial-text {
            font-size: 17px;
            color: #333;
            line-height: 1.5;
            margin-bottom: 30px;
        }
        
        .testimonial-author {
            font-weight: 600;
            color: #333;
            margin-bottom: 5px;
        }
        
        .testimonial-position {
            font-size: 14px;
            color: #777;
        }
		
/** Signup Page */	

.login-form{
			height: 100%;
			background: #D5E0DE66;
			border-radius: 28px;
			margin-top:0px;
			padding: 30px 100px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			
		}
		
		
		.login-form .form-field{
			background:#fff;
		}
			
		
		.login-form .terms-text {
            font-size: 12px;
            color: #777;
            margin-bottom: 25px;
			text-align: center;
        }
        
        .login-form .terms-text a {
            color: #555;
        }
        
        .login-form .btn-register {
            background-color: #0f261a;
            color: #CDFA8A;
            padding: 15px;
            border: none;
            border-radius: 8px;
            width: 100%;
            font-size: 16px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
        }
		
		.login-form .form-field{
			background:#fff;
			padding-left:50px;
		}
		.login-form .email-field{
			background-image:url("../../assets/img/form-icon-account.svg");
			background-repeat:no-repeat;
			background-position: 10px 15px;
		}
		
		.login-form .password-field{
			background-image:url("../../assets/img/form-icon-password.svg");
			background-repeat:no-repeat;
			background-position: 10px 15px;
		}

		.login-title{
			font-size:34px;
			margin-bottom:40px;
			text-align:center;
		}
        
        .login-form .btn-register .arrow {
            font-size: 18px;
        }
        
        .login-form .divider {
            display: flex;
            align-items: center;
            margin: 25px 0;
            color: #999;
            font-size: 16px;
        }
        
        .login-form .divider::before, .divider::after {
            content: "";
            flex: 1;
            border-bottom: 1px solid #ddd;
        }
        
        .login-form .divider::before {
            margin-right: 10px;
        }
        
        .login-form .divider::after {
            margin-left: 10px;
        }
        
        .login-form .social-login {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-bottom: 0px;
        }
        
        .login-form .social-btn {
            width: 70px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background-color: #ffffffaa;
        }
        
        .login-form .social-btn img {
            width: 40px;
            height: 40px;
        }
        
        .login-form .login-link {
            text-align: center;
            font-size: 16px;
            color: #777;
			margin-top:25px;
        }
        
        .login-form .login-link a {
            color: #0d2c22;
            font-weight: 500;
        }
        
 /** Signup Page */	

.reset-form{
			height: 100%;
			background: #D5E0DE;
			border-radius: 28px;
			margin-top:0px;
			padding: 30px 100px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			
		}
		
		
		.reset-form .form-field{
			background:#fff;
		}
			
		
		.reset-form .terms-text {
            font-size: 12px;
            color: #777;
            margin-bottom: 25px;
			text-align: center;
        }
        
        .reset-form .terms-text a {
            color: #555;
        }
        
        .reset-form .btn-register {
            background-color: #0f261a;
            color: #CDFA8A;
            padding: 15px;
            border: none;
            border-radius: 8px;
            width: 100%;
            font-size: 16px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
        }
		
		.reset-form .form-field{
			background:#fff;
			padding-left:50px;
		}
		.reset-form .email-field{
			background-image:url("../../assets/img/form-icon-account.svg");
			background-repeat:no-repeat;
			background-position: 10px 15px;
		}
		
		

		.reset-title{
			font-size:34px;
			margin-bottom:10px;
			text-align:center;
		}
        
        .reset-form .btn-register .arrow {
            font-size: 18px;
        }
        
        
        
        .reset-form .login-link {
            text-align: center;
            font-size: 16px;
            color: #777;
			margin-top:25px;
        }
        
        .reset-form .login-link a {
            color: #0d2c22;
            font-weight: 500;
        }       
        
  
  
   /* Page Title */
    	.usecase-detail{
			position:relative;
		}
		.container.usecase-detail:before {
    content: '';
    width: 88%;
    aspect-ratio: 1;
    top: 0;
    left: 15%;
    background-image: radial-gradient(circle, #cdfa8a91 0%, transparent 70%);
    position: absolute;
    opacity: 0.8;
    z-index: -1;
}
       .usecase-detail .page-title {
            text-align: center;
            margin-bottom: 0px;
            font-size: 64px;
            font-weight: 500;
        }
        
        .usecase-detail .page-subtitle {
            text-align: center;
            font-size: 16px;
            color: #9FABA9;
            margin-bottom: 2rem;
        }
        
        /* Use Case Hero */
        .usecase-detail .use-case-title {
            text-align: center;
            margin: 1.5rem 0;
            font-size: 32px;
            font-weight: 600;
        }
        
        .usecase-detail .dashboard-preview {
            background-color: #D5E0DE33;
            border-radius: 8px;
            padding: 1rem;
            margin-bottom: 2rem;
            text-align: center;
        }
        
        .usecase-detail .dashboard-preview img {
            width: 100%;
            border-radius: 4px;
        }
        .usecase-detail .dashboard-preview iframe{
            aspect-ratio:16/9;
        }
        /* Business Challenge Section */
        .usecase-detail .section {
            background-color: #D5E0DE33;
            border-radius: 8px;
            padding: 1.5rem;
            margin-bottom: 2rem;
			display: flex;

        }
        .section.style-2 {
    		display: block;
			background:none;
			padding-left: 110px;
		}
        .usecase-detail .section-icon {
            width: 55px;
            height: 55px;
			margin-right:25px;
			aspect-ratio: 1;
            background-color: #CDFA8A;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
            color: var(--secondary-color);
            font-size: 4.5rem;
			    line-height: 0;
            font-weight: 400;
        }
        .usecase-detail .section-icon img{
			width:55px;
		}
        .usecase-detail .section-title {
            font-size: 1.6rem;
            font-weight: 600;
            margin-bottom: 0.8rem;
        }
		
		.usecase-detail .section-content h4 {
            font-size: 1.3rem;
			    margin-top: 50px;

        }
        
       .usecase-detail .section-desc {
            color: var(--gray-text);
            margin-bottom: 1rem;
        }
        
        .usecase-detail ul.challenge-list {
            list-style-position: inside;
            margin-left: 1rem;
        }
        
        .usecase-detail ul.challenge-list li {
            margin-bottom: 0.8rem;
            position: relative;
        }
        
        .usecase-detail ul.challenge-list li strong {
            font-weight: 600;
        }
        
        /* Solution Section */
        .usecase-detail .feature-list {
            margin-top: 1.5rem;
        }
        
        .usecase-detail .feature-item {
            display: flex;
            margin-bottom: 1.2rem;
                align-items: center;
        }
        
        .usecase-detail .feature-icon {
            width: 24px;
            height: 24px;
            background: #000;
    		display: block;
    		text-align: center;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 1rem;
                color: #CDFA8A;
            flex-shrink: 0;
        }
        
        .usecase-detail .feature-content {
            flex: 1;
        }
        
        .usecase-detail .feature-title {
            font-weight: 600;
            margin-bottom: 0.3rem;
            font-size: 1rem;
        }
        
        .feature-desc {
            color: var(--gray-text);
            font-size: 0.95rem;
            margin-bottom:0px;
        }
        
        /* KPI Results Section */
       .usecase-detail .results-list {
            margin-top: 1.5rem;
        }
        
        .usecase-detail .result-item {
            display: flex;
            margin-bottom: 1.2rem;
        }
        
        .usecase-detail .result-icon {
            width: 24px;
            height: 24px;
            background: #000;
    		display: block;
    		text-align: center;
            border-radius: 50%;
            
            margin-right: 1rem;
            color: #CDFA8A;
			transform: rotate(45deg);
            flex-shrink: 0;
			    font-size: 25px;
    line-height: 19px;
        }
        
       .usecase-detail .result-content {
            flex: 1;
        }
        
       .usecase-detail .result-title {
            font-weight: 600;
            margin-bottom: 0.3rem;
            font-size: 1rem;
        }
        
        .result-desc {
            color: var(--gray-text);

            font-size: 0.95rem;
        }
        
        /* Implementation Section */
        .usecase-detail .implementation-desc {
            margin-bottom: 1.5rem;
        }
        
        /* CTA Section */
        .usecase-detail .cta-section {
            background-color: #D5E0DE;
            border-radius: 8px;
            padding: 2.5rem;
            margin-bottom: 2rem;
            text-align: center;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        
       .usecase-detail .cta-title {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 0.8rem;
            color: var(--primary-color);
        }
        
        .usecase-detail .cta-subtitle {
            font-size: 1.2rem;
            margin-bottom: 2rem;
            color: var(--primary-color);
            font-weight: 600;
        }
        
        .usecase-detail .cta-form {
            display: flex;
            max-width: 500px;
            margin: 0 auto;
            gap: 1rem;
            margin-bottom: 1rem;
        }
		
		.usecase-detail .cta-form button{
            background-color: #0f261a;
    		color: #CDFA8A;
			border:none;
        }
        
        .usecase-detail .cta-input {
            flex: 1;
            padding: 0.8rem 1rem;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 0.95rem;
        }
		
		.usecase-detail .demo-subtitle{
			font-size:34px;
		}
		
		.usecase-detail .navigation-controls {
            display: flex;
            justify-content: space-between;
            margin-bottom: 1rem;
			position:absolute;
			width:100%;
			top:50px;
        }
        
        .usecase-detail .nav-btn {
            padding: 15px;
			border-radius: 8px;
			border: none;
			font-size: 16px;
			align-items: center;
			    width: 150px;
			cursor: pointer;
			display: inline-flex;
			justify-content: space-between;
			    background: #f0f0f0;
			    text-decoration: none;
			    color:#333;
        }
        
        .usecase-detail .nav-btn.next{
                background-color: #0f261a;
    			color: #CDFA8A;
        }
		.usecase-detail .nav-btn.back img{
			filter: brightness(0) saturate(100%) invert(12%) sepia(9%) saturate(3331%) hue-rotate(120deg) brightness(96%) contrast(91%);
		}
		
		.page-detail ol li strong{
			display:block;
			margin-bottom:10px;
		}
		.page-detail>ol>li{
			display:block;
			margin-bottom:15px;
		}
		.page-detail ul li{
			list-style:disc;
		}
		.phone{
			position: relative;
    		width: 100%;
   		 	height: 100%;
		}
		.phone-title{
			font-size: 31px;
			line-height: 38px;
			text-align: center;
			margin-bottom: 25px;
		}
		.phone-text{
			        width: 100%;
				padding: 10px 15px;
				height: 68px;
				  background-color: #0f2e29; /* Koyu yeşil arkaplan */
				  border-radius: 15px; /* Genel yuvarlatma */
				  position: relative;
				color: #fff;
    			font-size: 15px;
    			line-height: 17px;
		}
		.phone-form{
			margin-top:25px;
			padding:15px 10px;
			border-radius:15px;
			background-color:#D5E0DE;
			text-align:center;
		}
		.phone-form .iti{
		    display:block;
		    margin-bottom:20px;
		}
		.phone-form .iti .iti__selected-flag, .phone-form .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
		    background:none;
		}
		.phone-form input{
			display:block;
			width:100%;
			padding:10px;
			border-radius:8px;
			border:none;
			background:#ffffff99;
		}
		.phone-form button{
			background-color: #0e2e28;
    		color: #cdfa8a;
			padding:10px 25px;
			border-radius:8px;
			border:none;
			display:inline-block;
			
		}
		.phone-form button img{
			height: 22px;
			display: inline-block;
			width: auto;
			margin-left: 10px;
		}
		
		
		.phone-text:after{
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
	  left: -10px;
		right: auto;
	  top: 0px;
		bottom: auto;
		border: 13px solid;
		border-color: #0f2e29 transparent transparent transparent;
}

.overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.7);
            display: none;
            z-index: 1000;
            align-items: flex-end; /* Align to bottom */
        }

.phone-lightbox {
    width: 100%;
    height:100%;
    border-radius: 28px 28px 0 0; 
    overflow: hidden;
    box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.3);
    position: relative;
    margin: 0 auto;
    transform: translateY(100%); 
    transition: transform 0.4s ease-out;
}


.overlay.active .phone-lightbox {
    transform: translateY(0); 
}
.close-button {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 44px;
    height: 44px;
    background-color: #0a4b3e;
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: white;
    font-size: 24px;
}

 /* Language dropdown container */
        .language-dropdown {
            position: relative;
            display: inline-block;
			
        }

        /* Main button styling */
        .dropdown-button {
            display: flex;
            align-items: center;
            padding: 14px 8px;
            background-color: #D5E0DE;
            border-radius: 12px;
            border: 1px solid #ddd;
            font-size: 12px;
            cursor: pointer;
            user-select: none;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        }

        .dropdown-button:hover {
            background-color: #e8e8e8;
        }

        /* Flag styling */
        .flag {
            width: 18px;
            height: 10px;
            margin-right: 6px;
            background-size: cover;
            background-position: center;
        }

        .flag-uk {

            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCAzMCIgd2lkdGg9IjEwMDAiIGhlaWdodD0iNjAwIj4KCTxjbGlwUGF0aCBpZD0idCI+CgkJPHBhdGggZD0iTTI1LDE1aDI1djE1enYxNWgtMjV6aC0yNXYtMTV6di0xNWgyNXoiLz4KCTwvY2xpcFBhdGg+Cgk8cGF0aCBkPSJNMCwwdjMwaDUwdi0zMHoiIGZpbGw9IiMwMTIxNjkiLz4KCTxwYXRoIGQ9Ik0wLDAgNTAsMzBNNTAsMCAwLDMwIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIvPgoJPHBhdGggZD0iTTAsMCA1MCwzME01MCwwIDAsMzAiIGNsaXAtcGF0aD0idXJsKCN0KSIgc3Ryb2tlPSIjQzgxMDJFIiBzdHJva2Utd2lkdGg9IjQiLz4KCTxwYXRoIGQ9Ik0tMSAxMWgyMnYtMTJoOHYxMmgyMnY4aC0yMnYxMmgtOHYtMTJoLTIyeiIgZmlsbD0iI0M4MTAyRSIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+');

        }
		
		.flag-us {

              background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODAiIGhlaWdodD0iMTAwIiByYXRpbz0iMSI+PHJlY3Qgd2lkdGg9IjE4MCIgaGVpZ2h0PSIxMDAiIGZpbGw9IndoaXRlIi8+PHJlY3Qgd2lkdGg9IjE4MCIgaGVpZ2h0PSI3LjciIHk9IjAiIGZpbGw9IiNiMjIyMzQiLz48cmVjdCB3aWR0aD0iMTgwIiBoZWlnaHQ9IjcuNyIgeT0iMTUuNCIgZmlsbD0iI2IyMjIzNCIvPjxyZWN0IHdpZHRoPSIxODAiIGhlaWdodD0iNy43IiB5PSIzMC44IiBmaWxsPSIjYjIyMjM0Ii8+PHJlY3Qgd2lkdGg9IjE4MCIgaGVpZ2h0PSI3LjciIHk9IjQ2LjIiIGZpbGw9IiNiMjIyMzQiLz48cmVjdCB3aWR0aD0iMTgwIiBoZWlnaHQ9IjcuNyIgeT0iNjEuNiIgZmlsbD0iI2IyMjIzNCIvPjxyZWN0IHdpZHRoPSIxODAiIGhlaWdodD0iNy43IiB5PSI3NyIgZmlsbD0iI2IyMjIzNCIvPjxyZWN0IHdpZHRoPSI3NiIgaGVpZ2h0PSI1MyIgeD0iMCIgeT0iMCIgZmlsbD0iIzNjM2I2ZSIvPjxjaXJjbGUgY3g9IjcuNSIgY3k9IjcuNSIgcj0iMiIgZmlsbD0id2hpdGUiLz48Y2lyY2xlIGN4PSIxOC41IiBjeT0iNy41IiByPSIyIiBmaWxsPSJ3aGl0ZSIvPjxjaXJjbGUgY3g9IjI5LjUiIGN5PSI3LjUiIHI9IjIiIGZpbGw9IndoaXRlIi8+PGNpcmNsZSBjeD0iNDAuNSIgY3k9IjcuNSIgcj0iMiIgZmlsbD0id2hpdGUiLz48Y2lyY2xlIGN4PSI1MS41IiBjeT0iNy41IiByPSIyIiBmaWxsPSJ3aGl0ZSIvPjxjaXJjbGUgY3g9IjYyLjUiIGN5PSI3LjUiIHI9IjIiIGZpbGw9IndoaXRlIi8+PC9zdmc+");


        }



        .flag-tr {

            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDgwMCI+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iODAwIiBmaWxsPSIjRTMwQTFDIi8+PGNpcmNsZSBjeD0iNDI1IiBjeT0iNDAwIiByPSIyMDAiIGZpbGw9IiNmZmZmZmYiLz48Y2lyY2xlIGN4PSI0NzUiIGN5PSI0MDAiIHI9IjE2MCIgZmlsbD0iI0UzMEExQyIvPjxwb2x5Z29uIHBvaW50cz0iNTgzLjMzNCwzOTkuOTk5IDYyNS4wMDAsMzUwLjAwMSA2NDcuNTAwLDQwNy4wMDEgNTk0LjE2Nyw0NDEuNjY2IDY0Ny41MDAsNDc2LjMzNCA2MjUuMDAwLDUzMy4zMzQgNTgzLjMzNCw0ODMuMzM0IDU0MS42NjUsNTMzLjMzNCA1MTkuMTY2LDQ3Ni4zMzQgNTcyLjUwMCw0NDEuNjY2IDUxOS4xNjYsNDA3LjAwMSA1NDEuNjY1LDM1MC4wMDEiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=');

        }



        .flag-de {

            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDYwMCI+PHJlY3QgIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjIwMCIgeT0iMCIgZmlsbD0iIzAwMDAwMCIvPjxyZWN0ICB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIyMDAiIHk9IjIwMCIgZmlsbD0iI0ZGMDAwMCIvPjxyZWN0ICB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIyMDAiIHk9IjQwMCIgZmlsbD0iI0ZGRDcwMCIvPjwvc3ZnPg==');

        }



        .flag-fr {

            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDYwMCI+PHJlY3Qgd2lkdGg9IjQwMCIgaGVpZ2h0PSI2MDAiIHg9IjAiIHk9IjAiIGZpbGw9IiMwMDI2NTUiLz48cmVjdCB3aWR0aD0iNDAwIiBoZWlnaHQ9IjYwMCIgeD0iNDAwIiB5PSIwIiBmaWxsPSIjRkZGRkZGIi8+PHJlY3Qgd2lkdGg9IjQwMCIgaGVpZ2h0PSI2MDAiIHg9IjgwMCIgeT0iMCIgZmlsbD0iI0VGNDM1NSIvPjwvc3ZnPg==');

        }



        .flag-it {

            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHZpZXdCb3g9IjAgMCA5MC43NyA2My4xNSI+PGcgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBmaWxsPSIjMDA5MjQ2IiBkPSJNMjkuNDcgMHY2My4xNUg0Ljk5QzIuMjQgNjMuMTUgMCA2MC45IDAgNTguMTZWNC45OUMwIDIuMjQgMi4yNCAwIDQuOTkgMGgyNC40OHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNjEuMzEgMHY2My4xNUgyOS40N1YweiIvPjxwYXRoIGZpbGw9IiNDRTJCMzciIGQ9Ik02MS4zMSA2My4xNVYwaDI0LjQ4YzIuNzQgMCA0Ljk4IDIuMjQgNC45OCA0Ljk5djUzLjE3YzAgMi43NC0yLjI0IDQuOTktNC45OCA0Ljk5SDYxLjMxeiIvPjwvZz48L3N2Zz4=');

        }
		
		.flag-es{
			background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDE4MCAxMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjE4MCIgaGVpZ2h0PSIxMjAiIGZpbGw9IiNhYTE1MWIiLz48cmVjdCB5PSI0MCIgd2lkdGg9IjE4MCIgaGVpZ2h0PSI0MCIgZmlsbD0iI2ZmZmYwMCIvPjwvc3ZnPg==");
		}
        /* Language code styling */
        .language-code {
            margin-right: 4px;
        }

        /* Arrow styling */
        .arrow {
            margin-left: 6px;
            border-style: solid;
            border-width: 5px 5px 0 5px;
            border-color: #666 transparent transparent transparent;
            display: inline-block;
        }

        /* Dropdown content - hidden by default */
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 120px;
			left: -36px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1000;
            border-radius: 4px;
            margin-top: 2px;
        }

        .language-dropdown.show .dropdown-content{
			display:block;
		}

        /* Language option styling */
        .language-option {
            padding: 8px 12px;
            display: flex;
            align-items: center;
            cursor: pointer;
			text-decoration:none;
			color:#0E2E28;
        }

        .language-option:hover {
            background-color: #f1f1f1;
        }

        .language-option:first-child {
            border-radius: 4px 4px 0 0;
        }

        .language-option:last-child {
            border-radius: 0 0 4px 4px;
        }