@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
body
{
    margin: 0;
    padding: 0;
}
img
{
    max-width: 100%;
}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.gm-style .review-box{display: none;}
header{position: relative;}
header .header_strip{background-color: #174786; z-index:1;}

@media (min-width:992px) {
    header .header_strip{position:absolute; z-index:1; top:20px;}    
}
.phonecall a{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-decoration: none;
    color: #ffffff;
    background-color: #567cae;
    border-radius: 16px;
    padding: 5px 17px;
    font-size: 18px;
}
.phonecall a:hover{
    color: #000;
}
@media (max-width:1199px){
    .phonecall a{font-size: 23px;}
}
@media (max-width:430px){
    .phonecall a{font-size: 22px;}
}
/*******************************banner************************************/
.banner_area .carousel-inner .box h1 {
    color: #ffffff;                           
    font-size: 39px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}
.banner_area .carousel-inner .box h2{
    color: #ffffff;                           
    font-size: 36px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;

}
.banner_area .carousel-inner .box p {
    color: #ffffff;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.banner_area .carousel-control-prev img,
.banner_area .carousel-control-next img{
    width: 50px;
}
.carousel-indicators li {
    display: block;
    margin-bottom: 5px;
    border: 1px solid #a7a6a6;
    border-radius: 50px;
    height: 10px;
    width: 10px;
    background-color: #a7a6a6;
}
.carousel-indicators li.active {
    background-color: #79a0d4;
}
@media (max-width:767px) {
    .banner_area .caption .container {
        max-width: 100%;
        padding: 0px;
    }
    .banner_area .carousel-inner .box {
        position: relative;
        width: 100%;
        bottom: 0px;
        text-align: center;
        background-color: #000000;
    }
    .banner_area .carousel-inner .box h1 {
        font-size: 20px;
    }
    .banner_area .carousel-inner .box h2 {
        font-size: 18px;
    }
    .banner_area .carousel-inner .box p {
        font-size: 15px;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .banner_area .caption .box {
        max-width: 700px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -39px;
    }
}
@media (min-width:768px) {
    .banner_area {
        position: relative;
    }
    .banner_area .caption {
        position: absolute;
        bottom: 60px;
        width: 100%;
    }
    .banner_area .caption .box {
        max-width: 650px;
        background: #000000a3;
    }
}
/* _-------------------------------------------------------------------------------------------------- */
.section2 h1{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #04387e;
}
.section2 h2{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: #021f2f;
}
.section2 p{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #021f2f;
}
.section2 p span{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #04387e;
}
/* _-------------------------------------------------------------------------------------------------- */
.practiceareaheader
{
    background-color: #e3ebf6;
}
.practicearea h1{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: #04387e;
}
 .generalcivil h2{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #000000;
}
@media (max-width:364px){
    .generalcivil h2{font-size: 17px;}
}
/* _-------------------------------------------------------------------------------------------------- */
.agressive{
    background-image:url(../tpl_image/agressiveandsolution.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.agsolutionorient h1{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: #ffffff;
}
.agsolutionorient p{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #ffffff;
}
.agsolutionorient h2{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    font-size: 27px;
    color: #ffffff;
}
.agsolutionorient h3{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 23px;
    color: #ffffff;
}
/* _-------------------------------------------------------------------------------------------------- */
.contactus{
    background-image:url(../tpl_image/contactus.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contactus h1{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: #ffffff;
}
.Advertising p{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #ffffff;
}
.contactus h2{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
}
/* _-------------------------------------------------------------------------------------------------- */
.footer_strip{
    background-color: #567cae;
}
.footertag
{
    margin-top: -12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #ffffff;
}
/* _-------------------------------------------------------------------------------------------------- */
.mapingimage span iframe{
    margin-left: 41%;
    width: 59%;
    max-width: 100%;
    position: absolute;
}
.ourattorneys
{
    position: static;
    margin-top: 0%;
}
.ourattorneys h1{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    font-size: 28px;
    color: #04387e;
}
.ourattorneys h2{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #04387e;
}
@media(max-width:767px)
{
    .mapingimage span iframe
    {
        margin-left: 0%;
        width: 100%;
        position: relative;
    }
    .ourattorneys
    {
        position: static;
        margin-top: 0%;
    }
}