body {
    font-family: 'Open Sans';
}
.top-btn {
    position: fixed;
    bottom: 20px;
    right: 30px;
    padding: 12px;
    color: #fff;
    background: (to right, #8b776d, #1f1206) !important;
    z-index: 9999999;
    transition: all 0.3s;
    border: none;
    display: none;
}
.top-btn:hover {
    color: #0a0626;
}
.top-btn:focus {
    border: none;
    box-shadow: none;
    color: #fff;
}
.top-btn i {
    font-size: 22px;
    text-align: center;
}
.banner-section{
    z-index: 9;
    position: relative;
}
.footer-bootom{
    background: linear-gradient(45deg, #080604, #260b04);
    padding: 19px 0;
    color: #fff;
}
.b{
    color: black;
}
.ofseva
{
    text-decoration: underline!important;
}
.ofseva:hover, .ofseva:hover .b{
    text-decoration: underline!important;
    color: #aa9a94!important;
}
.footer-txt{
    /* font-family: 'Playfair Display'; */
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.-q-32{
    display: none;
}
.reg-heading{
    font-family: 'Playfair Display';
    color: #3a1306;
    font-weight: 600;
    font-size: 27px;
}
.reg-h5{
    font-family: 'Playfair Display';
    color: #3a1306;
    font-weight: 600;
    font-size: 28px;
}
.reg-h4{
    font-family: 'Playfair Display';
    color: #3a1306;
    font-weight: 600;
    font-size: 22px;
}
.reg-h3{
    font-family: 'Playfair Display';
    color: #bc513c;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.5;
}
.des-para{
    color: black;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 5px;
}
.ng-binding{
    font-family: 'Playfair Display';
    color: #200a04;
    font-size: 13px;
    cursor: pointer;
    font-weight: 700;
}
.des-ul li{
    font-size: 15px;
    font-weight: 600;
    list-style: none;
}
.des-ul{
    padding-left: 0;
}
a{
    text-decoration: none;
    color: black;
}
a:hover{
    text-decoration: none;
    color: black;
}
.des-ul li:before {
    content:"• ";
}
.y-txt{
    color: black;
}
.-j-27 .text-format-content{
    font-family: 'Playfair Display'!important;
    font-size: 18px;
}
.share-img{
    width: 30px!important;
    padding-right: 5px;
}
/* .banner-img img {
    margin: 0 auto 0 auto;
    -webkit-box-reflect: below -1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(67%, transparent), to(rgba(250, 250, 250, 0.5)));
}
.mobile-img img {
    margin: 0 auto 0 auto;
    -webkit-box-reflect: below -85px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(67%, transparent), to(rgba(250, 250, 250, 0.5)));
} */
.share-lbl{
    font-size: 13px;
    color: #110704;
    FONT-WEIGHT: 600;
    cursor: pointer;
}
.des-para2{
    font-weight: 600;
    font-size: 18px;
}
iframe{
   height:395px;
}
#desktop {
   display:block; 
}
#mobile {
    display:none;
}
.sub-reg-heading {
  font-weight: 100 !important;
  font-size: 23px !important;
}
.yellow-div{
    background: #ebe7e5;
    border-radius: 20px;
}
.donate-now {
    font-size: 17px !important;
    text-transform: uppercase;
    background: linear-gradient(45deg, #24120b, #491403);
    box-shadow: 0 8px 61px 0 rgba(0,0,0,0.2), 0 6px 8px 0 rgba(0,0,0,0.19);
    color: #fff;
    border-radius: 20px;
}
.donate-now:hover{
    color: #fff;
}
.donate-now span{
    font-family: 'Playfair Display'!important;
}

/* ===== Archana Seva registration form ===== */
.box-padding {
    background: linear-gradient(160deg, #6b3a1f 0%, #52270f 55%, #3a1306 100%);
    border-radius: 20px;
    padding: 34px 30px;
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.25), 0 6px 8px 0 rgba(0, 0, 0, 0.15);
}
.box-padding .title-font-size {
    font-family: 'Playfair Display';
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.box-padding .color-white {
    color: #f7ecd9 !important;
}
.box-padding .font-14 {
    font-size: 13px;
    color: rgba(247, 236, 217, 0.65);
    line-height: 1.5;
    margin-bottom: 0;
}
.box-padding .font-14 b {
    color: rgba(247, 236, 217, 0.85);
}
.box-padding .red {
    color: #e0a458;
    font-size: 13px;
}

/* Floating-label inputs (.group / .highlight / .bar / .google-material) */
.group {
    position: relative;
    margin-top: 4px;
}
.group input {
    display: block;
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(58, 19, 6, 0.25);
    color: #3a1306;
    font-size: 15px;
    padding: 10px 2px 8px;
    outline: none;
}
.group label.google-material {
    position: absolute;
    left: 2px;
    top: 10px;
    color: rgba(58, 19, 6, 0.55);
    font-size: 15px;
    font-weight: 500;
    pointer-events: none;
    transition: all 0.2s ease;
}
.group input:focus ~ label.google-material,
.group input:valid ~ label.google-material {
    top: -14px;
    font-size: 12px;
    color: #bc513c;
}
.group .highlight {
    display: none;
}
.group .bar {
    position: relative;
    display: block;
    height: 2px;
    width: 100%;
    background: rgba(58, 19, 6, 0.15);
}
.group .bar::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #bc513c;
    transition: width 0.25s ease;
}
.group input:focus ~ .bar::before {
    width: 100%;
}

/* Inside the dark registration card, flip the field colors to light */
.box-padding .group input {
    color: #f7ecd9;
    border-bottom-color: rgba(247, 236, 217, 0.35);
}
.box-padding .group label.google-material {
    color: rgba(247, 236, 217, 0.55);
}
.box-padding .group input:focus ~ label.google-material,
.box-padding .group input:valid ~ label.google-material {
    color: #e0a458;
}
.box-padding .group .bar {
    background: rgba(247, 236, 217, 0.2);
}
.box-padding .group .bar::before {
    background: #e0a458;
}

/* Checkboxes */
.box-padding .custom-control {
    padding-left: 1.75rem;
}
.box-padding .custom-control-label.label-padding {
    color: rgba(247, 236, 217, 0.75);
    font-size: 13px;
    line-height: 1.5;
}
.box-padding .custom-control-label.label-padding a {
    color: #e0a458;
    text-decoration: underline;
}
.box-padding .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #e0a458;
    background-color: #e0a458;
}
.box-padding .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #150903, 0 0 0 3px rgba(224, 164, 88, 0.4);
}

#errorMsg {
    color: #ff8a65;
    font-weight: 600;
    font-size: 13px;
    min-height: 18px;
}

.box-padding .order-btn2.donate-now {
    padding: 10px 42px;
    background: linear-gradient(45deg, #c9863c, #e0a458);
    color: #2b1204;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3);
}
.box-padding .order-btn2.donate-now:hover {
    color: #2b1204;
}
/* ===== End Archana Seva registration form ===== */