/* BLOG BANNER */
.blog_banner .bg-primary-subtle {margin-bottom: 40px;}
.blog_banner .bg-primary-subtle h1 {font-size: 50px; line-height: 68px;font-weight: 600;max-width: 1138px;width: 100%;padding-bottom: 0px;margin-bottom: 20px;}
.blog_banner .bg-primary-subtle p {font-size: 20px;line-height: 27px;font-weight: 400;}
.dropdown {background: #fff; padding: 20px 0; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; position: sticky; top: var(--headerHeight); z-index: 2; margin-bottom: 60px;}
.dropdown-content .cate {display: flex;overflow: auto; scrollbar-width: none; grid-gap: 20px;}
.dropdown-content .cate li {white-space: nowrap;}
.dropdown-content .cate .category a {display: inline-flex;font-size: 20px;line-height: 22px;font-weight: 400;border: 1px solid #FF5141;padding: 11px 28px;border-radius: 10px;transition: 0.2s all ease-in-out;}
.dropdown-content .cate .category a:hover {color: #fff;background: #FF5141;}
.dropdown-content .cate .category.active a {color: #fff;background: #FF5141; font-weight: 700;}
.dropdown.sticky { box-shadow: 0 2px 20px rgba(0, 0, 0, .08); border-bottom: 1px solid rgba(0, 0, 0, .07);}
body.admin-bar .dropdown { top: calc(var(--headerHeight) + 32px);}

.blog_banner .dropdown a.dropdown-link.for_mob_only {display: none;}
/* END BLOG BANNER */
.card_img a{    
    display: flex;
    background-color: #0D2541;
    padding-top: 100.97%;
    position: relative;
    width: 100%;
    border-radius: 30px;
    overflow: hidden;

    img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 101%;
        object-fit: cover;
        display: flex;
    }
}


.portfolio-categories { margin-bottom: 14px; display: flex; flex-wrap: wrap; grid-gap: 10px;} 
.portfolio-categories a { padding: 9px 29px; border: 1px solid #FF5141; border-radius: 10px; font-size: 16px; display: inline-flex; align-items: center; justify-content: center;
    &:hover {
        background-color: #FF5141; color: #fff;
    }
}

.read-more {display: inline-flex; align-items: center; grid-gap: 10px; color: #ff5141; font-weight: 700; font-size: 20px; margin-top: auto;
    i { transition: all 350ms ease-in-out; color: inherit; }

    &:hover { i { transform: translateX(5px); }}
}

.load_more { font-size: 18px; line-height: 24px; font-weight: 400; display: inline-block; background-color: #FF5141; color: #fff; max-width: 220px; width: 100%; padding: 18px 62px; border-radius: 15px;
    transition: 0.2s all ease-in-out;
    &:hover {background-color: #0D2541;}
}

.portfolio_load_more {margin-top: 60px;}
.portfolio_card {display: flex; flex-direction: column; height: 100%;}
.card-body {margin-top: 30px; display: flex; flex-direction: column; height: 100%; align-items: flex-start;}
.card-body .card-title {font-size: clamp(1.125rem,1.458333333333333vw,1.75rem); line-height: 1.2; font-weight: 600; padding-bottom: 10px; color: #000; transition: all 350ms ease-in-out;}
.portfolio-info {padding-bottom: 20px;}
.card-body a:hover .card-title {color: #FF5141;}
.portfolio_posts {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px 30px;}
.portfolio_items {padding: 120px 0 0;}


/* SUBSCRIBE */
.subscribe-div {background: url(https://project.demotestserver.com/indy/wp-content/uploads/2024/06/cta_section.webp);text-align: center; position: relative;padding: 65px 0px;border-radius: 30px;}
/* .subscribe-div:after {content: "";position: absolute;background: url(https://project.demotestserver.com/indy/wp-content/uploads/2024/05/blog_strips.webp);background-repeat: no-repeat;height: 100%;width: 100%;max-width: 34%;z-index: 1;top: 0;right: 0px;} */
.subscribe-div h3 {font-size: 24px;line-height: 32px;font-weight: 400;color: #fff;padding-bottom: 0px;margin-bottom: 10px;}
.subscribe-div h2.smoll-h2 {font-size: 40px;line-height: 55px;font-weight: 600;color: #FFFFFF;padding-bottom: 0px;margin-bottom: 50px;}
.subscribe-div .subscribe-search .sib-form {background-color: transparent !important;padding: 0px !important;position: relative;}
.subscribe-div .subscribe-search .sib-form div#success-message {position: absolute !important;left: 26% !important;bottom: -60px !important;margin-bottom: 0% !important;}
.subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large {background: transparent !important;background-color: transparent !important;border: none !important;max-width: inherit !important;padding: inherit !important;}
.subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_email .form__entry {display: flex;flex-direction: column;justify-content: stretch;}
.subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_email .form__entry .form__label-row .entry__field {background: transparent;border: 1px solid #FFFFFF33;min-height: 61px;max-height: 61px;height: 100%;max-width: 570px;width: 100%;border-radius: 10px 0px 0px 10px;border-right: none;margin: 0px !important;}
.subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_email .form__entry .form__label-row .entry__field:focus-within {box-shadow: none !important;}
.subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_email .form__entry .form__label-row .entry__field input#EMAIL {font-size: 18px;line-height: 25px;font-weight: 400;color: #FFFFFF;padding-left: 18px !important;}
.subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_email .form__entry label.entry__error {color: #ff5141 !important;background-color: transparent !important;border-color: transparent !important;max-width: max-content;margin: 10px 325px 0px auto !important;padding: 0px !important;}
.subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form {display: flex;flex-wrap: wrap;justify-content: center;}
.subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_email, .subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_email .sib-input, .subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_submit, .subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_submit .sib-form-block {padding: 0px !important;}
.subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_email {max-width: 60%;flex: 0 0 60%;}
.subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_submit {max-width: 40%;flex: 0 0 40%;}
.subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_email .form__entry .form__label-row {align-items: end;}
.subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_submit .sib-form-block button {background: #FFFFFF !important;color: #000 !important;padding: 17px 40px !important;border-radius: 0px 10px 10px 0px !important;min-height: 61px;max-height: 61px;height: 100%;font-size: 20px !important;line-height: 28px !important;font-weight: 400 !important;margin-left: -6px;transition: 0.2s all ease-in-out;}
.subscribe-div .subscribe-search .sib-form .sib-form-container .sib-container--large #sib-form .input_submit .sib-form-block button:hover {color: #fff !important;background: #ff5141 !important;}
/* END SUBSCRIBE */

/* CATEGORY PAGE DESIGN BELOW */
/* END CATEGORY PAGE DESIGN */

#portfolioPosts.loading {
    position: relative;
}

#portfolioPosts.loading::after {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #FF5141;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    transform: translate(-50%, -50%);
    z-index: 10;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}