/* ===============================
DOMAIN HERO
=============================== */

.domain-hero{

padding:170px 0 90px;

background:linear-gradient(180deg,#EFF6FF 0%,#ffffff 100%);

overflow:hidden;

}

.domain-badge{

display:inline-flex;

align-items:center;

gap:8px;

padding:10px 18px;

background:#DBEAFE;

color:#2563EB;

border-radius:50px;

font-weight:700;

margin-bottom:25px;

}

.domain-hero h1{

font-size:58px;

font-weight:800;

line-height:1.15;

margin-bottom:20px;

}

.domain-hero h1 span{

color:#2563EB;

}

.domain-hero p{

font-size:18px;

color:#64748B;

max-width:600px;

margin-bottom:35px;

}

.domain-search-box{

display:flex;

background:#fff;

border-radius:70px;

padding:10px;

box-shadow:0 20px 50px rgba(37,99,235,.12);

border:1px solid rgba(37,99,235,.12);

margin-bottom:30px;

}

.domain-search-box input{

flex:1;

border:none;

outline:none;

padding:0 20px;

font-size:17px;

background:transparent;

}

.domain-search-box button{

border:none;

background:#2563EB;

color:#fff;

padding:14px 30px;

border-radius:50px;

font-weight:700;

transition:.35s;

}

.domain-search-box button:hover{

transform:translateY(-3px);

box-shadow:0 15px 35px rgba(37,99,235,.35);

}

.hero-domain-tags{

display:flex;

gap:12px;

flex-wrap:wrap;

}

.hero-domain-tags span{

padding:10px 18px;

background:#fff;

border-radius:50px;

border:1px solid #dbeafe;

font-weight:700;

}

.hero-domain-card{

padding:45px;

border-radius:30px;

background:#fff;

box-shadow:0 25px 60px rgba(37,99,235,.12);

text-align:center;

}

.globe-circle{

width:110px;

height:110px;

margin:auto;

border-radius:50%;

background:#2563EB;

display:flex;

align-items:center;

justify-content:center;

font-size:45px;

color:#fff;

margin-bottom:25px;

box-shadow:0 15px 40px rgba(37,99,235,.35);

}

.hero-stats{

display:flex;

justify-content:space-between;

margin-top:35px;

}

.hero-stats strong{

display:block;

font-size:24px;

color:#2563EB;

}

.hero-stats span{

font-size:14px;

color:#64748B;

}

@media(max-width:991px){

.domain-hero{

padding:140px 0 70px;

}

.domain-hero h1{

font-size:40px;

}

.domain-search-box{

flex-direction:column;

gap:12px;

border-radius:25px;

}

.domain-search-box input{

height:55px;

}

.domain-search-box button{

width:100%;

}

.hero-domain-card{

margin-top:45px;

}

}

/*=========================
POPULAR DOMAINS
==========================*/

.popular-domains{

padding:90px 0;

background:#fff;

}

.section-title span{

color:#2563EB;

font-weight:700;

letter-spacing:1px;

}

.section-title h2{

font-size:42px;

font-weight:800;

margin:15px 0;

}

.section-title p{

max-width:650px;

margin:auto;

color:#64748B;

margin-bottom:60px;

}

.domain-card{

position:relative;

background:#fff;

padding:40px 30px;

border-radius:24px;

border:1px solid #E5E7EB;

text-align:center;

transition:.35s;

box-shadow:0 12px 35px rgba(37,99,235,.08);

height:100%;

}

.domain-card:hover{

transform:translateY(-10px);

border-color:#2563EB;

box-shadow:0 30px 60px rgba(37,99,235,.18);

}

.featured{

border:2px solid #2563EB;

}

.popular-badge{

position:absolute;

top:-12px;

left:50%;

transform:translateX(-50%);

background:#2563EB;

color:#fff;

padding:6px 16px;

border-radius:50px;

font-size:13px;

font-weight:700;

}

.domain-icon{

width:70px;

height:70px;

margin:auto;

margin-bottom:20px;

background:#EFF6FF;

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

color:#2563EB;

}

.price{

font-size:40px;

font-weight:800;

color:#2563EB;

margin:20px 0;

}

.price span{

font-size:15px;

color:#64748B;

}

.domain-card ul{

list-style:none;

padding:0;

margin:30px 0;

text-align:left;

}

.domain-card li{

margin:12px 0;

font-weight:600;

}

.domain-card li i{

color:#2563EB;

margin-right:10px;

}

.domain-btn{

display:block;

padding:14px;

border-radius:50px;

background:#2563EB;

color:#fff;

font-weight:700;

text-decoration:none;

transition:.3s;

}

.domain-btn:hover{

background:#1D4ED8;

color:#fff;

transform:translateY(-2px);

}

/*==========================
DOMAIN TABLE
===========================*/

.pricing-table-section{

padding:100px 0;

background:#f8fbff;

}

.table-search{

position:relative;

max-width:500px;

margin:40px auto;

}

.table-search i{

position:absolute;

left:20px;

top:50%;

transform:translateY(-50%);

color:#2563EB;

}

.table-search input{

width:100%;

height:60px;

padding-left:55px;

border-radius:50px;

border:1px solid #dbeafe;

outline:none;

font-size:16px;

box-shadow:0 10px 30px rgba(37,99,235,.08);

}

.pricing-table{

overflow:hidden;

border-radius:25px;

background:#fff;

box-shadow:0 25px 60px rgba(37,99,235,.10);

}

.pricing-table table{

width:100%;

border-collapse:collapse;

}

.pricing-table thead{

background:#2563EB;

color:#fff;

}

.pricing-table th{

padding:22px;

font-size:15px;

}

.pricing-table td{

padding:20px;

border-bottom:1px solid #eef2ff;

font-weight:600;

}

.pricing-table tbody tr{

transition:.3s;

}

.pricing-table tbody tr:hover{

background:#EFF6FF;

}

.buy-btn{

display:inline-block;

padding:10px 22px;

background:#2563EB;

color:#fff;

border-radius:40px;

text-decoration:none;

font-size:14px;

font-weight:700;

}

.buy-btn:hover{

background:#1d4ed8;

color:#fff;

}

/*==============================
DOMAIN FEATURES
===============================*/

.domain-features{

padding:100px 0;

background:#fff;

}

.feature-card{

height:100%;

padding:35px;

background:#fff;

border:1px solid #E5E7EB;

border-radius:24px;

transition:.35s;

box-shadow:0 15px 35px rgba(37,99,235,.08);

text-align:center;

}

.feature-card:hover{

transform:translateY(-8px);

border-color:#2563EB;

box-shadow:0 25px 50px rgba(37,99,235,.15);

}

.feature-icon{

width:75px;

height:75px;

margin:auto;

margin-bottom:20px;

border-radius:18px;

background:#EFF6FF;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

color:#2563EB;

}

.feature-card h4{

font-weight:700;

margin-bottom:15px;

}

.feature-card p{

color:#64748B;

margin:0;

}

/*==============================
DOMAIN CTA
===============================*/

.domain-cta{

padding:100px 0;

background:#ffffff;

}

.domain-cta-box{

padding:60px;

border-radius:30px;

background:linear-gradient(135deg,#2563EB,#1D4ED8);

color:#fff;

box-shadow:0 30px 70px rgba(37,99,235,.30);

overflow:hidden;

position:relative;

}

.domain-cta-box::before{

content:"";

position:absolute;

top:-100px;

right:-100px;

width:250px;

height:250px;

background:rgba(255,255,255,.08);

border-radius:50%;

}

.cta-badge{

display:inline-flex;

align-items:center;

gap:8px;

padding:8px 18px;

border-radius:50px;

background:rgba(255,255,255,.15);

margin-bottom:20px;

font-weight:700;

}

.domain-cta h2{

font-size:42px;

font-weight:800;

margin-bottom:18px;

}

.domain-cta p{

font-size:17px;

opacity:.9;

max-width:700px;

}

.cta-btn-primary{

background:#fff;

color:#2563EB;

padding:15px 28px;

border-radius:50px;

font-weight:700;

margin-right:12px;

}

.cta-btn-primary:hover{

background:#EFF6FF;

color:#2563EB;

}

.cta-btn-outline{

border:2px solid rgba(255,255,255,.4);

color:#fff;

padding:15px 28px;

border-radius:50px;

font-weight:700;

}

.cta-btn-outline:hover{

background:#fff;

color:#2563EB;

}

@media(max-width:991px){

.domain-cta-box{

padding:40px 30px;

text-align:center;

}

.domain-cta h2{

font-size:30px;

}

.cta-btn-primary,
.cta-btn-outline{

display:block;

width:100%;

margin:12px 0;

}

}