/* ***** Global ***** */
:root {
	--lqd-color-primary: #F47A51;
	--lqd-color-secondary: #FFE141;
	--lqd-body-text-color: #454545;
	--lqd-color-purple-100: #f5c937;
	--lqd-color-purple-500: #FF6421;
	--lqd-color-green-500: #0AC994;
	--lqd-color-slate-100: #F3F7FF;
	--lqd-color-slate-500: #6e7f99;
	--lqd-color-slate-600: #5D6371;
	--lqd-color-slate-700: #2F313B;
	--lqd-color-gray-100: #FAF7F7;
	--lqd-color-gray-200: #F2F3F4;
	--lqd-color-gray-300: #bbb;
	--lqd-color-gray-700: #454545;
	--lqd-color-gray-900: #222222;
	--lqd-color-blue-500: #006BFF;
	--lqd-color-blue-900: #28263C;
	--lqd-color-dark: #262626;
	--lqd-color-gradient-start: var(--lqd-color-primary);
	--lqd-color-gradient-stop: var(--lqd-color-secondary);
	--lqd-badge-color: var(--lqd-color-primary);

	--lqd-body-font-family: "Golos Text", Sans-serif;

	--lqd-heading-color: #181b31;
	--lqd-heading-font-family: var(--lqd-body-font-family);
	--lqd-heading-font-weight: 600;
	--lqd-heading-line-height: 1.2em;
	--lqd-h1-font-size: 62px;
	--lqd-h2-font-size: 56px;
	--lqd-h2-line-height: 1em;
	--lqd-h2-letter-spacing: -1.4px;
	--lqd-h3-font-size: 32px;
	--lqd-h3-font-size: 25px;
	--lqd-h5-font-size: 21px;
	--lqd-h6-color: #254043;
	--lqd-h6-font-size: 10px;
	--lqd-h6-font-weight: 500;

	--lqd-cc-bc: var(--lqd-color-primary);
	--lqd-cc-bg: var(--lqd-color-primary);
	--lqd-cc-size-outer: 35px;
	--lqd-cc-size-inner: 7px;
	--lqd-cc-bw: 1px;
	--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
	--lqd-cc-active-bc: var(--lqd-color-primary);
	--lqd-cc-active-bg: var(--lqd-color-primary);
	--lqd-cc-active-bw: 1px;
	--lqd-cc-active-circle-color: #fff;
	--lqd-cc-active-circle-txt: #000;
	--lqd-cc-active-arrow-color: #fff;
}

.module-sections>section,
.main-footer>section {
	width: 1200px;
	margin: 0 auto;
}

@media (max-width: 1199px) {
	.module-sections>section {
		width: 100%;
	}
}

@media (max-width: 767px) {

	h2,
	.h2 {
		font-size: 12vw;
	}
}

/* ***** Button ***** */
.module-btn-md {
	--btn-pt: 12px;
	--btn-pe: 24px;
	--btn-pb: 12px;
	--btn-ps: 24px;
}

.module-btn-sm {
	--btn-pt: 8px;
	--btn-pe: 22px;
	--btn-pb: 8px;
	--btn-ps: 22px;
}

.module-btn-xs {
	--btn-pt: 2px;
	--btn-pe: 6px;
	--btn-pb: 2px;
	--btn-ps: 6px;
}

/* ***** Main Header ***** */
.main-header .module-header-top {
	min-height: 46px;
}

.main-header .module-header-middle .social-icon:hover svg,
.main-header .module-header-middle .social-icon:hover path {
	fill: #0E1758BD;
}

.main-header .module-header-middle {
	min-height: 36px;
}

.main-header .module-header-middle .social-icons-wrapper {
	--grid-template-columns: repeat(0, auto);
	--icon-size: 20px;
	--grid-column-gap: 15px;
	--grid-row-gap: 0;
}

.main-header .module-header-bottom {
	min-height: 55px;
}

.is-stuck .module-header-bottom {
	margin-top: 30px;
}

.main-header .lqd-stickybar-wrap .btn-solid:hover {
	transform: translate3d(0, 0, 0);
}

.main-header .lqd-stickybar-right .btn-solid:hover {
	box-shadow: 0 0 0 2px #000000;
}

.main-header .lqd-stickybar-left .btn-solid:hover {
	box-shadow: 0 0 0 5px var(--lqd-color-green-500);
}

/* ***** Lity Modal Mini ***** */
.lity-modal-mini .lqd-contact-form {
	--inputs-margin: 0;
	--input-margin-bottom: 0;
}

.main-header .lity-modal-mini .lqd-contact-form select:focus,
.main-header .lity-modal-mini .lqd-contact-form input:focus,
.main-header .lity-modal-mini .lqd-contact-form textarea:focus {
	color: #ee550f;
}

@media (max-width: 1199px) {
	.lity-modal .module-content {
		padding: 10px;
	}

	.lity-modal .ld-fancy-heading h2 {
		font-size: 48px;
		line-height: 1em;
	}
}

@media (max-width: 767px) {
	.lity-modal .ld-fancy-heading h2 {
		font-size: 34px;
	}
}

/* ***** Banner ***** */
@media (max-width: 767px) {
	.banner {
		padding-top: 70px;
	}

	.banner .ld-fancy-heading h2 {
		font-size: 14vw;
		letter-spacing: -1px;
	}
}

/* ***** Features ***** */
.features .lqd-imggrp-single[data-float] {
	--float-animate-to: 12%;
}

.features .iconbox-heading-arrow-onhover:hover h3 svg {
	opacity: 1;
	transform: translateX(0.5em);
}

.features .module-arrow {
	right: 205px;
}

.features .module-btn {
	right: 50px;
}

/* ***** Commit ***** */
@media (max-width: 1199px) {
	.commit {
		gap: 60px;
	}
}

/* ***** Manage Data ***** */
.manage-data .module-video {
	width: 430px;
	min-height: 370px;
}

.manage-data .module-emoji {
	right: 125px;
}

@media (max-width: 1199px) {
	.manage-data {
		gap: 60px;
	}

	.manage-data .module-emoji {
		right: 280px;
	}
}

@media (max-width: 767px) {
	.manage-data {
		padding: 60px 10px;
	}
}

/* ***** Throwable ***** */
.throwable .btn:hover,
.throwable .btn:focus {
	border-style: solid;
	border-color: #7C849A;
}

.throwable .lqd-imggrp-single[data-float] {
	--float-animate-to: 10%;
}

.throwable .module-text-1 {
	background-color: #E2EEE1;
}

.throwable .module-text-2 {
	background-color: #ffe3d3;
}

.throwable .module-text-3 {
	background-color: #dbefe8;
}

.throwable .module-text-4 {
	background-color: #d8c0ff;
}

.throwable .module-text-5 {
	background-color: #FFE141;
}

.throwable .module-text-6 {
	background-color: #eaeaea;
}

.throwable .module-shape {
	right: -100px;
}

.throwable .module-emoji {
	right: 80px;
}

/* ***** Process ***** */
.process .iconbox:hover .iconbox-icon-container {
	color: #FFFFFF;
	background-color: var(--lqd-color-primary);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.process .module-icon-box:before {
	height: 0;
}

.process .module-arrow {
	right: 270px;
}

@media (max-width: 767px) {
	.process .module-arrow {
		top: 150px;
	}

	.process .module-col {
		margin-top: 30px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.process .module-arrow {
		right: 67%;
	}
}

/* ***** Compare ***** */
.compare {
	background-size: 70% auto;
}

@media (max-width: 767px) {
	.compare {
		padding-right: 10px;
		padding-left: 10px;
	}
}

/* ***** Clients ***** */
.clients .module-bg {
	background-size: 70% auto;
	filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
}

/* ***** Testimonial ***** */
.testimonial {
	background-position: 50% 30%;
	background-size: 80% auto;
}

.testimonial .lqd-imggrp-single[data-float] {
	--float-animate-to: 10%;
}

.testimonial .carousel-nav {
	top: 30%;
}

.testimonial .carousel-nav.carousel-nav-left.carousel-nav-floated {
	right: 0;
}

.testimonial .carousel-nav .flickity-button {
	width: 10px;
	background-color: transparent;
	color: #000000;
	padding: 0;
	border-radius: 0;
}

.testimonial .carousel-nav .flickity-button.previous {
	left: -70px;
}

.testimonial .carousel-nav .flickity-button.next {
	right: -70px;
}

.testimonial .carousel-dots {
	top: auto;
	right: auto;
	bottom: -25px;
	left: auto;
}

.testimonial .carousel-dots:not(.carousel-dots-inside) {
	position: relative;
}

.testimonial .module-avatar {
	left: 180px;
}

@media (max-width: 1199px) {
	.testimonial {
		background-position: 0 0;
	}

	.testimonial .module-avatar {
		left: 80px;
	}
}

@media (max-width: 767px) {
	.testimonial .module-avatar {
		left: 20px;
	}

	.testimonial .module-avatar {
		top: 10px;
	}
}

/* ***** Faq ***** */
.faq .lqd-imggrp-single[data-float] {
	--float-animate-to: 10%;
}

.faq .module-avatar {
	right: 200px;
}

@media (max-width: 1199px) {
	.faq {
		padding: 50px;
	}

	.faq .module-avatar {
		right: 100px;
	}
}

@media (max-width: 767px) {
	.faq {
		padding: 50px 20px;
	}

	.faq .module-avatar {
		top: 10px;
	}

	.faq .module-avatar {
		right: 10px;
	}
}

/* ***** CTA ***** */
.cta {
	background-image: url("../images/bg/cta-bg.svg");
	min-height: 408px;
}

.cta .txt-rotate-keywords {
	--visible-words: 7;
}

.cta .txt-rotator-list.text-rotator-activated .txt-rotate-keywords-inner {
	--lqd-color-start: #b45609;
	--lqd-color-stop: #ceda2f;
}

.cta .btn:hover,
.cta .btn:focus {
	color: #211F36;
}

@media (max-width: 1199px) {
	.cta {
		padding: 0 50px 0 20px;
	}
}

@media (max-width: 767px) {
	.cta {
		background-image: url("../images/bg/cta-bg-m.svg");
		background-size: cover;
		flex-grow: 0;
		align-self: initial;
		padding: 10px;
	}

	.cta .module-btn {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.cta .ld-fancy-heading .txt-rotator-list {
		font-size: 9vw;
	}
}

/* ***** Footer ***** */
.main-footer .social-icons-wrapper {
	--grid-template-columns: repeat(0, auto);
	--icon-size: 30px;
	--grid-column-gap: 25px;
	--grid-row-gap: 0;
}

@media (max-width: 1199px) {
	.main-footer {
		padding: 0 20px;
	}

	.main-footer>section {
		width: 960px;
		padding-top: 100px;
	}
}

@media (max-width: 991px) {
	.main-footer>section {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.manage-data .module-video {
		width: 100%;
	}

	.main-footer>section {
		padding-top: 70px;
	}

	.main-footer .lqd-fancy-menu li {
		margin-right: 20px;
	}

	.main-footer .module-text {
		padding-bottom: 20px;
	}
}

@keyframes heartbeat {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }

  .heartbeat {
    animation: heartbeat 0.3s infinite;
  }

/* Tooltip styles */
.feature-button {
	position: relative;
	cursor: pointer;
  }
  
  .feature-button .tooltip-text {
	visibility: hidden;
	background-color: #333;
	color: white;
	text-align: center;
	padding: 5px 10px;
	border-radius: 6px;
	font-size: 12px;
	
	/* Position tooltip */
	position: absolute;
	z-index: 1;
	width: max-content;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 5px;
	
	/* Animation */
	opacity: 0;
	transition: opacity 0.3s;
  }
  
  .feature-button .tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
  }
  
  .feature-button:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
  }
  
  /* Text colors for buttons */
  .emmess {
	color: #1E90FF !important;
  }
  
  .sos {
	color: #FF4444 !important;
  }
  
  .alarm {
	color: #FFD700 !important;
  }
  
  .emcall {
	color: #32CD32 !important;
  }
/* CSS cho các nút */
.w-full.flex.flex-row.flex-wrap.mt-40.gap-15 {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 40px;
  }
  
/* Emoji styling */
 .feature-button .emoji {
	font-size: 16px;
	display: inline-flex;
	align-items: center;
  }
  
  /* Safety button */
  .feature-button .safety {
	background-color: #FEF2F2 !important;
	color: #B91C1C !important;
  }
  
  /* Fun Facts button */
  .feature-button .fun-facts {
	background-color: #F0F9FF !important;
	color: #0369A1 !important;
  }
  
  /* Prepare button */
  .feature-button .prepare {
	background-color: #FEF3C7 !important;
	color: #92400E !important;
  }
  
  /* Passport button */
  .feature-button .passport {
	background-color: #EFF6FF !important;
	color: #1D4ED8 !important;
  }
  
  /* Photo Tips button */
  .feature-button .photo-tips {
	background-color: #F3E8FF !important;
	color: #6B21A8 !important;
  }
  
  /* Hover effects */
  .feature-button:hover {
	transform: translateY(-2px);
  }
  
  .feature-button .ld-fh-element {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	padding: 8px 16px;
	border-radius: 8px;
	transition: all 0.3s ease;
	font-weight: 500;
	white-space: nowrap;
  }
  
  .feature-button:hover .ld-fh-element {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  /* Icon styling */
  .feature-button i {
	font-size: 14px;
	margin-right: 8px;
	color: currentColor;
  }
  
  /* Description text */
  .section-description {
	color: #4B5563;
	margin: 20px 0;
	font-size: 16px;
	line-height: 1.6;
  }

/* Video container styles */
.video-container {
	width: 235px;
	height: 468px;
	overflow: hidden;
	margin: 0 auto;
	border-radius: 30px; /* Thay thế rounded-30 */
  }
  
  /* Video element */
  .video-zoom {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.15);
	transform-origin: center center;
	border-radius: 30px;
  }
  
  /* Loại bỏ shadow và border radius khác */
  .module-video {
	border-radius: 0;
	overflow: visible;
  }
  
  .lqd-imggrp-img-container figure {
	box-shadow: none;
  }
  
  /* Media queries giữ nguyên như cũ */
  @media screen and (min-width: 1024px) {
	.video-container {
	  width: 235px;
	  height: 468px;
	}
	
	.lqd-imggrp-img-container {
	  max-width: 235px;
	  margin: 0 auto;
	}
	
	.module-video {
	  max-width: 235px;
	  margin: 0 auto;
	}
  }
  
  /* Media query cho tablet */
  @media screen and (min-width: 768px) and (max-width: 1023px) {
	.video-container {
	  width: 235px;
	  height: 468px;
	}
	
	.lqd-imggrp-img-container {
	  max-width: 235px;
	  margin: 0 auto;
	}
  }
  
  /* Media query cho mobile */
  @media screen and (max-width: 767px) {
	.video-container {
	  width: 235px;
	  height: 468px;
	}
	
	.lqd-imggrp-img-container {
	  max-width: 235px;
	  margin: 0 auto;
	}
  }

/* AI Plan */
@keyframes slideFromBottom {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideFromBottomOffset {
    0% {
        transform: translate(25%, 100%);
        opacity: 0;
    }
    100% {
        transform: translate(25%, -30%);
        opacity: 1;
    }
}

.phone-container {
    position: absolute;
    right: 60px;
    bottom: 0px;
    width: 300px;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 1px;
	background-color: transparent;
}

.phone-left {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 180px;
    z-index: 1;
    animation: slideFromBottom 1s ease-out forwards;
}

.phone-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 180px;
    animation: slideFromBottomOffset 1s ease-out 0.3s forwards;
    opacity: 0;
}

.phone-left img,
.phone-right img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
}

.content-wrapper {
    position: relative;
    width: 70%;
    padding-right: 10px;
    z-index: 2;
	background-color: transparent;
}

/* Voice Chat */
.lqd-section.commit {
  position: relative;
  overflow: visible;
}

@media (max-width: 991px) {
  .lqd-section.commit .absolute.bottom-0.right-0 {
    position: fixed; /* Change to fixed on mobile */
    margin-bottom: -30px;
    margin-right: -30px;
    width: 80px;
    height: 80px;
  }
}

/* Explore Map */
    .map-interface-container {
      position: absolute;
      right: 2rem;
      bottom: 0px;
      width: 300px;
      height: 23px;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
    }

    .map-interface-phone {
      position: relative;
      width: 280px;
      height: auto;
      z-index: 1;
    }

    .map-interface-phone img {
      width: 100%;
      height: auto;
      object-fit: contain;
      border-radius: 10px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    }

    .map-icon-float {
      position: absolute;
      left: -40px;
      bottom: 50%;
      width: 100px;
      height: 100px;
      z-index: 2;
      animation: floatIcon 3s ease-in-out infinite;
    }

    .map-icon-float img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    @keyframes floatIcon {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-20px);
      }
    }

    @media (max-width: 1024px) {
      .map-interface-container {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        height: auto;
        margin-top: 2rem;
        display: flex;
        justify-content: center;
      }

      .map-interface-phone {
        position: relative;
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
      }

      .map-icon-float {
        left: 0;
        width: 80px;
        height: 80px;
      }
    }

    @media (max-width: 768px) {
      .map-icon-float {
        width: 60px;
        height: 60px;
        left: 10px;
      }
    }

/* Visa Check */
.visa-check-section {
  overflow: hidden;
  position: relative;
}

@media (max-width: 1024px) {
  .visa-check-section h1 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .visa-check-section h1 {
    font-size: 32px;
  }
}

/* Friend */
/* Main Container */
.travel-app {
  position: relative;
  padding: 40px 30px;
  overflow: hidden;
  background-color: #FFFFFF;
  border-radius: 30px;
  max-width: 1440px;
}

.travel-app__wrapper {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Chat Box Styles */
.travel-app__chat-box {
  position: absolute;
  top: 38%;
  left: 68%;
  transform: translateX(-50%) translateY(-20px);
  z-index: 50;
  padding: 10px;
  max-width: 350px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(8px);
  box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.10);
}

.travel-app__chat-box p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}

/* Screens Container */
.travel-app__screens {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 100px;
  width: 100%;
  background-color: transparent;
}

/* Individual Screen */
.travel-app__screen {
  position: relative;
  width: 280px;
  background-color: transparent;
}

.travel-app__screen img {
  width: 100%;
  height: auto;
  background-color: transparent;
}

/* Screen Positions */
.travel-app__screen--left {
  transform: translateX(-40px) translateY(-20px) rotate(-5deg);
  z-index: 1;
}

.travel-app__screen--center {
  transform: translateY(20px);
  z-index: 2;
}

.travel-app__screen--right {
  transform: translateX(40px) translateY(-10px) rotate(5deg);
  z-index: 3;
}

/* Floating Elements */
.travel-app__floating {
  position: absolute;
  animation: float-animation 3s ease-in-out infinite;
}

.travel-app__floating--bell {
  width: 60px;
  height: 60px;
  left: -20px;
  bottom: -15px;
  transform: rotate(-15deg);
}

.travel-app__floating--heart {
  width: 50px;
  height: 50px;
  right: -15px;
  top: -20px;
  animation-delay: 0.5s;
}

.travel-app__floating--camera {
  width: 80px;
  height: 80px;
  right: 0;
  bottom: -30px;
  z-index: 4;
  animation-delay: 1s;
}

/* Content Section */
.travel-app__content {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 20px;
}

.travel-app__title {
  font-size: 48px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 16px;
  background: linear-gradient(180deg, #1A1A1A 0%, #4A4A4A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.travel-app__subtitle {
  font-size: 18px;
  color: #666;
  margin-bottom: 48px;
}

/* Store Links */
.travel-app__stores {
  display: flex;
  gap: 16px;
  justify-content: center;
}

.travel-app__store-link {
  height: 48px;
  transition: transform 0.2s ease;
}

.travel-app__store-link:hover {
  transform: scale(1.05);
}

.travel-app__store-link img {
  height: 100%;
  width: auto;
}

/* Animations */
@keyframes float-animation {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .travel-app {
    margin: 20px;
  }

  .travel-app__screens {
    transform: scale(0.9);
  }
}

@media (max-width: 768px) {
  .travel-app {
    padding: 30px 20px;
  }

  .travel-app__screens {
    transform: scale(0.8);
  }

  .travel-app__title {
    font-size: 36px;
  }

  .travel-app__floating {
    display: none;
  }
}

@media (max-width: 480px) {
  .travel-app {
    padding: 20px 15px;
    border-radius: 20px;
  }

  .travel-app__screens {
    transform: scale(0.7);
  }

  .travel-app__chat-box {
    max-width: 280px;
    padding: 15px;
  }
}

/* Social Hub Tag */
.social-hub-tag {
  background: #FF5722;
}

.social-hub-tag h6 {
  font-size: 16px;
  font-weight: 600;
}

/* Heading styles */
.ld-gradient-heading {
  font-size: 42px;
  font-weight: 700;
  background: linear-gradient(180deg, #1A1A1A 0%, #4A4A4A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Highlight text */
.highlight-text {
  color: #FF5722;
  font-weight: 600;
}

/* Social features container */
.social-features-container {
  display: flex;
  gap: 15px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.social-feature-item {
  padding: 10px 20px;
  border-radius: 100px;
  background: #F5F5F5;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.social-feature-item.share {
  color: #FF5722;
}

.social-feature-item.friend {
  color: #FFA000;
}

.social-feature-item.connect {
  color: #4CAF50;
}

/* Phone mockup styles */
.social-phone-mockup {
  max-width: 400px;
  border-radius: 40px;
  overflow: hidden;
  background: transparent;
}

.social-phone-img {
  width: 100%;
  height: auto;
  display: block;
  background: transparent;
}

/* Responsive styles */
@media (max-width: 991px) {
  .social-features-container {
    justify-content: center;
  }
  
  .ld-gradient-heading {
    font-size: 32px;
  }
  
  .social-phone-mockup {
    max-width: 300px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .lqd-section {
    padding: 20px !important;
  }
  
  .social-features-container {
    gap: 10px;
  }
  
  .social-feature-item {
    padding: 8px 15px;
    font-size: 13px;
  }
}

/* Main container styles */
#money-hub {
  position: relative;
  overflow: hidden;
  background: linear-gradient(to right, #ffffff, #fff8f6);
  padding-bottom: 0 !important; /* Remove bottom padding */
}

/* Phone container styles */
.money-hub-phone-container {
  position: relative;
  display: flex;
  align-items: flex-end; /* Align phone to bottom */
}

.money-phone-mockup {
  max-width: 380px;
  border-radius: 40px;
  position: relative;
}

.money-phone-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 40px;
  mix-blend-mode: multiply; /* Makes white background transparent */
}

/* Updated Money Element Styles - Made 3x larger */
.money-element {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.money-ticket {
  width: 540px;
  height: auto;
  animation: blink 1s ease-in-out infinite;
  mix-blend-mode: multiply; /* Makes white background transparent */
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

/* Money Hub Button Styles */
.money-hub-btn {
  align-self: flex-start;
  background-color: #FF5722;
  color: white;
  padding: 8px 20px;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  margin-bottom: 20px;
  transition: background-color 0.3s ease;
}

.money-hub-btn:hover {
  background-color: #F4511E;
}

/* Updated Responsive styles */
@media (max-width: 991px) {
  .money-gradient-heading {
    font-size: 36px;
  }
  
  .money-phone-mockup {
    max-width: 320px;
  }
  
  .money-ticket {
    width: 450px; /* Adjusted for responsive */
  }

  .money-hub-btn {
    align-self: center;
  }
}

@media (max-width: 767px) {
  #money-hub {
    padding: 20px 20px 0 20px !important;
  }
  
  .money-gradient-heading {
    font-size: 32px;
  }
  
  .money-phone-mockup {
    max-width: 280px;
  }
  
  .money-ticket {
    width: 360px;
  }

.money-hub-btn {
    font-size: 14px;
    padding: 6px 16px;
  }
}

/* Additional style to ensure images with white backgrounds become transparent */
.money-phone-img,
.money-ticket {
  filter: contrast(1) brightness(1);
  background: transparent;
}

/* Update layout for proper bottom alignment */
.money-hub-phone-container .relative {
  align-self: flex-end;
  margin-bottom: 0;
}

/* App Preview Styles */
.app-preview {
  max-width: 400px;
  margin: 0 auto;
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.app-preview img {
  width: 100%;
  height: auto;
  display: block;
}

/* Emoji Container and Animation */
.emoji-container {
  min-height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -90px; /* Align with content */
  margin-right: -10px; /* Align with content */
}

.plane-emoji {
  z-index: 2;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translate(-50%, 0px);
  }
  50% {
    transform: translate(-50%, -15px);
  }
  100% {
    transform: translate(-50%, 0px);
  }
}

/* Content Wrapper */
.content-wrapper {
  width: 100%;
}

/* Learning Hub Badge */
.learning-hub-badge {
  background: #FF5722;
  padding: 8px 20px;
  border-radius: 50px;
}

.learning-hub-badge h6 {
  color: white;
  margin: 0;
  font-size: 14px;
}

/* Category Buttons */
.category-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.category-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 50px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.category-btn img {
  width: 20px;
  height: 20px;
}

.category-btn.safety {
  background-color: #FFE5E5;
  color: #FF4444;
}

.category-btn.fun-facts {
  background-color: #E5FFE5;
  color: #44AA44;
}

.category-btn.prepare {
  background-color: #FFE5CC;
  color: #FF8C00;
}

.category-btn.passport {
  background-color: #E5F6FF;
  color: #0088CC;
}

.category-btn.photo-tips {
  background-color: #F5E5FF;
  color: #8844FF;
}

/* Responsive Styles */
@media (max-width: 991px) {
  .lqd-section {
    padding: 20px;
  }
  
  .category-buttons {
    justify-content: center;
  }
  
  .app-preview {
    max-width: 300px;
    margin: 0 auto 30px;
  }

  .emoji-container {
    min-height: 100px;
    margin-left: 0;
    margin-right: 0;
  }

  .plane-emoji img {
    width: 100px;
    height: 100px;
  }

  .content-wrapper {
    width: 100%;
  }
}