@import url('reset.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

body{
	font-family: 'Poppins', sans-serif;
	overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Poppins', sans-serif;
}

h1{
	line-height: 120%;
	font-size: 52px;
	font-weight: 600;
}

.section{
	overflow: hidden!important;
}

.container {
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
}

.header{
	position: fixed;
	width: 100%;
	top: 0;
	transition: 0.3s all;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	z-index: 100;
}

.header.active{
	box-shadow: 0 0px 20px 2px rgba(0, 0, 0, 0.05);
	background-color: white;
}

.header.active .navbar-nav > .nav-item > .nav-link{
	padding: 20px 13px;
}

.header .logo{
	height: 45px;
}

.header .logo img{
	height: 100%;
}

.header .navbar-nav > .nav-item > .nav-link{
	padding: 40px 17px;
	text-transform: uppercase;
	color: #000c30;
	font-size: 16px;
	transition: 0.3s all;
}

.header .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.header .dropdown:hover .dropdown-menu a{
}

.login{
	margin-top: 130px;
	background-size: cover;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}

.blogs{
	margin-top: 130px;
	border-radius: 40px;
	background-size: cover;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}

.banner{
	margin-top: 150px;
	border-radius: 40px;
	background-size: cover;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}

.banner .content{
	text-align: center;
	max-width: 1024px;
	padding: 0 30px;
}

.banner .socials{
	text-align: center;
	background-color: #fff;	
	position: absolute;
	padding: 20px 60px 0;
	border-radius: 70px 70px 0 0;
	bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

.banner .socials ul{
	list-style: none;
	margin: auto;
	padding: 0;

}

.banner .socials ul li{
	margin: 0 10px;
	display: inline-block;
}

.banner .socials ul li img{
	width: 80px;
	height: 80px;
}

@media (max-width: 768px) {
	h1{
		font-size: 30px;
	}

	.container {
	  	padding-right: 25px;
	  	padding-left: 25px;
	  }

	.header{
		box-shadow: 0 0px 20px 2px rgba(0, 0, 0, 0.05);
		background-color: white;
	}
	.header .navbar-nav{
		margin-top: 40px;
	}
	.header .navbar-nav > .nav-item > .nav-link{
		padding: 15px 13px!important;
	}
	.nav-btn-login .btn{
		width: 100%;
		margin-top: 15px;
	}
	.headline{
		text-align: center;
		padding: 0 40px;
	}

	.features .headline{
		margin-bottom: 70px;
	}

    .title{
    	font-size: 40px!important;
    }

    .pricing .pricing-feature-name{
		display: block!important;
	}

	.pricing .pricing-feature-icon{
		width: auto!important;
	}

	.pricing .pricing-feature-head{
		opacity: 1!important;
	}
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(62, 100, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}


.circles li:nth-child(11){
    left: 30%;
    width: 40px;
    height: 40px;
    animation-delay: 2s;
    animation-duration: 12s;
    background: rgba(1, 210, 142, 0.2);
}

.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
    background: rgba(1, 210, 142, 0.2);
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 12s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 45%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
    background: rgba(255, 72, 147, 0.2);
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
    background: rgba(255, 72, 147, 0.2);
}

.circles li:nth-child(12){
    left: 20%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
    animation-duration: 8s;
    background: rgba(255, 72, 147, 0.2);
}

.circles li:nth-child(13){
    left: 60%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 7s;
    background: rgba(255, 72, 147, 0.2);
}

/* Keep the existing floating paths and square dimensions, but show communication images. */
.circles li{
    background: transparent !important;
}

.circles li img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        border-radius: 50%;
    }

}

.text-primary{
	color: #007bff;
}


.title{
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    color: #007bff;
    font-size: 70px;
    line-height: 1.2;
    letter-spacing: -3px;
}

.desc{
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	max-width: 700px;
	margin: auto;
}

/*Features*/

.feature-marque{
	width: 100%;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}

.core-feature .item{
	background-color: rgba(255, 255, 255, 0.2);
}


/*Rating*/
.rating{
	position: relative;
}

.rating .rating-bottom{
	height: 200px;
	position: absolute;
    bottom: 0;
    z-index: 1000;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
}

/*Pricing*/
.pricing .featured{
	top: 0px;
	padding: 7px 0;
	border-radius: 30px 30px 0 0;
	text-align: center;
}

.pricing .pricing-feature-name{
	display: none;
}

.pricing .pricing-feature-icon{
	width: 100%;
	text-align: center;
  color: rgba(7, 94, 84, .72) !important;
}

.pricing .pricing-feature-icon i{
	position: relative;
	top: -7px;
}

.pricing .pricing-feature-head{
	opacity: 0;
}

/*Footer*/
.footer{
	position: relative;
	background-color: var(--sp-text-gray-100);
}

.footer .footer-bg{
	position: absolute;
	width: 100%;
	height: 450px;
	top: -450px;
	background-image: url("../img/wave.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.scroll-top{
	position: fixed;
	bottom: 40px;
	right: 40px;
}

.scroll-top .icon .hover{
	background-color: rgba(255, 255, 255, 0.5);
}

.scroll-top .icon:hover .hover{
  border-style: dashed!important;
  border-width: 2px!important;
}

.scroll-top .hover:hover{
  border-style: dashed!important;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.moveup {
  animation: MoveUpDown 1.2s linear infinite;
  position: absolute;
  bottom: 0;
}

@keyframes MoveUpDown {
  0%, 100% {
    bottom: 9px;
  }
  50% {
    bottom: 16px;
  }
}

.bg-login-page{
	background-image: url("../img/login.jpg");
	background-size: cover;
	border-radius: 0 20px 20px 0;
}

.bg-cover{
	background-size: cover;
}

/*
* pagination
*/
.paginationjs .paginationjs-pages li{
  	border: 1px solid #efefef;
}

.paginationjs .paginationjs-pages li:last-child{
  	border-right: 1px solid #efefef;
}
	
.paginationjs .paginationjs-pages li>a{
  height: auto;
  	padding: 4px 16px;
}

.paginationjs .paginationjs-pages li.active>a {
  	height: auto;
    background: #212529;
    border-left: none;
    border-right: none;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 3px 16px;
}


.form-switch.form-switch-pricing{
  margin-top: 40px;
}

.form-switch.form-switch-pricing .form-check-input{
	margin: 0 15px 0 15px;
	position: relative;
	padding: 20px 40px;
  	margin-top: 0;
}

.form-switch.form-switch-pricing .form-check-label{
  font-size: 18px;
}

.form-switch.form-switch-pricing .form-check-input{
 background-color: #ffd600;
  /* border-color: #0d6efd; */
}

.form-switch.form-switch-pricing .form-check-input[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

/* Launch offer panel */
.launch-offer-card{
	position: relative;
	overflow: hidden;
	max-width: 920px;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #dcefe6;
	border-radius: 28px;
	background: #f8fcfa;
	box-shadow: 0 16px 36px rgba(7, 94, 84, .12);
	transition: transform .3s ease, box-shadow .3s ease;
}

.launch-offer-banner{
	position: relative;
	overflow: hidden;
	isolation: isolate;
	display: grid;
	grid-template-columns: auto auto 1fr;
	align-items: center;
	gap: 10px;
	padding: 20px 28px 14px;
	border-radius: 20px;
	background: linear-gradient(135deg, #0A4A2E 0%, #0A7A45 50%, #1F4A33 100%);
	color: #fff !important;
	font-size: 25px;
	font-weight: 700;
	text-decoration: none !important;
	transition: transform .3s ease, box-shadow .3s ease;
}

.launch-offer-card::before{
	position: absolute;
	top: -70%;
	left: -55%;
	width: 35%;
	height: 240%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent);
	content: "";
	transform: rotate(23deg) translateX(-180%);
	transition: transform .7s ease;
	pointer-events: none;
}

.launch-offer-card:hover{ transform: translateY(-4px); box-shadow: 0 22px 48px rgba(7, 94, 84, .22); }
.launch-offer-banner::after{
	position: absolute;
	top: -40%;
	left: -65%;
	width: 42%;
	height: 190%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
	content: "";
	transform: skewX(-22deg) translateX(-120%);
	transition: transform .75s ease;
	pointer-events: none;
	z-index: 2;
}

.launch-offer-card:hover::before{ transform: rotate(23deg) translateX(750%); }
.launch-offer-card:hover .launch-offer-banner::after{ transform: skewX(-22deg) translateX(500%); }
.launch-offer-banner:hover{ color: #fff !important; transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.45); }
.launch-offer-banner > *{ position: relative; z-index: 3; }
.launch-offer-discount{ font-family: Georgia, serif; font-style: italic; font-weight: 500; }
.launch-offer-banner i{ justify-self: end; }
.launch-offer-banner small{ grid-column: 1 / -1; text-align: center; color: #d7f4e5; font-size: 15px; }

.launch-offer-details{ padding: 10px 26px 16px; }
.launch-offer-countdown{ display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.launch-offer-label{ color: #075e54; font-size: 15px; font-weight: 700; letter-spacing: 1px; }
.launch-offer-label i{ color: #25d366; font-size: 12px; }
.launch-time{ display: inline-flex; align-items: center; gap: 6px; }
.launch-time b{ min-width: 42px; padding: 7px 8px; border-radius: 7px; background: #101917; color: #fff; font-size: 18px; text-align: center; }
.launch-time em{ color: #36574f; font-size: 12px; font-style: normal; font-weight: 700; letter-spacing: .7px; }

.launch-offer-price-row{ display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 22px; }
.launch-offer-price{ color: #173e35; font-size: 20px; }
.launch-offer-price span{ font-size: 48px; font-weight: 800; line-height: 1; }
.launch-offer-regular{ color: #7c8c87; font-size: 18px; }
.launch-offer-cta{ margin-left: auto; padding: 11px 20px; border-radius: 9px; background: linear-gradient(135deg, #0A4A2E 0%, #0A7A45 50%, #1F4A33 100%); color: #fff !important; font-size: 14px; font-weight: 800; letter-spacing: 1px; text-decoration: none !important; text-transform: uppercase; }

@media (max-width: 767px){
	.launch-offer{ padding-left: 15px; padding-right: 15px; }
	.launch-offer-card{ padding: 7px; border-radius: 20px; }
	.launch-offer-banner{ grid-template-columns: 1fr auto; padding: 17px 18px 12px; border-radius: 14px; font-size: 20px; }
	.launch-offer-discount{ grid-column: 1; }
	.launch-offer-banner i{ grid-column: 2; grid-row: 1 / span 2; }
	.launch-offer-banner small{ font-size: 13px; }
	.launch-offer-details{ padding: 14px 12px 14px; }
	.launch-offer-countdown{ gap: 7px; }
	.launch-offer-label{ width: 100%; margin-bottom: 3px; }
	.launch-time{ gap: 4px; }
	.launch-time b{ min-width: 37px; padding: 6px 5px; font-size: 16px; }
	.launch-time em{ font-size: 10px; }
	.launch-offer-price-row{ gap: 8px; margin-top: 18px; }
	.launch-offer-price{ font-size: 15px; }
	.launch-offer-price span{ font-size: 34px; }
	.launch-offer-regular{ font-size: 14px; }
	.launch-offer-cta{ width: 100%; margin-top: 6px; text-align: center; }
}

/* Interactive WhatsApp template showcase */
.interactive-templates{ padding: 25px 0 25px; background: #f4faf7; overflow: hidden; }
.interactive-templates-heading{ max-width: 760px; margin: 0 auto 48px; text-align: center; }
.interactive-templates-eyebrow{ display: inline-block; margin-bottom: 18px; padding: 7px 16px; border: 1px solid #b8d9c9; border-radius: 50px; background: #eaf5ef; color: #0a4a2e; font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.interactive-templates-heading h2{ margin: 0; color: #173e35; font-size: clamp(38px, 5vw, 62px); font-weight: 800; letter-spacing: -2.4px; line-height: 1.04; }
.interactive-templates-heading h2 em{ color: #1f4a33; font-family: Georgia, serif; font-size: .85em; font-weight: 400; }
.interactive-templates-heading h2 span{ color: #0a7a45; font-family: Georgia, serif; font-size: .85em; font-style: italic; font-weight: 500; }
.interactive-templates-heading p{ max-width: 620px; margin: 20px auto 0; color: #47665c; font-size: 17px; line-height: 1.55; }

.template-slider{ position: relative; }
.template-showcase{ display: flex; gap: 25px; align-items: flex-start; padding: 0 14px 18px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.template-showcase::-webkit-scrollbar{ display: none; }
.template-preview{ flex: 0 0 calc((100% - 50px) / 3); min-width: 0; scroll-snap-align: start; text-align: center; }
.template-device-image{ display: block; width: 100%; height: auto; border: 2px solid #d2e7db; border-radius: 27px; box-shadow: 0 13px 26px rgba(10, 74, 46, .16); }
.template-slider-arrow{ position: absolute; z-index: 4; top: 50%; width: 48px; height: 48px; border: 0; border-radius: 50%; background: #0a4a2e; box-shadow: 0 6px 16px rgba(10, 74, 46, .28); color: #fff; cursor: pointer; font-size: 17px; transform: translateY(-15%); transition: transform .2s ease, background .2s ease, color .2s ease; }
.template-slider-arrow:hover{ background: #0a7a45; color: #fff; transform: translateY(-15%) scale(1.08); }
.template-slider-prev{ left: -16px; }.template-slider-next{ right: -16px; }
.template-label{ display: inline-block; margin-bottom: 16px; padding: 7px 14px; border-radius: 40px; background: linear-gradient(135deg, #0a4a2e, #0a7a45); box-shadow: 0 5px 11px rgba(10, 74, 46, .22); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .55px; text-transform: uppercase; white-space: nowrap; }
.whatsapp-phone{ position: relative; height: 440px; padding: 34px 9px 10px; border: 6px solid #1a1a1a; border-radius: 35px; background: #f8f8f8; box-shadow: 0 12px 22px rgba(0,0,0,.18); overflow: hidden; text-align: left; }
.phone-speaker{ position: absolute; z-index: 2; top: 8px; left: 50%; width: 72px; height: 18px; border-radius: 18px; background: #090909; transform: translateX(-50%); }
.phone-status{ position: absolute; top: 10px; left: 12px; right: 12px; display: flex; justify-content: space-between; color: #111; font-size: 9px; font-weight: 700; }
.whatsapp-topbar{ display: flex; justify-content: space-between; align-items: center; height: 34px; padding: 0 6px; border-bottom: 1px solid #e6e6e6; color: #1b1b1b; font-size: 11px; }
.whatsapp-topbar span{ color: #25d366; font-size: 10px; }
.whatsapp-chat{ min-height: 355px; padding: 12px 8px; background-color: #efe9dc; background-image: radial-gradient(rgba(7,94,84,.08) 1px, transparent 1px); background-size: 10px 10px; }
.chat-card,.chat-bubble,.quick-action{ margin-bottom: 8px; border-radius: 7px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.1); color: #1d2522; font-size: 10px; line-height: 1.35; }
.chat-card{ display: grid; gap: 7px; padding: 10px; }.chat-card small{ color: #8d8d8d; letter-spacing: 1px; }.chat-card span{ display: flex; justify-content: space-between; }.chat-card button{ border: 0; background: transparent; color: #0a9b63; font-size: 13px; font-weight: 700; }
.chat-bubble{ max-width: 90%; padding: 8px; }.chat-bubble.outgoing{ margin-left: auto; background: #d9fdd3; }.chat-bubble small{ display: block; color: #8a8a8a; font-size: 8px; text-align: right; }.chat-bubble.payment{ background: #b5f5ad; color: #087e4c; font-size: 21px; font-weight: 800; }.chat-bubble.payment small{ color: #317752; text-align: left; }
.quick-action{ padding: 8px; color: #07875a; font-size: 11px; font-weight: 600; text-align: center; }.offer-art{ display: grid; place-items: center; min-height: 130px; margin-bottom: 8px; padding: 15px; background: linear-gradient(135deg, #743c18, #f4bb70); color: #fff; text-align: center; }.offer-art strong{ font-size: 12px; letter-spacing: 2px; }.offer-art b{ font-family: Georgia, serif; font-size: 35px; line-height: 1; }.offer-art span{ font-size: 13px; font-weight: 800; }
.product-mini-row{ display: flex; gap: 5px; margin-bottom: 8px; overflow: hidden; }.product-mini-row div{ flex: 0 0 72%; min-height: 92px; padding: 31px 7px 7px; background: linear-gradient(135deg, #466546, #b0c684); color: #fff; font-size: 15px; font-weight: 800; text-align: center; }.product-mini-row small{ font-size: 8px; font-weight: 400; }.product-mini-row.festive div{ background: linear-gradient(135deg, #713817, #e09c3b); }.product-mini-row.festive div + div{ background: linear-gradient(135deg, #3c604b, #afcd7c); }

@media (max-width: 991px){ .template-showcase{ padding: 0 20px 18px; } .template-preview{ flex-basis: calc((100% - 25px) / 2); scroll-snap-align: center; } .template-slider-prev{ left: 0; }.template-slider-next{ right: 0; } }
@media (max-width: 767px){ .interactive-templates{ padding: 5px 0 5px; }.interactive-templates-heading{ padding: 0 20px; margin-bottom: 34px; }.interactive-templates-heading h2{ font-size: 39px; letter-spacing: -1.5px; }.interactive-templates-heading p{ font-size: 15px; }.template-showcase{ gap: 16px; padding-left: 34px; padding-right: 34px; }.template-preview{ flex-basis: 100%; }.template-slider-arrow{ width: 40px; height: 40px; font-size: 14px; }.template-slider-prev{ left: 5px; }.template-slider-next{ right: 5px; } }

/* WhatsApp marketing features */
.whatsapp-marketing-features{ padding: 5px 0; background: #fff; overflow: hidden; }
.whatsapp-marketing-features-content{ max-width: 590px; }
.whatsapp-marketing-features-eyebrow{ display: inline-block; margin-bottom: 16px; padding: 8px 14px; border-radius: 50px; background: #eaf5ef; color: #0a4a2e; font-size: 12px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.whatsapp-marketing-features h2{ margin: 0 0 18px; color: #173e35; font-size: clamp(36px, 4vw, 54px); font-weight: 800; letter-spacing: -1.8px; line-height: 1.08; }
.whatsapp-marketing-features-content > p{ margin: 0 0 28px; color: #52615b; font-size: 17px; line-height: 1.6; }
.whatsapp-marketing-features-list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 20px; margin: 0; padding: 0; list-style: none; }
.whatsapp-marketing-features-list li{ position: relative; padding-left: 29px; color: #23493d; font-size: 15px; font-weight: 600; line-height: 1.4; }
.whatsapp-marketing-features-list li::before{ position: absolute; top: 1px; left: 0; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #0a7a45; color: #fff; content: "✓"; font-size: 12px; font-weight: 800; }
.whatsapp-marketing-features-visual{ max-width: 570px; margin: 0 auto; padding: 9px; border-radius: 34px; background: linear-gradient(135deg, #e7f3ec, #f8fbf9); box-shadow: 0 20px 48px rgba(10, 74, 46, .12); }
.whatsapp-marketing-features-visual img{ display: block; width: 100%; height: auto; border-radius: 27px; }

@media (max-width: 991px){ .whatsapp-marketing-features{ padding: 55px 0; }.whatsapp-marketing-features-content{ max-width: none; margin-bottom: 45px; }.whatsapp-marketing-features-visual{ max-width: 520px; } }
@media (max-width: 575px){ .whatsapp-marketing-features{ padding: 25px 20px; }.whatsapp-marketing-features h2{ font-size: 37px; }.whatsapp-marketing-features-content > p{ font-size: 15px; }.whatsapp-marketing-features-list{ grid-template-columns: 1fr; gap: 12px; }.whatsapp-marketing-features-list li{ font-size: 14px; }.whatsapp-marketing-features-visual{ margin-top: 5px; padding: 6px; border-radius: 24px; }.whatsapp-marketing-features-visual img{ border-radius: 19px; } }

/* Why WhatsApp statistics */
.why-whatsapp{ padding: 35px 0 35px; background: #f4faf7; }
.why-whatsapp-heading{ max-width: 1040px; margin: 0 auto 42px; text-align: center; }
.why-whatsapp-heading h2{ margin: 0 0 15px; color: #173e35; font-size: clamp(38px, 4vw, 58px); font-weight: 800; letter-spacing: -1.8px; line-height: 1.1; }
.why-whatsapp-heading p{ margin: 0; color: #47665c; font-size: clamp(17px, 1.7vw, 23px); line-height: 1.5; }
.why-whatsapp-stats{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.why-whatsapp-stat{ display: flex; min-height: 150px; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px; border: 1px solid #d8e9e0; border-radius: 16px; background: #fff; box-shadow: 0 12px 30px rgba(10, 74, 46, .07); text-align: center; }
.why-whatsapp-stat strong{ color: #0a4a2e; font-size: clamp(35px, 3.2vw, 48px); font-weight: 800; line-height: 1; }
.why-whatsapp-stat span{ margin-top: 13px; color: #617971; font-size: 18px; line-height: 1.25; }

@media (max-width: 991px){ .why-whatsapp{ padding: 55px 0 60px; }.why-whatsapp-stats{ grid-template-columns: repeat(2, 1fr); gap: 20px; } }
@media (max-width: 575px){ .why-whatsapp{ padding: 45px 20px; }.why-whatsapp-heading{ margin-bottom: 30px; }.why-whatsapp-heading h2{ font-size: 39px; }.why-whatsapp-heading p{ font-size: 16px; }.why-whatsapp-stats{ grid-template-columns: 1fr; gap: 14px; }.why-whatsapp-stat{ min-height: 118px; }.why-whatsapp-stat span{ font-size: 16px; } }

/* LDSChatiq platform feature showcase */
.platform-showcase{ padding: 25px 0 30px; background: #fff; overflow: hidden; }
.platform-showcase-heading{ max-width: 1100px; margin: 0 auto 45px; text-align: center; }
.platform-showcase-heading h2{ margin: 0; color: #173e35; font-size: clamp(36px, 4.4vw, 58px); font-weight: 800; letter-spacing: -2px; line-height: 1.1; }
.platform-showcase-heading h2 span,.platform-showcase-heading h2 em{ color: #0a7a45; font-style: normal; }
.platform-showcase-heading p{ margin: 12px 0 0; color: #52615b; font-size: 18px; }
.platform-showcase-display{ min-height: 360px; padding: 18px; border-radius: 20px; background: linear-gradient(135deg, #e5f4ea, #f7fbf8); }
.platform-showcase-display img{ display: block; width: 100%; height: 100%; max-height: 460px; object-fit: contain; border-radius: 12px; }
.platform-showcase-copy{ padding-top: 18px; }
.platform-showcase-copy > span{ color: #0a7a45; font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.platform-showcase-copy h3{ margin: 8px 0 7px; color: #173e35; font-size: 24px; font-weight: 800; }
.platform-showcase-copy p{ max-width: 610px; margin: 0 0 20px; color: #52615b; font-size: 15px; line-height: 1.55; }
.platform-showcase-cta{ display: inline-block; padding: 11px 20px; border-radius: 8px; background: linear-gradient(135deg, #0A4A2E 0%, #0A7A45 50%, #1F4A33 100%); color: #fff !important; font-size: 12px; font-weight: 800; letter-spacing: .4px; text-decoration: none !important; text-transform: uppercase; transition: background .2s ease, transform .2s ease; }
.platform-showcase-cta:hover{ background: linear-gradient(135deg, #1F4A33 0%, #0A7A45 55%, #0A4A2E 100%); transform: translateY(-2px); }
.platform-showcase-nav{ padding-left: 18px; }
.platform-showcase-tab{ display: flex; width: 100%; min-height: 57px; align-items: center; gap: 12px; padding: 9px 12px; border: 0; border-bottom: 1px solid #dce8e2; border-left: 2px solid transparent; background: transparent; color: #536a62; text-align: left; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.platform-showcase-tab small{ min-width: 26px; color: #a5b8b0; font-size: 11px; font-weight: 700; }
.platform-showcase-tab span{ font-size: 15px; line-height: 1.25; }
.platform-showcase-tab:hover,.platform-showcase-tab.active{ border-left-color: #20b969; background: #f1faf5; color: #0a4a2e; }
.platform-showcase-tab.active span{ font-weight: 800; }
.platform-showcase-tab.active small{ color: #0a7a45; }
.platform-showcase-progress{ display: none; }

@media (max-width: 991px){ .platform-showcase{ padding: 50px 0 55px; }.platform-showcase .row > .col-lg-7{ order: 2; }.platform-showcase .row > .col-lg-5{ order: 1; }.platform-showcase-display{ max-width: 650px; margin: 0 auto; }.platform-showcase-copy{ max-width: 650px; margin: 0 auto 34px; }.platform-showcase-nav-wrap{ max-width: 650px; margin: 0 auto 26px; }.platform-showcase-nav{ display: flex; gap: 10px; padding: 0 0 14px; overflow-x: auto; scrollbar-width: none; }.platform-showcase-nav::-webkit-scrollbar{ display: none; }.platform-showcase-tab{ width: auto; min-height: 42px; flex: 0 0 auto; gap: 0; padding: 8px 17px; border: 1px solid #dbe7e1; border-radius: 50px; background: #fff; color: #52615b; white-space: nowrap; }.platform-showcase-tab small{ display: none; }.platform-showcase-tab span{ font-size: 14px; }.platform-showcase-tab:hover,.platform-showcase-tab.active{ border-color: #20b969; border-left-color: #20b969; background: #20b969; color: #fff; }.platform-showcase-tab.active small{ color: #fff; }.platform-showcase-progress{ display: block; height: 4px; overflow: hidden; border-radius: 10px; background: #e4ece8; pointer-events: none; }.platform-showcase-progress span{ display: block; width: 0; height: 100%; border-radius: inherit; background: #20b969; transition: width 4.5s linear; } }
@media (max-width: 575px){ .platform-showcase{ padding: 40px 20px; }.platform-showcase-heading{ margin-bottom: 25px; }.platform-showcase-heading h2{ font-size: 36px; letter-spacing: -1.3px; }.platform-showcase-heading p{ font-size: 15px; }.platform-showcase-nav-wrap{ margin-bottom: 21px; }.platform-showcase-display{ min-height: 230px; padding: 10px; border-radius: 15px; }.platform-showcase-copy h3{ font-size: 22px; }.platform-showcase-copy p{ font-size: 14px; }.platform-showcase-tab{ min-height: 40px; padding: 7px 15px; }.platform-showcase-tab span{ font-size: 13px; } }

/* Client testimonial introduction */
body .home-page .rating .rating-intro{ max-width: 720px; margin: 12px auto 0; color: #47665c !important; font-size: 17px; font-weight: 500; line-height: 1.6; opacity: 1 !important; }
body .home-page .rating h1{ color: #173e35 !important; }
@media (max-width: 575px){ body .home-page .rating .rating-intro{ font-size: 15px; } }

/* Cookie consent banner */
body #gdpr-cookie-message{ position: fixed !important; z-index: 9999 !important; right: 24px; bottom: 24px; left: auto; width: min(620px, calc(100% - 48px)); padding: 22px 24px; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: linear-gradient(135deg, #0a4a2e, #0a7a45) !important; box-shadow: 0 18px 44px rgba(10, 74, 46, .32); }
body #gdpr-cookie-message .container{ width: 100%; max-width: none; padding: 0; }
body #gdpr-cookie-message h4{ margin: 0 0 8px; color: #fff !important; font-size: 20px; font-weight: 800; }
body #gdpr-cookie-message p,body #gdpr-cookie-message label{ margin-bottom: 14px; color: #ecfff4 !important; font-size: 14px; line-height: 1.55; }
body #gdpr-cookie-message a{ color: #d4ffe2 !important; font-weight: 700; text-decoration: underline; }
body #gdpr-cookie-message #gdpr-cookie-accept{ border: 0; background: #fff; color: #0a4a2e; font-weight: 800; }
body #gdpr-cookie-message #gdpr-cookie-advanced{ border: 1px solid rgba(255,255,255,.7); background: transparent; color: #fff; font-weight: 700; }
body #gdpr-cookie-message #gdpr-cookie-types{ padding-top: 4px; }
@media (max-width: 575px){ body #gdpr-cookie-message{ right: 12px; bottom: 12px; width: calc(100% - 24px); padding: 18px; border-radius: 14px; }body #gdpr-cookie-message h4{ font-size: 18px; }body #gdpr-cookie-message p,body #gdpr-cookie-message label{ font-size: 13px; }body #gdpr-cookie-message .btn{ width: 100%; margin: 0 0 9px !important; } }