/* typography start */
/* jQuery(document).ready(function($) {
        $('.typography table').each(function() {
                $(this).wrap('<div class="table-responsive"></div>');
            });
    }); */
body.single.single-post {
    /* padding-top: 104px; */
}

body.single.single-post header.header-sec {
    /* box-shadow: 0 3px 6px #000000d4;
    background: rgb(0 0 0 / 88%);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(12px); */
}

body.single.single-post p.breadcrumb {
    margin-top: 20px;
}


.single-post-container {
    padding: 80px 0;
}

.blog-title-main h1 {
    color: #000;
    font-size: 40px;
    line-height: 50px;
}

.blog-title-main {
    /* text-align: center; */
    margin-bottom: 20px;
}

.single-post-container p.post-meta span {
    position: relative;
    font-size: 18px;
    line-height: normal;
    color: rgba(0, 0, 0, 1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.single-post-container p.post-meta {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 25px;
}

.single-post-container p.post-meta span.date-span,
.single-post-container p.post-meta span.author-span {
    padding-left: 30px;
    color: #000;
}

.single-post-container p.post-meta span::before {
    content: "";
    position: absolute;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.single-post-container p.post-meta span.date-span::before {
    background-image: url(../../../../wp-content/uploads/2026/04/date-icon-1.svg);
    width: 22px;
    height: 22px;
}

.single-post-container p.post-meta span.author-span::before {
    background-image: url(../../../../wp-content/uploads/2026/04/user-icon-1.svg);
    width: 19px;
    height: 22px;
}

.featured-image img {
    object-fit: cover;
    display: block;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 20px;
}

.featured-image {
    display: flex;
    align-items: center;
}

.single-post-container .container {}

.single-post-container .page-content .single_content {
    /* padding-bottom: 40px; */
    /* border-bottom: 1px solid #CCCCCC; */
    /* margin-bottom: 22.5px; */
}

.article-desc {
    margin-top: 30px;
}



.single-post-container .addtoany_shortcode {
    position: relative;
    /* margin: 0 0 0 auto; */
    width: max-content;
    padding-left: 73px;
}

.single-post-container .addtoany_shortcode::before {
    content: "Share:";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 22px;
    line-height: 22px;
    color: #000000;
    font-weight: 500;
    font-family: var(--Manrope-font-secondary);
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a {
    font-size: 0;
    padding: 0;
    position: relative;
    width: 35px;
    height: 35px;
    transition: all 0.4s ease;
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    transform: translate(-50%, -50%);
    z-index: 1;
    background-color: #0f2f87;
    /* 👈 icon color */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a.a2a_button_linkedin::before {
    /* background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4125 4.4208C11.596 4.4208 12.7311 4.88659 13.568 5.7157C14.4049 6.5448 14.875 7.66932 14.875 8.84185V13.9997H11.9V8.84185C11.9 8.45101 11.7433 8.07617 11.4643 7.7998C11.1854 7.52343 10.807 7.36817 10.4125 7.36817C10.018 7.36817 9.63964 7.52343 9.36068 7.7998C9.08172 8.07617 8.925 8.45101 8.925 8.84185V13.9997H5.95V8.84185C5.95 7.66932 6.42016 6.5448 7.25704 5.7157C8.09392 4.88659 9.22898 4.4208 10.4125 4.4208Z' fill='%2300288C'/%3E%3Cpath d='M2.975 5.15771H0V13.9998H2.975V5.15771Z' fill='%2300288C'/%3E%3Cpath d='M1.4875 2.94737C2.30902 2.94737 2.975 2.28758 2.975 1.47368C2.975 0.659791 2.30902 0 1.4875 0C0.665977 0 0 0.659791 0 1.47368C0 2.28758 0.665977 2.94737 1.4875 2.94737Z' fill='%2300288C'/%3E%3C/svg%3E%0A"); */
    /* background-image:  */
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23000000' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='800px' height='800px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg id='7935ec95c421cee6d86eb22ecd125aef'%3E%3Cpath style='display: inline; fill-rule: evenodd; clip-rule: evenodd;' d='M116.504,500.219V170.654H6.975v329.564H116.504 L116.504,500.219z M61.751,125.674c38.183,0,61.968-25.328,61.968-56.953c-0.722-32.328-23.785-56.941-61.252-56.941 C24.994,11.781,0.5,36.394,0.5,68.722c0,31.625,23.772,56.953,60.53,56.953H61.751L61.751,125.674z M177.124,500.219 c0,0,1.437-298.643,0-329.564H286.67v47.794h-0.727c14.404-22.49,40.354-55.533,99.44-55.533 c72.085,0,126.116,47.103,126.116,148.333v188.971H401.971V323.912c0-44.301-15.848-74.531-55.497-74.531 c-30.254,0-48.284,20.38-56.202,40.08c-2.897,7.012-3.602,16.861-3.602,26.711v184.047H177.124L177.124,500.219z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23000000' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='800px' height='800px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg id='7935ec95c421cee6d86eb22ecd125aef'%3E%3Cpath style='display: inline; fill-rule: evenodd; clip-rule: evenodd;' d='M116.504,500.219V170.654H6.975v329.564H116.504 L116.504,500.219z M61.751,125.674c38.183,0,61.968-25.328,61.968-56.953c-0.722-32.328-23.785-56.941-61.252-56.941 C24.994,11.781,0.5,36.394,0.5,68.722c0,31.625,23.772,56.953,60.53,56.953H61.751L61.751,125.674z M177.124,500.219 c0,0,1.437-298.643,0-329.564H286.67v47.794h-0.727c14.404-22.49,40.354-55.533,99.44-55.533 c72.085,0,126.116,47.103,126.116,148.333v188.971H401.971V323.912c0-44.301-15.848-74.531-55.497-74.531 c-30.254,0-48.284,20.38-56.202,40.08c-2.897,7.012-3.602,16.861-3.602,26.711v184.047H177.124L177.124,500.219z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    width: 14px;
    height: 18px;
}

.addtoany_shortcode a.a2a_button_facebook::before {
    /* background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='64px' height='64px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M21.95 5.005l-3.306-.004c-3.206 0-5.277 2.124-5.277 5.415v2.495H10.05v4.515h3.317l-.004 9.575h4.641l.004-9.575h3.806l-.003-4.514h-3.803v-2.117c0-1.018.241-1.533 1.566-1.533l2.366-.001.01-4.256z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); */
    mask-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='64px' height='64px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M21.95 5.005l-3.306-.004c-3.206 0-5.277 2.124-5.277 5.415v2.495H10.05v4.515h3.317l-.004 9.575h4.641l.004-9.575h3.806l-.003-4.514h-3.803v-2.117c0-1.018.241-1.533 1.566-1.533l2.366-.001.01-4.256z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='64px' height='64px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M21.95 5.005l-3.306-.004c-3.206 0-5.277 2.124-5.277 5.415v2.495H10.05v4.515h3.317l-.004 9.575h4.641l.004-9.575h3.806l-.003-4.514h-3.803v-2.117c0-1.018.241-1.533 1.566-1.533l2.366-.001.01-4.256z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    width: 24px !important;
    background-size: cover !important;
    height: 20px !important;
}

.addtoany_shortcode a.a2a_button_email::before {
    /* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.094" height="15.554" viewBox="0 0 20.094 15.554"><path id="Path_1418" data-name="Path 1418" d="M27.493,78.772l6.039,6.042a3.4,3.4,0,0,0,4.788,0l6.039-6.042a.137.137,0,0,0-.019-.21,3.788,3.788,0,0,0-2.173-.684H29.684a3.789,3.789,0,0,0-2.173.684A.137.137,0,0,0,27.493,78.772Zm-1.614,2.911a3.776,3.776,0,0,1,.435-1.762.137.137,0,0,1,.219-.033L32.5,85.851a4.858,4.858,0,0,0,6.862,0l5.963-5.963a.137.137,0,0,1,.219.033,3.776,3.776,0,0,1,.435,1.762v7.943a3.809,3.809,0,0,1-3.805,3.805H29.684a3.809,3.809,0,0,1-3.805-3.805Z" transform="translate(-25.879 -77.878)" fill="%2359287E" fill-rule="evenodd"/></svg>'); */
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.094" height="15.554" viewBox="0 0 20.094 15.554"><path id="Path_1418" data-name="Path 1418" d="M27.493,78.772l6.039,6.042a3.4,3.4,0,0,0,4.788,0l6.039-6.042a.137.137,0,0,0-.019-.21,3.788,3.788,0,0,0-2.173-.684H29.684a3.789,3.789,0,0,0-2.173.684A.137.137,0,0,0,27.493,78.772Zm-1.614,2.911a3.776,3.776,0,0,1,.435-1.762.137.137,0,0,1,.219-.033L32.5,85.851a4.858,4.858,0,0,0,6.862,0l5.963-5.963a.137.137,0,0,1,.219.033,3.776,3.776,0,0,1,.435,1.762v7.943a3.809,3.809,0,0,1-3.805,3.805H29.684a3.809,3.809,0,0,1-3.805-3.805Z" transform="translate(-25.879 -77.878)" fill="%2359287E" fill-rule="evenodd"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.094" height="15.554" viewBox="0 0 20.094 15.554"><path id="Path_1418" data-name="Path 1418" d="M27.493,78.772l6.039,6.042a3.4,3.4,0,0,0,4.788,0l6.039-6.042a.137.137,0,0,0-.019-.21,3.788,3.788,0,0,0-2.173-.684H29.684a3.789,3.789,0,0,0-2.173.684A.137.137,0,0,0,27.493,78.772Zm-1.614,2.911a3.776,3.776,0,0,1,.435-1.762.137.137,0,0,1,.219-.033L32.5,85.851a4.858,4.858,0,0,0,6.862,0l5.963-5.963a.137.137,0,0,1,.219.033,3.776,3.776,0,0,1,.435,1.762v7.943a3.809,3.809,0,0,1-3.805,3.805H29.684a3.809,3.809,0,0,1-3.805-3.805Z" transform="translate(-25.879 -77.878)" fill="%2359287E" fill-rule="evenodd"/></svg>');
    width: 20px;
    height: 16px;
}

.addtoany_shortcode a.a2a_button_x::before {
    /* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="%2359287E" d="M18.901 1.153h3.68l-8.04 9.188L24 22.847h-7.406l-5.8-7.584-6.64 7.584H.47l8.6-9.83L0 1.153h7.594l5.243 6.932L18.901 1.153Zm-1.29 19.487h2.04L6.486 3.247H4.298L17.611 20.64Z"/></svg>'); */
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="%2359287E" d="M18.901 1.153h3.68l-8.04 9.188L24 22.847h-7.406l-5.8-7.584-6.64 7.584H.47l8.6-9.83L0 1.153h7.594l5.243 6.932L18.901 1.153Zm-1.29 19.487h2.04L6.486 3.247H4.298L17.611 20.64Z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="%2359287E" d="M18.901 1.153h3.68l-8.04 9.188L24 22.847h-7.406l-5.8-7.584-6.64 7.584H.47l8.6-9.83L0 1.153h7.594l5.243 6.932L18.901 1.153Zm-1.29 19.487h2.04L6.486 3.247H4.298L17.611 20.64Z"/></svg>');
    width: 20px;
    height: 16px;
}

.addtoany_shortcode a.a2a_button_linkedin::before {
    /* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24.527" height="17.173" viewBox="0 0 24.527 17.173"><path id="Path_63" data-name="Path 63" d="M24.022-3.395A3.073,3.073,0,0,0,21.86-5.557c-1.919-.525-9.6-.525-9.6-.525s-7.677,0-9.6.505A3.135,3.135,0,0,0,.505-3.395,32.378,32.378,0,0,0,0,2.5,32.259,32.259,0,0,0,.505,8.4a3.073,3.073,0,0,0,2.162,2.162c1.939.525,9.6.525,9.6.525s7.677,0,9.6-.505a3.073,3.073,0,0,0,2.162-2.162,32.388,32.388,0,0,0,.5-5.9A30.735,30.735,0,0,0,24.022-3.395ZM9.819,6.182V-1.172L16.2,2.5Zm0,0" transform="translate(0 6.082)" fill="%2359287E"/></svg>'); */
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24.527" height="17.173" viewBox="0 0 24.527 17.173"><path id="Path_63" data-name="Path 63" d="M24.022-3.395A3.073,3.073,0,0,0,21.86-5.557c-1.919-.525-9.6-.525-9.6-.525s-7.677,0-9.6.505A3.135,3.135,0,0,0,.505-3.395,32.378,32.378,0,0,0,0,2.5,32.259,32.259,0,0,0,.505,8.4a3.073,3.073,0,0,0,2.162,2.162c1.939.525,9.6.525,9.6.525s7.677,0,9.6-.505a3.073,3.073,0,0,0,2.162-2.162,32.388,32.388,0,0,0,.5-5.9A30.735,30.735,0,0,0,24.022-3.395ZM9.819,6.182V-1.172L16.2,2.5Zm0,0" transform="translate(0 6.082)" fill="%2359287E"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24.527" height="17.173" viewBox="0 0 24.527 17.173"><path id="Path_63" data-name="Path 63" d="M24.022-3.395A3.073,3.073,0,0,0,21.86-5.557c-1.919-.525-9.6-.525-9.6-.525s-7.677,0-9.6.505A3.135,3.135,0,0,0,.505-3.395,32.378,32.378,0,0,0,0,2.5,32.259,32.259,0,0,0,.505,8.4a3.073,3.073,0,0,0,2.162,2.162c1.939.525,9.6.525,9.6.525s7.677,0,9.6-.505a3.073,3.073,0,0,0,2.162-2.162,32.388,32.388,0,0,0,.5-5.9A30.735,30.735,0,0,0,24.022-3.395ZM9.819,6.182V-1.172L16.2,2.5Zm0,0" transform="translate(0 6.082)" fill="%2359287E"/></svg>');
    width: 25px;
    height: 17px;
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a span {
    font-size: 0;
    width: 0;
    display: none;
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background-color: transparent;
    transition: all 0.5s ease;
    border: 1px solid var(--primary-color);
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a:hover:after {
    background-color: #0f2f87;
    border-color: transparent;
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a:hover:before {
    background-color: #fffbff;
}


.post-tags h4 {
    color: #000;
    width: 100%;
    margin-bottom: 10px;
}

.post-tags a.tag-item {
    border-radius: 5px;
    padding: 5px 8px;
    background: transparent;
    font-size: 13px;
    width: fit-content;
    display: inline-block;
    color: #000;
}

.post-tags a.tag-item:hover {
    background: var(--secondary-color);
    color: #fff;
}

.post-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.blog-left-col img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
}

.blog-left-col {
    width: 45%;
}

.blog-right-col {
    width: 55%;
    padding-left: 40px;
}

.blog-common-column .title h2 {
    padding: 0;
    margin-bottom: 25px;
    font-size: 40px;
}



.right-side {
    width: 320px;
}

.left-side {
    width: calc(100% - 320px);
    padding-right: 100px;
}


.right-side h3,
.right-side .title h2 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 0;
    color: #000;
}

.right-side .blog-col {
    flex-direction: column;
    margin-top: 20px;
    row-gap: 22px;
}

.right-side .recent-post {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0;
}

.right-side .blog-col .blog-item {
    width: 100%;
    background: transparent;
    padding: 0;
    border: 0;
}

.right-side .blog-col .blog-item:hover {
    border: 0;
}

.right-side .blog-inner {
    display: flex;
    flex-wrap: wrap;
}

.right-side .blog-image-wrap {
    width: 100px;
    height: 70px;
    margin-bottom: 0;
}

.right-side .blog-image-wrap a {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.right-side .blog-content {
    width: calc(100% - 100px);
    padding-left: 20px;
    display: flex;
    row-gap: 10px;
    flex-direction: column-reverse;
}

.right-side .blog-title a {
    font-size: 16px !important;
    line-height: normal;
    font-size: var(--Inter-font-secondary);
    font-weight: 600;
}

.right-side .blog-meta {
    margin-top: 0;
}

.right-side .blog-meta span {
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    font-family: var(--Inter-font-secondary);
    opacity: 1;
}

.blog-tags,
.blog-categories {
    margin-top: 40px;
}

.right-side ul {
    margin-top: 20px;
}

.blog-categories ul li a {
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    font-weight: 500;
    background: rgba(248, 248, 248, 1);
    font-family: var(--Inter-font-secondary);
    opacity: 1;
    padding: 14px 20px;
    display: inline-block;
    width: 100%;
    border-radius: 10px;
    line-height: 28px;
    margin-bottom: 15px;
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 5px;
}

.blog-tags ul li a:hover,
.blog-categories ul li a:hover {
    background-color: rgba(0, 41, 142, 1);
    color: #fff;
}

.blog-tags ul li a {
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    font-weight: 500;
    background: rgba(248, 248, 248, 1);
    font-family: var(--Inter-font-secondary);
    opacity: 1;
    padding: 6px 14px;
    display: inline-block;
    width: 100%;
    border-radius: 10px;
    line-height: 18px;
    margin-bottom: 10px;
    transition: all 0.5s ease;
    width: fit-content;
}

.blog-categories ul li:last-child a,
.blog-tags ul li:last-child a {
    margin-bottom: 0;
}

.blog-tags ul li {
    display: inline;
}

.blog-tags ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 6px;
}

:root {
    --primary-color: rgb(15 47 135);
    --secondary-color: rgb(30 58 138);
    --heading-color: #000;
    --paragraph-color: rgba(0, 0, 0, 0.7);
    /* Assuming paragraphs are also black based on list item color */
    --blockquote-bg-color: #0f2f8721;
    --bullet-svg-color: %23003380;
    /* URL-encoded primary color for SVG */

    --listing-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Group_2625' data-name='Group 2625' width='20.843' height='20.843' viewBox='0 0 20.843 20.843'%3E%3Cg id='Group_2622' data-name='Group 2622' transform='translate(4.949 2.619)'%3E%3Cg id='Group_2621' data-name='Group 2621'%3E%3Cpath id='Path_2384' data-name='Path 2384' d='M136.866,64.558a.785.785,0,0,0-1.111,0l-9.424,9.4-3.4-3.693a.786.786,0,1,0-1.156,1.064l3.954,4.294a.785.785,0,0,0,.561.253h.017a.786.786,0,0,0,.555-.229l10-9.976A.785.785,0,0,0,136.866,64.558Z' transform='translate(-121.568 -64.327)' fill='var(--bullet-svg-color)'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_2624' data-name='Group 2624'%3E%3Cg id='Group_2623' data-name='Group 2623'%3E%3Cpath id='Path_2385' data-name='Path 2385' d='M20.057,9.636a.785.785,0,0,0-.786.786,8.85,8.85,0,1,1-8.85-8.85.786.786,0,1,0,0-1.571A10.421,10.421,0,1,0,20.843,10.421.785.785,0,0,0,20.057,9.636Z' fill='var(--bullet-svg-color)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    /* Font Sizes and Line Heights - Desktop */
    --h2-font-size: 32px;
    --h2-line-height: 42px;
    --h3-font-size: 28px;
    --h3-line-height: 38px;
    --h4-font-size: 26px;
    --h4-line-height: 36px;
    --h5-font-size: 22px;
    --h5-line-height: 32px;
    --h6-font-size: 20px;
    --h6-line-height: 30px;
    --p-list-font-size: 16px;
    --p-list-line-height: 28px;

    /* ... existing variables ... */
    --table-border-color: #e0e0e0;
    --table-header-bg: var(--primary-color);
    --table-header-color: #ffffff;
    --table-row-even-bg: #f9f9f9;
    /* Light grey for even rows */
    --table-cell-padding: 12px 15px;
    --table-font-size: 16px;
    /* Adjust if needed */
    --table-line-height: 24px;
    /* Adjust if needed */
}

.typography strong {
    font-weight: 600;
}

.typography p iframe {
    display: block;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    height: 600px;
}

.typography .wp-video {
    margin-bottom: 40px;
    width: 100% !important;
}

.typography .wp-video-shortcode video,
video.wp-video-shortcode {
    width: 100% !important;
}

.typography p {
    padding-bottom: 35px;
    color: var(--paragraph-color);
}

.typography p:last-child {
    padding-bottom: 0;
}

.typography a {
    color: var(--secondary-color);
    display: inline-block;
    font-weight: 600;
}

.typography a:hover {
    color: var(--paragraph-color);
}

.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    color: var(--heading-color);
    font-weight: 600;
}

.typography h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    padding-bottom: 15px;
}

.typography h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    padding-bottom: 15px;
}

.typography h4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    padding-bottom: 15px
}

.typography h5 {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    padding-bottom: 15px;
}

.typography h6 {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    padding-bottom: 15px;
}

.typography blockquote {
    background: var(--secondary-color);
    padding: 33px 70px 35px 30px;
    border-left: 5px solid var(--primary-color);
    margin-top: 5px;
    margin-bottom: 52px;
    border-radius: 10px;
}

.typography blockquote p:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../../../../wp-content/uploads/2026/04/1quote.png');
    opacity: 0.5;
}



.typography blockquote p {
    position: relative;
    color: #fff;
    padding-top: 49px;
    font-size: 30px;
    line-height: 40px;
}

.typography blockquote strong {
    display: block;
    margin-top: 20px;
    font-size: 20px;
    padding-left: 40px;
    position: relative;
    font-weight: 500;
}

.typography blockquote strong::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    width: 30px;
    height: 1.5px;
}

.typography p img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.typography p:has(img) {
    padding-top: 10px;
    padding-bottom: 49px;
}

.typography em {
    font-style: italic;
}

.typography ul,
.typography ol {
    padding-left: 0;
    padding-bottom: 35px;
}

.typography p+ul,
.typography p+ol {
    margin-top: -10px;
}

.typography p+ul+ul,
.typography p+ul+ol,
.typography p+ol+ol,
.typography p+ol+ul {
    margin-top: -4px;
}

.typography ol li::before {
    content: counter(custom-counter);
    position: absolute;
    left: 0;
    top: 4px;
    height: 20px;
    color: var(--primary-color);
    width: 20px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    border-radius: 50px;
    border: 1px solid var(--primary-color);
    font-weight: 600;
}

.typography ol li,
.typography ul li {
    margin-bottom: 0;
    position: relative;
    list-style: none;
    margin-bottom: 12px;
    font-size: var(--p-list-font-size);
    line-height: var(--p-list-line-height);
    font-weight: 400;
    color: var(--paragraph-color);
}

.typography ol li {
    padding-left: 32px;
}

.typography ul li {
    padding-left: 34px;
}

.typography ol li:last-child,
.typography ul li:last-child {
    margin-bottom: 0;
}

.typography ul li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;

    background-color: var(--secondary-color);
    /* 👈 icon ka color */

    -webkit-mask-image: var(--listing-arrow);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;

    mask-image: var(--listing-arrow);
    mask-repeat: no-repeat;
    mask-size: contain;
}

.typography ol li {
    counter-increment: custom-counter;
}

.typography .gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 40px !important;
    row-gap: 30px;
    padding-top: 18px;
}

.typography .gallery br {
    display: none;
}

.typography .gallery .gallery-item {
    margin-top: 0 !important;
    float: none !important;
    width: 50% !important;
    height: 321px;
    display: block;
    overflow: hidden;
    padding: 0 15px;
}

.typography .gallery .gallery-item .gallery-icon,
.typography .gallery .gallery-item .gallery-icon a {
    width: 100%;
    height: 100%;
}

.typography .gallery .gallery-item img {
    border: none !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.typography .gallery .gallery-item a {
    position: relative;
}

.typography .gallery .gallery-item a::before {
    content: '';
    position: absolute;
    height: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    opacity: 0;
    background: linear-gradient(180deg, transparent 0%, var(--primary-color)ab 100%);
    /* Using primary color with alpha */
    border-radius: 0;
    transition: all 0.5s ease;
    z-index: 1;
}

.typography .gallery .gallery-item a:hover::before {
    opacity: 1;
    height: 100%;
}

.typography .gallery .gallery-item a:hover img {
    filter: grayscale(1);
}



/* Responsive Table Wrapper */
.typography .table-responsive {
    width: 100%;
    overflow-x: auto;
    /* Enable horizontal scrolling */
    margin-bottom: 35px;
    /* Consistent with paragraph padding-bottom */
    -webkit-overflow-scrolling: touch;
    /* For smoother scrolling on iOS */
}

/* Base Table Styles within typography */
.typography table {
    width: 100%;
    border-collapse: collapse;
    /* Borders ko collapse karein */
    margin: 0;
    /* Wrapper div handles margin now */
    font-size: var(--table-font-size);
    line-height: var(--table-line-height);
    color: var(--paragraph-color);
    /* Table text color consistent with paragraphs */
    min-width: 600px;
    /* Optional: Agar table content bahut chota ho to */
}

/* Table Header Styles */
.typography th {
    background-color: var(--table-header-bg);
    color: var(--table-header-color);
    text-align: left;
    padding: var(--table-cell-padding);
    border: 1px solid var(--table-border-color);
    /* Add border to header cells */
    font-weight: 600;
    white-space: nowrap;
    /* Prevent headers from wrapping too much */
}

/* Table Data Cell Styles */
.typography td {
    padding: var(--table-cell-padding);
    border: 1px solid var(--table-border-color);
    /* Add border to data cells */
    vertical-align: top;
    /* Align content to the top */
}

/* Alternate Row Styling (Zebra Striping) */
.typography tbody tr:nth-child(even) {
    background-color: var(--table-row-even-bg);
}

@media screen and (max-width:1199px) {
    :root {
        /* Font Sizes and Line Heights - Tablet */
        --h2-font-size: 30px;
        --h2-line-height: 40px;
        --h3-font-size: 26px;
        --h3-line-height: 36px;
        --h4-font-size: 24px;
        --h4-line-height: 34px;
        --h5-font-size: 20px;
        --h5-line-height: 30px;
        --h6-font-size: 18px;
        --h6-line-height: 28px;
        --p-list-font-size: 16px;
        --p-list-line-height: 26px;
        --table-cell-padding: 10px 12px;
        --table-font-size: 15px;
        --table-line-height: 22px;
    }

    .typography .table-responsive {
        margin-bottom: 25px;
    }

    .typography p {
        padding-bottom: 25px;
    }

    .typography p:has(img) {
        padding-bottom: 30px;
    }

    .typography ul li::before {
        top: 3px;
        width: 20px;
        height: 20px;
    }

    .typography ul li {
        padding-left: 34px;
    }

    .typography p+ul,
    .typography p+ol {
        margin-top: -10px;
    }

    .typography ul,
    .typography ol {
        padding-bottom: 25px;
    }

    .typography ol li {
        padding-left: 30px;
    }

    .typography ol li::before {
        top: 2px;
    }

    .typography .gallery .gallery-item {
        padding: 0 10px;
        height: 260px;
    }

    .typography .gallery {
        margin: 0 -10px 30px !important;
        row-gap: 20px;
        padding-top: 10px;
    }

    .typography blockquote {
        padding: 20px 40px 20px 30px;
        margin-bottom: 26px;
        margin-top: 0;
    }

    .typography .wp-video {
        margin-bottom: 30px;
    }

    .typography p iframe {
        height: 570px;
    }

    .blog-title-main h1 {
        font-size: 34px;
        line-height: 44px;
    }

    .featured-image img {
        margin-bottom: 35px;
    }


    .typography h2,
    .typography h3,
    .typography h4,
    .typography h5,
    .typography h6 {
        padding-bottom: 10px;
    }

    .addtoany_shortcode .addtoany_list.a2a_kit_size_32 a {
        width: 30px;
        height: 30px;
    }

    .addtoany_shortcode .addtoany_list.a2a_kit_size_32 {
        gap: 10px;
    }

    .addtoany_shortcode a.a2a_button_facebook::before {
        width: 8px;
        height: 19px;
    }

    .addtoany_shortcode a.a2a_button_email::before {
        width: 16px;
        height: 12px;
    }

    .addtoany_shortcode a.a2a_button_x::before {
        width: 14px;
        height: 14px;
    }

    .addtoany_shortcode .addtoany_list.a2a_kit_size_32 a::before {
        background-size: contain;
    }


    .typography blockquote p {
        font-size: 22px;
        line-height: 34px;
    }

    .typography blockquote strong {
        font-size: 18px;
        padding-left: 35px;
    }

    .typography blockquote strong::before {
        width: 22px;
    }

    .left-side {
        padding-right: 40px;
    }

    .single-post-container p.post-meta span {
        font-size: 16px;
    }

    .single-post-container p.post-meta {
        margin-bottom: 20px;
    }

    .blog-common-column .title h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .right-side h3,
    .right-side .title h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .right-side .blog-col {
        margin-top: 15px;
    }

    .right-side ul {
        margin-top: 15px;
    }

}

@media screen and (max-width:991px) {
    .typography blockquote p {
        font-size: 18px;
        line-height: 30px;
    }

    .left-side {
        width: 100%;
        padding-right: 0;
    }

    .right-side {
        width: 100%;
    }

    .blog-left-col {
        width: 40%;
    }

    .blog-right-col {
        width: 60%;
    }
  .single-post-container .page-content .single_content {
    padding-bottom: 40px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 40px;
}



}

@media screen and (max-width:767px) {
    :root {
        /* Font Sizes and Line Heights - Mobile */
        --h2-font-size: 28px;
        --h2-line-height: 38px;
        --h3-font-size: 24px;
        --h3-line-height: 34px;
        --h4-font-size: 22px;
        --h4-line-height: 32px;
        --h5-font-size: 18px;
        --h5-line-height: 28px;
        --h6-font-size: 16px;
        --h6-line-height: 26px;
        --p-list-font-size: 15px;
        --p-list-line-height: 25px;
        --table-cell-padding: 8px 10px;
        --table-font-size: 14px;
        --table-line-height: 20px;
    }

    .typography .table-responsive {
        margin-bottom: 20px;
    }

    .typography p {
        padding-bottom: 20px;
        font-size: var(--p-list-font-size);
    }



    .typography ul li::before {
        width: 18px;
        height: 18px;
    }

    .typography ul li {
        padding-left: 30px;
    }

    .typography ul,
    .typography ol {
        padding-bottom: 20px;
    }

    .typography ol li::before {
        top: 1px;
    }

    .typography .gallery .gallery-item {
        height: 200px;
    }

    .typography .gallery {
        margin-bottom: 20px !important;
    }

    .typography blockquote {
        padding: 30px;
        margin-bottom: 20px;
    }

    .typography .wp-video {
        margin-bottom: 20px;
    }

    .typography p iframe {
        height: 360px;
    }

    .featured-image img {
        margin-bottom: 30px;
    }

    .single-post-container {
        padding: 60px 0;
    }

    .typography blockquote strong,
    .typography blockquote p {
        font-size: 16px;
        line-height: 28px;
    }

    .blog-common-column .title h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 20px;
    }

    .blog-left-col {
        width: 100%;
        margin-bottom: 24px;
    }

    .blog-right-col {
        width: 100%;
        padding-left: 0;
    }

    .blog-left-col img {
        max-width: 350px;
    }

    .right-side .recent-post {
    }

    .blog-categories ul li a {
        font-size: 16px;
        padding: 10px 16px;
        line-height: 26px;
        margin-bottom: 14px;
    }

    .single-post-container .addtoany_shortcode::before {
        font-size: 18px;
        line-height: 18px;
    }

    .single-post-container .addtoany_shortcode {
        padding-left: 65px;
    }

    .single-post-container p.post-meta span {
        font-size: 15px;
    }

    .single-post-container p.post-meta span svg {
        max-width: 16px;
        width: 100%;
    }

}

/* 576 */
@media screen and (max-width:576px) {
    .typography .gallery .gallery-item {
        width: 100% !important;
        height: 210px;
    }

    body.single.single-post {
        /* padding-top: 92px; */
    }

    .featured-image img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width:479px) {
    .right-side .blog-content {
        width: 100%;
        padding-left: 0;
        padding-top: 13px;
        gap: 8px;
    }

    .right-side .blog-inner {
        flex-direction: column;
    }

}