/*
 * HostLinkBD Addon - Frontend styles
 */

/* Remove Elementor default 20px gap for all HostLinkBD widgets */
.elementor-widget-hostlinkbd-home-header .elementor-widget-container,
.elementor-widget-hostlinkbd-home-footer .elementor-widget-container,
.elementor-widget-hostlinkbd-latest-home .elementor-widget-container,
.elementor-widget-all_hosting .elementor-widget-container,
.elementor-widget-colocation_widget .elementor-widget-container,
.elementor-widget-digital_marketing_bd_widget .elementor-widget-container,
.elementor-widget-webdev_widget .elementor-widget-container,
.elementor-widget-server_management_widget .elementor-widget-container,
.elementor-widget-vps_landing_page .elementor-widget-container,
.elementor-widget-managed_vps_page .elementor-widget-container,
.elementor-widget-dedicated_servers_page .elementor-widget-container,
.elementor-widget-managed_dedicated_servers_page .elementor-widget-container,
.elementor-widget-business_email_page .elementor-widget-container,
.elementor-widget-bdix_vps_page .elementor-widget-container,
.elementor-widget-contact_us_page .elementor-widget-container,
.elementor-widget-hlds-register-domain .elementor-widget-container,
.elementor-widget-hlds-transfer-domain .elementor-widget-container,
.elementor-widget-hlds-domain-prices .elementor-widget-container,
.elementor-widget-hlds-domain-reseller .elementor-widget-container,
.elementor-widget-hlds-register-bd-domain .elementor-widget-container,
.elementor-widget-hslink_about .elementor-widget-container {
    margin-bottom: 0 !important;
}

.elementor-widget-hostlinkbd-home-header,
.elementor-widget-hostlinkbd-home-footer,
.elementor-widget-hostlinkbd-latest-home,
.elementor-widget-all_hosting,
.elementor-widget-colocation_widget,
.elementor-widget-digital_marketing_bd_widget,
.elementor-widget-webdev_widget,
.elementor-widget-server_management_widget,
.elementor-widget-vps_landing_page,
.elementor-widget-managed_vps_page,
.elementor-widget-dedicated_servers_page,
.elementor-widget-managed_dedicated_servers_page,
.elementor-widget-business_email_page,
.elementor-widget-bdix_vps_page,
.elementor-widget-contact_us_page,
.elementor-widget-hlds-register-domain,
.elementor-widget-hlds-transfer-domain,
.elementor-widget-hlds-domain-prices,
.elementor-widget-hlds-domain-reseller,
.elementor-widget-hlds-register-bd-domain,
.elementor-widget-hslink_about {
    margin-bottom: 0 !important;
}

:root {
    --primary: #2563eb;
    --primary-dark: #1d4ed8;
    --primary-light: #eff6ff;
    --secondary: #f97316;
    --dark: #0f172a;
    --text: #475569;
    --light: #f8fafc;
    --border: #e2e8f0;
    --success: #10b981;
    --purple: #8b5cf6;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
.elementor-widget-hostlinkbd-home-header,
.elementor-widget-hostlinkbd-home-footer,
.elementor-widget-hostlinkbd-latest-home { font-family: 'Mulish', sans-serif; color: var(--text); line-height: 1.6; width: 100%; margin-bottom: 0 !important; }
.elementor-widget-hostlinkbd-home-header h1, .elementor-widget-hostlinkbd-home-header h2, .elementor-widget-hostlinkbd-home-header h3, .elementor-widget-hostlinkbd-home-header h4, .elementor-widget-hostlinkbd-home-header h5, .elementor-widget-hostlinkbd-home-header h6,
.elementor-widget-hostlinkbd-home-footer h1, .elementor-widget-hostlinkbd-home-footer h2, .elementor-widget-hostlinkbd-home-footer h3, .elementor-widget-hostlinkbd-home-footer h4, .elementor-widget-hostlinkbd-home-footer h5, .elementor-widget-hostlinkbd-home-footer h6,
.elementor-widget-hostlinkbd-latest-home h1, .elementor-widget-hostlinkbd-latest-home h2, .elementor-widget-hostlinkbd-latest-home h3, .elementor-widget-hostlinkbd-latest-home h4, .elementor-widget-hostlinkbd-latest-home h5, .elementor-widget-hostlinkbd-latest-home h6 { font-family: 'Urbanist', sans-serif; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.img-fluid { max-width: 100%; height: auto; }
.d-flex { display: flex; }
.justify-content-between { justify-content: space-between; }
.align-items-center { align-items: center; }
.w-100 { width: 100%; }
.text-center { text-align: center; }
.row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-sm-6 { padding: 0 15px; }
.col-xl-2 { flex: 0 0 16.666%; max-width: 16.666%; }
.col-lg-2 { flex: 0 0 16.666%; max-width: 16.666%; }
.col-md-2 { flex: 0 0 16.666%; max-width: 16.666%; }
.col-sm-2 { flex: 0 0 16.666%; max-width: 16.666%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-lg-3 { flex: 0 0 25%; max-width: 25%; }
.col-lg-4 { flex: 0 0 33.333%; max-width: 33.333%; }
.col-lg-5 { flex: 0 0 41.666%; max-width: 41.666%; }
.col-lg-6 { flex: 0 0 50%; max-width: 50%; }
.col-lg-7 { flex: 0 0 58.333%; max-width: 58.333%; }
.col-lg-8 { flex: 0 0 66.666%; max-width: 66.666%; }
.col-md-4 { flex: 0 0 33.333%; max-width: 33.333%; }
.col-md-5 { flex: 0 0 41.666%; max-width: 41.666%; }
.col-md-6 { flex: 0 0 50%; max-width: 50%; }
.col-md-7 { flex: 0 0 58.333%; max-width: 58.333%; }
.col-sm-6 { flex: 0 0 50%; max-width: 50%; }
.order-lg-1 { order: 1; }
.order-lg-2 { order: 2; }

/* Header Top Bar */
.header-top { background: var(--dark); color: #fff; padding: 10px 15px; font-size: 14px; }
.header-top > .container { display: flex; justify-content: center; align-items: center; gap: 15px; position: relative; }
.header-top-sales-left { position: absolute; left: 15px; font-size: 14px; }
.header-top-sales-left p { margin: 0; }
.header-top-sales-left a { color: #38bdf8; font-weight: 700; }
.header-top-sales-left span { color: rgba(255,255,255,0.7); font-size: 13px; }
.header-top-deal { text-align: center; }
.header-top .links { color: #38bdf8; font-weight: 600; margin-left: 5px; }
.header-top .links i { margin: 0 2px; }

/* Header */
.header-outer-block { background: #fff; box-shadow: 0 2px 20px rgba(0,0,0,0.06); position: relative; z-index: 1000; }
.header-top-block { padding: 18px 0; border-bottom: 1px solid var(--border); }
.header-top-main { display: flex; justify-content: space-between; align-items: center; }
.logo img { max-height: 42px; }
.header-top-right { display: flex; align-items: center; gap: 25px; }
.header-top-right .first-div p { font-size: 14px; color: var(--dark); font-weight: 500; }
.header-top-right .first-div a { color: var(--primary); font-weight: 700; }
.header-top-right .first-div span { color: var(--text); font-size: 13px; }
.header-top-right .second-div ul { display: flex; gap: 18px; }
.header-top-right .second-div ul li a { font-size: 14px; color: var(--dark); font-weight: 500; transition: 0.3s; }
.header-top-right .second-div ul li a:hover { color: var(--primary); }
.dahboard-login { background: var(--primary); color: #fff; padding: 10px 22px; border-radius: 4px; font-size: 14px; font-weight: 600; transition: 0.3s; display: inline-block; }
.dahboard-login:hover { background: var(--primary-dark); }

/* Main Menu */
.header-wrapper { background: #fff; }
.header-main { padding: 15px 0; }
.main-menu { position: relative; display: flex; align-items: center; }
.menu-list { display: flex; gap: 30px; }
.menu-list > li { position: relative; display: flex; align-items: center; }
.menu-list > li > a { color: var(--dark); font-weight: 600; font-size: 15px; padding: 10px 0; display: block; transition: 0.3s; }
.menu-list > li > a:hover { color: var(--primary); }
.menu-list > li:hover > ul,
.menu-list > li.open > ul { opacity: 1; visibility: visible; transform: translateY(0); }
.menu-list > li > ul { position: absolute; top: 100%; left: 0; background: #fff; min-width: 280px; box-shadow: 0 10px 40px rgba(0,0,0,0.12); border-radius: 8px; padding: 15px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: 0.3s; z-index: 100; }
.dropdown-toggle { cursor: pointer; margin-left: 6px; font-size: 12px; color: var(--dark); transition: 0.3s; line-height: 1; display: inline-flex; align-items: center; padding: 4px; }
.dropdown-toggle:hover { color: var(--primary); }
.menu-list > li.open > .dropdown-toggle { transform: rotate(180deg); }
.menu-list > li > ul li { margin-bottom: 8px; }
.menu-list > li > ul li:last-child { margin-bottom: 0; }
.menu-list > li > ul li a { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 6px; transition: 0.3s; }
.menu-list > li > ul li a:hover { background: var(--light); }
.dropdown-icon { width: 40px; height: 40px; background: var(--primary-light); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.dropdown-icon img { width: 24px; height: 24px; }
.menu-list > li > ul li strong { display: block; color: var(--dark); font-size: 14px; }
.menu-list > li > ul li p { font-size: 12px; color: var(--text); margin: 0; }
.menu-toggle { display: none; flex-direction: column; gap: 5px; width: 28px; background: none; border: none; cursor: pointer; padding: 0; }
.menu-toggle .line { height: 3px; background: var(--dark); border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease; }
.menu-toggle .line.a { width: 100%; }
.menu-toggle .line.b { width: 75%; }
.menu-toggle .line.c { width: 100%; }

/* Section Common */
.section-head { text-align: center; margin-bottom: 55px; }
.section-head h2 { font-size: 36px; color: var(--dark); font-weight: 800; margin-bottom: 12px; }
.section-head p { color: var(--text); font-size: 17px; max-width: 600px; margin: 0 auto; }

/* Banner Section */
.banner-section {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #2563eb 100%);
    padding: 90px 0 160px;
    position: relative;
    overflow: hidden;
}
.banner-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");
}
.banner-section .row { align-items: center; }
.banner-content { position: relative; z-index: 2; }
.banner-content h1 { color: #fff; font-size: 50px; line-height: 1.18; font-weight: 800; margin-bottom: 22px; }
.banner-content h1 span { color: #38bdf8; }
.banner-content p { color: rgba(255,255,255,0.85); font-size: 18px; margin-bottom: 35px; }
.banner-btns { display: flex; gap: 15px; flex-wrap: wrap; }
.banner-btns a { padding: 15px 32px; border-radius: 6px; font-weight: 700; font-size: 15px; transition: 0.3s; }
.banner-btns a:first-child { background: var(--secondary); color: #fff; }
.banner-btns a:first-child:hover { background: #ea580c; transform: translateY(-2px); }
.banner-btns a:last-child { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.3); }
.banner-btns a:last-child:hover { background: rgba(255,255,255,0.1); }
.banner-image { position: relative; z-index: 2; text-align: center; }
.banner-image img { max-height: 360px; filter: drop-shadow(0 25px 50px rgba(0,0,0,0.3)); }

/* Domain Section */
.domain-section { margin-top: -75px; position: relative; z-index: 10; }
.domain-box {
    background: #fff; border-radius: 18px; box-shadow: 0 20px 60px rgba(0,0,0,0.1);
    padding: 35px; border: 1px solid var(--border);
}
.domain-form { display: flex; border: 2px solid var(--border); border-radius: 12px; overflow: hidden; }
.domain-form .prefix { background: var(--light); padding: 18px 20px; font-weight: 700; color: var(--dark); border-right: 2px solid var(--border); display: flex; align-items: center; }
.domain-form input[type="text"] { flex: 1; border: none; padding: 18px 22px; font-size: 16px; font-family: 'Mulish', sans-serif; outline: none; min-width: 0; }
.domain-form select { border: none; border-left: 2px solid var(--border); padding: 0 22px; font-size: 15px; font-family: 'Mulish', sans-serif; background: var(--light); cursor: pointer; outline: none; }
.domain-form button { background: var(--primary); color: #fff; border: none; padding: 0 40px; font-weight: 700; font-size: 16px; cursor: pointer; transition: 0.3s; }
.domain-form button:hover { background: var(--primary-dark); }
.domain-prices { display: flex; justify-content: center; gap: 50px; margin-top: 28px; flex-wrap: wrap; }
.domain-prices li { display: flex; align-items: center; gap: 10px; font-size: 15px; color: var(--dark); font-weight: 500; }
.domain-prices li img { width: 32px; }
.domain-prices li span { color: var(--primary); font-weight: 700; }

/* Plans Section - Minimal & Professional */
.plans-section { padding: 90px 0; background: var(--light); }
.plans-section .row { gap: 20px 0; }
.plan-card {
    background: #fff; border-radius: 12px; text-align: center; padding: 38px 30px;
    border: 1px solid var(--border); transition: 0.3s; height: 100%;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.plan-card:hover { transform: translateY(-4px); box-shadow: 0 15px 40px rgba(0,0,0,0.07); }
.plan-card .icon { width: 58px; height: 58px; border-radius: 50%; background: #f1f5f9; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 22px; color: var(--primary); }
.plan-card .icon.exonhost-icon i, .plan-card .icon.exonhost-icon svg { color: #2563eb; fill: #2563eb; }
.plan-card .icon svg, .control-feature-item .f-icon svg, .where-support a .icon svg { width: 1em; height: 1em; }
.plan-card h4 { color: var(--dark); font-size: 18px; margin-bottom: 8px; }
.plan-card .plan-sub { font-size: 14px; color: var(--text); margin-bottom: 26px; }
.plan-card .starting-at { display: block; font-size: 12px; color: #94a3b8; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 6px; }
.plan-card .price { font-size: 40px; font-weight: 800; color: var(--dark); line-height: 1; }
.plan-card .price span { font-size: 14px; color: #94a3b8; font-weight: 500; }
.plan-btn {
    display: inline-block; margin-top: 28px; padding: 11px 36px; border-radius: 6px;
    background: var(--primary); color: #fff; font-weight: 600; font-size: 14px; transition: 0.3s;
}
.plan-btn:hover { background: var(--primary-dark); }
.plan-card.featured { border: 2px solid var(--primary); }
.plan-card.featured .icon { background: #eff6ff; color: var(--primary); }
.popular-tag {
    display: inline-block; background: #eff6ff; color: var(--primary);
    font-size: 11px; font-weight: 700; padding: 5px 16px; border-radius: 50px;
    text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 14px;
}

/* Control Panel Section - Professional Design */
.control-section {
    padding: 100px 0; position: relative; overflow: hidden;
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);
}
.control-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.04'%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");
}
.control-section .section-head { position: relative; z-index: 2; }
.control-section .section-head h2 { color: #fff; }
.control-section .section-head p { color: rgba(255,255,255,0.75); }
.control-showcase { display: flex; gap: 50px; align-items: center; position: relative; z-index: 2; }
.browser-mockup { flex: 1.2; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,0.4); }
.browser-topbar { display: flex; align-items: center; gap: 8px; background: #e2e8f0; padding: 12px 16px; }
.browser-topbar .dot { width: 12px; height: 12px; border-radius: 50%; }
.browser-topbar .dot.red { background: #ef4444; }
.browser-topbar .dot.yellow { background: #f59e0b; }
.browser-topbar .dot.green { background: #22c55e; }
.browser-address { flex: 1; background: #fff; border-radius: 6px; padding: 6px 14px; font-size: 12px; color: var(--text); margin-left: 10px; }
.browser-mockup img { display: block; width: 100%; }
.control-features { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.control-feature-item {
    background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px; padding: 24px; display: flex; align-items: flex-start; gap: 16px;
    transition: 0.3s; backdrop-filter: blur(6px);
}
.control-feature-item:hover { background: rgba(255,255,255,0.12); transform: translateX(8px); }
.control-feature-item .f-icon { width: 48px; height: 48px; background: linear-gradient(135deg, #2563eb, #60a5fa); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; flex-shrink: 0; box-shadow: 0 8px 20px rgba(37,99,235,0.4); }
.control-feature-item:nth-child(2) .f-icon { background: linear-gradient(135deg, #f97316, #fbbf24); box-shadow: 0 8px 20px rgba(249,115,22,0.4); }
.control-feature-item:nth-child(3) .f-icon { background: linear-gradient(135deg, #10b981, #34d399); box-shadow: 0 8px 20px rgba(16,185,129,0.4); }
.control-feature-item .f-icon.exonhost-icon i, .control-feature-item .f-icon.exonhost-icon svg { color: #ffffff; fill: #ffffff; }
.control-feature-item h5 { color: #fff; font-size: 18px; margin-bottom: 6px; }
.control-feature-item p { color: rgba(255,255,255,0.75); font-size: 14px; }

/* Powerful Solutions */
.powerful-section { padding: 90px 0; background: var(--light); }
.powerful-card {
    background: #fff; border-radius: 18px; padding: 40px 30px; text-align: center;
    box-shadow: 0 5px 25px rgba(0,0,0,0.04); transition: 0.3s; height: 100%; border: 1px solid var(--border);
}
.powerful-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.08); }
.powerful-card img { height: 75px; margin-bottom: 22px; }
.powerful-card h4 { color: var(--dark); font-size: 20px; margin-bottom: 12px; }
.powerful-card p { font-size: 15px; }

/* Help Section */
.help-section { padding: 90px 0; background: linear-gradient(135deg, #0f172a, #1e3a8a); color: #fff; }
.help-section .row { align-items: center; }
.help-left { text-align: center; }
.help-left img { max-height: 220px; filter: drop-shadow(0 15px 30px rgba(0,0,0,0.3)); }
.help-right h3 { font-size: 34px; font-weight: 800; margin-bottom: 18px; color: #fff; }
.help-right p { color: rgba(255,255,255,0.85); font-size: 17px; margin-bottom: 30px; }
.help-btns { display: flex; gap: 15px; flex-wrap: wrap; }
.help-btns a { padding: 14px 30px; border-radius: 6px; font-weight: 700; font-size: 15px; transition: 0.3s; }
.help-btns a:first-child { background: var(--secondary); color: #fff; }
.help-btns a:first-child:hover { background: #ea580c; }
.help-btns a:last-child { background: rgba(255,255,255,0.1); color: #fff; border: 2px solid rgba(255,255,255,0.2); cursor: pointer; }
.help-btns a:last-child:hover { background: rgba(255,255,255,0.2); }

/* Map Section */
.map-section { padding: 90px 0; background: #fff; }
.map-wrapper { position: relative; text-align: center; }
.map-wrapper img { border-radius: 20px; box-shadow: 0 15px 50px rgba(0,0,0,0.08); }
.explore-btn {
    display: inline-block; margin-top: 30px; background: var(--primary); color: #fff;
    padding: 14px 35px; border-radius: 6px; font-weight: 700; transition: 0.3s;
}
.explore-btn:hover { background: var(--primary-dark); transform: translateY(-2px); }

/* Different Section */
.different-section { padding: 90px 0; background: var(--light); }
.different-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; }
.different-box {
    display: flex; gap: 20px; background: #fff; padding: 30px; border-radius: 16px;
    border: 1px solid var(--border); transition: 0.3s;
}
.different-box:hover { transform: translateX(8px); border-color: var(--primary); box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.different-box .icon { width: 65px; height: 65px; background: var(--primary-light); border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.different-box .icon img { max-width: 40px; }
.different-box h4 { color: var(--dark); font-size: 19px; margin-bottom: 8px; }
.different-box h4 span { color: var(--primary); }
.different-box p { font-size: 14px; }

/* Testimonials Slider */
.testimonial-section { padding: 90px 0; background: #fff; }
.testimonial-main { align-items: center; }
.testimonial-left { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); border-radius: 20px; padding: 45px; color: #fff; height: 100%; }
.testimonial-left .customers { font-size: 60px; font-weight: 900; display: block; margin-bottom: 10px; }
.testimonial-left h3 { font-size: 30px; font-weight: 800; margin-bottom: 15px; color: #fff; }
.testimonial-left p { color: rgba(255,255,255,0.9); font-size: 15px; margin-bottom: 25px; }
.testimonial-left .btn { display: inline-block; background: #fff; color: var(--primary); padding: 12px 28px; border-radius: 6px; font-weight: 700; transition: 0.3s; }
.testimonial-left .btn:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); }
.testimonial-slider-wrap { position: relative; overflow: hidden; }
.testimonial-slider { display: flex; transition: transform 0.5s ease-in-out; }
.testimonial-card {
    flex: 0 0 100%; max-width: 100%; background: var(--light); border-radius: 16px; padding: 35px;
    border: 1px solid var(--border);
}
.testimonial-card p { font-size: 16px; margin-bottom: 25px; color: var(--dark); line-height: 1.7; }
.testimonial-author { display: flex; align-items: center; gap: 15px; }
.testimonial-author img { width: 55px; height: 55px; border-radius: 50%; object-fit: cover; }
.testimonial-author h5 { color: var(--dark); font-size: 15px; }
.testimonial-author span { display: block; font-size: 13px; color: var(--text); font-weight: 400; }
.slider-dots { display: flex; justify-content: center; gap: 10px; margin-top: 25px; }
.slider-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--border); cursor: pointer; transition: 0.3s; border: none; padding: 0; }
.slider-dot.active { background: var(--primary); }
.slider-arrows { display: flex; justify-content: flex-end; gap: 10px; margin-bottom: 20px; }
.slider-arrow { width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 1px solid var(--border); color: var(--dark); cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; }
.slider-arrow:hover { background: var(--primary); color: #fff; border-color: var(--primary); }

/* Logos Section */
.logos-section { padding: 50px 0; background: var(--light); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.logos-list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 25px; }
.logos-list li { opacity: 0.6; transition: 0.3s; }
.logos-list li:hover { opacity: 1; }
.logos-list li img { max-height: 45px; }

/* Where Start Section */
.where-section { padding: 90px 0; background: #fff; }
.where-box { background: linear-gradient(135deg, #f0f9ff, #e0f2fe); border-radius: 24px; padding: 60px; }
.where-left h3 { font-size: 32px; color: var(--dark); font-weight: 800; margin-bottom: 15px; }
.where-left > p { color: var(--text); font-size: 16px; margin-bottom: 35px; max-width: 520px; }
.where-support { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.where-support a {
    display: flex; align-items: center; gap: 15px; background: #fff; padding: 22px;
    border-radius: 14px; box-shadow: 0 5px 20px rgba(0,0,0,0.04); transition: 0.3s;
}
.where-support a:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,0.08); }
.where-support a .icon { width: 48px; height: 48px; background: var(--primary-light); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--primary); }
.where-support a .icon.exonhost-icon i, .where-support a .icon.exonhost-icon svg { color: #2563eb; fill: #2563eb; }
.where-support a p { color: var(--dark); font-weight: 700; }
.where-right { text-align: center; }
.where-right img { max-height: 280px; }

/* ====== Original ExonHost Footer CSS ====== */
.footer-block { display: block; background: #141414; margin-top: auto; }
.footer-top-block { display: block; padding: 70px 0; }
.footer-top-links { display: block; }
.footer-links { display: block; }
.footer-links h5 { color: #e8e8e8; font-size: 18px; }
.footer-links ul li { display: block; padding: 1px 0; }
.footer-links ul li a { color: #787a87; }
.footer-links ul li a:hover { color: #fff; }
.footer-top-links .row { display: grid; grid-template-columns: repeat(6, 1fr); }
.footer-top-links .row > [class*="col-"] { flex: none; max-width: none; padding: 0 15px; }
.footer-main-block { display: block; border-top: 1px solid #2c2c2c; padding-top: 45px; margin-top: 45px; }
.footer-main-left { display: block; }
.footer-main-left .left { display: block; }
.footer-main-left .left h4 { color: #e8e8e8; font-size: 18px; margin-bottom: 25px; }
.footer-main-left .left p { color: #787a87; line-height: 24px; margin-bottom: 0px; }
.footer-main-left .right { display: block; }
.footer-main-left .right h4 { color: #e8e8e8; font-size: 18px; margin-bottom: 20px; }
.footer-main-left .right ul { font-size: 0; }
.footer-main-left .right ul li { display: inline-block; margin-right: 15px; margin-top: 15px; }
.footer-main-right { display: block; }
.footer-main-right .left { display: block; margin-right: 25px; }
.footer-main-right .left h4 { color: #e8e8e8; font-size: 18px; margin-bottom: 23px; }
.footer-main-right .left p { color: #787a87; line-height: 20px; }
.footer-newsletter { display: block; position: relative; }
.footer-newsletter-input { display: block; width: 100%; background: #5b5b5b; border: none; height: 42px; padding: 0 55px 0 15px; color: #ffffff; font-size: 14px; }
.footer-newsletter-input::-webkit-input-placeholder { color: #ffffff; font-size: 14px; }
.footer-newsletter-input::-moz-placeholder { color: #ffffff; font-size: 14px; }
.footer-newsletter-input:-ms-input-placeholder { color: #ffffff; font-size: 14px; }
.footer-newsletter-input:-moz-placeholder { color: #ffffff; font-size: 14px; }
.footer-newsletter-submit {
    width: 42px; height: 42px; display: block; border: none; position: absolute; right: 0px; top: 0px;
    background: url(https://static.exonhost.com/img/newsletter-submit-icon.png) no-repeat center center #40bc3d;
    cursor: pointer;
}
.footer-newsletter-submit:hover { background: url(https://static.exonhost.com/img/newsletter-submit-icon.png) no-repeat center center #0aa306; }
.footer-newsletter-textbtn {
    position: absolute; right: 0; top: 0; height: 42px; border: none; background: #40bc3d; color: #fff;
    font-weight: 700; font-size: 14px; padding: 0 16px; cursor: pointer; transition: 0.3s;
}
.footer-newsletter-textbtn:hover { background: #0aa306; }
.footer-main-right .right { display: block; margin-left: -20px; }
.footer-main-right .right h4 { color: #e8e8e8; font-size: 18px; margin-bottom: 23px; }
.footer-main-right .right p { color: #787a87; line-height: 20px; margin-bottom: 20px; }
.footer-social { display: block; }
.footer-social li { display: inline-block; margin-left: 20px; }
.footer-social li:first-child { margin-left: 0px; }
.footer-social li a { display: block; color: #abb5be; font-size: 22px; }
.footer-social li a:hover { color: #fff; }
.footer-bottom-block { display: block; background: #000000; padding: 25px 0; }
.footer-bottom-main { display: flex; justify-content: space-between; align-items: center; }
.footer-bottom-main p { margin-bottom: 0px; color: #e7e3e3; font-size: 15px; }
.footer-bottom-main ul li { display: inline-block; padding: 0 5px; border-left: 1px solid #494a52; line-height: 15px; }
.footer-bottom-main ul li a { color: #e7e3e3; font-size: 15px; }
.footer-bottom-main ul li:first-child { border-left: none; }
.footer-bottom-main ul li a:hover { color: #fff; }

/* Responsive */
@media (max-width: 991px) {
    .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8 { flex: 0 0 100%; max-width: 100%; }
    .col-md-4, .col-md-5, .col-md-6, .col-md-7 { flex: 0 0 50%; max-width: 50%; }
    .header-top-right { display: none; }
    .main-menu { position: static; }
    .menu-list { display: none; }
    .menu-toggle { display: flex; }
    .menu-list.open {
        display: flex; flex-direction: column; gap: 5px; position: absolute; top: 100%; left: 0; right: 0; width: 100%;
        background: #fff; box-shadow: 0 15px 40px rgba(0,0,0,0.12); padding: 20px; z-index: 99;
        border-top: 2px solid var(--primary);
    }
    .menu-list.open > li { flex-wrap: wrap; }
    .menu-list.open > li > a { padding: 10px 0; flex: 1; }
    .menu-list.open > li > .dropdown-toggle { margin-left: auto; padding: 10px; font-size: 14px; }
    .menu-list.open > li > ul {
        display: none; position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none;
        padding: 5px 0 5px 15px; min-width: 0; width: 100%;
    }
    .menu-list.open > li.open > ul { display: block; }
    .menu-toggle.active .line.a { transform: translateY(8px) rotate(45deg); }
    .menu-toggle.active .line.b { opacity: 0; }
    .menu-toggle.active .line.c { transform: translateY(-8px) rotate(-45deg); }
    .banner-content { text-align: center; margin-bottom: 50px; }
    .banner-content h1 { font-size: 36px; }
    .control-showcase { flex-direction: column; }
    .browser-mockup { margin-bottom: 20px; }
    .testimonial-left { margin-bottom: 30px; }
    .where-support { grid-template-columns: 1fr; }
    .where-right { margin-top: 40px; }
    .different-grid { grid-template-columns: 1fr; }
    .footer-top-links .row { grid-template-columns: repeat(6, 1fr); }
}
@media (max-width: 767px) {
    .header-top > .container { flex-direction: column; }
    .header-top-sales-left { position: static; left: auto; text-align: center; }
    .header-top-deal { text-align: center; }
    .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-sm-6 { flex: 0 0 100%; max-width: 100%; }
    .domain-form { flex-direction: column; }
    .domain-form .prefix, .domain-form select, .domain-form button { border: none; border-top: 2px solid var(--border); }
    .domain-form button { padding: 16px; }
    .footer-bottom-main { flex-direction: column; gap: 15px; text-align: center; }
    .where-box { padding: 35px 25px; }
    .plan-card, .powerful-card { margin-bottom: 25px; }
    .section-head h2 { font-size: 28px; }
    .banner-content h1 { font-size: 32px; }
    .help-right h3 { font-size: 26px; }
    .where-left h3 { font-size: 26px; }
    .testimonial-left .customers { font-size: 48px; }
    .footer-top-links .row { grid-template-columns: repeat(3, 1fr); }
    .footer-links { padding: 0 10px; margin-bottom: 20px; }
    .domain-prices { gap: 25px; }
}
@media (max-width: 575px) {
    .col-sm-2 { flex: 0 0 50%; max-width: 50%; }
    .footer-top-links .row { grid-template-columns: repeat(2, 1fr); }
    .footer-links { padding: 0 5px; }
    .footer-links h5 { font-size: 14px; }
    .footer-links ul li a { font-size: 12px; }
    .section-head h2 { font-size: 24px; }
    .banner-content h1 { font-size: 28px; }
    .banner-btns a { padding: 13px 24px; font-size: 14px; }
    .plan-card { padding: 30px 20px; }
    .control-feature-item { padding: 20px; }
}


/* ===== Domain Sections ===== */

/* =====================================================
   HostLinkBD Domain Sections - Elementor Widget Styles
   Remove Elementor default 20px gap
===================================================== */

/* Remove default Elementor gaps for our widgets */
.elementor-widget-hlds-register-domain .e-con,
.elementor-widget-hlds-transfer-domain .e-con,
.elementor-widget-hlds-domain-prices .e-con,
.elementor-widget-hlds-domain-reseller .e-con,
.elementor-widget-hlds-register-bd-domain .e-con,
.elementor-widget-hlds-register-domain .elementor-container,
.elementor-widget-hlds-transfer-domain .elementor-container,
.elementor-widget-hlds-domain-prices .elementor-container,
.elementor-widget-hlds-domain-reseller .elementor-container,
.elementor-widget-hlds-register-bd-domain .elementor-container {
    --flex-column-gap: 0px !important;
    --flex-row-gap: 0px !important;
    gap: 0px !important;
}

/* Base variables */
.hlds-widget {
    --hlds-primary: #1C40F2;
    --hlds-primary-dark: #001DAC;
    --hlds-navy: #000F57;
    --hlds-heading: #001042;
    --hlds-text: #666666;
    --hlds-accent: #FFB217;
    --hlds-white: #ffffff;
    --hlds-light-bg: #f8fbff;
    --hlds-border: #e8e8e8;
    --hlds-card-border: #7E7E8F;
    --hlds-hero-start: #001DAC;
    --hlds-hero-end: #000F57;
    --hlds-content-bg: #f8fbff;
    --hlds-gradient: linear-gradient(280deg, var(--hlds-hero-start) 3%, var(--hlds-hero-end) 98%);
    --hlds-gradient-light: linear-gradient(95deg, rgba(0, 130, 248, 0.05) 64%, rgba(28, 64, 242, 0.05) 98%);
    --hlds-container-width: 1320px;
    font-family: 'Mulish', sans-serif;
}

.hlds-widget * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.hlds-widget img {
    max-width: 100%;
    height: auto;
}

.hlds-container {
    width: 100%;
    max-width: var(--hlds-container-width);
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.hlds-section {
    padding: 110px 0;
    position: relative;
    overflow: hidden;
}

.hlds-section-light {
    background: var(--hlds-content-bg);
}

.hlds-section-title-wrap {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 50px;
}

.hlds-subtitle {
    font-family: 'Urbanist', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--hlds-primary);
    margin-bottom: 15px;
    display: inline-block;
}

.hlds-title {
    font-family: 'Urbanist', sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--hlds-heading);
    margin-bottom: 18px;
}

.hlds-description {
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--hlds-text);
}

/* Hero gradient section */
.hlds-hero {
    background: var(--hlds-gradient);
    padding: 120px 0 100px;
}

.hlds-hero .hlds-title,
.hlds-hero .hlds-description,
.hlds-hero .hlds-transfer-info h3,
.hlds-hero .hlds-step-content h4 {
    color: var(--hlds-white);
}

.hlds-hero .hlds-subtitle {
    color: var(--hlds-accent);
}

.hlds-hero .hlds-step-content p {
    color: rgba(255, 255, 255, 0.85);
}

.hlds-hero .hlds-step-number {
    background: rgba(255, 255, 255, 0.15);
    color: var(--hlds-white);
    border: 1px solid rgba(255, 255, 255, 0.25);
}

/* Buttons */
.hlds-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    font-family: 'Urbanist', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--hlds-white);
    background: var(--hlds-primary);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
}

.hlds-btn:hover {
    background: var(--hlds-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(28, 64, 242, 0.3);
}

.hlds-btn-light {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    font-family: 'Urbanist', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--hlds-heading);
    background-color: var(--hlds-white);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
}

.hlds-btn-light:hover {
    background-color: var(--hlds-accent);
    transform: translateY(-2px);
}

/* Forms */
.hlds-form-wrapper {
    background: var(--hlds-white);
    border-radius: 16px;
    padding: 45px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.hlds-form-group {
    margin-bottom: 22px;
}

.hlds-form-label {
    display: block;
    font-family: 'Urbanist', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--hlds-heading);
    margin-bottom: 10px;
}

.hlds-form-input,
.hlds-search-input {
    width: 100%;
    padding: 16px 20px;
    font-family: 'Mulish', sans-serif;
    font-size: 15px;
    color: var(--hlds-heading);
    border: 2px solid var(--hlds-border);
    border-radius: 10px;
    outline: none;
    transition: all 0.3s ease;
}

.hlds-form-input:focus,
.hlds-search-input:focus {
    border-color: var(--hlds-primary);
    box-shadow: 0 0 0 4px rgba(28, 64, 242, 0.1);
}

.hlds-search-input::placeholder,
.hlds-form-input::placeholder {
    color: #999999;
}

/* Search box */
.hlds-search-box {
    background: var(--hlds-white);
    border-radius: 16px;
    padding: 45px;
    max-width: 900px;
    margin: 0 auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.hlds-search-form {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

.hlds-search-input {
    flex: 1;
    padding: 18px 24px;
    font-size: 16px;
    font-weight: 500;
}

.hlds-domain-suffix {
    display: flex;
    align-items: center;
    padding: 0 25px;
    background: var(--hlds-light-bg);
    border: 2px solid var(--hlds-border);
    border-radius: 10px;
    font-family: 'Urbanist', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--hlds-heading);
}

/* TLD list */
.hlds-tld-list {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.hlds-tld-item {
    text-align: center;
    padding: 18px 24px;
    background: var(--hlds-light-bg);
    border-radius: 12px;
    min-width: 120px;
}

.hlds-tld-name {
    font-family: 'Urbanist', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--hlds-heading);
    margin-bottom: 4px;
}

.hlds-tld-price {
    font-family: 'Mulish', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--hlds-primary);
}

/* Feature cards */
.hlds-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 60px;
}

.hlds-feature-card {
    background: var(--hlds-white);
    border-radius: 16px;
    padding: 40px 30px;
    text-align: center;
    border: 1px solid var(--hlds-border);
    transition: all 0.3s ease;
}

.hlds-feature-card:hover {
    transform: translateY(-5px);
    border-color: transparent;
    box-shadow: 0 15px 60px rgba(151, 151, 151, 0.1);
}

.hlds-feature-icon {
    width: 60px;
    height: 60px;
    background: rgba(28, 64, 242, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 24px;
    color: var(--hlds-primary);
}

.hlds-feature-icon svg {
    width: 28px;
    height: 28px;
    fill: var(--hlds-primary);
}

.hlds-feature-title {
    font-family: 'Urbanist', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--hlds-heading);
    margin-bottom: 12px;
}

.hlds-feature-text {
    font-size: 15px;
    color: var(--hlds-text);
    line-height: 1.6;
}

/* Transfer domain */
.hlds-transfer-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.hlds-transfer-info h3 {
    font-family: 'Urbanist', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--hlds-heading);
    margin-bottom: 25px;
}

.hlds-steps-list {
    list-style: none;
}

.hlds-step-item {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.hlds-step-number {
    width: 50px;
    height: 50px;
    min-width: 50px;
    background: rgba(28, 64, 242, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--hlds-primary);
}

.hlds-step-content h4 {
    font-family: 'Urbanist', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--hlds-heading);
    margin-bottom: 8px;
}

.hlds-step-content p {
    font-size: 15px;
    color: var(--hlds-text);
    line-height: 1.6;
}

.hlds-benefits-bar {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 70px;
    flex-wrap: wrap;
}

.hlds-benefit-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--hlds-white);
}

.hlds-check-icon {
    width: 28px;
    height: 28px;
    background: var(--hlds-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--hlds-white);
    font-size: 14px;
    font-weight: 700;
}

/* Pricing */
.hlds-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 60px;
}

.hlds-pricing-card {
    background: var(--hlds-white);
    border-radius: 16px;
    padding: 40px 30px;
    text-align: center;
    border: 1px solid var(--hlds-card-border);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.hlds-pricing-card:hover {
    border-color: transparent;
    box-shadow: 0 15px 60px rgba(151, 151, 151, 0.1);
    transform: translateY(-8px);
}

.hlds-pricing-card.popular {
    border-color: var(--hlds-primary);
}

.hlds-popular-badge {
    position: absolute;
    top: 15px;
    right: -35px;
    background: var(--hlds-primary);
    color: var(--hlds-white);
    font-family: 'Urbanist', sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 40px;
    transform: rotate(45deg);
}

.hlds-domain-tld {
    font-family: 'Urbanist', sans-serif;
    font-size: 32px;
    font-weight: 800;
    color: var(--hlds-heading);
    margin-bottom: 8px;
}

.hlds-domain-category {
    font-size: 14px;
    color: var(--hlds-text);
    margin-bottom: 25px;
}

.hlds-price-wrapper {
    margin-bottom: 20px;
}

.hlds-old-price {
    font-size: 15px;
    color: #999999;
    text-decoration: line-through;
    margin-bottom: 5px;
}

.hlds-price {
    font-family: 'Urbanist', sans-serif;
    font-size: 42px;
    font-weight: 700;
    color: var(--hlds-primary);
}

.hlds-price-period {
    font-size: 16px;
    font-weight: 400;
    color: var(--hlds-text);
}

.hlds-discount-badge {
    display: inline-block;
    background: rgba(28, 64, 242, 0.1);
    color: var(--hlds-primary);
    font-family: 'Urbanist', sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 20px;
    margin-bottom: 25px;
}

.hlds-features-list {
    list-style: none;
    margin-bottom: 30px;
    text-align: left;
}

.hlds-features-list li {
    font-size: 15px;
    color: var(--hlds-text);
    padding: 10px 0;
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    align-items: center;
    gap: 10px;
}

.hlds-features-list li:last-child {
    border-bottom: none;
}

.hlds-feature-check {
    color: var(--hlds-primary);
    font-weight: 700;
}

.hlds-table-section {
    background: var(--hlds-white);
    border-radius: 16px;
    padding: 50px;
    box-shadow: 0 10px 40px rgba(14, 14, 14, 0.06);
    border: 1px solid var(--hlds-border);
}

.hlds-table-title {
    font-family: 'Urbanist', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--hlds-heading);
    margin-bottom: 30px;
    text-align: center;
}

.hlds-pricing-table {
    width: 100%;
    border-collapse: collapse;
}

.hlds-pricing-table th,
.hlds-pricing-table td {
    padding: 18px 20px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.hlds-pricing-table th {
    font-family: 'Urbanist', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--hlds-heading);
    background: var(--hlds-light-bg);
}

.hlds-pricing-table td {
    font-size: 15px;
    color: var(--hlds-text);
}

.hlds-price-cell {
    font-family: 'Urbanist', sans-serif;
    font-weight: 700;
    color: var(--hlds-primary);
}

/* Domain reseller */
.hlds-reseller-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.hlds-reseller-info h3 {
    font-family: 'Urbanist', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--hlds-heading);
    margin-bottom: 20px;
}

.hlds-reseller-info p {
    font-size: 16px;
    color: var(--hlds-text);
    line-height: 1.8;
    margin-bottom: 25px;
}

.hlds-benefits-list {
    list-style: none;
    margin-bottom: 35px;
}

.hlds-benefits-list li {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    color: var(--hlds-text);
    margin-bottom: 15px;
}

.hlds-form-title {
    font-family: 'Urbanist', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--hlds-heading);
    margin-bottom: 10px;
}

.hlds-form-subtitle {
    font-size: 15px;
    color: var(--hlds-text);
    margin-bottom: 30px;
}

.hlds-stats-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-top: 80px;
}

.hlds-stat-card {
    background: var(--hlds-white);
    border-radius: 16px;
    padding: 35px 25px;
    text-align: center;
    border: 1px solid var(--hlds-border);
    transition: all 0.3s ease;
}

.hlds-stat-card:hover {
    border-color: transparent;
    box-shadow: 0 15px 60px rgba(151, 151, 151, 0.1);
}

.hlds-stat-number {
    font-family: 'Urbanist', sans-serif;
    font-size: 36px;
    font-weight: 800;
    color: var(--hlds-primary);
    margin-bottom: 8px;
}

.hlds-stat-label {
    font-size: 15px;
    color: var(--hlds-text);
}

/* BD Domain */
.hlds-bd-types {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
    margin-bottom: 60px;
}

.hlds-bd-type-card {
    background: var(--hlds-white);
    border-radius: 16px;
    padding: 35px 20px;
    text-align: center;
    border: 1px solid var(--hlds-border);
    transition: all 0.3s ease;
}

.hlds-bd-type-card:hover {
    transform: translateY(-5px);
    border-color: transparent;
    box-shadow: 0 15px 60px rgba(151, 151, 151, 0.1);
}

.hlds-bd-type-icon {
    width: 55px;
    height: 55px;
    background: rgba(28, 64, 242, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    font-size: 22px;
    color: var(--hlds-primary);
}

.hlds-bd-type-icon svg {
    width: 26px;
    height: 26px;
    fill: var(--hlds-primary);
}

.hlds-bd-type-name {
    font-family: 'Urbanist', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--hlds-heading);
    margin-bottom: 8px;
}

.hlds-bd-type-desc {
    font-size: 14px;
    color: var(--hlds-text);
    line-height: 1.6;
}

.hlds-requirements-section {
    background: var(--hlds-white);
    border-radius: 16px;
    padding: 50px;
    box-shadow: 0 10px 40px rgba(14, 14, 14, 0.06);
    border: 1px solid var(--hlds-border);
    margin-bottom: 50px;
}

.hlds-requirements-title {
    font-family: 'Urbanist', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--hlds-heading);
    margin-bottom: 30px;
    text-align: center;
}

.hlds-requirements-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.hlds-requirement-item {
    display: flex;
    gap: 15px;
    padding: 25px;
    background: var(--hlds-light-bg);
    border-radius: 12px;
}

.hlds-req-number {
    width: 40px;
    height: 40px;
    min-width: 40px;
    background: var(--hlds-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--hlds-white);
}

.hlds-req-content h4 {
    font-family: 'Urbanist', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: var(--hlds-heading);
    margin-bottom: 8px;
}

.hlds-req-content p {
    font-size: 14px;
    color: var(--hlds-text);
    line-height: 1.6;
}

.hlds-cta-box {
    text-align: center;
    padding: 50px;
    background: var(--hlds-gradient);
    border-radius: 16px;
}

.hlds-cta-title {
    font-family: 'Urbanist', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--hlds-white);
    margin-bottom: 12px;
}

.hlds-cta-text {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 25px;
}

/* Responsive */
@media (max-width: 1024px) {
    .hlds-section {
        padding: 90px 0;
    }

    .hlds-hero {
        padding: 90px 0;
    }

    .hlds-title {
        font-size: 36px;
    }

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

    .hlds-transfer-content,
    .hlds-reseller-content {
        grid-template-columns: 1fr;
    }

    .hlds-transfer-info {
        order: -1;
    }

    .hlds-stats-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .hlds-bd-types {
        grid-template-columns: repeat(3, 1fr);
    }

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

@media (max-width: 767px) {
    .hlds-section {
        padding: 65px 0;
    }

    .hlds-hero {
        padding: 70px 0 80px;
    }

    .hlds-title {
        font-size: 32px;
    }

    .hlds-search-box,
    .hlds-form-wrapper,
    .hlds-requirements-section,
    .hlds-table-section,
    .hlds-cta-box {
        padding: 30px 20px;
    }

    .hlds-search-form,
    .hlds-bd-search-form {
        flex-direction: column;
    }

    .hlds-domain-suffix {
        justify-content: center;
        padding: 15px;
    }

    .hlds-btn,
    .hlds-btn-light {
        width: 100%;
    }

    .hlds-features-grid,
    .hlds-pricing-grid,
    .hlds-stats-row,
    .hlds-bd-types,
    .hlds-requirements-grid {
        grid-template-columns: 1fr;
    }

    .hlds-benefits-bar {
        gap: 20px;
        margin-top: 50px;
    }

    .hlds-benefit-item {
        font-size: 14px;
    }

    .hlds-pricing-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .hlds-pricing-table th,
    .hlds-pricing-table td {
        padding: 12px 15px;
    }

    .hlds-tld-list {
        gap: 12px;
    }

    .hlds-tld-item {
        min-width: calc(50% - 6px);
        padding: 15px;
    }
}

@media (max-width: 575px) {
    .hlds-title {
        font-size: 28px;
    }

    .hlds-tld-item {
        min-width: 100%;
    }
}


/* ===== About ===== */

/* HSLink About - Frontend Styles */

.hslink-about-wrapper {
    --hslink-primary: #1C40F2;
    --hslink-primary-light: #0082F8;
    --hslink-heading: #001042;
    --hslink-body: #666666;
    --hslink-dark-start: #001DAC;
    --hslink-dark-end: #000F57;

    font-family: 'Mulish', sans-serif;
    color: var(--hslink-body);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    -webkit-font-smoothing: antialiased;
}

.hslink-about-wrapper h1,
.hslink-about-wrapper h2,
.hslink-about-wrapper h3,
.hslink-about-wrapper h4,
.hslink-about-wrapper h5,
.hslink-about-wrapper h6 {
    font-family: 'Urbanist', sans-serif;
    font-weight: 700;
    line-height: 1.2em;
    color: var(--hslink-heading);
}

.hslink-about-wrapper p {
    font-family: 'Mulish', sans-serif;
    color: var(--hslink-body);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}

.hslink-container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Buttons */
.hslink-btn {
    display: inline-block;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4em;
    padding: 16px 32px;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease-in;
}

.hslink-btn-primary {
    color: #FFFFFF;
}

.hslink-btn-primary::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transition: all 0.3s ease-in;
}

.hslink-btn-primary:hover {
    color: #FFFFFF;
}

.hslink-btn-primary:hover::before {
    opacity: 1;
}

.hslink-btn-dark {
    background-color: var(--hslink-heading);
    color: #FFFFFF;
}

.hslink-btn-dark:hover {
    background-color: var(--hslink-primary);
    color: #FFFFFF;
}

.hslink-btn-outline {
    background-color: transparent;
    color: var(--hslink-heading);
    border: 1px solid #E7E7E7;
}

.hslink-btn-outline:hover {
    background-color: var(--hslink-heading);
    color: #FFFFFF;
    border-color: var(--hslink-heading);
}

.hslink-btn-white {
    background-color: #FFFFFF;
    color: #000000;
}

.hslink-btn-white:hover {
    background-color: #000000;
    color: #FFFFFF;
}

/* Section Header */
.hslink-section-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 50px;
}

.hslink-tag {
    display: inline-block;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--hslink-primary);
}

.hslink-title {
    font-family: 'Urbanist', sans-serif;
    font-size: 2.625em;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 18px;
    color: var(--hslink-heading);
}

.hslink-title-highlight {
    color: var(--hslink-primary);
}

.hslink-section-header p {
    font-size: 16px;
}

.hslink-section-header.hslink-light .hslink-title,
.hslink-section-header.hslink-light p,
.hslink-hero .hslink-title,
.hslink-hero .hslink-text,
.hslink-section-dark .hslink-title,
.hslink-section-dark .hslink-text,
.hslink-section-dark .hslink-card-title,
.hslink-testimonials .hslink-title,
.hslink-testimonials .hslink-text,
.hslink-testimonials .hslink-card-title,
.hslink-testimonials .hslink-testimonial-author,
.hslink-testimonials .hslink-testimonial-author span {
    color: var(--hslink-dark-text, #FFFFFF);
}

/* Sections */
.hslink-section-white {
    background-color: #FFFFFF;
    padding: 105px 0 110px;
}

.hslink-section-light {
    background-color: #F6F6F6;
    padding: 105px 0 110px;
}

.hslink-section-dark,
.hslink-testimonials {
    background-image: linear-gradient(278deg, var(--hslink-dark-start) 15%, var(--hslink-dark-end) 98%);
    padding: 105px 0 110px;
    position: relative;
    overflow: hidden;
}

.hslink-cta-section {
    background-color: #F6F6F6;
    padding: 105px 0 110px;
}

/* Hero */
.hslink-hero {
    background-image: linear-gradient(278deg, var(--hslink-dark-start) 15%, var(--hslink-dark-end) 98%);
    color: #FFFFFF;
    text-align: center;
    padding: 120px 0 110px;
    position: relative;
    overflow: hidden;
}

.hslink-hero::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('https://hostlinkbd.com/wp-content/uploads/2022/07/feature-right.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.15;
    pointer-events: none;
}

.hslink-hero .hslink-container {
    position: relative;
    z-index: 1;
}

.hslink-hero-title {
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2em;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.hslink-hero-title .hslink-title-highlight {
    color: var(--hslink-hero-highlight, #0082F8);
}

.hslink-journey-title .hslink-title-highlight,
.hslink-testimonials-title .hslink-title-highlight {
    color: var(--hslink-section-highlight, #1934D3);
}

.hslink-hero-text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    max-width: 650px;
    margin: 0 auto 30px;
}

.hslink-btn-wrapper {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.hslink-hero-stats {
    display: flex;
    justify-content: center;
    gap: 80px;
    margin-top: 60px;
    flex-wrap: wrap;
}

.hslink-hero-stat {
    text-align: center;
}

.hslink-stat-num {
    font-family: 'Urbanist', sans-serif;
    font-size: 2.625em;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.2em;
}

.hslink-stat-label {
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
}

/* Grid */
.hslink-grid {
    display: grid;
    gap: 24px;
}

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

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

.hslink-grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

/* Cards */
.hslink-feature-card,
.hslink-team-card,
.hslink-cta-box {
    background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 12px 50px 0px rgba(125, 125, 125, 0.1);
    transition: all 0.3s ease-in;
}

.hslink-feature-card {
    padding: 40px 30px;
    text-align: center;
}

.hslink-feature-card:hover,
.hslink-team-card:hover,
.hslink-cta-box:hover {
    transform: translateY(-5px);
    box-shadow: 0px 20px 60px 0px rgba(125, 125, 125, 0.15);
}

.hslink-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(28, 64, 242, 0.08);
    color: var(--hslink-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin: 0 auto 22px;
}

.hslink-icon svg {
    width: 28px;
    height: 28px;
    fill: currentColor;
}

.hslink-card-title {
    font-family: 'Urbanist', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--hslink-heading);
}

/* Team */
.hslink-team-card {
    padding: 40px 30px;
    text-align: center;
}

.hslink-team-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-family: 'Urbanist', sans-serif;
    font-size: 42px;
    font-weight: 700;
    overflow: hidden;
}

.hslink-team-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hslink-role {
    color: var(--hslink-primary);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 16px;
}

/* Timeline */
.hslink-timeline {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}

.hslink-timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
}

.hslink-timeline-row {
    position: relative;
    margin-bottom: 40px;
    display: flex;
    justify-content: flex-end;
}

.hslink-timeline-row.hslink-left {
    justify-content: flex-start;
}

.hslink-timeline-row:last-child {
    margin-bottom: 0;
}

.hslink-timeline-card {
    position: relative;
    width: 45%;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    padding: 30px;
    transition: all 0.3s ease-in;
}

.hslink-timeline-card:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-5px);
}

.hslink-timeline-dot {
    position: absolute;
    top: 34px;
    width: 14px;
    height: 14px;
    background: var(--hslink-primary);
    border-radius: 50%;
    border: 3px solid #FFFFFF;
    z-index: 2;
}

.hslink-timeline-row.hslink-left .hslink-timeline-dot {
    right: -45px;
}

.hslink-timeline-row.hslink-right .hslink-timeline-dot {
    left: -45px;
}

.hslink-year-badge {
    display: inline-block;
    color: #FFFFFF;
    font-family: 'Urbanist', sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 14px;
}

.hslink-timeline-tag {
    color: var(--hslink-primary-light);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.hslink-timeline-card .hslink-card-title {
    color: #FFFFFF;
}

.hslink-timeline-card .hslink-text {
    color: rgba(255, 255, 255, 0.75);
    font-size: 15px;
}

/* Testimonials */
.hslink-testimonial-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    padding: 35px 30px;
    transition: all 0.3s ease-in;
}

.hslink-testimonial-card:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-5px);
}

.hslink-quote-icon {
    font-family: 'Urbanist', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: var(--hslink-primary-light);
    line-height: 1;
    margin-bottom: 10px;
}

.hslink-testimonial-card p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    margin-bottom: 24px;
}

.hslink-testimonial-author {
    font-family: 'Urbanist', sans-serif;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 15px;
}

.hslink-testimonial-author span {
    display: block;
    color: var(--hslink-primary-light);
    font-weight: 600;
    font-size: 13px;
    margin-top: 4px;
}

/* CTA */
.hslink-cta-box {
    padding: 80px 50px;
    text-align: center;
}

.hslink-cta-title {
    font-family: 'Urbanist', sans-serif;
    font-size: 2.625em;
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--hslink-heading);
}

.hslink-cta-box p {
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto 28px;
}

.hslink-cta-buttons {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 992px) {
    .hslink-grid-2,
    .hslink-grid-3,
    .hslink-grid-4 {
        grid-template-columns: 1fr;
    }

    .hslink-timeline::after {
        left: 20px;
    }

    .hslink-timeline-row,
    .hslink-timeline-row.hslink-left,
    .hslink-timeline-row.hslink-right {
        justify-content: flex-start;
    }

    .hslink-timeline-card {
        width: calc(100% - 60px);
        margin-left: 50px;
    }

    .hslink-timeline-row .hslink-timeline-dot,
    .hslink-timeline-row.hslink-left .hslink-timeline-dot,
    .hslink-timeline-row.hslink-right .hslink-timeline-dot {
        left: -44px;
        right: auto;
    }
}

@media (max-width: 768px) {
    .hslink-hero {
        padding: 80px 0 70px;
    }

    .hslink-hero-title {
        font-size: 2.25em;
    }

    .hslink-hero-stats {
        gap: 40px;
    }

    .hslink-title,
    .hslink-cta-title {
        font-size: 2em;
    }

    .hslink-section-white,
    .hslink-section-light,
    .hslink-section-dark,
    .hslink-testimonials,
    .hslink-cta-section {
        padding: 70px 0;
    }

    .hslink-cta-box {
        padding: 50px 30px;
    }

    .hslink-btn {
        padding: 14px 24px;
    }
}