:root {
    --soft-green : #80C5AC;
    --soft-green2 : #879794;
    --soft-green3 : #129E0D;
    --old-green : #11302B;
    
    --pure-black : #000000;
    --pure-white : #FFFFFF;
    --gold : #D6B573;
    --purple : #5E5BF6;

    --white2 : #EFEFEF; 

    --black2 : #050505;
    --grey : #EEEEEE;
    --grey2 : #D9D9D9;
    --grey3 : #ABABAB;
}
 
strong, b {
   font-family: 'termina-m' !important;
}

.c-old-green {color: var(--old-green) !important;}
.c-soft-green {color: var(--soft-green) !important;}
.c-gold {color: var(--gold) !important;}
.c-pure-black {color: var(--pure-black) !important;}
.c-pure-white {color: var(--pure-white) !important;}

.f-termina-m {font-family: 'termina-m' !important;}
.f-termina-r {font-family: 'termina-r' !important;}
.f-termina-l {font-family: 'termina-l' !important;}
.f-termina-sb {font-family: 'termina-sb' !important;}

.f-epilogue-r {font-family: 'epilogue-r' !important;}
.f-epilogue-l {font-family: 'epilogue-l' !important;}

.container {
    width: 94%;
    margin: 0 auto;
    max-width: 1920px;
}

.container2 {
    width: 80%;
    margin: 0 auto;
    max-width: 1920px;
}

.container-left {
    max-width: 1920px;
    width: 92%;
    margin: 0 0 0 auto;
}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}

.mb5 { margin-bottom: 5px; }
.mb8 { margin-bottom: 8px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.mb70 { margin-bottom: 70px; }
.mb75 { margin-bottom: 75px; }
.mb80 { margin-bottom: 80px; }
.mb85 { margin-bottom: 85px; }
.mb90 { margin-bottom: 90px; }
.mb95 { margin-bottom: 95px; }
.mb100 { margin-bottom: 100px; }


.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}
.pt55 {padding-top: 55px;}
.pt60 {padding-top: 60px;}
.pt65 {padding-top: 65px;}
.pt70 {padding-top: 70px;}
.pt75 {padding-top: 75px;}
.pt80 {padding-top: 80px;}
.pt85 {padding-top: 85px;}
.pt90 {padding-top: 90px;}
.pt95 {padding-top: 95px;}
.pt100 {padding-top: 100px;}
.pt120 {padding-top: 120px;}
.pt130 {padding-top: 130px;}
.pt140 {padding-top: 140px;}
.pt150 {padding-top: 150px;}
.pt190 {padding-top: 190px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb45 {padding-bottom: 45px;}
.pb50 {padding-bottom: 50px;}
.pb55 {padding-bottom: 55px;}
.pb60 {padding-bottom: 60px;}
.pb65 {padding-bottom: 65px;}
.pb70 {padding-bottom: 70px;}
.pb75 {padding-bottom: 75px;}
.pb80 {padding-bottom: 80px;}
.pb85 {padding-bottom: 85px;}
.pb90 {padding-bottom: 90px;}
.pb95 {padding-bottom: 95px;}
.pb100 {padding-bottom: 100px;}
.pb120 {padding-bottom: 120px;}
.pb150 {padding-bottom: 150px;}
.pb200 {padding-bottom: 200px;}
.pb250 {padding-bottom: 250px;}

.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }


h1,h2,h3,h4,h5,h6 {
    font-family: 'termina-r';
}

body, p, a {
    font-family: 'termina-r';
}

.clear-both {
   clear: both;
}

/* PAGE TITLE */
.title-14 {
   font-size: 14px;
   line-height: 24px;
}

.title-16 {
   font-size: 16px;
   line-height: 25px;
}

.title-18 {
   font-size: 18px;
   line-height: 28px;
}

.title-20 {
   font-size: 20px;
   line-height: 30px;
}

.title-22 {
   font-size: 22px;
   line-height: 32px;
}

.title-26 {
   font-size: 26px;
   line-height: 43px;
}

.title-30 {
   font-size: 30px;
   line-height: 40px;
}

.title-34 {
   font-size: 34px;
   line-height: 52px;
}

.title-40 {
   font-size: 40px;
   line-height: 50px;
}


 .desc-14 > * {
    font-size: 14px;
    line-height: 24px;
 }

 .desc-18 > * {
    font-size: 18px;
    line-height: 28px;
 }

 .desc-16 > * {
    font-size: 16px;
    line-height: 26px;
 }

.desc-24 > * {
   font-size: 24px;
   line-height: 38px;
}

.desc-26 > * {
   font-size: 26px;
   line-height: 40px;
}

.desc2-18 > * {
   line-height: 26px;
   font-size: 16px;
   font-family: 'epilogue-l' !important; 
}

.desc-22 > * {
   line-height: 32px;
   font-size: 22px;
   font-family: 'epilogue-l' !important; 
}


 .btn {
    display: flex;
    width: 240px;
    height: 63px;
    justify-content: center;
    align-items: center;
    font-family: 'termina-m';
    text-decoration: none;
    font-size: 16px;
    transition: .3s ease-out;
 }

 .btn.btn-old-green {
    background: var(--old-green);
    color: var(--gold);
    border: 1px solid var(--old-green);
 }

 .btn.btn-old-green:hover {
    background: var(--gold);
    color: var(--old-green);
    border: 1px solid var(--gold);
 }

 .btn.btn-gold {
    background: var(--gold);
    color: var(--old-green);
    border: 1px solid var(--gold);
 }

 .btn.btn-gold:hover {
    background: var(--old-green);
    color: var(--gold);
    border: 1px solid var(--old-green);
 }

 .btn.btn-white {
    background: var(--pure-white);
    color: var(--old-green);
    border: 1px solid var(--pure-white);
 }

 .btn.btn-white:hover {
    background: var(--old-green);
    color: var(--gold);
    border: 1px solid var(--old-green);
 }

 .m-auto {
    margin: 0 auto;
 }

 
 nav.scroll {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }
 
 nav.scroll .nav-inner{
   height: 82px;
   transition: .3s ease;
}

nav.scroll .nav-inner .left img {
   width: 150px;
}

nav.scroll .nav-inner .right {
   height: 82px;
}



main {
   margin-top: 102px;
}

nav {
    background: var(--soft-green);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
}


nav .nav-inner {
    display: flex;
    justify-content: space-between;
    height: 102px;
}


nav .nav-inner .left {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
}


nav .nav-inner .right {
    /* position: absolute; */
    z-index: 10;
    /* width: 217px; */
    /* right: 0;
    top: 0;
    bottom: 0; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-right: 12px; */

    position: absolute;
    left: 0;
    right: 0;
    height: 102px; 
    z-index: 9;
    margin-right: 3px;
}

nav .nav-inner .right .nav-act {
    gap: 35px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: end;
    z-index: 11;

    width: max-content;
    margin-left: auto;
    background: var(--old-green);
}


nav .nav-inner .right .nav-act::after {
   content: '';
   position: absolute;
   left: 100%;
   background: var(--old-green);
   width: 100px;
   height: 68px;
}

nav .nav-inner .right .nav-act::before {
   content: '';
   position: absolute;
   top: 100%;
   background: var(--old-green);
   /* background: red; */
   width: 100px;
   height: 18px;
}

.nav-main {
    position: relative;
}

.nav-main::after {
    content: "";
    display: block;
    background: var(--old-green);
    width: 217px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

#menu-open {
   background: var(--old-green);
   position: fixed;
   top: 0;
   bottom: 0;
   right: -100%;
   width: 500px;
   z-index: 11; 
   transition: .2s ease-out;
   display: none;
}

#menu-open .top {
   display: flex;
   justify-content: end;
   margin-right: 38px;
   margin-top: 32px;

}

#menu-open .mid {    
   /* margin-top: 200px; */
   margin-top: 160px;
   font-size: 25px;
   text-align: center;
}

#menu-open .mid li {    
   margin-bottom: 60px;
}    

#menu-open .mid a:hover {
   border-bottom: 1px solid var(--gold);
}

#menu-open .mid a,
#menu-open .bottom a {
   text-decoration: none;
   color: var(--gold);
}

#menu-open .mid a.active {
   font-family: 'termina-m' !important;
   border-bottom: 2px solid var(--gold);
}

#menu-open .bottom {
   margin-top: 220px;
   /* margin-top: 160px; */
   /* margin-top: 300px; */
   display: flex; 
   justify-content: center;
   align-items: center;
   gap: 20px;
}
#menu-open .bottom ul {
   display: flex;
   gap: 10px;
}

#menu-open .bottom a {
   font-size: 18px;
}

#menu-open .bottom .lang li:first-child {
   border-right: 1px solid var(--gold);
   padding-right: 10px;
}

#menu-open .bottom .lang a.active {
   font-family: 'termina-m' !important;
   border-bottom: 1px solid var(--gold);
}


.nav-main.open::after {
   width: 55%;
}

.nav-main.open .search-wrapper {
   width: 55%;
   margin: 0 0 0 auto;
   display: flex;
   justify-content: space-between;
}

#menu-searchbox {
   display: none;
   position: absolute;
   right: -100%;
   width: 88%;
   box-sizing: border-box;
   padding-left: 66px;
}

#menu-searchbox input {
   background: none;
   color: var(--gold);
   border: none;
   border-bottom: 1px solid var(--gold);
   outline: none;
   font-size: 18px;
   font-family: 'termina-r';
   padding-bottom: 7px;
   height: 36px;
   width: 100%;
}

#menu-searchbox .search-left {
   width: 90%;
}

#menu-searchbox input::placeholder {
   color: var(--gold);
}

#menu-searchbox a {
   color: var(--old-green);
   background: var(--gold);
   text-decoration: none; 
   font-size: 18px;
   font-family: 'termina-r';
   height: 36px;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0 17px;
}

#search-open .icon-search-close {
   display: none;
}

.nav-main.open #search-open .icon-search-close {
   display: block;
}

.nav-main.open #search-open .icon-search-open {
   display: none;
} 

/* ================== FOOTER  ================== */

footer {
    background: var(--soft-green); 
 }

 footer .inner .top {
    padding: 150px 0;
 }

 footer .top {
    text-align: center;
 }

 footer .top {
    border-bottom: 1px solid var(--old-green);
 }
 
 footer .mid {
    display: flex;    
    padding: 35px 0 20px;

 }

 footer .mid .left {
    width: 30%;
 }

 footer .mid .right {
    display: flex;
    width: 70%;
 }

 footer .mid .right div {
    width: 25%;
 }

 footer .mid a, p {
    font-size: 14px;
 }

 footer a, p {
    text-decoration: none;
    color: var(--old-green);
 }

 footer .mid li {
    margin-bottom: 14px;
 }

 footer .mid .social a {
    display: flex;
 }

 footer .mid .social a>div:nth-child(1) {
    width: 10%;
 }

 footer .mid .social a>div:nth-child(2) { 
    width: 90%;
 }

 footer .bottom p {
    color: var(--pure-black);
    font-size: 10px;
 }

/* ================== FOOTER END ================== */

/* ================== HOME ================== */

#home #sect-0 .sect-content.mid {
   width: 61%;
   margin: 80px auto 0;
}

#home #sect-0 .sect-content.bottom {
   display: flex;
   gap: 2%;
   width: 60%;
   margin: 110px auto 0;
   padding-bottom: 120px;

}

#home #sect-0 .sect-content.bottom div {
   width: 48%;
}
#home #sect-0 .sect-content.bottom p {
   font-family: 'epilogue-l' !important;
}


.btn-arrow {
   color: var(--old-green) !important;
   text-decoration: none;
   font-family: 'termina-m' !important;
   display: flex;
   gap: 15px;
   transition: .3s ease-out;
}
.btn-arrow:hover {
   opacity: .5;
}

#home #sect-4 .desc-22 {
   width: 56%;
}

#home #sect-1 {
   text-align: center;
}

#home #sect-1 {
   padding-bottom: 120px;
}

#home #sect-1 .sect-content .content {
   width: 66%;
   margin: 0 auto;
}

#home #sect-1 .sect-content p {
   font-family: 'epilogue-l' !important;
}

#home #sect-1 .sect-cta {
   margin-top: 60px;
   display: flex;
   justify-content: center;
}

#home #sect-3 .right p {
   font-family: 'epilogue-l' !important;
}

.box-list2 {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
}

#home .top {
   background: var(--white2);
}

.box-list2 .item h3 {
   margin-bottom: 17px;
} 

.box-list2 .item .body {
   height: 150px;
}

.box-list2 .item .inner { 
   padding: 40px 30px 40px;
}

.box-list2 .item p {
   font-family: 'termina-l' !important;    
}

#home .box-list2 .item p {
   font-family: 'epilogue-l' !important;    
}

.box-list2 .item:nth-child(odd) { 
   background: var(--old-green);
   color: var(--gold);
}

.box-list2 .item:nth-child(odd) p {
   color: var(--gold);
} 

.box-list2 .item:nth-child(even) { 
   background: var(--gold);
   color: var(--old-green);
}

.box-list2 .item:nth-child(even) p {
   color: var(--old-green);
} 

#home #sect-2 .sect-title {
   padding: 120px 0 80px;
}

#home #sect-2 .sect-title p {
   font-family: 'termina-l';
   color: var(--old-green);
}

#home #sect-3 .sect-title {
   padding-left: 8px;
   display: flex;
   margin: 200px 0 120px;

}

#home #sect-3 .sect-title .left {
   width: 40%;
}

#home #sect-3 .slider-list .item .inner {
   width: 97%;
   margin: 0 auto; 
}

#home #sect-3 .slider-list .item .body {
   background: var(--pure-white);
   padding: 50px 35px;
} 

#home #sect-3 .slider-list .item .body:hover {
   background: var(--old-green);
   transition: .3s ease-out; 
} 

#home #sect-3 .slider-list .item .body:hover h3 {
   color: var(--gold) !important;
   transition: .3s ease-out; 
} 

#home #sect-3 .slider-list .item .body h3 {
   display: flex;
   align-items: center;
   height: 80px;
} 

#home #sect-3 .slider-list .item .head .bg-img {
   width: 100%;
   height: 550px; 
   background-size: cover !important;
}

#home #sect-4 .sect-title {
   margin: 300px 0 140px;
}

#home #sect-4 .sect-content {
   position: relative;
}

#home #sect-4 .sect-content .cta {
   position: absolute;
   left: 0;
   right: 0;
   top: -32px;
}

.box-list3 {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
}

.box-list3 .item h3 {
   margin-bottom: 17px;
} 

.box-list3 .item .body {
   /* height: 150px; */
}

.box-list3 .item .inner { 
   padding: 40px 30px 40px;
}

.box-list3 .item p {
   font-family: 'termina-l' !important;    
}

.box-list3 .item { 
   background: var(--grey);
   color: var(--old-green);
}

.box-list3 .item p {
   color: var(--old-green);
} 

.box-list3 .item:hover { 
   background: var(--old-green);
   color: var(--gold);
   transition: .3s ease-out;
}

.box-list3 .item:hover h3,
.box-list3 .item:hover p {
   color: var(--gold) !important;
   transition: .3s ease-out;
}  


.box-list3 .item .foot {
   display: flex;
}

.box-list3 .item .date, 
.box-list3 .item .type {
   font-family: 'epilogue-r';
   font-size: 12px;
} 

.box-list3 .item .date {
   width: 30%;
}

#sect-5 .sect-title {
   display: flex; 
   justify-content: space-between;
   align-items: center;
   margin: 150px 0 100px;
}


.btn-view {
   font-family: 'termina-m';
   font-size: 16px;
   display: flex;
   gap: 10px;
   color: var(--old-green);
   text-decoration: none;
}

.btn-view img {
   width: 40px;
   text-decoration: none;
}

#sect-5 {
   padding-bottom: 200px;
}
/* ================== HOME END ================== */

/* ================== ABOUT US ================== */
#about-us .breadcrubms {
   padding: 60px 0 70px;
}

.breadcrubms {
   padding: 60px 0 40px;
}

.breadcrubms ul {
   display: flex;
}

.breadcrubms ul li:not(:last-child) {
   border-right: 1px solid var(--old-green);
   padding-right: 10px;
}

.breadcrubms ul li:not(:first-child) {
   padding-left: 10px;
}

.breadcrubms ul li {
   line-height: 12px;
}

.breadcrubms ul li a {
   color: var(--old-green);
   text-decoration: none;
   font-size: 12px;
}


#about-us .bottom {
   background: var(--grey);
}

#about-us #sect-2 .desc {
   width: 67%;
   margin-bottom: 120px;
}

#about-us #sect-2 .desc2 {
   width: 55%;
   margin-left: auto;
} 

#about-us #sect-2 {
   padding-bottom: 110px;
}

#about-us #sect-2 .desc2 p {
   width: 81%;
   color: var(--old-green);
}

#about-us #sect-3 .inner {
   display: flex;
}

#about-us #sect-3 .sect-title {
   width: 46%;
}

#about-us #sect-3 .sect-content {
   width: 50%;
}

#about-us #sect-3 .sect-content p {
   width: 70%;
}

#about-us #sect-3 {
   padding: 110px 0;
}

.faq-wrapper .accordion-header {
   border-top: 1px solid var(--old-green);
}

.faq-wrapper .accordion-header:first-child {
   border-bottom: unset;
}

.faq-wrapper .accordion-header:last-child {
   border-bottom: unset;
}

.faq-wrapper .accordion-header strong {
   font-size: 30px;
}

.faq-wrapper .accordion-header {
   padding: 50px 0;
   position: relative;
}

.team-list-4 {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   column-gap: 20px;
   row-gap: 80px;
   padding-bottom: 120px;
}

.team-list-4 .bg {
   width: 100%;
   height: 435px;
   border-bottom: 15px solid var(--soft-green);
   background-size: cover !important;
   background-position: center !important;
}


.team-list-4 .name {
   margin-top: 26px;
   color: var(--old-green);
   font-family: 'termina-m';
   font-size: 25px;
   line-height: 35px;
}

.team-list-4 .position {
   margin-top: 30px;
   color: var(--old-green);
   font-family: 'termina-m';
   font-size: 18px; 
}

.team-list-3 {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   column-gap: 20px;
   row-gap: 80px;
   padding-bottom: 40px;
}

.team-list-3 .bg {
   width: 100%;
   height: 560px;
   border-bottom: 15px solid var(--soft-green);
   background-size: cover !important;
   background-position: center !important;
}

.attorneys-list {
   width: 87%;
    margin: 0 auto;
}

.team-list-3 .name {
   margin-top: 26px;
   color: var(--old-green);
   font-family: 'termina-m';
   font-size: 25px;
   line-height: 35px;
}

.team-list-3 .position {
   margin-top: 30px;
   color: var(--old-green);
   font-family: 'termina-m';
   font-size: 18px; 
}

.accordion__item.active .accordion-header {
   padding: 25px 0 30px;
}

.accordion__item.active .accordion-header strong {
   font-size: 18px;
}

.accordion__item.active > .accordion-header:after {
   top: 8px;
}

#about-us #sect-4 .sect-title  {
   margin-bottom: 130px;
   margin-top: 90px;
}

#about-us #sect-4 {
   padding-bottom: 140px;
}
/* ================== ABOUT US END ================== */

/* ================== ABOUT US DETAIL  ================== */
#about-us-detail {
   display: flex;
}

#about-us-detail .left {
   /* width: 700px; */
   width: 44%;
   /* height: 1200px; */
   height: 1087px;
   background-position: top !important;
   background-size: cover !important;
}

#about-us-detail .right {
   width: 54%;
}

#about-us-detail .breadcrubms ul li a {
   color: var(--pure-white) !important;
}

#about-us-detail .breadcrubms ul li:not(:last-child) {
   border-right: 1px solid var(--pure-white) !important;
}

#about-us-detail .container-detail {
   width: 98%;
   padding-top: 85px;
   padding-left: 140px;
   padding-right: 20px;
   max-height: 1000px;
   overflow-y: scroll;
   box-sizing: border-box;
}

/* width */
#about-us-detail .container-detail::-webkit-scrollbar {
   width: 5px;
}

/* Track */
#about-us-detail .container-detail::-webkit-scrollbar-track { 
   border-radius: 10px;
}

/* Handle */
#about-us-detail .container-detail::-webkit-scrollbar-thumb {
   background: var(--old-green); 
   border-radius: 5px;
}

/* Handle on hover */
#about-us-detail .container-detail::-webkit-scrollbar-thumb:hover {
background: var(--grey); 
}

#about-us-detail h5 {
   font-size: 14px;
   color: var(--old-green) !important;
   font-family: 'epilogue-l' !important;

}

#about-us-detail .focus ul {
   width: 79%;
   margin-top: 30px;
   margin-bottom: 40px;
}

#about-us-detail .focus li {
   font-size: 14px;
   color: var(--pure-black) !important;
   font-family: 'termina-r' !important;
   border: 1px solid var(--gold);
   padding: 9px 18px;
   display: inline-block;
   margin-right: 16px;
   margin-bottom: 25px;
}


#about-us-detail .contact ul {
   display: flex;
   align-items: center;
   gap: 20px;
   margin-top: 15px;
}

#about-us-detail .quote {
   width: 69%;
   margin-top: 80px;
}

.custom-list-arrow ul {
   list-style: none;
   font-size: 18px;
   font-family: 'epilogue-l' !important;     
   margin-top: 22px;

}

.custom-list-arrow ul li {
   position: relative;
   padding: 15px 0;
   padding-left: 34px;
   border-bottom: 1px solid;
}

.custom-list-arrow ul li::before {
   content: '';
   display: block;
   background: url(../../img/icon/arrow-cirlce-right-green.svg) no-repeat;
   background-position: center !important;
   background-size: contain !important; 
   width: 20px;
   height: 20px;
   position: absolute;
   left: 0px;
}

.list-custom-dot ul {
   font-size: 18px;
   font-family: 'epilogue-l' !important;     
   list-style: disc !important;
   margin-left: 20px;
   margin-top: 35px;
}

.list-custom-dot ul li {
   margin-bottom: 10px;
}
/* ================== ABOUT US DETAIL END ================== */


/* ================== PRACTICE AREA  ================== */

#practice-area #sect-1 .sect-title {
   width:69%;
   margin-left: auto;
   margin-right: auto;
}

#practice-area #sect-2 {
   padding-bottom: 200px;
}

#practice-area #sect-3 { 
   padding: 140px 0 200px;
}

#practice-area #sect-2 input {
   border: none;
   outline: none;
   background: none;
   font-size: 18px;
   color: var(--pure-black);
   font-family: 'termina-r' !important;
}

#practice-area #sect-2 input::placeholder{
   color: var(--old-green);
}

.input-group {   
   padding-bottom: 6px;
   width: 400px;
   max-width: 100%;
   gap: 15px;
   border-bottom: 1px solid var(--old-green);
   display: flex;
   margin-left: auto;
}

#practice-area #sect-2 .top {
   display: flex;
   margin: 130px 0 110px;
}

/* #practice-area #sect-2 .top .sect-title div {
   margin-top: 50px;
} */

#practice-area #sect-2 .top .sect-title {
   display: flex; 
}

#practice-area #sect-2 .top .sect-title .title-40 {
   width: 32%;
}

#practice-area #sect-2 .top .sect-title .desc-18 {
   width: 68%;
}

/* #practice-area #sect-2 .top .sect-title,
#practice-area #sect-2 .top .sect-filter {
   width: 50%;
} */


#practice-area #sect-2 .top p {
   font-family: 'epilogue-l' !important;
}

#practice-area .services.bottom h3 {
   font-family: 'termina-l';
}

#practice-area .services.bottom .sect-content {
   display: flex;
   /* gap: 120px; */
}

#practice-area .services.bottom .sect-list {
   width: 32%;
}

#practice-area .services.bottom .list-display-content {
   width: 68%;
}

#practice-area #services-area {
   margin-top: 150px;
}
   
#practice-area .services.bottom ul {
   list-style-type: none;
}

#practice-area .services.bottom ul .link-item {
   border-bottom: 1px solid var(--old-green);
   width: 310px;
   max-width: 100%;
   padding: 14px 0;
   display: flex;
   align-items: center; 

}

#practice-area .services.bottom ul .link-item a {
   font-family: 'epilogue-l' !important;
   color: var(--old-green);
   font-size: 20px;
   line-height: 30px;
   display: block;
   cursor: pointer;
   transition: .3s ease-out;
   text-decoration: none;
}

#practice-area .services.bottom .serv-list {
   display: none;
}

#practice-area .services.bottom ul .link-item .list-item-img {
   display: none;
}

#practice-area .services.bottom ul .link-item a:hover {
   font-family: 'epilogue-sb' !important;
}

#practice-area .services.bottom ul li.active a {
   font-family: 'epilogue-sb' !important;
}

#practice-area .services.bottom ul .link-item.active {
   gap: 18px;
}

#practice-area .services.bottom ul li.active .list-item-img {
   display: block;
}

#practice-area .services.bottom .serv-list.active {
   display: block;
}

.list-display-content .ldc-info {    
   margin: 30px 0 0;
   display: flex;
   gap: 22px;
   align-items: center;
   font-family: 'epilogue-r' !important;
   color: var(--old-green) !important;
   font-size: 22px;
}

.list-display-content .ldc-desc {
   width: 62%;
}    

#practice-area #sect-2 .list-display-content .ldc-desc {
   width: 74%;
   margin-top: 30px;
}    


.list-display-content .ldc-desc p {
   font-size: 22px;
   line-height: 36px;
   font-family: 'epilogue-l';
   color: var(--old-green) !important;
}



.list-display-content .ldc-people-title h4 {
   margin: 60px 0 10px;

}

.list-display-content .ldc-people h4 {
   font-size: 22px;
   line-height: 32px;
   color: var(--old-green) !important;
   font-family: 'epilogue-r';   
}

.list-display-content .ldc-people li h4 {
   font-size: 22px;
   line-height: 32px;
   color: var(--old-green) !important;
   font-family: 'termina-m';   
}

.list-display-content .ldc-people li h5 {
   font-size: 14px; 
   color: var(--old-green) !important;
   font-family: 'termina-m';   
   margin: 16px 0 22px;

}

.list-display-content .ldc-people li p {
   font-size: 14px; 
   line-height: 20px;
   color: var(--old-green) !important;
   font-family: 'epilogue-l' !important;   
}

.list-display-content .ldc-people li a {
   font-size: 12px; 
   color: var(--old-green) !important;
   font-family: 'termina-m' !important;   
   display: flex;
   text-decoration: none;
   gap: 10px;
}

#practice-area .services.bottom .ldc-people li {
   width: 100%;
   align-items: start;
   display: flex;
   gap: 60px;
   margin-bottom: 15px;
}


#practice-area .services.bottom .ldc-people .right {
   width: 32%;
}

#practice-area .services.bottom .ldc-people .cta {
   margin-top: 22px;
}

#industry-sectors .ldc-img img {
   width: 550px;
   max-width: 100%;
}

#industry-sectors .list-display-content {
   /* margin-top: 49px; */
}

#industry-sectors .link-item .list-item-img {
   display: none;
}

#industry-sectors .link-item.active .list-item-img {
   display: block;
}

#industry-sectors .indust-list {
   display: none;
}

#industry-sectors .indust-list.active {
   display: block;
}

.ldc-info-wrapper {
   display: flex;
   gap: 40px;
}

.ldc-info-wrapper .text {
   font-size: 20px;
}


#practice-area .box-list2 .head > div {
   position: relative;
   overflow: hidden;
}

#practice-area .box-list2 .head .bg-img {
   position: absolute;
   width: 100%;
   height: 100%; 
   transition: 1s ease ease-in;   
}

#practice-area .box-list2 .head .bg-img:hover {
   transform: scale(1.1);
   transition: transform .3s ease-in;
}
#practice-area .slider-arrow.hover {
   display: none;
}

#practice-area .arrow-wrapper-l:hover .slider-arrow.normal,
#practice-area .arrow-wrapper-r:hover .slider-arrow.normal
{
   display: none;
}

#practice-area .arrow-wrapper-l:hover .slider-arrow.hover,
#practice-area .arrow-wrapper-r:hover .slider-arrow.hover 
{
   display: block;
}


#practice-area .arrow-wrapper {
   position: absolute;
   cursor: pointer;
   bottom: 4px;
}

#practice-area .arrow-wrapper img {
   width: 28px;
   position: absolute;
}

#practice-area .arrow-wrapper-l {
   left: 0px;
}

#practice-area .arrow-wrapper-r { 
   left: 46px;
}

#practice-area .ldc-nav-mobile ul li a {
   font-family: 'epilogue-l';
   color: var(--old-green);
   font-size: 18px !important;
   line-height: 20px;
   display: block;
   margin-bottom: 28px;
   text-decoration: none;
   text-transform: uppercase;
}

#practice-area .ldc-nav-mobile ul li:last-child a {
   margin-bottom: 0px;
}

#practice-area .accordion__item.active .accordion-header strong {
   font-size: 16px;
}

#practice-area .accordion__item.active .accordion-header {
   padding: 8px 0 13px;
}

#practice-area .accordion__item {
   position: relative;
}

#practice-area .accordion__item .accordion-header strong {
   text-transform: uppercase;
   width: 65%;
   display: block;
   line-height: 24px;
}

#practice-area .ldc-nav-mobile {
   padding-bottom: 20px;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

#practice-area .ldc-nav-mobile ul {
   border-top: 1px solid;
   padding-top: 33px;
}


/* ================== PRACTICE AREA END ================== */

/* ================== CAREER================== */



#insight #sect-1 {
   background: var(--white2);
   padding-bottom: 120px;
}

#insight .category-title {
   margin: 60px 0 45px;
}

#insight #sect-1 .body {
   width: 65%;
}

#insight .list-category .item.highlight {
   display: flex;
}

#insight .list-category .item.highlight .left {
   padding: 45px 43px;
   width: 50%;
   background: var(--white2);
   display: grid;
}

#insight .list-category .item.highlight .desc-18 {
   display: flex;
   align-items: end;
}

#insight .list-category .item.highlight .right {
   width: 50%;
}

#insight .list-category .item.highlight .bg-image {
   width: 100%;
   height: 500px;
   background-repeat: no-repeat !important;
   background-position: center !important; 
   background-size: cover !important;
}   

#insight .list-category .item .body {
   padding: 45px 43px;
   background: var(--white2);
}

#insight .list-category .item .bg-image {
   width: 100%;
   height: 277px;
   background-repeat: no-repeat !important;
   background-position: center !important; 
   background-size: cover !important;
}   

#insight .list-category .desc-18 {
   margin-top: 50px;
}

#insight .list-category .desc-18 p {
   font-family: 'epilogue-r' !important;
}

#insight #sect-2 .section-content {
   display: flex;
   column-gap: 60px;
}

#insight #sect-2 .section-content .left {
   width: 24%;
}

#insight #sect-2 .section-content .right {
   width: 74%;
}

#insight #sect-2 .filter-category ul .link-item {
   border-bottom: 1px solid var(--old-green);
   width: 310px;
   max-width: 100%;
   padding: 14px 0;
   display: flex;
   align-items: center;
   gap: 19px;
}

#insight #sect-2 .filter-category ul .link-item a {
   font-family: 'epilogue-l' !important;
   color: var(--old-green);
   font-size: 20px;
   line-height: 30px;
   display: block;
   cursor: pointer;
   transition: .3s ease-out;
   text-decoration: none;
}

#insight #sect-2 .filter-category ul .link-item {
   border-bottom: 1px solid var(--old-green);
   width: 100%;
   max-width: 100%;
   padding: 24px 0 21px;
   display: flex;
   align-items: center;
}

#insight #sect-2 .filter-category ul .link-item .list-item-img {
   display: none;
}

#insight #sect-2 .filter-category ul li:hover .list-item-img,
#insight #sect-2 .filter-category ul li.active .list-item-img {
   display: block;
}


#insight #sect-2 .filter-category ul li:hover a,
#insight #sect-2 .filter-category ul li.active a {
   font-family: 'epilogue-sb' !important;
}

#insight #sect-2 {
   padding: 60px 0 160px;
}

.pagination ul {
   margin-top: 80px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 25px;
}

.pagination a {
   font-size: 16px;
   color: var(--old-green);
   text-decoration: none;
   font-family: 'epilogue-l' !important;
}

.pagination a:hover {
   opacity: .5;
}

.pagination a.active {
   color: var(--gold);
   background: var(--old-green);
   font-family: 'epilogue-r' !important;
   width: 33px;
   height: 33px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 20px;
   transition: .3s ease all;
}


.pagination ul li:first-child {
   padding-right: 17px;
}

.pagination ul li:last-child {
   padding-left: 17px;
}



#career .accordion__item.active .accordion-header {
   padding: 50px 0;
}

#career .accordion__item.active .accordion-body {
   margin-top: 0px;
   padding-bottom: 60px;
}

#career .accordion__item.active .accordion-header strong {
   font-size: 30px;
} 

#career .faq-wrapper .accordion__item:last-child {
   border-bottom: 1px solid var(--old-green);
}

#career .accordion-body__contents ul {
   list-style-type: disc;
   padding-left: 20px;
}

#career .accordion-body__contents p,
#career .accordion-body__contents li {
   font-family: 'epilogue-l' !important;
   font-size: 22px;
   line-height: 40px;
   color: var(--old-green);
}

#career .accordion-body__contents b,
#career .accordion-body__contents strong {
   font-family: 'epilogue-sb' !important;
   
}

#career .accordion-body__contents .content-body {
   /* display: flex;
   gap: 70px; */
   /* margin-top: 45px; */
   width: 76%;
}

#career .accordion__item.active .accordion-header {    
   padding: 50px 0 40px;
}

#career .accordion-body__contents .content-body p {
   font-size: 'epliogue-l' !important;
}

#career .accordion__item > .accordion-header:after {
   top: 23px !important;
}

#sect-2 .icon img {
   width: 60px;
}

#career #sect-4 ol {
   list-style-type: number;
   padding-left: 29px;
}

#career #sect-4 ol li {
  font-family: 'epilogue-m' !important;
  margin-bottom: 22px;
  color: var(--old-green);
}

#career #sect-4 p { 
   color: var(--old-green);
}

#career #sect-4 .sect-title p { 
  font-family: 'epilogue-r' !important;
}

#career #sect-4 .sect-content p {
  font-family: 'epilogue-l' !important;
}

#career #sect-4 .sect-content strong {
   font-family: 'epilogue-m' !important;
   color: var(--old-green);
}

#career #sect-4 .sect-wrapper {
  width: 88%;
  display: flex;
  margin: 0 auto;
}

#career #sect-4 .sect-wrapper .sect-title .desc-22 {
   width: 67%;
   margin-top: 45px;
}

#career #sect-4 .sect-wrapper .sect-content .inner {
   width: 75%;
   margin-top: 87px;
}

#career #sect-4 {
   margin: 120px 0px 100px;
}

#career #sect-5 {
   background: var(--white2);
   padding: 100px 0;
}

#career #sect-5 .sect-content {
   width: 55%;
   margin: 0 auto;
   text-transform: uppercase;
}
/* ================== CAREER END ================== */

/* ================== INSIGHT DETAIL ================== */

#filter-mobile ul {
   border-top: 1px solid;
   padding-top: 26px;
}

#filter-mobile .filter-list-wrapper {
   box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

#filter-mobile ul li a {
   font-family: 'epilogue-l' !important;
   font-size: 16px;
   color: var(--old-green) !important;
   text-transform: uppercase !important;
   letter-spacing: 1px;
   text-decoration: none;
   display: block;
   margin-bottom: 26px;

}

.breadcrubms {
   padding: 30px 0 40px;
}

#insight-detail .category-label {
   font-size: 12px;
   color: var(--pure-black) !important;
   font-family: 'termina-r' !important;
   border: 1px solid var(--gold);
   padding: 9px 18px;
   display: inline-block;
   margin-right: 16px;
   margin-bottom: 25px;
}  

#insight-detail #article-wrapper {
   display: flex;
}

#insight-detail #article-wrapper .left {
   width: 16%;
   padding-top: 5px;
}

#insight-detail #article-wrapper .right {
   width: 84%;
}

#insight-detail #article-wrapper .right .arc-title {
   width: 63%;
}

#insight-detail #article-wrapper .right .arc-title h1 {
   font-size: 26px;
   line-height: 40px;
   color: var(--old-green) !important; 
}

#insight-detail #article-wrapper .right .arc-banner img {
   width: 100%;
}


#insight-detail #article-wrapper .right .arc-detail {
   display: flex;
   margin-top: 70px;
   margin-bottom: 60px;
}


#insight-detail #article-wrapper .right .arc-detail .read-time,
#insight-detail #article-wrapper .right .arc-detail .date {
   font-family: 'epilogue-l';
   color: var(--old-green) !important; 
   font-size: 12px;
   line-height: 21px;
   letter-spacing: .5px;
}


#insight-detail #article-wrapper .right .arc-detail .read-time {
   margin-bottom: 40px;
}

#insight-detail #article-wrapper .right .arc-detail .date {
   margin-bottom: 20px;
}

#insight-detail #article-wrapper .right .arc-detail .share-data ul {
   display: flex;
   align-items: center;
   gap: 25px;
}


#insight-detail #article-wrapper .right .arc-detail .left {
   width: 27%;
}

#insight-detail #article-wrapper .right .arc-detail .right {
   width: 73%;
}

#insight-detail #article-wrapper .arc-detail .right .inner {
   width: 71%;
}

#insight-detail #article-wrapper .arc-detail .right .inner .title-sec {
   margin-bottom: 30px;
}

#insight-detail #article-wrapper .arc-detail .right .inner .title-sec h2  {
   font-size: 22px;
   line-height: 34px;
}

#insight-detail #article-wrapper .arc-detail .right .inner .content-sect {
   margin-bottom: 50px;
}

#insight-detail #article-wrapper .arc-detail .right .inner .content-sect p {
   font-family: 'epilogue-l';
}

#insight-detail #article-wrapper .arc-detail .right .inner .content-img {
   margin-bottom: 40px;
}

#insight-detail #article-wrapper .arc-detail .right .inner .content-img img {
   width: 100%;
}

#insight-detail #article-wrapper .arc-detail .right .inner .content-quote {
   margin-bottom: 60px;
   border-left: 8px solid var(--soft-green);
   width: 68%;
   padding-left: 23px;
   margin-right: 0;
   margin-left: auto;
}

#insight-detail #article-wrapper .arc-detail .right .inner .content-quote p {
   font-family: 'epilogue-sb';
}

#insight-detail #sect-2 {
   background: var(--old-green);
}

#insight-detail #sect-2 .section-content {
   display: flex;
}

#insight-detail .box-list3 .item {
   background: var(--gold);
}

#insight-detail .box-list3 .item:hover {
   background: var(--grey);
}

#insight-detail .box-list3 .item:hover h3,
#insight-detail .box-list3 .item:hover p {
   color: var(--old-green) !important;
}

#insight-detail #sect-2 {
   padding: 60px 0 80px;
}

#insight-detail #sect-2 .section-content .left {
   width: 25%;
   display: flex; 
   justify-content: center;
}

#insight-detail #sect-2 .section-content .right {
   width: 75%;
}

#insight-detail .box-list3 {
   gap: 45px;
}

#insight-detail .box-list3 .item .date {
   width: 62%;
}

.gold-line {
   width: 71px;
   height: 1px;
   background: var(--gold);
}
/* ================== INSIGHT DETAIL END ================== */

/* ================== SEARCH RESULT ================== */

#search-result #sect-1 {
   background: var(--grey);
   padding: 80px 0 50px;
}

#search-result #sect-1 .title b {
   font-family: 'termina-m' !important;
}
#search-result #sect-1 p {
   font-family: 'epilogue-l' !important;
}

#search-result .search-list .sect-title {
   padding: 90px 0 60px;
}

#search-result {
   margin-bottom: 200px;
}

#search-result .head > div {
   height: 440px;
   background-position: center !important;
}

#search-result #search-attorneys .foot {
   display: block;
}

#search-result #search-attorneys .foot .date {
   width: 100%;
   font-size: 15px;
   font-family: 'termina-r' !important;
   margin-bottom: 15px;
}

#search-result #search-attorneys .foot .type p {
   font-family: 'epilogue-l' !important;
}

#search-result #search-practice-area .item .inner,
#search-result #search-insight .item .inner {
   padding-bottom: 60px;
}


#search-result #search-practice-area .item .date {
   width: 100% !important;
}

#search-result #search-insight .item .date {
   width: 46% !important;
}
/* ================== SEARCH RESULT END ================== */



.popup-custom {
   display: none;
}

#popup-cookies p {
   font-family: 'epilogue-r';
}

#popup-cookies {
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   position: fixed;
   z-index: 99;
   bottom: 0;
   background: var(--white2);
   left: 0;
   right: 0;
}

#popup-cookies .inner { 
   padding: 50px 0 30px;
}

#popup-cookies .pop-desc {
   overflow-y: scroll;
   height: 140px;
}

/* width */
#popup-cookies .pop-desc::-webkit-scrollbar {
   width: 4px;
}

/* Track */
#popup-cookies .pop-desc::-webkit-scrollbar-track {
   background: var(--pure-white); 
}

/* Handle */
#popup-cookies .pop-desc::-webkit-scrollbar-thumb {
   background: var(--grey2); 
}

/* Handle on hover */
#popup-cookies .pop-desc::-webkit-scrollbar-thumb:hover {
   background: var(--gold); 
}

#popup-cookies .btn-wrapper:not(:nth-child(3)) {
   margin-bottom: 25px;
}

#popup-cookies .btn-wrapper a {
   font-size: 14px;
   height: 45px;
   width: 160px;
}

#frm_cookies {
   display: flex; 
   justify-content: center;
}

#popup-cookies .bottom {
   display: flex;
   justify-content: center;
   gap: 25px;
}

.popup-custom {
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 101;
   width: 100%;
   height: 100%;
}

.popup-custom .backdrop {
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 102;
   width: 100%;
   height: 100%;
   background: var(--black2) !important;
   opacity: .7;
}

.popup-custom .wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
   position: relative;
   z-index: 103;
}

.popup-custom .wrapper .box {
   padding: 35px 30px;
   width: 95%;
   max-width: 800px;
   background: var(--white2);
}

.popup-custom .wrapper .inner {
   max-height: 890px;
   overflow-y: scroll;
}

.popup-custom .wrapper .inner h2,
.popup-custom .wrapper .inner h4 {
   text-transform: uppercase;
}

.popup-custom .wrapper .inner p {
   font-family: 'epilogue-l' !important;
}

.popup-custom .wrapper .inner .item:first-child {
   border-top: 1px solid var(--old-green);
}

.popup-custom .wrapper .inner .item {
   border-bottom: 1px solid var(--old-green);
}

.popup-custom .wrapper .inner .item .title {
   margin-top: 15px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}   

.popup-custom .wrapper .inner .item .active {
   color: var(--soft-green3);
   font-size: 14px;
}

.popup-custom .wrapper .inner .item .title .left {
   display: flex;
   align-items: center;
   gap: 25px;
}   

.popup-custom .wrapper .inner .item .title .left img {
   width: 18px;
}

.popup-custom .wrapper .inner .item .content {
   margin-top: 15px;
   margin-bottom: 15px;
}

.popup-custom .wrapper .inner .btn-list {
   gap: 20px;
   display: flex;
   justify-content: center;
}

.popup-custom .wrapper .inner .btn-list a {
   font-size: 14px;
   width: 160px;
   height: 50px;
}

.popup-custom .wrapper .inner .btn-list .btn-wrapper:nth-child(2) a {
   font-size: 14px;
   width: 264px;
}

.show-more {
   color: var(--purple);
   font-family: 'epilogue-l';
   text-decoration: none;
}

/* Toggle switch wrapper */
.switch {
position: relative;
   display: inline-block;
   width: 35px;
   height: 20px;
}

/* Hide default checkbox */
.switch input {
   opacity: 0;
   width: 0;
   height: 0;
}

/* Slider style */
.switch .slider {
   position: absolute;
   cursor: pointer;
   top: 0; left: 0; right: 0; bottom: 0;
   background-color: var(--grey3);
   transition: 0.4s;
   border-radius: 34px;
}

.switch .slider:before {
   position: absolute;
   content: "";
   height: 13px;
   width: 13px;
   left: 3px;
   bottom: 4px;
   background-color: var(--pure-white);
   transition: 0.4s;
   border-radius: 50%;
}

/* Checked state */
.switch input:checked + .slider {
   background-color: var(--old-green); /* blue when ON */
}

.switch input:checked + .slider:before {
   transform: translateX(16px);
}