:root
{
	--primary-color: #0c0233 ;
	--secondary-color: #D90041;;
}


div#accordionExample .card {
    background: transparent !important;
    border: 0 !important;
}
.card-header button {
    font-size: 20px;
    color: #000 !important;
    font-weight: 600;
	text-decoration:none !important;
	box-shadow: none !important
}

.card-header {
    background: transparent !important;
	margin-bottom:0 !important;
    border-bottom: 1px solid #f443362e !important;
    padding: 10px 0;
}




section#main-body {
    margin: 0;
    padding: 0;
}
.sectiontitle {
    font-weight: 800;
    font-size: 40px;
}

.section-space
{
 padding:100px 10px
}


body
{
overflow-x:hidden
}

.svg-icon img {
    width: 60px;
    height: 60px;
}

a.card-transparent p {
    font-size: 16px;
    margin-top: 13px;
    opacity: .7;
}


.container-fluid
{
	padding:0 
}

.section-info
{
    background:#080f2c;
	position:relative;
}

a.card-transparent {
    background-color: rgb(255 255 255 / 10%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border: 0;
    color: #fff;
    padding: 20px;
    text-align: left;
    font-size: 22px;
    height: 100%;
    border-radius: 15px;
}


.card-transparent .ico-container,
.card-transparent:hover .ico-container {
    color: #fff;
    text-align: left !important;
    font-size: 42px !important;
    text-align: left;
    margin-bottom: 30px !important;
}


.card-transparent .ico-container svg
{
	width:90px;	
	height:90px;


}

a.card-transparent:hover svg, 
a.card-transparent:hover svg path 
{
    stroke: #242424 !important;
}



a.card-transparent:hover {
    background: #fff;
    color: #000;
	font-size: 22px;
}






img.overlaybox-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .6;
}








.bg-theme
{
	background: var(--primary-color);
}

.btn-primary,
.btn-primary:hover
{
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
	border-radius: 50px !important;
}


.btn-outline-primary,
.btn-outline-primary:hover
{
    color: #fff;
    background-color: transparent;
    border-color: #fff;
	border-radius: 50px !important;
}

.btn-secondary,
.btn-secondary:hover
{
    color: #fff;
    background-color:var(--primary-color);
    border-color: var(--primary-color);
	border-radius: 50px!important;
}




.gap-2

{
  gap:10px
}

header.header .navbar .navbar-brand {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

header.header .search {
    width: 100%;
}

span#cartItemCount,
#notificationCount
{
    position: absolute;
    top: 0;
    right: 0;
}

.nav-link.cart-btn ,
#accountNotifications
{
    position: relative;
}


header.header .navbar a,
#nav li a ,
.navbar-nav li a
{
    color: #fff;
	text-decoration:none;
}
header.header .navbar  a:hover,
#nav li a:hover ,
.navbar-nav li a:hover
{
	opacity: .7;
}

ul.dropdown-menu a.dropdown-item, 
ul.dropdown-menu .dropdown-item a

{
    color: #000 !important;
}



header.header .far),
header.header .fas:not(.fa-search)
{
    color: #fff;

}

.btn-bar
{
    border: 1px solid #ffffff5c !important;
    padding: 0;
    width: 40px;
    height: 34px;
}



.navbar-collapse.collapse  li 
{ 
    padding: 5px 0;
}


.dropdown-menu
{
	padding:10px
}

img#inputCaptchaImage {
    height: 100%;
}

@media(max-width:767px)
{

  .navbar-collapse.collapse 
  {
      padding:15px 0
  }

}



/*** Search ***/


.home-domain-search .input-group-wrapper ,
.home-domain-search .input-group-wrapper .btn
{
    border-radius: 50px !important;
}

.price-card {
    align-items: center;
    background: #4e8d9f73;
    border: 1px solid #4e8d9f;
    border-radius: 33px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 130px;
    min-height: 88px;
    padding: 10px;
    position: relative;
    transition: 0.3s ease-in-out;
    text-align: center;
    flex: 1 1 auto;
}
.price-list a {
    color: #fff;
	text-decoration:none
}

ul.price-list {
     display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    list-style: none;
    padding: 0;
}

.price-card h4 {
    font-weight: 800;
}


.price-card span {
    font-weight: 700;
    font-size: 18px;
}

.price-card p {
    font-size: 15px;
}


.price-card:hover {
    background: #4e8d9f9c;
}

@media (max-width: 600px) {
    .price-card {
        max-width: 100%;
        min-width: 140px;
        width: 100%;
    }

    ul.price-list {
        justify-content: center;
    }
}





.new-card h3.pricing-card-title {
    font-size: 22px !important;
    font-weight: 800 !important;
	color: var(--primary-color);
	}

.new-card p
{
	color: var(--primary-color);
}


section#main-body {

    background: #f1f5f9;
}


.rate-start {
    color: var(--primary-color);
    font-weight: 800;
}

.new-card {
    border-radius: 15px!important;
    overflow: hidden;
    height: 100%;
}
.new-card::after {
    position: absolute;
    content: "";
    width:6px;
    height: 0;
    background-color: var(--secondary-color);
    top: 0;
    right: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.new-card:hover
{
	-webkit-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) !important;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) !important;
}

.new-card:hover::after {
    height: 100%;
}

.card-columns  
{
    column-count: unset !important;
   width:100%
}