/* home page bg image start */
.home.wp-singular #main {
    background: url('/wp-content/uploads/2026/04/bg-image.webp') top 52vh left 35.0625rem no-repeat,
        url('/wp-content/uploads/2026/04/bg-image.webp') bottom 47vh right 10rem no-repeat;
    background-size: 86.3125rem 107.8225rem, 97.6528rem auto;
}

/* 1900px */
@media (min-width:118.75rem) {
    .home.wp-singular #main {
        background: url('/wp-content/uploads/2026/04/bg-image.webp') top 48vh left 43.75rem no-repeat,
            url('/wp-content/uploads/2026/04/bg-image.webp') bottom 47vh right 22.5rem no-repeat;
        background-size: 86.3125rem 107.8225rem, 97.6528rem auto;
    }
}

/* 2699px */
@media (min-width:168.6875rem) {
    .home.wp-singular #main {
        background: url('/wp-content/uploads/2026/04/bg-image.webp') top 52vh center no-repeat,
            url('/wp-content/uploads/2026/04/bg-image.webp') bottom 47vh center no-repeat;
        background-size: 86.3125rem 107.8225rem, 97.6528rem auto;
    }
}

/* 1024px */
@media(max-width:64rem) {
    .home.wp-singular #main {
        background: url('/wp-content/uploads/2026/04/bg-image.webp') top 52vh center no-repeat;
        background-size: 69.04375rem 86.25rem;
    }
}

/* home page bg image end */

@media (min-width: 992px) {
.wp-singular .banner-section-top{
        padding-top: 9rem;
    }
}
@media (min-width: 768px) {
.wp-singular .banner-section-top{
        padding-top: 9rem;
    }
}
@media (max-width: 767.98px) {
.wp-singular .banner-section-top{
        padding-top: 8rem;
    }
}


/* CTA Section */
.cta-section {
    padding: 3.625rem 0 7.25rem 0;
}

.cta-section .wrapper {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0.938rem;
    padding: 8.125rem 0 7.3125rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    background-color: #141639;
}

.cta-section .content {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.cta-section .btn-wrapper {
    display: flex;
    gap: 1.1875rem;
    justify-content: center;
    align-items: center;
}

.cta-section .btn-wrapper:has(> :nth-child(2)) {
    width: 28.375rem;
}

.cta-section .body-large {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cta-section .heading-wrap{
  margin-bottom: 1rem;
}
.cta-section h3 {
    font-weight: 500;
	margin-bottom: 0;
}

.cta-section h3 span {
    font-weight: 600;
}

.cta-section .body-large p {
    font-weight: 500;
    text-align: center;
    margin-bottom: 2.625rem;
    width: 67%;
}

.cta-section a.btn.btn-outline,
.cta-section a.btn.btn-primary {
    height: var(--button-hgt);
    padding: 0.8125rem 1.9706rem 0.8125rem 1.875rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    width: 100%;
    white-space: nowrap;
}

.cta-section .btn-icon {
    width: 1.25rem;
    height: 1.25rem;
}

/* Responsive */
/* 992px */
@media (max-width:62rem) {
    .cta-section .wrapper {
        padding: 2.875rem 1.375rem;
    }

	.cta-section .heading-wrap{
        margin-bottom: 0.5rem;
     }
    .cta-section h3 {
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin-bottom: 0;
		font-weight: 400;
    }

    .cta-section .body-large p {
        width: 100%;
        font-size: 1rem;
        margin-bottom: 1.5rem;
        font-weight: 400;
    }
    .cta-section .btn-wrapper .btn-icon {
        flex: 1;
        width: 1.25rem;
        height: 1.25rem;
    }
}

/* 767.98px */
@media (max-width:47.99875rem) {
    .cta-section {
        padding: 1.875rem 0 3.75rem;
    }

    .cta-section .body-large {
        width: 100%;
    }

    .cta-section .body-large p {
        line-height: normal;
    }

    .cta-section .wrapper {
        background-position: right;
    }

    .cta-section .btn-wrapper {
        flex-direction: column;
        width: 100%;
    }

    .cta-section .btn-wrapper:has(> :nth-child(2)) {
        width: 100%;
    }
}

/* 426px */
@media (max-width:26.625rem) {
    .cta-section .body-large p {
        width: 100%;
    }
}

/* 394px */
/* @media (max-width:24.625rem) {
    .cta-section .body-large p {
        width: 93%;
    }
} */
/* 376px */
@media (max-width:23.5rem) {
    .cta-section .body-large p {
        width: 100%;
    }
}



/* hero banner (about page) start */
.hero__banner {
    background-repeat: no-repeat;
    background-color: #0F0F35;
    background: linear-gradient(180deg, #1C1F3E 0%, #1E1E40 15.83%, rgba(28, 31, 62, 0.00) 100%);
    background-size: cover;
    padding: 9.313rem 0 5.316rem 0;
    position: relative;
}

.hero__banner .hero__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hero__banner .container {
    z-index: 2;
    position: relative;
}

.hero__banner .hero__title {
    /*   line-height: 6.25rem; */
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.hero__banner .hero__title span {
    color: var(--color-text);
    font-weight: 700;
}

.hero__banner .hero__quote p {
    line-height: normal;
    font-weight: 400;
    margin-bottom: 0;
    color: var(--color-outline-grey, #D5D5D6);

}

.hero__banner .hero__role {
    line-height: normal;
    font-weight: 400;
    margin-bottom: 2.563rem;
}

.hero__banner .hero__role p {
    line-height: normal;
    margin-bottom: 0;
    font-family: var(--font-body);
}

.hero__banner .hero__quote {
    max-width: 43.063rem;
    border-radius: 0.5rem;
    border: 0.063rem solid #666696;
    padding: 1.75rem 2.104rem 1.938rem 2.125rem;
    background-repeat: no-repeat;
    background-color: #0F0F35;
    background-size: cover;
    background-position: center;
}

.hero__banner .hero__wrap.row {
    gap: 3.75rem;
}

.about-shovan .hero__banner .hero__art img{
	border: 2px solid #0ff;	
}



@media (min-width: 64rem) {
    .hero__banner .hero__wrap.row .col-lg-7 {
        flex: 0 0 calc(58.33333333% - (3.75rem * 5 / 12));
    }

    .hero__banner .hero__wrap.row .col-lg-5 {
        flex: 0 0 calc(41.66666667% - (3.75rem * 7 / 12));
    }
}

.hero__banner .hero__quote img {
    margin-bottom: 1.313rem;
    width: 2.9375rem;
	height: 2.6875rem;
}

.hero__banner .hero__art {
    display: flex;
    justify-content: start;
    align-items: center;
}

.hero__banner .hero__art img {
    border-radius: 0.5rem;
    /*   width: 29.563rem; */
    width: 100%;
    height: 100%;
    /*   height: 30.25rem; */
}

.hero__pink_blur_1 {
    border-radius: 16.4375rem;
    opacity: 0.3;
    background: #B907F4;
    filter: blur(2.6875rem);
    position: absolute;
    top: -1%;
    width: 16.8125rem;
    height: 12.5rem;
}

.hero__pink_blur_2 {
    border-radius: 16.4375rem;
    opacity: 0.3;
    background: #B907F4;
    filter: blur(4.140625rem);
    width: 16.8125rem;
    height: 12.5rem;
    position: absolute;
    bottom: 10%;
    left: 50%;
}

/*  1025px*/
@media (max-width:64.063rem) {
    .hero__banner .hero__art {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .hero__banner .hero__art img {
        width: auto;
        height: auto;
    }
}

@media (max-width:62rem) {
    .hero__banner {
        padding: 6.938rem 0 4.316rem 0;
    }
}

@media (max-width:48rem) {
    .hero__banner .hero__wrap.row {
        gap: 2.5rem;
    }

}

@media (max-width:47.993rem) {
    .hero__banner .hero__title {
        line-height: 3.5rem;
    }

    .hero__banner .hero__quote img {
        width: 1.875rem;
        height: 1.875rem;
    }

}

/*  about-cards grid start*/
.about_cards_section {
    padding: 3.75rem 0;
}

.about_cards_section .grid__wrapper {
    display: grid;
    grid-template-columns: repeat(13, minmax(0, 1fr));
    grid-template-rows: repeat(3, auto);
    gap: 1.375rem;
}

.about__card_1 {
    grid-column: 1 / span 5;
}

.about__card_2 {
    grid-column: 6 / span 8;
}

.about__card_3 {
    grid-column: 1 / span 3;
}

.about__card_4 {
    grid-column: 4 / span 4;
}

.about__card_5 {
    grid-column: 8 / span 6;
    margin-left: 2.2rem;
}

.about__card_6 {
    grid-column: 1 / span 4;
}

.about__card_7 {
    grid-column: 5 / span 5;
}

.about__card_8 {
    grid-column: 10 / span 4;
}

.about_cards_section .grid__wrapper .about__card_4 {
    width: 110%;
}

.about_cards_section .about__card {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #0F0F35;
    background-size: cover;
    border-radius: 0.5rem;
    color: #FFF;
    font-family: Inter;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.about_cards_section .about__card_1 .para_wrapper {
    width: 97%;
}


.about_cards_section .grid__wrapper .about__card_1,
.about_cards_section .grid__wrapper .about__card_2 {
    min-height: 12.3125rem;
    padding: 2.4375rem 1.875rem 2.4375rem 2.5625rem;
}

.about_cards_section .grid__wrapper .about__card_4,
.about_cards_section .grid__wrapper .about__card_6 {
    padding: 3.375rem 2.875rem 3.375rem 2.8125rem;
}

.about_cards_section .grid__wrapper .about__card_3,
.about_cards_section .grid__wrapper .about__card_4,
.about_cards_section .grid__wrapper .about__card_5 {
    min-height: 20.25rem;
}

.about_cards_section .grid__wrapper .about__card_6,
.about_cards_section .grid__wrapper .about__card_7,
.about_cards_section .grid__wrapper .about__card_8 {
    min-height: 17.25rem;
}

.about_cards_section .grid__wrapper .about__card_3,
.about_cards_section .grid__wrapper .about__card_5,
.about_cards_section .grid__wrapper .about__card_7,
.about_cards_section .grid__wrapper .about__card_8 {
    padding: 0;
}

/* 1398px */
@media (max-width:87.375rem) {
    .about_cards_section .grid__wrapper .about__card_4 {
        width: 108%;
    }

}

/* 1024px */
@media (max-width:64rem) {
    .about__card_3 {
        grid-column: 1 / span 5;
    }

    .about__card_4 {
        grid-column: 6 / span 8;
    }

    .about__card_5 {
        grid-column: 1 / span 5;
        margin-left: 0;
    }

    .about__card_6 {
        grid-column: 6 / span 8;
    }

    .about__card_7 {
        grid-column: 1 / span 7;
    }

    .about__card_8 {
        grid-column: 8 / span 6;
    }

    .about_cards_section .grid__wrapper .about__card_4 {
        width: 100%;
    }

    .about_cards_section .about__card_1 .para_wrapper {
        width: 100%;
    }
}

@media (max-width: 62rem) {
    .about__card_1 {
        grid-column: 1 / span 13;
    }

    .about__card_2 {
        grid-column: 1 / span 13;
    }

    .about_cards_section .grid__wrapper .about__card_1 {
        min-height: 9.3125rem;
    }
}

/* 768px */
@media (max-width: 48rem) {

    .about__card_3,
    .about__card_5 {
        grid-column: 1 / span 6;
    }

    .about__card_4,
    .about__card_6 {
        grid-column: 7 / span 7;
    }

}

/* 767.98px */
@media (max-width: 47.99875rem) {
    .about_cards_section {
        padding: 1.25rem 0;
    }

    .about_cards_section .grid__wrapper .about__card_1,
    .about_cards_section .grid__wrapper .about__card_2,
    .about_cards_section .grid__wrapper .about__card_4,
    .about_cards_section .grid__wrapper .about__card_6 {
        padding: 1.563rem;
    }
}

/* 699.98px */
@media (max-width:43.74875rem) {

    .about__card_1,
    .about__card_2,
    .about__card_3,
    .about__card_4,
    .about__card_5,
    .about__card_6,
    .about__card_7,
    .about__card_8,
    .about__card_9,
    .about__card_10 {
        grid-column: 1 / span 13;
    }

    .about_cards_section .grid__wrapper .about__card_6,
    .about_cards_section .grid__wrapper .about__card_4 {
        min-height: auto;
    }
}

/*  about-cards grid end*/



/* case_study__banner start  */

.case_study__banner {
    background: #1E1E40;
    padding: 7.438rem 0 5.5rem;
    position: relative;
}

.hero__gradient_blur_2 {
    border-radius: 16.438rem;
    opacity: 0.3;
    background: #0FF;
    filter: blur(6.3375rem);
    width: 26.5rem;
    height: 19.688rem;
    transform: rotate(90deg);
    position: absolute;
    top: 48%;
    margin-left: -10.8125rem;
}

.case_study__banner .hero__pink_blur_1 {
    top: -16%;
    margin-left: -7.8125rem;
}

.case_study__banner h1.case_study__title {
    color: var(--text-primary);
    margin-bottom: 0;
    line-height: normal;
    font-weight: 700;
}

.case_study__banner .right-wrap {
    margin-top: 1.125rem;
}

.case_study__banner p {
    color: var(--text-primary);
    line-height: normal;
    font-weight: 500;
}

.case_study__banner p:not(:last-child) {
    margin-bottom: 1rem;
}

/* 1024px */
@media (max-width: 64rem) {
    .case_study__banner .right-wrap {
        margin-top: 0;
    }
}

@media (max-width: 47.993rem) {
    .case_study__banner h1.case_study__title {
        font-weight: 500;
        line-height: 3.5rem;
    }
}

/* case_study__banner end  */
/* case_study filter  start */
.case_study__filter .filter_bar {
    border-radius: 0.5rem;
    border: 0.0625rem solid rgba(69, 71, 87, 0.15);
    background: #1A1A3B;
    padding: 1rem;
    margin-bottom: 1.688rem;
}

.case_study__filter .filter_bar {
    display: flex;
    /*     gap: 3.0625rem;  */
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.case_study__filter .btn_wrap {
    display: flex;
    gap: 1rem;
    align-items: center;
    min-width: 27.5rem;
}

.case_study__filter .search_icon {
    position: absolute;
    z-index: 2;
    top: 34%;
    margin-left: 1.375rem;
}

.case_study__filter .search_icon img {
    width: 1.125rem;
    height: 1.125rem;
}

.case_study__filter .input_wrap {
    width: 100%;
    position: relative;
}

.case_study__filter .divider {
    display: block;
    width: 0.063rem;
    background: rgba(69, 71, 87, 0.30);
    height: 1.5rem;
    margin: 0 0.5rem;
}

.case_study__filter .input_wrap input {
    border-radius: 3rem;
    background: var(--text-primary);
    padding: 0.875rem 1rem 0.875rem 3rem;
    width: 100%;
    color: var(--color-mid-dark-grey, #63626A);
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    height: 2.938rem;
}

.case_study__filter .input_wrap input::placeholder {
    color: var(--color-mid-dark-grey, #63626A);
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
}

.case_study__filter .filter_btn {
    white-space: nowrap;
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: normal;
    border-radius: 624.9375rem;
    border: 0.0625rem solid rgba(140, 238, 255, 0.30);
    background: rgba(255, 255, 255, 0.15);
    padding: 0.5rem 1rem;
    display: flex;
    gap: 0.625rem;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    height: 2.375rem;
    width: 8.531rem;
}

.case_study__filter .case-filters {
    display: flex;
    gap: 1rem;
    flex-grow: 1;
}

.case_study__filter .custom-dropdown {
    white-space: nowrap;
    border-radius: 624.9375rem;
    border: 0.0625rem solid rgba(140, 238, 255, 0.30);
    /* background: rgba(255, 255, 255, 0.15); */
    position: relative;
    cursor: pointer;
    display: flex;
    height: 2.375rem;
    flex-grow: 1;
}

.case_study__filter .custom-dropdown:nth-child(2) {
    width: 9rem;
}

.case_study__filter .selected-values {
    display: flex;
    gap: 0.938rem;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: normal;
    padding: 0.5rem 1rem;
    flex-grow: 1;

    white-space: nowrap;
    border-radius: 624.9375rem;
    border: 0.0625rem solid rgba(140, 238, 255, 0.30);
    background: rgba(255, 255, 255, 0.15);
    position: relative;
    cursor: pointer;
    display: flex;
    height: 2.375rem;
    flex-grow: 1;
}

.case_study__filter .dropdown-panel label {
    color: #000;
    display: flex;
    gap: 0.625rem;
    align-items: center;
    white-space: normal;
}

.case_study__filter .dropdown-panel label span {
    white-space: normal;
}

.case_study__filter .dropdown-panel label:last-child {
    margin-bottom: 0
}

.case_study__cards_wrap {
    gap: 3rem;
}

.case_study__card {
    border-radius: 0.5rem;
    background: linear-gradient(180deg, #A100FF -44.4%, #101026 100%);
    backdrop-filter: blur(0.625rem);
    display: flex;
    flex-direction: column;
}

.case_study__card .img_wrap {
    min-height: 20.1875rem;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0.5rem 0.5rem 0 0;
}

.case_study__card .img_wrap img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 0.5rem 0.5rem 0 0;
}

/* button start */
.tertiary_button {
    color: var(--color-accent-purple, #B907F4);
    text-align: center;
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    display: inline-flex;
    gap: 0.625rem;
    align-items: center;
    transition: all .5s ease-in-out
}

.tertiary_button:hover {
    color: var(--color-text, #0ff);
}

.tertiary_button svg path {
    transition: all .5s ease-in-out
}

.tertiary_button:hover svg path {
    fill: var(--color-text, #0ff);
}

/* button end */
.case_study__card .content_wrap {
    height: 100%;
    width: 100%;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.case_study__card a:has(.card__title) {
    width: fit-content;
    display: inline-block;
}

.case_study__card .card__title {
    color: #E7E6FB;
    margin-bottom: 1rem;
    width: fit-content;
    display: inline-block;
}

.case_study__card .card__description p {
    margin-bottom: 2rem;
    color: #A9AABD;
    font-weight: 500;
}

.case_study__card .tag_wrap {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
}

.case_study__card .tag_wrap .tag {
    border-radius: 624.9375rem;
    background: #222439;
    color: #A9AABD;
    font-family: var(--font-body);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
    padding: 0.25rem 0.75rem;
}

.group_badge {
    position: absolute;
    z-index: 2;
    margin-left: 1.6875rem;
    margin-right: 1.6875rem;
    top: 1.5rem;
}

.group_badge .badge {
    border-radius: 624.938rem;
    background: rgba(11, 13, 27, 0.80);
    backdrop-filter: blur(0.375rem);
    color: var(--Primary-Light-Teal, #0FF);
    font-family: Inter;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    letter-spacing: 0.01875rem;
    text-transform: uppercase;
    white-space: break-spaces;
    text-align: start;
}

@media (max-width:768px) {
    .group_badge .badge {
        font-size: 9px;
    }
}

.case_study__card .content_wrap .content {
    flex-grow: 1;
}

.case_study__card .content_wrap .btn_wrapper {
    margin-top: auto;
}


.case_study__filter .placeholder {
    background: transparent;
    opacity: 1;
    cursor: pointer;
}

.case_study__filter .custom-dropdown.active .dropdown-panel {
    display: flex;
}

.case_study__filter .dropdown-panel {
    position: absolute;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    top: 120%;
    left: 0;
    border-radius: 0.313rem;
    box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    color: #000;
    display: none;
    flex-direction: column;
    z-index: 2;
    width: fit-content;
    padding: 1rem 0.5rem;
    width: 13.313rem;
}

.case_study__filter .dropdown-panel input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 1.375rem;
    height: 1.375rem;
    border: 0.125rem solid #ccc;
    border-radius: 1.875rem;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
}

.case_study__filter .dropdown-panel input[type="checkbox"]:checked {
    background-color: var(--color-text);
    border-color: var(--color-text);
}

.case_study__filter .dropdown-panel input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 0.25rem;
    left: 0.438rem;
    width: 0.313rem;
    height: 0.563rem;
    border: 0.063rem solid #320d58;
    border-width: 0 0.125rem 0.125rem 0;
    transform: rotate(45deg);
}

.case_study__filter input[type="search"] {
    -webkit-appearance: textfield;
    appearance: textfield;
}

.case_study__filter input[type="search"]::placeholder {
    line-height: normal;
}

.case_study__filter input[type="search"]::-webkit-search-cancel-button {
    display: none !important;
    -webkit-appearance: none;
}

.case_study__filter .load_more_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.5rem;
}

.case_study__filter .case_study__cards_wrap .case_study__card.col-lg-6.last-odd {
    flex: 0 0 calc(100% - (var(--gap-size, 1rem) * 6 / 12));
    display: flex;
    flex-direction: row;
}

.case_study__card.last-odd a:has(.group_badge) {
    width: 50%;
    border-radius: 0.5rem 0 0 0.5rem;
}

.case_study__card.last-odd .img_wrap {
    /* width: 50%; */
    border-radius: 0.5rem 0 0 0.5rem;
    height: 100%;
}

.case_study__card.last-odd .content_wrap {
    width: 50%;
}

.case_study__card.last-odd .img_wrap img {
    border-radius: 0.5rem 0 0 0.5rem;
}

.case_study__filter #loadMoreBtn {
    display: none;
}

.case_study__filter #loadMoreBtn.show-flex {
    display: inline-flex !important;
}

.case_study__card .img_wrap img[src$=".svg"] {
    object-fit: contain;
    width: auto;
    height: auto;
    position: unset;
}

.case_study__card .img_wrap:has(img[src$=".svg"]) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.case_study__cards_wrap.row {
    gap: 2.5rem 3rem;
}

/* @media(max-width:1105px) and (min-width:768px){
    .group_badge .badge{
     max-width:300px;
    }
} */

@media (min-width: 64rem) {
    .case_study__cards_wrap .col-lg-6 {
        flex: 0 0 calc(50% - (3rem * 6 / 12));
    }
}

@media (min-width: 768px) {
    .case_study__cards_wrap .col-md-6 {
        flex: 0 0 calc(50% - (3rem * 6 / 12));
    }
}

@media (max-width:1231px) {
    .case_study__card .img_wrap {
        min-height: 18.1875rem
    }
}

@media (max-width:1024px) {
    .case_study__card .img_wrap {
        min-height: 16.39rem;
    }
}

@media (max-width: 768px) {
    .case_study__card .img_wrap {
        min-height: 12.1875rem;
    }
}

/* 767.89px */
@media(max-width: 47.993rem) {
    .case_study__banner {
        padding: 7.438rem 0 1.75rem;
    }

    .case_study__filter .divider {
        display: none;
    }

    .case_study__card.last-odd .img_wrap {
        border-radius: 0.5rem 0.5rem 0 0;
    }

    .case_study__card.last-odd a:has(.group_badge) {
        width: 100%;
    }

    .case_study__card.last-odd .content_wrap {
        width: 100%;
    }

    .case_study__filter .case_study__cards_wrap .case_study__card.col-lg-6.last-odd {
        flex-direction: column;
    }

    .case_study__filter .dropdown-panel {
        width: 100%;
    }

    .case_study__filter .filter_bar {
        flex-wrap: wrap;
        gap: 1.75rem;
    }

    .case_study__filter .case-filters,
    .case_study__filter .btn_wrap {
        flex-wrap: wrap;
        min-width: auto;
    }

    .case_study__filter .case-filters,
    .case_study__filter .custom-dropdown,
    .case_study__filter .input_wrap,
    .case_study__filter .btn_wrap a {
        width: 100%;
    }

    .case_study__filter .filter_btn {
        width: 100%;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .case_study__filter .filter_bar {
        flex-direction: column-reverse;
    }

    .case_study__card .img_wrap {
        min-height: 17.1875rem;
    }

    .case_study__card .img_wrap img {
        height: 17.1875rem;
    }

    .case_study__card .content_wrap {
        padding: 1.5rem;
    }
}

@media (max-width: 528px) {
    .case_study__card .img_wrap {
        min-height: 13.7rem;
    }

    .case_study__card .img_wrap img {
        height: 100%;
    }
}

@media (max-width: 377px) {
    .case_study__card .img_wrap {
        min-height: 12.12rem;
    }
}

/* case_study filter  start */

/*  */
.contact_banner {
    position: relative;
    padding: 10.125rem 0 3.563rem 0;
}

.contact_banner .container {
    z-index: 2;
    position: relative;
}

.contact_banner .mail-link span {
    opacity: 0;
    position: absolute !important;
}

.contact_banner p.sub_text {
    line-height: normal;
    color: #A9AABD;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.contact_banner .wrapper .icon_wrap {
    border-radius: 2rem;
    border: 0.063rem solid var(--color-text, #0FF);
    background: rgba(255, 255, 255, 0.15);
    padding: 1rem 0.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
}

.contact_banner .wrapper .wrap:last-child .icon_wrap {
    padding: 0.875rem 1rem;
}

.contact_banner .wrapper,
.contact_banner .content_wrap {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: space-between;
}

.contact_banner .wrapper .wrap {
    display: flex;
    gap: 1.5rem;
}

.contact_banner h1 span {
    color: var(--color-text);
}

.contact_banner h1 {
    margin-bottom: 7.125rem;
    font-weight: 700;
}


.contact_banner .main_wrapper.row {
    gap: 5rem;
    justify-content: space-between;
}

@media (min-width: 66.813rem) {
    .contact_banner .main_wrapper.row .col-lg-7 {
        flex: 0 0 calc(58.33333333% - (5rem * 5 / 12));
    }

    .contact_banner .main_wrapper.row .col-lg-5 {
        flex: 0 0 calc(41.66666667% - (5rem * 7 / 12));
    }
}

@media (min-width: 62rem) and (max-width: 66.813rem) {
    .contact_banner .main_wrapper.row .col-lg-7 {
        flex: 0 0 100%;
    }

    .contact_banner .main_wrapper.row .col-lg-5 {
        flex: 0 0 100%;
    }
}



@media (max-width:48rem) {
    .contact_banner .main_wrapper.row {
        gap: 3.75rem;
    }

    .contact_banner {
        padding: 6.938rem 0 3.563rem 0;
    }
}

.contact_banner .screen-reader-response {
    display: none;
}

.scube-form-wrapper {
    width: 100%;
    height: auto;
    padding: 3.313rem 4.563rem 2.375rem 4.688rem;
    border-radius: 0.5rem;
    border: 0.063rem solid #666696;
    background: #0F0F35;
    position: relative;
    background-image: url('/wp-content/uploads/2026/04/form-bg-scube.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.scube-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.875rem 1.563rem;
}

.scube-form-wrapper .form-group {
    display: flex;
    flex-direction: column;
}

.scube-form-wrapper label {
    color: #E7E6FB;
    margin-bottom: 0.563rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: normal;
}

/* INPUT STYLE */
.scube-form-wrapper input.scube-input,
.scube-form-wrapper textarea.scube-input {
    /* color: #6B7280; */
    color: #000;
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    border-radius: 0.563rem;
    background: var(--text-primary);
	border: none;
 box-shadow: none;
}

.scube-input::placeholder {
    color: #6B7280;
    font-family: var(--font-body);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

.scube-form-wrapper textarea.scube-input {
    height: 6.25rem;
    resize: none;
}

/* BUTTON */
.scube-form-wrapper .scube-submit {
    border-radius: 50rem;
    background: #B907F4;
    color: var(--text-primary);
    display: flex;
    /*    width: 12.688rem; */
    border: none;
    padding: 0.813rem 4.221rem 0.813rem 3.813rem;
    justify-content: center;
    align-items: center;
    gap: 0.404rem;
    margin-top: 2.75rem;
    color: #FFF;
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    position: relative;
}

.scube-form-wrapper input[type="submit"] {
    /* background-image: url('/wp-content/uploads/2026/03/Mask-Group.svg');
    background-position: right 2.625rem center;
    background-repeat: no-repeat; 
    width: 12.688rem; */
    transition: all .3s ease-in-out;
    height: 3.25rem;
}

.scube-form-wrapper input[type="submit"]:hover {
    background-color: #0ff;
    color: #000;
    /* background-image: url('/wp-content/uploads/2026/04/black-arrow.svg'); */
}

.scube-form-grid {
    margin-bottom: 2.875rem;
}

/* MOBILE */
/* 768px */
@media (max-width: 62rem) {

    .contact_banner h1 {
        margin-bottom: 3.125rem;
    }

    .scube-form-wrapper {
        padding: 1.875rem 1.25rem;
    }

    .contact_banner .main_wrapper.row .col-12 {
        flex: 0 0 100%;
    }
}

@media (max-width: 48rem) {
    .scube-form-grid {
        grid-template-columns: 1fr;
    }
}


.scube-form-wrapper .wpcf7-spinner {
    position: absolute;
}

/* case_study__single_banner start */

.case_study__single_banner {
    padding: 10.75rem 0 5.594rem 0;
    background: #0a1628;
}

.case_study__single_banner .container {
    position: relative;
    z-index: 2;
}

.case_study__single_banner .row {
    gap: 7.063rem;
}

@media (min-width: 64rem) {
    .case_study__single_banner .col-lg-6 {
        flex: 0 0 calc(50% - (7.063rem * 6 / 12));
    }
}

.single-case-studies .ScrollSmoother-wrapper {
    position: relative !important;
}

.case_study__single_banner .tag_wrap {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.case_study__single_banner .tag_wrap .tech_tag {
    border-radius: 4rem;
    border: 0.063rem solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(0.156rem);
    padding: 0.5rem 1.156rem;
    font-family: var(--font-body);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
    color: var(--color-white);
}

.case_study__single_banner label {
    color: var(--Neutral-Outline-Grey, #D5D5D6);
    font-family: var(--font-body);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: normal;
}

.case_study__single_banner .info_wrap {
    display: flex;
    gap: 3rem;
    margin-bottom: 1.813rem;
}

.case_study__single_banner .info_wrap .info_card label {
    margin-bottom: 0.5rem;
}

.case_study__single_banner .info_wrap .info_card p {
    font-weight: 500;
    line-height: normal;
}

.case_study__single_banner .title {
    margin-bottom: 0.5rem;
    color: var(--color-white);
    font-weight: 700;
    line-height: normal;
}

.case_study__single_banner .description {
    margin-bottom: 4.438rem;
    color: var(--color-white);
    /* 		width:83%; */
}

.case_study__single_banner.ibstock .description {
    margin-bottom: 2rem;
}

.ibstock-result .review_wrap .heading_wrap h4 {
    font-weight: 600;
    /* 	margin-bottom:20px; */
}

.case_study__single_banner .tech_wrap label {
    margin-bottom: 0.938rem;
}

.case_study__single_banner .tech_wrap {
    width: 88%;
}

.case_study__single_banner .img_wrap {
    min-height: 27.75rem;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0.5rem;
    border: 0.125rem solid #0ff;
    display: flex;
    justify-content: center;
    border-radius: 0.5rem;

}

.case_study__single_banner .img_wrap img {
    height: 27.55rem;
    object-fit: cover;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 0.5rem;
}

.case_study__single_banner .img_wrap img.logo {
    width: auto;
    height: auto;
    position: absolute;
    top: 42%;
    left: auto;
}

@media(max-width:64rem) {
    .case_study__single_banner .tech_wrap {
        width: 100%;
    }
}

@media(max-width:48rem) {
    .case_study__single_banner .description {
        width: 100%;
    }

    .case_study__single_banner {
        padding: 6.938rem 0 3.625rem 0;
    }

    .case_study__single_banner .row {
        gap: 2.5rem;
    }

    .case_study__single_banner .tech_wrap {
        width: 70%;
    }
}

@media(max-width:37.5rem) {
    .case_study__single_banner .tech_wrap {
        width: 100%;
    }

    .case_study__single_banner .img_wrap {
        min-height: 12rem;
    }

    .case_study__single_banner .img_wrap img {
        height: 11.7rem;
    }
}


.vfs-canada.case_study__single_banner .img_wrap img {
    height: 22.55rem;
}

.vfs-canada.case_study__single_banner .img_wrap {
    min-height: 22.75rem;
}

@media(max-width:37.5rem) {
    .vfs-canada.case_study__single_banner .img_wrap img {
        height: 11.7rem;
    }

    .vfs-canada.case_study__single_banner .img_wrap {
        min-height: 12rem;
    }
}

/* case_study__single_banner end  */

/* casestudy single password form start */
.case_study__single_form .post-password-form p>label {
    width: 100%;
}

.case_study__single_form .protected-message {
    display: flex;
    justify-content: center;
    align-items: center;
}

.case_study__single_form .post-password-form {
    width: 60%;
}

.case_study__single_form .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.case_study__single_form input[type="password"] {
    margin-top: 0.938rem;
}

.case_study__single_form {
    padding: 10.75rem 0 5.594rem 0;
}

.case_study__single_form .post-password-form p {
    margin-bottom: 1.875rem;
}

.case_study__single_form .protected-message {
    padding: 3.313rem 4.563rem 2.375rem 4.688rem;
    /* padding:3rem 2rem; */
    border-radius: 0.5rem;
    border: 0.063rem solid #666696;
    background: #0F0F35;
    position: relative;
    background-image: url('/wp-content/uploads/2026/04/form-bg-scube.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.case_study__single_form .post-password-form p>label {
    margin-bottom: 0.875rem;
}

@media (max-width: 64rem) and (min-width: 62.063rem) {
    .case_study__single_banner.ibstock .img_wrap {
        min-height: 24rem;
    }

    .case_study__single_banner.ibstock .img_wrap img {
        height: 23.8rem;
    }
}

/* huk case study */

.huk-image.website_images_section .grid-container {
    gap: 2.063rem 1.875rem;
}

.huk-image.website_images_section .grid-container .item-1 {
    grid-column: 1 / span 8;
}

.huk-image.website_images_section .grid-container .item-2 {
    grid-column: 9 / span 4;
}

.huk-image.website_images_section .grid-container img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media (max-width: 62rem) {

    .huk-image.website_images_section .grid-container .item-1,
    .huk-image.website_images_section .grid-container .item-2 {
        grid-column: 1 / span 12;
    }
}

.case_study__single_form input[type="submit"] {
    /* background-image: url('/wp-content/uploads/2026/03/Mask-Group.svg');
    background-position: right 2.625rem center;
    background-repeat: no-repeat; */
    transition: all .3s ease-in-out;
    /* width: 12.688rem; */
    height: 3.25rem;

    border-radius: 50rem;
    background-color: #B907F4;
    color: var(--text-primary);
    display: flex;
    /*    width: 12.688rem; */
    border: none;
    padding: 0.813rem 4.221rem 0.813rem 3.813rem;
    justify-content: center;
    align-items: center;
    gap: 0.404rem;
    margin-top: 2.75rem;
    color: #FFF;
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    position: relative;
}

.case_study__single_form input[type="submit"]:hover {
    background-color: #0ff;
    color: #000;
    /* background-image: url('/wp-content/uploads/2026/04/black-arrow.svg'); 
    background-position: right 2.625rem center;
    background-repeat: no-repeat;*/
}

@media(max-width: 47.938rem) {
    .case_study__single_form .post-password-form {
        width: 100%;
    }

    .case_study__single_form .protected-message {
        padding: 3.313rem 2.563rem;
    }
}

/* casestudy single password form end */

/*  */
.single-case-studies .icon-cards-section .icon-card {
    /* min-width: 16.25rem; */
    min-height: 13.0625rem;
    padding: 3.125rem 1.688rem 2.188rem 2.5rem;
}

.single-case-studies .icon-cards-section .card-wrap.three-col-card {
    justify-content: center;
}

.single-case-studies .icon-cards-section {
    align-items: center;
}

/* .single-case-studies .icon-cards-section .split_wrapper,
.single-case-studies .icon-cards-section .split,
.single-case-studies .icon-cards-section .line-mask,
.single-case-studies .icon-cards-section .line,
.single-case-studies .icon-cards-section .icon-card{
	height:100%;
} */

.single-case-studies .icon-cards-section .three-col-card h4 {
    font-family: var(--font-body);
}

.single-case-studies .icon-cards-section .split_wrapper .heading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5rem;
}

/* .single-case-studies .icon-cards-section .heading p,
.single-case-studies .icon-cards-section .icon-card .heading{
	text-align:center;
justify-content:center;
} */
.single-case-studies .icon-cards-section .heading h2,
.single-case-studies .icon-cards-section .heading h4,
.single-case-studies .icon-cards-section .description_wrapper p {
    text-align: center;
    width: 100%;
}

/* .single-case-studies .icon-cards-section .heading p{
	margin-bottom:0;
} */
.single-case-studies .icon-cards-section .heading h4 {
    margin-bottom: 0.5rem;
}

/*  challenge_two_col_section start */
.challenge_two_col_section .row {
    gap: 5.563rem;
}

@media (min-width: 1024px) {
    .challenge_two_col_section .row .col-lg-6 {
        flex: 0 0 calc(50% - (5.563rem * 6 / 12));
    }
}

.challenge_two_col_section .heading_wrap {
    margin-bottom: 0;
}

.challenge_two_col_section h2.heading-4 {
    margin-bottom: 0;
}

.challenge_two_col_section ul {
    padding: 0;
    margin-bottom: 0;
}

.challenge_two_col_section li.list p,
.challenge_two_col_section .description p {
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: normal;
}

.challenge_two_col_section li.list {
    position: relative;
    list-style: none;
}


.challenge_two_col_section li.list:not(:last-child),
.challenge_two_col_section .description:not(:last-child) {
    margin-bottom: 0.938rem;
    border-bottom: 0.063rem solid #383850;
    padding-bottom: 0.938rem;
}

.challenge_two_col_section .description p span {
    font-weight: 600;
}

@media (max-width:992px) {
    .challenge_two_col_section .row {
        gap: 1rem;
    }

    .challenge_two_col_section li.list,
    .challenge_two_col_section li.list p,
    .challenge_two_col_section .description p {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

@media (max-width:767.98px) {

    .challenge_two_col_section li.list,
    .challenge_two_col_section li.list p,
    .challenge_two_col_section .description p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}


/* result_section start  */

.result_section .review_wrap .heading_wrap h4 {
    margin-bottom: 0;
}

.result_section .review_wrap .heading_wrap {
    margin-bottom: 2rem;
}

.result_section .review_card {
    position: relative;
    height: 100%;
    border-radius: 0.5rem;
    background: url("/wp-content/uploads/2026/03/card-linear-gradient.webp");
    border-radius: 0.5rem;
    background-color: #1a1a31;
    background-size: cover;
    background-repeat: no-repeat;
}


.result_section .review_card {
    padding: 4.313rem 2.625rem 4.25rem 2.625rem;
}

.result_section .review_card .review_quote {
    margin-bottom: 2.375rem;
}

.result_section .review_card .review_quote h5 {
    margin-bottom: 0;
}

.result_section .author_details {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0.813rem;
}

.result_section .author_details .img_wrap {
    flex-shrink: 0;
}

.result_section .content_wrap h2 {
    margin-bottom: 2rem;
}

.result_section .content_wrap .description {
    margin-bottom: 3rem;
}

.result_section .content_wrap .description p {
    color: var(--Neutral-Outline-Grey, #D5D5D6);
    font-size: 1.25rem;
    line-height: normal;
}

.result_section .conversions_wrap .card {
    background-color: transparent;
    box-shadow: unset;
    border: unset;
    background: unset;
}

.result_section .conversions_wrap .card h2 {
    font-family: var(--font-body);
}

.result_section .review_card .card_body {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.result_section .review_card .author_info p {
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: 1.063rem;
    font-weight: 400;
    /*     line-height: 1.116rem;  */
}

.result_section .review_wrap_row.row {
    gap: 4.313rem;
}

.result_section .percentage {
    color: var(--color-text, #0FF);
    font-family: var(--font-body);
}

.result_section .percentage_description p {
    color: var(--color-outline-grey, #d5d5d6);
    font-family: var(--font-body);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    text-transform: uppercase;
}

.result_section .review_card .author_info p em>div {
    display: inline-block;
    background: linear-gradient(87deg, #FFF 8%, rgba(255, 255, 255, 0.40) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow: visible;
    font-style: normal;
    transform: skewX(-10deg);
    -webkit-text-stroke: 0.016rem rgba(255, 255, 255, 0.2);
    text-shadow: 0 0 0.063rem rgba(255, 255, 255, 0.2);
}

.result_section .author_details img {
    border-radius: 100%;
    background-color: #fff;
    width: 4.375rem;
    height: 4.375rem;
}

.result_section .content_wrap .description ul li:not(:last-child) {
    margin-bottom: 1.5rem;
}

.result_section .row.review_wrap_alt .content_wrap .description {
    padding-bottom: 0.9375rem;
    border-bottom: 0.0625rem solid #383850;
    margin-bottom: 1.625rem;
    font-size:1.5rem;
}

@media (min-width: 64rem) {
    .result_section .review_wrap.col-lg-6 {
        flex: 0 0 calc(50% - (4.313rem * 6 / 12));
    }
}

@media (max-width: 64rem) {

    .result_section .content_wrap .description {
        margin-bottom: 1.25rem;
    }
}

@media (max-width: 767.98px) {

    .result_section .content_wrap .description p,
    .result_section .content_wrap .description ul li {
        font-size: 1rem;
        line-height: 1.5;
    }

    .result_section .review_wrap_row.row {
        gap: 2.313rem;
    }

    .result_section .content_wrap .description ul li:not(:last-child) {
        margin-bottom: 0.8rem;
    }
}

/* .case_single_website_img{
	position:relative;
}
.case_single_website_img .wp-block-image,
.case_single_website_img .wp-block-image img{
	 width: 100%;
    height: 100%;
	object-fit:cover;
} */
.website_images_section {
    position: relative;
}

.website_images_section .grid-container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2.063rem 4.625rem;
}

.website_images_section .grid-container .item,
.website_images_section .grid-container .item img {
    width: 100%;
    object-fit: cover;
}

.website_images_section .grid-container .item-1 {
    grid-column: 1 / span 6;
}

.website_images_section .grid-container .item-2 {
    grid-column: 7 / span 6;
}

.website_images_section .grid-container .item-3 {
    grid-column: 1 / span 12;
}

@media (max-width: 62rem) {
    .website_images_section .grid-container {
        /* 	overflow:scroll; */
        gap: 2.063rem 0;
    }

    .website_images_section .grid-container .item img {
        width: auto;
        height: auto;
        object-fit: cover;
    }

    .website_images_section .grid-container .item-1,
    .website_images_section .grid-container .item-2 {
        grid-column: 1 / span 12;
    }
}

/* pacera-case single page */

.pacera-image.website_images_section .grid-container {
    gap: 2.063rem 1.875rem;
}

.pacera-image.website_images_section .grid-container .item-1 {
    grid-column: 1 / span 5;
}

.pacera-image.website_images_section .grid-container .item-2 {
    grid-column: 6 / span 7;
}

.pacera-image.website_images_section .grid-container img,
.pacera-image.website_images_section .grid-container .item-2 img {
    /* 	height:100%; */
    object-fit: contain;
}

.pacera-image.website_images_section .grid-container .item-3 {
    grid-column: 1 / span 12;
}

.pacera-image.website_images_section .grid-container .item-4 {
    grid-column: 1 / span 4;
}

.pacera-image.website_images_section .grid-container .item-5 {
    grid-column: 5 / span 4;
}

.pacera-image.website_images_section .grid-container .item-6 {
    grid-column: 9 / span 4;
}

@media (max-width: 62rem) {

    .pacera-image.website_images_section .grid-container .item-1,
    .pacera-image.website_images_section .grid-container .item-2,
    .pacera-image.website_images_section .grid-container .item-3,
    .pacera-image.website_images_section .grid-container .item-4,
    .pacera-image.website_images_section .grid-container .item-5,
    .pacera-image.website_images_section .grid-container .item-6 {
        grid-column: 1 / span 12;
    }
}

/* ibstock case study */

.ibstock-image.website_images_section .grid-container {
    gap: 2.063rem 1.875rem;
}

.ibstock-image.website_images_section .grid-container .item-1 {
    grid-column: 1 / span 12;
}

.ibstock-image.website_images_section .grid-container .item-2 {
    grid-column: 1 / span 8;
}

.ibstock-image.website_images_section .grid-container .item-3 {
    grid-column: 9 / span 4;
}

.ibstock-image.website_images_section .grid-container img {
    width: 100%;
    object-fit: contain;
}

@media (max-width: 62rem) {

    .ibstock-image.website_images_section .grid-container .item-1,
    .ibstock-image.website_images_section .grid-container .item-2,
    .ibstock-image.website_images_section .grid-container .item-3 {
        grid-column: 1 / span 12;
    }
}

/* vfs-canada-image */

.vfs-canada-image.website_images_section .grid-container img {
    object-fit: contain;
}

.vfs-canada-image.website_images_section .grid-container .item-1 {
    grid-column: 1 / span 6;
}

.vfs-canada-image.website_images_section .grid-container .item-2 {
    grid-column: 7 / span 2;
}

@media (max-width: 62rem) {

    .vfs-canada-image.website_images_section .grid-container .item-1,
    .vfs-canada-image.website_images_section .grid-container .item-2 {
        grid-column: 1 / span 12;
    }
}



/* work here page start */

/* work here page icon cards start */
.work-here-icon-cards.icon-cards-section .icon-card {
    min-height: 13.688rem;
}

@media (min-width: 63.9375rem) and (max-width: 86.1875rem) {
    .work-here-icon-cards.icon-cards-section .icon-card {
        min-height: 15.6875rem;
        min-width: auto;
    }
}

/* work here page icon cards end */

.work_here_banner {
    padding: 9.938rem 0 4.406rem;
    background-color: #0a1628;
    position: relative;
}

.work_here_banner .row {
    flex-wrap: nowrap;
}

.work_here_banner .container {
    position: relative;
}

.work_here_banner .title {
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.work_here_banner .description {
    margin-bottom: 2.625rem;
}

.work_here_banner .description p {
    width: 74%;
    line-height: normal;
}

.work_here__actions {
    gap: 1.188rem;
    display: flex;
}

.work_here__actions a.btn.btn-outline,
.work_here__actions a.btn.btn-primary {
    font-size: 1rem;
    line-height: normal;
}

.work_here__actions .btn-icon {
    width: 1.25rem;
    height: 1.25rem;
}


.work_here__slider .slider_card img {
    border-radius: 0.5rem;
    border: 0.125rem solid var(--color-text, #0FF);
    height: 22.375rem;
    object-fit: cover;
    background-color: #0a1628;
}

@media (max-width: 62rem) {
    .work_here_banner .row {
        flex-wrap: wrap;
        gap: 2.5rem;
    }
}

@media (max-width: 47.938rem) {
    .work_here_banner .description p {
        width: 100%;
    }

    .work_here_banner {
        padding: 8.5625rem 0 4.406rem
    }
}


.what_its_like_section .wrapper.row {
    gap: 4.434rem;
}

@media (min-width: 64rem) {
    .what_its_like_section .wrapper.row .col-lg-6 {
        flex: 0 0 calc(50% - (4.434rem * 6 / 12));
    }
}

.what_its_like_section .image_wrap .image_1,
.what_its_like_section .image_wrap .image_2 {
    border-radius: 0.5rem;
    border: 0.125rem solid var(--color-text, #0FF);
}

.what_its_like_section .image_wrap img {
    object-fit: cover;
    min-height: 20.938rem;
    border-radius: 0.5rem;
    width: 100%;
    height: 100%;
}



.what_its_like_section .description p {
    color: var(--primary-text);
    font-family: var(--font-body);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 47.938rem) {
    .what_its_like_section .wrapper.row {
        gap: 2.5rem;
    }

    .what_its_like_section .image_wrap img {
        max-height: 20.938rem;
    }

}

/*our_values_section start   */
.our_values_section.section {
    padding-bottom: 7.25rem;
}

.our_values_section .title {
    margin-bottom: 1rem;
}

.our_values_section .description {
    margin-bottom: 2rem;
}

.our_values_section .description span {
    font-weight: 600;
}

.our_values_section .person_details img {
    width: 3rem;
    height: 3rem;
    border-radius: 624.938rem;
    background: #fff;
}

.our_values_section .values__quote {
    border-radius: 0.5rem;
    border: 0.063rem solid #666696;
    background: #0F0F35;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 2.25rem 2.104rem 2.313rem 2.125rem;
    margin-bottom: 2.5rem
}

.our_values_section .person_details {
    display: flex;
    gap: 1rem;
}

.our_values_section .quote_description {
    margin-bottom: 1.125rem;
}

.our_values_section .quote_description p {
    color: var(--color-outline-grey, #d5d5d6);
    font-weight: 500;
}

.our_values_section .values__quote .name {
    color: #E7E6FB;
    font-weight: 700;
}

.our_values_section .values__quote .role {
    color: #A9AABD;
    font-family: var(--font-body);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.our_values_section .our_values__actions {
    display: flex;
    gap: 1.188rem;
}

.our_values_section .image_wrap img {
    min-height: 33.25rem;
    border-radius: 0.5rem;
    border: 0.125rem solid var(--color-text, #0FF);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.our_values_section .wrapper.row {
    gap: 2.688rem;
}

.our_values_section a.btn.btn-outline,
.our_values_section a.btn.btn-primary {
    font-size: 1rem;
    line-height: normal;
}

.our_values_section .btn-icon {
    width: 1.25rem;
    height: 1.25rem;
}

@media (min-width: 64rem) {
    .our_values_section .wrapper.row .col-lg-6 {
        flex: 0 0 calc(50% - (2.688rem * 6 / 12));
    }
}

@media (max-width: 64rem) {
    .our_values_section .image_wrap img {
        min-height: 36rem;
    }
}

@media (max-width: 48rem) {
    .our_values_section .image_wrap img {
        min-height: 20.938rem;
    }
}

/*our_values_section end   */

.full-width-section.full_width_text .heading h5 {
    font-weight: 500;
}

.full-width-section.full_width_text .heading p {
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}

.full-width-section.full_width_text .heading ul {
    margin-bottom: 0;
    padding: 0;
}

.full-width-section.full_width_text .heading li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}

.full-width-section.full_width_text .heading li:not(:last-child) {
    /* margin-bottom: 1.25rem; */
     margin-bottom: 1rem;
}

.full-width-section.full_width_text .heading li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 26.853px;
    height: 25.299px;
    transform: rotate(90deg);
    background-image: url("/wp-content/uploads/2026/04/list-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
}


/* contentfull-partners banner reused service banner start  */
.banner-contentfull-partners.hero-home {
    padding: 7.938rem 0 5.438rem;
    height: auto;
}

.banner-contentfull-partners .hero-home__wrap {
    padding: 0;
}

.banner-contentfull-partners .hero-home__title {
    width: 70%;
    margin-bottom: 1rem;
}

.banner-contentfull-partners .hero-services__wrap.hero-home__wrap .hero-home__desc p {
    margin-bottom: 0;
}

.banner-contentfull-partners .hero-services__wrap.hero-home__wrap .hero-home__desc {
    margin-bottom: 2.5rem;
}

.banner-contentfull-partners.hero-home a.btn.btn-primary,
.banner-contentfull-partners.hero-home .site-header__actions {
    margin-bottom: 0;
}

@media (max-width: 64rem) {
    .banner-contentfull-partners .hero-home__title {
        width: 100%;
    }
}

@media (max-width: 48rem) {
    .banner-contentfull-partners .hero-home__title {
        width: 70%;
    }
}

@media (max-width: 47.999rem) {
    .banner-contentfull-partners .hero-home__title {
        width: 100%;
    }
}

/* contentfull-partners banner reused service banner end  */


/* case_study_cards start   */


@media (min-width: 62rem) {
    .cms_cards_section.section {
        padding-top: 3.125rem;
    }
}

.cms_cards_section .cms_cards_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    width: 100%;
}

.cms_cards_section .cms_cards_wrap .cms_card {
    background-color: #1A1A31;
    position: relative;
    padding: 2.125rem 1.474rem 2.063rem 1.375rem;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    transition: transform 0.3s ease;
}

.cms_cards_section .cms_cards_wrap .cms_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 34.95%;
    height: 79.71%;
    border-radius: 16.4375rem;
    opacity: 0.3;
    background: #0ff;
    filter: blur(4.5656rem);
    transform: translateY(-20.29%);
}

.cms_cards_section .cms_cards_wrap .cms_card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 36.14%;
    height: 82.61%;
    border-radius: 16.4375rem;
    opacity: 0.3;
    background: #b907f4;
    filter: blur(4.5844rem);
    transform: translateY(-17.39%);
}

.cms_cards_section .cms_cards_wrap .cms_card p.title {
    color: var(--color-text, #0FF);
    font-family: var(--font-heading);
    margin-bottom: 0;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

.cms_cards_section .cms_card:hover {
    transform: translateY(-0.1875rem);
}

@media (max-width:64rem) {
    .cms_cards_section .cms_cards_wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:47.999rem) {
    .cms_cards_section .cms_cards_wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*  */
.case_study_cards_section .heading_wrapper {
    margin-bottom: 2.313rem;
}

.case_study_cards_section .heading_wrapper h2 {
    margin-bottom: 0;
}

.case_study_cards_section .case_study__card a:has(.card__title),
.case_study_cards_section .case_study__card .card__title {
    width: fit-content;
    display: inline-block;
}

.case_study_cards_section .case_study__card .img_wrap,
.case_study_cards_section .case_study__card {
    overflow: hidden;
}

.case_study_cards_section .case_study__card .img_wrap img {
    transition: all 0.3s ease;
}

.case_study_cards_section .case_study__card:hover .img_wrap img {
    transform: scale(1.1);

}

.case_study_cards_section .load_more_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.case_study_cards_section .load_more_wrap a.btn.btn-outline {
    margin-top: 2.5rem;
}

.case_study_cards_section .case_studies__wrapper {
    gap: 2.5rem 3rem;
}

@media (min-width: 64rem) {
    .case_study_cards_section .case_studies__wrapper .col-lg-6 {
        flex: 0 0 calc(50% - (3rem * 6 / 12));
    }
}

@media (min-width: 768px) {
    .case_study_cards_section .case_studies__wrapper .col-md-6 {
        flex: 0 0 calc(50% - (3rem * 6 / 12));
    }
}

/* case_study_cards end   */

/* faq_section start */

.faq_section .title {
    margin-bottom: 2.149rem;
}

.faq_section .row {
    gap: 10.688rem;
}

@media (min-width: 64rem) {
    .faq_section .col-lg-7 {
        flex: 0 0 calc(58.33333333% - (10.688rem * 5 / 12));
    }

    .faq_section .col-lg-5 {
        flex: 0 0 calc(41.66666667% - (10.688rem * 7 / 12));
    }
}

.faq_section .faq_item {
    border-bottom: 0.063rem solid rgba(255, 255, 255, 0.13);
}

.faq_section .faq_question {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 0.625rem;
}

.faq_section .faq_question.active .plus_icon {
    transform: rotate(41deg);
}

.faq_section .faq_question .plus_icon {
    width: 1.5rem;
    height: 1.5rem;
    transition: transform 0.3s ease;
}

.faq_section .faq_question span {
    color: #FFF;
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.faq_section .faq_item:first-child .faq_question {
    padding: 0 0 2.313rem 0;
}

.faq_section .faq_item:first-child .faq_question.active {
    padding: 0 0 1rem 0;
}

.faq_section .faq_item .faq_question.active {
    padding: 2.188rem 0 1rem 0;
}

.faq_section .faq_question {
    padding: 2.188rem 0 2.313rem 0;
}

.faq_section .faq_item:has(.faq_question.active) {
    padding: 0 0 1.5rem 0;
}

.faq_section .faq_answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.faq_section .faq_answer p {
    opacity: 0.7;
    font-weight: 500;
    line-height: normal;
}

.faq_section .card {
    background: transparent;
    width: 22.25rem;
    border: unset;
}

.faq_section .card img {
    height: 22.5rem;
    margin-bottom: 1.25rem;
    object-fit: cover;
    object-position: top;
    border-radius: 0.5rem;
}

.faq_section .card .title {
    margin-bottom: 0.25rem;
}

/* .faq_section .card .description {
    margin-bottom: 1.634rem;
}
 */
.faq_section .card .description p {
    opacity: 0.7;
    font-weight: 500;
    line-height: normal;
}

.faq_section a.btn.btn-outline {
	margin-top: 2.125rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    width: 11.188rem;
    height: var(--button-hgt);
    aspect-ratio: 179/52;
}

.faq_section .btn-outline .btn__text-inner:first-child {
    color: #FAFAFA;
}

@media(max-width:72.375rem) {
    .faq_section .row {
        gap: 5.5rem;
    }
}

/* @media(max-width:63.938rem){
  .faq_section .card{
       width:100%;
  }
} */
@media(max-width:62rem) {
    .faq_section .row {
        gap: 2.5rem;
    }
}

@media(max-width: 29.688rem) {
    .faq_section .card {
        width: 100%;
    }
}

/* faq end */

/* about_shovan_cta start */
/* 
.about_shovan_cta.section {
    padding-bottom: 7.25rem;
} */

.about_shovan_cta .wrapper {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0.938rem;
    padding: 4.625rem 3.875rem 5.063rem;
    position: relative;
    height: 100%;
    min-height: 48.813rem;
    background-color: #141638;
    border: 0.063rem solid rgba(255, 255, 255, 0.13);
    border-bottom: unset;
}

.about_shovan_cta .heding_wrapper {
    margin-bottom: 1.91rem;
}

.about_shovan_cta .heding_wrapper h2 {
    margin-bottom: 0;
}

.about_shovan_cta .right_image {
    width: 26.125rem;
    height: 30.625rem;
    object-fit: cover;
    border-radius: 0.5rem;
}

.about_shovan_cta .row {
    gap: 7.938rem;
}

@media (min-width: 64rem) {
    .about_shovan_cta .col-lg-7 {
        flex: 0 0 calc(58.33333333% - (7.938rem * 5 / 12));
    }

    .about_shovan_cta .col-lg-5 {
        flex: 0 0 calc(41.66666667% - (7.938rem * 7 / 12));
    }
}

.about_shovan_cta ul {
    padding: 0;
}

.about_shovan_cta li {
    list-style: none;
    position: relative;
    padding-left: 1.938rem;
}

.about_shovan_cta li p {
    font-weight: 500;
}

.about_shovan_cta li:not(:last-child) {
    margin-bottom: 1.25rem;
}

.about_shovan_cta li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25rem;
    width: 1.678rem;
    height: 1.581rem;
    transform: rotate(90deg);
    background-image: url("/wp-content/uploads/2026/04/list-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.about_cta__actions {
    margin-top: 2rem;
    gap: 1.188rem;
    display: flex;
}

.about_cta__actions a.btn.btn-outline,
.about_cta__actions a.btn.btn-primary {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    height: var(--button-hgt);
}

.about_cta__actions a.btn.btn-outline {
    width: 11.188rem;
}

.about_cta__actions a.btn.btn-primary .btn-icon {
    width: 1.25rem;
    height: 1.25rem;
}

@media(max-width:64rem) {
    .about_shovan_cta .row {
        gap: 3.5rem;
    }

    .about_shovan_cta .wrapper {
        background-position: top left;
    }
}

@media(max-width:62rem) {
    .about_shovan_cta .wrapper {
        background-position: top left;
        padding: 2.5rem 1.25rem;
    }

    .about_shovan_cta .right_image {
        width: 100%;
    }

}

@media(max-width:47.999rem) {
    .about_cta__actions {
        flex-direction: column;
    }

    .about_cta__actions a.btn.btn-outline {
        width: 100%;
    }

    .about_shovan_cta li.list .body-large,
    .about_shovan_cta li.list .body-large p,
    .about_shovan_cta .body-large,
    .about_shovan_cta .body-large p,
    .about_shovan_cta p {
        font-size: 1rem;
        line-height: 1.5;
    }
}

/* about_shovan_cta end */



@media (max-width: 68.75rem) and (min-width:64rem) {
    .contentfull-partners.icon-cards-section .icon-card {
        min-height: 14.938rem;
    }
}

@media (max-width: 47.999rem) {
    .contentfull-partners.icon-cards-section .icon-card .icon-wrap {
        margin-bottom: 0;
    }

    .contentfull-partners.icon-cards-section .content-wrap h5 {
        margin-bottom: 0;
    }

    .contentfull-partners.icon-cards-section .icon-card {
        min-height: auto;
    }
}

.contentfull-experts.icon-cards-section .icon-card p {
    font-size: var(--body-size-desktop);
    font-weight: 400;
    line-height: normal;
}

.contentfull-experts.icon-cards-section .heading {
    margin-bottom: 1.625rem;
}

.contentfull-experts.icon-cards-section .heading p,
.contentfull-experts.icon-cards-section .heading h4 {
    margin-bottom: 0;
}

.contentfull-partners.built-teams-section .card .card_description {
    margin-bottom: 2.625rem;
}


/* single pages bg image start */
.single-events #main {
    background-image: url('/wp-content/uploads/2026/05/Union.webp');
    background-size: 90.379rem 145.631rem;
    background-position: top 18rem left 4rem;
    background-repeat: no-repeat;
}

@media (min-width:118.75rem) {
    .single-events #main {
        background-size: 117.379rem 146.631rem;
        background-position: top 19rem center;
    }
}

@media(max-width:64rem) {
    .single-events #main {
        background-position: top 19rem center;
    }
}


.single-article #main {
    background-image: url('/wp-content/uploads/2026/05/Union.webp');
    background-size: 90.379rem 145.631rem;
    background-position: top 25rem left 16rem;
    background-repeat: no-repeat;
}

/* 1900px */
@media (min-width:118.75rem) {
    .single-article #main {
        background-size: 117.379rem 146.631rem;
        background-position: top 19rem center;
    }
}

/* 1024px */
@media(max-width:64rem) {
    .single-article #main {
        background-position: top 19rem center;
    }
}

/* single pages bg image start */

/*  events single page banner start */

/*  events single page banner start */
.events-single__banner {
    position: relative;
    /* 	background: #0a1628; */
}

.events-single__banner .glow-centre,
.events-single__banner .glow-right {
    top: 0;
}

.events-single_actions a.btn.btn-primary {
    font-size: 1rem;
    line-height: normal;
}

.events-single_actions .btn-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.events-single__banner .hero__pink_blur_1 {
    top: -43%;
    margin-left: -7.8125rem;
}

.hero__pink_blur_3 {
    border-radius: 16.4375rem;
    opacity: 0.3;
    background: #B907F4;
    filter: blur(2.6875rem);
    position: absolute;
    top: 94%;
    right: -2.5rem;
    width: 16.8125rem;
    height: 12.5rem;
    transform: rotate(90deg);
}

.events-single__banner .container {
    z-index: 2;
    position: relative;
}

.events-single__banner.section {
    padding-top: 8.688rem
}

.events-single__banner .row {
    gap: 3.706rem;
}

.events-single__banner h1.title {
    margin-bottom: 0.625rem;
    width: 104%;
}

.events-single__banner .description {
    margin-bottom: 1.688rem;
}

.events-single__banner .image_wrap {
    position: relative;
}

.events-single__banner .image_wrap svg.video-play-icon {
    width: 4.25rem;
    height: 3rem;
    position: absolute;
    top: 42%;
    left: 44%;
    opacity: 0.7;
}

.btn-tag {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--button-height);
    padding: 0 1.75rem;
    background: var(--color-accent-purple);
    border: .0625rem solid var(--color-accent-purple);
    border-radius: var(--radius-pill);
    color: var(--color-white);
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    white-space: nowrap;
}

.btn-tag:hover {
    color: var(--color-white);
}

body:has(#videoPopup.active) {
    overflow: hidden;
    position: relative;
}

#videoPopup.active {
    display: flex;
}

#videoPopup {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    height: 100%;
    max-height: 100vh;
    width: 100%;
}

#videoPopup iframe {
    max-width: 100%;
    display: block;
    aspect-ratio: 1.77777;
    height: auto;
    max-height: 90vh;
    width: 80%;
}

#videoPopup .video-close {
    position: absolute;
    top: 14px;
    right: 14px;
    background: 0 0;
    border: 0;
    color: #fff;
    font-size: 33px;
    cursor: pointer;
    margin-right: 33px;
}

@media (min-width: 64rem) {
    .events-single__banner .col-lg-6 {
        flex: 0 0 calc(50% - (3.706rem * 6 / 12));
    }
}

.events-single__banner .image_wrap img {
    height: 21.228rem;
    /* 	height:100%; */
    object-fit: cover;
    border-radius: 0.5rem;
    width: 100%;
}


.events-single__banner .card_wrap {
    border-radius: 8px;
    border: 1px solid #666696;
    background: #0F0F35;
    display: flex;
    padding: 1.688rem 1.416rem 1.188rem 1.5rem;
    gap: 1.188rem 4.188rem;
    margin-bottom: 2rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.events-single__banner .card_wrap p {
    font-weight: 500;
}

.events-single__banner .date,
.events-single__banner .time {
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .events-single__banner .row {
        gap: 3rem;
    }
}


@media(min-width:1023px) and (max-width:1337px) {
    .events-single__banner .card_wrap {
        flex-wrap: wrap;
    }

    .events-single__banner .image_wrap img {
        height: auto !important;
        object-fit: contain;
        width: 100%;
    }
}

@media (max-width:1024px) {
    .events-single__banner .card_wrap {
        min-width: auto;
    }
}

@media (max-width:1023px) {
    .events-single__banner .card_wrap {
        width: 100%;
    }
}

@media (max-width:64rem) {
    .events-single__banner .image_wrap img {
        height: auto !important;
        object-fit: contain;
        width: 100%;
    }
}

@media (max-width:47.999rem) {
    .events-single__banner .card_wrap {
        flex-wrap: wrap;
    }
}

/*  events single page banner end */

/*   events single page  two col section start */
.events-two_col_section .row {
    gap: 1.813rem;
}

@media (min-width: 1024px) {
    .events-two_col_section .col-lg-6 {
        flex: 0 0 calc(50% - (1.813rem * 6 / 12));
    }
}

.events-two_col_section .card_wrap .wrap {
    display: flex;
    gap: 0.625rem;
    justify-content: start;
    align-items: center;
}

.events-two_col_section .card_wrap .heading-wrap {
    margin-bottom: 1.563rem;
}

.events-two_col_section .card_wrap .heading-wrap h5 {
    margin-bottom: 0;
}

.events-two_col_section .card_wrap {
    border-radius: 8px;
    border: 1px solid #666696;
    background: #0F0F35;
    padding: 1.563rem 3.125rem 2.313rem 1.563rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.events-two_col_section .wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 2.25rem;
}

.events-two_col_section .icon_wrap {
    border-radius: 2rem;
    border: 0.063rem solid var(--color-text, #0FF);
    background: rgba(255, 255, 255, 0.15);
    padding: 1rem 0.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
}

@media(max-width:47.999rem) {
    .events-two_col_section .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .events-two_col_section .row {
        gap: 3rem;
    }
}

/*   events single page two col section end */

/*   events single page  form start */
@media (min-width: 992px) {
    .events-single_form.section {
        padding-bottom: 7.25rem
    }
}

.single_page-form .wpcf7 form .wpcf7-response-output {
    margin: 2rem 0 0;
}

.single_page-form .wpcf7-not-valid-tip {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.single_page-form {
    width: 100%;
    height: auto;
    padding: 5.563rem 12.375rem 3.555rem 12.313rem;
    border-radius: 0.5rem;
    border: 0.063rem solid #666696;
    background: #0F0F35;
    position: relative;
    background-image: url('/wp-content/uploads/2026/04/form-Bg-Shape.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.single_page-form .title {
    margin-bottom: 4rem;
    text-align: center;
    font-weight: 500;
}

.single_page-form .wrapper .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.313rem 1.563rem;
}

.single_page-form .wrapper .form-grid .country_dropdown .selected {
    color: #000;
}

.single_page-form .wrapper .form-grid input[type="tel"] {
    color: #000;
}

.single_page-form .wrapper .form-grid .form-group:nth-child(3),
.single_page-form .wrapper .form-grid .form-group:nth-child(4) {
    grid-column: 1 /span 2;
}

.single_page-form .wpcf7-not-valid-tip~.wpcf7-not-valid-tip {
    display: none;
}

.single_page-form .wrapper input.scube-input,
.single_page-form .wrapper textarea.scube-input {
    /* color: #6B7280; */
    color: #000;
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    border-radius: 0.563rem;
    background: var(--text-primary);
}

.single_page-form .wrapper input[type="submit"] {
    /* background-image: url('/wp-content/uploads/2026/03/Mask-Group.svg');
    background-position: right 2.625rem center;
    background-repeat: no-repeat; */
    transition: all .3s ease-in-out;
    width: 12.688rem;
    height: 3.25rem;
}

.single_page-form .wrapper input[type="submit"]:hover {
    background-color: #0ff;
    color: #000;
    /* background-image: url('/wp-content/uploads/2026/04/black-arrow.svg'); */
}

.single_page-form .wrapper .scube-submit {
    border-radius: 50rem;
    background: #B907F4;
    color: var(--text-primary);
    display: flex;
    border: none;
    /* padding: 0.813rem 4.221rem 0.813rem 3.813rem; */
    padding: 0.813rem 3.721rem 0.813rem 3.813rem;
    justify-content: center;
    align-items: center;
    gap: 0.404rem;
    margin-top: 2.625rem;
    color: #FFF;
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    position: relative;
}

.single_page-form .wrapper .wpcf7-spinner {
    position: absolute;
}

.single_page-form .form-group label {
    color: #E7E6FB;
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
}

@media (max-width:62rem) {
    .single_page-form {
        padding: 5.563rem 3.555rem;
    }
}

@media (max-width:48rem) {
    .single_page-form .wrapper .form-grid {
        grid-template-columns: 1fr;
        gap: 1.313rem;
    }

    .single_page-form .wrapper .form-grid .form-group:nth-child(3),
    .single_page-form .wrapper .form-grid .form-group:nth-child(4) {
        grid-column: auto;
    }

    .single_page-form {
        padding: 3rem 2rem;
    }

    .single_page-form .wpcf7 form .wpcf7-response-output {
        margin: 2rem 0 0;
    }
}

/*   events single page  form end */


.full-width-section.single-custom.full_width_text.section {
    padding-top: 0;
    padding-bottom: 0;
}

@media (max-width:767px) {
    .full-width-section.single-custom.full_width_text.section {
        padding-top: var(--section-gap-mobile);
        padding-bottom: var(--section-gap-mobile);
    }

}

.social-share_cta .card_wrap {
    border-radius: 0.5rem;
    border: 0.063rem solid #666696;
    background: #0F0F35;
    padding: 3rem 2.563rem 2.625rem;
    gap: 1.188rem 4.188rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.social-share_cta .heading-wrap {
    margin-bottom: 1.563rem;
}

.social-share_cta .heading-wrap h4 {
    margin-bottom: 0;
}

.social-share_cta .card_wrap .wrapper {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 1.5rem 5.5rem;
    flex-wrap: wrap;
}

.social-share_cta .wrapper .wrap {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0.625rem;
    min-width: 12.188rem;
}

.social-share_cta .wrapper .icon_wrap {
    border-radius: 2rem;
    border: 0.063rem solid var(--color-text, #0FF);
    background: rgba(255, 255, 255, 0.15);
    padding: 1rem 0.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
}

@media (max-width:47.999rem) {
    .social-share_cta .card_wrap {
        padding: 2.5rem 1.25rem;
    }
}

/* host Cta start */

.meet-host_cta .card_wrap {
    padding: 3.375rem 2.438rem;
    border-radius: 0.938rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 24.438rem;
}

.meet-host_cta .card_wrap .image_wrap img {
    width: 12.125rem;
    height: 12.125rem;
    object-fit: cover;
    border-radius: 0.5rem;
}


.meet-host_cta .card_wrap .wrapper {
    gap: 3.188rem;
    display: flex;
}

.meet-host_cta .heading_wrap h4 {
    margin-bottom: 0;
}

.meet-host_cta .heading_wrap {
    margin-bottom: 2.063rem;
}

.meet-host_cta .wrapper .description {
    width: 55.09%;
}

.meet-host_cta .wrapper .description p {
    line-height: normal;
}

@media (max-width:62rem) {
    .meet-host_cta .card_wrap .wrapper {
        flex-direction: column;
    }

    .meet-host_cta .wrapper .description {
        width: 100%;
    }

    .meet-host_cta .card_wrap {
        background-position: right;
    }
}

@media (max-width:47.999rem) {
    .meet-host_cta .card_wrap {
        padding: 2.5rem 1.25rem;
    }
}

/* host Cta start */

/* events single page custom code start */

.about_shovan_cta .heding_wrapper h4 span:not(span.highlight) {
    color: var(--Neutral-Table-Grey, #F9F9F9);
    font-family: var(--font-body);
    font-size: 28px;
    font-weight: 400;
    line-height: normal;
}

/* .about_shovan_cta.section.single-custom {
    padding-top: 0;
    padding-bottom: 2.5rem;
} */

/* .meet-host_cta.section.single-custom {
    padding-top: 0;
    padding-bottom: 2.5rem;
}

.social-share_cta.section.single-custom {
    padding-top: 0;
    padding-bottom: 2.5rem;
}

.events-single_form.section.single-custom {
    padding-top: 0;
    padding-bottom: 7.25rem;
} */

/* events single page custom code end */

.single-article section,
.single-events section {
    position: relative;
    z-index: 99;
}

.single-article .events-single__banner h1.title {
    margin-bottom: 1rem;
}

.single-article .events-single__banner .description {
    margin-bottom: 1.813rem;
}


/*  */

.article-single-page.about_shovan_cta.section {
    padding-top: 0;
    padding-bottom: 2.5rem;
}

.single-custom.about_shovan_cta .wrapper,
.article-single-page.about_shovan_cta .wrapper {
    padding: 4.313rem 2.438rem 4.063rem;
}

.single-custom.about_shovan_cta .row,
.article-single-page.about_shovan_cta .row {
    gap: 3.313rem;
}

@media (min-width: 64rem) {

    .single-custom.about_shovan_cta .col-lg-7,
    .article-single-page.about_shovan_cta .col-lg-7 {
        flex: 0 0 calc(58.33333333% - (3.313rem * 5 / 12));
    }

    .single-custom.about_shovan_cta .col-lg-5,
    .article-single-page.about_shovan_cta .col-lg-5 {
        flex: 0 0 calc(41.66666667% - (3.313rem * 7 / 12));
    }
}


.article-single.full_width_text.section {
    padding-top: 0;
    padding-bottom: 3.375rem;
}

.article-single.full_width_text .heading h5 {
    margin-bottom: 1.25rem;
    font-weight: 400;
}

/* website-development-solution page banner  start */

.website-development-solution.hero-home {
    padding: 9.5rem 0 7.063rem 0;
    height: auto;
}

.website-development-solution .hero-home__wrap {
    padding: 0;
}

.website-development-solution .hero-home__title {
    width: 83%;
    margin-bottom: 0;
}

@media(max-width: 47.999rem) {
    .website-development-solution.hero-home {
        padding: 6.938rem 0 7.063rem 0;
    }

    .website-development-solution .hero-home__title {
        width: 100%;
    }
}

/* website-development-solution page banner  end */

/* website-development-solution page icons stories card and icon cards start */
.website-development-solution.icon-cards-section .card-wrap.row {
    gap: 1.375rem 1rem;
}

.website-development-solution.icon-cards-section .icon-card p:first-child {
    font-family: var(--font-body);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1rem;
}


/* website-development-solution page icons stories card and icon cards  end */


.challenge_two_col_section.website-development-solution h2.title {
    width: 78%;
}

@media(max-width:47.99rem) {
    .challenge_two_col_section.website-development-solution h2.title {
        width: 100%;
    }
}

/*  */

.website-development-solution.challenge_two_col_section .description:not(:last-child) {
    padding-bottom: 1.438rem;
}


/*  */
.our-solutions_section .title {
    margin-bottom: 2.375rem;
}

.our-solutions_section .title {
    margin-bottom: 2.375rem;
}

.our-solutions_section .two-col_card .title {
    margin-bottom: 1rem;
}

.our-solutions_section .two-col_card.row {
    gap: 3.188rem;
}

.our-solutions_section .two-col_card.row:not(:last-child) {
    margin-bottom: 4.063rem;
}

@media (min-width: 64rem) {
    .our-solutions_section .two-col_card .col-lg-7 {
        flex: 0 0 calc(58.33333333% - (3.188rem * 5 / 12));
    }

    .our-solutions_section .two-col_card .col-lg-5 {
        flex: 0 0 calc(41.66666667% - (3.188rem * 7 / 12));
    }
}

.our-solutions_section .solutions-list_card {
    border-radius: 8px;
    border: 1px solid #666696;
    background: #0F0F35;
    padding: 3.604rem 2.875rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.our-solutions_section ul {
    padding-left: 0;
    margin-bottom: 0;
}

.our-solutions_section li.list_item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.119rem;
    width: 1.678rem;
    height: 1.581rem;
    transform: rotate(90deg);
    background-image: url("/wp-content/uploads/2026/04/list-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.our-solutions_section li.list_item {
    list-style: none;
    position: relative;
    padding-left: 1.875rem;
    line-height: normal;
}

.our-solutions_section ul li.list_item:not(:last-child) {
    margin-bottom: 1.5rem;
}

.our-solutions_section .two-col_card .description p {
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: normal;
}

@media(max-width:768px) {
    .our-solutions_section .solutions-list_card {
        padding: 2.604rem 1.875rem;
    }
}

.website-development-solution.faq_section.section {
    padding-bottom: 4.018rem;
}

.full_width_text.legal-page.section {
    padding-top: 10rem;
    padding-bottom: 8rem;
}

/* site popup form start */

.site_popup_form .wpcf7-spinner {
    position: absolute;
}

.site_popup_form .scube-submit {
    margin-top: 3.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.site_popup_form input[type="submit"].scube-submit {
    width: 8.875rem;
    height: 2.625rem;
}

.site_popup_form {
    background-image: url('/wp-content/uploads/2026/05/site-popup-form-bg-1.webp');
    width: 100%;
    height: auto;
    padding: 1.813rem 1.938rem 2.688rem 2.75rem;
    border-radius: 0.5rem;
    background-color: #0F0F35;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 35.938rem;
    min-height: 39.188rem;
    max-height: fit-content;
}

#sitePopupForm {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    height: 100%;
    /* max-height: 100vh; */
    width: 100%;
}

body:has(#sitePopupForm.show-flex) {
    overflow: hidden;
    position: relative;
}

#sitePopupForm.sitePopup-apply.show-flex {
    display: flex !important;
    padding: 20px;
}

#sitePopupForm .wpcf7-list-item {
    margin: 0 1em 1em 0;
}

#sitePopupForm p.body-large {
    margin-bottom: 1.313rem;
}

#sitePopupForm .form-group.describes-you {
    margin-bottom: 2.313rem;
}

#sitePopupForm .form-group.submit-wrap {
    display: flex;
    align-items: end;
    justify-content: end;
}

#sitePopupForm .form-group.other-role {
    margin-top: 1.438rem;
}

#sitePopupForm .form-group label {
    color: #FFF;
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

#sitePopupForm .form-group.describes-you .wpcf7-list-item label {
    min-width: 9.063rem;
    min-height: 2.625rem;
}

#sitePopupForm .form-group.describes-your-role .wpcf7-list-item label {
    min-height: 2.625rem;
}

#sitePopupForm .form-group.describes-your-role .wpcf7-list-item.last label {
    min-width: 9.063rem;
    min-height: 2.625rem;
}

#sitePopupForm .wpcf7-list-item label {
    margin-bottom: 0;
    padding: 0.688rem 1.688rem 0.625rem 1.625rem;
    border-radius: 4rem;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2.5px);
    color: #FAFAFA;
    text-align: center;
    font-family: var(--font-body);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    cursor: pointer;
    transition: 0.3s ease;
}

#sitePopupForm .wpcf7-list-item input[type="radio"] {
    display: none;
}

#sitePopupForm .wpcf7-list-item label:has(input[type="radio"]:checked) {
    color: #fff;
    border-radius: 4rem;
    background: var(--Accent-Violet-purple, #B907F4);
    backdrop-filter: blur(0.156rem);
}

#sitePopupForm p:has(button.mini-close) {
    margin-bottom: 1.65rem;
}

#sitePopupForm .mini-close {
    padding: 0.5rem 0.5rem 1rem;
}

#sitePopupForm .mini-close svg {
    width: 1.25rem;
    height: 1.25rem;
}

#sitePopupForm .wpcf7-not-valid-tip {
    font-size: 1rem;
    margin-top: -0.625rem;
    line-height: 1.2;
}

#sitePopupForm input[type="text"].wpcf7-text {
    border-radius: 6.188rem;
    border: 0.063rem solid #E5E7EB;
    background: #FFF;
    min-height: 2.688rem;
    padding: 0.813rem 1.25rem;
    color: #000;
    font-family: var(--font-body);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: normal;
    max-width: 30rem;
}

#sitePopupForm input[type="text"].wpcf7-text::placeholder {
    color: #CCC;
}

.scube-submit {
    border-radius: 50rem;
    background: #B907F4;
    color: var(--text-primary);
    display: flex;
    border: none;
    padding: 0.813rem 4.221rem 0.813rem 3.813rem;
    justify-content: center;
    align-items: center;
    gap: 0.404rem;
    margin-top: 2.75rem;
    color: #FFF;
    font-family: var(--font-body);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: normal;
    position: relative;
}

input[type="submit"].scube-submit {
    /*   background-image: url('/wp-content/uploads/2026/03/Mask-Group.svg');
    background-position: right 2.625rem center;
    background-repeat: no-repeat;
     width: 12.688rem; */
    transition: all .3s ease-in-out;
    width: 8.938rem;
    padding: 0 1.75rem;
    height: 3.25rem;
}

input[type="submit"].scube-submit:hover {
    background-color: #0ff;
    color: #000;
    /* background-image: url('/wp-content/uploads/2026/04/black-arrow.svg'); */
}

input[type="submit"].scube-submit:disabled {
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
}

input[type="submit"].scube-submit:disabled:hover {
    /* background-image: url('/wp-content/uploads/2026/03/Mask-Group.svg'); */
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
}

.site_popup_form::-webkit-scrollbar {
    width: 0.25rem;
    height: 0.25rem;
}

.site_popup_form::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0.625rem;
}

.site_popup_form::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 0.625rem;
}



@media(max-width:47.999rem) {
    #sitePopupForm {
        align-items: unset;
    }

    .site_popup_form {
        overflow-y: scroll;
        max-height: fit-content;
    }
}

@media(max-width:37.5rem) {
    #sitePopupForm .form-group.describes-you .wpcf7-list-item label {
        min-width: unset;
        padding: 0.688rem 1rem 0.625rem 1rem;
    }

    #sitePopupForm .form-group.describes-your-role .wpcf7-list-item.last label,
    #sitePopupForm .form-group.describes-your-role .wpcf7-list-item label {
        min-width: unset;
        padding: 0.688rem 1rem 0.625rem 1rem;
    }

    /* #sitePopupForm .form-group.describes-your-role p > label{
        width: 90%;
    } */

    #sitePopupForm .wpcf7-list-item {
        margin: 0 0.5em 1em 0;
    }

    #sitePopupForm .form-group.describes-you {
        margin-bottom: 1rem;
    }

    .site_popup_form .scube-submit {
        margin-top: 2rem;
    }
}

/* site popup form end */

/* headless-cms-agency page start */

/* banner */
.headless-cms-agency.hero-home {
    height: auto;
}

.headless-cms-agency.hero-home .hero-services__wrap.hero-home__wrap .hero-home__title {
    margin-bottom: 1rem;
}

.headless-cms-agency .hero-services__wrap.hero-home__wrap {
    padding: 7.813rem 0 5.25rem 0;
}

.headless-cms-agency.hero-home .hero-home__wrap .site-header__actions a.btn.btn-primary,
.headless-cms-agency.hero-home .hero-home__wrap .site-header__actions a.btn.btn-outline {
    font-size: 14px;
}
@media(max-width: 991.98px){
.hero-home.headless-cms-agency .hero-services__wrap.hero-home__wrap .hero-home__buttons{
    margin-bottom: 0;
  }
}
@media(max-width:767.98px){
	.headless-cms-agency .hero-services__wrap.hero-home__wrap{
		  padding: 7.813rem 0 3.25rem 0;
	}
  .hero-home.headless-cms-agency .hero-services__wrap.hero-home__wrap .hero-home__buttons{
    margin-bottom: 0;
  }
}

/* logo slider*/
.headless-cms-agency.proof-concept-slider {
    padding: 4.563rem 0 2.063rem;
}

.headless-cms-agency.proof-concept-slider .proof-slider-item img {
    max-width: unset;
    opacity: unset;
}

.headless-cms-agency.proof-concept-slider .proof-slider-wrapper {
    gap: 10.438rem;
}

@media(max-width:992px) {
    .headless-cms-agency.proof-concept-slider {
        padding: 2.063rem 0;
    }

    .headless-cms-agency.proof-concept-slider .proof-slider-wrapper {
        gap: 7.5rem;
    }
}

@media(max-width:768px) {
    .headless-cms-agency.proof-concept-slider .proof-slider-wrapper {
        gap: 5rem;
    }
}

/* icon cards section  */
.headless-cms-agency.icon-cards-section .card-wrap.row {
    justify-content: center;
}

.headless-cms-agency.icon-cards-section .icon-card {
    padding: 2.25rem 1.125rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20.16625rem;
}

.headless-cms-agency.icon-cards-section .icon-card p.heading-1 {
    font-family: var(--font-heading);
    font-weight: 700;
    margin-bottom: 0.688rem;
}

.headless-cms-agency.icon-cards-section .icon-card p:not(.heading-1) {
    color: #FFF;
    font-family: var(--font-body);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: normal;
}

@media(max-width:768px) {
    .headless-cms-agency.icon-cards-section .icon-card {
        justify-content: start;
    }
}

.headless-cms-agency #main {
    background-image: url('/wp-content/uploads/2026/05/Union.webp');
    background-size: 1878.066px 2966.362px;
    background-position: top 21rem left -4rem;
    background-repeat: no-repeat;
}

@media (min-width:118.75rem) {
    .headless-cms-agency #main {
        background-image: url('/wp-content/uploads/2026/05/Union.webp');
        background-size: 1878.066px 2966.362px;
        background-position: top 14rem center;
        background-repeat: no-repeat;
    }
}

@media(max-width:64rem) {
    .headless-cms-agency #main {
        background-position: top 14rem center;
    }
}

/*  */

.headless-cms-agency.built-teams-section .heading-wrap {
    width: 92%;
}

@media(max-width:47.999rem) {
    .headless-cms-agency.built-teams-section .heading-wrap {
        width: 100%;
    }
}

/*  */

.headless-cms-agency.challenge_two_col_section h2.title {
    width: 80%;
}

/* icon cards section three col */
.headless-cms-agency-three-col.icon-cards-section {
    padding-bottom: 2.563rem;
}

.headless-cms-agency-three-col.icon-cards-section .heading {
    margin-bottom: 2.625rem;
}

.headless-cms-agency-three-col.icon-cards-section .icon-card h6 {
    color: #FFF;
    font-family: var(--font-body);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.75rem;
}


.headless-cms-agency-three-col.icon-cards-section .heading h2 {
    margin-bottom: 0;
}

@media(max-width:767.98px) {
    .headless-cms-agency-three-col.icon-cards-section .icon-card h6 {
        font-size: 1.125rem;
        line-height: 1.5;
    }
}


/* faq */
.headless-cms-agency.faq_section.section {
    padding-bottom: 5.875rem;
}

/* two col section start */
.two_col-section ul {
    padding: 0;
    margin: 0;
}

.two_col-section li {
    list-style: none;
    position: relative;
    padding-left: 1.938rem;
    line-height: normal;
}

.two_col-section li:not(:last-child) {
    margin-bottom: 1.5rem;
}

.two_col-section li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25rem;
    width: 1.678rem;
    height: 1.581rem;
    transform: rotate(90deg);
    background-image: url("/wp-content/uploads/2026/04/list-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.two_col-section .row {
    gap: 3.438rem;
}

@media (min-width: 64rem) {
    .two_col-section .col-lg-6 {
        flex: 0 0 calc(50% - (3.438rem * 6/12));
    }
}

.two_col-section .heading-5.title {
    margin-bottom: 2rem;
}

.two_col-section li span {
    font-weight: 600;
}

/* two col section end */

/* toolkit-section start */
.toolkit-section .cards_wrapper .row {
    justify-content: center;
}

.toolkit-section .cards_wrapper_1 {
    margin-bottom: 5.125rem;
}

.toolkit-section .cards_wrapper_2 {
    margin-bottom: 4.625rem;
}

.toolkit-section .card p.card_title {
    margin-bottom: 0.625rem;
}

.toolkit-section .card {
    border-radius: 0.5rem;
    border: 0.0625rem solid #666696;
    background: #0f0f35;
    padding: 2.75rem 1.5rem 3.344rem;
    background-image: url(/wp-content/uploads/2026/03/icon-card-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}


.toolkit-section .card .description p {
    color: #A9AABD;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.toolkit-section .cards_wrapper .card .icon_wrapper {
    width: 3rem;
    height: 3rem;
}

.toolkit-section .cards_wrapper_1 .card_3 .icon_wrapper {
    width: 3rem;
    height: 3rem;
    position: relative;
}

.toolkit-section .cards_wrapper_1 .card_3 .icon_wrapper .icon_3 {
    position: absolute;
    top: 5%;
    right: 0.188rem;
}

.toolkit-section .cards_wrapper_2 .card_4 .icon_wrapper,
.toolkit-section .cards_wrapper_2 .card_1 .icon_wrapper {
    position: relative;
}

.toolkit-section .cards_wrapper_2 .card_4 .icon_wrapper .icon_4 {
    position: absolute;
    top: 19%;
    right: 0.531rem;
}

.toolkit-section .cards_wrapper_2 .card_1 .icon_wrapper .icon_1 {
    position: absolute;
    top: 11%;
    right: 0.375rem;
}

.toolkit-section .main_title {
    margin-bottom: 2.903rem;
}

.toolkit-section .card_main_title {
    margin-bottom: 1.875rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
}

.toolkit-section .card_main_title::before {
    content: "";
    height: 0.063rem;
    flex: 1;
    background: linear-gradient(90deg, rgba(140, 238, 255, 0.40) 0%, rgba(140, 238, 255, 0.00) 100%);
}

.toolkit-section .card_main_title::after {
    content: "";
    height: 0.063rem;
    flex: 1;
    background: linear-gradient(270deg, rgba(140, 238, 255, 0.40) 0%, rgba(140, 238, 255, 0.00) 100%);
}

.toolkit-section .icon_wrapper {
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.05);
    padding: 0.75rem 0.813rem;
    width: fit-content;
    margin-bottom: 1.5rem;
    display: flex;
    width: 3rem;
    height: 3rem;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.toolkit-section .icon_wrapper .img {
    flex-shrink: 0;
}

.toolkit-section .explore_button {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    color: #8CEEFF;
    font-family: var(--font-body);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-top: 1.625rem;
}

.toolkit-section .explore_button:hover {
    color: var(--color-text);
}

.toolkit-section .explore_button:hover svg path {
    fill: var(--color-text);
}

@media(max-width :767.98px) {

    .toolkit-section .cards_wrapper,
    .toolkit-section .cards_wrapper_1 {
        margin-bottom: 3.125rem;
    }

    .toolkit-section .cards_wrapper_2 {
        margin-bottom: 3.625rem;
    }
}

/* wordpress-headless page start  */
.wordpress-headless.toolkit-section .cards_wrapper_3 {
    margin-bottom: 4.625rem;
}

@media(max-width :767.98px) {
    .wordpress-headless.toolkit-section .cards_wrapper_3 {
        margin-bottom: 3.625rem;
    }
}

/* wordpress-headless page end  */

/* mach-alliance page start  */

.poc-banner .container {
    z-index: 2;
    position: relative;
}

.poc-banner .hero__pink_blur_1 {
    top: -22%;
    margin-left: -7.8125rem;
}

.poc-banner .hero__pink_blur_3 {
    top: 68%;
}

.poc-banner .hero__gradient_blur_2 {
    top: 16%;
}

/* faq */
.mach-alliance.faq_section.section {
    padding-bottom: 5.875rem;
}

/* slider */
.proof-concept-slider .container {
    overflow: hidden;
}

/* composable-section  */
.mach-alliance.composable-section {
    padding-bottom: 1.625rem;
}

.composable-section .row {
    gap: 3.25rem;
}

.composable-section .first-image {
    width: 523px;
    border-radius: 8px;
    margin-bottom: 1rem;
}

@media (min-width: 64rem) {
    .composable-section .col-lg-7 {
        flex: 0 0 calc(58.33333333% - (3.25rem * 5/12));
    }

    .composable-section .col-lg-5 {
        flex: 0 0 calc(41.66666667% - (3.25rem * 7/12));
    }
}

/* composable_architect two col section start */
.composable_architect-section .row {
    gap: 3.5rem;
}

@media (min-width: 64rem) {
    .composable_architect-section .col-lg-7 {
        flex: 0 0 calc(58.33333333% - (3.5rem * 5/12));
    }

    .composable_architect-section .col-lg-5 {
        flex: 0 0 calc(41.66666667% - (3.5rem * 7/12));
    }
}

.composable_architect-section .heading-5.title {
    margin-bottom: 1rem;
}

.composable_architect-section .description {
    margin-bottom: 2.375rem;
}

.composable_architect-section .description p {
    margin-bottom: 0;
}

.composable_architect-section img.right_image {
    border-radius: 8px;
    width: 523px;
}

.composable_architect-section ul {
    padding: 0;
    margin: 0;
}

.composable_architect-section li {
    list-style: none;
    position: relative;
    padding-left: 1.938rem;
    line-height: normal;
}

.composable_architect-section li:not(:last-child) {
    margin-bottom: 1rem;
}

.composable_architect-section li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25rem;
    width: 1.678rem;
    height: 1.581rem;
    transform: rotate(90deg);
    background-image: url("/wp-content/uploads/2026/04/list-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
/* composable_architect two col section end */


.poc-banner.mach-alliance .poc-banner__features {
    margin-bottom: 2.75rem;
}

.mach-alliance.composable_architect-section .description {
    margin-bottom: 3.875rem;
}


/* mach-alliance page end  */

/* .challenge_two_col_section.job-single .rwo{
    gap:7.375rem;
}

@media (min-width: 1024px) {
  .challenge_two_col_section.job-single  .col-lg-6 {
        flex: 0 0 calc(50% - (7.375rem * 6 / 12));
    }
} */

/*  wordpress headless page */
/* icon card section */
.icon-card-center .row {
    justify-content: center;
}

@media (max-width: 1024px) {
    .icon-card-center .col-md-6 {
        flex: 0 0 calc(50% - (var(--gap-size, 1rem) * 6 / 12));
    }
}

/* SSG Section */

.ssg-section .ssg-wrapper.row {
    gap: 3.5rem;
}

@media (min-width: 768px) {
    .ssg-section .ssg-wrapper.row .col-md-5 {
        flex: 0 0 calc(41.66666667% - (3.5rem * 7 / 12));
    }

    .ssg-section .ssg-wrapper.row .col-md-6 {
        flex: 0 0 calc(50% - (3.5rem * 6 / 12));
    }
}

/* .ssg-image {
    flex: 1;
} */

.ssg-section .ssg-image img {
    /*     width: 523px; */
    display: block;
    border-radius: 8px;
}

.ssg-section .ssg-content {
    margin-top: 1.375rem;
    /* flex: 1; */
}


.ssg-section .ssg-btn-wrapper{
 margin-top: 2.875rem;	
}
.ssg-section .ssg-content .description ul{
	padding-left: 0.75rem;
}
.ssg-section .ssg-content .description li {
    list-style: none;
    position: relative;
    padding-left: 1.938rem;
    line-height: normal;
	margin-bottom:1.125rem;
}
.ssg-section .ssg-content .description li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .25rem;
    width: 1.678rem;
    height: 1.581rem;
    transform: rotate(90deg);
    background-image: url(/wp-content/uploads/2026/04/list-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.ssg-section .ssg-btn-wrapper {
    display: flex;
    gap: 1.5rem;
}

.ssg-section .ssg-btn-wrapper a.btn.btn-primary,
.ssg-section .ssg-btn-wrapper a.btn.btn-outline {
    font-size: 1rem;
}

/* Responsive */

@media (max-width:1024px) {
    .ssg-section .ssg-content {
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    /* .ssg-section .ssg-wrapper {
        flex-direction: column;
        gap: 2.5rem;
    } */

.ssg-section .ssg-btn-wrapper{
        margin-top: 2rem;
    }
}

@media (max-width: 767px) {
    .ssg-section .ssg-wrapper {
        gap: 2rem;
    }
	.ssg-section .ssg-wrapper.row {
    gap: 1rem;
}

.ssg-section .ssg-btn-wrapper{
        margin-top: 1.5rem;
    }

    .ssg-section .ssg-btn-wrapper {
        flex-direction: column;
        gap: 1rem;
    }

    .ssg-section .ssg-btn-wrapper a.btn.btn-primary,
    .ssg-section .ssg-btn-wrapper a.btn.btn-outline {
        width: 100%;
        display: flex;
    }

}

/*case-studies/wordpress-headless-using-nextjs page start */
/* banner */
.case_study__single_banner.full-width-casestudy-banner .title {
    width: 90%;
    margin-bottom: 0.813rem;
}

.case_study__single_banner.full-width-casestudy-banner {
    padding: 9.313rem 0 5.875rem 0;
}

.case_study__single_banner.full-width-casestudy-banner .description {
    margin-bottom: 2rem;
    width: 90%;
}

@media (max-width: 62rem) {
    .case_study__single_banner.full-width-casestudy-banner .title {
        width: 100%;
    }
}

@media (max-width: 48rem) {
    .case_study__single_banner.full-width-casestudy-banner {
        padding: 6.938rem 0 3.625rem 0;
    }
}

/* icon cards */

.icon-cards-section .two-col-card .icon-card {
    background-image: url('/wp-content/uploads/2026/06/icon-cards-two-col-bg.webp');
    min-height: unset;
    padding: 3.125rem 1.813rem 3.125rem 2.5rem;
}

.casestudy-iconcards.icon-cards-section .heading {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.casestudy-iconcards.icon-cards-section .heading:not(p) h2.heading-4 {
    margin-bottom: 2.5rem;
}

.casestudy-iconcards.icon-cards-section .heading p {
    margin: 0
}

.casestudy-iconcards.icon-cards-section .heading .description_wrapper {
    margin-bottom: 2.5rem;
}

.casestudy-iconcards.icon-cards-section .heading .description_wrapper p {
    text-align: center;
}

.casestudy-iconcards.icon-cards-section .heading:has(p) h2.heading-4 {
    margin-bottom: 0.5rem;
}

/* wibsite image section */
.wordpress-nextjs.website_images_section .grid-container .item-2,
.wordpress-nextjs.website_images_section .grid-container .item-1 {
    grid-column: 2 / span 10;
}

.wordpress-nextjs.website_images_section .grid-container {
    gap: 5.75rem;
}

.wordpress-nextjs.result_section ul {
    margin-bottom: 0;
}

.wordpress-nextjs.result_section .content_wrap .description {
    margin-bottom: 0;
}

@media (max-width: 62rem) {
    .wordpress-nextjs.website_images_section .grid-container {
        gap: 2.063rem 0;
    }

    .wordpress-nextjs.website_images_section .grid-container .item-2,
    .wordpress-nextjs.website_images_section .grid-container .item-1 {
        grid-column: 1 / span 12;
    }
}


/* contentful community  */
.contentful-icon-cards .card-wrap .icon-card {
    min-height: auto;
}

.contentful-icon-cards .heading {
    text-align: center;
    margin-bottom: 40px;
}

.icon-cards-section .five-col-card .icon-card {
    min-width: 15.875rem;
    padding: 3.125rem 0.875rem 2rem 1.875rem;
}


.contentful-icon-cards .heading h2 {
    text-align: center;
}

.result-section .heading_wrap h4 {
    font-weight: 600;
}

/* how-we-deliver page full width text section */

.how-we-deliver.icon-cards-section {
    padding-bottom: 0;
}

.full_width_text.how-we-deliver {
    padding-top: 20px;
}

.seo-pages.composable-section .row {
    align-items: start !important;
}

@media (max-width: 767.98px) {
    .seo-pages.faq_section.section {
        padding-bottom: 3.5rem;
    }
}

/* table section start */
.table_section h2{
    margin-bottom: 1rem;
}
.table_section .heading_wrap{
    margin-bottom: 2.5rem;
}
.table_section table {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: initial;
    /* min-width: 900px; */
    min-width:1340px;
}

 
.table_section .sub_description ul,
.table_section .description ul {
    padding-left: 0;
}
.table_section .sub_description ul li,
.table_section .description ul li{
    list-style: none;
    position: relative;
    padding-left: 1.938rem;
    margin-bottom: 1.125rem;
}

.table_section .sub_description ul li::before,
.table_section .description ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .25rem;
    width: 1.678rem;
    height: 1.581rem;
    transform: rotate(90deg);
    background-image: url('/wp-content/uploads/2026/04/list-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.table_section .table_content {
    overflow-y: scroll;
}

.table_section:has(.table-overflow-scroll) .table_content{
    overflow-y: unset;
}
.table_section .table-overflow-scroll{
        overflow-y: scroll;
}
.table_section .table-overflow-scroll::-webkit-scrollbar,
.table_section .table_content::-webkit-scrollbar {
    width: 0;
}

.table_section table thead tr {
    border-bottom: 2px solid #dee2e6;
}

.table_section table td,
.table_section table th {
    padding: 0.75rem;
    vertical-align: top;
    border: 1px solid #dee2e6;
}
.table_section table th{
    font-weight: 500;
}

.table_section .description {
    margin-top: 1.25rem;
}

.table_section table th,
.table_section table td {
    font-size: var(--body-size-desktop);
    line-height: var(--body-line-desktop);
}

.table_section table tbody tr:first-child{
    color: #fff;
    background-color: rgba(255,255,255,8%);
}

@media (max-width: 767.98px) {
    .table_section table th,
    .table_section table td {
        font-size: var(--body-compact-size);
        line-height: var(--body-compact-line);
    }
}
/* 
.iteration-statements-table.table_section table {
    min-width:1340px
} */

.table_section.liquid-page.section{
  padding-top:0
}

.table_section.markdown-page .heading_wrap {
  margin-bottom: 0;
}
.table_section.markdown-page .heading_wrap ul,
.table_section.markdown-page .heading_wrap ul li:last-child{
      margin-bottom: 0;
}

/* table section end */

/*  */
#bookACall{
 scroll-margin-top: -250px;
}

.poc-banner.book_call_banner .poc-banner__desc p,
.poc-banner.book_call_banner .poc-banner__desc {
    line-height: 1.6rem;
}

@media (max-width:767.98px) {
    .poc-banner.book_call_banner .poc-banner__desc p,
    .poc-banner.book_call_banner .poc-banner__desc {
        line-height: 1.6rem;
        font-size: 1rem;
    }
}

.seo-pages.challenge_two_col_section li.list p,
.seo-pages.challenge_two_col_section .description p {
    line-height: 1.9rem;
}

@media (max-width:767.98px) {
    .seo-pages.challenge_two_col_section li.list p,
    .seo-pages.challenge_two_col_section .description p {
        line-height: 1.5rem;
    }
}


/*technology_we_use START  */
.technology_we_use .card_wrap:not(:last-child){
    margin-bottom: 2rem;
    border-bottom: 0.063rem solid rgba(255, 255, 255, 0.13);
}

.technology_we_use .images img{
    width:100px;
    height:fit-content;
}

.technology_we_use .images {
    display: flex; 
    align-items: center;
    gap: 42px;
    
}

.technology_we_use .card_wrap{
    align-items: center;
    gap: 42px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
    padding: 0px 0 32px 0;
}

.technology_we_use .description_wrap.row{
    align-items: start;
    gap:1.5rem;
}

@media (min-width: 1024px) {
  .technology_we_use .description_wrap.row  .col-lg-6 {
        flex: 0 0 calc(50% - (1.5rem * 6 / 12));
    }
}
.technology_we_use .images.images_wrapper_2 a:first-child img{
	width:80px;
}
.technology_we_use .images.images_wrapper_2 a:nth-of-type(2) img{
	width:115px;
}
.technology_we_use .images.images_wrapper_3 a:first-child img{
        width: 191px;
}
   .technology_we_use .images.images_wrapper_3 a:nth-of-type(3) img{
          width: 124px;
    }
	 .technology_we_use .images.images_wrapper_4 a:nth-of-type(3) img{
          width: 111px;
    }
@media (max-width: 768px) {
	.technology_we_use .images.images_wrapper_1 a img{
	 width:80px;
    }
		.technology_we_use .images.images_wrapper_3 a:first-child img{
      width: 126px;
    }
   .technology_we_use .images.images_wrapper_3 a:nth-of-type(3) img{
          width: 95px;
    }
	 .technology_we_use .images.images_wrapper_2 a:nth-of-type(2) img{
          width: 88px;
    }
	 .technology_we_use .images.images_wrapper_4 a:nth-of-type(3) img{
          width: 88px;
    }
	 .technology_we_use .images.images_wrapper_4 a:nth-of-type(4) img{
          width: 78px;
    }
	.technology_we_use .images.images_wrapper_2 a:first-child img,
    .technology_we_use .images a img {
        width: 60px;
    }
}
/*technology_we_use END  */

.slider-section.excellent_testimonial .main-card .card-body{   
    background: linear-gradient(90deg,#00031c7d 0%,#00031c00 77%);    
}
.slider-section.excellent_testimonial .swiper-slide .card a.review-wrap{
    margin-bottom: 1.25rem !important;
    display: block;
}
.slider-section.excellent_testimonial .swiper-slide .card a.review-wrap p.rating_details{
    font-size: 12px;
    color: #fff;
    margin-bottom:1.25rem;
}


/*  */
.toolkit-section.jamstack-page .description h5,
.toolkit-section.jamstack-page .description h4{
margin-bottom:0;
}
.toolkit-section.jamstack-page .description{
    margin-bottom: 20px;
}
.toolkit-section.jamstack-page .explore_button{
font-size:20px;
font-weight: 500;
}
.toolkit-section.jamstack-page .explore_button svg{
   width: 18px;
}
.toolkit-section.jamstack-page .cards_wrapper_1 {
    margin-bottom: 0;
}
/*  */
.jamstack-page.ssg-section .ssg-image img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: left;
}

/* two column FAQ START */

.faq-two-col.faq_section .row {
    gap: 5rem;
   flex-direction: row-reverse;
}

@media (min-width: 64rem) {
   .faq-two-col.faq_section .col-lg-7 {
        flex: 0 0 calc(50% - (5rem * 6 / 12));
    }
    .faq-two-col.faq_section .col-lg-5 {
        flex: 0 0 calc(50% - (5rem * 6 / 12));
    }
}
.faq-two-col.faq_section .card .description h4{
    margin-bottom: 0;
}
.faq-two-col.faq_section .card .description p,
.faq-two-col.faq_section .card .description{
  font-weight:400;
  line-height:normal;
  color:#fff;
  opacity:0.9;
	font-size:1.125rem;
}
.faq-two-col.faq_section .card{
    width:100%
}

@media(max-width:1023.98px){
  .faq-two-col.faq_section .row {
    gap: 2rem;
  }
}
@media(max-width:767.98px){
.faq-two-col.faq_section .card .description p,
.faq-two-col.faq_section .card .description{
		font-size:1rem;
	}
}
/* two column FAQ END */

.website-maintaince-page.ssg-section .ssg-wrapper.row{
    flex-direction: row-reverse;
    align-items: center;
}

.website-maintaince-page.ssg-section .ssg-content {
    margin-top: 0;
}

.website-maintaince-page.icon-cards-section .icon-card .icon-wrap img {
    width: auto;
    height: 2.75rem;
}

@media (min-width: 768px) {
    .website-maintaince-page.ssg-section .ssg-wrapper.row .col-md-5 {
        flex: 0 0 calc(50% - (3.5rem * 6 / 12))
    }
}

.website-maintaince-page.icon-cards-section .card-wrap.row{
    justify-content: start;
}
.website-maintaince-page.icon-cards-section .icon-card:hover .icon-wrap{
 width:auto;
}
@media (min-width: 63.9375rem) and (max-width: 86.1875rem) {
  .website-maintaince-page.icon-cards-section .icon-card {
    min-width: 29rem;
  }
}


/* list_two_col START */
.list_two_col .heading_wrap{
  margin-bottom: 2.5rem;
}

.list_two_col .row .card_wrap.card_wrap:not(:last-child){
  margin-bottom:30px;
}

.list_two_col .card_wrap h2.main_title{
   font-size: 28px;
       line-height: normal;
}

.list_two_col  ul {
    padding-left: 0rem;
}
.list_two_col  ul li{
    list-style: none;
    position: relative;
    padding-left: 1.938rem;
    line-height: normal;
    margin-bottom: 1.125rem;
}

.list_two_col  ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .1rem;
    width: 1.678rem;
    height: 1.581rem;
    transform: rotate(90deg);
    background-image: url(https://staging.scube.co/wp-content/uploads/2026/04/list-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

@media(max-width:1024px){
.list_two_col .card_wrap h2.main_title {
    font-size: 24px;
}
}

@media(max-width:768px){
.list_two_col .card_wrap h2.main_title {
    font-size: 22px;
}
}

 .grid_wrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 2rem 5rem;
  }

  @media(max-width:768px){
    .grid_wrap{
       grid-template-columns: repeat(1,1fr);
    }
  }

/* list_two_col END */


  /* masonry_grid start */
.masonry_grid .heading_wrap {
    margin-bottom:46px;
}
.masonry_grid_wrap {
    column-count: 3;
    column-gap: 16px;
}

.masonry_grid_wrap .card_wrap ol,
.masonry_grid_wrap .card_wrap ul {
    padding-left: 2rem;
}
.masonry_grid_wrap .card_wrap ul li{
    list-style: disc;
    margin-bottom: 0;
    padding-left: 0;
}
.masonry_grid_wrap .card_wrap {
    display: inline-block;
    border-radius: 0.5rem;
    width: 100%;
    margin-bottom: 1rem;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    color: #fff;
    background-color: rgba(255,255,255,8%);  
    padding: 20px;
    height: 100%;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.masonry_grid_wrap .card_wrap h1,
.masonry_grid_wrap .card_wrap h2,
.masonry_grid_wrap .card_wrap h3,
.masonry_grid_wrap .card_wrap h4,
.masonry_grid_wrap .card_wrap h5,
.masonry_grid_wrap .card_wrap h6{
    margin-bottom:0;
}

.masonry_grid_wrap .card_wrap_1 .example .heading-1 {
    font-size: 48px;
    line-height: 1.2; 
}

.masonry_grid_wrap .card_wrap_1 .example h2 {
    font-size: 40px;
    line-height: 1.25; 
}
.masonry_grid_wrap .card_wrap_1 .example h3 {
    font-size: 32px;
    line-height: 1.3;
}
.masonry_grid_wrap .card_wrap_1 .example h4 {
    font-size: 28px;
    line-height: 1.35;
}

.masonry_grid_wrap .card_wrap_1 .example h5 {
    font-size: 24px;
    line-height: 1.4;
}

.masonry_grid_wrap .card_wrap_1 .example h6 {
    font-size: 20px;
    line-height: 1.4; 
}

.masonry_grid_wrap .card_wrap h5:first-child::after {
    margin-top: -15px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgb(255 255 255),transparent 80%);
}


@media(max-width:1024px){
   .masonry_grid_wrap {
    column-count: 2;
   }
}
@media(max-width:786px){
 .masonry_grid_wrap .body-large p{
    font-size:16px;
 }
 .masonry_grid_wrap .card_wrap.card_wrap_9{
    float:left;
 }
 .masonry_grid_wrap .card_wrap  hr {
    margin: 0.5rem 0;
 }
}
@media(max-width:767.98px){
.masonry_grid .heading_wrap {
    margin-bottom:20px;
}
}

@media(max-width:600px){
   .masonry_grid_wrap {
    column-count: 1;
   }
}


  /* masonry_grid end */