@import url("./partials/banner-section.css");
@import url("./partials/request-consultation.css");
@import url("./partials/life-changing-slider.css");
@import url("./partials/our-results.css");

.client-image img{
    box-shadow: 0 0 30px 0 rgb(5 28 44 / 10%);
}

/*-- media css starts here --*/
@media only screen and (min-width: 768px){
    .hero-banner-text h1{margin-bottom: 12px;}
    .client-image{position: relative; z-index: 1;}
    .wordmark-icon{opacity: 0.4; width: 100%; left: 0; top: -48px; position: absolute;}
    .wordmark-icon img{width: 100%;}
}
@media only screen and (min-width: 1024px){
    .hero-banner-text{padding-top: 80px;}
    .client-image{width: 400px; margin-right: 88px; transform: translateY(56px);}
    .client-heading{width: calc(100% - 488px); padding-top: 98px; max-width: 567px;}
    .settlements-default-article{padding: 157px 0 110px;}
    .firm-bxslider-title h2{max-width: 530px;}
}
@media only screen and (max-width: 1299px) and (min-width: 1024px){
    .firm-bxslider-title h2{max-width: 530px;}
    .client-image{width: 400px; margin-right: 48px;}
    .client-heading{width: calc(100% - 448px);}
    .fluid-wrap{padding: 0 30px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .hero-banner-section .container{height: 100%; align-items: center;}
    .hero-banner-text{align-items: center;}
    .client-image{width: 200px; margin-right: 48px; }
    .client-heading{width: calc(100% - 248px);}
    .settlements-default-article{padding: 70px 0 73px;}
    .firm-bxslider-title h2{max-width: 100%;}
    .request-consultation-main{padding-bottom: 165px;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .hero-banner-text{padding: 24px 0 46px; display: block;}
    .wordmark-icon{left: 0; width: 100%; top: -14px; opacity: 0.2; position: absolute;}
    .wordmark-icon img{width: 100%;}
    .client-image{margin-bottom: 36px;}
    .settlements-default-article{padding: 44px 0 44px;}
    .request-consultation-main{padding-bottom: 165px;}
}