/*-------------------------------------
    
  Author: Webstrot 
  Copyright: © 2020-21
  Template : The Legato Lawyer HTML Template
---------------------------------------
/*------ Table Of Content --------

- Theme default CSS
- Preloader
- top_header_1
- top header section
- main header wrapper
- menu wrapper
- maga menu
- my dropdown menu
- slider css start
- law_info css start
- about_us css start
- services css start
- choose_us css start
- our_team css start
- recent_case css start
- fb_slider css start
- pricing_plans css start
- faq css start
- contact_us css start
- footer css start
- index2 page css start
- index3 page css start
- about page css start
- contact page css start
- bg_404 css start
- comming-soon css start
- inner page single css start
- blog page css start
- blog single css start
- cases css start
- FAQ css start
- gallery css start
- Shop Page css start
- Cart page css start
- my account css start
- checkout css start
- responcive css start
--------------------------*/

body,
html {
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #797979;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

a {
    color: #797979;
    text-decoration: none;
    font-family: 'Mulish', sans-serif;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    color: #797979;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', serif;
    line-height: 1.1;
    text-transform: capitalize;
    font-weight: 400;
    color: #111111;
    margin: 0;
    padding: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

h2 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

p {
    font-family: 'Mulish', sans-serif;
    margin: 0;
    color: #767777;
}

input,
select,
button,
textarea {
    outline: none;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

label {
    color: #fff;
    text-transform: capitalize;
}

iframe {
    width: 100%;
}

.fb_padding {
    padding: 50px !important;
}

.dropdown-toggle::after {
    vertical-align: middle;
}

#nav_filter li a span {
    float: right;
}

.overlay_main {
    width: 100%;
    height: 100%;
    float: left;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
  
}

.carousel-control-prev-icon,
.carousel-control-next-icon,
.carousel-control-prev,
.carousel-control-next {
    display: none;
}

.index2_slider .carousel-control-prev-icon,
.index2_slider .carousel-control-next-icon,
.index2_slider .carousel-control-prev,
.index2_slider .carousel-control-next {
    display: block;
    z-index: 999;
    background-image: none;
    line-height: 60px;
    text-align: center;
    background: #568149;
    border-radius: 50%;
}

.index2_slider .carousel-control-prev-icon i,
.index2_slider .carousel-control-next-icon i {
    font-size: 30px;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #568149;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(184 130 79 / 42%);
}

.main_btn {
    width: 100%;
    float: left;
}

.main_btn a {
    border: 1px solid #568149;
    border-radius: 5px;
    color: #fff;
    background: #568149;
    padding: 12px 33px;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.main_btn a:hover {
    background: transparent;
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.homw_text .main_btn a:hover {
    background: transparent;
    color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.left_side_content_list li {
    border-bottom: 1px solid #ebebeb;
    width: 100%;
    float: left;
}

.header_border_main .header_border {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.header_border i {
    color: #568149;
    font-size: 22px;
}

.header_border {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.header_border:after {
    content: "";
    width: 65px;
    height: 1px;
    background-color: #568149;
    top: 13px;
    position: absolute;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    right: -80px;
}

.header_border:before {
    content: "";
    width: 65px;
    height: 1px;
    background-color: #568149;
    top: 13px;
    position: absolute;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    left: -80px;
}

.index2_header_border_main .heading_class {
    margin-top: 0;
}

.typewriter-text {
    padding-right: 10px;
    border-right: solid #568149 7px;
    text-transform: lowercase;
    animation: cursor 1s ease-in-out infinite;
    padding-left: 10px;
}

@keyframes cursor {
    from {
        border-color: #568149;
    }

    to {
        border-color: transparent;
    }
}

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

@keyframes slide-in {
    from {
        transform: scale(0.4) translateY(80%);
        opacity: 0;
    }
}

.tparrows {
    background: rgb(184 130 79);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.tparrows:hover {
    background: #1a243f;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.tp-tabs {
    background: #568149 !important;
}

.gyges .tp-tab:hover,
.gyges .tp-tab.selected {
    background: #1a243f73;
}

.gyges .tp-tab-date {
    text-transform: capitalize;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.footer_content .left_icon a:hover {
    background-color: transparent;
}

/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #282828;
    /* change if the mask should have another color then white */
    z-index: 9999999999999;
    /* makes sure it stays on top */
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url('../images/loading.gif');
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
    /* is width and height divided by two */
}

#return-to-top {
    position: fixed;
    bottom: 43px;
    right: 30px;
    display: block;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50px;
    line-height: 50px;
    font-size: 24px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1000;
    color: var(--btnClr1);
    -webkit-animation: jump 1s ease-in alternate infinite;
    animation: jump 1s ease-in alternate infinite;
}

#return-to-top img {
    width: 40px;
    position: relative;
    background: transparent;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 50%, 0);
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 50%, 0);
    }
}

/*---------------------comman css end-----------------------*/

/*-=-=-=index page start-=-=-==*/

/*------------------top_header_1 css start--------------------*/

.top_header_1 {
    background: #1a243f;
    width: 100%;
    float: left;
    padding: 10px 0;
}

.top_header_1 .left_side {
    float: left;
}

.top_header_1 .right_side {
    float: right;
}

.top_header_1 a {
    color: #ffffff;
    margin-right: 15px;
}

.top_header_1 i {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.top_header_1 i:hover {
    color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.top_header_1 .left_side i {
    margin-right: 10px;
}

.top_header_1 .right_side ul {
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.top_header_1 .right_side ul li a {
    margin: 0px;
}

.top_header_1 .right_side ul li a svg {
    width: 15px;
    fill: #568149;
    transition: all 0.5s;
}

.top_header_1 .right_side ul li a:hover svg {
    fill: #fff;
}

.top_header_1 .right_side a {
    text-transform: capitalize;
}

/*------------------top_header_1 css end--------------------*/

/**********---------top header section----------***********/

.top_header_wrapper {
    float: left;
    width: 100%;
    background-color: #202020;
    font-size: 16px;
    color: #ffffff;
    position: relative;
}

.top_header_add {
    float: right;
    width: auto;
    padding-bottom: 60px;
}

.top_header_add ul {
    margin: 0px;
    padding: 0px;
}

.top_header_add li {
    float: left;
    width: auto;
    position: relative;
    list-style: none;
    margin-left: 60px;
}

.top_header_add ul li i {
    margin-right: 15px;
    color: #3a89ff;
    line-height: 39px;
    border: 2px solid #4a4a4a;
    width: 43px;
    height: 43px;
    border-radius: 50px;
    text-align: center;
}

.header_nav_div img {
    padding: 5px 10px 5px 10px;
    background: #3a89ff;
}

.top_header_add ul li a {
    color: #ffffff;
}

.top_header_add ul li a:hover {
    color: #3a89ff;
    transition: 0.5s;
}

.top_header_add ul li:first-child,
.top_header_add ul li:nth-child(2) {
    padding-left: 0px;
}

.top_header_add ul li:first-child,
.top_header_add ul li:nth-child(2) {
    position: relative;
}

.pst_logo {
    padding-top: 20px;
    padding-bottom: 15px;
}

.top_header_add ul li:first-child:after {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    background-color: #4a4a4a;
    width: 1px;
    height: 100%;
}

.top_header_add ul li:nth-child(2):after {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    background-color: #4a4a4a;
    width: 1px;
    height: 100%;
}

.top_header_wrapper:before {
    background-color: #3a89ff;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1;
    width: 22%;
}

/*********-------main header wrapper--------**********/

.menu_wrapper .main_btn {
    float: right;
    margin-top: 10px;
    width: auto;
}

.menu_wrapper .main_btn a {
    color: #ffffff;
    border: 1px solid #568149;
    padding: 12px 25px;
    font-size: 16px;
    float: left;
    background-color: transparent;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.menu_wrapper .main_btn a:hover {
    background-color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index3_menu_wrapper .main_btn a:hover {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

ul#nav_filter {
    margin-right: 21px;
}

.menu_wrapper {
    float: left;
    width: 100%;
    position: absolute;
    z-index: 1000;
    background: #1c171273;
}

.menu_wrapper_mn {
    float: left;
    width: 100%;
    background: transparent;
    padding: 15px 0;
}

.rp_mobail_menu_main_wrapper {
    float: none;
    width: 100%;
}

#sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -500px;
    background-color: #ffffff;
    overflow: scroll;
    overflow-x: hidden;
    z-index: 99999;
}

#links {
    position: relative;
    float: left;
}

#link_list {
    list-style-type: none;
    width: 100%;
    padding: 0px 50px 0px 0px;
}

#link_list li {
    display: block;
    width: 100%;
}

#link_list li:hover {
    background-color: #d3d3d3;
}

#toggle {
    float: right;
    position: relative;
    bottom: -20px;
    right: 0;
    margin-left: 10px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
}

#toggle i {
    color:white;
    font-size: 25px;
}

#toggle_close {
    position: absolute;
    z-index: 100;
    right: 10px;
    top: 20px;
    font-size: 35px;
    color: #000000;
    cursor: pointer;
}

#mCSB_1_container .logo {
    padding: 15px 0;
    margin-left: 22px;
}

@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cssmenu {
    width: 300px;
    color: #ffffff;
    text-transform: capitalize;
}

#cssmenu ul ul {
    display: none;
}

.align-right {
    float: right;
}

#cssmenu ul li a {
    padding: 16px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 16px;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    border-bottom: 1px solid #568149;
    background: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#cssmenu ul li.has-sub ul li a {
    border-top: 1px solid #fff;
    border-bottom: none;
}

#cssmenu ul li:hover a,
#cssmenu ul li.active a {
    background: #568149;
    border-bottom: 1px solid #d3d3d3;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

ul ul>li.has-sub>a:before {
    top: 20px;
    background: #ffffff;
}

.sidebar_search {
    border: 1px solid #f2f2f2;
}

.sidebar_search input {
    float: left;
    width: calc(100% - 45px);
    height: 50px;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #fff;
    color: #000000;
    border: none;
    border-radius: 0;
    outline: none;
}

.sidebar_search button {
    width: 45px;
    height: 50px;
    border: 1px solid transparent;
    background-color: transparent;
    color: #888;
    font-size: 15px;
    position: relative;
    right: 3px;
    text-align: center;
    padding: 0px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.menu_fixed {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    margin-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}

.index3_menu_wrapper.menu_fixed {
    background: #ffffff !important;
}

/************---------menu wrapper--------***********/

.navbar {
    z-index: 20;
    float: right;
    padding: 0;
}

.nav_response {
    padding-right: 0px;
}

.nav .navbar-nav {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.nav .navbar-nav ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
    margin-left: 15px;
}

#nav_filter li a {
    display: block;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    border-bottom: 2px solid transparent;
    text-transform: capitalize;
    padding: 3px 15px;
    font-weight: 500;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#nav_filter li a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#nav_filter li a:hover {
    background: transparent;
    border-bottom: 2px solid #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background: none;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #3a89ff;
    background-image: none;
    border-radius: 4px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
    color: #3a89ff;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: transparent;
}

.navbar-nav>li {
    padding-top: 12px;
}

#nav_filter li a .active a {
    color: #3a89ff;
}

/*maga menu*/

.menu_wrapper .mega_menu {
    border-bottom: 3px solid #568149;
    position: absolute;
    top: 58px;
    right: -298px;
    background: #fff;
    z-index: 999999;
    width: 586px;
    -webkit-box-shadow: 1.236px 3.804px 8px 0px rgba(102, 101, 101, 0.09);
    box-shadow: 1.236px 3.804px 8px 0px rgba(102, 101, 101, 0.09);
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px) scale(0.2);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.menu_wrapper .ml_zero {
    margin-right: 0 !important;
}

.menu_wrapper .mega_30 {
    width: 33.3333%;
    float: left;
}

.mega_30_box h4 {
    font-size: 24px;
    text-transform: capitalize;
    font-family: serif;
    text-align: left;
}

.menu_wrapper .mega_30 p {
    color: #111111;
    font-size: 18px;
    border-bottom: 1px solid #568149;
    padding-bottom: 20px;
}

.menu_wrapper .mega_30 li a {
    color: #111111;
}

.mega_30_box i {
    color: #3ec9c7;
    float: left;
    margin-right: 20px;
}

.mega_30_box p i {
    margin-top: 5px;
}

.menu_wrapper li:hover .mega_menu {
    visibility: visible;
    opacity: 1;
    border-top: 1px solid #f5f5f5;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.mega_30:hover .mega_30_box {
    box-shadow: 0px 0px 17px 0px #00000024;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mega_30_box {
    padding: 26px;
    width: 331px;
    border-radius: 7px;
}

/* my dropdown menu*/


.navbar-nav .nav-item {
    position: relative;

}

.navbar-nav .nav-item:hover .sub_menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.sub_menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 58px;
    left: -83px;
    background: #fff;
    text-align: left;
    border-bottom: 3px solid #568149;
    width: 14rem;
    transform: translateY(50px) scale(0.2);
    z-index: 9999;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.sub_menu2 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 15px;
    left: 14rem;
    background: #fff;
    border-bottom: 3px solid #568149;
    width: 14rem;
    transform: translateY(50px);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.sub_menu li:hover .sub_menu2 {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.sub_menu li a {
    padding: 12px;
    color: #111 !important;
    border: none !important;
}

.sub_menu li a:hover {
    color: #568149 !important;
    border: none !important;
}

.header__navigation #nav_filter .sub_menu li a:hover::before {
    display: none;
}

.sub_menu3 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 80px;
    left: 14rem;
    background: #fff;
    border-bottom: 3px solid #568149;
    width: 14rem;
    transform: translateY(50px);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.sub_menu li:hover .sub_menu3 {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.sub_menu4 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 120px;
    left: 14rem;
    background: #fff;
    border-bottom: 3px solid #568149;
    width: 14rem;
    transform: translateY(50px);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.sub_menu li:hover .sub_menu4 {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.sub_menu5 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 0px;
    left: 14rem;
    background: #fff;
    border-bottom: 3px solid #568149;
    width: 14rem;
    transform: translateY(50px);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.sub_menu li:hover .sub_menu5 {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.sub_menu6 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 5px;
    right: 14rem;
    background: #fff;
    border-bottom: 3px solid #568149;
    width: 245px;
    transform: translateY(50px);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.sub_menu li:hover .sub_menu6 {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.sub_menu li:hover .sub_menu4 {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.sub_menu7 {
    visibility: hidden;
    opacity: 0;
    position: absolute;

    top: 5px;
    right: 14rem;
    background: #fff;
    border-bottom: 3px solid #568149;
    width: 14rem;
    transform: translateY(50px);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.sub_menu8 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 174px;
    left: 14rem;
    background: #fff;
    border-bottom: 3px solid #568149;
    width: 14rem;
    transform: translateY(50px);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.sub_menu li:hover .sub_menu8 {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.sub_menu li:hover .sub_menu7 {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

/*Dropdown Menu*/

.navbar-right .dropdown-menu {
    right: auto;
}

#nav_filter .hovr_nav_tab a {
    border: none;
    border-radius: 0;
    padding: 15px 15px;
    color: #111;
}

#nav_filter .hovr_nav_tab .mega_menu li a {
    padding-left: 0;
}

#nav_filter .hovr_nav_tab a:hover {
    border: none;
    border-radius: 0;
    color: #568149;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.nav .dropdown-menu {
    display: inherit;
    padding: 5px 0;
    border: none;
    border-radius: 0;
}

.nav .dropdown-header {
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
}

.nav .dropdown-menu li a {
    display: block;
    line-height: 30px;
    color: black;
    padding: 3px 10px;
    text-decoration: none;
    font-size: 14px;
    color: #000000;
    margin-left: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 10px !important;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.nav .dropdown .dropdown-menu {
    border-bottom: 3px solid #568149;
    opacity: 0;
    visibility: hidden;
    width: 14rem;
    top: 58px;
    left: -83px;
    transform: translateY(50px) scale(.2);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.nav .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.nav .dropdown .dropdown-menu a:hover .dropdown-sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.nav .dropdown .dropdown-menu .dropdown-menu {
    left: 100%;
    right: auto;
    display: none;
}

.nav .dropdown .dropdown-menu .dropdown-sub-menu {
    top: 54px;
}

.nav .dropdown:hover .dropdown-menu .dropdown-menu {
    display: block !important;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#cssmenu ul>li.has-sub>a:after {
    position: absolute;
    right: 26px;
    top: 19px;
    z-index: 5;
    display: block;
    height: 10px;
    width: 2px;
    background: #000000;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#cssmenu ul>li.has-sub>a:before {
    position: absolute;
    right: 22px;
    top: 23px;
    display: block;
    width: 10px;
    height: 2px;
    background: #000000;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#cssmenu ul>li.has-sub>a:hover:after,
#cssmenu ul>li.has-sub>a:hover:before {
    background: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#cssmenu ul>li.has-sub.open>a:after,
#cssmenu ul>li.has-sub.open>a:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#cssmenu ul ul li a {
    padding: 16px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    background-color: #3d2c1b;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

#cssmenu ul li:hover ul li a {
    background: #3d2c1b;
}

#cssmenu ul ul ul li a {
    padding-left: 32px;
}

#cssmenu ul ul li a:hover {
    color: #ffffff;
}

#cssmenu ul li.active ul li a {
    background: #022447 !important;
}

#cssmenu ul li.has-sub ul li:hover a {
    background: #568149;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#cssmenu ul ul>li.has-sub>a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#cssmenu ul ul>li.has-sub>a:before {
    top: 20px;
    background: #ffffff;
}

.nav .hovr_nav_tab {
    padding: 0;
    margin: 0;
}

.caret {
    font-weight: bold;
    color: #3a89ff;
    margin-left: 3px;
}

.dropdown-menu {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 9999;
}

.appointmnt_wrapper {
    text-align: center;
    float: right;
    display: inline-block;
    margin-top: 10px;
}

.appointmnt_wrapper ul {
    padding: 0;
    list-style: none;
}

.appointmnt_wrapper li a {
    float: left;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.appointmnt_wrapper li a:hover {
    color: #33c8c6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.appointmnt_wrapper i {
    margin-right: 10px;
}

#search_open i {
    color: #568149;
}

.hs_navi_searchbar_wrapper input {
    width: calc(100% - 50px);
    float: left;
    height: 73px;
    background: none;
    padding-left: 20px;
    color: #ffffff;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.30196078431372547);
}

.hs_navi_searchbar_wrapper input::placeholder {
    color: rgba(255, 255, 255, 0.7686274509803922);
}

.hs_navi_searchbar_wrapper input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7686274509803922);
}

.hs_navi_searchbar_wrapper input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7686274509803922);
}

.hs_navi_searchbar_wrapper button {
    float: left;
    width: 50px;
    height: 73px;
    background: none;
    color: #ffffff;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.30196078431372547);
}

.flaticon-magnifier:before {
    font-size: 18px;
    margin-left: 0;
}

.search_bar {
    float: right;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-right: 0px;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.search_bar i:hover {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.lv_search_bar {
    float: right;
    width: auto;
    text-align: center;
    padding: 6px 16px;
    padding-left: 20px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.lv_search_box {
    position: absolute;
    width: 250px;
    top: 100%;
    padding: 20px;
    font-size: 16px;
    display: inline-block;
    border-top: 2px solid #568149;
    border-radius: 0px;
    -webkit-box-shadow: 0px 3px 17px -2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 3px 17px -2px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 3px 17px -2px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 3px 17px -2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 17px -2px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    display: none;
    z-index: 1000;
    margin-top: 20px;
    right: 0;
}

.lv_search_box input {
    float: left;
    color: #111111;
    width: calc(100% - 45px);
    padding: 0px 10px;
    height: 45px;
    border: 1px solid #e1e1e1;
    border-right: 0px;
}

.lv_search_box button {
    width: 45px;
    height: 45px;
    border: 1px solid #e1e1e1;
    border-left: none;
    background-color: #fff;
    color: #111;
    text-align: center;
    padding: 0px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.lv_search_box button:hover {
    color: #ffffff;
    background: #568149;
    border-color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#search_open button:hover i {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_cart {
    float: right;
    cursor: pointer;
    padding-top: 26px;
    padding-right: 16px;
    padding-left: 16px;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_cart i:hover {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_cart i {
    font-size: 15px;
    color: #ffffff;
}

.custum_menu {
    position: relative;
}

.custum_submenu {
    position: absolute;
    top: 86px;
    left: 224px;
    background: #ffffff;
    border-bottom: 3px solid #568149;
    width: 14rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-2em);
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

#nav_filter .hovr_nav_tab a.custum_menu:hover .custum_submenu {
    visibility: visible;
    opacity: 1;
    z-index: 99;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.menu_fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background-color: #1a243f !important;
    z-index: 333;
    -o-box-shadow: 0px 0px 25px -10px;
    -ms-box-shadow: 0px 0px 25px -10px;
    -moz-box-shadow: 0px 0px 25px -10px;
    -webkit-box-shadow: 0px 0px 25px -10px;
    box-shadow: 0px 0px 25px -10px;
}

/*-=-=-=-=-=-=-=-=slider css start-=-=-=-=-=-=-=-=-=-=-=*/

.slider {
    width: 100%;
    float: left;
}

.carousel .carousel-item {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
}

.carousel .carousel-item:first-of-type {
    background-image: url("../images/slider-1.jpg");
    /* height: 790px; */
      height: 666px;
}

.carousel .carousel-item:nth-of-type(2) {
    background-image: url("../images/slider-2.jpg");
    height: 666px;
    margin-top: 42px;
}

.carousel .carousel-item:last-of-type {
    background-image: url("../images/slider-3.jpg");
     height: 666px;
      margin-top: 42px;

}

.carousel-control-prev-icon,
.carousel-control-next-icon,
.carousel-control-prev,
.carousel-control-next {
    width: 50px;
    height: 50px;
    top: 45%;
}

.carousel-indicators {
    display: block;
    right: 100px;
    bottom: auto;
    top: 400px;
    left: auto;
    margin-right: 0;
    margin-left: 0;
}

.carousel-indicators li {
    width: 40px;
    height: 1px;
}

.carousel-indicators .active {
    background-color: #568149;
    height: 3px;
    width: 45px;
    opacity: 1;
}

.homw_text {
    width: 100%;
    float: left;
    margin-top: 244px;
    position: sticky;
    z-index: 99;
    text-align: left;
}

.homw_text h2 {
    font-size: 95.44px;
    color: #ffffff;
}

.homw_text h2 span {
    color: #568149;
    font-size: 57.43px;
}

.homw_text p {
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 16px;
}

.homw_text .main_btn {
    margin-top: 30px;
}

.homw_text i {
    color: #568149;
    font-size: 30px;
}

.homw_text .header_border i {
    color: #568149;
    position: absolute;
    left: 160px;
}

.homw_text .header_border {
    position: relative;
    margin-top: 20px;
}

.homw_text .header_border:after {
    content: "";
    width: 152px;
    height: 1px;
    background-color: #568149;
    top: 13px;
    position: absolute;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    left: 205px;
}

.homw_text .header_border:before {
    content: "";
    width: 152px;
    height: 1px;
    background-color: #568149;
    top: 13px;
    position: absolute;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    left: 0;
}

/*-=-=-=-=-=-=-=-=slider css end-=-=-=-=-=-=-=-=-=-=-=-=*/

/*-=-=-=-=-=-=-=-=law_info css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.law_info {
    width: 100%;
    float: left;
    padding: 40px 50px;
    background-color: #568149;
    overflow: hidden;
}

.law_info_text h4 {
    font-size: 22px;
    color: #ffffff;
}

.law_info_text p {
    font-size: 16px;
    color: #ffffff;
}

.law_info_box {
    border-right: 1px solid #ffffff78;
    width: 100%;
    float: left;
    padding-right: 5px;
}

.last_law_info_box {
    border-right: none;
}

.law_info_svg {
    border: 1px solid #ffffff;
    height: 87px;
    width: 87px;
    float: left;
    line-height: 87px;
    text-align: center;
}

.law_info_svg svg {
    width: 50px;
    fill: #ffffff;
}

.law_info_text {
    float: left;
    width: calc(100% - 87px);
    padding-left: 20px;
}

/*-=-=-=-=-=-=-=-=about_us css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.about_us {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

.about_us:before {
    content: '';
    position: absolute;
    bottom: -23%;
    right: 32%;
    background-image: url(../images/about_shape.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 300px;
    height: 100%;
    z-index: 99;
}

.about_us:after {
    content: '';
    background-image: url(../images/about_image.jpg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40%;
    height: 100%;
}

.about_us_text {
    width: 100%;
    float: left;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 100px;
}

.about_us2 {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

.about_us_text2 {
    width: 100%;
    float: left;
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
}

.heading_class {
    margin-top: 45px;
}

.heading_class h4 {
    font-size: 22px;
    text-transform: uppercase;
    color: #568149;
}

.heading_class2 h2 {
    font-size: 40px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.heading_class2 {
    margin: 0 0 45px 0;
}

.heading_class2 h4 {
    font-size: 22px;
    text-transform: uppercase;
    color: #568149;
}

.heading_low h2 {
    font-size: 40px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.paragraph_law p {
    font-size: 16px;
    line-height: 24px;
    color: #797979;
    font-weight: 300;
}

.heading_choose h2 {
    color: #ffffff;
    font-size: 40px;
}

.paragraph_class2 p {
    max-width: 807px;
    font-size: 15px;
    line-height: 26px;
    color: #707070;
    font-weight: 400;
    font-style: italic;
    font-family: "Lato";
    text-align: center;
    display: block;
    margin: 0 auto;
}

.paragraph_class p {
    margin: 20px 0;
}

.paragraph_class2 {
    padding-top: 30px;
}

.paragraph_class2 p {
    max-width: 807px;
    font-size: 15px;
    line-height: 26px;
    color: #707070;
    font-weight: 400;
    font-style: italic;
    font-family: "Lato";
    text-align: center;
    display: block;
    margin: 0 auto;
}

.about_choose_menu li {
    /* width: 230px;
    padding: 13px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; */

    float: left;
    width: 100%;
}

.about_choose_menu .nav-tabs .nav-link:hover {
    color: #fff;
    background-color: #568149;
}

.about_choose_menu .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #568149;
}

.about_choose_menu .nav-tabs .nav-link {
    padding: 13px;
    color: #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    text-align: center;
}

.choose_us_img button {
    letter-spacing: 0.5px;
}

.choose_us_img button:hover {
    color: #ffffff;
    ;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.heading_ h2 {
    font-size: 40px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.name_class h6 {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    margin-top: 30px;
    font-weight: 400;
    font-family: "Lato";
    color: #707070;
}

.name_class h6 span {
    color: #568149;
    font-weight: 700;
}

.about_menu {
    padding: 25px 0;
}

.about_menu li {
    padding-left: 45px;
    position: relative;
    color: #111;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.about_menu li::before {
    content: "\f30b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: inherit;
    position: absolute;
    top: 5px;
    left: 0;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.about_menu li:hover {
    color: #568149;
}

.about_menu li+li {
    margin-top: 25px;
}

.about_menu2 {
    padding: 25px 0;
}

.about_menu2 li {
    padding-left: 45px;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.about_menu2 li::before {
    content: "\f30b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: inherit;
    position: absolute;
    top: 5px;
    left: 0;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.about_menu2 li:hover {
    color: #568149;
}

.about_menu2 li+li {
    margin-top: 25px;
}

.about_us_number h4 {
    text-transform: revert;
    margin-bottom: 20px;
    font-size: 22px;
}

.about_us_number a {
    border: 1px solid #568149;
    background: #568149;
    color: #fff;
    padding: 6px 10px;
    float: left;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.about_us_number a:hover {
    background: transparent;
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.about_us_number p {
    margin-left: 55px;
    margin-top: 30px;
    text-transform: capitalize;
}

.about_us_number p span {
    color: #568149;
}

.about_right_img {
    width: 100%;
    float: right;
}

.about_right_img img {
    width: 100%;
}

.about_us_number2 {
    box-shadow: -8px 10px 19px 3px #ceb5b554;
    padding: 15px 30px;
}

.about_us_number2 h4 {
    text-transform: revert;
    margin-bottom: 20px;
    font-size: 22px;
}

.about_us_number2 a {
    border: 1px solid #568149;
    background: #568149;
    color: #fff;
    padding: 6px 10px;
    float: left;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.about_us_number2 a:hover {
    background: transparent;
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.about_us_number2 p {
    margin-left: 55px;
    margin-top: 30px;
    text-transform: capitalize;
}

.about_us_number2 p span {
    color: #568149;
}

/*-=-=-=-=-=-=-=-=services css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.services {
    width: 100%;
    float: left;
    text-align: center;
    padding: 100px 0;
    background: #f6f6f6;
}

.services_svg svg {
    width: 80px;
    fill: #568149;
}

.services .heading_class h4 {
    color: #000000;
    text-transform: capitalize;
}

.services .paragraph_class {
    margin-bottom: 40px;
}

.services_box {
    margin-top: 30px;
    border: 1px solid #e3e3e3;
    padding: 40px;
}

.services_box .heading_class {
    margin-top: 20px;
    margin-bottom: 20px;
}

.services_box .paragraph_class {
    margin-bottom: 20px;
}

.a_class a {
    color: #000000;
    text-transform: capitalize;
    font-family: 'Playfair Display';
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.a_class a span {
    margin-left: 10px;
    vertical-align: middle;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.a_class a span i {
    color: #222222;
    font-size: 22px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.services_box:hover {
    border-color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.services_box:hover .heading_class h4 {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.services_box:hover .a_class a {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.services_box:hover .a_class a span i {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/*-=-=-=-=-=-=-=-= choose_us css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.choose_us {
    width: 100%;
    float: left;
    padding: 100px 0;
    background-image: url('../images/bg_choose_image.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.choose_us .heading_class h2 {
    color: #ffffff;
    text-align: center;
}

.choose_us .paragraph_class {
    margin-bottom: 40px;
}

.choose_us .paragraph_class p {
    color: #ffffff;
    text-align: center;
}

.choose_us_row {
    margin-top: 30px;
}

.choose_us_box {
    border: 1px solid #ececec;
    margin-bottom: 30px;
    width: 100%;
    float: left;
    padding: 30px;
}

.choose_us_box_text h4 {
    color: #ffffff;
    text-transform: capitalize;
    font-size: 22px;
}

.choose_us_box_text p {
    color: #ffffff;
}

.right_content {
    text-align: right;
}

.left_content {
    text-align: left;
}

.choose_us_svg svg {
    fill: #fff;
    height: 40px;
    width: 40px;
}

.left_content .choose_us_svg {
    width: 70px;
    float: left;
    text-align: center;
    height: 80px;
    line-height: 80px;
    background: #f6af6d;
    border: 1px solid transparent;
    position: relative;
}

.left_content .choose_us_box_text {
    width: calc(100% - 70px);
    margin-left: 100px;
}

.right_content .choose_us_svg {
    width: 70px;
    float: right;
    text-align: center;
    height: 80px;
    line-height: 80px;
    background: #f6af6d;
    border: 1px solid transparent;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.choose_us_box:hover .choose_us_svg {
    background-color: transparent;
    border-color: #f6af6d;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.choose_us_box:hover .choose_us_svg svg {
    fill: #f6af6d;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.choose_us_box:hover .choose_us_box_text h4 {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.right_content .choose_us_box_text {
    margin-right: 0;
    float: left;
    width: 280px;
}

.choose_us_svg:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 30px;
    background: #f6af6d;
    top: -30px;
    left: 34px;
}

.choose_us_svg:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 30px;
    background: #f6af6d;
    bottom: -30px;
    left: 34px;
}

.choose_us_img img {
    max-width: 100%;
}

/*-=-=-=-=-=-=-=-=our_team css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.our_team {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.our_team .heading_class {
    text-align: center;
}

.our_team .paragraph_class {
    text-align: center;
}

.ot_text2 {
    background-color: #fff;
    padding: 25px 0 0 0;
}

.ot_text2 h4 a {
    font-size: 22px;
    color: #000;
    text-align: center;
}

.ot_text2 h4 {
    text-align: center;
    margin-bottom: 6px;
}

.ot_text2 h2 a {
    font-size: 14px;
    line-height: 26px;
    color: #568149;
    font-weight: 400;
    text-align: center;
}

.ot_text2 h2 {
    text-align: center;
}

.ot_text2 p {
    max-width: 200px;
    font-size: 14px;
    line-height: 24px;
    color: #707070;
    font-weight: 400;
    text-align: center;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.ot_text p {
    color: #fff;
}

.ot_text h4 {
    font-size: 22px;
    margin-bottom: 6px;
    color: #ffffff
}

.ot_text h4 a:hover {
    color: #ffffff;
}

.ot_text p a {
    color: #ffffff;
}

.ot_img {
    position: relative;
}

.ot_img2 {
    position: relative;
    box-shadow: 0 0 15px rgb(12 12 12 / 5%);
}

.ot_img img {
    border: 1px solid transparent;
    width: 100%;
}

.ot_img2 img {
    border: 1px solid transparent;
    width: 100%;
}

.ot_text {
    position: absolute;
    width: 100%;
    background-color: #b7814f;
    text-align: center;
    float: left;
    bottom: 70px;
    padding: 10px 0;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
}

.ot_icon {
    margin-top: 6px;
    position: absolute;
    width: 100%;
    text-align: center;
    float: left;
    bottom: 0px;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
}

.ot_icon ul {
    display: inline-flex;
}

.ot_icon ul li {
    margin-left: 10px;
    margin-right: 10px;
}

.ot_icon ul li a {
    color: #ffffff;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

.ot_icon ul li a svg {
    width: 16px;
    fill: #ffffff;
}

.ot_icon ul li a:hover {
    color: #568149;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

.ot_img:hover img {
    border: 1px solid #568149;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

.ot_img:hover .ot_text {
    background-color: #19233f;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

.ot_img:hover .ot_icon {
    background-color: transparent;
    bottom: 100px;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
}

.margine_class {
    margin-top: 40px;
}

.contact_btn {
    padding: 20px 0 0 0;
}

.contact_btn button {
    width: 150px;
    font-size: 16px;
    color: #707070;
    font-weight: 400;
    background-color: #f9f9f9;
    margin: 0 auto;
    display: block;
}

.contact_btn button:hover {
    background-color: #b8814e;
}

.contact_btn button:hover a {
    color: #fff;
}

/*-=-=-=-=-=-=-=-=attorney single start-=-=-=-=-=-=-=-=-=-=-=-=*/
.member_img img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.member-content h4 {
    padding-bottom: 15px;
}

.member-content h4 a {
    font-size: 22px;
    color: #568149;
    font-weight: 400;
}

.member-content h6 a {
    color: #797979;
}

.member-content p {
    font-size: 16px;
    color: #797979;
    font-weight: 300;
    padding: 20px 0 20px 0;
}

.member-content h3 {
    font-size: 22px;
    color: #568149;
    font-weight: 400;
}

.attorney_award h2 {
    font-size: 22px;
    color: #222222;
    font-weight: 400;
    padding: 15px 0 25px 0;
}

.attorney_award img {
    text-align: center;
    margin: 20px auto;
    display: block;
}

.member_icon {
    text-align: center;
    padding: 20px 0 0 0;
}

.member_icon ul {
    display: inline-flex;
    column-gap: 15px;
}

.member_icon ul li {
    width: 30px;
    height: 30px;
    background: #b7814f;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.member_icon ul li a {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.member_icon ul li a svg {
    width: 14px;
    height: 14px;
    fill: #fff;
}

.member_icon ul li:hover a {
    color: #b8814e;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.member_icon ul li:hover a svg {
    fill: #b8814e;
}

.member_icon ul li:hover {
    background-color: transparent;
    border: 1px solid #b8814e;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.contact_attorney ul {
    column-count: 2;
}

.contact_attorney li {
    padding-left: 45px;
    position: relative;
    line-height: 30px;
}

.contact_attorney li::before {
    content: "\f015";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #b8814e;
    position: absolute;
    top: 5px;
    left: 0;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.contact_attorney li+li:before {
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #b8814e;
    position: absolute;
    top: 5px;
    left: 0;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.contact_attorney li+li+li:before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #b8814e;
    position: absolute;
    top: 5px;
    left: 0;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.contact_attorney li:hover {
    color: #b8814e;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/*-=-=-=-=-=-=-=-=recent_case css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.recent_case {
    width: 100%;
    float: left;
    background-color: #f6f6f6;
    text-align: center;
    padding: 100px 0;
}

.recent_case_img {
    width: 100%;
    float: left;
    position: relative;
}

.recent_case_img .vd video {
    width: 100%;
    height: 318px;
}

.recent_case_img .blog-vd video {
    width: 100%;
}

.recent_case_content {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 50px;
}

.recent_case_text {
    margin-top: 20px;
}

.recent_case_text h4 {
    font-size: 20px;
}

.date_content {
    display: inline-flex;
    padding: 10px 0;
    border-bottom: 1px solid #e9e9e8;
    border-top: 1px solid #e9e9e8;
    margin: 10px 0;
}

.date_content i {
    color: #568149;
    margin-right: 10px;
}

.date_content p {
    margin-right: 20px;
}

.date_content4 p {
    margin-right: 12px;
}

.a_class {
    margin-top: 10px;
}

.recent_case_box {
    width: 100%;
    float: left;
}

.recent_case_box:hover .a_class a span i {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.recent_case_box:hover .a_class a,
.recent_case_box:hover .recent_case_text h4 {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.date_content a:hover {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hover_dot {
    width: 100%;
    float: left;
    text-align: center;
    position: absolute;
    bottom: 50%;
}

.hover_dot span {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
}

.recent_case_box:hover .hover_dot {
    display: block;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.recent_case_img img {
    width: 100%;
    position: relative;
}

.recent_case_icon {
    display: flex;
    position: absolute;
    top: 50%;
    left: 42%;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.recent_case_box:hover .recent_case_icon {
    opacity: 1;
    top: 35%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.recent_case_icon a i {
    background-color: #ffffff;
    color: #b8814e;
    font-weight: bold;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.recent_case_icon a i:hover {
    background-color: #b8814e;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.recent_case_icon a+a {
    margin-left: 10px;
}

.recent_case_icon3 {
    display: flex;
    position: absolute;
    top: 50%;
    left: 38%;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.recent_case_box:hover .recent_case_icon3 {
    opacity: 1;
    top: 36%;
    left: 38%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.recent_case_icon3 a i {
    background-color: #ffffff;
    color: #b8814e;
    font-weight: bold;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.recent_case_icon3 a i:hover {
    background-color: #b8814e;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.recent_case_icon3 a+a {
    margin-left: 10px;
}

.recent_case_icon4 {
    display: flex;
    position: absolute;
    top: 50%;
    left: 33%;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.recent_case_box:hover .recent_case_icon4 {
    opacity: 1;
    top: 36%;
    left: 33%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.recent_case_icon4 a i {
    background-color: #ffffff;
    color: #b8814e;
    font-weight: bold;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
}

.recent_case_icon4 a i:hover {
    background-color: #b8814e;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.recent_case_icon4 a+a {
    margin-left: 10px;
}

/*-=-=-=-=-=-=-=-=fb_slider css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.fb_slider {
    width: 100%;
    float: left;
    overflow: hidden;
    text-align: center;
    background-image: url('../images/slider_img.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: inherit;
    padding: 50px;
}

.fb_slider_content {
    border: 1px solid;
    padding: 75px;
    width: 100%;
    float: left;
}

.fb_slider_content .owl-nav {
    display: none;
}

.fb_slider_text {
    float: left;
    width: 100%;
}

.fb_user_name {
    float: left;
    width: 100%;
}

.fb_slider_text svg {
    width: 40px;
    fill: #568149;
}

.fb_slider_content .owl-carousel .owl-item img {
    display: inherit;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.fb_slider_content button.owl-dot {
    width: 10px;
    height: 10px;
    background: #ffffff61;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
}

.fb_slider_content button.owl-dot.active {
    background: #ffffff;
}

.fb_slider_text p {
    margin-top: 40px;
    margin-bottom: 40px;
    color: #ffffff;
}

.fb_user_name h5 {
    color: #ffffff;
    margin-top: 15px;
    font-size: 22px;
}

.fb_user_name p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.fb_slider_content .owl-dots {
    margin-top: 50px;
}

.slider_class button.owl-dot {
    width: 10px;
    height: 10px;
    background: #e7e7e7;
    border-radius: 50%;
    margin: 0 5px;
}

.slider_class button.owl-dot.active {
    background: #568149;
}

.slider_class .owl-dots {
    margin-top: 50px;
}

/*-=-=-=-=-=-=-=-=pricing_plans css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.pricing_plans {
    float: left;
    width: 100%;
    text-align: center;
    padding: 100px 0;
}

.pricing_plans .paragraph_class {
    margin-bottom: 35px;
}

.pricing_plans_box {
    width: 100%;
    float: left;
    overflow: hidden;
    border: 1px solid #ebebeb;
    margin-top: 30px;
}

.pricing_plans_img {
    width: 100%;
    float: left;
    position: relative;
}

.pp_detalis {
    width: 100%;
    float: left;
    padding: 40px 30px 30px;
}

.pricing_plans_box ul {
    float: left;
    width: 100%;
    text-align: left;
    list-style: inside;
}

.pricing_plans_box ul a {}

.pricing_plans_box .a_class {
    width: 100%;
    margin-top: 20px;
    float: left;
    text-align: left;
}

.pricing_plans_box .a_class a span i {
    color: #222222;
}

.pricing_plans_box:hover .a_class a span i {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pricing_plans_box:hover .a_class a {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pricing_plans_box:hover {
    border: 1px solid #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pricing_plans_box li.text_dec a,
.btc_pricing_cont_wrapper li.text_dec a {
    text-decoration: line-through;
}

.pricing_plans_img_content h5 {
    color: #ffffff;
    font-size: 22px;
}

.pricing_plans_img_content p,
.pricing_plans_img_content a {
    color: #ffffff;
    text-transform: capitalize;
}

.pricing_plans_img_content a {
    font-size: 60px;
}

.pricing_plans_img_content hr {
    border-top: 1px solid #50483f;
}

.price {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.pricing_plans_img img {
    width: 100%;
    float: left;
}

/* pricing-one box */
.main_pricing {
    width: 100%;
    padding: 30px 0 30px 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.plan_wrapper {
    padding: 15px 0 15px 0;
    background-color: #b7814f;
}

.plan_wrapper h4 {
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.plan_wrapper p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    padding: 5px 0 5px 0;
    text-transform: capitalize;
}

.plan_wrapper hr {
    border-top: 1px solid #ffffff6b;
}

.plan_wrapper h2 {
    font-size: 60px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    padding: 15px 0 20px 0;
}

.menu_plan {
    border: 1px solid #79797975;
    padding: 25px 30px 25px 30px;
    background: #fff;
}

.menu_plan ul {
    list-style-type: disc;
}

.menu_plan ul li {
    line-height: 40px;
    color: #797979;
    font-weight: 400;
}

.menu_plan a {
    text-transform: capitalize;
    color: #000;
}

.menu_plan a i {
    margin-left: 8px;
}

/* pricing-two box */
.main_pricing2 {
    width: 100%;
    padding: 30px 0 30px 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pricing_plan2 {
    width: 100%;
    float: left;
    background-image: url('../images/bg-pricing.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 50px 0 50px 0;
}

.pricing_plan2:before {
    content: '';
    position: absolute;
    display: block;
    background-color: #19233f;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.heading_plan h2 {
    text-align: center;
    color: #fff;
}

.paragraph_plan p {
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin: 20px 0;
    position: relative;
}

/*plan-three box */

.pricing_plan3 {
    width: 100%;
    float: left;
    background-image: url('../images/bg-pricing.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 50px 0 50px 0;
}

.pricing_plan_three {
    background-color: #fff;
    color: #111111;
    text-align: center;
    padding: 20px 0 20px 0;
    box-shadow: 6px 0px 6px rgb(0 0 0 / 15%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transition: 0.3s;
}

.pricing_plan_three h4 {
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
}

.pricing_plan_three p {
    font-size: 14px;
    line-height: 24px;
    color: #111111;
    padding: 10px 0;
}

.pricing_plan_three h2 {
    font-size: 78px;
    line-height: 63px;
}

.pricing_plan_three hr {
    max-width: 250px;
}

.menu_plan3 {
    padding: 25px 0 25px 0;
}

.menu_plan3 ul li {
    line-height: 40px;
    color: #797979;
    font-weight: 400;
    text-align: center;
}

.menu_plan3 a {
    text-transform: capitalize;
    color: #000;
    text-align: center;
    text-transform: capitalize;
    color: #000;
    text-align: center;
    display: block;
    padding: 15px 0 0px 0;
}

.menu_plan3 a i {
    margin-left: 8px;
}

.plan_three_box {
    padding-right: 0px;
}

.plan_three_box2 {
    padding: 0px;
}

.plan_three_box3 {
    padding-left: 0px;
}

.pricing_plan_three:hover {
    color: #ffff;
    background-color: #b7814f;
    transform: translateY(-20px);
    box-shadow: 6px 0px 6px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 6px 0px 6px rgb(0 0 0 / 15%);
    -moz-box-shadow: 6px 0px 6px rgb(0 0 0 / 15%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pricing_plan_three:hover h4 {
    color: #fff;
}

.pricing_plan_three:hover h2 {
    color: #fff;
}

.pricing_plan_three:hover p {
    color: #fff;
}

.pricing_plan_three:hover .menu_plan3 ul li {
    color: #fff;
}

.pricing_plan_three:hover .menu_plan3 a {
    color: #fff;
}

.pricing_plan_three:hover hr {
    border-top: 1px solid rgb(239 231 231 / 71%);
}

/*-=-=-=-=-=-=-=-=faq css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.main-faq {
    padding: 50px 0;
}

.faq {
    width: 100%;
    float: left;
    background: #f6f6f6;
    position: relative;
    overflow: hidden;
}

.faq:before {
    content: '';
    background-image: url(../images/faq_img.jpg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
}

.consultation_box {
    width: 100%;
    float: left;
    padding: 100px 0;
    padding-left: 30px;
}

.consultation_box h2 {
    font-size: 40px;
}

.form {
    width: 100%;
    float: left;
    margin-top: 60px;
}

.faq .accordion {
    width: 100%;
    float: left;
    margin-top: 60px;
}

.form_input input,
.form_input select {
    height: 50px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding-left: 30px;
    border: 1px solid #e3e3e3;
    background: transparent;
    color: #797979;
    position: relative;
}

.form_input .name {
    position: relative;
}

.form_input .name::before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #b7b7b7;
    position: absolute;
    top: 15px;
    right: 20px;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.form_input .email {
    position: relative;
}

.form_input .email::before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #b7b7b7;
    position: absolute;
    top: 82px;
    right: 20px;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.form_input .reply {
    position: relative;
}

.form_input .reply::before {
    content: "\f3e5";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #b7b7b7;
    position: absolute;
    top: 155px;
    right: 20px;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.form_input textarea {
    width: 100%;
    height: 170px;
    padding: 20px 30px;
    margin-bottom: 30px;
    border: 1px solid #e3e3e3;
    color: #797979;
    background: transparent;
}

.faq_box {
    width: 100%;
    float: left;
    padding: 100px 0;
    padding-right: 30px;
}

.faq_box h2 {
    color: #ffffff;
    font-size: 40px;
    margin-bottom: 60px;
}

.faq_box .panel-body {
    color: #ffffff;
}

.faq_box .panel.panel-default {
    border: 1px solid #756e68;
    margin-bottom: 30px;
}

.faq_box .panel-default>.panel-heading {
    border: 1px solid #756e68;
}

.faq_box .panel-default>.panel-heading a {
    color: #ffffff;
}

.comment_input .main_btn .btn1 {
    width: auto !important;
    height: auto !important;
}

/*-=-=-=-=-=-=-=-=contact_us css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.contact_us {
    width: 100%;
    float: left;
    background-image: url('../images/contect_img.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 79px 0;
}

.contact_us_text {
    width: 100%;
    float: left;
}

.contact_us_text h2 {
    font-size: 40px;
}

.contact_us .main_btn {
    float: right;
    width: 100%;
    margin-top: 10px;
}

.contact_us .main_btn a {
    float: right;
}

.contect_info .footer_box {
    margin-bottom: 50px;
}

.contact_page .form_input textarea {
    height: 185px;
}

/*-=-=-=-=-=-=-=-=contact_map css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.contact_detail {
    width: 100%;
    float: left;
    background-image: url('../images/bg-contact.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0 50px 0;
}

.contact_detail h4 {
    color: #fff;
    padding-bottom: 30px;
}

.contact_detail .table_content {
    padding: 20px 0 20px 0;
    color: #707070;
}

.contact_detail tr {
    border-bottom: 1px solid #282828;
}

.contact_detail tr td {
    padding: 20px 15px 20px 0;
}

.contact_detail tr:hover td+td {
    color: #b8814e;
}

/*-=-=-=-=-=-=-=-=footer css start-=-=-=-=-=-=-=-=-=-=-=-=*/

footer {
    width: 100%;
    float: left;
    padding: 100px 0;
    background-color: #190d03;
    overflow: hidden;
}

.footer_content .left_icon a {
    border: 1px solid #568149;
    background: #568149;
    color: #fff;
    float: left;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.footer_content .left_icon a svg {
    width: 20px;
    fill: #fff;
}

.footer_content .left_icon a:hover svg {
    fill: #568149;
}

.footer_list i.fas.fa-chevron-right {
    color: #568149;
    margin-right: 15px;
}

.footer_list {
    margin-top: 40px;
    width: 100%;
    float: left;
}

.footer_content h5,
.footer_content p,
.footer_content a {
    color: #ffffff;
    line-height: 26px;
}

.footer_content a:hover {
    color: #568149;
}

.footer_content h5 {
    margin-top: 33px;
    font-size: 22px;
}

.margine_top {
    margin-top: 20px;
}

.left_icon {
    width: 100%;
    float: left;
}

footer .logo {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.right_text {
    width: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 53px;
}

.margine_top_class li {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.footer_box_text {
    float: left;
    width: calc(100% - 80px);
    margin-left: 15px;
}

.footer_box_img {
    width: 65px;
    float: left;
}

.footer_box {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.copy_right {
    width: 100%;
    float: left;
    background: #140a02;
    padding: 15px 0;
}

.copy_right p {
    color: #fff;
}

.copy_right a {
    color: #fff;
    margin: 0 5px;
}

.copy_right a:hover {
    color: #568149;
}

.copy_right_left {
    width: 100%;
    float: left;
    text-align: left;
}

.copy_right_right {
    width: 100%;
    float: left;
    text-align: right;
}

/*-=-=-=-=-=-=index1 page css end-=-=-=-=-=-=-*/

/*-=-=-=-=-=-=index2 page css start-=-=-=-=-=-=-*/

.index2_top_header_1 nav {
    width: 100%;
    background-color: #568149;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 150px;
    float: right;
    z-index: 9;
    margin-top: 20px;
}

a.drop-text {
    color: #ffffff;
    text-transform: capitalize;
}

.Responsiv_menu {
    width: 100%;
    float: right;
    display: none;
}

.index2_top_header_1 nav ul li ul {
    display: none;
    margin-top: 20px;
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 9999;
}

.index2_top_header_1 nav ul li ul li {
    padding: 5px 20px;
    display: block;
}

.index2_top_header_1 nav ul li ul li:hover {
    background: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index2_top_header_1 .sidebar_search input:hover .sidebar_search button {
    background: #568149;
    color: #ffffff;
    border-color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index2_top_header_1 nav ul li ul li.search_list:hover {
    background: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index2_top_header_1 nav ul li ul li:hover a {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index2_top_header_1 nav ul li ul li a {
    text-transform: capitalize;
    color: #000000;
}

.index2_top_header_1 nav ul li ul li svg {
    margin-left: 20px;
    margin-right: 20px;
}

.index2_top_header_1 nav li li {
    background-color: #FEFEFE;
}

.fa-chevron-up {
    margin-left: 20px;
}

.marked {
    background-color: #1a243f;
    border-radius: 2px;
}

.marked1 {
    color: #ffffff;
}

.hamburger {
    margin: 0 20px;
}

.rotate {
    moz-transition: all 0.3s linear;
    webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.rotate.down {
    moz-transform: rotate(180deg);
    webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.index2_top_header_1 {
    width: 100%;
    float: left;
    padding: 10px 0;
}

.contect_side_box .main_btn {
    width: 100%;
    float: left;
    margin-bottom: 0;
    padding: 20px 0;
}

.contect_side {
    width: 100%;
    float: left;
    margin-top: 0;
}

.contect_side_icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    float: left;
    text-align: center;
    background: #568149;
    margin-top: 10px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.contect_side_icon:hover {
    background: #373542;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.contect_side_text {
    width: calc(100% - 45px);
    float: left;
    margin: 0 0 0 15px;
}

.contect_side_icon a {
    color: #ffffff;
}

.contect_side .main_btn a {
    float: right;
}

.contect_side_text p {
    color: #000000;
    font-weight: 500;
}

.header__navigation {
    float: left;
    width: 100%;
    background: #1a243f;
}

.header__navigation .navbar {
    width: 100%;
    float: left;
}

.header__navigation ul#nav_filter {
    margin-right: 0;
    text-align: center;
    border: 1px solid #373542;
    padding: 15px 100px;
}

.header__navigation .search_bar {
    padding: 5px;
}

.header__navigation .menu_wrapper {
    float: left;
    width: 100%;
    background: #1a243f;
    margin-left: -13px;
}

.header__navigation .navbar-nav>li {
    padding-top: 0;
    position: relative;
    margin-right: 30px;
}

.index2_slider {
    margin-top: 45px;
    text-align: center;
}

.header__navigation #nav_filter li a {
    border: none;
    position: relative;
}

.header__navigation #nav_filter li a:hover {
    border: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.header__navigation #nav_filter li a:hover::before {
    position: absolute;
    content: '';
    left: 45%;
    bottom: -5px;
    line-height: 0;
    width: 2px;
    height: 10px;
    background: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.header__navigation #nav_filter li a.dropdown-item:hover::before {
    display: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.header__navigation .navbar-nav>li::before {
    position: absolute;
    content: '';
    right: -20px;
    line-height: 0;
    top: 50%;
    width: 10px;
    height: 2px;
    background: rgba(250, 250, 250, .2);
}

.header__navigation .navbar-nav>li.after_hidden {
    margin-right: 0;
}

.header__navigation .navbar-nav>li.after_hidden::before {
    display: none;
}

.header__navigation .nav .dropdown .dropdown-menu {
    top: 48px;
    z-index: 99;
}

.header__navigation .menu_wrapper .mega_menu {
    top: 48px;
    right: -252px;
    text-align: left;
    z-index: 99;
}

.header__navigation #nav_filter .mega_menu li a:hover::before {
    display: none;
}

.index2_slider .carousel .carousel-item:first-of-type {
    background-image: url('../images/index2_bg1.jpg');
}

.index2_slider .carousel .carousel-item:nth-of-type(2) {
    background-image: url('../images/index2_bg2.jpg');
}

.index2_slider .carousel .carousel-item:last-of-type {
    background-image: url('../images/index2_bg3.jpg');
}

.index2_slider .carousel-indicators {
    display: none;
}

.imdex2_home_text {
    margin-top: 40px;
    text-align: center;
    margin-top: 150px;
}

.imdex2_home_text h2 span {
    font-size: 97.44px;
    font-variation-settings: 'wght' 100, 'wdth' 85;
}

.imdex2_home_text h2 span .char {
    --delay: calc((var(--char-index) + 1) * 400ms);
    animation: breathe 4000ms infinite both;
    animation-delay: var(--delay);
}

.imdex2_home_text h2 span:hover span {
    animation-play-state: paused;
}

@keyframes breathe {
    0% {
        font-variation-settings: 'wght' 100, 'wdth' 85;
        font-size: 10vw;
    }

    60% {
        font-variation-settings: 'wght' 700, 'wdth' 100;
        font-size: 11vw;
    }

    100% {
        font-variation-settings: 'wght' 100, 'wdth' 85;
        font-size: 10vw;
    }
}

.imdex2_home_text h2 {
    position: relative;
}

.imdex2_home_text h2:after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: 50%;
    width: 2px;
    height: 30px;
    background: #568149;
}

.imdex2_home_text .main_btn {
    margin-top: 90px;
}

.services .main_btn {
    margin-top: 50px;
}

.index2_law_info {
    width: 100%;
    float: left;
    margin-top: -115px;
}

.index2_law_info_box {
    width: 100%;
    float: left;
    background: #568149;
    padding: 30px;
    position: relative;
}

.index2_law_info_box:hover {
    background: #1a243f;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index2_law_info_svg {
    width: 85px;
    height: 85px;
    line-height: 85px;
    float: left;
    border: 1px solid #ffffff;
    border-radius: 5px;
    text-align: center;
}

.index2_law_info_svg svg {
    width: 60px;
    fill: #ffffff;
}

.info_img {
    float: right;
    width: calc(100% - 85px);
    text-align: right;
}

.info_img img {
    width: 65px;
}

.index2_law_info_text {
    width: 100%;
    float: left;
}

.index2_law_info_text h4 {
    color: #ffffff;
    font-size: 22px;
}

.index2_law_info_text p {
    color: #ffffff;
    margin-bottom: 15px;
}

.index2_a_class a {
    color: #ffffff;
    text-transform: capitalize;
    font-family: 'Playfair Display', serif;
    position: relative;
    left: 40px;
}

.index2_a_class a:after {
    content: '';
    width: 30px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: -40px;
}

.header_border_main .heading_line {
    width: 2px;
    height: 30px;
    background: #568149;
    margin-left: auto;
    margin-right: auto;
}

.index2_services_img {
    width: 100%;
    float: left;
}

.index2_services_img img {
    width: 100%;
}

.index2_services_box {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 35px;
}

.index2_services_box:hover .heading_class h4,
.index2_services_box:hover .index2_a_class a {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index2_services_box:hover .heading_class h4:after {
    background: #1a243f;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index2_services_box:hover .index2_a_class a:after {
    background: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index2_services_svg {
    width: 80px;
    float: left;
    margin-right: 20px;
}

.index2_services_svg svg {
    fill: #568149;
}

.index2_services_text {
    float: left;
    width: calc(100% - 100px);
}

.index2_services_text .heading_class {
    margin-top: 0;
}

.index2_services_text .a_class,
.index2_services_text .paragraph_class {
    margin-bottom: 0;
}

.index2_services {
    background: #ffffff;
}

.index2_services .heading_class h4 {
    margin-bottom: 20px;
    position: relative;
}

.index2_services .heading_class h4:after {
    content: '';
    width: 50px;
    height: 2px;
    background: #568149;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.index2_services .index2_a_class a {
    color: #000000;
}

.index2_services .index2_a_class a:after {
    background: #000000;
}

.leading_legal {
    width: 100%;
    height: 100%;
    float: left;
    background-image: url(../images/bg_img2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
    background-color: #1a243f;
}

.leading_legal_content {
    width: 100%;
    float: left;
    text-align: left;
    padding: 20px 0;
}

.leading_legal_content h2 {
    color: #568149;
    font-size: 40px;
    margin-bottom: 15px;
}

.leading_legal_content .paragraph_class p,
.leading_legal_content .about_us_number p {
    color: #ffffff;
}

.leading_legal_content .about_us_number h4 {
    color: #568149;
}

.leading_legal_img {
    width: 100%;
    float: left;
}

.ll_img {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.ll_img img {
    width: 100%;
}

.ll_margin {
    margin-top: 62px;
}

.leading_legal_img:after {}

.index2_choose_us {
    background-image: none;
}

.index2_choose_us .heading_class h2,
.index2_choose_us .paragraph_class p,
.index2_choose_us .choose_us_box_text h4,
.index2_choose_us .choose_us_box_text p {
    color: #000000;
}

.index2_choose_us .right_content .choose_us_svg,
.index2_choose_us .left_content .choose_us_svg {
    background-color: #568149;
    cursor: pointer;
}

.index2_choose_us .choose_us_svg:before,
.index2_choose_us .choose_us_svg:after {
    background-color: #ececec;
}

.index2_choose_us .choose_us_box:hover .choose_us_svg {
    background: transparent;
    border-color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index2_choose_us .choose_us_box:hover .choose_us_svg svg {
    fill: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index2_choose_us .choose_us_row {
    margin-top: 60px;
}

.index2_counter {
    width: 100%;
    float: left;
    padding: 100px 0;
    background-image: url(../images/counter_image.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.counter_box {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.counter_svg {
    width: 80px;
    height: 80px;
    line-height: 80px;
    float: left;
    text-align: center;
    border: 1px solid #568149;
    margin-right: 20px;
}

.counter_box:hover .counter_svg {
    background: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.counter_box:hover .counter_svg svg {
    fill: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.counter_svg svg {
    width: 50px;
    fill: #568149;
}

.counter_text {
    width: calc(100% - 100px);
    float: left;
}

.counter_text .counting {
    font-size: 40px;
    font-family: 'Playfair Display';
    color: #ffffff;
}

.counter_text h5 {
    width: 100%;
    float: left;
    font-size: 22px;
    color: #ffffff;
    margin-top: 20px;
}

.index2_our_team .heading_class {
    margin-top: 0;
}

.index2_our_team .paragraph_class {
    margin-bottom: 30px;
}

.index2_our_team .ot_text {
    bottom: 105px;
    padding: 25px 0;
    background: #568149;
    border: 1px solid transparent;
}

.index2_our_team .ot_icon {
    position: absolute;
    bottom: 75px;
    width: 100%;
    float: left;
    text-align: center;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
}

.index2_our_team .ot_img:hover .ot_icon {
    bottom: 145px;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
}

.index2_our_team .ot_img:hover .ot_text {
    border-color: #568149;
    background: #1a243f;
    bottom: 105px;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
}

.index2_our_team .ot_img2:hover .ot_icon {
    bottom: 145px;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
}

.index2_our_team .ot_img2:hover .ot_text2 {
    border-color: #568149;
    background: #1a243f;
    bottom: 105px;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
}

.index2_fb_slider {
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/index2_slideri_mage.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 100px 0;
    background-repeat: no-repeat;
}

.fb_clients_svg {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 35px;
}

.fb_clients_svg svg {
    width: 100px;
    fill: #568149;
}

/* Control buttons  */

.index2_fb_slider_content #quote-carousel .carousel-control {
    background: none;
    color: #CE8E42;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
    opacity: 1;
}

/* Changes the position of the indicators */

.index2_fb_slider_content #quote-carousel .carousel-indicators {
    right: 50%;
    top: 90%;
}

.index2_fb_slider_content #quote-carousel .carousel-indicators li {
    background: #CE8E42;
}

.index2_fb_slider_content #quote-carousel .carousel-indicators .active {
    background: #fff;
    ;
    border: 2px solid #CE8E42;
}

/*!
 * Bootstrap v3.1.1 (https://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

.index2_fb_slider_content .carousel {
    position: relative;
    margin: 0 auto;
}

.index2_fb_slider_content .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.index2_fb_slider_content .carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

.index2_fb_slider_content .carousel-inner>.active,
.index2_fb_slider_content .carousel-inner>.next,
.index2_fb_slider_content .carousel-inner>.prev {
    display: block;
}

.index2_fb_slider_content .carousel-inner>.active {
    left: 0;
}

.index2_fb_slider_content .carousel-inner>.next,
.index2_fb_slider_content .carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.index2_fb_slider_content .carousel-inner>.next {
    left: 100%;
}

.index2_fb_slider_content .carousel-inner>.prev {
    left: -100%;
}

.index2_fb_slider_content .carousel-inner>.next.left,
.index2_fb_slider_content .carousel-inner>.prev.right {
    left: 0;
}

.index2_fb_slider_content .carousel-inner>.active.left {
    left: -100%;
}

.index2_fb_slider_content .carousel-inner>.active.right {
    left: 100%;
}

.index2_fb_slider_content .carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.index2_fb_slider_content .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.index2_fb_slider_content .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #ffffff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
}

.index2_fb_slider_content .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
}

.index2_fb_slider_content .carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.index2_fb_slider_content .carousel-caption .btn {
    text-shadow: none;
}

.index2_fb_slider_content .carousel-control .glyphicon-chevron-left,
.index2_fb_slider_content .carousel-control .glyphicon-chevron-right,
.index2_fb_slider_content .carousel-control .icon-prev,
.index2_fb_slider_content .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
}

.index2_fb_slider_content .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
}

.index2_fb_slider_content .carousel-indicators {
    bottom: 20px;
}

.index2_fb_slider_content #quote-carousel .carousel-control {
    display: none;
}

.index2_fb_slider_content .fb_user_name {
    margin-bottom: 20px;
}

.index2_fb_slider_content .img_size {
    width: 20%;
    margin: 0 auto;
}

.index2_fb_slider_content .owl-nav {
    display: none;
}

.index2_fb_slider_content button.owl-dot {
    width: 10px;
    height: 10px;
    background: #ffffff85;
    border-radius: 50%;
    margin: 0 2px;
}

.index2_fb_slider_content button.owl-dot.active {
    background: #568149;
    width: 15px;
    height: 15px;
}

.fb_clients_talk {
    width: 100%;
    float: left;
}

.fb_clients_talk h2 {
    color: #ffffff;
    font-size: 60px;
}

.fb_clients_talk p {
    color: #ffffff;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.index2_pricing_plans .heading_class {
    margin-top: 0;
}

.index2_pricing_plans_box {
    width: 100%;
    float: left;
    margin-top: 100px;
}

.index2_pricing_plans_img_content {
    width: 100%;
    float: left;
}

.index2_pricing_plans_img_content .price {
    margin-top: 0;
}

.index2_pp_detalis {
    width: 100%;
    float: left;
}

.index2_recent_case {
    background-color: #ffffff;
}

.index2_recent_case .recent_case_img {
    margin-bottom: 0;
}

.index2_recent_case .date_content {
    margin-top: 0;
}

.recent_case_text {
    width: 100%;
    float: left;
}

.index2_recent_case .recent_case_text h4 {
    margin-bottom: 10px;
}

.index2_recent_case .a_class {
    border-top: 1px solid #ebebeb;
    padding-top: 10px;
}

.index2_recent_case .a_class p {
    font-family: 'Playfair Display', serif;
    color: #000000;
    float: left;
}

.index2_recent_case .recent_case_box:hover .a_class p {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index2_recent_case .a_class a {
    float: right;
}

.index2_faq {
    background-color: #ffffff;
}

.index2_faq:before {
    content: '';
    background-image: url(../images/faq_bg_mage1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.index2_faq .consultation_box {
    background: #ffffff;
    padding: 30px;
    margin: 100px 0;
}

.index2_faq .form_input textarea {
    height: 100px;
}

.footer_content .main_btn {
    text-align: center;
    margin-top: 20px;
}

.footer_content .main_btn a {
    width: 100%;
    float: left;
}

.footer_content {
    width: 100%;
    float: left;
}

.footer_list input {
    width: 100%;
    height: 50px;
    padding-left: 20px;
    margin-top: 10px;
}

.footer_svg svg {
    width: 30px;
    fill: #797979;
}

.copy_right_right ul {
    display: inline-flex;
}

.copy_right_right ul li {
    margin-left: 10px;
    margin-right: 10px;
}

.btc_pricing_box_wrapper {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 60px;
}

.btc_pricing_icon_wrapper {
    display: inline-block;
    background: #568149;
    border: 10px solid #ffffff;
    padding: 10px 30px;
    z-index: 10;
    position: relative;
    top: 31px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_hover_effect {
    position: relative;
    float: left;
    width: 100%;
}

.btc_pricing_hover_effect h4 {
    color: #ffffff;
    font-size: 50px;
}

.btc_pricing_hover_effect h4 span {
    color: #ffffff;
    font-size: 16px;
}

.btc_step_overlay {
    position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%;
    opacity: 0;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_box_wrapper:hover .btc_step_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #10abbb;
    opacity: 1;
}

.btc_pricing_hover_effect i {
    width: 125px;
    height: 125px;
    background: #ffffff;
    text-align: center;
    line-height: 125px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_hover_effect i:before {
    position: relative;
    font-size: 45px;
    margin-left: 0;
    color: #10abbb;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_box_wrapper:hover .btc_pricing_hover_effect i:before {
    color: #ffffff;
    z-index: 100;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_cont_wrapper {
    float: left;
    width: 100%;
    border: 1px solid #568149;
    background-color: #ffffff;
    padding-bottom: 30px;
    position: relative;
    margin-top: -45px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_cont_wrapper .a_class {
    margin-top: 40px;
}

.btc_pricing_box_wrapper:hover .btc_pricing_icon_wrapper,
.btc_pricing_box_wrapper:hover .bg_color {
    background-color: #1a243f;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_box_wrapper:hover .a_class a,
.btc_pricing_box_wrapper:hover .a_class a i {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_cont_bottom_line {
    position: relative;
}

.btc_pricing_cont_bottom_line:before {
    content: '';
    border: 1px solid #e5e5e5;
    width: 1px;
    height: 13px;
    position: absolute;
    right: 0;
    left: 9px;
    margin: 0px auto;
    top: 30px;
    -ms-transform: rotate(228deg);
    -webkit-transform: rotate(228deg);
    transform: rotate(228deg);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_cont_bottom_line:after {
    content: '';
    border: 1px solid #e5e5e5;
    width: 1px;
    height: 13px;
    position: absolute;
    right: 9px;
    left: 0;
    top: 30px;
    margin: 0px auto;
    ms-transform: rotate(313deg);
    -webkit-transform: rotate(313deg);
    transform: rotate(313deg);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_cont_bottom_line_state {
    position: relative;
}

.btc_pricing_cont_bottom_line_state:after {
    content: '';
    border: 1px solid #e5e5e5;
    width: 130px;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 31px;
    margin: 0px auto;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.bg_color {
    background: #568149;
    padding-top: 125px;
    padding-bottom: 20px;
}

.btc_pricing_cont_bottom_line_state:before {
    content: '';
    border: 1px solid #ffffff;
    width: 15px;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 31px;
    margin: 0px auto;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.bg_color h5 {
    font-size: 22px;
    color: #ffffff;
}

.btc_pricing_cont_wrapper p {
    color: #ffffff;
    padding-top: 15px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_cont_wrapper ul {
    margin-top: 25px;
    display: inline-block;
}

.btc_pricing_cont_wrapper li i {
    padding-right: 10px;
    color: #10abbb;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_cont_wrapper li:first-child {
    margin-top: 0;
}

.btc_pricing_cont_wrapper li {
    margin-top: 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_cont_wrapper h4 {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.btc_pricing_cont_wrapper h4 a {
    display: inline-block;
    width: 180px;
    height: 50px;
    background: #10abbb;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    line-height: 45px;
    margin-top: 40px;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_cont_wrapper h4 a:hover {
    background: red;
}

.btc_pricing_box_wrapper:hover .btc_pricing_cont_wrapper h4 a {
    background: white;
    color: black;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_box_wrapper:hover .btc_pricing_cont_wrapper h3,
.btc_pricing_box_wrapper:hover .btc_pricing_cont_wrapper p,
.btc_pricing_box_wrapper:hover .btc_pricing_cont_wrapper li i,
.btc_pricing_box_wrapper:hover .btc_pricing_cont_wrapper li {
    color: white;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_box_wrapper:hover .btc_pricing_cont_bottom_line_state:after,
.btc_pricing_box_wrapper:hover .btc_pricing_cont_bottom_line:after,
.btc_pricing_box_wrapper:hover .btc_pricing_cont_bottom_line:before {
    border: 1px solid #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btc_pricing_box_wrapper:hover .btc_pricing_cont_bottom_line_state:before {
    border: 1px solid #2ab25c;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index2_footer {
    background-image: url('../images/footer_bg_image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
}

/*-=-=-=-=-=-=index2 page css end-=-=-=-=-=-=-*/
/*-=-=-=-=-=-=index3 page css start-=-=-=-=-=-=-*/
.index3_menu_wrapper {
    float: left;
    width: 100%;
    z-index: 1000;
    position: initial;
    background: #ffffff;
}

.index3_menu_wrapper #nav_filter li a,
.index3_menu_wrapper .lv_search_bar,
.index3_menu_wrapper .main_btn a {
    color: #000000;
}

.index3_sign_in i,
.index3_cart i {
    color: #000000;
}

.index3_menu_wrapper #toggle {
    bottom: -25px;
}

.index3_menu_wrapper #toggle i {
    color: #000000;
    font-size: 35px;
}

.owl-theme .owl-nav [class*='owl-'] {
    transition: all .3s ease;
}

.owl-theme .owl-nav [class*='owl-'].disabled:hover {
    background-color: #D6D6D6;
}

#sync1.owl-theme {
    position: relative;
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}

#sync1.owl-theme .owl-prev {
    left: 10px;
}

#sync1.owl-theme .owl-next {
    right: 10px;
}

.index3_slider .owl-nav {
    display: none;
}

.index3_slider {
    width: 100%;
    float: left;
    position: relative;
}

.index3_media li {
    width: 100%;
    background: #806c53;
    padding: 10px;
    text-align: center;
    border: 1px solid #a29484;
}

.index3_media li a {
    color: #ffffff;
}

.index3_media li a svg {
    fill: #fff;
    transition: all 0.5s;
}

.index3_media li:hover a {
    color: #568149;
}

.index3_media li:hover a svg {
    fill: #568149;
}

.index3_slider_img1 {
    width: 100%;
    float: left;
    height: 100vh;
    background-position: center;
    background-image: url(../images/bg_image1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.index3_slider_img2 {
    width: 100%;
    float: left;
    height: 100vh;
    background-position: center;
    background-image: url(../images/index3_slider_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.index3_slider_img3 {
    width: 100%;
    float: left;
    height: 100vh;
    background-position: center;
    background-image: url(../images/bg_image1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.index3_home_text {
    width: 100%;
    float: left;
    margin-top: 100px;
}

.index3_home_count {
    width: 50%;
    float: left;
    background: #1a243f;
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 30px;
}

.index3_home_count p {
    width: 50%;
    float: left;
    color: #ffffff;
    text-align: right;
}

.index3_home_count h2 {
    width: 50%;
    float: left;
    color: #ffffff;
    text-align: right;
    font-size: 20px;
}

.index3_home_count h2 span {
    font-size: 30px;
    color: #568149;
}

.index3_media {
    text-align: right;
    position: fixed;
    top: 45%;
    right: 25px;
    z-index: 999;
}

.index3_home_text h1 {
    color: #ffffff;
    font-size: 95px;
}

.index3_home_text p {
    color: #ffffff;
}

.index3_slider button.owl-dot {
    width: 40px;
    height: 3px;
    background: #ffffff;
    margin: 0 5px;
}

.index3_slider button.owl-dot.active {
    background: #568149;
}

.index3_slider .owl-dots {
    position: absolute;
    bottom: 30px;
    right: 40px;
}

.index3_services {
    background-image: url('../images/index3_service_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.index3_services .heading_class h2,
.index3_services .paragraph_class p,
.index3_services .heading_class h4 {
    color: #ffffff;
}

.index3_services .heading_class h4 {
    margin-bottom: 10px;
}

.index3_services .index2_services_svg {
    border: 1px solid #568149;
    height: 55px;
    text-align: center;
    position: relative;
}

.index3_services svg {
    fill: #568149;
    position: absolute;
    width: 60px;
    top: -30px;
    background: #19233e;
    left: 10px;
}

.leading_legal_img img {
    width: 100%;
}

.leading_legal2 {
    padding: 100px 0;
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}

.leading_legal2:before {
    content: '';
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: center;
    float: left;
    background: #f8f8f8;
    position: absolute;
    top: 0;
    left: 0;
}

.leading_legal2:after {
    content: '';
    width: 335px;
    height: 500px;
    background-image: url('../images/justice2.png');
    background-size: cover;
    background-position: center;
    float: left;
    position: absolute;
    bottom: 0;
    right: 0;
}

.leading_legal2 .heading_class {
    margin-top: 0px;
}

.leading_legal2 .paragraph_class {
    margin-bottom: 50px;
}

.leading_legal2 .leading_legal_content .paragraph_class p,
.leading_legal2 .leading_legal_content .about_us_number p {
    color: #797979;
}

.leading_legal2 .leading_legal_content .about_us_number h4 {
    color: #000000;
}

.position_chang {
    position: relative;
    right: 60px;
}

.position_chang2 {
    position: relative;
    left: 60px;
}

.index3_choose_us {
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
}

.index3_choose_us:before {
    content: '';
    width: 335px;
    height: 500px;
    background-image: url('../images/img1.png');
    background-size: cover;
    background-position: center;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
}

.index3_choose_us:after {
    content: '';
    width: 335px;
    height: 500px;
    background-image: url('../images/img2.png');
    background-size: cover;
    background-position: center;
    float: left;
    position: absolute;
    bottom: 0;
    right: 0;
}

.index3_choose_us .paragraph_class p,
.index3_choose_us .choose_us_box_text p {
    color: #797979;
}

.index3_counter .counter_svg {
    height: 50px;
    position: relative;
    margin-top: 15px;
}

.index3_counter .counter_svg svg {
    background: #242c43;
    position: absolute;
    top: -25px;
    left: 15px;
}

.index3_our_team {
    background-image: url('../images/index3_bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.index3_our_team .ot_text {
    bottom: 77px;
    padding: 10px 0;
    background: #ffffff;
    border: 1px solid #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index3_our_team .ot_text h4 {
    color: #000000;
}

.index3_our_team .ot_text p {
    color: #797979;
}

.index3_our_team .ot_img:hover .ot_text {
    border-color: transparent;
    background: transparent;
    bottom: 77px;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index3_our_team .ot_img:hover .ot_text h4,
.index3_our_team .ot_img:hover .ot_text p {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index3_our_team .ot_img:hover .ot_icon {
    bottom: 97px;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
}

.index3_our_team .ot_img2:hover .ot_icon {
    bottom: 97px;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
}

.index3_our_team .ot_img2:hover .ot_text2 {
    border-color: transparent;
    background: transparent;
    bottom: 77px;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index3_our_team .ot_img2:hover .ot_text h4,
.index3_our_team .ot_img2:hover .ot_text p {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index3_our_team .ot_img2:hover .ot_icon {
    bottom: 97px;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
}

.index3_our_team .ot_img2:hover .ot_icon {
    bottom: 97px;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .4s;
    transition: .4s;
}

.index3_pricing_plans {
    background: #f8f8f8;
    overflow: hidden;
    position: relative;
}

.index3_pricing_plans .pricing_plans_box {
    background: #ffffff;
    border: none;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}

.index3_pricing_plans .pricing_plans_img_content {
    width: 100%;
    float: left;
    padding: 30px 30px 10px 30px;
}

.index1_warpper_pricing .pricing_plans_img_content {
    position: absolute;
    left: 0;
    right: 0;
    padding: 30px 30px 10px 30px;
}

.index3_pricing_plans .pricing_plans_box ul {
    text-align: center;
    list-style: none;
}

.index3_pricing_plans .pricing_plans_box ul li {
    padding: 5px 0;
}

.index3_pricing_plans .pricing_plans_box .a_class {
    text-align: center;
}

.index3_faq .leading_legal_content {
    padding: 100px 0;
}

.index3_faq .leading_legal_content_video {
    width: 100%;
    float: left;
    position: relative;
}

.index3_faq .leading_legal_content_video img {
    width: 100%;
}

.index3_faq .leading_legal_content h2 {
    color: #ffffff;
    margin-bottom: 20px;
}

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 44px;
    /* background: #fa183d; */
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #8f9398;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #dddedf;
    border-radius: 50%;
    transition: all 200ms;
}

.video-play-button:hover:after {
    background-color: darken(#fa183d, 10%);
}

.video-play-button img {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: auto;
    height: auto;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #568149;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}



.video-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.80);
    opacity: 0;
    transition: all ease 500ms;
}

.video-overlay.open {
    position: fixed;
    z-index: 1000;
    opacity: 1;
}

.video-overlay-close {
    position: absolute;
    z-index: 1000;
    top: 15px;
    right: 20px;
    font-size: 36px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms;
}

.video-overlay-close:hover {
    color: #fa183d;
}

.video-overlay iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    /* width: 90%; */
    /* height: auto; */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}

.index3_recent_case {
    background: #f8f8f8;
}

.index3_recent_case .recent_case_text {
    padding: 20px;
}

.index3_recent_case .date_content {
    position: absolute;
    top: 30px;
    left: 0;
    border: none;
    background: #ffffff;
    padding-left: 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index3_recent_case .date_content i {
    color: #797979;
}

.index3_recent_case .recent_case_box:hover .date_content {
    background: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index3_recent_case .recent_case_box:hover .date_content i,
.index3_recent_case .recent_case_box:hover .date_content a {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index3_contect {
    width: 100%;
    float: left;
    background-image: url(../images/index3_image.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.index3_contect .form_input input,
.index3_contect .form_input select,
.index3_contect .form_input textarea {
    border: 1px solid #545b6e;
}

.index3_contect .form_input input::placeholder,
.index3_contect .form_input textarea::placeholder,
.index3_contect .consultation_box h2 {
    color: #ffffff;
}

.png_img {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}

.png_img:before {
    content: '';
    background-image: url('../images/png_image.png');
    background-size: cover;
    height: 607px;
    width: 374px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.footer_boder {
    border-right: 1px solid #5e5750;
    border-left: 1px solid #5e5750;
    padding: 0 50px;
}

.index3_pricing_plans .pricing_plans_img_content h5,
.index3_pricing_plans .pricing_plans_img_content p,
.index3_pricing_plans .pricing_plans_img_content a {
    color: #000000;
}

.index3_pricing_plans .pp_detalis {
    padding-top: 0;
}

.index3_pricing_plans .price {
    border-bottom: 1px solid #f8f8f8;
    border-top: 1px solid #f8f8f8;
    padding: 30px 0 10px 0;
    margin-top: 20px;
}

.index3_pricing_plans .price a {
    position: relative;
}

.index3_pricing_plans .price span {
    font-size: 20px;
    position: absolute;
    top: 13px;
    left: -15px;
}

.index3_pricing_plans .pricing_plans_box:hover {
    background-color: #568149;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.15);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.15);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.15);
    transition: all 200ms ease-in;
    transform: scale(1.15);
}

.index3_pricing_plans .pricing_plans_box:hover .pricing_plans_img_content h5,
.index3_pricing_plans .pricing_plans_box:hover .pricing_plans_img_content p,
.index3_pricing_plans .pricing_plans_box:hover .pricing_plans_img_content a,
.index3_pricing_plans .pricing_plans_box:hover .a_class a,
.index3_pricing_plans .pricing_plans_box:hover ul a,
.index3_pricing_plans .pricing_plans_box:hover .a_class a span i {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index3_fb_slider .fb_slider_text {
    display: inline-flex;
}

.index3_fb_slider .fb_user_name {
    text-align: left;
    margin-bottom: 0;
    padding: 25px;
    background: #ffffff;
}

.index3_fb_slider .fb_clients_svg {
    text-align: left;
}

.index3_fb_slider .fb_user_name h5 {
    margin-top: 0;
    color: #000000;
}

.index3_fb_slider .fb_user_name p {
    color: #797979;
}

.index3_fb_slider .fb_user_name p.p_cls {
    margin-top: 30px;
}

.index3_fb_slider .index2_fb_slider_content .carousel-indicators {
    display: none;
}

.index3_fb_slider .index2_fb_slider_content #quote-carousel .carousel-control {
    width: 10%;
    float: left;
    position: initial;
    background: #568149;
    border: 1px solid #568149;
    color: #ffffff;
    display: initial;
    margin-top: 0;
    padding: 149.5px 0;
}

.index3_fb_slider .index2_fb_slider_content #quote-carousel .carousel-control:hover {
    background: transparent;
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index3_fb_slider .index2_fb_slider_content .carousel-inner {
    width: 80%;
    float: left;
}

.index3_header_border_main .heading_class,
.index3_header_border_main .heading_class h2 {
    margin-top: 0;
}

/*-=-=-=-=-=-=index3 page css end-=-=-=-=-=-=-*/
/*-=-=-=-=-=-=index4 page css start-=-=-=-=-=-=-*/
.index4_top_header {
    width: 100%;
    float: left;
    background: #f1f1f1;
}

.index4_top_left_header {
    width: 100%;
    float: left;
    background: #ffffff;
    position: relative;
    padding: 44px 0;
    right: 36px;
    z-index: 2;
}

.index4_top_left_header:after {
    content: '';
    position: absolute;
    top: 0;
    right: -25px;
    background: #ffffff;
    width: 100px;
    height: 144px;
    clip-path: polygon(75% 0%, 75% 100%, 100% 50%);
    z-index: 999;
}

.index4_borders_right {
    position: absolute;
    top: 0;
    right: -35px;
    background: #eaeaea;
    width: 100px;
    height: 144px;
    clip-path: polygon(75% 0%, 75% 100%, 100% 50%);
    z-index: 999;
}

.index4_top_left_header:before {
    content: '';
    position: absolute;
    top: 0;
    left: -381px;
    background: #FFFFFF;
    width: 100%;
    height: 144px;
    z-index: -1;
}

.index4_top_right_header {
    width: 100%;
    float: right;
    padding: 35px 0;
    position: relative;
    left: 36px;
}

.index4_number {
    width: 210px;
    float: left;
}

.index4_btn {
    width: calc(100% - 210px);
    float: left;
    height: 50px;
    border-radius: 35px;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    position: relative;
    z-index: 2;
}

.index4_btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
    box-shadow: inset 0 0 0 35px #0c437a;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
    -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
    transition: box-shadow 0.3s, transform 0.3s;
}

.index4_btn:hover {
    color: #0c437a;
}

.index4_btn:hover::after {
    box-shadow: inset 0 0 0 1px #0c437a;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.index4_btn i {
    margin-right: 10px;
}

.index4_number .index4_number_icon {
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    float: left;
    background: #0c437a;
}

.index4_number .index4_number_icon i {
    color: #ffffff;
}

.index4_number .index4_number_text {
    width: calc(100% - 75px);
    float: left;
    margin-left: 20px;
    padding: 5px 0;
}

.index4_number .index4_number_text h5 {
    font-size: 18px;
    color: #000000;
}

.index4_main_header {
    width: 100%;
    float: left;
    background: #0c437a;
    text-align: center;
}

#toggle-menu {
    display: none;
}

.index4_main_header .logo {
    display: none;
    text-align: left;
}

/* .responsive_logo {
    display: none;
    width: 50%;
    float: left;
    text-align: left;
} */

.responsive_logo {
    display: none;
    border-radius: 10px;
    width: 88%;
    background: white;
    float: left;
    text-align: left;
}



.index4_main_header ul li {
    display: inline-block;
    position: relative;
    padding: 23px 30px;
}

.index4_main_header ul li a {
    color: #ffffff;
    text-transform: uppercase;
}

.index4_main_header ul li a:hover {
    color: #b98350;
}

.index4_sub_menu {
    width: 13rem;
    background: #ffffff;
    border-radius: 3px;
    text-align: left;
    position: absolute;
    top: 170px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index4_sub_menu2 {
    left: 13rem;
    width: 13rem;
    background: #ffffff;
    border-radius: 3px;
    text-align: left;
    position: absolute;
    top: 170px;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index4_sub_menu3 {
    right: 13rem;
    width: 13rem;
    background: #ffffff;
    border-radius: 3px;
    text-align: left;
    position: absolute;
    top: 170px;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index4_main_header ul li:hover .index4_sub_menu {
    visibility: visible;
    opacity: 1;
    top: 70px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index4_sub_menu li:hover .index4_sub_menu2 {
    visibility: visible;
    opacity: 1;
    top: 0px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index4_sub_menu li:hover .index4_sub_menu3 {
    visibility: visible;
    opacity: 1;
    top: 0px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index4_main_header .index4_sub_menu li {
    width: 100%;
    padding: 0;
}

.index4_main_header .index4_sub_menu li a {
    display: inline-block;
    color: #000000;
    width: 100%;
    text-transform: capitalize;
    padding: 10px 15px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index4_main_header .index4_sub_menu li a span {
    float: right;
}

.index4_main_header .index4_sub_menu li a:hover {
    background: #0c437a;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index4_main_slider {
    width: 100%;
    float: left;
}

.index4_main_slider_content {
    width: 100%;
    height: 655px;
    padding: 143px 0;
    float: left;
    background-image: url(../images/index4_slider_img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.index4_main_slider_content1 {
    background-image: url(../images/index4_slider_img2.jpg);
}

.index4_main_slider_content h1 {
    color: #ffffff;
    font-size: 60px;
}

.index4_main_slider_content .index4_btn {
    width: 250px;
    margin-top: 50px;
    color: #ffffff !important;
}

.index4_main_slider_content .index4_btn:hover {
    background: #0c437a69;
}

.index4_main_slider .owl-nav {
    display: none;
}

.index4_main_slider .owl-dots {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    text-align: center;
}

.index4_main_slider .owl-dots button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #0c437a;
    opacity: .5;
    margin: 0 3px;
}

.index4_main_slider .owl-dots button.active {
    opacity: 1;
}

.index4_contect_section {
    width: 100%;
    float: left;
    background: #0c437a;
}

.index4_contect_content {
    width: 100%;
    float: left;
    padding: 30px 0;
}

.index4_contect_icon {
    width: 30px;
    float: left;
}

.index4_contect_icon svg {
    width: 35px;
    fill: #ffffff;
}

.index4_contect_text {
    width: calc(100% - 50px);
    float: left;
    margin-left: 20px;
}

.index4_contect_text h6 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.index4_contect_text a {
    color: #ffffff !important;
    font-weight: bold;
}

.index4_content_img {
    background-image: url(../images/index4_content_img.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 42px 0px 42px 70px;
}

.legal_practice_areas {
    margin-top: -93px;
    width: 100%;
    float: left;

}





.index4_main_heading {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 50px;
}

.index4_main_heading h2 {
    font-size: 36px;
    margin-bottom: 25px;
    position: relative;
}

.index4_main_heading h2:after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    width: 105px;
    height: 3px;
    background: #0c437a;
    margin: 0 auto;
}

.legal_practice_areas_box {
    width: 100%;
    float: left;
}

.areas_img {
    width: 100%;
    float: left;
    overflow: hidden;
}

.areas_img img {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.legal_practice_areas_box:hover .areas_img img {
    -webkit-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.area_text {
    width: 100%;
    float: left;
    padding: 30px 12px 0;
    border: 1px solid #f1f1f1;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.area_text h4 {
    font-size: 20px;
}

.area_text p {
    text-align: justify;
    padding: 15px 0;
}

.area_btn {
    display: inline-block;
    width: 165px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 35px;
    background: #ffffff;
    color: #111111;
    text-transform: capitalize;
    font-weight: 700;
    position: relative;
    top: 20px;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.legal_practice_areas_box:hover .area_text {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.area_btn:hover {
    background: transparent;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.area_btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: 1;
    box-shadow: inset 0 0 0 1px #f1f1f1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
    transition: box-shadow 0.3s, transform 0.3s;
}

.area_btn:hover::before {
    box-shadow: inset 0 0 0 35px #0c437a;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
}

.area_btn span {
    position: relative;
    z-index: 101;
}

.index4_bg {
    width: 100%;
    float: left;
    padding: 100px 0;
    background-image: url('../images/bg_index4.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

.index4_bg_box {
    width: 100%;
    float: left;
}

.index4_bg_icon {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    line-height: 120px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    margin-bottom: 25px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index4_bg_icon:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: 1;
    box-shadow: inset 0 0 0 1px #0c437a;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
    transition: box-shadow 0.3s, transform 0.3s;
}

.index4_bg_icon svg {
    width: 45px;
    fill: #111111;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index4_bg_text {
    width: 100%;
    float: left;
    text-align: center;
}

.index4_bg_text h4 {
    margin-bottom: 15px;
    font-size: 19px;
    font-weight: 600;
    position: relative;
}

.index4_bg_text h4:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 30px;
    height: 4px;
    background: #0c437a;
    margin: 0 auto;
}

.index4_bg_text p {
    padding-top: 20px;
}

.index4_bg_box:hover .index4_bg_icon::after {
    box-shadow: inset 0 0 0 60px #0c437a;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
}

.index4_bg_box:hover .index4_bg_icon svg {
    fill: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index4_about_us {
    width: 100%;
    float: left;
    padding: 50px 0;
    /* padding: 100px 0; */
    text-align: center;
}

.index4_about_img,
.index4_about_content {
    width: 100%;
    float: left;
}

.index4_read_more {
    display: inline-block;
    width: 190px;
    height: 50px;
    line-height: 50px;
    border-radius: 35px;
    text-align: center;
    color: #ffffff;
    text-transform: capitalize;
    margin-top: 50px;
    position: relative;
    z-index: 11;
}

.index4_read_more:hover {
    color: #0c437a;
}

.index4_read_more::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
    box-shadow: inset 0 0 0 35px #0c437a;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
    -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
    transition: box-shadow 0.3s, transform 0.3s;
}

.index4_read_more:hover::before {
    box-shadow: inset 0 0 0 1px #0c437a;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.index4_faq {
    width: 100%;
    float: left;
    padding: 100px 0;
    background-image: url('../images/index4_faq_bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    text-align: center;
}

.index4_faq h2 {
    color: #ffffff;
}

.index4_faq h2:after {
    background: #af864e;
}

/*faq*/
.index4_faq .accordion .accordion-item {
    text-align: left;
}

.index4_faq .accordion .accordion-item+.accordion-item {
    margin-top: 10px;
}

.index4_faq .accordion .accordion-item button[aria-expanded='true'] {
    background: #0c437a;
    border-color: #0c437a;
    color: #ffffff;
}

.index4_faq .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 20px;
    color: #111111;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #d5d5d5;
    background: #ffffff;
    outline: none;
}

.index4_faq .accordion button:after {
    content: '';
    position: absolute;

}

.index4_faq .accordion button:hover,
.accordion button:focus {
    background: #0c437a;
    border-color: #0c437a;
    color: #ffffff;
}

.index4_faq .accordion button:hover::after,
.accordion button:focus::after {
    cursor: pointer;
    color: #03b5d2;
    border: 1px solid #03b5d2;
}

.index4_faq .accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
}

.index4_faq .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    transform: translate(50%, -50%);
}

.index4_faq .accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}

.index4_faq .accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}

.index4_faq .accordion button[aria-expanded='true'] .icon::after {
    width: 0;
}

.index4_faq .accordion button[aria-expanded='true']+.accordion-content {
    opacity: 1;
    max-height: 10em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
    background: #ffffff;
    padding: 28px 30px;
    border: 1px solid #d5d5d5;
}

.index4_faq .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
    background: #ffffff;
    padding: 0 30px;
    border: 1px solid transparent;
}

.index4_statistic {
    width: 100%;
    float: left;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.index4_statistic_img {
    width: 100%;
    float: left;
}

.index4_statistic_img img {
    width: 100%;
    height: 360px;
}

@-webkit-keyframes moveclouds {
    0% {
        margin-left: 80px;
    }

    100% {
        margin-left: -80px;
    }
}

@-moz-keyframes moveclouds {
    0% {
        margin-left: 80px;
    }

    100% {
        margin-left: -80px;
    }
}

@-o-keyframes moveclouds {
    0% {
        margin-left: 80px;
    }

    100% {
        margin-left: -80px;
    }
}

.index4_our_statistic {
    width: 100%;
    float: left;
}

.index4_our_statistic .index4_main_heading {
    text-align: left;
    margin-top: 30px;
}

.index4_our_statistic .index4_main_heading h2:after {
    margin-left: 0;
}

.index4_our_statistic .index4_read_more {
    margin-top: 30px;
}

.index4_justice_img {
    width: 100%;
    float: left;
    max-width: 307px;
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-animation: moveclouds 20s linear infinite;
    -moz-animation: moveclouds 20s linear infinite;
    -o-animation: moveclouds 20s linear infinite;
}

.index4_justice_img img {
    -webkit-animation: moveclouds 20s linear infinite;
    -moz-animation: moveclouds 20s linear infinite;
    -o-animation: moveclouds 20s linear infinite;
}

.index4_news {
    width: 100%;
    float: left;
    padding: 100px 0;
    background: #fafafa;
}

.index4_news .index4_main_heading {
    text-align: left;
}

.index4_news .index4_main_heading h2:after {
    margin-left: 0;
}

.index4_news_slider {
    width: 100%;
    float: left;
}

.index4_news_slider_box {
    width: 100%;
    float: left;
}

.index4_news_slider_box_img {
    width: 350px;
    float: left;
}

.index4_news_slider_box_img img {
    height: 355px;
}

.index4_news_slider_box_text {
    width: calc(100% - 350px);
    float: left;
    padding: 50px;
    border: 1px solid #d5d5d5;
    background: #ffffff;
}

.index4_news_slider_box_text h4 {
    font-size: 24px;
    text-transform: none;
    padding-bottom: 15px;
}

.index4_news_slider_box_text p a {
    color: #0c437a;
    margin: 0 10px;
}

.index4_news_slider_box_text p+p {
    margin-top: 15px;
}

.index4_slider_btn {
    border-top: 1px solid #d5d5d5;
    margin-top: 20px;
    width: 100%;
    float: left;
}

.index4_slider_btn a {
    margin-top: 30px
}

.index4_news_slider .owl-nav {
    position: absolute;
    top: -110px;
    right: 0;
}

.index4_news_slider .owl-nav button {
    width: 55px;
    height: 55px;
    line-height: 45px !important;
    text-align: center;
    border-radius: 50%;
    background: #0c437a !important;
    font-size: 32px !important;
    color: #ffffff !important;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.index4_news_slider .owl-nav button:hover {
    background: #af864e !important;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.index4_news_slider .owl-nav .owl-prev {
    margin-right: 15px;
}

.index4_contect {
    width: 100%;
    float: left;
    position: relative;
    z-index: 2;
}

.index4_contect:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    z-index: -1;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/assests/images/BookAppoiment_imgbg.avif');
    background-size: cover;
    background-position: center;

}

.index4_contect:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    background-image: url('../images/index4_conntect_bg_img.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -1;
}

.index4_form {
    width: 100%;
    float: left;
    padding: 25px 0 30px;
    padding-right: 80px;
}

.index4_last_contect_text {
    width: 100%;
    float: left;
    padding: 25px 0 30px;
    padding-left: 80px;
}

.index4_contect .index4_last_contect_text .index4_main_heading h2:after {
    background: #af864e;
}

.index4_form form .form-control {
    margin-bottom: 30px;
}

.index4_contect .index4_main_heading {
    text-align: left;
}

.index4_contect .index4_main_heading h2 {
    color: #ffffff;
}

.index4_contect .index4_main_heading h2:after {
    margin-left: 0;
    background: #ffffff;
}

.index4_contect_box_icon svg {
    width: 55px;
    fill: #ffffff;
}

.index4_form form .index4_read_more {
    padding: 0;
    border: none;
    outline: none;
    color: #111111;
    margin-top: 10px;
    background: transparent !important;
    width: 230px;
    height: 40px;
    line-height: 40px;
}

.index4_form form .index4_read_more::before {
    box-shadow: inset 0 0 0 35px #ffffff;
    color: #111111;
}

.index4_form form .index4_read_more:hover::before {
    box-shadow: inset 0 0 0 1px #ffffff;
}

.index4_form form .index4_read_more:hover {
    color: #ffffff;
}

.index4_contect_box_wrapper,
.index4_contect_box {
    width: 100%;
    float: left;
}

.index4_contect_box {
    width: 100%;
    float: left;
    margin-bottom: 28px;
}

.index4_contect_box_icon {
    width: 55px;
    float: left;
}

.index4_contect_box .index4_contect_text {
    width: calc(100% - 75px);
}

.index4_map {
    width: 100%;
    height: 200px;
    float: left;
}

textarea.form-control {
    height: 140px;
}

.index4_footer {
    padding: 25px 0;
    width: 100%;
    float: left;
    background: #111111;
    text-align: center;
}

.index4_footer p {
    color: #ffffff;
}

/*-=-=-=-=-=-=index4 page css end-=-=-=-=-=-=-*/
/*-=-=-=-=-=-=index5 page css start-=-=-=-=-=-=-*/

/*-=-=-=-=-=-=index5 page css end-=-=-=-=-=-=-*/
/*-=-=-=-=-=-=about page css start-=-=-=-=-=-=-*/

.page_bg {
    width: 100%;
    float: left;
    background-image: url('../images/about_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0 50px 0;
}

.page_name {
    width: 100%;
    float: left;
    text-align: left;
}

.page_name h2 {
    color: #fff;
    font-size: 50.47px;
    text-transform: capitalize;
}

.page_path {
    width: 100%;
    float: left;
    text-align: right;
    padding: 20px 0;
}

.page_path p,
.page_path p a {
    color: #fff;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.page_path a:hover,
.page_path a.active {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.page_path p i {
    margin-right: 15px;
    margin-left: 15px;
    font-size: 8px;
    vertical-align: middle;
}

.about_us_page {
    width: 100%;
    float: left;
    position: relative;
    padding: 100px 0;
    background: #f6f6f6;
}

.about_us_page:before {
    content: '';
    background-image: url(../images/about_image1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 100px;
    left: 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 42%;
    height: 79%;
}

.about_us_page .about_us_text {
    padding: 0px 0;
}

.about_us_page .about_us_text2 {
    padding: 0px 0;
}

.about_us_page2 {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 100px 0;
}

.about_us_page2 .about_us_text {
    padding: 0px 0;
}

.about_us_page2 .about_us_text2 {
    padding: 0px 0;
}

/*-=-=-=-=-=-=-=-=contact page css start-=-=-=-=-=-=-=-=-=-=-=-=*/
.content_touch {
    background-color: #b8814e;
    float: left;
    width: 100%;
    position: relative;
}

.content_touch::before {
    content: '';
    position: absolute;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background-color: #b8814e;
    width: 30px;
    height: 20px;
    top: 100%;
    left: 50%;
}

.content_touch h2 {
    text-align: center;
    color: #fff;
    padding: 25px 0 25px 0;
}

.contact_page {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.contact_form1 {
    float: left;
    width: 100%;
    margin-top: 30px;
}

button.btn1 {
    border: 1px solid #568149;
    color: #fff;
    background: #568149;
    padding: 5px 40px;
    width: auto !important;
    height: auto !important;
    border-radius: 5px;
    text-transform: capitalize;
    display: block;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

button.btn1:hover {
    background: transparent;
    color: #568149;
    transition: all 0.5s;
}

.contact_form {
    width: 100%;
    float: left;
}

.contect_info {
    width: 100%;
    float: left;
}

.contect_info .footer_list {
    margin-top: 30px;
}

.contect_info .footer_box_img a {
    color: #fff;
    font-size: 22px;
}

.contect_info .footer_box_img:hover a {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.contect_info .footer_box_img:hover {
    background: transparent;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.contect_info .footer_box_img {
    width: 54px;
    height: 54px;
    line-height: 54px;
    float: left;
    text-align: center;
    cursor: pointer;
    background: #568149;
    border: 1px solid #568149;
}

.contect_info .footer_box_text {
    float: left;
    width: calc(100% - 80px);
    margin-left: 25px;
}

.contact_map {
    width: 100%;
    float: left;
}

/*-=-=-=-=-=-=-=-= bg_404 css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.bg_404 {
    padding: 100px 0 100px 0;
    width: 100%;
    float: left;
    text-align: center;
}

.bg_404 .img_404 img {
    width: 100%;
    max-width: 610px;
}

.img_404 h4 {
    font-size: 40px;
    line-height: 40px;
    color: #222222;
}

.img_404 p {
    width: 630px;
    line-height: 26px;
    color: #707070;
    margin: 0 auto;
    padding: 35px 0 35px 0;
}

.search-container {
    width: 490px;
    display: block;
    margin: 0 auto;
}

input#search-bar {
    margin: 0 auto;
    width: 100%;
    height: 45px;
    padding: 0 20px;
    font-size: 1rem;
    background-color: #fafafa;
    outline: none;
    border: none;
}

input#search-bar:focus {
    border: 1px solid #568149;
    transition: 0.35s ease;
    color: #568149;
}

.search-icon {
    position: relative;
    float: right;
    width: 75px;
    height: 75px;
    top: -30px;
    right: -17px;
    color: #568149;
}

/*-=-=-=-=-=-=-=-= commimg-soon css start-=-=-=-=-=-=-=-=-=-=-=-=*/
.comming_soon {
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/bg-comming.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    position: relative;
}

.comming_text {
    width: 100%;
    float: left;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0px, -50%);
}

.comming_text h1 {
    color: #ffffff;
    font-size: 200px;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 120px;
}

.comming_text h2 {
    color: #ffffff;
    font-size: 30px;
    letter-spacing: 4.5px;
}

.subscribe_form {
    max-width: 470px;
    width: 100%;
    margin: 0 auto;
    border-radius: none;
    padding: 30px 0 0 0;
}

.subscribe_form input {
    height: 44px;
    letter-spacing: 2.5px;
    text-transform: capitalize;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.subscribe_form button {
    border: none;
    height: 45px;
    background-color: #568149;
    color: #fff;
    margin: -1px;
    border: 1px solid #568149;
    border-radius: 0;
    width: 135px;
    text-transform: capitalize;
    position: relative;
    font-size: 16px;
    letter-spacing: 2px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.subscribe_form button:hover,
.subscribe_form button:focus,
.subscribe_form button:active,
.subscribe_form button:visited {
    color: #568149;
    background-color: transparent;
    outline: none;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.subscribe_form button:hover:before,
.subscribe_form button:focus:before,
.subscribe_form button:active:before,
.subscribe_form button:visited:before {
    background-color: rgba(14, 208, 133, 0.77);
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.subscribe_form button:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    height: 1px;
    background-color: #568149;
    width: 100%;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.comming_text .main_btn {
    margin-top: 45px;
}

/*-=-=-=-=-=-=-=-= bg_404 css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.bg_maintenance {
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/bg-maintenance.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    position: relative;
}

.bg_maintenance_text {
    width: 100%;
    float: left;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.bg_maintenance_text img {
    max-width: 320px;
    padding: 0 10px;
}

.bg_maintenance_text h2 {
    color: #ffffff;
    font-size: 80px;
}

.bg_maintenance_text p {
    color: #e6e6e6;
    font-size: 26px;
    letter-spacing: 3px;
}

/*-=-=-=-=-=-=-=-=inner page single css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.inner_page_single {
    width: 100%;
    float: left;
    padding: 100px 0 70px;
}

.inner_page_single .blog5 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 12px;
    column-count: 5;
    padding: 0 15px;
    width: 100%;
}

.inner_page_single .blog5 li {
    width: 18.84%;
    float: left;
}

.inner_page_single .owl-nav {
    position: absolute;
    top: 20%;
    width: 100%;
}

.inner_page_single3 button {
    background: #f8f8f8 !important;
    height: 50px;
    width: 60px;
}

.inner_page_single button i {
    font-size: 20px;
}

.inner_page_single4 button i {
    font-size: 16px;
}

.inner_page_single2 button {
    background: #f8f8f8 !important;
    height: 50px;
    width: 60px;
}

.inner_page_single2 button:hover {
    background: #568149 !important;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.inner_page_single3 .owl-nav button:hover {
    background: #568149 !important;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.inner_page_single4 button {
    background: #f8f8f8 !important;
    height: 38px;
    width: 45px;
}

.inner_page_single4 .owl-nav button:hover {
    background: #568149 !important;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.left_side_content {
    width: 100%;
    float: left;
    border: 1px solid #ebebeb;
    margin-bottom: 30px;
}

.left_side_content hr {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    float: left;
}

.left_side_single {
    width: 100%;
    float: left;
}

.left_side_content_list {
    width: 100%;
    float: left;
}

.left_side_content h4 {
    font-size: 22px;
    padding: 30px;
}

.left_side_content a {
    width: 100%;
    float: left;
    text-transform: capitalize;
    padding: 15px 30px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.left_side_content a:hover,
.left_side_content a.active {
    background: #568149;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.left_side_content .consultation_box {
    padding: 0;
}

.left_side_content .form {
    margin-top: 0;
    padding: 30px;
    padding-top: 0;
}

.left_side_content .main_btn a {
    width: auto;
    padding: 12px 33px;
}

.left_side_content .main_btn a:hover {
    background: transparent;
    color: #568149;
}

.left_side_content .form_input textarea {
    height: 100px;
}

.property_law {
    width: 100%;
    float: left;
}

.property_law img {
    width: 100%;
}

.right_side_single {
    width: 100%;
    float: left;
    margin-bottom: 45px;
}

.right_side_single_img {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.right_side_single_img img {
    width: 100%;
    float: left;
}

.right_side_single p {
    width: 100%;
    float: left;
}

.services_single_text {
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

.services_single_text h4,
.services_process h4 {
    font-size: 26px;
    margin-bottom: 25px;
}

.services_process {
    width: 100%;
    float: left;
}

.services_process_box {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.services_process_svg {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-right: 30px;
    text-align: center;
    float: left;
    border: 1px solid #ebebeb;
    cursor: pointer;
}

.services_process_svg:hover {
    background: #568149;
    border-color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.services_process_svg svg {
    width: 40px;
    height: 40px;
    fill: #568149;
}

.services_process_svg:hover svg {
    fill: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.services_process_box_text {
    float: left;
    width: calc(100% - 110px);
}

/*-=-=-=-=-=-=-=-=blog page css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.right_side_single .date_content {
    width: 100%;
    float: left;
    display: initial;
}

.right_side_single .date_content p {
    width: auto;
}

.right_side_single .date_content4 p {
    font-size: 14px;
}

.right_side_single .recent_case_text h4 {
    font-size: 26px;
}

.right_side_single .recent_case_text4 h4 {
    font-size: 20px;
}

.recent_case_text h4:hover {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.right_side_single .a_class {
    width: 100%;
    float: left;
}

.right_side_single hr {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 0px;
}

.pagination {
    width: 100%;
    float: left;
}

.pagination ul li {
    display: inline-block;
}

.pagination ul .chang {
    float: left;
}

.pagination li.chang a {
    background: #f6f6f6;
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    color: #000000;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pagination li.chang a:hover {
    background: #568149;
    /* padding: 10px 30px; */
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pagination li {
    margin-right: 20px;
    float: left;
}

.pagination li a:hover,
.pagination li.active a {
    color: #ffffff;
    background: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pagination li a {
    vertical-align: middle;
    display: inline-block;
    width: 45px;
    height: 42px;
    text-align: center;
    padding-top: 10px;
}

.form_input a {
    text-align: center;
    background: transparent;
    padding: 13px;
    position: absolute;
    right: 16px;
    top: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.form_input a:hover {
    background: #568149;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.recent_post {
    width: 100%;
    float: left;
    padding: 30px 30px 0px 30px;
}

.recent_post_box {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.recent_post_img {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.recent_post_img img {
    width: 100%;
    float: left;
}

.recent_post_text {
    width: 100%;
    float: left;
}

.tags a {
    width: auto;
    float: left;
    border: 1px solid #ededed;
    padding: 6px 15px;
    margin-right: 6px;
    margin-top: 10px;
}

.tags {
    width: 100%;
    float: left;
    padding: 30px;
}

.tags h2 {
    font-size: 22px;
    line-height: 26px;
}

.carousel-wrap {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position: relative;
}

.recent_case_img .owl-dots {
    display: none;
}

.recent_case_box .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    float: left;
    transform: translateY(-50%);
}

.recent_case_box .owl-nav button:hover {
    background: #568149 !important;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.recent_case_img .owl-nav i {
    font-size: 22px;
}

.recent_case_img button {
    background: #f8f8f8 !important;
    height: 50px;
    width: 60px;
}

.owl-nav .owl-prev {
    float: left;
}

.owl-nav .owl-next {
    float: right;
}

/*-=-=-=-=-=-=-=-=blog single css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.blog_single_box {
    width: 100%;
    float: left;
    padding: 50px;
    background: #568149;
    margin: 30px 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.blog_single_box:hover {
    background: #190d03;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.blog_single_svg {
    width: 100px;
    float: left;
    margin-right: 30px;
}

.blog_single_text {
    float: left;
    width: calc(100% - 130px);
}

.blog_single_svg svg {
    fill: #ffffff;
    width: 100px;
}

.blog_single_text p {
    color: #ffffff;
    float: left;
}

.blog_single_text a {
    color: #ffffff;
    width: 100%;
    float: right;
    text-align: right;
}

.blog_single_centent {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.blog_single_centent_img {
    width: 100%;
    float: left;
    margin: 30px 0;
}

.blog_single_centent_img img {
    width: 100%;
    float: left;
}

.blog_single_centent_text {
    width: 100%;
    float: left;
    margin: 30px 0;
}

.blog_single_centent_text ul {
    width: auto;
    float: left;
    list-style: initial;
    margin-left: 20px;
}

.blog_single_centent_text ul li {
    margin-top: 20px;
    float: left;
    width: 100%;
}

.right_side_single p.mrg_top {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.right_side_single .tags {
    width: 100%;
    float: left;
    margin: 30px 0;
    padding: 0;
}

.right_side_single .tags a:hover {
    background: #568149;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.about_admin {
    width: 100%;
    float: left;
}

.admin_img {
    width: 123px;
    float: left;
}

.admin_centent {
    width: calc(100% - 143px);
    float: left;
    margin-left: 20px;
    padding: 20px 0;
}

.admin_centent h5 {
    font-size: 18px;
}

.admin_centent h5 span {
    color: #568149;
}

.admin_centent h5 a {
    text-align: right;
    float: right;
    margin-right: 10px;
}

.admin_centent h5 a span {
    color: #ffffff;
    background: #568149;
}

.admin_centent p {
    margin-top: 15px;
}

.comment_box {
    width: 100%;
    float: left;
    padding: 30px 0;
}

.comment_box .admin_centent h5 span {
    text-align: right;
    float: right;
}

.side_comment_box {
    padding-left: 100px;
}

.admin_img img {
    width: 100%;
}

.comment_input {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.single_case {
    width: 100%;
    float: left;
    padding-top: 100px;
    padding-bottom: 100px;
}

.single_case_img img {
    width: 100%;
}

.single_case_img h4 {
    font-size: 22px;
    font-weight: 400;
    padding: 20px 0 25px 0;
}

.single_case_img p {
    font-size: 16px;
    color: #797979;
    font-weight: 300;
}

.single_case_content h6 a {
    font-size: 16px;
    line-height: 24px;
    color: #568149;
    font-weight: 400;
}

.single_case_content h4 {
    padding: 15px 0 15px 0;
}

.single_case_content h4 a {
    font-size: 22px;
    color: #111111;
    font-weight: 400;
    padding: 15px 0 15px 0;
}

.single_case_content p {
    font-size: 16px;
    line-height: 24px;
    color: #797979;
    font-weight: 300;
}

.single_case_content ul {
    column-count: 2;
    padding: 30px 0 40px 0;
}

.single_case_content ul li {
    padding: 0px 0 15px 45px;
    position: relative;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.single_case_content ul li a {
    font-size: 22px;
    color: #111111;
    font-weight: 400;
}

.single_case_content ul li:hover a {
    color: #b7814f;
}

.single_case_content ul li span {
    font-size: 16px;
    color: #797979;
    font-weight: 300;
}

.single_case_content ul li::before {
    content: "\f30b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: inherit;
    position: absolute;
    top: 5px;
    left: 0px;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.single_case_studies h4 {
    font-size: 22px;
    color: #000000;
    font-weight: 400;
}

.single_case_studies {
    background-color: #f1f1f1;
    padding: 30px;
}

.single_case_studies li a {
    width: 100%;
    height: 50px;
    text-align: left;
    background-color: #b8814e;
    color: #fff;
    position: relative;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.single_case_studies li:hover a {
    background-color: #fff;
    color: #b8814e;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}

.single_case_studies li {
    padding: 20px 0 20px 0;
}

.single_case_studies li a::before {
    content: "\f30b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: inherit;
    position: absolute;
    top: 15px;
    right: 20px;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.single_case_contact {
    padding: 30px;
    border: 1px solid;
    margin-top: 50px;
}

.single_case_contact h4 {
    padding-bottom: 20px;
}

.single_case_contact li {
    padding: 0px 0 20px 40px;
    color: #000000;
    position: relative;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.single_case_contact li span {
    color: #797979;
    font-weight: 300;
}

.single_case_contact li::before {
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #b8814e;
    position: absolute;
    top: 5px;
    left: 0px;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.single_case_contact li+li::before {
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #b8814e;
    position: absolute;
    top: 5px;
    left: 0px;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.single_case_contact li+li+li::before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #b8814e;
    position: absolute;
    top: 5px;
    left: 0px;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

/*-=-=-=-=-=-=-=-=cases css start-=-=-=-=-=-=-=-=-=-=-=-=*/


.cases_section {
    width: 100%;
    float: left;
}

.cases_section .card-body {
    padding: 0;
}

.cases_list {
    width: 100%;
    float: left;
    padding: 70px 0;
}

.cases_list .grid5 {
    display: block;
    column-gap: 20px;
    column-count: 5;
    padding: 0 30px;
}

.cases_box {
    width: 100%;
    float: left;
    border: 1px solid #ebebeb;
    margin-bottom: 30px;
}

.cases_box:hover .cases_box_text h4 a {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.cases_box_text a {
    text-transform: capitalize;
    color: #568149;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
}

.cases_box:hover .cases_box_text a {
    color: #000000;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.cases_box_img {
    width: 100%;
    float: left;
}

.cases_box_img img {
    width: 100%;
    float: left;
}

.cases_box_text {
    width: 100%;
    float: left;
    padding: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.cases_box_text h4 a {
    font-size: 20px;
    margin-bottom: 10px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* .cases_box_text p{
    max-height: 50px;
} */
.cases_section_header {
    width: 100%;
    float: left;
    text-align: center;
    padding: 100px 0 70px 0;
}

.cases_section_header h4 {
    font-size: 22px;
    color: #568149;
    margin-bottom: 10px;
}

.cases_section_header h2 {
    font-size: 40px;
}

.nav-tabs {
    display: -webkit-box;
    float: left;
    margin-left: 30%;
    border: none;
}

.nav-tabs .nav-item {
    margin-bottom: 0px;
}

.nav-tabs .nav-link {
    border: none;
    text-transform: capitalize;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: none;
    color: #568149;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #568149;
    background: transparent;
    border: none;
}

.card {
    border: none;
}

.card .card-header {
    display: none;
}

.card .collapse {
    display: block;
}

.caess_table {
    width: 100%;
    float: left;
}

/*-=-=-=-=-=-=-=-=FAQ css start-=-=-=-=-=-=-=-=-=-=-=-=*/

.panel-default>.panel-heading {
    background-color: transparent;
    border: 1px solid #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-default>.panel-heading a {
    display: block;
    padding: 20px 30px;
    color: #797979;
    font-size: 16px;
}

.panel.panel-default {
    border: 1px solid #ebebeb;
    margin-bottom: 30px;
}

.panel-body {
    padding: 20px 30px;
}

.panel-default>.panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Playfair Display', serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #568149;
    color: #ffffff !important;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0;
}

.accordion-option .title {
    font-size: 20px;
    font-weight: bold;
    float: left;
    padding: 0;
    margin: 0;
}

.accordion-option .toggle-accordion {
    float: right;
    font-size: 16px;
    color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
    content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
    content: "Collapse All";
}

.right_side_single h2 {
    font-size: 40px;
    margin-bottom: 60px;
}

/* -=-=-=-=-=-=-=- gallery css start -=-=-=-=-=-=-=-=-=-=*/
.gallery_section {
    width: 100%;
    float: left;
}

.gallery_section .gallery-card-body {
    padding: 0;
}

.gallery_list {
    width: 100%;
    float: left;
    padding: 70px 0;
}

.gallery_box {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 30px;
}

.gallery_list .gallery5 {
    display: block;
    column-gap: 27px;
    column-count: 5;
    padding: 0 15px;
}

.gallery_box:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #000000b0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 20%;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.gallery_box:hover::before {
    opacity: 1;
    bottom: 0%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.gallery_search i {
    color: #568149;
    text-align: center;
    margin: 0 auto;
    background: #fff;
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

.gallery_search {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.gallery_box:hover .gallery_search {
    opacity: 1;
    top: 45%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.gallery_box:hover .cases_box_text h4 {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.gallery_box:hover .cases_box_text a {
    color: #000000;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.gallery_box_img {
    width: 100%;
    float: left;
}

.gallery_box_img img {
    width: 100%;
    float: left;
}

.gallery_section_header {
    width: 100%;
    float: left;
    text-align: center;
    padding: 100px 0 70px 0;
    position: relative;
    z-index: 111;
}

.gallery_section_header .header_border {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.gallery_section_header .header5_border {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.header5_border:after {
    content: "";
    width: 65px;
    height: 1px;
    background-color: #568149;
    top: 13px;
    position: absolute;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    right: -80px;
}

.header_border:after {
    content: "";
    width: 65px;
    height: 1px;
    background-color: #568149;
    top: 13px;
    position: absolute;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    right: -80px;
}

.header_border:before {
    content: "";
    width: 65px;
    height: 1px;
    background-color: #568149;
    top: 13px;
    position: absolute;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    left: -80px;
}

.gallery_section_header h2 {
    font-size: 40px;
    margin-top: 40px;
}

.nav-tabs {
    display: -webkit-box;
    float: left;
    margin-left: 30%;
    border: none;
    position: relative;
    z-index: 99;
}

.two-tab {
    margin-left: 35%;
}

.three-tab {
    margin-left: 35%;
}

.four-tab {
    margin-left: 35%;
}

.five-tab {
    margin: 0 auto;
    justify-content: center;
    display: flex;
    width: 100%;
}

.nav-tabs .nav-item {
    margin-bottom: 0px;
}

.nav-tabs .nav-link {
    border: none;
    text-transform: capitalize;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: none;
    color: #568149;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #568149;
    background: transparent;
    border: none;
}

.card {
    border: none;
}

.card .card-header {
    display: none;
}

.card .collapse {
    display: block;
}

.gallery_table {
    width: 100%;
    float: left;
}

/* -=-=-=-=-=-=-=- gallery css end -=-=-=-=-=-=-=-=-=-=*/

/* -=-=-=-=-=-=- Shop Page css start -=-=-=-=-=-=- */

.shop_page {
    width: 100%;
    float: left;
    padding: 100px 0;
}

/* .shop_icon ul {
    display: flex;
    column-gap: 10px;
} */
.shop_icon ul li a i {
    font-size: 20px;
    margin-top: 15px;
    margin-left: 20px;
    color: #000000;
}

.shop_icon ul li a i:hover {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_icon ul li form {
    float: left;
    margin-right: 12px;
}

.shop_search input {
    float: left;
    /* width: calc(100% - 45px); */
    height: 50px;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #fafafa;
    color: #000000;
    border: none;
    border-radius: 0;
    outline: none;
}

.shop_search button {
    width: 45px;
    height: 50px;
    border: 1px solid transparent;
    background-color: #fafafa;
    color: #568149;
    font-size: 15px;
    position: relative;
    right: 3px;
    text-align: center;
    padding: 0px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_form_input select {
    height: 50px;
    width: 270px;
    float: left;
    margin-bottom: 20px;
    padding-left: 30px;
    border: none;
    background: #fafafa;
    color: #797979;
    position: relative;
}

.shop_form_input:after {
    content: '\25BC';
    display: inline-block;
    color: #000;
    background-color: #fafafa;
    margin-left: -17px;
    pointer-events: none;
    bottom: 32px;
    position: absolute;
}

.show_item ul {
    display: flex;
    column-gap: 15px;
    justify-content: flex-end;
    align-items: center;
}

.show_item ul li {
    color: #000000;
    text-transform: capitalize;
}

.item_form_input select {
    height: 50px;
    width: 100px;
    float: left;
    padding-left: 30px;
    border: none;
    background: #fafafa;
    color: #797979;
    position: relative;
}

.item_form_input:after {
    content: '\25BC';
    display: inline-block;
    color: #000;
    background-color: #fafafa;
    margin-left: -17px;
    pointer-events: none;
    bottom: 32px;
    position: absolute;
}

.shop_four .second_box {
    background-color: #f5f5f5;
    margin: 0 auto;
    padding: 50px 0 0 0;
    position: relative;
}

.shop_four .second_box button {
    width: 155px;
    margin: 0 auto;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    position: absolute;
    background-color: #4ed6a1;
    text-transform: uppercase;
}

.shop_four .second_box button a {
    color: #ffffff;
}

.shop_four .column-three {
    position: relative;
}

.shop_four .second_box button:hover {
    background-color: #31b280;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_four .second_box .stock_out_btn {
    width: 162px;
    height: 48px;
    background-color: #e76868;
    text-transform: uppercase;
}

.shop_four .second_box .stock_out_btn:hover {
    background-color: #e05c5c;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_four .second_box .product_btn {
    background-color: #d7c54b;
    text-transform: uppercase;
}

.shop_four .second_box .product_btn:hover {
    background-color: #c7b63e;
}

/*--------- sidebar-button ------ */
.shop_four .second_box .sidebar_button {
    background-color: #4ed6a1;
}

.shop_four .second_box .sidebar_button a {
    color: #ffffff;
    font-size: 12px;
}

.shop_four .second_box .sidebar_button:hover {
    background-color: #31b280;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_four .second_box .stock_btn {
    background-color: #e76868;
}

.shop_four .second_box .stock_btn:hover {
    background-color: #e05c5c;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_four .second_box .stock_btn a {
    color: #ffffff;
    font-size: 12px;
}

.shop_four .second_box .third-side_btn {
    background-color: #d7c54b;
}

.shop_four .second_box .third-side_btn:hover {
    background-color: #c7b63e;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_four .second_box .third-side_btn a {
    color: #ffffff;
    font-size: 12px;
}

.shop_four img {
    width: auto;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 15px 0 15px 0;
}

/* .product_box:hover img{
    animation-name: pulse;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-direction: reverse;
} */
.shop_four .second_box ul {
    display: flex;
    width: 100%;
}

.shop_four .second_box ul li {
    width: 100%;
}

.shop_four .second_box ul li+li {
    border-left: 1px solid #d6d6d6;
}

.shop_four .second_box ul li a {
    background: #f9f9f9;
    width: 100%;
    max-width: 116px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shop_four .second_box ul li a:hover {
    background: #b8814e;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_four .second_box ul li:hover a i {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_four .second_box ul li a i {
    font-size: 20px;
    color: #000000;
}

.shop_four .second_box .shop-cart {
    opacity: 0;
    -webkit-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.shop_four .product_box:hover .shop-cart {
    opacity: 1;
}

.shop_four .price-box {
    background-color: #f9f9f9;
    padding: 30px 0 30px 0;
}

.shop_four .price-box hr {
    width: 75%;
}

.shop_four .product_box:hover .price-box {
    background-color: #212121;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_four .product_box:hover .price-box hr {
    background-color: gray;
}

.shop_four .product_box:hover .price-box p a {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_four .product_box:hover .price-box p span {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_four .price-box p {
    padding: 0 15px;
}

.shop_four .price-box p a {
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    font-size: 16px;
}

.shop_four .price-box p span {
    float: right;
    color: #e34545;
}

.shop_four .star {
    text-align: center;
    color: #ffc000;
}

.shop_four .star i+i {
    margin-left: 5px;
}

.shop_four {
    width: 100%;
    float: left;
    padding: 20px 15px 50px 15px;
}

.page_pagination {
    padding: 10px 0px;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 auto;
}

.page_pagination ul li {
    display: inline-block;
}

.page_pagination ul li a {
    margin: 0px 6px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    background-color: #ffffff;
    color: #111;
    border-radius: 10px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}

.page_pagination ul .border_show a {
    background: #fafafa;
    letter-spacing: 1px;
    color: #707070;
    text-transform: uppercase;
    width: 160px;
    display: inline-block;
    border-radius: 10px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.page_pagination ul .border_show {
    float: left;
}

.page_pagination ul .next_btn {
    float: right;
}

.page_pagination ul li a:hover,
.page_pagination ul .active a {
    background-color: #b7814f;
    color: #fff;
}

.attorney-pagination {
    padding-top: 30px;
}

/* shop-single */
.pad-top {
    margin-top: 50px;
}

.shop_single_img {
    background-color: #f5f5f5;
    padding: 40px 0;
}

.shop_single_img img {
    margin: 0 auto;
    display: block;
}

.shop_single_content h1 a {
    font-size: 20px;
    text-transform: uppercase;
    color: #222222;
    position: relative;
}

.shop_single_content h1 a::after {
    content: '';
    display: block;
    background-color: #b8814e;
    width: 49px;
    height: 5px;
    border-radius: 10px;
    top: 20px;
    position: relative;
}

.shop_single_content .single_star {
    padding: 50px 0 20px 0;
}

.shop_single_content .single_star i {
    color: #ffc000;
}

.shop_single_content .single_star i+i {
    margin-left: 5px;
}

.shop_single_content .single_star span {
    margin-left: 35px;
}

.shop_single_content .single_star span a {
    margin-left: 29px;
    position: relative;
    border-left: 3px solid #797979;
    padding-left: 30px;
}

.shop_single_content p {
    font-size: 16px;
    line-height: 26px;
    color: #707070;
    padding-top: 30px;
}

.shop_single_content .shop_menu {
    padding: 25px 0;
}

.shop_single_content .shop_menu li {
    padding-left: 45px;
    position: relative;
    color: #111;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_single_content .shop_menu li::before {
    content: "\f30b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: inherit;
    position: absolute;
    top: 5px;
    left: 0;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.shop_single_content .shop_menu li:hover {
    color: #568149;
}

.shop_single_content .shop_menu li+li {
    margin-top: 5px;
}

.shop_single_content .product_type ul {
    display: flex;
    column-gap: 20px;
    width: 100%;
}

.shop_single_content .product_type ul li {
    width: 100%;
}

.shop_single_content .product_type ul li select {
    width: 150px;
    height: 41px;
    border: none;
    background: #f9f9f9;
    padding: 5px;
}

.product_type .number_pluse {
    width: 100%;
    float: left;
}

.product_type .nice_number {
    height: 40px;
    display: inline-flex;
    justify-content: stretch;
}

.product_type .number_pluse .nice_number button {
    background-color: #eaeaea;
    border: 0;
    padding: 0px 8px;
    color: #847f7f;
    font-size: 23px;
    font-weight: 500;
    cursor: pointer;
}

.product_type .number_pluse .nice_number input {
    width: 56px !important;
    border: 0;
    padding: 10px 0px;
}

.product_type .number_pluse .nice_number button {
    background-color: #eaeaea;
    border: 0;
    padding: 6px 8px;
    color: #847f7f;
    font-size: 23px;
    font-weight: 500;
    cursor: pointer;
}

.product_type .number_pluse .nice_number button {
    height: 25px;
    padding-top: 0;
    padding-bottom: 0;
}

.product_type .number_pluse .nice_number input {
    padding: 0;
}

.shop_single_content .shop_price {
    padding: 25px 0 0 0;
}

.shop_single_content .shop_price h6 {
    font-size: 30px;
    color: #568149;
}

.shop_single_content .shop_price h6 del {
    font-size: 18px;
    line-height: 25px;
    text-decoration: line-through;
    color: #707070;
}

.shop_single_content .shop_price h6 span {
    font-size: 18px;
    line-height: 25px;
    color: #568149;
    margin-left: 5px;
}

.shop_single_content .shop_price ul {
    display: flex;
    column-gap: 35px;
    padding: 16px 0 0 0px;

}

.shop_single_content .shop_price li button {
    width: 180px;
    height: 50px;
    background-color: #fafafa;
    border-radius: 5px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #707070;
}

.shop_single_content .shop_price li .random {
    width: 100px;
}

.shop_single_content .shop_price li button i {
    margin-right: 10px;
    color: #6f6f6f;
}

.shop_single_content .shop_price li .random i {
    margin-right: 0px;
}

.shop_single_content .shop_price li button:hover {
    background-color: #b8814e;
    color: #ffffff;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_single_content .shop_price li button:hover i {
    color: #ffffff;
}

.shop_author {
    width: 100%;
    float: left;
    padding: 20px 0;
}

.shop_author .author_box {
    background-color: #f9f9f9;
    padding: 40px 0;
}

.shop_author .author_box img {
    margin: 0 auto;
    display: block;
}

.shop_author .about_author h2 {
    font-size: 24px;
    line-height: 30px;
    color: #222222;
}

.shop_author .about_author h2 span {
    color: #b8814e;
}

.shop_author .about_author p {
    padding: 20px 10px;
    color: #707070;
}

.about_product {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.about_product h2 {
    font-size: 40px;
    margin-bottom: 60px;
}

.about_product .panel-body {
    color: #000000;
    background-color: #f9f9f9;
}

.about_product .panel.panel-default {
    margin-bottom: 30px;
    border: none;
}

.about_product .panel-default>.panel-heading {
    border: none;
    background-color: #f9f9f9;
}

.panel-default>.panel-heading a {
    display: block;
    padding: 20px 30px;
    color: #797979;
    font-size: 16px;
}

.about_product .panel-default>.panel-heading a {
    color: #222222;
}

.about_product .panel-body .customer_comment {
    padding: 40px 0 70px 0;
}

.about_product .panel-body .customer_comment h2 {
    font-size: 15px;
    color: #222222;
    text-transform: uppercase;
}

.about_product .panel-body .customer_comment h2::before {
    content: '';
    display: block;
    background-color: #b8814e;
    height: 5px;
    width: 55px;
    position: absolute;
    top: 30px;
    border-radius: 10px;
}

.about_product .panel-body .customer_comment .review_form label {
    font-size: 16px;
    line-height: 26px;
    color: #222222;
    text-transform: capitalize;
    float: left;
    width: 90px;
}

.review_form input {
    height: 50px;
    width: calc(100% - 100px);
    float: left;
    margin-left: 10px;
    padding-left: 30px;
    border: 1px solid #8080802e;
    font-size: 14px;
    line-height: 24px;
    color: #707070;
    position: relative;
    border-radius: 5px;
    background-color: #ffffff;
}

.review_form textarea {
    width: calc(100% - 100px);
    height: 100px;
    padding: 20px 30px;
    margin-left: 10px;
    border: 1px solid #8080802e;
    font-size: 14px;
    line-height: 24px;
    color: #707070;
    position: relative;
    border-radius: 10px;
    background-color: #ffffff;
}

.review-control:focus {
    color: #495057;
    background-color: #fff;
    outline: 0;
}

.review_form div {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.review_form .review_name,
.review_form .review_email {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.review_form .review_name::before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #b7b7b7;
    top: 0;
    right: 0;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.review_form .review_email::before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #b7b7b7;
    top: 0;
    right: 0;
    webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.rating h3 {
    font-size: 36px;
    line-height: 24px;
    color: #222222;
    padding-bottom: 35px;
}

.rating h3 span {
    font-size: 16px;
    line-height: 26px;
    color: #707070;
    text-transform: capitalize;
}

.sb_progressive_main_wrapper .skills {
    display: block;
}

.sb_progressive_main_wrapper .skills div {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.sb_progressive_main_wrapper .skills div .star-list {
    width: 125px;
    float: left;
    display: flex;
    justify-content: space-between;
}

.sb_progressive_main_wrapper .skills i {
    color: #ffc000;
}

.sb_progressive_main_wrapper .skills span {
    float: right;
    margin-top: -22px;
    margin-right: 5px;
    font-size: 14px;
    color: #fff;
}

.sb_progressive_main_wrapper .skills .skill-item:last-child {
    margin-bottom: 0;
}

.sb_progressive_main_wrapper .skills .skill-item {
    margin-bottom: 20px;
    width: calc(100% - 140px);
    float: left;
    margin-left: 15px;
}

.sb_progressive_main_wrapper .skills .skill-item .skills-progress span {
    position: absolute;
    top: 22px;
    left: 0;
    width: 0;
    height: 10px;
    padding: 0;
    background: #e3e3e3;
    border-radius: 10px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.sb_progressive_main_wrapper .skills .skill-item .skills-progress {
    height: 10px;
    float: left;
    width: 90%;
    background: #fff;
    border-radius: 10px;
    position: relative;
    margin: 0;
}

.sb_progressive_main_wrapper .skills span {
    margin-bottom: 0;
    position: relative;
    top: 15px;
    line-height: 26px;
    color: #222222;
}

.about_product .panel-body .shop_comment .review_box {
    border-top: 1px solid #8080804a;
    padding: 30px 0;
}

.about_product .panel-body .shop_comment .review_box img {
    margin: 0 auto;
    display: block;
}

.about_product .panel-body .shop_comment .review_box h5 {
    line-height: 24px;
    color: #222222;
    font-style: italic;
    float: left;
}

c h5 span {
    font-size: 14px;
    line-height: 24px;
    color: #686868;
    font-style: normal;
    padding-left: 28px;
}

.about_product .panel-body .shop_comment .review_box .an_star {
    float: right;
    width: auto;
}

.about_product .panel-body .shop_comment .review_box .an_star ul li {
    display: inline-block;
}

.about_product .panel-body .shop_comment .review_box .an_star ul li span i {
    color: #ffc000;
}

.about_product .panel-body .shop_comment .review_box p {
    font-size: 14px;
    line-height: 26px;
    color: #707070;
    clear: both;
    padding: 10px 0;
}

.single_product {
    width: 100%;
    float: left;
}

.single_product h2 {
    font-size: 36px;
    line-height: 60px;
    color: #222222;
    text-align: center;
}

.single_product p {
    color: #707070;
    text-align: center;
    max-width: 694px;
    margin: 0 auto;
}

.shop_page .sidebar-search h2 {
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 0 15px 0;
}

.shop_page .sidebar-search h2::before {
    content: '';
    display: block;
    background-color: #b8814e;
    height: 5px;
    width: 40px;
    position: absolute;
    top: 30px;
    border-radius: 10px;
}

.sisebar_icon ul {
    display: flex;
    column-gap: 10px;
}

.shop_sidebar_search {
    padding: 35px 0 40px 0;
}

.shop_sidebar_search input {
    float: left;
    width: calc(100% - 45px);
    height: 50px;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #fafafa;
    color: #000000;
    border: none;
    border-radius: 0;
    outline: none;
}

.shop_sidebar_search button {
    width: 45px;
    height: 50px;
    border: 1px solid transparent;
    background-color: #fafafa;
    color: #568149;
    font-size: 15px;
    position: relative;
    right: 3px;
    text-align: center;
    padding: 0px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.shop_form_sidebar {
    width: fit-content;
    float: left;
    position: relative;
}

.shop_form_sidebar select {
    height: 50px;
    width: 270px;
    float: left;
    margin-bottom: 20px;
    padding-left: 30px;
    border: none;
    background: #fafafa;
    color: #797979;
    position: relative;
}

.shop_form_sidebar:after {
    content: '\25BC';
    display: inline-block;
    color: #000;
    background-color: #fafafa;
    pointer-events: none;
    top: 0px;
    right: 0;
    position: absolute;
}

.sidebar_item ul {
    display: flex;
    column-gap: 15px;
    justify-content: flex-start;
    align-items: center;
}

.sidebar_item ul li {
    color: #000000;
    text-transform: capitalize;
}

.item_form_sidebar select {
    height: 50px;
    width: 100px;
    float: left;
    padding-left: 30px;
    border: none;
    background: #fafafa;
    color: #797979;
    position: relative;
}

.item_form_sidebar:after {
    content: '\25BC';
    display: inline-block;
    color: #000;
    background-color: #fafafa;
    margin-left: -17px;
    pointer-events: none;
    top: 15px;
    position: absolute;
}

.shop_page .categories h2 {
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 0 15px 0;
    position: relative;
}

.shop_page .categories h2::before {
    content: '';
    display: block;
    background-color: #b8814e;
    height: 5px;
    width: 40px;
    position: absolute;
    top: 30px;
    border-radius: 10px;
}

.categories .about_categories {
    width: 100%;
    float: left;
    padding: 40px 0;
}

.about_categories .panel-body {
    color: #000000;
    background-color: transparent;
    padding: 25px 0px 10px 0px;
    border-bottom: 1px solid #80808047;
}

.about_categories .panel-body .shop_sidebar ul li {
    margin-bottom: 15px;
}

.about_categories .panel-body .shop_sidebar ul li a {
    padding-left: 35px;
    position: relative;
    color: #222222;
}

.about_categories .panel-body .shop_sidebar ul li a:hover {
    color: #b8814e;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.about_categories .panel-body .shop_sidebar ul li a::before {
    content: "\2212";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: inherit;
    position: absolute;
    top: 2px;
    left: 0;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.about_categories .panel.panel-default {
    margin-bottom: 30px;
    border: none;
}

.about_categories .panel-default>.panel-heading {
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #80808047;
}

.about_categories .panel-default>.panel-heading a {
    display: block;
    color: #797979;
    font-size: 16px;
    padding: 0px 10px 15px 5px;
}

.about_categories .panel-default>.panel-heading a {
    color: #222222;
}

.about_categories .panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: transparent;
    color: #568149 !important;
}

.categories .vd-shop video {
    width: 100%;
}

.shop_page .archieve {
    width: 100%;
    float: left;
    padding: 20px 0;
}

.shop_page .archieve h2 {
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 0 15px 0;
    position: relative;
}

.shop_page .archieve h2::before {
    content: '';
    display: block;
    background-color: #b8814e;
    height: 5px;
    width: 40px;
    position: absolute;
    top: 30px;
    border-radius: 10px;
}

.shop_page .archieve ul {
    width: 100%;
}

.shop_page .archieve ul li {
    color: #222222;
    line-height: 55px;
    border-bottom: 1px solid #80808057;
    padding-left: 40px;
    position: relative;
}

.shop_page .archieve ul li::before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #afafaf;
    position: absolute;
    top: 20px;
    left: 0;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 20px;
}

.shop_page .archieve ul li:hover {
    color: #b8814e;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.tile {
    width: 100%;
    float: left;
}

.tile .tab-pane {
    width: 100%;
    float: left;
}

.tile_heading {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}

.Showing_div {
    width: fit-content;
    float: left;
    height: 50px;
    line-height: 50px;
    display: flex;
    column-gap: 15px;
}

.product_box {
    margin-top: 30px;
}

.tile .Showing_div .nav-tabs {
    padding-right: 0;
    width: 100px;
    float: left;
    text-align: right;
    margin-left: 4%;
    height: 40px;
    line-height: 40px;
}

.tile .Showing_div .nav-tabs li {
    width: 50%;
    padding-right: 0;
}

.tile .input_div .nav-tabs li+li {
    padding: 0;
}

.tile .Showing_div .nav-tabs li a {
    font-size: 24px;
    color: #c6c6c6;
    border-bottom: none !important;
}

.tile .Showing_div .nav-tabs li .active {
    color: #b8814e;
}

.input_div {
    width: fit-content;
    float: right;
}

.input_div .input_dropdown {
    float: left;
    position: relative;
    text-align: left;
}






/* -=-=-=-=-=-=-=- Cart page css start -=-=-=-=-=-=-=- */
.head_cart {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.head_cart .shopping_cart {
    /* border-bottom: 1px solid;
    padding-bottom: 50px; */
    width: 100%;
    float: left;
}

.head_cart .shopping_cart h2 {
    font-size: 22px;
    color: #1d1d1d;
    text-transform: capitalize;
    float: left;
}

.head_cart .shopping_cart h3 {
    font-size: 22px;
    color: #1d1d1d;
    text-transform: capitalize;
    text-align: right;
}

.shop_card_table {
    width: 100%;
    float: left;
    overflow-x: auto;
    padding: 20px 0;
}

.shop_card_table table {
    width: 100%;
    float: left;
    min-width: 500px;
}

/* .shop_card_table table thead {
      text-align: left;
  } */
.shop_card_table table thead tr th {
    padding: 10px 0;
    color: #1d1d1d;
    text-align: left;
}

.shop_card_table table thead tr th+th {
    text-align: center;
}

.shop_card_table table tbody {
    background-color: #ffffff;
}

.shop_card_table table tbody tr td {
    padding: 20px 0;
    color: #111111
}

.shop_card_table table tbody tr .pad-left {
    padding-left: 0px;
    display: flex;
    align-items: center;
}

.shop_card_table table tbody tr .pad-left .cart_content {
    margin-left: 15px;
}

.shop_card_table table tbody tr td+td {
    text-align: center;
    color: #568149;
}

.shop_card_table table tbody tr td a {
    color: #222222;
}

.shop_card_table table tbody tr td p {
    color: #568149;
}

.shop_card_table table tbody tr td span a {
    color: #797979;
    text-transform: capitalize;
}

.value-button {
    display: inline-block;
    margin: 0px;
    width: 40px;
    color: #000000;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.value-button:hover {
    cursor: pointer;
    color: #568149;
}

form #decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px;
}

form #increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0;
}

input#number {
    text-align: center;
    border: none;
    box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 15%);
    margin: 0px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.head_cart .continue a {
    color: #568149;
    text-transform: uppercase;
}

.head_cart .continue a i {
    font-size: 16px;
    margin-right: 10px;
}

.order_cart {
    width: 100%;
    float: left;
}

.order_cart .order_summary {
    background-color: #f5f5f5;
    padding: 50px 15px 50px 15px;
}

.order_cart .order_summary h2 {
    font-size: 22px;
    color: #1d1d1d;
    text-transform: capitalize;
}

.order_cart .order_summary ul {
    display: flex;
    justify-content: space-between;
}

.order_cart .order_summary ul li {
    color: #1d1d1d;
}

.order_cart .order_summary ul li+li {
    color: #568149;
}

.order_cart .order_summary form {
    padding: 20px 0 20px 0;
}

.order_cart .order_summary form label {
    color: #1d1d1d;
}

.order_cart .order_summary form select {
    height: 50px;
    width: 100%;
    border-radius: 5px;
    float: left;
    font-size: 14px;
    margin-bottom: 20px;
    padding-left: 30px;
    border: none;
    background: #fafafa;
    color: #797979;
    position: relative;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);
}

.order_cart .order_summary form input {
    height: 50px;
    width: 100%;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 20px;
    padding-left: 30px;
    border: none;
    background: #fafafa;
    color: #797979;
    position: relative;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);
}

.order_cart .order_summary .apply-btn button {
    width: 130px;
    font-size: 14px;
    border: 1px solid #568149;
    color: #ffffff;
    background-color: #568149;
}

.order_cart .order_summary .apply-btn button:hover {
    background-color: #ffffff;
    color: #568149;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.order_cart .order_summary .tax_amount ul {
    display: flex;
    justify-content: space-between;
}

.order_cart .order_summary .check_btn {
    padding: 40px 0 0 0;
}

.order_cart .order_summary .check_btn button {
    width: 100%;
    font-size: 14px;
    border: 1px solid #568149;
    color: #ffffff;
    background-color: #568149;
    border-radius: 5px;
}

.order_cart .order_summary .check_btn button:hover {
    background-color: #ffffff;
    color: #568149;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.order_cart .order_summary hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* -=-=-=-=-=-=-=- my account css start -=-=-=-=-==-=- */

.head_account {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.head_account .account_section h2 {
    font-size: 22px;
    color: #111111;
    text-transform: capitalize;
}

.head_account .account_section ul .active {
    background-color: #b8814e;
}

.head_account .account_section ul .active a {
    color: #ffffff;
}

.head_account .account_section ul {
    padding: 40px 0;
}

.head_account .account_section ul li {
    margin-bottom: 10px;
    background-color: transparent;
}

.head_account .account_section ul li a {
    color: #111111;
    line-height: 50px;
    padding-left: 20px;
}

.head_account .account_section ul li:hover a {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.head_account .account_section ul li:hover {
    background-color: #b8814e;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.head_account .account_content h2 {
    color: #111111;
    font-size: 16px;
}

.head_account .account_content h2 span {
    color: #568149;
}

.head_account .account_content p {
    color: #797979;
    line-height: 30px;
    padding: 40px 0 20px;
}

.head_account .account_content p span {
    color: #111111;
}

.head_account .account_svg {
    border: 1px solid #111111;
    text-align: center;
    padding: 60px 0;
}

.head_account .account_svg svg {
    width: 50px;
    height: 50px;
}

.head_account .account_svg:hover {
    border: 1px solid #b8814e;
}

.head_account .account_svg:hover h1 a {
    color: #b8814e;
}

.head_account .account_svg h1 a {
    font-size: 22px;
    line-height: 25px;
    color: #000000;
    margin-top: 15px;
}

.head_account .account_row {
    padding: 25px 15px 0 15px;
}

/* -=-=-=-=-=-=-=- checkout css start -=-=-=-=-==-=- */

.head_checkout {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.head_checkout .payment {
    background-color: #f1f1f1;
    padding: 30px 15px;
    border-radius: 5px;
}

.head_checkout .payment h2 {
    font-size: 22px;
    color: #111111;
    line-height: 30px;
}

.head_checkout .payment ul {
    display: flex;
    column-gap: 28px;
    padding: 20px 0;
}

.head_checkout .payment ul li {
    width: 100%;
}

.head_checkout .payment ul li .card_btn {
    width: 100%;
    height: 50px;
    background-color: #eba11f;
    border-radius: 5px;
}

.head_checkout .payment ul li .card_btn svg {
    width: 20px;
    height: 20px;
}

.head_checkout .payment ul li button a {
    color: #ffffff;
    margin-left: 10px;
    text-transform: capitalize;
}

.head_checkout .payment ul li .paypal_btn {
    width: 100%;
    height: 50px;
    background-color: #3b7bbf;
    border-radius: 5px;
}

.head_checkout .payment ul li .paypal_btn i {
    color: #ffffff;
}

.head_checkout .payment .payment_option select {
    border: none;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background: #fafafa;
    color: #797979;
    padding-left: 30px;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);
}

.head_checkout .card_head {
    background-color: #f1f1f1;
    padding: 30px 15px;
    border-radius: 5px;
    margin-top: 30px;
}

.head_checkout .card_head h2 {
    font-size: 22px;
    color: #111111;
}

.head_checkout .card_head label {
    color: #111111;
    padding: 15px 0;
}

.head_checkout .card_head input {
    width: 100%;
    height: 50px;
    border: none;
    background-color: #ffffff;
    border-radius: 5px;
    margin: 20px 0;
    padding-left: 30px;
}

.head_checkout .card_head .credit_card ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.head_checkout .card_head .credit_card ul li svg {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    margin-top: -6px;
}

.head_checkout .expiration_date ul {
    display: flex;
}

.card-detail {
    width: 100%;
    float: left;
}

.card-detail .card-detail-box {
    width: 50%;
    float: left;
}

.card-detail .card-detail-box h4 {
    padding-bottom: 10px;
}

.card-detail .card-detail-box p {
    padding-bottom: 10px;
}

.card-detail .card-detail-box ul {
    margin: 20px 0;
}

.card-detail .card-detail-box ul li {
    float: left;
}

.card-detail .card-detail-box ul li select {
    width: 100px;
    border: none;
    height: 50px;
    border-radius: 5px;
    padding-left: 8px;
}

.card-detail .card-detail-box ul li+li select {
    margin-left: 38px;
}

/* .head_checkout table{
    width: 100%;
}
.head_checkout table thead tr th{
    color: #000000;
    padding: 20px 0 20px 0;
}
.head_checkout table tbody tr td {
    width: 50%;
}
.head_checkout table tbody tr .expiration_date select{
    width: 120px;
    height: 50px;
    border: none;
    background-color: #ffffff;
    padding-left: 15px;
    border-radius: 5px;
}
.head_checkout table tbody tr .expiration_date select+select{
    margin-left: 10px;
}
.head_checkout table tbody tr .cvv input{
    height: 50px;
    border: none;
    background-color: #ffffff;
    border-radius: 5px;
    color: #111111;
} */
.head_checkout .pay_btn {
    margin-top: 15px;
}

.head_checkout .pay_btn button {
    background-color: #b8814e;
    color: #ffffff;
    text-transform: capitalize;
    width: 315px;
    border-radius: 5px;
    height: 50px;
    margin-top: 20px;
}

.head_checkout .pay_btn button:hover {
    background-color: transparent;
    color: #b8814e;
    border: 1px solid #b8814e;
    -webkit-transition: all 0.5s;
    -khtml-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.head_checkout .pay_btn p {
    font-size: 12px;
    padding-top: 5px;
}

.head_checkout .signup-terms {
    display: block;
}

.head_checkout .signup-terms input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.head_checkout .signup-terms label {
    position: relative;
    cursor: pointer;
    text-transform: initial;
    color: #797979;
    background: #f5f5f5;
    padding: 12px;
    margin-top: 15px;
    width: 100%;
    border-radius: 5px;
}

.head_checkout .signup-terms label span {
    color: #b8814e;
}

.head_checkout .signup-terms label a:hover {
    text-decoration: none;
}

.signup-terms label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 3px solid #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 1em;
    border-radius: 50%;
}

.head_checkout .signup-terms input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 21px;
    left: 19px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.head_checkout .signup-terms input:checked~label:before {
    background: #000;
}


/* common css add */


.header_border_row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.header_border_mr_left1 {
    margin-left: 80px;
}


















/*-=-=-=-=-=-=-=-=responcive css start-=-=-=-=-=-=-=-=-=-=-=-=*/
@media (max-width: 1900px) {}

@media (max-width: 1400px) {
    .fb_slide {
        background-attachment: fixed;
    }

    .about_us_text {
        padding-right: 200px;
    }

    .position_chang2 {
        left: 30px;
    }

    .position_chang {
        right: 30px;
    }

    .bg__404_text {
        top: 70px;
    }

    #nav_filter li a {
        padding: 10px;
    }
}

@media (max-width: 1199px) {
    .index3_fb_slider .fb_clients_svg {
        margin-top: 13px;
    }

    .index4_news_slider_box_img img {
        height: 379px;
    }

    .contect_side .logo {
        text-align: right;
    }

    .footer_content li.ex_mar {
        margin-top: 15px;
        float: left;
    }

    .carousel-indicators {
        display: inline-flex;
        top: auto;
        bottom: 0;
        right: 0;
        left: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .navbar {
        float: none;
    }

    .law_info_text {
        width: 100%;
        padding-left: 0;
    }

    .law_info_svg {
        margin-bottom: 20px;
    }

    .right_content .choose_us_svg:before {
        height: 39px;
        bottom: -39px;
    }

    .right_content .choose_us_svg:after {
        height: 39px;
        top: -39px;
    }

    .right_content .choose_us_svg {
        margin-top: 9px;
    }

    .right_content .choose_us_box_text {
        width: 210px;
    }

    .about_us_text {
        padding-right: 0px;
    }

    .about_us_text2 {
        padding-right: 0px;
    }

    .about_us:before {
        right: 28%;
    }

    .search_bar {
        padding-right: 10px;
    }

    .header__navigation ul#nav_filter {
        padding: 15px 60px;
    }

    .index4_top_left_header {
        right: 10px;
    }

    .index4_top_right_header {
        left: 10px;
    }
}

@media (max-width: 1060px) {
    .about_us:before {
        right: 26%;
    }

    #nav_filter li a {
        padding: 10px 5px !important;
    }
}

@media (max-width: 991px) {
    footer {
        padding: 70px 0 50px;
    }

    .index4_sub_menu {
        line-height: -50px;
    }

    .index4_main_header {
        padding: 10px 0;
    }

    .index4_main_header ul li {
        padding: 23px 9px;
    }

    .index4_sub_menu2 {
        left: -13rem;
    }

    .index4_sub_menu3 {
        right: -13rem;
    }

    .copy_right_right {
        text-align: center;
        margin-top: 5px;
    }

    .footer_content li.ex_mar {
        margin-top: 0;
    }

    .copy_right_left {
        text-align: center;
    }

    .index3_fb_slider .img_size {
        display: none;
    }

    .index3_home_text h1 {
        font-size: 75px;
    }

    .index3_fb_slider .fb_clients_svg {
        margin-top: 35px;
    }

    .index3_pricing_plans .pricing_plans_box {
        margin-top: 50px;
    }

    .footer_boder {
        border-right: none;
    }

    .position_chang2 {
        left: 0;
    }

    .position_chang {
        left: 0;
    }

    .nav-tabs {
        margin-left: 23%;
    }

    .top_header_1 {
        display: none;
    }

    .menu_wrapper .hidden_btn {
        display: none;
    }

    #search_button {
        display: none;
    }

    .menu_wrapper .main_btn {
        float: none;
        margin-top: 45px;
    }

    .menu_wrapper .main_btn a {
        color: #000000;
    }

    .menu_wrapper_mn .logo {
        display: block;
    }

    .menu_wrapper_mn {
        padding: 10px 0;
    }

    .btn-info {
        display: block;
    }

    #search_button,
    .shopping_cart,
    .myaccount {
        float: right;
        cursor: pointer;
        padding-top: 0;
        padding-right: 0px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        right: 60px;
        top: 10px;
    }

    .header_img svg {
        height: 34px;
        width: 30px;
        fill: #44cdc9;
    }

    .header_img {
        position: absolute;
        left: -40px;
        top: 20px;
    }

    .contect {
        padding-left: 0 !important;
        margin-left: 59px;
    }

    .contect a {
        text-transform: uppercase;
        color: #a9a9a9;
        font-size: 14px;
        line-height: 17px;
        margin-top: 20px;
        margin-right: 30px;
    }

    .email_side {
        padding-top: 20px;
        padding-left: 25px;
    }

    .email_side i {
        color: #568149;
        font-size: 20px;
        margin-right: 20px;
    }

    .email_side a {
        color: #000;
    }

    .media_side1 {
        display: block;
        text-align: center;
        float: none;
        margin-bottom: 20px;
        margin-top: 20px;
        border-top: 1px solid #568149;
        padding-top: 20px;
    }

    .media_side1 ul {
        display: inline-flex;
        margin-top: 15px;
    }

    .media_side1 ul li {
        border: 1px solid #568149;
        border-radius: 50%;
        color: #568149;
        margin: 0 14px;
        height: 45px;
        width: 45px;
        line-height: 45px;
    }

    .media_side1 ul li a svg {
        width: 13px;
        height: 13px;
        fill: #797979;
    }

    .media_side1 i:hover {
        color: #fff;
    }

    .media_side1 svg:hover {
        fill: #fff;
    }

    .media_side1 ul li:hover {
        background: #568149;
        color: #ffffff;
    }

    .media_side1 ul li:hover a svg {
        fill: #fff;
    }

    .sidebar_block {
        display: grid;
    }

    .homw_text {
        margin-top: 190px;
    }

    .law_info_text {
        float: left;
        width: calc(100% - 87px);
        padding-left: 20px;
    }

    .last_991_box {
        border: none;
    }

    .law_info_box {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .left_content .choose_us_box_text {
        margin-left: 0;
        width: 100%;
        float: left;
        margin-top: 30px;
        text-align: center;
    }

    .left_content .choose_us_svg {
        left: 90px;
    }

    .choose_us_svg:before {
        display: none;
    }

    .choose_us_svg:after {
        display: none;
    }

    .display_position {
        display: none;
    }

    .right_content {
        text-align: right;
        padding-bottom: 135px;
    }

    .choose_us_box {
        position: relative;
    }

    .right_content .choose_us_box_text {
        width: 85%;
        text-align: center;
        position: absolute;
        bottom: 32px;
    }

    .right_content .choose_us_svg {
        margin-top: 0px;
        right: 90px;
    }

    .ot_img {
        margin-top: 30px;
    }

    .recent_case_box {
        margin-bottom: 30px;
    }

    .about_us:after {
        display: none;
    }

    .about_us:before {
        display: none;
    }

    .about_us2:after {
        display: none;
    }

    .about_us2:before {
        display: none;
    }

    .right_side_single {
        margin-bottom: 45px;
    }

    .header__navigation {
        display: none;
    }

    .index2_slider {
        margin-top: 0;
    }

    .index2_top_header_1 .Responsiv_menu {
        display: block;
    }

    .index2_top_header_1 .main_btn {
        display: none;
    }

    .index2_law_info {
        margin-top: 70px;
    }

    .index2_law_info_box {
        margin-top: 30px;
    }

    .index2_services_img {
        display: none;
    }

    .leading_legal_img {
        display: none;
    }

    .leading_legal2:before {
        display: none;
    }

    .about_us_page:before {
        display: none;
    }

    .index4_top_header {
        display: none;
    }

    .index4_main_header .logo {
        display: block;
    }

    .legal_practice_areas_box {
        margin-bottom: 60px;
    }

    .areas_img img {
        width: 100%;
    }

    .index4_bg_box {
        margin-bottom: 30px;
    }

    .index4_about_content {
        margin: 30px 0;
    }

    /*.index4_about_img img{
        width: 100%;
    }*/
    .index4_faq .accordion {
        margin: 5px 0;
    }

    .index4_statistic_img {
        margin-bottom: 30px;
    }

    .index4_statistic_img img {
        height: auto;
    }

    .index4_justice_img {
        top: auto;
        bottom: 100px;
        transform: none;
    }

    .index4_news_slider_box_img {
        width: 100%;
    }

    .index4_news_slider_box_img img {
        height: auto;
    }

    .index4_news_slider_box_text {
        width: 100%;
    }

    .index4_contect:before {
        width: 100%;
        height: 50%;
        bottom: 0;
        top: auto;
    }

    .index4_contect:after {
        width: 100%;
        height: 50%;
    }

    .index4_last_contect_text {
        padding-left: 0;
    }

    .index4_form {
        padding-right: 0;
    }

    .index4_main_menu {
        width: 50%;
        float: left;
        position: relative;
    }

    #toggle-menu {
        float: right;
        display: block;
        width: 50px;
        height: 50px;
        margin: 10px auto;
        background: transparent;
        border: none;
        padding: 0;
    }

    #toggle-menu div {
        width: 100%;
        height: 5px;
        background: white;
        margin: 4px auto;
        transition: all 0.3s;
        backface-visibility: hidden;
    }

    #toggle-menu.on .one {
        transform: rotate(45deg) translate(5px, 5px);
    }

    #toggle-menu.on .two {
        opacity: 0;
    }

    #toggle-menu.on .three {
        transform: rotate(-45deg) translate(7px, -8px);
    }

    .index4_main_menu ul {
        width: 240px;
        position: absolute;
        right: -15px;
        top: 84px;
        z-index: 999999;
        background: #b98350;
        display: none;
    }

    .index4_main_menu ul li {
        width: 100%;
        padding: 0;
    }

    .index4_main_menu ul li a {
        width: 100%;
        display: inline-block;
        text-align: left;
        padding: 15px;
    }

    .index4_main_menu ul li+li {
        border-top: 1px solid #ffffff30;
    }

    .responsive_logo {
        display: block;
    }

    .index4_main_header .logo {
        display: none;
    }

    .responsive_container {
        max-width: 100% !important;
    }

    .index4_main_menu ul li a {
        color: #ffffff !important;
    }

    .index4_main_menu ul li .index4_sub_menu {
        position: relative;
        opacity: 1;
        visibility: visible;
        left: 0;
        top: 0px !important;
        background: #0c437a;
    }

    .index4_main_menu ul li .index4_sub_menu li a {
        color: #ffffff;
    }

    .index4_main_menu ul li .index4_sub_menu li a i {
        display: none;
    }
}

@media(max-width:767px) {
    .index3_fb_slider .fb_clients_svg {
        margin-top: 13px;
    }

    .property_law {
        padding-bottom: 30px;
    }

    .imdex2_home_text {
        margin-top: 100px;
    }

    .contect_side .logo {
        text-align: left;
    }

    .index3_home_text {
        margin-top: 30px;
    }

    .index3_home_count {
        display: none;
    }

    .png_img {
        display: none;
    }

    .index3_contect .consultation_box {
        padding-top: 100px;
    }

    .last_767_box {
        border: none;
    }

    .law_info_box {
        border-bottom: 1px solid #ffffff78;
        padding-bottom: 30px;
    }

    .last_law_info_box {
        border: none;
    }

    .services br {
        display: none;
    }

    .services_box {
        padding: 20px;
    }

    .left_content .choose_us_svg {
        left: 50px;
    }

    .right_content .choose_us_svg {
        right: 50px;
    }

    .faq:before {
        display: none;
    }

    .faq_box .panel-body {
        color: #797979;
    }

    .contact_us .main_btn a {
        float: left;
    }

    .faq_box .panel-default>.panel-heading a {
        color: #000000;
    }

    .index2_faq:before {
        display: none;
    }

    .faq_box .card-header {
        background-color: #190d03;
    }

    .faq_box .gallery-card-body {
        background-color: #190d03;
    }

    .faq_box h2 {
        color: initial;
    }

    .contact_us .main_btn {
        width: 100%;
        float: left;
        margin-top: 30px;
    }

    .about_us_text {
        padding-left: 0px;
    }

    .about_us_text2 {
        padding-left: 0px;
    }

    .about_us:before {
        display: none;
    }

    .faq_box {
        padding: 100px 0 0 0;
    }

    .consultation_box {
        padding: 30px 0 100px 0;
    }

    .page_path {
        text-align: left;
    }

    .contect_info {
        margin-top: 50px;
    }

    .contact_form {
        border: none;
        padding-right: 0;
    }

    .right_content {
        text-align: right;
        padding-bottom: 156px;
    }

    .right_content .choose_us_box_text {
        width: 75%;
    }

    .copy_right_right {
        margin-top: 20px;
        text-align: left;
    }

    .recent_case_img .owl-nav i {
        font-size: 15px;
    }

    .recent_case_img button {
        height: 25px;
        width: 30px;
    }

    .nav-tabs {
        margin-left: 10%;
    }

    .index2_top_header_1 .contect_side_box {
        display: none;
    }

    .index2_top_header_1 nav ul li ul {
        margin-top: 14px;
        width: 280px;
        left: -160px;
    }

    .index2_faq {
        background-color: #1a243f;
    }

    .index2_faq .faq_box h2 {
        color: #ffffff;
    }

    .index4_main_menu {
        width: 50%;
        float: left;
        position: relative;
    }

    /* #toggle-menu {
        float: right;
        display: block;
        width: 50px;
        height: 50px;
        margin: 10px auto;
        background: transparent;
        border: none;
    } */

    #toggle-menu {
        float: right;
        display: block;
        width: 50px;
        height: 50px;
        margin: -49px -206px 0px;
        background: transparent;
        border: none;
    }
}



#toggle-menu div {
    width: 60%;
    height: 5px;
    background: white;
    margin: 4px auto;
    transition: all 0.3s;
    backface-visibility: hidden;

}

#toggle-menu.on .one {
    transform: rotate(45deg) translate(5px, 5px);
}

#toggle-menu.on .two {
    opacity: 0;
}

#toggle-menu.on .three {
    transform: rotate(-45deg) translate(7px, -8px);
}

.index4_main_menu ul {
    width: 240px;
    position: absolute;
    right: -15px;
    top: 84px;
    z-index: 999999;
    background: #b98350;
    display: none;
}

.index4_main_menu ul li {
    width: 100%;
    padding: 0;
}

.index4_main_menu ul li a {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding: 15px;
}

.index4_main_menu ul li+li {
    border-top: 1px solid #ffffff30;
}

.responsive_logo {
    display: block;
}

.index4_main_header .logo {
    display: none;
}

.responsive_container {
    max-width: 100% !important;
}

.index4_main_menu ul li a {
    color: #ffffff !important;
}

.index4_main_menu ul li .index4_sub_menu {
    position: relative;
    opacity: 1;
    visibility: visible;
    left: 0;
    top: 0px !important;
    background: #0c437a;
}

.index4_main_menu ul li .index4_sub_menu li a {
    color: #ffffff;
}

.index4_main_menu ul li .index4_sub_menu li a i {
    display: none;
}
}

@media (max-width: 576px) {
    .footer_boder {
        border-right: none;
        border-left: none;
        padding: 0;
    }

    .right_content .choose_us_svg {
        right: 0;
        left: 0;
        margin-left: 28%;
        margin-right: 40%;
    }

    .left_content .choose_us_svg {
        right: 0;
        left: 0;
        margin-left: 46%;
        margin-right: 28%;
    }

    .fb_slider_text p br {
        display: none;
    }

    .fb_slider_content {
        padding: 50px;
    }

    .right_content .choose_us_box_text {
        width: 100%;
        right: 0px;
    }

    .nav-tabs {
        margin-left: 0;
    }

    .counter_svg {
        margin-left: 42%;
        margin-bottom: 20px;
    }

    .counter_text {
        width: 100%;
    }

    .counter_box {
        text-align: center;
    }

    .index3_choose_us:before {
        top: 0;
    }
}

@media (max-width: 526px) {

    .right_content .choose_us_box_text {
        width: 85%;
        right: auto;
    }

    .bg__404_text {
        top: 0px;
    }

    .index4_main_slider_content h1 {
        font-size: 48px;
    }
}

@media (max-width: 476px) {
    .index3_fb_slider .index2_fb_slider_content .carousel-inner {
        width: 100%;
        margin-top: 15px;
    }

    .index3_fb_slider .index2_fb_slider_content #quote-carousel .carousel-control {
        width: 100%;
        padding: 0;
    }

    .bg__404_text h2 {
        color: #ffffff;
        font-size: 20px;
        font-weight: bold;
    }

    .bg__404_text h1 {
        color: #ffffff;
        font-size: 150px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .bg__404_text p {
        color: #ffffff;
        margin-top: 20px;
    }

    .right_content .choose_us_box_text {
        width: 85%;
        right: auto;
    }

    .faq:before {
        height: 49%;
    }
}

@media (max-width: 461px) {
    .blog_single_svg {
        width: 100%;
        text-align: center;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .blog_single_text {
        width: 100%;
    }

    .admin_centent {
        width: 100%;
        margin-left: 0;
    }

    .index3_home_text h1 {
        font-size: 50px;
    }

    .index3_home_text {
        margin-top: 100px;
    }

    .fb_clients_talk h2 {
        font-size: 40px;
        margin-top: 15px;
    }

    .index4_news_slider_box_text {
        padding: 20px 10px;
    }

    .law_info {
        padding: 30px 20px;
    }
}

@media (max-width: 431px) {
    .homw_text {
        margin-top: 250PX;
    }

    .homw_text h2 {
        font-size: 50px;
    }

    .homw_text h2 span {
        font-size: 30px;
    }

    .homw_text .header_border i {
        font-size: 22px;
        left: 90px;
    }

    .homw_text .header_border:before {
        width: 78px;
    }

    .homw_text .header_border:after {
        width: 78px;
        left: 126px;
    }

    .slider .carousel-indicators .active {
        width: 55px;
    }

    .slider .carousel-indicators li {
        width: 50px;
    }

    .slider .carousel-indicators {
        margin-right: 30%;
        margin-left: 30%;
    }

    .law_info_text {
        width: 100%;
        padding-left: 0;
    }

    .right_content .choose_us_svg {
        right: 0;
        left: 0;
        margin-left: 28%;
        margin-right: 35%;
    }

    .left_content .choose_us_svg {
        right: 0;
        left: 0;
        margin-left: 40%;
        margin-right: 28%;
    }

    .fb_slider_content {
        padding: 30px;
    }

    .faq:before {
        height: 52%;
    }

    .index4_news_slider .owl-nav button {
        width: 30px;
        height: 30px;
        line-height: 15px !important;
        font-size: 24px !important;
    }
}

@media (max-width: 360px) {
    .slider .carousel-indicators {
        margin-right: 25%;
        margin-left: 25%;
    }

    .pagination li.chang a {
        padding: 5px 15px;
    }
}

@media (max-width: 335px) {}

@media(min-width:0px) {}















































.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    z-index: 111;
}

/* #sign_open button:hover i {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#sign_open i {
    color: #568149;
} */
.modal-body {
    padding: 3rem;
}

.sign_in {
    float: right;
    cursor: pointer;
    color: #fff;
    padding-top: 24px;
    padding-bottom: 0px;
    padding-right: 40px;
    padding-left: 10px;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.sign_in i {
    font-size: 17px;
}

.sign_in i:hover {
    color: #568149;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.lv_sign_in {
    float: right;
    width: auto;
    text-align: center;
    padding: 6px 16px;
    padding-left: 20px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

button.close {
    background-color: #1d1b19;
    padding: 35px;
    color: #fff;
}

button.close:hover {
    color: #fff;
}

.login_dialog {
    position: absolute;
    max-width: 375px;
    min-width: 320px;
}

.login_form .fb_btn {
    background-color: #3c5a95;
    width: 100%;
    border-radius: 5px;
    text-align: left;
}

.login_form .fb_btn i:hover {
    color: #fff;
}

.login_form .fb_btn:hover {
    color: #fff;
}

.login_form .fb_btn i {
    position: absolute;
    right: 20px;
    top: 15px;
}

.login_form .google_btn {
    background-color: #ff0000;
    width: 100%;
    border-radius: 5px;
    text-align: left;
    margin-top: 30px;
}

.login_form .google_btn i:hover {
    color: #fff;
}

.login_form .google_btn:hover {
    color: #fff;
}

.login_form .google_btn i {
    position: absolute;
    right: 20px;
    top: 15px;
}

.login_form p {
    text-align: center;
    position: relative;
    margin: 25px 0;
}

.login_form p::after {
    content: '';
    display: block;
    width: 130px;
    height: 1px;
    background-color: #e5e5e5;
    position: absolute;
    top: 14px;
    left: 0px;
}

.login_form p::before {
    content: '';
    display: block;
    width: 130px;
    height: 1px;
    background-color: #e5e5e5;
    position: absolute;
    top: 14px;
    right: 0px;
}

.login_form h2 {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 400;
}

.login_form input[type=text],
[type=password],
[type=email] {
    border: none;
    min-height: 32px;
    margin-bottom: 10px;
    padding: 15px 15px;
    width: 100%;
    background-color: #fafafa;
    border-radius: 5px;
    position: relative;
}

.login_form input[type=password] {
    margin: 20px 0;
}

.login_form .username {
    border: none !important;
    background-color: #ffc107;
    color: #fff !important;
}

.username {
    background: #f44336;
    color: #f1f1f1;
    font-style: italic;
    padding-left: 10px;
}

.login_form label {
    display: inline-table;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 24px;
    color: #707070;
    font-weight: 400;
    float: left;
}

.login_form span i {
    position: absolute;
    color: #b5b5b5;
    top: 42%;
    right: 13%;
}

.login_form span i:hover {
    color: #b5b5b5;
}

.login_form .unlock i {
    position: absolute;
    color: #b5b5b5;
    top: 55%;
    right: 13%;
}

.login_form input[type=checkbox],
input[type=radio] {
    margin-right: 8px;
}

.login_form .forgot_btn {
    font-size: 12px;
    line-height: 24px;
    color: #db4c3e;
    font-weight: 400;
    text-align: right;
    display: block;
    text-decoration: underline;
}

.login_form input[type=submit] {
    display: block;
    cursor: pointer;
    margin: 20px 0px 20px 0px;
    font-weight: bold;
    width: 100%;
    border-radius: 5px;
}

.btn,
button,
.button,
input[type="submit"] {
    background-color: #568149;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    padding: 0 20px;
    line-height: 45px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: none;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

.btn,
button,
.button,
input[type="submit"]:hover {
    background-color: #111;
}

.login_form hr {
    margin-top: 3rem;
}

.login_form {
    text-align: center;
}

.login_form h6 {
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    font-weight: 400;
}

.login_form a {
    color: #568149;
}










.about_us2_img {}

.about_us2_img img {
    position: relative;
    max-width: 100%;
}

.read_btn button {
    border: 1px solid #568149;
    background: #568149;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
    border-radius: 5px;
}

.read_btn button a {
    color: #fff;
}

.read_btn button:hover {
    background: transparent;
    color: #568149;
    transition: all 0.5s;
}

.read_btn button:hover a {
    color: #568149;
}




.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}



























.an_offer_slider {
    width: 100%;
    float: left;
    position: relative;
}

.an_offer_box {
    width: 100%;
    float: left;
    overflow: hidden;
}

.an_offer_box .an_offer_img {
    width: 100%;
    float: left;
    position: relative;
}

.an_offer_box .an_offer_hover_icon {
    text-align: center;
    width: 100%;
    float: left;
    position: absolute;
    bottom: 20px;
    left: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.an_offer_box .offer_new {
    width: 100%;
    float: left;
    position: absolute;
    top: 20px;
    left: 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.an_offer_box:hover .offer_new {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.an_offer_box .offer_new p {
    color: #ffffff;
    background: red;
    width: 35px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
}

.an_offer_box:hover .an_offer_hover_icon {
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.custom_grid:hover {
    box-shadow: 0px 0px 8px #ccc;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/*.an_offer_box:hover .an_offer_content{
  box-shadow: 0px 0px 20px rgba(0,0,0,.1);
  -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}*/
.an_offer_slider .owl-dots {
    display: none;
}

.an_offer_slider .owl-nav {
    text-align: right;
    position: absolute;
    right: 0;
    top: -84px;
}

.an_offer_slider .owl-nav button {
    width: 35px;
    height: 35px;
    background: #133e59 !important;
    line-height: 1px !important;
    border-radius: 50%;
    text-align: center;
    color: #ffffff !important;
    font-size: 30px !important;
}

.an_offer_slider .owl-nav button span {
    display: inline-block;
    padding-bottom: 5px;
}

.an_offer_slider .owl-nav .owl-prev {
    margin-right: 10px;
}

.an_offer_box .an_offer_hover_icon ul li {
    display: inline-block;
}

.an_offer_box .an_offer_hover_icon ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: #111111;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;

}

.an_offer_box .an_offer_hover_icon ul li a:hover {
    background: #f5b51b;
    animation-name: pulse;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-direction: reverse;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.an_offer_box .an_offer_content {
    width: 100%;
    float: left;
    background: #ffffff;
    padding: 20px;
    text-align: center;
    line-height: 35px;
    margin-bottom: 50px;
}

.an_offer_box .an_offer_content h6 {
    font-size: 16px;
    color: #313131;
}

.an_offer_box .an_offer_content a {
    font-size: 14px;
    color: #f5b51b;
}

.an_offer_box .an_offer_content p {
    color: #111111;
    font-size: 20px;
    font-weight: bold;
}

.an_offer_box .an_offer_content p span {
    color: #999999;
    font-size: 14px;
    font-weight: normal;
}

/*home page 6 start css*/

:root {
    --white: #fff;
    --black: #000;
    --clr1: #12243a;
    --clr2: #0b1829;
    --btnClr1: #46b0e4;
    --btnClr2: transparent;
}

@font-face {
    font-family: Mulish-Bold;
    src: url(../fonts/mulish/Mulish-Bold.ttf);
}

@font-face {
    font-family: Poppins-Bold;
    src: url(../fonts/poppins/Poppins-Bold.ttf);
}

@font-face {
    font-family: Poppins-Regular;
    src: url(../fonts/poppins/Poppins-Regular.ttf);
}

.whyChooseUs h1,
.whyChooseUs h2,
.whyChooseUs h3,
.whyChooseUs h4,
.whyChooseUs h5,
.whyChooseUs h6,
.advocServices h1,
.advocServices h1,
.advocServices h2,
.advocServices h3,
.advocServices h4,
.advocServices h5,
.advocServices h6,
.advocServicesProvide h1,
.advocServicesProvide h2,
.advocServicesProvide h3,
.advocServicesProvide h4,
.advocServicesProvide h5,
.advocServicesProvide h6,
.advocCommomHeading h1,
.advocCommomHeading h2,
.advocCommomHeading h3,
.advocCommomHeading h4,
.advocCommomHeading h5,
.advocCommomHeading h6,
.advocTopBanner h1,
.advocTopBanner h2,
.advocTopBanner h3,
.advocTopBanner h4,
.advocTopBanner h5,
.advocTopBanner h6 {
    font-family: Mulish-Bold;
}

.whyChooseUs *,
.advocServices *,
.advocServicesProvide *,
.advocLegalCompany *,
.advocOurTeam *,
.advocTopBanner * {
    font-family: Poppins-Regular;
}

.lawHeader {
    background-color: var(--white);
    width: 100%;
}

.lawHeader .lawHeaderGrid {
    display: grid;
    grid-template-columns: 250px 1fr;
}

.lawHeader .lawHeaderGrid .lawHeaderLeft {
    background-color: var(--clr1);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lawHeader .lawHeaderGrid .lawHeaderRight {
    display: flex;
    flex-direction: column;
}

.lawHeaderRight .lawHeaderTop {
    background-color: var(--clr2);
    padding: 15px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lawHeaderRight .lawHeaderBottom {
    background-color: var(--white);
    padding: 6px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lawHeaderTop .lawHeaderTopLeft ul,
.lawHeaderTopRight ul {
    gap: 20px;
    align-items: center;
}

.lawHeaderTop .lawHeaderTopLeft ul li a,
.lawHeaderTopRight ul li a {
    color: #fff;
    padding: 0px 4px;
}

.lawHeaderTopRight ul li a.lawLoginBtn {
    background-color: var(--btnClr1);
    border: 1px solid var(--btnClr1);
    color: var(--white);
    padding: 0 20px;
}

.lawHeaderTopRight ul li a.lawLoginBtn:hover {
    background-color: var(--btnClr2);
    color: var(--white);
}

.lawHeaderBottom ul li a {
    color: var(--black);
    position: relative;
    transition: all 0.4s ease;
    padding: 8px 4px;
}

.lawHeaderBottom ul li a:before {
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: transparent;
    content: '';
    bottom: 0;
    left: 0;
    transition: all 0.4s ease;
}

.lawHeaderBottom ul li a.active:before,
.lawHeaderBottom ul li a:hover:before {
    background-color: #568149;
    width: 100%;
}

.lawHeaderBottomLeft ul {
    gap: 20px;
}

.lawHeaderBottom .lawHeaderBottomRight .lawPhoneNumber {
    color: #000;
    padding: 8px 4px;
}

.lawHeaderBottom .lawHeaderBottomRight .lawPhoneNumber img {
    margin-right: 10px;
}

.whyChooseUsContent .whyChooseUsInner {
    display: grid;
    grid-template-columns: 157px 1fr;
    gap: 20px;
    margin-top: 40px;
}

.whyChooseUsContent {
    padding: 100px;
}

.advocCommomHeading h2 {
    font-weight: 600;
    margin-bottom: 40px;
    font-size: 40px;
    position: relative;
    text-transform: uppercase;
}

.whyChooseUsContent h3 {
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 30px;
    position: relative;
}

.advocCommomHeading.txtWhite p {
    font-size: 18px;
    width: 35%;
}

.whyChooseUsInnerContent img {
    margin-top: 40px;
}

.whyChooseUsContent {
    padding: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.advocCommomHeading h2:after {
    content: '';
    width: 80px;
    height: 2px;
    background: #0b1829;
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
}

.advocCommomHeading h2:before {
    content: '';
    width: 60px;
    height: 2px;
    background: #0b1829;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}

.whyChooseUsInnerContent h3:after {
    content: '';
    width: 80px;
    height: 2px;
    background: #e4e4e4;
    position: absolute;
    bottom: -12px;
    left: 0;
}

.whyChooseUsAbout {
    position: absolute;
    bottom: 40px;
    background-color: rgb(11 24 41 / 90%);
    width: 600px;
    padding: 50px;
    text-align: center;
    left: -100px;
    z-index: 1;
}

.whyChooseUsAbout p,
.whyChooseUsAbout h6 {
    color: #fff;
}

.whyChooseUsAbout p {
    margin-bottom: 20px;
}

.whyChooseUsAboutInner {
    position: relative;
}

.whyChooseUsAbout .whyChooseUsAboutInner:after {
    content: '';
    position: absolute;
    background-image: url(../images/q.png);
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.customContainer {
    width: 90%;
    margin: 0 auto;
}

.advocServicesItems {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
}

.advocServices {
    padding: 80px 0;
}

.advocServicesItem {
    padding: 40px;
    border: 1px solid #ededed;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.advocServiceTxt h2 {
    margin-bottom: 6px;
}

.advocServiceTxt p {
    color: #737475;
}

.advocServiceLink a {
    color: #0e0e0e;
}

.advocServiceLink a:hover {
    color: #568149;
}

.advocServicesItem:nth-child(1):after {
    content: '01';
}

.advocServicesItem:nth-child(2):after {
    content: '02';
}

.advocServicesItem:nth-child(3):after {
    content: '03';
}

.advocServicesItem:nth-child(4):after {
    content: '04';
}

.advocServicesItem:after {
    position: absolute;
    top: 50px;
    right: 20px;
    font-size: 120px;
    font-weight: 900;
    color: rgb(243 243 243 / 82%);
    font-family: Mulish-Bold;
}

.advocServicesItem:hover {
    box-shadow: 0px 6px 10px 0px rgb(204 204 204 / 25%), 0px -6px 10px 0px rgb(204 204 204 / 25%);
}

.whyChooseUsIMg,
.whyChooseUsIMg img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    position: relative;
}

.advocServiceTxt {
    height: 100%;
}

.advocHeadingCenter {
    text-align: center;
}

.advocHeadingCenter h2:before {
    margin: 0 auto;
}

.advocHeadingCenter h2:after {
    margin: 0 auto;
}

.advocHeadingCenter p {
    width: 40%;
    margin: 0 auto;
    font-size: 18px;
}

.advocServicesProvideGrid {
    margin-top: 40px;
}

.advocServicesProvideGridTxt span {
    display: inline-block;
    font-size: 20px;
    color: #111;
}

.advocServicesProvideGridTxt h4 {
    font-size: 35px;
}

.advocServicesProvideGridTxt p {
    font-size: 18px;
}

.advocServicesProvideGridTxt p {
    font-size: 18px;
    width: 60%;
}

.textRight .advocServicesProvideGridTxt p {
    margin: 0 0 0 auto;
}

.textRight .advocServicesProvideGridTxt .advocBtn {
    margin: 40px 0 0 auto;
}

.advocServicesProvideGridTxt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    gap: 18px;
    padding: 50px 100px;
}

.advocProvideGridRow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.advocServicesProvideGridTxt .advocBtn {
    background-color: var(--btnClr1);
    border: 1px solid var(--btnClr1);
    color: #fff;
    padding: 0 20px;
    width: 200px;
    margin-top: 40px;
}

.textRight {
    align-items: center;
    text-align: right;
}

.advocServicesProvideGridImg {
    position: relative;
}

.advocServicesProvideGridImg .serviceTag {
    position: absolute;
}

.advocServicesProvideGridImg .serviceTag {
    position: absolute;
    left: 0;
    top: 0;

}

.advocLegalCompany {
    background-color: #0a182a;
    padding: 80px 0px;
    font-family: Poppins-Regular;
}

.advocLegalCompany .advocCommomHeading {
    padding: 0px 40px;
}

.txtWhite h2,
.txtWhite p {
    color: #fff;
}

.advocCommomHeading h2:before,
.advocCommomHeading h2:after {
    background: #fff;
}

.advocLegalCompanyGroup {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
}

.advocLegalCompanyTxt h2,
.advocLegalCompanyTxt p {
    color: #fff;
}

.advocLegalCompanyTxt h2 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 10px;
}

.advocLegalCompanyTxt p {
    font-size: 18px;
}

.advocLegalCompanyInner {
    padding: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #0c1a2d;
}

.advocLegalCompanyImg {
    height: 100%;
}

.advocLegalCompanyGrid {
    padding-left: 40px;
    margin-top: 40px;
    padding-right: 15px;
}

.advocLegalCompanyImg {
    position: relative;
}

.advocLegalCompanyImg .legalCompanyTag {
    position: absolute;
    top: 0;
    left: 0;
}

.advocLegalCompanyRow {
    align-items: center;
}

.advocLegalCompanyGroup {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
    padding-right: 40px;
}

.advocHeadingCenter h2:before,
.advocHeadingCenter h2:after {
    background: #0b1829;
}

.advocOurTeamSocialMedia ul li a {
    color: var(--btnClr1);
    border: 1px solid var(--btnClr1);
    padding: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advocOurTeamSocialMedia ul li a svg {
    fill: #46b0e4;
    transition: all 0.5s;
}

.advocOurTeamSocialMedia ul li a:hover {
    background-color: var(--btnClr1);
    color: #fff;
}

.advocOurTeamSocialMedia ul li a:hover svg {
    fill: #fff;
}

.advocOurTeamSocialMedia ul li a * {
    font-family: 'FontAwesome';
}

.advocOurTeamSocialMedia ul {
    gap: 10px;
}

.advocOurTeamTxt span {
    background-color: var(--btnClr1);
    color: #fff;
    padding: 4px 10px;
    display: inline-block;
}

.advocOurTeamCard {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.advocOurTeamTxt h4 {
    margin-bottom: 10px;
}

.advocOurTeam {
    padding: 80px 0;
}

.advocOurTeamInner {
    padding: 80px 0 0 0;
}

.advocBtnSec {
    padding: 60px 0 0 0;
    text-align: center;
}

.advocBlueBtn {
    background-color: var(--btnClr1);
    border-radius: 0;
}

.advocBlueBtn:hover,
.advocBlueBtn:focus {
    color: #fff;
}

.pricingPlans {
    background-color: #f8f8f8;
    padding: 80px 0;
}

.pricingPlansHead {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.pricingPlansCard {
    background-color: #fff;
    padding: 20px;
}

.pricingPlansPriceInner {
    background-color: #f8f8f8;
    padding: 20px 40px;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pricingPlansPriceInner p {
    font-size: 40px;
    color: #111;
    font-weight: 800;
    text-align: center;
    margin-bottom: 4px;
}

.pricingPlansPriceInner span {
    font-size: 12px;
    color: #111;
    text-align: center;
    display: inline-block;
}

.pricingPlansHeading h4 {
    font-family: Mulish-Bold;
    font-size: 40px;
    color: #46b0e4;
}

.pricingPlansListGroup,
.pricingPlansListInner {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pricingPlansListBtn {
    margin-top: 40px;
}

.pricingPlansListBtn a {
    font-family: Mulish-Bold;
    font-size: 20px;
    color: #fff;
    width: 100%;
}

.pricingPlansListGroup .pricingPlansListIcon {
    width: 20px;
}

.pricingPlansListGroup .pricingPlansListTxt {
    width: calc(100% - 20px);
}

.pricingPlansListInner {
    flex-direction: column;
    align-items: flex-start;
}

.pricingPlansCard:hover .pricingPlansHeading h4 {
    color: #0a1729;
}

.pricingPlansCard:hover .pricingPlansListBtn a {
    background-color: #0a1729;
}

.pricingPlansCard:hover {
    box-shadow: 0px 0px 10px 4px #d3d3d3;
}

.advocOurTeamCard {
    margin-bottom: 40px;
}

.advocServicesProvideGridImg img {
    width: 100%;
}

.advocServicesProvideGridImg img.serviceTag {
    width: auto;
}

.clientsSlider {
    background-color: #0c437a;
    padding: 80px 0;
}

.owlCarouselClientsSlider .owl-stage-outer .owl-stage .owl-item.active.center {
    background-color: #040e1b;
}

.owlCarouselClientsSlider .owl-stage-outer .owl-stage .owl-item {
    background-color: #234e83;
}

.owlCarouselItem {
    display: grid;
    grid-template-columns: 1fr 350px;
    align-items: center;
    gap: 20px;
    padding: 25px;
}

.owlCarouselItemTxt p,
.owlCarouselItemTxt h4,
.owlCarouselItemTxt span {
    color: #fff;
}

.clientsSlider * {
    font-family: Poppins-Regular;
}

.reviewStar {
    display: flex;
    gap: 6px;
}

.reviewStar i.fa {
    color: #feb81d;
    font-family: 'FontAwesome';
    font-size: 18px;
}

.owlSliderLine {
    background-color: #fff;
    width: 200px;
    height: 1px;
    margin: 40px 0;
}

.owlCarouselItemTxt h4 {
    font-size: 24px;
    font-weight: 600;
}

.owlCarouselItemTxt h4 {
    margin-bottom: 10px;
}

.owlCarouselItemTxt span {
    margin-bottom: 10px;
    display: inline-block;
}

.owlCarouselItemTxt {
    padding: 80px 0;
}

.owlCarouselItemTxt {
    position: relative;
}

.owlCarouselItemTxt:after {
    content: '';
    position: absolute;
    background-image: url(../images/q.png);
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-position: center;
}

.ourClientsSlider {
    margin-top: 80px;
}

.owl-dots {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin-top: 20px;
    align-items: center;
}

.owl-dots .owl-dot span {
    background-color: #fff;
    width: 8px;
    height: 8px;
    display: inline-block;
}

.owl-dots .owl-dot.active span {
    background-color: #46b0e4;
}

.recentNews {
    padding: 80px 0;
}

.recentNewsInner {
    margin-top: 80px;
}

.recentNews * {
    font-family: Poppins-Regular;
}

.recentNewsDateGroup {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 30px 0;
}

.recentNewsCardTxt h4 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.recentNewsCardTxt p {
    font-size: 18px;
    line-height: 30px;
}

.advocBtn {
    background-color: var(--btnClr1);
    border: 1px solid var(--btnClr1);
    color: #fff;
    padding: 0 20px;
    width: 200px;
    margin-top: 40px;
}

.advocBtn:hover,
.advocBlueBtn:hover {
    color: #fff;
    background-color: #0a182a;
}

.advocBlueBtn:focus,
.advocBtn:focus {
    color: #fff;
}

.recentNewsCardNews img,
.recentNewsCardDate img {
    width: 25px;
    height: 25px;
    margin-right: 6px;
}

.recentNewsCard {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.recentNewsCardTxt {
    height: 100%;
}

.recentNewsCardImg img {
    width: 100%;
}

.aboutRequirementInner {
    display: grid;
    grid-template-columns: 40% 1fr;
}

.aboutRequirementTxt {
    background-color: #0a182a;
    padding: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.aboutRequirementTxt h4 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 50px;
}

.aboutRequirementTxt p {
    font-size: 18px;
}

.aboutRequirementTxt h4,
.aboutRequirementTxt p {
    color: #fff;
}

.aboutRequirement * {
    font-family: Poppins-Regular;
}

.aboutRequirementTxt .advocBtn {
    font-size: 22px;
    padding: 12px;
}

.aboutRequirementImg img {
    height: 100%;
    object-fit: cover;
}

.contactInfoSec {
    background-color: #47b0e4;
}

.contactInfo {
    display: flex;
    padding: 30px 0px;
    justify-content: space-between;
    align-items: center;
}

.contactInfo .contactInfoIcon .contactIcon a {
    display: flex;
    align-items: center;
    gap: 20px;
}

.contactInfo .contactInfoIcon .contactIcon span {
    color: #fff;
    font-size: 24px;
}

.contactInfoHeading h4 {
    color: #fff;
    font-size: 34px;
    font-weight: 800;
}

.advocFooter * {
    font-family: Poppins-Regular;
}

.advocFooter {
    padding: 0;
}

.advocFooter .advocFooterInner {
    padding: 80px 0;
    background-color: #05111f;
    float: none;
}

.advocFooter .copy_right {
    background: #05111f;
}

.advocFooter .copy_right .copy_right_right a:hover,
.advocFooter .copy_right .copy_right_left a:hover {
    color: #47b0e4;
}

.advocFooterSocialMedia ul li a {
    border: 1px solid #47b0e4;
    color: #47b0e4;
    font-size: 16px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}

.advocFooterSocialMedia ul li a i {
    font-family: 'FontAwesome';
}

.advocFooterSocialMedia ul li a svg {
    fill: #47b0e4;
    width: 20px;
}

.advocFooterSocialMedia ul li a:hover svg {
    fill: #fff;
}

.advocFooterSocialMedia ul {
    display: flex;
    gap: 20px;
}

.advocFooterLogo p {
    font-size: 18px;
    color: #fff;
}

.advocFooterLogo {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.advocFooterLogo img {
    width: 100%;
    max-width: 180px;
}

.servicesCol h4 {
    color: #fff;
    font-size: 30px;
    font-family: Mulish-Bold;
}

.servicesCol ul li a {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 24px;
    color: #fff;
}

.servicesCol ul li a:hover {
    color: #47b0e4;
}

.footerColHeading {
    position: relative;
    margin-bottom: 20px;
}

.footerColHeading h4:after {
    position: absolute;
    content: '';
    background-color: #fff;
    height: 1px;
    width: 80px;
    left: 0;
    bottom: -10px;
}

.servicesCol {
    width: fit-content;
    margin: 0 auto;
}

.newsletterForm .form-group input {
    border-radius: 0;
    height: 60px;
}

.subscribeBtn {
    width: 100%;
    background-color: #47b0e4;
    color: #fff;
    height: 60px;
}

.footerColPara p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
}

.advocTopBanner {
    background-image: url(../images/top-banner.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0;
    position: relative;
}

.advocTopBanner::after {
    content: '';
    background-color: rgb(13 23 38 / 70%);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.advocTopBanner * {
    color: #fff;
}

.advocCarouselSliderInner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.advocCarouselSliderInner h4 {
    color: #46b0e4;
    font-size: 30px;
}

.advocCarouselSliderInner h1 {
    font-size: 55px;
    white-space: nowrap;
}

.advocCarouselSliderInner p {
    font-size: 22px;
    width: 420px;
}

.advocCarouselSliderInner span {
    font-size: 24px;
}

.advocSlider {
    position: relative;
}

.advocCarouselSlider {
    padding: 120px 50px 120px 80px;
}

.advocSlider:after {
    background-color: #1f263c;
    content: '';
    width: 520px;
    height: 100%;
    top: 0;
    display: block;
    position: absolute;
    border-radius: 100%;
    padding: 100px;
}

.advocCarouselSlider .owl-dots {
    display: flex;
    gap: 6px;
    justify-content: flex-start;
    margin-top: 20px;
    align-items: center;
}

.advocFooterSocialMedia ul li a:hover {
    background-color: #47b0e4;
    color: #fff;
}

.advocFreeConsultation {
    background-color: #ffff;
    padding: 30px;
}

.advocFreeConsultation form .input-group span.input-group-text {
    background-color: #fff;
    border-radius: 0;
    border: 0;
}

.advocFreeConsultation form .input-group input {
    border: 0;
}

.advocFreeConsultation form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.advocFreeConsultation form * {
    color: #000;
}

.advocFreeConsultation {
    background-color: #fbfbfb;
}

.advocFreeConsultation form .input-group {
    border: 1px solid #e4e0e0;
    color: #8a8a8a;
    background-color: #fff;
    align-items: center;
}

.advocFreeConsultation form .input-group::placeholder {
    color: #8a8a8a;
}

.advocFreeConsultation form .btn-primary {
    background-color: #46b0e4;
    color: #fff;
    border: 1px solid #46b0e4;
}

.advocFreeConsultation h4 {
    color: #000;
    margin-bottom: 20px;
}

.advocFreeConsultation form .input-group .form-control {
    border: 0;
    color: #8a8a8a;
}

.advocFreeConsultation form .input-group select.form-control {
    margin-right: 6px;
}

.advocTopBanner .row {
    align-items: center;
}

.advocFreeConsultation form .input-group input:focus,
.advocFreeConsultation form .input-group textarea:focus {
    box-shadow: none;
}

.advocFreeConsultation form .inputGroupText {
    align-items: self-start;
}

.advocTopBanner:before {
    content: '';
    position: absolute;
    display: block;
    background-color: rgb(31 38 60 / 65%);
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0;
    right: 0;
    left: 0;
}

.advocFreeConsultation form .input-group .form-control:focus {
    box-shadow: none;
}

/*home page 6 end css*/

.lawHeaderBottomLeft .nav .dropdown .dropdown-menu {
    top: 44px;
    border-bottom: 3px solid #46b0e4;
}

.lawHeaderBottomLeft .nav .dropdown .dropdown-menu .subDropdown {
    position: relative;
}

.lawHeaderBottomLeft .nav .dropdown .dropdown-menu .subDropdown .dropdown-menu {
    display: none !important;
    top: 0;
}

.lawHeaderBottomLeft .nav .dropdown .dropdown-menu .subDropdown:hover .dropdown-menu {
    display: block !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: initial;
}

.lawHeaderBottomLeft .nav .dropdown-menu li a,
.lawHeaderBottom ul li a {
    text-transform: capitalize;
}

.lawHeaderBottom ul li a.active:before,
.lawHeaderBottom ul li a:hover:before {
    background-color: #46b0e4;
    width: 100%;
}

.lawHeaderBottomLeft .nav .dropdown .dropdown-menu .subDropdown .dropdown-menu .dropdown-item:focus,
.lawHeaderBottomLeft .nav .dropdown .dropdown-menu .subDropdown .dropdown-menu .dropdown-item:hover {
    background-color: rgb(70 176 228 / 10%);
}

.advocFreeConsultation form .btn-primary:hover {
    background-color: transparent;
    color: #46b0e4;
    border: 1px solid #46b0e4;
}

.lawHeaderTopRight ul li .lv_search_box {
    top: 56px;
    right: 0;
    border-top: 2px solid #46b0e4;
}

.lawHeaderTopRight ul li #search_open i {
    color: #46b0e4;
}

.advocModalDialog input[type="submit"] {
    background-color: #46b0e4;
}

.advocModalDialog .login_form a {
    color: #46b0e4;
}

.advocModalDialog input[type="submit"]:hover {
    background-color: var(--clr1);
}

.advocModalDialog .login_form a:hover {
    color: var(--clr1);
}



/* ===================  index 7 css start  ================ */

.custom-container {
    max-width: 1600px;
}


/* services section start  */

.service_section_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px 0px 50px 0px;
    clear: both;
    background-color: #F6F8ED;
}

.service_section_wrapper .service_main_box {
    width: 100%;
    position: relative;

}

.service_section_wrapper .service_main_box .service_info_box {
    width: 100%;
    position: relative;
}


.service_section_wrapper .service_main_box .service_info_box .service_icons_box {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    margin-top: 20px;
    gap: 30px;
}

.service_section_wrapper .service_main_box .service_info_box .service_icons_box .service_icon_01 {
    width: 25%;
    display: flex;
    padding: 30px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.service_section_wrapper .service_main_box .service_info_box .service_icons_box .service_icon_01 .svg_icon {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    border: 1px solid #000;
}

.service_section_wrapper .service_main_box .service_info_box .service_icons_box .service_icon_01 h3 a {
    display: inline-flex;
    font-family: "Roboto Slab", serif;
    font-size: 30px;
    font-weight: 500;
    color: black;
    margin: 25px 0px 20px 0px;
    transition: all .5s;
    text-align: center;
}

.service_section_wrapper .service_main_box .service_info_box .service_icons_box .service_icon_01 p {
    max-width: 306px;
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #999999;
    transition: all .5s;
}

.read_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.read_btn a {
    font-family: "Roboto Slab", serif;
    font-size: 20px;
    font-weight: 600;
    text-decoration: underline;
    color: #2CAAC1;

}

.service_section_wrapper .service_main_box .service_info_box .service_icons_box .move-up:hover .svg_icon svg {
    transition: all .5s;
}


.service_section_wrapper .service_main_box .service_info_box .service_icons_box .move-up:hover {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transition: all .5s;
    transform: translateY(-30px);
}

.service_section_wrapper .service_main_box .service_info_box .service_icons_box .move-up:hover .svg_icon {
    border-color: #FE5B4A;
}

.service_section_wrapper .service_main_box .service_info_box .service_icons_box .move-up:hover .svg_icon svg path {
    fill: #FE5B4A;
}

.service_section_wrapper .service_main_box .service_info_box .service_icons_box .move-up:hover h3 a {
    color: #FE5B4A;
}

.move-up:hover p a {
    color: white;
}

/* services section end  */



/* accordion section start  */
.accordion_section_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 80px 0px 50px 0px;
}

.accordion_section_wrapper .accordion_main_box {
    width: 100%;
    display: flex;
    gap: 80px;
}

.accordion_section_wrapper .accordion_main_box .accordion_inner_box_01 {
    width: 50%;
}

.accordion_section_wrapper .accordion_main_box .accordion_inner_box_01 .accordion_content_box {
    width: 100%;
    position: relative;

}

.accordion_section_wrapper .accordion_main_box .accordion_inner_box_01 .accordion_content_box h2 {
    font-family: "Roboto Slab", serif;
    font-size: 56px;
    font-weight: 500;
    color: #000;
    margin-bottom: 25px;
}

.accordion_section_wrapper .accordion_main_box .accordion_inner_box_01 .accordion_content_box h2 span {
    color: #FE5B4A;
}

.accordion_section_wrapper .accordion_main_box .accordion_inner_box_01 .accordion_content_box p {
    max-width: 566px;
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    padding-bottom: 30px;
}

.accordion_box {
    width: 100%;
    position: relative;
    padding-top: 30px;
    border-top: 1px solid #999999;
}

.accordion_box .panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #F6F8ED;
    color: #797979 !important;
}

.accordion_section_wrapper .accordion_main_box .accordion_inner_box_02 {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.accordion_section_wrapper .accordion_main_box .accordion_inner_box_02 .img_info_box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: end;
    gap: 30px;
}

.sqaure_shap {
    position: absolute;
    top: -55px;
    left: -55px;
}

.accordion_section_wrapper .accordion_main_box .accordion_inner_box_02 .img_info_box .img_inner_box_01 .img_box {
    width: 100%;
    position: relative;
    z-index: 99;
}

.accordion_section_wrapper .accordion_main_box .accordion_inner_box_02 .img_info_box .img_inner_box_02 {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    gap: 30px;
}

/* accordion section end */


/* counter section css start  */

.counter_section_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    background: url("../images/counter_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 129px 0px 129px 0px;
}

.counter_section_wrapper::after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: #2caac170;
}

.counter_section_wrapper .counter_main_box {
    width: 100%;
    position: relative;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.counter_section_wrapper .counter_main_box .counter_inner_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.counter_section_wrapper .counter_main_box .counter_inner_box .icon_box a {
    width: 80px;
    height: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50px;
}

.counter_section_wrapper .counter_main_box .counter_inner_box .counter {
    font-family: "Roboto Slab", serif;
    font-size: 70px;
    font-weight: 700;
    color: #fff;
}

.counter_section_wrapper .counter_main_box .counter_inner_box p {
    font-family: "Roboto Slab", serif;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}

/* counter section css end */

/* +++++++++++++++++++++++ Our team section scss start ++++++++++++++++++++++ */

.our_team_section_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px 0px 50px 0px;
}

.our_team_section_wrapper .our_team_main_box {
    width: 100%;
    position: relative;
}

.our_team_section_wrapper .our_team_main_box .our_team_title_box {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.our_team_section_wrapper .our_team_main_box .our_team_title_box h2 {
    width: 100%;
    font-family: "Roboto Slab", serif;
    font-size: 56px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

.our_team_section_wrapper .our_team_main_box .our_team_title_box h2 span {
    color: #FE5B4A;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box {
    width: 100%;
    position: relative;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box {
    width: 100%;
    position: relative;
    display: flex;
    gap: 30px;
    margin-top: 50px;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box {
    width: 25%;
    position: relative;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box .our_img_box {
    width: 100%;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box .our_img_box img {
    width: 100%;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box .our_text_box {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box .our_text_box .our_text_info {
    position: relative;
    width: 100%;
    background-color: #F5F5F5;
    padding: 25px 25px 25px 25px;
    transition: all 0.5s;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box .our_text_box .our_text_info p {
    font-family: "Roboto Slab", serif;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    margin-bottom: 20px;
    transition: all 0.5s;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box .our_text_box .our_text_info h6 a {
    display: inline-flex;
    font-family: "Roboto Slab", serif;
    font-size: 22px;
    font-weight: 600;
    color: #111111;
    transition: all 0.5s;
    margin-bottom: 10px;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box .our_text_box .our_text_info ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box .our_text_box .our_text_info ul li a {
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-weight: 400;
    color: #111111;
    transition: all 0.5s;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box:hover .our_text_info {
    background-color: #000;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box:hover .our_text_info h6 a {
    color: #fff;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box:hover .our_text_info ul li a {
    color: #fff;
}

.our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box:hover .our_text_info ul li a svg path {
    fill: #FE5B4A;
}

/* +++++++++++++++++++++++ Our team section scss end ++++++++++++++++++++++ */


/* newsletter section start  */
.newsletter_section_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px 0px 50px 0px;
}

.newsletter_section_wrapper .newsletter_main_box {
    width: 100%;
    position: relative;
    background-image: url("../images/newsletter_bg_img.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 57px 95px;
    border-radius: 30px;
}

.newsletter_section_wrapper .newsletter_main_box .newsletter_info_box {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_01 {
    width: 80%;
}

.newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_02 {
    width: 20%;
    display: flex;
    justify-content: end;
}

.newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_01 h3 {
    font-family: "Roboto Slab", serif;
    font-size: 46px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 25px;
}

.newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_01 p {
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_02 .newsletter_btn {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: end;
}

.newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_02 .newsletter_btn a {
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-weight: 500;
    width: 190px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
}



/* expert section css start  */
.expert_section_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px 0px 50px 0px;
}

.expert_section_wrapper .expert_main_box {
    width: 100%;
    position: relative;
}

.expert_section_wrapper .expert_main_box .expert_title_box {

    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.expert_section_wrapper .expert_main_box .expert_title_box h2 {
    font-family: "Roboto Slab", serif;
    font-size: 56px;
    font-weight: 500;
    color: #000;
    margin-bottom: 30px;

}

.expert_section_wrapper .expert_main_box .expert_title_box h2 span {
    color: #FE5B4A;
}

.expert_section_wrapper .expert_main_box .expert_title_box p {
    /* max-width: 712px; */
    max-width: 1064px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    text-align: justify;
}





.expert_section_wrapper .expert_main_box .expert_slider_box {
    width: 100%;
    position: relative;
    display: flex;
    margin-top: 50px;
}

.expert_section_wrapper .expert_main_box .expert_slider_box .expert_inner_box {
    width: 100%;
    position: relative;

}

.expert_section_wrapper .expert_main_box .expert_slider_box .expert_inner_box .img_box {
    position: relative;
}

.expert_section_wrapper .expert_main_box .expert_slider_box .expert_inner_box .img_box img {
    position: relative;
}

.expert_section_wrapper .expert_main_box .expert_slider_box .expert_inner_box .vedio_section {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.expert_slider_box .owl-carousel .owl-dots {
    width: 100%;
    display: flex;
    justify-content: start;
    gap: 10px;
    position: absolute;
}

.expert_slider_box .owl-carousel .owl-dots .owl-dot span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 1px solid #FE5B4A;
    border-radius: 50%;
    outline-offset: 4px;
    outline: 2px solid transparent;
    transition: all 0.5s;
}

.expert_slider_box .owl-carousel .owl-dots .owl-dot.active span {
    background-color: #FE5B4A;
}

/* expert section css end  */


/* testimonials section css start  */
.testimonials_section_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px 0px 50px 0px;
}

.testimonials_section_wrapper .testimonials_main_box {
    width: 100%;
    position: relative;
    display: flex;
    gap: 50px;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_01 {
    width: 40%;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 {
    width: 60%;
    overflow: hidden;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_01 .testimonials_image_box {
    width: 100%;
    border-radius: 20px;
    position: relative;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_01 .testimonials_image_box img {
    width: 100%;
    border-radius: 20px;
    position: relative;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_01 .testimonials_image_box .text_box {
    position: absolute;
    background-color: #023047;
    top: 0;
    padding: 18px;
    border-radius: 20px 0px;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_01 .testimonials_image_box .text_box ul {
    display: flex;
    gap: 15px;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_01 .testimonials_image_box .text_box ul li h3 a {
    font-family: "Roboto Slab", serif;
    font-size: 30px;
    font-weight: 700;
    color: #FE5B4A;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_01 .testimonials_image_box .text_box ul li p {
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box {
    width: 100%;
    position: relative;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .red_title {
    font-family: "Roboto Slab", serif;
    font-size: 56px;
    font-weight: 500;
    color: #FE5B4A;
    margin-bottom: 30px;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .black_title {
    max-width: 600px;
    font-family: "Roboto Slab", serif;
    font-size: 56px;
    font-weight: 500;
    color: #000;
    margin-bottom: 50px;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .testimonails_para_slider {
    width: 100%;
    position: relative;
    padding: 14px;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .testimonails_para_slider .para_info_box {
    width: 100%;
    position: relative;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .testimonails_para_slider .para_info_box .para_box {
    width: 98%;
    margin-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 8px;
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
    position: relative;
    margin: 10px auto;
}


.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .testimonails_para_slider .para_info_box .para_box .rating_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .testimonails_para_slider .para_info_box.para_box .rating_box .rating ul {
    display: flex;
    align-items: center;
    gap: 20px;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .testimonails_para_slider .para_info_box .para_box .rating_box .rating ul li a {
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-weight: 600;
    color: #FE5B4A;

}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .testimonails_para_slider .para_info_box .para_box p {
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    color: #666666;
}

.testimonial_box-shape {
    position: absolute;
    bottom: -15px;
    left: 180px;
    width: 30px;
    height: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 1px 1px 0px;
    background-color: #fff;
    -webkit-transform: rotateZ(50deg);
    transform: rotateZ(45deg);
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .img_box {
    width: 100%;
    position: relative;
    margin-top: 40px;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .img_box ul {
    display: flex;
    gap: 25px;
    justify-content: start;
    align-items: center;
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .img_box ul li img {
    border-radius: 50px;
    border: #2CAAC1 2px solid
}

.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .img_box ul li h5 a {
    font-family: "Roboto Slab", serif;
    font-size: 26px;
    font-weight: 500;
    color: #FE5B4A;

}


.testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .img_box ul li p {
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-weight: 500;
    color: #000;

}

.testimonials_slider .owl-carousel .owl-dots {
    width: 100%;
    display: flex;
    justify-content: end;
    gap: 10px;
    bottom: 25px;
    position: absolute;

}

.testimonials_slider .owl-carousel .owl-dots .owl-dot span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 1px solid #FE5B4A;
    border-radius: 50%;
    outline-offset: 4px;
    outline: 2px solid transparent;
    transition: all 0.5s;
}

.testimonials_slider .owl-carousel .owl-dots .owl-dot.active span {
    background-color: #FE5B4A;
}

/* testimonials section css end  */



/* our blog section css start  */

.latest_blog_section_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px 0px 50px 0px;
}

.latest_blog_section_wrapper .latest_blog_main_box {
    width: 100%;
    position: relative;
}

.latest_blog_section_wrapper .latest_blog_main_box .black_title_box h2 {
    font-family: "Roboto Slab", serif;
    font-size: 56px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

.latest_blog_section_wrapper .latest_blog_main_box .black_title_box h2 span {
    color: #FE5B4A;

}

.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box {
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card {
    width: 100%;
    position: relative;
    display: flex;
    gap: 30px;
}

.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box {
    width: 50%;
}

.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .blog_img_info {
    width: 100%;
    position: relative;
}

.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .blog_img_info .latest_blog_img_box {
    width: 100%;
    position: relative;
    border-radius: 20px;
}

.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .blog_img_info .latest_blog_img_box img {
    width: 100%;
    border-radius: 20px;
}

.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .blog_img_info .latest_text {
    width: 100%;
    position: absolute;
    bottom: -48px;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s;
}

.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .blog_img_info .latest_text ul {
    display: flex;
    gap: 30px;
    background-color: #FE5B4A;
    border-radius: 0px 0px 20px 20px;
    padding: 12px;
}

.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .blog_img_info .latest_text ul li a {
    display: flex;
    gap: 10px;
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    color: #FFFFFF;
}

.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .latest_blog_content_box {
    width: 100%;
    position: relative;
}

.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .latest_blog_content_box h5 a {
    display: inline-flex;
    font-family: "Roboto Slab", serif;
    font-size: 26px;
    font-weight: 500;
    color: #111111;
    padding: 20px 0px 25px 0px;
    max-width: 306px;
}

.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .latest_blog_content_box a {
    font-family: "Roboto Slab", serif;
    font-size: 20px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #111111;
    transition: all 0.5s;
}

.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box:hover .latest_blog_content_box h5 a {
    color: #FE5B4A;
}

/* .latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .latest_blog_content_box  a:hover {
    color: #FE5B4A;
   }
   .latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .latest_blog_content_box  a:hover svg path {
    stroke: #FE5B4A;
   } */
.latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box:hover .blog_img_info .latest_text {
    bottom: 0;
    opacity: 1;
}

/* our blog section css end */


.footer_section {
    background-color: transparent;
    padding: 0px 0px;
}

.footer_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: rgb(26 36 63);
    padding: 50px 0px 50px 0px;
}

.footer_wrapper .top_footer {
    width: 100%;
    position: relative;
    z-index: 2;
}

.footer_wrapper .top_footer .info2_box {
    width: 100%;
    height: 100%;
}

.footer_wrapper .top_footer .info_box .logo_box {
    margin-bottom: 30px;
}

.footer_wrapper .top_footer .info_box p {
    text-align: justify;
    max-width: 425px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.footer_wrapper .top_footer .info_box .footer_btn {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}

.footer_wrapper .top_footer .info_box .footer_btn a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.footer_wrapper .top_footer .info_box .footer_btn a i {
    margin-top: 2px;
}

.footer_wrapper .top_footer .info_box h5 {
    color: #FFFFFF;
    font-family: "Roboto Slab", serif;
    align-items: flex-start;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 600;

}

.footer_wrapper .top_footer .info_box .info_ul {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}

.footer_wrapper .top_footer .info_box .info_ul li a {
    /* font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
    transition: 0.5s; */
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 15px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
    transition: 0.5s;
    text-align: justify;
}

.footer_wrapper .top_footer .info_box .info_ul li a span svg {
    fill: #568149;
    width: 24px;
    height: 24px;
}

.footer_wrapper .top_footer .info_box .info_ul li a:hover {
    color:#568149;
}

.footer_wrapper .top_footer .info_box .gallery_ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 25px;
}



.footer_wrapper .top_footer .bottom_footer {
    width: 100%;
    height: 100%;
    position: relative;
    border-top: 1px solid #FFFFFF;
    margin-top: 30px;
    padding-top: 15px;
}

.footer_wrapper .top_footer .bottom_footer ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer_wrapper .top_footer .bottom_footer ul li {
    display: flex;
    align-items: center;
    gap: 40px;
}

.footer_wrapper .top_footer .bottom_footer ul li a {
    font-family: "Roboto Slab", serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    transition: 0.5s;
}

.footer_wrapper .top_footer .bottom_footer ul li a:hover {
    color: #FE5B4A;
}

.footer_wrapper .top_footer .bottom_footer p {
    font-family: "Roboto Slab", serif;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;

}

/* ====== index 7  common css start  =========*/

.slider_ind7 .index7_slider .main_btn a {
    background-color: #FE5B4A;
    border-color: #FE5B4A;
}

.slider_ind7 .index7_slider .carousel-indicators .active {
    background-color: #FE5B4A;
}

.slider_ind7 .menu_wrapper .main_btn a {
    margin-top: -7px;
    background-color: #5ba640;
    border-color:white ;
}

.slider_ind7 .menu_wrapper .main_btn a:hover {
    background-color: transparent;
}

.slider_ind7 .search_bar i:hover {
    color: #FE5B4A;
}

.slider_ind7 .shop_cart i:hover {
    color: #FE5B4A;
}

.slider_ind7 .sign_in i:hover {
    color: #FE5B4A;
}

.slider_ind7 #nav_filter li a:hover {
    border-color: #5ba640;
}

.slider_ind7 .sub_menu {
    border-color: #5ba640;
}

.slider_ind7 .sub_menu li a:hover {
    color: #FE5B4A !important;
}

.slider_ind7 #nav_filter .hovr_nav_tab a:hover {
    color: #FE5B4A;
    border-color: #FE5B4A;
}

.slider_ind7 .nav .dropdown .dropdown-menu {
    border-color: #FE5B4A;
}

.slider_ind7 .menu_wrapper .mega_menu {
    border-color: #FE5B4A;
}

.slider_ind7 #search_open i {
    color: #FE5B4A;
}

.slider_ind7 .lv_search_box {
    border-color: #FE5B4A;
}

.slider_ind7 .index7_slider .carousel-indicators {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    top: inherit;
    right: inherit;
    left: inherit;
}

.slider_ind7 ul#nav_filter {
    margin-right: 0px;
}



/*  ==============  one page css start  =================== */

/* ---- one page index 1 css start ---- */

/* one page common css start */

.one-page-inner-icon {
    position: relative;
    display: inline-block;
}

.one-page-inner-icon::after {
    content: '';
    position: absolute;
    top: 11px;
    left: 45px;
    display: block;
    width: 100px;
    height: 1px;
    background-color: #188ec9;
}

.one-page-inner-icon::before {
    content: '';
    position: absolute;
    top: 11px;
    right: 45px;
    display: block;
    width: 100px;
    height: 1px;
    background-color: #188ec9;
}

.one-page-inner-icon i {
    font-size: 25px;
    color: #188ec9;
}

.one_page_title_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.one_page_title_box h3 {
    font-size: 34px;
    font-family: "Roboto Slab", serif;
    color: #000;
    font-weight: 500;
}

.one_page_title_box p {
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    color: #222;
    text-align: center;
    max-width: 800px;
}

.box {
    animation: rotateY-anim 2s linear infinite;
}

@keyframes rotateY-anim {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}


/* onepage_slider css start */

.onepage_slider {
    width: 100%;
    position: relative;
}

.onepage_slider .one_page1_slider .homw_text h2 {
    font-size: 80px;
    max-width: 880px;
}

.onepage_slider .one_page1_slider .homw_text p {
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 16px;
    max-width: 800px;
}

.onepage_slider .menu_wrapper {
    background-color: #fff;
}

.onepage_slider .menu_wrapper #nav_filter li a {
    color: #000;
}

.onepage_slider .menu_wrapper #nav_filter li a:hover {
    border-color: #00257A;
}

.onepage_slider .menu_wrapper .main_btn a {
    color: #000;
    border-color: #00257A;
}

.onepage_slider .menu_wrapper .main_btn a:hover {
    background-color: #00257A;
    color: #fff;
}

.onepage_slider .menu_wrapper .search_bar i:hover {
    color: #00257A;
}


.onepage_slider .menu_wrapper .lv_search_bar {
    color: #000;
}

.onepage_slider .menu_wrapper .lv_search_box {
    border-color: #00257A;
}

.onepage_slider .menu_wrapper #search_open i {
    color: #00257A;
}

.onepage_slider .menu_wrapper .lv_search_box button:hover {
    background-color: #00257A;
    border-color: #00257A;
    color: #fff !important;
}

.onepage_slider .menu_wrapper .lv_search_box button:hover i {
    color: #fff !important;
}

.onepage_slider #toggle i {
    color: #00257A;
    font-size: 25px;
}

.onepage_slider .menu_fixed {
    background-color: #fff !important;
}

.onepage_slider .carousel .carousel-item:first-of-type {
    background-image: url(../images/bg_ind8_img1.jpg);
    height: 850px;
}

.onepage_slider .carousel .carousel-item:nth-of-type(2) {
    background-image: url(../images/bg_ind8_img2.jpg);
    height: 850px;
}

.onepage_slider .carousel .carousel-item:last-of-type {
    background-image: url(../images/bg_ind8_img3.jpg);
    height: 850px;
}

.onepage_slider .main_btn2 {
    margin-top: 50px;
}

.onepage_slider .main_btn2 a {
    background-color: #00257A;
    border: 1px solid #00257A;
    border-radius: 5px;
    color: #fff;
    padding: 12px 33px;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.onepage_slider .main_btn2 a:hover {
    background-color: transparent;
}

.onepage_slider .carousel-indicators .active {
    background-color: #00257A;
}



/* -- about_wrapper1 -- */

.about_wrapper1 {
    width: 100%;
    position: relative;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 70px 0px 90px 0px;
    background-color: #fff;
    clear: both;
}

.about_wrapper1 .about_inner_wrappr {
    width: 100%;
    display: flex;
    gap: 50px;
}

.about_wrapper1 .about_inner_wrappr .about_main_wrap1 {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about_wrapper1 .about_inner_wrappr .about_main_wrap1 h4 {
    font-size: 34px;
    font-family: "Roboto Slab", serif;
    color: #000;
    font-weight: 500;
}

.about_wrapper1 .about_inner_wrappr .about_main_wrap1 p {
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    color: #222;
}

.about_wrapper1 .about_inner_wrappr .about_main_wrap1 .ul_list_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 45px;
    padding-top: 15px;
    list-style-type: disc;
}

.about_wrapper1 .about_inner_wrappr .about_main_wrap1 .ul_list_box li {
    font-family: "Roboto Slab", serif;
    color: #222;
    font-size: 16px;
    font-weight: 400;
}

.about_wrapper1 .about_inner_wrappr .about_main_wrap2 {
    width: 50%;
}

.about_wrapper1 .about_inner_wrappr .about_main_wrap2 .img_box {
    width: 100%;
}

.about_wrapper1 .about_inner_wrappr .about_main_wrap2 .img_box img {
    width: 100%;
}


/* -- service_wrapper1 css start -- */


.service_wrapper1 {
    width: 100%;
    position: relative;
    background-color: #F6F6F6;
    padding: 90px 0px 70px 0px;
}

.service_wrapper1 .service_inner_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 65px;
}

.service_wrapper1 .service_inner_wrap .service_inner_container {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.service_wrapper1 .service_inner_wrap .service_inner_container .service_box {
    width: 32%;
    background-color: #00257A;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.04);
    padding: 55px 20px;
    text-align: center;
    border: 1px solid rgba(17, 17, 17, 0.09);
    transition: all 300ms linear 0ms;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
    z-index: 1;
}

.service_wrapper1 .service_inner_wrap .service_inner_container .service_box:hover {
    background-image: -webkit-linear-gradient(left, #051c2d, #042c79);
}


.service_wrapper1 .service_inner_wrap .service_inner_container .service_box .icon_box a i {
    font-size: 65px;
    color: #fff;
}

.service_wrapper1 .service_inner_wrap .service_inner_container .service_box h4 {
    font-size: 22px;
    color: #fff;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
}

.service_wrapper1 .service_inner_wrap .service_inner_container .service_box h4 a {
    color: #fff;
}

.service_wrapper1 .service_inner_wrap .service_inner_container .service_box p {
    color: #fff;
    font-family: "Roboto Slab", serif;
    font-size: 16px;
}

.service_wrapper1 .service_inner_wrap .service_inner_container .service_box .btn_box a {
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
    font-family: "Roboto Slab", serif;
    font-size: 16px;
}

/* team_wrapper1 css start */

.team_wrapper1 {
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url('../images/team-bg-img2.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 85px 0px 85px 0px;
}

.team_wrapper1 .team_main_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 70px;
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider {
    width: 100%;
    position: relative;
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box .content_box {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box .img_box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 300ms linear 0ms;
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box .img_box::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    transition: all 300ms linear 0ms;
    background-image: -webkit-linear-gradient(top, rgba(4, 44, 121, 0.05), #051c2d);
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box .img_box img {
    width: 100%;
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box .img_box ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    bottom: -30px;
    transition: all 100ms linear 0ms;
    transition-delay: 0.3s;
    opacity: 0;

}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box .img_box ul li a {
    width: 28px;
    height: 28px;
    border: 1px solid #188ec9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box .img_box ul li a svg {
    fill: #fff;
    width: 12px;
    height: 12px;
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box .img_box:hover::before {
    height: 100%;
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box .img_box:hover ul {
    bottom: 30px;
    opacity: 1;
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box .content_box .line_icon {
    width: 2px;
    height: 30px;
    background-color: #188ec9;
    display: inline-block;
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box .content_box h6 {
    font-size: 22px;
    color: #111;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    text-align: center;
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box .content_box h6 a {
    color: #111;
    text-align: center;
}

.team_wrapper1 .team_main_wrapper .team_one_page_slider .team_slider_box .content_box p {
    color: #222;
    font-family: "Roboto Slab", serif;
    font-size: 16px;
}

/* testimonial_wrapper1 css start  */

.testimonial_wrapper1 {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    padding: 15px 0px 15px 0px;
    background-image: url(../images/testimonial_bg_img1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.testimonial_wrapper1 .testimonial_one_page_slider {
    width: 100%;
    position: relative;
    padding: 50px 30px 80px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.testimonial_wrapper1 .testimonial_one_page_slider .testimonial_inner_box {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.testimonial_wrapper1 .testimonial_one_page_slider .testimonial_inner_box .quote_svg svg {
    width: 50px;
    height: 50px;
    fill: #188ec9;
}

.testimonial_wrapper1 .testimonial_one_page_slider .testimonial_inner_box .testimonial-text {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 18px;
    font-style: italic;
    line-height: 1.6;
    margin-bottom: 20px;
    max-width: 820px;
    font-family: "Roboto Slab", serif;
}


.testimonial_wrapper1 .testimonial_one_page_slider .testimonial_inner_box .img_box {
    height: 115px;
    width: 115px;
    margin: 0 auto;
    display: inline-block;
    border-radius: 50%;
}


.testimonial_wrapper1 .testimonial_one_page_slider .testimonial_inner_box .img_box img {
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.testimonial_wrapper1 .testimonial_one_page_slider .testimonial_inner_box h5 {
    font-size: 25px;
    font-family: "Roboto Slab", serif;
    color: #fff;
    font-weight: 500;
}

.testimonial_wrapper1 .testimonial_one_page_slider .testimonial_inner_box h6 {
    color: #fff;
    font-size: 16px;
    font-family: "Roboto Slab", serif;
}


.testimonial_wrapper1 .testimonial_one_page_slider .owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    border: 1px solid #188ec9;
    background-color: transparent;
}

.testimonial_wrapper1 .testimonial_one_page_slider .owl-dots .owl-dot.active span {
    background-color: #fff;
    border-color: #fff;
}


/*  contact_wrapper1  css start  */
.contact_wrapper1 {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 100px 0px 100px 0px;
    background-image: url('../images/onepage_contact_bg_img.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.contact_wrapper1 .contact_inner_box {
    width: 100%;
    display: flex;
    gap: 40px;

}

.contact_wrapper1 .contact_inner_box .conatct_box1 {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.contact_wrapper1 .contact_inner_box .conatct_box2 {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 45px;
    padding-left: 50px;
    border-left: 2px solid #E9E9E9;
}

.contact_wrapper1 .contact_inner_box .conatct_box1 h2 {
    font-size: 34px;
    font-family: "Roboto Slab", serif;
    color: #111;
    font-weight: 500;
}

.contact_wrapper1 .contact_inner_box .conatct_box1 .form_inner_box {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff;
    padding: 30px 30px;
}

.contact_wrapper1 .contact_inner_box .conatct_box1 .form_inner_box form {
    width: 100%;
    position: relative;
}

.contact_wrapper1 .contact_inner_box .conatct_box1 .form_inner_box form .row {
    row-gap: 20px;
}

.contact_wrapper1 .contact_inner_box .conatct_box1 .form_inner_box form .field_box {
    width: 100%;
}

.contact_wrapper1 .contact_inner_box .conatct_box1 .form_inner_box form .field_box input {
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #e7ebef;
    padding: 12px 20px;
    line-height: normal;
    font-size: 16px;
    transition: all 300ms linear 0ms;
    box-shadow: none;
    width: 100%;
    outline: none;
    color: #111;
    font-size: 16px;
    font-family: "Roboto Slab", serif;
    text-transform: capitalize;
}

.contact_wrapper1 .contact_inner_box .conatct_box1 .form_inner_box form .field_box input:focus {
    border-color: #188ec9;
}

.contact_wrapper1 .contact_inner_box .conatct_box1 .form_inner_box form .field_box input::placeholder {
    color: #111;

}

.contact_wrapper1 .contact_inner_box .conatct_box1 .form_inner_box form .field_box textarea {
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #e7ebef;
    padding: 12px 20px;
    height: 120px;
    line-height: normal;
    font-size: 16px;
    transition: all 300ms linear 0ms;
    box-shadow: none;
    width: 100%;
    outline: none;
    color: #111;
    font-size: 16px;
    font-family: "Roboto Slab", serif;
    text-transform: capitalize;
}

.contact_wrapper1 .contact_inner_box .conatct_box1 .form_inner_box form .field_box textarea::placeholder {
    color: #111;
}

.contact_wrapper1 .contact_inner_box .conatct_box1 .form_inner_box form .field_box .send_btn {
    background-color: #188ec9;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    padding: 12px 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
    font-family: "Roboto Slab", serif;
}

.contact_wrapper1 .contact_inner_box .conatct_box1 .form_inner_box form .field_box .send_btn:hover {
    background-color: #000;
}

.contact_wrapper1 .contact_inner_box .conatct_box2 h2 {
    font-size: 34px;
    font-family: "Roboto Slab", serif;
    color: #111;
    font-weight: 500;
}

.contact_wrapper1 .contact_inner_box .conatct_box2 .ul_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.contact_wrapper1 .contact_inner_box .conatct_box2 .ul_box li .contact_detail_box {
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 20px;
}

.contact_wrapper1 .contact_inner_box .conatct_box2 .ul_box li .contact_detail_box .icon_box {
    width: 80px;
    height: 54px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #188ec9;
}

.contact_wrapper1 .contact_inner_box .conatct_box2 .ul_box li .contact_detail_box .icon_box svg {
    fill: #fff;
    width: 25px;
    height: 25px;
}

.contact_wrapper1 .contact_inner_box .conatct_box2 .ul_box li .contact_detail_box .txt_box {
    display: inline-flex;
    flex-direction: column;
    gap: 8px;

}

.contact_wrapper1 .contact_inner_box .conatct_box2 .ul_box li .contact_detail_box .txt_box h5 {
    font-weight: 400;
    font-size: 22px;
    font-family: "Roboto Slab", serif;
    color: #222;
}

.contact_wrapper1 .contact_inner_box .conatct_box2 .ul_box li .contact_detail_box .txt_box h6 {
    font-size: 16px;
    font-family: "Roboto Slab", serif;
}

.contact_wrapper1 .contact_inner_box .conatct_box2 .ul_box li .contact_detail_box .txt_box h6 a {
    color: #111;
}

/* requirement_wrapper1 css start */
.requirement_wrapper1 {
    width: 100%;
    height: 150px;
    position: relative;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.requirement_wrapper1 .requirement_inner_wrap {
    width: auto;
    position: absolute;
    top: 0;
    background-color: #188EC9;
    padding: 50px 150px 50px 150px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.requirement_wrapper1 .requirement_inner_wrap .white_title_txt {
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 500;
    font-family: "Roboto Slab", serif;
}

.requirement_wrapper1 .requirement_inner_wrap p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto Slab", serif;
    text-align: center;
    max-width: 800px;
}


.requirement_wrapper1 .requirement_inner_wrap .btn_box .contact_link {
    width: auto;
    background-image: -webkit-linear-gradient(left, #051c2d, #042c79);
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    transition: all 0.5s;
    padding: 12px 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
}

.requirement_wrapper1 .requirement_inner_wrap .btn_box .contact_link:hover {
    background-color: transparent;
    background-image: none;
    border-color: #00257A;
}

/* footer_wrapper1 css start */

.footer_top_wrapper1 {
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url('../images/one_page_footer_bg_img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 240px 0px 100px 0px;
}

.footer_top_wrapper1::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.9;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    z-index: 1;
}

.footer_top_wrapper1 .footer_inner_box {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    gap: 60px;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap1 {
    width: 33.33%;
    position: relative;
    padding-left: 20px;
    display: inline-flex;
    flex-direction: column;
    gap: 30px;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap2 {
    width: 33.33%;
    position: relative;
    padding-left: 60px;
    padding-top: 20px;
    display: inline-flex;
    flex-direction: column;
    gap: 30px;
    border-left: 1px solid #5E5750;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap3 {
    width: 33.33%;
    position: relative;
    padding-left: 60px;
    padding-top: 20px;
    display: inline-flex;
    flex-direction: column;
    gap: 30px;
    border-left: 1px solid #5E5750;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap1 p {
    color: #fff;
    font-size: 16px;
    font-family: "Roboto Slab", serif;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap1 .footer_icon_box {
    width: 100%;
    display: flex;
    gap: 10px;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap1 .footer_icon_box a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    overflow: hidden;
    background-color: transparent;
    border: 2px solid #188ec9;
    position: relative;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap1 .footer_icon_box a svg {
    width: 12px;
    height: 12px;
    fill: #188ec9;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap2 .white_title {
    color: #FFFFFF;
    font-size: 22px;
    font-family: "Roboto Slab", serif;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap2 .contact_ul_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap2 .contact_ul_box li .footer_detail_box {
    display: grid;
    grid-template-columns: 35px 1fr;
    gap: 20px;
    align-items: center;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap2 .contact_ul_box li .footer_detail_box .icon_box a {
    width: 28px;
    height: 28px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #188EC9;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap2 .contact_ul_box li .footer_detail_box .icon_box a svg {
    fill: #fff;
    width: 14px;
    height: 14px;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap2 .contact_ul_box li .footer_detail_box p a {
    color: #fff;
    font-size: 16px;
    font-family: "Roboto Slab", serif;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap3 .white_title {
    color: #FFFFFF;
    font-size: 22px;
    font-family: "Roboto Slab", serif;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap3 .newsletter_ul_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap3 .newsletter_ul_box li p {
    color: #FFFFFF;
    font-size: 16px;
    font-family: "Roboto Slab", serif;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap3 .newsletter_ul_box li input {
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 1px;
    color: #51668a;
    border: none;
    padding: 14px 25px;
    font-family: "Roboto Slab", serif;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap3 .newsletter_ul_box li input::placeholder {
    color: #51668a;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap3 .newsletter_ul_box li .subscribe_btn_box {
    width: 100%;
    display: flex;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap3 .newsletter_ul_box li .subscribe_btn_box a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 27px;
    background-color: #188ec9;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
    font-family: "Roboto Slab", serif;
    transition: all 0.5s;
}

.footer_top_wrapper1 .footer_inner_box .footer_wrap3 .newsletter_ul_box li .subscribe_btn_box a:hover {
    background-color: #051c2d;
}

.footer_bottom_wrapper2 {
    width: 100%;
    background-color: #111111;
    display: flex;
    justify-content: space-between;
    padding: 20px 0px;
}

.footer_bottom_wrapper2 .bottom_footer_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer_bottom_wrapper2 .bottom_footer_box .footer_box1 {
    width: 50%;
}

.footer_bottom_wrapper2 .bottom_footer_box .footer_box2 {
    width: 50%;
}

.footer_bottom_wrapper2 .bottom_footer_box .footer_box1 p {
    color: #CACAC8;
    font-family: "Roboto Slab", serif;
    font-size: 16px;
}

.footer_bottom_wrapper2 .bottom_footer_box .footer_box1 p strong {
    font-weight: bold;
    color: #188ec9;
}

.footer_bottom_wrapper2 .bottom_footer_box .footer_box1 p strong a {
    font-weight: bold;
    color: #188ec9;
}


.footer_bottom_wrapper2 .bottom_footer_box .footer_box2 ul {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}


/* custom heading col css */

.custom_heading_col {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}





/*============== responsive css start ================ */


@media(max-width:1599px) {
    .newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_01 h3 {
        font-size: 35px;
    }
}

@media (max-width: 1499px) {
    .service_section_wrapper .service_main_box .service_info_box .service_icons_box .service_icon_01 h3 a {
        font-size: 20px;
    }

    .service_section_wrapper .service_main_box .service_info_box .service_icons_box .service_icon_01 p {
        font-size: 14px;
    }

    .read_btn a {
        font-size: 16px;
    }

    .innovation_section_wrapper .innovation_main_box h2 {
        font-size: 35px;
    }

    .accordion_section_wrapper .accordion_main_box .accordion_inner_box_01 .accordion_content_box h2 {
        font-size: 35px;
    }

    .expert_section_wrapper .expert_main_box .expert_title_box h2 {
        font-size: 35px;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .red_title {
        margin-bottom: 10px;
        font-size: 35px;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .black_title {
        font-size: 34px;
    }

    .our_team_section_wrapper .our_team_main_box .our_team_title_box h2 {
        font-size: 35px;
    }
}

@media(max-width:1299px) {
    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .black_title {
        margin-bottom: 10px;
    }

    .testimonials_section_wrapper .testimonials_main_box {
        gap: 20px;
    }
}

@media(max-width:1199px) {
    .counter_section_wrapper .counter_main_box .counter_inner_box .counter {
        font-size: 35px;
    }

    .newsletter_section_wrapper .newsletter_main_box {
        padding: 57px 50px;
    }

    .newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_02 .newsletter_btn a {
        width: 160px;
        font-size: 14px;
    }

    .newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_01 h3 {
        font-size: 30px;
    }

    .homw_text h2 {
        font-size: 75px;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .testimonails_para_slider .para_info_box .para_box {
        padding: 20px;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .black_title {
        font-size: 25px;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_01 .testimonials_image_box .text_box ul li a svg {
        width: 40px;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_01 .testimonials_image_box .text_box ul li h3 a {
        font-size: 20px;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_01 .testimonials_image_box .text_box ul li p {
        font-size: 12px;
    }

    .footer_wrapper .top_footer .info_box {
        margin-top: 50px;
    }

    .footer_wrapper {
        padding: 0px 0px 30px 0px;
    }

    .service_section_wrapper .service_main_box .service_info_box .service_icons_box .service_icon_01 h3 a {
        font-size: 18px;
    }

    .service_section_wrapper .service_main_box .service_info_box .service_icons_box .service_icon_01 p {
        font-size: 12px;
    }

    .service_wrapper1 .service_inner_wrap .service_inner_container .service_box {
        width: 48%;
    }

    .requirement_wrapper1 .requirement_inner_wrap {
        padding: 50px 70px 50px 70px;
    }

    .onepage_slider .one_page1_slider .homw_text h2 {
        font-size: 55px;
        max-width: 680px;
    }

    .onepage_slider .one_page1_slider .homw_text p {
        max-width: 680px;
    }
}

@media (max-width:1099px) {
    .onepage_slider .carousel .carousel-item:first-of-type {
        height: 700px;
    }

    .onepage_slider .carousel .carousel-item:nth-of-type(2) {
        height: 700px;
    }

    .onepage_slider .carousel .carousel-item:last-of-type {
        height: 700px;
    }

    .requirement_wrapper1 .requirement_inner_wrap {
        padding: 50px 50px 50px 50px;
    }
}

@media(max-width:991px) {
    .counter_section_wrapper .counter_main_box .counter_inner_box p {
        font-size: 16px;
    }

    .service_section_wrapper .service_main_box .service_info_box .service_icons_box {
        flex-wrap: wrap;
        gap: 25px;
    }

    .service_section_wrapper .service_main_box .service_info_box .service_icons_box .service_icon_01 {
        width: 48%;
    }

    .accordion_section_wrapper .accordion_main_box {
        gap: 50px;
        flex-wrap: wrap;
    }

    .accordion_section_wrapper .accordion_main_box .accordion_inner_box_01 {
        width: 100%;

    }

    .accordion_section_wrapper .accordion_main_box .accordion_inner_box_02 {
        width: 100%;
    }

    .accordion_section_wrapper .accordion_main_box .accordion_inner_box_02 .img_info_box {
        justify-content: center;
    }

    .sqaure_shap {
        display: none;
    }

    .innovation_section_wrapper .innovation_main_box .read_btn a {
        font-size: 20px;
    }

    .innovation_section_wrapper .innovation_main_box h2 {
        font-size: 25px;
    }

    .our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box {
        gap: 30px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box {
        width: 48%;
        position: relative;
    }

    .newsletter_section_wrapper .newsletter_main_box .newsletter_info_box {
        flex-wrap: wrap;
    }

    .newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_01 {
        width: 100%;
    }

    .newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_01 h3 {
        text-align: center;
    }

    .newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_01 p {
        text-align: center;
        margin-bottom: 30px;
    }

    .newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_02 {
        width: 100%;
        justify-content: center;
    }

    .newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_02 .newsletter_btn {
        justify-content: center;
    }

    .newsletter_section_wrapper .newsletter_main_box {
        padding: 57px 20px;
    }

    .expert_section_wrapper {
        padding: 50px 0px 50px 0px;
    }

    .testimonials_section_wrapper .testimonials_main_box {
        flex-wrap: wrap;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_01 {
        width: 100%;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 {
        width: 100%;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_01 .testimonials_image_box img {
        max-height: 850px;
        object-position: center;
        object-fit: cover;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .red_title {
        text-align: center;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .black_title {
        max-width: inherit;
        text-align: center;
    }

    .latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .latest_blog_content_box h5 a {
        font-size: 20px;
    }

    .latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .latest_blog_content_box a {
        font-size: 16px;
    }

    .latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card {
        gap: 15px;
    }

    .footer_wrapper .top_footer .bottom_footer ul {
        justify-content: center;
        flex-direction: column;
        gap: 20px;
    }

    .footer_wrapper .top_footer .bottom_footer ul li {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box {
        gap: 30px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box {
        width: 48%;
        position: relative;
    }

    .requirement_wrapper1 .requirement_inner_wrap .white_title_txt {
        font-size: 30px;
    }

    .requirement_wrapper1 .requirement_inner_wrap p {
        max-width: 550px;
    }

    .footer_top_wrapper1 .footer_inner_box {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .footer_top_wrapper1 .footer_inner_box .footer_wrap1 {
        width: 48%;

    }

    .footer_top_wrapper1 .footer_inner_box .footer_wrap2 {
        width: 48%;
    }

    .footer_top_wrapper1 .footer_inner_box .footer_wrap3 {
        width: 48%;
        border-left: none;
    }

    .contact_wrapper1 .contact_inner_box {
        flex-direction: column;
    }

    .contact_wrapper1 .contact_inner_box .conatct_box1 {
        width: 100%;
    }

    .contact_wrapper1 .contact_inner_box .conatct_box2 {
        width: 100%;
    }

    .about_wrapper1 .about_inner_wrappr {
        flex-direction: column;
    }

    .about_wrapper1 .about_inner_wrappr .about_main_wrap1 {
        width: 100%;
    }

    .about_wrapper1 .about_inner_wrappr .about_main_wrap2 {
        width: 100%;
    }


    /* one page sidebar css start */
    .one_page_responsive_box .one_page_responsive_ul {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .one_page_responsive_box .one_page_responsive_ul .has-sub {
        padding-left: 20px;
    }

    .one_page_responsive_box .one_page_responsive_ul .has-sub .main_btn {
        display: flex;
    }

    .one_page_responsive_box .one_page_responsive_ul .has-sub .main_btn a {
        background-color: transparent !important;
        border-color: #00257A;
        color: #00257A;
    }

    .one_page_responsive_box .one_page_responsive_ul .has-sub .main_btn a:hover {
        background-color: #00257A;
        border-color: #00257A;
        color: #fff;
    }
}

@media (max-width: 774px) {
    .our_team_section_wrapper .our_team_main_box .our_team_card_box .our_team_info_box .our_team_inner_box {
        width: 100%;
        position: relative;
    }
}

@media(max-width:767px) {
    .service_section_wrapper .service_main_box .service_info_box .service_icons_box .service_icon_01 {
        width: 100%;
    }

    .latest_blog_section_wrapper .latest_blog_main_box .black_title_box h2 {
        font-size: 40px;
    }

    .homw_text h2 {
        font-size: 55px;
    }

    .innovation_section_wrapper .innovation_main_box h2 {
        font-size: 20px;
    }

    .newsletter_section_wrapper .newsletter_main_box .newsletter_inner_box_01 p {
        font-size: 12px;
    }

    .latest_blog_section_wrapper .latest_blog_main_box .black_title_box h2 {
        font-size: 40px;
    }

    .counter_section_wrapper .counter_main_box .counter_inner_box {
        width: 25%;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_01 .testimonials_image_box .text_box {
        padding: 10px;
    }

    .latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card {
        flex-wrap: wrap;
        gap: 50px;
    }

    .latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box {
        width: 100%;
    }

    .latest_blog_section_wrapper .latest_blog_main_box .latest_blog_info_box .latest_blog_card .latest_blog_inner_box .latest_blog_content_box h5 a {
        max-width: inherit;
    }

    .our_team_section_wrapper .our_team_main_box .our_team_title_box h2 {
        font-size: 30px;
        text-align: center;
    }

    .counter_section_wrapper .counter_main_box {
        flex-wrap: wrap;
        justify-content: center;
        gap: 50px;
    }

    .onepage_slider .one_page1_slider .homw_text h2 {
        font-size: 45px;
        max-width: 570px;
    }

    .service_wrapper1 .service_inner_wrap .service_inner_container .service_box {
        width: 100%;
    }

    .requirement_wrapper1 {
        height: 100%;
        padding: 50px 0px;
    }

    .requirement_wrapper1 .requirement_inner_wrap {
        position: relative;
    }
}

@media (max-width:576px) {
    .homw_text h2 {
        font-size: 55px;
    }

    .counter_section_wrapper .counter_main_box .counter_inner_box {
        width: 45%;
    }

    .slider_ind7 .index7_slider .carousel-indicators {
        width: auto;
    }

    .slider_ind7 .index7_slider {
        display: flex;
        justify-content: center;
    }

    .accordion_section_wrapper .accordion_main_box .accordion_inner_box_02 .img_info_box {
        flex-direction: column;
    }

    .accordion_section_wrapper .accordion_main_box .accordion_inner_box_02 .img_info_box .img_inner_box_01 .img_box img {
        width: 100%;
        object-fit: cover;
    }

    .accordion_section_wrapper .accordion_main_box .accordion_inner_box_02 .img_info_box .img_inner_box_02 .img_box {
        width: 100%;
    }

    .accordion_section_wrapper .accordion_main_box .accordion_inner_box_02 .img_info_box .img_inner_box_02 .img_box img {
        width: 100%;
        object-fit: cover;
    }

    .expert_section_wrapper .expert_main_box .expert_title_box h2 {
        text-align: center;
    }
}

@media(max-width:500px) {
    .testimonials_slider .owl-carousel .owl-dots {
        justify-content: center;
        bottom: 0;
        position: inherit;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .img_box ul {
        margin-bottom: 20px;
    }

    .accordion_box .accordion .accordion-button {
        padding: 17px 15px 17px 15px;
    }

    .accordion_box .accordion .accordion-button {
        font-size: 12px;
    }

    .accordion-body {
        font-size: 12px;
    }

    .accordion_section_wrapper .accordion_main_box .accordion_inner_box_02 .img_info_box {
        gap: 10px;
    }

    .accordion_section_wrapper .accordion_main_box .accordion_inner_box_02 .img_info_box .img_inner_box_02 {
        gap: 10px;
    }
}

@media (max-width:425px) {
    .homw_text h2 {
        font-size: 45px;
    }

    .testimonials_section_wrapper .testimonials_main_box .testimonials_inner_wrapper_02 .testimonials_content_box .black_title {
        font-size: 20px !important;
    }

    .index2_top_header_1 nav ul li ul {
        left: -226px;
    }
}