*{
    transition:0.3s ease all;
    box-sizing:border-box;
}

html {
	scroll-behavior: smooth;
}

body{
    margin: 0;
    padding: 0;
    font-family: 'Contralto Medium W05 Regular', serif;
}

h1,h2,h3, a, .btn-standard{
    font-family: 'Poppins', sans-serif;
}

@media(max-width:767px){
    h1{
        font-size:18px;
    }
}

h2{
    font-size: 40px;
    line-height:46px;
    color: #434A42;
    font-family: 'Contralto Medium W05 Regular', serif;
    text-transform: uppercase;
}

h3{
    font-size: 30px;
    color: #434A42;
    text-transform:uppercase;
}

.btn-standard{
    color: #fff;
    background: #C2930C;
    font-weight:bold;
    padding:.5rem 3rem .5rem 1rem;
    font-size: 15px;
    margin-top: 1rem;
    display:inline-block;
    position:relative;
    transition:0.2s ease all;
}

    a.btn-standard::after {
        content: '';
        display: block;
        border-left: 5px solid #fff;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        width: 3px;
        position: absolute;
        top: 0px;
        right: 14px;
        bottom: 0;
        margin: auto 0;
        height: 1px;
        transition:0.2s ease all;
    }

    a.btn-standard:hover{
        background:#111;
    }

    a.btn-standard:hover::after{
        right:10px;
    }

p{
    font-size:14px;
    line-height:1.25rem;
}

a{
    text-decoration:none;
}

p a{
    text-decoration:underline;
}

header .container{
    display:flex;
    gap:1rem;
    padding:.5rem 0;
    align-items:center;
    margin:0 auto
}

    header nav{
        display:flex;
        gap:2rem;
        flex-basis:calc(100% - 200px);
    }

        nav li{
            list-style:none;
            padding:0;
            margin:0
        }

        header nav li a{
            font-size:15px;
            color:#434A42;
        }

        header .headerContact{
            color:#434A42;
            font-size:15px;
            border-bottom:3px solid #C2930C
        }

    

.siteLogo{
    flex-basis:50px;
}

.container{
    width:100%;
    max-width:1280px;
    padding-left:1rem;
    padding-right:1rem;
    margin:0 auto;
    box-sizing:border-box;
}

.introBlock {
    text-align: center;
    padding: 15vh 0;
    background: #13322C;
    box-shadow: 0px 10px 80px 1px rgba(0,0,0,0.9) inset;
}

.introBlock img {
    padding: 0 2rem;
    width: 70%;
}

.introBlock h1{
    color: #fff;
    font-weight:400;
    text-transform:uppercase;
}

.whyFS{
    padding:.5rem 0;
}

.whyFS h2{
    width:100%;
    text-align:center;
}

.whyFS .container{
    display:flex;
    gap:2rem;
}

.whyBlock{
    flex:1;
}

    .whyBlock h3{
        margin:0 0 1rem;
    }

        .whyBlock h3::after{
            content:'';
            display:block;
            height:3px;
            width:70px;
            background:#C2930C;
            margin-top:.5rem
        }



.diverseSet{
    display:flex;
}

.diverseSet h2{
    margin-top:0;
}

    .diverseSet .mainCol{
        flex:1;
        padding:3rem 2rem 2.5rem;
        background:#EBEBDB;
    }

    .diverseSet .contentCol{
        flex:2;
        padding:3rem 2rem 4rem;
        background:#F5F2EB;
    }

.expertiseList{
    list-style: none;
    display:flex;
    gap:2rem;
    flex-wrap:wrap;
    margin:0;
    padding:0
}

    .expertiseList li{
        padding:15px 0 0 70px;
        flex-basis:45%;
        box-sizing:border-box;
        position: relative;
    }

    .expertiseList h3{
        margin:0 0 .5rem !important;
        line-height:1.5rem;
        font-size:21px;
    }

        .expertiseIcon{
            position: absolute;
            left:0;
            top:0;
        }

section{
    padding:50px 0;
}

.unravelling .container{
    display:flex;
    gap: 1rem;
    flex-wrap:wrap;
}

    .unravelling h2{
        flex-basis:100%;
        margin-top:0;
        margin-bottom:.5rem
    }

    .unravellingBlock{
        flex-basis:48.9%;
        box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1);
        display:flex;
    }

        .unravellingBlock h3{
            font-size:18px;
            margin-bottom:.5rem;
        }

        .unravellingBlock_content{
            padding:1rem 2rem;
            flex:1;
        }

        .unravellingBlock_image{
            flex:1;
            
        }

            .unravellingBlock_image img{
                width:100%;
                height:100%;
                aspect-ratio:1/1;
                object-fit:cover;
                margin:0 0 -5px 0;
            }

.clientTestimonials{
    text-align:center;
    background: #13322C;
    color:#fff;
    padding-bottom:100px;
}

.clientTestimonials h2{
    color:#fff;
}

    .clientTestimonials p{
        max-width:800px;
        margin-left:auto;
        margin-right:auto;
        color:#fff;
    }

    .clientTestimonialsBlocks{
        display:flex;
        gap:3rem
    }

    .clientTestimonialsBlock{
        text-align:left;

    }

    .clientTestimonialsBlock p{
        font-size:26px;
        font-style:italic;
        line-height:32px;

    }

.wwaBlock {
    display: flex;
    gap: 1rem;
    padding: 0;
    background: #F5F2EB;
}

    .wwaBlock h2{
        margin-top:0;
    }

    .wwaImage{
        flex:1;
        margin:0;
    }

    .wwaImage img {
        width: 100%;
        object-fit: cover;
        aspect-ratio:1/1;
        height: 100%;
    }


    .wwaContent {
        flex: 1;
        padding: 2rem 2rem 2rem 52.5%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background:url(../images/wwaHero-vertical.jpg) left center no-repeat;
        min-height:700px;
        background-size:50%;
    }

    @media(max-width:991px){
        .wwaContent {
            padding-left:2rem;
            padding-top:62%;
            background-position:top center;
            background-image:url(../images/wwaHero.jpg);
            background-size:100%;
        }
    }
    
    @media(min-width:992px) and (max-width:1199px){
        .wwaContent{
            padding-top:0 !important;
            padding-bottom:0 !important;
        }
    }
    
    .wwaContent h2{
        margin-bottom:1rem;
    }

.contactBlock{
    display:flex;
    padding:0;
}

    .contactCopy{
        flex:1;
        padding:1rem 2rem;
        background:#13322C;
        padding:2rem 2rem 4rem;
        box-sizing:border-box;
    }

        .contactCopy h2,
        .contactCopy p{
            color:#fff;
        }

        .contactCopy h3{
            color:#EBEBDB;
            font-size:21px;
        }

    .contactForm{
        flex:1;
        background:#EBEBDB;
        padding:2rem;
        box-sizing:border-box;
    }

    .marketInsights img {
        aspect-ratio: 1/1;
        object-fit:cover;
        position: absolute;
    }
    
    .newsMain,
    .newsSubBlock {
        overflow:hidden;
    }
    
    .newsMain img,
    .newsSubBlock img{
        max-width:100%;
        z-index:1;
    }
    
    .newsMain a,
    .newsSubBlock a{
        z-index:2;
    }
    
        .marketInsights .container{
            display:flex;
            flex-wrap:wrap;
            gap:.25rem;
        }
        

        @media(max-width:1000px){
            .marketInsights .container{}
        }
    
    .marketInsights h2{
        flex-basis:100%;
    }
    
        .marketInsights a{
            font-size:24px;
            line-height:1.5rem;
            color:#fff;
            text-shadow:0px 3px 5px rgba(0,0,0,0.5);
        }
    
        .newsMain{
            flex:1;
            position:relative;
            background:rgba(0,0,0,0.1);
        }
    
            .newsMain a{
                position:absolute;
                bottom:1.5rem;
                left:1rem;
                
            }
    
        .newsSub{
            flex:1;
            display:flex;
            flex-wrap:wrap;
            gap:.25rem;
        }
    
            .newsSubBlock{
                aspect-ratio:1/1;
                flex-basis:44%;
                position:relative;
                background:rgba(0,0,0,0.1);
            }
    
                .newsSubBlock img{
                    /* position:relative; */
                }
    
                .newsSubBlock a{
                    position:absolute;
                    bottom:1.5rem;
                    left:1rem;
                    color:#fff;
                    text-shadow:0px 3px 5px rgba(0,0,0,0.5);
                }


/* side paddings on large */

@media(min-width:1600px){
    .mainCol,
    .diverseSet .mainCol{
        padding-left:14vw;
    }

    .wwaContent{
        padding-right:14vw;
    }

    .wwaImage{
        flex:1.5
    }

    .diverseSet .contentCol{
        flex:3;
        padding-right: 10vw;
    }

    .contactCopyContainer {
        max-width: 600px;
        margin: 0 auto;
    }

}

.contactCopyContainer{
    text-align:center;
}

figure{
    margin:0;
    padding:0;
}

@media(max-width:767px){
    .mobileMenu{
        display:block;
    }

    header nav{
        display:none;
    }

    .container{
        padding-left:1rem;
        padding-right:1rem;
        box-sizing:border-box;
    }
    
    .whyFS .container,
    .diverseSet,
    .unravelling .container{
        flex-direction:column;
    }

    .expertiseList li,
    .unravellingBlock{
        flex-basis:100%;
    }

    .expertiseList{
        padding-left:0px;
        gap:1rem;
    }

    .diverseSet .contentCol{
        padding:2rem;
    }
    
}

@media(min-width:768px) and (max-width:1199px){
    .whyBlock h3{
        font-size:21px;
    }
    .expertiseList h3{
        font-size:17px !important;
    }
}

@media(max-width:767px){
    header .container{
        width:100%;
        justify-content:space-between;
        padding-left:2rem;
        padding-right:2rem;
    }

    .whyFS h2{
        text-align:left;
        padding-left:1rem;
    }

    header button{
        display:block;
    }
}

@media(min-width:768px){
    .mobileMenu{
        display:none
    }
}

h2{
    margin-top:1rem;
}

.unravelling{
    padding-top:0;
}

footer{
    padding:1.5rem 0 2rem;
}

footer .container{
    display:flex;
    justify-content:space-between
}

    .disclaimercontent{
        flex-direction:column;
        gap:.5rem;
        padding-top:1rem;
        margin-top:.5rem;
        border-top:1px dotted rgba(0,0,0,0.2)
    }

        .disclaimercontent p{
            font-size:.75rem !important;
            color:rgba(0,0,0,0.7);            
        }

        .disclaimercontent p strong{
            color:rgba(0,0,0,0.9)
        }

footer nav{
    display:flex;
    gap:2rem;
}

    footer nav a{
        font-size:13px;
        color:#555;
    }

    footer p{
        margin-top:0
    }

    @media(max-width:850px){
        footer{
            text-align:center;

        }
        footer .container{
            display:flex;
            flex-direction:column;
            justify-content:center;
        }

        footer nav{
            flex-wrap:wrap;
            justify-content:center;
            gap:1rem;
            margin-top:2rem;
        }
    }

    @media(max-width:1000px){
        .marketInsights .container{
            flex-direction:column;
        }
    
        .newsMain{
           min-height:400px;
        }
    
        .newsSubBlock{
            flex-basis:49.7%;
            aspect-ratio:unset;
            min-height:150px;
        }
    }
    
    @media(max-width:700px){
        .newsSubBlock{
            flex-basis:100%;
            min-height:250px;
        }
    
        .newsMain{
            min-height:450px;
        }
    }

    #mobileNav {
        display: none;
    }

    .mobileMenu{
        font-style:normal;
        font-weight:bold;
        font-size:15px;
        color:#111;
    }

    div#mobileNav {
        padding: 1rem 2rem;
        background: #EBEBDB;
    }
    
    #mobileNav li{
        list-style:none;
        padding:.5rem 0;
        border-bottom:1px dotted rgba(0,0,0,0.2);
    }
    
    #mobileNav li a{
        color:#111;
        text-shadow:0px 1px 0px rgba(255,255,255,0.4);
    }
    
    #mobileNav li:last-child{
        border:none;
    }

    span.closMenu {
        padding:1rem 0 0;
        display:inline-block;
        text-align:right;
        width:100%;
        font-size:13px;
        color:rgba(0,0,0,0.8);
    }

    @media(max-width:500px){
        .wwaContent {
            padding-top:60%;
        }
        }