@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.TTF');
  src: local("?"), url('../fonts/Roboto-Regular.woff') format("woff"), url('../fonts/Roboto-Regular.TTF') format("truetype"); 
}

html, body{font-family: 'Poppins', sans-serif; background:#ffffff; color:#787f68; font-size:16px; line-height: 25px; color: #000000;}
html {scroll-behavior: smooth;}

a{color:#555; text-decoration:none; transition:color 0.3s ease-in-out;}
a:hover{color:#0099cc; text-decoration:none;}

.clearfix{width:100%; margin-top: 15px; margin-bottom: 15px;}

/* Back to top button */
.back-to-top{position:fixed; display:none; background:#0099cc; color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:999;}
.back-to-top i{padding-top:12px; color:#fff;}


.header{margin:0; padding:0;}
.header-upper{background:#3f8bae; height:35px;}
.top_nav{display:flex; margin:5px 0 0 420px !important;}
.top_nav_buttons{display:flex; float:right; margin:0 0 0 135px !important;}
.top_nav_buttons a{margin:0 5px;}

.logo{padding:6px 0 6px 0; display:inline-block; font-weight:bold; color:#333;}
.logo img{height: 45px;}
.logo a{color:#333; text-decoration:none;}
.logo a:hover{color:#333; text-decoration:none;}

.user_site_logo{width:100%; height:auto; margin:0; color:#555; font-size:25px; font-weight:bold; font-family: 'Poppins', sans-serif;}
.user_site_logo a{color:#555;}
.user_site_logo a:hover{color:#555;}
.user_site_logo .xe_icon{background-image: linear-gradient(to right, #0099cc, #0099cc); width:40px; height:40px; padding:6px 5px; color:#fff; font-size:23px; border-radius:10px; margin:0 0 20px; font-family:sans-serif;}

.get_started_btn{color:#fff !important; text-decoration:none; background:#0099cc;}
.get_started_btn:hover{opacity:0.8;}
.signin_btn:hover{color:#fff !important; text-decoration:none; background:#0099cc !important;}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.main-nav, .main-nav * {margin:0; padding:0; list-style:none; }
.main-nav > ul > li{position: relative; white-space: nowrap; float: left;}
.main-nav a{display:block; color:#787f68; position:relative; margin:0; padding:10px 15px; margin:0 1px; text-decoration:none; transition:0.3s; font-weight:normal; line-height:20px; font-size:16px; font-weight:600; border-radius:15px;}
.main-nav a:hover, 
.main-nav li:hover > a {color: #0099cc;background: transparent;}
.main-nav li a {position: relative; text-decoration: none;}
.main-nav li a::after {content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background-color: #0099cc;transition: width 0.3s ease;}
.main-nav li a:hover::after {width: 100%;}
.main-nav a:hover, .main-nav .active > a {color:#0099cc; text-decoration:none; }
.main-nav li a:focus{color:#787f68; text-decoration:none;}
.main-nav .drop-down ul {display:block; position:absolute; left:0; top:calc(100% + 30px); z-index:999; opacity: 0; visibility:hidden; padding:0; background:#fff; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25); transition:ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity:1; top:100%; visibility:visible;}
.main-nav .drop-down li {min-width:180px; position:relative;}
.main-nav .drop-down ul a {padding:10px 20px;font-size: 13px;color: #333; border-right:none;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {color:#fff; background:#5e87eb;}
.main-nav .drop-down > a:after {content:"\f107"; font-family:FontAwesome; padding-left:5px;}
.main-nav .drop-down .drop-down ul {top:0; left:calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity:1; top:0; left:100%;}
.main-nav .drop-down .drop-down > a {padding-right:35px;}
.main-nav .drop-down .drop-down > a:after {content:"\f105"; position:absolute; right:15px;}

/* Mobile Navigation */
.mobile-nav {position:fixed; top:0; bottom:0; z-index:9999; overflow-y:auto; left:-260px; width:260px; padding:10px; background:rgba(19, 39, 57, 0.8); transition:0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display:block; position:relative; color:#fff; padding:5px 10px; font-weight:500; font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color:#fff; background:#0099cc; text-decoration:none;}
.mobile-nav .drop-down > a:after {content:"\f078"; font-family:FontAwesome; padding-left:10px; position:absolute; right:15px;}
.mobile-nav .active.drop-down > a:after {content:"\f077";}
.mobile-nav .drop-down > a {padding-right:35px;}
.mobile-nav .drop-down ul {display:none; overflow:hidden;}
.mobile-nav .drop-down li {padding-left:20px;}
.mobile-nav-toggle{position:absolute; right:0; top:70px; z-index:9998; border:0; background:none; font-size:24px; transition:all 0.4s; outline:none !important; line-height:1; cursor:pointer; text-align:right;}
.mobile-nav-toggle i {margin:10px 10px 0 0; color:#5b6b39;}
.mobile-nav-overly{width:100%; height:100%; z-index:9997; top:0; left:0; position:fixed; background:rgba(19, 39, 57, 0.8); overflow:hidden; display:none;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active .mobile-nav {left:0;}
.mobile-nav-active .mobile-nav-toggle i {color:#01837d;}

.nav-justified > .nav-link, .nav-justified .nav-item{margin: 0 2px;}
.fixed-top{top:-40px; transform:translateY(40px); transition:transform .3s; background:#fffdf0; border-bottom:1px solid #e2e5dc;}
.master-wrapper-content{margin:0; min-height:400px;}
.nav_bar {position: fixed;top: 0;left: 0;width: 100%;padding: 10px 0;background: transparent;transition: all 0.4s ease;z-index: 9999;}
.nav_bar.scrolled {background: #ffffff; color: #555;box-shadow: 0 5px 25px rgba(0, 153, 255, 0.55);padding: 8px 0;}
.nav_bar.scrolled .nav-menu li a {color: #555;}
.nav_bar.scrolled .nav-menu li a:hover {color: #0099cc;}
.nav-container {display: flex;align-items: center;justify-content: space-between;}
/* =========================
   DESKTOP MENU
========================= */

.nav-menu {display: flex;gap: 20px;list-style: none;margin: 0;align-items: center;}
.nav-menu li {position: relative;}
.nav-menu li a {font-size: 16px;font-weight: 600;color: #ffffff;padding: 8px 10px;transition: 0.3s;}
.nav-menu li a:hover {color: #0099cc;}
.dropdown-menu {position: absolute;top: 100%;left: 0;margin-top: 0;background: #fff;padding: 10px 0;min-width: 200px;border-radius: 10px;box-shadow: 0 8px 20px rgba(0,0,0,0.08);display: none; color: #555 !important;}
.dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu li a {display: block;padding: 10px 20px;font-size: 14px; color: #555;}
.get_started_btn {background: #0099cc;color: #fff !important;padding: 8px 20px;border-radius: 25px;}
.mobile-btn {display: none;}
.hamburger {display: none;flex-direction: column;cursor: pointer;gap: 5px;}
.hamburger span {width: 25px;height: 3px;background: #ffffff;border-radius: 3px;}
.nav_bar.scrolled .hamburger span {background: #0099cc !important; }
.main-nav li.active > a::after,
.main-nav li a.active::after {width: 100%;}
/* =========================
   MOBILE RESPONSIVE
========================= */

.mandatory{color:#0099cc;}
.form-label{color:#555; font-size:13px; font-weight:600; margin:0;}
.form-control{border-radius:10px; font-size:14px; background:#fffdf0;padding: 8px 12px;}
textarea{resize:none;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer{background:#191919; color:#ffffff; padding:30px 0 0;}
.footer_head{color:#fff; margin:0 0 10px; font-weight:bold;}
.footer_link{margin:0; padding:0;}
.footer_link li{margin:0; padding:5px 0; list-style-type:none; display:block;}
.footer_link li a{color:#ffffff;}
.footer_link li a:hover{color:#0099cc;}
.copyright{font-size:14px; color:#ccc; text-align:center; padding:15px 0; margin:10px 0 0; border-top:1px solid #ccc;}

/*-------------------- Start Home Page CSS ------------------------*/

/* ================= HERO SECTION ================= */

.hero {position: relative;min-height: 100vh;display: flex;align-items: center;overflow: hidden;color: #fff;}
.hero-slider {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.hero-slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: opacity 1.5s ease-in-out;}
.hero-slide.active {opacity: 1;z-index: 2;}
.hero-overlay {position: absolute;width: 100%;height: 100%;
    background: linear-gradient(
        90deg,
        rgba(0,0,0,0.85) 0%,
        rgba(0,0,0,0.75) 30%,
        rgba(0,0,0,0.55) 55%,
        rgba(0,0,0,0.25) 75%,
        rgba(0,0,0,0) 100%
    );z-index: 2;}
.hero-inner {min-height: 100vh;}
.hero-content {position: relative;z-index: 3;padding-left: 40px;width: 100%;}
.highlight-orange {color: #ff8c00;}
.hero-badge {display: inline-flex;align-items: center;gap: 10px;background: rgba(255, 255, 255, 0.08);padding: 8px 18px;border-radius: 25px;font-size: 14px;margin-bottom: 25px;backdrop-filter: blur(6px);}
.hero h1 {font-size: 48px;font-weight: 700;line-height: 1.05;}
.highlight {color: #0099cc;}
.hero p {margin: 25px 0 35px;font-size: 18px;color: #ddd;max-width: 520px;}
.hero-buttons {margin-bottom: 40px;}
.btn-primary-custom {position: relative;overflow: hidden;background: #0099cc;color: #fff;padding: 12px 32px;border-radius: 25px;font-weight: 600;display: inline-flex;align-items: center;justify-content: center;gap: 8px;text-align: center;transition: all 0.4s ease;}
.btn-primary-custom::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%);transform: skewX(-25deg);transition: 0.75s ease;}
.btn-primary-custom:hover::before {left: 130%;}
.btn-primary-custom:hover {
    /* transform: translateY(-5px); */
    /* box-shadow: 0 18px 35px rgba(0,153,204,0.45); */background: #18b8ed;color: #fff;}
.btn-outline-custom {position: relative;overflow: hidden;border: 2px solid #0099cc;color: #0099cc;padding: 12px 30px;border-radius: 25px;font-weight: 600;display: inline-block;transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;}
.btn-outline-custom::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%);transform: skewX(-25deg);transition: 0.75s ease;}
.btn-outline-custom:hover::before {left: 130%;}
.btn-outline-custom:hover {background: #0099cc;color: #fff;}
.hero-buttons {display: flex;gap: 10px;}
.hero-buttons a { display: inline-block;
    width: auto;
    text-align: center;}
.section-padding {padding: 30px 0;}
.services-section {background: #f7f9fb;}
.section-tag {font-size: 14px;letter-spacing: 2px;font-weight: 600;color: #000000;}
.section-title {font-size: 42px;color: #0099cc;font-weight: 700;line-height: 50px;}
.section-subtitle {font-size: 18px;color: #555;}
/* Card */
.ai-card {background: #fff;padding: 40px 30px;border-radius: 18px;box-shadow: 0 10px 30px rgba(0,0,0,0.05);transition: all 0.4s ease;height: 100%;position: relative;overflow: hidden;text-align: center;}
.ai-card::after {content: "";position: absolute;left: 50%;bottom: 0;height: 4px;width: 0;background: #0099cc;transition: all 0.4s ease;transform: translateX(-50%);}
.ai-card:hover {transform: translateY(-12px);box-shadow: 0 25px 60px rgba(0,0,0,0.08);}
.ai-card:hover::after {width: 100%;}
.ai-icon {width: 60px;height: 60px;background: #0099cc;color: #ffffff;border-radius: 14px;display: flex;align-items: center;justify-content: center;font-size: 22px;margin: 0 auto 25px;transition: 0.4s ease;}
.ai-card:hover .ai-icon {transform: scale(1.1) rotate(5deg);}
.animate__fadeInUp {animation-duration: 0.5s !important;}
.card-title {font-size: 20px;font-weight: 600; color: #000000;margin-bottom: 12px;}
.card-desc {font-size: 15px;color: #555;}
.product-section {background: #f6f7f8;}
.product-tabs {display: flex;justify-content: center;gap: 20px;}
.tab-btn {background: #fff;border: 2px solid #0099cc;padding: 10px 25px;border-radius: 50px;font-weight: 600;cursor: pointer;transition: 0.3s ease;}
.tab-btn.active,
.tab-btn:hover {background: #0099cc;color: #fff;}
.product-image {border-radius: 20px;overflow: hidden;box-shadow: 0 25px 60px rgba(0,0,0,0.08);height: 450px;}
.product-image img {width: 100%;height: 100%;object-fit: cover;transition: 0.6s ease;}
.product-image:hover img {transform: scale(1.05);}
.product-content {display: none;}
.product-content.active {display: block;}
.industry-block {background: #fff;padding: 20px 25px;border-radius: 15px;margin-bottom: 20px;box-shadow: 0 8px 25px rgba(0,0,0,0.05);transition: 0.3s ease;}
.industry-block:hover {transform: translateX(8px);box-shadow: 0 18px 40px rgba(0,0,0,0.08);}
.industry-title {font-size: 18px;font-weight: 600;margin-bottom: 5px;}
.industry-desc {font-size: 14px;color: #555;}
.future-section {background: #f7f9fb;}
.future-image {text-align: center;border-radius: 20px;overflow: hidden;height: 450px;}
.future-image img {width: 100%;height: 100%;object-fit: cover;border-radius: 20px;transition: transform 0.6s ease;}
.future-image:hover img {transform: scale(1.05);}
.podcast-wrapper {background: #e6f7ff;}
.podcast-card {background: #ffffff;padding: 60px 40px;border-radius: 25px;box-shadow: 0 25px 60px rgba(0,0,0,0.06);transition: all 0.4s ease;position: relative;overflow: hidden;}
.podcast-card:hover {box-shadow: 0 35px 80px rgba(0,0,0,0.08);}
.podcast-icon {font-size: 55px;color: #ff8c00;animation: floatIcon 3s ease-in-out infinite;}
@keyframes floatIcon {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0px); }
}
.podcast-logo-full {width: 100%;  height: 100px;object-fit: contain;}
.podcast-desc {font-size: 18px;color: #555;max-width: 650px;margin: 0 auto;}
.podcast-btn {position: relative;overflow: hidden;display: inline-block;  background: #ff8c00;color: #fff;padding: 14px 35px;border-radius: 50px;font-weight: 600;text-decoration: none;transition: all 0.4s ease;}
.podcast-btn::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%);transform: skewX(-25deg);transition: 0.75s ease;}
.podcast-btn:hover::before {left: 130%;}
.podcast-btn:hover {background: #ff7300; color: white;}
.podcast-btn i {margin-left: 8px;transition: transform 0.3s ease;}
.podcast-btn:hover i {transform: translateX(6px);}


.footer-divider {border: none;height: 1px;background: rgba(255,255,255,0.3);margin: 10px 0 20px;width: 70%;}
.footer-contact {font-size: 14px;}
.footer-label {min-width: 70px;font-weight: 600;display: inline-block;}
.footer-value {margin-left: 8px;}
.footer-office,
.footer-contact {font-size: 14px;line-height: 24px;color: #ddd;}
.footer a {color: #ffffff;}
.footer a:hover {color: #4fc3ff;}
.footer-social {display: flex;justify-content: start;gap: 12px;margin-top: 10px;}
.footer-social a {display: flex;align-items: center;justify-content: center;width: 42px;height: 42px;background: #2f343a;color: #ffffff;border-radius: 8px;transition: all 0.4s ease;}
.footer-social a:hover {transform: translateY(-5px) scale(1.1);}
.footer-social a:nth-child(1):hover {color: #1877f2;box-shadow:0 0 5px #1877f2,0 0 15px #1877f2,0 0 30px #1877f2;}
.footer-social a:nth-child(2):hover {color: #0a66c2;box-shadow:0 0 5px #0a66c2,0 0 15px #0a66c2,0 0 30px #0a66c2;}
.footer-social a:nth-child(3):hover {color: #1da1f2;box-shadow:0 0 5px #1da1f2,0 0 15px #1da1f2,0 0 30px #1da1f2;}
.text-accent {color: #0099cc;}


.future-desc {font-size: 18px;color: #555;}
.footer-contact-item {margin-bottom: 15px;}
.contact-row {display: flex;align-items: center;gap: 8px;margin-top: 6px;flex-wrap: nowrap; }
.footer-contact-item .contact-row {grid-template-columns: 20px 1fr;}
.footer-label {min-width: 75px;font-weight: 600;}
.contact-row i {color: #4fc3ff;font-size: 14px;}
.contact-row a {color: #ffffff;text-decoration: none;}
.contact-row a:hover {color: #4fc3ff;}

.future-btn {display: inline-block;background: #0099cc;color: #fff;padding: 14px 35px;border-radius: 8px;font-weight: 600;transition: all 0.4s ease;text-decoration: none;}
.future-btn i {margin-left: 8px;transition: transform 0.3s ease;}
.future-btn:hover {background: #18b8ed;box-shadow: 0 18px 35px rgba(0,153,204,0.4);transform: translateY(-5px);color: #fff;}
.future-btn:hover i {transform: translateX(5px);}
.future-features {margin-top: 35px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.future-features div {display: flex;align-items: center;font-weight: 500;}
.future-features span {width: 8px;height: 8px;background: #0099cc;border-radius: 50%;margin-right: 10px;}
.chatbot-container {position: fixed;right: 10px;bottom: 65px;z-index: 9999;}
.chat-toggle {width: 60px;height: 60px;background: linear-gradient(135deg, #0099cc, #18b8ed);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 24px;cursor: pointer;box-shadow: 0 10px 30px rgba(0,153,204,0.4);animation: pulseChat 2s infinite;transition: 0.3s ease;}
.chat-toggle:hover {transform: scale(1.1);}
@keyframes pulseChat {0% { box-shadow: 0 0 0 0 rgba(0,153,204,0.6); }70% { box-shadow: 0 0 0 15px rgba(0,153,204,0); }100% { box-shadow: 0 0 0 0 rgba(0,153,204,0); }}

/* Chatbox */

.chatbox {width: 320px;height: 420px;background: rgba(255,255,255,0.95);backdrop-filter: blur(12px);border-radius: 20px;box-shadow: 0 25px 60px rgba(0,0,0,0.15);position: absolute;bottom: 75px;right: 0;display: flex;flex-direction: column;overflow: hidden;transform: translateY(30px);opacity: 0;  pointer-events: none;transition: all 0.4s ease;}
.chatbox.active {transform: translateY(0);opacity: 1;pointer-events: all;}
.chatbox-header {background: linear-gradient(135deg, #0099cc, #18b8ed);color: #fff;padding: 15px;font-weight: 600;display: flex;justify-content: space-between;align-items: center;}
.chatbox-header span {cursor: pointer;font-size: 22px;}
.chatbox-body { flex: 1;padding: 15px;overflow-y: auto;font-size: 14px;}
.bot-message {background: #f1f5f9;padding: 10px 14px;border-radius: 15px;display: inline-block;margin-bottom: 10px;}
.chatbox-footer {display: flex;border-top: 1px solid #eee;}
.chatbox-footer input {flex: 1;border: none;padding: 12px;outline: none;}
.chatbox-footer button {background: #0099cc;border: none;color: #fff;padding: 0 18px;cursor: pointer;transition: 0.3s ease;}
.chatbox-footer button:hover {background: #18b8ed;}
.user-message {background: #0099cc;color: #fff;padding: 10px 14px;border-radius: 15px;margin-bottom: 10px;align-self: flex-end;max-width: 80%;margin-left: auto;font-size: 14px;}
.dots::after {content: '';animation: dots 1.5s steps(3, end) infinite;}
@keyframes dots {0% { content: ''; }33% { content: '.'; }66% { content: '..'; }100% { content: '...'; }}

.neon-badge {display: inline-block;position: relative;padding: 10px 22px;margin-bottom: 25px;font-size: 14px;font-weight: 600;color: #ffffff;border-radius: 30px;overflow: hidden;z-index: 1;}
.neon-badge span {position: relative;z-index: 2;}
.neon-badge::before {content: "";position: absolute;inset: 0;padding: 2px;border-radius: 30px;background: linear-gradient(90deg,#ffffff,#18b8ed,#18b8ed,#18b8ed);background-size: 300% 300%;animation: neonRun 4s linear infinite;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;mask-composite: exclude;}
@keyframes neonRun {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}
.neon-badge {box-shadow:0 0 8px #18b8ed,0 0 20px rgba(24, 184, 237, 0.5);}

/*  About Us Start */
.page-hero {position: relative;height: 45vh;min-height: 310px;display: flex;align-items: center;justify-content: center;text-align: center;color: #ffffff;overflow: hidden;}
.page-hero-bg {position: absolute;width: 100%; height: 100%;object-fit: cover; z-index: 1;}
.page-hero-overlay {position: absolute;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.75),rgba(19, 19, 19, 0.55),rgba(0, 0, 0, 0.45)); z-index: 2;}
.page-hero .container {position: relative;z-index: 3;}
.page-title {font-size: 36px;font-weight: 700;}
.page-subtitle {font-size: 18px;margin-top: 15px;color: rgba(255,255,255,0.9);}
.about-breadcrumb {margin-top: 12px;font-size: 14px;opacity: 0.9;}
.page-section {background: #ffffff;margin-top: -80px;padding: 30px 0;position: relative;z-index: 5;}
.page-section p {font-size: 16px;color: #555; margin-bottom: 10px;}
.section-heading {font-size: 36px;font-weight: 700;color: #0099cc;margin-bottom: 30px; line-height: 1.2;}
.image-card  {border-radius: 30px;overflow: hidden;box-shadow: 0 40px 90px rgba(0,0,0,0.12);transition: 0.5s ease;}
.image-card  img {width: 100%;height: 450px;object-fit: cover;transition: 0.6s ease;}
.image-card:hover {transform: translateY(-10px);}
.image-card:hover img {transform: scale(1.05);}
.tabs-wrapper {display: flex;gap: 15px;flex-wrap: wrap;margin-top: 25px;}
.tab-btn {padding: 8px 22px;border-radius: 30px;border: 2px solid #0099cc;background: #ffffff;cursor: pointer;font-weight: 600;transition: 0.3s ease;}
.tab-btn.active,
.tab-btn:hover {background: #0099cc;color: #ffffff;}
.tab-content {display: none;margin-top: 20px;font-size: 15px;line-height: 26px;color: #555;}
.tab-content.active {display: block;}
/* About Us End */

/*  Contact Us Start */
.office-card {background: #ffffff;padding: 40px;border-radius: 25px;box-shadow: 0 40px 90px rgba(0,0,0,0.08);transition: 0.4s ease;}
.office-card:hover {transform: translateY(-8px);}
.office-card h4 {color: #0099cc;font-weight: 700;margin-bottom: 10px;}
.office-card p {font-size: 15px;color: #555;line-height: 26px;}
.office-card a {color: #0099cc;text-decoration: none;}
.office-card a:hover {text-decoration: underline;}
.map-box {margin-top: 20px;border-radius: 20px;overflow: hidden;box-shadow: 0 20px 60px rgba(0,0,0,0.08);line-height: 0;}
.map-box iframe {width: 100%;height: 300px;border: 0;display: block;}
.modern-office-card p a {color: #0099cc;text-decoration: none;font-weight: 500;}
.modern-office-card p a:hover {text-decoration: underline;}
/* Contact Us End */

/* Ecosystem Start */
.logo-card {background: #ffffff;padding: 25px;border-radius: 20px;height: 140px;display: flex;align-items: center;justify-content: center;box-shadow: 0 15px 40px rgba(0,0,0,0.05);transition: 0.3s ease;}
.logo-card img {max-width: 100%;  max-height: 80px;object-fit: contain;transition: 0.3s ease;}
.logo-card:hover {transform: translateY(-8px);box-shadow: 0 25px 60px rgba(0,0,0,0.1);}
.logo-card:hover img {transform: scale(1.05);}
.logo-link {text-decoration: none;display: block;}
.logo-link:hover {text-decoration: none;}
/* Ecosystem End */


/* Service Page Start */
.carousel img {height: 350px;object-fit: cover;}
.feature-card-modern {background: #ffffff;padding: 35px 25px;border-radius: 20px;height: 100%;min-height: 260px;box-shadow: 0 20px 60px rgba(0,0,0,0.05);transition: all 0.4s ease;position: relative;overflow: hidden;text-align: center;}
.feature-card-modern {flex: 1;}
.feature-icon {width: 70px;height: 70px;margin: 0 auto 20px;border-radius: 50%;background: linear-gradient(135deg, #0099cc, #18b8ed);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 24px;transition: 0.4s ease;}
.feature-card-modern:hover {transform: translateY(-12px);box-shadow: 0 30px 80px rgba(0,0,0,0.12);}
.feature-card-modern:hover .feature-icon {transform: rotate(10deg) scale(1.1);}
.feature-card-modern::before {content: "";position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle, rgba(0,153,204,0.1), transparent 60%);transform: scale(0);transition: 0.6s ease;}
.feature-card-modern:hover::before {transform: scale(1);}
.bg-light-section {background: #f8fbfd;margin-top:0px;}
.carousel img {height: 350px;object-fit: cover;}
.carousel-control-prev-icon,
.carousel-control-next-icon {background-color: rgba(0,0,0,0.4);padding: 10px;border-radius: 50%;}
.carousel-image-card  {border-radius: 30px;overflow: hidden;box-shadow: 0 40px 90px rgba(0,0,0,0.12);transition: 0.3s ease;}
/* Service Page End */


.modern-product-card {background: rgba(255,255,255,0.9);backdrop-filter: blur(10px);padding: 35px 25px;border-radius: 20px;text-align: center;height: 100%;min-height: 320px;box-shadow: 0 20px 60px rgba(0,0,0,0.05);transition: all 0.4s ease;position: relative;overflow: hidden;}
.modern-product-card:hover {transform: translateY(-10px);box-shadow: 0 30px 80px rgba(0,0,0,0.12);}
.product-logo {height: 25px;margin-bottom: 20px;object-fit: contain;}
.modern-product-card h6 {font-weight: 700;margin-bottom: 12px;}
.modern-product-card p {font-size: 14px;color: #666;min-height: 60px; line-height: 1.5;}
.industry-badge {display: inline-block;padding: 6px 14px;border-radius: 30px; font-size: 12px;font-weight: 600;background: linear-gradient(135deg, #0099cc, #18b8ed);color: #fff;margin-top: 10px;}

.card-link {margin-top: auto;display: inline-block;font-weight: 500;color: #0099cc;text-decoration: none;transition: all 0.3s ease;}
.ai-card {display: flex; flex-direction: column;height: 100%;}

/* Insights Start */
.insight-card {background: #ffffff;border-radius: 20px;overflow: hidden;box-shadow: 0 20px 50px rgba(0,0,0,0.05);transition: all 0.4s ease;display: flex;flex-direction: column;height: 100%;}
.insight-card:hover {transform: translateY(-10px);box-shadow: 0 30px 70px rgba(0,0,0,0.1);}
.insight-card img {width: 100%;height: 200px;object-fit: cover;}
.insight-content {padding: 20px;display: flex;flex-direction: column;flex-grow: 1;}
.insight-content h6 {font-weight: 700;margin-bottom: 10px;}
.insight-content p {font-size: 14px;color: #555;flex-grow: 1; line-height: 1.4;}
.insight-btn {display: inline-flex;align-items: center;gap: 6px;color: #0099cc;font-weight: 600;text-decoration: none;transition: 0.3s ease;}
.insight-btn:hover {color: #18b8ed;}
.insight-btn i {transition: transform 0.3s ease;}
.insight-btn:hover i {transform: translateX(5px);}
/* Insights End */


/* Feature Card */
.feature-card-modern {background: #ffffff;padding: 40px;border-radius: 20px;transition: all 0.4s ease;box-shadow: 0 10px 30px rgba(0,0,0,0.05);height: 100%;}
.feature-card-modern:hover {transform: translateY(-10px);box-shadow: 0 20px 50px rgba(0,0,0,0.15);}
/* Icon Circle */
.feature-icon {width: 70px;height: 70px;background: linear-gradient(135deg, #00e0ff, #007bff);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px auto;transition: 0.4s;}
.feature-icon i {color: #fff;font-size: 28px;}
.feature-card-modern:hover .feature-icon {transform: scale(1.1) rotate(8deg);}
.ai-agent-section {background: #ffffff;}
.agent-image-wrapper {width: 100%;height: 420px;overflow: hidden;border-radius: 20px;box-shadow: 0 20px 60px rgba(0,0,0,0.08);}
.agent-image-wrapper img {width: 100%;height: 100%;object-fit: cover;display: block;}
.agent-card-img {background: #ffffff;border-radius: 20px;overflow: hidden;box-shadow: 0 20px 60px rgba(0,0,0,0.05);transition: all 0.4s ease;height: 100%;display: flex;flex-direction: column;}
.agent-card-img:hover {transform: translateY(-10px);box-shadow: 0 30px 80px rgba(0,0,0,0.12);}
.agent-image {height: 240px;overflow: hidden;}
.agent-image img {width: 100%;height: 100%;object-fit: cover;transition: 0.6s ease;}
.agent-card-img:hover .agent-image img {transform: scale(1.05);}
.agent-content {padding: 30px 25px;display: flex;flex-direction: column;flex-grow: 1;}
.agent-content h5 {font-weight: 700;margin-bottom: 15px;}
.agent-content p {font-size: 15px;color: #555;flex-grow: 1;}
/* .video-card {position: relative;width: 100%;border-radius: 15px;overflow: hidden;background: #000;aspect-ratio: 16/9;}
.video-card video {width: 100%;height: 100%;object-fit: cover;display: block;border-radius: 15px;}
.video-overlay {position: absolute; inset: 0;border-radius: 15px;background: linear-gradient( rgba(0,0,0,0.15),rgba(0,0,0,0.15));pointer-events: none;} */
.video-card{position: relative;width: 100%;border-radius: 20px;overflow: hidden;background: #000;aspect-ratio: 16 / 9;}
.video-card video{width: 100%;height: 100%;object-fit: cover;display: block;}
.video-overlay{position: absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(rgba(0,0,0,0.15),rgba(0,0,0,0.15));pointer-events:none;}
.event-meta{font-size:14px;color:#6c757d;margin:8px 0;}
.event-meta i{margin-right:5px;}
.event-desc{font-size:14px;margin-bottom:10px;color:#444;}
.gallery-modal{border-radius:15px;}
.gallery-row{padding:10px 20px;}
.gallery-img{border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,0.08);}
.gallery-img img{width:100%;height:280px;object-fit:cover;transition:0.4s;}
.gallery-img:hover img{transform:scale(1.05);}
.gallery-arrow{width:45px;height:45px;background:#ffffff;border-radius:50%;top:50%;transform:translateY(-50%);opacity:1;}
.gallery-arrow i{color:#000;font-size:20px;}

/* Modern Small Border Indicators */
.gallery-indicators {position: relative;margin-top: 20px;display: flex;justify-content: center;gap: 10px;}
.gallery-indicators button {width: 5px !important;height: 5px !important;border-radius: 50% !important;border: 1px solid #0d6efd !important;background: transparent !important;opacity: 1 !important;margin: 0 !important;}
.gallery-indicators button.active {background: #0d6efd !important;transform: scale(1.1);}
.hero-content h1 {min-height: 125px;}
.tab-content{text-align:left;}


.ai-agents-section{padding:30px 0;background:#f3f3f3;}
.agents-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.ai-agent-card{position:relative;border-radius:28px;overflow:hidden;height:400px;box-shadow:0 20px 60px rgba(0,0,0,0.15);transition:0.4s;background:#000;}
.ai-agent-card img{width:100%;height:100%;object-fit:cover;display:block;}
.card-overlay{position:absolute;bottom:0;left:0;width:100%;padding:28px;color:#fff;background:linear-gradient(to top,rgba(0, 45, 90, 10.95),rgba(0, 70, 140, 2.75),rgba(0, 120, 200, 1.45),rgba(0, 153, 204, 0));}
.card-overlay h3{font-size:18px;font-weight:700;margin-bottom:10px;}
.card-overlay p{font-size:14px;color:#ddd;line-height:1.5;margin-bottom:14px;}
.card-btn{display:block;background:#fff;color:#000;text-align:center;padding:12px;border-radius:30px;font-weight:600;text-decoration:none;transition:0.3s;}
.card-btn:hover{background:#0099cc;color:#fff;}
.ai-agent-card:hover{transform:translateY(-12px);box-shadow:0 30px 80px rgba(0,0,0,0.25);}
.body-bg{background-image: linear-gradient(rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.55)), url("/ITPlusPoint/Assets/images/body_bg.jpg"); /* your background image */background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed; }

.row-margin{margin: 30px 0;}
/* Responsive */
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1240px;}
.top_nav_buttons {margin: 0 0 0 115px !important;}
}

@media(max-width:1024px){
.agents-grid{grid-template-columns:repeat(2,1fr);}
.hero h1 {font-size: 36px;}
.hero-content h1 {min-height: 90px;}
.neon-badge {margin-bottom: 15px;font-size: 12px;}
.hero-content {
    margin-top: 100px;
}
}

@media (min-width: 998px) and (max-width: 1240px){
.top_nav_buttons {margin: 0 0 0 15px !important;}
.top_nav {  margin: 5px 0 0 283px !important;}
}

@media (max-width: 992px) {
.hamburger {display: flex;}
.nav-btn {display: none;}
.main-nav {position: fixed;top: 0;left: -100%;width: 280px;height: 100%;background: #fbfeff; padding: 20px 0 20px 0;transition: 0.4s ease; z-index: 9999;}
.main-nav.active {left: 0;}
.nav-menu {flex-direction: column;align-items: flex-start;width: 100%;padding: 0;margin: 0;} 
.nav-menu li {width: 100%;}
.nav-menu li a {display: block;width: 100%;padding: 15px 20px;font-size: 18px;font-weight: 600;border-bottom: 1px solid #d6d3c2;}
.nav-menu li a:hover {background: transparent;}
.dropdown-menu {position: static;display: none;box-shadow: none;background: transparent;padding-left: 15px;max-height: 0;overflow: hidden;transition: max-height 0.3s ease; color: #555;}
.dropdown.active .dropdown-menu {display: block;max-height: 500px;}
.dropdown-menu li a {font-size: 15px;padding: 12px 20px;border-bottom: 1px solid #d6d3c2;}
.mobile-btn {width: 100%;padding: 20px;}
.mobile-btn .get_started_btn {width: 100%;text-align: center;border-radius: 30px;}
.nav-menu {gap: 2px;}
.nav-menu li a {color: #333 !important;}
.nav-menu li a:hover {color: #0099cc !important;}
.nav-menu li.active > a,
.nav-menu li a.active {color: #0099cc !important;}
.hero {min-height: 90vh;text-align: center;}
.hero-content {max-width: 100%;}
.hero h1 {font-size: 32px;line-height: 1.1;}
.hero p {font-size: 16px;margin: 20px auto 30px;}
.hero-buttons {margin-bottom: 30px;}
.btn-primary-custom,
.btn-outline-custom {display: inline-block;margin: 8px 6px;}
.hero-badge {margin-bottom: 20px;}
.section-title { font-size: 32px; }
.section-subtitle { font-size: 16px; }
.future-title {font-size: 32px;}.future-desc {font-size: 16px;}
.product-tabs {flex-direction: column;}
.page-hero {height: 50vh;}
.page-title {font-size: 38px;}
.image-card img {height: 320px;}
.office-card {padding: 30px;}
}



@media (max-width: 991px) {
.footer .col-lg-3:last-child {text-align: center;}
.contact-row {justify-content: center;}
.footer-label {min-width: auto;}
.footer-social {justify-content: center;}
.mobile-nav-toggle{display: none;}
}

@media (max-width: 768px){
.footer {text-align: center;}
.contact-row {justify-items: center;text-align: center;}
.footer-contact-item .contact-row {grid-template-columns: 1fr;}
.mobile-nav-toggle{position: fixed; top: 3px; display: none;}
.banner_text{margin: 0 0 15px;}
.top_nav_buttons{display:block; float:left; margin:0 !important; width:97%;}
.video-card {aspect-ratio: 4 / 3;}
.tab-content{text-align:center;}
.row-margin {margin: 15px 0;}
.video-card{aspect-ratio: 16 / 9;}
.insight-content p{text-align: left !important;}
}

@media(max-width:600px){
.agents-grid{grid-template-columns:1fr;}
.ai-agent-card{height:420px;}
}

@media (max-width: 576px) {
.hero {min-height: 85vh;padding: 40px 0;}
.hero h1 {font-size: 34px;line-height: 1.2;}
.hero p {font-size: 15px;}
.hero-buttons {display: flex;flex-direction: column;gap: 12px;align-items: center;}
.btn-primary-custom,
.btn-outline-custom {width: 100%;max-width: 280px;text-align: center;margin: 0;}
.hero-badge {font-size: 12px;padding: 6px 14px;}
.section-title { font-size: 26px; line-height: 40px;}
.service-item {flex-direction: column;text-align: left;}
.service-icon-small {margin-bottom: 10px;}
.ai-card {padding: 25px 20px;text-align: center;}
.ai-icon {margin: 0 auto 20px; }
.future-title {font-size: 26px;}
.future-features {grid-template-columns: 1fr;}
.future-content {padding-left: 0;}
.section-heading {text-align: center;font-size: 32px;}
.page-hero {height: 36vh;min-height: 300px;}
.page-title {font-size: 26px;}
.page-subtitle {font-size: 15px;}
.page-section {padding: 40px 0;margin-top: -30px;}
.tabs-wrapper {justify-content: center;}
.image-card img {height: 250px;}
.section-heading{text-align: center;font-size: 26px;}
.page-section p{text-align: center;}
.tab-content.active{text-align: center;}
.break{display: none;}
.hero-content h1 {min-height: 135px;}
.footer-divider{margin: 10px auto 20px;}
.section-heading {margin: 30px 0;}
.chat-toggle {width: 50px;font-size: 20px;height: 50px;}
.chatbot-container {right: 14px;}
}

@media (max-width:480px){
.pricing-box{min-height:auto; margin-bottom:25px;}
}