/* Home Tweentytwo (Theme 10) — theme overrides
 * Dynamic colors stay in partials/styles.blade.php (:root --main-clr / --secondary-clr)
 */
a{
    text-decoration: none !important;
}

/* Theme 10 buttons — stay in place; arrow nudges + soft glow */
.common__btn,
a.common__btn,
button.common__btn {
    gap: 10px;
    transition: color .35s ease, background-color .35s ease, border-color .35s ease, box-shadow .35s ease, filter .35s ease, opacity .35s ease;
}

.common__btn img,
a.common__btn img,
button.common__btn img {
    transition: transform .35s ease;
}

.common__btn:hover,
a.common__btn:hover,
button.common__btn:hover {
    opacity: 1;
}

.common__btn:hover img,
a.common__btn:hover img,
button.common__btn:hover img {
    transform: translate(3px, -3px);
}

.common__btn:hover span,
a.common__btn:hover span {
    color: inherit !important;
}

.circle {
    transition: color .35s ease, background-color .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.circle:hover {
    box-shadow: 0 0 0 6px rgba(242, 211, 129, 0.16);
}

.circle img {
    transition: transform .35s ease;
}

.circle:hover img {
    transform: translate(3px, -3px);
}

/* 1) Outline — gold text */
.common__btn.buttons_outline,
.banner__content .buttons_outline {
    color: var(--btn-clr);
    border-color: var(--btn-clr);
    background-color: transparent;
}

.common__btn.buttons_outline:hover,
.banner__content .buttons_outline:hover {
    color: var(--btn-clr) !important;
    background-color: rgba(242, 211, 129, 0.14);
    box-shadow: 0 0 0 4px rgba(242, 211, 129, 0.12);
}

/* 2) Primary filled — white text */
.common__btn.buttons_file,
.header__bottom .common__btn,
.banner__content .buttons_file,
.banner2 .buttons_file,
.contact .contact__form .common__btn,
.user-area-section .common__btn,
.contact-section.contact-page .common__btn,
.user-dashbord .common__btn,
.common__btn1,
.header__bottom_navbar .mbl-btn-quote .common__btn {
    background-color: var(--main-clr);
    border-color: var(--main-clr);
    color: #fff;
}

.common__btn.buttons_file:hover,
.header__bottom .common__btn:hover,
.banner__content .buttons_file:hover,
.banner2 .buttons_file:hover,
.contact .contact__form .common__btn:hover,
.user-area-section .common__btn:hover,
.contact-section.contact-page .common__btn:hover,
.user-dashbord .common__btn:hover,
.common__btn1:hover,
.header__bottom_navbar .mbl-btn-quote .common__btn:hover {
    color: #fff !important;
    filter: brightness(0.94);
    box-shadow: 0 0 0 4px rgba(255, 74, 23, 0.2);
}

/* Default outline on dark — keep white (beats Bootstrap link black) */
a.common__btn:hover {
    color: #fff !important;
}

/* 3) Soft gold filled — dark text (Explore, services, pricing, newsletter, insights video) */
.footer .subscribe .common__btn,
.pricing__card .common__btn,
.services__title .common__btn,
.projects__usecase_content .common__btn,
.blog__details .leave__replay .common__btn,
a.common__btn.blogs__video-btn,
.blogs__video-btn,
.footer .subscribe .common__btn:hover,
.pricing__card .common__btn:hover,
.services__title .common__btn:hover,
.projects__usecase_content .common__btn:hover,
.blog__details .leave__replay .common__btn:hover,
a.common__btn.blogs__video-btn:hover,
.blogs__video-btn:hover {
    color: #0f0f0f !important;
}

.footer .subscribe .common__btn:hover,
.pricing__card .common__btn:hover,
.services__title .common__btn:hover,
.projects__usecase_content .common__btn:hover,
.blog__details .leave__replay .common__btn:hover,
a.common__btn.blogs__video-btn:hover,
.blogs__video-btn:hover {
    filter: brightness(0.97);
    box-shadow: 0 0 0 4px rgba(242, 211, 129, 0.22);
}

/* Service list: counter top-aligned to first title line (scales with title size) */
.services__wapper_list li .service__name {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.2em !important;
    font-size: clamp(1.5625rem, 2.2vw + 0.9rem, 2.625rem) !important;
    line-height: 1.2 !important;
}

.services__wapper_list li .service__name .service__label {
    flex: 1 1 auto;
    min-width: 0;
    display: block;
    line-height: 1.2;
}

.services__wapper_list li .service__name .service__index,
.services__wapper_list li .service__name sup {
    display: block !important;
    flex: 0 0 auto !important;
    align-self: flex-start !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    vertical-align: baseline;
    margin: 0.32em 0 0 0 !important;
    padding: 0 !important;
    font-size: 0.38em !important;
    font-weight: 600;
    line-height: 1.2 !important;
    color: var(--btn-clr) !important;
}

.services__wapper_list li .describe {
    max-width: 501px;
    width: 100%;
    color: var(--grayWhite-clr, #e3ece7);
    font-size: clamp(0.9375rem, 0.3vw + 0.85rem, 1.0625rem);
    line-height: 1.55;
    font-weight: 400;
    opacity: 0.92;
}

/* Mobile / tablet: larger type, clearer stacking, less cramped copy */
@media (max-width: 991px) {
    .services__title {
        gap: 1rem;
    }

    .services__title .title {
        font-size: clamp(2rem, 6vw, 2.75rem) !important;
        line-height: 1.15 !important;
    }

    .services__wapper_list {
        margin-top: 1.5rem;
    }

    .services__wapper_list li .service__name {
        font-size: clamp(1.375rem, 4.2vw + 0.4rem, 1.875rem) !important;
        gap: 0.35em !important;
    }

    .services__wapper_list li .service__name .service__index,
    .services__wapper_list li .service__name sup {
        font-size: max(0.75rem, 0.42em) !important;
        margin-top: 0.28em !important;
    }

    .services__wapper_list li .describe {
        font-size: 0.9375rem;
        line-height: 1.6;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .services__wapper_list li {
        padding: 1.75rem 0 !important;
        gap: 0.85rem !important;
    }

    .services__wapper_list li:last-child {
        padding-top: 1.75rem !important;
        padding-bottom: 0 !important;
    }

    .services__wapper_list li .service__name {
        font-size: clamp(1.3125rem, 5vw, 1.625rem) !important;
        max-width: 100%;
    }

    .services__wapper_list li .describe {
        font-size: 1rem;
        line-height: 1.65;
    }

    .services__wapper_list li .icon {
        min-width: 52px !important;
        min-height: 52px !important;
        align-self: flex-start;
    }

    .services__title .common__btn {
        width: 100%;
        justify-content: center;
    }
}

.user-dashbord{
    padding-top: 3%;
}

.contact-section input{
    margin-bottom: 4%;
}

.contact-section .contact-form{
    background-color: var(--white);
    border-radius: 30px;
    margin-top: 30px;
}

.contact-section .contact-form input{
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-radius: 8px;
    outline: none;
    border: none;
    width: 100%;
    border: 1px solid var(--border);
    padding: 20px 20px;
    line-height: 1;
    color: var(--text);
    border: 1px solid;
}

.contact-section .user-form .no-gutters .text-center{
    text-align: left !important;
}

.user-dashbord .user-sidebar ul li{
    list-style: none;
}

.mbl-btn{
    display: none !important;
    width: max-content;
    margin-left: 3%;
    margin-bottom: 2%;
}

/* Partner logos — equal slot size; large uploads stay contained */
.partner {
    padding: 48px 40px !important;
}

.partner__content {
    align-items: center;
    gap: 48px;
    justify-content: flex-start !important;
}

.partner__content .slide,
.partner__content > a,
.partner__content > img {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 56px;
    overflow: hidden;
}

.partner__content .slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.partner__content img,
.partner__content img.partner__logo,
.partner__content .slide img {
    width: auto !important;
    height: auto !important;
    max-width: 110px !important;
    max-height: 36px !important;
    object-fit: contain !important;
    object-position: center;
    display: block;
    opacity: 1;
}

/* Pricing/packages — no padded bar; keep logos the same capped size */
.pricing .partner {
    padding: 0 !important;
    margin-top: 48px;
    background: transparent !important;
}

.pricing .partner__content .slide,
.pricing .partner__content > a,
.pricing .partner__content > img {
    width: 140px;
    height: 56px;
}

.pricing .partner__content img,
.pricing .partner__content img.partner__logo,
.pricing .partner__content .slide img {
    max-width: 110px !important;
    max-height: 36px !important;
    object-fit: contain !important;
}

/* Homepage / dark bars — force logos white */
.partner--dark .partner__content img,
.partner--dark .partner__content img.partner__logo,
.partner:not(.partner--light):not(.bg-white):not(.bg-transparent) .partner__content img,
.partner:not(.partner--light):not(.bg-white):not(.bg-transparent) .partner__content img.partner__logo {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    opacity: 1;
}

/* About / light bars — logos are often white assets; force dark silhouettes */
.partner--light,
.partner.bg-white {
    background-color: #fff !important;
}

.partner--light .partner__content img,
.partner--light .partner__content img.partner__logo,
.partner.bg-white .partner__content img,
.partner.bg-white .partner__content img.partner__logo,
.partner.bg-transparent .partner__content img,
.partner.bg-transparent .partner__content img.partner__logo {
    filter: brightness(0) !important;
    -webkit-filter: brightness(0) !important;
    opacity: 0.85 !important;
}

.partner--light .partner__content img:hover,
.partner--light .partner__content img.partner__logo:hover,
.partner.bg-white .partner__content img:hover,
.partner.bg-white .partner__content img.partner__logo:hover,
.partner.bg-transparent .partner__content img:hover,
.partner.bg-transparent .partner__content img.partner__logo:hover {
    opacity: 1 !important;
}

.package-price {
   margin-top: -20px;
}

@media (max-width: 575px) {
    .mbl-btn{
        display: block !important;
    }
}

@media (min-width: 780px) {
    .portflio-details{
        width: 1170px !important;
        height: 700px !important;
    }

    .portfolio-details-gallery{
        width: 570px !important;
        height: 550px !important;
    }
    .package-price {
    margin-top: 0;
    }
}

.contact-section{
    padding-top: unset;
    padding-block: unset;
}

.team-section.inner-section-gap,
.job-list-area-section{
    margin-bottom: 8%;
}

.user-area-section .common__btn,
.contact-section.contact-page .common__btn,
.user-dashbord .common__btn,
.common__btn1{
    background-color: var(--main-clr);
    border-color: var(--main-clr);
    gap: 2px;
}

.user-area-section{
    margin-bottom: 5%;
}

.user-area-section .form_inline a,
.user-dashbord .profile-sidebar-title h4,
.user-dashbord .title h4{
    color: black;
}

.contact-section.contact-page,
.user-dashbord{
    margin-bottom: 10%;
}

.job-list-area-section .single-job{
    border: 1px solid darkslategray;
}

.job-list-area-section .single-job p{
    color: #212529;
}

.user-profile-details .account-info .title .text-muted{
    line-height: unset;
}

.onboarding-container .onboarding-card {
    margin-bottom: 15%;
}

.contact-section.contact-page .container{
    margin-bottom: 12%;
}

.project__details a{
    color: #6e6f75;
}

/* Portfolio detail images: keep natural aspect (no stretch/zoom from fixed height) */
.project__details .first__para > img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center;
    display: block;
    border-radius: 10px;
    margin-bottom: 40px;
}

.project__details .second__para img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center;
    display: block;
}

.project__details .project__details-gallery {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
    row-gap: 1.5rem;
}

.project__details .project__details-gallery > [class*="col-"] {
    margin-top: 0;
}

.project__details .mhn-details-page img {
    max-width: 100%;
    height: auto !important;
    object-fit: contain !important;
}

@media (max-width: 575px) {
    .mbl-btn-quote{
        display: block !important;
    }

    .contact-section.contact-page .container{
        margin-bottom: 12%;
    }

    .onboarding-container .onboarding-card {
        margin-bottom: 15%;
    }

    .contact-section.contact-page,
    .user-dashbord{
        margin-bottom: 60%;
    }

    .team-section.inner-section-gap,
    .job-list-area-section,
    .job-details-section{
        margin-bottom: 35%;
    }

    .user-area-section{
        margin-bottom: 30%;
    }

    .section-gap{
        padding-top: 30px;
    }

    .checkout-container{
        margin-bottom: 50%; 
    }
}
.blog__details .first__para p, .mhn-details-page p {
    margin: 0 !important;
}

@media (max-width: 575px) {
    .pricing-toggle-item {
        padding: 6px 12px !important;
    }
    .pricing__card_title .package-price {
        margin-top: 0 !important;
    }
}

/* Pricing: keep desktop margin; only tighten on tablet/mobile */
@media (max-width: 991px) {
    .pricing {
        margin-bottom: 56px;
    }

    .pricing .partner {
        margin-top: 48px;
    }

    .pricing .pt__50 {
        padding-top: 28px !important;
    }

    .pricing .mb-5 {
        margin-bottom: 1.25rem !important;
    }

    .pricing__card {
        padding: 24px;
    }

    .pricing__card .border__full {
        margin: 20px 0;
    }

    .pricing__card ul li {
        margin-bottom: 16px;
    }
}

@media (max-width: 768px) {
    .pricing {
        margin-bottom: 40px;
    }

    .pricing .partner {
        margin-top: 36px;
    }

    .pricing .pricing-col {
        margin-bottom: 1rem !important;
    }

    .pricing__card ul li:last-child {
        margin-bottom: 0;
    }
}

/* Services page cards: aligned starts, compact, content-sized (no tall empty flex gaps) */
.all__services .row > [class*="col-"] {
    display: flex;
    align-items: flex-start;
}

.all__services .service__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding: 28px 28px 24px;
}

.all__services .service__card-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 56px;
    margin: 0;
    flex: 0 0 auto;
}

.all__services .service__card-icon img,
.all__services .service__card > img {
    width: auto;
    max-width: 72px;
    height: auto;
    max-height: 56px;
    object-fit: contain;
    flex: 0 0 auto;
    align-self: flex-start;
}

.all__services .service__card > h3 {
    margin-top: 14px !important;
    margin-bottom: 0;
    min-height: 2.4em;
    line-height: 1.3;
    width: 100%;
}

.all__services .service__card > p {
    flex: 0 0 auto;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
}

.all__services .service__card > a {
    margin-top: 16px;
    padding-top: 0;
    width: 100%;
}

/* Services listing: theme stacks py__130 + extra bottom padding/margin */
section.services.all__services.py__130 {
    padding: 72px 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 991px) {
    section.services.all__services.py__130 {
        padding: 56px 0 !important;
    }
}

@media (max-width: 576px) {
    section.services.all__services.py__130 {
        padding: 40px 0 !important;
    }
}

/* Portfolios listing: equal image start, word-safe title/excerpt, compact spacing */
section.all__project.py__130 {
    padding: 72px 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 991px) {
    section.all__project.py__130 {
        padding: 56px 0 !important;
    }
}

@media (max-width: 576px) {
    section.all__project.py__130 {
        padding: 40px 0 !important;
    }
}

.all__project .row > [class*="col-"] {
    display: flex;
    align-items: flex-start;
}

.all__project .projects__2_card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

.all__project .projects__2_card-media {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 18px;
}

.all__project .projects__2_card-media img,
.all__project .projects__2_card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    margin-bottom: 0;
    border-radius: 0;
}

.all__project .projects__2_card-body {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.all__project .projects__2_card-title {
    display: block;
    width: 100%;
    margin: 0;
    overflow: visible;
    /* Match .t__28; reserve 4 lines so shorter titles don't shift excerpt/category */
    line-height: 38px;
    min-height: calc(38px * 4);
}

@media (max-width: 991px) {
    .all__project .projects__2_card-title {
        line-height: 30px;
        min-height: calc(30px * 4);
    }
}

@media (max-width: 768px) {
    .all__project .projects__2_card-title {
        line-height: 1.35;
        min-height: calc(1.35em * 4);
    }
}

.all__project .projects__2_card-excerpt {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    color: #6e6f75 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    line-height: 1.5;
    min-height: calc(1.5em * 2);
}

.all__project .projects__2_card-cat {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

/* Pricing cards: equal height + CTA pinned to same bottom row */
.pricing .pricing-col {
    display: flex;
}

.pricing .pricing__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.pricing .pricing__card ul {
    flex: 1 1 auto;
    margin-bottom: 0;
}

.pricing .pricing__card ul li {
    margin-bottom: 12px !important;
}

.pricing .pricing__card ul li:last-child {
    margin-bottom: 0 !important;
}

.pricing .pricing__card .border__full {
    margin: 20px 0;
}

.pricing .pricing__card .common__btn {
    align-self: stretch;
    justify-content: center;
    margin-top: 8px;
}

.pricing__card ul li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.pricing__card ul li span {
    width: 7px;
    height: 7px;
    min-width: 7px;
    min-height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    display: block;
    box-sizing: border-box;
    margin-top: 0.55em;
    align-self: flex-start;
}

.pricing__card ul li p {
    margin: 0;
    flex: 1 1 auto;
    line-height: 1.5;
}

.pricing__card:hover ul li span {
    background-color: var(--grayWhite-clr, #e3ece7) !important;
}

.pricing__card:hover ul li p {
    color: var(--grayWhite-clr, #e3ece7);
}

.desc.summernote-content p {
    color: #000;
}

.footer .subscribe {
    margin-top: 200px;
}

.footer .subscribe .footer-newsletter-block {
    width: 100%;
}

.footer .subscribe .footer-newsletter-form {
    width: 100%;
}

.footer .subscribe .visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.footer .subscribe .footer-newsletter-field {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.footer .subscribe .footer-newsletter-field input[type="email"] {
    width: 100%;
    margin: 0;
    padding: 16px 18px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.96);
    color: #1a1a1a;
    font-size: 15px;
    line-height: 1.4;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.footer .subscribe .footer-newsletter-field input[type="email"]::placeholder {
    color: rgba(26, 26, 26, 0.45);
}

.footer .subscribe .footer-newsletter-field input[type="email"]:hover {
    border-color: rgba(255, 255, 255, 0.45);
}

.footer .subscribe .footer-newsletter-field input[type="email"]:focus {
    outline: none;
    border-color: var(--btn-clr, #f2d381);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(242, 211, 129, 0.35);
}

.footer .subscribe .footer-newsletter-field .common__btn {
    width: 100%;
    margin-top: 0;
    padding: 16px 18px;
    justify-content: center;
    border: none;
    border-radius: 10px;
}

.footer .subscribe .ajax-form-message.footer-newsletter-message {
    margin-top: 0.85rem;
    margin-bottom: 0;
}

.footer .subscribe .ajax-form-message.is-success,
.footer .subscribe .ajax-form-message.is-error {
    color: #1a1a1a;
}

@media (min-width: 992px) {
    .footer .subscribe .footer-newsletter-field {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (max-width: 575px) {
    .footer .subscribe .footer-newsletter-field input[type="email"],
    .footer .subscribe .footer-newsletter-field .common__btn {
        padding: 14px 16px;
        font-size: 14px;
    }
}

/* Insights & Resources: equal card height; meta row aligned across cards */
.blogs .blogs__wapper .row > [class*="col-"],
.all__blog .row > [class*="col-md-"] {
    display: flex;
    align-items: stretch;
}

.blogs__wapper_card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.blogs__wapper_card .card__thumb-link {
    display: block;
    width: 100%;
    height: 220px;
    max-height: 220px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 14px;
    flex-shrink: 0;
}

.blogs__wapper_card .card__thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    margin-bottom: 0 !important;
    border-radius: 10px;
}

.blogs__wapper_card .card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 10px;
    min-height: 0;
}

.blogs__wapper_card .card__title {
    margin-bottom: 0 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    min-height: calc(1.35em * 3);
}

.blogs__wapper_card .card__author {
    margin-top: auto;
    gap: 12px;
    flex-shrink: 0;
}

.blogs__wapper_card .card__author p {
    margin-bottom: 0;
}

/* About Insights (blogs__2): keep equal thumbs if markup varies */
.blogs.blogs__2 .blogs__wapper_card > a:not(.card__title):not(.card__thumb-link) {
    display: block;
    width: 100%;
    height: 220px;
    max-height: 220px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 14px;
    flex-shrink: 0;
}

.blogs.blogs__2 .blogs__wapper_card > a:not(.card__title):not(.card__thumb-link) .card__thumb,
.blogs.blogs__2 .blogs__wapper_card > a.card__thumb-link .card__thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 767px) {
    .blogs__wapper_card .card__thumb-link,
    .blogs.blogs__2 .blogs__wapper_card > a:not(.card__title):not(.card__thumb-link) {
        height: 180px;
        max-height: 180px;
        margin-bottom: 12px;
    }
}

.footer .subscribe .common__btn.is-loading {
    min-width: 9.5rem;
    justify-content: center;
}

/* Blog AJAX filters: active category */
.sidebar .categories ul li.active > a {
    color: var(--btn-clr, #c9a227);
}

.all__blog .ajax-listing-root.is-loading {
    opacity: 0.55;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.footer__info_contact a[href^="mailto:"],
.footer__info_contact a[href^="tel:"],
.contact .location a[href^="mailto:"],
.contact .location a[href^="tel:"],
.header__top_contact a[href^="mailto:"],
.header__top_contact a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}

.blog__details .share__option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px 18px;
    margin-top: 40px;
    padding-top: 28px;
    border-top: 1px solid rgba(26, 26, 26, 0.12);
}

.blog__details .share__option_tags h6 {
    margin: 0;
    font-family: Kanit, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    color: var(--secondary-clr, #1a1a1a);
}

.blog__details .share__option_tag {
    display: inline-flex;
    align-items: center;
    border: none;
    outline: none;
    background-color: transparent;
    color: #6e6f75;
    padding: 10px;
    border-radius: 2px;
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
    transition: color 0.25s ease, background-color 0.25s ease;
}

.blog__details .share__option_tag.active,
.blog__details .share__option_tag:hover,
.blog__details .share__option_tag:focus {
    background-color: var(--btn-clr, #f2d381);
    color: var(--secondary-clr, #1a1a1a);
}

.blog__details .share__option_label {
    margin: 0;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: var(--secondary-clr, #1a1a1a);
}

.blog__details .share__option_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog__details .share__option_list a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(26, 26, 26, 0.18);
    color: var(--secondary-clr, #1a1a1a) !important;
    background: transparent;
    text-decoration: none;
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}

.blog__details .share__option_list a:hover,
.blog__details .share__option_list a:focus {
    color: var(--secondary-clr, #1a1a1a) !important;
    background: var(--btn-clr, #f2d381);
    border-color: var(--btn-clr, #f2d381);
}

.blog__details .share__option_list a i {
    font-size: 15px;
    line-height: 1;
}

.blog__details .share__option_list a svg {
    display: block;
    width: 14px;
    height: 14px;
}

#blogAjaxFilters.is-loading {
    pointer-events: none;
    opacity: 0.65;
}

/* About / Our Work circular CTA: keep label centered inside the ring */
a.circle {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 18px;
    box-sizing: border-box;
    text-decoration: none;
    gap: 8px;
}

a.circle img {
    margin: 0 auto;
    flex-shrink: 0;
}

/* Dual-tone arrows: gold on dark, black on hover fill (do not force display:block on all imgs) */
a.circle img.yellow {
    display: block;
}

a.circle img.black {
    display: none;
}

a.circle:hover img.yellow {
    display: none;
}

a.circle:hover img.black {
    display: block;
}

/* Light-surface circles keep dark arrow by default */
a.circle.circle__black img.yellow {
    display: none;
}

a.circle.circle__black img.black {
    display: block;
}

a.circle.circle__black:hover img.yellow {
    display: block;
}

a.circle.circle__black:hover img.black {
    display: none;
}

a.circle span {
    display: block;
    width: 100%;
    max-width: 9.5em;
    margin: 0 auto;
    text-align: center;
    line-height: 1.25;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: manual;
}

@media (max-width: 991px) {
    a.circle {
        width: 150px;
        height: 150px;
        padding: 16px;
        gap: 6px;
    }

    a.circle span {
        font-size: 14px;
        max-width: 8.5em;
    }
}

@media (max-width: 575px) {
    a.circle {
        width: 140px;
        height: 140px;
        padding: 14px;
    }

    a.circle span {
        font-size: 13px;
        max-width: 8em;
    }
}

/* Testimonials: keep nav arrows from overlapping on tablet/mobile */
.testimonial .slide__nav {
    z-index: 2;
}

@media (max-width: 1269px) {
    .testimonial .slick-dots {
        gap: 40px;
    }

    .testimonial .prev-arrow,
    .testimonial .next-arrow {
        right: auto;
        left: 50%;
        bottom: -52px;
    }

    /* Left control */
    .testimonial .next-arrow {
        transform: translateX(calc(-100% - 10px));
    }

    /* Right control */
    .testimonial .prev-arrow {
        transform: translateX(10px);
    }
}

@media (max-width: 767px) {
    .testimonial .prev-arrow,
    .testimonial .next-arrow {
        bottom: -48px;
    }

    .testimonial .next-arrow {
        transform: translateX(calc(-100% - 8px));
    }

    .testimonial .prev-arrow {
        transform: translateX(8px);
    }
}

@media (max-width: 1199px) {
    /* Mobile/tablet menu toggle — always visible */
    .header__bottom .menu__icon {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        min-width: 44px;
        padding: 0;
        margin-left: 8px;
        border: 0;
        background: transparent;
        color: var(--secondary-clr, #1a1a1a);
        z-index: 2;
        position: relative;
        cursor: pointer;
        flex-shrink: 0;
    }

    .header__bottom .menu__icon svg {
        display: block;
        width: 28px;
        height: 28px;
    }

    .header__bottom .menu__list {
        display: flex !important;
        flex-direction: column;
        gap: 0;
        padding: 8px 20px 16px;
        list-style: none;
        margin: 0;
    }

    .header__bottom .menu__list > li {
        margin-bottom: 0;
        padding: 12px 0;
        border-bottom: 1px solid rgba(26, 26, 26, 0.12);
    }

    /* Slide in from the right — z-index above dim overlay */
    .header__bottom_navbar {
        position: fixed !important;
        top: 0;
        right: -100%;
        left: auto !important;
        min-height: 100vh;
        height: 100vh;
        width: min(320px, 85vw);
        background-color: var(--btn-clr, #f2d381);
        transition: right .35s ease-in-out;
        z-index: 1110;
        overflow-y: auto;
        box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);
        padding-top: 0;
        pointer-events: auto;
    }

    .header__bottom_navbar.header__bottom_navbar-active {
        right: 0 !important;
        left: auto !important;
    }

    /* Raise header stacking context so fixed drawer beats body overlay */
    body.theme10-nav-open .header {
        position: relative;
        z-index: 1100;
    }

    body.theme10-nav-open .header__bottom {
        z-index: 1100;
    }

    /* Hide hamburger while open — only X inside drawer */
    body.theme10-nav-open .header__bottom .menu__icon {
        visibility: hidden;
        pointer-events: none;
    }

    .header-mobile-nav-top {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 16px 16px 8px;
        position: sticky;
        top: 0;
        background-color: var(--btn-clr, #f2d381);
        z-index: 2;
    }

    .header__bottom_navbar .menu__close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border: 0;
        background: transparent;
        color: var(--secondary-clr, #1a1a1a);
        cursor: pointer;
        padding: 0;
    }

    .header__bottom_navbar .menu__close svg {
        display: block;
        width: 24px;
        height: 24px;
    }

    .header__bottom_navbar .submenu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border: 0;
        background: transparent;
        color: var(--secondary-clr, #1a1a1a);
        cursor: pointer;
        flex-shrink: 0;
        padding: 0;
    }

    .header__bottom_navbar .submenu-toggle .bi-chevron-down,
    .header__bottom_navbar .submenu-toggle i {
        font-size: 16px;
        transition: transform .25s ease;
        display: inline-block;
    }

    .header__bottom_navbar .dropdown__container.is-open .submenu-toggle .bi-chevron-down,
    .header__bottom_navbar .dropdown__container.is-open .submenu-toggle i {
        transform: rotate(180deg);
    }

    .header__bottom_navbar .dropdown__container_menu {
        position: static !important;
        max-height: 0;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        transform: none !important;
        padding: 0 !important;
        margin: 0;
        box-shadow: none !important;
        transition: max-height .3s ease, opacity .25s ease, margin .25s ease;
        background: transparent;
        min-width: 0;
        width: 100%;
    }

    .header__bottom_navbar .dropdown__container_menu.dropdown__container_menu-active {
        max-height: 480px;
        visibility: visible !important;
        opacity: 1 !important;
        margin-top: 10px;
        margin-left: 0;
        padding: 0 0 4px 12px !important;
    }

    .header__bottom_navbar .dropdown__container_menu li {
        margin-bottom: 8px;
        padding-bottom: 0;
        border-bottom: none;
    }

    .header__bottom_navbar .dropdown__container_menu li a {
        padding: 4px 0;
        font-weight: 500;
        display: block;
    }

    .header__bottom_navbar .header-mobile-auth {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 16px 20px;
    }

    .header__bottom_navbar .header-mobile-auth a {
        color: var(--secondary-clr, #1a1a1a);
        font-weight: 600;
    }

    .header__bottom_navbar .mbl-btn-quote {
        display: block !important;
        padding: 0 20px 24px;
    }

    .header__bottom_navbar .mbl-btn-quote .common__btn {
        width: 100%;
        justify-content: center;
    }

    body.theme10-nav-open {
        overflow: hidden;
    }

    body.theme10-nav-open::before {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
        z-index: 1050;
        pointer-events: auto;
    }
}

@media (min-width: 1200px) {
    .header__bottom .menu__list {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .header__bottom .menu__icon,
    .header-mobile-nav-top {
        display: none !important;
    }

    .header__bottom_navbar .submenu-toggle {
        display: inline-flex;
        align-items: center;
        border: 0;
        background: transparent;
        padding: 0;
        pointer-events: none;
        color: inherit;
    }

    .header__bottom_navbar .header-mobile-auth,
    .header__bottom_navbar .mbl-btn-quote {
        display: none !important;
    }
}

/* What Our Clients Say — equal top/bottom pad, smaller on mobile */
.testimonial.py__130 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

@media (max-width: 991px) {
    .testimonial.py__130 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
}

@media (max-width: 576px) {
    .testimonial.py__130 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
}

.testimonial__wapper {
    margin-bottom: 0 !important;
}

/* Insights: video CMS block (capped image — never covers other sections) */
.blogs {
    margin-top: 0 !important;
}

.blogs.py__130 {
    padding-top: var(--t10-section-y, 130px) !important;
    padding-bottom: var(--t10-section-y, 130px);
}

.blogs__video-block {
    margin-bottom: clamp(40px, 5vw, 72px);
}

.blogs__video-eyebrow {
    color: var(--btn-clr, #f2d381);
    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 0 0 0.75rem;
}

.blogs__video-title {
    color: var(--grayWhite-clr, #e3ece7);
    font-size: clamp(1.75rem, 2.5vw, 2.5rem);
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 1rem;
}

.blogs__video-text {
    color: rgba(227, 236, 231, 0.78);
    font-size: 1rem;
    line-height: 1.65;
    margin: 0 0 1.5rem;
    max-width: 36em;
}

.blogs__video-btn {
    background-color: var(--btn-clr);
    color: var(--secondary-clr);
}

.blogs .video,
.blogs__video {
    transform: none !important;
    margin: 0;
    max-width: 100%;
}

.blogs__video-media {
    overflow: hidden;
    border-radius: 10px;
    max-height: min(420px, 48vw);
}

.blogs .video .video_thumb,
.blogs__video .video_thumb {
    display: block;
    width: 100%;
    height: 100%;
    max-height: min(420px, 48vw);
    min-height: 200px;
    object-fit: cover;
    border-radius: 10px;
}

.blogs .video_icon {
    width: clamp(72px, 10vw, 100px);
    height: clamp(72px, 10vw, 100px);
}

.blogs .video_icon img {
    max-width: 42%;
    height: auto;
}

.blogs--has-video .blogs__title {
    margin-top: 0.5rem;
}

@media (max-width: 991px) {
    .blogs__video-block {
        margin-bottom: 40px;
        text-align: center;
    }

    .blogs__video-text {
        margin-left: auto;
        margin-right: auto;
    }

    .blogs__video-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .blogs__video-media,
    .blogs .video .video_thumb,
    .blogs__video .video_thumb {
        max-height: min(320px, 56vw);
    }
}

@media (max-width: 576px) {
    .blogs__video-media,
    .blogs .video .video_thumb,
    .blogs__video .video_thumb {
        max-height: min(240px, 62vw);
        min-height: 160px;
    }
}