:root{
    --primary:#1876bc;
    --secondary:#FF6600;
    --dark:#16253d;
    --light:#f7fbff;
}

body{
    margin:0;
    padding:0;
    font-family:'Roboto',sans-serif;
    background:#fff;
    color:#444;
}
.whois_hero_section{
    position:relative;
    padding:120px 20px 110px;
    background:url('../images/whois-banner.png') center center/cover no-repeat;
    overflow:hidden;
}

.whois_hero_section::before{
    content:'';
    position:absolute;
    inset:0;
    opacity: .8;
    background:
    radial-gradient(circle at center,
        rgba(24,118,188,.18) 0%,
        transparent 55%),
    linear-gradient(
        135deg,
        rgba(8,15,32,.94),
        rgba(16,26,48,.88)
    );
}

.whois_container{
    position:relative;
    z-index:2;
    max-width:1150px;
    margin:auto;
    text-align:center;
}

.whois_hero_section h1{
font-family: 'Outfit',sans-serif;
  font-size: 65px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 15px;
  line-height: 1.1;
}

.whois_hero_section h1 span{
    color:#FF6600;
}

.whois_hero_section p{
font-family: 'Roboto',sans-serif;
  color: rgba(255,255,255,.85);
  font-size: 20px;
  margin-bottom: 40px;
  font-weight: 400;
  margin-top: 0;
}

.whois_search_form{
    display: flex;
  align-items: center;
  max-width: 1050px;
  margin: auto;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.08);
  padding: 12px;
}

.whois_search_form input{
    flex:1;
    border:none;
    outline:none;
    padding:0 15px;
    font-size:18px;
    font-family:'Roboto',sans-serif;
    color:#1f2937;
}

.whois_search_form input::placeholder{
    color:#94a3b8;
}

.whois_search_form button{
border: none;
  cursor: pointer;
  background: linear-gradient( 135deg, #FF6600, #ff8c24 );
  color: #fff;
  font-family: 'Outfit',sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .5px;
  transition: .35s;
  padding: 15px 26px;
  border-radius: 6px;
}

.whois_search_form button:hover{
    background:linear-gradient(
        135deg,
        #e65c00,
        #ff7300
    );
}

.whois_search_form button i{
    margin-right:10px;
    font-size:18px;
}

.whois_example{
    margin-top:22px;
    color:rgba(255,255,255,.75);
    font-size:15px;
    font-family:'Roboto',sans-serif;
}

.whois_example strong{
    color:#fff;
    font-weight:600;
}

.whois_example a{
    color:#FF6600;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.whois_example a:hover{
    color:#fff;
}

.whois_stats{
    margin-top:50px;
    display:flex;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;
}

.whois_stat {
  min-width: 180px;
  padding: 18px 25px;
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.08);
  text-align: center;
}

.whois_stat h3{
    color:#fff;
    margin:0;
    font-size:30px;
    font-family:'Outfit',sans-serif;
}

.whois_stat p{
    margin:6px 0 0;
    color:rgba(255,255,255,.75);
    font-size:14px;
}

@media(max-width:991px){

    .whois_hero_section{
       padding: 45px 18px;
    }

    .whois_hero_section h1{
        font-size:52px;
    }

}

@media(max-width:768px){

    .whois_hero_section h1{
        font-size:35px;
        letter-spacing:0;
    }

    .whois_hero_section p{
        font-size: 13px;
    margin-bottom: 0;
    }

    .whois_search_form{
flex-direction: column;
    border-radius: 5px;
    padding: 7px;
    margin-top: 22px;
    }

    .whois_search_form input{
        width: 94%;
    height: auto;
    font-size: 15px;
    padding: 16px 3%;
    text-align: center;
    }
.whois_example {
  margin-top: 20px;
  font-size: 13px;
}
    .whois_search_form button{
        width: 100%;
    padding: 12px 25px;
    font-size: 14px;
    }

    .whois_stats{
        gap:13px;
        margin-top: 35px;
        border-radius: 6px;
    }

    .whois_stat{
        flex-grow: 1;
    min-width: auto;
    padding: 15px 22px;
    }
    .whois_stat h3 {
  font-size: 25px;
  font-weight: 600;
}

}




.whois_faq_section{
    padding: 70px 0;
    background:#f8f9fb;
}

.whois_faq_section .faq_container{
    max-width:1200px;
    margin:auto;
}

.whois_faq_section .faq_heading{
    text-align:center;
    margin-bottom:55px;
}

.whois_faq_section .faq_heading h2{
font-family: 'Outfit',sans-serif;
  font-size: 45px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}

.whois_faq_section .faq_heading span{
    display:block;
    width:90px;
    height:4px;
    margin:15px auto 0;
    border-radius:50px;
    background:#FF6600;
}

.whois_faq_section .faq_wrapper{
    max-width:1100px;
    margin:auto;
}

.whois_faq_section .faq_item{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:5px;
    margin-bottom:15px;
    overflow:hidden;
    transition:.3s;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
}

.whois_faq_section .faq_item:hover{
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.whois_faq_section .faq_question{
width: 100%;
  border: none;
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  cursor: pointer;
  text-align: left;
}

.whois_faq_section .faq_question span{
font-size: 18px;
  color: #1f2937;
  font-family: 'Outfit',sans-serif;
  font-weight: 500;
}

.whois_faq_section .faq_icon{
    font-style:normal;
    font-size:25px;
    font-weight:300;
    color:#1876bc;
    transition:.3s;
    min-width:30px;
    text-align:center;
}

.whois_faq_section .faq_answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
}

.whois_faq_section .faq_content{
padding: 12px 20px;
  color: #4c596c;
  line-height: 1.9;
  font-size: 16px;
}

.whois_faq_section .faq_item.active{
    border-color:#1876bc;
}

.whois_faq_section .faq_item.active .faq_question{
    background:#e1edf4;
}

.whois_faq_section .faq_item.active .faq_icon{
    color:#FF6600;
}

@media(max-width:768px){

    .whois_faq_section{
        padding: 30px 15px;
    }
.whois_faq_section .faq_heading {
  margin-bottom: 30px;
}
    .whois_faq_section .faq_heading h2{
        font-size: 30px;
    line-height: 1.2;
    }

    .whois_faq_section .faq_question{
        padding: 10px 15px;
    }

    .whois_faq_section .faq_question span{
        font-size: 16px;
    line-height: 1.2;
    padding-right: 13px;
    }
    .whois_faq_section .faq_content {
  padding: 10px 15px;
  line-height: 1.4;
  font-size: 15px;
}

}





/* 
Search Results page code   */

/* ==========================================
   WHOIS DETAILS SECTION
========================================== */

.whois_details_section{
padding: 50px;
  background: aliceblue;
  font-family: 'Roboto',sans-serif;
}

.whois_details_section *{
    box-sizing:border-box;
}

.whois_container{
    max-width:1600px;
    margin:auto;
}

/* ==========================================
   HEADER
========================================== */

.whois_domain_header{
background: #1876bc;
  border-radius: 10px;
  padding: 40px;
  display: grid;
    grid-template-columns: 1fr 250px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.whois_header_left h1{
margin: 0 0 25px;
  font-family: 'Outfit',sans-serif;
  font-size: 48px;
  font-weight: 600;
  color: #fff;
  line-height: 1.1;
  transition: .3s;
}



/* =========================
   STATUS AREA
========================= */

.whois_status_wrap{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:15px;
}

.status_label{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:15px;
    font-weight:600;
    color:#fff;
    font-family:'Roboto',sans-serif;
}

.status_label i{
    color: #fff;
}

.status_badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  border-radius: 50px;
  background: #eef6ff;
  color: #1876bc;
  font-size: 13px;
  font-weight: 700;
  font-family: 'Outfit',sans-serif;
  transition: .35s;
  overflow: hidden;
}

.status_badge:hover{
    box-shadow:0 10px 25px rgba(24,118,188,.15);
}

.status_badge i{
    color:#FF6600;
    font-size:14px;
}

/* Blinking Status Dot */

.status_badge:before{
    content:'';
    width:10px;
    height:10px;
    border-radius:50%;
    background:#22c55e;
    display:block;
    animation:statusPulse 1.5s infinite;
}

@keyframes statusPulse{

    0%{
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(34,197,94,.5);
    }

    70%{
        transform:scale(1.15);
        box-shadow:0 0 0 10px rgba(34,197,94,0);
    }

    100%{
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(34,197,94,0);
    }

}

.whois_header_right{
    text-align:right;
}

.active_badge{
display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: #16a34a;
  padding: 8px 18px;
  border-radius: 40px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.active_badge i{
    font-size:8px;
    animation:serverBlink 1.5s infinite;
}

.whois_source{
margin: 15px 0;
  color: #fff;
  font-size: 15px;
}

.copy_raw_btn{
border: none;
  cursor: pointer;
  padding: 10px 28px;
  border-radius: 5px;
  background: #FF6600;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  transition: .3s;
  font-family: 'Outfit',sans-serif;
}

.copy_raw_btn:hover{
    background:#e85d00;
}

/* ==========================================
   STATS
========================================== */

.whois_stats_grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:30px;
}

.whois_stat_card{
background: #fff;
  border-radius: 7px;
  padding: 30px;
  transition: .35s;
  position: relative;
  overflow: hidden;
  border: 1px solid #1876bc4a;
}

.whois_stat_card:hover{
    box-shadow:0 18px 40px rgba(15,23,42,.08);
}

.whois_stat_card span{
display: block;
  color: #64748b;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.whois_stat_card h3{
margin: 0 0 15px;
  font-family: 'Outfit',sans-serif;
  font-size: 34px;
  color: #1876bc;
  line-height: 1.2;
  font-weight: 600;
}

.whois_stat_card small{
color: #64748b;
  font-size: 14px;
  background: beige;
  padding: 5px 15px;
  border-radius: 13px;
}

/* ==========================================
   NAME SERVERS
========================================== */

.nameserver_card{
background: #fff;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.ns_header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid #edf2f7;
    padding-bottom:20px;
    margin-bottom:25px;
}

.ns_title{
    display:flex;
    align-items:center;
    gap:15px;
}

.ns_icon{
width: 55px;
  height: 55px;
  border-radius: 7px;
  background: #e7f3ff;
  color: #1876bc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.ns_title h3{
    margin:0;
    font-family:'Outfit',sans-serif;
    font-size:22px;
    color:#0f172a;
}

.ns_header span{
    color:#1876bc;
    font-size:14px;
    font-weight:600;
}

.ns_grid{
display: flex;
  gap: 18px;
  flex-wrap: wrap;
}

.ns_item{
    background:#f8fbff;
    border:1px solid #dbeafe;
    border-radius:7px;
    padding: 12px 25px 10px;
    font-weight:600;
    color:#0f172a;
    transition:.3s;
}

.ns_item:hover{
    background:#fff;
    border-color:#1876bc;
    transform:translateY(-3px);
}

.ns_item i{
    color:#22c55e;
    margin-right:10px;
    animation:serverBlink 1.5s infinite;
}

@keyframes serverBlink{

    0%{
        opacity:1;
        transform:scale(1);
    }

    50%{
        opacity:.3;
        transform:scale(1.5);
    }

    100%{
        opacity:1;
        transform:scale(1);
    }

}

/* ==========================================
   INFO CARDS
========================================== */

.whois_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.whois_info_card{
background: #fff;
  border-radius: 10px;
  padding: 30px;
  transition: .35s;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.whois_info_card:hover{
    box-shadow:0 18px 35px rgba(15,23,42,.08);
}

.whois_info_card h3{
margin: 0 0 20px;
  font-family: 'Outfit',sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #1876bc;
  text-transform: capitalize;
  position: relative;
}

.whois_info_card h3:after{
    content:'';
    position:absolute;
    left:0;
    bottom:-10px;
    width:55px;
    height:3px;
    background:#FF6600;
    border-radius:20px;
}

.full_width{
    grid-column:1/-1;
}

.info_row{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:12px 0;
    border-bottom:1px solid #edf2f7;
    transition:.3s;
}

.info_row:hover{
    background:#fafcff;
}

.info_row:last-child{
    border-bottom:none;
}

.info_row label{
    min-width:180px;
    color:#64748b;
    font-weight:600;
}

.info_row span{
    color:#0f172a;
    text-align:right;
    word-break:break-word;
    font-weight:500;
}

/* ==========================================
   RAW DATA BOX
========================================== */

.raw_data_box{
    margin-top:30px;
    background:#0f172a;
    color:#22c55e;
    padding:25px;
    border-radius:20px;
    overflow:auto;
    border:1px solid #1e293b;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.raw_data_box pre{
    margin:0;
    white-space:pre-wrap;
    font-size:14px;
    line-height:1.7;
    font-family:Consolas,monospace;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media(max-width:1200px){

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

}

@media(max-width:991px){

    .whois_domain_header{
        flex-direction:column;
    }

    .whois_header_right{
        text-align:center;
        display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    }

    .whois_grid{
        grid-template-columns:1fr;
    }

    .ns_grid{
        grid-template-columns:1fr;
    }
    .active_badge {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}

}

@media(max-width:768px){
    .whois_domain_header{

  display: flex;}

    .whois_header_left h1{
        font-size: 28px;
    word-break: break-word;
    margin: 0px 0 15px;
    }

    .whois_stats_grid{
        gap: 15px;
    }
    .status_label {
    font-size: 13px;
    font-weight: 500;
    }
    .info_row{
        flex-direction:column;
        gap:8px;
    }
    .status_badge {
        font-size: 12px;
        font-weight: 600;
    }
.whois_domain_header{
    gap: 20px;
    text-align: center;
    width: 100%;
}
.whois_header_left {
  width: 100%;
}
.whois_stat_card {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.whois_stat_card small {
font-size: 12px;
    padding: 5px 15px;
    text-align: center;
    border-radius: 3px;
}
.whois_stat_card h3 {
margin: 0 0 15px;
    font-size: 20px;
}
.ns_title {
  gap: 12px;
}
.ns_title h3 {
  font-size: 20px;
}
.ns_header {
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.ns_item {
  font-size: 15px;
}
.ns_header span {
  font-size: 13px;
  font-weight: 500;
}
.ns_icon {
  width: 45px;
  height: 45px;
  border-radius: 7px;
  font-size: 19px;
}

.whois_stat_card span {

    font-size: 11px;
    margin-bottom: 6px;
}
.whois_status_wrap {
text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
    .info_row span{
        text-align:left;
    }

    .whois_details_section{
       padding: 35px 15px;
    }

    .whois_domain_header,
    .nameserver_card,
    .whois_info_card{
        padding:18px;
    }

}

.whois_all_details .details_grid{
    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:0 60px;
}


.whois_all_details .info_row span{
    max-width:65%;
    text-align:right;
}

@media(max-width:991px){

    .whois_all_details .details_grid{
        grid-template-columns:1fr;
    }

    .whois_all_details .info_row span{
        max-width:100%;
        text-align:left;
    }
    .raw_header span {
    font-size: 12px;
    }
.raw_code_box {
  max-height: 325px;
}
}



/* ==========================
   RAW DATA SECTION
========================== */

.whois_raw_data_card{
margin-top: 10px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  grid-column: 1/-1;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.raw_header{
    padding:20px 25px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#fff;
}

.raw_header h3{
    margin:0;
    font-family:'Outfit',sans-serif;
    font-size:22px;
    color:#1876bc;
    display:flex;
    align-items:center;
    gap:10px;
}

.raw_header h3 i{
    color:#FF6600;
}

.raw_header span{
    font-size:14px;
    color:#64748b;
    font-weight:500;
    padding-right: 30px;
}

.raw_code_box{
    background:#0b1220;
    padding:0 25px;
    overflow:auto;
    max-height:650px;
}

.raw_code_box pre{
    margin:0;
    color:#22c55e;
    font-size:14px;
    line-height:1.8;
    font-family:Consolas, Monaco, monospace;
    white-space:pre-wrap;
    word-break:break-word;
}

/* Custom Scrollbar */

.raw_code_box::-webkit-scrollbar{
    width:10px;
    height:10px;
}

.raw_code_box::-webkit-scrollbar-track{
    background:#111827;
}

.raw_code_box::-webkit-scrollbar-thumb{
    background:#1876bc;
    border-radius:20px;
}

.raw_code_box::-webkit-scrollbar-thumb:hover{
    background:#FF6600;
}











/* Default Closed */

.whois_all_details .details_grid{
    max-height:0;
    overflow:hidden;
    transition:max-height .5s ease;
}

.whois_raw_data_card .raw_code_box{
    max-height:0;
    overflow:hidden;
    transition:max-height .5s ease;
}

/* Open State */

/*.whois_all_details.active .details_grid{*/
/*    max-height:5000px;*/
/*}*/

/*.whois_raw_data_card.active .raw_code_box{*/
/*    max-height:800px;*/
/*}*/

/* Make Heading Clickable */

.whois_all_details h3,
.whois_raw_data_card .raw_header{
    cursor:pointer;
    user-select:none;
    position:relative;
}

/* Plus Icon */

.whois_all_details h3:before,
.whois_raw_data_card .raw_header:before{
    content:"+";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    font-size:26px;
    color:#1876bc;
    transition:.3s;
}

/* Minus Icon */

.whois_all_details.active h3:before,
.whois_raw_data_card.active .raw_header:before{
    content:"−";
}

.whois_raw_data_card .raw_header::before{
    right: 25px;
}

.whois_info_card.full_width.whois_all_details{
    padding-bottom:15px;
    transition:padding-bottom .35s ease;
}
.details_grid.opened{
    padding-top:0px!important;
}
.cus_mt110{
    margin-top: 110px;
}
@media(max-width:1200px){
.cus_mt110{
    margin-top: 200px;
}
    
}
@media(max-width:1025px){
.cus_mt110{
    margin-top: 120px;
}
    
}
@media(max-width:780px){
.whois_info_card h3 {
  font-size: 20px;
}
.cus_mt110{
    margin-top: 0px;
}
.raw_header h3{
    font-size: 20px;
}
.raw_header span {
  font-size: 13px;
}



}


.raw_code_box pre{

height: 400px;
  overflow: scroll;
background-color:black;
border:none;


}



.status_badge_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}


.register_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  border-radius: 8px;
  background-color: #10b981;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  border: none;
  margin-top: 10px;
  transition: background .3s;
  font-family: 'Outfit', sans-serif;
}

.register_btn:hover {
  background-color: #0f766e;
}




.whois_all_details.open h3::before {
  content: "-";
}

.whois_raw_data_card.open .raw_header:before {
  content: "-";
}