*{margin: 0; padding: 0}
input:focus, a:focus, button:focus, textarea:focus{outline: none}
body{font-family: 'Poppins', sans-serif;; font-weight:400}
a{transition: all 0.5s ease;}



/*----------- Header -----------*/
header.site-header {margin:0; padding:0; position:relative; width:100%; background: #5e3030; clear: both}
header.site-header .header-top{background:#8f4646; margin:0; padding:15px 0; position:relative}
header.site-header .header-top .socail-list ul{margin:0; padding:0; list-style-type:none; display:flex}
header.site-header .header-top .socail-list ul li{margin:0; padding:0 10px 0 0; color:#fff; font-size:16px }
header.site-header .header-top .socail-list ul li a{color:#fff; font-size:16px}
header.site-header .header-top .contact-add{text-align:right; color:#fff; font-size:16px}
header.site-header .header-top .contact-add a{color:#fff}
header.site-header .header-bottom{padding: 15px 0; margin:0; width:100%; position: relative}
header.site-header .site-brand img{max-width:175px; margin:3px 0 0 0}
header.site-header .header-right{display:flex;justify-content: flex-end;}
header.site-header .header-right nav.navbar{padding:0; background:transparent !important}
header.site-header .navbar-nav  li a{color:#fff !important; padding:10px 15px !important; border-bottom:1px solid transparent; text-decoration:none}
header.site-header .navbar-nav  li a:hover{border-bottom: 1px solid #fff}
header.site-header .navbar-nav li:last-child a{background:#000; border-radius:10px; border-bottom: none !important}

header.site-header.fixed {position:fixed; width:100%; left:0; top:0; z-index:9}
header.site-header.fixed .header-top{display:none}

/*-------- Home Banner ---------*/
.home-banner{margin:0; padding:150px 0; background:url("../images/home-banner.jpg") no-repeat center left; background-size: cover; position: relative}
.home-banner .content-box{position:relative; width:100%;max-width: 430px; padding:0 0 15px 0}
.home-banner .content-box h1{color:#5e3030;font-size: 36px; font-weight:700; margin:0 0 15px 0}
.home-banner .content-box p{color:#0d0d0d; text-align:justify}
.home-banner h1:before{width:100px; height:4px; background:#5e3030; position:absolute; left:0; bottom:0; content:"";margin-left:0}
.home-banner h1:after{width:50px; height:4px; background:#0d0d0d; position:absolute; left:103px; bottom:0px; content:"";margin-right: 0px;}

/*--------- Clients Reviews ------------*/
.client-reviews{margin: 0; padding: 100px 0; position: relative; background:#e4e4e4}
.client-reviews h3{font-weight:700; color:#5e3030; text-align:center; font-size:42px; margin:0 0 45px 0; position:relative; padding:0 0 15px 0}
.client-reviews h3:before{width:100px; height:4px; background:#5e3030; position:absolute; left:50%; bottom:0; content:"";margin-left: -75px;}
.client-reviews h3:after{width:50px; height:4px; background:#0d0d0d; position:absolute; right:50%; bottom:0px; content:"";margin-right: -78px;}
.client-reviews .content-box{padding:30px; background:#fff; border-radius:15px; margin: 5px; box-shadow: 0px 0px 5px #ccc}
.client-reviews .content-box p{text-align:justify; font-size:14px}
.client-reviews .list-item{margin:30px 0 0 0; padding:0; display:flex; list-style-type:none}
.client-reviews .list-item img{max-width:50px; margin:0 10px 0 0 }
.client-reviews .auther-desi{color:#8b8989; font-size:14px}
.client-reviews .auther-name{color:#5e3030; font-weight:600}
.client-reviews .owl-nav{position:absolute; width:100%; top:50%; left:0; margin-top:-60px}
.client-reviews .owl-nav button{position:absolute; width:50px; height:50px; border-radius:100%;border: 2px solid #000 !important;color: #000;}
.client-reviews .owl-nav button span{display:block; font-size:42px; line-height:50px; margin-top:-3px}
.client-reviews .owl-nav button.owl-next{right:-75px}
.client-reviews .owl-nav button.owl-prev{left:-75px}
.client-reviews .owl-dots{width:100%; margin:30px 0 0 0; text-align:center}
.client-reviews .owl-dots .owl-dot{background:#000 !important; width:8px; height:8px; margin:0 10px; border-radius:100%;}
.client-reviews .owl-dots .owl-dot.active{background:#5e3030 !important}

/*--------- Legal Practice Area ------------*/
.legal-practice-area{padding:100px 0; width:100%; margin:0; position:relative; text-align:center}
.legal-practice-area h2{font-size:42px; font-weight:700; color:#5e3030; position:relative; margin:0 0 45px 0; padding:0 0 15px 0}
.legal-practice-area h2 small{display:block; text-transform:uppercase; color:#0d0d0d; font-size:24px; font-weight:600}
.legal-practice-area h2:before{width:100px; height:4px; background:#5e3030; position:absolute; left:50%; bottom:0; content:"";margin-left: -75px;}
.legal-practice-area h2:after{width:50px; height:4px; background:#0d0d0d; position:absolute; right:50%; bottom:0px; content:"";margin-right: -78px;}
.legal-practice-area .list-items{display:flex; flex-wrap:wrap; margin:0; padding:0; list-style-type:none}
.legal-practice-area .list-items li{padding:15px; width:33.333%}
.legal-practice-area .list-items li a{display: block; background: #fff; text-decoration: none}
.legal-practice-area .list-items li a:hover{background: #5e3030}
.legal-practice-area .list-items li a:hover .content-box .title{color: #fff}
.legal-practice-area .content-box{box-shadow:0 0 5px #ccc;  padding:50px 30px; min-height: 375px; justify-content: center; display: flex; flex-direction: column}
.legal-practice-area .content-box .title{color:#5e3030; font-weight:600; font-size:24px; margin:15px 0 0 0; padding:0;line-height: 30px }
.legal-practice-area .view_more{margin:45px 0 0 0; padding:0}
.legal-practice-area .view_more a{background:#8f4646; text-decoration:none; padding:10px 15px; display:inline-block; color:#fff; font-size:18px; border-radius:10px}
.legal-practice-area .view_more a:hover{background:#0d0d0d}
.legal-practice-area .list-items li a:hover img{filter:none;}
.legal-practice-area .list-items li a img{filter: invert(1); max-height: 75px}


/*--------- Consultation Sec ------------*/
.consultation-sec{margin:0; padding:100px 0; width:100%; background:#5e3030}
.consultation-sec h3{color:#fff; font-size:30px; font-weight:700; margin:0 0 30px 0}
.consultation-sec .img-box{padding-right: 30px}
.consultation-sec .img-box img{width:100%; border-radius:15px; border:2px solid #783e3e}
.consultation-sec input, .consultation-sec textarea{width:100%; margin:0 0 20px 0; padding:10px; border:none; border-radius:10px; line-height:32px; color:#000}
.consultation-sec textarea{height:90px}
.consultation-sec input[type="submit"]{width:auto; display:block; padding:10px 45px; cursor:pointer; background: #fff}
.consultation-sec input[type="submit"]:hover{background:#000; color:#fff}
.consultation-sec .content-box{display:flex;justify-content: center; flex-direction:column}


#page-title .elementor-widget-container{background-size:cover; background-position:center center; }
.successful-appeals-sec{width:100%; clear: both}

/*----------- Footer -------------*/
footer.site-footer{background: #303030; width:100%; padding:0; position: relative; color: #fff; clear: both}
footer.site-footer .foot-list{display:flex; flex-wrap:wrap; width:100%; list-style-type:none; margin:0; padding:100px 0; align-items: center;}
footer.site-footer .foot-list li{width:25%;padding: 0 15px; line-height:normal;font-size: 24px; text-align: center}
footer.site-footer .foot-list li span{display:block; font-size:16px}
footer.site-footer .foot-list li span a{color:#fff}
footer.site-footer .foot-list li img{width:100%; max-width:200px}
footer.site-footer .footer-bottom{color: #6c6c6c; text-align: center; padding: 20px 0; background:#0d0d0d}
footer.site-footer .footer-bottom a{color: #6c6c6c;}
footer.site-footer .footer-bottom a:hover{color: #fff}

.link-sec{clear: both}


/*---------- Responsive ---------------*/
@media(min-width:2049px)
{
.real-property-sec{padding: 40px 0 !important;}
.successful-appeals-sec{padding: 55px 0 !important;}
.brain-buck-sec{padding: 15px 0 !important;}
	.link-sec{padding-bottom: 350px}
}
@media(min-width:1200px)
{
	.successful-appeals-sec{min-height: 400px;}
	.link-sec{min-height: 250px}
	.brain-buck-sec{min-height:700px}
}
@media(min-width:992px) and (max-width:1199px)
{
	header.site-header .navbar-nav li a{padding: 10px 5px !important}
	.home-banner{padding: 80px 0}
	.successful-appeals-sec{padding: 15px 0}
	.link-sec{padding-bottom: 280px}
	.real-property-sec  ul{list-style-position: inside}
	.real-property-sec{padding-bottom: 30px}
	.contact-page-sec{min-height:680px; clear: both} 
}


@media(min-width:768px) and (max-width:991px)
{
	.legal-practice-area .list-items li{width:50%}
	.legal-practice-area .content-box{min-height:350px}
	.consultation-sec .img-box{padding-right: 15px; margin-bottom: 15px}
	.home-banner .content-box h1{font-size: 30px}
	footer.site-footer .foot-list li{width:50%}
}
@media(max-width:991px)
{
	header.site-header .header-right{position: absolute; right:0; width:100%}
	header.site-header .header-bottom .container{position: relative}
	header.site-header .header-right nav.navbar{width:100%;}
header.site-header .header-right nav.navbar .navbar-toggler{position:absolute; right:0; top:0px;  border-color:#fff; background-color:rgba(255, 255, 255, 0.9)}
header.site-header .header-right #menu-menu{margin:55px 0 0 0; background:#fff; padding:15px; position:relative; z-index:9}
header.site-header .navbar-nav li a{color:#000 !important; padding:0 !important; display:block}
header.site-header .navbar-nav li{margin:6px 0; padding:0}
header.site-header .navbar-nav li:last-child a{color:#fff !important; display:inline-block; padding:10px !important}
	.home-banner{padding: 100px 15px; background-position: center center}
	.home-banner .content-box{max-width: 100%; text-align:center}
	.home-banner .content-box p{text-align: center}
	.home-banner:before{position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(255, 255, 255, 0.4); content:""}
	.home-banner h1:after{right:50%; left:auto; margin-right: -78px}
	.home-banner h1:before{left:50%; margin-left: -75px}
	#page-title .elementor-widget-container{padding: 50px 15px !important}
	.professional-profile-left, .professional-profile-right{width:100% !important; text-align:center}
	.real-property-sec  ul{list-style-position: inside}
}


@media(max-width:767px)
{
	.legal-practice-area .list-items li{width:100%}	
	.legal-practice-area .content-box{min-height: auto; padding: 20px}
	.consultation-sec .img-box{padding-right: 15px; margin-bottom: 15px}
	header.site-header .header-top .socail-list ul{justify-content: center}
	header.site-header .header-top .contact-add{text-align: center; margin: 10px 0 0 0}
	footer.site-footer .foot-list li{text-align: center; font-size: 18px; padding:10px 15px; width:100%}
	footer.site-footer .foot-list{padding: 30px 0}
	.consultation-sec, .client-reviews, .legal-practice-area{padding: 30px 0; text-align:center}
	.consultation-sec input[type="submit"]{margin: 0 auto}
	.legal-practice-area h2 small{font-size:18px}
	.legal-practice-area h2{font-size:32px}
	.client-reviews h3{font-size:32px; margin-bottom: 30px}
	.legal-practice-area .view_more{margin: 15px 0 0 0}
	.legal-practice-area .content-box .title{font-size: 18px; line-height: normal}
	.home-banner .content-box h1{font-size: 30px}
	.home-banner{padding: 50px 15px}
	.link-sec{min-height:240px;}
	
}
