.customlabel{
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
    /* text-align: right;    */
}
.customlabel1{
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
    text-align: left;   
}
    
.biggerheading{
    font-size: 70px !important;
    line-height: 70px !important; /*70px change by talha*/ 
    text-transform: uppercase !important;
}

.lightbiggerheading{
    font-size: 35px !important; /*70px change by talha*/ 
    line-height: 35px !important;/*70px change by talha*/
    text-transform: uppercase !important;
    font-weight: 100 !important;
    margin-top: -30px !important;
}

.littlebiggerheading{
    font-size: 50px !important;
    line-height: 50px !important;
    text-transform: uppercase !important;
}

.bgyellow85{
    background-color: #fc9f2e !important;
    width: 85% !important;
}

.bgyellow62{
    background-color: #fc9f2e !important;
    width: 62% !important;
}

.black{
    color: black !important;
}

.white{
    color: white !important;
}

.yellow{
    color: #fc9f2e !important;
}

.custom-control-input{
}

/* edit by talha */
.custom-br-rd {
    border-radius: 0px;
}

/* address book list styling */
.address-block {
border: 2px solid #ffa901 ; /* Primary color border */
border-radius: 8px;
padding: 15px;
margin-bottom: 15px;
background-color: #f9f9f9; /* Light background */
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.address-block:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); /* Hover effect */
transform: scale(1.02); /* Slight scale on hover */
}

.address-block input {
display: none; /* Hide default radio input */
}

.address-block input:checked + label {
border: 2px solid #28a745; /* Change border color when selected */
background-color: #e6ffe6; /* Light green background for selection */
padding: 20px;
border-radius: 10px;
}

.address-block label {
display: block;
cursor: pointer;
}

.address-block strong {
color: #343a40; /* Dark text color */
font-size: 16px;
}

.address-block label span {
font-size: 14px;
color: #6c757d; /* Muted text color */
}
/* end address book list styling */
.biggerheading-1{
    /* font-size: 70px !important; */
    line-height: 35px !important; /*70px change by talha*/ 
    text-transform: uppercase !important;
}
.biggerheading-2{
    /* font-size: 70px !important; */
    /* line-height: 35px !important;*/ /* 70px change by talha  */
    text-transform: uppercase !important;
}

/* start blog */
#banner{
    width: 100%;
    height: 60vh;
    background: url('../images/banner.png') no-repeat center center;
    background-size: contain;
    background-color: #2E2A2A;
    display: flex;
    justify-content: center;
    align-items: center;
}

#banner h1{
    color: #FFFFFF;
}
#banner h1 span{
    color: #FFA901;
}
.posts{
    margin-top: 8vh;
    padding: 0 100px;
}
.post {
    box-shadow: 2px 2px 14px #898989;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
    border-radius: 20px;
    color: #393939;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.large-post-body{
    height: auto;
    max-height: 288px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.short-post {
    height: 330px;
}
.short-post-body {
    height: 113px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post:hover {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
    /* box-shadow: 0 3px 3px rgba(0, 0, 0, .3); */
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    text-decoration: none;
}
.tdu-head:hover{
    text-decoration: underline;
}
.post-body{
    padding: 22px;
}
.post-body p{
    padding: 0;
    margin: 0;
}
.post-img{
    width: 100%;
}
.post-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}
.top-post{
    height: 300px;
}
.top-post .post-img img{
    height: 100%;
    border-radius: 0px 0px 10px 10px;
    border-radius: 0px 10px 10px 0px;
}
.blog-image-container{
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
}
.blog-image-container img{
    width: 100%;
    object-fit: fill;
}
.w70{
    width: 70%;
}
.w30{
    width: 30%;
}
.card-blog:hover {
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
        /* box-shadow: 0 3px 3px rgba(0, 0, 0, .3); */
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        text-decoration: none;
    }
.blog-detail h2,h3,h4,h5,h6{
    margin: 40px 0 15px 0;
}
.blog-detail p{
    margin-bottom: 12px;
}
.blog-detail ul{
    padding-left: 35px;
    list-style-type: disc;
    margin-bottom: 30px;
}
.blog-detail ul li{
    padding-bottom: 18px;
}

.blog-header {
  display: flex;
  justify-content: space-between; /* Breadcrumb left, Icons right */
  align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  background: #fff;
}

.breadcrumb {
  font-size: 14px;
  color: #555;
}

.breadcrumb a {
  text-decoration: none;
  color: #007bff;
  margin: 0 5px;
}

.breadcrumb span {
  color: #333;
  font-weight: 500;
}

.social-icons a {
  margin-left: 12px;
  font-size: 16px;
  color: #555;
  transition: color 0.3s, transform 0.2s;
}

.social-icons a:hover {
  color: #007bff;
  transform: scale(1.2);
}

/* end blog */



@media (max-width: 768px) {
    .posts {
        padding: 0 16px;
    }
}

/* custom media query */
@media (max-width: 580px) {
    .customlabel{
        text-align: left;
        }
}

@media (min-width: 581px) {
    
        .customlabel{
        text-align: right;

        }
}
@media screen and (max-width: 767px) {
    #steps {
        display: none;
    }
   
}

/* Hide on desktop (screens 768px and above) */
@media screen and (min-width: 768px) {
    #steps {
        display: block;
    }
    .cl-country{
        
        padding-left: 0px;
        padding-right: 20px;
    }
    .cl-item{
        padding-left: 10px;padding-right: 0px;
    }
    .cl-qty{
        padding: 0px;
    }
    .cl-price{

    }
    .biggerheading-2{
        line-height: 70px !important; 
        /*70px change by talha*/ 
    }
}