/*body standard font size and font style*/
body{
    font-size: 1rem !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

.sidebar .card .card-body .accordion .list-group-item .list-unstyled li.active a, .sidebar .card .card-body .accordion .list-group-item .list-unstyled li:hover a {
    color: #da2128 !important;
    background: transparent;
}

/*Top header announcement start*/
.row-offcanvas-left .awesome-bar{
    background: #FF0000 !important;
}
/* top link */
.top-links span{
    color: #000;
}

/*Top header announcement end*/
/*font size for the drop down menu main categories start*/
b, strong, .text-bold, .font-weight-bold{
    font-size: 1.1rem;
}
/*font size for the drop down menu main categories end*/

/*font size for the drop down menu all products start*/
.navbar-light .navbar-nav li.position-static .dropdown-menu .card .card-body .nav li a{
    font-size:0.8rem;
}
/*font size for the drop down menu main categories end*/

/* dropdown menu start here*/

.navbar-light .navbar-nav li.position-static .dropdown-menu {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
/*.bootstrap-select.dropdown .dropdown-menu{*/
/*    z-index:998 !important;*/
/*}*/
/*DROP DOWN MENU main sub category start*/
.card-body .all-product{
    text-transform: uppercase;
    
}
#product_category .card-footer, #product_list_without_category .card-footer{
  display: none !important;
}

#product_category .card .card-text, #product_list_without_category .card .card-text, #home_page .card .card-text, #home_page .card .card-footer {
  display: none !important;
}

/* Carousel indicator margin setup start*/
.carousel-indicators li{
    margin: 10px 10px !important;
}
/* Carousel indicator margin setup end*/

/* background color for side bar*/
.sidebar .card:nth-child(odd) .card-header {
    background: #923340 !important;
    border-radius: 5px !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.sidebar .card:nth-child(even) .card-header {
    background: #1D2275 !important;
    border-radius: 5px !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

/* Add Comment CSS*/
#add_comment h5{
    color: #fff !important;
}


/*Navigation bar color*/
.navbar-light{
    background: #1D2275 !important;
}
/* upload File button*/
#navbarText .nav-item:nth-child(7) {
    /* Your styles for the 5th item */
    background-color: #FF0000;
    border-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
/*footer colour*/
.bg-primary{
    background: #923340 !important;
}
.copyright{
    background: #1D2275 !important;
}
/*email id color*/
.subscriber #footersubscribe_sidebar .card-body .form-control{
    background: #1D2275 !important;
}
.sidebar .card .card-header h4 a {
  position: relative;
}
.sidebar .card .card-header h4 a.collapsed:after {
  content:"\f107";
}
.sidebar .card .card-header h4 a:after {
  content:"\f106";position: absolute;
right: 0;font-family: "Font Awesome 6 Pro";
}
.btn-title-text.browse_design, .btn-title-text.custom_design {
  background: #1d2275 !important;
  border: 1px solid #1d2275 !important;
}
.btn-title-text.upload_design, .btn-title-text.quote_product{
  background: #923340 !important;
  border: 1px solid #923340 !important;
}
.btn-title-text.custom_design:hover a .h4, .btn-title-text.custom_design:hover a i, .btn-title-text.browse_design:hover a .h4, .btn-title-text.browse_design:hover a i{color:#1d2275 !important;}
.upload_design:hover a, .quote_product:hover a, .btn-title-text.upload_design:hover a i, .btn-title-text.quote_product:hover a i,.btn-title-text.upload_design:hover a .h4,.btn-title-text.quote_product:hover a .h4 {color:#923340 !important;}

/*Font size for the side bar*/
.sidebar .card .card-header .card-title{
    font-size: 0.86rem;
    text-transform: uppercase;
    
}
/*price calculator background*/
.price_calculator #productpricetotal {
    background: #923340 !important;
}


/*nav menu dropdown background colour*/
.navbar-light .navbar-nav li.megamenu .dropdown-menu .dropdown-submenu>a{
    background: #1D2275 !important;
}

/*.card-header h3,h4{*/
/*    color: #fff !important;*/
/*}*/

/*shadow for first child of product info*/

#price_calculator{
 border: 0.5px solid #ccc !important;
 border-radius: .25rem;
 padding:20px 10px 10px 10px;
margin-bottom:16px;
}
/*#product-info .row:nth-child(1) .col-12:nth-child(2){*/
/* border: 0.5px solid #ccc;*/
/* border-radius: 10px;*/
/* padding-top:10px;*/
/*margin-bottom:16px;*/
/*}*/
/*backgroud border*/


#div_addinfo_save_box{
    padding-bottom:15px;
   flex-basis: fit-content;
}
#payment_option .custom-radio .custom-control-label strong{
color: #000;
}

/*prompt for upload*/
#effect .card-header{
    background-color:#923340 !important;
}
.toogle-bar_close{
    color: #fff !important;
} 


/*Navigation bar List button*/
.list-unstyled .all-product dropdown-item{
font-weight:bold;
}

/* promotion message custom css*/
#promonational_message {
background: rgba(255, 255, 255, 0.16);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(7.1px);
-webkit-backdrop-filter: blur(7.1px);
border: 1px solid rgba(255, 255, 255, 0.39);
justify-content: center;
}
#promonational_message h3{
    display: none;
}
#promonational_message p{
    color: #fff;
}

/*google map CSS setup*/
.google-maps {
     padding-bottom: 50%;
     position: relative;
}

.google-maps iframe {
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     position: absolute;
}

.subscriber #footersubscribe_sidebar .help-block, .subscriber #footersubscribe_sidebar #subscribe {
  display: block !important;
}

/*multiplier box*/


/*button for designer*/
.btn-designer{
    background-color:#1D2275;
    padding: 10px;
    border-radius:5px;
    color:#fff;
}

/*Calculator border*/

#normalcalc .form-group{
    border-bottom:0;
}

/*Discount Color price*/
#disp_product_price .text-danger{
    color: #00f542fc !important;
}


/*calculator label text*/
#normalcalc label{
   
    font-size:13px !important;
    font-family: sans-serif !important;
    text-transform: none;
}
.card-header{
    background-color:#1D2275;
}


/*color of the dropdown menu letter*/
#normalcalc .dropdown-toggle{
    color: #000;
    font-size: 14px !important;
    font-family: sans-serif !important;
}
#normalcalc .d-block{
    /*color: #000;*/
    font-size: 12px !important;
    font-family: sans-serif !important;
}

/*cClick to Continue blinking button*/
@keyframes blink {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
.blink-text{
    animation: blink 2.5s infinite;
    font-weight:bold;
   
}

/*Map CSS*/
.map-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%; /* Aspect ratio 16:9 */
    height: 0;
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*accounting categories*/
.acctCat{
    font-size:13px !important;
    color:#133ba3 !important;
}

/*Help button in front-end*/
.fa-question-circle{
    color: #923340 !important;
}
/*preview button in front end*/
.fa-eye{
    color:#1D2275 ;
}
.bootstrap-select>.dropdown-toggle{
    border: 1px solid #ccd4da !important;
    padding: .5rem .75rem !important;
}

/*FAQs CSS mode start*/
#faq_details .collapsed{
    color: #fff !important;
}
#faq_details .card-title a{
    color: #fff !important;
   
}
#faq_details .card-title a:hover{
    color: #fff !important;
   
}
#faq_details .card-header{
    background-color: #923340 !important;
}
/*FAQs CSS mode end*/


/*Search bar on the website start*/
#top_search{
    border: 2px solid #923340;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.top-header .twitter-typeahead::after{
    color: #923340 !important;
}
/*Search bar on the website end*/


/*design for the follow us in the footer of the website start*/
.detail-anb span{
    font-size:18px;
}
.social-media-header{
    margin-top: 5px;
}
.social-media-container a{
    font-size:22px;
    color: #fff;
    margin-right:15px;
}
.social-media-container a:hover{
    color: #133ba3;
    transition: ease 1s;
   
}
/*design for the follow us in the footer of the website end*/

/*Info Tab CSS*/
#InfoTab .nav-tabs .nav-item .nav-link.active, #InfoTab .nav-tabs .nav-item .nav-link:hover{
    background: #1D2275 !important;
    border: 1px solid #dee2e6 !important;
}
#InfoTab .tab-content{
    border-bottom: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
}
#InfoTab .nav-tabs{
    border-bottom: 1px solid #dee2e6 !important;
}

/*Conversion App CSS start*/

.conversion-container {
    display:grid;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   
}
.conversion-header{
    display: flex;
    justify-content:space-between;
    align-items: center;
}
#openAppButton {
    padding: 20px;
    font-size:1.2rem;
    font-weight:bold;
    color: #ffff;
    background:#923340;
    border: none;
    border-radius: 20px;
}
#closeAppButton{
    border: none;
    background: transparent;
    font-size:2rem;
    color: #923340;
}
.conversion-container h1 {
    text-align: center;
    color: #333;
}

.conversion-form {
    display: flex;
    flex-direction: column;
}

/*.input-group,*/
/*.output-group {*/
/*    margin-bottom: 15px;*/
/*}*/

.conversion-container label {
    margin-bottom: 5px;
    color: #333;
}

.conversion-form input, .conversion-form select{
    padding: 10px;
    font-size: 16px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.conversion-form button {
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #1D2275;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.conversion-form button:hover {
    background-color: #0056b3;
}

@media (max-width: 600px) {
    .conversion-container {
        padding: 15px;
    }
    #closeAppButton{
    padding: 0px 10px;
    }
    .conversion-container h1 {
        font-size: 20px;
    }

    .conversion-form input,
     .conversion-form select,
    .conversion-form button {
        font-size: 14px;
        padding: 8px;
    }
}
/*Conversion App CSS end*/

/*Blog CSS start*/
#cms_page .text-info{
    font-size: 1.625rem !important;
}
/*Blog CSS end*/


/* textbox on price calcukator start*/
#price_calculator .form-control{
    color:#000 !important;
}


/* Price error in calculator */
#productpricetotal .text-danger{
    color: #fff !important;
}




/* with leaf animation*/
.whatsapp {
    color: #25D366;
    position: fixed;
    font-size: 50px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    line-height: 25px;
    text-align: center;
    left: 20px;
    bottom: 100px;
    z-index: 999;
    cursor: pointer;
    transition: opacity .3s ease;
}

.whatsapp:hover {
    animation: wiggle 2s linear infinite;
    text-shadow: 3px 0px 6px rgba(0, 0, 0, 0.5);
    color: #075E54;
}

@keyframes wiggle {
    0%, 7% {
        transform: rotateZ(0);
    }
    15% {
        transform: rotateZ(-15deg);
    }
    20% {
        transform: rotateZ(10deg);
    }
    25% {
        transform: rotateZ(-10deg);
    }
    30% {
        transform: rotateZ(6deg);
    }
    35% {
        transform: rotateZ(-4deg);
    }
    40%, 100% {
        transform: rotateZ(0);
    }
}

/* Falling leaves */
.leaves {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: none; /* Hidden by default */
}

.leaf {
    position: absolute;
    width: 25px;
    height: 25px;
    background: url('https://cdn1.iconfinder.com/data/icons/winter-123/512/snowflake-snow-winter-cold-nature-512.png') no-repeat center center;
    background-size: contain;
    animation: fall 5s infinite;
    opacity: 0;
}

@keyframes fall {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(100vh); /* Fall across the whole screen */
        opacity: 0;
    }
}

/* Hover effect for WhatsApp to show falling leaves */
.whatsapp:hover ~ .leaves {
    display: block;
}

.whatsapp:hover ~ .leaves .leaf {
    animation-delay: calc(var(--i) * 0.5s);
    animation-duration: 3s;
    opacity: 1;
}

/*Whatsapp end*/

/*Register button style in the pop up*/
.registration-btn:hover{
    background-color:#390e13;
}

/*asw-button*/
.asw-menu-btn{
    width: 40px !important;
    height: 40px !important;
}

/* Mobile responsive*/
@media (max-width: 600px) {
    .navbar-light{
    background: #fff !important;
    }
    .conversion-container {
        padding: 15px;
    }
    #closeAppButton{
    padding: 0px 10px;
    }
    #openAppButton{
        padding:10px;
        font-size:1rem;
    }
    .conversion-container h1 {
        font-size: 1.2rem;
        padding: 0;
    }

    .conversion-form input,
     .conversion-form select,
    .conversion-form button {
        font-size: 14px;
        padding: 8px;
    }
}