.blog-section-top-padding{
  padding-top: 100px;
  padding-bottom: 10px;
}
.blog-section-top-padding h1 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -3.0px;
}
@media (max-width: 600px) {
  .blog-section-top-padding h1 {
  font-size: 36px;
  font-weight: 700;
}
}
.blog-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s;
}

.blog-card:hover {
    transform: scale(1.02);
}

.blog-image {
    width: 100%;
    height: auto;
}

.blog-title {
    font-weight: 600;
    font-size: 19px;
    margin-top: 10px;
}


.blog-container {
    margin-top: 2rem;
}
a h3.blog-title {
    color: #212529 !important;
}


/*Single Blog*/
.single-blog-padding-top{
    padding-top: 80px;
}
.single-blog-title{
    font-family: 'General Sans';
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -1.0px;
}
@media (max-width: 600px) {
  .single-blog-title{
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -1.7px;
}
}
.blog-post-detail h2 {
    margin-bottom: 15px;
}
.blog-post-detail h3, h4, h5 {
/*    margin-bottom: 12px;*/
}
.blog-content ul{
    list-style: disc;
    padding-left: 40px !important; /* Adjust as needed */
}

/*New Style*/


.rfz-blog-heading-h3 {
    font-size: 1.5rem !important;
}
h3.rfz-blog-heading-h3 {
    padding-left: 50px;
}

.rfz-blog-heading-h2-3 + h3.rfz-blog-heading-h3 {
    position: relative;
    padding-left: 50px;
}







h3.rfz-blog-heading-h3 + p,
h3.rfz-blog-heading-h3 + p + p {
    padding-left: 40px;
}

h3.rfz-blog-heading-h3 + p + ul {
    padding-left: 70px !important;
}
h3.rfz-blog-heading-h3 + ul {
    padding-left: 70px !important;
}





/*These classes coming from Script*/
.rfzdigital-uk-blog-details p {
    margin-bottom: 10px;
    color: #403F3E;
}
.rfzdigital-uk-blog-details .rfz-blog-heading-h2 {
    margin-bottom: 3px;
}

.rfzdigital-uk-blog-details ul li {
    font-size: 17px;
}

li br {
    display: none;
}

li h4 {
    display: block;
    margin-bottom: 2px; /* Adjust as needed */
    margin-top: 5px; /* Adjust as needed */
}


/*OL List Styling*/
ol {
    list-style: none; /* Remove default numbering */
    counter-reset: list-counter; /* Reset counter */
}

ol li {
    counter-increment: list-counter; /* Increment counter */
    position: relative;
    padding-left: 30px; /* Space for the number */
}

ol li::before {
    content: counter(list-counter) "."; /* Custom number */
    font-size: 20px; /* Same as <h4> */
    font-weight: bold; /* Make it bold */
    position: absolute;
    left: 0;
    top: 0;
}

/*OL List Styling  End*/


/*Add class new-line-bold to <b> that is in the h4*/
.new-line-bold {
    display: list-item;    /* Adds bullet points */
    list-style-type: disc; /* Style of the bullet (default disc) */
    margin-left: 20px;     /* Indent to align with bullets */
    margin-top: 5px;       /* Optional: Adds space above the bold text */
}

/*This is for bullets Points*/

.rfzdigital-uk-blog-details ul {
    list-style: none; /* Remove default bullets */
    padding-left: 20px; /* Adjust spacing */
}

.rfzdigital-uk-blog-details li {
    position: relative;
    padding-left: 20px; /* Space for the custom marker */
}

/* Custom triangle marker */
.rfzdigital-uk-blog-details ul li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 7px;
    border-color: transparent transparent transparent #008bde;
}

/* Ensure default ::marker is removed only inside blog content */
.rfzdigital-uk-blog-details ul li::marker {
    content: none;
}

/*This is for bullets Points*/

h3.rfz-blog-heading-h3 {
    position: relative;
    padding-left: 40px; /* Adjust padding for spacing */
    display: flex;
    align-items: center;
}

h3.rfz-blog-heading-h3::before {
    content: '\1F537'; /* Unicode for FontAwesome angle-right */
    font-family: 'Font Awesome 5 Free'; /* Use FontAwesome */
    font-weight: 900;
    font-size: 16px; /* Adjust size */
    color: #0073e6; /* Professional blue color */
    position: absolute;
    left: 0;
}










/*Privacy Policy*/
.privacy-policy-page ul{
    list-style: disc;
    padding-left: 40px !important; /* Adjust as needed */
}
.privacy-policy-page ul li strong{
    font-weight: 600;
}
.privacy-page h2, h3, h4 {
    font-weight: 500 !IMPORTANT;
}



