/* Homepage Layout Styles */

/* Import Montserrat and Inter fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Inter:wght@400;700&display=swap');

/* Main container */
.home-homepage-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

/* Frame A: Main hero section - 1440x502, 80px from top */
.home-frame-a {
    width: 1440px;
    height: 502px;
    margin-top: -2px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* When no background image is set, adjust height to content */
.home-frame-a.no-background {
    height: auto;
    min-height: 200px;
    padding: 40px 0;
}



/* Adjust child elements when no background image */
.home-frame-a.no-background .home-frame-a1 {
    position: relative;
    left: auto;
    top: auto;
    margin-left: auto;
    margin-right: 20px;
    float: right;
}

.home-frame-a.no-background .home-frame-a2 {
    position: relative;
    left: auto;
    top: auto;
    margin-left: 87px;
    margin-top: 20px;
    float: left;
}

/* Clear float and ensure proper layout */
.home-frame-a.no-background::after {
    content: "";
    display: table;
    clear: both;
}

/* Frame A1: Image container - 379x370, positioned 943px from left, 61px from top */
.home-frame-a1 {
    width: 379px;
    height: 370px;
    position: absolute;
    left: 943px;
    top: 61px;
}

/* Home2 image inside frame A1 - 379x379 */
.home-home2-image {
    width: 379px;
    height: 379px;
    object-fit: cover;
}

/* Frame A2: Content container - 756x320, positioned 87px from left, 90px from top, yellow border */
.home-frame-a2 {
    width: 756px;
    height: 320px;
    position: absolute;
    left: 87px;
    top: 90px;
    
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0;
}

/* Frame A21: Main content area - 756x248, aligned to top of frame A2 */
.home-frame-a21 {
    width: 756px;
    height: 248px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Frame A21a: Main title - 756x55, aligned to top-left of frame A21 */
.home-frame-a21a {
    width: 756px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.home-frame-a21a h1 {
    color: #FFF600;
    font-size: 39px;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 55px;
}

/* Frame A21b: Subtitle - 756x58, positioned below frame A21a */
.home-frame-a21b {
    width: 756px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0;
}

.home-frame-a21b h2 {
    color: #FFFFFF;
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 58px;
}

/* Frame A21c: Description text - 756x140, positioned below frame A21b */
.home-frame-a21c {
    width: 756px;
    height: 140px;
    
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #FFFFFF;
    overflow: hidden;
    box-sizing: border-box;
}

.home-frame-a21c p {
    margin: 0 0 10px 0;
    padding: 0;
}

.home-frame-a21c ul {
    margin: 0;
    padding-left: 20px;
}

.home-frame-a21c li {
    margin-bottom: 5px;
}

/* Frame A22: Call to action button - 150x40, aligned to bottom-left of frame A2 */
.home-frame-a22 {
    width: 150px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.home-cta-button {
    width: 100%;
    height: 100%;
    background-color: #FFF600;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    transition: all 0.3s ease;
}

/* Frame B: Information section - 1241x367, positioned 90px below frame A, centered horizontally */
.home-frame-b {
    width: 1241px;
    height: 367px;
    margin-top: 90px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: flex-start;
    position: relative;
}

/* Frame B1: Image container - 632x367, aligned to left of frame B */
.home-frame-b1 {
    width: 632px;
    height: 367px;
    flex-shrink: 0;
}

/* Home3 image inside frame B1 - 632x367 */
.home-home3-image {
    width: 632px;
    height: 367px;
    object-fit: cover;
}

/* Frame B2: Content container - 529x351 (updated), positioned 80px from frame B1 */
.home-frame-b2 {
    width: 529px;
    height: 351px;
    margin-left: 80px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

/* Frame B21: Title - 529x58 */
.home-frame-b21 {
    width: 529px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.home-frame-b21 h3 {
    color: #000000;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 58px;
}

/* Frame B22: Description text - 439x236, 27px below title */
.home-frame-b22 {
    width: 439px;
    height: 236px;
    margin-top: 27px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #000000;
    overflow: hidden;
    box-sizing: border-box;
}

.home-frame-b22 p {
    margin: 0;
    padding: 0;
}

/* Frame C: Process section - 1238x1222, 90px below B, centered */
.home-frame-c {
    width: 1238px;
    height: 1222px;
    margin: 90px auto 0;
    position: relative;
}

/* Frame C1: Title - 489x79, centered horizontally, top of C */
.home-frame-c1 {
    width: 489px;
    height: 79px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-frame-c1 h3 {
    color: #000000;
    font-size: 39px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 79px;
}

/* Frame C2: 1238x468, 71px below C1 */
.home-frame-c2 {
    width: 1238px;
    height: 468px;
    margin-top: 71px;
    position: relative;
    display: flex;
}

/* Frame C21: 510x453, top-left of C2 */
.home-frame-c21 {
    width: 510px;
    height: 453px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
}

/* Frame C21b: 510x20 subtitle */
.home-frame-c21b {
    width: 510px;
    height: 40px;
    margin-top: 16px;
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    padding-left: 10px;
}

/* Frame C21c: 510x65 description */
.home-frame-c21c {
    width: 510px;
    height: 65px;
    margin-top: 10px;
    color: #000000;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
    padding-left: 10px;
}

/* Frame C22: 300x468, 65px to the right of C21 */
.home-frame-c22 {
    width: 300px;
    height: 468px;
    margin-left: 65px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
}

/* Frame C22a: 300x302 image container */
.home-frame-c22a {
    width: 300px;
    height: 302px;
}

.home-home5-image {
    width: 300px;
    height: 302px;
    object-fit: cover;
}

/* Frame C22b: 300x40 title */
.home-frame-c22b {
    width: 300px;
    height: 40px;
    margin-top: 16px;
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    padding-left: 10px;
}

/* Frame C22c: 300x110 description */
.home-frame-c22c {
    width: 300px;
    height: 110px;
    margin-top: 10px;
    color: #000000;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 10px;
}

/* Frame C23: 300x468, 65px to the right of C22 */
.home-frame-c23 {
    width: 300px;
    height: 468px;
    margin-left: 65px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
}

/* Frame C23a: 300x302 image container */
.home-frame-c23a {
    width: 300px;
    height: 302px;
}

.home-home6-image {
    width: 300px;
    height: 302px;
    object-fit: cover;
}

/* Frame C23b: 300x40 title */
.home-frame-c23b {
    width: 300px;
    height: 40px;
    margin-top: 16px;
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    padding-left: 10px;
}

/* Frame C23c: 300x110 description */
.home-frame-c23c {
    width: 300px;
    height: 110px;
    margin-top: 10px;
    color: #000000;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 10px;
}

/* Frame B23: Call to action button - 150x40, bottom-left of B2 */
.home-frame-b23 {
    width: 150px;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Frame C3: 1238x435, 71px below C2 */
.home-frame-c3 {
    width: 1238px;
    height: 435px;
    margin-top: 71px;
    display: flex;
}

/* Khi không có khung C3, giảm margin-top của khung C4 */
.home-frame-c.no-c3 .home-frame-c4 {
    margin-top: 0;
}

/* C31: 350x453 (height per spec, container fits within 435 row) */
.home-frame-c31 {
    width: 350px;
    height: 453px;
}

/* C31a: 350x317 image container */
.home-frame-c31a {
    width: 350px;
    height: 317px;
}

.home-home7-image {
    width: 350px;
    height: 317px;
    object-fit: cover;
}

/* C31b: 350x40 title */
.home-frame-c31b {
    width: 350px;
    height: 40px;
    margin-top: 16px;
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    padding-left: 10px;
}

/* C31c: 350x80 description */
.home-frame-c31c {
    width: 350px;
    height: 80px;
    margin-top: 10px;
    color: #000000;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 10px;
}

/* C32: same as C31, 94px to the right of C31 */
.home-frame-c32 {
    width: 350px;
    height: 453px;
    margin-left: 94px;
}

.home-frame-c32a { width: 350px; height: 317px; }
.home-home8-image { width: 350px; height: 317px; object-fit: cover; }
.home-frame-c32b { width: 350px; height: 40px; margin-top: 16px; color: #000; font-size: 13px; font-weight: 700; padding-left: 10px; }
.home-frame-c32c { width: 350px; height: 80px; margin-top: 10px; color: #000; font-size: 10px; font-weight: 400; line-height: 150%; padding-left: 10px; }

/* C33: same as C31, 94px to the right of C32 */
.home-frame-c33 {
    width: 350px;
    height: 453px;
    margin-left: 94px;
}

.home-frame-c33a { width: 350px; height: 317px; }
.home-home9-image { width: 350px; height: 317px; object-fit: cover; }
.home-frame-c33b { width: 350px; height: 40px; margin-top: 16px; color: #000; font-size: 13px; font-weight: 700; padding-left: 10px; }
.home-frame-c33c { width: 350px; height: 80px; margin-top: 10px; color: #000; font-size: 10px; font-weight: 400; line-height: 150%; padding-left: 10px; }

/* Frame C4: bottom-centered CTA inside C */
.home-frame-c {
    position: relative;
}

.home-frame-c4 {
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-frame-c4 .home-cta-button {
    width: 150px;
    height: 40px;
}

/* Khi không có khung C3, thay đổi chiều cao container và position của khung C4 */
.home-frame-c.no-c3 {
    height: auto;
    min-height: 618px; /* C1 (79) + margin-top (71) + C2 (468) = 618px */
}

.home-frame-c.no-c3 .home-frame-c4 {
    position: static;
    margin-top: 40px;
}

/* Frame D: same as Frame C, 90px below C */
.home-frame-d {
    width: 1238px;
    height: 1253px;
    margin: 90px auto 0;
    position: relative;
}

/* D1 title */
.home-frame-d1 { width: 522px; height: 79px; margin: 0 auto; display:flex; align-items:center; justify-content:center; }
.home-frame-d1 h3 { color: #000; font-size: 39px; font-weight: 700; text-align:center; margin:0; padding:0; line-height:79px; }

/* D2 row same as C2 */
.home-frame-d2 { width: 1238px; height: 468px; margin-top: 71px; position: relative; display:flex; }
.home-frame-d21 { width: 510px; height: 453px; }
.home-frame-d21a { width: 510px; height: 352px; }
.home-frame-d21b { width: 510px; height: 40px; margin-top: 16px; color:#000; font-size: 13px; font-weight:700; padding-left:10px; }
.home-frame-d21c { width: 510px; height: 65px; margin-top: 10px; color:#000; font-size: 10px; font-weight:400; line-height:150%; padding-left:10px; }

/* D22 card */
.home-frame-d22 { width: 300px; height: 468px; margin-left: 65px; }
.home-frame-d22a { width: 300px; height: 302px; }
.home-frame-d22b { width: 300px; height: 40px; margin-top: 16px; color:#000; font-size: 13px; font-weight:700; padding-left:10px; }
.home-frame-d22c { width: 300px; height: 110px; margin-top: 10px; color:#000; font-size: 10px; font-weight:400; line-height:150%; padding-left:10px; }

/* D23 card */
.home-frame-d23 { width: 300px; height: 468px; margin-left: 65px; }
.home-frame-d23a { width: 300px; height: 302px; }
.home-frame-d23b { width: 300px; height: 40px; margin-top: 16px; color:#000; font-size: 13px; font-weight:700; padding-left:10px; }
.home-frame-d23c { width: 300px; height: 110px; margin-top: 10px; color:#000; font-size: 10px; font-weight:400; line-height:150%; padding-left:10px; }

/* D3 row same as C3 */
.home-frame-d3 { width: 1238px; height: 435px; margin-top: 71px; display:flex; }
.home-frame-d31 { width: 350px; height: 453px; }
.home-frame-d31a { width: 350px; height: 317px; }
.home-frame-d31b { width: 350px; height: 40px; margin-top: 16px; color:#000; font-size: 13px; font-weight:700; padding-left:10px; }
.home-frame-d31c { width: 350px; height: 80px; margin-top: 10px; color:#000; font-size: 10px; font-weight:400; line-height:150%; padding-left:10px; }
.home-frame-d32 { width: 350px; height: 453px; margin-left: 94px; }
.home-frame-d32a { width: 350px; height: 317px; }
.home-frame-d32b { width: 350px; height: 40px; margin-top: 16px; color:#000; font-size: 13px; font-weight:700; padding-left:10px; }
.home-frame-d32c { width: 350px; height: 80px; margin-top: 10px; color:#000; font-size: 10px; font-weight:400; line-height:150%; padding-left:10px; }
.home-frame-d33 { width: 350px; height: 453px; margin-left: 94px; }
.home-frame-d33a { width: 350px; height: 317px; }
.home-frame-d33b { width: 350px; height: 40px; margin-top: 16px; color:#000; font-size: 13px; font-weight:700; padding-left:10px; }
.home-frame-d33c { width: 350px; height: 80px; margin-top: 10px; color:#000; font-size: 10px; font-weight:400; line-height:150%; padding-left:10px; }

/* D4 bottom centered CTA */
.home-frame-d { position: relative; }
.home-frame-d4 { 
    width: 100%;
    height: 40px; 
    position: absolute; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    transform: none; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
}
.home-frame-d4 .home-cta-button {
    width: 150px;
    height: 40px;
}

/* Khi không có D3: co container D và đẩy D4 lên theo luồng */
.home-frame-d.no-d3 {
    height: auto;
    min-height: 618px; /* D1 (79) + 71 + D2 (468) */
}

.home-frame-d.no-d3 .home-frame-d4 {
    position: static;
    margin-top: 40px;
}

/* Frame E: 1440x599, 90px above footer, home10 background */
.home-frame-e {
    width: 1440px;
    height: 599px;
    margin: 0 auto 65px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('/wp-content/themes/Web-tuvanhosocapdo-attt/public/images/home10.png') lightgray 50% / cover no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Override to ensure E1 vertical stacking so E5 sits correctly */
.home-frame-e > .home-frame-e1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* E1: 915x438 centered box with vertical stack */
.home-frame-e1 {
    width: 915px;
    height: 438px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

/* E2: 915x273, 32px from top of E1 */
.home-frame-e2 {
    width: 915px;
    height: 273px;
    margin-top: 32px;
}

/* E3: 915x47 centered title */
.home-frame-e3 {
    width: 915px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF600;
    font-size: 31px;
    font-weight: 700;
    text-align: center;
}

/* E4: 915x194 grid of four fields, 32px below E3 */
.home-frame-e4 {
    width: 915px;
    height: 194px;
    margin-top: 32px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 32px 41px; /* vertical 32, horizontal ~41 to fit 437+437+41=915 */
}

/* Each E41..E44 block: 437x81 */
.home-frame-e41, .home-frame-e42, .home-frame-e43, .home-frame-e44 {
    width: 437px;
    height: 81px;
}

/* Label row: height 38, bold white 16 */
.home-frame-e41a {
    height: 38px;
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

/* Input row: 437x38, white bg, radius 30 */
.home-frame-e41b {
    width: 437px;
    height: 38px;
    border-radius: 30px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
}

.home-input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    color: #000;
    background: transparent;
    padding-left: 28px;
}

/* Dropdown specific styles */
.home-dropdown-container {
    position: relative;
}

.home-dropdown {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 40px;
    cursor: pointer;
}

.home-dropdown-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 12px;
    flex-shrink: 0;
    pointer-events: none;
}

/* E5: CTA 61px below E4, centered */
.home-frame-e5 {
    width: 915px;
    height: 40px;
    margin-top: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-frame-e5 .home-cta-button {
    width: 150px;
    height: 40px;
}

/* Page height adjustment to match 5837px total */
.site-main {
    min-height: calc(5837px - 80px - 502px);
}

/* Responsive adjustments for smaller screens */
@media (max-width: 1440px) {
    .home-homepage-container {
        max-width: 100%;
        overflow-x: hidden;
    }
    
    .home-frame-a {
        width: 100%;
        max-width: 1440px;
        margin: 80px auto 0;
        transform: scale(calc(100vw / 1440));
        transform-origin: top left;
    }
    
    .home-frame-b {
        transform: scale(calc(100vw / 1440));
        transform-origin: top left;
    }
}

@media (max-width: 1200px) {
    .home-frame-a {
        transform: scale(calc(100vw / 1440));
        transform-origin: top left;
    }
    
    .home-frame-b {
        transform: scale(calc(100vw / 1440));
        transform-origin: top left;
    }
}

/* Home FAQ Section Styles */
.home-faq-section {
    width: 1440px;
    height: auto;
    margin: 0 auto;
    overflow: visible;
}

.home-faq-bottom {
    width: 1440px;
    height: auto;
    margin: 0 auto;
    overflow: visible;
}

.home-faq-bottom-top {
    width: 1440px;
    height: 91px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 117px;
    background-color: #e6e6e6;
}

.home-faq-bottom-top-text {
    color: var(--Foundation-black-Normal, #333);
    text-align: center;
    font-size: 39px;
    font-style: normal;
    font-weight: 700;
    line-height: 91px;
    align-self: stretch;
}

.home-faq-bottom-middle {
    width: 1440px;
    height: 64px;
    display: flex;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    transition: background-color 0.2s ease;
    margin-bottom: 32px;
}

.home-faq-bottom-middle-text {
    flex: 1;
    height: 38px;
    color: var(--Foundation-black-Normal, #333);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-align: left;
    padding-left: 20px;
}

.home-faq-bottom-middle-icon {
    fill: var(--Foundation-black-Normal, #333);
    stroke-width: 3px;
    stroke: var(--Foundation-black-Normal, #333);
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1;
    transition: all 0.3s ease;
    margin-right: 20px;
    flex-shrink: 0;
}

.home-faq-bottom-middle.active .home-faq-bottom-middle-icon {
    width: 48px;
    height: 48px;
    aspect-ratio: 1/1;
}

.home-faq-bottom-divider {
    background: #333;
    width: 1440px;
    height: 1px;
    margin: 0 auto 0 auto;
}

/* Home FAQ Answer Containers */
.home-faq-bottom-answer {
    width: 1440px;
    margin: 0 auto;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    visibility: hidden;
}

.home-faq-bottom-answer.active {
    max-height: 2000px;
    margin-bottom: 0;
    opacity: 1;
    visibility: visible;
}

.home-faq-bottom-answer-content {
    padding: 15px 20px;
    color: var(--Foundation-black-Normal, #333);
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 150% !important;
    flex: 1 0 0;
}

.home-faq-bottom-answer-content p {
    margin: 0 0 10px 0;
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    line-height: 150% !important;
}

.home-faq-bottom-answer-content ul {
    margin: 0;
    padding-left: 20px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    line-height: 150% !important;
}

.home-faq-bottom-answer-content li {
    margin-bottom: 6px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    line-height: 150% !important;
}

.home-faq-bottom-answer-content strong {
    font-weight: 700 !important;
    font-family: 'Roboto', sans-serif !important;
}

/* Ensure left padding for FAQ answers */
.home-faq-bottom-answer, .home-faq-bottom-answer-content {
    padding-left: 20px !important;
}

/* Remove underline from card links */
.home-frame-c2 a,
.home-frame-c3 a,
.home-frame-d2 a,
.home-frame-d3 a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.home-frame-c2 a:hover,
.home-frame-c3 a:hover,
.home-frame-d2 a:hover,
.home-frame-d3 a:hover {
    text-decoration: none;
    color: inherit;
}

/* Specific link classes for cards */
.home-frame-c21-link,
.home-frame-c22-link,
.home-frame-c23-link,
.home-frame-c31-link,
.home-frame-c32-link,
.home-frame-c33-link,
.home-frame-d21-link,
.home-frame-d22-link,
.home-frame-d23-link,
.home-frame-d31-link,
.home-frame-d32-link,
.home-frame-d33-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.home-frame-c21-link:hover,
.home-frame-c22-link:hover,
.home-frame-c23-link:hover,
.home-frame-c31-link:hover,
.home-frame-c32-link:hover,
.home-frame-c33-link:hover,
.home-frame-d21-link:hover,
.home-frame-d22-link:hover,
.home-frame-d23-link:hover,
.home-frame-d31-link:hover,
.home-frame-d32-link:hover,
.home-frame-d33-link:hover {
    text-decoration: none;
    color: inherit;
}