body
{
	font-family: Ubuntu;
/* 	font-family: 'Lucida Grande'; */
}

:root
{
	--main-background: white; /*#3871c1*/
	--main-alt-background: #f5f5f5;
	
	--main-action-background: #F6921E;
	--alt-action-background: #f5f5f5;
	
}

*{
	font-family: Ubuntu;
}

h1, h2, h3, h1, h2, h3 , p
{
/* 	margin-top: 20px; */
/* 	margin-bottom: 10px; */
    
    	font-family: Ubuntu;
}


a {
	color: #0081c8 !important;
	text-decoration: none !important; 
}


.main-background
{
	background: var(--main-background);
}

.main-action-background
{
	background: var(---main-action-background);
}


.main-alt-background
{
	background: var(--main-alt-background) !important;
}



.header_nav
{
	width: 100%;
	
	background-color: var(--main-background) !important;
/* 	background: linear-gradient(135deg, #1d70b8, #a6d7f7); */
	color: #084F70;
/* 	box-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.15);	 */
	padding: 10px 0;
	padding-bottom: 0px;

	min-height: 48px;
	
	text-transform: uppercase;
/* 	font-weight: bold; */
}

.header_logo
{
  display: inline-block;
  float: left;
  height: 48px;
  margin: 0 0px;
  /*width: 80px;*/
}


.header_nav ul
{
	/*background: transparent;*/
	list-style-type: none;
	/*margin-left: 20px;*/
	padding: 15px 0px;
	
	padding-bottom: 0px;
}


.header_nav li
{
	display: inline;
	margin-right: 40px;
}


.header_nav li a
{
	font-size: 13px;
/* 	color:  white	; */
	text-decoration: none;
/* 	box-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.15);	 */
	
}

.header_nav li a:hover
{
	/*font-size: 17px;*/
/* 	color: white; */
	text-decoration: underline;
/* 	font-weight: bold; */
	/*border-bottom: 2px solid #2593D5;*/

}

#header_nav_contact
{
	
	width: 100%;
	
	background-color: var(--main-background);
	color: white;
	box-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.15);	
	padding: 10px 0;
	padding-bottom: 0px;
	
	min-height: 65px;
	
	text-transform: uppercase;
}

#header_nav_contact li a
{
	color: white;
}

#header_nav_contact li a:hover
{
	color: white;
}

#header_nav_menu li a
{
	color: #444;
}

#header_nav_menu li a:hover
{
	color: #444;
}


#header_nav_signup
{
	/*border: 1px  #2593D5 solid; */
	border-radius: 5px;
	background-color: var(--main-background); /* #63c986; */
	color: white	;
	/*padding: ;*/
	padding: 7px 23px;
}

#home-jumbo-form-submit
{
	color: #4f4f4f;
}

.big_signup
{
	/*border: 1px  #2593D5 solid; */
	border-radius: 8px;
	background-color: #006699 !important;
	color: white  !important;
	/*padding: ;*/
	padding: 10px 23px;
	min-width: 330px;
}

.big_signup:input
{
	min-width: 330px;
}


.float_left
{
	float:left; 
}



.float_right
{
	float:right;
	margin-right: 40px;
	/*display: block;*/
	/*position: absolute;	*/
}

#container-front-page
{
	

	background-color: var(--main-background) !important;
	background-position: center; 
	background-size: cover; 
	min-height: 550px;
	

}

#container-offer-page
{

	background-color: #f5f5f5;
/* 	background-image: url(data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239c92ac' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E);	 */

	background-repeat: repeat;
	
/* 	padding-left: 25px; */
	
	/* 	opacity: 0.5;	 */
}
#container-faq-page
{

	background-color: white;

}

#container-sellers-page
{

	background-color: white;
/	background-size: cover;
	
	padding-left: 25px;
	
}


#hero-wrapper
{
	
	width: 100%;
	position: relative;
	overflow: hidden;

}

#offer-hero-div
{
	height: 750px; 
}
/* 	color: white; */
/* 	height: 600px; */
	background: #DDECF2;
	color:rgb(105, 105, 105);
}

#offer-hero-div h1
{
	font-size: 65px;
}

#offer-hero-div h2
{
	font-size: 32px;
}


#home-jumboform-div
{
	width: 100%;
	text-align:center;
	
	color: white;
	
/* 	margin-top:180px; */
/* 	margin-bottom: 220px; */
	padding-top: 60px;
	padding-bottom: 60px;
	
}

#home-jumboform-div h1
{
	color: white;
/* 	color: #3a3a3a; */
/* 	font-weight: bold; */
	font-size: 64px;
/* 	text-shadow: 2px 2px #1b4260; */
/* 	text-shadow: 1px 1px #1a1a1a; */

}

#home-jumbo-form-keyword {
/*     text-align: center; */
    padding: 6px;
    width: 400px;
    font-size: 18px;
    color: #6c6c6c;
    height: 48px;
    
    padding: 10px;
    
    margin: 0px auto;
    margin-top: 4px;
}


#form-keyword-small {
/*     text-align: center; */
/*     padding: 6px; */
    width: 400px;
/*     font-size: 18px; */
    color: #6c6c6c;
/*     height: 48px; */
    
    padding: 10px;
    
    margin: 0px auto;
    margin-top: 4px;
}



#home-jumbo-form
{
	
}

#home-jumbo-form input
{
/* 	min-width: 500px; */
}

/* -----------------------------
   Buy Now / Inquire Buttons
--------------------------------*/
.btn-buy-now {
    background-color: #1d70b8;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 8px 18px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}
.btn-buy-now:hover {
    background-color: #155a94;
/*     transform: translateY(-1px); */
	color: white !important;
}


/* Make sure buttons align properly in table */
.table .btn-buy-now,
.table .btn-inquire {
    width: 100%;
    text-align: center;
}


/**************************************************************************/
/*.btn-checkout { 
	color: #FFFFFF !important;  
	background-color: #F6921E !important;  
	border-color: #F6921E !important;  
	box-shadow: rgb(219, 130, 26) 0px 4px 0px 0px !important;  
	border: 2px solid #F6921E !important;  
}

 
.btn-checkout:hover, 
.btn-checkout:focus, 
.btn-checkout:active, 
.btn-checkout.active, 
.open .dropdown-toggle.btn-checkout { 
  color: #fff; 
  background-color: #F99E34; 
  border-color: #F99E34;
  
 
 box-shadow: 0 4px 0 #DB821A;
 
  
} 
 
.btn-checkout:active, 
.btn-checkout.active, 
.open .dropdown-toggle.btn-checkout { 
  background-image: none; 
}  

.btn-checkout:disabled
{
	background:  #8DD18D;
	box-shadow: 0 4px 0 #78BA78;
	
}*/
/********************************************************************************/

a.signup_form_btn
{
	font-size: 16px;
	/* border: 1px #2593D5 solid; */
	border-radius: 5px;
	background-color: #F6921E;
	color: white !important;
	/* padding: ; */
/* 	padding: 7px 7px; */
	padding: 8px 16px;
	width: 100%;
}

a.signup_form_btn:hover
{
	/* border: 1px #2593D5 solid; */
	border-radius: 5px;
	background-color: #FFA51A;
	color: white !important;
	/* padding: ; */
	/* 	padding: 7px 7px; */
	padding: 8px 16px;
	width: 100%;
}


a.signup_form_btn:active
{
	/* border: 1px #2593D5 solid; */
	border-radius: 5px;
	background-color: #FFA51A;
	color: white !important;
	/* padding: ; */
	/* 	padding: 7px 7px; */
	padding: 8px 16px;
	width: 100%;
}


a.signup_form_btn:visited
{
	/* border: 1px #2593D5 solid; */
	border-radius: 5px;
	background-color: #FFA51A;
	color: white !important;
	/* padding: ; */
	/* 	padding: 7px 7px; */
	padding: 8px 16px;
	width: 100%;
}


/********************************************************************************/




#never-been-easier
{	
	display: block;
/* 	margin-top: 200px; */
	text-align: center;
/* 	background: #f0f0f0; */
	padding-bottom: 60px;
}




#footer
{
	background: #fff;
	color: #7a7a7a;
	
	min-height: 200px;
}

#footer a
{
	color: #4f4f4f;
}


.pagination small
{
	font-size: 12px;
}







/******************** Offer Box CSS ********************************/

.offer-box
{
	
	/* 	background-color: #333; */
/* 	padding: 15px; */
	
/* 	background-color: rgba(30,30,30,0.9); */
	background-color: #084F70;
	min-height: 120px;
}

.offer-box-label
{
/* 	color: #fff; */
/* 	font-size: 18px; */
	font-weight: normal;
	
	
}

#offer-box-input
{	
	color: #4f4f4f;
	/* 	opacity: 1.0;  */
	background: rgba(255, 255,255, 1);
}



.inside
{
	/* 	background-color: rgba(50,50,50,0.9); */
	
	border: none;
	/* 	opacity: 1; */
	
	/* 	background: rgba(255, 0, 0, 1); */
}


.offer-box::after {
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #d8d8d8;
	content: "";
	height: 0;
	position: absolute;
	right:-5px;
	top: calc(50% - 10px);
	width: 0;
}
.offer-box:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.inquire-form-title
{
	color: white;
	background: #0081c8;
	
	
}

.inquire-form-title h2
{
	margin-top: 10px;
	margin-bottom: 10px;
	
	font-size:	20px !important;
	
	padding: 10px;
}



.inline_list
{
	margin: 15px;
	padding: 15px;
	
	margin-left: 0px;
	padding-left: 0px;	
}

.inline_list li
{
	display: inline;
	margin-right: 25px;
}


#faq-inquire
{
	font-weight: normal;
}  


#faq-inquire p
{
	font-weight: normal;
	font-size: 14px;
}



#faq-inquire h4
{
	color: #0081c8;
	font-size: 1.2em;
}



#container-offer-thank-you-page
{
	background: #DDECF2;
	color: #555;	
	padding: 20px;
	text-align: center;
}



#container404
{ 
	background: #DDECF2;
	background-size: cover;
	color: #555;	
	padding: 20px;
	text-align: center;

	background-position: bottom;
	min-height: 500px;	
}

.white
{
	background: white !important;
}


.light-blue
{ 
	background:  #DDECF2 !important;
}

.dark-blue
{
	background:  #084F70 !important;
	color: white !important;
}

.blue
{
	background:  #0098DB !important;
	color: white !important;
	
}

.world
{
	background: url(/res/lily/img/backgrounds/world-lighter.jpeg);
	color: white;
	background-size: cover;
}
.office-desk
{
	background: url(/res/lily/img/backgrounds/office-desk.jpeg);
	color: white;
	background-size: cover;
	
}

.notification
{
  padding: 15px;
  
  border-radius:10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 16px;
}


.notification-warning
{
  background:   #FAFFBD;
}


.notification-success
{
	background:  #DDECF2 !important;
}

.notification-info
{
	background: #DFF0D8;
}

.notification-title-light-gray
{
	background: #f0f0f0;
}

#signup_form
{
	background: white;
	color: #6f6f6f;
	padding: 20px;
}

#sign_form_wrapper
{
	background: white;
	color: #6f6f6f;

	margin: 0 auto;
	width: 600px;
	margin-top: 60px;
}

#signup_form_header
{
	padding: 5px;
	padding-top: 1px;
}


.dissapear-on-small
{
	display: none;

}


#buynow_2co_btn
{
	color: white;
	border-radius: 5px;
	background-color: #009bc9 ; 
	padding-bottom: 15px;
	padding-top: 20px; 
	padding-left: 20px; 
	padding-right: 20px;
	text-decoration: none;
	font-size: 1.5em;
	box-shadow: #084f70 0px 4px 0px 0px;
	border: 2px solid #008ab3 !important; 	
	text-shadow: 1px 1px #084f70;
	width: 320px;
}


@media (min-width: 520px) 
{
	.dissapear-on-small{
/* 		width: 8%; */
		display: block;

	}

	#buynow_2co_btn
	{
	
		width: 450px !important;
		font-size: 2.0em;
	}
}

#stripe_order_button
{
	color: white;
	border-radius: 5px;
	background-color: #635bff ;  /*#009bc9*/
	padding-bottom: 15px;
	padding-top: 10px; 
	padding-left: 20px; 
	padding-right: 20px;
	text-decoration: none;
	font-size: 1.5em;
	box-shadow: #4440b4 0px 4px 0px 0px;  /*#084f70*/
	border: 2px solid #4440b4  !important; 	 /*#111439 #008ab3  #084f70*/
	text-shadow: 1px 1px #4440b4;
	width: 320px;
	margin: 0 auto;
}


@media (min-width: 520px) 
{
	.dissapear-on-small{
/* 		width: 8%; */
		display: block;

	}

	#stripe_order_button
	{
	
		width: 450px !important;
		font-size: 2.0em;
	}
}


h1.domain-name 
{
    font-size: clamp(2rem, 5vw, 52px); /* auto scales between 24px–52px */
    word-break: break-word;
    overflow-wrap: break-word;
    text-align: center;
}



/*************** Search ************************************************************/

.search-wrapper {
    display: flex;
    justify-content: flex-start; /* Aligns search bar to the left */
    align-items: center;
    width: 100%;
}

.search-container {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 50px;
    padding: 5px;
    border: 1px solid #ccc;
    width: 100%;
    max-width: 450px; /* Adjust as needed */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.search-input {
    flex: 1;
    border: none;
    outline: none;
    padding: 12px 16px;
    font-size: 16px;
    border-radius: 50px 0 0 50px;
    background: transparent;
}

.search-input:focus {
    box-shadow: none; /* Remove Bootstrap blue focus outline */
}

.search-button {
    background: var(--main-action-background);
    border: none;
    padding: 12px 15px;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.search-button i {
    color: white;
    font-size: 16px;
}

.search-button:hover {
    background: #D87A1E;
}



.vh-minus-header {
  height: 75vh;
}





.decor-astronaut-left,
.decor-astronaut-right {
    position: absolute;
    width: 180px;
    z-index: 10;
    opacity: 0.95;
}

.decor-astronaut-left {
    top: 20%;
    left: -40px; /* move slightly outside container */
}

.decor-astronaut-right {
    bottom: 10%;
    right: -40px;
}

@media (max-width: 768px) {
    .decor-astronaut-left,
    .decor-astronaut-right {
        display: none;
    }
}





.testimonials-section .carousel-inner 
{
    transition: transform 0.8s ease-in-out;
}

.testimonials-section blockquote 
{
    position: relative;
}

.testimonials-section blockquote::before 
{
    content: "";
    width: 50px;
    height: 3px;
    background: #1c3faa;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 3px;
}



/* --- Clean, single Font Awesome arrow --- */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background: none;              /* remove Bootstrap SVG background */
    border: none;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1c3faa;                /* your brand blue */
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 2rem;
    opacity: 1;                    /* always visible */
}

/* Use single FA glyphs */
.carousel-control-prev-icon::before {
    content: "\f104"; /* fa-angle-left */
}

.carousel-control-next-icon::before {
    content: "\f105"; /* fa-angle-right */
}

/* Make the button itself transparent (no circle) */
.carousel-control-prev,
.carousel-control-next {
    width: 5rem;
    opacity: 1;
    background: none;
}

/* Optional: subtle hover color change */
.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
    color: #3247c5;
}

.domain-browse-mobile-extra
{
	display: none !important;
}




@media (max-width: 576px) 
{
	.domain-browse-mobile-extra
    {
		display: block;
	}
	
	
    .btn-buy-now {
        font-size: 14px;
        padding: 6px 10px;
    }
    
    	

    
}

/* ============================================================
   Responsive behavior for browse.php table only
   ============================================================ */

/* Hide mobile extras by default (desktop view) */
#portfolio-main-holder-panel-div .domain-browse-mobile-extra {
    display: none;
}

/* Mobile layout for the browse table */
@media (max-width: 768px) {

    /* Hide Price + Buy Now columns (3rd and 4th) */
	#portfolio-main-holder-panel-div table.table th:nth-child(1),
	#portfolio-main-holder-panel-div table.table td:nth-child(1),
    #portfolio-main-holder-panel-div table.table th:nth-child(3),
    #portfolio-main-holder-panel-div table.table td:nth-child(3),
    #portfolio-main-holder-panel-div table.table th:nth-child(4),
    #portfolio-main-holder-panel-div table.table td:nth-child(4) {
        display: none !important;
    }

    /* Show mobile price + button below domain name */
    #portfolio-main-holder-panel-div .domain-browse-mobile-extra {
        display: block !important;
        margin-top: 6px;
		text-align: center;
    }

    #portfolio-main-holder-panel-div .domain-browse-mobile-extra .price-text {
        display: inline-block;
        color: #555;
        font-weight: 600;
        margin-bottom: 4px;
    }

    #portfolio-main-holder-panel-div .domain-browse-mobile-extra .btn {
        margin-top: 4px;
        font-size: 14px;
        padding: 6px 12px;
        border-radius: 6px;
        width: 100%; /* full width on mobile for easier tapping */
    }

    /* Make domain text slightly larger + more readable */
    #portfolio-main-holder-panel-div table.table td:nth-child(2) a {
        font-size: 1.05em;
        font-weight: 600;
        display: block;
        word-break: break-word;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 10px;
		color: #0081c8 !important;
		background-color: none !important;
    }
    
    /* Make domain text slightly larger + more readable */
    #portfolio-main-holder-panel-div .btn-buy-now:hover {
        font-size: 1.05em;
        font-weight: 600;
        display: block;
        word-break: break-word;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 10px;
		color: #0081c8 !important;
		background-color: none !important;
    }
    
    

	
}



.btn-outline-primary:hover
{
	color: white !important;
}