/*===============================================
Template Name: lawyer Shope HTML5 Template
Version: 0.1
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. lawyer    Main Menu Area Css
02. lawyer Slider Area Css
03. lawyer Shape Images Css
04. lawyer Breatcome Area Css
05. lawyer Feature Area Css
06. lawyer Service Area Css
07. lawyer Section TitleNAV
08. lawyer About  Area  Css
09. lawyer Counter Area  Css
10. lawyer Feature Box Area  Css
11. lawyer Team Area  Css
12. lawyer Pricing Area  Css
13. lawyer Portfolio Area  Css
14. lawyer Testimonial Area  Css
15. lawyer Call Do Action Area  Css
16. lawyer Blog Area  Css
17. lawyer Subscribe Area CSS
18. lawyer Subscribe Area CSS
19. lawyer Contact Now Area Css 
20. lawyer Contact Form Area Css
21. lawyer GOOGLE MAP AREA CSS
22. lawyer Middle Footer CSS
23. lawyer Footer Bottom Area Css 
24. lawyer BLOG DETAILS AREA CSS
25. lawyer Team Details Area Css
26. lawyer Skill Area Css
27. lawyer Error Page Area Css
25. lawyer Team Details Area Css
=======================*/

/*================================
 <--Start lawyer top Menu Area Css-->
==================================*/
.header_top_menu {
    background: #B59A6D;
    padding: 8px 0 12px;
}
/*menu text*/
.header_top_menu_text p {
    margin: 0;
    font-size: 14px;
    color: #fff;
}
/*menu title*/
.header_top_menu_icon_inner {
    display: inline-block;
}
.header_top_menu_icon_inner ul li {
    display: inline-block;
    list-style: none;
}
.header_top_menu_icon_inner ul li a {
    font-size: 14px;
    margin: 0 6px;
    display: inline-block;
    color: #fff;
}


/*================================
<-- Start lawyer Menu Area Css -->
==================================*/
.lawyer_nav_manu {
    transition: .5s;
    z-index: 2;
    margin-bottom: -100px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(1.5px);
    position: relative;
}
/*Sticky*/
.sticky {
    left: 0;
    margin: auto;
    position: fixed !important;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    background: #191514!important;
    transition: .5s;
    z-index: 999;
}
/* lawyer Menu Css*/
nav.lawyer_menu {
    text-align: right;
    padding: 0 12px 0 0;
}
.lawyer_menu ul {
    list-style: none;
    display: inline-block;
}
.lawyer_menu>ul>li {
   display: inline-block;
   position: relative;
   z-index: 1;
}
.lawyer_menu > ul > li > a {
    display: block;
    margin: 36px 16px;
    -webkit-transition: .5s;
    color: #fff;
    font-family: 'Mulish';
    position: relative;
   z-index: 1;
}
.lawyer_menu > ul > li > a:before {
    position: absolute;
    left: 50%;
    bottom: -6px;
    height: 1px;
    width: 0%;
    background-color: #B59A6D;
    content: "";
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
nav.lawyer_menu > ul > li > a span {
    font-size: 14px;
    padding-left: 6px;
    color: #1b3434;
}
.lawyer_menu > ul > li > a:hover {
    color: #B59A6D;
}

.lawyer_menu > ul > li > a:hover:before {
    left: 0;
    width: 100%;
}

.landing .lawyer_menu > ul > li > a {
    margin: 36px 12px;
}

/*header button*/
.header-button {
    margin-top: 7px;
    display: inline-block;
}
.header-button a {
    font-size: 16px;
    padding: 14px 33px;
    font-weight: 500;
    line-height: 26px;
    border-radius: 4px;
    color: #fff;
    background: #B5996B;
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: .5s;
}
.header-button a:before, .header-button a:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #191514;
    transition: .5s;
    z-index: -1;
}
.header-button a:before {
    transform: translateY(-100%);
}
.header-button a:after {
    transform: translateY(100%);
}
.header-button a i {
    padding-left: 6px;
}
/*header all hover*/
.header-button a:hover:before {
    transform: translateY(-50%);
}
.header-button a:hover:after {
    transform: translateY(50%);
}
.header-button a:hover {
    color: #fff;
}

/*style two*/

.style-two.lawyer_nav_manu {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2.5px);
}

/*================================
<-- Start Sub Menu Style Css -->
==================================*/
.lawyer_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .5s;
    visibility: hidden;
    border-top: 2px solid #B59A6D;
    opacity: 0;
}
.lawyer_menu ul li:hover>.sub-menu {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 100%;
     opacity: 1;
 }
.lawyer_menu ul .sub-menu li {
     position: relative;
}
.lawyer_menu ul .sub-menu li a {
    display: block;
    padding: 12px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-transition: .1s;
    visibility: inherit !important;
    color: #191514 !important;
}
.lawyer_menu ul .sub-menu li:hover>a,
.lawyer_menu ul .sub-menu .sub-menu li:hover>a,
.lawyer_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.lawyer_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
     background:#B59A6D;
     color: #fff !important;
}

/* sub menu 2 */
.lawyer_menu ul .sub-menu .sub-menu {
     left: 100%;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}
.lawyer_menu ul .sub-menu li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}

/* sub menu 3 */
.lawyer_menu ul .sub-menu .sub-menu li {
    position: relative;
}
.lawyer_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}
.lawyer_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}

/* sub menu 4 */
.lawyer_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}
.lawyer_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {
}
.lawyer_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}

.lawyer_menu li a:hover:before{
    width:101%;
}
.lawyer_nav_manu.sticky .logo_img {
    display: none;
}
.main_sticky {
    display: none;
}
.lawyer_nav_manu.sticky .main_sticky {
    display: inherit;
}
.mobile-menu.mean-container {
    overflow: hidden;
}



/**=======================================
<-- Start lawyer Hero Section Css -->
=========================================**/

.hero-section {
    background: url(assets/images/slider/h1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 900px;
}
/*hero title*/
.hero-title h1 {
    font-size: 65px;
    color: #fff;
    line-height: 80px;
    margin-top: 0;
}

/*hero button*/
.hero-button {
    display: inline-block;
    margin-top: 40px;
}
.hero-button a {
    padding: 14px 36px;
    font-weight: 500;
    border-radius: 5px;
    color: #fff;
    background: #B59A6D;
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.hero-button a:before, .hero-button a:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #191514;
    transition: .5s;
    z-index: -1;
}
.hero-button a:before {
    transform: translateY(-100%);
}
.hero-button a:after {
    transform: translateY(100%);
}
.hero-button a i {
    padding-left: 4px;
    position: relative;
    top: 1px;
}
/*button hover*/
.hero-button a:hover:before {
    transform: translateY(-49%);
}
.hero-button a:hover:after {
    transform: translateY(50%);
}


 /*<!-- Start style two hero Section -->*/
.hero2 {
    background:url(assets/images/slider/hero-bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 900px;
}

.hero3 {
    background: url(assets/images/slider/hero-bg3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 900px;
}
.hero3 .hero-title h1 {
    font-size: 55px;
    color: #fff;
    line-height: 72px;
    margin-top: 0;
}
.hero-description p {
    color: #fff;
    margin: 26px 0 0;
    width: 55%;
}

.hero-icon {
    padding-bottom: 20px;
}

/*--==============================================->
  <!-- Start lawyer Section Title -->
 ==================================================-*/
.lawyer-section-title h4 {
    font-size: 20px;
    font-weight: 400;
    color: #b59a6c;
    margin-bottom: 22px;
    margin-top: 0;
}
.lawyer-section-title h1 {
    font-size: 40px;
    line-height: 45px;
}
.lawyer-section-title h1 span {
    color: #b59a6c;
}
h1.section-text {
    margin-top: 0;
}
.lawyer-section-title p {
    padding: 21px 0 0;
    line-height: 28px;
    font-size: 16px;
}
.text-center.lawyer-section-title p {
    width: 64%;
    margin: auto;
}

/*--==============================================->
  <!-- Start lawyer about Section Title -->
 ==================================================-*/

.row.about-bg {
    margin-top: -100px;
}

.about-extra-single-box {
    filter: drop-shadow(0 0 23px rgba(0,0,0,0.1));
    background-color: #ffffff;
    padding: 46px 40px 51px;
    border-radius: 5px 0 0 5px;
}

/*about thumb*/
.about-thumb img {
    width: 100%;
    border-radius: 0 5px 5px 0;
}

/*lawyer button */
.lawyer-button a {
    padding: 14px 32px;
    font-weight: 500;
    background: #b59a6c;
    border-radius: 5px;
    color: #fff;
    margin-top: 26px;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.lawyer-button a:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #191514;
    border-radius: 5px;
    z-index: -1;
    transform: scale(0);
    transition: .5s;
}
.lawyer-button a i {
    position: relative;
    margin-left: 5px;
    top: 1px;
}
.lawyer-button a:hover:before {
    transform: scale(1);
}

/*About section style two*/
.style-two .row.about-bg {
    margin-top: -270px;
}

.style-two .about-thumb {
    position: relative;
    margin: 0 28px 0 -98px;
}
/*about counter*/
.about-counter {
    background: #fff;
    padding: 5px 30px 25px;
    border-radius: 5px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}
/*counter title*/
.about-counter-title h3 {
    font-size: 55px;
    color: #b59a6c;
    line-height: 55px;
}
.about-counter-title h6 {
    font-size: 17px;
    color: #b59a6c;
}


.style-two .about-extra-single-box {
    background-color: #403d3d;
    padding: 29px 40px 48px;
    border-radius: 5px;
}
.style-two .about-extra-single-box .lawyer-section-title h1 {
    font-size: 39px;
}
/*check list*/
.about-check-list {
    padding: 22px 0 0;
}
.about-check-list p {
    font-size: 17px;
    color: #fff;
    padding: 2px 0 4px;
}
.about-check-list p i {
    font-size: 15px;
    height: 20px;
    width: 20px;
    line-height: 21px;
    text-align: center;
    background: #B59A6D;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    margin-right: 10px;
}

.about-check-list.upp {
    padding: 0;
}

/***About style three***/

.about-section.style-three {
    background: url(assets/images/resource/about-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 432px 0 120px;
    position: relative;
    margin-top: -243px;
}

.about-section.style-three .lawyer-section-title p {
    padding: 32px 0 16px;
}

/*about thumb2*/
.about-thumb2 {
    margin: 0 0 0 -397px;
}
.about-section.style-three .about-counter {
    background: #fff;
    padding: 5px 30px 25px;
    border-radius: 0 0 0 5px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 53px;
}
/*about items*/
.about-items-content h6 i {
    font-size: 15px;
    height: 20px;
    width: 20px;
    line-height: 21px;
    text-align: center;
    background: #B59A6D;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    margin-right: 10px;
}

.about-items-content p {
    padding: 20px 0 0;
}
/*About style four box*/
.about-section.style-four {
    padding: 120px 0 100px;
}
.about-thumb3 img {
    border: 6px solid #B59A6D;
    border-radius: 4px;
    margin: 0 0 0px -70px;
}
/*about border*/
.about-section.style-four .lawyer-section-title h1 {
    padding: 0 0 0 30px;
}
h1.about-border2 {
    position: relative;
}
h1.about-border2:before {
    position: absolute;
    content: "";
    left: 0;
    top: 8px;
    height: 85px;
    width: 2px;
    background: #B59A6D;
}
p.about-pt {
    margin: 15px 0 7px;
}

/*--==============================================->
  <!-- Start lawyer donate Section Css -->
 ==================================================-*/
.service-section {
    padding: 100px 0 70px;
}

.lawyer-service-single-box {
    background: #FBFAF8;
    padding: 40px 22px 32px;
    text-align: center;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 30px;
}

.lawyer-service-single-box:before {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 0;
    bottom: 0;
    background: #B59A6D;
    transition: .5s;
    z-index: -1;
    border-radius: 5px;
}

.lawyer-service-single-box:after {
    position: absolute;
    content: "";
    top: -178px;
    left: 0;
    right: 0;
    margin: auto;
    width: 89%;
    height: 86%;
    background: #A58C62;
    transition: .6s;
    z-index: -1;
    border-radius: 100%;
    transform: perspective(500px)rotateX(-90deg);
}

.service-icon img {
    transition: .5s;
}

.service-button a i {
    position: relative;
    top: 2px;
    font-size: 18px;
    left: 5px;
}


.service-title h3 {
    font-size: 24px;
    color: #b59a6c;
    transition: .5s;
    padding: 25px 0 20px;
}

.service-desc p {
    transition: .5s;
}

.service-button a {
    font-size: 17px;
    font-weight: 600;
    color: #b59a6c;
    transition: .5s;
    padding: 8px 0 0;
    display: inline-block;
}

.lawyer-service-single-box:hover .service-desc p {
	color: #fff;
}

.lawyer-service-single-box:hover .service-title h3 {
    color: #fff;
}

.lawyer-service-single-box:hover .service-button a {
    color: #fff;
}
.lawyer-service-single-box:hover:after  {
    transform: perspective(500px)rotateX(0deg);
}

.lawyer-service-single-box:hover .service-icon img {
    filter: brightness(0) invert(1);
    transition: .5s;
}
.lawyer-service-single-box:hover:before {
    height: 100%;
    top: 0;
}

/*service section style two*/
.service-section.style-two .lawyer-service-single-box:before {
    position: absolute;
    content: "";
    left: inherit;
    right: 0;
    width: 0%;
    height: 100%;
    bottom: 0;
    background: url(assets/images/resource/Home/fond.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .5s;
    z-index: -1;
    border-radius: 7px;
}
.service-section.style-two .lawyer-service-single-box:after {
    position: inherit;
}

.service-section.style-two .lawyer-service-single-box:hover:before {
    width: 100%;
    left: 0;
}

/*service section style two upper*/
.service-section.style-two.upper {
    background: #191514;
    padding: 100px 0 360px;
}
.service-section.style-two.upper .lawyer-service-single-box:before {
    position: absolute;
    content: "";
    left: inherit;
    right: 0;
    width: 0%;
    height: 100%;
    bottom: 0;
    background: linear-gradient(rgba(181, 154, 109, 0.9),rgba(181,154,109,0.9)), url(assets/images/resource/Home/Fond.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .5s;
    z-index: -1;
    border-radius: 5px;
}
.service-section.style-two.upper .lawyer-service-single-box:hover:before {
    width: 100%;
    left: 0;
}
/*style two upper upp*/
.service-section.style-two.upper.upp {
    background: #fff;
    padding: 20px 0 90px;
}
.service-section.style-two.upper.upp .lawyer-service-single-box {
    filter: drop-shadow(0 0 23px rgba(0,0,0,0.1));
    background: #ffffff;
}

/*service section style three*/


.lawyer-service-single-box2 {
    background: #ffff;
    filter: drop-shadow(0 0 40.5px rgba(0,0,0,0.08));
    border-radius: 5px;
    margin-bottom: 30px;
}

/*serivce thumb*/
.service-thumb {
    position: relative;
    z-index: 1;
}
.service-thumb:before {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 0%;
    background: linear-gradient(180deg, rgba(103,97,95,0) 0%, rgba(181,154,108,0.034) 6%, #b59a6c 100%);
    transition: .5s;
    border-radius: 5px;
}
.service-thumb img {
    width: 100%;
    border-radius: 4px;
}
/*service content*/
.lawyer-service-content2 {
    position: absolute;
    bottom: 0;
    padding: 0 30px 28px;
}

.service-title h3 {
    font-size: 24px;
    color: #191514;
    transition: .5s;
    padding: 25px 0 21px;
}

.service-section.style-three .service-button a {
    position: relative;
    z-index: 1;
}
.service-section.style-three .service-button a:before {
    position: absolute;
    content: "";
    right: -122px;
    bottom: 11px;
    width: 70%;
    height: 1px;
    background: #b59a6c;
}

/*service all hover*/
.lawyer-service-single-box2:hover .service-button a {
    color: #fff;
}
.lawyer-service-single-box2:hover .service-button a:before {
    background: #fff;
}
.lawyer-service-single-box2:hover .service-title h3 {
    color: #fff;
}
.lawyer-service-single-box2:hover .service-desc p {
    color: #fff;
}
.lawyer-service-single-box2:hover .service-thumb:before {
    height: 100%;
    bottom: 0;
}

/*service style two upper2*/
.service-section.style-two.upper.up {
    padding: 1px 0 0;
    background: transparent;
}
.row.serivce-bg {
    margin-top: -101px;
}
.service-section.style-two.upper.up .lawyer-service-single-box {
    background: #191514;
    padding: 40px 22px 21px;
}
.service-section.style-two.upper.up .service-title h3 {
    color: #fff;
}

/*serivce style three*/

.service-section.style-three {
    background: url(assets/images/resource/service-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/**====================================================
--< lawyer faq accordion Css -->
======================================================**/

.faq-section {
    background: url(assets/images/resource/faq-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 0 120px;
}
/*faq thumb*/
.faq-thumb img {
    border-radius: 5px;
    width: 100%;
}
/*faq acckordion*/

.active.accordion:hover {
    background-color: #ccc;
    color: #000;
}

.panel {
    padding: 12px 18px 0;
    display: none;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(1.5px);
    border-radius: 5px;
    color: #fff;
    margin-bottom: 20px;
}

button.accordion:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    background: #b59a6c;
    font-size: 22px;
    width: 26px;
    height: 26px;
    text-align: center;
    border-radius: 30px;
    line-height: 26px;
}
button.accordion.active:after {
    content: "\2212";
}

/*accordion*/
.accordion li {
    list-style: none;
    position: relative;
    z-index: 1;
}
.accordion li:before {
    position: absolute;
    content: "";
    z-index: -1;
    right: 20px;
    top: 16px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    background-color: #B59A6D;
    border: 1px solid #B59A6D;
}
.accordion li a {
    background: transparent;
    color: #fff !important;
    cursor: pointer;
    padding: 15px 20px 0;
    height: 60px;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-bottom: 22px;
    text-align: left;
    outline: none;
    font-size: 16px;
    font-family: "Noto Serif";
    font-weight: 600;
    transition: 0.5s;
    display: inline-block;
}
.accordion li p {
    font-size: 16px;
    padding: 17px 23px 20px;
    display: none;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(1.5px);
    border-radius: 5px;
    color: #fff;
}
.accordion a:before {
    width: 2px;
    height: 10px;
    background: #fff;
    position: absolute;
    right: 32px;
    content: " ";
    top: 25px;
    transform: rotate(0deg);
    transition: all 0.2s ease-in-out;
}
.accordion a:after {
    width: 10px;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 28px;
    content: " ";
    top: 29px;
    transition: all 0.2s ease-in-out;
}
.accordion a.active:after {
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out;
  background: #fff;
}
.accordion a.active:before{
  display: none;
}
.accordion a.active {
    border: 1px solid #B59A6D!important;
    background: #B59A6D!important;
}
.accordion li a span{
    position: relative;
    z-index: 1;
}


/**====================================================
--< lawyer contact section Css -->
======================================================**/

.contact-section {
    background: #F7F7FB;
    padding: 100px 0 100px;
}

.contact-section .lawyer-section-title p {
    width: 64%;
    margin: auto;
}
/*form box*/
.form-box input {
    height: 54px;
    background-color: #fff;
    border: 0;
    transition: .5s;
    padding: 0px 25px;
    display: block;
    width: 100%;
    color: #0D0E14;
    margin-bottom: 30px;
    border-radius: 4px;
}
.form-box textarea {
    height: 170px;
    background-color: #fff;
    border: 1px solid #B59A6D;
    transition: .5s;
    padding: 15px 25px;
    display: block;
    width: 100%;
    border-radius: 4px;
}

.contact-form button {
    width: 100%;
    height: 54px;
    background: #B59A6D;
    border: 0;
    color: #fff;
    display: inline-block;
    margin-top: 40px;
    border-radius: 5px;
}

/*contact thumb*/
.contact-thumb {
    position: relative;
    margin: 0 0 0 44px;
}

.contact-thumb img {
    border-radius: 5px;
}

.contact-information {
    background: #B59A6D;
    position: absolute;
    display: -webkit-box;
    padding: 13px 25px 0;
    height: 54px;
    border-radius: 5px;
    bottom: 0;
    right: 0;
}

.contact-icon i {
    display: inline-block;
    font-size: 18px;
    float: left;
    margin-right: 10px;
    color: #fff;
}
.contact-text p {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}

/*contact section style two*/

.contact-section.style-two {
    background: url(assets/images/resource/contact-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0 120px;
}
.contact-section.style-two .form-box input {
    background-color: #403d3d;

}
.contact-section.style-two .form-box textarea {
    background-color: #403d3d;
}
.contact-section.style-two .form-box input::placeholder {
    color: #C6C5C5;
    font-size: 15px;
}
.contact-section.style-two .form-box textarea::placeholder {
    color: #C6C5C5;
    font-size: 15px;
}

/*contact info section*/
.contact-info-section {
    background: url(assets/images/resource/About/A6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0 120px;
}
.contact-info-section .contacts-icon {
    float: left;
    margin-right: 20px;
}
.contact-info-section .contacts-icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #B59A6D;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    display: inline-block;
}
.contact-info-section .contacts-title h5 {
    font-weight: 400;
    font-size: 16px;
    color: #555555;
}

.contact-info-section .contacts-title h6 {
    font-size: 18px;
    font-weight: 600;
    padding: 4px 0 0;
}


/*--==============================================->
  <!-- Start lawyer counter Section Css -->
 ==================================================-*/


.lawyer-counters-box {
    background: #B59A6D;
    padding: 12px 0 11px 45px;
    border-radius: 5px;
}

/*counter title*/
.counter-title h4 {
    font-size: 35px;
    line-height: 50px;
    color: #fff;
    display: inline-block;
}

.faq-section .counter-text p {
    color: #fff;
    padding-top: 4px;
}

/*Counter Section style two*/

.counter-section {
    background: url(assets/images/resource/counter-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 0 90px;
}

.counter-single-box {
    padding: 15px 0 15px;
    filter: drop-shadow(0 0 23px rgba(25,21,20,0.1));
    background-color: #ffffff;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 30px;
}

/*counter title*/
.counter-title h1 {
    font-size: 50px;
    display: inline-block;
    padding: 0 0 3px;
}

.counter-text p {
    color: #555555;
}

.upp .counter-title h1 {
    color: #B59A6B;
}


/*--==============================================->
  <!-- Start lawyer team Section Css -->
 ==================================================-*/

.team-section {
    background: url(assets/images/resource/team-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0 115px;
}

.team-single-box {
    margin-bottom: 30px;
    overflow: hidden;
}

/*team thumb*/
.team-thumb {
    position: relative;
}
.team-thumb img {
    width: 100%;
    border-radius: 5px;
    transition: .5s;
}

/*team content*/
.team-content {
    padding: 20px 30px 27px;
    background: #fbfaf8;
    border-left: 5px solid #B59A6D;
    border-radius: 5px;
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: 1;
    left: 0;
    margin: auto;
    margin: 0 40px;
}

/*team title*/

.team-title h2 {
    font-size: 20px;
    padding: 0 0 6px;
    transition: .5s;
}

/*team social icon*/
.team-socail-icon {
    position: absolute;
    z-index: 1;
    right: 16px;
    right: -25px;
    bottom: 150px;
    opacity: 0;
    transition: .5s;
}
.team-socail-icon a {
    display: inline-block;
    margin: 15px 3px 0;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 34px;
    color: #fff;
    background: #4C3F2F;
    text-align: center;
    border-radius: 30px;
    transition: .5s;
}

.team-icon span {
    display: inline-block;
    font-size: 25px;
    padding: 6px 11px;
    color: #fff;
    background: #B59A6B;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    top: -98px;
    right: 52px;
    transition: .5s;
    z-index: 22;
}

.team-title h2:hover {
    color: #B59A6D;
}
.team-socail-icon a:hover {
    background: #B59A6D;
}
.team-share-social .team-socail-icon.active {
    right: 52px;
    opacity: 1;
}

/*team section style two*/
.team-section.style-two {
    background: #fff;
}
/*team section style three*/
.style-three.team-section {
    background: url(assets/images/resource/About/A6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0 115px;
}
/*team style four*/

.team-section.style-four {
    background: #fff;
}

/*team content*/
.style-four .team-content2 {
    text-align: center;
    padding: 23px 0 0;
}
.style-four .team-title h2 {
    font-size: 20px;
    padding: 0 0 9px;
    transition: .5s;
    margin-top: 8px;
}
.style-four .team-text span {
    font-size: 18px;
    color: #b59a6c;
}
.style-four .team-socail-icon2 a {
    font-size: 14px;
    color: #B59A6B;
    padding-right: 13px;
}

.team-thumb img:hover {
    transform: scale(1.1);
}

/*--==============================================->
  <!-- Start lawyer case study Section Css -->
 ==================================================-*/
.case-study-section {
    padding: 110px 0 100px;
}

.case-study-section .text-center.lawyer-section-title p {
    width: 38%;
    margin: auto;
}

.case-study-single-box {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    overflow: hidden;
}
 .case-study-thumb {
    position: relative;
    z-index: 1;
}
.case-study-thumb img {
    width: 100%;
    border-radius: 5px;
}
.case-study-thumb:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background: #191514;
    opacity: .8;
    transition: .5s;
    border-radius: 5px;
}

.case-study-icon a i {
    font-size: 20px;
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    top: 10px;
    right: 0;
    left: 0;
    margin: auto;
    background: #B59A6D;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    transition: .5s;
    opacity: 0;
}

/*case stusy content*/
.case-study-content {
    position: absolute;
    top: 98%;
    left: 35px;
    right: 0;
    z-index: 1;
    transition: .5s;
    opacity: 0;
}

/*study text*/
.study-text a {
    font-size: 18px;
    color: #fff;
    position: relative;
    z-index: 1;
}
.study-text a:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -14px;
    background: #fff;
    width: 89%;
    height: 1px;
}
.study-text a:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -14px;
    background: #B59A6D;
    width: 18%;
    height: 1px;
    transition: .5s;
}

.study-title h4 a {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    padding: 10px 0 0;
}

.study-text a:hover:after {
    width: 89%;
}
.case-study-single-box:hover .case-study-thumb:before {
    height: 100%;
    top: 0;
}
.case-study-single-box:hover .case-study-icon a i {
    opacity: 1;
    top: 115px;
}
.case-study-single-box:hover .case-study-content {
    top: 66%;
    opacity: 1;
}
/*active*/
.active.center .case-study-thumb:before {
    height: 100%;
    top: 0;
}
.active.center .case-study-icon a i {
    opacity: 1;
    top: 115px;
}
.active.center .case-study-content {
    top: 66%;
    opacity: 1;
}

/* case study style two*/
.case-study-section.style-two {
    background: url(assets/images/resource/case-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0 90px;
}

/*case study three
======================================================*/
.case-study-section.upper {
    padding: 120px 0 90px;
}
/* Portfolio Nav */
.portfolio_nav {
    margin: 40px 5px 45px;
}
.portfolio_menu ul {
    text-align: center;
    list-style: none;
}
.portfolio_nav ul li {
    background: #fff;
    border: 1px dashed #B59A6D;
    font-size: 16px;
    transition: all 0.5s ease 0s;
    cursor: pointer;
    padding: 6px 30px;
    margin-right: 10px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    border-radius: 30px;
}
.portfolio_menu ul li a{
    display: block;
    color:#fff;
    text-transform:uppercase;
    position:relative;
    transition:.5s;
}
.portfolio_menu ul li a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 24px;
    height: 2px;
    width: 0%;
    background: #fff;
    transition:.5s;
}

.portfolio_nav ul li:hover, .portfolio_nav ul li.current_menu_item {
    color: #fff;
    background: #b59a6c;
}
/*nav menu end*/



/*=================start-single-team-section====================*/

.portfolio-details-area {
    padding: 80px 0 70px;
  }
  
  .portfolio-details-content {
    margin: 0 0 0 35px;
  }
  
  .portfolio-details {
    box-shadow: 6px 5px 30px rgba(0,0,0,0.12);
    padding: 50px;
  } 
  
  .portfolio-details-thumb img {
    width: 100%;
    margin-bottom: 30px;
  }
  
  .fortfolio-details-title h2 {
    color: #0E0E0E;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 700;
  }
  
  .portfolio-details-title p {
    font-size: 16px;
    margin: 10px 0 0;
    color: rgb(13, 107, 104);
  }
  
  .portfolio-details-content-text ul li {
    margin-bottom: 17px;
    display: block;
    font-size: 18px;
}
  .portfolio-details-content-text ul li span {
    font-weight: 800;
    margin-right: 15px;
    font-size:17px;
    font-family: 'Montserrat', sans-serif;
  }
  .portfolio-details-content-icon a {
    margin: 3px;
    background: #B5996B ;
    line-height: 1;
    display: inline-block;
    border-radius: 3px;
    color:#fff;
    height:35px;
    width:35px;
    line-height:35px;
    text-align:center;
    transition:.5s;
    border:1px solid #B5996B;
  }
  .portfolio-details-content-icon a:hover {
    background: transparent;
    border:1px solid #B5996B;
    color: #B5996B;
  }
  .skill-wrapper h6 {
    margin-bottom: 8px;
    margin-top: 20px;
  }
  
  .portfolio-detail-title h2 {
    color: #0E0E0E;
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    font-weight: 600;
  }
  
  .portfolio-detail-title p {
    font-size: 16px;
    font-weight: 400;
    color: #63636B;
    margin-top: 40px;
    font-family: 'Montserrat', sans-serif;
  }
  
  .call-single-box {
    margin-bottom: 30px;
  }
  
  .our-portfolio-title h2 {
    font-size: 27px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 48px 0 30px;
    transition: .5s;
    font-family: 'Montserrat', sans-serif;
  }
  
  .our-portfolio-title p {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
  }
  
  .our-portfolio-title h2:hover{
    color:rgb(13, 107, 104);
  }
  
  .portfolio-detail {
    padding: 90px 0 90px;
    background: #F7F7FB;
}

  /* Recent Sidebar */

  .single-widget-item {
    background-color: rgb(254, 254, 255);
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 5px rgba(0,0,0,0.10);
    padding: 20px 20px 20px;
  }
  
  .recent-post-item {
    position: relative;
    z-index: 1;
  }
  
  .single-widget-item h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 15px;
    font-family: 'Montserrat', sans-serif;
  }
  
  .recent-post-item ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .recent-post-item ul li {
    display: block;
    margin-bottom: 15px;
    background: transparent;
    padding: 5px 20px 15px;
    border-radius: 4px;
    transition: .5s;
    border: 2px solid #CED3D9;
  }
  
  .recent-post-item ul li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #B5996B;
    transition: .5s;
    border-radius: 4px;
    z-index: -1;
  }
  
  .recent-post-item ul li:hover:before {
    width: 100%;
  }
  
  .recent-post-item ul li a {
    display: block;
    font-size: 16px;
    padding: 15px 0 0;
    font-family: 'Montserrat', sans-serif;
  }
  
  .recent-post-item ul li a span{
    float: right;
   
  }
  
  .recent-post-item ul li:hover a{
    color: rgb(254, 254, 255);
  }
  
  /*=================end-single-team-section====================*/

/**====================================================
--< Itsoft skill section Css -->
======================================================**/
.skill-section {
    padding: 0 0 120px;
}
/*section title*/
.skill-section .lawyer-section-title h1 {
    margin-top: 0;
}
.skill-section .lawyer-section-title p {
    padding: 31px 0 3px;
}
/*skill thumb*/
.skill-thumb {
    margin: 0 0 0 -120px;
}

/*progress bar*/
.progress-text p {
    color: #b59a6c;
    font-family: 'Noto Serif';
    font-weight: 700;
    margin-bottom: 0;
}

.barfiller {
    width: 100%;
    height: 4px;
    position: relative;
    margin-bottom: 25px;
    margin-top: 12px;
    border-radius: 5px;
    filter: drop-shadow(0px 10px 10px rgba(60,115,206,0.2));
    background-color: #e6e6e7;
}
.barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  background: #333;
  z-index: 1;
}
.barfiller .tipWrap { display: none; }
.barfiller .tip {
    font-size: 16px;
    left: 0px;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
    top: -39px;
    color: #b59a6c;
    font-family: 'Noto Serif';
    font-weight: 600;
}
.stat-bar:nth-of-type(1) .stat-bar-rating {
  animation-delay: 0.25s;
  -webkit-animation-delay: 0.25s;
}
span.fill {
    background: #DDB378 !important;
    border-radius: 5px;
}
/*--==============================================->
  <!-- Start lawyer testimonial Section Css -->
 ==================================================-*/
.testimonial-section {
    background: url(assets/images/resource/testi-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 110px 0 110px;
    position: relative;
}

/*testimonial box*/
.testimonial-single-box {
    text-align: center;
}

/*testimonial content*/
.testimonial-content {
    padding: 10px 0 0;
}
/*testimonial icon*/
.testimonial-icon i {
    font-size: 62px;
    width: 102px;
    height: 102px;
    line-height: 102px;
    background: #b59a6c;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 100%;
}
/*testi description*/
.testimonial-desc p {
    padding: 53px 0 18px;
    font-size: 20px;
    line-height: 35px;
    color: #fff;
    font-style: italic;
    width: 82%;
    margin: auto;
}
/*testi title*/
.testi-title h4 {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: 700;
    padding: 4px 0 0;
    transition: .5s;
}
.testi-title h4 span {
    font-size: 17px;
    font-weight: 500;
}

/*testi star list*/
.testi-star-list ul li {
    display: inline-block;
    list-style: none;
    font-size: 15px;
    letter-spacing: 6px;
    color: #B5996B;
    padding: 17px 0 0;
}
/*all hover*/
.testimonial-single-box:hover .testi-title h4 {
    color: #B59A6C;
}


/*owl carousel*/
.testimonial_list .owl-nav {
    top: 53%;
    left: -50px;
    position: absolute;
    width: 100%;
    text-align: left;
}

.testimonial_list .owl-prev {
    border: 2px solid #B59A6C;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    transition: .5s;
}

.testimonial_list .owl-next {
    border: 2px solid #B59A6C;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    right: -95px;
    transition: .5s;
}

.testimonial_list .owl-prev i, .testimonial_list .owl-next i {
    color: #B59A6C;
    font-size: 20px;
    transition: .5s;
}
/*owl carousel hover*/

.testimonial_list .owl-prev:hover {
    background: #B59A6C;
}
.testimonial_list .owl-next:hover {
    background: #B59A6C;
}
.testimonial_list .owl-prev:hover i, .testimonial_list .owl-next:hover i {
    color: #fff; 
}


/*testimonial style two*/

.style-two.testimonial-section {
    background: #191513;
    padding: 110px 0 80px;
    position: relative;
}
/*section title*/
.style-two.testimonial-section .lawyer-section-title p {
    padding: 31px 0 0;
}
.style-two.testimonial-section .lawyer-section-title h1 {
    margin-top: 0;
}
h1.all-top {
    margin-top: 10px!important;
}
/*testimonial single box*/
.style-two .testimonial-single-box {
    text-align: left;
    background: #262120;
    padding: 40px 36px 35px;
    border-radius: 4px;
}

.testi-thumb {
    float: left;
    margin-right: 25px;
}

.style-two .testi-title h4 {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: 700;
    padding: 0;
    margin-top: 0;
    transition: .5s;
}
.style-two .testi-text p {
    color: #fff;
    padding: 7px 0 0;
    position: relative;
    left: 55px;
}
.style-two .testi-text p:after {
    position: absolute;
    content: "";
    left: 45px;
    bottom: 11px;
    height: 1px;
    width: 40px;
    background: #B59A6C;
}

/*testi icon*/
.style-two .testimonial-icon2 i {
    font-size: 100px;
    float: right;
    margin: -95px -15px 0 0px;
    color: #3C3837;
    display: inline-block;
}


/*description*/
.style-two .testimonial-descciption p {
    color: #fff;
    padding: 5px 0 0;
}

.style-two .testi-star-list ul li {
    color: #B5996B;
    padding: 3px 0 0;
}

/*owl nav*/

.testimonial_list2 .owl-nav {
    text-align: right;
    position: relative;
    right: -161px;
    bottom: 45px;
}

.testimonial_list2 .owl-prev {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #b59a6c;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    transition: .5s;
    margin-right: 20px;
}

.testimonial_list2 .owl-next {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #b59a6c;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    transition: .5s;
}
.testimonial_list2 .owl-prev i, .testimonial_list2 .owl-next i {
    color: #fff;
}

/*--==============================================->
  <!-- Start lawyer volunteer Section Css -->
 ==================================================-*/
.blog-section {
    padding: 100px 0 70px;
}

/*single blog box*/
.lawyer-single-blog-box {
    margin-bottom: 30px;
}

 /*blog thumb*/
.lawyer-blog-thumb img {
    width: 100%;
    border-radius: 5px 5px 0 0;
    transition: .5s;
}
.lawyer-blog-thumb {
    overflow: hidden;
}
/*blog content*/
.lawyer-blog-content {
    padding: 30px 32px 34px;
    background-color: #f2f4fc;
    border-radius: 0 0 5px 5px;
}
/*meta blog*/

/*post categories*/
.post-categories p {
    font-size: 15px;
    margin-bottom: 0;
    color: #191514;
}
.post-categories p i {
    color: #B59A6C;
    padding-right: 5px;
}
span.post {
    padding-left: 20px;
}
/*blog title*/
.blog-title h2 a {
    font-size: 22px;
    font-weight: 700;
    line-height: 34px;
    display: inline-block;
    transition: .5s;
    color: #191514;
    padding: 4px 0 0;
}

/*blog all hover*/
.blog-title h2 a:hover {
    color: #B59A6C;
}
.lawyer-blog-thumb img:hover {
    transform: scale(1.1);
}







/*--==============================================->
  <!-- Start lawyer footer Section Css -->
 ==================================================-*/

.footer-section {
    background: url(assets/images/resource/About/Contact2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 0px;
}
.row.footer-bg {
    position: relative;
}

/*widget company information*/

.company-desc-info {
    padding: 59px 0 0;
}

.company-desc-info p {
    color: #fff;
    padding: 0 0 11px;
}
.company-desc-info p i {
    font-size: 14px;
    width: 28px;
    height: 28px;
    line-height: 30px;
    text-align: center;
    background: #483C2E;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    margin-right: 10px;
    transition: .5s;
}
/*company social info*/
.company-social-info ul li {
    display: inline-block;
    list-style: none;
}
.company-social-info ul li a {
    display: inline-block;
    margin: 9px 3px 0;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 32px;
    color: #fff;
    background: #4C3F2F;
    text-align: center;
    border-radius: 30px;
    transition: .5s;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.company-social-info ul li a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #B59A6C;
    border-radius: 30px;
    transition: .5s;
    z-index: -1;
}
.company-social-info ul li a:hover:before {
    width: 100%;
    left: 0;
}
/*footer button*/
.footer-button a {
    padding: 14px 39px;
    font-weight: 500;
    color: #fff;
    background: #FD7E4B;
    display: inline-block;
    border-radius: 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: 22px;
}
.footer-button a i {
    padding-left: 6px;
}
.footer-button a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #53C99F;
    border-radius: 30px;
    transition: .5s;
    z-index: -1;
}
.company-desc-info p i:hover {
    background: #B59A6B;
}
.footer-button a:hover:before {
    width: 100%;
    left: 0;
}
/* widget nav manu*/

/*widget title*/
h4.widget-title {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    padding: 0 0 45px;
}

/* widget list*/
ul.footer-widget-list li {
    display: block;
    list-style: none;
}
ul.footer-widget-list li a {
    color: #fff;
    transition: .5s;
    padding: 27px 0 5px;
    position: relative;
    display: block;
}
ul.footer-widget-list li a:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -14px;
    height: 1px;
    width: 70%;
    background: #67615f;
}
ul.footer-widget-list li:hover a {
    color: #b59a6c;
}

/* widget contact info*/
.menu-quick-link-contact {
    margin: 35px 0 0;
}

.footer-contact-icon i {
    font-size: 25px;
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: #b59a6c;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    float: left;
    margin-right: 22px;
}
/*contact title*/
.footer-contact-title h6 {
    padding: 16px 20px;
    font-size: 18px;
    color: #fff;
    background: #67615f;
    border-radius: 4px;
}

/*contact desc*/
.footer-contact-desc p {
    display: inline-block;
    color: #fff;
    padding: 33px 0 0;
}

/*footer bottom area*/
.row.footer-bottom-bg {
    border-top: 1px solid #67615f;
    margin: 75px 0 0;
    padding-top: 30px;
}

.footer-bottom-content-copy p {
    font-size: 14px;
    color: #fff;
}

.footer-bottom-menu ul li {
    display: inline-block;
    list-style: none;
    font-size: 14px;
    color: #fff;
    padding-left: 27px;
}


/*
<!-- ============================================================== -->
<!-- Start scrollup section -->
<!-- ============================================================== -->*/
.scroll-area{
  position: relative;
  z-index: 999;
 }
.scroll-area .go-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 30px;
    color: #ffffff;
    background-image: -moz-linear-gradient(0deg, #B59A6D 0%, #B59A6D 100%);
    background-image: -webkit-linear-gradient(0deg, #B59A6D 0%, #B59A6D 100%);
    z-index: 9999;
    width: 45px;
    text-align: center;
    height: 45px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.9s ease-out 0s;
    -moz-transition: all 0.9s ease-out 0s;
    border-radius: 10px; 
}
.scroll-area .go-top i {
      position: absolute;
      top: 50%;
      left: -4px;
      right: 0;
      margin: 0 auto;
      font-size: 15px;
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: all 0.5s ease-out 0s;
      -moz-transition: all 0.5s ease-out 0s;
  }
.scroll-area .go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%; 
}
.scroll-area .go-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: linear-gradient(to right, #191514  0%, #191514  100%);
    background-image: -ms-linear-gradient(0deg, #191514  0%, #191514  100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    border-radius: 100%;
}
.scroll-area .go-top:focus, .scroll-area .go-top:hover {
      color: #fff; 
  }
.scroll-area .go-top:focus::before, .scroll-area .go-top:hover::before {
        opacity: 1;
        visibility: visible; 
}
.scroll-area .go-top:focus i:first-child, .scroll-area .go-top:hover i:first-child {
        opacity: 0;
        top: 0;
        visibility: hidden;
 }
.scroll-area .go-top:focus i:last-child, .scroll-area .go-top:hover i:last-child {
        opacity: 1;
        visibility: visible;
        top: 50%; 
}
.scroll-area .go-top.active {
    top: 95%;
    -webkit-transform: translateY(-98%);
    -moz-transform: translateY(-98%);
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    right: 30px;
    border-radius:100%;
}
.top-wrap {
  position: relative; 
}
.top-wrap .go-top-button {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    top: 3px;
    z-index: 1;
    background: #B59A6C;
}
 .top-wrap .go-top-button i {
      font-size: 20px;
      font-weight: 700;
      padding-left: 4px;
      color: #fff;
 }
.top-wrap .go-top-button::after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 45px;
    height: 45px;
    -webkit-animation: ripple 1.6s ease-out infinite;
    -moz-animation: ripple 1.6s ease-out infinite;
    opacity: 0;
    background-image: -moz-linear-gradient(0deg, #B59A6C 0%, #B59A6C 100%);
    background-image: -webkit-linear-gradient(0deg, #B59A6C 0%, #B59A6C 100%);
    border-radius: 100%;
}
.top-wrap .go-top-button:hover {
      background-color: #FF3C00;
      color: #fff; 
  }
@keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2); } }


/*--==============================================->
  <!--Start breatcam Section-->
 ==================================================-*/

.breatcam-section {
    background: url(assets/images/resource/About/Port1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 500px;
}
/*breatcam menu*/
.breatcam-menu ul li {
    display: inline-block;
    list-style: none;
    padding: 0 40px 0 0px;
    color: #fff;
    font-family: 'Noto Serif';
}
.breatcam-menu ul li a {
    color: #fff;
    transition: .5s;
    position: relative;
}
.breatcam-menu ul li a:before {
    position: absolute;
    content: "";
    right: -32px;
    bottom: 9px;
    height: 1px;
    width: 20px;
    background: #fff;
}
/*breatcam title*/
.breatcam-title h1 {
    font-size: 60px;
    color: #fff;
    padding: 0px 0 15px;
}
/*breatcam hover*/
.breatcam-menu ul li a:hover {
    color: #B59A6D;
}
/*--==============================================->
  <!--Start blog Section-->
 ==================================================-*/
.blogs-section {
    background: #F7F7FB;
    padding: 120px 0 120px;
}
.blog-single-box2 {
    background: #fff;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
}
.blog-thumb2 a img {
    width: 100%;
}
.blogs-content2 {
    padding: 15px 30px 10px;
    transition: .5s;
}
.blog-title2 h3 a {
    font-size: 25px;
    color: #191514;
    font-weight: 600;
    display: inline-block;
    padding: 0 0 15px;
}

span.blog-rt {
    padding-left: 18px;
}
.blog-text2 p i {
    color: #B5996B;
    padding-right: 10px;
}
.blog-single-box2:hover .blogs-content2 {
    box-shadow: 6px 5px 30px rgb(0 0 0 / 12%);
    border-color: transparent;
}

/*blog right*/

.widget_search {
    padding: 30px 30px 30px;
    border-radius: 4px;
    margin-bottom: 30px;
    background: #b59a6c;
}
.widget_search form {
    position: relative;
}
.widget_search input {
    border-radius: 4px;
    padding-left: 20px;
    height: 56px;
    width: 100%;
    color: #fff;
    border: 0;
}
button.icons {
    border: 0;
    font-size: 18px;
    color: #b59a6c;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    width: 60px;
    background: #F5F5F5;
    border-radius: 0 4px 4px 0;
}
/*widget items*/
.widget-items {
    margin-bottom: 40px;
    padding: 21px 28px 22px;
    border-radius: 0;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
}
/*recent post*/
.widget-recent-post {
    border-bottom: 1px solid #E8E8E8;
    padding: 0 0 12px;
    margin-bottom: 20px;
}
.widget-recent-post.upper {
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0;
}
/*rpost coment*/
.categories-title2 h4 {
    font-size: 21px;
    background: #b59a6c;
    margin: -21px -29px 30px -29px;
    padding: 15px 29px;
    color: #fff;
}
.rpost-thumb {
    margin-right: 17px;
}
.rpost-thumb a img {
    border-radius: 4px;
}
.rpost-title h4 {
    margin-top: 0;
}
.rpost-content h4 a {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #191514;
    display: inline-block;
    transition: .5s;
    font-family: 'Mulish', sans-serif;
}
.rpost-title span {
    display: inline-block;
    color: #616161;
    font-size: 15px;
}

.rpost-content h4 a:hover {
    color: #b59a6c;
}
/*tag item*/
.tag-item ul li {
    display: block;
    list-style: none;
    padding: 15px 0;
    margin-top: 0;
    border-top: 1px solid #e6e6e6;
}
li.item1 {
    padding: 15px 0 0 !important;
}
.tag-item ul li a {
    color: #616161;
    transition: .5s;
}
.tag-item ul li a:hover {
    color: #b59a6c;
}
/*tag 2*/
.tag-item2 a {
    background: #fff;
    padding: 7px 22px;
    display: inline-block;
    margin: 0px 6px 15px 0;
    border: 1px solid #e6e6e6;
    font-weight: 500;
    color: #1b3434;
    transition: .5s;
    border-radius: 4px;
    position: relative;
    z-index: 1;
}
.tag-item2 a:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #b59a6c;
    border-radius: 4px;
    z-index: -1;
    transform: scale(0);
    transition: .5s;
}

.tag-item2 a:hover:before {
    transform: scale(1);
}
.tag-item2 a:hover {
    color: #fff;
}

/* Calender*/
.calender {
    height: 370px;
}
.curr-month {
    width: 100%;
    height: 40px;
    background: #e6e6e6;
    color: #000;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}
.all-days {
  width: 100%;
  height: 40px;
  background-color: #fff;
  float: left;
}
.all-days ul,
.all-date ul {
  list-style: none;
  display: block;
  height: 30px;
  width: 100%;
  margin: 0 auto;
  float: left;
  font-size: 15px;
  font-weight: 300;
}
.all-days ul li, .tag-item .all-date ul li {
    float: left;
    width: 48px;
    text-align: center;
    line-height: 12px;
    border: 1px solid #e6e6e6;
    color: #333;
}
.all-days ul li {
    font-size: 16px;
}
.all-date {
  width: 100%;
  height: 305px;
  float: left;
}
.all-date li {
  height: 40px;
  width: 50px;
  line-height: 40px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.all-date li.monthdate:hover {
    background-color: #b59a6c;
    color: #fff;
}

/*blog quote*/
.blog-quotes {
    font-size: 20px;
    border-left: 4px solid #B59A6D;
    background: 0 0;
    font-style: normal;
    color: #232;
    font-weight: 400;
    position: relative;
    line-height: 1.5;
    background-color: #edf0f2;
    padding: 24px 39px 24px 37px;
    margin: 25px 0 25px;
}
.blog-quotes p {
    margin: 0 0 7px;
    color: #B59A6D;
}
.meta-blog-title2 h5 {
    padding: 5px 0 15px;
}
.blog-list2 ol {
    padding: 15px 16px 0;
}
/*solial tag*/
.row.bld-bg {
    border-top: 1px solid rgba(27,43,43,0.10196078431372549);
    padding-top: 26px;
    margin-top: 30px;
    padding-bottom: 22px;
}
.tag-list ul li {
    display: inline-block;
    list-style: none;
}
.tag-list ul li a {
    padding: 3px 20px;
    background: #edf0f2;
    display: inline-block;
    border-radius: 30px;
    margin-right: 8px;
    color: #1b2b2b;
    transition: .5s;
}
.tag-list ul li a:hover {
    background: #B5996B;
    color: #fff;
}
.social-icon-list ul li {
    display: inline-block;
    list-style: none;
}
.social-icon-list ul li span {
    font-size: 18px;
    font-weight: 500;
    color: #1b3434;
    padding-right: 6px;
}
.social-icon-list ul li a {
    height: 34px;
    width: 34px;
    line-height: 34px;
    background: #fff;
    text-align: center;
    border: 1px solid rgba(13,14,20,0.1);
    display: inline-block;
    border-radius: 30px;
    font-size: 14px;
    color: #5F6A6A;
    margin-right: 7px;
    position: relative;
    z-index: 1;
}
.social-icon-list ul li a:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #B5996B;
    border-radius: 30px;
    z-index: -1;
    transform: scale(0);
    transition: .5s;
}
.social-icon-list ul li a:hover:before {
    transform: scale(1);
}
.social-icon-list ul li a:hover {
    color: #fff;
}
/*post comment*/
/*post comment*/
.blog-details-comments-box {
    padding: 65px 0 50px;
}
.widget-comments-title h2 {
    font-size: 30px;
    padding: 0 0 40px;
}
.post-comment2 {
    border-bottom: 1px solid rgba(27,43,43,0.10196078431372549);
    margin: 0 0 30px;
    padding: 0 0 11px;
}
.post-comment-thumb {
    float: left;
    margin-right: 20px;
}
.blog-content2 {
    overflow: hidden;
}
.post-title span {
    padding-left: 31px;
    font-size: 15px;
    color: #616161;
    font-weight: 400;
    position: relative;
}
.post-title span:before {
    position: absolute;
    content: "";
    left: 6px;
    top: 9px;
    height: 1px;
    width: 15px;
    background: #0D0E14;
}
span.rights-reply {
    float: right;
    font-weight: 500;
    color: #0D0E14;
    position: relative;
    top: -109px;
    cursor: pointer;
    left: 0;
}
.posts-reply p {
    font-size: 16px;
    margin-bottom: 10px;
}
.post-title h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 0;
    padding: 0px 0 9px;
}
.comment-icon-list ul li {
    list-style: none;
    display: inline-block;
    color: #b59a6c;
    letter-spacing: .4em;
    font-size: 15px;
}

/*lawyer pagination 
<!-- ============================================= -->*/
.pagination-menu {
    text-align: center;
}
.pagination-menu ul {
    display: inline-block;
}
.pagination-menu ul li {
    display: inline-block;
    list-style: none;
    padding-right: 10px;
}
.pagination-menu ul li a {
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    border-radius: 20px;
    display: inline-block;
    border: 1px solid #B5996B;
    color: #666;
    font-size: 20px;
    position: relative;
    z-index: 1;
    transition: .5s;
}
.pagination-menu ul li a:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #B5996B;
    border-radius: 40px;
    transform: scale(0);
    transition: .5s;
    z-index: -1;
}
.pagination-menu ul li a:hover:before {
    transform: scale(1);
}
.pagination-menu ul li a:hover {
    color: #fff;
}



 /*===========================
<--  Loader Css -->
=============================*/
.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 9999;
}

.loader {
    position: relative;
    display: block;
    z-index: 201;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    transition: all 1s 1s ease;
    border: 3px solid transparent;
    border-top-color: #B5996B;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.loader::before {
    position: absolute;
    content: '';
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-left-color: #B5996B;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader:after {
    position: absolute;
    content: '';
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-right-color: #fff;
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    -o-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
}

/*/ Here comes the Magic /*/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #111;
    z-index: 2;
}

.loader-wrapper .loder-section.left-section {
    left: 0;
    transition: 1s 1.4s ease;
}

.loader-wrapper .loder-section.right-section {
    right: 0;
    transition: 1s 1.4s ease;
}

/*/ When page loaded /*/
.loaded .loder-section.left-section {
    left: -100%;
}

.loaded .loder-section.right-section {
    right: -100%;
}

.loaded .loader-wrapper {
    visibility: hidden;
}

.loaded .loader {
    top: -100%;
    opacity: 0;
}







/*landing-four-css*/

.about-section.style-two.landing-four {
    padding: 316px 0 118px;
    background: #5e5e5e22;
    margin-top: -227px;
}

.hero-section.landing-four {
    background: url(assets/images/slider/landing-4-hero-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}

.hero-section.landing-four:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #222222a8;
    z-index: -1;
}


.splitting .char {
  animation: slide-in 3s cubic-bezier(.5, 0, .5, 1) both;
  animation-delay: calc(60ms * var(--char-index));
}

.mensaje-burbuja {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #4CAF50;
    color: white;
    padding: 15px 20px;
    border-radius: 20px;
    display: none; /* Por defecto oculto */
    z-index: 9999; /* Asegura que esté por encima de otros elementos */
}

@keyframes slide-in {
  from {
    transform: translateY(-1em) rotate(-.5turn) scale(0.5);
    opacity: 0;
  }
}