/*
* Yerel Yazıtipi kullanıyorsanız Yorum Satırı işaretçilerini ve bu kaldırın.
* If you use Local Fonts, please remove comment line markers.
*/

/*:root {
    --body-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --body-font-weight:400;
    --menu-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --menu-font-weight:600;
    --h1-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --h1-font-weight:700;
    --h2-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --h2-font-weight:600;
    --h3-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --h3-font-weight:600;
    --h4-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --h4-font-weight:600;
    --h5-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --h5-font-weight:600;
    --h6-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --h6-font-weight:600;
}*/

/*** SCCS OVER-RIDE ***/


/*** Bootstrap.css Override ***/
:root,[data-bs-theme=light]{
    --bs-body-bg:#15151d;
}

/*** FonPageBuilder.css Override ***/
.fon-ribbon-bookmark.fon-ribbon-top {
	opacity: 0%;
}
.fon-feature-box-widget .feature-box .feature-image{
	align-content:center;
	margin-left: 80px;
}
.animated-number-icon {
    color: #E6FAFC !important;
}

.fon-feature-box-widget.style-2 .feature-box {
	background-color: #0EA7E7;
}

.fon-feature-box-widget.style-4 .feature-box {	
	background: inherit;
	border: none;
}
.fon-feature-box-widget.style-4 .feature-box:hover:before{
	transform: none;
}

.fon-feature-box-widget.style-4 .feature-box:hover * {
	color: inherit;
}
.fon-feature-box-widget.style-4 .feature-box:hover .feature-box-media-container {
	background: none;
	animation: none;
}
.fon-feature-box-widget.style-8 .feature-box {
	background: #15151d;
}
.fon-feature-box-widget.style-9 .feature-box  {
	background-color: #15151D !important;
}
.fon-feature-box-widget.style-9 .feature-box .media-icon .feature-box-media-container {	
	box-shadow: none;
}

.fon-animated-number-widget .animated-number-number .number:after,
.fon-animated-number-widget .animated-number-number .number:before {	
	color: #E6FAFC;
}

.btn-secondary {
    --bs-btn-color: #efefef !important;
    --bs-btn-bg: #007bff !important;
    --bs-btn-border-color: #007bff !important;
    --bs-btn-hover-color: #0d6efd !important;
    --bs-btn-hover-bg: var(--theme-primary);
    --bs-btn-hover-border-color: var(--theme-primary);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--theme-primary);
    --bs-btn-active-border-color: var(--theme-primary);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(var(--theme-secondary-rgb), 0.5);
    --bs-btn-disabled-border-color: rgba(var(--theme-secondary-rgb), 0.1)
}

/** Menu Style Laptop **/

@media (max-width: 1600px) {
  .site-menu li ul.megamenu {
      margin-left:-100px !important;
  }
}


/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

/** HomePage Style 4 - Package Offering Custom **/

.Main-Title {
    padding-top: 250px;
    margin-left: 200px;
}

@media (min-width: 1900px) {
  .Main-Title {
      padding-top: 150px;
      margin-left: 150px;
  }
}

@media (max-width: 1600px) {
  .Main-Title {
      padding-top: 50px;
      margin-left: 0px;
  }
}

.homepage-featured-icons img {
    width: 150px !important;
    margin-left: 50px !important;
}

.carousel-caption-inner{
    display:none !important;
}

/* lf-screen snap (Win+Arrow, ~650–960px wide) */
@media (max-width: 992px) {
  .Main-Title {
      all: unset;                  /* 🔥 reset every property on this element */
      display: block !important;
      width: 100% !important;
      text-align: center !important;
      padding: 100px 20px 0 20px !important;
      font-size: 2rem !important;
      line-height: 1.3 !important;
      box-sizing: border-box !important;
  }
}

.Main-Title-Paragraph{
    margin-left: 390px;
    margin-top: -50px;
}

@media (min-width: 1900px) {
  .Main-Title-Paragraph {
      margin-left: 340px;
      margin-top: -50px;
  }
}

@media (max-width: 1600px) {
  .Main-Title-Paragraph {
      margin-left: 200px;
      margin-top: -30px;
  }
}

/* lf-screen snap (Win+Arrow, ~650–960px wide) */
@media (max-width: 992px) {
  .Main-Title-Paragraph {
      margin-left: 0;       /* reset left offset */
      margin-top: 10px;
      text-align: center;   /* center paragraph under title */
      padding: 0 20px;      /* breathing room on sides */
  }
}

.Main-Title-Button{
    margin-left: 385px;
}

@media (min-width: 1900px) {
  .Main-Title-Button {
      margin-left: 340px;
  }
}

@media (max-width: 1600px) {
  .Main-Title-Button {
      margin-left: 200px;
  }
}

@media (max-width: 992px) {
  .Main-Title-Button {
      margin-left: 0; 
      display: flex;
      justify-content: center; /* center button */
      margin-top: 20px;
      margin-right: 100px;
  }
}

.Main-Title-Button a {
    color:#15151d;
}

.Main-Title-Button:hover{

}

.features {
    margin-left:385px !important;
    padding-bottom:25px;
}

@media (min-width: 1900px) {
  .features {
      margin-left: 340px !important;
      padding-bottom:25px;
  }
}

@media (max-width: 1600px) {
  .features {
      margin-left: 200px !important;
      padding-bottom:25px;
  }
}

@media (max-width: 992px) {
  .features {
      margin-left: 0 !important;
      text-align: center;
      padding: 0 20px 25px 20px;
  }
}

#section-slideshow {
    height: 1200px;
}

@media (max-width: 1600px) {
  #section-slideshow {
      height: 900px;
  }
}

#col_9koizx{
    background-color: #15151d !important;
    overflow: hidden;
    padding: revert !important;
    box-shadow:none !important;
}
    

/* Why Choose Us - Experimental */

@media (max-width: 992px) {
  #section-why-choose-us {
      overflow-x: hidden; /* prevent side scroll */
      padding: 15px 15px;
      box-sizing: border-box;
  }

  /* Fix columns so they stack properly */
  #section-why-choose-us .row {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      margin: 0 auto !important;
  }

  /* Only target the column containers, not all children */
  #section-why-choose-us .row > div {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 15px 0 !important;
      float: none !important;
      flex: none !important;
      box-sizing: border-box !important;
  }
  
 /* .fon-widget-content{
      width: 650px !important;
      max-width: 650px !important;
  } */
} 

@media (max-width: 600px) {
  #section-why-choose-us {
      background-image:none !important;
  }     
}

/* Section - Hosting Packages */

@media (max-width: 992px) {
  #section-hosting-packages {
      display:none !important;
  }
}

@media (max-width: 992px) {
  #row_9dowos .row.row-style {
      display: grid !important;
      grid-template-columns: 1fr !important; /* ✅ single column */
      gap: 20px !important;
      justify-items: stretch;
      align-items: stretch;
  }

  #row_9dowos .row.row-style > [id^="col_"] {
      flex: unset !important;
      max-width: 100% !important;
      width: 100% !important;        /* full width of the container */
      margin: 0 !important;
      box-sizing: border-box;
      grid-column: auto !important;  /* each item just takes 1 cell */
  }
}

.packageOne {
	background: #007cc9;
	opacity: 0.7;
	transition: transform .1s;
}
.packageOne:hover{
	opacity: 1;
	transform: scale(1.05);
}

.packageTwo {
	background: #FA7921;
	opacity: 0.7
}

.packageTwo:hover{
	opacity: 1;
	transform: scale(1.05);
}

.packageThree {
	background: #C13ADC;
	opacity: 0.7
}

.packageThree:hover{
	opacity: 1;
	transform: scale(1.05);
}

.packageFour {
	background: #DE0736;
	opacity: 0.7
}

.packageFour:hover{
	opacity: 1;
	transform: scale(1.05);
}

.articles-item {
	background-color: #181923 !Important;
}
.testimonial-message {
	background-color: #181923 !important;
}

.fon-accordion-widget.style-4 .accordion-button{
	background-color: #181923;
}

.fon-accordion-widget.style-4 .with-icon .accordion-icon,
.fon-accordion-widget.style-4 .no-icon .accordion-button:before{	
	background: #53dd6cb3;
}
.fon-accordion-widget.style-4 .with-icon .accordion-button:not(.collapsed) .accordion-icon,
.fon-accordion-widget.style-4 .no-icon .accordion-button:not(.collapsed):before{
	background: #53dd6c;
}
.panelaccordion .accordion-body img{
	width: 100% !important;
	height: auto !important;
}

/* ChipInfoBox  */
.ChipInfoBox .bg-white{
	background-color: #181923 !Important;
}
.ChipInfoBox .fon-contentbox-content {
	font-size: 16px;
}
.ChipInfoBox .fon-contentbox-title {
	font-size: 30px;
}

/* Outer container: .fon-contentbox has d-flex */
.ChipInfoBox .fon-contentbox.d-flex {
  display: block !important;
}

/* Inner direct child: also has d-flex */
.ChipInfoBox .fon-contentbox > .d-flex {
  display: block !important;
}

.ChipInfoBox .fon-contentbox-image.img-thumbnail {
    padding: .25rem !important;
    background-color: #15151d00 !important;
    border: none !important;
    width: 242px !important;
    height: 246px !important;
}

.ChipInfoBox .fon-contentbox {
  border: none !important;
  box-shadow: none !important; /* optional, removes shadow if you want a cleaner look */
}

/*** knowledgebase ***/
.fon-section, .section-knowledgebase{
	background-color: #15151d;
}

.fon-section .form-control {
    background-color:#15151d;
}

.fon-section, .fs-18 {
    color:#0EA7E7;
}

.fon-section .border-theme-light-100{
	background-color: #15151d !important;
}

.fon-section .list-group-item{
    background-color: #15151d;
}

/*** Fononline.css Override ***/
.widget-no-bottom-margin2 .btn {
	background-color: #181923;
	border-color: #181923;
}

.widget-no-bottom-margin2 .btn:hover{
    background-color: #0EA7E7;
    border-color: #0EA7E7;
}
html, body {
    scroll-behavior: smooth !important;
}
.animated-number-icon {
    background-color: #181923 !important;
}

.FlagBox .fon-contentbox {
    background-color:#15151d !important;
    border: none !important;
    box-shadow : none !important;
    opacity:85% !important;
}

.FlagBox .fon-contentbox h3{
    margin-top: 5px;
    font-size: 20px;
}

.FlagBox:hover h3{
    color: #0EA7E7 !important;
}

.FlagBox {
    transition-timing-function: ease-in-out !important;
    transition: all 0.2s;
    margin-top:-25px !important;
}

.FlagBox:hover{
    transform: scale(1.06) !important;

}

.FlagBox .fon-contentbox:hover {
    opacity:100% !important;
}

.locationcontainer img{
	height:50%;
	width: 80%;
}

.TestPing .bg-white{
    background-color: #15151d !important;
}

.TestPing .campaign-tag {
    background-color: #0ea7e7ad !important;
    font-size: 13px;
}

.TestPing .border-theme-light-100:hover .campaign-tag{
    background-color: #0EA7e7 !important;
}

.TestPing .border-theme-light-100{
    border-color: #15151d !important;
}

.TestPing .border-theme-light-100 {
    transition-timing-function: ease-in-out !important;
    transition: all 0.2s;
}

.TestPing .border-theme-light-100:hover{
    border-color: #0EA7E7 !important;
}

.TestPing .campaign-icon{
     background-color: #15151d !important;   
}

.TestPing .border-theme-light-100 .fa-solid{
    transition-timing-function: ease-in-out !important;
    transition: all 0.2s;
}

.TestPing .border-theme-light-100:hover .fa-solid{
    color: #0EA7E7 !important;
    transform: scale(1.1) !important;
}

.input-icon .form-control:not(:first-child), .input-icon .form-select:not(:first-child) {
    color: #fff !important;
}

.input-icon-addon{
    color:#0ea7e7 !important;
}

.header-with-menu {
    background: #15151D;
}
.site-menu li > a:hover{
    color:#53dd6c;
}

.site-menu > li > a:after {
    color: #53dd6c;
}

.site-menu li ul li a:hover .menu-title,
#mobmenu .sitemenu li ul li a:hover .menu-title {
    color: #53dd6c;
}

.site-menu li.flatmenuli ul li + li {
    border-top-color: #15151D;
}

.site-menu li.flatmenuli ul li a {
    border-color: #15151D;
    background:#15151D;
}
.site-menu li ul.megamenu {
    background: #15151D;
}
ul.megamenu .row .menu-item:not(.featured-column):hover{
    background: #15151D;
}

ul.megamenu .menu-featured {
    color: #e6fafc;
    background-color: #181923 !important;
}

ul.megamenu li a .menu-title,
ul.megamenu .menu-featured .menu-box .menu-title {
    font-size: 0.8rem;
    color: #E6FAFC;
}

ul.megamenu li a .menu-title h5,
ul.megamenu .menu-featured .menu-box h5 {
    font-size: 17px;
}

ul.megamenu li.menu-featured {
    font-size: 14px;
}
/* mega menu images */
.megamenu-image {
    padding-left: 15px;
    padding-right: 15px;
}
#fon-header .site-menu .nav-item.has-child:hover{
    background: #15151D;
}

/* Partnership Boxes */

.youtubesub {
    padding: 35px;
}

.viewsub {
    padding: 35px;
}

.twitchsub {
    padding: 35px;
}

.partnership-image{
    width: 150px !important;
    height:150px !important;
    display: block;
    margin: auto;
    width: 50%;
}

.partnership-image-2{
    width: 150px !important;
    height:150px !important;
    padding-top:25px !important;
    display: block;
    margin: auto;
    width: 50%;
}

/* Epic Package */
.EpicPackage .bg-white {
    border-color: #007CC9 !important;
    background-color: #15151d !important;
}
.EpicPackage .bg-white:hover {
    transform: scale(1.1);
    background-color: #01304d !important;
}
.EpicPackage .fon-contentbox-content {
    text-align:left;
    font-size: 17px;
}
.EpicPackage .fon-contentbox-title {
    font-size: 30px;
}
/* Legend Package */
.LegendPackage .bg-white {
    border-color: #FA7921 !important;
    background-color: #15151d !important;
}
.LegendPackage .bg-white:hover {
    transform: scale(1.1);
    background-color: #622f0d !important;
}
.LegendPackage .fon-contentbox-content {
    text-align:left;
    font-size: 17px;
}
.LegendPackage .fon-contentbox-title {
    font-size: 30px;
}
/* Mythic Package */
.MythicPackage .bg-white {
    border-color: #C13ADC !important;
    background-color: #15151d !important;
}
.MythicPackage .bg-white:hover {
    transform: scale(1.1);
    background-color: #381140 !important;
}
.MythicPackage .fon-contentbox-content {
    text-align:left;
    font-size: 17px;
}
.MythicPackage .fon-contentbox-title {
    font-size: 30px;
}
/* Mythic Plus Package */
.MythicPlusPackage .bg-white {
    border-color: #DE0736 !important;
    background-color: #15151d !important;
}
.MythicPlusPackage .bg-white:hover {
    transform: scale(1.1);
    background-color: #2b0009 !important;
}
.MythicPlusPackage .fon-contentbox-content {
    text-align:left;
    font-size: 17px;
}
.MythicPlusPackage .fon-contentbox-title {
    font-size: 40px;
}
/* Server Hosting Packages */

.ServerPackagePricing .bg-white{
    background-color: #15151d !important;
}

.ServerPackagePricing .bg-white:hover{
    background-color: #0ea7e7 !important;
}

.ServerPackagePricing .campaign-tag {
    background-color: #0ea7e7ad !important;
    font-size: 15px;
    margin-top: 10px;
}

.ServerPackagePricing .border-theme-light-100:hover .campaign-tag{
    background-color: #0EA7e7 !important;
}

.ServerPackagePricing .border-theme-light-100{
    border-color: #0ea7e7ad !important;
}

.ServerPackagePricing .border-theme-light-100 {
    transition-timing-function: ease-in-out !important;
    transition: all 0.2s;
}

.ServerPackagePricing .border-theme-light-100:hover{
    border-color: #0EA7E7 !important;
}

.ServerPackagePricing .campaign-icon{
     background-color: #15151d !important;  
}

.ServerPackagePricing .border-theme-light-100 .fa-solid{
    transition-timing-function: ease-in-out !important;
    transition: all 0.2s;
}

.ServerPackagePricing .border-theme-light-100:hover .fa-solid{
    color: #0EA7E7 !important;
    transform: scale(1.1) !important;
}

.ServerPackagePricing .img-fluid{
    width: 125px;
    height: 125px;
    margin-top: -25px;
}

.ServerPackagePricing .fon-contentbox:hover {
    transform: scale(1.03) !important;
}

.ServerPackagePricing .shadow {
    box-shadow: none !important;
}

.ServerPackagePricing .fon-contentbox-title {
    margin-top: -20px;
    font-size: 30px;
}

.ServerPackagePricing .fon-contentbox-content .Ram {
    margin-top: -20px;
    font-size: 10px;
    font-weight: bold;
}

.ServerPackagePricing .fon-contentbox-content .Price {
    margin-top: 5px;
    font-size: 40px;
    font-weight: bold;
}

.ServerPackagePricing .fon-contentbox-link {
    max-width: 200px; 
    width: 200px;
}

.ServerPackagePricing .fon-contentbox {
    margin-top: -10px !important;
}

/* Server Hosting Package Banner */

.BannerImage {
    width: 360px;
    height: 250px;
    margin-top: -185px;
    margin-left: -200px;
}

.BubbleTag .campaign-tag{
    font-size: 17px;
    background-color: #15151d7d !important;
    /*
    margin-left: -100px;
    margin-top: -50px;
    */
}

.PackageDescriptionBox {
    padding: 50px;
}

.PackageDescriptionBox .fon-contentbox-title {
    font-size: 20px !important;
}

.PackageDescriptionBox p {
    font-size: 15px;
}

/* Blog Post Boxes */

.BlogBox .bg-white {
    background-color: #15151d !important;
}

.BlogBox .border-theme-light-100 {
    border-style: hidden !important;
}

.BlogBox .shadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
   box-shadow: none !important;
}

.BlogBox .fon-contentbox-content{
    color: #e6fafca6;
    transition-timing-function: ease-in-out !important;
    transition: all 0.4s;
}

.BlogBox:hover .fon-contentbox-content{
    color: #e6fafc;
}

.testimonial-item {
    background-color: #15151d !important;
    border-style: hidden !important;
}

.testimonial-item:hover {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
   box-shadow: none !important;
}


.testimonial-item .shadow{
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
   box-shadow: none !important;
}

.testimonial-message {
    background-color: #15151d !important;
    padding-top: 10px;
    text-align: left;
}

.testimonial-quote {
    background-color: #181923 !important;
    border-style: hidden;
}

.testimonial-item:hover .testimonial-quote{
    transform: scale(1.1)!important;
}

.fon-testimonial-widget.style-6 .testimonial-quote i {
-webkit-text-fill-color: #0ea7e7;
}

.testimonial-author {
    color: #0ea7e7 !important;
    font-size: 12px;
    transition-timing-function: ease-in-out !important;
    transition: all 0.4s;
}

.testimonial-item:hover .testimonial-author {
    font-size: 14px;
}

.dropdown-menu:not(.footer-menu-list){
    --bs-dropdown-link-active-color: #15151D;
    background: #15151D;
}

.mobmenu-footer{
    background: #15151D !important;
}

.dropdown-menu:not(.foot-menu-list) .dropdown-item:hover{
    color: #15151D;
}

#mio-cookie-popup .mio-cookie-popup__content {
    background:#15151d;
}
.header {
    background-color: #15151D;
}
#sepeticon {
    background: #0ea7e7c2;
    font-size: 17px;
    font-style: bold;
    padding-left: 40px;
    padding-right: 40px;
    letter-spacing: 0.1rem;
    border-color: #0ea7e7c2;
}
#sepeticon:hover {
    background: #0EA7E7;
    color:#181923;
    border-color: #0EA7E7;
}

.footer {
    background: none;
    background-color: #15151D;
}
.footsosyal a {
    background: #0EA7E7;
}

.card-footer {
    background-color: #15151d !important;
}

.card-footer a {
    color: #fff !important;
}

#uyeolgiris{
    background-image: url("https://chiphead.tech/templates/website/Prusa/images/ChipHeadWebPImages/Login/chiphead-sign-in-background.webp");
    background-position:top;
    height: 1200px ;
}

.country-list{
    background-color: #181923 !important;
}

.signin-signup-foot-btn .btn-secondary{
    background-color: #53dd6c !important;
    border: none;
    opacity: 90%;
}

.signin-signup-foot-btn .btn-secondary:hover{
    background-color: #53dd6c;
    opacity: 100%;
    color:#fff !important;
}

h1.signinsignup-title{
    color: #e6fafc !important;
}

.top-notice-bar {
    background: #E6FAFC;
}
.top-notice-bar .top-notice-info, .top-notice-bar .top-notice-info h5 {
    color: #15151D !important;
}
.top-notice-btn {
    color: #15151D !important;
}
.top-notice-btn:hover {
    color: #181923 !important;
}
.top-notice-bar .fon-countdown-timer {
    --fon-countdown-background: #181923;
}
/*** Signup Page ***/

.font-section-title{
    display:none;
}
.signup-stages-block{
    --bs-theme-light:#018e1b;
}
.clean-theme-signup-box-title{
    background: #15151d !important;
    padding-top:50px !important;
    padding-bottom:25px;
    margin-right:10px;
}
.clean-theme-signup-box-title span{
    --bs-theme-light:#15151d;
}
.clean-theme-signup-box-title:before{
    background:#15151d !important;
}
.signup-stage-line,
.clean-theme-signup-box-title:before{
    --bs-theme-light:#018e1b;
}
.signup-stages {
    display: flex;
    justify-content: center;  /* Centers horizontally */
    align-items: center;      /* Centers vertically if there's extra height */
    position: relative;       /* Keeps line positioning working */
    gap: 40px;                 /* Space between circles */
    margin-right:15%;
    padding-top:25px !important;
}
.signupcon.card{
    border:none !important;
}
.card .divider-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* space between text and lines */
    margin: 0 auto !important;
    text-align: center;
}
/*** Order-Steps Page ***/
.asamaline {
    display:none !important;
}
.ilanasamalar{
    display:none;
}
.fon-section-subtitle{
    color:#e6fafc;
}
.price-old{
    font-size:2rem;
}
.fon-ribbon.bg-danger{
    border-color:#0ea7e7c2;
    background-color:#0ea7e7c2 !important;
}
/*** Cart Page ***/
.sepetlist{
    background-color:#15151d !important;
}
.card-header {
    background-color:#15151d !important;
}
#continueshopbtn {
    display:none;
}
.card-footer {
    display: flex;
    justify-content: space-between; /* left + right alignment */
    align-items: center;
}

.card-footer .btn {
    margin-left: auto; /* pushes button to the far right */
}
.img-fluid.d-inline-block{
    padding-left:15px !important;
}
/*** Payment Page ***/
.radio-custom-label:hover{
    background-color:#15151d !important;
}
.orderuserlogin .radio-custom:checked+.radio-custom-label{
    background-color:#15151d !important;
}
.lbtn.btn-theme-light{
    display:none;
}
.orderuserlogin .radio-custom:checked+.radio-custom-label{
    font-weight:bold;
}
/*** Experimental ***/

/* Card header */
.card-header {
    color: #0a0a12 !important;
    font-weight: 700;
    text-shadow: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

/* Card title */
.card-title {
    font-size: 1.2rem;
    letter-spacing: 1px;
}

/* Card body */
.card-body {
    padding: 1.5rem;
    background-color:#15151d !important;
}

/* List items */
.list-group-item {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 255, 255, 0.15);
    color: #d0d0ff;
    padding: 0.75rem 0;
}

.list-group-item:last-child {
    border-bottom: none;
}

/* Amounts */
.amount_spot_view {
    font-weight: 700;
    font-size: 1.3rem;
    color: #0ea7e7c1;
}

/* Footer */
.centerfooter {
    
}

.card-footer {
    background: rgba(15, 15, 25, 0.85);
    border-top: 2px solid rgba(0, 255, 255, 0.25);
    padding: 1rem;
}

/* Payment logos */
.card-footer img {
    filter: drop-shadow(0 0 5px rgba(0, 255, 255, 0.5));
}

/* SSL text */
.card-footer span {
    color: #9eefff;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
}

/* Buttons */
.btn {
    border-radius: 6px;
    padding: 0.5rem 1.25rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.25s ease;
}

/* Primary glowing button */
/*
.btn-default {
    background: linear-gradient(90deg, #00f0ff, #ff00c8);
    color: #0a0a12;
    box-shadow: 0 0 12px rgba(0, 255, 255, 0.6);
}
.btn-default:hover {
    background: linear-gradient(90deg, #ff00c8, #00f0ff);
    box-shadow: 0 0 18px rgba(255, 0, 200, 0.8), 0 0 30px rgba(0, 255, 255, 0.6);
}*/

/* Secondary button */
.btn-theme-light {
    background: transparent;
    color: #00f0ff;
    border: 1px solid rgba(0, 255, 255, 0.4);
}
.btn-theme-light:hover {
    background: rgba(0, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
}

/* Special total row */
.totalamountinfo {
    background: rgba(255, 0, 200, 0.05);
    border-top: 2px solid rgba(255, 0, 200, 0.4);
    padding-top: 1rem;
}
#gsm2.form-control{
    padding-left:75px !important;
}
#noAddress{
    display:none !important;
}
#no_address_selected{
    display:none !important;
}
.stripepaycon h4{
    color:#e6fafc !important;
    font-size:2.5rem;
    opacity:0.9 !important;
    padding-bottom:25px;
}
.CardBrandIcon-container{
    color:#fff !important;
}
.CardNumberField-input-wrapper span{
    color:#fff !important;
}
.creditcardpaypage .creditcardbox {
    background-color:#181923;
}
/*** My Account Page ***/
#account-header-info{
    display:none;
}
#accountSidebarMenu{
    background-color:#15151d !important;
}
.page-account-contents:not(.account_dashboard){
    background-color:#15151d !important;
}
.nav-pills.nav-toolbar{
    background-color:#15151d !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color:#0ea7e7c2 !important;
}
.alert-danger{
    background-color:#181923;
}
.alert-success{
    background-color:#181923;
}
/*** My Services - Account Section ***/
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
    background-color:#181923;
}
.container .my-4{
    display:none !important;
}
.container .col-lg-6 {
    display:none !important;
}
#cfield_118_wrap{
    display:none !important;
}
#cfield_122_wrap{
    display:none !important;
}


/*** Menu Secondary ***/
.bg-theme-secondary{
    background-color:#15151d !important;
}

/*** Invoice ***/
.invoicex{
    background-color:#181923;
}

.table-theme-light{
    --bs-table-bg:#15151d !important;
}

#payment-screen-content{
    background-color:#15151d !important;
}

/*** Affiliate ***/
.form-text{
    color:#e6fafc;
}

/*** Account Page ***/
.corporate-info .mb-3 {
    display:none;
}

/*** Gleap ***/
/* Hide the default Gleap icon graphics */
.bb-feedback-button-icon svg,
.bb-feedback-button-icon::before,
.bb-feedback-button-icon::after {
  display: none !important;
}

/* Replace with your own logo */
.bb-feedback-button-icon {
  background-color: transparent !important;  /* optional, removes blue background */
  background-image: url("https://chiphead.tech/resources/uploads/fonpagebuilder/support-circle.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 65px !important;   /* adjust as needed */
  height: 65px !important;
  border-radius: 50% !important;  /* optional: make it circular */
  box-shadow: none !important;
}
/* Customer Area */
.hostbtn {
    background:#212529 !important;
}

.hostbtn:hover{
    transition: transform .1s;
    transition-timing-function: ease-in-out !important;
    background: #0ea7e7 !important;
    transform: scale(1.05);
}

.pricing-table-container .pricing-table{
    background:#212529 !important;
}

.pricing-table-container .pricing-table:hover{
    transition: transform .1s;
    transition-timing-function: ease-in-out !important;
    background: #0ea7e7 !important;
    transform: scale(1.05);
}
/* 1) Lay cards out with equal-height rows */
.pricing-table-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
  align-items: stretch;
}

/* 2) Make each card fill the grid cell and stack content */
.pricing-table-container .pricing-table {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* 3) Give the header a consistent minimum height */
.pricing-table-container .pricing-table .pricing-header {
  min-height: 140px; /* tweak */
  display: flex;
  flex-direction: column;

  /* if you still have translateY in your other CSS, disable it here */
  transform: none;
  margin-bottom: 0;
}

/* Clamp title so it doesn't grow the header */
.pricing-table-container .pricing-table .pricing-header h3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Push the actions block to the bottom */
.pricing-table-container .pricing-table .pricing-body {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Make dropdown + button align perfectly */
.pricing-table-container .pricing-table select,
.pricing-table-container .pricing-table .dropdown-toggle,
.pricing-table-container .pricing-table .form-select {
  height: 44px;
}

.pricing-table-container .pricing-table button,
.pricing-table-container .pricing-table .btn {
  height: 44px;
}

.chip-cart-shell .bg-transparent {
    padding-top: 25px !important;
}

.chip-cart-shell .card-header::after{
    background:none !important;
}

.card-footer a:hover{
    color:#fff !important;
}