.hero-slider-section {position:relative;height:100vh;min-height:600px;max-height:800px;overflow:hidden;background:linear-gradient(135deg,#1a1a2e 0%,#2d3561 100%);} @supports (-webkit-touch-callout:none) {.hero-slider-section {min-height:-webkit-fill-available;}} .hero-slider {position:relative;height:100%;} .hero-slide {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:scale(0.95);transition:all 0.8s cubic-bezier(0.4,0,0.2,1);z-index:1;} .hero-slide.active {opacity:1;transform:scale(1);z-index:2;} .hero-slide-bg {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transform:scale(1);transition:transform 10s cubic-bezier(0.4,0,0.2,1);filter:brightness(0.8);will-change:transform;} .hero-slide.active .hero-slide-bg {transform:scale(1.15);filter:brightness(1);} .hero-slide-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.7) 100%);} .hero-slide-content {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:10;padding:0 15px;} .hero-slide-inner {max-width:900px;} .hero-slide-badge {display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.15);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.2);color:#fff;padding:10px 25px;border-radius:30px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:25px;opacity:0;transform:translateY(30px);animation:slideUp 0.8s ease forwards;animation-delay:0.3s;box-shadow:0 8px 32px rgba(0,0,0,0.1);} .hero-slide-title {color:#fff;font-size:72px;font-weight:900;line-height:1.1;margin-bottom:25px;text-shadow:0 10px 40px rgba(0,0,0,0.5);opacity:0;transform:translateY(50px);animation:slideUp 0.8s ease forwards;animation-delay:0.5s;letter-spacing:-1px;} .hero-slide-title span {background:linear-gradient(135deg,#f15b26,#ff8c42,#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shimmer 3s linear infinite;position:relative;display:inline-block;} @keyframes shimmer {0% {background-position:0% center;} 100% {background-position:200% center;}} .hero-slide-description {color:rgba(255,255,255,0.9);font-size:20px;line-height:1.8;max-width:600px;margin-bottom:40px;opacity:0;transform:translateY(30px);animation:slideUp 0.8s ease forwards;animation-delay:0.7s;} .hero-slide-buttons {display:flex;gap:20px;flex-wrap:wrap;opacity:0;transform:translateY(30px);animation:slideUp 0.8s ease forwards;animation-delay:0.9s;} .hero-btn-primary {display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f15b26,#ff8c42);color:#fff;padding:18px 40px;border-radius:50px;font-size:16px;font-weight:700;text-decoration:none;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 15px 50px rgba(241,91,38,0.6),0 5px 20px rgba(0,0,0,0.3);position:relative;overflow:hidden;border:2px solid rgba(255,255,255,0.2);text-shadow:0 2px 8px rgba(0,0,0,0.3);} .hero-btn-primary::before {content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s;} .hero-btn-primary:hover::before {width:300px;height:300px;} .hero-btn-primary:hover {transform:translateY(-5px) scale(1.05);box-shadow:0 20px 60px rgba(241,91,38,0.7),0 10px 30px rgba(0,0,0,0.4);color:#fff;border-color:rgba(255,255,255,0.4);} .hero-btn-primary i {transition:transform 0.3s;} .hero-btn-primary:hover i {transform:translateX(5px);} .hero-btn-secondary {display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,0.2);backdrop-filter:blur(20px);color:#fff;padding:18px 40px;border-radius:50px;font-size:16px;font-weight:700;text-decoration:none;border:2px solid rgba(255,255,255,0.4);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 5px 20px rgba(0,0,0,0.2);text-shadow:0 2px 8px rgba(0,0,0,0.3);} .hero-btn-secondary:hover {background:#fff;color:#f15b26;border-color:#fff;transform:translateY(-5px);box-shadow:0 20px 50px rgba(255,255,255,0.4),0 10px 30px rgba(0,0,0,0.3);} .hero-slider-nav {position:absolute;bottom:150px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;background:rgba(0,0,0,0.3);backdrop-filter:blur(20px);padding:12px 20px;border-radius:50px;border:1px solid rgba(255,255,255,0.2);z-index:20;} .hero-slider-dot {width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border:2px solid transparent;position:relative;} .hero-slider-dot::before {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;border:2px solid transparent;transition:all 0.4s ease;} .hero-slider-dot:hover {background:rgba(255,255,255,0.8);transform:scale(1.2);} .hero-slider-dot:hover::before {border-color:rgba(255,255,255,0.4);} .hero-slider-dot.active {background:linear-gradient(135deg,#f15b26,#ff8c42);width:32px;border-radius:15px;box-shadow:0 0 25px rgba(241,91,38,0.9),0 0 15px rgba(255,107,53,0.6);animation:pulse-dot 2s ease-in-out infinite;} @keyframes pulse-dot {0%,100% {box-shadow:0 0 25px rgba(241,91,38,0.9),0 0 15px rgba(255,107,53,0.6);} 50% {box-shadow:0 0 35px rgba(241,91,38,1),0 0 20px rgba(255,107,53,0.8);}} .hero-slider-dot.active::before {border-color:rgba(241,91,38,0.3);} .hero-slider-arrows {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 40px;z-index:20;pointer-events:none;} .hero-slider-arrow {width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,0.3);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);pointer-events:auto;position:relative;overflow:hidden;} .hero-slider-arrow::before {content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#f15b26,#ff8c42);transform:translate(-50%,-50%);transition:all 0.5s ease;} .hero-slider-arrow:hover::before {width:100%;height:100%;} .hero-slider-arrow i {position:relative;z-index:2;} .hero-slider-arrow:hover {border-color:#f15b26;transform:scale(1.15);box-shadow:0 10px 30px rgba(241,91,38,0.4);} .hero-stats-bar {position:absolute;bottom:0;left:0;right:0;background:rgba(26,26,46,0.9);backdrop-filter:blur(30px);padding:30px 0;z-index:15;border-top:1px solid rgba(255,107,53,0.2);} .hero-stats-inner {display:flex;justify-content:center;gap:80px;flex-wrap:wrap;} .hero-stat-item {text-align:center;color:#fff;position:relative;} .hero-stat-item::before {content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:50px;height:3px;background:linear-gradient(135deg,#f15b26,#ff8c42);border-radius:2px;opacity:0;transition:opacity 0.4s;} .hero-stat-item:hover::before {opacity:1;} .hero-stat-number {font-size:42px;font-weight:800;background:linear-gradient(135deg,#f15b26,#ff8c42,#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shimmer 3s linear infinite;line-height:1;margin-bottom:8px;} .hero-stat-label {font-size:14px;text-transform:uppercase;letter-spacing:2px;opacity:0.9;} .hero-progress-bar {position:absolute;bottom:120px;left:50%;transform:translateX(-50%);width:200px;height:3px;background:rgba(255,255,255,0.2);border-radius:3px;z-index:20;overflow:hidden;} .hero-progress-fill {height:100%;background:#f15b26;width:0;transition:width 0.1s linear;} @keyframes slideUp {to {opacity:1;transform:translateY(0);}} @media (max-width:992px) {.hero-slider-section {min-height:600px;} .hero-slide-title {font-size:48px;} .hero-slide-description {font-size:17px;} .hero-stats-inner {gap:40px;} .hero-stat-number {font-size:32px;}} @media (max-width:768px) {.hero-slider-section {min-height:70vh;height:70vh;max-height:none;padding:0;} .hero-slide-content {padding:0 20px;top:45%;} .hero-slide-inner {max-width:100%;} .hero-slide-title {font-size:32px;line-height:1.2;margin-bottom:15px;} .hero-slide-badge {font-size:10px;padding:8px 16px;letter-spacing:1px;margin-bottom:15px;} .hero-slide-description {font-size:15px;line-height:1.6;margin-bottom:25px;max-width:100%;} .hero-slide-buttons {flex-direction:column;gap:12px;} .hero-btn-primary,.hero-btn-secondary {width:100%;justify-content:center;padding:15px 25px;font-size:14px;} .hero-slider-arrows {display:none;} .hero-slider-nav {bottom:120px;padding:10px 18px;} .hero-slider-dot {width:8px;height:8px;} .hero-slider-dot.active {width:24px;} .slide-counter {font-size:11px !important;margin-right:8px !important;padding-right:12px !important;} .hero-stats-bar {padding:20px 0;} .hero-stats-inner {gap:15px;padding:0 15px;} .hero-stat-number {font-size:20px;} .hero-stat-label {font-size:10px;line-height:1.3;} .hero-progress-bar {height:3px;}} @media (max-width:480px) {.hero-slider-section {min-height:65vh;height:65vh;} .hero-slide-content {top:42%;padding:0 15px;} .hero-slide-badge {font-size:9px;padding:6px 12px;margin-bottom:10px;} .hero-slide-title {font-size:24px;margin-bottom:10px;} .hero-slide-description {font-size:13px;line-height:1.5;margin-bottom:18px;} .hero-btn-primary,.hero-btn-secondary {padding:12px 20px;font-size:13px;} .hero-slider-nav {bottom:100px;padding:8px 15px;} .hero-slider-dot {width:6px;height:6px;} .hero-slider-dot.active {width:20px;} .slide-counter {font-size:10px !important;margin-right:6px !important;padding-right:10px !important;} .hero-stats-bar {padding:15px 0;} .hero-stat-number {font-size:18px;} .hero-stat-label {font-size:9px;} .hero-stats-inner {flex-direction:row;gap:12px;flex-wrap:wrap;}} .destinations-section {padding:100px 0;background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%);position:relative;z-index:10;} .section-header {text-align:center;margin-bottom:60px;} .section-badge {display:inline-block;background:linear-gradient(135deg,rgba(241,91,38,0.1),rgba(255,140,66,0.1));color:#f15b26;padding:10px 25px;border-radius:30px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;} .section-title {font-size:48px;font-weight:800;color:#1a1a2e;margin-bottom:20px;line-height:1.2;} .section-title span {color:#f15b26;} .section-subtitle {font-size:18px;color:#666;max-width:600px;margin:0 auto;line-height:1.7;} .destination-card {position:relative;border-radius:20px;overflow:hidden;height:420px;box-shadow:0 15px 50px rgba(0,0,0,0.1);transition:all 0.5s ease;margin-bottom:30px;} .destination-card:hover {transform:translateY(-15px);box-shadow:0 30px 70px rgba(0,0,0,0.2);} .destination-card-bg {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 0.7s ease;} .destination-card:hover .destination-card-bg {transform:scale(1.1);} .destination-card-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.1) 100%);transition:background 0.5s ease;} .destination-card:hover .destination-card-overlay {background:linear-gradient(to top,rgba(241,91,38,0.9) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.2) 100%);} .destination-card-content {position:absolute;bottom:0;left:0;right:0;padding:35px;z-index:5;} .destination-card-location {display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;} .destination-card-location i {color:#f15b26;} .destination-card-title {font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3;} .destination-card-description {color:rgba(255,255,255,0.85);font-size:14px;line-height:1.7;margin-bottom:20px;max-height:0;overflow:hidden;opacity:0;transition:all 0.5s ease;} .destination-card:hover .destination-card-description {max-height:100px;opacity:1;} .destination-card-btn {display:inline-flex;align-items:center;gap:10px;background:#fff;color:#1a1a2e;padding:12px 28px;border-radius:30px;font-size:14px;font-weight:600;text-decoration:none;transition:all 0.3s ease;opacity:0;transform:translateY(20px);} .destination-card:hover .destination-card-btn {opacity:1;transform:translateY(0);} .destination-card-btn:hover {background:#f15b26;color:#fff;} .destination-card-btn i {transition:transform 0.3s;} .destination-card-btn:hover i {transform:translateX(5px);} .destination-featured-badge {position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#f15b26,#ff8c42);color:#fff;padding:8px 18px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:10;box-shadow:0 5px 20px rgba(241,91,38,0.4);} .view-all-btn {display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:18px 40px;border-radius:50px;font-size:16px;font-weight:600;text-decoration:none;transition:all 0.4s ease;box-shadow:0 10px 40px rgba(26,26,46,0.3);} .view-all-btn:hover {transform:translateY(-5px);box-shadow:0 20px 50px rgba(26,26,46,0.4);color:#fff;} .view-all-btn i {transition:transform 0.3s;} .view-all-btn:hover i {transform:translateX(5px);} @media (max-width:992px) {.destinations-section {padding:70px 0;} .section-title {font-size:36px;} .destination-card {height:350px;} .destination-card-title {font-size:24px;}} @media (max-width:768px) {.destinations-section {padding:50px 0;} .section-header {margin-bottom:40px;} .section-badge {font-size:11px;padding:8px 18px;} .section-title {font-size:28px;line-height:1.3;} .section-subtitle {font-size:15px;line-height:1.6;} .destination-card {height:320px;margin-bottom:20px;} .destination-card-title {font-size:22px;} .destination-card-description {font-size:14px;} .destination-card-location {font-size:13px;} .destination-card-meta {gap:15px;} .destination-meta-item {font-size:12px;} .destination-card-btn {opacity:1;transform:translateY(0);padding:12px 25px;font-size:13px;} .view-all-btn {width:100%;justify-content:center;padding:15px 30px;font-size:14px;}} @media (max-width:480px) {.section-title {font-size:24px;} .destination-card {height:280px;} .destination-card-title {font-size:20px;}} .packages-section {padding:100px 0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);position:relative;overflow:hidden;} .packages-section::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .packages-section .section-header {position:relative;z-index:2;} .packages-section .section-badge {background:rgba(241,91,38,0.2);color:#ff8c42;} .packages-section .section-title {color:#fff;} .packages-section .section-subtitle {color:rgba(255,255,255,0.7);} .packages-grid {position:relative;z-index:2;} .package-card {background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.3);transition:all 0.5s ease;height:100%;display:flex;flex-direction:column;margin-bottom:30px;} .package-card:hover {transform:translateY(-15px);box-shadow:0 30px 80px rgba(0,0,0,0.4);} .package-card-image {position:relative;height:240px;overflow:hidden;} .package-card-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.7s ease;} .package-card:hover .package-card-image img {transform:scale(1.1);} .package-card-badge {position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#f15b26,#ff8c42);color:#fff;padding:8px 18px;border-radius:25px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;} .package-card-price {position:absolute;bottom:20px;right:20px;background:rgba(255,255,255,0.95);padding:12px 22px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.15);} .package-card-price .from {font-size:11px;color:#999;text-transform:uppercase;} .package-card-price .amount {font-size:24px;font-weight:800;color:#f15b26;line-height:1;} .package-card-content {padding:30px;flex:1;display:flex;flex-direction:column;} .package-card-meta {display:flex;gap:20px;margin-bottom:15px;} .package-card-meta-item {display:flex;align-items:center;gap:8px;font-size:13px;color:#777;} .package-card-meta-item i {color:#f15b26;} .package-card-title {font-size:22px;font-weight:700;color:#1a1a2e;margin-bottom:12px;line-height:1.3;} .package-card-title a {color:inherit;text-decoration:none;transition:color 0.3s;} .package-card-title a:hover {color:#f15b26;} .package-card-description {color:#666;font-size:14px;line-height:1.7;margin-bottom:20px;flex:1;} .package-card-features {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;} .package-feature {display:inline-flex;align-items:center;gap:6px;background:#f8f9fa;padding:6px 14px;border-radius:20px;font-size:12px;color:#555;} .package-feature i {color:#28a745;font-size:10px;} .package-card-btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#f15b26,#ff8c42);color:#fff;padding:14px 30px;border-radius:30px;font-size:14px;font-weight:600;text-decoration:none;transition:all 0.4s ease;} .package-card-btn:hover {transform:translateY(-3px);box-shadow:0 10px 30px rgba(241,91,38,0.4);color:#fff;} .package-card-btn i {transition:transform 0.3s;} .package-card-btn:hover i {transform:translateX(5px);} .packages-section .view-all-btn {background:linear-gradient(135deg,#fff,#f8f9fa);color:#1a1a2e;} .packages-section .view-all-btn:hover {color:#f15b26;} @media (max-width:992px) {.packages-section {padding:70px 0;} .package-card-image {height:200px;}} .testimonials-section {padding:50px 0;background:linear-gradient(135deg,#f8f9fa 0%,#fff 50%,#f8f9fa 100%);position:relative;overflow:hidden;} .testimonials-section::before {content:'"';position:absolute;top:50px;left:5%;font-size:300px;font-family:Georgia,serif;color:rgba(241,91,38,0.05);line-height:1;z-index:1;} .testimonials-section .container {position:relative;z-index:2;} .testimonials-slider {max-width:1000px;margin:30px auto 0;} .testimonial-card {background:#fff;border-radius:12px;padding:35px 30px;box-shadow:0 10px 40px rgba(0,0,0,0.05);margin:0;transition:all 0.3s ease;border:1px solid #eee;position:relative;display:flex;flex-direction:column;justify-content:space-between;} .testimonial-card:hover {transform:translateY(-5px);box-shadow:0 15px 50px rgba(0,0,0,0.08);} .testimonial-rating {display:flex;justify-content:flex-start;gap:4px;margin-bottom:20px;} .testimonial-rating i {color:#f15b26;font-size:14px;} .testimonial-quote {position:relative;margin-bottom:30px;flex-grow:1;} .testimonial-quote-icon {display:none;} .testimonial-quote-icon i {display:none;} .testimonial-text {font-size:16px;line-height:1.7;color:#555;text-align:left;font-style:normal;position:relative;z-index:2;margin-bottom:0;} .testimonial-text::before {content:'\f10d';font-family:'FontAwesome';position:absolute;top:-15px;left:-10px;font-size:50px;color:rgba(241,91,38,0.07);z-index:-1;} .testimonial-author {display:flex;align-items:center;justify-content:flex-start;gap:15px;padding-top:20px;border-top:1px solid #f0f0f0;} .testimonial-author-image {width:55px;height:55px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,0.1);} .testimonial-author-image img {width:100%;height:100%;object-fit:cover;} .testimonial-author-info {text-align:left;} .testimonial-author-name {font-size:17px;font-weight:700;color:#1a1a2e;margin-bottom:2px;} .testimonial-author-title {font-size:13px;color:#888;margin-bottom:2px;} .testimonial-author-location {font-size:12px;color:#f15b26;} .testimonial-author-location i {font-size:11px;} .testimonials-section .owl-dots {text-align:center;margin-top:30px;} .testimonials-section .owl-dot {width:12px;height:12px;background:#ddd;border-radius:50%;display:inline-block;margin:0 6px;transition:all 0.3s;} .testimonials-section .owl-dot.active {width:40px;border-radius:10px;background:linear-gradient(135deg,#f15b26,#ff8c42);} .testimonial-stats {display:flex;justify-content:center;gap:80px;margin-top:30px;flex-wrap:wrap;} .testimonial-stat-item {text-align:center;} .testimonial-stat-number {font-size:48px;font-weight:800;background:linear-gradient(135deg,#f15b26,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:10px;} .testimonial-stat-label {font-size:14px;color:#666;text-transform:uppercase;letter-spacing:1px;} @media (max-width:768px) {.testimonials-section {padding:50px 0;} .testimonial-card {background:#fff;border-radius:12px;padding:35px 30px;box-shadow:0 10px 40px rgba(0,0,0,0.05);margin:0;transition:all 0.3s ease;border:1px solid #eee;position:relative;display:flex;flex-direction:column;justify-content:space-between;} .testimonial-rating {display:flex;justify-content:flex-start;gap:4px;margin-bottom:20px;} .testimonial-text {font-size:16px;line-height:1.7;color:#555;text-align:left;font-style:normal;position:relative;z-index:2;margin-bottom:0;} .testimonial-text::before {content:' 10d';font-family:'FontAwesome';position:absolute;top:-15px;left:-10px;font-size:50px;color:rgba(241,91,38,0.07);z-index:-1;} .testimonial-author {display:flex;align-items:center;justify-content:flex-start;gap:15px;padding-top:20px;border-top:1px solid #f0f0f0;} .testimonial-author-info {text-align:center;} .testimonial-author-name {font-size:17px;font-weight:700;color:#1a1a2e;margin-bottom:2px;} .testimonial-author-title {font-size:13px;color:#888;margin-bottom:2px;} .testimonial-author-location {font-size:12px;color:#f15b26;} .testimonial-stats {gap:30px;margin-top:40px;} .testimonial-stat-number {font-size:36px;} .testimonial-stat-label {font-size:12px;} .testimonials-section .owl-dots {margin-top:35px;}} @media (max-width:480px) {.testimonial-text {font-size:16px;line-height:1.7;color:#555;text-align:left;font-style:normal;position:relative;z-index:2;margin-bottom:0;} .testimonial-text::before {content:' 10d';font-family:'FontAwesome';position:absolute;top:-15px;left:-10px;font-size:50px;color:rgba(241,91,38,0.07);z-index:-1;} .testimonial-stats {flex-direction:column;gap:25px;} .testimonial-stat-number {font-size:32px;}} .blog-section {padding:100px 0;background:#fff;position:relative;} .blog-section::before {content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);z-index:0;} .blog-section .container {position:relative;z-index:2;} .blog-card {background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 50px rgba(0,0,0,0.08);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);height:100%;display:flex;flex-direction:column;margin-bottom:30px;border:1px solid #f0f0f0;} .blog-card:hover {transform:translateY(-15px);box-shadow:0 30px 70px rgba(0,0,0,0.15);border-color:#f15b26;} .blog-card-image {position:relative;height:280px;overflow:hidden;background:#f0f0f0;} .blog-card-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.7s ease;} .blog-card:hover .blog-card-image img {transform:scale(1.15) rotate(2deg);} .blog-card-date {position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#f15b26,#ff8c42);color:#fff;width:70px;height:70px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(241,91,38,0.4);z-index:5;} .blog-card-date-day {font-size:28px;font-weight:800;line-height:1;} .blog-card-date-month {font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;} .blog-card-category {position:absolute;top:20px;right:20px;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);color:#f15b26;padding:8px 18px;border-radius:25px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:5;} .blog-card-overlay {position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%);padding:25px;opacity:0;transition:opacity 0.4s ease;} .blog-card:hover .blog-card-overlay {opacity:1;} .blog-card-quick-read {color:#fff;font-size:13px;display:flex;align-items:center;gap:8px;} .blog-card-quick-read i {color:#f15b26;} .blog-card-content {padding:30px;flex:1;display:flex;flex-direction:column;} .blog-card-meta {display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap;} .blog-card-meta-item {display:flex;align-items:center;gap:6px;font-size:13px;color:#999;} .blog-card-meta-item i {color:#f15b26;font-size:14px;} .blog-card-meta-item:hover {color:#f15b26;} .blog-card-title {font-size:22px;font-weight:700;color:#1a1a2e;margin-bottom:15px;line-height:1.4;flex:1;} .blog-card-title a {color:inherit;text-decoration:none;transition:color 0.3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .blog-card-title a:hover {color:#f15b26;} .blog-card-excerpt {color:#666;font-size:15px;line-height:1.7;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .blog-card-footer {display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:2px solid #f0f0f0;} .blog-card-author {display:flex;align-items:center;gap:12px;} .blog-card-author-avatar {width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#f15b26,#ff8c42);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;border:3px solid #fff;box-shadow:0 5px 15px rgba(241,91,38,0.3);} .blog-card-author-info {display:flex;flex-direction:column;} .blog-card-author-name {font-size:14px;font-weight:600;color:#333;} .blog-card-author-role {font-size:11px;color:#999;text-transform:uppercase;letter-spacing:0.5px;} .blog-card-read-btn {display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f15b26,#ff8c42);color:#fff;padding:10px 20px;border-radius:25px;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.4s ease;box-shadow:0 5px 20px rgba(241,91,38,0.3);} .blog-card-read-btn:hover {transform:translateX(5px);box-shadow:0 8px 30px rgba(241,91,38,0.5);color:#fff;} .blog-card-read-btn i {transition:transform 0.3s;} .blog-card-read-btn:hover i {transform:translateX(3px);} .view-all-blogs-btn {display:inline-flex;align-items:center;gap:12px;background:#fff;color:#1a1a2e;border:2px solid #1a1a2e;padding:16px 40px;border-radius:50px;font-size:16px;font-weight:600;text-decoration:none;transition:all 0.4s ease;} .view-all-blogs-btn:hover {background:#1a1a2e;color:#fff;transform:translateY(-3px);box-shadow:0 10px 40px rgba(26,26,46,0.3);} .view-all-blogs-btn i {transition:transform 0.3s;} .view-all-blogs-btn:hover i {transform:translateX(5px);} @media (max-width:992px) {.blog-section {padding:70px 0;} .blog-card-image {height:220px;}} @media (max-width:768px) {.blog-section {padding:50px 0;} .blog-card {margin-bottom:25px;} .blog-card-image {height:200px;} .blog-card-content {padding:25px 20px;} .blog-card-category {font-size:11px;padding:6px 14px;} .blog-card-title {font-size:19px;line-height:1.4;} .blog-card-excerpt {font-size:14px;line-height:1.6;} .blog-card-meta-item {font-size:12px;} .blog-card-footer {flex-direction:column;gap:15px;align-items:flex-start;padding-top:15px;} .blog-card-author-avatar {width:40px;height:40px;font-size:14px;} .blog-card-author-name {font-size:13px;} .blog-card-read-btn {width:100%;justify-content:center;padding:12px 25px;} .view-all-blogs-btn {width:100%;justify-content:center;padding:15px 30px;font-size:14px;}} @media (max-width:480px) {.blog-card-image {height:180px;} .blog-card-title {font-size:17px;} .blog-card-excerpt {font-size:13px;}} .team-section {padding:100px 0;background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%);position:relative;overflow:hidden;} .team-section::before {content:'';position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:linear-gradient(135deg,rgba(241,91,38,0.05),rgba(255,140,66,0.05));border-radius:50%;z-index:1;} .team-section::after {content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:linear-gradient(135deg,rgba(241,91,38,0.03),rgba(255,140,66,0.03));border-radius:50%;z-index:1;} .team-section .container {position:relative;z-index:2;} .team-member-card {background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 15px 50px rgba(0,0,0,0.08);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);margin-bottom:30px;border:1px solid #f0f0f0;} .team-member-card:hover {transform:translateY(-15px);box-shadow:0 30px 70px rgba(0,0,0,0.15);border-color:#f15b26;} .team-member-image {position:relative;height:350px;overflow:hidden;background:linear-gradient(135deg,#f0f0f0 0%,#e0e0e0 100%);} .team-member-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.7s ease;} .team-member-card:hover .team-member-image img {transform:scale(1.1);} .team-member-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(241,91,38,0.95) 0%,transparent 60%);opacity:0;transition:opacity 0.5s ease;display:flex;align-items:flex-end;justify-content:center;padding:30px;} .team-member-card:hover .team-member-overlay {opacity:1;} .team-member-social {display:flex;gap:15px;transform:translateY(20px);opacity:0;transition:all 0.5s ease 0.2s;} .team-member-card:hover .team-member-social {transform:translateY(0);opacity:1;} .team-member-social a {width:45px;height:45px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;transition:all 0.3s ease;} .team-member-social a:hover {background:#fff;color:#f15b26;transform:translateY(-5px);border-color:#fff;} .team-member-badge {position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#f15b26,#ff8c42);color:#fff;padding:8px 16px;border-radius:25px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 20px rgba(241,91,38,0.4);z-index:5;} .team-member-info {padding:30px;text-align:center;} .team-member-name {font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:8px;transition:color 0.3s;} .team-member-card:hover .team-member-name {color:#f15b26;} .team-member-position {font-size:14px;color:#f15b26;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;} .team-member-divider {width:60px;height:3px;background:linear-gradient(135deg,#f15b26,#ff8c42);margin:20px auto;border-radius:3px;} .team-member-description {color:#666;font-size:14px;line-height:1.8;margin-bottom:20px;} .team-member-stats {display:flex;justify-content:center;gap:30px;padding-top:20px;border-top:2px solid #f0f0f0;} .team-stat-item {text-align:center;} .team-stat-number {font-size:24px;font-weight:800;color:#f15b26;line-height:1;margin-bottom:5px;} .team-stat-label {font-size:11px;color:#999;text-transform:uppercase;letter-spacing:0.5px;} .team-section .owl-nav {display:flex;justify-content:center;gap:15px;margin-top:50px;} .team-section .owl-nav button {width:50px;height:50px;background:#fff !important;border:2px solid #f15b26 !important;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;font-size:20px !important;color:#f15b26 !important;} .team-section .owl-nav button:hover {background:linear-gradient(135deg,#f15b26,#ff8c42) !important;color:#fff !important;transform:scale(1.1);box-shadow:0 10px 30px rgba(241,91,38,0.4);} @media (max-width:768px) {.team-section {padding:50px 0;} .team-member-card {margin:0 10px;} .team-member-image {height:280px;} .team-member-info {padding:25px 20px;} .team-member-name {font-size:20px;} .team-member-position {font-size:13px;} .team-member-description {font-size:13px;} .team-member-stats {gap:20px;padding-top:15px;} .team-stat-number {font-size:20px;} .team-stat-label {font-size:10px;} .team-member-social {opacity:1;transform:translateY(0);} .team-member-social a {width:40px;height:40px;font-size:16px;} .team-section .owl-nav {margin-top:35px;} .team-section .owl-nav button {width:45px;height:45px;font-size:18px !important;}} @media (max-width:480px) {.team-member-image {height:250px;} .team-member-name {font-size:18px;} .team-member-stats {flex-direction:column;gap:15px;}} .newsletter-section {padding:0;position:relative;overflow:hidden;} .newsletter-container {background:linear-gradient(135deg,#f15b26 0%,#ff8c42 100%);position:relative;overflow:hidden;} .newsletter-container::before {content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:rgba(255,255,255,0.1);border-radius:50%;z-index:1;} .newsletter-container::after {content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:rgba(255,255,255,0.08);border-radius:50%;z-index:1;} .newsletter-inner {padding:80px 0;position:relative;z-index:2;} .newsletter-content-wrapper {display:flex;align-items:center;justify-content:space-between;gap:50px;} .newsletter-text-content {flex:1;} .newsletter-icon {width:80px;height:80px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;border:2px solid rgba(255,255,255,0.3);} .newsletter-icon i {color:#fff;font-size:36px;} .newsletter-title {font-size:42px;font-weight:800;color:#fff;margin-bottom:15px;line-height:1.2;} .newsletter-description {font-size:18px;color:rgba(255,255,255,0.95);line-height:1.6;margin-bottom:0;} .newsletter-form-wrapper {flex:1;max-width:550px;} .newsletter-form {background:rgba(255,255,255,0.15);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,0.3);border-radius:60px;padding:8px;display:flex;gap:10px;box-shadow:0 20px 60px rgba(0,0,0,0.2);} .newsletter-input {flex:1;border:none;background:transparent;padding:18px 30px;color:#fff;font-size:16px;outline:none;} .newsletter-input::placeholder {color:rgba(255,255,255,0.7);} .newsletter-submit {background:#fff;color:#f15b26;border:none;padding:18px 45px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all 0.4s ease;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,0.2);} .newsletter-submit:hover {background:#1a1a2e;color:#fff;transform:translateX(5px);box-shadow:0 15px 40px rgba(0,0,0,0.3);} .newsletter-features {display:flex;gap:30px;margin-top:25px;flex-wrap:wrap;} .newsletter-feature {display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;} .newsletter-feature i {color:#fff;font-size:16px;} @media (max-width:992px) {.newsletter-content-wrapper {flex-direction:column;text-align:center;} .newsletter-text-content {display:flex;flex-direction:column;align-items:center;} .newsletter-title {font-size:32px;} .newsletter-inner {padding:60px 0;}} @media (max-width:768px) {.newsletter-inner {padding:50px 0;} .newsletter-icon {width:70px;height:70px;margin-bottom:20px;} .newsletter-icon i {font-size:32px;} .newsletter-title {font-size:28px;line-height:1.3;} .newsletter-subtitle {font-size:15px;line-height:1.6;} .newsletter-form {flex-direction:column;border-radius:20px;padding:15px;gap:12px;} .newsletter-input {padding:15px 20px;font-size:14px;} .newsletter-submit {width:100%;padding:15px 25px;font-size:14px;justify-content:center;} .newsletter-features {justify-content:center;gap:20px;margin-top:20px;} .newsletter-feature {font-size:13px;}} @media (max-width:480px) {.newsletter-title {font-size:24px;} .newsletter-subtitle {font-size:14px;} .newsletter-features {flex-direction:column;gap:12px;}} .professional-team-section {padding:100px 0;background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%);position:relative;overflow:hidden;} .professional-team-section::before {content:'';position:absolute;top:0;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(241,91,38,0.05) 0%,transparent 70%);border-radius:50%;} .team-section-header {text-align:center;margin-bottom:70px;position:relative;} .team-section-badge {display:inline-block;background:linear-gradient(135deg,rgba(241,91,38,0.1),rgba(255,140,66,0.1));color:#f15b26;padding:10px 25px;border-radius:30px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;} .team-section-title {font-size:48px;font-weight:800;color:#1a1a2e;margin-bottom:20px;line-height:1.2;} .team-section-title span {background:linear-gradient(135deg,#f15b26,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .team-section-subtitle {font-size:18px;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6;} .team-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:50px;} .team-card {background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;} .team-card::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#f15b26,#ff8c42);transform:scaleX(0);transition:transform 0.4s ease;} .team-card:hover {transform:translateY(-10px);box-shadow:0 20px 60px rgba(241,91,38,0.15);} .team-card:hover::before {transform:scaleX(1);} .team-card-image {position:relative;overflow:hidden;height:320px;background:linear-gradient(135deg,#f15b26,#ff8c42);} .team-card-image img {width:100%;height:100%;object-fit:cover;transition:all 0.6s cubic-bezier(0.4,0,0.2,1);} .team-card:hover .team-card-image img {transform:scale(1.1);} .team-card-overlay {position:absolute;bottom:-100%;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,transparent 100%);padding:30px 20px 20px;transition:bottom 0.4s ease;} .team-card:hover .team-card-overlay {bottom:0;} .team-social {display:flex;gap:12px;justify-content:center;} .team-social a {width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;transition:all 0.3s;text-decoration:none;} .team-social a:hover {background:#fff;color:#f15b26;transform:translateY(-3px);} .team-card-content {padding:25px;text-align:center;} .team-card-name {font-size:22px;font-weight:700;color:#1a1a2e;margin-bottom:8px;transition:color 0.3s;} .team-card:hover .team-card-name {color:#f15b26;} .team-card-role {font-size:14px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;} .team-card-stats {display:flex;justify-content:space-around;padding-top:20px;border-top:1px solid #e2e8f0;margin-top:15px;} .team-stat {text-align:center;} .team-stat-number {font-size:20px;font-weight:700;color:#f15b26;display:block;margin-bottom:4px;} .team-stat-label {font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:0.5px;} .team-cta {text-align:center;margin-top:50px;} .team-cta-button {display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f15b26,#ff8c42);color:#fff;padding:18px 40px;border-radius:50px;font-size:16px;font-weight:700;text-decoration:none;transition:all 0.4s;box-shadow:0 10px 30px rgba(241,91,38,0.3);} .team-cta-button:hover {transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px rgba(241,91,38,0.4);color:#fff;} .team-cta-button i {transition:transform 0.3s;} .team-cta-button:hover i {transform:translateX(5px);} @media (max-width:768px) {.professional-team-section {padding:60px 0;} .team-section-header {margin-bottom:40px;} .team-section-title {font-size:36px;} .team-section-subtitle {font-size:16px;} .team-grid {grid-template-columns:1fr;gap:25px;} .team-card-image {height:280px;}} .whatsapp-chat {position:fixed;bottom:30px;left:30px;z-index:9999;} .whatsapp-button {width:65px;height:65px;border-radius:50%;background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);box-shadow:0 8px 30px rgba(37,211,102,0.4),0 0 0 0 rgba(37,211,102,0.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);animation:pulse-whatsapp 2s infinite;border:3px solid #fff;text-decoration:none;} @keyframes pulse-whatsapp {0% {box-shadow:0 8px 30px rgba(37,211,102,0.4),0 0 0 0 rgba(37,211,102,0.4);} 50% {box-shadow:0 8px 30px rgba(37,211,102,0.6),0 0 0 15px rgba(37,211,102,0);} 100% {box-shadow:0 8px 30px rgba(37,211,102,0.4),0 0 0 0 rgba(37,211,102,0);}} .whatsapp-button:hover {transform:scale(1.1) rotate(5deg);box-shadow:0 12px 40px rgba(37,211,102,0.6);} .whatsapp-button svg {width:36px;height:36px;fill:#fff;transition:transform 0.3s;} .whatsapp-button:hover svg {transform:scale(1.1);} .whatsapp-tooltip {position:absolute;left:80px;top:50%;transform:translateY(-50%);background:#fff;padding:12px 20px;border-radius:25px;box-shadow:0 4px 20px rgba(0,0,0,0.15);white-space:nowrap;opacity:0;pointer-events:none;transition:all 0.3s;} .whatsapp-button:hover .whatsapp-tooltip {opacity:1;left:85px;} .whatsapp-tooltip::before {content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent #fff transparent transparent;} .whatsapp-tooltip-title {font-weight:700;color:#128C7E;font-size:14px;margin-bottom:2px;} .whatsapp-tooltip-text {color:#666;font-size:12px;} .whatsapp-status {position:absolute;bottom:2px;right:2px;width:18px;height:18px;background:#10b981;border-radius:50%;border:3px solid #fff;animation:pulse-status 2s ease-in-out infinite;} @keyframes pulse-status {0%,100% {transform:scale(1);} 50% {transform:scale(1.1);}} @media (max-width:480px) {.whatsapp-chat {bottom:100px;left:15px;} .whatsapp-button {width:60px;height:60px;} .whatsapp-button svg {width:32px;height:32px;} .whatsapp-tooltip {display:none;}} .chatbot-container {position:fixed;bottom:30px;right:30px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;} .chatbot-button {width:65px;height:65px;border-radius:50%;background:linear-gradient(135deg,#f15b26 0%,#ff8c42 100%);box-shadow:0 8px 30px rgba(241,91,38,0.4),0 0 0 0 rgba(241,91,38,0.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);animation:pulse-chat 2s infinite;border:3px solid #fff;} @keyframes pulse-chat {0% {box-shadow:0 8px 30px rgba(241,91,38,0.4),0 0 0 0 rgba(241,91,38,0.4);} 50% {box-shadow:0 8px 30px rgba(241,91,38,0.6),0 0 0 15px rgba(241,91,38,0);} 100% {box-shadow:0 8px 30px rgba(241,91,38,0.4),0 0 0 0 rgba(241,91,38,0);}} .chatbot-button:hover {transform:scale(1.1) rotate(-5deg);box-shadow:0 12px 40px rgba(241,91,38,0.6);} .chatbot-button svg {width:32px;height:32px;fill:#fff;transition:transform 0.3s;} .chatbot-button:hover svg {transform:scale(1.1);} .chatbot-badge {position:absolute;top:-5px;right:-5px;width:24px;height:24px;background:#10b981;border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;animation:bounce-badge 1s ease-in-out infinite;} @keyframes bounce-badge {0%,100% {transform:translateY(0);} 50% {transform:translateY(-5px);}} .chatbot-window {position:absolute;bottom:85px;right:0;width:380px;height:600px;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.3);display:none;flex-direction:column;overflow:hidden;animation:slideUp 0.3s ease-out;} @keyframes slideUp {from {opacity:0;transform:translateY(20px);} to {opacity:1;transform:translateY(0);}} .chatbot-window.active {display:flex;} .chatbot-header {background:linear-gradient(135deg,#f15b26 0%,#ff8c42 100%);padding:20px;color:#fff;display:flex;align-items:center;justify-content:space-between;} .chatbot-header-left {display:flex;align-items:center;gap:12px;} .chatbot-avatar {width:45px;height:45px;border-radius:50%;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.3);} .chatbot-avatar svg {width:24px;height:24px;fill:#fff;} .chatbot-header-info h4 {margin:0;font-size:16px;font-weight:700;} .chatbot-header-info p {margin:0;font-size:12px;opacity:0.9;} .chatbot-close {width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.2);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;} .chatbot-close:hover {background:rgba(255,255,255,0.3);transform:rotate(90deg);} .chatbot-close svg {width:16px;height:16px;fill:#fff;} .chatbot-messages {flex:1;padding:20px;overflow-y:auto;background:#f8f9fa;display:flex;flex-direction:column;gap:15px;} .chatbot-message {display:flex;gap:10px;animation:fadeIn 0.3s ease-out;} @keyframes fadeIn {from {opacity:0;transform:translateY(10px);} to {opacity:1;transform:translateY(0);}} .chatbot-message.user {flex-direction:row-reverse;} .chatbot-message-avatar {width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f15b26,#ff8c42);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .chatbot-message.user .chatbot-message-avatar {background:#64748b;} .chatbot-message-avatar svg {width:18px;height:18px;fill:#fff;} .chatbot-message-bubble {background:#fff;padding:12px 16px;border-radius:18px;max-width:70%;box-shadow:0 2px 8px rgba(0,0,0,0.1);line-height:1.5;} .chatbot-message.user .chatbot-message-bubble {background:linear-gradient(135deg,#f15b26,#ff8c42);color:#fff;} .chatbot-typing {display:flex;gap:4px;padding:8px;} .chatbot-typing span {width:8px;height:8px;border-radius:50%;background:#94a3b8;animation:typing 1.4s infinite;} .chatbot-typing span:nth-child(2) {animation-delay:0.2s;} .chatbot-typing span:nth-child(3) {animation-delay:0.4s;} @keyframes typing {0%,60%,100% {transform:translateY(0);} 30% {transform:translateY(-10px);}} .chatbot-quick-replies {display:flex;flex-wrap:wrap;gap:8px;margin-top:5px;} .chatbot-quick-reply {background:#fff;border:2px solid #e2e8f0;padding:8px 16px;border-radius:20px;font-size:13px;color:#475569;cursor:pointer;transition:all 0.3s;} .chatbot-quick-reply:hover {background:#f15b26;color:#fff;border-color:#f15b26;transform:translateY(-2px);} .chatbot-input {padding:15px 20px;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:10px;} .chatbot-input input {flex:1;border:2px solid #e2e8f0;border-radius:25px;padding:12px 20px;font-size:14px;outline:none;transition:all 0.3s;} .chatbot-input input:focus {border-color:#f15b26;} .chatbot-send {width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#f15b26,#ff8c42);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;box-shadow:0 4px 12px rgba(241,91,38,0.3);} .chatbot-send:hover {transform:scale(1.1);box-shadow:0 6px 20px rgba(241,91,38,0.4);} .chatbot-send svg {width:20px;height:20px;fill:#fff;} @media (max-width:480px) {.chatbot-container {bottom:15px;right:15px;} .chatbot-button {width:60px;height:60px;} .chatbot-window {width:calc(100vw - 30px);height:calc(100vh - 100px);bottom:80px;right:-7.5px;}}