@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

*,
body {
    font-family: "Inter", sans-serif;
}

body {
    background: linear-gradient(180deg, #F0F3F8 0%, rgba(240, 243, 248, 0.00) 800px);
}

body .blog-listing-card article.elementor-post {
    position: relative;
}

body .blog-listing-card .elementor-post__card {
    padding: 16px;
    border-radius: 12px !important;
    border: 1px solid rgba(222, 227, 238, 0.80) !important;
    background: #FFF;
    box-shadow: 0 20px 36px 0 rgba(89, 92, 98, 0);
    overflow: hidden;
    z-index: 0;
    transition: all 0.3s;
    position: relative;
}

body .blog-listing-card .elementor-posts .elementor-post__badge {
    color: #FF2768;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    background: transparent;
    padding: 0;
    margin: 0 0 12px !important;
    position: relative;
    border-radius: 0 !important;
    text-transform: none !important;
}

body .blog-listing-card .elementor-posts .elementor-post__avatar {
    top: auto !important;
    position: absolute;
    bottom: 16px;
    padding: 0 !important;
    height: 40px;
}

body .blog-listing-card .elementor-posts .elementor-post__avatar img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 100%;
    transform: none;
}

body .blog-listing-card .elementor-posts .elementor-post__card .elementor-post__meta-data {
    padding: 0 0 0 52px;
    display: flex;
    border: none;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(30, 30, 30, 0.60);
}

body .blog-listing-card .elementor-posts .elementor-post__card .elementor-post__text {
    margin: 0;
    padding: 0;
}

body .blog-listing-card .elementor-posts .elementor-post__card .elementor-post__text h3 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin: 0 0 8px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

body .blog-listing-card .elementor-posts .elementor-post__card .elementor-post__text h3 a {
    color: inherit;
    line-height: inherit;
}

body .blog-listing-card .elementor-post__excerpt {
    overflow: hidden;
    color: rgba(30, 30, 30, 0.80);
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
}

body .blog-listing-card .elementor-posts .elementor-post__card .elementor-post__meta-data span.elementor-post-author {
    color: #1E1E1E;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}

body .blog-listing-card .elementor-posts .elementor-post__card .elementor-post__meta-data span+span:before {
    display: none;
}

body .blog-listing-card .elementor-post__thumbnail__link {
    margin: 0 0 16px !important;
    overflow: hidden;
}

body .blog-listing-card .elementor-post__thumbnail__link::before {
    content: "" !important;
    position: absolute;
    bottom: 16px;
    right: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83398 14.1668L14.1673 5.8335M14.1673 5.8335H5.83398M14.1673 5.8335V14.1668' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    background-color: #1E1E1E;
    width: 44px;
    height: 44px;
    z-index: 1;
    display: block !important;
    border-radius: 100%;
    transform: translateY(120px);
    transition: all 0.3s;
}

body .blog-listing-card .elementor-posts .elementor-post__thumbnail {
    overflow: hidden;
    border-radius: 8px;
}

body .blog-listing-card .elementor-posts .elementor-post__thumbnail img {
    width: 100%;
    height: 240px !important;
    object-fit: cover;
    border-radius: 8px !important;
}

body .blog-listing-card .elementor-posts__hover-gradient .elementor-post__card .elementor-post__thumbnail__link:after {
    border-radius: 8px;
    display: none !important;
}

body .blog-listing-card .elementor-posts .elementor-post__card .elementor-post__excerpt {
    margin-bottom: 24px;
}

body .blog-listing-card .elementor-post__card:hover .elementor-post__thumbnail__link::before {
    transform: translateY(0px);
}

body .blog-listing-card .elementor-post__card:hover {
    box-shadow: 0 20px 36px 0 rgba(89, 92, 98, 0.12);
}

body .blog-listing-card .elementor-button {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    display: inline-block;
    padding: 8px 24px;
    color: #fff;
    fill: #fff;
    text-align: center;
    transition: all .3s !important;
    border-radius: 8px;
    border: 1px solid #FF2768;
    background: #FF2768;
}

body .blog-listing-card .elementor-button:hover {
    box-shadow: 0 16px 58px 0 rgba(255, 39, 104, .4);
}

.badge-title-cst .elementor-widget-container {
    display: inline-flex;
    padding: 4px 10px !important;
    align-items: center;
    border-radius: 16px;
    border: 1px solid #fff !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 20%, #fff 100%);
}

.badge-title-cst .elementor-widget-container .elementor-icon-box-content {
    display: flex;
}

.badge-title-cst2 .elementor-widget-container {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 20%, rgba(255, 255, 255, 0.10) 100%);
}

.btn-black-outline-new .elementor-button-icon {
    display: flex;
}

.btn-black-outline-new .elementor-button-icon svg {
    width: 22px;
}

.btn-black-outline-new .elementor-button {
    position: relative;
}

.btn-black-outline-new .elementor-button::before {
    content: "" !important;
    background-image: linear-gradient(90deg, #fff0, #fff, #fff0);
    width: 100%;
    height: 1px;
    display: block !important;
    position: absolute;
    bottom: 0;
    left: 0;
}

.social-list-footer .elementor-icon.elementor-social-icon {
    background: transparent;
}

.abs-left-started,
.abs-right-started {
    pointer-events: none !important;
}

.get-started-card {
    overflow: hidden;
}

.get-started-card::before {
    content: "";
    width: 968px;
    height: 443px;
    background: rgba(255, 39, 104, 0.4);
    filter: blur(118px);
    position: absolute;
    top: -23rem;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

.share-row-dv {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    padding: 12px 0;
    margin-block: 12px;
    border-top: 1px solid #F0F3F8;
    border-bottom: 1px solid #F0F3F8;
}

.share-profile {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.share-profile h4 {
    margin: 0;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}

ul.share-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

ul.share-buttons a {
    padding: 9px;
    border-radius: 8px;
    border: 1px solid #DEE3EE;
    color: #1E1E1E;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-width: 40px;
    gap: 8px;
    justify-content: center;
}

ul.share-buttons a svg {
    width: 20px;
}

.comments-area h2 {
    margin: 0 0 4px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}

.comments-area p.comment-notes {
    color: rgba(30, 30, 30, 0.60);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 24px;
}

.comments-area label {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 6px;
}

.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="url"],
.comments-area input[type="password"],
.comments-area input[type="search"],
.comments-area input[type="tel"],
.comments-area input[type="number"],
.comments-area textarea {
    border-radius: 8px;
    border: 1px solid #dee3ee;
    background: #fff;
    padding: 11px 16px;
    color: rgba(30, 30, 30, 0.60);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    max-height: 120px;
    resize: none;
}

.comments-area p {
    margin-bottom: 24px;
}

.comments-area [type=submit] {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    display: inline-block;
    padding: 8px 24px;
    color: #fff;
    fill: #fff;
    text-align: center;
    transition: all .3s !important;
    border-radius: 8px;
    border: 1px solid #FF2768;
    background: #FF2768;
    width: 100%;
}

.comments-area [type=submit]:hover {
    box-shadow: 0 16px 58px 0 rgba(255, 39, 104, .4);
}

.post-content-cst .elementor-widget-container {
    color: rgba(30, 30, 30, 0.80);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.post-content-cst p {
    margin-block: 16px;
}

.post-content-cst h1,
.post-content-cst h2,
.post-content-cst h3,
.post-content-cst h4,
.post-content-cst h5,
.post-content-cst h6 {
    color: #000;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.32px;
    margin-block: 16px;
}

.badge-title-cst2 .elementor-icon-box-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-content-cst h3 {
    font-size: 32px;
    margin-block: 48px 16px;
}

.post-content-cst h3 strong {
    font-weight: 600;
}

.post-content-cst a {
    white-space: normal;
    word-break: break-all;
    color: #1C59FF;
    text-decoration: underline !important;
}

body .comment-respond {
    margin-block: 16px;
}

body section.comments-area {
    margin-top: 8px;
}

body #comments .comment .comment-body,
body #comments .pingback .comment-body {
    border-block-end: 1px solid #F0F3F8;
    padding-block-start: 24px;
    padding-block-end: 24px;
    padding-inline-start: 52px;
}

body #comments .comment .comment-body p {
    color: #1E1E1E;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

#comments .comment-meta {
    flex-direction: column;
    color: rgba(30, 30, 30, 0.60);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-block-end: 8px !important;
}

#comments .comment-meta .comment-author {
    line-height: 21px;
    color: #1E1E1E;
    font-weight: 600;
}

#comments .comment-meta .comment-author b.fn,
#comments .comment-meta .comment-author a {
    font-size: inherit;
    font-weight: inherit;
    color: #1E1E1E;
    text-decoration: none;
}

#comments .reply,
#comments .comment-awaiting-moderation,
#comments .comment-meta .comment-author span.says {
    display: none;
}

#comments .comment-awaiting-moderation,
#comments .comment-metadata a {
    color: rgba(30, 30, 30, 0.60);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-decoration: none;
}

ul.share-buttons .copy-link.copied {
    background: #F0F3F8;
}


.header-btn-col .elementor-widget-wrap .elementor-element {
    margin: 0;
    padding: 0;
    width: auto;
}

.header-btn-col .elementor-widget-wrap {
    gap: 12px;
    display: flex;
    align-items: center;
}

body li.biedx-ai>a>i::after {
    display: none !important;
}

.header-new-col .elementor-element {
    width: auto;
    margin: 0;
}

.elementor-column.header-new-col .elementor-widget-wrap {
    display: flex;
    align-items: center;
    gap: 32px;
}

.header-new-col .elementskit-submenu-panel>li>a {
    border-radius: 12px;
}

.header-new-col .elementskit-submenu-panel>li i.icon.icon-down-arrow1,
.header-new-col .elementskit-submenu-panel>li i.icon.icon-down-arrow1:before {
    font-size: 14px;
    top: 4px;
}

.comments-area p.comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.comments-area p.comment-form-cookies-consent label {
    margin: 0;
    position: relative;
    min-height: 20px;
    padding: 0 0 0 30px;
    cursor: pointer;
}

.comments-area p.comment-form-cookies-consent label::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #DEE3EE;
    display: inline-flex;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 1px;
}

.comments-area p.comment-form-cookies-consent label::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-check-icon lucide-check'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
}

.comments-area p.comment-form-cookies-consent input:checked+label::after {
    opacity: 1;
}

.comments-area p.comment-form-cookies-consent [type=checkbox] {
    display: none;
}

.page-not-found-main {
    padding: 80px 0;
    text-align: center;
}

.page-not-found-main h1.entry-title {
    margin: 0 0 16px;
    color: #000000;
    font-family: "Inter", Sans-serif;
    font-size: 56px;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -0.5px;
}

.page-not-found-main p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin: 0;
}

body #comments .children {
    padding: 0 !important;
}

body #comments .children::before {
    display: none !important;
}

@media (max-width: 1025px) {
    .post-content-cst .elementor-widget-container {
        font-size: 14px;
        line-height: 1.5;
    }

    .post-content-cst h3 {
        font-size: 24px;
        margin-block: 24px 12px;
    }

    .post-content-cst p {
        margin-block: 12px;
    }

    .header-new-col .elementor-element .elementskit-navbar-nav>li>a,
    .header-new-col .elementskit-navbar-nav-default .elementskit-navbar-nav {
        height: auto;
        color: #000 !important;
    }

    .header-new-col .elementskit-submenu-panel>li i.icon.icon-down-arrow1,
    .header-new-col .elementskit-submenu-panel>li i.icon.icon-down-arrow1:before {
        top: 0;
        margin-left: auto !important;
    }

    .header-new-col ul.elementskit-dropdown.elementskit-submenu-panel {
        padding: 0 !important;
    }

    .header-new-col .elementskit-submenu-panel>li>a {
        padding: 10px 16px !important;
        border-radius: 0 !important;
    }

    .header-new-col a.ekit-menu-nav-link {
        padding: 16px !important;
        justify-content: space-between;
    }

    .elementor-column.header-new-col .elementor-widget-wrap {
        gap: 16px;
    }

    .header-new-col .elementskit-menu-close {
        margin: 0 !important;
        padding: 0 !important;
        width: 28px !important;
        font-size: 0px !important;
        height: 28px;
        border-radius: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-new-col .elementskit-menu-close::after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-x-icon lucide-x'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
        display: flex;
        width: 20px;
        height: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
    }

    .header-new-col button.elementskit-menu-hamburger {
        padding: 0 !important;
        width: 36px !important;
        background: #f3f4f6 !important;
        border: none;
        height: 36px;
        border: 1px solid #ff276842;
        border-radius: 8px !important;
    }

    .elementor-column.header-new-col .elementor-widget-wrap {
        flex-direction: row;
        padding: 0 !important;
    }

    .header-new-col {
        width: auto !important;
    }

    .header-btn-col {
        width: auto !important;
        margin-left: auto;
    }

    .header-new-col img {
        width: auto !important;
        max-width: 56px !important;
    }

    .header-btn-col .elementor-align-right .elementor-button {
        padding: 6px 12px !important;
    }

    .header-btn-col .elementor-widget-wrap {
        gap: 6px;
    }

    .elementor-section.header-new {
        padding: 12px 20px !important;
    }

    .header-new-col .elementor-element .elementor-widget-container a {
        display: flex;
        flex-wrap: wrap;
    }

    body .blog-listing-card .elementor-posts .elementor-post__card .elementor-post__text h3 {
        font-size: 16px;
        line-height: 24px;
    }

    body .blog-listing-card .elementor-posts .elementor-post__card .elementor-post__excerpt {
        margin-bottom: 20px;
    }

    body .blog-listing-card .elementor-post__thumbnail__link::before {
        bottom: 12px;
        right: 12px;
        width: 32px;
        height: 32px;
    }

    body .blog-listing-card .elementor-posts .elementor-post__card .elementor-post__meta-data,
    body .blog-listing-card .elementor-posts .elementor-post__card .elementor-post__meta-data span.elementor-post-author {
        font-size: 12px;
        line-height: 18px;
    }

    .share-profile h4 {
        font-size: 14px;
        line-height: 21px;
    }

    ul.share-buttons a {
        font-size: 12px;
        line-height: 18px;
        gap: 6px;
    }

    ul.share-buttons a svg {
        width: 16px;
    }

    .comments-area p.comment-notes {
        font-size: 14px;
        line-height: 21px;
    }

    .comments-area input[type="text"],
    .comments-area input[type="email"],
    .comments-area input[type="url"],
    .comments-area input[type="password"],
    .comments-area input[type="search"],
    .comments-area input[type="tel"],
    .comments-area input[type="number"],
    .comments-area textarea {
        font-size: 14px;
        line-height: 24px;
        max-height: 100px;
        padding: 7px 16px;
    }

    .comments-area label {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 4px;
    }

    .comments-area h2 {
        margin: 0;
    }

    .comments-area p {
        margin-bottom: 16px;
    }

    body #comments .comment .comment-body p {
        font-size: 14px;
        line-height: 21px;
    }

    body #comments .comment .comment-body,
    body #comments .pingback .comment-body {
        padding-block-start: 16px;
        padding-block-end: 16px;
    }

    body .header-new-col .elementskit-navbar-nav .elementskit-submenu-panel {
        padding: 6px 0 !important;
    }

    .footer-new,
    .footer-new p,
    .footer-new a {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .footer-new .social-list-footer a {
        font-size: 18px !important;
    }

    .footer-new .elementor-column.footer-btm-right {
        display: flex;
        align-items: center;
    }

    .footer-new .footer-btm-left p {
        margin: 0;
    }

    .page-not-found-main h1.entry-title {
        font-size: 36px;
        line-height: 48px;
    }

    .page-not-found-main p {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media (max-width: 767px) {
    .badge-title-cst:not(.badge-title-cst2) .elementor-widget-container {
        display: inline-flex !important;
        padding: 4px 10px !important;
        align-items: center;
        border-radius: 16px;
        border: 1px solid #fff !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 20%, #fff 100%);
    }

    .badge-title-cst .elementor-widget-container .elementor-icon-box-wrapper {
        display: inline-flex !important;
        padding: 0;
        margin: 0;
        gap: 4px;
    }

    .e-con-full.btn-gst-dv.e-flex {
        gap: 4px;
    }

    .badge-title-cst .elementor-widget-container .elementor-icon-box-wrapper>* {
        margin: 0 !important;
        padding: 0;
        display: flex;
    }

    .post-content-cst h3 {
        font-size: 20px;
    }

    ul.share-buttons {
        gap: 8px;
    }

    ul.share-buttons a {
        font-size: 12px;
        line-height: 18px;
        gap: 4px;
        min-width: 30px;
        padding: 4px;
    }

    ul.share-buttons a svg {
        width: 14px;
    }

    body #comments .comment .comment-body,
    body #comments .pingback .comment-body {
        padding-inline-start: 0;
    }

    #comments .comment-meta .comment-author {
        margin: 0 0 12px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    #comments .comment .avatar {
        width: 32px;
        height: 32px;
        object-fit: cover;
        margin-inline-end: 8px;
    }

    .comments-area input[type="text"],
    .comments-area input[type="email"],
    .comments-area input[type="url"],
    .comments-area input[type="password"],
    .comments-area input[type="search"],
    .comments-area input[type="tel"],
    .comments-area input[type="number"],
    .comments-area textarea {
        padding: 7px 12px;
        max-height: 80px;
    }

    .comments-area p.comment-form-cookies-consent label {
        font-size: 14px;
        line-height: 1.4;
        padding-left: 24px;
    }

    .comments-area p.comment-form-cookies-consent label::before {
        width: 16px;
        height: 16px;
    }

    .comments-area p.comment-form-cookies-consent label::after {
        width: 16px;
        height: 16px;
        background-size: 12px;
    }

    .comments-area [type=submit] {
        font-size: 14px;
    }

    .comments-area p.comment-notes {
        margin-bottom: 12px;
    }
}