.h2-title{color: #191919; font-size: var(--fs-40); line-height: 1; margin-bottom: 20px; font-weight: 500; text-align: center;}
    .h2-title span{color: #AE1716;}

    .banner {padding: 236px 0 159px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
    .banner .title { font-size: 45px; margin-bottom: 24px; }
    .banner .text { font-size: 22px; margin-bottom: 40px; max-width: 974px;}

    .row1 {padding: 99px 0 127px; background: url(/wp-content/themes/Havenyonder/images/financial-compliance-advisory-row1-bg.webp)center no-repeat; background-size: cover; }
    .row1 .h2-title {margin-bottom: 47px;}
    .row1 .row1-content {display: flex; gap: 29px; justify-content: center;}
    .row1 .row1-content .row1-card { background-color: #fff; border-radius: 10px; padding: 44px 42px 54px 41px; text-align: center; display: flex; flex-direction: column; align-items: center; max-width: 381px;}
    .row1 .row1-content .row1-card:hover { transform: translateY(-8px); box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08); }
    .row1 .row1-content .row1-card .img-box{ width: 121px; height: 121px; min-height: 121px; border-radius: 50%; background: #AE1716; display: flex; justify-content: center; align-items: center; margin-bottom: 21px;}
    .row1 .row1-content .row1-card .text-box{display: flex; flex-direction: column; justify-content: space-between; gap: 7px; height: 100%;}
    .row1 .row1-content .row1-card .text-box .h3-title {font-size: var(--fs-26); color: #000; margin-bottom: 0;}
    .row1 .row1-content .row1-card .text-box p{font-weight: 250; font-size: var(--fs-20); line-height: 1.25; margin: 0; color: #000;}
    
    .row2{background:#962220 url('/wp-content/themes/Havenyonder/images/why-choose-us-bg1.webp') right center no-repeat; background-size: auto 100%; position: relative;}
    .row2 .img-box{ position: absolute; left: 0; top:0; width: 45.9%; height: 100%;}
    .row2 .img-box img{width: 100%;height: 100%;object-fit: cover;}
    .row2 .inner{ padding-top: 81px; padding-bottom: 80px; display: flex; justify-content: flex-end;}
    .row2 .text-box{max-width:56%; padding: 0px 0px 0px 88px;}
    .row2 .h2-title{ color: var(--v-white); margin-bottom:6px; line-height:1; text-align: left;}
    .row2 .text-box>p{font-size: var(--fs-24); margin-bottom: 38px; font-weight: 300;}
    .row2 ul{}
    .row2 ul li{ display: flex; align-items: center; padding-bottom:28px; padding-left:6px;}
    .row2 ul li img{ display: block; margin-right:18px; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; -webkit-user-drag: none;}
    .row2 ul li h3{ display: block; font-weight:300; font-size: var(--fs-22); color:var(--v-white); line-height:1.35;}
    .row2 ul li p{font-size: var(--fs-20); margin: 0; font-weight: 300; line-height: 1.25;}

    .row3 {background: url(/wp-content/themes/Havenyonder/images/financial-compliance-advisory-row1-bg.webp)center no-repeat; background-size: cover; padding: 89px 0 120px;}
    .row3 .h2-title{margin-bottom: 44px;}
    .row3 .content { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 21px; column-gap: 30px;}
    .row3 .content .list { width: calc((100% - 60px) / 3); max-width: 385px; background-color: #fff; border-radius: 10px; padding: 43px 51px 14px 44px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; align-items: center; }
    .row3 .content .list:hover { transform: translateY(-8px); box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08); }
    .row3 .content .list img { width: 100px; height: 100px; margin-bottom: 19px;}
    .row3 .content .list p { color: #000; font-size: var(--fs-22); margin: 0; font-weight: 300;}

    .row4 {padding: 83px 0 97px; background: url(/wp-content/themes/Havenyonder/images/financial-compliance-advisory-row4-bg.webp)center no-repeat; background-size: cover;}
    .row4 .h2-title { color: #fff; margin-bottom: 52px; }
    .row4 .list { border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
    .row4 .list .question { padding: 18px 0 19px; padding-right: 27px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; color: #fff; transition: color 0.3s ease; -webkit-tap-highlight-color: transparent;}
    .row4 .list:first-of-type .question{padding-top: 0;}
    .row4 .list .question .text { font-size: var(--fs-26); font-weight: 300; margin-bottom: 0; }
    .row4 .list .icon{ font-size: 16px; font-family: monospace; transition: transform 0.3s ease; font-weight: 400; flex-shrink: 0; margin-left: 20px; }
    .row4 .list .answer {display: none;}
    .row4 .list .answer p { color: #fff; font-size: var(--fs-20); font-weight: 250; padding-bottom: 23px; padding-right: 70px; margin: 0; }
    .row4 .list.active .icon { transform: rotate(90deg); }

    @media (max-width: 1400px) {
        .banner .title { font-size: var(--fs-40);}
        .banner .text{font-size: var(--fs-20);}
    }

    @media (max-width:1024px){  
        .row2 .inner{ padding-top:60px; padding-bottom:45px;}
    }

    @media (max-width:980px){
        .row2 ul li .text-box{ padding-left:20px; padding-right:20px;}
    }

    @media (max-width: 768px) {
        .banner {padding: 100px 0 80px; }
        .banner .title {margin-bottom: 16px;}
        .banner .text{margin-bottom: 20px;}

        .row1 { padding: 40px 0 60px; }
        .row1 .h2-title{ margin-bottom: 20px; }
        .row1 .row1-content{flex-direction: column; align-items: center;}
        .row1 .row1-content .row1-card{padding: 22px 20px;}
        .row1 .row1-content .row1-card .img-box{width: 90px; height: 90px; min-height: 90px;}
        .row1 .row1-content .row1-card .img-box img{width: 58%;}

        .row2 .inner{ padding-top:45px; padding-bottom:30px;}
        .row2 .img-box{ position: static; height: auto; width: 100%;}
        .row2 h2{ margin-bottom:12px;}
        .row2 .text-box>p{ margin-bottom:25px;}
        .row2 .text-box{ width: 100%; max-width:100%; padding:0;}
        .row2 ul li{ padding-bottom:20px;}
        .row2 ul li h3{ font-size:18px;}
        .row2 ul li img{ width: 42px;}

        .row3 { padding: 40px 0 60px; }
        .row3 .h2-title { margin-bottom: 22px; }
        .row3 .content .list{ width: 100%; padding: 20px 16px 14px; }

        .row4 { padding: 40px 0 60px; }
        .row4 .h2-title { margin-bottom: 25px; }
        .row4 .list .question{padding-right: 16px;}
        .row4 .list .answer p { padding-right: 20px; }
    }