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;

        }