.container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 0 15px;
}

body {
    background-color: #FFFEFC;
    font-weight: 500;
}

p {
    margin-bottom: 20px;
}
.wpcf7-not-valid-tip {
    display: none !important;
}
:root {
    --lblack: #222;
}


/* ============================== Header Css Start ============================== */

.header {
    position: absolute;
    position: relative;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    margin: 0;
}
.header-btn {
    background: #67343D;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    padding: 13px 32px;
    text-decoration: none;
    border: 1px solid #67343D;
}
.header-btn:hover {
    color: #67343D;
    background: #fff;
}
.header-main-right {
    display: flex;
    align-items: center;
    gap: 70px;
}
.header__menu {
	 display: none;
	 float: right;
	 padding: 5px 10px;
	 border-radius: 3px;
	 cursor: pointer;
	 clear: both;
}
@media (max-width: 991px) {
	 .header__menu {
	 	padding: 0px;
		display: block;
	}
}
.header__menu div {
    width: 30px;
    height: 3px;
    background-color: #191923;
    margin: 6px 0;
}
 .header nav {
    display: none;
    width: 290px;
    position: absolute;
    right: 15px;
    top: 70px;
    float: right;
    border-radius: 5px;
    background: #67343D;
}
 @media (min-width: 768px) {
	 .header nav {
		 width: 300px;
	}
}
 @media (min-width: 992px) {
	 .header nav {
		 display: block !important;
		 background: none;
		 width: auto;
		 position: static;
		 border-radius: 0;
		 float: right;
		 clear: both;
	}
}

 .header nav ul {
	 float: left;
	 list-style: none;
	 list-style-type: none;
	 margin: 0;
	 padding: 10px 20px;
	 width: 100%;
}
 @media (min-width: 992px) {
	 .header nav ul {
		 width: auto;
		 padding: 0;
	}
}
 .header nav ul li {
	 float: left;
	 list-style: none;
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 position: relative;
	 width: 100%;
     margin-bottom: 10px;
}
 @media (min-width: 768px) {
	 .header nav ul li {
		 margin: 0 0 10px 0;
		 padding: 0;
		 width: 100%;
	}
}
 @media (min-width: 992px) {
	 .header nav ul li {
		 padding: 10px;
		 margin: 0 15px 0 0;
		 width: auto;
		 position: static;
	}
}
 @media (min-width: 992px) {
	.header nav ul li {
        width: auto;
        margin: 0 15px 0 0;
        position: static;
	}
    .header nav ul li:last-child {
        margin: 0;
    }
}
 .header nav ul li:before {
	 display: none;
}

 .header nav ul li a {
	 font-weight: 600;
	 float: left;
	 color: #fff;
	 font-size: 16px;
	 line-height: 22px;
	 width: 100%;
	 padding: 0;
	 position: relative;
     text-decoration: none;
}
.header nav ul li a:hover {
	 color: #000;
}
 @media (min-width: 992px) {
	 .header nav ul li a:hover {
		 color: #201f1f;
	}
     .header nav ul li a  {
        color: #67343D;
     }
}

 .header nav ul li a:hover:before {
	 width: 100%;
}

 .header nav ul li.current-menu-item > a {
	 color: #fff;
}

 .header nav ul li.current-menu-item > a:before {
	 width: 0%;
}

 .header nav ul li a:before {
	 content: '';
	 position: absolute;
	 top: 28px;
	 display: none;
	 width: 0;
	 height: 2px;
	 background: #222222;
	 transition: all 300ms linear;
}

 @media (min-width: 768px) {
	 .header nav ul li a:before {
		 display: block;
	}
   
}

.header nav ul li.current-menu-item > a:before {
    width: 100%;
}
.header nav ul li.current-menu-item > a {
    color: #000;
}
.header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* ============================== Header Css End ============================== */

/* ============================== Footer Css Start ============================== */

.footer {
    position: relative;
    background: linear-gradient(180deg, #B58A78 0%, #7B4038 100%);
}

.footer::before {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: url("../images/footer-bg-flower.png") repeat-x;
    content: "";
    display: inline-block;
    height: 100px;
    background-position: bottom center;
}

.footer  .container {
    position: relative;
}
.footer-main {
    padding: 100px 0 150px;
}
.footer-top {
    margin: 0 auto 100px;
}
.footer-middle {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
    background: #0000000D;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #552931;
    padding: 22px 30px;
    margin-bottom: 50px;
    position: relative;
}
.footer-middle-left p {
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #FFFFFF;
}

.footer-middle-left p a {
    color: inherit;
    text-decoration: none;
}

.footer-middle-left p a:hover {
    opacity: 0.7;
}

.footer-middle-right ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.footer-middle-right ul li {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
}
.footer-middle-right ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}
.footer-bottom-right ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 20px;
}
.footer-bottom-right ul li {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
.footer-bottom-right ul li a, .footer-bottom-left p a {
    color: inherit;
    text-decoration: none;
}

.footer-bottom-right ul li:hover a {
    color: #E0CFAF;
}

.footer-bottom-left p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin: 0;
}
.footer-middle:before {
    content: "";
    position: absolute;
    left: 0%;
    background: url("../images/ant-footer.png");
    width: 280px;
    height: 50px;
    top: -50px;
    background-size: 100% 100%;
}
.footer-middle-right ul li:hover a img {
    filter: brightness(10);
}

.footer-middle-right ul li:hover {
    background: #67343D;
}

.footer-top-wrap .email {
    font-size: 28px;
    color: #fff;
}

.footer-top-wrap .email a {
    color: #fff;
    text-decoration: none;
}

.footer-top-wrap .email a:hover {
    color: #E0CFAF;
}

.footer-top-wrap .email h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.app-play-store {
    display: flex;
    gap: 10px;
    align-items: center;
}
.app-play-store a img {
    display: block;
}
.privcy-badge {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 40px;
    border-bottom: 2px solid #552931;
    padding-bottom: 30px;
}

.privcy-badge h6 {
    color: #fff;
    font-size: 22px;
    margin: 0 0 20px;
}

.badge-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.badge-img img {
    max-height: 70px;
}

@media (max-width: 767px) {
    .footer-main {
        padding: 40px 0 80px;
    }
    .footer-top {
        margin: 0 auto 50px;
    }

    .footer-middle {
        padding: 20px 15px;
        margin-bottom: 30px;
        justify-content: center;
        gap: 10px !important;
    }
    .footer-middle-left p {
        font-size: 18px;
    }
    .footer-middle-right ul {
        gap: 10px;
    }
    .footer-bottom {
        gap: 10px;
        justify-content: center;
    }
}

/* ============================== Footer Css End ============================== */

/* ============================== Blog Listing Css Start ============================== */

.blog-listing {
    padding: 60px 0 40px;
    position: relative;
}
.blog-listing-head h2 {
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    color: #222222;
    margin: 0 0 16px;
}
.blog-listing-head {
    max-width: 930px;
    width: 100%;
    margin: 0 auto 40px;
    text-align: center;
}
.blog-listing-head p {
    font-weight: 500;
    font-size: 18px;
    line-height: 180%;
    color: var(--lblack);
    margin: 0;
}
.blog-listing-featured {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #DBDBDB;
}
.blog-listing-featured-left {
    max-width: calc(100% - 400px);
    width: 100%;
}
.blog-listing-featured-right {
    max-width: 380px;
    width: 100%;
}
.blog-listing-featured-left-img {
    position: relative;
}

.blog-listing-featured-left-categories {
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid #E6E6E6;
    background: #FFFFFF;
    color: #222222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 14px;
    display: none;
}

.blog-listing-featured-left-img img {
    display: block;
    width: 100%;
    height: 370px;
}
.blog-listing-featured-left-cont-auth {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.blog-listing-featured-left-cont-auth p {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #67343D;
    margin: 0;
}
.blog-listing-featured-left-cont-auth span {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
}
.blog-listing-featured-left-cont {
    margin-top: 20px;
}
.blog-listing-featured-left-cont h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #222222;
    margin: 0;
}
.blog-listing-featured-right-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
}

.blog-listing-featured-right-inner-img {
    max-width: 135px;
    height: 90px;
    width: 100%;
    object-fit: cover;
}

.blog-listing-featured-right-inner-img img {
    width: 100%;
    height: 100%;
}
.blog-listing-featured-right-inner-categories {
    border: 1px solid #E6E6E6;
    background: #FFFFFF;
    display: inline-block;
    padding: 6px 14px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #222222;
    margin-bottom: 10px;
}
.blog-listing-featured-right-inner-cont h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #222222;
    margin: 0 0 14px;
}
.blog-listing-featured-right-inner-date {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--lblack);
}
.blog-listing-featured-right-inner-cont {
    max-width: calc(100% - 140px);
    width: 100%;
}
.blog-listing-featured-right-inner:last-child {
    margin-bottom: 0;
}
.blog-listing-main {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: space-between;
    margin-bottom: 100px;
}
.blog-listing-sidebar {
    max-width: 365px;
    width: 100%;
}
.blog-listing-grid {
    max-width: calc(100% - 390px);
    width: 100%;
}
.blog-listing-wrapper {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 24px;
}
.blog-listing-wrapper-inner {
    max-width: calc(50% - 12px);
    width: 100%;
    border: 1px solid #DBDBDB;
    position: relative;
}
.blog-listing-wrapper-inner-img {
    position: relative;
    height: 190px;
    width: 100%;
}

.blog-listing-wrapper-inner-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-listing-wrapper-inner-categories {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #E6E6E6;
    background: #FFFFFF;
    padding: 6px 14px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin-left: 10px;
}
.blog-listing-wrapper-inner-cont {
    padding: 20px 20px 30px;
}
.blog-listing-wrapper-inner-auth {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 18px;
}
.blog-listing-wrapper-inner-auth p {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #67343D;
}
.blog-listing-wrapper-inner-auth span {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
}
.blog-listing-wrapper-inner-cont h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #222222;
    margin: 0 0 20px;
}
.blog-listing-wrapper-inner-cont-link {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #67343D;
    text-decoration: none;
}
.blog-listing-wrapper-inner-cont-link:hover {
    color: #67343D;
}
/* .blog-listing-wrapper-inner-cont-link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
} */
.blog-listing-sidebar-inner {
    border: 1px solid #F3E7D0;
    background: #FFFBF3;
    margin-bottom: 24px;
    padding: 15px;
}
.blog-listing-sidebar-inner:last-child {
    margin-bottom: 0;
}
.blog-listing-sidebar-inner h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #222222;
    margin: 0 0 20px;
}
.search-bar {
    border: 1px solid #F3E7D0;
    background: #FFFCF6;
    position: relative;
    height: 50px;
}
.search-bar .search-input {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 13px 50px 13px 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #222222;
    display: block;
    border: 0;
    border-radius: 0;
}
.search-bar .button {
    position: absolute;
    border: 0;
    background: transparent;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    cursor: pointer;
}
.related-post-main-item {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 14px;
}
.related-post-main-item-img {
    width: 120px;
    height: 90px;
    background: #fff;
}
.related-post-main-item-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.related-post-main-item-content {
    max-width:calc(100% - 135px);
    width: 100%;
}
.related-post-main-item-content h4 {
    margin: 0;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.related-post-main-item-content a {
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #222222;
    margin: 0 0 10px;
    display: block;
}
.related-post-main-item-content-date span {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--lblack);
}
.related-post-main-item:last-child {
    margin-bottom: 0;
}
.sidebar-categories-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-categories-list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #222222;
    padding: 15px 0;
    border-bottom: 1px solid #F3E7D0;
}

.sidebar-categories-list li a:hover, .sidebar-categories-list li.active a {
	color: #67343D;
}

.sidebar-categories-list li a span {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
}
.sidebar-categories-list li:last-child a {
    border-bottom: 0;
}
.sidebar-categories-list li:first-child a {
    border-top: 1px solid #F3E7D0;
}
.pagination .pagination-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}
.pagination .pagination-list li {
    border: 1px solid #DBDBDB;
    width: 50px;
    height: 50px;
}
.pagination .pagination-list li a,
.pagination .pagination-list li span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #000A11;
}
.pagination .pagination-list li:hover a,
.pagination .pagination-list li span.current {
    box-shadow: 0px 2px 4px 0px #67343D4D;
    background: #67343D;
    color: #fff;
}
.pagination .pagination-list li.arrow a:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(746%) hue-rotate(151deg) brightness(117%)contrast(100%);
}
.pagination .pagination-list li.next-arrow a img {
    transform: rotate(180deg);
}
.pagination {
    margin-top: 80px;
}

/* ============================== Blog Listing Css End ============================== */

/* ============================== Blog Detail Css Start ============================== */


.blog-post-header-categories a {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #222222;
    padding: 6px 14px;
    text-decoration: none;
    border: 1px solid #E6E6E6;
    display: inline-block;
}
.blog-post-header-categories {
    text-align: center;
    margin-bottom: 14px;
}
.blog-post-header {
    text-align: center;
    margin: 0 0 40px;
}
.blog-post-header .blog-post-title {
    font-weight: 700;
    font-size: 42px;
    line-height: 100%;
    color: #222222;
    margin: 0 0 26px;
}
.blog-post-header p {
    font-weight: 500;
    font-size: 18px;
    line-height: 180%;
    color: var(--lblack);
    margin: 0 0 30px;
}
.blog-post-header .blog-post-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 10px;
}
.blog-post-header .blog-post-meta li {
    position: relative;
    padding-left: 16px;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--lblack);
}
.blog-post-header .blog-post-meta li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: #D9D9D9;
    border-radius: 50%;
}
.blog-post-header .blog-post-meta li:nth-child(2) {
    color: #222222;
}
.blog-post-header .blog-post-meta li:first-child {
    color: #67343D;
}

.blog-featured-image {
    width: 100%;
}

.blog-featured-image img {
    width: 100%;
    height: 100%;
}
.wp-block-rank-math-toc-block {
    border: 1px solid #F3E7D0;
    background: #FFFBF3;
    margin: 0 0 30px;
    padding: 30px;
}

.blog-single-wrapper .wp-block-rank-math-toc-block h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    color: #222222;
    margin: 0 0 20px;
}

.blog-single-page {
    margin-bottom: 40px;
}

#rank-math-faq {
    margin-bottom: 50px;
}

.wp-block-rank-math-toc-block nav ol {
    margin: 0;
    padding: 0;
}
.wp-block-rank-math-toc-block nav ol li {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #222222;
    margin-bottom: 20px;
}
.wp-block-rank-math-toc-block nav ol li a {
    text-decoration: none;
    color: inherit;
}
.wp-block-rank-math-toc-block nav ol li:last-child {
    margin-bottom: 0;
}
.blog-single-wrapper p {
    font-weight: 500;
    font-size: 18px;
    line-height: 180%;
    color: var(--lblack);
    margin: 0 0  20px;
}
.blog-single-wrapper h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #222222;
    margin: 0 0 20px;
}
.blog-single-wrapper ul {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
}
.blog-single-wrapper ul li {
    font-weight: 500;
    font-size: 18px;
    line-height: 180%;
    color: var(--lblack);
    margin-bottom: 5px;
}
.blog-single-wrapper ul li:last-child {
    margin-bottom: 0;
}
.blog-single-wrapper figure img {
    width: 100%;
    height: 400px;
}
.blog-single-wrapper figure {
    margin: 0 0 20px;
}
.blog-single-wrapper h3 {
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #222222;
    margin: 0 0 20px;
}
.rank-math-block .rank-math-list-item {
    border: 1px solid #DFDFDF;
    background: #FFFFFF;
    padding: 20px;
    margin-bottom: 20px;
}
.rank-math-block .rank-math-list-item:last-child {
    margin-bottom: 0;
}
.rank-math-block .rank-math-list-item .rank-math-question {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #222222;
    margin: 0;
    width: 100%;
    position: relative;
    padding-right: 40px;
    cursor: pointer;
}
.rank-math-block .rank-math-list-item .rank-math-answer {
    margin-top: 26px;
    display: none;
}
.rank-math-block .rank-math-list-item .rank-math-answer p {
    font-weight: 500;
    font-size: 16px;
    line-height: 180%;
    color: var(--lblack);
    margin: 0;
}
.rank-math-block .rank-math-list-item .rank-math-question:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: url("../images/plus-icon.svg");
}
.rank-math-block .rank-math-list-item.active .rank-math-answer {
    display: block;
}
.rank-math-block .rank-math-list-item.active .rank-math-question:before {
    background: url("../images/minus-icon.svg");
}

.author-deatils {
	position: relative;
    border: 1px solid #8B555E;
    background: #67343D;
    padding: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 50px;
}

.author-deatils:after {
	content: "";
	display: inline-block;
	background: url(../images/quotes-icon.svg) no-repeat;
	position: absolute;
	right: 50px;
	top: 40px;
	width: 35px;
	height: 20px;

}

.author-deatils-img {
    width: 112px;
    height: 112px;
    border: 1px solid #8B555E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.author-deatils-cont {
    max-width: calc(100% - 134px);
    width: 100%;
}
.author-deatils-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.author-deatils-cont .author-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #DABABF;
    margin: 0 0 20px;
}
.author-deatils-cont .author-bio {
    font-weight: 500;
    font-size: 18px;
    line-height: 180%;
    color: #fff;
    margin: 0;
}
.navigation.post-navigation .nav-links > div {
   max-width: calc(50% - 12px);
   width: 100%;
   box-shadow: 0px 8px 18px 0px #67343D33;
}
.navigation.post-navigation .nav-links {
    gap: 24px;
    flex-wrap: wrap;
}
.navigation.post-navigation .nav-links > div a {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    text-decoration: none;
    text-align: center;
    padding: 40px 54px;
    height: 100%;
}
.navigation.post-navigation .nav-links > div a .nav-subtitle {
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #67343D;
    margin-bottom: 20px;
}
.navigation.post-navigation .nav-links > div a .nav-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #222222;
}
nav.navigation.post-navigation {
    margin: 0 0 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #DBDBDB;

}
.related-posts h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 30px;
}
.related-posts-listing {
    display: flex;
    align-items: stretch;
    gap: 24px;
    flex-wrap: wrap;
}
.related-posts-listing .blog-listing-wrapper-inner {
    max-width: calc(33.333% - 16px);
}
.blog-listing-wrapper-inner-categories a {
    color: inherit;
    text-decoration: none;
}
.blog-listing-wrapper-inner-auth p {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #67343D;
}

.blog-listing-wrapper-inner-cont a {
    text-decoration: none;
    color: inherit;
}

.blog-listing-wrapper-inner-cont a:hover h3 {
    color: #67343D;
}

.blog-listing-wrapper-inner-cont a h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #222222;
    margin: 0 0 20px;
}
.blog-listing-wrapper-inner-cont .blog-listing-wrapper-inner-cont-link {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #67343D;
    text-decoration: none;
}

.blog-listing-wrapper-inner-cont .blog-listing-wrapper-inner-cont-link:hover {
	opacity: 0.8;
}

.related-posts {
    margin-bottom: 100px;
}

.blog-single-wrapper {
    margin-top: 60px;
}
.blog-listing-featured-right-inner-cont h3 a,
.blog-listing-featured-right-inner-categories a,
.blog-listing-featured-left-categories a,
.blog-listing-featured-left-cont a{
    text-decoration: none;
    color: inherit;
}
.blog-single-page-content {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
}

.pagination .pagination-list li a.prev.page-numbers {
    font-size: 0;
    background: url(../images/arrow-right.svg) no-repeat center;
    transform: rotate(180deg);
}

.pagination .pagination-list li a.next.page-numbers {
    font-size: 0;
    background: url(../images/arrow-right.svg) no-repeat center; 
}

.search-results .blog-listing-wrapper-inner { max-width: calc(33.33% - 16px);}
.search-results .blog-listing-grid { max-width: 100%;}

.blog-single-form h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    margin: 0 0 16px;
    color: #222222;
}

.blog-single-form .comment-row .comment-col input, .blog-single-form .comment-textarea textarea {
    width: 100%;
    border: 1px solid #F3E7D0;
    background: #FFFCF6;
    border-radius: 0;
    padding: 19px 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #222222;
    font-family: 'Plus Jakarta Sans', sans-serif;
    display: block;
}
.blog-single-form h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    color: #222222;
    margin: 0 0 16px;
}
.blog-single-form .comment-form >  p {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: var(--lblack);
    margin: 0 0 24px;
}
.blog-single-form .comment-row {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 24px;
}
.blog-single-form .comment-row .comment-col {
    max-width: calc(50% - 12px);
    width: 100%;
}
.blog-single-form .comment-submit-btn {
    text-align: right;
    margin-top: 30px;
}
.blog-single-form .comment-submit-btn input[type="submit"] {
    box-shadow: 0px 4px 13.8px 4px #67343D40;
    background: #67343D;
    border: 1px solid #67343D;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-family: 'Plus Jakarta Sans', sans-serif;
    padding: 17px 32px;
    border-radius: 0;
    cursor: pointer;
}
.blog-single-form .comment-submit-btn input[type="submit"]:hover {
    background: #fff;
    color: #67343D;
}
.blog-single-form .comment-textarea textarea {
    height: 207px;
    resize: none;
}
.newsletter {
    background: #F3E7D0;
    padding: 70px;
    margin-bottom: 100px;
}
.newsletter-inner {
    max-width: 890px;
    width: 100%;
    margin: 0 auto;
}
.newsletter-head {
    display: flex;
    align-items: stretch;
    gap: 60px;
    flex-wrap: wrap;
}
.newsletter-head-cont h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    color: #222222;
    margin: 0 0 16px;
}
.newsletter-head-img {
    max-width: 190px;
    width: 100%;
}
.newsletter-head-img img {
    display: block;
    width: 100%;
    height: 100%;
}
.newsletter-head-cont {
    max-width: calc(100% - 250px);
    width: 100%;
}
.newsletter-head-cont p {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: var(--lblack);
}
.newsletter-form form p {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    position: relative;
}
.newsletter-form form p .wpcf7-form-control-wrap input {
    background: #FFFCF6;
    border: 1px solid #F3E7D0;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #222222;
    padding: 18px 20px;
    max-width: 400px;
    width: 100%;
}
.newsletter-form form p .wpcf7-form-control-wrap .country-select {
    max-width: 250px;
    width: 100%;
}
.newsletter-form form p .wpcf7-spinner {
    position: absolute;
    right: -30px;
    margin: 0;
}
.newsletter-form form p .wpcf7-form-control-wrap .country-select input {
    max-width: 100%;
}
.newsletter-form form p input[type="submit"] {
    box-shadow: 0px 4px 13.8px 4px #67343D40;
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: #67343D;
    border: 1px solid #67343D;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    padding: 17px 39px;
    border-radius: 0;
    cursor: pointer;
}
.newsletter-form form p input[type="submit"]:hover {
    background: #fff;
    color: #67343D;
}
.newsletter-form form p .wpcf7-form-control-wrap input:focus {
    outline: none;
    box-shadow: none;
}
.newsletter-form form p .wpcf7-form-control-wrap:first-child {
    max-width: 400px;
    width: 100%;
}
.newsletter-form form p .wpcf7-form-control-wrap {
    max-width: 250px;
    width: 100%;
}
.blog-single-form {
    margin-bottom: 100px;
}
.newsletter-form form p .wpcf7-form-control-wrap .country-select .country-list {
    max-width: 250px;
}

/* ============================== Blog Detail Css End ============================== */


.banner-ant {
    text-align: center;
}

.banner-section {
    padding: 60px 0;
    width: 100%;
    position: relative;
}

.banner-video {
    position: relative;
    min-height: 500px;
    margin-top: -130px;
}

.banner-video.no-ant-img {
    margin-top: 0;
}
.banner-video img {
    height: 100%;
    max-height: 600px;
    width: 100%;
    object-fit: cover;
    display: block;
}
 

.banner-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -25px;
}

.banner-content {
    text-align: center;
    margin-bottom: 40px;
    /* max-width: 970px; */
    margin: 0 auto 40px;
}



h1 {
    color: #222222;
    font-weight: 600;
    font-style: Bold;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    margin: 0 0 20px;
}

.banner-content p {
    color: var(--lblack);
    font-weight: 500;
    font-size: 18px;
    line-height: 180%;
    margin: 0 0 20px;
}

.btn-primary {
    box-shadow: 0px 4px 13.8px 4px #00000040;
    background: #67343D;
    color: #fff;
    text-decoration: none;
    padding: 14px 35px;
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    transition: all 0.4s ease-in-out;
}

.btn-primary:hover {
    background: #fff;
    color: #67343D;
}

.btn-secondary {
    border: 2px solid #E5CE9A;
    color: #67343D;
    text-decoration: none;
    padding: 12px 35px;
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    background: #E5CE9A;
    transition: all 0.4s ease-in-out;
}
.btn-secondary:hover {
    background: #67343D;
    border-color: #67343D;
    color: #fff;
    box-shadow: 0px 4px 13.8px 4px #00000040;
}

.two-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.trusted-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.trusted-wrap ul {
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.trusted-title {
    color: var(--lblack);
    margin-right: 20px;
}

.trusted-section {
    padding-bottom: 60px;
}

.trusted-wrap ul img {display: inline-block;vertical-align: middle;}

.trusted-wrap ul li {
    display: inline-block;
    vertical-align: middle;
}

.circle-ring {
    max-width: 460px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.circle-ring img.makdi {
    position: absolute;
    bottom: -160px;
    z-index: -1;
    transform: scale(0.3);
    transition: all ease-out 0.5s;
    left: 40px;
    max-width: 370px;
    width: 100%;
}

.crm-admin.active .circle-ring img.makdi {
    bottom: 70px; 
    transform: scale(1);
}

.crm-admin {
    width: 100%;
    padding: 60px 0;
    position: relative;
}

.crm-admin:after {
    background: url(../images/ant-top.png) no-repeat;
    content: "";
    position: absolute; 
    width: 175px;
    height: 285px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-position: right center;
}

.crm-admin-wrap {
    display: flex;
    flex-wrap: wrap;
}

.crm-admin-wrap .crm-admin-ant {
    flex: 1;
}

.crm-admin-content {
    flex: 1;
    font-weight: 500;
    padding-top: 120px;
    padding-left: 120px;
    font-size: 18px;
    color: #222;
}


h2 {
    margin: 0 0 15px;
    color: #222222;
    font-size: 32px;
}


h2 {
    margin: 0 0 15px;
    color: #222222;
    font-size: 32px;
}
.title-center h2:first-of-type,
.headings-center h2, 
.headings-center h3{
    text-align: center;
}


.crm-admin-content h6 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: bold;
    color: #222;
}

.crm-admin-content  ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}

.label-crm {
    font-weight: 800;
    font-size: 3.2vw;
    line-height: 100%;
    letter-spacing: 0px;
    opacity: 0.08;
}


.crm-admin-content ul li:before {
    content: "";
    position: absolute;
    background: url(../images/check-green.svg) no-repeat;
    width: 20px;
    height: 20px;
    left: 0;
}

.crm-admin-content ul li {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    width: calc(100% - 30px);
    position: relative;
    padding-left: 32px;
}

.enrich-leads-wrap {
    background: linear-gradient(180deg, #A95765 34.39%, #432228 100%);
    border-width: 15px 15px 0px 15px;
    border-style: solid;
    border-color: #000000;
    border-radius: 40px 40px 0 0;
    display: flex;
    padding: 30px 60px;
    color: #fff;
    position: relative;
    align-items: center;
}

.enrich-leads-wrap .enrich-leads-left {
    width: 50%;
}

.enrich-leads-wrap .enrich-leads-left h2 {
    color: #FFFFFF;
}

.enrich-leads-right {
    width: 50%;
    position: relative;
    padding-left: 30px;
}

.enrich-leads-right img {
    border-radius: 20px;
    box-shadow: 1px 1px 20px 0px #0000001A;
    position: relative;
    z-index: 1;
}

.btn-white {
    background-color: #FFFFFF;
    color: #67343D;
}

.btn-white:hover {
    background-color: #E0CFAF;
}

.enrich-leads-wrap .enrich-leads-left .btn-primary {
    margin-top: 30px;
}

.enrich-leads-right:before {
    background: url(../images/enrich-leads-shape.png) no-repeat;
    content: "";
    position: absolute;
    width: 137px;
    height: 158px;
    bottom: 40px;
    left: -21px;
    background-position: left bottom;
    z-index: 0;
    background-size: 90%;
}

.enrich-leads-section {
    padding-top: 40px;
}

.zizg-section {
    padding-top: 100px;
}

.pt-20 {
    padding-top: 20px !important;
}
.pt-40 {
    padding-top: 40px !important;
}

.pt-60 {
    padding-top: 40px;
}
.mt-0 {
    margin-top: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.p-60 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.zizg-list {
    display: flex;
    flex-direction: column;
}

.zizg-wrap {
    display: flex;
    margin-bottom: 100px;
    gap: 60px;
    align-items: center;
}

.zizg-wrap .zizg-img {flex: 1;}

.zizg-wrap .zizg-content {
    flex: 1;
    max-width: 40%;
    color: var(--lblack);
    font-size: 16px;    
}

.zizg-wrap .zizg-content ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.zizg-wrap .zizg-content ul li {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    width: calc(100% - 30px);
    position: relative;
    padding-left: 32px;
}

.zizg-wrap .zizg-content ul li:before {
    content: "";
    position: absolute;
    background: url(../images/check-green.svg) no-repeat;
    width: 20px;
    height: 20px;
    left: 0;
}


.zizg-wrap:nth-child(even) {
    flex-direction: row-reverse;
}

.card__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    color: #fff;
    padding: 60px;
    background: linear-gradient(180deg, #A95765 34.39%, #432228 100%);
    border-radius: 40px;
    padding: 60px;
}

.card__inner .card__image-container, .card__inner .card__content {
    flex: 1;
}

.card__inner h2.card__title {
    color: #fff;
}

.card__inner .card__description {
    margin-bottom: 50px;
}


.card__inner:before {
    content: "";
    position: absolute;
    width: 160px;
    height: 150px;
    bottom: 0;
    right: 0;
    background: url(../images/card-shape-bottom.png) no-repeat center;
    background-size: cover;
    z-index: 0;
}

.card {
    position: sticky;
    top: 0;
}

.card__inner .card__image-container img.card__image { 
    border-radius: 20px;
}


.card:nth-child(even) .card__inner {
    flex-direction: row-reverse;
}

.card:nth-child(even) .card__inner:before {
    right: auto;
    left: 0;
    top: 0;
    bottom: auto;
    background: url(../images/card-shape-top.png) no-repeat center;
}

.cards-section {
    margin-bottom: 100px;
}

.testimonal-section {
    width: 100%;
    background: url(../images/testimonal-bg.png) no-repeat center; 
}

.testimonal-title {
    text-align: center;
    max-width: 755px;
    margin: 0 auto 50px;
    color: var(--lblack);
}

.testimonal-title h2 {
    margin-bottom: 10px;
}

.testimonal-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.testimonal-left {
    max-width: 325px;
    width: 100%;
}

.testimonal-right {
    width: calc(100% - 325px);
}

.testimonal-item {
    box-shadow: 0px 11px 14px 0px #67343D1A;
    background: #fff;
    margin: 0 12px 24px;
    padding: 30px 20px;
    border-radius: 18px;
}

.testimonal-item .testimonal-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.testimonal-item .testimonal-logo img {
    height: 50px;
    max-width: 160px;
}

.testimonal-content {
    color: #222222;
    font-weight: 500;
    font-size: 14px;
    line-height: 170%;
}

.testimonal-content p:last-child {
    margin-bottom: 0;
}


.btn-wrap button {
    background: transparent;
    border: 1px solid #67343D;
    width: 54px;
    cursor: pointer;
    height: 54px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-wrap {
    display: flex;
    gap: 20px;
}

.btn-wrap button.prev-btn {
    transform: rotate(180deg);
}

.btn-wrap button.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.testimonal-left h2 {
    margin-bottom: 40px;
}


.join-waitlist-section {
    padding-top: 40px;
    padding-bottom: 100px;
    position: relative;
}

.join-waitlist-section .container {
    position: relative;
}

.join-waitlist-section .two-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 200px;
    background: url(../images/left-flower.png) no-repeat;
    background-size: contain;
}

.join-waitlist-section .two-btn::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 200px;
    background: url(../images/right-flower.png) no-repeat;
    background-size: contain;
}

.join-waitlist-section .two-btn .btn-primary,
.join-waitlist-section .two-btn .btn-secondary {
    font-size: 18px;
}

.join-waitlist-section .two-btn .btn-primary, .join-waitlist-section .two-btn .btn-secondary {
    font-size: 18px;
    padding: 23px 30px 22px;
    min-width: 210px;
    text-align: center;
}

.join-waitlist-section .two-btn .btn-secondary {
    padding: 21px 50px 20px;
}


.join-waitlist-section .two-btn {
    align-items: flex-end;
}

.join-waitlist-section .two-btn img {
    display: block;
}

.wp-block-group.faq-top {
    max-width: 850px;
    margin: 0 auto 50px;
}

.footer-top-wrap {
    display: flex;
    justify-content: space-between;
}

.footer-top-wrap .footer-logo {
    width: 30%;
}

.footer-top-wrap .footer-top-right {width: 50%;display: flex;justify-content: flex-end;}

.footer-menu-column {
    width: 35%;
}

.footer-menu-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu-column ul li a {
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px;
    display: inline-block;
}
.footer-menu-column ul li.current-menu-item a{
    color: #d4d4d4;
}


.footer-menu-column ul li {
    width: 100%;
    display: inline-block;
}

.footer-menu-column ul li a:hover {
    color:#d4d4d4;
}

.footer-menu-column h6 {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    color: #FFFFFF;
    margin: 0 0 20px;
}

.bottom-sticky-banner {
    position: fixed;
    bottom: -500px;
    z-index: 1;   
    transition: all ease-in-out 0.5s;
    width: 100%;
}

.bottom-sticky-content {
    background: linear-gradient(180deg, #A95765 34.39%, #432228 100%);
    width: 100%;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 30px;    
    width: 100%;
    position: relative;
}

.bottom-sticky-banner .close {
    position: absolute;
    right: 10px;
    width: 30px;
    cursor: pointer;
    top: 10px;
}

.bottom-sticky-banner h6 {
    font-size: 18px;
    margin: 0 0 10px;
}

.bottom-sticky-banner h2 {
    color: #fff;
}

.bottom-sticky-banner p:last-child {
    margin-bottom: 0;
}

.blog-single-wrapper {
    position: relative;
}

.blog-single-wrapper::after {
    content: "";
    display: block;
    height: var(--extra-height, 0px); 
}

.blog-single-wrapper {
    position: relative;
}

.blog-single-wrapper::after {
    content: "";
    display: block;
    height: var(--extra-height, 0px);
}
 
body.sticky-footer-enabled .bottom-sticky-banner {
    bottom: 20px;
}



@media (max-width: 1199px) {
    .newsletter-form form p .wpcf7-form-control-wrap:first-child,
    .newsletter-form form p .wpcf7-form-control-wrap {
        max-width: calc(50% - 12px);
    }
    .newsletter-form form p .wpcf7-form-control-wrap input,
    .newsletter-form form p .wpcf7-form-control-wrap .country-select {
        max-width: 100%;
    }

    .banner-video video {
        left: 0;
    }

    .banner-ant img {
        margin-left: 35px;
    }

    .trusted-title { margin-right: 10px; }
    .crm-admin-content .label-crm {
        font-size: 7vw;
    }

}

@media (max-width: 991px) {
	.blog-single-wrapper {
	    margin-top: 40px;
	}
	.header { padding: 15px 0; }
	.search-results .blog-listing-wrapper-inner {
	    max-width: calc(50% - 16px);
	}
    .blog-single-form {
        margin-bottom: 50px;
    }
    .newsletter {
        padding: 30px;
        margin-bottom: 50px;
    }
    .header__menu div {
        width: 20px;
        height: 2px;
        background-color: #191923;
        margin: 3px 0;
    }
    .blog-listing-grid,
    .blog-listing-sidebar {
        max-width: 100%;
    }
    .newsletter-form form p .wpcf7-form-control-wrap:first-child,
    .newsletter-form form p .wpcf7-form-control-wrap {
        max-width: calc(50% - 12px);
    }
    .newsletter-form form p .wpcf7-form-control-wrap input,
    .newsletter-form form p .wpcf7-form-control-wrap .country-select {
        max-width: 100%;
    }

    .banner-video { min-height: 420px;}
    .banner-section { padding: 40px 0 20px;}
    .crm-admin-content {
        padding-top: 10px;
        padding-left: 50px;
    }

    .crm-admin.active .circle-ring img.makdi {
        bottom: 15px;
        z-index: -1;
        left: 30px;
        max-width: 300px;
    }

    .header nav ul li.current-menu-item > a:before {
        display: none;
    }

    .crm-admin { padding:60px 0 40px 0;}
    .enrich-leads-wrap { padding: 30px; }
    .enrich-leads-right { padding-left: 15px; }
    .enrich-leads-wrap .enrich-leads-left .btn-primary { margin-top: 0; }
    .zizg-section { padding-top: 60px; }
    .zizg-wrap { margin-bottom: 40px;}
    .card__inner { 
        gap: 20px;
        border-radius: 20px;
        padding: 30px;
    }

    .testimonal-left {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .testimonal-right {
        width: 100%;
        margin-top: 20px;
    }

    .testimonal-slider  .slick-track {
        display: flex;
    }

    .testimonal-item {
        height: auto;
    }

    ul.slick-dots {
        margin: 0;
    }

    .slick-dots li button:before {
        font-size: 16px;  
        color: #67343d;
    }

    .slick-dots li.slick-active button:before {
        color: #67343d;
        opacity: 1;
    }

    .testimonal-left .btn-wrap { display: none;}
    .card__inner p.card__description {
        margin-bottom: 20px;
    }

    h2 {
        font-size: 28px;
        line-height: 130%;
    }

}

@media (max-width: 767px) {
    .header-btn {
        font-size: 14px;
        line-height: 18px;
        padding: 10px 22px;
    }
    .header-main-right {
        gap: 20px;
    }
    .header__logo {
        max-width: 120px;
        width: 100%;
        position: relative;
        display: block;
    }
    .header__logo img {
        width: 100%;
        display: block;
    }
    .blog-listing-head h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .blog-listing {
        padding: 30px 0;
    }
    .blog-listing-head p {
        font-size: 16px;
    }
    .blog-listing-featured-left {
        max-width: 100%;
    }
    .blog-listing-head {
        margin: 0 auto 20px;
    }
    .blog-listing-featured-left-img img {
        height: 300px;
    }
    .blog-listing-featured-right-inner-img {
        max-width: 100px;
        height: 100px;
    }
    .blog-listing-featured-right-inner-cont {
        max-width: calc(100% - 120px);
    }
    .blog-listing-featured-right-inner-cont h3 {
        font-size: 14px;
    }
    .blog-listing-featured {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .blog-listing-grid {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .blog-listing-wrapper-inner {
        max-width: 100%;
    }
    .pagination {
        margin-top: 40px;
    }
    .blog-listing-sidebar-inner {
        padding: 15px;
    }
    .blog-listing-featured-right-inner-cont h3,
    .blog-listing-wrapper-inner-cont a h3{
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }
    .blog-listing-wrapper-inner-cont a h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .blog-post-header .blog-post-meta {
    	flex-direction: column;
    }

    .blog-post-header .blog-post-title {
    	font-size: 32px;
    }

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

	.wp-block-rank-math-toc-block {
	    margin: 0 0 20px;
	    padding: 15px;
	}

	.related-posts-listing .blog-listing-wrapper-inner {
	    max-width: 100%;
	}

	.related-posts {
	    margin-bottom: 60px;
	}

	.footer-bottom-right ul {
		gap: 10px;
	}

	.footer-bottom-right ul li, .footer-bottom-left p { font-size: 12px; }
	.navigation.post-navigation .nav-links > div { max-width: calc(50% - 5px); }
	.navigation.post-navigation .nav-links > div a .nav-title { font-weight: 700; font-size: 16px; line-height: 20px;	color: #222222;	}
	.navigation.post-navigation .nav-links > div a .nav-subtitle { margin-bottom: 10px; }
	.navigation.post-navigation .nav-links { gap: 10px;}
	.navigation.post-navigation .nav-links > div a {     padding: 20px 10px; }
	nav.navigation.post-navigation { margin: 0 0 40px;	}
	.author-deatils { margin-bottom: 30px;}
	.footer .footer-bg {
	    width: 150%;
	    height: 100%;
	    left: 0;
	    top: 0;
	    object-fit: cover;
	    max-width: unset;
	}

	.footer { position: relative; overflow: hidden;  }
	.author-deatils {
	    margin-bottom: 30px;
	    padding:30px 15px;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	}

	.author-deatils-cont {
	    max-width: 100%;
	    width: 100%;
	}

	.author-deatils-cont .author-name { margin: 0 0 10px; }
	.author-deatils:after { display: none; }
	.rank-math-block .rank-math-list-item .rank-math-answer { margin-top: 10px;}
	.rank-math-block .rank-math-list-item .rank-math-question { font-size: 18px; word-break: break-all;}
    .faq-section {margin-top: 30px;}
    .wp-block-group.faq-top {margin: 0 auto 30px;}
	.rank-math-block .rank-math-list-item { padding: 15px; margin-bottom: 15px;}
	.blog-single-wrapper p, .blog-single-wrapper ul li, .blog-single-wrapper ol li { font-size: 16px; }
	.blog-single-wrapper h3 { font-size: 22px; }
	.blog-single-wrapper h2 { font-size: 28px; }
	.blog-single-wrapper figure img {width: 100%; height: auto; }
	.blog-listing-main { flex-direction: column-reverse;  margin-bottom: 50px;}
	.search-results .blog-listing-wrapper-inner {
	    max-width: 100%;
	}
    .blog-single-form .comment-row .comment-col {
        max-width: 100%;
    }
    .blog-single-form {
        margin-bottom: 50px;
    }
    .newsletter {
        padding: 30px 15px;
        margin-bottom: 50px;
    }
    .newsletter-head-img img {
        margin: 0 auto;
    }
    .newsletter-head-cont {
        max-width: 100%;
    }
    .newsletter-head {
        gap: 30px;
        justify-content: center;
        margin-bottom: 20px;
    }
    .newsletter-head-cont h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .newsletter-form form p .wpcf7-form-control-wrap .country-select,
    .newsletter-form form p .wpcf7-form-control-wrap,
    .newsletter-form form p .wpcf7-form-control-wrap:first-child,
    .newsletter-form form p .wpcf7-form-control-wrap input {
        max-width: 100%;
    }
    .newsletter-form form p .wpcf7-spinner {
        right: 0;
    }
    .newsletter-form form p .wpcf7-form-control-wrap .country-select .country-list {
        max-width: unset;
    }

    .two-btn {
        gap: 10px;
        flex-wrap: wrap;
    }

    h1 {
        font-size: 38px;
    }

    .banner-content p { font-size: 18px; line-height: 160%;}
    .btn-primary, .btn-secondary { font-size: 16px;}
    .banner-video {
        min-height: 195px;
    }

    .trusted-section {
        padding-bottom: 40px;
    }

    .trusted-title {
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }

    .trusted-wrap ul {
        gap: 12px;
        flex-wrap: wrap;
    }

    .trusted-wrap {
        flex-wrap: wrap;
    }

    .crm-admin {
        padding: 40px 0 40px 0;
    }

    .crm-admin-wrap .crm-admin-ant {
        flex: 100%;
    }

    .crm-admin-content {
        padding-top: 10px;
        padding-left: 0;
        flex: 100%;
    }

    .label-crm {
        font-size: 13.5vw;
    }

    .enrich-leads-wrap {
        padding: 30px 20px;
        flex-direction: column-reverse;
    }

    .enrich-leads-right {
        padding-left: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .enrich-leads-wrap .enrich-leads-left {
        width: 100%;
    }

    .enrich-leads-wrap {
        padding: 30px 15px;
        flex-direction: column-reverse;
    }

    .zizg-wrap {
        flex-direction: column;
    }

    .zizg-wrap .zizg-content {
        max-width: 100%;
    }

    .zizg-wrap .zizg-img {
        flex: 100%;
    }

    .zizg-wrap {
        margin-bottom: 20px;
        flex-wrap: wrap;
    }

    .card__inner, .card:nth-child(even) .card__inner {
        gap: 20px;
        border-radius: 20px;
        padding: 15px;
        flex-direction: column;
    }

    .testimonal-left h2 {
        margin-bottom: 15px;
    }


    .join-waitlist-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .join-waitlist-section .two-btn:before, .join-waitlist-section .two-btn::after {
        display: none;
    }

    .join-waitlist-section .two-btn img { max-width: 140px;}
    .crm-admin:after { background-size: 50%; top: 80%; }
    .footer-top-wrap {
        flex-direction: column;
        justify-content: space-between;
    }

    .footer-top-wrap .footer-logo {
        width: 100%;
    }

    .footer-top-wrap .footer-top-right {
        width: 100%;
        justify-content: flex-start;
        margin-top: 20px;
    }

    .badge-list { gap: 5px;}
    .privcy-badge h6 { font-size: 18px; }
    .privcy-badge { margin-bottom: 30px; padding-bottom: 20px; }
    .enrich-leads-right:before { bottom: 10px;}

}

.newsletter-form form p .wpcf7-form-control-wrap .iti__country-list {
    width: 250px;
}