/*-------------------------------------
    
  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
--------------------------*/
.form-check-label p {
  color: #000 !important;
}
html {
  scroll-behavior: smooth;
}
body,
html {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  line-height: 24px;
  color: #000;
  /* -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: #000;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  line-height: 30px;

}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  color: #1E824C;
  -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: 'Open Sans', sans-serif;
  line-height: 1.1;
  text-transform: capitalize;
  /* font-weight: 400; */
  font-weight: bolder;
  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: 'Open Sans', sans-serif;
  margin: 0;
  color: #000;
  line-height: 30px;
}

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;
  background: #0000008a;
}

.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: #1E824C;
  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: #1E824C;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(184 130 79 / 42%);
}

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


.main_btn4 {
  width: 100%;
  float: left;
  background: #1E824C;
}
.main_btn4:hover {
    background: #155a35;
    color: #fff;
    border: 1px solid #fff !important;
}
.main_btn a {
  display: inline-block;
  background: #1E824C;
  color: #fff;
  font-weight: 500;
  border: 1px solid #1E824C;
  padding: 12px 28px;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.4s ease;
  box-shadow: 0 4px 10px rgba(30, 130, 76, 0.2);
  position: relative;
  overflow: hidden;
}

.main_btn a:hover {
  background: #155a35;
  color: #fff;
  border: 1px solid #fff !important;
}


.main_btn a:hover::after {
  left: 100%;
}

.homw_text .main_btn a:hover {
  background: #155a35;
  color: #fff;
  border: 1px solid #fff !important;

}

.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: #1E824C;
  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: #1E824C;
  top: 13px;
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  right: -80px;
}

.header_border:before {
  content: "";
  width: 65px;
  height: 1px;
  background-color: #1E824C;
  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 #1E824C 7px;
  text-transform: lowercase;
  animation: cursor 1s ease-in-out infinite;
  padding-left: 10px;
}

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

  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: #1E824C !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: #145A32;
  -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: #1E824C;
  width: 100%;
  float: left;
  padding: 5px 0;
  border-bottom: 1px solid #fff;
  font-size: 15px;
}

.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: #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 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: #1E824C;
  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: 17px;
  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 #ffff;
  padding: 9px 5px;
  font-size: 17px;
  float: left;
  background-color: transparent;

}

.menu_wrapper .main_btn a:hover {
  background: #155a35;
  color: #fff;
  border: 1px solid #fff !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; */
}

.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: #1e824c;
  padding-top: 10px;
}

.menu_wrapper_mn {
  float: left;
  width: 100%;
  background: transparent;
  padding: 0px 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: -8px;
  right: 0;
  margin-left: 10px;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
}

#toggle i {
  color: #fff;
  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: 17px;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  border-bottom: 1px solid #1E824C;
  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;
  padding-left: 10px;
}

#cssmenu ul li:hover a,
#cssmenu ul li.active a {
  background: #1E824C;
  border-bottom: 1px solid #d3d3d3;
  color: #ffffff;
  padding-left: 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;
}

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: 17px;
  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: left;
  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 {
  position: relative;
  color: #fff;
  text-decoration: none;
  padding-bottom: 5px;
}

#nav_filter li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30%;
  /* smaller underline width */
  height: 2px;
  background-color: #fff;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease, width 0.3s ease;
}

#nav_filter li a:hover::after,
#nav_filter li.active a::after {
  opacity: 1;
  width: 30%;
  /* or change this on hover if you want */
}

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

.navbar-toggle {
  position: relative;
  float: left;
  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: 5px;
}

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

/*maga menu*/

.menu_wrapper .mega_menu {
  border-bottom: 3px solid #1E824C;
  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: 17px;
  border-bottom: 1px solid #1E824C;
  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 #1E824C;
  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 #1E824C;
  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: #1E824C !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 #1E824C;
  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 #1E824C;
  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 #1E824C;
  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 #1E824C;
  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_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 #1E824C;
  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 #1E824C;
  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: #1E824C;
  -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 #1E824C;
  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: #1E824C;
  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: 17px;
  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: #1E824C;
}

.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: 17px;
  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: #1E824C;
  -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: 17px;
  cursor: pointer;
}

.lv_search_box {
  position: absolute;
  width: 250px;
  top: 100%;
  padding: 20px;
  font-size: 17px;
  display: inline-block;
  border-top: 2px solid #1E824C;
  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: #1E824C;
  border-color: #1E824C;
  -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: #1E824C;
  -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: 17px;
  color: #ffffff;
}

.custum_menu {
  position: relative;
}

.custum_submenu {
  position: absolute;
  top: 86px;
  left: 224px;
  background: #ffffff;
  border-bottom: 3px solid #1E824C;
  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: #1e824c !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/bg_ind7_img1.jpg");
  height: 790px;
}

.carousel .carousel-item:nth-of-type(2) {
  background-image: url("../images/bg_ind7_img2.jpg");

  height: 790px;
}

.carousel .carousel-item:last-of-type {
  background-image: url("../images/bg_ind7_img3.jpg");
  height: 790px;
}

.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: #1E824C;
  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: 70.44px;
  color: #ffffff;
}

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

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

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

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

.homw_text .header_border i {
  color: #1E824C;
  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: #1E824C;
  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: #1E824C;
  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: #F2F4F4;
  overflow: hidden;
}

.law_info_text h4 {
  font-size: 22px;
  color: #000;
  padding-bottom: 15px;
}

.law_info_text p {
  font-size: 17px;
  color: #000;
}

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

.last_law_info_box {
  border-right: none;
}

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

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

.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: #1E824C;
}

.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: #1E824C;
}

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

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

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

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

.paragraph_class p {
  margin: 20px 0;
  line-height: 30px;
}

.paragraph_class2 {
  padding-top: 30px;
}

.paragraph_class2 p {
  max-width: 807px;
  font-size: 17px;
  line-height: 30px;
  color: #000;
  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: 17px;
    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: #1E824C;
}

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

.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: 17px;
  line-height: 30px;
  margin-top: 30px;
  font-weight: 400;
  font-family: "Lato";
  color: #000;
}

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

.about_menu {
  padding: 25px 0;
}

.about_menu li {
  padding-left: 45px;
  position: relative;
  color: #111;
  font-size: 17px;
  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: 30px;
}

.about_menu li:hover {
  color: #1E824C;
}

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

.about_menu2 {
  padding: 25px 0;
}

.about_menu2 li {
  padding-left: 45px;
  position: relative;
  color: #fff;
  font-size: 17px;
  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: #1E824C;
}

.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 #1E824C;
  background: #1E824C;
  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: #1E824C;
  -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: 15px;
  text-transform: capitalize;
}

.about_us_number p span {
  color: #1E824C;
}

.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 #1E824C;
  background: #1E824C;
  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: #1E824C;
  -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: #1E824C;
}

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

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

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

.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: #1E824C;
  -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: #1E824C;
  -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: #1E824C;
  -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: #1E824C;
  -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: 80%;
  float: left;
  padding: 30px;
  display: flex;
  /* Make the box a flex container */
  align-items: center;
  /* Vertical center */
  justify-content: center;
  /* Horizontal center */
  position: relative;
  /* For positioning the icon */
}

.choose_us_box_text {
  text-align: center;
}

.choose_us_box_text h2 {
  color: #ffffff;
  text-transform: capitalize;
  font-size: 25px;
  margin: 0;
}

.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: 65px;
      line-height: 56px;
      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: #1E824C;
  -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: 30px;
  color: #1E824C;
  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: #000;
  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: #1E824C;
  -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 #1E824C;
  -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: 17px;
  color: #000;
  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: #1E824C;
  font-weight: 400;
}

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

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

.member-content h3 {
  font-size: 22px;
  color: #1E824C;
  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: #1E824C;
  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: #1E824C;
  -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: #1E824C;
  -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: #1E824C;
  -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: #1E824C;
}

.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: #1E824C;
}

.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: #1E824C;
  -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: #1E824C;
  -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 #1E824C;
  -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: 30px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.plan_wrapper p {
  font-size: 14px;
  line-height: 30px;
  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 #0000;
  padding: 25px 30px 25px 30px;
  background: #fff;
}

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

.menu_plan ul li {
  line-height: 40px;
  color: #000;
  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: 17px;
  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: #000;
  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: 50px 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: 25px;
  padding-left: 30px;
  border: 1px solid #e3e3e3;
  background: #fff;
  color: #000;
  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: #000;
  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: #000;
  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: 30px 0;
}

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

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

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

.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: 10px 0;
  background-color: #145A32;
  overflow: hidden;
}

.footer_content .left_icon a {
  border: 1px solid #1E824C;
  background: #1E824C;
  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: #1E824C;
}

.footer_list i.fas.fa-chevron-right {
  color: #1E824C;
  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: 30px;
}

.footer_content a:hover {
  color: #6cffab;
}

.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 h5 {
  padding-bottom: 5px;
}

.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: #145A32;
  padding: 0 px 0;
  border-top: 1px solid white;
}

.text_white {
  color: #fff !important;
}

.choose_us_box_text p {
  color: #fff !important;
}

.choose_us_box_text h4 {
  color: #fff !important;
}

.copy_right p {
  color: #fff;
}

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

.menu_wrapper .main_btn a {
  color: #ffffff;
  border: 1px solid #fff;
  padding: 2px 30px;
  font-size: 17px;
  float: left;

}

.copy_right a:hover {
  color: #6cffab;
}

.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: #1E824C;
  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: #1E824C;
  -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: #1E824C;
  color: #ffffff;
  border-color: #1E824C;
  -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: 10px;
}

.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: #1E824C;
  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: right;
}

.header__navigation ul#nav_filter {
  margin-right: 0;
  text-align: center;
  border-top: 1px solid #fff;
  border-block-end: 1px solid #fff;
  padding: 15px 80px;
  justify-content: center;
}

.header__navigation .search_bar {
  padding: 5px;
}

.header__navigation .menu_wrapper {
  float: left;
  width: 100%;
  /* background: #1a243f; */
  background: #1E824C !important;
  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: #1E824C;
  -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/front (1).png');
}

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

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

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

.heading-overlay {
  background: rgba(0, 0, 0, 0.6);
  padding: 20px 30px;
  border-radius: 8px;
  display: inline-block;
  color: #fff;
}

.imdex2_home_text {
  /* margin-top: 40px; */
  text-align: center;
  margin-top: 270px;
  margin-left: 390px;
}

.imdex2_home_text h2 span {
  font-size: 70.44px;
  font-variation-settings: 'wght' 500, '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: #1E824C;
}

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

.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: #1E824C;
  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: 'Open Sans', sans-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: #1E824C;
  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: 0px;
}

.index2_services_box:hover .heading_class h4,
.index2_services_box:hover .index2_a_class a {
  color: #1E824C;
  -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: #1E824C;
  -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: #1E824C;
}

.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: #1E824C;
  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: #1E824C;
  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: #1E824C;
}

.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: #1E824C;
  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: #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;
}

.index2_choose_us .choose_us_box:hover .choose_us_svg svg {
  fill: #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;
}

.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 #1E824C;
  margin-right: 20px;
}

.counter_box:hover .counter_svg {
  background: #1E824C;
  -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: #1E824C;
}

.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: #1E824C;
  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: #1E824C;
  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: #1E824C;
  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: 15px 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: #1E824C;
}

/* 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: #1E824C;
  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: 17px;
  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: 'Open Sans', sans-serif;
  color: #000000;
  float: left;
}

.index2_recent_case .recent_case_box:hover .a_class p {
  color: #1E824C;
  -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: #000;
}

.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: #1E824C;
  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: 17px;
}

.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 #1E824C;
  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: #1E824C;
  -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: #1E824C;
  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: 17px;
}

.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: #1E824C;
}

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

.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: #1E824C;
}

.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: #1E824C;
}

.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 #1E824C;
  height: 55px;
  text-align: center;
  position: relative;
}

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

.leading_legal_img img {
  width: 100%;
}

.leading_legal2 {
  padding: 50px 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: #000;
  line-height: 30px;
}

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

.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 #1E824C;
  -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: #000;
}

.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 #1E824C;
  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: #000;
}

.index3_recent_case .recent_case_box:hover .date_content {
  background: #1E824C;
  -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 {
  color: #000;
}

.consultation_box h2 {
  color: #ffff;
}

.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: #1E824C;
  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: #000;
}

.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: #1E824C;
  border: 1px solid #1E824C;
  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: #1E824C;
  -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: 35px 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: 17px;
  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;
}

.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: 17px;
  font-weight: 500;
}

.index4_contect_text a {
  color: #ffffff;
  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 {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.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 {
  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: 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: 17px;
  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%;
  background: #0c437a;
  z-index: -1;
}

.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: 100px 0 30px;
  padding-right: 80px;
}

.index4_last_contect_text {
  width: 100%;
  float: left;
  padding: 100px 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: 50px;
}

.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: #1E824C;
  /* -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: 50px 0 50px 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: 50px 0;
}

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


button.btn2 {
  border: 1px solid #1E824C;
  color: #fff;
  margin-top: 20px;
  margin-left: 10px;
  background: #1E824C;
  /* padding: 5px 0px; */
  /* width: 15% ; */
  height: 60px;
  border-radius: 5px;
  /* text-transform: capitalize; */
  display: block;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 3px 8px rgba(30, 130, 76, 0.2);
}

/* Hover Effect */
button.btn2:hover {
  background: #155a35;
  color: #fff;
  border: 1px solid #fff !important;
}



button.btn1 {
  border: 1px solid #1E824C;
  color: #fff;
  margin-top: 20px;
  margin-left: 40px !important;
  background: #1E824C;
  padding: 5px 25px;
  /* width: 15% !important; */
  height: 60px;
  border-radius: 5px;
  /* text-transform: capitalize; */
  display: block;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 3px 8px rgba(30, 130, 76, 0.2);
}

/* Hover Effect */
button.btn1:hover {
  background: #155a35;
  color: #fff;
  border: 1px solid #fff !important;
}



button.btn1:hover::after {
  left: 100%;
}

.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: #1E824C;
  -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: right;
  text-align: center;
  cursor: pointer;
  background: #1E824C;
  border: 1px solid #1E824C;
}

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

.footer_box_text a {
  font-weight: 600;
}

.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: 30px;
  color: #000;
  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 #1E824C;
  transition: 0.35s ease;
  color: #1E824C;
}

.search-icon {
  position: relative;
  float: right;
  width: 75px;
  height: 75px;
  top: -30px;
  right: -17px;
  color: #1E824C;
}

/*-=-=-=-=-=-=-=-= 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: #1E824C;
  color: #fff;
  margin: -1px;
  border: 1px solid #1E824C;
  border-radius: 0;
  width: 135px;
  text-transform: capitalize;
  position: relative;
  font-size: 17px;
  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: #1E824C;
  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: #1E824C;
  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: 17px;
}

.inner_page_single2 button {
  background: #f8f8f8 !important;
  height: 50px;
  width: 60px;
}

.inner_page_single2 button:hover {
  background: #1E824C !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: #1E824C !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: #1E824C !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: #1E824C;
  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 a:hover {
  color: #59ffa0;
}

.left_side_content .main_btn a:hover {
  background: transparent;
  color: #1E824C;
}

.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: #1E824C;
  border-color: #1E824C;
  -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: #1E824C;
}

.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: #1E824C;
  -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: #1E824C;
  /* 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: #1E824C;
  -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: #1E824C;
  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: 30px;
}

.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: #1E824C !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: #1E824C;
  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: #1E824C;
  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: 17px;
}

.admin_centent h5 span {
  color: #1E824C;
}

.admin_centent h5 a {
  text-align: right;
  float: right;
  margin-right: 10px;
}

.admin_centent h5 a span {
  color: #ffffff;
  background: #1E824C;
}

.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: 17px;
  color: #000;
  font-weight: 300;
}

.single_case_content h6 a {
  font-size: 17px;
  line-height: 24px;
  color: #1E824C;
  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: 17px;
  line-height: 24px;
  color: #000;
  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: 17px;
  color: #000;
  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: #000;
  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: #1E824C;
  -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: #1E824C;
  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: #1E824C;
  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: #1E824C;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #1E824C;
  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: #000;
  font-size: 17px;
}

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

.panel-body {
  padding: 20px 30px;
  line-height: 30px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Open Sans', sans-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: #1E824C;
  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: 17px;
  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: #1E824C;
  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: #1E824C;
  -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: #1E824C;
  top: 13px;
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  right: -80px;
}

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

.header_border:before {
  content: "";
  width: 65px;
  height: 1px;
  background-color: #1E824C;
  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: #1E824C;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #1E824C;
  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: #1E824C;
  -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: #1E824C;
  font-size: 17px;
  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: #000;
  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: #000;
  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: #1E824C;
  -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: 17px;
}

.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: #000;
  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 #000;
  padding-left: 30px;
}

.shop_single_content p {
  font-size: 17px;
  line-height: 30px;
  color: #000;
  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: 17px;
  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: #1E824C;
}

.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: #1E824C;
}

.shop_single_content .shop_price h6 del {
  font-size: 17px;
  line-height: 25px;
  text-decoration: line-through;
  color: #000;
}

.shop_single_content .shop_price h6 span {
  font-size: 17px;
  line-height: 25px;
  color: #1E824C;
  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: #000;
}

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

.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: #000;
  font-size: 17px;
}

.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: 17px;
  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: 17px;
  line-height: 30px;
  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: #000;
  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: #000;
  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: 17px;
  line-height: 30px;
  color: #000;
  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: 30px;
  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: 30px;
  color: #000;
  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: #000;
  text-align: center;
  max-width: 694px;
  margin: 0 auto;
}

.shop_page .sidebar-search h2 {
  text-transform: uppercase;
  font-size: 17px;
  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: #1E824C;
  font-size: 17px;
  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: #000;
  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: #000;
  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: 17px;
  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: #000;
  font-size: 17px;
  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: #1E824C !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: 17px;
  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: #1E824C;
}

.shop_card_table table tbody tr td a {
  color: #222222;
}

.shop_card_table table tbody tr td p {
  color: #1E824C;
}

.shop_card_table table tbody tr td span a {
  color: #000;
  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: #1E824C;
}

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: #1E824C;
  text-transform: uppercase;
}

.head_cart .continue a i {
  font-size: 17px;
  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: #1E824C;
}

.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: #000;
  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: #000;
  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 #1E824C;
  color: #ffffff;
  background-color: #1E824C;
}

.order_cart .order_summary .apply-btn button:hover {
  background-color: #ffffff;
  color: #1E824C;
  -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 #1E824C;
  color: #ffffff;
  background-color: #1E824C;
  border-radius: 5px;
}

.order_cart .order_summary .check_btn button:hover {
  background-color: #ffffff;
  color: #1E824C;
  -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: 17px;
}

.head_account .account_content h2 span {
  color: #1E824C;
}

.head_account .account_content p {
  color: #000;
  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: #000;
  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: #000;
  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: 23px 19px !important;
  }
}

@media (max-width: 991px) {
  footer {
    padding: 0px 0 10px;
  }

  .m_flex li {
    margin-bottom: 0px;
  }

  .footer_content .left_icon a {
    border: 0px solid;
    background: #1e824c00;
  }

  .footer_content h5 {
    margin-top: 15px;
    font-size: 20px;
  }

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

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

  .services .main_btn {
    margin-top: 20px;
    margin-bottom: 20px;

  }

  .index3_header_border_main {
    padding: 0px !important;
    padding-top: 20px !important;
  }

  .heading_class {
    margin-top: 20px !important;
  }

  .services {
    padding-bottom: 0px !important;
  }

  .leading_legal2 {
    padding: 0px;
  }

  .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;
    margin: 10px !important;
  }

  .hidden_btn {
    margin: 10px !important;
  }

  #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: #1E824C;
    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 #1E824C;
    padding-top: 20px;
  }

  .media_side1 ul {
    display: inline-flex;
    margin-top: 15px;
  }

  .media_side1 ul li {
    border: 1px solid #1E824C;
    border-radius: 50%;
    color: #1E824C;
    margin: 0 14px;
    height: 45px;
    width: 45px;
    line-height: 45px;
  }

  .media_side1 ul li a svg {
    width: 13px;
    height: 13px;
    fill: #000;
  }

  .media_side1 i:hover {
    color: #fff;
  }

  .media_side1 svg:hover {
    fill: #fff;
  }

  .media_side1 ul li:hover {
    background: #1E824C;
    color: #ffffff;
  }

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

  .sidebar_block {
    display: grid;
  }

  .homw_text {
    margin-top: 190px;
    margin-left: 0px;
  }

  .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: block;
    margin-top: 0px !important;
  }

  .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: block;
    margin-bottom: 25px;
  }

  .index2_choose_us .choose_us_row {
    margin-top: 0px !important;
  }

  .leading_legal_img {
    display: block;
    margin-top: 20px;
  }

  .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: 50px;
  }

  .last_767_box {
    border: none;
  }

  .law_info_box {
    border-bottom: 1px solid #ffffff78;
    padding-bottom: 30px;
    text-align: center;
  }

  .law_info_svg {
    margin-left: 150px;
  }

  .last_law_info_box {
    border: none;
  }


  .services br {
    display: none;
  }

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

  .leading_legal2 {
    padding-top: 20px !important;
  }

  .left_content .choose_us_svg {
    left: 50px;
  }

  .right_content .choose_us_svg {
    right: 50px;
  }

  .faq:before {
    display: none;
  }

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

  .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: 17px;
  }

  .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 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: 576px) {
  .m_none {
    display: none;
  }

  .m_flex {
    display: flex;
  }

  .button.btn2 {
    border: 1px solid #1E824C;
    color: #fff;
    margin-top: 20px;
    margin-left: 12px !important;
    background: #1E824C;
    padding: 5px 0px !important;
    width: 52% !important;
  }

  .dis_none {
    display: none;
  }

  .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;
    margin-left: 0px;
  }

  .h3,
  h3 {
    font-size: 18px;
  }

  .homw_text h2 {
    font-size: 50px;
  }

  .homw_text h2 span {
    font-size: 50px;
  }

  .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: #1E824C;
} */
.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: #1E824C;
  -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: 17px;
  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: #000;
  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: #1E824C;
  font-size: 17px;
  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: 17px;
  line-height: 24px;
  color: #000;
  font-weight: 400;
}

.login_form a {
  color: #1E824C;
}










.about_us2_img {}

.about_us2_img img {
  position: relative;
  max-width: 100%;
}

.read_btn button {
  border: 1px solid #1E824C;
  background: #1E824C;
  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: #1E824C;
  transition: all 0.5s;
}

.read_btn button:hover a {
  color: #1E824C;
}




.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: 17px;
  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: #1E824C;
  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: 17px;
  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: #1E824C;
}

.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: 17px;
}

.advocServicesProvideGrid {
  margin-top: 40px;
}

.advocServicesProvideGridTxt span {
  display: inline-block;
  font-size: 20px;
  color: #111;
}

.advocServicesProvideGridTxt h4 {
  font-size: 35px;
}

.advocServicesProvideGridTxt p {
  font-size: 17px;
}

.advocServicesProvideGridTxt p {
  font-size: 17px;
  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: 17px;
}

.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: #0a182a;
  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: 17px;
}

.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: 17px;
  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: 17px;
}

.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: 17px;
  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: 17px;
  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: 17px;
  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 100px 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;
  justify-content: center;


}

.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;
  background-color: #ffffff;
}

.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: 17px;
  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: 17px;
  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: #000 !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: 17px;
  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: 17px;
  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: 17px;
  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;
  font-family: Roboto;
  font-size: 17px;
  font-weight: 400;
  color: #999999;
  text-align: center;
}

.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: 17px;
  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: 17px;
  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: 17px;
  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: 17px;
  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: 17px;
  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: #002434;
  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 {
  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: 17px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
  transition: 0.5s;
}

.footer_wrapper .top_footer .info_box .info_ul li a span svg {
  fill: #FE5B4A;
  width: 24px;
  height: 24px;
}

.footer_wrapper .top_footer .info_box .info_ul li a:hover {
  color: #FE5B4A;
}

.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: 12px;
  font-weight: 300;
  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 {
  background-color: #FE5B4A;
  border-color: #FE5B4A;
}

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

.slider_ind7 .sub_menu {
  border-color: #FE5B4A;
}

.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: 17px;
  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: 17px;
  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: 17px;
  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: 17px;
  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: 17px;
}

.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: 17px;
}

/* 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: 17px;
}

/* 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: 17px;
  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: 17px;
  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: 17px;
  transition: all 300ms linear 0ms;
  box-shadow: none;
  width: 100%;
  outline: none;
  color: #111;
  font-size: 17px;
  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: 17px;
  transition: all 300ms linear 0ms;
  box-shadow: none;
  width: 100%;
  outline: none;
  color: #111;
  font-size: 17px;
  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: 17px;
  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: 17px;
  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: 17px;
  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: 17px;
  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: 17px;
  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: 17px;
  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: 17px;
  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: 17px;
  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: 17px;
}

.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: 17px;
  }

  .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: 17px;
  }

  .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: 17px;
  }

  .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: 17px;
  }

  .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) {
  #nav_filter li a::after {
    background-color: #ffffff00;
  }

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

  .zero_pad {
    padding: 20px !important;

  }

  .form_btn {
    margin-top: 30px;
  }

}

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

.navbar-nav {
  margin-top: 10px !important;
}

.navbar-nav li a {
  color: #fff;
  /* Default text color */
  text-decoration: none;
  padding: 5px 10px;
  transition: 0.3s;
  font-weight: 800;
}

.header__navigation #nav_filter li.active a {
  color: #fff;
  /* White text */
  border-bottom: 2px solid #fff;
  /* White underline */
}

.main_btn.hidden_btn.active a {
  background: #fff;
  /* White background */
  color: #000;
  /* Change text to black for contrast */
}

.about_us_number1 a {
  color: #000;
  font-weight: 600 !important;
  /* default color */
  text-decoration: none;
  transition: 0.3s;
  border: none;
  background: none !important;
}

.about_us_number1 a:hover {
  color: #1e824c;
  /* your preferred hover color */
}

.apply_text {
  padding-top: 16px;
}


/* Change background to white when focused or valid */
/* .form .form-control:focus,
.form select:focus,
.form select:valid {
    background-color: #fff;
    border-color: #1e824c;
    outline: none;

} */
.index2_services_box {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 49px;
}

.index2_services_svg {
  flex-shrink: 0;
  /* Prevent SVG from shrinking */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
}

#ul li.active,
#ul li :hover {
  background-color: #1E824C;
  color: #fff !important;
}

#ul li.active a,
#ul li a:hover {
  color: #fff !important;
  background-color: #1E824C;
}

.contact_us_text p {
  font-weight: 800;
}

.animated-underline {
  position: relative;
  width: 120px;
  height: 4px;
  background: linear-gradient(135deg, #1e824c, #145a36);
  /* solid green line */
  overflow: hidden;
  border-radius: 4px;
}

/* First white line */
.animated-underline::before,
.animated-underline::after {
  content: '';
  position: absolute;
  top: 0;
  width: 20%;
  height: 100%;
  background-color: #ffffff;
  opacity: 1;
  border-radius: 4px;
}

/* Animate first white line */
.animated-underline::before {
  left: -30%;
  animation: move-white-1 2s linear infinite;
}

/* Animate second white line (delayed for effect) */
.animated-underline::after {
  left: -50%;
  animation: move-white-2 2s linear infinite;
  animation-delay: 1s;
}

/* Keyframe for first line */
@keyframes move-white-1 {
  0% {
    left: -30%;
  }

  100% {
    left: 100%;
  }
}

/* Keyframe for second line */
@keyframes move-white-2 {
  0% {
    left: -50%;
  }

  100% {
    left: 100%;
  }
}

/* Keyframe for second line */
@keyframes move-white-2 {
  0% {
    left: -50%;
  }

  100% {
    left: 100%;
  }
}

.main_btn1 a {
  display: inline-block;
  background: #f6f1f1;
  color: #1e824c;
  font-weight: 700;
}

.animated-underline1 {
  position: relative;
  width: 120px;
  height: 4px;
  background-color: #fff;

  /* solid green line */
  overflow: hidden;
  border-radius: 4px;
}

/* First white line */
.animated-underline1::before,
.animated-underline1::after {
  content: '';
  position: absolute;
  top: 0;
  width: 20%;
  height: 100%;
  background: #1e824c;
  opacity: 1;
  border-radius: 4px;
}

/* Animate first white line */
.animated-underline1::before {
  left: -30%;
  animation: move-white-1 2s linear infinite;
}

/* Animate second white line (delayed for effect) */
.animated-underline1::after {
  left: -50%;
  animation: move-white-2 2s linear infinite;
  animation-delay: 1s;
}

/* Keyframe for first line */
@keyframes move-white-1 {
  0% {
    left: -30%;
  }

  100% {
    left: 100%;
  }
}

/* Keyframe for second line */
@keyframes move-white-2 {
  0% {
    left: -50%;
  }

  100% {
    left: 100%;
  }
}

/* Keyframe for second line */
@keyframes move-white-2 {
  0% {
    left: -50%;
  }

  100% {
    left: 100%;
  }
}
.iti {
  position: relative;
  display: inline-block;
  width: 100%!important;
}
.iti__country {
  padding: 5px 10px;
  outline: none;
  text-align-last: left !important;
}
.spinner {
  border: 2px solid #f3f3f3;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin 0.6s linear infinite;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}