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

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

::-webkit-scrollbar-track {
	background: #fff;
}

::-webkit-scrollbar-thumb {
	background: #000;
	border-radius: 0;
}

.main-page-wrapper {
	overflow-x: hidden;
}

body {
	font-family: "Jost", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 17px;
	position: relative;
	color: rgba(0, 0, 0, 0.7);
}

.font-garamond {
	font-family: "Jost", Helvetica, Arial, sans-serif;
}

/*** Spinner Start ***/
#spinner {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.8s ease-out, visibility 0s linear 0.5s;
	z-index: 99999;
}

#spinner.show {
	transition: opacity 0.8s ease-out, visibility 0s linear 0s;
	visibility: visible;
	opacity: 1;
}

/*** Spinner End ***/

/*** Common CSS Start ***/
.back-to-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	display: flex;
	width: 45px;
	height: 45px;
	align-items: center;
	justify-content: center;
	transition: 0.5s;
	z-index: 99;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
	font-weight: 200;
    /* font-family: 'Montserrat', sans-serif; */;
}

/*h4,
h5,
h6,
.h4,
.h5,
.h6 {
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}*/

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
	font-weight: 600;
	font-family: "Fredoka", sans-serif;
}

.display-4,
.display-5,
.display-6 {
	font-weight: 600;
}

.wow,
.animated {
	animation-duration: 2s !important;
}

/*** Common CSS End ***/

/*** Button Start ***/
.btn {
	font-weight: 600;
	transition: 0.5s;
}

.btn-square {
	width: 32px;
	height: 32px;
}

.btn-sm-square {
	width: 34px;
	height: 34px;
}

.btn-md-square {
	width: 44px;
	height: 44px;
}

.btn-lg-square {
	width: 56px;
	height: 56px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}

.btn.btn-primary {
	border: 0;
	color: var(--bs-white);
}

.btn.btn-primary:hover {
	background: var(--bs-secondary);
	color: var(--bs-primary);
}

.btn-border-radius {
	/* border-radius: 25% 10%; */
}

.img-border-radius {
	border-radius: 50% 20% / 10% 40%;
}

.title-border-radius {
	border-radius: 10% 30%;
}

/*** Button End ***/

/*** Topbar Start ***/
.topbar .top-info {
	font-size: medium;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
}

.topbar .top-link {
	display: flex;
	align-items: center;
	justify-content: center;
}

.topbar .top-link a {
	margin-right: 10px;
}

.topbar .top-link a:hover {
	background: var(--bs-secondary) !important;
}

.topbar .top-link a:hover i {
	color: var(--bs-primary) !important;
}

/*** Topbar End ***/

/*** Navbar Start ***/
.navbar {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar .navbar-nav .nav-link {
	padding: 10px 12px;
	font-size: 17px;
	font-weight: 600;
	transition: 0.5s;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.fixed-top.bg-white .navbar .navbar-nav .nav-link:hover,
.fixed-top.bg-white .navbar .navbar-nav .nav-link.active {
	color: #009d9e;
}

.navbar .dropdown-toggle::after {
	border: none;
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	vertical-align: middle;
	margin-left: 8px;
}

@media (min-width: 1200px) {
	.navbar .nav-item .dropdown-menu {
		display: block;
		visibility: hidden;
		top: 100%;
		font-weight: 400;
		font-family: "Fredoka", sans-serif;
		transform: rotateX(-75deg);
		transform-origin: 0% 0%;
		border: 0;
		transition: 0.5s;
		opacity: 0;
	}
}

.dropdown .dropdown-menu a:hover {
	background: #fff
	color: #06a6b8
}

.navbar .nav-item:hover .dropdown-menu {
	transform: rotateX(0deg);
	visibility: visible;
	background: #fff !important;
	border-radius: 10px !important;
	transition: 0.5s;
	opacity: 1;
}

#searchModal .modal-content {
	background: rgba(255, 255, 255, 0.8);
}

/*** Navbar End ***/

/*** Hero Header ***/
.hero-header,
.page-header {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/*** Hero Header ***/

/*** About Start ***/
.video {
	position: relative;
	height: 100%;
	min-height: 400px;
	background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
        url(../img/about.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
}

.video .btn-play {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	box-sizing: content-box;
	display: block;
	width: 32px;
	height: 44px;
	border-radius: 50%;
	border: none;
	outline: none;
	padding: 18px 20px 18px 28px;
}

.video .btn-play:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 100px;
	height: 100px;
	background: var(--bs-secondary);
	border-radius: 50%;
	animation: pulse-border 1500ms ease-out infinite;
}

.video .btn-play:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 100px;
	height: 100px;
	background: var(--bs-primary);
	border-radius: 50%;
	transition: all 200ms;
}

.video .btn-play img {
	position: relative;
	z-index: 3;
	max-width: 100%;
	width: auto;
	height: auto;
}

.video .btn-play span {
	display: block;
	position: relative;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 32px solid var(--bs-white);
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}

#videoModal {
	z-index: 99999;
}

#videoModal .modal-dialog {
	position: relative;
	max-width: 800px;
	margin: 60px auto 0 auto;
}

#videoModal .modal-body {
	position: relative;
	padding: 0px;
}

#videoModal .close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0px;
	top: -30px;
	z-index: 999;
	font-size: 30px;
	font-weight: normal;
	color: #ffffff;
	background: #000000;
	opacity: 1;
}

.video.border {
	border-radius: 50% 20% / 10% 40%;
}

.about {
	background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
        url(../img/background.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/*** About End ***/

/*** service Start ***/
.service {
	background: linear-gradient(rgba(255, 72, 128, 0.05), rgba(255, 72, 128, 0.2));
}

.service .service-item {
	box-shadow: 0 0 45px rgba(0, 0, 0, 0.1);
	width: 100%;
	height: 100%;
	border-radius: 50% 20% / 10% 40%;
	transition: 0.5s;
	position: relative;
}

.service-content::after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	right: auto;
	background: transparent;
	border-radius: 50% 20% / 10% 40%;
	transition: 0.5s;
}

.service-item:hover {
	border: 1px solid var(--bs-secondary) !important;
}

.service-item:hover .service-content::after {
	background: var(--bs-secondary);
	width: 100%;
	opacity: 1;
	z-index: 1;
}

.service-item .service-content .service-content-inner {
	position: relative;
	z-index: 2;
}

.service-item .service-content-inner i,
.service-item .service-content-inner p,
.service-item .service-content-inner a.h4 {
	transition: 0.5s;
}

.service-item:hover .service-content-inner i,
.service-item:hover .service-content-inner p {
	color: var(--bs-white) !important;
}

.service-item:hover .service-content-inner a.h4 {
	color: var(--bs-primary);
}

.service-item:hover .service-content-inner a.btn-primary {
	background: var(--bs-white) !important;
	color: var(--bs-primary) !important;
}

.service-item .service-content-inner a.btn-primary:hover {
	background: var(--bs-primary) !important;
	color: var(--bs-white) !important;
}

/*** Service End ***/

/*** Programs Start ***/
.program {
	background: linear-gradient(rgba(255, 72, 128, 0.1), rgba(255, 72, 128, 0.1));
}

.program .program-item .program-img .program-rate {
	position: absolute;
	width: 100px;
	top: -20px;
	left: 50%;
	margin-left: -50px;
	border-radius: 10% / 50%;
}

.program .program-item .program-text {
	padding-top: 150px;
	margin-top: -125px;
}

.program .program-item .program-img img,
.program .program-item .program-teacher img,
.program .program-item:hover .program-text-inner a.h4 {
	transition: 0.5s;
}

.program .program-item:hover .program-img img,
.program .program-item:hover .program-teacher img {
	transform: scale(1.2);
}

.program .program-item:hover .program-text-inner a.h4 {
	color: var(--bs-primary) !important;
}

/*** Programs End ***/

/*** Events Start ***/
.events .events-item {
	width: 100%;
	height: 100%;
	border-radius: 30%;
	position: relative;
}

.events .events-item .events-inner .events-rate {
	position: absolute;
	width: 120px;
	top: -20px;
	left: 50%;
	margin-left: -60px;
	border-radius: 10% / 50%;
}

.events .events-item .events-inner .events-img .event-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: 0.5s;
	z-index: 1;
	opacity: 0;
}

.events .events-item .events-inner .events-img:hover .event-overlay {
	opacity: 1;
}

.events .events-item .events-img::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	bottom: auto;
	background: rgba(77, 101, 249, 0.7);
	border-radius: 10px;
	transition: 0.5s;
}

.events .events-item:hover .events-img::after {
	height: 100%;
	opacity: 1;
}

.events .events-item .events-text a.h4,
.events .events-item .events-img img {
	transition: 0.5s;
}

.events .events-item:hover .events-text a.h4 {
	color: var(--bs-primary) !important;
}

.events .events-item:hover .events-img img {
	transform: scale(1.3);
}

/*** Events End ***/

/*** Blog Start ***/
.blog .blog-item .blog-img::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	bottom: auto;
	background: rgba(77, 101, 249, 0.7);
	border-radius: 10px 10px 0 0;
	transition: 0.5s;
}

.blog .blog-item:hover .blog-img::after {
	height: 100%;
	opacity: 1;
}

.blog .blog-item .blog-date-comments {
	padding-top: 150px !important;
	margin-top: -125px;
}

.blog .blog-item .blog-img img,
.blog .blog-item .blog-content img,
.blog .blog-item .blog-text-inner a.h4 {
	transition: 0.5s;
}

.blog .blog-item:hover .blog-img img {
	transform: scale(1.3);
}

.blog .blog-item:hover .blog-content img {
	transform: scale(1.3);
}

.blog .blog-item:hover .blog-text-inner a.h4 {
	color: var(--bs-primary);
}

/*** Blog End ***/

/*** Team Start ***/
.team .team-item {
	position: relative;
	width: 100%;
	height: 100%;
}

.team .team-item .team-icon {
	position: absolute;
	bottom: 120px;
	left: 50%;
	transform: translateX(-50%);
}

.team .team-item .team-icon a.share-link {
	opacity: 0;
	transition: 0.5s;
}

.team .team-item:hover .team-icon a.share-link {
	opacity: 1;
}

.team .team-item .team-content,
.team .team-item .team-content h4,
.team .team-item .team-content p {
	transition: 0.5s;
}

.team .team-item:hover .team-content {
	background: var(--bs-primary) !important;
	border-radius: 0 0 10px 10px;
}

.team .team-item:hover .team-content h4 {
	color: var(--bs-white) !important;
}

.team .team-item:hover .team-content p {
	color: var(--bs-dark) !important;
}

/*** Team end ***/

/*** testimonial Start ***/
.testimonial .testimonial-carousel {
	position: relative;
}

.testimonial .testimonial-carousel .owl-dots {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonial .testimonial-carousel .owl-dot {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	width: 15px;
	height: 15px;
	background: #08617f;
	border-radius: 10px;
	transition: 0.5s;
}

.testimonial .testimonial-carousel .owl-dot.active {
	width: 30px;
	background: var(--bs-secondary);
}

/*** testimonial End ***/

/*** Footer Start ***/
.footer {
	background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1)),
        url(../img/background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.footer .footer-galary-img img {
	width: 100%;
	border-style: dotted;
	border-color: var(--bs-primary);
	transition: 0.5s;
}

.footer .footer-galary-img img:hover {
	transform: scale(1.2);
}

.footer-item a.text-body:hover {
	color: var(--bs-secondary) !important;
}

/*** Footer End ***/

/* ==============================
   Statistics Section
============================== */

.stats-wrapper {
	position: relative;
	z-index: 5;
	margin-top: -45px;
}

.stats-box {
	background: rgba(255, 255, 255, 0.98);
	border-radius: 18px;
	padding: 10px 15px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-items: center;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
}

.stat-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	min-height: 75px;
	position: relative;
}

.stat-item:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	height: 55px;
	width: 1px;
	background: #eeeeee;
}

.stat-icon {
	width: 52px;
	height: 52px;
	min-width: 52px;
	border-radius: 50%;
	background: #f1f3ff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.stat-icon i {
	font-size: 21px;
	color: #009d9e;
}

.stat-content h3 {
	margin: 0;
	font-size: 25px;
	font-weight: 600;
	color: #18233c;
	line-height: 1.1;
}

.stat-content span {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	color: #777;
	font-weight: 500;
}

/* Tablet */

@media (max-width: 991px) {
	.stats-wrapper {
		margin-top: -30px;
		padding: 0 15px;
	}

	.stats-box {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.stat-item:nth-child(2)::after {
		display: none;
	}

	.stat-item:nth-child(3)::after {
		display: block;
	}
}

/* Mobile */

@media (max-width: 575px) {
	.stats-wrapper {
		margin-top: -20px;
	}

	.stats-box {
		grid-template-columns: 1fr 1fr;
		padding: 15px 10px;
		gap: 0;
	}

	.stat-item {
		justify-content: flex-start;
		padding: 12px 8px;
		gap: 9px;
	}

	.stat-item:nth-child(2)::after {
		display: none;
	}

	.stat-item:nth-child(1)::after,
    .stat-item:nth-child(3)::after {
		display: none;
	}

	.stat-icon {
		width: 42px;
		height: 42px;
		min-width: 42px;
	}

	.stat-icon i {
		font-size: 17px;
	}

	.stat-content h3 {
		font-size: 19px;
	}

	.stat-content span {
		font-size: 16px;
	}
}

.products-section {
	background: #ffffff;
}

.section-label {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
	color: #4f46e5;
}



/* Product Card */

.product-card {
	height: 100%;
	background: #fff;
	border: 1px solid #eeeeee;
	border-radius: 16px;
	padding: 19px 16px 16px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.product-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #4f46e5;
	transform: scaleX(0);
	transform-origin: left;
	transition: 0.3s;
}

.product-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.1);
}

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

/* Icon */

.product-icon {
	width: 68px;
	height: 68px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 22px;
}

.product-icon i {
	font-size: 29px;
}

/* Individual Colors */

.travel-card .product-icon {
	background: #eee9ff;
	color: #5534d9;
}

.school-card .product-icon {
	background: #e3f8ed;
	color: #12a05a;
}

.lead-card .product-icon {
	background: #fff0df;
	color: #ff8200;
}

.custom-card .product-icon {
	background: #e5efff;
	color: #1474e8;
}

/* Heading */

.product-card h3 {
	font-size: 22px;
	font-weight: 600;
	color: #18233c;
	margin-bottom: 12px;
}

.product-card p {
	color: #666;
    /* font-size: 14px; */
	line-height: 1.4;
	min-height: 72px;
	margin-bottom: 18px;
}

/* List */

.product-card ul {
	padding: 0;
	margin: 0 0 22px;
	list-style: none;
}

.product-card ul li {
	position: relative;
	padding-left: 24px;
	margin-bottom: 5px;
	color: #555;
}

.product-card ul li::before {
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 1px;
}

/* Individual list colors */

.travel-card li::before {
	color: #5534d9;
}

.school-card li::before {
	color: #12a05a;
}

.lead-card li::before {
	color: #ff8200;
}

.custom-card li::before {
	color: #1474e8;
}

/* Link */

.product-link {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 14px;
	font-weight: 600;
	color: #009d9e;
	text-decoration: none;
}

.product-link i {
	transition: 0.3s;
}

.product-link:hover {
	color: #2f25b8;
}

.product-link:hover i {
	transform: translateX(5px);
}

/* Mobile */

@media (max-width: 767px) {
	.products-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.section-title {
		font-size: 28px;
		line-height: 1.3;
	}



	.product-card {
		padding: 25px 22px;
	}

	.product-card p {
		min-height: auto;
	}
}

/* =====================================
   PAIKASOFT ONE
===================================== */

.paikasoft-one-section {
	padding: 20px 0;
}

.paikasoft-one {
	position: relative;
	min-height: 370px;
	border-radius: 18px;
	overflow: hidden;
	background: #08617f;
	display: flex;
	align-items: center;
	padding: 45px 50px;
	color: #fff;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* Background dots */

.paikasoft-one::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px,
            transparent 1px);
	background-size: 35px 35px;
	opacity: 0.35;
	pointer-events: none;
}

/* =====================================
   LEFT CONTENT
===================================== */

.one-content {
	width: 42%;
	position: relative;
	z-index: 5;
}

.one-label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
	color: #ffffff;
	margin-bottom: 10px;
}

.one-content h2 {
	font-size: 48px;
	line-height: 1;
	font-weight: 600;
	margin: 0 0 12px;
	color: #ffc107e6;
}

.one-content h2 span {
	color: #FF3D81;
}

.one-content h3 {
	font-size: 21px;
	font-weight: 600;
	margin-bottom: 18px;
	color: #ffffff;
}

.one-content p {
	max-width: 470px;
	font-size: 14px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.75);
	margin-bottom: 25px;
}

/* Button */

.one-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 23px;
	border-radius: 7px;
	background: linear-gradient(90deg, #FF9800, #F44336);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
}

.one-btn:hover {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(67, 76, 220, 0.35);
}

.one-btn i {
	transition: 0.3s;
}

.one-btn:hover i {
	transform: translateX(5px);
}

/* =====================================
   DIAGRAM
===================================== */

.one-diagram {
	position: absolute;
	right: 35px;
	top: 0;
	width: 53%;
	height: 100%;
}

/* Center circle */

.one-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 145px;
	height: 145px;
	border-radius: 50%;
	background: #ffffff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #2862dc;
	font-size: 21px;
	box-shadow: 0 0 35px rgba(255, 255, 255, 0.18);
	z-index: 5;
}

.one-center strong {
	line-height: 1.2;
}

/* Circle border */

.one-diagram::before {
	content: "";
	position: absolute;
	width: 310px;
	height: 310px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 1px dashed rgba(255, 255, 255, 0.2);
	border-radius: 50%;
}

/* =====================================
   ITEMS
===================================== */

.one-item {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 7px;
	z-index: 10;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.one-icon {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	border: 2px solid rgba(255, 255, 255, 0.15);
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.08);
}

/* Travel */

.one-travel {
	top: 20px;
	left: 34%;
}

.travel-icon {
	background: rgba(125, 125, 140, 0.35);
}

/* School */

.one-school {
	top: 20px;
	right: 12%;
}

.school-icon {
	background: rgba(0, 170, 100, 0.35);
}

/* Lead */

.one-lead {
	top: 42%;
	right: 0;
}

.lead-icon {
	background: rgba(210, 40, 210, 0.35);
}

/* Finance */

.one-finance {
	bottom: 20px;
	right: 14%;
}

.finance-icon {
	background: rgba(220, 160, 0, 0.35);
}

/* Reports */

.one-reports {
	bottom: 20px;
	left: 32%;
}

.reports-icon {
	background: rgba(0, 110, 210, 0.35);
}

/* Tasks */

.one-tasks {
	top: 42%;
	left: 0;
}

.tasks-icon {
	background: rgba(220, 50, 100, 0.35);
}

/* =====================================
   MOBILE
===================================== */

@media (max-width: 991px) {
	.paikasoft-one {
		padding: 40px 30px;
		flex-direction: column;
		min-height: auto;
	}

	.one-content {
		width: 100%;
		text-align: center;
	}

	.one-content p {
		margin-left: auto;
		margin-right: auto;
	}

	.one-diagram {
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		height: 420px;
		margin-top: 35px;
	}

	.one-center {
		width: 115px;
		height: 115px;
		font-size: 17px;
	}

	.one-diagram::before {
		width: 260px;
		height: 260px;
	}
}

/* =====================================
   SMALL MOBILE
===================================== */

@media (max-width: 575px) {
	.paikasoft-one-section {
		padding: 40px 15px;
	}

	.paikasoft-one {
		padding: 35px 20px;
		border-radius: 14px;
	}

	.one-content h2 {
		font-size: 36px;
	}

	.one-content h3 {
		font-size: 17px;
	}

	.one-content p {
		font-size: 13px;
	}

	.one-btn {
		width: 100%;
		justify-content: center;
	}

	.one-diagram {
		height: 360px;
	}

	.one-icon {
		width: 48px;
		height: 48px;
		font-size: 18px;
	}

	.one-item {
		font-size: 11px;
	}

	.one-center {
		width: 95px;
		height: 95px;
		font-size: 14px;
	}

	.one-diagram::before {
		width: 210px;
		height: 210px;
	}

	.one-travel {
		left: 25%;
	}

	.one-school {
		right: 5%;
	}

	.one-lead {
		right: -5px;
	}

	.one-finance {
		right: 8%;
	}

	.one-reports {
		left: 22%;
	}

	.one-tasks {
		left: -5px;
	}
}

/* ======================================
   WHY PAIKASOFT
====================================== */

.why-paikasoft {
	background: #ffffff;
}

.why-label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.4px;
	color: #555;
	margin-bottom: 8px;
}

.why-title {
	font-size: 32px;
	font-weight: 600;
	color: #172033;
	margin: 0;
}

.title-line {
	width: 24px;
	height: 4px;
	border-radius: 10px;
	background: #7046e8;
	margin: 12px auto 0;
}

/* ======================================
   CARD
====================================== */

.why-card {
	height: 100%;
	min-height: 205px;
	padding: 22px 15px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 14px;
	text-align: center;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.035);
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.why-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
	border-color: #e2e2e2;
}

/* ======================================
   ICON
====================================== */

.why-icon {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	margin: 0 auto 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}

/* Icon Colors */

.why-icon.purple {
	background: #f0ebff;
	color: #653de2;
}

.why-icon.green {
	background: #e8f8ef;
	color: #20a866;
}

.why-icon.orange {
	background: #fff1e4;
	color: #f28a18;
}

.why-icon.blue {
	background: #eaf3ff;
	color: #4c8eea;
}

.why-icon.pink {
	background: #fff0f5;
	color: #e65a86;
}

.why-icon.violet {
	background: #f1edff;
	color: #7548dc;
}

/* ======================================
   TEXT
====================================== */

.why-card h4 {
	font-weight: 600;
	color: #20283a;
	margin-bottom: 10px;
}

.why-card p {
	margin: 0 auto;
	max-width: 180px;
	line-height: 1.5;
	color: #666;
}

/* ======================================
   TABLET
====================================== */

@media (max-width: 1199px) {
	.why-card {
		min-height: 210px;
	}
}

/* ======================================
   MOBILE
====================================== */

@media (max-width: 767px) {
	.why-paikasoft {
		padding-top: 45px !important;
		padding-bottom: 45px !important;
	}

	.why-title {
		font-size: 26px;
		line-height: 1.3;
	}

	.why-label {
		font-size: 10px;
	}

	.why-card {
		min-height: 190px;
		padding: 20px 15px;
	}
}

/* =========================================
   BUSINESS IN ACTION
========================================= */

.business-action {
	background: #fff;
}

.action-label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.5px;
	color: #555;
	margin-bottom: 5px;
}

.action-title {
	display: none;
}

/* =========================================
   TABS
========================================= */

.action-tabs {
	display: inline-flex;
	gap: 35px;
	border-bottom: 1px solid #eee;
}

.action-tab {
	border: 0;
	background: transparent;
	padding: 10px 8px;
    /* font-size: 15px; */
	font-weight: 600;
	color: #777;
	position: relative;
	cursor: pointer;
}

.action-tab.active {
	color: #5534df;
}

.action-tab.active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 3px;
	background: linear-gradient(90deg, #5534df, #7b3ff2);
	border-radius: 5px;
}

/* =========================================
   SLIDER
========================================= */

.action-slider {
	position: relative;
	display: none;
	width: 100%;
}

.action-slider.active-slider {
	display: block;
}

.slider-window {
	overflow: hidden;
	width: calc(100% - 80px);
	margin: auto;
}

.slider-track {
	display: flex;
	transition: transform 0.45s ease;
	will-change: transform;
}

.action-slide {
	flex: 0 0 20%;
	padding: 0 8px;
	text-align: center;
}

/* =========================================
   SCREENSHOT CARD
========================================= */

.screen-card {
	background: #fff;
	border: 1px solid #eeeeee;
	border-radius: 12px;
	overflow: hidden;
	padding: 5px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
}

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

.screen-card img {
	width: 100%;
	height: 175px;
	object-fit: cover;
	object-position: top;
	display: block;
	border-radius: 8px;
}

/* Screenshot title */

.action-slide h5 {
	margin-top: 12px;
	font-weight: 600;
	color: #333;
	font-size: 16px;
}

/* =========================================
   ARROWS
========================================= */

.slider-arrow {
	position: absolute;
	top: 42%;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: #4f46e5;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	z-index: 5;
	transition: 0.3s;
}

.slider-arrow:hover {
	background: #4f46e5;
	color: #fff;
}

.slider-prev {
	left: 0;
}

.slider-next {
	right: 0;
}

/* =========================================
   DEMO BUTTON
========================================= */

.demo-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 13px 28px;
	border-radius: 7px;
	color: #fff;
	background: linear-gradient(90deg, #5633db, #1677f0);
	text-decoration: none;
	font-weight: 600;
	transition: 0.3s;
}

.demo-btn:hover {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(80, 60, 220, 0.25);
}

.demo-btn i {
	transition: 0.3s;
}

.demo-btn:hover i {
	transform: translateX(5px);
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1199px) {
	.action-slide {
		flex: 0 0 25%;
	}

	.screen-card img {
		height: 160px;
	}
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
	.slider-window {
		width: calc(100% - 55px);
	}

	.action-slide {
		flex: 0 0 50%;
		padding: 0 6px;
	}

	.screen-card img {
		height: 130px;
	}

	.action-slide h5 {
		font-size: 12px;
	}

	.slider-arrow {
		width: 36px;
		height: 36px;
	}

	.action-tabs {
		gap: 20px;
	}

	.action-tab {
		font-size: 13px;
	}
}



/* =====================================
   INDUSTRIES
===================================== */

.industries-section {
	background: #ffffff;
}

.industry-label {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.4px;
	color: #444;
}

/* =====================================
   CARD
===================================== */

.industry-card {
	min-height: 130px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	padding: 18px 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.035);
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.industry-card:hover {
	transform: translateY(-6px);
	border-color: #dfe5ff;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

/* =====================================
   ICON
===================================== */

.industry-icon {
	width: 62px;
	height: 58px;
	margin-bottom: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #009d9e;
	font-size: 40px;
	transition: 0.3s;
}

.industry-card:hover .industry-icon {
	transform: translateY(-3px) scale(1.05);
}

/* More Icon */

.more-icon {
	width: 53px;
	height: 53px;
	border-radius: 50%;
	background: #f4f7ff;
}

/* =====================================
   TEXT
===================================== */

.industry-card h4 {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #202638;
}

/* =====================================
   MOBILE
===================================== */

@media (max-width: 767px) {
	.industries-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.industry-card {
		min-height: 125px;
	}

	.industry-icon {
		font-size: 24px;
		margin-bottom: 10px;
	}

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

/* =====================================
   SUCCESS STORIES
===================================== */

.success-stories {
	background: #fff;
}

.success-label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.5px;
	color: #444;
	margin-bottom: 7px;
}

.success-title {
	font-size: 31px;
	font-weight: 600;
	color: #182238;
	margin: 0;
}

/* =====================================
   CARD
===================================== */

.success-card {
	min-height: 210px;
	background: #fff;
	border: 1px solid #eeeeee;
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	position: relative;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.success-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

/* =====================================
   CONTENT
===================================== */

.success-content {
	width: 57%;
	padding: 22px 18px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	z-index: 2;
}

.success-content h3 {
	font-size: 18px;
	font-weight: 600;
	color: #20283a;
	margin: 16px 0 8px;
}

.success-content p {
	line-height: 1.65;
	color: #666;
	margin-bottom: 12px;
}

/* =====================================
   BADGES
===================================== */

.success-badge {
	display: inline-block;
	padding: 4px 9px;
	border-radius: 5px;
	font-size: 10px;
	font-weight: 600;
	border: 1px solid;
}

.success-badge.travel {
	color: #5534df;
	background: #f1edff;
	border-color: #d7ccff;
}

.success-badge.school {
	color: #16a566;
	background: #edfff6;
	border-color: #bdebd3;
}

.success-badge.business {
	color: #e76b2b;
	background: #fff2eb;
	border-color: #ffd0bc;
}

/* =====================================
   LINK
===================================== */

.case-link {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #5135df;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}

.case-link i {
	transition: 0.3s;
}

.case-link:hover {
	color: #2f21ae;
}

.case-link:hover i {
	transform: translateX(5px);
}

/* =====================================
   IMAGE
===================================== */

.success-image {
	width: 43%;
	position: relative;
	overflow: hidden;
}

.success-image::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 0;
	width: 70px;
	height: 100%;
	z-index: 1;
	background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
}

.success-image img {
	width: 100%;
	height: 100%;
	min-height: 210px;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.success-card:hover .success-image img {
	transform: scale(1.07);
}

/* =====================================
   VIEW ALL BUTTON
===================================== */

.all-case-btn {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 11px 20px;
	background: #fff;
	border: 1px solid #6d55e8;
	border-radius: 7px;
	color: #5135df;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: 0.3s;
}

.all-case-btn:hover {
	background: #5135df;
	color: #fff;
	transform: translateY(-2px);
}

.all-case-btn i {
	transition: 0.3s;
}

.all-case-btn:hover i {
	transform: translateX(4px);
}

/* =====================================
   TABLET
===================================== */

@media (max-width: 991px) {
	.success-card {
		min-height: 220px;
	}
}

/* =====================================
   MOBILE
===================================== */

@media (max-width: 575px) {
	.success-stories {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.success-title {
		font-size: 25px;
		line-height: 1.3;
	}

	.success-card {
		min-height: 220px;
	}

	.success-content {
		width: 60%;
		padding: 20px 15px;
	}

	.success-image {
		width: 40%;
	}

	.success-content h3 {
		font-size: 20px;
	}

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

/* =====================================
   TRUSTED CLIENTS
===================================== */

.trusted-clients {
	background: #fff;
}

.trusted-title {
	font-size: 13px;
	font-weight: 600;
	color: #303030;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

/* Slider */

.client-slider {
	position: relative;
	width: 100%;
}

.client-window {
	overflow: hidden;
	width: calc(100% - 70px);
	margin: auto;
}

.client-track {
	display: flex;
	transition: transform 0.45s ease;
}

/* Logo */

.client-logo {
	flex: 0 0 16.666666%;
	height: 105px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	border: 1px solid #eeeeee;
	border-radius: 10px;
	background: #08617f29;
	margin-right: 10px;
	box-sizing: border-box;
}

.client-logo img {
	max-width: 100%;
	max-height: 55px;
	width: auto;
	height: auto;
	object-fit: contain;
	transition: 0.3s;
}

.client-logo:hover img {
	transform: scale(1.08);
}

/* Arrows */

.client-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: #315ed8;
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.12);
	z-index: 5;
	cursor: pointer;
	transition: 0.3s;
}

.client-arrow:hover {
	background: #315ed8;
	color: #fff;
}

.client-prev {
	left: 0;
}

.client-next {
	right: 0;
}

/* =====================================
   TABLET
===================================== */

@media (max-width: 1199px) {
	.client-logo {
		flex: 0 0 25%;
	}
}

/* =====================================
   MOBILE
===================================== */

@media (max-width: 767px) {
	.client-window {
		width: calc(100% - 50px);
	}

	.client-logo {
		flex: 0 0 50%;
		height: 100px;
	}

	.client-logo img {
		max-height: 45px;
	}

	.client-arrow {
		width: 35px;
		height: 35px;
	}
}


.final-cta-section {
	background: #fff;
}

.final-cta {
	min-height: 150px;
	padding: 30px 45px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	color: #fff;
	background: #009d9e;
	box-shadow: 0 12px 35px rgba(54, 62, 180, 0.2);
	position: relative;
	overflow: hidden;
}

/* Decorative glow */

.final-cta::before {
	content: "";
	position: absolute;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.06);
	right: 20%;
	top: -150px;
}

.final-cta::after {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
	right: -60px;
	bottom: -100px;
}

/* =====================================
   CONTENT
===================================== */

.cta-content {
	position: relative;
	z-index: 2;
	flex: 1;
}

.cta-content h2 {
	margin: 0 0 5px;
	font-size: 27px;
	font-weight: 600;
	color: #fff;
}

.cta-content p {
	margin: 0;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.85);
}

/* =====================================
   BUTTONS
===================================== */

.cta-actions {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 25px;
}

.cta-btn {
	min-width: 170px;
	height: 48px;
	padding: 0 20px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}

/* Demo */

.demo-btn {
	background: #fff;
	color: #5534df;
	border: 1px solid #fff;
}

.demo-btn:hover {
	background: #f5f5ff;
	color: #4023c5;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.demo-btn i {
	transition: 0.3s;
}

.demo-btn:hover i {
	transform: translateX(4px);
}

/* Expert */

.expert-btn {
	background: transparent;
	color: #fff;
	border: 2px solid rgba(255, 255, 255, 0.65);
}

.expert-btn:hover {
	background: rgba(255, 255, 255, 0.12);
	border-color: #fff;
	color: #fff;
	transform: translateY(-2px);
}

/* WhatsApp */

.whatsapp-btn {
	background: #08b85a;
	color: #fff;
	border: 2px solid #08b85a;
}

.whatsapp-btn:hover {
	background: #079d4e;
	border-color: #079d4e;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.whatsapp-btn i {
	font-size: 19px;
}

/* =====================================
   TABLET
===================================== */

@media (max-width: 1199px) {
	.final-cta {
		padding: 30px;
	}

	.cta-actions {
		gap: 12px;
	}

	.cta-btn {
		min-width: 145px;
		padding: 0 15px;
	}
}

/* =====================================
   MOBILE
===================================== */

@media (max-width: 991px) {
	.final-cta {
		flex-direction: column;
		text-align: center;
		padding: 35px 25px;
	}

	.cta-actions {
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
	}
}

/* Small Mobile */

@media (max-width: 575px) {
	.final-cta-section {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.final-cta {
		padding: 30px 20px;
		border-radius: 13px;
	}

	.cta-content h2 {
		font-size: 23px;
		line-height: 1.3;
	}

	.cta-content p {
		line-height: 1.6;
	}

	.cta-actions {
		flex-direction: column;
		gap: 10px;
	}

	.cta-btn {
		width: 100%;
		min-width: auto;
	}
}

/* ==========================================
   WHY NMNI ERP
========================================== */

.why-nmni-erp {
	width: 100%;
	padding: 32px 0 35px;
	background: linear-gradient(90deg, #fbfaff 0%, #f7f5ff 50%, #fbfaff 100%);
	border-top: 1px solid #f0edff;
	border-bottom: 1px solid #eeeaff;
}

/* Heading */

.why-nmni-heading {
	text-align: center;
	margin-bottom: 25px;
}

.why-nmni-heading h2 {
	margin: 0;
	color: #121a35;
	font-size: 22px;
	font-weight: 600;
}

/* Grid */

.why-nmni-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
    /* max-width: 1050px; */
	margin: 0 auto;
}

/* Item */

.why-nmni-item {
	min-height: 62px;
	padding: 5px 28px;
	display: flex;
	align-items: center;
	gap: 14px;
	border-right: 1px solid #ddd9ed;
}

.why-nmni-item:last-child {
	border-right: none;
}

/* Icon */

.why-nmni-icon {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	border-radius: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f0edff;
	color: #5b3ee5;
	font-size: 17px;
	transition: all 0.3s ease;
}

.why-nmni-item:hover .why-nmni-icon {
	background: #5b3ee5;
	color: #fff;
	transform: translateY(-3px);
}

/* Content */

.why-nmni-content h4 {
	margin: 0 0 5px;
	color: #171d35;
	font-weight: 600;
}

.why-nmni-content p {
	margin: 0;
	color: #596071;
	line-height: 1.5;
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {
	.why-nmni-grid {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 20px;
	}

	.why-nmni-item:nth-child(2) {
		border-right: none;
	}

	.why-nmni-item:nth-child(1),
    .why-nmni-item:nth-child(2) {
		border-bottom: 1px solid #ddd9ed;
		padding-bottom: 20px;
	}
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 575px) {
	.why-nmni-erp {
		padding: 30px 15px;
	}

	.why-nmni-heading {
		margin-bottom: 22px;
	}

	.why-nmni-heading h2 {
		font-size: 20px;
	}

	.why-nmni-grid {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.why-nmni-item {
		padding: 15px 5px;
		border-right: none !important;
		border-bottom: 1px solid #ddd9ed;
	}

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

	.why-nmni-icon {
		width: 44px;
		height: 44px;
	}
}

.travel-features {
	padding: 45px 0;
	background: #ffffff;
}

/* ================= HEADING ================= */

.features-heading {
	text-align: center;
	margin-bottom: 38px;
}

.features-heading span {
	display: block;
	color: #2854ed;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 8px;
}

.features-heading h2 {
	margin: 0;
	color: #101936;
	font-size: 30px;
	font-weight: 600;
}

/* ================= GRID ================= */

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

/* ================= CARD ================= */

.feature-card {
	min-height: 295px;
	padding: 20px 17px 17px;
	background: #ffffff;
	border: 1px solid #e9edf5;
	border-radius: 8px;
	box-shadow: 0 4px 14px rgba(25, 45, 90, 0.06);
	transition: all 0.25s ease;
}

.feature-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 30px rgba(25, 45, 90, 0.12);
}

/* ================= ICON ================= */

.feature-icon {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	margin-bottom: 12px;
	font-size: 29px;
}

/* Icon backgrounds */

.purple {
	background: #f1eaff;
	color: #8154db;
}

.green {
	background: #e7f9ef;
	color: #28a66a;
}

.orange {
	background: #fff0e5;
	color: #ff7b22;
}

.blue {
	background: #e8f0ff;
	color: #315cf5;
}

.pink {
	background: #ffe9f0;
	color: #ef4773;
}

.cyan {
	background: #e8f8fc;
	color: #17a1c5;
}

.light-green {
	background: #e9f8ee;
	color: #23a56a;
}

.violet {
	background: #f1eaff;
	color: #8154db;
}

/* ================= TITLE ================= */

.feature-card h3 {
	margin: 0 0 12px;
	font-size: 19px;
	line-height: 1.3;
	color: #101936;
	font-weight: 600;
}

/* ================= DESCRIPTION ================= */

.feature-card p {
	min-height: 45px;
	margin: 0 0 9px;
	color: #687187;
    /* font-size: 11px; */
	line-height: 1.65;
}

/* ================= LIST ================= */

.feature-card ul {
	list-style: none;
	padding: 0;
	margin: 0 0 10px;
}

.feature-card ul li {
	position: relative;
	padding-left: 16px;
	margin-bottom: 7px;
	color: #45506a;
    /* font-size: 10px; */
	line-height: 1.3;
}

.feature-card ul li::before {
	content: "\f058";
	position: absolute;
	left: 0;
	top: 0;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #2854ed;
	font-size: 9px;
}

/* ================= LINK ================= */

.feature-card a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 3px;
	color: #2854ed;
	text-decoration: none;
	font-weight: 600;
}

.feature-card a i {
	font-size: 9px;
	transition: transform 0.2s ease;
}

.feature-card a:hover i {
	transform: translateX(4px);
}

/* ================= TABLET ================= */

@media (max-width: 1100px) {
	.feature-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
}

/* ================= MOBILE ================= */

@media (max-width: 600px) {
	.travel-features {
		padding: 50px 0;
	}

	.features-heading h2 {
		font-size: 24px;
		line-height: 1.35;
	}

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

	.feature-card {
		min-height: auto;
	}
}

/* =========================================
   RIGHT CONTENT
========================================= */

.crm-action-content {
	padding-right: 20px;
}

.crm-action-label {
	color: #315cf5;
    /* font-size: 10px; */
	font-weight: 600;
	letter-spacing: 0.7px;
}

.crm-action-content h2 {
	color: #101936;
	font-size: 34px;
	line-height: 1.15;
	margin: 12px 0 24px;
	font-weight: 600;
}

/* Benefits */

.crm-benefits {
	list-style: none;
	padding: 0;
	margin: 0 0 24px;
}

.crm-benefits li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #3d465e;
    /* font-size: 13px; */
	margin-bottom: 14px;
}

.crm-benefits li span {
	width: 19px;
	height: 19px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #315cf5;
	border: 2px solid #315cf5;
	font-size: 8px;
}

/* Button */

.crm-demo-btn {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 14px 22px;
	background: #315cf5;
	color: #fff;
	border-radius: 6px;
	text-decoration: none;
    /* font-size: 12px; */
	font-weight: 600;
	box-shadow: 0 10px 25px rgba(49, 92, 245, 0.2);
	transition: 0.2s;
}

.crm-demo-btn:hover {
	color: #fff;
	transform: translateY(-2px);
}

.crm-demo-btn i {
	font-size: 10px;
}

/* =========================================
   VIDEO MODAL
========================================= */

.crm-video-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
}

.crm-video-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.65);
}

.crm-video-box {
	position: absolute;
	width: 600px;
	max-width: 90%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.crm-video-close {
	position: absolute;
	right: 12px;
	top: 8px;
	border: none;
	background: transparent;
	font-size: 28px;
	cursor: pointer;
	z-index: 5;
}

.crm-video-placeholder {
	height: 390px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #f6f8fc;
	color: #315cf5;
}

.crm-video-placeholder>i {
	width: 65px;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #315cf5;
	color: #fff;
	margin-bottom: 15px;
}

.crm-video-placeholder h3 {
	color: #101936;
	margin-bottom: 5px;
}

.crm-video-placeholder p {
	color: #737b8f;
	font-size: 13px;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {
	.crm-action-container {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.crm-action-content {
		padding: 0;
		max-width: 650px;
	}
}

@media (max-width: 600px) {
	.crm-action-section {
		padding: 55px 0;
	}

	.crm-action-container {
		width: 92%;
	}

	.crm-browser {
		min-height: 300px;
	}

	.crm-sidebar {
		width: 70px;
	}

	.crm-menu {
		justify-content: center;
		padding: 8px 3px;
	}

	.crm-menu i {
		font-size: 10px;
		margin: 0;
	}

	.crm-menu {
		font-size: 0;
	}

	.crm-stat-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.crm-chart-grid {
		grid-template-columns: 1fr;
	}

	.crm-search {
		display: none;
	}

	.crm-action-content h2 {
		font-size: 28px;
	}

	.crm-benefits li {
		font-size: 12px;
	}
}


.more-features-section {
	padding: 25px 0 35px;
	background: #ffffff;
}

.more-features-container {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	background: #ffffff;
	border: 1px solid #edf0f5;
	border-radius: 12px;
	box-shadow: 0 5px 22px rgba(25, 45, 90, 0.05);
	padding: 18px 12px 16px;
}


/* Heading */

.more-features-heading {
	text-align: center;
	color: #315cf5;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: 0.8px;
	margin-bottom: 12px;
}


/* =========================================
   FEATURE LIST
========================================= */

.more-features-list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	width: 100%;
}


/* =========================================
   FEATURE ITEM
========================================= */

.more-feature-item {
	min-height: 58px;
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 5px 12px;
	position: relative;
}


/* Vertical separator */

.more-feature-item:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 7px;
	width: 1px;
	height: 46px;
	background: #edf0f5;
}


/* =========================================
   ICON
========================================= */

.more-feature-icon {
	width: 60px;
	height: 60px;
	min-width: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
}


/* Purple */

.more-feature-icon.purple {
	background: #f0ebff;
	color: #653de2;
}


/* Green */

.more-feature-icon.green {
	background: #e8f8ef;
	color: #20a866;
}


/* Orange */

.more-feature-icon.orange {
	background: #fff1e4;
	color: #f28a18;
}


/* Blue */

.more-feature-icon.blue {
	background: #eaf3ff;
	color: #3f83e8;
}


/* Violet */

.more-feature-icon.violet {
	background: #f1edff;
	color: #7548dc;
}


/* =========================================
   CONTENT
========================================= */

.more-feature-content {
	min-width: 0;
}

.more-feature-content h4 {
	margin: 0 0 3px;
	color: #182238;
    /* font-size: 9px; */
	line-height: 1.2;
	font-weight: 600;
	white-space: nowrap;
}

.more-feature-content p {
	margin: 0;
	color: #777f91;
    /* font-size: 7px; */
	line-height: 1.4;
    /* max-width: 125px; */;
}


/* =========================================
   HOVER
========================================= */

.more-feature-item {
	transition: transform 0.25s ease;
}

.more-feature-item:hover {
	transform: translateY(-2px);
}

.more-feature-item:hover .more-feature-icon {
	transform: scale(1.08);
}

.more-feature-icon {
	transition: transform 0.25s ease;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

	.more-features-list {
		grid-template-columns: repeat(3, 1fr);
	}

	.more-feature-item {
		padding: 10px 15px;
	}

	.more-feature-item:nth-child(3)::after {
		display: none;
	}

	.more-feature-item:nth-child(4)::after {
		display: block;
	}
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

	.more-features-section {
		padding: 20px 15px 30px;
	}

	.more-features-container {
		padding: 18px 10px;
	}

	.more-features-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.more-feature-item {
		min-height: 70px;
		padding: 10px;
		gap: 8px;
	}

	.more-feature-item:nth-child(3)::after {
		display: block;
	}

	.more-feature-item:nth-child(4)::after {
		display: none;
	}

	.more-feature-content h4 {
		font-size: 10px;
		white-space: normal;
	}

	.more-feature-content p {
		font-size: 8px;
	}
}



.travel-benefits-section {
	padding: 35px 0 40px;
	background: #ffffff;
}

.travel-benefits-container {
	max-width: 1320px;
	margin: 0 auto;
	text-align: center;
}


.travel-benefits-label {
	display: block;
	color: #315cf5;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 7px;
}

.travel-benefits-title {
	margin: 0 0 28px;
	color: #172033;
	font-size: 21px;
	line-height: 1.2;
	font-weight: 600;
}

.travel-benefits-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	width: 100%;
}


.travel-benefit-item {
	min-height: 115px;
    /* padding: 0 20px; */
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	transition: transform 0.3s ease;
}


/* Vertical separator */

.travel-benefit-item:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 200px;
	background: #edf0f4;
}


.travel-benefit-icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	font-size: 26px;
	transition: transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* Purple */

.travel-benefit-icon.purple {
	background: #f0eaff;
	color: #6741df;
}


/* Green */

.travel-benefit-icon.green {
	background: #e9faf1;
	color: #16a56b;
}


/* Orange */

.travel-benefit-icon.orange {
	background: #fff3e5;
	color: #f28a18;
}


/* Teal */

.travel-benefit-icon.teal {
	background: #e9f9f3;
	color: #18a77b;
}


/* Pink */

.travel-benefit-icon.pink {
	background: #fff0f5;
	color: #e75b87;
}


/* Blue */

.travel-benefit-icon.blue {
	background: #eaf6ff;
	color: #2990c9;
}


.travel-benefit-item h4 {
	margin: 0 0 5px;
	color: #20283a;
	/* font-size: 10px; */
	line-height: 1.3;
	font-weight: 600;
}

.travel-benefit-item p {
	margin: 0;
	max-width: 145px;
	color: #737b8d;
    /* font-size: 8px; */
	line-height: 1.55;
}


.travel-benefit-item:hover {
	transform: translateY(-4px);
}

.travel-benefit-item:hover .travel-benefit-icon {
	transform: scale(1.08);
	box-shadow: 0 7px 18px rgba(50, 70, 150, 0.12);
}


@media (max-width: 1100px) {

	.travel-benefits-container {
		padding: 0 20px;
	}

	.travel-benefits-grid {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 30px;
	}

	.travel-benefit-item:nth-child(3)::after,
    .travel-benefit-item:nth-child(6)::after {
		display: none;
	}

	.travel-benefit-item:nth-child(4)::after {
		display: block;
	}
}


@media (max-width: 767px) {

	.travel-benefits-section {
		padding: 35px 15px;
	}

	.travel-benefits-title {
		font-size: 25px;
		margin-bottom: 30px;
	}

	.travel-benefits-grid {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 30px;
	}

	.travel-benefit-item {
		padding: 0 12px;
	}

	.travel-benefit-item:nth-child(2n)::after {
		display: none;
	}

	.travel-benefit-item:nth-child(3)::after,
    .travel-benefit-item:nth-child(5)::after {
		display: block;
	}
}




.service-card {
	height: 100%;
	background: #fff;
	border: 1px solid #edf0f7;
	border-radius: 14px;
	padding: 10px 10px;
	transition: all 0.3s ease;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);
	/* text-align: center; */
}

.service-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 35px rgba(30, 70, 150, 0.12);
}

.service-icon {
	width: 62px;
	height: 62px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	background: #eef5ff;
}

.service-icon img {
	width: 38px;
	height: 38px;
	object-fit: contain;
}

.service-card h4 {
	font-size: 20px;
	font-weight: 600;
	color: #10182f;
	margin-bottom: 14px;
}

.service-card p {
	color: #687089;
    /* font-size: 14px; */
	line-height: 1.7;
	min-height: 72px;
	margin-bottom: 18px;
}

.service-card ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
}

.service-card ul li {
	position: relative;
	padding-left: 22px;
	margin-bottom: 9px;
	color: #596176;
	font-size: 16px;
}

.service-card ul li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: #2563eb;
	font-weight: 600;
}

.service-card a {
	color: #009d9e;
	font-weight: 600;
	text-decoration: none;
}

.service-card a span {
	margin-left: 5px;
	transition: 0.3s;
}

.service-card a:hover span {
	margin-left: 10px;
}
/* ==============================
   OUR PROCESS
============================== */

.process-section {
	background: #f8faff;
}

.section-subtitle {
	display: block;
	/* color: #4778ff; */
	font-size: 16px;
	font-weight: 500;
	/* letter-spacing: 2px; */
	margin-bottom: 8px;
}

.section-title {
	color: #10182f;
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 12px;
}

.section-description {
	color: #697386;
	font-size: 16px;
	margin: 0;
}


/* Process Wrapper */

.process-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 25px;
	max-width: 1100px;
	margin: auto;
}


/* Process Item */

.process-item {
	flex: 1;
	text-align: center;
	max-width: 210px;
}


/* Icon */

.process-icon {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	margin: 0 auto 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.process-icon img {
	width: 38px;
	height: 38px;
	object-fit: contain;
}


/* Icon Backgrounds */

.process-blue {
	background: #3159e8;
}

.process-purple {
	background: #7546df;
}

.process-orange {
	background: #ff8900;
}

.process-green {
	background: #1caf6c;
}


/* Number */

.process-number {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 12px;
}

.process-item:nth-of-type(1) .process-number {
	color: #3159e8;
}

.process-item:nth-of-type(3) .process-number {
	color: #7546df;
}

.process-item:nth-of-type(5) .process-number {
	color: #ff8900;
}

.process-item:nth-of-type(7) .process-number {
	color: #1caf6c;
}


/* Heading */

.process-item h4 {
	color: #10182f;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 12px;
}


/* Description */

.process-item p {
	color: #697386;
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
}


/* Arrow */

.process-arrow {
	font-size: 30px;
	color: #4778ff;
	font-weight: 600;
	padding-top: 22px;
}
/* ==============================
   WHY CHOOSE US
============================== */

.why-choose-section {
	background: #f8faff;
}

.why-choose-section .section-subtitle {
	display: block;
	color: #4778ff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.why-choose-section .section-title {
	color: #10182f;
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 12px;
}

.why-choose-section .section-description {
	color: #697386;
	font-size: 16px;
	margin-bottom: 0;
}


/* Item */

.choose-item {
	display: flex;
	align-items: flex-start;
	gap: 22px;
	padding: 20px 25px;
	margin-bottom: 15px;
	background: rgba(255, 255, 255, 0.55);
	border-radius: 15px;
	transition: all 0.3s ease;
}

.choose-item:hover {
	background: #ffffff;
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(30, 70, 150, 0.08);
}


/* Icon */

.choose-icon {
	width: 58px;
	height: 58px;
	min-width: 58px;
	border-radius: 50%;
	background: #eef4ff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.choose-icon img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}


/* Content */

.choose-content h4 {
	margin: 3px 0 7px;
	color: #10182f;
	font-size: 17px;
	font-weight: 600;
}

.choose-content p {
	margin: 0;
	color: #697386;
	font-size: 14px;
	line-height: 1.7;
	max-width: 330px;
}


/* Mobile */

@media (max-width: 991px) {

	.why-choose-section .section-title {
		font-size: 30px;
	}

	.choose-item {
		padding: 18px;
	}
}

@media (max-width: 575px) {

	.why-choose-section .section-title {
		font-size: 27px;
	}

	.choose-item {
		gap: 15px;
	}

	.choose-icon {
		width: 50px;
		height: 50px;
		min-width: 50px;
	}

	.choose-icon img {
		width: 27px;
		height: 27px;
	}
}

.detail-service-card {
	height: 100%;
	padding: 30px;
	border: 1px solid #e9edf5;
	border-radius: 18px;
	background: #fff;
	transition: .3s;
}

.detail-service-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 18px 45px rgba(35, 70, 150, .10);
}

.detail-service-card img {
	width: 55px;
	height: 55px;
	object-fit: contain;
	margin-bottom: 20px;
}

.detail-service-card h4 {
	color: #10182f;
	font-weight: 600;
	margin-bottom: 12px;
}

.detail-service-card p {
	color: #697386;
	line-height: 1.7;
	font-size: 14px;
}

.detail-service-card a {
	color: #3159e8;
	font-weight: 600;
	text-decoration: none;
}
/* ============================
   CASE STUDIES
============================ */

.case-study-section {
	background: #f8faff;
}


/* Filter Bar */

.case-filter-bar {
	background: #ffffff;
	border: 1px solid #edf0f7;
	border-radius: 14px;
	padding: 14px 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	box-shadow: 0 5px 20px rgba(30, 60, 120, 0.04);
}

.case-filters {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.case-filter {
	border: 1px solid #edf0f7;
	background: #ffffff;
	color: #4e5870;
	padding: 10px 15px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	transition: .3s;
}

.case-filter span {
	margin-right: 6px;
}

.case-filter:hover,
.case-filter.active {
	background: #eef3ff;
	border-color: #3159e8;
	color: #3159e8;
}


/* Search */

.case-search {
	position: relative;
	min-width: 230px;
}

.case-search input {
	width: 100%;
	height: 42px;
	border: 1px solid #edf0f7;
	border-radius: 8px;
	padding: 0 40px 0 14px;
	outline: none;
	color: #39435a;
	font-size: 13px;
}

.case-search input:focus {
	border-color: #3159e8;
}

.case-search span {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	color: #65708a;
	font-size: 18px;
}


/* Case Card */

.case-card {
	height: 100%;
	background: #ffffff;
	border: 1px solid #e9edf5;
	border-radius: 15px;
	overflow: hidden;
	transition: all .3s ease;
}

.case-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 45px rgba(30, 65, 140, .12);
}


/* Image */

.case-image {
	height: 190px;
	position: relative;
	overflow: hidden;
}

.case-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s;
}

.case-card:hover .case-image img {
	transform: scale(1.05);
}


/* Category */

.case-category {
	position: absolute;
	left: 12px;
	top: 12px;
	padding: 6px 10px;
	border-radius: 6px;
	color: #ffffff;
	font-size: 10px;
	font-weight: 600;
}


/* Category Colors */

.case-category.travel {
	background: #1685d8;
}

.case-category.education {
	background: #16a34a;
}

.case-category.ecommerce {
	background: #8b5cf6;
}

.case-category.healthcare {
	background: #06a6b8;
}

.case-category.finance {
	background: #f59e0b;
}


/* Content */

.case-content {
	padding: 20px;
}

.case-content h4 {
	color: #10182f;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 10px;
}

.case-content p {
	color: #697386;
    /* font-size: 13px; */
	line-height: 1.7;
	min-height: 65px;
	margin-bottom: 15px;
}


/* Results */

.case-results {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	border-top: 1px solid #edf0f7;
	padding-top: 15px;
	margin-bottom: 16px;
}

.case-results div {
	text-align: left;
}

.case-results strong {
	display: block;
	color: #111d4d;
	font-size: 17px;
	font-weight: 800;
}

.case-results small {
	display: block;
	color: #7a8398;
	font-size: 9px;
	line-height: 1.3;
}

.case-content > a {
	color: #2455e8;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
}

.case-content > a:hover {
	text-decoration: underline;
}

@media (max-width: 991px) {

	.case-filter-bar {
		flex-direction: column;
		align-items: stretch;
	}

	.case-search {
		width: 100%;
	}
}

@media (max-width: 575px) {

	.case-filters {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.case-filter {
		width: 100%;
	}

	.case-image {
		height: 210px;
	}

	.case-results strong {
		font-size: 15px;
	}
}

.contact-highlights {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 35px;
}

.contact-highlight-card {
	background: #ffffff;
	border: 1px solid #edf0f7;
	border-radius: 14px;
	padding: 22px 15px;
	text-align: center;
	transition: all 0.3s ease;
}

.contact-highlight-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 30px rgba(35, 70, 150, 0.10);
}

.highlight-icon {
	width: 68px;
	height: 68px;
	margin: 0 auto 15px;
	border-radius: 50%;
	background: #eef3ff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.highlight-icon img {
	width: 38px;
	height: 38px;
	object-fit: contain;
}

.contact-highlight-card h4 {
	margin: 0 0 5px;
	color: #10182f;
	font-size: 17px;
	font-weight: 600;
}

.contact-highlight-card p {
	margin: 0;
	color: #697386;
	font-size: 15px;
	line-height: 1.6;
}


/* Tablet */

@media (max-width: 991px) {

	.contact-highlights {
		grid-template-columns: repeat(2, 1fr);
	}
}


/* Mobile */

@media (max-width: 575px) {

	.contact-highlights {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.contact-highlight-card {
		padding: 25px 15px;
	}
}

.contact-form-section {
	background: #f8faff;
}

.contact-box {
	display: grid;
	grid-template-columns: 1.55fr 0.85fr;
	background: #ffffff;
	border: 1px solid #e8edf6;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 8px 30px rgba(30, 60, 120, 0.05);
}


.contact-form {
	padding: 35px 40px;
	border-right: 1px solid #edf0f6;
}

.contact-form h2,
.contact-information h2 {
	color: #10182f;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 12px;
}

.input-group-custom,
.textarea-custom {
	position: relative;
	width: 100%;
}

.input-group-custom i,
.textarea-custom > i {
	position: absolute;
	left: 17px;
	top: 50%;
	transform: translateY(-50%);
	color: #009d9e;
	font-size: 14px;
	z-index: 2;
}

.input-group-custom input,
.input-group-custom select,
.textarea-custom textarea {
	width: 100%;
	border: 1px solid #075252;
	border-radius: 8px;
	outline: none;
	color: #47536b;
	font-size: 16px;
	background: #fff;
	transition: .3s;
}

.input-group-custom input,
.input-group-custom select {
	height: 52px;
	padding: 0 16px 0 47px;
}

.textarea-custom textarea {
	height: 110px;
	resize: none;
	padding: 16px 16px 16px 47px;
}

.input-group-custom input:focus,
.input-group-custom select:focus,
.textarea-custom textarea:focus {
	border-color: #3159e8;
	box-shadow: 0 0 0 3px rgba(49, 89, 232, .07);
}

.input-group-custom input::placeholder,
.textarea-custom textarea::placeholder {
	color: #78839a;
}


/* Select */

.select-box select {
	appearance: none;
	cursor: pointer;
}

.select-arrow {
	left: auto !important;
	right: 17px;
	font-size: 11px !important;
}


.privacy-check {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #4e5a72;
	font-size: 15px;
	cursor: pointer;
}

.privacy-check input {
	width: 18px;
	height: 18px;
	accent-color: #3159e8;
	cursor: pointer;
}

.privacy-check a {
	color: #2455e8;
	font-weight: 600;
	text-decoration: none;
}


/* =========================================
   SEND BUTTON
========================================= */

.send-message-btn {
	height: 50px;
	padding: 0 28px;
	border: 0;
	border-radius: 7px;
	background: #2855e8;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: .3s;
}

.send-message-btn i {
	margin-left: 12px;
}

.send-message-btn:hover {
	background: #173fc9;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(40, 85, 232, .20);
}

.secure-message {
	color: #778198;
	font-size: 15px;
}

.secure-message i {
	margin-right: 7px;
	color: #59657c;
}



.contact-information {
	padding: 35px 35px;
}

.contact-intro {
	color: #697386;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 28px;
	max-width: 330px;
}


/* Contact item */

.contact-info-item {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	margin-bottom: 27px;
}


/* Icon */

.contact-info-icon {
	width: 58px;
	height: 58px;
	min-width: 58px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 21px;
}


/* Icon backgrounds */

.phone-icon {
	background: #eef1ff;
	color: #3159e8;
}

.email-icon {
	background: #eaf5ff;
	color: #1684d8;
}

.address-icon {
	background: #eaf9f0;
	color: #12a85b;
}

.skype-icon {
	background: #fff0e7;
	color: #f27820;
}


/* Information */

.contact-info-item h4 {
	color: #10182f;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 5px;
}

.contact-info-item a {
	display: block;
	color: #10182f;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 4px;
}

.contact-info-item p {
	margin: 0;
	color: #697386;
	font-size: 16px;
	line-height: 1.6;
}


@media (max-width: 991px) {

	.contact-box {
		grid-template-columns: 1fr;
	}

	.contact-form {
		border-right: 0;
		border-bottom: 1px solid #edf0f6;
	}
}

@media (max-width: 575px) {

	.contact-form,
    .contact-information {
		padding: 25px 20px;
	}

	.contact-form h2,
    .contact-information h2 {
		font-size: 20px;
	}

	.contact-info-item {
		gap: 13px;
	}

	.contact-info-icon {
		width: 50px;
		height: 50px;
		min-width: 50px;
	}
}

.location-section {
	/* background: #f8faff; */
}

.location-box {
	position: relative;
	height: 170px;
	border-radius: 15px;
	overflow: hidden;
	border: 1px solid #e8edf5;
	background: #fff;
	box-shadow: 0 5px 20px rgba(30, 60, 120, 0.05);
}


/* Google Map */

.location-map {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.location-map iframe {
	width: 100%;
	height: 100%;
	border: 0;
	filter: saturate(.65);
}


/* Location Card */

.location-info {
	position: absolute;
	left: 15px;
	top: 12px;
	bottom: 12px;
	width: 365px;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 20px 25px;
	background: rgba(255, 255, 255, 0.96);
	border-radius: 10px;
	box-shadow: 0 8px 25px rgba(20, 50, 100, .12);
}


/* Location Icon */

.location-icon {
	width: 58px;
	height: 58px;
	min-width: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #2855e8;
	border-radius: 50%;
	font-size: 25px;
}


/* Content */

.location-content h4 {
	color: #10182f;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 8px;
}

.location-content p {
	color: #697386;
	font-size: 13px;
	line-height: 1.6;
	margin: 0 0 8px;
}

.location-content a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #2455e8;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
}

.location-content a:hover {
	color: #173fc9;
}

.location-content a i {
	font-size: 10px;
}


/* Mobile */

@media (max-width: 767px) {

	.location-box {
		height: 360px;
	}

	.location-info {
		left: 12px;
		right: 12px;
		top: 12px;
		bottom: auto;
		width: auto;
		min-height: 145px;
		padding: 18px;
	}

	.location-map {
		top: 175px;
	}
}



.why-paikasoft-section {
	background: #f8faff;
}

.why-heading {
	margin-bottom: 25px;
}

.why-heading span {
	display: block;
	color: #2855e8;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
	margin-bottom: 7px;
}

.why-heading h2 {
	margin: 0;
	color: #10182f;
	font-size: 27px;
	font-weight: 600;
}


/* Card */

.why-paikasoft-card {
	height: 100%;
	min-height: 150px;
	padding: 15px 10px;
	background: #ffffff;
	border: 1px solid #edf0f7;
	border-radius: 10px;
	text-align: center;
	transition: all .3s ease;
}

.why-paikasoft-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 30px rgba(30, 65, 140, .10);
}


/* Icon */

.why-icon {
	width: 52px;
	height: 52px;
	margin: 0 auto 10px;
	border-radius: 50%;
	background: #eef3ff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.why-icon i {
	color: #2855e8;
	font-size: 22px;
}


/* Green */

.why-icon.green {
	background: #eaf8f0;
}

.why-icon.green i {
	color: #16a56a;
}


/* Orange */

.why-icon.orange {
	background: #fff0e7;
}

.why-icon.orange i {
	color: #f27632;
}


/* Heading */

.why-paikasoft-card h4 {
	color: #10182f;
    /* font-size: 13px; */
	font-weight: 600;
	margin: 0 0 7px;
}


/* Description */

.why-paikasoft-card p {
	color: #697386;
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
}


@media (max-width: 991px) {

	.why-paikasoft-card {
		min-height: 165px;
	}
}

@media (max-width: 575px) {

	.why-heading h2 {
		font-size: 22px;
	}

	.why-paikasoft-card {
		min-height: 170px;
	}

	.why-paikasoft-card h4 {
		font-size: 13px;
	}
}

.business-solutions {
	background: #ffffff;
}

.section-heading span {
	color: #2855e8;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
}

.section-heading h2 {
	color: #10182f;
	font-size: 34px;
	font-weight: 600;
	margin: 8px 0 12px;
}

.section-heading p {
	color: #697386;
	font-size: 15px;
}


/* Solution Card */

.solution-card {
	height: 100%;
	padding: 30px;
	border: 1px solid #e8edf5;
	border-radius: 16px;
	background: #fff;
	transition: .3s;
}

.solution-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 18px 45px rgba(35, 70, 150, .10);
}


/* Icon */

.solution-icon {
	width: 60px;
	height: 60px;
	border-radius: 15px;
	background: #eef3ff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.solution-icon i {
	color: #2855e8;
	font-size: 25px;
}

.solution-icon.green {
	background: #eaf8f0;
}

.solution-icon.green i {
	color: #13a866;
}

.solution-icon.purple {
	background: #f1ebff;
}

.solution-icon.purple i {
	color: #7b4de3;
}

.solution-icon.orange {
	background: #fff2e5;
}

.solution-icon.orange i {
	color: #ef8618;
}

.solution-icon.red {
	background: #ffeded;
}

.solution-icon.red i {
	color: #e84c4c;
}


/* Content */

.solution-label {
	color: #2855e8;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 1px;
}

.solution-card h3 {
	color: #10182f;
	font-size: 21px;
	font-weight: 600;
	margin: 8px 0 12px;
}

.solution-card p {
	color: #697386;
    /* font-size: 14px; */
	line-height: 1.7;
    /* min-height: 72px; */;
}

.solution-card ul {
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

.solution-card ul li {
	color: #59657c;
	font-size: 16px;
	margin-bottom: 4px;
	padding-left: 20px;
	position: relative;
}

.solution-card ul li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: #2855e8;
	font-weight: 600;
}

.solution-card > a {
	color: #2855e8;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

.about-story {
	background: #ffffff;
}



.about-story h2 {
	color: #10182f;
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 18px;
}

.about-story h2 span {
	color: #2855e8;
}

.about-story p {
	color: #697386;
	font-size: 17px;
	line-height: 1.8;
}

.about-story-image {
	padding: 20px;
}

.about-story-image img {
	width: 100%;
	border-radius: 18px;
}

.story-points {
	margin-top: 22px;
}

.story-points div {
	color: #4f5b72;
	font-size: 14px;
	margin-bottom: 10px;
}

.story-points i {
	color: #2855e8;
	margin-right: 8px;
}

.mission-section {
	background: #fff;
}

.mission-card {
	height: 100%;
	display: flex;
	gap: 18px;
	padding: 15px;
	border: 1px solid #e8edf5;
	border-radius: 16px;
	background: #fff;
	transition: .3s;
}

.mission-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(30, 65, 140, .08);
}

.mission-icon {
	width: 158px;
	height: 158px;
	min-width: 232px;
	border-radius: 14px;
	background: #eef3ff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mission-icon i {
	color: #2855e8;
	font-size: 24px;
}

.mission-icon.purple {
	background: #f1ebff;
}

.mission-icon.purple i {
	color: #7849df;
}

.mission-card h3 {
	color: #10182f;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.mission-card p {
	color: #697386;
	font-size: 17px;
	line-height: 1.7;
	margin: 0;
}

.values-section {
	background: #f8faff;
}

.value-card {
	height: 100%;
	padding: 28px 22px;
	background: #fff;
	border: 1px solid #e8edf5;
	border-radius: 14px;
	text-align: center;
	transition: .3s;
}

.value-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 35px rgba(30, 65, 140, .09);
}

.value-icon {
	width: 158px;
	height: 158px;
	margin: 0px auto 12px;
	border-radius: 50%;
	background: #eef3ff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.value-icon i {
	color: #2855e8;
	font-size: 23px;
}

.value-card h4 {
	color: #10182f;
	font-size: 17px;
	font-weight: 600;
}

.value-card p {
	color: #697386;
	font-size: 16px;
	line-height: 1.7;
	margin: 0;
}

.about-process {
	background: #fff;
}

.about-process-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	max-width: 1100px;
	margin: auto;
}

.about-process-item {
	width: 220px;
	text-align: center;
}

.about-process-number {
	width: 55px;
	height: 55px;
	margin: 0 auto 15px;
	border-radius: 50%;
	background: #2855e8;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 600;
}

.about-process-item h4 {
	color: #10182f;
	font-size: 17px;
	font-weight: 600;
}

.about-process-item p {
	color: #697386;
	font-size: 16px;
	line-height: 1.6;
}

.about-process-line {
	width: 80px;
	height: 1px;
	margin-top: 27px;
	background: #dce3f2;
}

@media(max-width: 767px) {

	.about-process-wrapper {
		display: block;
	}

	.about-process-item {
		width: 100%;
		max-width: 280px;
		margin: 0 auto 30px;
	}

	.about-process-line {
		display: none;
	}
}

.industries-section-paika {
	padding: 20px 20px 70px;
	background: #fff;
}



.section-heading-paika {
	text-align: center;
	margin-bottom: 28px;
}

.section-heading-paika .small-title {
	display: inline-block;
	color: 4f46e5;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 8px;
}

.section-heading-paika .small-title::after {
	content: "";
	display: block;
	width: 70px;
	height: 3px;
	background: 4f46e5;
	margin: 8px auto 0;
	border-radius: 5px;
}

.section-heading-paika h2 {
	font-size: 48px;
	line-height: 1.2;
	font-weight: 600;
	color: #111653;
	margin: 0 0 12px;
}

.section-heading-paika p {
	max-width: 650px;
	margin: 0 auto;
	color: #555b78;
	font-size: 17px;
	line-height: 1.7;
}


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



.industry-card-paika {
	position: relative;
	height: 315px;
	border-radius: 14px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	box-shadow: 0 5px 15px rgba(0,0,0,0.16);
	transition: all 0.35s ease;
}

.industry-card-paika:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.22);
}

.industry-card-paika::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
        to bottom,
        rgba(4,20,65,0) 10%,
        rgba(4,20,65,0.20) 35%,
        rgba(3,20,65,0.96) 100%
    );
}

.industry-icon-paika {
	position: absolute;
	top: 17px;
	left: 17px;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	background: 4f46e5;
	color: #fff;
	font-size: 25px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}



.industry-content-paika {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 17px;
	z-index: 2;
	color: #fff;
}

.industry-content-paika h3 {
	font-size: 25px;
	line-height: 1.2;
	font-weight: 600;
	margin-bottom: 5px;
	color: #fff;
}

.industry-content-paika p {
	font-size: 14px;
	line-height: 1.55;
	color: #fff;
	max-width: 350px;
	margin-bottom: 12px;
}



.explore-link-paika {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: #ff4085;
	font-size: 14px;
	font-weight: 600;
	transition: 0.3s ease;
}

.explore-link-paika span {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #ff4085;
	color: #fff;
	font-size: 13px;
	transition: 0.3s ease;
}

.explore-link-paika:hover {
	color: #fff;
}

.explore-link-paika:hover span {
	transform: translateX(4px);
}




@media (min-width: 1200px) {

	.industry-grid-paika {
		grid-template-columns: repeat(12, 1fr);
	}

	.industry-card-paika {
		grid-column: span 3;
	}

    /* 5th card */
	.industry-card-paika:nth-child(5) {
		grid-column: 2 / span 3;
	}

    /* 6th card */
	.industry-card-paika:nth-child(6) {
		grid-column: 5 / span 4;
	}

    /* 7th card */
	.industry-card-paika:nth-child(7) {
		grid-column: 9 / span 3;
	}
}



@media (max-width: 1199px) {

	.industry-grid-paika {
		grid-template-columns: repeat(2, 1fr);
	}

	.industry-card-paika {
		height: 320px;
	}
}




@media (max-width: 767px) {

	.industries-section-paika {
		padding: 30px 15px 50px;
	}

	.section-heading-paika {
		margin-bottom: 25px;
	}

	.section-heading-paika .small-title {
		font-size: 15px;
	}

	.section-heading-paika h2 {
		font-size: 31px;
	}

	.section-heading-paika p {
		font-size: 14px;
		line-height: 1.6;
	}

	.industry-grid-paika {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.industry-card-paika {
		height: 300px;
	}

	.industry-content-paika h3 {
		font-size: 23px;
	}
}


.why-solutions-section {
	padding: 70px 0;
	background: #f8f9ff;
}


/* Heading */

.why-solutions-heading {
	margin-bottom: 40px;
}

.why-solutions-heading > span {
	display: block;
	color: #f83c83;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
	margin-bottom: 8px;
}

.why-solutions-heading h2 {
	margin: 0 0 12px;
	color: #111653;
	font-size: 36px;
	font-weight: 600;
}

.why-solutions-heading p {
	max-width: 650px;
	margin: 0 auto;
	color: #666;
	font-size: 15px;
	line-height: 1.7;
}


/* Card */

.why-solution-card {
	height: 100%;
	display: flex;
	align-items: flex-start;
	gap: 18px;
	padding: 25px 22px;
	background: #fff;
	border: 1px solid #eeeeee;
	border-radius: 15px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
	transition: all .3s ease;
}

.why-solution-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.09);
	border-color: #e0e3ff;
}


/* Icon */

.why-solution-icon {
	width: 55px;
	height: 55px;
	min-width: 55px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}


/* Icon Colors */

.why-solution-icon.purple {
	background: #f0ebff;
	color: #653de2;
}

.why-solution-icon.blue {
	background: #eaf3ff;
	color: #3478df;
}

.why-solution-icon.orange {
	background: #fff1e4;
	color: #f28a18;
}

.why-solution-icon.green {
	background: #e8f8ef;
	color: #20a866;
}

.why-solution-icon.pink {
	background: #fff0f5;
	color: #e65a86;
}

.why-solution-icon.violet {
	background: #f1edff;
	color: #7548dc;
}


/* Content */

.why-solution-card h3 {
	margin: 2px 0 8px;
	color: #20283a;
	font-size: 18px;
	font-weight: 600;
}

.why-solution-card p {
	margin: 0;
	color: #666;
	font-size: 16px;
	line-height: 1.6;
}


/* Mobile */

@media (max-width: 767px) {

	.why-solutions-section {
		padding: 50px 15px;
	}

	.why-solutions-heading {
		margin-bottom: 30px;
	}

	.why-solutions-heading h2 {
		font-size: 28px;
	}

	.why-solutions-heading p {
		font-size: 14px;
	}

	.why-solution-card {
		padding: 20px 18px;
	}
}

.clients-grid-paika {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	width: 100%;
}



.client-logo-card-paika {
	height: 130px;
	background: #e7e7e7;
	border: 1px solid #eeeeee;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
	transition: transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
	overflow: hidden;
}

.client-logo-card-paika:hover {
	transform: translateY(-5px);
	border-color: #dfe3ff;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09);
}



.client-logo-card-paika img {
	max-width: 85%;
	max-height: 75px;
	width: auto;
	height: auto;
	object-fit: contain;
	transition: transform 0.3s ease;
}

.client-logo-card-paika:hover img {
	transform: scale(1.06);
}


/* =====================================
   TABLET
===================================== */

@media (max-width: 1199px) {

	.clients-grid-paika {
		grid-template-columns: repeat(4, 1fr);
	}
}



@media (max-width: 991px) {

	.clients-grid-paika {
		grid-template-columns: repeat(3, 1fr);
	}
}


@media (max-width: 575px) {

	.clients-grid-paika {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.client-logo-card-paika {
		height: 105px;
		padding: 15px;
		border-radius: 10px;
	}

	.client-logo-card-paika img {
		max-height: 55px;
		max-width: 90%;
	}
}

.travel-crm-benefits {
	padding: 85px 0;
	background: #f7f8ff;
}


/* Heading */

.crm-benefits-heading {
    /* max-width: 760px; */
	margin: 0 auto 50px;
}

.crm-benefits-heading span {
	display: inline-block;
	margin-bottom: 12px;
	color: #f83c83;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
}

.crm-benefits-heading h2 {
	margin: 0 0 15px;
	color: #111653;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.25;
}

.crm-benefits-heading h2 span {
	display: inline;
	color: #3867e8;
	font-size: inherit;
	letter-spacing: 0;
}

.crm-benefits-heading p {
	margin: 0;
	color: #666;
	font-size: 15px;
	line-height: 1.8;
}



.crm-benefit-card {
	position: relative;
	height: 100%;
	padding: 30px 28px;
	background: #fff;
	border: 1px solid #e9e9ef;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 8px 30px rgba(20, 30, 70, .05);
	transition: all .35s ease;
}

.crm-benefit-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 18px 45px rgba(20, 30, 70, .12);
	border-color: #dce2ff;
}


/* Top */

.crm-benefit-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}


/* Icon */

.crm-benefit-icon {
	width: 62px;
	height: 62px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	background: #eef1ff;
	color: #3e5de7;
	font-size: 25px;
}


/* Number */

.crm-benefit-number {
	color: #d9dced;
	font-size: 34px;
	font-weight: 600;
}


/* Heading */

.crm-benefit-card h3 {
	margin: 0 0 15px;
	color: #111653;
	font-size: 23px;
	line-height: 1.4;
	font-weight: 600;
}


/* Description */

.crm-benefit-card p {
	margin: 0 0 25px;
	color: #666;
	font-size: 16px;
	line-height: 1.8;
}


/* Bottom link */

.crm-benefit-link {
	padding-top: 18px;
	border-top: 1px solid #eeeeee;
	color: #f83c83;
	font-size: 13px;
	font-weight: 600;
}

.crm-benefit-link i {
	margin-left: 7px;
	transition: transform .3s ease;
}

.crm-benefit-card:hover .crm-benefit-link i {
	transform: translateX(5px);
}


/* Featured */

.crm-benefit-card.featured {
	background: #111d50;
	border-color: #111d50;
	transform: translateY(-10px);
}

.crm-benefit-card.featured:hover {
	transform: translateY(-18px);
}

.crm-benefit-card.featured h3 {
	color: #fff;
}

.crm-benefit-card.featured p {
	color: #d8dcf0;
}

.crm-benefit-card.featured .crm-benefit-icon {
	background: #f83c83;
	color: #fff;
}

.crm-benefit-card.featured .crm-benefit-number {
	color: rgba(255,255,255,.18);
}

.crm-benefit-card.featured .crm-benefit-link {
	border-color: rgba(255,255,255,.15);
	color: #ff5d9a;
}



@media (max-width: 991px) {

	.crm-benefit-card.featured {
		transform: none;
	}

	.crm-benefit-card.featured:hover {
		transform: translateY(-8px);
	}
}

@media (max-width: 767px) {

	.travel-crm-benefits {
		padding: 55px 15px;
	}

	.crm-benefits-heading {
		margin-bottom: 30px;
	}

	.crm-benefits-heading h2 {
		font-size: 29px;
	}

	.crm-benefits-heading p {
		font-size: 14px;
	}

	.crm-benefit-card {
		padding: 25px 22px;
	}
}

.web-btn-primary {
	background: #009d9e;
	color: #fff;
	padding: 14px 27px;
	border-radius: 8px;
	font-weight: 600;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	transition: .3s;
}

.web-btn-primary:hover {
	background: #084298;
	color: #fff;
	transform: translateY(-2px);
}

.web-btn-outline {
	background: #fff;
	color: #182230;
	border: 1px solid #d9dee7;
	padding: 14px 27px;
	border-radius: 8px;
	font-weight: 600;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	transition: .3s;
}

.web-btn-outline:hover {
	border-color: #0d6efd;
	color: #0d6efd;
}

    /* HERO CARD */
.web-hero-card {
	position: relative;
	z-index: 2;
	background: #fff;
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 25px 70px rgba(31, 45, 61, .12);
}

.web-browser {
	border: 1px solid #e8ebf0;
	border-radius: 13px;
	overflow: hidden;
}

.browser-top {
	background: #f6f7f9;
	padding: 12px 15px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.browser-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #c7ccd4;
}

.browser-address {
	margin-left: 10px;
	background: #fff;
	border-radius: 5px;
	height: 25px;
	flex: 1;
}

.browser-content {
	padding: 30px 25px;
}

.browser-content .mock-title {
	height: 13px;
	width: 65%;
	background: #0d6efd;
	border-radius: 5px;
	margin-bottom: 15px;
}

.browser-content .mock-line {
	height: 8px;
	width: 90%;
	background: #e8edf5;
	border-radius: 5px;
	margin-bottom: 9px;
}

.browser-content .mock-line.small {
	width: 60%;
}

.mock-boxes {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-top: 25px;
}

.mock-box {
	height: 80px;
	background: #f1f5fb;
	border-radius: 8px;
}

.hero-tech-list {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 22px;
}

.hero-tech-list span {
	background: #f5f7fa;
	color: #475467;
	padding: 7px 12px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 600;
}

    /* COMMON */
.web-section {
	padding: 50px 0;
}

.web-section-light {
	background: #f8fafc;
}

.web-section-title {
	text-align: center;
	margin-bottom: 10px;
}

.web-section-title .small-title {
	color: #0d6efd;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

.web-section-title h2 {
	color: #182230;
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 15px;
}

.web-section-title p {
	color: #667085;
	margin: auto;
	line-height: 1.7;
}

    /* INTRO */
.web-intro {
	max-width: 900px;
	margin: auto;
	text-align: center;
}

.web-intro h2 {
	font-size: 38px;
	font-weight: 600;
	color: #182230;
	margin-bottom: 20px;
}

.web-intro p {
	color: #667085;
	font-size: 16px;
	line-height: 1.9;
}

    /* SERVICES */
.web-service-card {
	background: #fff;
	border: 1px solid #edf0f4;
	border-radius: 15px;
	padding: 30px 25px;
	height: 100%;
	transition: .3s;
	position: relative;
	overflow: hidden;
}

.web-service-card:before {
	content: "";
	position: absolute;
	height: 3px;
	left: 0;
	right: 0;
	top: 0;
	background: #0d6efd;
	transform: scaleX(0);
	transition: .3s;
}

.web-service-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 18px 45px rgba(16, 24, 40, .09);
}

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

.web-service-icon {
	width: 63px;
	height: 62px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #edf5ff;
	color: #009d9e;
	border-radius: 12px;
	font-size: 28px;
	margin-bottom: 20px;
}

.web-service-card h3 {
	font-size: 20px;
	font-weight: 600;
	color: #182230;
	margin-bottom: 12px;
}

.web-service-card p {
	color: #667085;
	line-height: 1.7;
	margin-bottom: 0;
}

    /* WHY CHOOSE */
.web-why-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}

.web-why-card {
	display: flex;
	gap: 15px;
	background: #fff;
	border: 1px solid #edf0f4;
	border-radius: 12px;
	padding: 22px;
	transition: .3s;
}

.web-why-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 15px 35px rgba(16, 24, 40, .07);
}

.web-why-icon {
	flex: 0 0 45px;
	width: 45px;
	height: 45px;
	border-radius: 10px;
	background: #edf5ff;
	color: #0d6efd;
	display: flex;
	align-items: center;
	justify-content: center;
}

.web-why-card h4 {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 6px;
	color: #182230;
}

.web-why-card p {
	margin: 0;
	font-size: 17px;
	color: #667085;
	line-height: 1.6;
}

    /* PROCESS */
.web-process {
	position: relative;
}

.web-process:before {
	content: "";
	position: absolute;
	left: 8.33%;
	right: 8.33%;
	top: 48px;
	border-top: 1px dashed #cdd5df;
}

.web-process-item {
	text-align: center;
	position: relative;
	z-index: 2;
}

.web-process-number {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #0d6efd;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 17px;
	margin: 0 auto 20px;
	border: 6px solid #edf5ff;
}

.web-process-item h4 {
	font-size: 17px;
	font-weight: 600;
	color: #182230;
	margin-bottom: 8px;
}

.web-process-item p {
	font-size: 17px;
	color: #667085;
	line-height: 1.6;
	margin: 0;
}

    /* TECHNOLOGY */
.tech-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 13px;
}

.tech-item {
	background: #fff;
	border: 1px solid #e8edf3;
	padding: 13px 22px;
	border-radius: 8px;
	color: #344054;
	font-size: 14px;
	font-weight: 600;
	transition: .3s;
}

.tech-item:hover {
	color: #0d6efd;
	border-color: #0d6efd;
	transform: translateY(-3px);
}

    /* WEBSITE TYPES */
.web-type-card {
	text-align: center;
	background: #fff;
	border: 1px solid #edf0f4;
	border-radius: 12px;
	padding: 25px 15px;
	height: 100%;
	transition: .3s;
}

.web-type-card:hover {
	box-shadow: 0 15px 35px rgba(16, 24, 40, .07);
	transform: translateY(-4px);
}

.web-type-card i {
	font-size: 40px;
	color: #009d9e;
	margin-bottom: 14px;
}

.web-type-card h4 {
	font-size: 16px;
	color: #182230;
	font-weight: 600;
	margin: 0;
}

    /* SEO */
.web-seo-box {
	background: #009d9e;
	color: #fff;
	padding: 55px;
	border-radius: 20px;
}

.web-seo-box h2 {
	font-size: 34px;
	font-weight: 600;
	margin-bottom: 18px;
}

.web-seo-box p {
	color: #fff;
	line-height: 1.8;
	margin-bottom: 0;
}

.web-seo-points {
	margin-top: 25px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 13px;
}

.web-seo-points div {
	color: #fff;
	font-size: 17px;
}

.web-seo-points i {
	color: #60a5fa;
	margin-right: 8px;
}

    /* FAQ */
.web-faq .accordion-item {
	border: 1px solid #e7ebf0;
	margin-bottom: 12px;
	border-radius: 9px !important;
	overflow: hidden;
}

.web-faq .accordion-button {
	font-weight: 600;
	color: #182230;
	padding: 19px 22px;
	box-shadow: none;
}

.web-faq .accordion-button:not(.collapsed) {
	background: #f4f8ff;
	color: #0d6efd;
}

.web-faq .accordion-body {
	color: #667085;
	line-height: 1.7;
}

    /* CTA */
.web-cta {
	padding: 75px 0;
	background: linear-gradient(135deg, #0d6efd, #1646a0);
	color: #fff;
	text-align: center;
}

.web-cta h2 {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 15px;
}

.web-cta p {
	max-width: 600px;
	margin: 0 auto 28px;
	color: rgba(255, 255, 255, .85);
	line-height: 1.7;
}

.web-cta .web-btn-primary {
	background: #fff;
	color: #0d6efd;
}

.web-cta .web-btn-primary:hover {
	background: #f1f5f9;
	color: #084298;
}

    /* RESPONSIVE */
@media(max-width: 991px) {

	.web-hero {
		padding: 75px 0;
	}

	.web-hero h1 {
		font-size: 42px;
	}

	.web-hero-card {
		margin-top: 40px;
	}

	.web-process:before {
		display: none;
	}

	.web-process-item {
		margin-bottom: 35px;
	}

	.web-section {
		padding: 65px 0;
	}
}

@media(max-width: 767px) {

	.web-hero {
		padding: 60px 0;
	}

	.web-hero h1 {
		font-size: 34px;
	}

	.web-hero-text {
		font-size: 16px;
	}

	.web-section-title h2,
        .web-intro h2 {
		font-size: 30px;
	}

	.web-why-list,
        .web-seo-points {
		grid-template-columns: 1fr;
	}

	.web-seo-box {
		padding: 35px 25px;
	}

	.web-seo-box h2 {
		font-size: 28px;
	}

	.web-cta h2 {
		font-size: 30px;
	}
}


.business-challenges {
	background: #f8f9fc;
	position: relative;
	overflow: hidden;
}

.business-challenges::before {
	content: "";
	position: absolute;
	width: 350px;
	height: 350px;
	border-radius: 50%;
	background: rgba(79, 70, 229, 0.05);
	top: -150px;
	right: -100px;
}

.challenge-label {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.6px;
	color: #4f46e5;
	margin-bottom: 12px;
}

.challenge-title {
	font-size: 42px;
	line-height: 1.15;
	font-weight: 600;
	color: #18233c;
	margin-bottom: 18px;
}

.challenge-title span {
	display: block;
	color: #4f46e5;
}

.challenge-text {
	color: #6b7280;
	font-size: 16px;
	line-height: 1.8;
	max-width: 480px;
	margin-bottom: 28px;
}

.challenge-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 13px 21px;
	background: #4f46e5;
	color: #fff;
	border-radius: 8px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	transition: all .3s ease;
}

.challenge-btn:hover {
	color: #fff;
	background: #3730a3;
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(79,70,229,.20);
}

.challenge-btn i {
	transition: .3s;
}

.challenge-btn:hover i {
	transform: translateX(5px);
}


/* CARD */

.challenge-card {
	height: 100%;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	padding: 22px 18px;
	background: #fff;
	border: 1px solid #eceef3;
	border-radius: 14px;
	box-shadow: 0 6px 25px rgba(0,0,0,.035);
	transition: all .3s ease;
}

.challenge-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0,0,0,.08);
	border-color: #ddd;
}

.challenge-icon {
	width: 52px;
	height: 52px;
	min-width: 52px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

.challenge-card h4 {
	font-size: 18px;
	font-weight: 600;
	color: #20283a;
	margin: 2px 0 7px;
}

.challenge-card p {
	font-size: 13px;
	line-height: 1.6;
	color: #777;
	margin: 0;
}


/* ICON COLORS */

.challenge-icon.purple {
	background: #f0ebff;
	color: #653de2;
}

.challenge-icon.blue {
	background: #eaf3ff;
	color: #2877df;
}

.challenge-icon.green {
	background: #e8f8ef;
	color: #20a866;
}

.challenge-icon.orange {
	background: #fff1e4;
	color: #f28a18;
}

.challenge-icon.pink {
	background: #fff0f5;
	color: #e65a86;
}

.challenge-icon.violet {
	background: #f1edff;
	color: #7548dc;
}



@media (max-width: 991px) {

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

	.challenge-text {
		max-width: 100%;
	}
}

@media (max-width: 767px) {

	.business-challenges {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

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

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

	.challenge-btn {
		width: 100%;
		justify-content: center;
	}

	.challenge-card {
		padding: 18px 15px;
	}
}


.custom-solution-section {
	background: #f8f9fc;
}

.custom-solution-box {
	position: relative;
	overflow: hidden;
	min-height: 360px;
	padding: 55px 60px;
	border-radius: 20px;
	background: linear-gradient(135deg, #8b8b8b 0%, #009d9e 55%, #08617f 100%);
	display: flex;
	align-items: center;
	box-shadow: 0 20px 50px rgba(23, 37, 84, 0.18);
}

/* Decorative circles */

.custom-solution-box::before {
	content: "";
	position: absolute;
	width: 320px;
	height: 320px;
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 50%;
	right: 70px;
	top: -150px;
}

.custom-solution-box::after {
	content: "";
	position: absolute;
	width: 450px;
	height: 450px;
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: 50%;
	right: -80px;
	bottom: -280px;
}


/* Content */

.custom-solution-content {
	position: relative;
	z-index: 5;
	max-width: 720px;
}

.custom-solution-content > span {
	display: inline-block;
	margin-bottom: 12px;
	color: #ff4d91;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.7px;
}

.custom-solution-content h2 {
	margin: 0 0 16px;
	color: #ffffff;
	font-size: 38px;
	line-height: 1.2;
	font-weight: 600;
}

.custom-solution-content p {
	max-width: 650px;
	margin: 0 0 25px;
	color: rgba(255,255,255,0.78);
	font-size: 15px;
	line-height: 1.75;
}


/* Points */

.custom-points {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 25px;
	margin-bottom: 30px;
}

.custom-points span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(255,255,255,0.9);
	font-size: 14px;
	font-weight: 500;
}

.custom-points i {
	color: #48d597;
	font-size: 13px;
}


/* Button */

.custom-solution-content .btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	border: 0;
	border-radius: 8px;
	color: #25347c;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.3s ease;
}

.custom-solution-content .btn i {
	transition: transform 0.3s ease;
}

.custom-solution-content .btn:hover {
	color: #25347c;
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.18);
}

.custom-solution-content .btn:hover i {
	transform: translateX(5px);
}


/* Right Gear */

.custom-solution-icon {
	position: absolute;
	z-index: 4;
	right: 75px;
	top: 50%;
	transform: translateY(-50%);
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.12);
	display: flex;
	align-items: center;
	justify-content: center;
}

.custom-solution-icon::before {
	content: "";
	position: absolute;
	width: 135px;
	height: 135px;
	border-radius: 50%;
	border: 1px dashed rgba(255,255,255,0.25);
}

.custom-solution-icon i {
	position: relative;
	z-index: 2;
	color: #ffffff;
	font-size: 72px;
	opacity: 0.9;
}


/* =========================================
   FINAL CTA
========================================= */

.solutions-final-cta {
	background: #ffffff;
}

.solutions-cta-box {
	position: relative;
	overflow: hidden;
	padding: 45px 50px;
	border-radius: 18px;
	background: linear-gradient(135deg, #009d9e 0%, #08617f 50%, #009d9e 100%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	box-shadow: 0 15px 40px rgba(79,70,229,0.18);
}


/* Decorative shape */

.solutions-cta-box::before {
	content: "";
	position: absolute;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.10);
	right: -80px;
	top: -180px;
}

.solutions-cta-box::after {
	content: "";
	position: absolute;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.08);
	left: -100px;
	bottom: -140px;
}


/* CTA Text */

.solutions-cta-box > div:first-child {
	position: relative;
	z-index: 3;
	max-width: 600px;
}

.solutions-cta-box > div:first-child > span {
	display: inline-block;
	margin-bottom: 10px;
	color: rgba(255,255,255,0.75);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.5px;
}

.solutions-cta-box h2 {
	margin: 0 0 12px;
	color: #ffffff;
	font-size: 32px;
	line-height: 1.25;
	font-weight: 600;
}

.solutions-cta-box p {
	margin: 0;
	max-width: 620px;
	color: rgba(255,255,255,0.78);
	font-size: 14px;
	line-height: 1.7;
}


/* CTA Buttons */

.solutions-cta-buttons {
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}

.solutions-cta-buttons .btn {
	min-width: 155px;
	padding: 12px 20px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.3s ease;
}

.solutions-cta-buttons .btn-light {
	color: #4f46e5;
	border: 1px solid #ffffff;
}

.solutions-cta-buttons .btn-light:hover {
	color: #3730a3;
	background: #ffffff;
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.solutions-cta-buttons .btn-outline-light {
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.7);
}

.solutions-cta-buttons .btn-outline-light:hover {
	color: #4f46e5;
	background: #ffffff;
	border-color: #ffffff;
	transform: translateY(-3px);
}


@media (max-width: 991px) {

	.custom-solution-box {
		padding: 45px 40px;
	}

	.custom-solution-content {
		max-width: 100%;
	}

	.custom-solution-icon {
		right: 35px;
		opacity: 0.45;
	}

	.solutions-cta-box {
		padding: 40px 35px;
		flex-direction: column;
		align-items: flex-start;
	}

	.solutions-cta-buttons {
		width: 100%;
	}
}


@media (max-width: 767px) {

	.custom-solution-section {
		padding-top: 45px !important;
		padding-bottom: 45px !important;
	}

	.custom-solution-box {
		padding: 35px 25px;
		border-radius: 15px;
		min-height: auto;
	}

	.custom-solution-content h2 {
		font-size: 28px;
	}

	.custom-solution-content p {
		font-size: 14px;
		line-height: 1.65;
	}

	.custom-points {
		display: block;
		margin-bottom: 25px;
	}

	.custom-points span {
		display: flex;
		margin-bottom: 10px;
	}

	.custom-solution-icon {
		width: 120px;
		height: 120px;
		right: -20px;
		top: 45px;
		opacity: 0.18;
	}

	.custom-solution-icon::before {
		width: 90px;
		height: 90px;
	}

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

	.custom-solution-content .btn {
		width: 100%;
		justify-content: center;
	}


    /* FINAL CTA */

	.solutions-final-cta {
		padding-top: 35px !important;
		padding-bottom: 45px !important;
	}

	.solutions-cta-box {
		padding: 35px 25px;
		border-radius: 15px;
		gap: 25px;
	}

	.solutions-cta-box h2 {
		font-size: 26px;
	}

	.solutions-cta-box p {
		font-size: 13px;
	}

	.solutions-cta-buttons {
		flex-direction: column;
		width: 100%;
	}

	.solutions-cta-buttons .btn {
		width: 100%;
	}
}
.service-icon-paika{
    width: 200px;
    height: 200px;
    border-radius: 14px;
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    margin-bottom: 20px;
    background: #eef5ff;
    text-align: center;
}

    .hero-image {
    position: relative;
    width: 100%;
}

.hero-image .carousel-item {
    text-align: center;
}

.hero-image img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    display: block;
}

.hero-image .carousel-control-prev,
.hero-image .carousel-control-next {
    width: 42px;
    height: 42px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(37, 99, 235, 0.9);
    border-radius: 50%;
    opacity: 0;
    transition: .3s;
}

.hero-image:hover .carousel-control-prev,
.hero-image:hover .carousel-control-next {
    opacity: 1;
}

.hero-image .carousel-control-prev {
    left: 10px;
}

.hero-image .carousel-control-next {
    right: 10px;
}

.hero-image .carousel-indicators {
    margin-bottom: -30px;
}

.hero-image .carousel-indicators button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 0;
    margin: 0 4px;
}

@media (max-width: 1199px) {
    .navbar {
        position: relative;
        z-index: 1050;

        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }


    .navbar-brand {
        margin-right: 0 !important;
        flex-shrink: 0;
    }

    .navbar-brand img {
        max-width: 130px;
        height: auto;
        display: block;
    }



    .mobile-phone-number {
        display: flex;

        align-items: center;

        margin-left: auto;
        margin-right: 10px;

        white-space: nowrap;

        flex-shrink: 1;
    }

    .mobile-phone-number a {
        display: flex;

        align-items: center;

        gap: 5px;

        text-decoration: none;

        color: #4f46e5;

        font-size: 11px;

        font-weight: 600;

        line-height: 1;
    }

    .mobile-phone-number i {
        color: #4f46e5;

        font-size: 12px;
    }



    .navbar-toggler {

        position: relative;

        z-index: 1201;

        border: 1px solid #777;

        border-radius: 10px;

        background: #fff;

        box-shadow: none !important;

        flex-shrink: 0;

        padding: 6px 9px !important;

        margin-left: 0;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
    }



    .navbar-collapse {

        position: fixed !important;

        top: 0;
        left: 0;

        width: 300px;

        max-width: 85vw;

        height: 100vh;

        background: #fff;

        padding: 25px 22px;

        z-index: 1200;

        overflow-y: auto;

        display: block !important;

        transform: translateX(-105%);

        visibility: hidden;

        transition:
            transform 0.35s ease,
            visibility 0.35s ease;

        box-shadow:
            8px 0 30px rgba(0,0,0,0.12);
    }



    .navbar-collapse.show {

        transform: translateX(0);

        visibility: visible;
    }


    .navbar-collapse.collapsing {

        height: 100vh !important;

        transform: translateX(-105%);

        visibility: hidden;

        transition:
            transform 0.35s ease !important;
    }



    .mobile-menu-header {

        display: flex;

        align-items: center;

        justify-content: space-between;

        padding-bottom: 20px;

        margin-bottom: 10px;

        border-bottom: 1px solid #eeeeee;
    }


    .mobile-menu-title {

        font-size: 20px;

        font-weight: 600;

        color: #18233c;
    }


    .mobile-menu-close {

        width: 38px;

        height: 38px;

        border: 0;

        border-radius: 50%;

        background: #f1f3ff;

        color: #4f46e5;

        display: flex;

        align-items: center;

        justify-content: center;

        font-size: 16px;

        cursor: pointer;

        transition: 0.3s;
    }


    .mobile-menu-close:hover {

        background: #4f46e5;

        color: #fff;
    }


    .navbar-collapse .navbar-nav {

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        margin: 0 !important;
    }


    .navbar-collapse .nav-item {

        width: 100%;
    }


    .navbar-collapse .nav-link {

        width: 100%;

        padding: 13px 0;

        font-size: 15px;

        font-weight: 600;

        color: #18233c;

        border-bottom: 1px solid #f1f1f1;

        display: flex;

        align-items: center;

        transition: 0.3s;
    }


    .navbar-collapse .nav-link:hover,
    .navbar-collapse .nav-link.active {

        color: #4f46e5;
    }


    .navbar-collapse .dropdown-menu {

        position: static !important;

        float: none !important;

        width: 100%;

        margin: 0 !important;

        padding: 5px 12px;

        border: 0 !important;

        border-radius: 8px !important;

        background: #f6f7ff !important;

        box-shadow: none !important;

        transform: none !important;

        visibility: visible !important;

        opacity: 1 !important;
    }


    .navbar-collapse .dropdown-menu .dropdown-item {padding: 9px 5px;font-size: 16px;color: #333;border-bottom: 1px solid rgba(0,0,0,0.04);font-weight: 600;}


    .navbar-collapse .dropdown-menu .dropdown-item:hover {

        background: transparent;

        color: #4f46e5;
    }


    /* Dropdown arrow */

    .navbar-collapse .dropdown-toggle::after {

        margin-left: auto;
    }



    .navbar-collapse > .d-flex.me-4 {

        margin: 25px 0 15px !important;

        width: 100%;

        justify-content: flex-start;
    }

    .navbar-collapse > .btn-search,
    .navbar-collapse > .btn {

        display: inline-flex;

        align-items: center;

        justify-content: center;

        width: auto;

        min-width: 100px;

        height: 45px;

        border-radius: 25px !important;

        margin-top: 10px;
    }



    .navbar-collapse::after {

        content: "";

        position: fixed;

        top: 0;

        left: 300px;

        width: calc(100vw - 300px);

        height: 100vh;

        background: rgba(0,0,0,0.35);

        opacity: 0;

        pointer-events: none;

        transition: opacity 0.35s ease;

        z-index: -1;
    }


    .navbar-collapse.show::after {

        opacity: 1;

        pointer-events: auto;
    }
}

 .paika-about{
        display: none;
    }
    
 .logo-main{
            width: 67%;
    }  
    
    
@media (max-width: 480px) {
    p {
	font-size: 19px;
    }
    
    .logo-main{
            width: 100%;
    }

    /* Logo */
    .navbar-brand img {
        max-width: 105px !important;
        height: auto;
    }
    
    .paika-about{
        display: block;
    }
     .display-1{
        font-size: 32px;
    }
    .homepage-faq{
        display: none;
    }
    
    .why-paikasoft{
        display: none;
    }
    
    .footer_menu   li a{
        font-size: 20px
    }

    /* Phone */
    .mobile-phone-number {
        margin-right: 6px;
    }


    .mobile-phone-number a {

        font-size: 8px;

        gap: 3px;
    }


    .mobile-phone-number i {

        font-size: 9px;
    }


    /* Hamburger */
    .navbar-toggler {

        padding: 5px 8px !important;

        border-radius: 8px !important;
    }
    
    .location-info {
		gap: 14px;
	}

	.location-icon {
		width: 50px;
		height: 50px;
		min-width: 50px;
		font-size: 21px;
	}
	
    .crm-top-right {
		display: none;
	}

	.crm-dashboard {
		padding: 8px;
	}

	.crm-stat-card strong {
		font-size: 10px;
	}

	.crm-chart-box {
		min-height: 115px;
	}

	.sales-chart {
		height: 70px;
	}

	.source-content {
		gap: 6px;
	}

	.donut-chart {
		width: 60px;
		height: 60px;
	}

	.donut-chart::after {
		width: 28px;
		height: 28px;
	}

	.crm-play-btn {
		width: 50px;
		height: 50px;
		font-size: 15px;
	}
	.client-logo {
		flex: 0 0 100%;
	}
		.action-slide {
		flex: 0 0 100%;
	}

	.screen-card img {
		height: 190px;
	}

	.slider-window {
		width: calc(100% - 50px);
	}

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

	.more-feature-item {
		padding: 10px 12px;
		min-height: 55px;
	}

	.more-feature-item::after {
		display: none !important;
	}

	.more-feature-content h4 {
		font-size: 11px;
	}

	.more-feature-content p {
		font-size: 9px;
		max-width: 100%;
	}

	.more-feature-icon {
		width: 34px;
		height: 34px;
		min-width: 34px;
		font-size: 13px;
	}

	.travel-benefits-grid {
		grid-template-columns: 1fr;
	}

	.travel-benefit-item {
		min-height: 100px;
		padding: 5px 15px;
	}

	.travel-benefit-item::after {
		display: none !important;
	}

	.travel-benefits-title {
		font-size: 22px;
	}

}


@media (max-width: 360px) {
   

    .navbar-brand img {

        max-width: 90px !important;
    }


    .mobile-phone-number a {

        font-size: 7px;
    }


    .mobile-phone-number i {

        font-size: 8px;
    }


    .mobile-phone-number {

        margin-right: 4px;
    }


    .navbar-toggler {

        padding: 4px 7px !important;
    }

}




@media (min-width: 1200px) {

    .mobile-menu-header {

        display: none;
    }

    .mobile-phone-number {

        display: none;
    }

}

.hero-eyebrow {
        display: inline-block;
        margin-bottom: 14px;
        padding: 7px 14px;
        border-radius: 30px;
        background: rgba(13, 110, 253, .08);
        color: var(--bs-primary);
        font-size: 13px;
        font-weight: 600;
        letter-spacing: .08em;
    }

    .hero-description {
        max-width: 680px;
        line-height: 1.75;
    }

    .seo-intro {
        background: #fff;
    }

    .faq-card {
        height: 100%;
        padding: 28px;
        background: #fff;
        border: 1px solid rgba(13, 110, 253, .10);
        border-radius: 16px;
        box-shadow: 0 8px 30px rgba(0, 0, 0, .05);
    }

    .faq-card h3 {
        color: #212529;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .faq-card p {
        line-height: 1.7;
    }

    @media (max-width: 767px) {
        .hero-eyebrow {
            font-size: 11px;
            padding: 6px 10px;
        }

        .hero-description {
            font-size: 16px !important;
            line-height: 1.6;
        }

        .faq-card {
            padding: 22px;
        }
    }

.hidden-feature {
    display: none;
}

.hidden-feature.show-feature {
    display: block;
}
#featureReadMore {
    min-width: 160px;
    border-radius: 30px;
    font-weight: 600;
}

.tech-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    width: 100%;
}

.tech-item {
    height: 130px;
    /* background: #dcecef; */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow: hidden;
}

.tech-item img {
    width: 100%;
    height: 80px;
    object-fit: contain;
    display: block;
}
.whatsappFixed {
                position: fixed;
                bottom: 100px;
                right: 0px;
                z-index: 999;
                color: #fff;
                text-decoration: none;
            }
            .fw-semibold{
                font-size: 20px;
    FONT-WEIGHT: 600;
                
            }
            /*.final-cta-section {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(8px);
}*/

.navbar {
    position: sticky;
    top: 0;
    z-index: 9999;
    width: 100%;
    background: #fff !important;
    transition: all 0.3s ease;
}

/* Shadow when fixed */
.navbar.navbar-scrolled {
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.10);
}