body {



/* background-color: #ebeff1; #f9fafd */



background-color: #edf2f9;

	

}







h4, .h4 {

  font-size: 1.15rem; 

}



h5, .h5 {

  font-size: 1rem; 

}





.navbar-brand {

    display: inline-block;

    padding-top: -0.046rem;

    padding-bottom: -0.046rem;

    margin-right: 1rem;

    font-size: 1.2rem;

    line-height: inherit;

    white-space: nowrap;

}



.navbar-light .navbar-brand {
    color: #5e6e82;

}



.navbar-glass, .navbar-vertical .navbar-collapse {

    background-color: #d8e2ef;

}



.calendar .calendar-month {

    background-color: #ff8800;
    color: #fff;
    border-radius: 0.375rem 0.375rem 0 0;
    padding: 0.25rem;
    font-weight: 600;

}



.calendar .calendar-day {

    font-size: 1.28rem;
    padding: 0.25rem;
    border: 0.125rem solid #f3d0bc;
    border-top: 0;
    border-radius: 0 0 0.375rem 0.375rem;
    color: #9da9bb;
    font-weight: 700;

}



.btn-primary, .navbar-vertical:not(.navbar-vibrant) .btn-purchase {

	color: #fff;
    background-color: #748194;
    border-color: #b6c1d2;

}



.bg-200 {
    background-color: rgba(241, 241, 223, 1)  !important;
}



.help-block {
    color: #e63757;
}



.input-group-text {

    display: -webkit-box;
    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    padding: 0.125rem 0.25rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #344050;
    text-align: center;
    white-space: nowrap;
    background-color: #edf2f9;
    border: 1px solid #d8e2ef;
    border-radius: 0.25rem;

}



.table-rel-width {

    /* width: 100%; */

    margin-bottom: 1rem;
    color: #5e6e82;

}


.table-rel-width th, .table-rel-width td {

    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #edf2f9;

}

.img-item-small {

    display: block;
    position: relative;
    width: 100%;
    max-width: 80px;
    height: auto;
    margin: 6px;
    float: left;
    text-align: center;
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    padding: 2px;
    border: 1px solid #ebebeb;
    box-shadow: none;
}

.album-img-thumb{ width:100%; height:auto; max-width:80px; text-align:center;margin:0px 20px 0px 20px; border:4px solid #D7A850;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

.album-img{ width:100%; height:auto; max-width:150px; text-align:center;margin:0px 20px 0px 20px; border:4px solid #D7A850;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

.cke_editable {

    cursor: text;
	background-color: #fff;

}

.order-table-border td, th {

	border: 1px solid #f5803e;

}

.navbar-light .navbar-nav .nav-link {
    color: #2c7be5;
}

.bg-wedding {
        background: linear-gradient(135deg,#fff1f2,#ffe4e6);
        border-left:4px solid #f43f5e;
      }
      .bg-events {
        background: linear-gradient(135deg,#eff6ff,#c8b7ef);
        border-left:4px solid #3b82f6;
      }

.navbar-custom{
              background-color:#800020 !important; /* maroon */
          }

          .navbar-custom .nav-link{
              color:white !important;
              font-weight:500;
          }

          .navbar-custom .nav-link:hover{
              color:#ffd700 !important; /* gold hover */
          }

         .navbar-custom .navbar-brand img{
            filter: brightness(1.1) contrast(1.1);
        }
[data-layout="container"]{
   background-color:#f8e6a9f1;
    min-height:100vh; /* full height */
    /* background-color:#FDF6EC */
}
.profile_card{
    /* border:2px solid gold; */
    border-radius:12px;
}

/* Header */
.profile_header{
    /* background: linear-gradient(90deg, #9B1B30, #B03060); */
    color:#9B1B30;
    font-weight:600;
    font-size:18px;
    /* border-bottom:2px solid gold; */
}

/* Labels */
.control-label{
    color:#800020;
    font-weight:600;
}

/* Input Fields */
.form-control{
    border-radius:8px;
    border:1px solid #ccc;
}

.form-control:focus{
    border-color:#9B1B30;
    box-shadow:0 0 5px rgba(155,27,48,0.3);
}



/* Button */
.btn-primary{
    background-color:#9B1B30;
    border:none;
    font-weight:600;
}

.btn-primary:hover{
    background-color:#B03060;
}

/* Optional: Card shadow improvement */
.card.shadow{
    box-shadow:0 8px 20px rgba(0,0,0,0.15) !important;
}
.support_label{
    color:#9B1B30; 
}
.faq_label{
      color:#9B1B30; 
}
.txt_value{
    color:black
}
.label_txt{
     color:#9B1B30; 
}
/* ── Done step circle ── */
.nav-item.wizard-done .nav-item-circle {
    background-color:#cccccc !important;
    border-color: #8B0020 !important;
    color: #ffffff !important;
}
/* ── Done step — grey outline only ── */
.nav-item.wizard-done .nav-item-circle {
    background-color: #ffffff !important;   /* white fill */
    border-color: #8B0020 !important;        /* crimson border */
    color: #8B0020 !important;               /* crimson icon */
}

/* ── Active step — fully filled crimson ── */
.nav-item.wizard-active .nav-item-circle {
    background-color: #8B0020 !important;   /* crimson fill */
    border-color: #8B0020 !important;        /* crimson border */
    color: #ffffff !important;               /* white icon */
}

/* ── Pending step — grey outline ── */
.nav-item .nav-item-circle {
    background-color: #ffffff !important;
    border-color: #cccccc !important;
    color: #cccccc !important;
}

/* ── Kill the blue ring on active (theme override) ── */
.nav-item.wizard-active .nav-item-circle-parent,
.nav-item.wizard-active .nav-item-circle-parent span,
.nav-link.active .nav-item-circle-parent,
.nav-link.active .nav-item-circle {
    box-shadow: none !important;
    outline: none !important;
    border-color: #8B0020 !important;
    
}

/* ── Active label ── */
.nav-item.wizard-active .nav-link span.d-none {
   /* color: #8B0020 !important;*/
    font-weight: 600 !important;
}

/* ── Connector lines ── */
.nav-item.wizard-done .nav-item-circle-parent::after,
.nav-item.wizard-done .nav-item-circle-parent::before {
    /* background-color: #cccccc  !important; */
    background-color: #8B0020  !important; 
}

.nav-item .nav-item-circle-parent::after,
.nav-item .nav-item-circle-parent::before {
    /* background-color: #8B0020  !important; */
    background-color: #cccccc  !important;
}
.active_step
{
    color:#8B0020;
}
/* Change hamburger lines color */
/* White hamburger icon */
/* White lines — for dark/crimson navbar */
/* Make toggle lines bright white and thicker */
/* First line — the actual span */
.toggle-line {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

/* Second and third lines — pseudo elements */
.toggle-line::before,
.toggle-line::after {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

/* Extra specificity to kill theme override */
.navbar-toggler-humburger-icon .toggle-line::before,
.navbar-toggler-humburger-icon .toggle-line::after {
    background-color: #ffffff !important;
    opacity: 1 !important;
}
.home_link
{
    color:black;
    font-size: 15px;
}
.accordion-button{
    font-size: 0.8rem;
    line-height: 18px;
}
.accordion-item{
    font-size: 0.8rem;
}