.header-widget{padding:0 10px}

.spceial-widget {background-color:#ccc;border-radius: 10%;}

.register-top {background-color:#ccc;border-radius: 10%;width:120px;margin:0px 0px 6px 0px;}

.register-top span{margin:0px 0px 0px 0px;}

.spceial-widget span{color:#119744;}

.text-right{text-align:right}

.table-quantity input{width:40px;text-align:center;}

.table-action {width:130px;}

a{cursor:pointer;}
.cursourpointer{cursor:pointer;}
.new-slider-pro-cat .slick-arrow {

	display:block!important;visibility: visible!important;

    opacity: 1!important;

}

.hide{display:none;}

.suggest-category {

	

	border: 2px dotted #000; /* Border style and width */

    border-radius: 20px; /* Radius of the border corners */

	padding:10px 10px;

	

	cursor:pointer;

}

.suggest-active{
	color:var(--white);
	background:var(--primary);
	border:none !important;
}

.suggest-active h5{

	color:var(--white);

}

.text-center{

text-align:center;	

}

.spec-image{ height:250px;overflow:hidden;}

.txt-red{color:red;}

.txt-green{color:green;}



#load{

    visibility: hidden;

    width:100%;

    left: 0;

    height:100%;

    position:fixed;

    z-index:9999;

    background:url("../images/ajax-loader-checkout.gif") no-repeat center center rgba(255,255,255,0.6);
}

.loading-text{

    visibility: hidden;

    width:100%;

    left: 0;
    top:60%;
    height:100%;

    position:fixed;

    z-index:999999;
	text-align: center;
	font-weight:bold;
	font-size:24px;
}
.catproductList .row,.testimonial-part .row,
.recent-part .row{
	align-items: center;
}
.topics-tags a.active {
    background: #309D5D;
    color: #fff;
    border-color: #309D5D;
}
.order-btn button{
  width: 100%;
  height: 64px;
  background: #309D5D;
  border-radius: 35px;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.05em;
  color: #FFFFFF;
  text-align: center;
  line-height: 64px;
  margin-top: 26px;
  transition: all 500ms;
}
.order-btn button:hover{
      background: #228249;
    color: #fff;
}

.error {
            color: red;
        }
        .valid {
            color: green;
        }

        .Notifyme {
            font-size: 18px;
            line-height: 24px;
            color: black;
            font-family: 'Rubik', sans-serif;
            font-weight: 400; /* Regular style */
        }
        
   .error_message{color:red;}
.succes_message{color:green;}
@media all and (max-width: 480px) {
.buynow{
    position: fixed;
    bottom: 90px;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 15px;
}

.details-add-group {
    margin: 20px 0px 0px;
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 10px 20px 10px 20px;
    width: 100%;
    background-color:#fff8ed;
    box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.1);
}
.details-img-mobile{
    width: 100%;
    height: 540px;
    border-radius: 10px;
    object-fit: contain;
    object-position: center;
    border: 1px solid rgba(0, 0, 0, 0.10);
}
}
/* Tablet devices (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .details-preview li img {
        height: 400px; /* Adjusted height for tablets */
    }
}

/* Mobile devices (max-width: 767px) */
@media screen and (max-width: 767px) {
    .details-preview li img {
        height: 300px; /* Adjusted height for mobile */
        border-radius: 8px; /* Slightly smaller border-radius */
    }
}

/* Small mobile devices (max-width: 480px) */
@media screen and (max-width: 480px) {
    .details-preview li img {
        height: 250px; /* Smaller height for compact screens */
        border-radius: 5px; /* Smaller border-radius */
    }
}
/* Default (Mobile-first) */
.details-add-group .product-add.btn-buy,
.details-action-group .details-wish.wish.btn-cart {
    font-size: 16px; /* Smaller font size for mobile */
    padding: 10px; /* Adjusted padding for better fit */
}

/* Tablets (min-width: 768px) */
@media screen and (min-width: 768px) {
    .details-add-group .product-add.btn-buy,
    .details-action-group .details-wish.wish.btn-cart {
        font-size: 18px;
        padding: 12px;
    }
}

/* Desktops (min-width: 1024px) */
@media screen and (min-width: 1024px) {
    .details-add-group .product-add.btn-buy,
    .details-action-group .details-wish.wish.btn-cart {
        font-size: 20px;
        padding: 16px;
    }
}
@media(max-width:767px){
	.header-content p{font-size: 14px;line-height: 22px;margin: 10px auto 0;}
	.inner-section.single-banner,.breadcrumb{display: none;}
	.left-side .headding h3{line-height: 30px;padding: 10px 0px 4px 0px;font-size: 18px}
	.left-side .row{margin: 0 -5px;}
	.left-side .col-md-12{padding: 0 5px;}
	.left-side .col-md-6{width: 50%;padding: 0 5px;}
	.left-side .col-md-4{width: 33.33%;padding: 0 5px;}
	.left-side .form-control{padding: 10px 12px;height: auto;font-size: 14px;}
	textarea.form-control {
	    min-height: auto;
	    height: auto;
	    padding: 10px 15px;
	}
	.p-data h2{font-size: 16px;line-height: 24px}
	.p-data h3{font-size: 18px;line-height: 22px;}
	.textarea{display: none;}
	.order-btn{padding: 10px;position: fixed;bottom: 0;left: 0;right: 0;z-index: 999}
	.order-btn button{margin: 0;height: auto;padding: 15px 15px;font-size: 18px;line-height: 26px;}
	.product-box .p-boxs{display: flex;align-items: center;flex-direction: inherit;flex-wrap: wrap;}
	.product-box .p-boxs .p-img{min-width: 100px;max-width: 100px;width: 40%;}
	.product-box .p-boxs .p-img img{width: 100%;object-position: center;object-fit: contain;}
	.product-box .p-boxs .p-data{width: 60%;padding: 0 0 0 15px;}
	.product-box .p-boxs .p-btn{padding: 15px 0 0;width: 100%;margin: 0;}
}
/* Default - Show on all devices */
.hide-on-mobile {
    display: block;
  }
  
  /* Media query for mobile devices */
  @media (max-width: 768px) {
    /* Hide on mobile */
    .hide-on-mobile {
      display: none;
    }
  }
  
  
  
  /* For Custom Payment */
	.custom-radio{
            padding: 25px 0;
            max-width: 100%;
            margin: 0 auto;
        }

        .radio-title h2{
            font-family: "Rubik", sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 22px;
            line-height: 24px;
            margin: 0 0 20px;
            color: #373737;
        }
        .radio-box-inner{
            display: flex;
            padding: 15px;
            border-radius: 20px;
            overflow: hidden;
            border: 1px dashed rgba(0, 0, 0, 0.2);
            position: relative;
            transition: all 0.4s linear;
            -webkit-transition: all 0.4s linear;
        }
        .radio-box input:checked ~ .radio-box-inner{
            border-color: #00441c;
        }
        .radio-box{
            position: relative;
        }
        .radio-box input{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 1;
            cursor: pointer;
        }
        .radio-data h2{
            font-family: "Rubik", sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 18px;
            color: #464646;
            margin: 0 0 8px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .radio-data h2 span{
            font-weight: 700;
            color: #F68735;
        }
        .radio-data{
            width: 100%;
        }
        .radio-data p{
            font-family: "Rubik", sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #119744;
            margin: 0;
        }
        .radio-icon{
            width: 25px;
            height: 25px;
            min-width: 25px;
            border-radius: 25px;
            background: rgba(0, 0, 0, 0.2);
            margin: 0 10px 0 0;
            position: relative;
            top: -4px;
            border: 1px solid transparent;
            transition: all 0.4s linear;
            -webkit-transition: all 0.4s linear;
        }
        .radio-box input:checked ~ .radio-box-inner .radio-icon{
            border-color: #3498d9;
            background: transparent;
        }
        .radio-icon::before{
            content: '';
            position: absolute;
            width: 6px;
            height: 6px;
            border-radius: 6px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            background: #3498d9;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s linear;
            -webkit-transition: all 0.4s linear;
        }
        .radio-box input:checked ~ .radio-box-inner .radio-icon::before{
            opacity: 1;
            visibility: visible;
        }
        .radio-row{
            display: flex;
            align-items: center;
            margin: 0 -10px;
        }
        .radio-box{
            padding: 0 10px;
            width: 50%;
        }

        @media(min-width:1201px) and (max-width:1600px){
            .custom-radio{max-width: 100%;}
        }

        @media(min-width:768px) and (max-width:1200px){
            .radio-title h2{font-size: 20px;margin: 0 0 15px;}
            .radio-icon{width: 18px;height: 18px;min-width: 18px;margin: 0 7px 0 0;top: -2px;}
            .radio-box-inner{padding: 10px;border-radius: 10px;}
            .radio-data h2{font-size: 13px;line-height: 15px;margin: 0 0 5px;}
            .radio-data p{font-size: 12px;line-height: 14px;}
            .custom-radio{max-width: 100%;}
        }

        @media(max-width:767px){
            .radio-title h2{font-size: 20px;margin: 0 0 15px;}
            .radio-icon{width: 20px;height: 20px;min-width: 20px;margin: 0 10px 0 0;top: -2px;}
            .radio-box-inner{padding: 15px;border-radius: 20px;}
            .radio-data h2{font-size: 14px;line-height: 15px;margin: 0 0 5px;}
            .radio-data p{font-size: 12px;line-height: 14px;}
            .radio-box{margin: 0 0 15px;}
            .custom-radio{max-width: 100%;padding: 10px 20px;}
        }

        @media(max-width:575px){
            .radio-row{flex-direction: column;margin: 0;}
            .radio-box{width: 100%;padding: 0;}
        }