@font-face{

  src:url(../font/TestSöhne-Buch.otf);
  font-family:TestSohne;

}

@font-face{

  src:url(../font/ITC-Clearface-Std-Regular.otf);
  font-family:ITC Clearface;

}

@font-face{

  src:url(../font/Headline_Gothic_ATF.otf);
  font-family:Headline gothic;

}





body,html ,ul,li,a,h1,h2,h3,h4,h5, p{

  margin:0px;
  padding: 0px;
}

.header-area{

  width: 100%;
  padding:10px 0px;
  max-width: 1365px;
  height: 111px;
  margin: auto;
}

.middle {

  width:83%;
  margin: auto;
}

.header-area .header-wrap{
  display: flex;
  align-items: stretch;
}


.logo-area{
  
  width:22%;
}

.logo-area img{
  
  width:220px;
}

.menu-area{
  
  width: 56%;
 

  
}

.call-nowarea{

  width: 22%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 



}

.call-nowarea img{

  width: 150px;
  margin-top:-10px;
  
 


}

.call-nowarea h5{

  color:#011332;
  font-size: 15px;
  font-weight: 400px;
 
  font-family:ITC Clearface;

}



.menu-area:after{
  content:'';
  display:block;
  clear:both;
}

.menu-show {
  text-align: center;
  font-size:20px;
  display: none;
}

.menu-show a {
  font-size:26px;
}


.menu-area ul{
  text-align: center;
  margin-top:20px;
 
}

.menu-area ul li {
    
    list-style: none;
    display:inline-block;
    position: relative;

}



.menu-area ul ul {
    
    
    position: absolute;
    width: 200px;
    background-color: #00000026;
    top:50%;
    left: 0px;
    display: none;


}


.menu-area ul ul li {
    
    
    display: block;
    text-align: left;

}

.menu-area ul li:hover > ul {
  display:block;
  
}


.menu-area ul li i {
    
    margin-left: 5px;
    font-size:10px;

}


.menu-area ul li a{
  text-decoration:none;
  font-size:15px;
  color:#011332;
  font-weight: 400px;
  letter-spacing:.5px;
  padding:15px 10px;
  margin:0px 0px;
  display:inline-block;
  border-radius:3px;
  transition:.5s;
  font-family:TestSohne;
  
  
  
}

/*menu design end here
*/
.hero-sec {
  
  overflow: hidden;
  max-width: 1365px;
  margin: 30px auto 0px auto;
}


.hero-sec .content{
  margin-left: 130px;
  display: flex;
}

.hero-sec .hero-social{
  width: 6%;
  

}

.hero-sec .hero-content{
  width: 47%;
  

}


.hero-sec .hero-img{
   width: 47%;
   display: flex;
  justify-content: flex-end;
 }


.hero-sec .hero-social h4{
  font-size:11px;
  font-family:TestSohne;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  letter-spacing: 5px;



}

.hero-sec .hero-social img{

  margin: 20px 0px 40px 5px;

}

.hero-sec .hero-social ul li{
  list-style: none;
  margin: 13px 0px;
}

.hero-sec .hero-social ul li a{
  color: #000;
  border: .1px solid #0000004d;
  padding: 3px;
  border-radius: 3px;
  font-size: 12px;
  height: 10px;
  width: 10px;


}



.hero-sec .hero-content h3{
  font-size:23px;
  color: #BC143E;
  font-family:ITC Clearface;
  margin-right: 200px;

}


.hero-sec .hero-content h1{
  font-size:85px;
  color: #000000;
  font-family:Headline gothic;
  margin-right: 70px;
  letter-spacing: 2px;
  line-height: .9em;
  margin-top:30px;


}

.hero-sec .hero-content h1 span{
   color: #B8143D;
  

}

.hero-sec .hero-content p{
  font-size:20px;
  color: #000000;
   font-family:TestSohne;
   margin-top: 10px;
  


}


.hero-sec .hero-content .cnt-number{
  background-color: #B8143D;
  width: 240px;
  padding: 15px;
  margin-top: 30px;
  


}

.hero-sec .hero-content .cnt-number h5{
  color: #ffff;
   font-family:ITC Clearface;
   font-size: 11px;
  


}

.hero-sec .hero-content .cnt-number h2{
  color: #ffff;
   letter-spacing: -1px; 
   font-size: 25px;
  


}







.hero-sec .hero-img img{
  width: 548px;
  overflow: auto;
}


/*hero sectio design end here*/

.compay-logo{

  margin: 60px auto 30px auto;
  padding: 0px 20px;
  max-width: 1365px;

}

.compay-logo .swiper-wrapper{
  margin: auto;
}

.compay-logo .swiper-wrapper .swiper-slide img{

 width: 200px;
 display: flex;
 margin: auto;
}

/*carosel end here*/

.south-carola-area{
 
  padding: 70px 0px;
  background-color:#F5F2F3;
  max-width: 1365px;
  margin: auto;
}

.south-carola-content{
  display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 align-content: center;

}

.south-carola-lef{
  width: 55%
}

.south-carola-content h1{
    font-size: 71px;
    color: #000000;
    font-family: Headline gothic;
   letter-spacing: 2px;
    line-height: 1.1em;
    margin-top: 30px;
}

.south-carola-content span{
    
    color: #B8143D;
    
}

.south-carola-content h3{
    font-size: 23px;
    color: #012564;
    font-family: ITC Clearface;
    margin: 30px 100px 30px 0px;
    border-left: 2px solid #012564; 
    padding-left: 20px;
}

.south-carola-content p{

    font-size: 19px;
    color: #000000;
    font-family: TestSohne;
    margin-top: 10px;
    margin-right: 70px;
}




.south-carola-right{
  width: 45%;


}

.south-carola-right img{
  width:88%;
  margin-left: 60px;
}

  /* south carola end here*/


  .criminal-defense{
    max-width:1365px;
    overflow: hidden;
    margin: auto;
  }

  .criminal-wrap{
    display: flex;
    flex-wrap: wrap;
  }

  .criminal-left{
    width:50%;
    
  }

    .criminal-right{
    width:50%;
   

  }
  

 .criminal-left h1{
    font-size: 72px;
    color: #000000;
    font-family: Headline gothic;
    margin-right: 50px;
    letter-spacing: 2px;
    line-height: .9em;
    margin-top: 30px;
}
  
.criminal-left h1 span{
    color: #B8143D;
  }

  


.criminal-right p{

    font-size: 19px;
    color: #000000;
    font-family: TestSohne;
    margin-top: 45px;
}    /*criminal secttion end here */


.title-background-area{
  max-width: 1365px;
  margin: auto;
}

.title-area-content{

  margin-top:50px;
  max-width: 1365px;
  display: flex;
  column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap:wrap;
  justify-content: center;
}

.title-area-content .box{
  width:31.5%;
  
}

.title-area-content .title-left .top{
  width: 100%;
  height: 385px;
  display: flex;
  align-items: flex-end;
  background-image: url(../images/Rectangle-25478.png);
}


.title-area-content .title-left .bottom{
  width: 100%;
  height: 240px;
  display: flex;
  align-items: flex-end;
  background-image: url(../images/babay.png);
  margin-top: 30px;
  background-size: cover;
}


.title-area-content .title-center .top{
  width: 100%;
  height: 245px;
  display: flex;
  align-items: flex-end;
  background-image: url(../images/Rectangle-25507.png);
  background-size: cover;
}

.title-area-content .title-center .bottom{
  width: 100%;
  height: 380px;
  display: flex;
  align-items: flex-end;
  background-image: url(../images/cap-man.png);
  background-size: cover;
  margin-top:30px;
}


.title-area-content .title-right{
  background-image: url(../images/blazzer.png);
  display: flex;
  align-items: flex-end;
  background-size: cover;
  height: 655px;
  min-height: 250px;



}

.title-background-area .title-area-content h2{
  background-color:#000000ad;
  color:#fff;
  padding: 35px 20px;
  display: block;
  width: 100%;
  font-family:ITC Clearface;
  font-size:28px;
}

/*title-background-area end here*/

.get-free-area{
  max-width: 1365px;
  margin: 100px auto;
  position: relative;
  z-index: 1;
  overflow: hidden;

}

.get-free-area .get-free-wraper{
  display: flex;
  flex-wrap: wrap;
  background-color: #012564;
  padding: 40px 60px;
}


.get-free-area .get-free-wraper .left{
  width: 50%;
}

.get-free-area .get-free-wraper .left h1{
     font-size: 55px;
    color: #ffff;
    font-family: Headline gothic;
    margin-right: 60px;
    letter-spacing: 2px;
    line-height: 1em;
    
}


.get-free-area .get-free-wraper .left h3{
     font-size: 16px;
    color: #ffff;
    font-family:TestSohne;
    margin-top:15px;
   
    
    
}

.get-free-area .get-free-wraper .left h1 span{
   color: #B8143D;

}
.get-free-area .get-free-wraper .right {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.get-free-area .get-free-wraper .right h5{
    color: #ffff;
    font-family: ITC Clearface;
    font-size: 17px;
    letter-spacing: 2px;
}


.get-free-area .get-free-wraper .right h2{
    color: #B8143D;
    letter-spacing: 1px;
    font-size: 42px;
    font-family:Headline gothic;
    margin-top: 15px;
}

/*get-free-area end here*/

.why-choose-area{

  max-width: 1365px;
  padding: 185px 0px 50px 0px;
  background-color:#E7EBF4;
  margin: -205px auto 0px auto;
  overflow: hidden;
 
  
}

.why-choose-area .top-part{

  margin-bottom: 75px;
}

.why-choose-area .top-part h1{
    font-size: 71px;
    color: #000000;
    font-family: Headline gothic;
    letter-spacing: 2px;
    line-height: 1.1em;
    text-align:center;
    
}

.why-choose-area .top-part h1 span{
    
    color: #B8143D;
    
    
}

.why-choose-area .top-part h3{

      font-size: 19px;
      font-family: TestSohne;
      text-align: center;
      color: #1A1A1A;
      margin: 40px 90px;
   
}


.why-choose-content{
  display:flex;
  margin-top:50px;
  justify-content: center;
}

.why-choose-content .left{
  width: 49%;
  margin-right:130px;
}

.why-choose-content .left h2{
    font-size: 39px;
    color: #000000;
    font-family: Headline gothic;
    letter-spacing: 1px;
    line-height: 1.1em;
    

}

.why-choose-content .right p{
    font-size: 15px;
    color: #1A1A1A;
    font-family: TestSohne;
   
    

}



.why-choose-content .right {
  width: 51%;
}

/*why-choose-area end here*/

.review-sec-area{
  max-width: 1365px;
  background-color: #012665;
  padding: 50px 0px;
  margin: auto;

}

.review-sec-area .review-sec-wrap{
  display: flex;
  
}

.review-sec-area .review-sec-wrap .review-sec-left{
 width: 49%;
  
}

.review-sec-area .review-sec-wrap .review-sec-right{
 width: 51%;
 display: flex;
 flex-direction: column;
 justify-content: center;
 position: relative;
 overflow: hidden;
  
}

.review-sec-area .review-sec-wrap .review-sec-left h1{
    font-size: 75px;
    color: #ffff;
    font-family: Headline gothic;
    letter-spacing: 1px;
    line-height: 1.1em;
    margin-right: 20px;
  
}



.review-sec-area .review-sec-wrap .review-sec-left h1 span{
   
    color: #B8143D;
  }

  .review-sec-area .review-sec-wrap .review-sec-left p{
    font-size: 16px;
    color: #fff;
    font-family: TestSohne;
    line-height: 1.4em;
    margin-top:20px;
    margin-right: 30px;

  
}

.review-sec-left .image{
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  grid-row-gap: 10px;
  margin-top :30px;
}

.review-sec-left .image img{
  width: 175px;

}


.review-sec-right .review-content{
  border: 1px solid #18489B;
  padding:25px;
  margin-left:50px;
  margin-top: 25px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  animation: animate 13s linear infinite;
  animation-delay: calc(3s * var(--delay));


}

.review-sec-right:hover .review-content{
  animation-play-state: paused;
} 

.review-sec-right .review-content:last-child{
   animation-delay: calc(-3s * var(--delay));
}


@keyframes animate{

  0%{
    opacity: 0;
    transform: translateY(100%) scale(0.5);
  }

   5%, 20%{
    opacity: 0.4;
    transform: translateY(100%) scale(0.7);
  }

  25%, 40%{
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0%) scale(1);
  }

    45%, 60%{
    opacity: 0.4;
    transform: translateY(-100%) scale(0.7);
  }

     65%, 100%{
    opacity: 0;
   transform: translateY(-100%) scale(0.5);
  }







}


.review-sec-right .review-content h4{

    color: #ffff;
    font-family: ITC Clearface;
    font-size: 17px;
    letter-spacing: 2px;

}

.review-sec-right .review-content p{

    font-size: 16px;
    color: #fff;
    font-family: TestSohne;
    line-height: 1.4em;
    margin:20px 0px;
    

}

.review-sec-right .review-content .riview-author{

  display: flex;
  justify-content: space-between;
}

.review-sec-right .review-content .riview-author h5{

    color: #ffff;
    font-family: ITC Clearface;
    font-size: 14px;
    letter-spacing: 2px;

}

.review-sec-right .review-content .riview-author ul li{

    list-style: none;
    display: inline-block;
    color: #ffd135;
    font-size: 13px;

}


/*review section end here*/

.blog-area{
  max-width: 1365px;
  margin: 60px auto;
}

.blog-area .title-butn-area{
  display: flex;
  justify-content: space-between;
}

.blog-area .blog-wrap{
   display: flex;
   column-gap: 20px;
   grid-row-gap: 20px;
   flex-wrap: wrap;
   margin-top:50px;
}

.blog-area .blog-wrap .box{
   width: 32%;
   padding: 20px 0px 0px 0px;
}

.blog-area .blog-wrap .blog-left{
   background-image: url(../images/blog-1.png);
   background-position: center;
   background-size: cover;
}


.blog-area .title-butn-area h1{
    font-size: 70px;
    color: #000000;
    font-family: Headline gothic;
    letter-spacing: 2px;
    line-height: 1.1em;
}


.blog-area .title-butn-area h1 span{
    
    color: #B8143D;
    
}

.blog-area .title-butn-area a{
    
    background-color: #B8143D;
    color:#fff;
    width: 140px;
    height: 60px;
    border: 1.5px solid #B8143D;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 25px;
    font-family:Headline gothic;
    letter-spacing: 1px;

    
}



.blog-area .title-butn-area a i{
    
    margin-left: 10px;
    
    
}


.blog-area .blog-wrap h2{

  font-size: 32px;
    color: #000000;
    font-family: Headline gothic;
    letter-spacing: 1px;
    line-height: 1.1em;
    padding: 30px 30px 0px 30px;

}

.blog-area .blog-wrap .blog-left h2{
  color: #fff;
    
}

.blog-area .blog-wrap .blog-left p{
  color: #fff;
    
}

.blog-area .blog-wrap .blog-left h4{
  color: #fff;
    
}






.blog-area .blog-wrap p{

    font-size: 15px;
    color: #1A1A1A;
    font-family: TestSohne;
    margin-top: 30px;
    padding: 0px 30px 0px 30px;

}


.blog-area .blog-wrap h4{

    font-size: 15px;
    color: #1A1A1A;
    font-family: TestSohne;
    margin-top: 50px;
    padding: 0px 30px 0px 30px;

}



.blog-area .blog-wrap img{

    width: 100%;
    margin-top: 20px;

}

/*blog area end here*/


.map-area{
  max-width: 1365px;
  width: 100%;
  margin: auto;
  height: 600px;
  display: flex;
  justify-content: center;
}

.map-area iframe {
  
  width: 100%;
  height: 100%;
  margin:auto;
  
}


.office-direction-area{
  max-width: 1365px;
  margin: -175px auto 0px auto;
  position: relative;
  z-index: 2;
}

.office-direction-content{
  padding: 20px;
}

.office-direction-content h1{
    font-size: 40px;
    color: #000000;
    font-family: Headline gothic;
    letter-spacing: 2px;
    line-height: 1.1em;
}

.office-direction-content h3{
    font-size: 16px;
    font-family: ITC Clearface;
    margin: 25px 0px;
    
}

.office-direction-content h4{
    font-size: 14px;
    color: #1A1A1A;
    font-family: TestSohne;
    
}

.office-direction-content a{
    font-size: 14px;
    color: #B8143D;
    font-family: TestSohne;
    text-decoration: none;
   border: 1px solid #cfcfcf;
   border-radius:5px;
   padding: 9px 15px;
  margin: 20px 0px 15px 0px;
  display: inline-block;

    
}


.office-direction-content h5{
    font-size: 13px;
   font-family: TestSohne;
   letter-spacing:1px;
    
}


.office-direction-content h2{
    color: #B8143D;
    letter-spacing: 1px;
    font-size: 23px;
    font-family: Headline gothic;
    margin-top:5px;
    
}

.office-direction-content{
  width: 25%;
  background-color: #fff;
}

.office-direction-wrap .office-direction-content:nth-child(1){
  background-color: #FFE8EE;
  border-top: 3px solid #BC143E;
}

.office-direction-wrap{
  display: flex;
 justify-content: center;
}

/*office-direction design end here*/

.footer-area{
  max-width: 1365px;
  margin: -153px auto 0px auto;
  background-color: #012564;
  padding-top:250px;
  padding-bottom: 20px;
}

.footer-area .footer-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap
}

.footer-area .footer-wrap .box{
  width: 33%;
}

.footer-logo img{
  width: 200px;
}


.footer-logo p{
    font-size: 13px;
    color: #fff;
    font-family: TestSohne;
    margin-top: 20px;
    margin-right: 70px;
    line-height: 1.5em;
}


.footer-logo ul li{
    list-style: none;
    display: inline-block;
    margin-top: 25px;
}

.footer-logo ul li a{
    color: #fff;
    border: .1px solid #fff;
    padding: 8px;
    border-radius: 8px;
    font-size: 22px;
    margin: 0px 8px 0px 0px;
    background-color: #12336e;
}



.footer-menu ul li{
  list-style: none;
  margin-top: 20px;
}

.footer-menu ul li a {
  color:#fff;
  font-size: 13px;
  font-family:TestSohne;
  text-decoration: none;
}



.footer-menu-item {
  display: flex;
 justify-content: space-around;
  flex-wrap: wrap;
}



.footer-menu-item .part-2{
  margin-right: 55px;
}

.footer-menu h5{
    font-size: 13px;
    font-family: TestSohne;
    letter-spacing: 1px;
    color:#fff;
    margin-left: 36px;
}

.footer-form h5{

   font-size: 13px;
    font-family: TestSohne;
    letter-spacing: 1px;
    color:#fff;
    

}



.footer-form .form{
  padding: 20px;
  background-color: #314e80;
}


.footer-form p{

   font-size: 13px;
    color: #fff;
    font-family: TestSohne;
    margin-top: 15px;
   line-height: 1.5em;
   margin-right: 20px;

    

}

.footer-form  .form input{

  margin-top: 20px;
}

.footer-form  .form input[type="email"]{

  display: block;
  width: 97%;
  padding: 14px 0px 14px 10px;

}

.footer-form  .form input[type="submit"]{
  background-color: #B8143D;
  color: #fff;
  font-family:Headline gothic;
  padding: 13px 30px;
  font-size:18px;
  border: none;
  letter-spacing: 1px;

}

.footer-area hr{
   margin-top: 50px;
   margin-bottom: 20px;
  border-color: #2c2c2c6b;

}

.footer-bottom-part {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-bottom-part p{
    color: #fff;
    font-size: 11px;
    font-family: TestSohne;
}

.footer-bottom-part a{
    color: #fff;
    
}

.footer-bottom-part .top{
    color: red;
    text-decoration: none;
    font-size: 13px;
}