html { scroll-behavior: smooth;
    font-family:  'Heebo', sans-serif;
}
::placeholder {
    color: gold;
  }
 select{
    padding: 0 15px;
 }
 option{
     color: black;
 }
 textarea,input,select {
     color:gold;
 }

.hide{
    display:none;
}

/*grid2*/
h2{
    margin: 14px  0 0 0;
}
.vImg{

width: 50px;
height: 50px;
margin:34px 69% 0 0 ;
}

.gridTwoPL{
    margin: 47px 11px 0px 0;
    
}
.gridTwoPR{
    margin: 47px 28%  0px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7;
    
}

/*section3*/

.gridThreeImgSection{
    width: 108px;
    height: 100px;
    overflow: hidden;
    margin:29px 127px  0px   0;
}

.gridThreeLawyer{
    margin: 4px -70px 0px 0px;
    width: 284px;
}
.gridThreeClent{
    margin: -73px -135px 0px 0px;
    width: 244px;;

}
.gridThreeCloseCases{
    margin: 0px -184px 0px 0px;
    width: 284px;
}

.gridThreePL{
    margin: 0 91px 0 0;

}
.gridThreePM{
    margin: 0 96px 0 0;
}
.gridThreePR{
    margin: 0 104px 0 0;
}

/* section4*/

.h3One { margin: 0 77px  0 0;
}
.h3Two{
    margin: 0 100px 0 0
}


.sectionFourSizeImg{
width: 85px;
height: 100px;
overflow: hidden;
margin: 0 100px 0 0;}

.familyLogo{
    margin: -77px -48px 0px 0px;
    width: 244px;
}
.docmentLogo{
    margin: 8px 20px 0px 0px;
    width: 244px;
}

.FlexBoxTwoCss p { 
    margin: 0px 26px 0px 0px;
    padding: 0 0px 0 31px;
    text-align: center;
                 
}



/* section5 */

.gridFourSection{
    width: 262px;
    height: 250px;
    border: 2px solid #183552;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    margin: 17px 12%  0 0;
}
.map{
    width:100%;
    height:100%;
    
}


/*section 6 */

.SectionFourImg{
    overflow: hidden;
    width: 110px;
    height: 100px;
}

.SectionFourImgOne{margin: 35px 78px  0 0 ;}

.SectionFourImgTwo{margin: 35px 93px 0  0 ;}


.imgEmail{
    width: 174px;
    height: 63px;
}

.imgPhone{
    width: 174px;
    height: 63px;
    margin: 0 -112px 0 0;

}
.gridFourSection a{
    text-decoration: none;
}

.gridFourSection a:visited{
    text-decoration: none;
    color: black;
}
.gridFourSectionPM {
    margin: 0 78px  0 0;
    font-family: 'Heebo', sans-serif;
    
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    }
.gridFourSectionPR {
    margin: 0 63px 0 0;
    font-family: 'Heebo', sans-serif;
    
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;

}
.gridFourSectionPL {
    font-weight: bold;
    position: absolute;
    margin: 10px 82px 0px 0px;
    padding: 11px 29px;
    background-color: #efefef;
    font-family: 'Heebo', sans-serif;
    
    font-size: 15px;
    line-height: 18px;

}

/*section7*/



form textarea{


width: 386px;
height: 103px;
background: rgba(196, 196, 196, 0.25);
border-radius: 11px;


}
form input{


    width: 386px;
    height: 37px;
    background: rgba(196, 196, 196, 0.25);
    border-radius: 11px;
    
    
    }

    form select{


        width: 386px;
        height: 37px;
        background: rgba(196, 196, 196, 0.25);
        border-radius: 11px;
    }

    form select option{
        width: 386px;
        height: 37px;
        background: rgba(196, 196, 196, 0.25);
        border-radius: 11px;
    }

    form button{
position: absolute;
width: 152px;
height: 35px;

font-family: 'Heebo', sans-serif;
font-size: 20px;
font-weight: 700;
background: #AD8700;
border-radius: 11px;
color: rgb(9 8 113);
transition-duration: 0.5s;

    }

    
        
            
 form button:hover{
     position: absolute;
     width: 152px;
     height: 35px;
     
     color:black;
     background: #ffd336;
     border-radius: 11px;
     
         }


         #whatsapp{
            position: fixed;
            left: 94%;
            top: 92%;
            z-index: 50;
            width: 50px;
           


           
            
            
        }