/*==============================================

Template Name:prolegal-Lawyer, Attorney and Law Firms HTML5 Template

Author:  https://themeforest.net/user/refreshsquare 

Description: Description

Version: 1.0.0

Text Domain: prolegal

Tags: consulting, finance, corporate, business, consultant, multipurpose, technology, it-solution, software, agency, company, portfolio, bangking, insurance, digital-agency, digital-marketing.

================================================*/



/*TABLE OF CONTENTS*/

/*=====================

01. prolegal Header Area Css

02. prolegal Hero Area Css

03. prolegal section-title css

04. prolegal Service Area Css 

05. prolegal about Area Css

06. prolegal team Area Css

07. prolegal team details Area Css

08. prolegal Video section css

09. prolegal Teastimonial Area Css

10. prolegal case study area Css

11. prolegal Blog Area Css

12. prolegal blog grid Area Css

13. prolegal Testimonial Area Css

14. prolegal Brand Area Css

15. prolegal Blog Area Css

16. prolegal Blog Gird Area

17. prolegal Footer Area Css

18. prolegal counter area css

19. prolegal feature Area css

20. prolegal Our practice Area css

21. prolegal project Area Css

22. prolegal Breadcumb Area Css

23. prolegal service details Area Css

24. prolegal pricing area css

25. prolegal faq area css

26. prolegal contact Area css

27. lovebird google map css

28. prolegal Search Popup css

29. prolegal Scroll Up Css

30. prolegal Loader css



=======================*/



/*---=====================================================

   <!--prolegal Header Area Css Style One-->

=========================================================---*/

.top-header-area.style-one {

    background-color: #E3E8F5;

    padding: 14px 75px 60px 86px;

}

.style-one .header-info ul li {

    display: inline-block;

}

.style-one .top-header-social-icon ul li {

    display: inline-block;

}

.style-one .top-header-social-icon {

    text-align: right;

}

.style-one .header-info ul li {

    display: inline-block;

    font-size: 16px;

    line-height: 28px;

    color: #152147;

    font-weight: 400;

    font-family: "TheSans";

    margin-right: 27px;

}

.style-one .header-info ul li span {

    display: inline-block;

    margin-left: 17px;

}

.style-one .header-info ul li:last-child {

    /* margin-left: 36px;

    position: relative; */

}

.style-one .header-info ul li:last-child::before {

    position: absolute;

    content: '';

    opacity: 0.502;

    width: 2px;

    height: 16px;

    background-color: #152147;

    left: -32px;

    top: 6px;

}

.style-one li.social-title {

    font-size: 16px;

    line-height: 28px;

    text-transform: uppercase;

    color: #091222;

    font-weight: 400;

    position: relative;

    z-index: 1;

    margin-right: 75px;

}

.style-one li.social-title::before {

    position: absolute;

    content: '';

    width: 50px;

    height: 1px;

    background-color: #cc945b;

    right: -66px;

    top: 12px;

}

.style-one .top-header-social-icon ul li a {

    display: inline-block;

    font-size: 16px;

    color: #091222;

    margin-right: 18px;

    transition: 0.5s;

}

.style-one .top-header-social-icon ul li a:hover{

   color: #cc945b; 

}

.style-one .top-header-social-icon ul li:last-child a{

    margin-right: 0px;

}

.header-area {

    padding: 0 30px 0 28px;

    position: relative;

    z-index: 2;

    background-color: #152147;

    margin: -50px 85px -58px 100px;

}

.header-area.style-one.inner {

    margin: -11px 85px -58px 100px;

    position: relative;

    top: -37px;

}

.header-area.style-one.inner.sticky {

    top: 0;

    margin: 0px 85px 0px 0px;

}

.header-menu {

    text-align: right;

}

.header-menu ul {

    display: inline-block;

}

.header-menu ul li {

    display: inline-block;

    margin-right: 57px;

}

.header-menu ul li a {

    display: inline-block;

    padding: 40px 0;

    text-transform: capitalize;

    transition: 0.5s;

    font-size: 16px;

    line-height: 28px;

    color: #E3E8F5;

    font-weight: 400;

}



.header-menu ul li a:hover{

    color:#cc945b;

}

.style-one .header-button {

    display: inline-block;

    float: right;

}

.prolegal-btn a {

    padding: 16px 21px;

    display: inline-block;

    position: relative;

    z-index: 1;

    transition: .5s;

    font-size: 16px;

    text-transform: uppercase;

    color: #ffffff;

    background-color: #cc945b;

    font-weight: 500;

    overflow: hidden;

}

.prolegal-btn a span {

    position: absolute;

    z-index: -1;

    width: 0;

    height: 0;

    display: block;

    border-radius: 30px;

    background-color: #ffff;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

    transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

}

.prolegal-btn  a:hover span, .prolegal-btn a:focus span {

    width:500px;

    height: 500px;

}

.prolegal-btn a:hover{

    color:#cc945b;  

}

.header-menu ul li i {

    font-size: 12px;

    color: #E3E8F5;

    position: relative;

    left: 12px;

    top: 0px;

    transition: 0.5s;

}

.header-menu ul li a:hover i{

    color:#cc945b;

}

.header-search-icon i {

    display: inline-block;

    color: #ffff;

    transition: 0.5s;

}



/*sub-menu*/

.header-menu ul li.menu-item-has-children {

    position: relative;

}



.header-menu ul li .sub-menu {

    position: absolute;

    width: 200px;

    display: block;

    text-align: left;

    background: #fff;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

    top: 150%;

    z-index: 2;

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

    border-top: 5px solid #cc945b;

    border-radius: 3px 3px 0 0;

    padding: 0;

}



.header-menu ul li:hover .sub-menu{

    opacity: 1;

    top: 100%;

    visibility: visible;

}



.header-menu ul li .sub-menu li a {

    display: block;

    padding: 8px 19px !important;

    color: #1e1e1e;

    width: 200px;

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 600;

    transition: 0.5s;

    position: relative;

    z-index: 1;

}



.header-menu ul li .sub-menu li a:hover{

    color: #fff !important;

}



.header-menu ul li .sub-menu li a:before{

    position: absolute;

    content: "";

    width: 100%;

    height: 0;

    left: 0;

    bottom: 0;

    background:#cc945b;

    z-index: -1;

    transition: 0.5s;

}



.header-menu ul li .sub-menu li a:hover:before{

    height:100%;

    top: 0;

}





.sticky {

    left: 0;

    margin: auto !important;

    position: fixed !important;

    top: 0!important;

    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: #152147 !important;

    transition: 0.5s;

    z-index: 999 !important;

    -webkit-animation: 300ms running fadeInDown;

    animation: 500ms running fadeInUp;

    animation-name: slideInDown;

}



/*---=====================================================

   <!--prolegal Header Area Css Style two-->

=========================================================---*/



.lexpro-header-area.style-two {

    background: #152147;

    padding: 15px 92px 0 95px;

}



.style-two .header-top {

    position: relative;

}

.style-two .header-top::before {

    position: absolute;

    content: '';

    width: 1606px;

    height: 1px;

    background-color: rgb(255 255 255 / 10%);

    bottom: -12px;

    right: -130px;

}



.style-two .header-logo {

    position: relative;

    margin-top: -40px;

}

.style-two .header-logo::before {

    position: absolute;

    content: '';

    width: 3px;

    height: 150px;

    background-color: #cc945b;

    top: -53px;

    right: 33px;

}

.style-two .header-info {

    text-align: right;

    margin-right: 65px;

}

.style-two .header-info ul li span {

    display: inline-block;

    font-size: 16px;

    color: #cc945b;

    font-weight: 400;

    margin-right: 22px;

}

.style-two .header-info ul li {

    font-size: 16px;

    color: #ffffff;

    font-weight: 300;

    display: inline-block;

    margin-right: 30px;

}

.style-two li.free-case {

    color: #cc945b !important;

    padding-right: 35px;

    position: relative;

}

.style-two li.free-case::before {

    position: absolute;

    content: '';

    width: 1px;

    height: 20px;

    background-color: rgb(255 255 255 / 20%);

    right: 0;

    top: 6px;

}

.style-two .header-menu-right {

    text-align: right;

}

.country-list {

    display: inline-block;

    position: relative;

    top: -16px;

}

.style-two .country-list::before {

    position: absolute;

    content: '';

    width: 1px;

    height: 26px;

    background-color: rgb(255 255 255 / 20%);

    left: -30px;

    top: 0;

}

.style-two .header-src-btn {

    display: inline-block;

}

.style-two .header-button a {

    display: inline-block;

    color: #fff;

}

.style-two .select_box {

    background: transparent;

    border: 0;

    color: #fff;

    outline: 0;

}

.style-two .select_box option {

    color: #cc945b;

}

.style-two .header-button {

    display: inline-block;

    overflow: hidden;

    position: relative;

    top: 13px;

}


.style-two .header-button a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    background-color: #cc945b;
    padding: 15px 37px;
    transition: 0.5s;
    position: relative;
    z-index: 1;
}

.style-two .header-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    width: 60px;
    height: 60px;
    left: -41px;
    top: -2px;
    border-radius: 30px;
    background: #fff;
    opacity: 0.3;
    transform: scale(1);
    transition: .5s;
}
.style-two .header-button a:hover:before{
    width:100%;
    height:100%;
    border-radius:0;
    left:0;
}
.style-two .header-menu ul li:last-child {
    margin-right: 30px;
}

/*---=====================================================
   <!--prolegal Hero Area Css Style One-->
=========================================================---*/
.style-one.hero-area {
    background: url(../images/home-1/hero-bg3.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 850px;
}
.style-one.hero-area .hero-content {
    padding-top: 50px;
}
.style-one .hero-content h1 {
    margin: 0 0 21px;
    font-size: 15px;
    text-transform: uppercase;
    color: #E3E8F5;
    font-weight: 400;
    border-radius: 50px;
    background-color: #152147;
    display: inline-block;
    padding: 10px 24px 10px 56px;
    border-left: 3px solid #cc945b;
    position: relative;
    z-index: 1;
}
.style-one .hero-content h1::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #091222;
    left: 0;
    top: -1px;
}
.style-one .hero-content h2 {
    font-size: 62px;
    line-height: 80px;
    color: #E3E8F5;
    font-weight: 600;
    margin: 0;
}
.style-one .hero-content h2 span{
    display: inline-block;
    color: #cc945b;
}
.style-one .hero-content h2 img {
    margin-right: 26px;
}
.style-one .hero-content p {
    width: 90%;
    margin: 10px 0 0;
    opacity: 0.600;
    font-size: 18px;
    line-height: 30px;
    color: #E3E8F5;
    font-weight: 400;
}
.style-one.hero-area .lines {
    padding: 35px 0 50px;
}
.style-one.hero-area .lines .line {
    position: relative;
    width: 75%;
    height: 1px;
    background-color: rgba(227,232,245,0.30196078431372547);
    overflow: hidden;
    z-index: 5;
}
.style-one.hero-area .lines .line::after {
    content: "";
    display: block;
    position: relative;
    top: 0;
    left: 0px;
    width: 60px;
    height: 1px;
    background-color: #cc945b;
    -webkit-animation: moveLeftBounces 35s linear infinite;
    animation: moveLeftBounces 35s linear infinite;
    overflow: hidden;
}


.style-one.hero-area .lines .line:nth-child(1)::after {

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}

.style-one.hero-area .hero-button {

    display: flex;

    align-items: center;

    gap: 30px;

}

.style-one.hero-area .hero-explore a {

    display: inline-block;

    font-size: 16px;

    text-transform: uppercase;

    color: #E3E8F5;

    font-weight: 500;

    transition: 0.5s;

}

.style-one.hero-area .hero-explore a i {

    display: inline-block;

    margin-left: 10px;

    transition: 0.5s;

}

.style-one.hero-area .hero-explore a:hover{

    color: #cc945b;

}

.style-one.hero-area .hero-explore a:hover i{

    color: #cc945b;

}

.style-one.hero-area .hero-thumb-wrapper {

    position: relative;

    padding-top: 20px;

}

.style-one.hero-area .hero-autor-box {

    position: absolute;

    bottom: 35px;

    left: 290px;

    backdrop-filter: blur(0px);

    display: flex;

    align-items: center;

    gap: 20px;

    padding: 0 20px 0 25px;

    animation: upDown 1.8s ease-in-out 1.8s forwards infinite alternate;

    width: 291px;

    height: 139px;

    border-radius: 20px;

    background-color: rgba(255,255,255,0.1);

    border: 2px solid rgba(255,255,255,0.6);

}

.style-one.hero-area .hero-autor-content h3 {

    display: inline-block;

    font-size: 26px;

    line-height: 26px;

    color: #ffffff;

}

.style-one.hero-area .hero-autor-content span {

    display: inline-block;

    font-size: 26px;

    color: #fff;

    font-weight: 600;

}

.style-one.hero-area .hero-autor-content p {

    display: block;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    color: #ffffff;

}

.style-one.hero-area .hero-video-icon {

    width: 70px;

    height: 69px;

    line-height: 70px;

    border-radius: 34px;

    background-color: rgba(255,255,255,0.2);

    text-align: center;

    position: absolute;

    top: 140px;

    left: 100px;

    webkit-animation: ripple-white 1s linear infinite;

    animation: ripple-blue 1s linear infinite;

}

.style-one.hero-area .hero-video-icon::before {

    position: absolute;

    content: '';

    width: 100px;

    height: 100px;

    border-radius: 50px;

    border: 1px solid rgb(19 27 53 / 40%);

    left: -15px;

    top: -16px;

    -webkit-transition: 0.5s;

}

.style-one.hero-area .hero-video-icon a {

    display: inline-block;

    color: #E3E8F5;

    font-size: 22px;

    transform: rotate(50deg);

    transition: 0.5s;



}



.lexpro-btn a {

    padding: 16px 21px;

    display: inline-block;

    position: relative;

    z-index: 1;

    transition: .5s;

    font-size: 16px;

    text-transform: uppercase;

    color: #ffffff;

    background-color: #cc945b;

    font-weight: 500;

    overflow: hidden;

}

.lexpro-btn a span {

    position: absolute;

    z-index: -1;

    width: 0;

    height: 0;

    display: block;

    border-radius: 30px;

    background-color: #ffff;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

    transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

}

.lexpro-btn  a:hover span, .lexpro-btn a:focus span {

    width:500px;

    height: 500px;

}

.lexpro-btn a:hover{

    color:#cc945b;  

}



/*---=====================================================

   <!--prolegal Hero Area Css Style two-->

=========================================================---*/

.header-area.style-two.sticky {

    background: #fff !important;

}



.header-area.style-two.sticky .header-menu ul li a {

    display: inline-block;

    padding: 40px 0;

    text-transform: capitalize;

    font-size: 18px;

    color: #152147;

    font-weight: 500;

    transition: 0.5s;

}



.header-area.style-two .header-menu ul li a {

    display: inline-block;

    padding: 40px 0;

    text-transform: capitalize;

    font-size: 18px;

    color: #152147;

    font-weight: 500;

    transition: 0.5s;

}



.header-area.style-two .header-menu ul li i {

    font-size: 12px;

    color: #152147;

    position: relative;

    left: 6px;

    top: -1px;

    transition: 0.5s;

}

.style-two.hero-area {

    background: url(../images/home-2/hero-bg2.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    height: 800px;

    position: relative;

}

.style-two .hero-content {

    position: relative;

    transition: 0.5s;

}

.style-two .hero-content h1 {

    font-size: 16px;

    color: #cc945b;

    font-weight: 400;

    margin-bottom: 30px;

}

.style-two .hero-content h2 {

    font-size: 65px;

    line-height: 80px;

    color: #ffffff;

    font-weight: 700;

    margin: 0;

}

.style-two .hero-content h2 span{

    display: inline-block;

    color: #cc945b;

}

.style-two .hero-content p {

    font-size: 16px;

    line-height: 30px;

    color: #BDC3D3;

    font-weight: 400;

    width: 85%;

    margin: 12px 0 45px;

}

.style-two .hero-side-text {

    position: absolute;

    left: -110px;

    top: 285px;

}

.style-two .hero-side-text h1 {

    font-size: 120px;

    letter-spacing: 12px;

    color: #cc945b;

    font-weight: 700;

    font-family: "TheSans";

    margin-top: 0;

    -webkit-text-stroke-width: 1px;

    color: transparent;

    -webkit-text-stroke-color: #ffff;

    color: transparent;

    opacity: 0.1;

    text-transform: uppercase;

    transform: rotate(-90deg);

    -webkit-mask-image: linear-gradient(-75deg, rgb(185 28 28 / 15%) 50%, #cc945b 50%, rgba(255 255 255) 80%);

    -webkit-mask-size: 200%;

    animation: shine 3s infinite;

    transition: .5s;

}

.style-two .hero-button {

    display: flex;

    align-items: center;

    gap: 40px;

}

.style-two .hero-btn a {

    display: inline-block;

    font-size: 16px;

    padding: 16px 35px;

    color: #fff;

    font-weight: 500;

    position: relative;

    z-index: 1;

    transition: .5s;

    border: none;

    border-radius: 0;

    background-color: #cc945b;

    overflow: hidden;

}

.style-two .hero-btn a:before {

    position: absolute;

    content: "";

    z-index: -1;

    width: 60px;

    height: 60px;

    left: -41px;

    top: -2px;

    border-radius: 30px;

    background: #fff;

    opacity: 0.3;

    transform: scale(1);

    transition: .5s;

}

.style-two .hero-btn a:hover:before{

    width:100%;

    height:100%;

    border-radius:0;

    left:0;

}

.style-two .hero-btn {

    display: inline-block;

}

.style-two .hero-explore a {

    display: inline-block;

    font-size: 16px;

    line-height: 28px;

    color: #cc945b;

    font-weight: 400;

    position: relative;

    transition: 0.5s;

    z-index: 1;

}

.style-two .hero-explore a:hover{

    color:#fff;

}

.style-two .hero-explore a i {

    display: inline-block;

    margin-left: 5px;

    font-size: 10px;

}

.style-two .hero-explore a::before {

    position: absolute;

    content: '';

    opacity: 0.502;

    width: 110px;

    height: 1px;

    background-color: #cc945b;

    bottom: 0;

    left: 0;

    transition: 0.5s;

}

.style-two .hero-explore a:hover::before{

    background-color: #fff;

}

.style-two .hero-shape1 {

    position: absolute;

    top: 42px;

    right: 42px;

    animation: gavelBounce 1s ease-in-out infinite;

}



.hero-shape2 {

    position: absolute;

    bottom: 122px;

    left: 174px;

    right: 0;

    text-align: center;

    animation: floatScales 3s ease-in-out infinite;

}



/* prolegal section-title css */

.section-sub-title span {

    display: inline-block;

    font-size: 16px;

    text-transform: uppercase;

    color: #cc945b;

    font-weight: 500;

    transition: 0.5s;

    position: relative;

    z-index: 1;

    margin-bottom: 10px;

    font-family: "TheSans", sans-serif;

}

.section-sub-title span::before {

    position: absolute;

    content: '';

    width: 160px;

    height: 1px;

    background-image: linear-gradient(270deg, #ffffff 0%, #cc945b 50%, #ffffff 100%);

    left: 0;

    bottom: -8px;

    margin: 0 auto;

}

.section-sub-title.center span {

    margin-bottom: 18px;

}



.section-sub-title h1 {

    display: inline-block;

    font-size: 17px;

    padding: 0 0 8px;

    text-transform: uppercase;

    color: #cc945b;

    font-weight: 500;

    transition: 0.5s;

    position: relative;

    z-index: 1;

    margin-bottom: 10px;

}



.style2.section-sub-title h1::before {

    position: absolute;

    content: '';

    width: 8px;

    height: 8px;

    background: #cc945b;

    right: -22px;

    left: inherit;

    bottom: 16px;

    margin: 0 auto;

}



.section_title h1 {

    font-size: 46px;

    line-height: 60px;

    color: #152147;

    font-weight: 600;

    margin: 0;

}

.section_title h1 span {

    display: inline-block;

    color: #cc945b;

}

.section-title-space {

    margin-bottom: 50px;

}

.section-title-desc p {

    font-size: 17px;

    line-height: 28px;

    color: #6b7a7a;

    font-weight: 400;

    margin: 15px auto 0;

    width: 50%;

}



/*---=====================================================

   <!--prolegal Service Area Css Style One-->

=========================================================---*/



.service-area.style-one {

    padding: 105px 0 100px;

}

.service-area.style-one .section_title h1 {

    margin-top: 15px;

}

.style-one .single-service-box {

    border-radius: 20px;

    background: url(../images/home-1/service-bg1.webp);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 20px 20px 35px 28px;

    position: relative;

    margin-bottom: 20px;

    transition: 0.5s;

}

.style-one .single-service-box:hover{

    background: #152147;

}

.style-one .service-icon {

    display: inline-block;

    width: 98px;

    height: 98px;

    line-height: 98px;

    text-align: center;

    border-radius: 16px;

    background-color: #faf4ee;

    position: relative;

    top: -18px;

    left: -30px;

    transition: 0.5s;

}

.style-one .service-icon img{

    transition: 0.5s;

}

.style-one .single-service-box:hover .service-icon{

    background: url(../images/home-1/icon-hover.webp);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;  

}

.style-one .single-service-box:hover .service-icon img{

    filter: brightness(0) invert(1);  

}

.style-one .service-content h1 {

    font-size: 25px;

    color: #152147;

    font-weight: 500;

    padding: 30px 0 20px;

    transition: 0.5s;

}

.style-one .single-service-box:hover .service-content h1 {

    color: #fff;

}

.style-one .service-content p {

    font-size: 17px;

    line-height: 28px;

    color: #152147;

    font-weight: 300;

    margin-bottom: 27px;

    transition: 0.5s;

}

.style-one .single-service-box:hover .service-content p{

    color: #fff;

}

.style-one .service-icon-arrow a {

    display: inline-block;

    color: #cc945b;

    transition: 0.5s;

}

.style-one .single-service-box:hover .service-icon-arrow a{

    color: #fff;

}

.style-one .service-dot {

    position: absolute;

    top: 32px;

    right: 35px;

    transition: 0.5s;

}

.style-one .single-service-box:hover .service-dot{

    filter: brightness(0) invert(1); 

}



/*---=====================================================

   <!--prolegal Service Area Css Style two -->

=========================================================---*/

.service-area.style-two {

    background: url(../images/home-1/service-bg-3.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    position: relative;

    padding: 105px 0 100px;

}

.service-area.style-two .section-sub-title span::before {

    position: inherit;

    font-family: "TheSans", sans-serif;

}

.service-area.style-two .section_title h1 {

    color: #fff;

}

.service-area.style-two .section-title-desc p {

    font-size: 16px;

    line-height: 28px;

    color: #BDC3D3;

    font-weight: 400;

    margin: 25px 0 0;

    width: 85%;

}

.service-area.style-two .lines {

    padding: 35px 0 28px;

}

.service-area.style-two .lines .line {

    position: relative;

    overflow: hidden;

    width: 384px;

    height: 1px;

    background-color: rgba(204, 148, 91,0.30196078431372547);

}

.service-area.style-two .lines .line::after {

    content: "";

    display: block;

    position: relative;

    top: 0;

    left: 0px;

    width: 40px;

    height: 1px;

    background-color: #cc945b;

    -webkit-animation: moveLeftBounces 35s linear infinite;

    animation: moveLeftBounces 35s linear infinite;

    overflow: hidden;

}

.service-area.style-two .lines .line:nth-child(1)::after {

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}

.service-area.style-two .section-title-desc2 p {

    font-size: 16px;

    line-height: 28px;

    color: #ffffff;

    font-weight: 400;

    width: 80%;

    margin-bottom: 40px;

}

.service-area.style-two .service-button a{

    display: inline-block;

    font-size: 16px;

    padding: 16px 35px;

    color: #fff;

    font-weight: 500;

    position: relative;

    z-index: 1;

    transition: .5s;

    border: none;

    border-radius: 0;

    background-color: #cc945b;

    overflow: hidden;

}

.service-area.style-two .service-button a:before {

    position: absolute;

    content: "";

    z-index: -1;

    width: 60px;

    height: 60px;

    left: -41px;

    top: 0px;

    border-radius: 30px;

    background: #fff;

    opacity: 0.3;

    transform: scale(1);

    transition: .5s;

}

.service-area.style-two .service-button a:hover:before{

    width:100%;

    height:100%;

    border-radius:0;

    left:0;

}

.service-area.style-two .service-box {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1px solid #cc945b5e;

    margin-bottom: 40px;

    padding-bottom: 42px;

    position: relative;

}

.service-area.style-two .service-box.active:before {

    width: 240px;

}

.service-area.style-two .service-box:before {

    position: absolute;

    content: "";

    width: 0;

    height: 284px;

    left: 57%;

    top: -16px;

    /* background: url(../images/home-2/service-imges.webp); */

    background-repeat: no-repeat;

    background-position: center center;

    background-size: auto;

    transition: 0.5s;

    z-index: 1;

}

.service-area.style-two .service-icon img {

    transition: 0.5s;

}

.service-area.style-two h2.title {

    margin: 0;

}

.service-area.style-two h2.title a {

    font-size: 22px;

    color: #ffffff;

    font-weight: 600;

    font-family: "TheSans";

    margin: 0;

    display: inline-block;

    padding-left: 15px;

    transition: 0.5s;

}

.service-area.style-two .service-box.active h2.title a{

    color:#cc945b;

}

.service-area.style-two .content {

    position: relative;

    left: 95px;

    top: 15px;

}

.service-area.style-two p.description_text {

    /* width: 70%; */

    color: #BDC3D3;

    margin: 0;

}

.service-area.style-two .service-btn a {

    font-size: 15px;

    display: inline-block;

    margin-top: 5px;

    transition: .5s;

    font-weight: 500;

    color: #101210;

    transition: .5s;

    position: relative;

    z-index: 2;

}

.service-area.style-two .service-btn a i {

    font-size: 12px;

    display: inline-block;

    margin-top: 5px;

    z-index: 1;

    color: #ffff;

    transition: .5s;

    position: relative;

    width: 45px;

    height: 45px;

    border-radius: 23px;

    background-color: #152147;

    text-align: center;

    line-height: 45px;

}



.service-area.style-two .service-box.active .service-btn a i{

    background:#cc945b;

}



/*---=====================================================

   <!--prolegal service Area style-inner-->

=========================================================---*/

.service-area.style-inner {

    padding: 100px 0 100px;

    background-color: #faf4ee;

}

.style-inner .row.service-gap {

    margin-bottom: 20px;

}

.style-inner .single-service-box {

    background-color: #ffffff;

    padding: 45px 35px 35px;

    position: relative;

    z-index: 1;

    overflow: hidden;

}

.style-inner .single-service-box::before {

    position: absolute;

    content: '';

    width: 140px;

    height: 140px;

    border-radius: 70px;

    border: 15px solid #faf4ee;

    right: -60px;

    top: -50px;

    z-index: -1;

}

.style-inner .service-thumb img {

    height: 300px;

}

.style-inner .service-content h2 {

    font-size: 24px;

    color: #152147;

    font-weight: 500;

    margin: 28px 0 10px;

}

.style-inner .service-content p {

    font-size: 17px;

    line-height: 28px;

    color: #6b7a7a;

    font-weight: 400;

    margin-bottom: 25px;

}

.style-inner .service-btn {

    text-align: right;

}

.style-inner .service-btn a {

    display: inline-block;

    font-size: 14px;

    line-height: 28px;

    text-transform: uppercase;

    color: #cc945b;

    font-weight: 600;

    text-align: right;

    position: relative;

    z-index: 1;

}

.style-inner .service-btn a::before {

    position: absolute;

    content: '';

    width: 124px;

    height: 1px;

    background-image: linear-gradient(270deg, #ffffff 0%, #cc945b 50%, #ffffff 100%);

    left: -140px;

    top: 15px;

}

.style-inner .service-btn a i {

    font-size: 17px;

    display: inline-block;

    color: #cc945b;

    font-weight: 700;

    margin-left: 12px;

}





/*---=====================================================

   <!--prolegal about Area Css Style One-->

=========================================================---*/

.about-area.style-one {

    background-color: #faf4ee;

    position: relative;

    padding: 103px 0 165px;

}

.about-area.style-one .about-thumb {

    position: absolute;

    left: -18px;

    top: 120px;

}

.about-area.style-one .section-sub-title span::before {

    position: inherit;

    font-family: "TheSans", sans-serif;

}

.about-area.style-one .lines {

    padding: 35px 0 35px;

}

.about-area.style-one .lines .line {

    position: relative;

    overflow: hidden;

    width: 503px;

    height: 1px;

    background-color: rgba(204, 148, 91,0.30196078431372547);

}

.about-area.style-one .lines .line::after {

    content: "";

    display: block;

    position: relative;

    top: 0;

    left: 0px;

    width: 60px;

    height: 1px;

    background-color: #cc945b;

    -webkit-animation: moveLeftBounces 35s linear infinite;

    animation: moveLeftBounces 35s linear infinite;

    overflow: hidden;

}

.about-area.style-one .lines .line:nth-child(1)::after {

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}

.about-area.style-one .about-item-list {

    padding: 0 0 23px;

}

.about-area.style-one .about-item-list ul li {

    font-size: 17px;

    color: #6b7a7a;

    font-weight: 400;

    margin-bottom: 20px;

}

.about-area.style-one .about-item-list ul li i {

    display: inline-block;

    color: #cc945b;

    font-size: 18px;

    margin-right: 18px;

}

.about-area.style-one .about-thumb2 {

    position: absolute;

    bottom: 62px;

    right: 60px;

}

/*---=====================================================

   <!--prolegal about Area Css Style two-->

=========================================================---*/

.about-area.style-two {

    padding: 0 0 105px;

    position: relative;

}

.about-area.style-two .section-sub-title span::before {

    position: inherit;

    font-family: "TheSans", sans-serif;

}

.about-area.style-two .section-title-desc p {

    font-size: 16px;

    line-height: 28px;

    color: #6b7a7a;

    font-weight: 400;

    margin: 28px 0 32px;

    width: 100%;

}

.about-area.style-two .about-quote-box {

    display: flex;

    align-items: stretch;

    gap: 20px;

    position: relative;

    padding-bottom: 42px;

    margin-bottom: 45px;

}

.about-area.style-two .about-quote-box::before{

    position: absolute;

    content: '';

    opacity: 0.200;

    width: 585px;

    height: 1px;

    background-color: #0D1A2E;

    left: 0;

    bottom: 0;

}

.about-area.style-two .quote-icon {

    display: inline-block;

    position: relative;

    top: 5px;

}

.about-area.style-two .quote-desc p {

    font-size: 16px;

    line-height: 28px;

    color: #0D1A2E;

    font-weight: 400;

    margin: 0;

}

.about-area.style-two .about-button-box {

    display: flex;

    align-items: center;

    gap: 50px;

}

.about-area.style-two .about-btn {

    display: inline-block;

}

.about-area.style-two .about-btn a{

    display: inline-block;

    font-size: 16px;

    padding: 16px 35px;

    color: #fff;

    font-weight: 500;

    position: relative;

    z-index: 1;

    transition: .5s;

    border: none;

    border-radius: 0;

    background-color: #cc945b;

    overflow: hidden;

}

.about-area.style-two .about-btn a:before {

    position: absolute;

    content: "";

    z-index: -1;

    width: 60px;

    height: 60px;

    left: -41px;

    top: 0px;

    border-radius: 30px;

    background: #fff;

    opacity: 0.3;

    transform: scale(1);

    transition: .5s;

}

.about-area.style-two .about-btn a:hover:before{

    width:100%;

    height:100%;

    border-radius:0;

    left:0;

}

.about-area.style-two .about-chat-box {

    display: flex;

    align-items: center;

    gap: 20px;

}

.about-area.style-two .chat-desc p {

    font-size: 16px;

    line-height: 28px;

    color: #cc945b;

    font-weight: 400;

    margin: 0;

}

.about-area.style-two .chat-title h2 {

    font-size: 20px;

    line-height: 28px;

    color: #0D1A2E;

    font-weight: 500;

    margin: 0;

}

.about-area.style-two .about-shape1 {

    position: absolute;

    right: 50px;

    bottom: -62px;

    animation: floatEmblem 3s ease-in-out infinite;

}



/*---=======================================

   <!--prolegal team Area Css Style One-->

============================================---*/

.team-area.style-one {

    padding: 100px 0 0;

}

.team-area.style-one .section-title-space {

    margin-bottom: 56px;

}

.team-area.style-one .row.team-bg {

    background-color: #faf4ee;

    padding: 0 50px 115px;

    margin-bottom: 60px;

}

.team-area.style-one .team-thumb {

    position: relative;

}

.team-area.style-one .team-thumb::before {

    background: rgba(255, 255, 255, 0.3);

    bottom: 0;

    content: "";

    left: 50%;

    position: absolute;

    right: 51%;

    top: 0;

    opacity: 1;

    pointer-events: none;

    -webkit-transition: all 400ms linear;

    transition: all 400ms linear;

}

.team-area.style-one .team-thumb:hover:before {

    left: 0;

    right: 0;

    opacity: 0;

}

.team-area.style-one .team-thumb img {

    width: 100%;

}

.team-area.style-one .team-content {

    position: absolute;

    bottom: 33px;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

}

.team-area.style-one .team-sub-title h2 {

    font-size: 17px;

    line-height: 28px;

    text-transform: uppercase;

    color: #E3E8F5;

    font-weight: 400;

    position: relative;

    transition: 0.5s;

}

.team-area.style-one .single-team-box:hover .team-sub-title h2 span{

    color: #cc945b;

}

.team-area.style-one .team-sub-title h2::before {

    position: absolute;

    content: '';

    width: 86px;

    height: 1px;

    background-image: linear-gradient(90deg, #0D1528 0%, #E3E8F5 100%);

    left: 15px;

    top: 13px;

}

.team-area.style-one .team-sub-title h2::after {

    position: absolute;

    content: '';

    width: 86px;

    height: 1px;

    background-image: linear-gradient(90deg, #E3E8F5 0%, #0D1528 100%);

    right: 15px;

    top: 13px;

}

.team-area.style-one .team-sub-title h2 span {

    display: inline-block;

    font-size: 17px;

    line-height: 28px;

    text-transform: uppercase;

    color: #E3E8F5;

    font-weight: 400;

    margin: 0 40px;

    position: relative;

    transition: 0.5s;

}

.team-area.style-one .team-sub-title h2 span::before {

    position: absolute;

    content: '';

    width: 20px;

    height: 1px;

    background-color: #E3E8F5;

    left: -31px;

    top: 12px;

}

.team-area.style-one .team-sub-title h2 span::after {

    position: absolute;

    content: '';

    width: 20px;

    height: 1px;

    background-color: #E3E8F5;

    right: -31px;

    top: 12px;

}

.team-area.style-one .team-title h3 {

    margin-top: 5px;

}

.team-area.style-one .team-title h3 a {

    display: inline-block;

    font-size: 28px;

    line-height: 28px;

    color: #E3E8F5;

    font-weight: 500;

    transition: 0.5s;

}

.team-area.style-one .single-team-box:hover .team-title h3 a{

    color: #cc945b;

}

.team-area.style-one .owl-dots {

    text-align: center;

    position: relative;

    top: 35px;

}

.team-area.style-one .owl-dot {

    position: relative;

    display: inline-block;

    margin: 0 13px;

    width: 8px;

    height: 8px;

    border-radius: 4px;

    background-color: #cc945b;

}

.team-area.style-one .owl-dot.active::before {

    position: absolute;

    content: '';

    width: 18px;

    height: 18px;

    border-radius: 50%;

    border: 1px dashed #cc945b;

    top: -5px;

    left: -5px;

}

/*---=======================================

   <!--prolegal team Area Css Style two -->

============================================---*/

.team-area.style-two {

    padding: 0 0 120px;

}

.team-area.style-two.inner {

    padding: 105px 0 120px;

}

.team-area.style-two .section-sub-title span::before {

    position: inherit;

    font-family: "TheSans", sans-serif;

}

.style-two .single-team-box {

    text-align: center;

    background-color: transparent;

    padding: 0;

    position: relative;

    margin: 0 10px 0;

}

.style-two .single-team-box:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    right: -11px;

    bottom: -10px;

    background: url(../images/home-2/team-shpae.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    transition: 0.5s;

}

.style-two .single-team-box:hover:before {

    background: url(../images/home-2/tem-shape2.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}

.style-two .team-thumb {

    position: relative;

    z-index: 1;

}

.style-two .team-thumb::before {

    background:rgb(203, 147, 93, 0.6);

    bottom: 0;

    content: "";

    left: 50%;

    position: absolute;

    right: 51%;

    top: 0;

    opacity: 1;

    pointer-events: none;

    transition: all 300ms linear;

    z-index: 9;

}

.style-two .single-team-box:hover .team-thumb::before {

    left: 10%;

    right: 10%;

    opacity: 0;

    transition: all 500ms linear;

}

.style-two .team-thumb img{

    width: 100%;

    transition: 0.5s;

}

.style-two .team-share {

    position: absolute;

    right: 0;

    bottom: -23px;

    left: 0;

    z-index: 1;

}

.style-two .team-share-icon span i {

    color: #fff;

    text-align: center;

    display: inline-block;

    font-size: 15px;

    transition: 0.5s;

    line-height: 45px;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    background-color: #cc945b;

    cursor: pointer;

}

.style-two .team-share-icon span i:hover {

    background: #fff;

    color: #cc945b;

}

.style-two .team-social-icon {

    position: absolute;

    right: 0;

    bottom: 36px;

    transition: .5s;

    z-index: 1;

    left: 0;

    transition: 0.5s;

}

.style-two .team-social-icon.active .team-social-icon{

    opacity: 1;

}

.style-two .team-social-icon ul li {

    list-style: none;

    display: inline-block;

    margin-left: 10px;

}

.style-two .team-social-icon ul li a {

    display: inline-block;

    height: 36px;

    width: 36px;

    line-height: 36px;

    text-align: center;

    color: #fff;

    border-radius: 50%;

    transition: 0.5s;

    transform: translateY(-50px);

    opacity: 0;

    visibility: hidden;

    font-size: 15px;

    background-color: #152147;

}

.style-two .team-social-icon.active ul li a {

    transform: translateY(0px);

    opacity: 1;

    overflow: hidden;

    visibility: visible;

}

.style-two .team-social-icon ul li:nth-child(1) a {

    transition-delay: 0s;

}

.style-two .team-social-icon ul li:nth-child(2) a {  

    transition-delay: 0.2s;

}

.style-two .team-social-icon ul li:nth-child(3) a {

    transition-delay: 0.4s;

}

.style-two .team-social-icon ul li a:hover {

    background: #cc945b;

    color: #fff;

}

.style-two .team-content {

    position: relative;

    padding: 40px 0 23px;

    background: #FBF4EE;

}

.style-two .team-bio h2 {

    margin: 0 0 7px;

    font-size: 22px;

    color: #0D1A2E;

    font-weight: 600;

    font-family: "TheSans";

    text-align: center;

}

.style-two .team-bio h3 {

    margin: 0;

    font-size: 16px;

    color: #6b7a7a;

    font-weight: 400;

    text-align: center;

}



.team-desc p {

    padding: 25px 0 0;

    text-align: center;

}



/*---=======================================

   <!--prolegal team Area Css Style inner -->

============================================---*/

.team-area.style-inner {

    padding: 120px 0 110px;

    background-color: #faf4ee;

}

.team-area.style-inner .section-sub-title span::before {

    position: inherit;

    font-family: "TheSans", sans-serif;

}

.team-area.style-inner .section-title-desc p {

    width: 85%;

    margin: 15px 0 45px;

}

.team-area.style-inner .lines {

    padding: 35px 0 20px;

}

.team-area.style-inner .lines .line {

    position: relative;

    overflow: hidden;

    width: 503px;

    height: 1px;

    background-color: rgba(204, 148, 91,0.30196078431372547);

}

.team-area.style-inner .lines .line::after {

    content: "";

    display: block;

    position: relative;

    top: 0;

    left: 0px;

    width: 60px;

    height: 1px;

    background-color: #cc945b;

    -webkit-animation: moveLeftBounces 35s linear infinite;

    animation: moveLeftBounces 35s linear infinite;

    overflow: hidden;

}

.team-area.style-inner .lines .line:nth-child(1)::after {

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}

.team-area.style-inner .team-counter-box {

    display: flex;

    gap: 25px;

    margin-bottom: 55px;

}

.team-area.style-inner .single-team-counter {

    background-color: #091222;

    text-align: center;

    width: 240px;

    height: 180px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.team-area.style-inner .single-team-counter.last {

    background-color: #cc945b;

}

.team-area.style-inner h2.counter {

    display: inline-block;

    font-size: 60px;

    color: #cc945b;

    font-weight: 700;

}

.team-area.style-inner .single-team-counter.last h2.counter{

    color: #fff;

}

.team-area.style-inner .team-counter-content span {

    display: inline-block;

    font-size: 60px;

    color: #cc945b;

    font-weight: 700;

}

.team-area.style-inner .single-team-counter.last .team-counter-content span{

    color: #fff;

}

.team-area.style-inner .team-counter-content p {

    font-size: 18px;

    text-transform: uppercase;

    color: #BDC3D3;

    font-weight: 500;

    margin-top: 6px;

}

.team-area.style-inner .single-team-counter.last .team-counter-content p{

    color: #fff;

}

.team-area.style-inner .single-team-box {

    margin-bottom: 25px;

}

.team-area.style-inner .team-thumb {

    position: relative;

}

.team-area.style-inner .team-thumb::before {

    background: rgba(255, 255, 255, 0.3);

    bottom: 0;

    content: "";

    left: 50%;

    position: absolute;

    right: 51%;

    top: 0;

    opacity: 1;

    pointer-events: none;

    -webkit-transition: all 400ms linear;

    transition: all 400ms linear;

}

.team-area.style-inner .team-thumb:hover:before {

    left: 0;

    right: 0;

    opacity: 0;

}

.team-area.style-inner .team-thumb img {

    width: 100%;

}

.team-area.style-inner .team-content {

    position: absolute;

    bottom: 33px;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

}

.team-area.style-inner .team-sub-title h2 {

    font-size: 17px;

    line-height: 28px;

    text-transform: uppercase;

    color: #E3E8F5;

    font-weight: 400;

    position: relative;

    transition: 0.5s;

}

.team-area.style-inner .single-team-box:hover .team-sub-title h2 span{

    color: #cc945b;

}

.team-area.style-inner .team-sub-title h2 span {

    display: inline-block;

    font-size: 17px;

    line-height: 28px;

    text-transform: uppercase;

    color: #E3E8F5;

    font-weight: 400;

    margin: 0 21px;

    position: relative;

    transition: 0.5s;

}

.team-area.style-inner .team-sub-title h2 span::before {

    position: absolute;

    content: '';

    width: 6px;

    height: 1px;

    background-color: #E3E8F5;

    left: -14px;

    top: 12px;

}

.team-area.style-inner .team-sub-title h2 span::after {

    position: absolute;

    content: '';

    width: 6px;

    height: 1px;

    background-color: #E3E8F5;

    right: -14px;

    top: 12px;

}

.team-area.style-inner .team-title h3 {

    margin-top: 5px;

}

.team-area.style-inner .team-title h3 a {

    display: inline-block;

    font-size: 24px;

    line-height: 28px;

    color: #E3E8F5;

    font-weight: 500;

    transition: 0.5s;

}

.team-area.style-inner .single-team-box:hover .team-title h3 a{

    color: #cc945b;

}



/*---=======================================

   <!--prolegal team details Area Css -->

============================================---*/

.team-details-area {

    padding: 120px 0 120px;

}

.team-member-title h5 {

    font-size: 16px;

    text-transform: uppercase;

    color: #cc945b;

    font-weight: 400;

}

.team-member-title h4 {

    font-size: 35px;

    color: #0D1A2E;

    font-weight: 600;

    padding: 5px 0 30px;

}

p.member-desc {

    font-size: 16px;

    line-height: 28px;

    color: #6b7a7a;

    font-weight: 400;

    margin-bottom: 40px;

}

.team-member-content ul li {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    flex: 1;

    width: 53%;

    text-transform: capitalize;

    margin-left: 24px;

    margin-bottom: 15px;

    font-size: 16px;

    color: #6b7a7a;

    font-weight: 400;

}

.team-member-content ul li::before {

    position: absolute;

    content: "";

    width: 8px;

    height: 8px;

    border-radius: 4px;

    background-color: #cc945b;

    left: -24px;

    top: 10px;

}

.team-member-content ul li span {

    width: 50%;

    font-size: 16px;

    text-transform: uppercase;

    color: #0D1A2E;

    font-weight: 500;

}

.team-details-social-icon {

    margin-top: 45px;

}

.team-details-social-icon ul li {

    display: inline-block;

}

.team-details-area li.social-title {

    position: relative;

    margin-right: 120px !important;

    font-size: 16px;

    line-height: 28px;

    text-transform: uppercase;

    color: #0D1A2E;

    font-weight: 500;

}



.team-details-area li.social-title::before {

    position: absolute;

    content: "";

    width: 47px;

    height: 1px;

    background-color: #cc945b;

    right: -60px;

    top: 15px;

}

.team-details-area .team-details-social-icon ul li a {

    display: inline-block;

    width: 45px;

    height: 45px;

    line-height: 45px;

    border-radius: 22px;

    text-align: center;

    color: #0D1A2E;

    transition: 0.5s;

    margin-right: 10px;

    background-color: #faf4ee;

}

.team-details-area .team-details-social-icon ul li a:hover {

    background: #cc945b;

    color: #fff;

}

.team-details-area .team-pratice-list {

    padding: 120px 0 185px;

}

.team-details-area .team-pratice-title h1 {

    font-size: 35px;

    color: #0D1A2E;

    font-weight: 600;

    margin-bottom: 35px;

}

.team-details-area .team-pratice-list ul li {

    font-size: 16px;

    color: #6b7a7a;

    font-weight: 400;

    margin-bottom: 20px;

    padding-left: 35px;

    position: relative;

    transition: 0.5s;

}

.team-details-area .team-pratice-list ul li::before {

    position: absolute;

    content: '';

    width: 8px;

    height: 8px;

    border-radius: 4px;

    background-color: #cc945b;

    left: 0;

    top: 8px;

}

.team-details-area .team-education-title h1 {

    font-size: 35px;

    color: #0D1A2E;

    font-weight: 600;

    margin-bottom: 35px;

}

.team-education-list ul li {

    font-size: 16px;

    color: #6b7a7a;

    font-weight: 400;

    margin-bottom: 20px;

    padding-left: 35px;

    position: relative;

    transition: 0.5s;

}

.team-education-list ul li::before {

    position: absolute;

    content: '';

    width: 8px;

    height: 8px;

    border-radius: 4px;

    background-color: #cc945b;

    left: 0;

    top: 8px;

}

.team-pratices-title h2 {

    font-size: 35px;

    color: #0D1A2E;

    font-weight: 600;

    margin-bottom: 35px;

}

.team-pratices-desc p {

    font-size: 16px;

    color: #6b7a7a;

    font-weight: 400;

    padding-left: 35px;

    position: relative;

}

.team-pratices-desc p::before {

    position: absolute;

    content: '';

    width: 8px;

    height: 8px;

    border-radius: 4px;

    background-color: #cc945b;

    left: 0;

    top: 8px;

}

.team-legal-title h2 {

    font-size: 18px;

    color: #0D1A2E;

    font-weight: 500;

    margin: 22px 0 50px;

}

.team-legal-desc p {

    font-size: 16px;

    color: #6b7a7a;

    font-weight: 400;

    padding-left: 35px;

    position: relative;

}

.team-legal-desc p::before {

    position: absolute;

    content: '';

    width: 8px;

    height: 8px;

    border-radius: 4px;

    background-color: #cc945b;

    left: 0;

    top: 8px;

}

.team-award-title h2 {

    font-size: 18px;

    color: #0D1A2E;

    font-weight: 500;

    margin: 22px 0 45px;

}

.team-award-desc p {

    font-size: 16px;

    color: #6b7a7a;

    font-weight: 400;

    padding-left: 35px;

    position: relative;

}

.team-award-desc p::before {

    position: absolute;

    content: '';

    width: 8px;

    height: 8px;

    border-radius: 4px;

    background-color: #cc945b;

    left: 0;

    top: 8px;

}

.team-award-title h3 {

    font-size: 18px;

    color: #0D1A2E;

    font-weight: 500;

}



/* team details contact */

.team-details-area .team-details-contact-form {

    background: url(../images/home-2/contact-form-bg.webp);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 32px 40px 50px;

    width: 448px;

    margin: 120px 0 0;

}

.team-details-area .form-title h4 {

    font-size: 30px;

    color: #ffffff;

    font-weight: 700;

    margin-bottom: 25px;

}

.team-details-area .form-box input {

    width: 100%;

    border: 0;

    border-bottom: 1px solid rgb(255 255 255 / 20%);

    background: transparent;

    padding-bottom: 9px;

    margin-bottom: 25px;

    outline: 0;

    color: #fff;

}

.team-details-area .form-box input::placeholder {

    font-size: 16px;

    color: rgb(255 255 255 / 40%);

    font-weight: 300;

}

.team-details-area .form-box textarea {

    width: 100%;

    height: 100px;

    border: 0;

    border-bottom: 1px solid rgb(255 255 255 / 20%);

    background: transparent;

    margin-bottom: 20px;

    outline: 0;

    color: #fff;

}

.team-details-area .form-box textarea::placeholder {

    font-size: 16px;

    color: rgb(255 255 255 / 40%);

    font-weight: 300;

}

.team-details-area .form-button button {

    display: inline-block;

    font-size: 16px;

    padding: 16px 35px;

    color: #fff;

    font-weight: 500;

    position: relative;

    z-index: 1;

    transition: .5s;

    border: none;

    border-radius: 0;

    background-color: #cc945b;

    overflow: hidden;

}

.team-details-area .form-button button:before {

    position: absolute;

    content: "";

    z-index: -1;

    width: 60px;

    height: 60px;

    left: -41px;

    top: -2px;

    border-radius: 30px;

    background: #fff;

    opacity: 0.3;

    transform: scale(1);

    transition: .5s;

}

.team-details-area .form-button button:hover:before{

    width:100%;

    height:100%;

    border-radius:0;

    left:0;

}

/* team skill */

.team-details-skills {

    padding-top: 125px;

  }

  

.team-details-skills h4 {

    font-size: 32px;

    line-height: 30px;

    color: #0f1e36;

    font-weight: 700;

    margin-bottom: 49px;

}

.skill {

    margin-bottom: 29px;

    position: relative;

    overflow: hidden;

}

.skill > p {

    font-size: 20px;

    font-weight: 600;

    margin: 0 0 13px;

    color: #152147;

}

.skill:before {

    width: 97%;

    height: 8px;

    content: "";

    display: block;

    position: absolute;

    background-color: #faf4ee;

    bottom: 0;

    border-radius: 4px;

}

.skill-bar {

    width: 74% !important;

    height: 8px;

    display: block;

    position: relative;

    background: #cc945b;

    border-radius: 4px;

}



/* SKILL 1 */

.skill1 {

    width: 95%;

}

.skill-bar span {

    position: absolute;

    top: -40px;

    padding: 0;

    font-size: 18px;

    padding: 3px 0;

    font-weight: 500;

    color: #cc945b;

}

.skill-bar {

    position: relative;

}



.skill1 .skill-count1 {

    right: 0;

}

/* SKILL 2 */

.skill2 {

    width: 66% !important;

}



.skill2 .skill-count2 {

    right: 0;

}



.skill3 {

    width: 72% !important;

}



.skill3 .skill-count3 {

    right: 0;

}





/*

<!-- =====================================-->

<!-- prolegal Video section css -->

<!-- =====================================-->*/

.video-section {

    background-image: url(../images/home-1/hero-bg3.webp);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

    overflow: hidden;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .video__area {

        background-attachment: unset;

    }

}

@media only screen and (max-width: 767px) {

    .video__area {

        background-attachment: unset;

    }

}

.video__area:hover .play-now {

    opacity: 0;

    visibility: hidden;

}

.video__area .play-now {

    display: inline-block;

    font-size: 24px;

    color: #fff;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    position: absolute;

    opacity: 1;

    visibility: visible;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    top: 34%;

    left: 50%;

    text-align: center;

    width: 100px;

    height: 100px;

    line-height: 100px;

    border-radius: 50%;

    border: 1px solid rgb(19 27 53 / 40%);

    transform: rotate(50deg);

}

span.play-now i {

    width: 70px;

    height: 70px;

    border-radius: 34px;

    background-color: rgba(255,255,255,0.2);

    line-height: 70px;

    text-align: center;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .video__area .play-now {

        width: 150px;

        height: 150px;

        line-height: 150px;

    }

}

@media only screen and (max-width: 767px) {

    .video__area .play-now {

        width: 120px;

        height: 120px;

        line-height: 120px;

    }

}

.video__content {

    display: block;

    width: 100%;

    height: 750px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .video__content {

        height: 550px;

    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .video__content {

        height: 550px;

    }

}

@media only screen and (max-width: 767px) {

    .video__content {

        height: 450px;

    }

}

.video__content a {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    border: none;

    background-color: transparent;

}

.cursor {

    position: fixed;

    pointer-events: none;

    font-weight: 600;

    font-size: 24px;

    line-height: 23px;

    color:#fff;

    background:black;

    text-transform: capitalize;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 100px;

    height: 100px;

    border-radius: 100%;

    -webkit-transform: translate(-50%, -50%) scale(0);

    transform: translate(-50%, -50%) scale(0);

    z-index: 999;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;



}

.cursor.video {

    width: 160px;

    height: 160px;

    line-height: 160px;

    border-radius: 100%;

    background-color: transparent;

    border: 1px solid rgb(19 27 53 / 40%);

}



@media only screen and (max-width: 767px) {

    .cursor.video {

        display: none;

    }

}



/*

<!-- ============================================-->

<!--prolegal Teastimonial Area Css style-one -->

<!-- ============================================-->*/

.teastimonial-area.style-one {

    position: relative;

    margin-top: -200px;

}

.teastimonial-area.style-one .testimonial-thumb {

    position: relative;

    overflow: hidden;

}

.teastimonial-area.style-one .testimonial-thumb::before {

    background: rgba(255, 255, 255, 0.3);

    bottom: 0;

    content: "";

    left: 50%;

    position: absolute;

    right: 51%;

    top: 0;

    opacity: 1;

    pointer-events: none;

    -webkit-transition: all 400ms linear;

    transition: all 400ms linear;

}

.teastimonial-area.style-one .testimonial-thumb:hover:before {

    left: 0;

    right: 0;

    opacity: 0;

}

.teastimonial-area.style-one .testimonial-thumb img {

    width: 100%;

}

.teastimonial-area.style-one .teasti-author {

    position: absolute;

    bottom: 38px;

    left: 40px;

}

.teastimonial-area.style-one .teasti-author h2 {

    font-size: 16px;

    line-height: 30px;

    text-transform: uppercase;

    color: #E3E8F5;

    font-weight: 400;

}



.teastimonial-area.style-one .teasti-author h3 {

    font-size: 26px;

    line-height: 30px;

    color: #E3E8F5;

    font-weight: 500;

    margin-top: 6px;

}

.teastimonial-area.style-one .single-teasti-box {

    background-image: url(../images/home-1/testi-iteam-bg.webp);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 85px 50px 122px 232px;

    transition: 0.5s;

}

.teastimonial-area.style-one .teasti-quote {

    display: inline-block;

    position: relative;

}

.teastimonial-area.style-one .teasti-quote::before {

    position: absolute;

    content: '';

    width: 75px;

    height: 75px;

    line-height: 75px;

    border-radius: 50px;

    border: 1px solid rgba(204, 148, 91,0.4);

    left: -19px;

    top: -26px;

}

.teastimonial-area.style-one .teasti-content h4 {

    font-size: 24px;

    color: #152147;

    font-weight: 500;

    margin: 42px 0 30px;

}

.teastimonial-area.style-one .teasti-content p {

    font-size: 19px;

    line-height: 34px;

    color: #6b7a7a;

    font-weight: 400;

    margin-bottom: 50px;

}

.teastimonial-area.style-one .teasti-rating ul li {

    display: inline-block;

    font-size: 18px;

    color: #cc945b;

}



/* prolegal testi nav */

.teastimonial-area.style-one .owl-nav {

    position: absolute;

    left: 60px;

    bottom: 250px;

}

.teastimonial-area.style-one .owl-prev {

    display: inline-block;

    margin-right: 30px;

}

.teastimonial-area.style-one .owl-prev i {

    display: inline-block;

    font-size: 20px;

    transition: 0.5s;

    text-align: center;

    color: #ce9b6a;

    line-height: 46px;

    width: 46px;

    height: 46px;

    border-radius: 50%;

    border: 1px solid rgba(204, 148, 91,0.4);

}

.teastimonial-area.style-one .owl-next {

    display: inline-block;

}

.teastimonial-area.style-one .owl-next i {

    display: inline-block;

    font-size: 20px;

    transition: 0.5s;

    text-align: center;

    color: #ce9b6a;

    line-height: 46px;

    width: 46px;

    height: 46px;

    border-radius: 50%;

    border: 1px solid rgba(204, 148, 91,0.4);

}



.teastimonial-area.style-one.inner {

    margin: 0;

    background-color: #faf4ee;

}

.teastimonial-area.style-one.inner .single-teasti-box {

    background-image: url(../images/inner-image/testi-iteam-bg.webp);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 85px 50px 122px 225px;

    transition: 0.5s;

}



/*---=====================================================

   <!-- prolegal testimonial Area Css style-two-->

=========================================================---*/

.testimonial-area.style-two {

    padding: 0 0 120px;

    position: relative;

    z-index: 1;

}

.testimonial-area.style-two .section-sub-title span::before {

    position: inherit;

    font-family: "TheSans", sans-serif;

}

.style-two .testimonial-item-box {

    background-color: #faf4ee;

    padding: 44px 40px 45px;

    margin: 0 13px 10px;

    position: relative;

    transition: 0.5s;

}

.style-two .testimonial-item-box::before {

    position: absolute;

    content: '';

    opacity: 0.102;

    width: 320px;

    height: 360px;

    background-color: #0D1A2E;

    z-index: -1;

    right: -10px;

    bottom: -10px;

    clip-path: polygon(100% 0, 0% 100%, 100% 100%);

    transition: 0.5s;

}

.style-two .testimonial-item-box:hover::before{

    background-color:#cc945b; 

    opacity: 1;

}

.style-two .testimonial-item-box::after {

    position: absolute;

    content: '';

    width: 402px;

    height: 145px;

    background-color: rgb(203 147 93 / 5%);

    z-index: 1;

    right: -10px;

    bottom: 0px;

    clip-path: polygon(100% 0, 0% 100%, 100% 100%);

    transition: 0.5s;

}

.style-two .testi-reviews {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.style-two .testi-star i {

    color: #cc945b;

    display: inline-block;

    font-size: 16px;

    transition: 0.5s;

}

.style-two p.testi-quote {

    font-size: 16px;

    line-height: 28px;

    color: #6b7a7a;

    margin: 45px 0 40px;

    transition: 0.5s;

}

.style-two .testi-author {

    display: flex;

    align-items: center;

    gap: 20px;

}

.style-two .autor-desi h2 {

    font-size: 20px;

    color: #0D1A2E;

    font-weight: 500;

    margin: 0;

    transition: 0.5s;

}

.style-two .autor-desi h3 {

    font-size: 16px;

    color: #6b7a7a;

    font-weight: 400;

    margin: 5px 0 0;

    transition: 0.5s;

}



/*---=====================================================

   <!-- prolegal testimonial Area Css style-inner-->

=========================================================---*/

.testimonial-area.style-inner {

    padding: 105px 0 120px;

}

.testimonial-area.style-inner .testimonial-item-box {

    background-color: #ffffff;

    padding: 45px 50px 45px;

    transition: 0.5s;

    margin-bottom: 25px;

    position: relative;

}

.testimonial-area.style-inner .row.testi-bg {

    background-color: #faf4ee;

    padding: 0 45px 35px;

}

.testimonial-area.style-inner .testi-reviews {

    display: flex;

    justify-content: space-between;

}

.testimonial-area.style-inner .testi-star i {

    color: #cc945b;

    display: inline-block;

    font-size: 16px;

    transition: 0.5s;

}

.testimonial-area.style-inner p.testi-quote {

    font-size: 16px;

    line-height: 28px;

    color: #6b7a7a;

    font-weight: 400;

    margin: 45px 0 50px;

    width: 90%;

}

.testimonial-area.style-inner .author-thumb {

    width: 70px;

    height: 70px;

    border-radius: 35px;

    background-color: #cc945b;

}

.testimonial-area.style-inner .testi-author {

    display: flex;

    align-items: center;

    gap: 20px;

}

.testimonial-area.style-inner .autor-desi h2 {

    font-size: 24px;

    line-height: 28px;

    color: #152147;

    font-weight: 600;

}

.testimonial-area.style-inner .autor-desi h3 {

    font-size: 16px;

    color: #6b7a7a;

    font-weight: 400;

}

.testimonial-area.style-inner .testi-dot {

    position: absolute;

    bottom: 50px;

    right: 50px;

}



/*

<!-- =====================================-->

<!--prolegal case study area Css style-one -->

<!-- =====================================-->*/

.case-study-area.style-one {

    padding: 105px 0 120px 90px;

    position: relative;

}

.case-study-area.style-one .section-sub-title span::before {

    position: inherit;

    font-family: "TheSans", sans-serif;

}

.case-study-area.style-one .section-title-space {

    margin-bottom: 55px;

}

.case-study-area.style-one .case-study-thumb {

    position: relative;

    z-index: 1;

}

.case-study-area.style-one .case-study-thumb img {

    height: 410px;

}

.case-study-area.style-one .case-study-thumb::before {

    position: absolute;

    content: "";

    height: 0;

    width: 100%;

    left: 0;

    bottom: 0;

    background-image: linear-gradient(0deg, rgb(77, 97, 96,0.3) 0%, rgb(77, 97, 96,0.3) 100%);

    transition: 0.5s;

}

.case-study-area.style-one .single-case-study-box:hover .case-study-thumb::before {

    height: 100%;

}

.case-study-area.style-one .case-study-title {

    position: absolute;

    bottom: 0;

    text-align: center;

    left: 0;

    right: 0;

    opacity: 1 !important;

    transform: translateY(-50px);

    transition: 0.5s;

}

.case-study-area.style-one .single-case-study-box:hover .case-study-title{

    opacity: 1;

    transform: translateY(-58px);

}

.case-study-area.style-one .case-study-title h2 {

    font-size: 24px;

    line-height: 28px;

    color: #E3E8F5;

    font-weight: 600;

}



/* prolegal case nav */

.case-study-area.style-one .owl-nav {

    position: absolute;

    right: 12px;

    top: -106px;

}

.case-study-area.style-one .owl-prev {

    display: inline-block;

    margin-right: 30px;

}

.case-study-area.style-one .owl-prev i {

    display: inline-block;

    font-size: 20px;

    transition: 0.5s;

    text-align: center;

    color: #ce9b6a;

    line-height: 46px;

    width: 46px;

    height: 46px;

    border-radius: 50%;

    border: 1px solid rgba(204, 148, 91,0.4);

}

.case-study-area.style-one .owl-next {

    display: inline-block;

}

.case-study-area.style-one .owl-next i {

    display: inline-block;

    font-size: 20px;

    transition: 0.5s;

    text-align: center;

    color: #ce9b6a;

    line-height: 46px;

    width: 46px;

    height: 46px;

    border-radius: 50%;

    border: 1px solid rgba(204, 148, 91,0.4);

}

/* award */

.case-study-area.style-one .case-right-thumb {

    position: absolute;

    right: -65px;

    top: 120px;

}

.case-study-area.style-one .single-award-box {

    position: absolute;

    top: 20px;

    left: 20px;

    width: 180px;

    height: 211px;

    background-color: rgba(227,232,245,0.6);

    border: 1px solid rgba(255,255,255,0.9);

    text-align: center;

    margin: auto 0;

    padding: 32px 0 0;

}

.case-study-area.style-one .award-icon {

    margin-bottom: 35px;

}

.case-study-area.style-one .award-title h3 {

    font-size: 19px;

    line-height: 28px;

    color: #0D1A2E;

    font-weight: 600;

    text-align: center;

}

.case-study-area.style-one .case-circle-shape {

    position: absolute;

    top: -230px;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

}



.single-case-study-box .case-study-thumb:hover img:nth-child(1) {

    transform: translatex(0) scalex(1);

    opacity: 1;

    filter: blur(0);

}



.single-case-study-box .case-study-thumb:hover img:nth-child(2) {

    transform: translatex(-50%) scalex(2);

    opacity: 0;

    filter: blur(10px);

}



/*

<!-- =====================================-->

<!--prolegal Blog Area Css style-one-->

<!-- =====================================-->*/

.blog-area.style-one {

    padding: 110px 0 120px;

    position: relative;

    background-color: #faf4ee;

}

.blog-area.style-one.faq {

    padding: 230px 0 120px;

}

.blog-area.style-one .blog-box-bg {

    background-color: #ffffff;

    padding: 0 47px 85px;

}

.blog-area.style-one .single-blog-box {

    transition: 0.5s;

}

.blog-area.style-one .single-blog-thumb {

    position: relative;

    overflow: hidden;

    border-radius: 0;

}

.blog-area.style-one .single-blog-thumb::before {

    background: rgba(255, 255, 255, 0.3);

    bottom: 0;

    content: "";

    left: 50%;

    position: absolute;

    right: 51%;

    top: 0;

    opacity: 1;

    pointer-events: none;

    -webkit-transition: all 400ms linear;

    transition: all 400ms linear;

}

.blog-area.style-one .single-blog-box:hover .single-blog-thumb::before {

    left: 0;

    right: 0;

    opacity: 0;

}

.blog-area.style-one .single-blog-thumb img {

    width: 100%;

}

.blog-area.style-one .blog-content {

    background-color: #faf4ee;

    padding: 32px 30px 35px;

}

.blog-area.style-one .blog-content > a {

    display: inline-block;

    font-size: 24px;

    line-height: 30px;

    color: #0D1A2E;

    font-weight: 600;

    transition: 0.5s;

}

.blog-area.style-one .single-blog-box:hover .blog-content > a{

    color: #ce9b6a;   

}

.blog-area.style-one .blog-content p {

    font-size: 16px;

    line-height: 28px;

    color: #6b7a7a;

    font-weight: 400;

    margin: 16px 0 9px;

}

.blog-area.style-one .blog-btn a {

    font-size: 16px;

    line-height: 28px;

    text-transform: uppercase;

    color: #152147;

    font-weight: 500;

    display: flex;

    justify-content: space-between;

    transition: 0.5s;

    align-items: center;

}

.blog-area.style-one .single-blog-box:hover .blog-btn a{

    color: #ce9b6a;   

}

.blog-area.style-one .blog-btn a i {

    display: inline-block;

    color: #0D1A2E !important;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 20px;

    background-color: #ffffff;

    text-align: center;

    font-weight: 700 !important;

    position: relative;

    z-index: 1;

    transition: 0.5s;

}

.blog-area.style-one .single-blog-box:hover .blog-btn a i{

    background: #ce9b6a;

    color:#fff !important;   

}

/* blog dot */

.blog-area.style-one .owl-dots {

    text-align: center;

    position: relative;

    top: 35px;

}

.blog-area.style-one .owl-dot {

    position: relative;

    display: inline-block;

    margin: 0 13px;

    width: 8px;

    height: 8px;

    border-radius: 4px;

    background-color: #cc945b;

}

.blog-area.style-one .owl-dot.active::before {

    position: absolute;

    content: '';

    width: 18px;

    height: 18px;

    border-radius: 50%;

    border: 1px dashed #cc945b;

    top: -5px;

    left: -5px;

}



/*

<!-- =====================================-->

<!--prolegal Blog Area Css style-two-->

<!-- =====================================-->*/

.blog-area.style-one.two {

    background: #fff;

    padding: 0px 0 105px;

}

.blog-area.style-one.two .section-sub-title span::before {

    position: inherit;

    font-family: "TheSans", sans-serif;

}

.blog-area.style-one.two .single-blog-box {

    transition: 0.5s;

    position: relative;

    z-index: 1;

    margin: 11px 11px 22px;

}

.blog-area.style-one.two .blog-content {

    background-color: #faf4ee;

    padding: 32px 30px 20px;

}

.blog-area.style-one.two .single-blog-box:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    left: -11px;

    top: -9px;

    background: url(../images/home-2/blog-shape1.webp);

    background-repeat: no-repeat;

    z-index: -1;

}

.blog-area.style-one.two .single-blog-box::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    right: -94px;

    bottom: -100px;

    background: url(../images/home-2/blog-shape2.webp);

    background-repeat: no-repeat;

    z-index: -1;

}

.blog-area.style-one.two .blog-btn a {

    text-transform: capitalize;

}



/*

<!-- =====================================-->

<!--prolegal blog grid Area Css style-inner -->

<!-- =====================================-->*/

.blog-grid-area.style-inner {

    padding: 105px 0 120px;

    background-color: #faf4ee;

}

.blog-grid-area.style-inner .row.blog-grid-gap {

    margin-bottom: 25px;

}

.blog-grid-area.style-inner .blog-content h2 {

    font-size: 20px;

    line-height: 30px;

    color: #0D1A2E;

    font-weight: 600;

    transition: 0.5s;

    position: relative;

}

.blog-grid-area.style-inner .blog-content h2::before {

    position: absolute;

    content: '';

    width: 1px;

    height: 36px;

    background-image: linear-gradient(270deg, #fff 0%, #cc945b 100%);

    top: 75px;

    left: 0;

}

.blog-grid-area.style-inner .single-blog-box:hover .blog-content h2::before{

    background-image: linear-gradient(0deg, #cc945b 0%, #ffffff 100%);

}

.blog-grid-area.style-inner .blog-content h2 a{

    display: inline-block;

    transition: 0.5s;

}

.blog-grid-area.style-inner .single-blog-box:hover .blog-content h2 a{

    color: #fff;

}

.blog-grid-area.style-inner .blog-content p {

    font-size: 17px;

    line-height: 28px;

    color: #6b7a7a;

    font-weight: 400;

    padding: 60px 0 12px;

    transition: 0.5s;

}

.blog-grid-area.style-inner .single-blog-box:hover .blog-content p {

    color: #fff;

}

.blog-grid-area.style-inner .single-blog-box {

    background: #fff;

    padding: 30px 20px 25px;

    position: relative;

    z-index: 1;

    overflow: hidden;

    transition: 0.5s;

}

.blog-grid-area.style-inner .single-blog-box::before {

    position: absolute;

    content: '';

    width: 140px;

    height: 140px;

    border-radius: 70px;

    border: 15px solid #faf4ee;

    right: -60px;

    top: -50px;

    z-index: -1;

    transition: 0.5s;

}

.blog-grid-area.style-inner .single-blog-box:hover:before {

    border: 15px solid rgb(250 244 238 / 15%);

    z-index: 1;

}

.blog-grid-area.style-inner .single-blog-box::after {

    position: absolute;

    top: 0;

    left: 0;

    bottom: auto;

    width: 100%;

    height: 0;

    background:#cc945b;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

    opacity: 0.5;

    content: "";

    z-index: -1;

}

.blog-grid-area.style-inner .single-blog-box:hover::after {

    height: 100%;

    opacity: 1;

}

.blog-grid-area.style-inner .blog-btn {

    text-align: right;

}

.blog-grid-area.style-inner .blog-btn a {

    display: inline-block;

    font-size: 14px;

    line-height: 28px;

    text-transform: uppercase;

    color: #cc945b;

    font-weight: 600;

    text-align: right;

    position: relative;

    z-index: 1;

    transition: 0.5s;

}

.blog-grid-area.style-inner .single-blog-box:hover .blog-btn a {

    color: #fff;

}

.blog-grid-area.style-inner .blog-btn a::before {

    position: absolute;

    content: '';

    width: 124px;

    height: 1px;

    right: 140px;

    top: 15px;

    background-image: linear-gradient(270deg, #fff 0%, #cc945b 100%);

}

.blog-grid-area.style-inner .single-blog-box:hover .blog-btn a::before {

    color: #fff;

}

.blog-grid-area.style-inner .blog-btn a i {

    font-size: 17px;

    display: inline-block;

    color: #cc945b;

    font-weight: 700;

    margin-left: 12px;

    transition: 0.5s;

}

.blog-grid-area.style-inner .single-blog-box:hover .blog-btn a i{

    opacity: 0;

}



/*

<!-- =====================================-->

<!--prolegal Footer Area Css style-one -->

<!-- =====================================-->*/

.footer-area.style-one {

    background: url(../images/home-1/footer-bg1.webp);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: relative;

}

/* footer brand */

.footer-area.style-one .brand-area {

    position: relative;

    padding-top: 68px;

}

.footer-area.style-one::before {

    position: absolute;

    content: '';

    background: url(../images/home-1/brand-bg.webp);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    width: 1185px;

    height: 170px;

    left: 0;

    top: 0;

}

.footer-area.style-one .brand-thumb {

    display: inline-block;

}

.footer-area.style-one .row.footer-info {

    padding: 175px 0 105px;

}

.footer-area.style-one .footer-desc p {

    font-size: 16px;

    line-height: 26px;

    color: rgb(255 255 255 / 60%);

    font-weight: 400;

    width: 80%;

    padding: 32px 0 30px;

}

.footer-area.style-one .footer-call-box {

    display: flex;

    align-items: center;

    gap: 20px;

}

.footer-area.style-one .footer-call-content h1 {

    font-size: 16px;

    line-height: 26px;

    color: #cc945b;

    font-weight: 400;

}

.footer-area.style-one .footer-call-content h2 {

    font-size: 18px;

    line-height: 26px;

    color: #ffffff;

    font-weight: 500;

    margin: 0;

}

.footer-area.style-one .footer-title h2 {

    font-size: 22px;

    color: #ffffff;

    font-weight: 600;

    position: relative;

    z-index: 1;

    display: inline-block;

}

.footer-area.style-one .footer-title h2::before {

    position: absolute;

    left: 0;

    bottom: -3px;

    width: 0%;

    height: 1px;

    background-color: rgb(255 255 255 /50%);

    content: "";

    z-index: -1;

    opacity: 0;

    transition: .5s;

}

.footer-area.style-one .footer-title h2:hover::before {

	width: 100%;

	opacity: 1;

}

.footer-area.style-one .footer-list-item {

    padding-top: 58px;

}

.footer-area.style-one .footer-list-item ul li {

    margin-bottom: 18px;

}

.footer-area.style-one .footer-list-item ul li a {

    display: inline-block;

    font-size: 16px;

    line-height: 28px;

    color: rgb(255 255 255 / 60%);

    font-weight: 400;

    transition: 0.5s;

}

.footer-area.style-one .footer-list-item ul li a:hover{

    color: #cc945b; 

}

.footer-area.style-one .footer-list-item ul li a i {

    display: inline-block;

    margin-right: 15px;

    transition: 0.5s;

    font-size: 17px;

}

.footer-area.style-one .footer-list-item ul li a:hover i{

    color: #cc945b; 

}



/* footer contact */

.footer-area.style-one .footer-contact-area {

    background: url(../images/home-1/f-contact-bg.webp);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 105px 32px 50px;

    border: 1px solid rgba(255,255,255,0.10196078431372549);

}

.footer-area.style-one .footer-contact-title h2 {

    font-size: 16px;

    text-transform: uppercase;

    color: #cc945b;

    font-weight: 500;

}

.footer-area.style-one .footer-contact-title h1 {

    font-size: 32px;

    color: #ffffff;

    font-weight: 600;

    margin: 20px 0 45px;

}

.footer-area.style-one .form-box input {

    width: 100%;

    border: 0;

    border-bottom: 1px solid rgb(255 255 255 / 20%);

    background: transparent;

    padding-bottom: 9px;

    margin-bottom: 25px;

    outline: 0;

    color: #fff;

    border-radius: inherit;

}

.footer-area.style-one .form-box input::placeholder {

    font-size: 16px;

    color: rgb(255 255 255 / 40%);

    font-weight: 300;

}

.footer-area.style-one .form-box textarea {

    width: 100%;

    height: 100px;

    border: 0;

    border-bottom: 1px solid rgb(255 255 255 / 20%);

    background: transparent;

    margin-bottom: 20px;

    outline: 0;

    color: #fff;

}

.footer-area.style-one .form-box textarea::placeholder {

    font-size: 16px;

    color: rgb(255 255 255 / 40%);

    font-weight: 300;

}

.footer-area.style-one .contact-form button {

    font-size: 16px;

    text-transform: uppercase;

    color: #E3E8F5;

    font-weight: 500;

    background-color: #cc945b;

    border: 0;

    padding: 15px 30px;

    position: relative;

    z-index: 1;

    transition: 0.5s;

    margin-top: 13px;

}

.footer-area.style-one .contact-form button:before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: auto;

    width: 100%;

    height: 0;

    background: #fff;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

    opacity: 0.5;

    content: "";

    z-index: -1;

}

.footer-area.style-one .contact-form button:hover:before {

    height: 100%;

    opacity: 1;

}

.footer-area.style-one .contact-form button:hover {

    color:#cc945b;

}



/* footer bottom */

.footer-area.style-one .footer-bottom-area {

    background-color: #152147;

    padding: 15px 0;

}

.footer-area.style-one .footer-bottom-content p {

    font-size: 16px;

    line-height: 28px;

    color: rgb(255 255 255 / 60%);

    font-weight: 400;

    margin: 0;

}

.footer-area.style-one .footer-bottom-right {

    text-align: right;

}

.footer-area.style-one .footer-bottom-right a {

    display: inline-block;

    font-size: 16px;

    line-height: 28px;

    color: rgb(255 255 255 / 60%);

    font-weight: 400;

    margin: 0 12px;

    transition: .5s;

}

.footer-area.style-one .footer-shape {

    position: absolute;

    right: 60px;

    bottom: 215px;

    animation: floatScales 3s ease-in-out infinite;

}



.footer-area.style-one .footer-bottom-right a:hover {

    color: #cc945b;

}



/*

<!-- =====================================-->

<!--prolegal Footer Area Css style-two -->

<!-- =====================================-->*/

.footer-area.style-two.three {

    background: url(../images/home-3/footer-bg2.webp);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: relative;

    padding: 125px 0 0;

}



.footer-area.style-two {

    background: url(../images/home-2/footer-bg2.webp);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: relative;

    padding: 125px 0 0;

}



.footer-area.style-two .footer-desc p {

    font-size: 16px;

    line-height: 26px;

    color: rgb(255 255 255 / 60%);

    font-weight: 400;

    width: 80%;

    padding: 32px 0 30px;

}

.footer-area.style-two .footer-call-box {

    display: flex;

    align-items: center;

    gap: 20px;

}

.footer-area.style-two .footer-call-content h1 {

    font-size: 16px;

    line-height: 26px;

    color: #cc945b;

    font-weight: 400;

}

.footer-area.style-two .footer-call-content h2 {

    font-size: 18px;

    line-height: 26px;

    color: #ffffff;

    font-weight: 500;

    margin: 0;

}

.footer-area.style-two .footer-title h2 {

    font-size: 22px;

    color: #ffffff;

    font-weight: 600;

    position: relative;

    z-index: 1;

    display: inline-block;

    margin-bottom: 45px;

}

.footer-area.style-two .footer-title h2::before {

    position: absolute;

    left: 0;

    bottom: -3px;

    width: 0%;

    height: 1px;

    background-color: rgb(255 255 255 /50%);

    content: "";

    z-index: -1;

    opacity: 0;

    transition: .5s;

}

.footer-area.style-two .footer-title h2:hover::before {

	width: 100%;

	opacity: 1;

}

.footer-area.style-two .footer-list-item ul li {

    margin-bottom: 18px;

}

.footer-area.style-two .footer-list-item ul li a {

    display: inline-block;

    font-size: 16px;

    line-height: 28px;

    color: rgb(255 255 255 / 60%);

    font-weight: 400;

    transition: 0.5s;

}

.footer-area.style-two .footer-list-item ul li a:hover{

    color: #cc945b; 

}

.footer-area.style-two .footer-list-item ul li a i {

    display: inline-block;

    margin-right: 15px;

    transition: 0.5s;

    font-size: 17px;

}

.footer-area.style-two .footer-content-location h2 {

    font-size: 18px;

    color: #ffffff;

    font-weight: 500;

    margin: 0;

    position: relative;

}

.footer-area.style-two .footer-content-location h2::before {

    position: absolute;

    content: '';

    opacity: 0.600;

    width: 69px;

    height: 1px;

    background-color: #ffffff;

    bottom: -3px;

    left: 0;

}

.footer-area.style-two .footer-content-location p {

    opacity: 0.600;

    font-size: 16px;

    line-height: 28px;

    color: #ffffff;

    font-weight: 400;

    padding-top: 20px;

}

.footer-area.style-two .footer-info-title h2 {

    font-size: 18px;

    color: #ffffff;

    font-weight: 500;

    margin: 22px 0 23px;

    position: relative;

}

.footer-area.style-two .footer-info-title h2::before{

    position: absolute;

    content: '';

    opacity: 0.600;

    width: 62px;

    height: 1px;

    background-color: #ffffff;

    bottom: -3px;

    left: 0;

}

.footer-area.style-two ul.footer-contact-info li {

    margin-bottom: 20px;

}

.footer-area.style-two .footer-contact-info li a {

    display: inline-block;

    font-size: 16px;

    line-height: 28px;

    color: #ffffff;

    font-weight: 500;

}

.footer-area.style-two .footer-contact-info li a span {

    display: inline-block;

    opacity: 0.600;

    font-size: 16px;

    color: #ffffff;

    font-weight: 400;

}

.footer-area.style-two .footer-bottom-area {

    background-color: #FFFFFF1A;

    padding: 15px 0 10px;

    margin-top: 90px;

}

.footer-area.style-two .footer-bottom-content p {

    font-size: 16px;

    line-height: 28px;

    color: rgb(255 255 255 / 60%);

    font-weight: 400;

    margin: 0;

}

.footer-area.style-two .footer-bottom-right {

    text-align: right;

}

.footer-area.style-two .footer-bottom-right a {

    display: inline-block;

    font-size: 16px;

    line-height: 28px;

    color: rgb(255 255 255 / 60%);

    font-weight: 400;

    margin: 0 12px;

    transition: .5s;

}

.footer-area.style-two .footer-shape {

    position: absolute;

    right: 60px;

    bottom: 190px;

    animation: floatScales 3s ease-in-out infinite;

}



.footer-area.style-two .footer-bottom-right a:hover {

    color: #cc945b;

}



.footer-bottom-content {

  position: relative;

}



.footer-bottom-content:before {

    position: absolute;

    content: "";

    top: 13px;

    left: 0;

    right: 0;

    height: 1px;

    background: linear-gradient(

    90deg,

    rgba(255, 255, 255, 0) 10%,

    #cc945b 50%,

    rgba(255, 255, 255, 0) 90%

  );

    transform: translateX(55%);

}

/*

<!-- =====================================-->

<!-- prolegal counter area css style-two -->

<!-- =====================================-->*/

.counter-area.style-one {

    background: #152147;

    position: relative;

    margin-left: -100px;

}

.counter-area.style-one .single-counter-box {

    text-align: center;

    padding: 35px 0 32px;

}

.counter-area.style-one .single-counter-box.box-2 {

    background: #0D1A2E;

    padding: 35px 0 32px;

    margin: 0 -15px;

    position: relative;

}

.counter-area.style-one .single-counter-box.box-2::before {

    position: absolute;

    content: '';

    opacity: 0.102;

    width: 1px;

    height: 200px;

    background-color: #ffffff;

    right: -20px;

    top: 0;

}

.counter-area.style-one .single-counter-box.box-2::after {

    position: absolute;

    content: '';

    opacity: 0.102;

    width: 1px;

    height: 200px;

    background-color: #ffffff;

    left:-20px;

    top: 0;

}

.counter-area.style-one .counter-content h2 {

    display: inline-block;

    font-size: 60px;

    color: #cc945b;

    font-weight: 700;

}

.counter-area.style-one .counter-content span {

    display: inline-block;

    font-size: 60px;

    color: #cc945b;

    font-weight: 700;

}

.counter-area.style-one .counter-content p {

    font-size: 18px;

    line-height: 34px;

    text-transform: uppercase;

    color: #BDC3D3;

    font-weight: 500;

}



/* contact */

.contact-area.style-one {

    position: absolute;

    top: 0;

    right: 290px;

    z-index: 1;

}

.contact-area.style-one .contact-form {

    background: url(../images/home-2/contact-form-bg.webp);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 32px 40px 50px;

}

.contact-area.style-one .form-title h3 {

    font-size: 30px;

    color: #ffffff;

    font-weight: 700;

    margin-bottom: 25px;

}

.contact-area.style-one .form-box input {

    width: 100%;

    border: 0;

    border-bottom: 1px solid rgb(255 255 255 / 20%);

    background: transparent;

    padding-bottom: 9px;

    margin-bottom: 25px;

    outline: 0;

    color: #fff;

}

.contact-area.style-one .form-box input::placeholder {

    font-size: 16px;

    color: rgb(255 255 255 / 40%);

    font-weight: 300;

}

.contact-area.style-one .form-box textarea {

    width: 100%;

    height: 100px;

    border: 0;

    border-bottom: 1px solid rgb(255 255 255 / 20%);

    background: transparent;

    margin-bottom: 35px;

    outline: 0;

    color: #fff;

}

.contact-area.style-one .form-box textarea::placeholder {

    font-size: 16px;

    color: rgb(255 255 255 / 40%);

    font-weight: 300;

}

.contact-area.style-one .form-button button {

    display: inline-block;

    font-size: 16px;

    padding: 16px 35px;

    color: #fff;

    font-weight: 500;

    position: relative;

    z-index: 1;

    transition: .5s;

    border: none;

    border-radius: 0;

    background-color: #cc945b;

    overflow: hidden;

}

.contact-area.style-one .form-button button:before {

    position: absolute;

    content: "";

    z-index: -1;

    width: 60px;

    height: 60px;

    left: -41px;

    top: -2px;

    border-radius: 30px;

    background: #fff;

    opacity: 0.3;

    transform: scale(1);

    transition: .5s;

}

.contact-area.style-one .form-button button:hover:before{

    width:100%;

    height:100%;

    border-radius:0;

    left:0;

}



/*

<!-- =====================================-->

<!--prolegal feature Area css style-two -->

<!-- =====================================-->*/

.feature-area.style-one {

    padding: 105px 0 100px;

}

.feature-area.style-one .section-sub-title span::before {

    position: inherit;

    font-family: "TheSans", sans-serif;

}

.feature-area.style-one .feature-box {

    background: rgba(204, 148, 91,0.1);

    padding: 34px 23px 25px 38px;

    position: relative;

    z-index: 1;

    margin-bottom: 20px;

}

.feature-area.style-one .feature-box:before{

    position:absolute;

    content:"";

    width:0;

    height:100%;

    left:50%;

    top:0;

    background:#0D1A2E;

    z-index:-1;

    transition:0.5s;

}

.feature-area.style-one .feature-box:hover:before{

    width:100%;

    left:0;

}

.feature-area.style-one .feature-box-thumb {

    display: flex;

    align-items: center;

    gap: 18px;

}

.feature-area.style-one .feature-box-thumb img{

    transition:0.5s;

}

.feature-area.style-one .feature-box:hover .feature-box-thumb img{

    filter:brightness(0) invert(8);

}

.feature-area.style-one .feature-box .feature-box-title h2 {

    font-size: 20px;

    color: #0D1A2E;

    font-weight: 600;

    margin: 0 0 0;

    transition:0.5s;

}

.feature-area.style-one .feature-box:hover .feature-box-title h2{

    color:#fff;

}

.feature-area.style-one .feature-box p.feature-box-desc {

    margin: 17px 0 0;

    color: #6b7a7a;

    transition: 0.5s;

}

.feature-area.style-one .feature-box:hover p.feature-box-desc{

    color: #BDC3D3;

}



/*

<!-- =====================================-->

<!--prolegal Our practice Area css style-two -->

<!-- =====================================-->*/

.our-practice-area.style-one {

    padding: 0px 0 120px;

}

.our-practice-area.style-one.inner {

    padding: 100px 0 120px;

}

.our-practice-area.style-one .section-sub-title span::before {

    position: inherit;

    font-family: "TheSans", sans-serif;

}

.style-one .single-practice-box {

    text-align: center;

    position: relative;

    transition: 0.5s;

    margin-bottom: 20px;

}

.style-one .practice-content {

    background-color: #faf4ee;

    padding: 16px 0 26px;

    border-top: 3px solid #cc945b;

    position: relative;

    z-index: 1;

    transition: 0.5s;

}

.style-one .single-practice-box:hover .practice-content{

    border-top: 3px solid #0D1A2E;

}

.style-one .practice-content:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 0;

    left: 0;

    top: 0;

    background: #cc945b;

    z-index: -1;

    transition: 0.5s;

}

.style-one .single-practice-box:hover .practice-content:before {

    height: 100%;

}

.style-one .practice-content h2 {

    font-size: 16px;

    color: #6b7a7a;

    font-weight: 400;

    transition: 0.5s;

}

.style-one .single-practice-box:hover .practice-content h2{

    color: #fff;

}

.style-one .practice-content h3 {

    margin: 0;

}

.style-one .practice-content h3 a {

    font-size: 24px;

    color: #0E1E35;

    font-weight: 600;

    display: inline-block;

    transition: 0.5s;

}

.style-one .single-practice-box:hover .practice-content h3 a{

    color: #fff;

}

.style-one .practice-thumb img {

    width: 100%;

}

.style-one .practice-icon {

    width: 80px;

    height: 80px;

    border-radius: 40px;

    background-color: #faf4ee;

    margin: auto;

    line-height: 75px;

    position: absolute;

    right: 0;

    left: 0;

    bottom: -34px;

    transition: 0.5s;

}

.style-one .practice-icon img {

    transition: 0.5s;

}

.style-one .single-practice-box:hover .practice-icon{

    background: #cc945b;

}

.style-one .single-practice-box:hover .practice-icon img {

    filter: brightness(0) invert(1);

}

/*---=====================================================

   <!--prolegal project Area Css style-one -->

=========================================================---*/

.project-area.style-one {

    padding: 105px 0 105px;

}

.project-area.style-one .section-sub-title span::before {

    position: inherit;

    font-family: "TheSans", sans-serif;

}

.project-area.style-one .project-section-btn{

    text-align: right;

}

.project-area.style-one .project-section-btn a{

    display: inline-block;

    font-size: 16px;

    padding: 16px 35px;

    color: #fff;

    font-weight: 500;

    position: relative;

    z-index: 1;

    transition: .5s;

    border: none;

    border-radius: 0;

    background-color: #cc945b;

    overflow: hidden;

}

.project-area.style-one .project-section-btn a:before {

    position: absolute;

    content: "";

    z-index: -1;

    width: 60px;

    height: 60px;

    left: -41px;

    top: 0px;

    border-radius: 30px;

    background: #fff;

    opacity: 0.3;

    transform: scale(1);

    transition: .5s;

}

.project-area.style-one .project-section-btn a:hover:before{

    width:100%;

    height:100%;

    border-radius:0;

    left:0;

}

.project-area.style-one .single-case-study {

    position: relative;

}

.project-area.style-one .single-case-study.box-2 {

    margin-bottom: 25px;

}

.project-area.style-one .case-study-thumb img {

    width: 100%;

}

.project-area.style-one .single-case-study .cases-study-content {

    background: url(../images/home-2/case-study-content-bg.webp);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    text-align: left;

    width: 365px;

    height: 120px;

    position: absolute;

    left: 9px;

    bottom: 37px;

    right: inherit;

    padding: 17px 33px 35px;

    transform: perspective(500px)rotateX(90deg);

    transition: 0.5s;

    z-index: 1;

}

.project-area.style-one .single-case-study:hover .cases-study-content {

    bottom: 40px;

    transform: perspective(500px)rotateX(0deg);

    transition: 0.5s;

}

.project-area.style-one .single-case-study .cases-study-content h2.title{

    margin:0;

}

.project-area.style-one .single-case-study .cases-study-content h2.title a {

    display: inline-block;

    font-size: 22px;

    color: #ffffff;

    font-weight: 600;

    font-family: "TheSans";

}

.project-area.style-one .single-case-study p.description {

    font-size: 18px;

    color: #BDC3D3;

    font-weight: 400;

    font-family: "TheSans";

    margin: 0;

}

.project-area.style-one .single-case-study .case-study-button {

    margin-top: 0;

    position: absolute;

    bottom: 30px;

    right: -22px;

}

.project-area.style-one .single-case-study .case-study-button a {

    display: inline-block;

    width: 50px;

    height: 50px;

    border-radius: 25px;

    background-color: #cc945b;

    text-align: center;

    color: #fff;

    line-height: 50px;

}



/* brand area style two */

.brand-area.style-two {

    background-color: #152147;

    padding: 80px 0 75px;

}

.brand-area.style-two .brand-thumb {

    display: inline-block;

}



/*---=====================================================

   <!--prolegal project Area Css style-inner -->

=========================================================---*/

.project-area.style-inner {

    padding: 105px 0 100px;

}

.project-area.style-inner .row.project-bg {

    background-color: #faf4ee;

    padding: 0 50px 35px;

}

.project-area.style-inner .single-case-study {

    margin-bottom: 25px;

    transition: 0.5s;

}

.project-area.style-inner .case-study-thumb {

    position: relative;

    transition: 0.5s;

    overflow: hidden;

}

.project-area.style-inner .case-study-thumb:hover .case-study-button{

    opacity: 1;

    transform: translateY(-290px);

}

.project-area.style-inner .case-study-thumb img {

    width: 100%;

}

.project-area.style-inner .case-study-button {

    position: absolute;

    left: 0;

    right: 0;

    text-align: center;

    bottom: 0;

    opacity: 0;

    transition: 0.5s;

}

.project-area.style-inner .case-study-button a {

    display: inline-block;

    width: 74px;

    height: 74px;

    line-height: 74px;

    border-radius: 50%;

    background-color: #cc945b;

    text-align: center;

    font-size: 40px;

    color: #fff;

    transform: rotate(-45deg);

    transition: 0.5s;

    position: relative;

}

.project-area.style-inner .case-study-button a::before {

    position: absolute;

    content: '';

    width: 100px;

    height: 100px;

    line-height: 100px;

    border-radius: 50px;

    border: 2px solid #ffffff;

    left: -13px;

    top: -15px;

}

.project-area.style-inner .cases-study-content h2 {

    position: absolute;

    bottom: 70px;

    text-align: center;

    left: 0;

    right: 0;

    font-size: 30px;

    color: #ffffff;

    font-weight: 500;

    transition: 0.5s;

}

.project-area.style-inner .cases-study-content h2 a{

    display: inline-block;

    transition: 0.5s;

}

.project-area.style-inner .cases-study-content h2 a:hover{

    color: #cc945b;

}





/*---=====================================================

   <!--prolegal Breadcumb Area Css-->

=========================================================---*/

.breadcumb-area {

    background: url(../images/home-1/breadcumb-bg1.webp);

    padding: 211px 0 170px;

    background-repeat: no-repeat;

    background-size: cover;

    margin-top: -100px;

    position: relative;

}

.breadcumb-content {

    text-align: center;

}

.breadcumb-content h4 {

    font-size: 55px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 15px;

}

.breadcumb-content ul li a {

    display: inline-block;

    font-size: 18px;

    color: #ffffff;

    font-weight: 400;

}

.breadcumb-content ul li a span {

    display: inline-block;

    margin: 0 5px;

    position: relative;

    top: 2px;

}

.breadcumb-content ul li {

    display: inline-block;

    font-size: 18px;

    color: #ffffff;

    font-weight: 400;

}



/*---=====================================================

   <!--prolegal service details Area Css-->

=========================================================---*/

section.service-details-area {

    padding: 120px 0 120px;

}

h4.services-details-title {

    font-size: 42px;

    color: #0D1A2E;

    font-weight: 600;

    margin: 40px 0 24px;

}

p.service-details-desc {

    font-size: 17px;

    line-height: 26px;

    color: #6b7a7a;

    font-weight: 400;

    margin-bottom: 24px;

}

p.service-detail-desc {

    font-size: 17px;

    line-height: 26px;

    color: #6b7a7a;

    font-weight: 400;

}

.service-court-title h3 {

    font-size: 30px;

    color: #0D1A2E;

    font-weight: 600;

    margin: 35px 0 30px;

}

.service-details-iteam {

    padding-left: 20px;

}

.service-details-iteam ul li {

    font-size: 17px;

    color: #6b7a7a;

    font-weight: 400;

    margin-bottom: 20px;

}

.service-details-iteam ul li i {

    display: inline-block;

    color: #cc945b;

    margin-right: 20px;

}

.service-lawyer-title h4 {

    font-size: 30px;

    color: #0D1A2E;

    font-weight: 600;

    margin: 55px 0 22px;

}

.service-lawyer-desc p {

    font-size: 17px;

    line-height: 26px;

    color: #6b7a7a;

    font-weight: 400;

}

.work-client-title h2 {

    font-size: 30px;

    line-height: 42px;

    color: #0D1A2E;

    font-weight: 600;

    margin: 0;

}

.work-client-title {

    padding: 82px 10px 30px;

}

section.service-details-area .single-lawyer-box {

    background-color: #f5f6f8;

    padding: 35px 35px 40px;

    position: relative;

    z-index: 1;

    transition: 0.5s;

}

section.service-details-area .single-lawyer-box::before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background: url(../images/inner-image/testi-shape.webp);

    background-repeat: no-repeat;

    background-position: center center;

    right: -140px;

    bottom: -138px;

    transition: 0.5s;

}

section.service-details-area .author-content {

    text-align: left;

    margin-top: 0;

    display: flex;

    align-items: center;

    gap: 20px;

    transition: 0.5s;

}

section.service-details-area h3.author-title {

    font-size: 24px;

    line-height: 30px;

    color: #0f1e36;

    font-weight: 600;

    transition: 0.5s;

}

section.service-details-area span.author-text {

    display: inline-block;

    font-size: 16px;

    line-height: 30px;

    color: #616161;

    font-weight: 400;

    opacity: 1;

    transition: 0.5s;

}

section.service-details-area p.lawyer_des {

    font-size: 16px;

    line-height: 30px;

    color: #616161;

    font-weight: 400;

    opacity: 1;

    width: 100%;

    padding: 25px 0 35px;

    transition: 0.5s;

}

section.service-details-area .autor-ratting {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

}

section.service-details-area .autor-ratting::before {

    position: absolute;

    content: "";

    width: 175px;

    height: 40px;

    background-color: #ffffff;

    left: -35px;

    bottom: -4px;

    border-radius: 0px 30px 30px 0;

}

section.service-details-area .lawyer_rating ul li {

    display: inline-block;

    color: #ffb328;

    font-size: 14px;

    letter-spacing: 5px;

    position: relative;

}

.widget_search form {

    position: relative;

}

.widget_search input {

    padding-left: 20px !important;

    height: 60px;

    width: 100% !important;

    position: relative;

    color: #012549;

    outline: 0 !important;

    border: transparent !important;

    margin-top: 45px;

    background-color: #cc945b;

}

button.icons {

    border: 0;

    font-size: 16px;

    position: absolute;

    right: 14px;

    top: 63px;

    color: #fff;

    background: transparent;

}

.widget_search input::placeholder {

    color: #fff;

}

.category-content h4 {

    font-size: 18px;

    line-height: 27px;

    color: #0D1A2E;

    font-weight: 500;

}

.category-content h4 a{

    display: inline-block;

    transition: 0.5s;

}

.category-content h4 a:hover{

  color:#cc945b; 

}

ul.list_category li {

    display: inline-block;

    margin-bottom: 5px;

    margin-right: 7px;

}

.category-content h5 {

    font-size: 16px;

    line-height: 27px;

    color: #6b7a7a;

    font-weight: 400;

    margin: 0;

}

.post-thumb {

    margin-right: 15px;

}

.recent-post-items {

    padding-top: 45px;

}

.recent-category-items {

    margin-bottom: 20px;

}

.widget-sidber {

    border-radius: 5px;

    padding: 38px 40px 40px;

    margin-bottom: 27px;

    background-color: #faf4ee;

}

.widget-sidber-content h4 {

    font-size: 32px;

    line-height: 1;

    color: #07101F;

    font-weight: 700;

    font-family: "TheSans";

    position: relative;

}

.widget-sidber-content h4::before {

    position: absolute;

    content: "";

    width: 30px;

    height: 2px;

    background-color: #ffb328;

    bottom: -18px;

}

.widget_search form {

    position: relative;

}

.widget-category {

    margin-top: 45px;

}

.widget-category ul li img {

    margin-right: 12px;

    transition: 0.5s;

}

.widget-category ul li a:hover img {

    filter: brightness(0) invert(1);

}

.widget-category ul li {

    list-style: none;

}

.widget-category ul li a {

    padding: 14px 26px;

    width: 100%;

    display: inline-block;

    margin-bottom: 14px;

    border-radius: 5px;

    position: relative;

    z-index: 1;

    transition: 0.5s;

    text-transform: capitalize;

    font-size: 16px;

    color: #616161;

    font-weight: 400;

    background-color: #ffffff;

}

.widget-category ul li a:hover {

    color: #fff;

}

.widget-category ul li a:before {

    position: absolute;

    content: "";

    width: 0;

    height: 100%;

    left: 50%;

    top: 0;

    background: #ffb328;

    z-index: -1;

    border-radius: 5px;

    transition: 0.5s;

}

.widget-category ul li a:hover:before {

    width: 100%;

    left: 0;

}

.widget-category ul li i {

    color: black;

    display: inline-block;

    float: right;

    font-size: 17px;

    opacity: 0;

    transition: 0.5s;

  }

  

  .widget-category ul li a:hover i {

    opacity: 1;

    color: #fff;

  }

  

  .widget-sidber-download-button a {

    display: inline-block;

    background: #07101F;

    width: 100%;

    color: #fff;

    padding: 15px 23px;

    border-radius: 5px;

    margin-bottom: 18px;

    text-transform: capitalize;

  }

  

  .widget-sidber-download-button a.active {

    background: #cc945b !important;

  }

  

  .widget-sidber-download-button i {

    color: #fff;

    display: inline-block;

    font-size: 22px;

    margin-right: 9px;

    position: relative;

    top: 3px;

  }

  .widget-sidber-download-button a.active i {

    color: #fff;

  }

  .widget-sidber-download-button span i {

    float: right;

    display: inline-block;

    font-size: 16px;

  }

  .widget-sidber-download-button a.active span i {

    color: #fff;

  }

  

  .widget-sidber-download-button {

    margin-top: 45px;

  }

.widget-sidber-contact-box {

    background: url(../images/inner-image/sidber-contact.webp);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    border-radius: 5px;

    padding: 48px 43px 48px;

}

p.widget-sidber-contact-text {

    font-size: 18px;

    color: #ffffff;

    font-weight: 500;

    margin: 0;

    padding: 25px 0 10px;

}

h3.widget-sidber-contact-number {

    font-size: 24px;

    color: #ffffff;

    line-height: 1;

    font-weight: 600;

    margin-bottom: 15px;

}

span.widget-sidber-contact-gmail {

    font-size: 16px;

    color: #ffffff;

    font-weight: 400;

    margin: 0;

}

span.widget-sidber-contact-gmail i {

    display: inline-block;

    font-size: 17px;

    color:#cc945b;

    position: relative;

    top: 2px;

    margin-right: 6px;

}

.widget-sidber-contact-btn a {

    display: inline-block;

    font-size: 16px;

    color: #ffffff;

    font-weight: 400;

    text-decoration: none;

    background: #cc945b;

    padding: 16px;

    width: 100%;

    text-align: center;

    border-radius: 5px;

    margin-top: 55px;

    transition: 0.5s;

    border: 2px solid #cc945b;

}

.widget-sidber-contact-btn a i {

    display: inline-block;

    font-size: 18px;

    position: relative;

    top: 2px;

    margin-left: 3px;

}

.widget-sidber-contact-btn a:hover {

    background: transparent;

    color: #cc945b;

}



/***=====================================

   prolegal pricing area css style-one

====================================***/

.pricing-area.style-one {

    padding: 110px 0 100px;

}

.pricing-area.style-one .row.pricing-bg {

    background-color: #faf4ee;

    padding: 55px 50px 40px;

}

.style-one .pricing-single-items {

    background-color: #ffffff;

    padding: 55px 30px 50px;

    transition: 0.5s;

    margin-bottom: 20px;

}

.style-one .pricing-item-text {

    display: flex;

    gap: 15px;

}

.style-one .pricing-item-text span.tk{

    display: inline-block;

    font-size: 42px;

    color: #152147;

    font-weight: 700;

}

.style-one .pricing-item-text span.month{

    display: inline-block;

    font-size: 15px;

    color: #6b7a7a;

    font-weight: 400;

}

.style-one .pricing-list {

    position: relative;

    padding: 75px 0 20px;

}

.style-one .pricing-list::before {

    position: absolute;

    content: '';

    width: 314px;

    height: 1px;

    background-color: rgba(21, 33, 71,0.14901960784313725);

    top: 42px;

    left: 0;

}

.style-one .pricing-list ul li {

    font-size: 16px;

    line-height: 26px;

    color: #6b7a7a;

    font-weight: 400;

    margin-bottom: 20px;

}

.style-one .pricing-list ul li i {

    display: inline-block;

    color: #cc945b;

    margin-right: 20px;

}

.style-one .pricing-btn a {

    display: inline-block;

    font-size: 16px;

    text-transform: uppercase;

    color: #cc945b;

    font-weight: 600;

    background-color: #faf4ee;

    padding: 15px 23px;

    position: relative;

    z-index: 1;

}

.style-one .pricing-btn a i {

    display: inline-block;

    margin-left: 15px;

    font-size: 16px;

    font-weight: 700;

}

.style-one .pricing-btn a:before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: auto;

    width: 100%;

    height: 0;

    background:#cc945b;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

    opacity: 0.5;

    content: "";

    z-index: -1;

}

.style-one .pricing-btn a:hover:before {

    height: 100%;

    opacity: 1;

}

.style-one .pricing-btn a:hover {

    color:#fff;

}

/***=====================================

   prolegal faq area css style-one

====================================***/

.inner-style.faqs-area {

    padding: 120px 0 0px;

    position: relative;

}

/* faq section */

.inner-style.faqs-area .row.faq-bg {

    background: url(../images/inner-image/faq-bg.webp);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 60px 50px 105px;

}

.inner-style .faqs-container {

    overflow: hidden;

}

.inner-style .faq-singular {

    position: relative;

    background: #CEDEF7;

    margin-bottom: 20px;

}

.inner-style .faq-singular {

    position: relative;

    background: #fff;

    margin-bottom: 20px;

}

.inner-style .faq-singular .faq-question {

    position: relative;

    cursor: pointer;

    margin: 0;

    padding: 19px 30px 19px 20px;

    border-radius: 5px;

    z-index: 2;

    transition: 0.5s;

    background: #fff;

    font-size: 22px;

    color: #0D1A2E;

    font-weight: 500;

}

.inner-style .faq-singular.active .faq-question {

    background: #fff !important;

    color: #0D1A2E;

}

.inner-style .faq-answer {

    display: none;

    padding: 21px 40px 25px;

}

.inner-style .faq-answer {

    display: none;

    padding: 35px 30px 35px;

    position: relative;

}

.inner-style .faq-singular.active .faq-answer::before {

    position: absolute;

    content: '';

    opacity: 0.149;

    width: 640px;

    height: 1px;

    background-color: #0D1A2E;

    left: 30px;

    top: 5px;

}

.faq-singular .faq-question:before {

    position: absolute;

    content: "+";

    right: 40px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 40px;

    font-weight: 400;

    transition: 0.5s;

    color: #cc945b;

    z-index: 1;

}

.faq-singular .faq-question::after {

    position: absolute;

    content: "";

    right: 30px;

    top: 50%;

    transform: translateY(-50%);

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 20px;

    background-color: #faf4ee;

    border: 1px solid rgba(255,255,255,0.15);

}

.inner-style .faq-singular.active .faq-question:before {

    content: "-";

    font-size: 40px;

    color: #fff;

    right: 40px;

    z-index: 1;

}

.inner-style .faq-singular.active .faq-question::after {

    background: #cc945b;

}

.inner-style .desc {

    font-size: 16px;

    line-height: 28px;

    color: #6b7a7a;

    font-weight: 400;

}

.inner-style .faq-thumb {

    position: absolute;

    right: 60px;

    top: 180px;

    z-index: 1;

}

.inner-style .faq-thumb img {

    width: 100%;

}



/***=================================================

   prolegal contact Area css style-two

=====================================================***/

.contact-area.style-two {

    padding: 105px 0 120px;

}

.contact-area.style-two .section-sub-title span::before {

    position: inherit;

    font-family: "TheSans", sans-serif;

}

.contact-area.style-two .contact-info-iteam {

    padding: 65px 0 40px;

    position: relative;

}

.contact-area.style-two .contact-info-iteam::before {

    position: absolute;

    content: '';

    width: 536px;

    height: 1px;

    background-color: rgba(107,122,122,0.2);

    left: 0;

    top: 28px;

}

.contact-area.style-two .contact-info-iteam::after {

    position: absolute;

    content: '';

    width: 536px;

    height: 1px;

    background-color: rgba(107,122,122,0.2);

    left: 0;

    bottom: 25px;

}

.contact-area.style-two .contact-info-box {

    display: flex;

    align-items: center;

    gap: 20px;

    margin-bottom: 15px;

}

.contact-area.style-two .contact-info-icon {

    width: 70px;

    height: 70px;

    line-height: 70px;

    border-radius: 35px;

    background-color: #faf4ee;

    text-align: center;

    font-size: 30px;

    color: #cc945b;

}

.contact-area.style-two .contact-info-content h2 {

    font-size: 23px;

    color: #0D1A2E;

    font-weight: 500;

}

.contact-area.style-two .contact-info-content p {

    font-size: 16px;

    line-height: 26px;

    color: #6b7a7a;

    font-weight: 400;

}

.contact-area.style-two .contact-social-iteam ul li {

    display: inline-block;

    list-style: none;

    font-size: 17px;

    text-transform: uppercase;

    color: #6b7a7a;

    font-weight: 400;

}

.contact-area.style-two .contact-social-iteam li.linkedin a{

    display: inline-block;

    padding: 0 35px 0 35px;

    position: relative;

    color: #cc945b !important;

}

.contact-area.style-two .contact-social-iteam li.linkedin a::before {

    position: absolute;

    content: '';

    width: 10px;

    height: 1px;

    background-color: #cc945b;

    left: 12px;

    top: 12px;

}

.contact-area.style-two .contact-social-iteam li.linkedin a::after{

    position: absolute;

    content: '';

    width: 10px;

    height: 1px;

    background-color: #cc945b;

    right:12px;

    top:12px;

}

.contact-area.style-two .row.form-bg {

    background-color: #faf4ee;

    padding: 43px 35px 60px;

}

.contact-area.style-two .contact-form-title h2 {

    font-size: 36px;

    color: #091222;

    font-weight: 600;

    padding-bottom: 70px;

}

.contact-area.style-two .form-box input {

    background: transparent;

    border: 0;

    outline: 0;

    border-bottom: 1px solid  rgba(97,97,97,0.30196078431372547);

    width: 100%;

    padding-bottom: 7px;

    margin-bottom: 35px;

    border-radius: inherit;

}

.contact-area.style-two .form-box input::placeholder {

    opacity: 0.702;

    font-size: 16px;

    color: #6b7a7a;

}

.contact-area.style-two .form-box textarea {

    background: transparent;

    border: 0;

    outline: 0;

    border-bottom: 1px solid  rgba(97,97,97,0.30196078431372547);

    width: 100%;

    height: 100px;

    padding-bottom: 7px;

    margin-bottom: 40px;

}

.contact-area.style-two .form-box textarea::placeholder {

    opacity: 0.702;

    font-size: 16px;

    color: #6b7a7a;

}

.contact-area.style-two .submit-button button {

    display: inline-block;

    font-size: 16px;

    text-transform: uppercase;

    color: #ffffff;

    font-weight: 500;

    background-color: #cc945b;

    border: 0;

    padding: 14px 45px;

    position: relative;

    z-index: 1;

    transition: 0.5s;

}

.contact-area.style-two .submit-button button:before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: auto;

    width: 100%;

    height: 0;

    background: #fff;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

    opacity: 0.5;

    content: "";

    z-index: -1;

}

.contact-area.style-two .submit-button button:hover:before {

    height: 100%;

    opacity: 1;

}

.contact-area.style-two .submit-button button:hover {

    color:#cc945b;

}





/*=============================================

   <!-- lovebird google map css-->

===============================================*/

.google-map iframe {

    width: 100%;

    height: 600px;

}

  

/*** 

==================================

   prolegal Search Popup css

==================================

***/





.search-popup{

    position: fixed;

    left: 0;

    top: 0;

    height: 100vh;

    width: 100%;

    z-index: 99999;

    margin-top: -540px;

    transform: translateY(-100%);

    background-color: rgba(0,0,0,0.90);

    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

}



.search-popup{

    width: 100%;

}



.search-active .search-popup{

    transform: translateY(0%);

    margin-top: 0;

}



.search-popup .close-search {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    margin-top: -200px;

    border-radius: 50%;

    text-align: center;

    background-color: #cc945b;

    width: 70px;

    cursor: pointer;

    box-shadow: 0 0 10px rgba(0,0,0,0.05);

    border-bottom: 3px solid #fff;

    border-top: 3px solid #fff;

    border-right: 3px solid #cc945b;

    border-left: 3px solid #cc945b;

    -webkit-transition: all 500ms ease;

    height: 70px;

    line-height: 70px;

    text-align: center;

}



.search-active .search-popup .close-search{

    visibility: visible;

    opacity: 1;

    top: 50%;

    -webkit-transition-delay: 1500ms;

    -moz-transition-delay: 1500ms;

    -ms-transition-delay: 1500ms;

    -o-transition-delay: 1500ms;

    transition-delay: 1500ms;

}



.search-popup form{

    position: absolute;

    max-width: 700px;

    top: 50%;

    left: 15px;

    right: 15px;

    margin:-35px auto 0;

    transform: scaleX(0);

    transform-origin: center;

    background-color: #111111;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.search-active .search-popup form{

    transform: scaleX(1);

    -webkit-transition-delay: 1200ms;

    -moz-transition-delay: 1200ms;

    -ms-transition-delay: 1200ms;

    -o-transition-delay: 1200ms;

    transition-delay: 1200ms;

}



.search-popup .form-group{

    position:relative;

    margin:0px; 

  

    overflow: hidden;

}

.search-popup .form-group input[type="text"],

.search-popup .form-group input[type="search"]{

    position:relative;

    display:block;

    font-size:18px;

    line-height: 50px;

    color:#000000;

    height:70px;

    width:100%;

    padding: 10px 30px;

    background-color: #ffffff;

    -webkit-transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    transition:all 500ms ease;

    font-weight:500;

    text-transform:capitalize;

}



.search-popup .form-group input[type="submit"], .search-popup .form-group button {

    position: absolute;

    right: 30px;

    top: 0px;

    height: 70px;

    line-height: 70px;

    background: transparent;

    text-align: center;

    font-size: 24px;

    color: #cc945b;

    padding: 0;

    cursor: pointer;

    -webkit-transition: all 500ms ease;

    border: none;

}



.search-popup .form-group input[type="submit"]:hover,

.search-popup .form-group button:hover{

    color: #000000;

}



.search-popup input::placeholder,

.search-popup textarea::placeholder{

    color:#000000;

}



.search-popup .close-search.style-two{

    position: absolute;

    right: 25px;

    left: auto;

    color:#ffffff;

    width:auto;

    height:auto;

    top:25px;

    margin:0px;

    border:none;

    background:none !important;

    box-shadow:none !important;

    -webkit-transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    transition:all 500ms ease;

}

.search-box-btn {

    display: inline-block;

    padding: 0px 28px 0 27px;

    position: relative;

    top: -7px;

}

.search-box-btn i {

    display: inline-block;

    color: #fff;

    font-size: 16px;

    cursor: pointer;

    transition: .5s;

    width: 45px;

    height: 45px;

    line-height: 45px;

    border-radius: 22px;

    border: 1px solid #cc945b;

    text-align: center;

}

.search-box-btn.search-box-outer span i {

    font-size: 20px;

    display: inline-block;

    color: #fff;

    padding-left: 17px;

    position: relative;

    z-index: 1;

}



.upp.search-box-btn.search-box-outer span i {

    color: #cc945b;

}



.search-box-btn.search-box-outer span i:after {

    position: absolute;

    content: "0";

    right: -10px;

    top: -4px;

    width: 16px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    background: #cc945b;

    color: #fff;

    border-radius: 50%;

    display: inline-block;

    font-size: 12px;

}



.flaticon-multiply:before {

    content: inherit;

}



button.close-search i {

    font-size: 25px;

    color: #fff;

    display: inline-block;

}





span.flaticon-multiply i {

    display: inline-block;

    color: #cc945b;

}













/*------prolegal Scroll Up Css------------*/

.prgoress_indicator {

    position: fixed;

    right: 26px;

    bottom: 35px;

    height: 46px;

    width: 46px;

    cursor: pointer;

    display: block;

    border-radius: 50px;

    box-shadow: inset 0 0 0 2px rgb(22 193 245 / 50%);

    z-index: 9999999999;

    opacity: 0;

    visibility: hidden;

    transform: translateY(15px);

    transform: translateY(15px) !important;

    transition: all 200ms linear !important;

}



.prgoress_indicator.active-progress {

  opacity: 1;

  visibility: visible;

  transform: translateY(0) !important;

}



.prgoress_indicator::after {

    position: absolute;

    content: "\f106";

    font-family: "Font Awesome 5 Free";

    text-align: center;

    line-height: 46px;

    font-size: 18px;

    color: #cc945b;

    left: 0;

    top: 0;

    height: 46px;

    width: 46px;

    cursor: pointer;

    display: block;

    font-weight: 900;

    z-index: 1;

    transition: all 200ms linear !important;

}



.prgoress_indicator::before {

  position: absolute;

  content: "\f106";

  font-family: "Font Awesome 5 Free";

  text-align: center;

  line-height: 46px;

  font-size: 18px;

  font-weight: 900;

  opacity: 0;

  -webkit-background-clip: text;

          background-clip: text;

  -webkit-text-fill-color: transparent;

  left: 0;

  top: 0;

  height: 46px;

  width: 46px;

  cursor: pointer;

  display: block;

  z-index: 2;

  transition: all 200ms linear !important;

}

.prgoress_indicator:hover ::after {

  color: #cc945b;

}

.prgoress_indicator:hover ::before {

  opacity: 1;

}

.prgoress_indicator svg path {

  fill: none;

}

.prgoress_indicator svg.progress-circle path {

  stroke:#cc945b;

  stroke-width: 4;

  box-sizing: border-box;

  transition: all 200ms linear !important;

}









/*===========================

<-- prolegal 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: 99999;

}



.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: #f3297c;

    -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:#cc945b;

    -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;

}





/*======= Home Style 3 ======== */





.style-3.header-area {

    padding: 0 0 0 125px;

    background-color: transparent;

    margin: -50px 30px -58px 30px;

    z-index: 22;

    position: relative;

    top: 79px;

    border-bottom: 1px solid #FFFFFF1A;

}



.style-3 .header-menu {

    text-align: left;

    padding-left: 90px;

}



.style-3 .header-menu ul {

    position: relative;

    padding: 0 0px 0 50px;

}



.style-3 .header-menu ul:before {

    position: absolute;

    content: "";

    left: 0;

    top: 27px;

    width: 100%;

    height: 52px;

    background: #FFFFFF1A;

    border-radius: 30px;

}



.btn2.prolegal-btn a {

    padding: 9px 25px;

    border-radius: 30px;

    font-weight: 400;

}



.style-3 .prolegal-btn a i {

    font-size: 18px;

    margin-left: 6px;

    width: 34px;

    height: 34px;

    line-height: 34px;

    background: #fff;

    display: inline-block;

    border-radius: 30px;

    color: #cc945b;

    text-align: center;

}



.hero-area.style-3 {

    background: linear-gradient(180deg, #cc945b 0%, #FFFFFF 100%);

    padding: 30px;

}



.dark.hero-area.style-3 {

    padding: 30px;

    background: linear-gradient(180deg, #cc945b 0%, #0A2322 100%);

}



.style-3.hero-area .row.hero-bg {

    background: url(../images/home-3/heros.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    height: 980px;

    position: relative;

    padding: 0 0 0 260px;

    border-radius: 30px;

}



.style-3 .hero-content {

    margin-top: 270px;

}



.style-3 .hero-content h1 {

    font-size: 56px;

    line-height: 66px;

    color: #FFFFFF;

    font-weight: 600;

    margin: 0;

}



.style-3 .hero-content h1 span {

    display: inline-block;

    color: #cc945b;

}



.hero-desc {

    display: flex;

    margin: 150px 0 45px;

    align-items: center;

    gap: 24px;

}



.style-3 .hero-thumb {

    position: absolute;

    bottom: 0px;

    right: 190px;

}



.style-3 .hero-desc p {

    font-size: 18px;

    font-weight: 400;

    color: #FFFFFFB2;

    width: 76%;

    line-height: 30px;

    margin: 0;

}



.hero-desc-shape {

    animation: rotateIn 5s infinite;

}

.hero-btn {

    display: flex;

    gap: 5px;

}



a.hero-button {

    padding: 16px 35px;

    font-size: 17px;

    text-transform: uppercase;

    color: #fff;

    background: #cc945b;

    border-radius: 30px;

    display: inline-block;

    position: relative;

    z-index: 1;

    overflow: hidden;

}



a.hero-button:before {

    position: absolute;

    content: "";

    right: 0;

    height: 100%;

    top: 0;

    width: 0;

    background: #fff;

    border-radius: 30px;

    z-index: -1;

    transition: .5s;

}



a.hero-button:hover:before {

    left: 0;

    width: 100%;

}



a.hero-button:hover {

    color: #cc945b;

}



a.btn-arrow {

    border: 2px solid #FFFFFF33;

    border-radius: 50%;

    height: 58px;

    width: 58px;

    line-height: 58px;

    display: inline-block;

    text-align: center;

}



.hero-btn a i {

    font-size: 18px;

    width: 42px;

    height: 42px;

    line-height: 42px;

    background: #cc945b;

    display: inline-block;

    border-radius: 30px;

    color: #fff;

    text-align: center;

    position: relative;

    z-index: 1;

}



.hero-btn a i:after {

    position: absolute;

    content: "";

    right: 0;

    height: 100%;

    top: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    background: #fff;

    border-radius: 30px;

    z-index: -1;

    transition: .5s;

    transform: scale(0);

}

.hero-btn a i:hover:after {

    transform: scale(1);

}



.hero-btn a i:hover {

    color: #cc945b;

}



.scroll-btn a {

    font-size: 16px;

    color: #fff;

    text-transform: uppercase;

    writing-mode: sideways-rl;

    position: relative;

    left: -155px;

    top: -173px;

}



.scroll-btn a i {

    font-size: 18px;

    width: 46px;

    height: 46px;

    line-height: 46px;

    border: 2.5px solid #FFFFFF33;

    display: inline-block;

    text-align: center;

    border-radius: 50%;

    margin-top: 7px;

}



.style-3 .hero-thumbs {

    position: absolute;

    top: 202px;

    right: 110px;

}





/* service */



.service-area.style-3 {

    padding: 90px 135px 90px 125px;

}



.service-area.style-3 .section-title-space {

    margin-bottom: 105px;

}



.style-3 .single-service-box {

    padding: 46px 15px 37px;

    background: #FAF4EE;

    border-radius: 15px;

    position: relative;

    margin-bottom: 30px;

    z-index: 1;

    border-radius: 20px;

}



.single-service-box:before {

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    width: 0;

    height: 100%;

    background: #cc945b;

    transition: .5s;

    z-index: -1;

    border-radius: 20px;

}



.single-service-box:hover:before {

    left: 0;

    width: 100%;

}



.style-3 .serivce-thumb img {

    border-radius: 20px;

    width: 100%;

}



.style-3 .service-content h1 {

    font-size: 24px;

    font-weight: 500;

    padding: 0 0 33px 20px;

    text-transform: uppercase;

    transition: .5s;

}



.style-3 .service-icon {

    width: 72px;

    height: 72px;

    line-height: 72px;

    background: #CA935D;

    border-radius: 50px;

    text-align: center;

    position: absolute;

    top: -40px;

    right: 35px;



}



.style-3 .service-icon::after {

    content: "";

    width: 72px;

    height: 72px;

    line-height: 72px;

    background: #fff;

    border-radius: 50px;

    text-align: center;

    position: absolute;

    top: 3px;

    right: 0px;

    z-index: -1;

}



.law-services {

    padding: 27px 0 0;

}



.law-services ul li {

    display: block;

    padding: 8px 0 0 20px;

    transition: .5s;

}



.law-services ul li i {

    color: #CA935D;

    margin-right: 8px;

}



.style-3 .single-service-box:hover .service-content h1, .style-3 .single-service-box:hover .law-services ul li,

.style-3 .single-service-box:hover .law-services ul li i  {

    color: #fff;

}



/* About section */



.about-area.style-3 {

    background-color: #faf4ee;

    position: relative;

    padding: 120px 0 120px;

}



.prolegal-section {

    padding: 30px 40px 36px;

    background: url(../images/home-3/abt-bg.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    border-radius: 30px;

}



.style2.section-sub-title span {

    font-size: 17px;

    padding: 0 0 8px;

    font-family: "TheSans", sans-serif;

}



.style2.section-sub-title span::before {

    position: absolute;

    content: '';

    width: 8px;

    height: 8px;

    background: #cc945b;

    right: -22px;

    left: inherit;

    bottom: 16px;

    margin: 0 auto;

}



.style2.section_title h1 {

    font-size: 45px;

    line-height: 56px;

    color: #152147;

    font-weight: 500;

    margin: 0;

    position: relative;

    z-index: 1;

}



.about-area .prolegal-btn.btn2 {

    padding-top: 60px;

}



.btn2.prolegal-btn a {

    padding: 12px 22px;

    font-size: 17px;

    font-weight: 400;

    border-radius: 30px;

}



.prolegal-btn.btn2 a i {

    font-size: 18px;

    margin-left: 6px;

    width: 34px;

    height: 34px;

    line-height: 34px;

    background: #fff;

    display: inline-block;

    border-radius: 30px;

    color: #cc945b;

    text-align: center;

}



.row.about-pd {

    margin-top: 25px;

}



.customar-review {

    padding: 25px 38px 30px;

    background: #fff;

    border-radius: 20px;

}



.customer-desc p {

    font-size: 17px;

    line-height: 27px;

    padding: 16px 0 5px;

}



.reviewer-person {

    display: flex;

    gap: 20px;

}



.person-name h1 {

    font-size: 23px;

    font-weight: 500;

}



.customer-rating ul li {

    display: inline-block;

    padding-right: 6px;

}



.about-thumb1 {

    position: relative;

    z-index: 1;

}



.style-3 .counter-content {

    padding: 35px 0 0;

    width: 220px;

    height: 220px;

    background: #cc945b;

    border-radius: 20px;

    position: absolute;

    bottom: 0;

    text-align: center;

}



.about-thumb1 img {

    width: 100%;

}



.about-thumb3 {

    padding: 0 0 0 21px;

    position: relative;

    z-index: 1;

}



.style-3 .counter-content p {

    font-size: 17px;

    font-weight: 400;

    color: #fff;

    text-transform: uppercase;

    margin: 24px 0 0;

}



.style-3 .counter-content h2 {

    font-size: 30px;

    font-weight: 600;

    color: #fff;

    display: inline-block;

    padding: 0 0 8px;

}



.style-3 .counter-content span {

    font-size: 30px;

    color: #fff;

}



.border-wrap {

    width: 106px;

    height: 106px;

    padding: 11px;

    border-radius: 60px;

    background: linear-gradient(

        180deg,

        #FFFFFF 0%,

        rgba(230, 203, 176, 0) 50%,

        #FFFFFF 100%

    );

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    transform: translate(50%, 0%);

}



.counter-title {

    width: 100%;

    height: 100%;

    background: #c68c5a;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: row;

    gap: 2px;

    color: #fff;

    font-weight: 700;

}



.video-icon {

    width: 60px;

    height: 60px;

    line-height: 60px;

    border-radius: 34px;

    background-color: #FFFFFF33;

    text-align: center;

    position: absolute;

    top: 130px;

    left: 40% !important;

    border: 2px solid #FFFFFF40;

    backdrop-filter: blur(20px);

}



.video-icon i {

    color: #fff;

    font-size: 20px;

}





/* ======Legal Advisot Home page======= */



.legal-advisor-area {

    padding: 110px 0 110px;

    background: url(../images/home-3/legal-bg.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}





/* === course program Tab === */

  

.tab {

    position: relative;

    -webkit-font-smoothing: antialiased;

}



ul.tabs.active {

    padding-top: 125px;

}



.tabs li {

    position: relative;

    margin-bottom: 20px;

}

  

.tabs li a {

    padding: 9px 0px 22px;

    transition: all 0.2s ease-in-out;

    display: flex;

    font-size: 24px;

    color: #fff;

    font-weight: 500;

    border-bottom: 2px solid #FFFFFF26;

    width: 472px;

    justify-content: space-between;

    align-items: center;

    text-transform: uppercase;

}



.tabs li a:hover{

    color: #cc945b;

}



.tabs li a span {

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 35px;

    border-radius: 50%;

    transition: 0.5s;

    border: 2px solid #FFFFFF26;

    text-align: center;

}



.tabs li a span img {

    width: 72%;

}



.tabs_item {

    display: none;

    padding: 8px 0 0;

}

  

.tabs_item:first-child {

    display: block;

}

  

li.current a {

    color: #cc945b;

}



li.current a span {

    display: inline-block;

    background: #cc945b;

    color: #fff !important;

}



li.current a span img {

    filter: brightness(0) invert(1);

}



/* legal box css */



.legal-single-box {

    position: relative;

    display: flex;

    overflow: hidden;

}



.legal-thumb {

    position: relative;

    float: left;

    margin-top: 196px;

    margin-left: -14px;

}



.legal-content {

    padding: 23px 40px 7px;

    background: #FAF4EE;

    height: 471px;

    width: 387px;

    border-radius: 20px;

    position: absolute;

    right: 0;

    top: 0;

}



.legal-icn img {

    width: auto !important;

}



.legal-content h1 a {

    font-size: 24px;

    font-weight: 500;

    text-transform: uppercase;

    padding: 26px 0 23px;

    display: inline-block;

}



.legal-content p {

    font-size: 17px;

    line-height: 27px;

}



p.top-desc {

    border-top: 1px solid #6B7A7A40;

    margin: 28px 0 0;

    padding: 28px 0 0;

}



/*====== border ======*/



.brand-area.style-3 {

    padding: 40px 0 40px;

    background: url(../images/home-3/brand-bg.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.style-3 .brand-thumb {

    border: 1px dashed #FFFFFF4D;

    width: 224px;

    height: 100px;

    line-height: 100px;

    text-align: center;

}



.style-3 .brand-thumb img {

    width: auto !important;

    display: inline-block !important;

    filter: brightness(0) invert(1);

}



/* ====Testimonial ==== */



.testimonial-area.style-3 {

    padding: 110px 0 90px;

}



.testimonial-single-box {

    padding: 20px 40px 22px;

    background: #FAF4EE;

    text-align: center;

    border-radius: 20px;

    margin-bottom: 30px;

    position: relative;

    z-index: 1;

}



.testimonial-single-box:before {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 100%;

    height: 60px;

    background: #cc945b;

    z-index: -1;

    border-radius: 20px 20px 0 0;

}



.testi-star i {

    font-size: 22px;

    display: inline-block;

    color: #fff;

    padding: 0 0 50px;

    letter-spacing: 2px;

}



.autor-desi h1.name {

    font-size: 24px;

    font-weight: 500;

    display: inline-block;

    padding: 8px 0 21px;

}



p.testi-quote {

    font-size: 17px;

    line-height: 27px;

}



.counter-testi {

    padding: 40px 0 51px;

    background: #021C1B;

    text-align: center;

    border-radius: 20px 20px 0 0;

    position: relative;

    z-index: 1;

}



.counter-testi:before {

    position: absolute;

    content: "";

    left: -108px;

    top: 0;

    width: 100%;

    height: 100%;

    background: url(../images/home-3/tst-shap.webp);

    background-position: center;

    background-repeat: no-repeat;

}



.counter-testi:after {

    position: absolute;

    content: "";

    right: -110px;

    top: 0;

    width: 100%;

    height: 100%;

    background: url(../images/home-3/tst-shap2.webp);

    background-position: center;

    background-repeat: no-repeat;

}



.counter-testi-title h1 {

    font-size: 60px;

    color: #cc945b;

    font-weight: 500;

    padding: 0 0 3px;

}



.counter-testi p {

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    text-transform: uppercase;

}



.testi-thumb img {

    width: 100%;

    margin-top: -15px;

}



/* === Team Section Css === */



.team-area.style-3 {

    background: #faf4ee;

    padding: 0 0 95px;

}



.team-head {

    padding: 110px 342px 200px;

    position: relative;

    z-index: 1;

}





.row.team-tp {

    margin-top: -194px;

}



.team-head:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 86%;

    margin: auto;

    background: url(../images/home-3/team-bg.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    border-radius: 0 0 20px 20px;

}



.style-3 .single-team-box {

    background: #fff;

    padding: 10px 10px 35px;

    border-radius: 20px;

    transition: .5s;

    position: relative;

    z-index: 1;

    overflow: hidden;

    margin-bottom: 20px;

}



.style-3 .single-team-box:before {

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    width: 0;

    height: 100%;

    background: #cc945b;

    transition: .5s;

    z-index: -1;

    border-radius: 20px;

}



.single-team-box:hover:before {

    left: 0;

    width: 100%;

}



.team-thumb {

    position: relative;

    z-index: 1;

}



.team-thumb img {

    border-radius: 20px;

    width: 100%;

}



.style-3 .team-share {

    position: absolute;

    right: 0;

    margin: auto;

    bottom: -70px;

    left: 0;

    z-index: 1;

    text-align: center;

}

.style-3 .team-share-icon span i {

    color: #fff;

    text-align: center;

    display: inline-block;

    font-size: 15px;

    transition: 0.5s;

    line-height: 45px;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    background-color: #cc945b;

    cursor: pointer;

}

.style-3 .team-share-icon span i:hover {

    background: #fff;

    color: #cc945b;

}

.style-3 .team-social-icon {

    position: absolute;

    right: 0;

    bottom: 20px;

    z-index: 1;

    left: 0;

    transition: 0.5s;

    margin: auto;

    text-align: center;

}

.style-3 .team-social-icon.active .team-social-icon{

    opacity: 1;

}

.style-3 .team-social-icon ul li {

    list-style: none;

    display: inline-block;

    margin-left: 10px;

}

.style-3 .team-social-icon ul li a {

    display: inline-block;

    height: 36px;

    width: 36px;

    line-height: 36px;

    text-align: center;

    color: #fff;

    border-radius: 50%;

    transition: 0.5s;

    transform: translateY(-50px);

    opacity: 0;

    visibility: hidden;

    font-size: 15px;

    background-color: #152147;

}

.style-3 .team-social-icon.active ul li a {

    transform: translateY(0px);

    opacity: 1;

    overflow: hidden;

    visibility: visible;

}

.style-3 .team-social-icon ul li:nth-child(1) a {

    transition-delay: 0s;

}

.style-3 .team-social-icon ul li:nth-child(2) a {  

    transition-delay: 0.2s;

}

.style-3 .team-social-icon ul li:nth-child(3) a {

    transition-delay: 0.4s;

}

.style-3 .team-social-icon ul li a:hover {

    background: #cc945b;

    color: #fff;

}



.style-3 .team-bio h2 {

    font-size: 24px;

    font-weight: 500;

    padding: 80px 0 0;

    text-align: center;

    transition: .5s;

}



.style-3 .single-team-box:hover .team-bio h2{

    color: #fff;

}



.style-3 .single-team-box:hover .team-share-icon span i{

    background-color: #fff;

    color: #cc945b;

}



/* ===Faq's==== */



.faqs-area {

    padding: 120px 0 120px;

    background: url(../images/home-3/faqs.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.faq-singular {

    margin-bottom: 25px;

}



.style2 .faq-singular .faq-question {

    position: relative;

    cursor: pointer;

    margin: 0;

    padding: 30px 30px 30px 38px;

    border-radius: 15px;

    z-index: 2;

    transition: 0.5s;

    background: #FFFFFF0F;

    font-size: 20px;

    color: #fff;

    font-weight: 500;

    backdrop-filter: blur(20px);

}



.style2 .faq-singular.active .faq-question {

    background: #cc945b!important;

    color: #fff;

    border-radius: 15px 15px 0 0;

}



.style2 .faq-singular.active .faq-answer {

    background: #cc945b;

    border-radius: 0 0 15px 15px;

    color: #fff;

    line-height: 27px;

    font-size: 17px;

}



.style2 .faq-answer {

    display: none;

    padding: 35px 40px 32px;

    position: relative;

    z-index: 1;

}



.style2 .faqs-area .faq-answer {

    display: none;

    padding: 35px 30px 35px;

    position: relative;

}

.style2 .faq-singular.active .faq-answer::before {

    position: absolute;

    content: '';

    width: 568px;

    height: 1px;

    left: 34px;

    top: 5px;

    border: 1px dashed #FFFFFF59;

}



.style2 .faq-singular .faq-question:before {

    position: absolute;

    content: "+";

    right: 38px;

    top: 52%;

    transform: translateY(-50%);

    transition: 0.5s;

    color: #cc945b;

    z-index: 1;

}



.style2 .faq-singular .faq-question::after {

    position: absolute;

    content: "";

    right: 30px;

    top: 50%;

    transform: translateY(-50%);

    width: 38px;

    height: 38px;

    line-height: 40px;

    border-radius: 20px;

    border: 2px solid rgba(255,255,255,0.15);

    background: transparent;

}



.style2 .faq-singular.active .faq-question:before {

    content: "-";

    font-size: 40px;

    color: #fff;

    right: 40px;

    z-index: 1;

}

.style2 .faq-singular.active .faq-question::after {

    background: #cc945b;

}





.faq-thumb {

    position: relative;

    z-index: 1;

}



.prolegal-contact {

    position: absolute;

    content: "";

    padding: 15px 20px 7px;

    right: 79px;

    bottom: 0;

    width: 220px;

    height: 230px;

    background: url(../images/home-3/faq-ctn.webp);

    text-align: center;

    border-radius: 18px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.contact-title h1 {

    font-size: 20px;

    font-weight: 500;

    color: #fff;

    text-transform: uppercase;

}



.contact-icon i {

    width: 54px;

    height: 54px;

    line-height: 54px;

    background: #000;

    border-radius: 30px;

    color: #fff;

    font-size: 18px;

    text-align: center;

    margin: 35px 0 2px;

}



.contact-number h2 {

    font-size: 20px;

    font-weight: 500;

    color: #fff;

}



/*====== Project are css ===== */



.project-area.style-3 {

    padding: 110px 0 120px 290px;

}



.project-single-box {

    padding: 20px;

    background: #FAF4EE;

    border-radius: 30px;

}



.case-study-thumb {

    position: relative;

    z-index: 1;

    line-height: 0;

    overflow: hidden;

    border-radius: 25px;

}

.case-study-thumb img {

    transition: all 2s ease;

    background-size: cover;

    width: 100%;

}



.case-study-thumb img:nth-child(1) {

    transform: translatex(50%) scalex(2);

    opacity: 0;

    filter: blur(10px);

}



.case-study-thumb img:nth-child(2) {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    object-fit: cover;

}



.project-single-box .case-study-thumb:hover img:nth-child(1) {

    transform: translatex(0) scalex(1);

    opacity: 1;

    filter: blur(0);

}



.project-single-box .case-study-thumb:hover img:nth-child(2) {

    transform: translatex(-50%) scalex(2);

    opacity: 0;

    filter: blur(10px);

}



.meta-categories ul li {

    display: inline-block;

    margin-left: 20px;

    position: relative;

    z-index: 1;

}



.meta-categories ul li:before {

    position: absolute;

    content: "";

    left: -20px;

    top: 9px;

    width: 8px;

    height: 8px;

    background: #cc945b;

}



.project-study-content h2.title a {

    font-size: 28px;

    font-weight: 500;

    text-transform: uppercase;

    margin: 9px 0 0;

    display: inline-block;

    transition: .5s;

}



.project-study-content h2.title a:hover {

    color: #cc945b;

}



.study-button a i {

    width: 71px;

    height: 71px;

    line-height: 71px;

    background: #cc945b;

    display: inline-block;

    color: #fff;

    text-align: center;

    border-radius: 50%;

    font-size: 24px;

    transform: rotate(-45deg);

}



.project-study-content {

    padding: 35px 25px 20px;

    position: relative;

}



.style-3 .case-study-thumb img {

    width: 100%;

    border-radius: 20px;

}



li.last-child {

    margin-left: 42px !important;

}



.study-button {

    position: absolute;

    right: 27px;

    bottom: 30px;

}



.style-3 .owl-nav {

    position: absolute;

    right: 289px;

    top: -106px;

}



.owl-prev {

    display: inline-block;

    margin-right: 15px;

}



.owl-prev i, .owl-next i {

    display: inline-block;

    font-size: 20px;

    transition: 0.5s;

    text-align: center;

    color: #ce9b6a;

    line-height: 55px;

    width: 55px;

    height: 55px;

    border-radius: 50%;

    border: 2px solid #cc945b33;

}

.owl-next {

    display: inline-block;

}



.style-3 .owl-nav .owl-prev:hover i, .style-3 .owl-nav .owl-next:hover i {

    background-color: #cc945b;

    color: #fff;

}



/*==== Blog Area =====*/



.blog-area.style-3 {

    background: #FAF4EE;

    padding: 110px 0 120px;

}



.style-3 .single-blog-box {

    padding: 20px;

    background: #fff;

    border-radius: 20px;

    position: relative;

}



.meta-blog span {

    color: #6B7A7A;

    text-transform: uppercase;

    padding: 0 0 0 20px;

    position: relative;

    z-index: 1;

    transition: .5s;

}



.meta-blog span:after {

    position: absolute;

    content: "";

    left: 0;

    top: 5px;

    width: 8px;

    height: 8px;

    background: #cc945b;

    transition: .5s;

}



.style-3 .blog-content {

    padding: 34px 15px 0;

}



.style-3 .blog-content a {

    font-size: 22px;

    font-weight: 500;

    color: #3C3D42;

    text-transform: uppercase;

    line-height: 34px;

    padding: 13px 0 10px;

    display: inline-block;

    transition: .5s;

}



.style-3 .blog-content a:hover {

    color: #cc945b;

}



.style-3 .blog-btn a {

    font-size: 16px;

    font-weight: 400;

    color: #6B7A7A;

    display: flex;

    justify-content: space-between;

    border-top: 1px solid #3C3D421A;

    margin: 10px 0 0;

    padding: 20px 0 7px;

    transition: .5s;

}



.style-3 .blog-btn a i {

    width: 44px;

    height: 44px;

    line-height: 44px;

    background: #FAF4EE;

    display: inline-block;

    text-align: center;

    border-radius: 50%;

    color: #cc945b;

    font-size: 20px;

    transition: .5s;

}



/* Subscribe section CSS */



.subscribe-section {

    padding: 55px 138px 65px;

    background: url(../images/home-3/subscribe.webp);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.subscribe-title h1 {

    font-size: 35px;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

}



.subscribe-section .form-box input {

    height: 74px;

    width: 100%;

    border: 1px solid #FFFFFF33;

    background: #F5F8F40D;

    backdrop-filter: blur(15px);

    padding: 0 15px 0px 30px;

    color: #fff;

    border-radius: 40px;

}



.form-box input::placeholder {

    font-family: 'TheSans';

    font-size: 18px;

    color: #F5F8F4;

    font-weight: 300;

}



.subscribe-section .submit-button button {

    display: inline-block;

    font-size: 17px;

    text-transform: uppercase;

    color: #ffffff;

    font-weight: 400;

    background-color: #cc945b;

    border: 0;

    padding: 15px 45px;

    position: relative;

    z-index: 1;

    transition: 0.5s;

    border-radius: 35px;

}



.subscribe-section .submit-button button {

    display: inline-block;

    font-size: 17px;

    text-transform: uppercase;

    color: #ffffff;

    font-weight: 400;

    background-color: #cc945b;

    border: 0;

    padding: 15px 45px;

    position: relative;

    z-index: 1;

    transition: 0.5s;

    border-radius: 35px;

    overflow: hidden;

}



.subscribe-section .submit-button button:before {

    position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

    width: 100%;

    height: 0;

    background: #fff;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

    content: "";

    z-index: -1;

    border-radius: 35px;

}

.subscribe-section .submit-button button:hover:before {

    height: 100%;

    top: 0;

}

.subscribe-section .submit-button button:hover {

    color:#cc945b;

}





/* BNT2 */



.prolegal-btn2 a {

    display: inline-block;

    font-size: 16px;

    padding: 16px 35px;

    color: #fff;

    font-weight: 500;

    position: relative;

    z-index: 1;

    transition: .5s;

    border: none;

    border-radius: 0;

    background-color: #cc945b;

    overflow: hidden;

    border-radius: 30px;

}



.prolegal-btn2 a:before {

    position: absolute;

    content: "";

    z-index: -1;

    width: 60px;

    height: 60px;

    left: -41px;

    top: 0px;

    border-radius: 30px;

    background: #fff;

    opacity: 0.3;

    transform: scale(1);

    transition: .5s;

}

.prolegal-btn2 a:hover:before{

    width:100%;

    height:100%;

    border-radius:0;

    left:0;

}



.prolegal-btn2 a i {

    font-size: 18px;

    display: inline-block;

    padding-left: 7px;

    position: relative;

    top: 2px;

}



span.prolegal {

    padding: 0 20px 0;

    background: #CA925D;

    width: 75px;

    height: 36px;

    border-radius: 60px;

    position: relative;

    top: 4px;

}



/* Dark Section */



.service-area.style-3.dark {

    padding: 90px 135px 90px 125px;

    background: #0A2322;

}



.style-3.dark .single-service-box {

    background: #021C1B;

}



.style-3.dark .service-content h1 {

    color: #fff;

}



.service-content{

    max-height: 220px;

    overflow:hidden;

}



.about-area.style-3.dark {

    background: #021C1B;

}



.style-3.dark .prolegal-section {

    background: #0A2322;

}



.style-3.dark .customar-review {

    background: #0A2322;

}



.testimonial-area.style-3.dark {

    background: #021C1B;

}



.style-3.dark .testimonial-single-box {

    background: #FFFFFF08;

}



.style-3.dark .testimonial-single-box:before {

    background: #cc945b26;

}



.style-3.dark .testi-quote {

    color: #6B7A7A;

}



.style-3.dark .testi-thumb img {

    margin-top: 0;

    border-radius: 20px;

}



.style-3.dark .counter-testi {

    padding: 25px 0 51px;

}



.style-3.dark.team-area {

    background: #021C1B;

}



.style-3.dark .single-team-box {

    background: #FFFFFF08;

}



.project-area.style-3.dark {

    background: url(../images/home-3/testi-bg.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.style-3.dark .project-single-box {

    background: #FFFFFF08;

}



.style-3.dark .project-study-content h2.title a {

    color: #fff;

}



.style-3.dark .meta-categories ul li {

    color: #FFFFFF99;

}



.style-3.dark.blog-area {

    background: #021C1B;

}



.style-3.dark .single-blog-box {

    background: #FFFFFF08;

    position: relative;

}



.style-3.dark .blog-btn a {

    color: #FFFFFF99;

    border-top: 1px solid #FFFFFF33;

}



.style-3.dark .blog-btn a i {

    background: #FAF4EE1A;

    transform: rotate(-45deg);

}



.style-3.dark .meta-blog span {

    color: #FFFFFF99;

}



.style-3.dark .blog-content a {

    color: #fff;

}



.style-3.dark .single-blog-thumb img {

    border-radius: 21px;

}



.style-3.dark .single-blog-box:hover .blog-btn a i{

    background: #FFFFFF33;

    color: #fff;

}



.style-3.dark .single-blog-box:hover .meta-blog span{

    color: #fff;

}



.style-3.dark .single-blog-box:hover .meta-blog span:after{

    background: #FFFFFF;

}

/* hover box */



.mediic-hover-box {

  background-color: #cc945b;

  height: 100%;

  top: 0;

  opacity: 0;

  position: absolute;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  width: 25%;

  z-index: -1;

}



.hover-bx {

  left: 0;

  -webkit-transition-delay: 0.105s;

  transition-delay: 0.105s;

  border-radius: 20px 0 0px 20px;

}

.hover-bx2 {

  left: 25%;

  -webkit-transition-delay: 0.105s;

  transition-delay: 0.105s;

}



.hover-bx3 {

  left: 50%;

  -webkit-transition-delay: 0.105s;

  transition-delay: 0.105s;

}



.hover-bx4 {

  left: 75%;

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

  border-radius: 0 20px 20px 0;

}



.style-3.dark .single-blog-box:hover .mediic-hover-box {

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1);

}





.single-blog-thumb {

    position: relative;

    z-index: 1;

    line-height: 0;

    overflow: hidden;

    border-radius: 25px;

}



.single-blog-thumb img:nth-child(1) {

    transform: translatex(50%) scalex(2);

    opacity: 0;

    filter: blur(10px);

}





.single-blog-thumb img {

    transition: all 2s ease;

    background-size: cover;

    width: 100%;

}



.single-blog-thumb img:nth-child(2) {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    object-fit: cover;

}



.single-blog-thumb:hover img:nth-child(1) {

    transform: translatex(0) scalex(1);

    opacity: 1;

    filter: blur(0);

}



.single-blog-thumb:hover img:nth-child(2) {

    transform: translatex(-50%) scalex(2);

    opacity: 0;

    filter: blur(10px);

}

/* ========================================

   Navy overlay for image sections (overrides teal from template images)

   ======================================== */

.style-one.hero-area {

    position: relative;

}

.style-one.hero-area::before {

    position: absolute;

    content: "";

    top: 0; left: 0; right: 0; bottom: 0;

    /* background-color: rgba(21, 33, 71, 0.55); */

    z-index: 0;

    pointer-events: none;

}

.style-one.hero-area .container {

    position: relative;

    z-index: 1;

}

.video-section {

    position: relative;

}

.video-section::before {

    position: absolute;

    content: "";

    top: 0; left: 0; right: 0; bottom: 0;

    /* background-color: rgba(21, 33, 71, 0.6); */

    z-index: 0;

    pointer-events: none;

}

.video-section .video__content,

.video-section .container {

    position: relative;

    z-index: 1;

}





/* ========================================

   Navy overlay for service-two and footer sections

   ======================================== */

.service-area.style-two {

    position: relative;

}

.service-area.style-two::before {

    position: absolute;

    content: "";

    top: 0; left: 0; right: 0; bottom: 0;

    background-color: rgba(21, 33, 71, 0.82);

    z-index: 0;

    pointer-events: none;

}

.service-area.style-two > .container,

.service-area.style-two > .container-fluid {

    position: relative;

    z-index: 1;

}

.footer-area.style-one {

    position: relative;

}

.footer-area.style-one::after {

    position: absolute;

    content: "";

    top: 0; left: 0; right: 0; bottom: 0;

    /* background-color: rgba(21, 33, 71, 0.88); */

    z-index: 0;

    pointer-events: none;

}

.footer-area.style-one > .container,

.footer-area.style-one > .container-fluid,

.footer-area.style-one .brand-area,

.footer-area.style-one .row.footer-info,

.footer-area.style-one .footer-bottom-area {

    position: relative;

    z-index: 1;

}





/* footer-contact-area overlay */

.footer-area.style-one .footer-contact-area {

    position: relative;

}

.footer-area.style-one .footer-contact-area::before {

    position: absolute;

    content: "";

    top: 0; left: 0; right: 0; bottom: 0;

    background-color: rgba(21, 33, 71, 0.80);

    z-index: 0;

    pointer-events: none;

}

.footer-area.style-one .footer-contact-area > * {

    position: relative;

    z-index: 1;

}