@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300..700&display=swap');

body {
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    color: #343434;
}


img {
    max-width: 100%;
}


.has-background{
	margin-bottom: 2rem !important;
}

.rank-math-breadcrumb{
	font-size:10px;
}


/* prosgress bar under navbar */

.progress-bar {
    position: fixed;
    width: 100%;
    height: 3px !important;
    top: 60px !important;
    background-color: transparent;
    z-index: 9999;
}

.filled {
    width: 0;
    height: 100%;
    background: #504EE4 !important;
}
/* klenty  */

.main-section {
  margin-top: 100px;
}



.card {
    background: #ffffff;
    border: none;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
    border-radius: 0;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.3;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "\f105";
    font: normal normal normal 16px/1 FontAwesome;
}

.landing-section {
    /* border-bottom: 2px solid #EFF3F7; */
    padding-bottom: 55px;
}

.blog-container .breadcrumb {
    background: transparent;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    padding-top: 35px;
    padding-bottom: 0;
}

.blog-container .breadcrumb a {
    color: #504EE4;
}

.list-item {
    display: flex;
    align-items: baseline;
}

.list-item .list-inline-item {
    color: #6C757D;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    margin-right: 0;
    letter-spacing: 0.01em;
}

.list-item .list-inline-item a {
    text-decoration: none;
	color: #504EE4;
    font-family: "Red Hat Text", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}

.list-item .list-inline-item a:hover {
    color: #0700d2;
}

/* .list-item .list-inline-item.category-about a {
    color: #504EE4;
    font-family: "Red Hat Text", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
} */

.list-item .list-inline-item:after {
    content: "\A";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #6C757D;
    display: inline-block;
    margin: 4px 8px
}

.list-item .list-inline-item:last-child::after {
    content: "|";
    background: transparent;
    color: #9EA8B1;
}

.list-item .mins-text {
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #9EA8B1;
    text-transform: capitalize;
}

.list-item.author-date .list-inline-item {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 30px;
    color: #9EA8B1;
    text-transform: capitalize;
    font-family: "Red Hat Text", sans-serif;
}

.list-item.author-date .list-inline-item.read-time {
    font-family: "Spline Sans", sans-serif;
    font-weight: 500 !important;
    color: #8383A6 !important;
}

.list-item.author-date .list-inline-item:last-child::after {
    visibility: hidden;
}

.banner-card {
    /* width: 593px; */
    z-index: 9;
    background: #ffffff;
    border: transparent;
    box-shadow: none;
    /* box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); */
}

/*.banner-card .card-body {*/
/*    padding: 40px 51px 40px 32px;*/
/*}*/

.banner-card .card-body .card-title, .banner-card .card-body .card-title a {
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
    text-align: left;
    color: #21212C;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
    font-family: "Red Hat Text", sans-serif;
}

.card-margin {
	margin-bottom:24px;
}
.blog-container .blog-card .card-body {
	padding:24px;
}


.banner-card .card-body .card-title:hover,
.banner-card .card-body .card-title a:hover {
    /*text-decoration: underline;*/
    cursor:  pointer;
}
.not-pointer{
    text-decoration: none !important;
    cursor:  default !important;
}
.blog-three-section {
    padding-top: 60px;
    border-bottom: 2px solid #EFF3F7;
    padding-bottom: 55px;
}

.blog-three-section .blog-left-card .card-body {
    padding: 32px;
}


.blog-three-section .blog-left-card .card-body .card-title,
.blog-three-section .blog-left-card .card-body .card-title a {
    font-size: 22px;
    font-weight: 700;
    line-height: 38px;
    text-align: left;
    color: #120155;
    letter-spacing: 0.02em;
    margin-top: 8px;
    margin-bottom: 30px;
}

.blog-three-section .list-item .list-inline {
    margin-bottom: 0.5rem;
}

.blog-three-section .blog-left-card .list-item .list-inline-item {
    font-size: 17px;
    line-height: 20px;
}

.blog-three-section .list-item .list-inline-item {
    font-size: 12px;
    line-height: 20px;
}

.blog-three-section .list-item .list-inline-item::after {
    margin: 2px 8px;
}

.blog-three-section .blog-left-card .list-item .list-inline-item:last-child::after {
    visibility: visible;
}

.blog-three-section .list-item .list-inline-item:last-child::after,
.blog-three-section .list-item.author-date .list-inline-item:last-child::after {
    visibility: hidden;
}

.blog-three-section .card-body .card-title,
.blog-three-section .card-body .card-title a {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #120155;
}

.blog-three-section .blog-right-card {
    margin-bottom: 20px;
}

.blog-three-section .blog-right-card .card-body,
.popular-blog-section .card .card-body {
    padding: 1rem;
}

.blog-three-section .heading-text h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #120155;
    margin-bottom: 24px;
}

.popular-blog-section {
    max-height: 660px;
    overflow-y: scroll;
}

.popular-blog-section::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.popular-blog-section::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.popular-blog-section::-webkit-scrollbar-thumb {
    background-color: #504ee4;
}

.popular-blog-section .card {
    box-shadow: none;
    background: #F1F3F5;
    margin-bottom: 15px;
}

.popular-blog-section .card .list-item .list-inline-item,
.popular-blog-section .card .list-item .list-inline-item a {
    color: #312855;
}

.popular-blog-section .card .card-title,
.popular-blog-section .card .card-title a {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #83909D;
    margin-bottom: 0;
}

.pagination-section {
    padding-top: 50px;
    padding-bottom: 100px;
}

/* .pagination-section .list-item .list-inline-item {
    font-size: 13px;
} */

.pagination-section .list-item .list-inline-item.readtime {
    font-size: 14px;
    font-family: "Spline Sans", sans-serif;
    font-weight: 500;
    color: #8383A6;
}

.pagination-section .list-item .list-inline-item:last-child::after {
    visibility: hidden;
}

.pagination-section .card-body .card-title, .pagination-section .card-body .card-title a {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 32px;
    letter-spacing: 0.02em;
    color: #21212C;
    font-family: 'Poppins';
}


.pagination-section .pagination {
    padding-top: 48px;
    align-items: center;
}


.pagination-section .card {
    margin-bottom: 80px;
}

.pagination-section .pagination .list-group {
    flex-direction: row;
}

.pagination-section .box .box-content {
    bottom: 30px;
    left: -30px;
}

.pagination a.page-link {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #120155;
    letter-spacing: 0.01em;
    background: transparent;
    border: 1px solid;
    border-image-source: linear-gradient(90deg, #CCD9E3 0%, rgba(204, 217, 227, 0) 100%);
    border-image-slice: 1;
    border-radius: 0px;
}

.pagination a.page-link.pre-link {
    border: 1px solid;
    border-image-source: linear-gradient(260deg, #CCD9E3 0%, rgba(204, 217, 227, 0) 100%);
    border-image-slice: 1;
}

.pagination .list-group a.page-link {
    border-image-slice: 0;
    border: 1px solid rgb(204 217 227 / 40%);
    padding: 8px 18px;
}

.pagination .list-group a.page-link:hover {
    background: rgba(18, 1, 85, 0.04);
    border: 1px solid #120155;
}

.pagination .list-group .page-item:first-child a.page-link {
    width: 48px;
    border-radius: 0;
}
.page-item:last-child .page-link{
    border-radius: 0;
}
.pagination a.page-link.pre-link svg {
    transform: rotate(180deg);
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none;
}

/* subscribe-section */
.subscribe-section {
    padding-bottom: 100px;
}

.subscribe-section .blog-container{
    padding: 60px 0;
    /*background: linear-gradient(97.08deg, #3A2774 0%, #211740 97.54%);*/
    background-image: url('https://klenty.xdrtech.com/wp-content/uploads/2025/04/bg-Image.png');
    border-radius:10px;
	background-size: cover;
}



.subscribe-section h4 {
    color: #fff;
    text-align: center;
    font-size: 32px !important;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
}

.subscribe-text{
	text-align: center;
}

.subscribe-text .k-navbar-blue {
    margin: auto;
    width: 220px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px !important;
    padding: 10px 25px !important;
    height: auto;
}
.subscribe-text .k-navbar-blue:hover {
    color: #fff;
}

.see-more-btn .k-navbar-blue:hover {
    color: #fff;
    background-color: #2a28ac;
}

.box {
    overflow: hidden;
    position: relative;
}

.box img {
    width: 100%;
    height: auto;
    transition: all .5s ease 0.2s;
    border-radius: 6px;
}

.blog-post .box {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.blog-container .blog-card .box img {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}



.box .box-content {
	display: none;
    color: #fff;
    text-align: left;
    opacity: 0;
    transform: skew(20deg);
    position: absolute;
    bottom: 40px;
    right: -50%;
    z-index: 1;
    transition: all .4s ease-in-out;
}

.box:hover .box-content {
    opacity: 1;
    transform: skew(0);
    right: 25px;
}

.box .title {
    color: #fff;
    background-color: #504EE4;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    padding: 8px 20px 8px 20px;
    margin-bottom: 0;
}

/*.landing-section .box .box-content {
    right: -50%;
    left: unset;
}

.landing-section .box:hover .box-content {
    right: 50px;
    left: unset;
}*/

.landing-section .box .title {
    font-size: 20px;
    line-height: 32px;
    padding: 15px 25px 15px 50px;
}

.blog-right-card .box .box-content {
    bottom: 20px;
}

.blog-right-card .box:hover .box-content {
    left: 10px;
}

.blog-right-card .box .title {
    font-size: 10px;
    line-height: 16px;
    padding: 8px 20px 8px 20px;
}

.border-right-line {
    position: relative;
}

.border-right-line:after {
    content: '';
    height: 116%;
    width: 2px;

    position: absolute;
    right: -2px;
    top: -60px;

    background-color: #EFF3F7;
}

.leading-section {
    background: #F9F7FF;
    margin-bottom: 55px;
}

.leading-text h4 {
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 0.01em;
    color: #120155;
    padding-bottom: 40px;
    position: relative;
}

.leading-text h4:after {
    content: "";
    position: absolute;
    width: 167px;
    height: 2px;
    left: 0;
    top: 60px;
    background: #505050;
}

.leading-text p {
    font-weight: 400;
    font-size: 19px;
    line-height: 36px;
    letter-spacing: 0.02em;
    color: #343434;
    max-width: 737px;
}

.like-headeing h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.02em;
    color: #343434;
    padding-bottom: 35px;
}

.details-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.table-content {
    max-width: 250px;
}

.table-content .tableHead {
    font-weight: 600;
    font-size: 20px !important;
    line-height: 20px;
    text-transform: capitalize;
    letter-spacing: 0.01em;
    /* border-bottom: 1px solid #EFF3F6; */
    padding-bottom: 10px;
    margin-bottom: 35px;
}

.table-content ul {
    margin: 0;
    padding: 0;
}

.table-content ul li.table-list, .table-content ul li.table-list a {
    list-style: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #606060;
    margin-bottom: 20px;
    text-decoration: none;
    border-left: 0px solid #0089FF;
    transition: border-left 0.2s;
    padding-left: 0px !important;
    transition: padding-left 0.2s;
}

.table-content ul li.table-list a:hover {
    color: #0089FF;
    border-left: 1px solid #0089FF;
    transition: border-left 0.2s;
    display: table-cell;
    transition: padding-left 0.2s;
    padding-left: 13px;
}

.table-content ul li.table-list ul {
    padding-left: 20px;
}

.table-content ul li.table-list ul li,
.table-content ul li.table-list ul li a {
    list-style-type: disc;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #797979;
    padding-top: 8px;
    text-decoration: none;
    display: list-item;
    margin-bottom: 0px;
    padding-left: 0;
    border: none;
}

.table-content ul li.table-list ul li a:hover {
    color: #0089FF;
    display: inherit;
    border: none;
    padding-left: 0;
}

/* .details-content {
    max-width: 656px;
} */

.subtext-content p {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: #343434;
    margin-bottom: 20px;
}

.subtext-content ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: #343434;
    margin-bottom: 10px !important;
}

/*ul.wp-block-list li:not(:has(ul))::before {*/
/*    content: "";*/
/*    width: 12px;*/
/*    height: 12px;*/
/*    background-image: url('/wp-content/uploads/2025/04/nomal.png');*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    position: absolute;*/
/*    top: 7px;*/
/*    left: 0;*/
/*}*/


.subtext-content ul li {
  position: relative;
  padding-left: 20px;
  list-style: none;
}

/* This will apply the custom bullet to ALL lis */
.subtext-content ul li:not(:has(ul))::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 12px;
  height: 12px;
  background-image: url('/wp-content/uploads/2025/04/nomal.png');
  background-size: contain;
  background-repeat: no-repeat;
}

/* REMOVE the bullet if li has children */
.subtext-content ul li.has-children::before {
  display: none;
}




.subtext-content ul {
    padding-bottom: 8px;
    margin-bottom: 8px !important;
    padding-inline-start: 10px;
}

.subtext-content p a {
    color: #0089FF;
}

.subtext-content p.text-gray {
    color: #A0A0A0;
    font-style: italic;
}

.decoration-none{
	text-decoration: none !important;
	cursor: auto !important;
}

.fixed-sidebar {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
	height: 87vh;
    top: 104px;
    bottom: auto;
    overflow-y: scroll;
}

/* for fixing scroll issue */
.fixed-sidebar::-webkit-scrollbar{
	display: none;
}

.sidebar-scroll-content {
    padding-top: 30px;
}

.sidebar-scroll-content p,
.sidebar-scroll-content li {
    text-align: justify;
}


.sidebar-scroll-content h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0.02em;
    color: #120155;
    margin-bottom: 20px;
	font-family: "Red Hat Text", sans-serif;
}

.sidebar-scroll-content img {
    padding-bottom: 20px;
    max-width: 100%;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    display: flex;
}

.sidebar-scroll-content h5 {
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0.02em;
    color: #343434;
    margin-bottom: 20px;
}

.sidebar-scroll-content h6 {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.02em;
    color: #343434;
    margin-bottom: 20px;
}

.feedback-section {
    padding-top: 80px;
    padding-bottom: 0px;
    text-align: center;
}

.feedback-section .img-box {
    width: 100%;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    padding-bottom: 15px;
}

.feedback-section .img-box img {
    border-radius: 50%;
    width: 56px;
    height: 56px;
}

.feedback-section .img-box hr {
    margin-left: 10px;
    margin-right: 10px;
    border-top: 1px solid #CCD9E3;
}

.feedback-section .img-box .hr-line {
    -moz-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.feedback-section .text-box {
    width: 445px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.feedback-section .text-box p {
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #616A72;
    margin-bottom: 8px;
}

.feedback-section .text-box p small {
    letter-spacing: 0.01em;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #6C7986;
}

.feedback-section .social-box {
    display: flex;
    justify-content: center;
}

.feedback-section .social-box a {
    margin-right: 15px;
}

.landing-page .breadcrumb-section {
    background: #F9F7FF;
    padding-top: 45px;
}

.landing-page .landing-section {
    border-bottom: none;
}

.detail-page .breadcrumb-section {
    background: #F9F7FF;
}

.detail-page .landing-section {
    border-bottom: none;
    background: #F9F7FF;
}

.detail-page .pagination-section {
    padding-top: 45px;
}

.details-card-list .list-item a span img {
    width: 24px;
    padding-right: 5px;
}

.details-card-list .list-item .list-inline-item a {
    color: #343434;
    font-size: 16px;
}

.details-card-list .list-item .list-inline-item a:hover {
    color: #0089FF;
}
.details-card-list .list-item .mins-text {
    color: #6C757D;
    font-size: 16px;
}

.details-card-list .list-item.detail-author-views .list-inline-item span {
    color: #0089FF;
}


    /*bottom: 65px;*/

.backtoTop {
    position: fixed;
    bottom: 40px;
    right: 50px;
    background: #FFFFFF;
    width: 56px;
    height: 56px;
    text-decoration: none;
    padding: 12px 14px;
    border-radius: 50px;
    display: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999;
    font-size: 0;
    -webkit-box-shadow: 0px 0 2px 1px rgb(0 0 0 / 16%);
    box-shadow: 0px 0 2px 1px rgb(0 0 0 / 16%);

}

.backtoTop img {
    width: 28px;
    height: 28px;
}

.wp-block-image.aligncenter{
	width:100%;
}

.wp-block-button{
	text-align: center;
	width: 100%;
}

.wp-block-button-left{
	text-align: left;
	width: 100%;
}

.wp-block-button-rigth{
	text-align: right;
	width: 100%;
}

@media only screen and (max-width: 768px) {
	.fixed-sidebar{
		height:100%;
	}
	.table-content{
		max-width: 100%;
	}
} 


@media only screen and (max-width: 1000px) {
  

    .blog-container {
        padding: 0 20px;
    }

    .blog-container .breadcrumb {
        line-height: 18px;
        font-size: 12px;
    }

    /* .breadcrumb-section .my-4 {
        margin-bottom: 0 !important;
    } */

    .landing-section {
        padding-bottom: 6px;
    }

    .landing-section .col-4,
    .landing-section .col-8 {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .landing-section .row {
        align-items: flex-start !important;
		/* flex-direction: column-reverse; */
    }

    .landing-section .box {
        width: 100%;
    }

    .landing-section .banner-card {
        width: 100%;
		box-shadow: none !important;
    }

    .banner-card .card-body {
        padding: 13px;
        padding-bottom: 0;
    }

    .list-item {
        justify-content: space-between;
    }

    .list-item .list-inline-item {
        font-size: 12px;
        line-height: 15px;
    }

    .list-item .mins-text {
        font-size: 9px;
        line-height: 14px;
    }

    .list-item.author-date .list-inline-item {
        font-size: 14px;
        line-height: 14px;
    }

    .list-item .list-inline-item:after {
        margin: 2px 8px;
    }
    .main-section {
        margin-top: 60px;
    }

    .banner-card .card-body .card-title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .banner-card .card-body .card-title a {
        cursor: pointer;
        font-size: 26px;
    }
    .blog-three-section {
        padding-top: 30px;
    }

    .blog-three-section .blog-left-card .list-item .list-inline-item {
        font-size: 10px;
        line-height: 15px;
    }

    .blog-three-section .blog-left-card .card-body .card-title,
    .blog-three-section .blog-left-card .card-body .card-title a {
        font-size: 14px;
        line-height: 21px;
    }

    .blog-three-section .blog-left-card .list-item.author-date .list-inline-item {
        font-size: 9px;
        line-height: 14px;
    }

    .blog-three-section .blog-left-card {
        margin-bottom: 20px;
    }

    .blog-three-section .blog-left-card .card-body {
        padding: 16px;
    }

    .blog-three-section .blog-left-card .card-body .card-title,
    .blog-three-section .blog-left-card .card-body .card-title a {
        margin-bottom: 15px;
    }

    .border-right-line:after {
        display: none;
    }

    .blog-three-section .blog-right-card .list-item .list-inline-item::after {
        margin: 1px 2px;
    }

    .blog-three-section .border-right-line .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .blog-three-section .blog-right-card .list-item .list-inline-item {
        font-size: 8px;
        line-height: 12px;
    }

    .blog-three-section .border-right-line .col-md-12:first-child {
        padding-right: 5px;
    }

    .blog-three-section .border-right-line .col-md-12:nth-child(2) {
        padding-left: 5px;
    }

    .blog-three-section .blog-right-card .card-body,
    .popular-blog-section .card .card-body {
        padding: 8px;
    }

    .blog-three-section .card-body .card-title,
    .blog-three-section .card-body .card-title a {
        font-size: 10px;
        line-height: 15px;
    }

    .blog-three-section .blog-left-card .list-item .list-inline-item:last-child::after {
        visibility: hidden;
    }

    .blog-three-section .heading-text h4{
        padding-top: 30px;
    }
    .popular-blog-section{
        max-height: 450px;
    }
    .pagination-section {
        padding-top: 45px;
        padding-bottom: 30px;
        border-bottom: 2px solid #EFF3F7;
    }

    .pagination-section .list-item .list-inline-item {
        font-size: 10px;
        line-height: 15px;
    }

    .pagination-section .card-body .card-title, .pagination-section .card-body .card-title a {
        font-size: 18px;
        line-height: 25px;
    }

    .pagination span.page-text {
        display: none;
    }

    .pagination a.page-link {
        font-size: 14px;
        line-height: 21px;
        padding: 10px 13px;
        font-weight: 600;
    }

    .pagination .list-group .page-item:first-child a.page-link {
        width: 28px;
    }

    .subscribe-section .col-4 {
        display: none;
    }

    .subscribe-section .col-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 1007%;
        max-width: 100%;
        text-align: center;
    }

    .subscribe-section h4 {
        font-size: 19px !important;
		margin-bottom:32px;
    }

    .subscribe-text .k-navbar-blue {
        width: 130px !important;
        text-transform: capitalize;
        display: block;
        margin: 0 auto !important;
    }

    .box .box-content {
        display: none;
    }

    .landing-page .k-navbar,
    .landing-page .k-subnavbar {
        background-color: #F9F7FF;
    }

    .landing-page .breadcrumb-section .my-4 {
        margin-bottom: 1rem !important;
        padding-top: 0px;
    }

    .landing-page .breadcrumb-section {
       padding-top: 0px;
    }


    .landing-page .leading-section .col-md-4 {
        display: none;
    }

    .landing-page .landing-section {
        border-bottom: 2px solid #EFF3F7;
    }

    .landing-page .leading-section {
        border-radius: 0px 0px 24px 24px;
        padding-bottom: 10px;
    }

    .landing-page .leading-text h4 {
        font-size: 18px;
        line-height: 27px;
        padding-bottom: 30px;
    }

    .landing-page .leading-text h4:after {
        width: 95px;
        top: 40px;
    }

    .landing-page .leading-text p {
        font-size: 12px;
        line-height: 18px;
    }

    .details-card-list .list-item a span img{
        width: 16px;
    }

    .details-card-list .list-item .list-inline-item a {
        font-size: 10px;
        line-height: 15px;
    }
    .details-card-list .list-item .list-inline-item:last-child::after{
        visibility: hidden;
    }

    .details-card-list .list-item .mins-text {
        font-size: 9px;
        line-height: 14px;
        color: #9EA8B1;
    }

    .detail-page .k-navbar,
    .detail-page .k-subnavbar {
        background-color: #F9F7FF;
    }

    .detail-page .details-section {
        padding-bottom: 20px;
    }

    .detail-page .details-section .fixed-sidebar {
        position: relative;
        top: 0;
    }

    .detail-page .details-section .table-content {
        max-width: 100%;
        background: #F9F7FF;
        border-radius: 8px;
        padding: 40px;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    .table-content ul li.table-list,
    .table-content ul li.table-list a {
        margin-bottom: 25px;
/*         pointer-events: none; */
    }

    .subtext-content p,
    .subtext-content ul li {
        font-size: 16px;
		margin-top:8px;
    }

    .sidebar-scroll-content h4,
    .sidebar-scroll-content h5,
    .sidebar-scroll-content h6 {
        font-size: 20px;
        line-height: 28px;
    }

    .detail-page .feedback-section {
        padding-top: 20px;
    }

    .feedback-section .text-box {
        max-width: 100%;
    }

    .backtoTop {
        right: 20px;
        bottom: 70px;
        height: 35px;
        width: 35px;
        padding: 10px 11px;
    }
    .backtoTop img {
        width: 15px;
        height: 15px;
    }

    .subscribe-section .blog-container {
        border-radius: 0px;
    }
    .category-tabs a{
        font-size: 12px;
    }
    .subscribe-text .k-navbar-blue {
        font-size: 14px !important;
    }
}


@media only screen and (max-width: 1200px) {
	.rank-math-breadcrumb{
		max-width: 1140px !important;
		margin: auto !important;
	}
	
	.rank-math-breadcrumb p{
		padding-top: 1rem !important;
		font-size: 16px
	}
}


.front-latest.list-item .list-inline-item:after {
    content: "" !important;
    display: none;
}

.category-tabs-wrapper {
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

.category-tabs-wrapper::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.category-tabs {
    gap: 10px;
}
.category-tabs a {
    white-space: nowrap;
    flex-shrink: 0;
    color: #8383A6;
}
.category-tabs a:hover {
    color: #2b44ff !important;
}

.category-tabs a.k-navbar-blue {
    color: #fff !important;
}
.btn.focus, .btn:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.tab-search {
    padding: 8px 20px;
    padding-left: 35px;
    transition-duration: 500ms;
    font-size: 14px;
    font-family: 'Red Hat Text';
}

@media only screen and (max-width: 768px) {
    .tab-search {
        padding-left: 45px;
        margin-top: 30px;
    }
}
.tab-search-icon {
    top: 28%;
    left: 4%;
}

.footer-policy {
    text-align: center;
    padding: 20px 0;
}

.footer-policy ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    justify-content: center;
    font-size: 14px;
}

.footer-policy ul li {
    position: relative;
}

.footer-policy ul li:not(:last-child)::after {
    content: '|';
    margin-left: 10px;
    color: #999;
}


.footer-policy a:hover {
    color: #000;
    text-decoration: underline;
}


.meta-info {
    padding: 0;
    margin: 0;
}

.meta-info .author-name {
    font-weight: 600 !important;
    color: #4B4B67 !important;
}

.meta-info .read-time {
    margin-left: 20px;
    text-transform: none !important;
    color: #6c6c6c !important;
    font-size: 14px !important;
}

.table-content ul li.table-list a.alink.active{
    color: #612CD3;
}

@media (min-width: 1024px) {
    .blog-container .blog-card .card-body {
        min-height: 140px;
    }
}


.tip-box {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    background: #F3EFFC;
    border: 1px solid #e3d9f7;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    max-width: 100%;
    font-family: 'Segoe UI', sans-serif;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    margin: 50px 0;
}

.tip-badge {
  background: linear-gradient(135deg, #A855F7, #3B82F6);
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  height: fit-content;
  white-space: nowrap;
}

.tip-text {
  margin: 0;
  color: #2D2D2D;
  font-size: 1rem;
  font-style: italic;
  font-weight: 500;
  line-height: 1.5;
}


.highlight-box {
  background-color: #EFEAFC;
  padding: 25px;
  border-radius: 8px;
  color: #333;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 25px;
  margin: 50px 0;
}

.highlight-box p {
    margin-bottom: 0;
    font-size: 14px !important;
    letter-spacing: 0.16px;
    font-family: Poppins;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.16px;
    text-align: justify;
    vertical-align: middle;
}


.wp-block-image img {
    object-fit: contain;
    height: auto !important;
}


.blog-card .card {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    box-shadow: none;
    border-radius: 6px;
    border: 1px solid #F0F0F0;
}

.blog-card .card:hover .box a img {
  /*box-shadow: 0 10px 25px rgba(120, 99, 255, 0.4), 0 5px 15px rgba(207, 201, 255, 0.5);*/
  /*transform: translateY(-4px);*/
    transform: scale(1.05);
    border-radius: 12px;
}

.form-control.tab-search {
    
}
.form-control.tab-search:focus,
.form-control.tab-search:hover{
    box-shadow: 0px 4px 20px 0px #00000014;
    border: none;
}

/*.blog-container {*/
/*    max-width: 1192px;*/
/*}*/


/* Modern Scrollable Table with Fixed Column */
.scrollable-table {
    display: none;
}
.scrollable-table {
  width: 100%;
  overflow-x: auto;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  margin: 2rem 0;
  background: white;
  font-family: 'Segoe UI', system-ui, sans-serif;
  position: relative;
}

.scrollable-table table {
  width: 100%;
  min-width: 600px;
  border-collapse: separate;
  border-spacing: 0;
}

.scrollable-table th,
.scrollable-table td {
  padding: 1rem 1.25rem;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  white-space: nowrap;
  transition: all 0.2s ease;
}

/* Header styling */
.scrollable-table thead th {
  position: sticky;
  top: 0;
  background: linear-gradient(to bottom, #f8fafc, #f1f5f9);
  color: #1e293b;
  font-weight: 600;
  letter-spacing: 0.025em;
  backdrop-filter: blur(6px);
}

/* Fixed column styling */
.scrollable-table td.fixed-col,
.scrollable-table th.fixed-col {
  position: sticky;
  left: 0;
  background: white;
  z-index: 1;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.03);
  min-width: 180px;
}

.scrollable-table th.fixed-col {
  z-index: 2;
  border-top-left-radius: 12px;
}

/* Scrollable columns */
.scrollable-table td.scrollable-col,
.scrollable-table th.scrollable-col {
  min-width: 150px;
  color: #475569;
}

/* Hover effects */
.scrollable-table tbody tr:hover td {
  background: rgba(241, 245, 249, 0.7);
}

.scrollable-table tbody tr:hover td.fixed-col {
  background: white;
  font-weight: 500;
}

/* Rounded corners */
.scrollable-table thead th:first-child {
  border-top-left-radius: 12px;
}

.scrollable-table thead th:last-child {
  border-top-right-radius: 12px;
}

.scrollable-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}

.scrollable-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}

/* Optional: Add shadow to fixed column when scrolling */
.scrollable-table.scrolling td.fixed-col,
.scrollable-table.scrolling th.fixed-col {
  box-shadow: 4px 0 12px rgba(0, 0, 0, 0.1);
}

.landing-section.blog-hide-home .box:hover img {
	transform: scale(1.07);
}
.landing-section.blog-hide-home .box{
	border-radius: 12px;
}
.related-blog {
	font-family: "Red Hat Text", sans-serif;
	font-weight: 700;
	font-size: 24px;
}