/*  Font Family */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;600;700&family=Geologica:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@300;400;500;600;700&display=swap');


/*Main Css start here */
/*Footer Css*/
/*section#main-body{*/
/*    padding-top:0 !important;*/
/*}*/
.primary-bg-color{
    background:#F9FAFC;
}
.container-fluid.domain-register-hero{
    padding:0 !important;
    overflow-x:hidden !important;
}
/*Index file */
.card-body  a.btn.btn-block.btn-outline-primary {
    background: #03DFAC;
    color: #000;
    padding: 10px;
    border: none;
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: none;
}


.devsouls-footer {
    background: black !important;
    padding: 80px 0 20px;
    color: #fff;
    font-family: 'Poppins', sans-serif !important;
}
button{
    background:black;
    color:white;
}
button:hover{
    background:#1CF2B9;
    color:black;
}
p{
    font-family: 'Geologica', sans-serif;
}
span{
    font-family: 'Geologica', sans-serif;
}
li{
    font-family: 'Geologica', sans-serif;
}
body {
    font-family: 'Geologica', sans-serif !important;
    font-size:16px !important;
}
nav.master-breadcrumb {
    display: none;
}
.devsouls-footer .logo span {
    color: #03DFAC;
    font-weight: 800;
}

.devsouls-footer h5 {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 900;
    font-size: 18px;
    color: #BDBDBD;
    font-family: 'Poppins', sans-serif ;
}

.devsouls-footer p {
    color: #BDBDBD;
    margin-bottom: 15px;
    line-height: 1.7;
    font-family: 'Poppins', sans-serif ;
    font-size: 16px;
}
p.footer-para{
    font-family: 'Poppins', sans-serif ;
    font-size: 16px;
}

.footer-col ul li {
    list-style: none;
    margin-bottom: 10px;
}

.footer-col ul li a{
    color: #BDBDBD;
    text-decoration: none;
    transition: 0.2s;
    font-size: 15px;
    font-weight: 400;
    line-height: 22.50px;
    font-family: 'Poppins';
}

.footer-col ul li a:hover {
    color: #03DFAC;
}

.footer-col ul li a span  {
    margin-left: 5px;
}

.footer-social-icons a {
    margin-right: 12px;
    font-size: 25px;
    color: #fff;
    transition: 0.2s;
}

.footer-social-icons a:hover {
    color: #03DFAC;
}

.icon-text i {
    margin-right: 10px;
    color: white;
}
.icon-text a{
    color: #BDBDBD;
    font-size:16px;
}
.icon-text a:hover{
    color: #BDBDBD;
    font-size:16px;
}
.icon-text i:hover {
    color: #03DFAC;
}

.footer-bottom {
    border-top: 1px solid #333;
    margin-top: 30px;
    text-align: center;.text-left.terms-services p {
    padding-top: 30px;
}
    padding-top: 15px;
    color: #BDBDBD;
    font-size:16px
}
.copyright{
     color: #BDBDBD;
     font-size:14px
}

/* Header base */
.has-submenu {
    position: relative;
}

.has-submenu > a {
    color: black;
    text-decoration:none;
}

.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #000;
    min-width: auto;
    display: none;
    flex-direction: column;
    padding: 10px 0;
    z-index: 9999;
}

.submenu a {
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    font-size:13px;
    font-weight:400;
}

.menu-item.has-submenu a:hover {
    color: #03DFAC;
}

.has-submenu:hover .submenu {
    display: block;
}
.submenu-arrow {
    font-size: 12px;
    margin-left: 6px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.has-submenu:hover .submenu-arrow,
.has-submenu.open .submenu-arrow {
    transform: rotate(180deg);
}










/* hide old WHMCS header UI visuals */
#header {
    display: none !important;
}

/*New Header*/
.devsouls-custom-header {
    background: #fff;
    padding: 14px 0;
    color: #000;
    font-family: 'Poppins', sans-serif;
}

.devsouls-logo {
    font-size: 22px;
    font-weight: 800;
    color: #000;
    text-decoration: none;
}
.logo img {
    width: 200px;
}
.logo-accent {
    color: #03DFAC;
}

.devsouls-menu .menu-item {
    color: #000;
    margin: 0 14px;
    text-decoration: none;
    font-size: 15px;
}
.devsouls-menu .menu-item:hover {
    color: #03DFAC;
}

.cart-btn {
    position: relative;
    color: #000;
    margin-right: 14px;
}
.cart-btn .badge {
    position: absolute;
    top: -6px;
    right: -6px;
}
.devsouls-right {
    gap: 15px;
}
.login-btn,
.signup-btn {
    color: #ffffff;
    margin-right: 12px;
    text-decoration: none;
    font-weight: 400;
    font-size:14px;
    border:none;
}

.login-btn {
    background: #03DFAC;
    padding: 15px 30px;
    border-radius: 100px;
    color: #000;
}
.signup-btn {
    background: #000;
    padding: 15px 30px;
    border-radius: 100px;
    color: #fff;
}
.login-btn:hover {
    background: #000;
    color: #fff;
    text-decoration:none;
}
.signup-btn:hover {
    background: #03DFAC;
    color: #000;
    text-decoration:none;
}


.menu-toggle {
    border: none;
    color: #03dfac;
    font-size: 22px;
    background: #000;
    border-radius: 2px;
}

/* Mobile Menu */
.devsouls-mobile-menu {
    display: none;
    background: #000;
    flex-direction: column;
    /*padding: 10px 20px;*/
}
.devsouls-mobile-menu a {
    color: #fff;
    margin: 5px 0;
    text-decoration: none;
}
/* Mobile Menu Default Hidden */
.devsouls-mobile-menu {
    display: none;
    flex-direction: column;
    background: #000;
    /*padding: 20px;*/
    position: absolute;
    top: 60px;
    right: 0;
    width: 100%;
    text-align: left;
    z-index: 9999;
}

.devsouls-mobile-menu a {
    color: #fff;
    padding: 12px 20px;
    border-bottom: 1px solid #111;
}

/* Active State */
.devsouls-mobile-menu.active {
    display: flex;
    animation: fadeDown .3s ease-in-out;
}

@keyframes fadeDown {
    from { opacity: 0; transform: translateY(-10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ===============================
   RESPONSIVE MENU FIX
================================ */

/* Desktop view */
@media (min-width: 1025px) {

    .devsouls-menu {
        display: flex !important;
    }

    .menu-toggle {
        display: none !important;
    }

    .devsouls-mobile-menu {
        display: none !important;
    }
}

/* Mobile + Tablet */
@media (max-width: 1024px) {

    .devsouls-menu {
        display: none !important;
    }

    .menu-toggle {
        display: block !important;
        cursor: pointer;
    }

    .login-btn {
        display: none !important;
    }

    /* menu hidden by default */
    .devsouls-mobile-menu {
        display: none;
    }

    /* JS toggles this */
    .devsouls-mobile-menu.active {
        display: flex;
    }
    .devsouls-custom-header ..container.d-flex.align-items-center.justify-content-between.main-container{
        width: 100% !important;
    max-width: 100% !important;
    }
    
    /*Footer*/
     .devsouls-footer .row {
        display: flex;
        flex-wrap: wrap;
    }

    /* all columns 50% */
    .devsouls-footer .row > div {
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* first column full width */
    .devsouls-footer .row > div:first-child {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    
}
@media (max-width: 600px) {

    .devsouls-footer .row > div {
        flex: 0 0 100%;
        max-width: 100%;
    }
}



/*Domain Css Start Here*/
.bg-white,
.tld-filters,
.tld-pricing-header,
.tld-row {
    display: none !important;
}
h4.font-size-18{
    display:none;
}
.domain-register-hero .cart-body {
    width: 100% !important;
}

.checkout-hero {
  background: #0f0f0f;
  padding: 80px 15px;
  color: #ffffff;
}

.step-title {
  font-size: 46px;
    font-weight: 600;
    color: #1CF2B9;
    margin-bottom: 15px;
    font-family: 'Poppins';
}

.finish-title {
  font-size: 60px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom:15px;
}

.sub-text {
  font-size: 16px;
  max-width: 650px;
  margin: 0 auto;
  opacity: 0.9;
}
.domain-register-hero .domain-checker-container{
    background:none !important;
    padding:0 !important;
}
.domain-register-hero .domain-checker-bg{
    background:black;
    padding:40px;
    border-radius:10px 10px 0 0;
}
.product-list {
  display: flex;
  gap: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
  flex-wrap: wrap;
  background:white;
  padding:15px;
  justify-content:center;
  border-bottom: 1px solid #F0F0F0;
}
.product-list li {
  font-size: 16px;
  color: #8D8D8D;
  font-weight: 400;
  cursor: pointer;
  transition: color 0.3s;
  font-family: 'Geologica', sans-serif;
}
.product-list li:hover {
  color: #1CF2B9;
}

.product-list li.active {
  color: #1CF2B9;
  font-weight: 600;
}
.product-list li.active .dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #1CF2B9;
  border-radius: 50%;
  margin-right: 6px;
  position: relative;
  top: -1px;
}
.transfer-list {
  display: flex;
  gap: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
  flex-wrap: wrap;
  padding:15px;
}
.transfer-list {
  font-size: 14px;
  color: #8D8D8D;
  font-weight: 400;
  cursor: pointer;
  transition: color 0.3s;
  font-family: 'Geologica', sans-serif;
}
.transfer-list li:hover {
  color: #1CF2B9;
}

.transfer-list li.active {
  color: #1CF2B9;
  font-weight: 600;
}
.transfer-list li.active:before {
    content: '━━━━ ━';
    position: absolute;
    top: 15px;
}

.domain-new-design {
    max-width: 1300px !important;
}

#primaryLookupResult {
    display: flex ;
    justify-content: space-between;
}
.domain-checker-container .input-group.input-group-lg.input-group-box{
    border-radius: 100px;
    align-items: center;
}
.input-group.input-group-lg.input-group-box {
    color: #BDBDBD;
}
input#inputDomain {
    border: none !important;
}
button#btnCheckAvailability {
    border-radius: 100px;
    background: black;
    border:none;
    font-size:16px;
    font-family:'Poppins';
}
button#btnCheckAvailability:hover{
    background:#03DFAC;
    color:black;
    border:none;
}
.domain-svg svg{
    height: 35px;
    width: 30px;
    fill: #03DFAC;
}
div#searchDomainInfo{
    box-shadow: 0px 7px 18px 0px rgba(220, 220, 220, 0.25);
    background: white;
    padding:40px 20px;
}
#order-standard_cart .domain-checker-result-headline{
    margin:0 !important;
}
#order-standard_cart .domain-checker-available {
    color: #000000 !important;
    font-family: 'Geologica', sans-serif;
}
.btn-add-to-cart {
    background:#03DFAC;
    color:black;
    border:none;
    font-size:16px;
    border-radius:100px;
    padding:10px 20px;
}
.btn-add-to-cart:hover {
    background:black;
    color:white;
}
button.btn.btn-primary.btn-add-to-cart.checkout {
    background: #03dfac !important;
    box-shadow:none !important;
}
/*Domain Configuration*/
.container-fluid.domain-configure-hero{
    padding-right:0;
    padding-left:0;
    overflow-x:hidden;
}
.container-fluid.domain-configure-hero .cart-body{
    width:100% !important;
}
.domain-configure-hero .domain-checker-container{
    background:none !important;
    padding:0 !important;
}
.config-domain {
    padding-top: 60px;
}
.config-domain .header-lined {
    text-align: center;
}
#order-standard_cart .panel-addon .panel-add{
    background:#03DFAC !important;
    border-radius:100px !important;
    font-size: 13px !important;
    align-items: start;
    align-self: center;
    padding: 10px 20px !important;
}
.panel.panel-default.panel-addon {
    background: white;
    padding: 15px 0 0 0;
    border-radius: 0px;
    padding:40px 25px 40px 25px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.panel-body{
    display: flex;
    justify-content: flex-start !important;
    text-align: left;
    gap:25px;
}
.panel-body label{
    padding: 0px 0;
    font-size: 16px !important;
}
.whmcs-reg{
    display: flex;
    justify-content: space-between;
    padding:15px 0;
}
.whmcs-imput p {
    font-size:14px !important;
}
.reg-year {
    font-weight: 700;
    font-size: 14px;
}
.reg-period label {
    font-weight: 600 !important;
    color: black !important;
    font-size:16px !important;
}

.panel-add {
    padding: 10px !important;
    color: black !important;
    font-size: 16px;
}
.panel-price {
    padding: 0px !important;
    background: none !important;
    color: black;
    font-size: 14px;
}
.hosting-reg {
    display: flex !important;
    justify-content: center;
}

.whmcs-hosting {
    display: flex;
    gap:20px;
}

.submit-btn {
    background: #03DFAC !important;
    padding: 15px 30px;
    border-radius: 100px;
    color: #000 !important;
    border:none;
}
submit-btn:hover{
    background: #000;
    color: #fff;
    text-decoration:none;
}
/*View Cart css*/
.container-fluid.domain-view-cart-hero{
    padding:0 !important;
    overflow-x:hidden !important;
}
.domain-view-cart-hero .cart-body{
    width:100% !important;
}
.domain-view-cart-hero .view-cart-items-header{
    padding: 20px 15px !important;
}
.domain-view-cart-hero .view-cart-items-header .col-sm-7.col-xs-7.col-7{
    font-size:18px !important;
}
.checkout-steps{
  list-style:none;
  display:flex;
  gap:28px;
  padding:12px 16px;
  margin:0;
  align-items:center;
  background:#EDFFFB;
  border-radius:6px;
  overflow-x:auto;
  justify-content:center;
}

.checkout-steps li{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  color:#0D0D0D !important;
  font-size:14px;
  font-weight:500;
}

.checkout-steps .step{
  width:26px;
  height:26px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#000;
  color:#fff;
  font-size:12px;
  font-weight:700;
}

/* Active / Completed */
.checkout-steps li.active{
  color:#03DFAC;
  font-weight:600;
}
.checkout-steps li.active .step{
  background:#03DFAC;
}

.checkout-steps li.completed{
  color:#03DFAC !important;
}
.checkout-steps li.completed .step{
  background:#03DFAC;
}
ul.checkout-steps {
    margin: 40px 0;
}

.domain-view-cart-hero .header-lined {
    padding: 40px 0;
}
.view-cart-items-header {
    background: #0D0D0D !important;
}
.domain-view-cart-hero .view-cart-items{
    box-shadow: 0px 7px 18px 0px rgba(220, 220, 220, 0.25);
    border: 1px solid #F0F0F0;
    border-bottom: 2px solid #000 !important;
}
.domain-view-cart-hero .order-summary .subtotal{
    border-bottom: 1px solid #F0F0F0 !important;
}
.domain-view-cart-hero .view-cart-tabs{
    box-shadow: 0px 7px 18px 0px rgba(220, 220, 220, 0.25);
    background-color:white;
    border: 1px solid #F0F0F0;
    border-radius: 5px;
    margin-top:40px !important;
}
.domain-view-cart-hero .view-cart-tabs .tab-content{
     background-color:white !important;
     border-radius: 0 0 5px 5px;
}
.domain-view-cart-hero .view-cart-tabs .nav-tabs{
    padding-left: 0px !important;
}
.domain-view-cart-hero .nav-tabs {
    border-bottom: 1px solid #F0F0F0;
}
.domain-view-cart-hero .view-cart-tabs .nav-tabs a[aria-expanded=true]{
    background-color: #fff !important;
}
.domain-view-cart-hero .field, .domain-view-cart-hero .form-control{
    
    border: 1px solid #F0F0F0 !important;
    /*color: #BDBDBD !important;*/
}
#inputPromotionCode::placeholder {
    color: #BDBDBD;   /* apna color yahan do */
    opacity: 1;       /* important – warna light ho jata hai */
}

#inputPromotionCode::placeholder { color: #BDBDBD; opacity:1; }
#inputPromotionCode::-webkit-input-placeholder { color: #BDBDBD; }
#inputPromotionCode::-moz-placeholder { color: #BDBDBD; }
#inputPromotionCode:-ms-input-placeholder { color: #BDBDBD; }

.domain-view-cart-hero .btn-default{
    border-color: #F0F0F0;
}
.domain-view-cart-hero .btn-default:hover {
    color: #03DFAC;
    background-color: #0000;
    border-color: #F0F0F0;
}


.domain-view-cart-hero .order-summary{
    box-shadow: 0px 7px 18px 0px rgba(220, 220, 220, 0.25);
    border-bottom: hidden !important;
    border: 1px solid #F0F0F0;
    border-radius: 5px !important;
}
div#orderSummary h2 {
    background: black;
    border-radius: 5px 5px 0 0;
}
.domain-view-cart-hero .summary-container{
    background:white !important;
    border-radius:0 !important;
}
.submit-view {
    background: #000 !important;
    padding: 10px 20px;
    border-radius: 100px;
    color: #ffff !important;
    border:none;
    font-size:13px;
}
.submit-view:hover{
    background: #03DFAC !important;
    color: #fff;
    text-decoration:none !important;
}
.pcx-summary-card{
    background:#fff;
    box-shadow:0 7px 18px rgba(220,220,220,0.25);
    overflow:hidden;
    font-family:'Karla',sans-serif;
    margin:0 20px;
}

.pcx-summary-header{
    background:#0f0f0f;
    color:#fff;
    padding:10px 20px;
    font-size:22px;
    font-weight:700;
}

.pcx-summary-body{
    padding:22px;
}

.pcx-row{
    display:flex;
    justify-content:space-between;
    font-size:15px;
    margin-bottom:12px;
    color:#6F6F6F;
}

.pcx-row span:last-child{
    color:#000;
    font-weight:600;
    text-align:right;
}

.pcx-divider{
    height:1px;
    background:#eee;
    margin:16px 0;
}

.pcx-recurring{
    font-size:13px;
    color:#555;
}

.pcx-total-box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#F9F9F9;
    padding:15px 10px;
    border-radius:3px;
    margin:15px 0;
    font-size:16px;
}

.pcx-total-box strong{
    font-size:16px;
    font-weight:700;
    color:#000;
}

.pcx-checkout-btn{
    display:block;
    width:50%;
    background:#0f0f0f;
    color:#fff;
    text-align:center;
    padding:14px 0;
    border-radius:30px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    margin-top:10px;
    transition:0.3s;
    border:none;
}

.pcx-checkout-btn:hover{
    background:#1CF2B9 !important;
    color:#000;
    border:none;
}

.pcx-checkout-btn.disabled{
    opacity:.5;
    pointer-events:none;
}

.pcx-continue-link{
    display:block;
    text-align:center;
    margin-top:12px;
    font-size:14px;
    color:#666;
    text-decoration:none;
}

.pcx-continue-link:hover{
    color:#000;
}

.pcx-express{
    margin:18px 0;
    text-align:center;
}
.container.custom-checkout {
    padding-top: 60px;
}
.custom-checkout .header-lined {
    padding: 0 !important;
}
.header-lined.complete-custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 7px 18px rgba(220, 220, 220, 0.25);
    padding: 20px 25px !important;
    background: #ffffff;
}
.container.custom-checkout ul.checkout-steps{
    margin:0 !important;
    margin-bottom:60px !important;
}
.main-heading {
    /*background: #11e3a5;*/
    padding-bottom: 40px;
    border-radius: 6px;
    color: #000;
}
.main-heading h1 {
    margin: 0;
    font-size: 22px !important;
    font-weight: 700;
    background: #03dfac;
    padding: 20px;
}
.main-heading p {
    margin: 6px 0 0;
    font-size: 14px;
    color: #1a1a1a;
}
.configuration {
    display: flex;
    justify-content: space-between;
    background: white;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.domain-sub {
    background: #ffffff;
    padding: 6px 14px;
    border-radius: 20px;
    /*box-shadow: 0 4px 10px rgba(0,0,0,0.08);*/
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.main-domain {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    position: relative;
    padding-left: 14px;
}
.main-domain::before {
    content: "✔";
    color: #11e3a5;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 1px;
}

/* Main wrapper */
.config-nameserver {
    background: #ffffff;
    border-top: 2px solid #000;
    padding: 28px 30px 34px;
    margin-top: 30px;
}

/* Heading area */
.config-nameserver .nameserver-heading {
    margin-bottom: 26px;
}

.config-nameserver .nameserver-heading .heading-bg {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 6px;
}

.config-nameserver .nameserver-heading p {
    font-size: 14px;
    color: #6F6F6F;
    max-width: 820px;
    line-height: 1.6;
}

/* Inputs grid spacing */
.config-nameserver .nameserver {
    row-gap: 22px;
}

/* Labels */
.config-nameserver label {
    font-size: 13px;
    color: #B2B2B2 !important;
    margin-bottom: 6px;
}

/* Inputs */
.config-nameserver .form-control {
    height: 48px;
    border-radius: 4px;
    border: 1px solid #F0F0F0 !important;
    font-size: 14px;
    box-shadow: none;
    color:#000 !important;
}

.config-nameserver .form-control:focus {
    border-color: #03dfac;
    box-shadow: 0 0 0 2px rgba(3,223,172,0.15);
}

/* Continue button */
.config-nameserver .submit-btn {
    background: #03dfac;
    border: none;
    padding: 14px 44px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
}

.config-nameserver .submit-btn:hover {
    background:
}
h2.background-black {
    background: black;
    padding: 0;
    margin: 0;
    color: white;
    font-size: 20px;
    padding: 15px 20px !important;
}
/*Checkout page css*/

.whmcs-checkout{
    
}
.custom-login button {
    background: black !important;
    border: none;
    padding: 14px;
    border-radius: 100px;
    color: white !important;
}
.custom-login button:hover {
    background: #03dfac !important;
    color:#000 !important;
}
.custom-login button:focus{
    border:none;
    box-shadow: none;
}
.personal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #000;
    padding: 5px 20px;
}
.personal-header span.primary-bg-color{
    display:none !important;
}
.personal-header p.small.text-center.text-muted {
    display: none;
}
.personal-header .sub-heading {
 
   display: none;
}
span.personal-information {
    color: white;
    font-size: 20px;
    font-weight: 600;
}
.personal-form {
    background: #fff;
    box-shadow: 0 7px 18px rgba(220, 220, 220, 0.25);
    overflow: hidden;
    font-family: 'Karla', sans-serif;
    margin: 30px 0;
}
.row.personal-row{
    padding:20px !important;
}
.billing-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #000;
    padding: 5px 20px;
}
.domain-form {
    
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #000;
    padding: 10px 20px;
}
select#inputDomainContact {
    color: #8D8D8D !important;
}
.generate-password {
    width: 100% !important;
}
p.amount {
    color: white;
    padding: 0 !important;
    margin-bottom: auto;
}
.amount strong{
    color: #03DFAC;
}
.payment-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #000;
    padding: 5px 20px;
}
.stripe-message{
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background: white;
}
div#paymentGatewaysContainer {
    margin: 0;
}
.whmcs-checkout div#creditCardInputFields {
    background: white !important;
    border: 0 !important;
    box-shadow: 0 7px 18px rgba(220, 220, 220, 0.25);
}

.text-left.terms-services button {
    /*margin: 30px 0 0 0;*/
    background: #0f0f0f;
    border:0 !important;
    color:white;
}
.text-left.terms-services button:hover {
    background:#1CF2B9 !important;
    color:black;
}

.text-left.terms-services p {
    padding-top: 30px;
}

/*domain transfer*/

.domain-transfer-hero .row.transfer-row {
    justify-content: center;
}
.container-fluid.domain-transfer-hero {
    padding-top: 100px;
}
.transfer-form {
    padding-top: 20px;
}
h2.transfer-heading {
    font-size: 55px;
}
.domain-transfer-hero .panel-heading.card-header.pb-0 {
    background: black;
    color: white;
}
.domain-transfer-hero h3.panel-title.card-title.font-size-24.mb-2 {
    font-size: 18px !important;
    font-weight: 400 !important;
}
.domain-transfer-hero .panel-body.card-body {
    background: white;
    display:block;
}
.domain-transfer-hero input{
    border:1px solid #F0F0F0 !important;
    border-radius:5px !important;
}
.domain-transfer-hero .panel-footer.card-footer.text-center {
    background: white;
    border: none;
}

.domain-transfer-hero button#btnTransferDomain{
    
    width: 100%;
    background: #04DFAC;
    border: none;
    padding: 12px;
    color: black;
}

.domain-transfer-hero a.pull-right.float-right {
    color: black;
}


/* Product domain config */
.container-fluid.store-product-hero {
    padding: 0 !important;
    overflow-x: hidden !important;
}
.store-product-hero div#order-standard_cart{
    padding:0 !important;
}
.store-product-hero .cart-body{
    width:100% !important;
    padding-top: 80px;
    padding-bottom: 40px;
}

.store-product-hero .domain-selection-options .option{
    background:transparent !important;
}
.store-product-hero .domain-selection-options{
    width: 70%;
    margin: auto !important;
    padding: 20px 0;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid #E2E2E2;
    border-radius: 5px;
}
.store-product-hero span.input-group-text {
    background: black;
    color: white;
}
.store-product-hero input#registersld{
    height: 48px;
    border-radius: 4px;
    border: 1px solid #F0F0F0 !important;
    font-size: 14px;
    box-shadow: none;
    color: #000 !important;
}
.store-product-hero #order-standard_cart .form-control{
    height: 48px;
    border-radius: 4px;
    border: 1px solid #F0F0F0 !important;
    font-size: 14px;
    box-shadow: none;
    color: #000 !important;
}
.store-product-hero button.btn.btn-primary.btn-block {
    height: 48px;
    background: black;
    border:none;
}
.store-product-hero button.btn.btn-primary.btn-block:hover {
    background:#03DFAC !important;
}
.store-product-hero .header-lined p{
    text-align: center;
    font-size:16px;
}
.store-product-hero .header-lined{
    padding-bottom:20px;
}
.store-product-hero form#frmProductDomainSelections {
    width: 70%;
    margin: auto;
    margin-top:40px;
}
.store-product-hero button#btnDomainContinue{
    background:#03DFAC !important;
    border:none;
    margin:20px;
}
.store-product-hero span.price {
    color: #03DFAC !important;
}
.store-product-hero button#btnDomainContinue:hover{
    background:#000 !important;
}
.store-product-hero .transfer-not-eligible {
    width: 100%;
}
.store-product-hero div#searchDomainInfo{
    border: 1px solid #E2E2E2;
    border-radius: 5px;
}

/*Product-Config page*/

.container-fluid.configureproduct {
    padding: 0 !important;
    overflow-x: hidden !important;
}
.configureproduct #order-standard_cart .cart-body{
    width:100%;
}
.container.package-summary {
    padding-top: 80px;
}
.configureproduct #order-standard_cart .summary-container{
    background-color: white;
}
.configureproduct #order-standard_cart .order-summary{
    border-bottom: 3px solid #03DFAC;
    border-radius: 0px;
}
.configureproduct #order-standard_cart .summary-container{
    border-radius:0;
}
.configureproduct button#btnCompleteProductConfig{
    background:#000 !important;
    border:none;
}
.configureproduct .btn-primary:focus {
    box-shadow: none;
}
.configureproduct button#btnCompleteProductConfig:hover {
    background:#03DFAC !important;
}
.configureproduct #order-standard_cart .product-info{
    background:white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    border: 1px solid #F0F0F0;
    /*border-radius:5px;*/
    border-bottom:2px solid #03DFAC;
    padding:0 !important;
}
.configureproduct .product-addons {
    padding: 10px;
    background: black;
    color: white;
}

.configureproduct .product-addons span{
    color: white;
}
.configureproduct .panel.card.panel-default.panel-addon{
    display:block;
}
.configureproduct .panel-body.card-body{
    display:block;
}
.configureproduct .panel-body.card-body{
    padding:0;
}
.configureproduct .panel.panel-default.panel-addon{
    padding:20px 25px;
}
.configureproduct p.product-description {
    font-size: 14px;
    padding:20px 0;
}
.configureproduct .panel-price {
    font-size: 14px;
    text-align:left;
    padding-bottom:20px !important;
}
.configureproduct .panel-add {
    width: 50%;
}
/*Product listing */
.hosting-plans-hero .price-table{
    width:100% !important;
}
.hosting-plans-hero .price-table ul li{
    text-align:left !important;
}

/*Configprodut css box*/

/* Card wrapper */
.configureproduct .product-info .product-card {
    overflow: hidden;
    
}

/* Header */
.configureproduct .product-info .product-title {
    margin: 0;
    padding: 18px 20px 8px;
    background: #000;
    font-size: 20px;
    font-weight: 700;
    color:white;
}

/* Subtitle */
.configureproduct .product-info .product-card .card-descrption {
    display: block;
    background: #000;
    color: white;
    font-size: 14px;
    padding: 0 20px 18px;
    line-height: 1.4;
}

/* Feature lists */
.configureproduct .product-desc .features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.configureproduct .product-desc .features li {
    padding: 12px 18px 12px 38px;
    border-bottom: 1px solid #F5F5F5;
    font-size: 14px;
    position: relative;
}

/* Included ✔ */
.configureproduct .product-desc .features.included li::before {
    content: "✓";
    position: absolute;
    left: 16px;
    color: #00c389;
    font-weight: bold;
}

/* Excluded ✘ */
.configureproduct .product-desc .features.excluded li {
    color: #888;
}

.configureproduct .product-desc .features.excluded li::before {
    content: "✘";
    position: absolute;
    left: 16px;
    color: #e74c3c;
    font-weight: bold;
}

/* Bottom note */
.configureproduct .product-desc .product-note {
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 18px;
    line-height: 1.5;
    margin: 0;
}

/* Remove extra spacing artifacts */
.configureproduct .product-info p {
    margin: 0;
}
.configureproduct .product-desc .features li:nth-child(odd) {
    background: #FBFBFB;
}


/*product page*/

.hosting-plans-hero {
    padding-top:80px;
}

.hosting-plans-hero #products > ul {
    display: flex;
    align-items: stretch;
    gap: 20px;
}
.hosting-plans-hero #products > ul > li {
    display: flex;
    flex: 1;
}
.hosting-plans-hero .price-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.hosting-plans-hero .price-table > ul {
    flex: 1;
}

.hosting-plans-hero .price-table > ul > li {
    height: 100%;
}

.hosting-plans-hero .product-desc {
    display: flex;
    flex-direction: column;
    height: 98%;
}
.hosting-plans-hero .price-area {
    margin-top: auto;
}
.hosting-plans-hero .txt-center{
    padding-bottom:40px !important;
}
.hosting-plans-hero .product-desc ul.features {
    flex: 1;
}
.hosting-plans-hero .top-head {
    background: none !important;
}
.hosting-plans-hero li#product14 {
    background: #000 !important;
    box-shadow: 0px 7px 18px 0px rgba(220, 220, 220, 0.25);
}

.hosting-plans-hero li#product14 .price-table {
    background: #000 !important;
    color:white;
    
}
.hosting-plans-hero #product14 .price-table ul li{
    color:white !important;
}

.hosting-plans-hero li#product14{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.hosting-plans-hero li#product14  .top-area h4{
    color:white !important;
}

.hosting-plans-hero li#product14  .price-area .price {
    color: white !important;
    text-shadow: none !important;
}






.hosting-plans-hero li#product18 {
    background: #000 !important;
    box-shadow: 0px 7px 18px 0px rgba(220, 220, 220, 0.25);
}

.hosting-plans-hero li#product18 .price-table {
    background: #000 !important;
    color:white;
    
}
.hosting-plans-hero #product18 .price-table ul li{
    color:white !important;
}

.hosting-plans-hero li#product18{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.hosting-plans-hero li#product18  .top-area h4{
    color:white !important;
}

.hosting-plans-hero li#product18  .price-area .price {
    color: white !important;
    text-shadow: none !important;
}

.hosting-plans-hero .top-area h4 {
    color: black !important;
    text-shadow: none !important;
}
.hosting-plans-hero .top-area{
    padding-bottom: 0px !important;
    border: 0 !important;
}
.hosting-plans-hero .price-area .price {
    color: black !important;
    text-shadow: none !important;
    font-size:20px !important;
}
.hosting-plans-hero .price-table{
    border-radius:0 !important;
}



/*.hosting-plans-hero .top-area{*/
/*    border-bottom: 1px solid #514d4d !important;*/
/*}*/
.hosting-plans-hero .price-area{
    border-top:0 !important;
}
.hosting-plans-hero .popular-plan{
    border-bottom: 1px solid #514d4d !important;
    background:#333333;
}
.hosting-plans-hero .order-button{
    background:#03DFAC !important;
    color:black !important;
}
/*.hosting-plans-hero .popular-plan{*/
/*    color: #03DFAC !important;*/
/*}*/
.hosting-plans-hero .features.included li:before {
    content: '✔';
    padding: 10px;
    color: #03DFAC;
}
.hosting-plans-hero .features.excluded li:before {
    content: '✗';
    padding: 10px;
    color: red;
}

.hosting-plans-hero .head-area span {
    color: black;
    font-size: 20px;
    /* padding: 10px 20px; */
}
.hosting-plans-hero ul.list-features li {
    color: black;
    font-size: 14px;
    padding-bottom:15px !important;
}
.hosting-plans-hero .head-area{
    padding-bottom:20px;
}
.hosting-plans-hero div#products br {
    display: none;
}
.hosting-plans-hero .price-table-container .price-table ul li{
    border-bottom: 0px !important;
}
.hosting-plans-hero .popular-plan{
    padding: 20px 0 !important;
    font-size: 20px !important;
    color: #FFD050 !important;
}

/*Login Page css*/
.devsol-login {
    padding-top: 60px;
}
.btn-primary {
    color: #fff !important;
    background-color: black !important;
    border:0 !important;
}
.btn-primary.focus, .btn-primary:focus{
    box-shadow:none;
}
.btn-primary:hover {
    color: #000;
    background:#03DFAC !important;
    border:0 !important;
}
.devsol-login .small{
    color:black;
} 

/*clientregister */
.clientregister {
    padding-top: 60px;
}
.register-account-whmcs {
    display: flex;
    justify-content: space-between;
    background: black;
    align-items: center;
}
.clientregister .sub-heading span{
    background:none !important;
    color:white !important;
    font-size:22px !important;
    font-weight:500 !important;
}
.clientregister #registration .sub-heading{
    border:0 !important;
}

.clientregister .card {
    border: 1px solid #F0F0F0 !important;
    border-radius: 0 !important;
    box-shadow: 0 7px 18px rgba(220, 220, 220, 0.25);
}
.clientregister .reg-billing {
    background: black;
    color: white;
    padding: 10px 17px;
}
.clientregister .reg-billing h3{
    margin:0 !important;
}
.clientregister .card-header{
    background: black;
    color: white;
}
.clientregister #registration .field, #registration .form-control{
    border: 1px solid #F0F0F0 !important;
}
/*Template Selection */

.config-options {
    background: #03DFAC;
    padding: 20px 15px;
    color: black;
}
.config-options label {
    font-size: 18px !important;
    color: black !important;
    font-weight:900 !important;
}
.configureproduct div#productConfigurableOptions {
    padding: 20px 0 !important;
}
.configureproduct select#inputConfigOption2 {
    border: 1px solid #F0F0F0 !important;
    color: black !important;
    font-size: 16px !important;
    height: calc(2.5em + 1.75rem + 2px);
}
.checkout-steps a,
.checkout-steps a:hover {
  text-decoration: none !important;
}

/* Hover text color */
.checkout-steps li:hover span:last-child {
  color: #03DFAC;
}

/* Active step color */
.checkout-steps li.active span:last-child {
  color: #03DFAC;
  font-weight: 600;
}

/* Optional: number circle hover */
.checkout-steps li:hover .step {
  background: #03DFAC;
  color: #000;
}

/* Active number */
.checkout-steps li.active .step {
  background: #03DFAC;
  color: #000;
}

/*Billing address*/

.billing-cycle label {
    background: black;
    width: 100%;
    padding: 15px;
    color: white !important;
    font-size: 18px !important;
    margin:0;
}

select#inputBillingcycle {
    width:100%;
}


/* Responsive tweaks */
@media (max-width: 767px) {
    
     .devsouls-custom-header ..container.d-flex.align-items-center.justify-content-between.main-container{
        width: 100% !important;
    max-width: 100% !important;
    }
  
  #order-standard_cart{
      padding:0 !important;
  }
  .finish-title {
    font-size: 30px;
  }
  .step-title {
    font-size: 24px;
  }
  .sub-text {
    font-size: 14px;
  }
  #primaryLookupResult {
    display: block !important;
}
.domain-checker-container .input-group.input-group-lg.input-group-box{
    border-radius: 10px;
}
.domain-register-hero .domain-checker-bg{
    padding:20px;
}
.product-list {
  gap: 20px;
  padding:20px 0px;
}
.transfer-list {
  display: flex;
  gap: 10px;
  padding:15px 0;
  justify-content:center;
}
.transfer-list li.active:before {
    display:none;
}
.checkout-steps{
    gap:16px;
    justify-content: left !important;
    overflow-x: auto;
  }
  .checkout-steps .label{
    font-size:13px;
  }
  .header-lined.complete-custom {
    display: block;
}
.configuration{
      flex-direction: column;
  }
  .config-domain {
    padding-top: 0px;
}
.addon-products {
    padding: 40px 0;
    gap: 20px;
    
}
.addon-products .col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #order-standard_cart .secondary-cart-sidebar{
        width:100% !important;
    }
    
.domain-form {
    
    flex-direction: column;
        gap: 15px;
        padding-bottom: 15px;
}
.personal-header{
    
    flex-direction: column;
        gap: 15px;
}
.container-fluid.domain-transfer-hero {
    padding-top: 40px;
}
h2.transfer-heading {
    font-size: 30px;
}
.store-product-hero .domain-selection-options{
    width: 100%;
}
.store-product-hero form#frmProductDomainSelections {
    width: 100%;
}
.store-product-hero .cart-body{
    padding-bottom: 0px;
}

.container.package-summary {
    padding-top: 40px;
}
.hosting-plans-hero #products > ul {
        flex-wrap: wrap;
    }

.hosting-plans-hero #products > ul > li {
        flex: 0 0 48%;
        max-width: 100% !important;
    }
    /* FIX: Override default inline-block li */
.hosting-plans-hero #order-premium_comparison .price-table-container > ul {
    display: flex !important;
    align-items: stretch;
    gap: 20px;
    padding: 0;
    margin: 0;
}

.hosting-plans-hero #order-premium_comparison .price-table-container > ul > li {
    display: flex !important;        /* override inline-block */
    flex: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;     /* remove shadow image */
}

}


@media (max-width: 480px) {

   .config-domain {
    padding-top: 0px;
}
   .configuration{
      flex-direction: column;
      justify-content: flex-start;
        padding: 10px;
  }
  .domain-sub {
    
    padding: 6px 0px;
}
.main-heading {
    padding: 0;
   
}
.main-heading h1 {
    
    font-size: 18px !important;
    padding: 10px;
}

.whmcs-hosting {
    flex-direction: column;
    gap: 15px;
}
#order-standard_cart .panel-addon .panel-add{
    width:100% !important;
}
}
/* Small tablets and up */

/* Tablets */
/* ===============================
   CONTAINER WIDTH OVERRIDE
================================ */

/* Small devices */
@media (min-width: 576px) {
    .container {
        max-width: 720px;
    }
}

/* Tablets */
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

/* Laptops */
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }

    .card-columns.home .card {
        width: 99%;
    }
}

/* Desktop */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/* Large desktop */
@media (min-width: 1440px) {
    .container {
        max-width: 1440px;
    }
}

/* Ultra wide */
@media (min-width: 1600px) {
    .container {
        max-width: 1600px;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    #order-premium_comparison .price-table-container > ul {
        flex-wrap: wrap;
    }

    #order-premium_comparison .price-table-container > ul > li {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
    
}
@media (min-width: 991px) and (max-width: 1199px) {
    #order-premium_comparison .price-table-container > ul {
        flex-wrap: wrap;
    }

    #order-premium_comparison .price-table-container > ul > li {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}