/*
/*
@File: cmo Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
** - Button Area CSS
** - Home 01
** - Home 02
** - About
** - Blog-Details
** - Blog-grid
** - Blog-with-sidebar
** - Case-study
** - Case-study-single
** - Contact
** - Error-404
** - Faqs
** - Pricing
** - Privacy-policy
** - Service-details
** - Services
** - Sign-in
** - Sign-up
** - Team
** - Team-details
** - Terms-condition
** - Testimonial



Author: Andit_Themes
developed by: Hadayet Ali




/*================================================
         Default CSS
=================================================*/

@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,700i|Work+Sans:300,400,500,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

html,
body {
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    outline: 0 !important;
    color: var(---heading-color);
}

a:hover {
    text-decoration: none;
    color: var(--main-theme-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Poppins', sans-serif;
}

h1 {
    font-size: 45px;
    font-weight: bold;
}

h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
}

h3 {
    font-size: 24px;
    font-weight: 500;
}

h4 {
    font-size: 22px;
    font-weight: 600;
}

h5 {
    font-size: 18px;
    font-weight: 400;
}

h6 {
    font-size: 14px;
    font-weight: 400;
}

p {
    font-size: 16px;
    line-height: 24px;
    color: var(--paragraph-color);
    font-weight:400;
    font-family: 'Rubik', sans-serif;
}

p:last-child {
    margin-bottom: 0;
}

ul {
    padding: 0;
    margin: 0;
}

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


/* --Common Class Area start-- */

.box-shadow {
    -webkit-box-shadow:3px 0px 12px 0px #5b6fe633;
    box-shadow:3px 0px 12px 0px #5b6fe633;
}



/*================================================
     Default CSS
=================================================*/

/*--Common input style--*/

input[type="text"],
input[type="number"],
select,
textarea,
input[type="password"] {
    min-height: 44px;
    background: #f7f7f7 !important;
    border: 0;
    outline: none;
}

.form-control:focus {
    background-color: #f7f7f7;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: none;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus {
    background-color: #f5f5f5;
    border: none;
    outline: none;
}
.bg-custom{
  background-color: #eff5f8;
}
/* --section Title-- */
.section_bottom{
  padding-bottom:120px;
}
.section_title_arae{
  text-align: center;
  padding-bottom: 50px;
}
.section_title_arae h4{
color: var(--paragraph-color);
font-weight: 400;
}
.section_title_arae h2{
  padding: 5px 0;
}

.section_padding{
  padding: 60px 0;
}

/* --pagination area strat-- */

.pagination {
  padding: 0;
  display: block;
  margin: 40px 0 0;
  text-align: center;
}
.pagination .page-item {
  display: inline-block;
  margin: 0 3px;
}
.pagination .page-item .page-link {
  color: var(--heading-color);
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #f5f5f5;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.pagination .page-item.active .page-link {
  background-color: var(--main-theme-color);
  color: #ffffff;
  -webkit-box-shadow: 0px 7px 20px 0px #dcdcdc;
  box-shadow: 0px 7px 20px 0px #dcdcdc;
}
/* --Button Area Start-- */
.btn-theme {
    background: var(--main-theme-color);
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
}

.btn-theme:hover {
    background: var(--heading-color);
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    color: #fff;
}

.btn {
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 0 35px;
    font-size: 18px;
    line-height: 45px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}


.btn-cta:hover {
    background: var(--main-theme-color);
    color: #fff;
    -webkit-box-shadow: 0px 0px 7px -3px #000;
    box-shadow: 0px 0px 7px -3px #000;
}

.btn-cta:focus {
    -webkit-box-shadow: 0px 0px 7px -3px #000 !important;
    box-shadow: 0px 0px 7px -3px #000 !important;
}

a.btn:hover {
    color: #fff;
    text-decoration: none;
}

.btn.focus,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button:focus {
    outline: none;
    outline: none;
}
a,
a:hover,
a:visited,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
}

section {
    position: relative;
}



/*================================================
Search Overlay CSS
=================================================*/
.search-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index:999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.search-overlay .search-overlay-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.search-overlay .search-overlay-layer:nth-child(1) {
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.search-overlay .search-overlay-layer:nth-child(2) {
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
}

.search-overlay .search-overlay-layer:nth-child(3) {
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.9s ease-in-out 0.6s;
  transition: all 0.9s ease-in-out 0.6s;
}

.search-overlay .search-overlay-close {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 50px;
  z-index: 2;
  text-align: center;
  cursor: pointer;
  padding: 10px;
  -webkit-transition: all 0.9s ease-in-out 1.5s;
  transition: all 0.9s ease-in-out 1.5s;
  opacity: 0;
  visibility: hidden;
}

.search-overlay .search-overlay-close .search-overlay-close-line {
  width: 100%;
  height: 3px;
  float: left;
  margin-bottom: 5px;
  background-color: #fff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(2) {
  margin-top: -7px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.search-overlay .search-overlay-close:hover .search-overlay-close-line {
  background: var(--main-theme-color);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.search-overlay .search-overlay-form {
  -webkit-transition: all 0.9s ease-in-out 1.4s;
  transition: all 0.9s ease-in-out 1.4s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  z-index: 2;
  max-width: 500px;
  width: 100%;
  padding: 0 16px;
}

.search-overlay .search-overlay-form form {
  position: relative;
}

.search-overlay .search-overlay-form form .input-search {
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  border-radius: 30px;
  color: #000;
  padding: 3px 0 0 25px;
}

.search-overlay .search-overlay-form form .input-search::-webkit-input-placeholder {
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  letter-spacing: .5px;
  color: #000;
}

.search-overlay .search-overlay-form form .input-search:-ms-input-placeholder {
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  letter-spacing: .5px;
  color: #000;
}

.search-overlay .search-overlay-form form .input-search::-ms-input-placeholder {
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  letter-spacing: .5px;
  color: #000;
}

.search-overlay .search-overlay-form form .input-search::placeholder {
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  letter-spacing: .5px;
  color: #000;
}

.search-overlay .search-overlay-form form .input-search:focus::-webkit-input-placeholder {
  color: transparent;
}

.search-overlay .search-overlay-form form .input-search:focus:-ms-input-placeholder {
  color: transparent;
}

.search-overlay .search-overlay-form form .input-search:focus::-ms-input-placeholder {
  color: transparent;
}

.search-overlay .search-overlay-form form .input-search:focus::placeholder {
  color: transparent;
}

.search-overlay .search-overlay-form form button {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 50px;
  color: #fff;
  height: 50px;
  border-radius: 50%;
  background-color: var(--main-theme-color);
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  border: none;
  font-size: 20px;
  line-height: 45px;
}

.search-overlay .search-overlay-form form button:hover {
  background-color: #000;
  color: #ffffff;
}

.search-overlay.search-overlay-active.search-overlay {
  opacity: 1;
  visibility: visible;
}

.search-overlay.search-overlay-active.search-overlay .search-overlay-layer {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.search-overlay.search-overlay-active.search-overlay .search-overlay-close {
  opacity: 1;
  visibility: visible;
}

.search-overlay.search-overlay-active.search-overlay .search-overlay-form {
  opacity: 1;
  visibility: visible;
}
/* --Common Area Banner-- */
#inner_area_banner{
    background-image: url('../img/common/inner_banner.html');
    padding: 245px 0 120px 0;
}
.inner_banner_text h2{
    color: #fff;
    font-size: 45px;
}
.inner_banner_text ul li{
    display: inline-flex;
    color: #fff;
    padding-top: 16px;
    padding-left: 10px;
    font-size: 18px;
}
.inner_banner_text ul li:first-child{
    padding-left: 0;
}
.inner_banner_text .active{
color: var(--main-theme-color);
}
/* --Button Area End-- */

/* --Common Banner Area Start-- */
.common_banner_area{
  background-image: url('../img/banner/common-banner.jpg');
  padding: 30px 0;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
.common_banner_area::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0000009e;
}
.common_banner_inner{
  position: relative;
  z-index:99;
}
.common_banner_inner h2{
color: #fff;
}
.common_banner_inner ul{
  padding-top: 15px;
}
.common_banner_inner  .active{
  color:var(--main-theme-color)
}
.common_banner_inner ul li{
  display: inline-flex;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.common_banner_inner ul li:last-child:before {
  content: "\f30b";
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
}
/* --Common Banner Area End-- */


/* ------------------------
    Top Header Area
--------------------------*/
.top-header{
  background-color: #000000;
  padding: 10px 0;
  }
  .left-info li{
    display: inline-flex;
    padding-right: 20px;
  }
  .left-info li:last-child{
    padding-right: 0;
  }
  .left-info li a{
    color: #fff;
  }
  .left-info li a:hover{
  color: var(--heading-color);
  }
  .right-info{
    text-align: right;
  }
  .right-info li{
    display: inline-flex;
    padding-left: 7px;
  }
  .right-info li:first-child{
    padding-left: 0;
  }
  .right-info li a i{
    width: 22px;
    color: #fff;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    font-size: 12px;
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
  }
  .right-info li a i:hover{
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
  }
  .facebook {
    background-color: #3b5998;
  }
  .twitter {
    background-color: #1da1f2;
  }
  .instagram {
    background-color: #fd1d1d;
  }
  .linkedin {
    background-color: #0077b5;
  }

  /*================================
        Navbar Area
  ==================================*/
  .navbar-area {
    background-color: transparent;
    width: 100%;
    height: auto;
    z-index: 999;
  }

  .navbar-area.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
            box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
    background-color: #ffffff !important;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
            animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .navbar-area.navbar-color-white.is-sticky {
    background-color: #000 !important;
  }

  .cmo-responsive-nav {
    display: none;
  }

  .cmo-nav {
    background: #ffffff;
    padding: 15px 0;
  }

  .cmo-nav .navbar {
    position: inherit;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cmo-nav .navbar .navbar-brand {
    font-size: inherit;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .cmo-nav .navbar .navbar-brand img{
    width: 100%;
  }
  .cmo-nav .navbar ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    align-items: center;
  }

  .cmo-nav .navbar .navbar-nav.ml-50 {
    margin-left: 50px;
  }

  .cmo-nav .navbar .navbar-nav .nav-item {
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
  }

  .cmo-nav .navbar .navbar-nav .nav-item a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .cmo-nav .navbar .navbar-nav .nav-item a i {
    font-size: 20px;
    line-height: 0;
    position: relative;
    top: 4px;
  }

  .cmo-nav .navbar .navbar-nav .nav-item a:hover, .cmo-nav .navbar .navbar-nav .nav-item a:focus, .cmo-nav .navbar .navbar-nav .nav-item a.active {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item:last-child {
    margin-right: 0;
  }

  .cmo-nav .navbar .navbar-nav .nav-item:first-child {
    margin-left: 0;
  }

  .cmo-nav .navbar .navbar-nav .nav-item:hover a, .cmo-nav .navbar .navbar-nav .nav-item.active a {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    border: none;
    top: 65px;
    left: 0;
    z-index: 99;
    opacity: 0;
    width: 250px;
    display: block;
    border-radius: 0;
    padding: 10px 0;
    margin-top: 15px;
    position: absolute;
    visibility: hidden;
    background: #ffffff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
    margin: 0;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
    padding: 6px 20px;
    position: relative;
    display: block;
    color: #000;
    font-size: 16px;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i {
    margin: 0;
    position: absolute;
    top: 50%;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 15px;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    top: 0;
    opacity: 0;
    left: -76%;
    margin-top: 15px;
    visibility: hidden;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
    color: #000;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
    top: 0;
    opacity: 0;
    left: 250px;
    visibility: hidden;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #000;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    top: 0;
    opacity: 0;
    left: 100%;
    visibility: hidden;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #000;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    top: 0;
    opacity: 0;
    left: 250px;
    visibility: hidden;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #000;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    top: 0;
    opacity: 0;
    left: 100%;
    visibility: hidden;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #000;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    top: 0;
    opacity: 0;
    left: 250px;
    visibility: hidden;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #000;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
    color: var(--main-theme-color);
  }

  .cmo-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
  }

  .cmo-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
  }

  .cmo-nav .navbar .others-option {
    background-color: #7d7d7d;
    border-radius: 30px;
    padding: 10px 18px 3px;
    margin-left: auto;
  }

  .cmo-nav .navbar .others-option .option-item {
    margin-left: 15px;
    padding-left: 15px;
    position: relative;
  }

  .cmo-nav .navbar .others-option .option-item::before {
    content: '';
    position: absolute;
    left: -2px;
    top: -4px;
    background-color: #fa6a45;
    height: 25px;
    width: 1.5px;
  }

  .cmo-nav .navbar .others-option .option-item:first-child {
    margin-left: 0;
    padding-left: 0;
  }

  .cmo-nav .navbar .others-option .option-item:first-child::before {
    display: none;
  }

  .cmo-nav .navbar .others-option .side-menu-btn i {
    cursor: pointer;
    font-size: 35px;
    position: relative;
    top: 4px;
    line-height: 0;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    color: #ffffff;
  }

  .cmo-nav .navbar .others-option .side-menu-btn i:hover {
    color: #ffffff;
  }

  .cmo-nav .navbar .others-option .search-box i {
    cursor: pointer;
    font-size: 22px;
    color: #ffffff;
    position: relative;
    top: -2px;
    line-height: 1;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
  }

  .cmo-nav .navbar .others-option .search-box i:hover {
    color: #ffffff;
  }

  .cmo-nav .navbar .others-option .cart-btn a {
    display: inline-block;
    position: relative;
    font-size: 25px;
    color: #ffffff;
    line-height: 1;
    padding-right: 10px;
  }

  .cmo-nav .navbar .others-option .cart-btn a span {
    position: absolute;
    right: 0;
    top: -3px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background-color: #000;
    font-size: 14px;
    font-weight: 600;
  }

  @media only screen and (max-width: 991px) {
    .navbar-area {
        background-color: #ffffff;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 70px;
    }
    .navbar-area.is-sticky {
      padding-top: 15px;
      padding-bottom: 15px;
    }
    .cmo-responsive-nav {
      display: block;
    }
    .cmo-responsive-nav .cmo-responsive-menu {
      position: relative;
    }
    .cmo-responsive-nav .cmo-responsive-menu.mean-container .mean-nav {
        margin-top: 75px;
    }
    .cmo-responsive-nav .cmo-responsive-menu.mean-container .mean-nav ul {
      font-size: 15px;
    }
    .cmo-responsive-nav .cmo-responsive-menu.mean-container .mean-nav ul li a.active {
      color: var(--main-theme-color);
    }
    .cmo-responsive-nav .cmo-responsive-menu.mean-container .mean-nav ul li li a {
      font-size: 14.5px;
    }
    .cmo-responsive-nav .cmo-responsive-menu.mean-container .navbar-nav {
      overflow-y: scroll;
      height: 357px;
      -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
    }
    .cmo-responsive-nav .mean-container a.meanmenu-reveal {
      color: var(--main-theme-color);
    }
    .cmo-responsive-nav .mean-container a.meanmenu-reveal span {
      background: var(--main-theme-color);
      top: 0px;
    }
    .cmo-responsive-nav .others-option {
      display: none !important;
      background-color: var(--main-theme-color);
      border-radius: 30px;
      padding: 10px 18px 3px;
    }
    .cmo-responsive-nav .others-option .option-item {
      margin-left: 15px;
      padding-left: 15px;
      position: relative;
    }
    .cmo-responsive-nav .others-option .option-item::before {
      content: '';
      position: absolute;
      left: -2px;
      top: -4px;
      background-color: #fa6a45;
      height: 25px;
      width: 1.5px;
    }
    .cmo-responsive-nav .others-option .option-item:first-child {
      margin-left: 0;
      padding-left: 0;
    }
    .cmo-responsive-nav .others-option .option-item:first-child::before {
      display: none;
    }
    .cmo-responsive-nav .others-option .side-menu-btn i {
      cursor: pointer;
      font-size: 35px;
      position: relative;
      top: 4px;
      line-height: 0;
      -webkit-transition: all 0.7s;
      transition: all 0.7s;
      color: #ffffff;
    }
    .cmo-responsive-nav .others-option .side-menu-btn i:hover {
      color: #ffffff;
    }
    .cmo-responsive-nav .others-option .search-box i {
      cursor: pointer;
      font-size: 22px;
      color: #ffffff;
      position: relative;
      top: -2px;
      line-height: 1;
      -webkit-transition: all 0.7s;
      transition: all 0.7s;
    }
    .cmo-responsive-nav .others-option .search-box i:hover {
      color: #ffffff;
    }
    .cmo-responsive-nav .others-option .cart-btn a {
      display: inline-block;
      position: relative;
      font-size: 25px;
      color: #ffffff;
      line-height: 1;
      padding-right: 10px;
    }
    .cmo-responsive-nav .others-option .cart-btn a i {
      position: absolute;
      right: 0;
      top: -3px;
      width: 18px;
      height: 18px;
      text-align: center;
      line-height: 20px;
      border-radius: 50%;
      background-color: #000;
      font-size: 14px;
      font-weight: 600;
    }
    .cmo-responsive-nav .logo {
      position: relative;
      width: 83%;
      z-index: 999;
    }
    .cmo-responsive-nav .logo a img{
        width:30%;
    }
    .cmo-nav {
      display: none;
    }
    .navbar-color-white .cmo-responsive-nav .mean-container a.meanmenu-reveal {
      color: #ffffff;
    }
    .navbar-color-white .cmo-responsive-nav .mean-container a.meanmenu-reveal span {
      background: #ffffff;
    }
    .navbar-color-white .others-option-for-responsive .dot-menu .inner .circle {
      background-color: #ffffff;
    }
    .others-option-for-responsive {
      display: block;
    }
  }

/* --------------------------
         Home 01
----------------------------*/

/* --Banner Area-- */
#home_one_banner{
  background-image: url('../img/banner/home-one.jpg');
  height: 86vh;
  display: flex;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
}
.banner_arae_one_text{
  padding-right: 300px;
}
.banner_arae_one_text h1{
  color: #fff;
}
.banner_arae_one_text h4{
  color: #c5c5c5;
  padding-top: 15px;
}
.banner_arae_one_text a {
  margin-top: 35px;
}
#home_one_banner .owl-dots{
  position: absolute;
  bottom: -200px;
  width: 100%;
  text-align: right;
}
#home_one_banner .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: var(--main-theme-color);
  display: block;
  border-radius: 0;
}

#home_one_banner .owl-theme .owl-dots .owl-dot.active span,
#home_one_banner .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #fff;
}

/* --What We Do-- */
.what_we_card{
  margin: 0 0 30px 2px;
}
.what_we_card_img{
  overflow: hidden;
}
.what_we_card_img img{
   width: 100%;
   transition:.4s all ease-in-out ;
   -webkit-transition:.4s all ease-in-out ;
   -moz-transition:.4s all ease-in-out ;
   -ms-transition:.4s all ease-in-out ;
   -o-transition:.4s all ease-in-out ;
   opacity: .7;
}
.what_we_card:hover .what_we_card_img img{
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  opacity:1;
}
.what_we_card_text{
  padding: 25px 20px;
}
.what_we_card_text p{
  padding: 10px 0 15px 0;
}
.read_more{
color: var(--main-theme-color);
}
#what_We_do_area .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: var(--main-theme-color);
  display: block;
  border-radius: 0;
}

#what_We_do_area .owl-theme .owl-dots .owl-dot.active span,
#what_We_do_area .owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--heading-color);
}

/* --Who We Are Area-- */
#who_we_are_area{
  background-color: var(--heading-color);
}
.who_img_area img{
  width: 100%;
}
.who_right_area .left_align_title h4{
   color: #c7c7c7;
  font-weight: 400;
  padding-bottom: 10px;
}
.who_right_area .left_align_title h2{
color: #fff;
padding-right: 175px;
}
.who_right_area .left_align_title p{
padding-top: 15px;
color: #c7c7c7;
}
.who_about_area{
  padding-top: 40px
}
.who_about_area p{
  color: #c7c7c7;
}
.who_about_area h4{
  color: #fff;
  padding-top: 20px;
  padding-bottom: 8px;
}
/* --Our Portfolio Area-- */
.portfolio_area_items img{
  width: 100%;
}
.portfolio_area_items{
  position: relative;
  overflow: hidden;
  background: #053357;
  text-align: center;
  cursor: pointer;
}

.portfolio_inner{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #05335773;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding-top: 30%;
  text-align: center;
}
.portfolio_inner::before {
  position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}
.portfolio_inner .btn-theme{
  padding: 0 21px;
}
.partner-heading{
  padding-bottom:30px;
}
.portfolio_area_items:hover .portfolio_inner::before,
.portfolio_area_items:hover .portfolio_inner p,
.portfolio_area_items:hover .portfolio_inner a{
  opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	transition-delay: 0.3s;
}
.portfolio_area_items:hover .portfolio_inner {
	background-color: rgba(58,52,42,0);
}

.portfolio_area_items:hover img {
	opacity: 0.4;
}

.portfolio_inner p{
  padding-bottom: 20px;
  font-size: 20px;
}
.portfolio_inner a{
  padding: 2px 7px;
  font-size: 16px;
  line-height: 35px;
}
.portfolio_inner p,
.portfolio_inner a{
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition-property: opacity, transform;
  transition-duration: 0.35s, 0.35s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  color: #fff;
}

#our_portfolio_area  .owl-theme .owl-dots .owl-dot.active span,
#our_portfolio_area .owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--heading-color);
}

#our_portfolio_area  .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: var(--main-theme-color);
  display: block;
  border-radius: 0;
}
#our_portfolio_area  .owl-dots{
  padding-top: 30px;
  text-align: center;
  width: 100%;
}


/* -- Join Area Area-- */
.join_area_img img{
  width: 100%;
}
.join_text h3{
  color: var(--paragraph-color);
  font-weight: 400;
}
.join_text h2{
  padding-top: 15px;
}
.join_text p{
  padding-top: 15px;
}
.join_text a{
  margin-top: 35px;
}

/* -- Client Say Area-- */
.counter_area{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #fff;
}

.counter_items:nth-child(1) {
  border-bottom: 1px solid #e5e4e4;
  border-right: 1px solid #e5e4e4;
  padding-bottom: 30px;
  padding-top: 30px;
}
.counter_items:nth-child(2) {
  border-bottom: 1px solid #e5e4e4;
  padding-bottom: 30px;
  padding-top: 30px;
}
.counter_items:nth-child(3) {
  border-right: 1px solid #e5e4e4;
  padding-top: 30px;
  padding-bottom: 30px;
}
.counter_items:nth-child(4) {
  padding-top: 30px;
  padding-bottom: 30px;
}
.counter_items{
  text-align: center;
  width: 50%;
}
.counter_items h3{
  font-size: 20px;
}
.counter_items h2{
padding-top: 10px;
color: var(--main-theme-color);
}
.home_client_wrappers{
  text-align: center;
}
.client_wrappers{
padding-top: 30px;
}
.client_items img{
  width: auto !important;
  margin: 0 auto;
}
.client_items h5{
color: var(--main-theme-color);
font-weight: 600;
padding-top: 10px;
}
.client_items p{
  padding-top: 10px;
}

#client_say_arae  .owl-theme .owl-dots .owl-dot.active span,
#client_say_arae .owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--heading-color);
}

#client_say_arae  .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: var(--main-theme-color);
  display: block;
  border-radius: 0;
}
#client_say_arae   .owl-dots{
  padding-top: 10px;
  text-align: center;
  width: 100%;
}
/* --Blog Area-- */
.blog_area_img{
  position: relative;
  overflow: hidden;
}
.blog_area_img img{
  width: 100%;
  transition: .4s all ease-in-out;
  -webkit-transition: .4s all ease-in-out;
  -moz-transition: .4s all ease-in-out;
  -ms-transition: .4s all ease-in-out;
  -o-transition: .4s all ease-in-out;
}
.blog_area:hover .blog_area_img img{
  transform: scale(1.2) rotate(4deg);
  -webkit-transform:scale(1.2) rotate(4deg);
  -moz-transform:scale(1.2) rotate(4deg);
  -ms-transform:scale(1.2) rotate(4deg);
  -o-transform:scale(1.2) rotate(4deg);
}
.blog_area_text{
  padding: 20px 20px;
}
.blog_area_text p{
color: var(--main-theme-color);
font-weight: 500;
}
.blog_area_text h3{
  font-size: 22px;
  padding-top: 15px;
}
.blog_flex_area{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
}
.blog_flex_area p{
color:#5c5d5e8c;
}
.blog_flex_area a i{
  padding-right: 5px;
  font-size: 13px;
}
/* --Partner Area-- */
#our_partner_area{
  padding: 50px 0;
}
.partner_slider_item img{
  width: 75% !important;
}

/* --Footer Area-- */
#footer_area{
  background-image: url('../img/common/footer_bg.jpg');
  padding: 80px 0;
}
.footer_about p{
  color: #fff;
  padding-top: 20px;
}
.footer_address{
padding-top: 10px;
}
.footer_address li{
color: #fff;
padding-top: 10px;
}
.footer_address li i{
  padding-right: 10px;
}
.footer_heading h4{
  color: #fff;
  padding-bottom: 30px;
  font-size: 18px;
}
.footer_item ul li{
  color: #fff;
  padding-top: 10px;
}
.footer_item ul li:first-child{
  padding-top: 0;
}
.footer_sub .form-control{
  border: none;
}
.footer_sub button {
  background-color: var(--main-theme-color);
  color: #fff;
  padding: 8px 15px;
  border: none;
  font-size: 20px;
  border-radius: 0 4px 4px 0;
  margin-left: -4px;
  height: 44px;
  transition: .4s all ease-in-out;
  -webkit-transition: .4s all ease-in-out;
  -moz-transition: .4s all ease-in-out;
  -ms-transition: .4s all ease-in-out;
  -o-transition: .4s all ease-in-out;
}
.footer_sub button:hover{
background-color: var(--heading-color);
}
.footer_soical_link p{
  padding-top: 25px;
  color: #fff;
}
.footer_icons li{
display: inline-flex;
}
.footer_icons li a{
  color: #fff;
}
.footer_icons li a i{
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  border-radius: 50%;
  margin-right: 20px;
  transition: .4s all ease-in-out;
  -webkit-transition: .4s all ease-in-out;
  -moz-transition: .4s all ease-in-out;
  -ms-transition: .4s all ease-in-out;
  -o-transition: .4s all ease-in-out;
}
.footer_icons li a i:hover{
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.footer_icons{
  padding-top:15px;
}

/* --Copy_Right_area-- */
#copy_right_area{
padding: 20px 0;
}
.copy_right_text{
  text-align: center;
}
.copy_right_text p{
  font-size: 16px;
}

/* ----------------------------
        Home 02
-------------------------------*/
#home_two_banner{
  background-image: url('../img/banner/home-two.jpg');
  height: 86vh;
  display: flex;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
}
.bg-img:before {
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #070a1b;
  opacity: .6;
}
#home_two_banner .owl-dots{
  position: absolute;
  right: 0;
  transform: rotate(90deg);
  top: 160px;
}
#home_two_banner .owl-theme .owl-dots .owl-dot.active span,
#home_two_banner .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #fff;
}

#home_two_banner .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: var(--main-theme-color);
  display: block;
  border-radius: 0;
}

/* --Banner Two Bottom Area-- */
#banner_two_bottom_area{
  margin-top: -100px;
}
.banner_botom_two_wrapper{
position: relative;
border: 6px solid #fff;
transition: .4s all ease-in-out;
-webkit-transition: .4s all ease-in-out;
-moz-transition: .4s all ease-in-out;
-ms-transition: .4s all ease-in-out;
-o-transition: .4s all ease-in-out;
}
.banner_botom_two_wrapper:hover{
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  cursor: pointer;
}
.banner_botom_two_wrapper img{
  width: 100%;
  position: relative;
}
.banner_bottom_text{
  position: absolute;
  left: 0;
  top: 0;
  background-color: #00152b94;
  width: 100%;
  height: 100%;
}
.banner_bottom_inner{
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.banner_bottom_text p{
color: #fff;
}

.banner_bottom_text a h3{
  color: #fff;
  padding-top: 10px;
  transition: .4s all ease-in-out;
  -webkit-transition: .4s all ease-in-out;
  -moz-transition: .4s all ease-in-out;
  -ms-transition: .4s all ease-in-out;
  -o-transition: .4s all ease-in-out;
}
.banner_botom_two_wrapper:hover .banner_bottom_text a h3{
  color: var(--main-theme-color);
}

/* --Case_Study_Area-- */
.case_study_items img{
  width: 100%;
}
.case_study_slider_text{
  margin: -80px 165px 10px 165px;
  padding: 35px 25px;
  position: relative;
  background: #fff;
}
.case_study_slider_text h5{
  font-weight: 700;
  color: var(--main-theme-color);
}
.case_study_slider_text h3{
  padding-top: 15px;
}
.case_study_slider_text p{
  padding-top: 15px;
}
.case_study_slider_text a{
  margin-top: 30px;
}

#case_study_main .owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 25px;
}
#case_study_main .owl-theme .owl-dots .owl-dot.active span,
#case_study_main .owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--heading-color);
}

#case_study_main .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: var(--main-theme-color);
  display: block;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

/* ------------------------------
      About Page
----------------------------------*/

/* --About Area-- */
.about_area_img img{
  width: 100%;
}
.about_area_text h5{
  font-weight: 700;
  color: var(--main-theme-color);
}
.about_area_text h2{
padding-top:10px;
}
.about_area_text p{
  padding-top:10px;
}
.about_area_text ul{
  padding-top: 10px;
}
.about_area_text ul li{
  padding-top:10px;
}
.about_area_text ul li i{
  padding-right: 10px;
  font-size: 14px;
  color: var(--main-theme-color);
}
.about_area_text img{
  padding-top: 15px;
}
.about_area_text h6{
  padding-top: 15px;
}

/* --Video Area-- */
#video_area{
  background-image: url('../img/common/video.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
#video_area::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#000000ba;
}
.video_btn {
  position: relative;
  display: inline-block;
  font-size: 32px;
  width: 150px;
  height: 150px;
  padding-left: 5px;
  line-height: 150px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  color: #252525;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #fff;
  -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
  -webkit-animation: pulseWhite 1s linear infinite;
  animation: pulseWhite 1s linear infinite;
}
.video_btn:hover {
  -webkit-animation: none;
  animation: none;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  background: var(--main-theme-color);
}
.video_area_content{
  text-align: center;
}
.video_area_content h3{
  color: #fff;
  padding-top: 40px;
}
@-webkit-keyframes pulseWhite {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes pulseWhite {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/* --Team Area -- */

.our-team .team-row {
  margin-left: -40px;
  margin-right: -40px;
}

.our-team .team-wrap {
  padding: 0 40px;
}

.our-team .container-fluid {
  padding: 0 50px;
}

.team-img img {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  overflow: hidden;
  width: 100%;
}

.team-member,
.team-img {
  position: relative;
  overflow: hidden;
}

.team-title {
  margin: 30px 0 7px;
}

.overlay {
  background-color: rgba(20,20,20,.7);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.team-details {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 20px 30px;
  overflow: hidden;
  width: 100%;
  z-index: 2;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.team-details p {
  color: #fff;
}

.team-img:hover .team-details {
  opacity: 1;
  margin-top: -60px;
}

.team-img:hover .overlay {
  opacity: 1;
}

.socials a {
  display: inline-block;
  width: 37px;
  height: 37px;
  background-color: transparent;
}

.socials i {
  line-height: 37px;
  color: #616161;
  font-size: 14px;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.team-details .socials i {
	color: #fff;
}

.socials a:hover i {
  color: #fff;
  background-color: var(--main-theme-color);
}
#team_area .owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 25px;
}
#team_area .owl-theme .owl-dots .owl-dot.active span,
#team_area .owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--heading-color);
}

#team_area .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: var(--main-theme-color);
  display: block;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

/* -------------------------
      Service Details Page
---------------------------*/
.service_details_para{
padding-top: 30px;
}
.service_details_para p{
 padding-top: 10px;
}
.service_details_sub_img{
  padding-top: 30px;
}
.service_details_faqs{
  padding-top:40px;
}
.card-header a h5{
  display: flex;
  justify-content: space-between;
  color: #fff;
}
.card-header {
  background-color: var(--main-theme-color);
}
.card {
  margin-top: 20px;
  border: none;
}
.card-body{
  border: 1px solid var(--main-theme-color);
}
.card:first-child{
  margin-top: 0;
}
.service_details_sidebar_wedget{
margin-bottom: 30px;
}
.service_details_inner_wedget {
  margin-top: 15px;
}
.service_details_inner_wedget ul li{
  padding: 10px 10px;
  border-bottom:1px solid #eaeaea;
}
.service_details_inner_wedget ul li:last-child{
  border-bottom: 0;
}
.service_details_inner_wedget ul li i{
  padding-right: 5px;
}
.brochure_area{
  text-align: center;
  padding: 30px 20px;
  margin-top: 15px;
}
.brochure_area a{
  margin-top:10px;
}
.service_details_inner_wedget p{
  padding:30px 20px;
  text-align: center;
}
/* ------------------------
      Blog-Grid page
-------------------------*/
#blog_main_page .blog_area{
  margin-bottom: 30px;
}

/* ------------------------
   Blog-With-sidebar page
-------------------------*/
.blog_sidebar_item{
  background: #fff;
  box-shadow: 0px 0px 6px 5px #0032550f;
  padding: 30px 25px;
  margin-bottom: 30px;
}
.blog-search{
position: relative;
}
.blog-search i{
  position: absolute;
  top: 17px;
  right: 16px;
  color: var(--main-theme-color);
}
.blog-search input{
  padding: 0 40px 0 20px;
}
.blog_sidebar_heading{
  padding-bottom: 30px;
}
.blog_sidebar_heading h3{
  position: relative;
}
.blog_sidebar_heading h3:after{
  content: "";
  width: 40px;
  background-color: var(--main-theme-color);
  height: 3px;
  margin-top: 10px;
  display: block;
}
.sidebar-categorie-list ul li{
  margin-bottom: 15px;
}
.sidebar-categorie-list ul li:last-child{
  margin-bottom: 0;
}
.sidebar-categorie-list ul li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popular_post_item{
  position: relative;
  margin-bottom:25px;
}
.popular_post_item:last-child{
  margin-bottom: 0;
}
.populer_post_img{
  width: 80px;
  height: 75px;
  position: relative;
  z-index: 99;
}
.populer_post_img a img{
  width: 100%;
  height: 100%;
}
.popular_post_text{
  padding-top: 0px;
  position: absolute;
        top: 0;
        left: 98px;
}
.popular_post_text h4{
  font-size: 18px;
}
.popular_post_text p{
  font-size: 14px;
  padding-top: 5px;
}
.taqs_blog_sidebar a{
  background: var(--main-theme-color);
  padding: 10px 10px;
  display: inline-block;
  margin: 3px 0;
  color: #fff;
  transition: .4s all ease-in-out;
  -webkit-transition: .4s all ease-in-out;
  -moz-transition: .4s all ease-in-out;
  -ms-transition: .4s all ease-in-out;
  -o-transition: .4s all ease-in-out;
}
.taqs_blog_sidebar a:hover{
  background-color: var(--heading-color);
}


/* --pagination area strat-- */
.pagination {
  padding: 0;
  display: block;
  margin: 40px 0 0;
  text-align: center;
}
.pagination .page-item {
  display: inline-block;
  margin: 0 3px;
}
.pagination .page-item .page-link {
  color: var(--heading-color);
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #f5f5f5;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.pagination .page-item.active .page-link {
  background-color: var(--main-theme-color);
  color: #ffffff;
  -webkit-box-shadow: 0px 7px 20px 0px #dcdcdc;
  box-shadow: 0px 7px 20px 0px #dcdcdc;
}

/* ----------------------------
         Blog Detils
-----------------------------*/

.blog_single_item{
  background: #fff;
  margin-bottom: 30px;
  padding: 30px 30px;
}
.blog_single_viewer_area{
padding-top:20px;
}
.blog_single_viewer_area ul li{
  display: inline-block;
    padding-right: 20px;
    font-size: 14px;
}
.blog_single_viewer_area ul li a i{
  padding-right: 5px;
}
.blog_single_heading{
  padding-top: 15px;
}
.blog_single_text{
padding-top: 20px;
}
.blog_single_text p{
  margin: 0;
  padding-top: 20px;
}
.blog_single_text p:first-child{
  padding-top: 0;
}
.blog_single_text blockquote{
  background: var(--main-theme-color);
  margin-top: 30px;
  padding: 25px 30px;
  font-size: 18px;
  font-style: italic;
  color: #fff;
}
.blog_single_tags_bottom{
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
}
.blog_single_tags_bottom ul li{
  display: inline-block;
  padding-right: 4px;
}
.shared_post li a i{
  padding-right: 7px;
}
.comment_item{
  padding-bottom: 30px;
}
.comment_item:last-child{
  padding-bottom: 0;
}
.comments_text{
  padding-top: 20px;
}
.comments_text p{
  padding-top: 6px;
}
.comment_heading_flex{
 display: flex;
    justify-content: space-between;
    align-items: center;
}
.comment_heading_flex h5{
  font-size: 20px;
  font-weight: 500;
}
.replay_comment{
  padding-left: 50px;
}
.comment_item img{
  width: 100px;
  height: 100px;
}

/* --------------------------
    Pricing Page
---------------------------*/
.price-table {
  position: relative;
  display: block;
  background: #F4F5F8;
  padding-bottom: 45px;
  border-radius: 8px;
  -moz-transition: all 300ms ease-out 0s;
  -webkit-transition: all 300ms ease-out 0s;
  -ms-transition: all 300ms ease-out 0s;
  -o-transition: all 300ms ease-out 0s;
  transition: all 300ms ease-out 0s;
  margin-bottom: 30px;
}
.price-table .table-header {
  position: relative;
  display: block;
}
.price-table .table-header .pricing-plan-name {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 600;
  padding: 15px 0;
  background: linear-gradient(45deg, #ff5e14, #3c3c3c) !important;
  border-radius: 8px 8px 0 0;
}
.price-table .table-header .price {
  font-size: 64px;
  line-height: 64px;
  color: #0B2239;
  font-weight: 600;
  background: #fff;
  padding: 45px 0 20px;
  border: 1px solid #edf1f9;
}
.price-table .table-header .price .price-currency {
  font-size: 36px;
  margin-right: 10px;
  vertical-align: text-bottom;
  font-weight: 600;
}
.price-table .table-header .price .price-duration {
  font-size: 15px;
  letter-spacing: .3px;
  font-weight: 500;
}
.price-table .table-content {
  position: relative;
  display: block;
  padding: 45px;
}
.price-table .table-content .list-items li {
  padding: 8px 0;
}
.price-table.active {
  -webkit-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.price-table .recommended {
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  padding: 3px;
  background: #b62b7d;
  margin: 0 auto;
  width: 40%;
  border-radius: 30px;
  color: #fff;
  font-size: 13px;
}
.list-items li i{
  padding-right: 10px;
  color: var(--main-theme-color);
}
/* --------------------------
    Case Study Page
---------------------------*/
.service_details_inner_wedget ul li a i{
  color: var(--main-theme-color);
}

/* --------------------------
    Testimonial Page
---------------------------*/
.testimonial_items:last-child{
  margin-bottom: 0;
}
.testimonial_items{
padding: 30px 20px;
margin-bottom: 30px;
}
.testimonials_items_img{
  width: 150px;
  height: 150px;
}
.testimonials_items_img img{
  width: 100%;
}
.testimonial_rating{
  padding-top: 10px;
}
.testimonial_rating i{
color: var(--main-theme-color);
}
.testimonials_items_details p{
  padding-top: 12px;
}

/* --------------------------
   Team Page
---------------------------*/
#team_area_main .team-wrap{
padding-top: 30px;
}
/* --------------------------
   Team Details Page
---------------------------*/
.team_sidebar{
  margin-bottom: 30px;
  padding: 20px;
}
.team_sidebar:last-child{
  margin-bottom:0px;
}
.team_details_descrepation{
  padding: 30px 30px 0px 30px;
  text-align: center;
}

.team_details_descrepation p{
padding-top: 5px;
}
.team_soical{
padding-top: 10px;
}
.team_soical ul li{
padding-right: 15px;
}
.team_sidebar_img{
width: 310px;
height: 270px;
}
.team_sidebar_img img{
  width: 100%;
}
.team_details_personal_info{
  padding-top: 20px;
}
.team_details_personal_info ul li{
  padding-bottom: 10px;
}
.team_details_personal_info ul li:last-child{
  padding-bottom: 0px;
}
.team_details_personal_info ul li span{
  font-weight: 600;
  color: var(--main-theme-color);
  padding-right: 10px;
}
.team_details_text{
  padding-bottom: 60px;
}
.team_details_text:last-child{
  padding-bottom:0px;
}
.team_details_text h3{
padding-bottom: 20px;
}
.table thead th {
  border: 0;
  padding-bottom: 5px;
}
.table thead th p {
  text-transform: uppercase;
  font-weight: 500;
}
.table tbody td {
  text-transform: capitalize;
  padding-top: 10px;
}

.table td, .table th {
border: none;
}

/* --------------------------
         Faqs Page
---------------------------*/
.faqs_area_form{
  padding: 20px 20px;
}
.faqs_area_form h5{
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 20px;
}
#faqs-form button{
  width: 100%;
}

/* --------------------------
      Sign in Page
---------------------------*/
.user_area_weapper{
  text-align: center;
}
.user_arae_form{
  padding: 45px 45px;
  background-color: #fff;
  margin-top: 40px;
}
.form-check{
  padding-top: 20px;
  margin-bottom: 10px;
}
.user_arae_form  form button{
  margin-top: 10px;
  margin-bottom: 15px;
}
.not_remamber_area p a {
  color: var(--main-theme-color);
}
/* --------------------------
        Error Page
---------------------------*/
#error_area {
  height: 100vh;
  top: 0;
  left: 0;
}
.d-table {
  width: 100%;
  height: 100%;
}
.d-table .d-table-cell {
  vertical-align: middle;
}
.error-img {
  text-align: center;
}
.error-img h3 {
  padding: 30px 0;
}
/* ------------------------------
   Privacy Policy Page
-------------------------- */
.Condition_text_arae{
padding-top: 50px;
}
.Condition_text_arae:first-child{
  padding-top: 0;
}
.Condition_text_arae p{
padding-top: 20px;
}

/* ------------------------
     Contact page
-------------------------*/
.contact_form_main{
  padding: 30px 30px;
}
.contact_info_wrapper{
  padding: 30px 25px;
}
.contact_item {
  padding-bottom: 30px;
}
.contact_item h5 {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 10px;
}
.contact_item p {
  margin: 0;
  padding-top: 5px;
}
.map_area {
  padding-top: 150px;
}
.map_area iframe {
  width: 100%;
  height: 500px;
  border: none;
}