/*
Theme Name: Business Assistant Pro
Theme URI: https://www.misbahwp.com/products/business-wordpress-theme/
Description: People are always in a rush and want to have services at their doorstep. The laundry business is not an exception to it and that is why we have brought this amazing Dry Cleaning WordPress Theme that will take your laundry business online. It is designed by analyzing the latest market trends and does the job of promoting your washing, laundry, ironing, and dry cleaning business fabulously. Clothing repair, dry wash companies, and all the relevant businesses that are somehow related to dry cleaning will find it conducive to starting their work online. With the aid of this Dry Cleaning WordPress Theme, you will be able to make an impressive and functional business website that can put you a step ahead of your competitors. These noticeable themes on your business website will let you collect details of leads through the lead generation form on the webpage. It comes with flawless features governing the wonderful website that can make the business function perfectly through the online platform, its unique homepage displays all the information regarding your dry cleaning company perfectly along with contact details and email id of your laundry company.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 7.1
Tested up to: 6.2
Tags: portfolio, photography, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Text Domain: business-assistant-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.alignwide {
  margin-left: -80px;
  margin-right: -80px;
}

.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}

.alignfull img {
  width: 100vw;
}

.post-single span {
  text-transform: capitalize;
  font-weight: 600;
}

body {
  font-family: 'Manrope', sans-serif;
  margin: 0;
  background-color: #fff;
  background-image: url(images/background/full-bg-image.png);
  background-size: 100%;
  background-repeat: no-repeat;
  overflow-x: hidden;
}

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

a {
  color: #000;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #222222;
  text-decoration: none;
}

section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}

/* ===============================================
  HEADER BOX
  ============================================= */


.header {
  position: static;
  box-shadow: 0px 3px 6px #00000029;
  background-color: #fff;
}

.header-top-contact .dashicons {
  color: #4482F6;
  margin-bottom: 0;
  position: relative;
  z-index: 9;
}

.header-phone .dashicons-phone:before {
  transform: rotate(90deg);
  display: block;
}

.header-top-contact .dashicons::after {
  content: '';
  width: 0;
  height: 4px;
  background-color: #4482F6;
  position: absolute;
  bottom: -16px;
  left: 50%;
  right: 0;
  margin: auto;
  transform: translateX(-50%);
}

.header-top-contact a:hover .dashicons::after {
  width: 67px;
  transition: all 0.6s;
}

.header-top-contact {
  margin: 0 -15px;
  padding: 10px 20px 17px;
  position: relative;
}

.menu-header-right:after {
  content: '';
  height: 1px;
  background-color: #707070;
  position: absolute;
  top: 0;
  width: 117%;
  left: -20px;
}

.header-bars {
  font-size: 24px;
  padding-top: 18px;
  position: relative;
}

.header-bars .fa-bars, .header-bars span {
  border: 0.5px solid #707070;
  padding: 0;
  background-color: #fff;
  position: relative;
  z-index: 9;
  line-height: 52px;
  height: 52px;
  display: table;
  width: 49px;
  margin: auto;
}

.header-bars::after {
  content: '';
  background-color: #707070;
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  left: 50%;
}

.menu-header-right h4 {
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 5px;
}

.contact-header {
  justify-content: space-between;
  display: flex;
}

.menu-header-right {
  font-size: 12px;
  line-height: 1;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-top: 18px;
  margin-top: 10px;
}

.menu-header-right p {
  margin-bottom: 0;
}

.menu-header-right .fa-phone {
  background-color: #4482F6;
  width: 45px;
  height: 45px;
  border-radius: 45px;
  text-align: center;
  line-height: 45px;
  color: #fff;
  font-size: 20px;
  margin-right: 10px;
}

/*404 Page*/
.page-404 h1 {
  font-size: 300px;
  color: #4482F6;
}

.page-404 h3 {
  font-size: 38px;
  color: #222222;
}

.page-404 hr {
  width: 10%;
  background: #4482F6;
  padding: 1px;
}

.page-404 .intro-button {
  text-align: center;
  display: inline-block;
  padding: 5px;
}

.page-404 .button {
  padding: 15px 40px;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  transition: all 0.2s;
  text-decoration: none;
}

.page-404 .intro-button:hover {
  background: #4482F6;
}

.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #222222;
  content: '';
  position: absolute;
  z-index: -1;
}

.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
  LOGO BOX
  ============================================= */

.logo {
  display: block;
  padding: 15px 0;
  min-height: 53px;
  line-height: 1.4em;
  word-break: break-all;
}

.header .div_box1 {
  position: relative;
}

.header .div_box1::after {
  content: '';
  background-color: #707070;
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  right: 0;
}

.logo a {
  color: #4482F6;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}

.logo a:hover,
.logo a:focus {
  color: #4482F6;
}

.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}

.logo-image {
  float: unset;
}


/* ===============================================
  MENU BOX
  ============================================= */

#main-menu {
  display: block;
  position: relative;
  float: right;
  margin: 0 auto;
}

#main-menu ul {
  margin: 0;
  padding: 0;
  display: block;
}

#main-menu ul li {
  position: relative;
  display: block;
  float: left;
  text-align: left;
}

#main-menu ul li a {
  color: #222222;
  text-decoration: none;
  display: block;
  position: relative;
  z-index: 1;
  padding: 0 15px;
  font-size: 18px;
  line-height: 35px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0;
  font-weight: 500;
  -webkit-transition: color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, background-color .1s linear;
  transition: color .1s linear, background-color .1s linear;
  position: relative;
}

#main-menu ul li.current-menu-item a:before, #main-menu ul li a:hover:before {
  content: '';
  position: absolute;
  top: -19px;
  width: 100%;
  height: 4px;
  background-color: #4482f6;
  left: 0;
}

#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover>a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus>a,
#main-menu li:focus>a,
#main-menu ul li.current-menu-item>a,
#main-menu ul li.current_page_item>a,
#main-menu ul li.current-menu-parent>a,
#main-menu ul li.current_page_ancestor>a,
#main-menu ul li.current-menu-ancestor>a {
  color: #222222;
}

#main-menu ul.children,
#main-menu ul.sub-menu {
  display: none;
  position: absolute;
  top: 34px;
  left: 0;
  background: #fff;
  z-index: 10001;
  width: 213px;
  padding-left: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}

#main-menu ul li:hover .sub-menu {
  display: block;
}

#main-menu ul.children li,
#main-menu ul.sub-menu li {
  display: block;
  position: relative;
  float: none;
  line-height: 18px;
  margin-left: 0;
  margin-right: 0;
  -webkit-transform: skew(0deg);
  -ms-transform: skew(0deg);
  transform: skew(0deg);
  padding: 5px 10px;
}

#main-menu li li:hover>ul,
#main-menu li li:focus>ul,
#main-menu li li.focus>ul {
  top: 0px;
  left: -100%;
}

#main-menu ul.children li a,
#main-menu ul.sub-menu li a {
  display: block;
  position: relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
  color: #4482F6;
  -webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#main-menu ul.sub-menu li a:hover {
  color: #fff;
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}

#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
  content: '';
  position: absolute;
  -webkit-transition:
    inherit;
  transition:
    inherit;
  z-index: -1;
}

#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
  top: 0;
  width: 0;
  height: 100%;
}

#main-menu ul.sub-menu li a:before {
  left: 0;
  border: 1px solid #222222;
  border-left: 0;
  border-right: 0;
}

#main-menu ul.sub-menu li a:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
  width: 100%;
}

#main-menu ul.sub-menu li a:after {
  right: 0;
}

#main-menu ul.sub-menu li a:hover:after {
  background: #222222;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
  width: 100%;
}

#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before {
  display: none;
}

#main-menu li:hover>ul,
#main-menu li:focus>ul,
#main-menu li.focus>ul {
  opacity: 1;
  right: calc(100% - 213px);
}

.menu-toggle,
.dropdown-toggle,
button.close-menu {
  display: none;
  background: #4482F6;
  color: #fff;
}



#main-menu ul li:hover .sub-menu {
  display: block;
}

/* ===============================================
  HEADER SEARCH
  =============================================== */

.header-search {
  text-align: right;
}

.header-search .open-search-form i {
  font-size: 18px;
  cursor: pointer;
  color: #4482F6;
  margin: 10px 0;
}

a.cart-customlocation i {
  font-size: 16px;
  cursor: pointer;
  color: black;
}

p.cart-item-box {
  position: absolute;
  top: -30%;
  left: 50%;
  background: #222222;
  width: 18px;
  height: 18px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  display: none;
}

.header-search .open-search-form i:hover {
  color: #4482F6;
}

/* a.cart-customlocation i:hover{
 	color: #fff;
 }*/
.header-search .search-form {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 1001;
  visibility: hidden;
  -webkit-transition-property: all, -webkit-transform;
  transition-property: all, transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  background: rgba(255, 255, 255, 0.98) none repeat;
  border: none !important;
}

.header-search .search-form.is-open {
  right: 0;
  height: 100%;
  visibility: visible;
}

.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}

.header-search .search-form a.close-search-form {
  top: 50px;
  position: absolute;
  margin-left: -13px;
  left: 50%;
}

.header-search .search-form i.searchform-close-button {
  font-size: 25px;
  color: #616161 !important;
  opacity: 0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}

.header-search .search-form.is-open i.searchform-close-button {
  opacity: 1;
}

.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#site-navigation .sidenav a.closebtn {
  display: block;
  position: absolute;
  right: 15%;
  top: 5%;
  font-size: 50px;
  z-index: 100;
}

div#mySidenav {
  position: absolute;
  left: 0;
  max-width: 35%;
  background-color: rgb(219 231 254);
  height: 100vh;
  z-index: 9999999999;
  width: 0;
  overflow: hidden;
  transition: all ease-in-out 600ms;
}
div#mySidenav #main-menu {
  float: none;
  padding: 7rem;

}
div#mySidenav #main-menu ul li {
  float: none;
  margin-bottom: 1rem;
}
div#mySidenav #main-menu ul li a:before {
  display: none !important;
}

/* ===============================================
  POST BOX
  ============================================= */

  img {
    max-width: 100%;
  }

.post-thumbnail {
  line-height: 0;
}

h4.post-title {
  font-size: 22px;
  color: #4482F6;
  font-weight: 700;
  margin-top: 10px;
}

.post-content p {
  color: #343434;
}

.post-meta i {
  color: #222222;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #121d21;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}

.post-content img,
.post-thumbnail img {
  max-height: 100%;
}

.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,
footer {
  float: left;
  width: 100%;
}

.latest-post .post-date,
.latest-post .post-comments {
  color: #4482F6;
  font-weight: 600;
  text-transform: capitalize;
}

.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}

.latest-post figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
}

.latest-post figure:hover+span {
  opacity: 1;
}

.latest-post figure img {
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}

.latest-post:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 10px;
}

.post-single .tags-bg a {
  padding: 10px 15px;
  background: #222222;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 10px;
}

.post-single .tags-bg a:hover {
  background: #222222;
}

.post-single .blog_share_icon .fab {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  background: #222222;
  color: #fff;
  font-size: 18px;
  padding: 15px;
  margin: 0 10px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
}

.post-single .blog_share_icon .fab:hover {
  transform: rotate(360deg);
  background: #222222;
}

.post-single {
  display: block;
}

label {
  display: block;
}

.latest-post h4 a {
  color: #4482F6;
  font-weight: 700;
  font-size: 18px;
}

.latest-post h4 a:hover {
  color: #222222;
}

.latest-post .post-content p {
  color: #757575;
  font-weight: 400;
}

.latest-post .owl-item .post-admin span img {
  width: auto;
  display: inline-block;
  border-radius: 50%;
}

.latest-box {
  filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.08));
  background: #fff;
  border-radius: 10px;
}

.latest-post .far.fa-calendar-alt,
.latest-post .fas.fa-bookmark {
  color: #717982;
}

.latest-post .icon-book {
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}


.latest-post .far.fa-calendar-alt {
  color: #222222;
}

.latest-post .far {
  color: #222222;
  font-size: 18px;
}

.latest-post .comments {
  color: #707070;
  font-size: 18px;
  text-transform: capitalize;
}

.latest-post .read_more {
  color: #222222;
  font-weight: 600;
  text-transform: uppercase;
}

.latest-post .post-date {
  color: #222222;

}

.latest-post .time {
  float: right;
}

.latest-post .admin a {
  color: #222222;
  text-transform: capitalize;
  font-weight: 600;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input {
  width: 100%;
}

.comment-respond input#submit {
  background: #222222;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}

.comment-respond input#submit:hover {
  background-color: #222222;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list {
  padding-left: 0;
}

.comment-list .comment {
  display: block;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}

.comment-content.card-block {
  padding: 15px;
}

.comment-reply a {
  background: #222222;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}

.comment-reply a:hover {
  background: #222222;
  color: #f3f4f7;
  text-decoration: none;
}


/* ===============================================
  Pagination
  ============================================= */

.pagination,
.business-assistant-pro-pagination {
  margin: 25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.business-assistant-pro-pagination a span,
.business-assistant-pro-pagination span.current {
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  color: #222;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  margin: 0;
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
  filter: drop-shadow(8.866px 9.508px 15px rgba(0, 0, 0, 0.1));
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.business-assistant-pro-pagination span.current,
.business-assistant-pro-pagination span.current:hover,
.business-assistant-pro-pagination span.current:focus,
.business-assistant-pro-pagination a span:hover,
.business-assistant-pro-pagination a span:focus {
  background: #222222;
  color: #ffffff;
}

.commentlist {
  list-style: none;
  margin: 0;
  padding: 0
}

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

.commentlist li {
  margin: 0;
}

.commentlist li .comment-respond {
  margin-bottom: 25px;
}

.commentlist li:last-of-type .comment-respond {
  margin-bottom: 0px;
}

.comment-container {
  position: relative;
  margin: 0 0 25px 0;
  padding: 30px;
  background: #fff;
  border: solid 1px #f3f4f7 !important;
  z-index: 999
}

.comment-avatar img {
  float: left;
}

.comment-text {
  position: relative;
  margin-left: 110px;
  padding: 0 0 0 15px
}

.comment-container .comment-date {
  padding: 15px 0;
}

.comment-avatar {
  position: relative;
  width: 110px;
  float: left;
}

.comment-author .author {
  display: block;
  font-weight: bold;
}

.commentlist .children li {
  margin-left: 30px;
}

.comment-notes {
  font-size: 12px;
  margin: -25px 0 25px 0;
}

h3#reply-title,
h3.comments {
  height: 30px;
  line-height: 30px;
  margin: 30px 0;
}

h3#reply-title small,
.logged-in-as {
  font-size: 15px;
  margin: -25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
  padding: 10px 2%;
  background: #fff;
  width: 100%;
  margin: 0 0 15px 0;
  border: 1px solid black;
  color: #4482F6;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.comment-form input[type=submit] {
  background: #4482F6;
  color: #fff;
  border: none;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  display: block;
  text-shadow: none;
  padding: 10px 15px;
  width: inherit;
  margin: 0;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -moz-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
  cursor: pointer;
}

.comment-form input[type=submit]:hover,
.comment-form input[type=submit]:focus {
  background-color: #248efa;
  text-decoration: none
}

.logged-in-as a {
  color: #4482F6;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
  display: block;
}

/* ===============================================
  SIDEBARS
  =============================================== */

.sidebar-area .textwidget img {
  width: 100%;
  height: auto;
}

.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  background: #fff;
  border: 1px solid #e9e7f4;
  filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08));
  transition: all .3s ease-in-out;
  transform: translateY(0);
}

.sidebar-area .sidebar-widget:hover {
  transform: translateY(-7px);
}

.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height: 1.9em;
  font-weight: normal;
  text-transform: capitalize;
}

.sidebar-area a {
  font-weight: 600;
}

.sidebar-area ul,
#calendar_wrap,
.sidebar-area .textwidget,
.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}

.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 500;
}

.sidebar-area li {
  padding-bottom: 15px;
  color: #4482F6;
}

.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #222222;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  background: #4482F6;
}

.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}

.sidebar-area .tagcloud a:hover {
  background: #4482F6;
  color: #fff;
}

.sidebar-area form {
  padding: 0;
}

.sidebar-area select,
.sidebar-area textarea,
#comments textarea,
.sidebar-area input[type="text"],
#comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: 1px solid rgba(0, 0, 0, 0.125);
  float: unset;
}

.sidebar-area input[type="search"] {
  width: 69%;
  border: none;
  background: transparent;
}

#wp-calendar th,
#wp-calendar #today,
#wp-calendar #today a {
  background: #f3f4f7;
  color: #434343 !important;
}

#wp-calendar a:hover {
  border: none;
}

#wp-calendar {
  background: #fff;
  width: 100%;
}

#wp-calendar caption {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-align: left;
}

#wp-calendar th,
#wp-calendar td {
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  padding: 3px 6px;
}

#wp-calendar td a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  text-decoration: underline
}

#wp-calendar td#prev a,
#wp-calendar td#prev a {
  text-decoration: none;
  text-align: left;
}

#wp-calendar th {
  font-weight: bold
}

tr:nth-child(2n+2) {
  background-color: #f3f4f7;
}

.searchform label {
  display: block;
}

.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: 2px solid #efefef;
  outline: none;
}

.searchform input[type=submit] {
  background: #222222;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
  text-shadow: none;
  padding: 14px 0;
  width: 110px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -moz-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover,
.searchform input[type=submit]:focus {
  background-color: #222222;
  text-decoration: none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

.sidebar-area .post-thumbnail img {
  width: 100%;
  height: 75px;
  border-radius: 50%;
  margin-top: 10px;
}

.sidebar-area .post-title {
  font-size: 18px;
}

footer {
  background: #fff;
  margin-top: 60px;
}

footer .sidebar-area {
  background: none;
  padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
  color: #000000;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}

div.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

.wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 25px;
  max-width: 100% !important;
  padding: 4px;
  text-align: center;
}

.wp-caption img {
  margin: 5px 5px 0;
  width: 96%;
  height: 100%
}

.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
}

.footer-area .woocommerce ul.cart_list li img,
.footer-area .woocommerce ul.product_list_widget li img {
  height: 70px;
}


/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #222222;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}

#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
}

#button_scroll.show {
  opacity: 1;
  visibility: visible;
}

#button_scroll .fas {
  color: #fff;
  padding: 8px;
  margin: 5px 0;
}

#button_scroll:hover {
  background: #4482F6;
}

#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#button_scroll::before,
#button_scroll::after {
  background: #222222;
  content: '';
  position: absolute;
  z-index: -1;
}

#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #4482F6;
  z-index: 99999;
}

/** loader **/

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #222222 transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent transparent #fff;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/

@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {}
}

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

  100% {}
}

.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

a.close-search-form {
  display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  /*position: fixed;*/
  top: 0;
  width: 100%;
  z-index: 100;
}

.admin-bar .fix-sticky {
  margin-top: 32px;
}


/*Body*/

header#site-navigation.fix-sticky .menu-header {
  background: #fff;

}

.page-template-frontpage .menu-header {
  z-index: 99;
}

.menu-header .appintment-div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 30px;
  background: #4482F6;
  color: #fff;
  min-width: 150px;
  height: 45px;
  line-height: 45px;
  transition: all 0.5s ease-out;
}

.menu-header .appintment-div:hover {
  background: #222222;
}

.menu-header .social-links {
  display: flex;
  align-items: center;
  justify-content: end;
}

.menu-header .quote-box {
  display: flex;
  justify-content: end;
}

.menu-header .social-links a {
  width: 40px;
  height: 40px;
  border-radius: 30px;
  background: #f4e9f7;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  color: #c296ca;
  transition: all 0.5s ease-out;
  font-size: 18px;
}

.menu-header .social-links a:hover {
  background: #222222;
  color: #fff;
}



/*SLIDER SECTION*/

#slider .slider-content {
  position: absolute;
  top: 20%;
  left: 10%;
  bottom: 0;
  margin: 0;
  right: 50%;
}

#slider h1 {
  color: #222222;
  font-weight: 700;
  font-size: 45px;
  line-height: 55px;
  margin-bottom: 14px;
}

#slider p {
  color: #ACACAC;
  font-size: 18px;
  line-height: 30px;
}

#slider .owl-dots {
  display: none;
}

.button1 {
  background: #4482F6;
  color: #fff;
  padding: 0 5px 0 20px;
  line-height: 45px;
  font-weight: 400;
  overflow: hidden;
  display: inline-block;
  border-radius: 10px;
  margin-right: 10px;
  position: relative;
}

.button1:after {
  content: "\f061";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  background-color: #fff;
  padding: 11px 12px;
  color: #4482F6;
  border-radius: 10px;
  margin: 5px 0 5px 20px;
}

.button1:hover {
  background: #222222;
  color: #fff;
}

.button1 {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.button1::before {
  background: #4482F6;
  content: '';
  position: absolute;
  z-index: -1;
}

#slider .contact-slider {
  filter: drop-shadow(-10.816px 18.001px 25px rgba(141, 69, 170, 0.2));
  display: flex;
  border-radius: 50px 0 0 50px;
  padding: 10px 20px;
  align-items: center;
  width: 230px;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 30px;
}

#slider .text-box {
  padding-left: 10px;
}

#slider .icon-box {
  width: 45px;
  height: 45px;
  background: #f6e4f9;
  color: #4482F6;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#slider h4 {
  margin-bottom: 14px;
  font-size: 20px;
  color: #4482F6;
}

#slider .text-box p {
  margin-bottom: 0;
  color: #ACACAC;
  font-size: 14px;
}


.page-template-frontpage h3 {
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 5px;
  font-weight: 700;
}

.page-template-frontpage h5 {
  font-size: 24px;
  font-weight: 600;
  line-height: 33px;
  margin-bottom: 10px;
}


/* Services Section*/

#services h5 {
  color: #222222;
  text-align: center;
}

#services h3 {
  color: #000000;
  font-weight: 700;
  text-align: center;
}

#services .services-box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DEDEDE;
  border-radius: 15px;
  opacity: 1;
  padding: 20px 30px;
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  color: #000000;
}

#services .services-box:hover {
  background: #4482F6 0% 0% no-repeat padding-box;
  border: 1px solid #4482F6;
  color: #fff;
  transition: all 0.6s;

}

#services .services-box figure {
  background-color: rgba(68, 130, 246, 0.15);
  padding: 12px;
  border-radius: 10px;
  margin-right: 12px;
}

#services h4.post-title {
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #000000;
}

#services .services-box:hover h4.post-title {
  color: #fff;
  transition: all 0.6s;
}

#services .services-box:hover .button2 {
  background-color: #fff;
  transition: all 0.6s;
  color: #4482F6;
}

#services .services-box:hover .button2:after {
  background-color: #4482F6;
  transition: all 0.6s;
  color: #fff;
}

#services .services-box:hover img {
  filter: brightness(0) invert(1);
  transition: all 0.6s;
}

#services .services-box:hover figure {
  transition: all 0.6s;
}

#services .services-heading {
  display: flex;
}

#services .read_more {
  letter-spacing: 2px;
  color: #222222;
  font-weight: 600;
}

#services .services-box:hover .read_more {
  color: #000000;
}

#services figure:hover+span {
  opacity: 1;
}

.button2 {
  background: #000000;
  color: #fff;
  padding: 0 5px 0 20px;
  line-height: 45px;
  font-weight: 400;
  overflow: hidden;
  display: inline-block;
  border-radius: 10px;
  margin-right: 10px;
  position: relative;
}

.button2:after {
  content: "\f061";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  background-color: #fff;
  padding: 11px 12px;
  color: #000000;
  border-radius: 10px;
  margin: 5px 0 5px 20px;
  opacity: 1;
}

.button2:hover {
  background: #fff;
  color: #4482F6;
}

.button2 {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.button2::before {
  background: #4482F6;
  content: '';
  position: absolute;
  z-index: -1;
}

.button2:hover::after {
  background: #4482F6;
  color: #fff
}


/* ABout Us Section */
#about_us h5 {
  color: #222222;
  font-weight: 700;
}

#about_us .div2 {
  font-size: 16px;
  line-height: 35px;
  font-weight: 300;
}

#about_us figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
}

#about_us figure:hover+span {
  opacity: 1;
}

#about_us img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  border-radius: 10px;
}

#about_us img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 10px;
}

#about_us .image-grp2 {
  bottom: 0;
}

#about_us .button {
  background: #222222;
  color: #fff;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-weight: 400;
  overflow: hidden;
  display: inline-block;
  border-radius: 30px;
}

#about_us .button:hover {
  background: #4482F6;
  color: #fff;
}

#about_us .button,
#about_us .button::after {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#about_us .button::before,
#about_us .button::after {
  background: #222222;
  content: '';
  position: absolute;
  z-index: -1;
}

#about_us .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#about_us .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

#about_us .total-customer {
  background: #4482F6;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  left: 25px;
  right: 0;
  bottom: 91px;
  width: 98px;
}

#about_us .total-customer h4 {
  margin-bottom: 0;
  font-size: 43px;
  font-weight: 700;
  color: #fff;
}

#about_us .total-customer p {
  margin-bottom: 0;
  color: #fff;
  opacity: 0.9;
}

#about_us .img-box {
  position: relative;
}

#about_us .skillbar-title span:first-child {
  margin-right: 7px;
}

#about_us .skillbar-title span:first-child:after {
  content: ':-';
  position: relative;
  padding-left: 3px;
}

#about_us .skillbar-title span:last-child {
  font-weight: 600;
}

#about_us .skillbar {
  position: relative;
  display: block;
  margin-bottom: 20px !important;
  width: 100%;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-transition: .6s linear;
  -moz-transition: .6s linear;
  -ms-transition: .6s linear;
  -o-transition: .6s linear;
  transition: .6s linear;
  -webkit-transition-property: width, background-color;
  -moz-transition-property: width, background-color;
  -ms-transition-property: width, background-color;
  -o-transition-property: width, background-color;
  transition-property: width, background-color;
  margin-top: 0 !important;
}

#about_us .skill-bg {
  height: 15px;
  border-radius: 15px;
  background-color: #e6e6e6;
}

#about_us .skillbar-title {
  position: relative;
  left: 0;
  top: 0;
  line-height: 24px;
  font-size: 100%;
}

#about_us .skillbar-title span {
  padding-right: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  color: #000;
  margin-bottom: 10px;
  display: inline-block;
}

#about_us .skillbar-bar {
  height: 15px;
  width: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 15px;
  background-color: #4482F6;
}

#about_us .skill-amount {
  float: right;
  font-size: 126.3%;
  margin-top: 0;
}

#about_us .Author-detail {
  display: flex;
}

#about_us .Author-text {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

#about_us .Author-text h4 {
  font-size: 20px;
  color: #000;
  margin-bottom: 2px;
}

.Author-img {
  margin-right: 20px;
}

#about_us .button2 {
  margin: 0 !important;
}

.progress_bar {
  margin-bottom: 30px;
}

.button-author {
  max-width: 80%;
}

/*Our Process Section*/

#our_process h5 {
  color: #4482F6;
  font-weight: 500;
}

#our_process h3 {
  color: #222222;
  font-weight: 700;
  margin-bottom: 90px;
}

#our_process .process-box {
  background: rgba(68, 130, 246, 0.15);
  border-radius: 20px;
  padding-top: 40px;
}

#our_process .process-box-inner {
  margin-top: -95px;
  padding: 0 40px;
}

#our_process .process-text {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #4482F6;
  border-radius: 24px;
  opacity: 1;
  width: 519px;
  height: 48px;
  margin: 44px auto 48px;
  line-height: 44px;
}
#our_process .process-text a {
  color: #4482F6;
}

#our_process h4 {
  color: #4482F6;
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 0;
}
#our_process .our_box p {
  font-size: 14px;
  color: #343434;
}

#our_process .our_box .icon1 {
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: flex;
  margin: 0 auto 30px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  line-height: 1;
  overflow: hidden;
  border: solid 1px #fff;
  padding: 8px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 50px;
}

#our_process .our_box .icon1:before {
  color: #4482F6;
  background-color: #3C72FC45;
  display: block;
  border-radius: 100px;
  width: 82px;
  height: 82px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#our_process .our_box:hover .icon1 {
  transform: rotate(360deg);
  color: #ffcd6c;
}

#our_process h6 {
  color: #000;
  font-weight: 700;
  font-size: 24px;
  margin: 20px 0 10px;
}

#our_process .process-text p {
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: 100%;
}
#our_process .process-text p .icon {
  margin-right: 10px;
  color: #4482F6;
  font-size: 16px;
  width: auto;
  height: auto;
}

#our_process .our_box:hover {
  transform: translateY(-7px);
}

/*Our Projects*/

#projects_div h5 {
  color: #4482F6;
  font-weight: 700;
  margin-bottom: 10px;
}

#projects_div h3 {
  color: #222222;
  font-weight: 700;
  margin-bottom: 40px;
}

#projects_div .project-box img {
  width: 100%;
  height: 315px;
  object-fit: cover;
}

#projects_div .project-box {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

#projects_div .box-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding: 15px;
  background: rgba(0, 0, 0, 0.3) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;
  backdrop-filter: blur(30px);
  font-size: 14px;
  line-height: 18px;
}

#projects_div .box-content p {
  margin-bottom: 0;
}

#projects_div .box-content .catname {
  color: #00adeb;
  font-weight: 700;
}

#projects_div .project-box a h4 {
  font-size: 20px;
  line-height: 10px;
  font-weight: 700;
  margin: 0;
  color: #000;
}

#projects_div .project-box:hover a h4, #projects_div .project-box:hover p {
  color: #fff;
}

#projects_div .owl-carousel .owl-nav, #Our-team .owl-carousel .owl-nav, #testimonials .owl-carousel .owl-nav, #recent_blog .owl-carousel .owl-nav {
  background-color: #000;
  border-radius: 10px;
  padding: 5px;
  position: absolute;
  top: -27%;
  right: 273px;
}

.projects-wrap {
  margin-left: -15%;
  margin-right: -15%;
}

#projects_div .owl-carousel .owl-nav button.owl-prev,
#projects_div .owl-carousel .owl-nav button.owl-next,
#Our-team .owl-carousel .owl-nav button.owl-prev,
#Our-team .owl-carousel .owl-nav button.owl-next,
#testimonials .owl-carousel .owl-nav button.owl-prev,
#testimonials .owl-carousel .owl-nav button.owl-next,
#recent_blog .owl-carousel .owl-nav button.owl-next, 
#recent_blog .owl-carousel .owl-nav button.owl-prev {
  background: #000;
  color: #fff;
  border-radius: 4px;
  padding: 7px 12px !important;
  margin: auto;
  transition: all 0.5s;
  border: 0;
  outline: 0;
}
#projects_div.projects_box .owl-carousel .owl-nav button:hover, #Our-team .owl-carousel .owl-nav button.owl-next, #projects_div .owl-carousel .owl-nav button.owl-next, #testimonials .owl-carousel .owl-nav button.owl-next, #recent_blog .owl-carousel .owl-nav button.owl-next {
  background-color: #fff;
  color: #000;
}

#projects_div .owl-carousel .owl-nav button.owl-next {
  right: 51px;
}

#projects_div a.read_more {
  color: #063763;
  font-weight: 800;
  cursor: pointer;
}

#projects_div a.read_more:hover {
  color: #2ea3ed;
}

#projects_div figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
span.project-num {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #4482F6;
  color: #fff;
  font-weight: 900;
  line-height: 37px;
  font-size: 30px;
  padding: 6.5px 16.2px;
  border-radius: 10px;
}
#projects_div figure:hover+span {
  opacity: 1;
}

#projects_div img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#projects_div .project-box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}


/*Pricing Table Section */

#pricing_table h5 {
  color: #4482f6;
  text-align: center;
}

#pricing_table h3 {
  color: #222222;
  text-align: center;
  font-weight: 700;
  margin-bottom: 120px;
}

#pricing_table .special-offer-box {
  background: #000000;
  border-radius: 12px;
  padding: 20px;
}
#pricing_table .special-offer-box p {
  margin-bottom: 35px;
}
#pricing_table .special-offer-box:hover {
  background: #4482f6;
  transition: .4s ease-in-out;
}

#pricing_table .special-offer-box:hover .button2 {
  background: #4482f6;
  color: #fff;
  transition: .4s ease-in-out;
}

#pricing_table .special-offer-box:hover .button2:after {
  background: #fff;
  color: #4482f6;
  transition: .4s ease-in-out;
}
#pricing_table .special-offer-box:hover .special-price{
  background: #4482f6;
  transition: .4s ease-in-out;
}

#pricing_table .button {
  background: #222222;
  color: #fff;
  padding: 0 20px;
  height: 45px;
  line-height: 45px;
  font-weight: 400;
  border-radius: 30px;
  margin-bottom: 20px;
  display: inline-block;
  transition: all .5s ease 0s;
}

#pricing_table .button:hover {
  background: #4482f6;
  color: #fff;
}

#pricing_table .pricing_tag {
  color: #fff;
  background: #6f6484;
  border-radius: 30px;
  height: 25px;
  padding: 0 10px;
  margin-left: 30px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 25px;
}

#pricing_table .inner-box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 6px #0000002E;
  border-radius: 114px 10px;
  opacity: 1;
  padding: 70px 20px;
  margin: -40px 0;
}
#pricing_table .titel-box {
  position: relative;
}
#pricing_table .plan-list-div {
  display: flex;
}

#pricing_table .plan-list-div .dashicons {
  color: #000000;
}

#pricing_table .plan-list-div p {
  color: #000000;
  font-size: 15px;
}

#pricing_table h4 {
  color: #000000;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 10px;
  font-weight: 700;
}
#pricing_table .special-price {
  font-size: 39px;
  color: #fff;
  background: #000000 0% 0% no-repeat padding-box;
  border-radius: 100px;
  opacity: 1;
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  position: absolute;
  top: -140px;
  left: 0;
  right: 0;
  margin: auto;
}

#pricing_table .special-price:hover {
  background: #4482f6;
}

/*Achievements Section*/

#achievements {
  margin: 60px 0;
}
#achievements .achievements-box {
  background-color: #4482F6;
  border-radius: 20px;
  padding: 68px 20px;
}

#achievements h3 {
  background: #fff;
  border-radius: 20px 20px 0 0;
  display: inline-block;
  margin-bottom: 0;
  max-width: 350px;
  min-width: 200px;
  height: 55px;
  line-height: 55px;
  position: relative;
  z-index: 1;
  padding: 0 20px;
  font-size: 24px;
  font-weight: 700;
}

#achievements .counter_value p {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 5px;
}

#achievements .owl-stage-outer {
  border-radius: 10px;
}

#achievements .dashicons {
  color: #4482F6;
  background: #fff;
  width: 80px;
  height: 80px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  transition: all .5s ease 0s;
  margin-bottom: 10px;
}

#achievements .achievements_box:hover .dashicons {
  transform: rotate(360deg);
}

#achievements .count,
#achievements .sign {
  font-size: 34px;
  font-weight: 600;
  color: #fff;
}

#achievements h6 {
  color: #fff;
  opacity: 0.5;
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
}


/* Why Choose Section*/

#choose h3 {
  font-size: 27px;
  color: #222222;
  font-weight: 700;
  margin-bottom: 13px;
}

#choose .choose-box {
  margin-bottom: 40px;
}

#choose .dashicons {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  background-color: #ffffff;
  border: 1px solid #4482F6;
  margin-bottom: 28px;
  padding-top: 10px;
}

#choose .dashicons {
  color: #4482F6;
  font-size: 40px;
  display: inline;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}

#choose .dashicons:hover {
  color: #fff;
  background: #4482F6;
}

#choose .choose_title {
  color: #000000;
  font-weight: 700;
  font-size: 18px;
}

#choose .choose-heading p {
  line-height: 35px;
}

#choose .button {
  background: #4482F6;
  color: #fff;
  padding: 10px 25px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  border-radius: 30px;
}

#choose .choose-box:hover .button {
  background: #fff;
  color: #4482F6;
  text-decoration: none;
}

#choose .button,
#choose .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#choose .button::before,
#choose .button::after {
  background: #4482F6;
  content: '';
  position: absolute;
  z-index: -1;
}

#choose .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#choose .choose-box:hover .button:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

#choose .container {
  display: flex;
  align-items: center;
}

#choose h5 {
  font-size: 26px;
  color: #4482F6;
}

#choose .button2 {
  padding: 13px 25px;
  font-weight: 500;
  border-radius: 25px;
  filter: drop-shadow(-16.18px 11.756px 25px rgba(46, 136, 134, 0.3));
  background-color: #4482F6;
  margin-top: 40px;
  display: table;
}

#choose .button2:hover {
  background: #23233d;
  color: #000;
  text-decoration: none;
}

#choose .button2,
#choose .button2::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#choose .button2::before,
#choose .button2::after {
  content: '';
  position: absolute;
  z-index: -1;
}

#choose .button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#choose .button2:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*Our Video Section */
#video_section {
  padding: 50px 0;
}
.video-backg {
  height: 740px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.container.text-center.video_section_div {
  padding-top: 24rem;
}
#video_section img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  float: none;
  width: auto%;
}

#video_section img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1);
  opacity: 0.7;
}

#video_section .circle {
  font-size: 35px;
  color: #157fd1;
}

#video_section a.open-video {
  position: relative;
  top: -19px;
}



#video_section .large i {
  font-size: 20px;
  color: #fff;
  background: #4482f6;
  width: 60px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

#video_section .large i:hover {
  color: #222222;
}

.video-section {
  position: relative;
}

#video_section .video-section .video-blog {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 1001;
  visibility: hidden;
  -webkit-transition-property: all, -webkit-transform;
  transition-property: all, transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  background: rgba(255, 255, 255, 0.98) none repeat;
  border: none !important;
}

#video_section .video-section .video-blog .is-open {
  right: 0;
  height: 100%;
  visibility: visible;
  top: 30px;
}

#video_section .video-section .video-blog .is-open section {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}

#video_section .video-section .video-blog a.close-video {
  top: 50px;
  position: absolute;
  margin-left: -13px;
  left: 50%;
}

#video_section .video-section .video-blog i.videoblog-close-button {
  font-size: 25px;
  color: #616161 !important;
  opacity: 0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}

#video_section .video-section .video-blog .is-open i.videoblog-close-button {
  opacity: 1;
  position: relative;
  bottom: 35px;
}

#video_section .video-section .video-blog.is-open i.videoblog-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*Appointment Section*/

.appointment_box {
  background-color: #4482f6;
  border-radius: 20px;
}
.app-content h3 {
  color: #fff;
}

figure.app-images {
  margin-top: -71px;
  margin-bottom: 0;
}

.app-content {
  padding: 65px 30px;
}

.app-content h5 {
  color: #fff;
  opacity: 0.8;
  font-size: 24px;
  font-weight: 300;
}

.app-content h3 {
  font-size: 27px;
  color: #fff;
  max-width: 564px;
}

.button3 {
  background: #fff;
  color: #4482F6;
  padding: 0 5px 0 20px;
  line-height: 45px;
  font-weight: 400;
  overflow: hidden;
  display: inline-block;
  border-radius: 10px;
  margin-right: 10px;
  position: relative;
}

.button3:after {
  content: "\f061";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  background-color: #4482F6;
  padding: 11px 12px;
  color: #fff;
  border-radius: 10px;
  margin: 5px 0 5px 20px;
  opacity: 1;
}

.button3:hover {
  background: #000;
  color: #fff;
}

.button3 {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.button3::before {
  background: #4482F6;
  content: '';
  position: absolute;
  z-index: -1;
}

.button3:hover::after {
  background: #fff;
  color: #000
}

/*Our Team Section*/

#Our-team {
  padding: 50px 0;
}

#Our-team .team-deatil h2 {
  font-size: 24px;
  color: #000;
  font-weight: 700;
  margin-top: 18px;
}

#Our-team .team-deatil h5 {
  font-size: 17px;
  color: #444444;
  font-weight: 400;
  line-height: 15px;
}

#Our-team .team-section h6 {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  color: #4482f6;
}

#Our-team .team-section h1 {
  font-size: 30px;
  line-height: 52px;
  color: #222222;
  font-weight: 700;
  display: table;
  margin: auto;
}

#Our-team .team-deatil {
  padding: 30px 0;
  background: #fff;
  margin: -65px 14px 0;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
  box-shadow: 0px 2px 5px #0000002B;
  text-align: center;
}

#Our-team .social-links a {
  color: #fff;
  font-size: 14px;
  background: #000;
  height: 32px;
  width: 32px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
#Our-team .social-links a:last-child {
  margin-right: 0;
}
#Our-team .social-links a:hover {
  background-color: #4482f6;
}

#Our-team .social-links {
  display: flex;
  justify-content: center;
}

#Our-team .content h6 {
  font-size: 21px;
  line-height: 41px;
  color: #2c2e30;
  font-weight: 400;
}

#Our-team .content h1 {
  font-size: 51px;
  line-height: 41px;
  color: #2c2e30;
  font-weight: 900;
}

#Our-team .content p {
  font-size: 20px;
  line-height: 38px;
  color: #888888;
  font-weight: 400;
}

#Our-team .team-heading h3 {
  font-size: 20px;
  line-height: 42px;
  color: #555555;
  font-weight: 700;
}

#Our-team i.fa.fa-caret-right {
  margin-right: 10px;
}

#Our-team i.fa.fa-caret-right:hover {
  color: #4482F6;
}

#Our-team .team-cols {
  margin: 40px 0;
}

#Our-team .team-cols .team-thumb img {
  width: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: .3s ease-in-out;
}

#Our-team .team-cols .team-thumb {
  position: relative;
  background-color: #4482f6;
  border-radius: 15px;
  transition: .4s ease-in-out;
}

#Our-team .team-cols:hover .team-thumb img {
  opacity: 0.5;
  transition: .4s ease-in-out;
}

#Our-team .owl-carousel .owl-nav {
  top: auto;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: auto;
  display: table;
}

/*Testimonials Section*/

#testimonials {
  padding: 110px 0;
}
.testimonials-carousel {
  padding-top: 14rem;  
}
#testimonials  .owl-carousel .owl-item.active.center {
  transform: scale(1.2);
  margin-top: 0 !important;
  position: relative;
  z-index: 999;
}
#testimonials  .owl-carousel .owl-item.active.center .testimonials-boxes {
  margin-left: -80px;
  margin-right: -80px;
}
#testimonials h5 {  
  text-align: center;
}
#testimonials h3 {  
  font-weight: 700;
  line-height: 55px;
  text-align: center;
  margin-bottom: 0px;
}

#testimonials .testi-backg {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 30px;
}

#testimonial h5 {
  font-size: 26px;
  font-weight: 400;
}

#testimonial h3 {
  font-size: 40px;
  color: #222222;
  font-weight: 700;
  margin-bottom: 36px;
}

#testimonials .testimonials-box {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
}

#testimonials .testimonials-boxes {
  border-radius: 10px;
  box-shadow: 0px 1px 8px #0000002E;
  background-color: #ffffff;
  margin: 100px 0;
  padding: 30px;
  color: #575757;
  font-size: 12px;
  line-height: 24px;
}

#testimonials .testimonials-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#testimonials .testi-name {
  width: 100%;
  margin-left: 15px;
}
#testimonials p.content {
  font-size: 12px;
  color: #575757;
  margin-bottom: 0;
}
#testimonials .testi-quote {
  margin-left: auto;
  background: #000;
  color: #fff;
  border-radius: 25px;
  height: 40px;
  width: 50.5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#testimonials .testi-name h4 {
  font-size: 20px;
  font-weight: 700;
  color: #000000;
}
#testimonials .testi-name h6 {
  font-size: 12px;
  color: #343434;
}

#testimonials .owl-carousel .owl-nav {
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: table;
}


/*Newsletter Section*/

#newsletter {
  border-radius: 20px;
  background-color: #4482f6;
}

#newsletter .newsletter_box input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email {
  background: #fff;
  border: 0;
  border-radius: 10px;
  padding: 9px 17px 8px 17px;
  margin-top: 21px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  width: 680px;
}
#newsletter p {
  margin-bottom: 9px;
}
#newsletter .button4 {
  background: #fff;
  color: #000;
  padding: 0 5px 0 20px;
  line-height: 48px;
  font-weight: 600;
  overflow: hidden;
  display: inline-block;
  border-radius: 10px;
  margin-right: 10px;
  position: relative;
}
#newsletter figure.newsletter-images {
  margin: 0;
}
#newsletter .button4:after {
  content: "\f061";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  background-color: #000;
  padding: 11px 12px;
  color: #fff;
  border-radius: 10px;
  margin: 5px 0 5px 20px;
  opacity: 1;
}

#newsletter .button4:hover {
  background: #000;
  color: #fff;
}

#newsletter .button4 {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#newsletter .button4::before {
  background: #4482F6;
  content: '';
  position: absolute;
  z-index: -1;
}

#newsletter .button4:hover::after {
  background: #fff;
  color: #000
}

#newsletter .news-heading {
  padding: 70px 0 70px 25px;
}

#newsletter .news-heading h3 {
  font-size: 28px;
  color: #fff;
  width: 702px;
}

#newsletter .news-heading h5 {
  font-size: 24px;
  color: #fff;
  opacity: 0.8;
  font-weight: 300;
}

#newsletter figure.newsletter-images img {
  margin-bottom: -15px;
  margin-left: 75px;
  margin-top: -15px;
}

/*Recent Blog Section*/


body.home #recent_blog {
  padding: 140px 0 0;
}


#recent_blog h5 {
  font-weight: 500;
  font-size: 24px;
}

#recent_blog h3 {
  color: #222222;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}

#recent_blog figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#recent_blog figure:hover+span {
  opacity: 1;
}

#recent_blog .text-left.recent_box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 6px #00000038;
  border-radius: 20px;
  opacity: 1;
  padding: 23px 15px 0;
  margin: 30px 10px;
  overflow: hidden;
}
#recent_blog .recent_box .post-thumbnail {
  line-height: 0;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  background-color: #4482f6;
}
#recent_blog .recent_box .post-thumbnail .read_more {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
#recent_blog .recent_box:hover .post-thumbnail .read_more {
  background-color: #fff;
  color: #4482f6;
  display: table;
}
#recent_blog h4.post-title {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}

#recent_blog img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#recent_blog .recent_box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.4;
}

#recent_blog h4 a {
  color: #000000;
  font-weight: 700;
  font-size: 20px;
}

#recent_blog .recent_box:hover h4 a {
  color: #4482f6;
}

#recent_blog .button {
  background: #4482f6;
  color: #fff;
  padding: 10px 25px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  border-radius: 30px;
  margin: 20px 0;
}

#recent_blog .button:hover {
  background: #2d3446;
  text-decoration: none;
  color: #fff;
}

#recent_blog .button,
#recent_blog .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#recent_blog .button::before,
#recent_blog .button::after {
  background: #4482f6;
  content: '';
  position: absolute;
  z-index: -1;
}

#recent_blog .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#recent_blog .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

#recent_blog .read_more {
  color: #4482f6;
  font-weight: 600;
}

#recent_blog .post-details {
  display: flex;
  align-items: center;
}

#recent_blog .post-time {
  width: 65px;
  height: 85px;
  background-color: #4482f6;
  color: #fff;
  padding: 5px;
  border-radius: 10px;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 32px;
  text-transform: uppercase;
  text-align: center;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: -40px;
  position: relative;
  z-index: 99;
  align-content: center;
}

#recent_blog .post-time span.post-digit {
  font-size: 30px;
  line-height: 20px;
  font-weight: 700;
  display: block;
  margin-top: 5px;
}

#recent_blog .post-details .dashicons {
  font-size: 18px;
  color: #4482f6;
  margin-top: 2px;
}

#recent_blog .post-date {
  background: #4482f6;
  color: #fff;
  position: absolute;
  top: 0;
  right: 20px;
  padding: 10px;
  font-weight: 500;
  border-radius: 0 0 20px 20px;
  width: 150px;
  text-align: center;
}

#recent_blog .owl-carousel .owl-nav {
  position: absolute;
  top: -100px;
  display: block;
  right: 0;
  font-size: 16px;
}
#recent_blog .owl-carousel .owl-nav  button span {
  display: block;
}
#recent_blog .fas {
  font-size: 20px;
}

#recent_blog .post-user, #recent_blog .post-comments {
  font-size: 15px;
  margin-right: 10px;
  line-height: 22px;
  color: #3E3E3E;
}

#recent_blog p.content-post {
  font-size: 15px;
  line-height: 22px;
  color: #575757;

}

.post-content .read_more i.fa.fa-arrow-right {
  color: #4482f6;
  font-size: 12px;
  margin-left: 5px;
  transition: linear 600ms;
}

#recent_blog .post-content .read_more:hover {
  color: #040f30;
  transition: linear 600ms;
}

.post-content .read_more:hover i.fa.fa-arrow-right {
  margin-left: 10px;
  color: #040f30;
}





#services-page .services-box {
  background: #fff;
  filter: drop-shadow(0 0 25px rgba(100, 58, 117, 0.1));
  border-radius: 10px;
}

#services-page .services-box h4.post-title {
  font-size: 18px;
  font-weight: 700;
}

#services-page .services-box h4.post-title:hover {
  color: #222222;
}

#services-page figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
  border-radius: 10px;
}

#services-page figure:hover+span {
  opacity: 1;
}

#services-page img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}

#services-page .services-box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
  border-radius: 10px;
}

#services-page .read_more {
  text-transform: uppercase;
  color: #222222;
  font-weight: 700;
}

/*Footer Section*/

.footer-area .textwidget {
  list-style: none;
}

.footer-area .textwidget ul {
  padding: 0 10px;
}

.footer-area .textwidget ul li {
  margin: 10px 0;
  color: #a4a0bc;
  font-weight: 500;
}

.footer-area li::marker {
  color: #222222;
}

.footer-area h4 {
  color: #000;
  font-weight: 500;
  font-size: 25px;
  line-height: 48px;
  font-weight: 600;
  position: relative;
}
.footer-area h4::after {
  content: '';
  background-color: #4482F6;
  height: 4px;
  width: 53px;
  display: block;
  margin: 10px 0;
}

.textwidget .contact-info {
  display: flex;
  margin-bottom: 20px;
}
.textwidget span.dashicons {
  margin-right: 10px;
  color: #4482f6;
}


  /*.footer-area hr{
 background: #222222;
 margin-right: 70%;
 border: none;
 height: 2px;
 margin-top: 10px;
}*/
.footer-area .fab,
.footer-area .fas,
.footer-area .far {
  margin-left: 20px;
  margin-top: 0;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 15px;
  width: 33px;
  height: 33px;
  background: #000000;
  border-radius: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.footer-area .fab:hover {
  background: #4482F6;
}

.footer-area .post-thumbnail img {
  max-width: 100px;
  height: 70px;
  float: right;
}

.footer-area .post-title {
  font-size: 16px;
  font-weight: 400;
}

.footer-area .post-meta a {
  font-weight: 400;
  color: #222222;
  font-size: 18px;
}

.footer-area ul {
  padding: 0;
  line-height: 2;
  list-style: none;
}

.footer-area li {
  margin: 0;
}
  .footer-area li a {
    font-size: 16px;
  line-height: 36px;
  color: #000;
  list-style: none;
  font-weight: 400;
}

.footer-area select {
  width: 100%;
  padding: 10px;
}

.footer-area bdi {
  color: #222222;
}

/*.footer-area ul li::before {
 content: '\f8dd';
 font-family: FontAwesome;
 display: inline-block;
 margin-right: 10px;
 color: #222222;
}*/
.copyright {
  background: #fff;

}
.copyright-box {
  padding: 15px 0;
}


.copyright p {
  color: #000;
  margin-bottom: 0;
}

.copyright a {
  color: #222222;
}

.copyright a:hover {
  color: #222222;
}

.footer-area .woocommerce ul.product_list_widget li {
  padding: 5px 0;
}

.custom-h6 {
  font-size: 18px !important;
}

.footer-area .textwidget img {
  width: auto;
}

.copyright {
  border-top: solid 2px #ddd;
}
.copyright .social-links {
  text-align: right;
  display: flex;
  justify-content: right;
  align-items: center;
  height: 100%;
}

/*Contact Page*/

#contact .contact-title {
  font-size: 44px;
  color: #1e1e1e;
  font-weight: 700;
}

#contact h2 {
  font-size: 30px;
  line-height: 42px;
  color: #fff;
  font-weight: 600;
}

#contact p {
  color: #4482F6;
}

#contact .contact-text {
  color: #fff;
}

#contact .icon1 {
  background: #fff;
  color: #4482F6;
  border-radius: 50%;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
  width: 45px;
  height: 45px;
  padding: 10px;
  margin: 0 5px;
  webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
  font-size: 24px;
  cursor: pointer;
}

#contact .icon1:hover {
  transform: rotate(360deg);
  color: #fff;
  background: #222222;
}

#contact .contact-enquiry {
  background: #fff;
}

#contact .services-box {
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
  height: 225px;
}

#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 25%;
  margin: 10px 10px;
}

#contact input.wpcf7-form-control.wpcf7-text {
  padding: 15px 20px;
  background: transparent;
  border: 1px solid #fff;
  margin: 10px;
  outline: none;
  width: 46%;
  color: #fff;
  border-radius: 30px;
}

#contact input.wpcf7-form-control.wpcf7-text::placeholder {
  color: #fff;
}

#contact textarea.wpcf7-form-control.wpcf7-textarea {
  width: 95%;
  height: 130px;
  padding: 20px 25px;
  margin: 15px 10px;
  background: transparent;
  border: 1px solid #fff;
  outline: none;
  color: #fff;
  border-radius: 10px;
}

#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
  color: #fff;
}

#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 10px 30px;
  margin: 20px 10px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  background: #222222;
  border: none;
  border-radius: 30px;
  transition: all .3s ease-out;
}

#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: #fff;
  color: #4482F6;
  font-weight: 500;
  border: none;
}

#contact span.wpcf7-spinner {
  display: block;
}

#contact embed {
  width: 100%;
  height: 500px;
}

#contact .icon2 {
  font-size: 50px;
  color: #4482F6;
  display: inline;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}

#contact .services-box:hover .icon2 {
  transform: rotate(360deg);
  color: #222222;
}

#contact h6 {
  color: #4482F6;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}

#contact h5 {
  color: #fff;
  text-transform: capitalize;
  font-size: 32px;
  font-weight: 700;
}

#contact h3 {
  color: #4482F6;
  text-transform: capitalize;
  font-size: 34px;
  font-weight: 600;
}

.contact-form {
  background: #4482F6;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px) {

  #banner h1 {
    font-size: 24px;
  }

  .admin-bar .fix-sticky {
    margin-top: 0;
  }
  .footer-area h4::after{
    margin: auto;
  }

  .fix-sticky {
    position: unset;
  }

  #main-menu ul li a {
    color: #4482F6;
  }

  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align: center;
  }

  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }

  #main-menu {
    top: 25px;
  }

  .sidenav a:hover {
    color: #f1f1f1;
  }

  #main-menu ul.children,
  #main-menu ul.sub-menu {
    box-shadow: none;
  }

  .sidenav .closebtn {
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }

  #site-navigation .sidenav a.closebtn,
  .open-menu {
    display: inline-block;
    padding: 0 10px;
  }
  .header-bars::after {
    display: none;
  }

  #main-menu ul.children,
  #main-menu ul.sub-menu {
    background: transparent;
  }

  #main-menu ul.sub-menu li a:hover:after {
    background: transparent;
    color: #4482F6;
  }

  #main-menu ul.sub-menu li a:hover {
    color: #4482F6;
  }

  #main-menu ul.sub-menu li a:before {
    border: none;
  }

  .woocommerce #content table.cart td.actions .coupon .button.alt,
  .woocommerce #content table.cart td.actions .coupon .input-text+.button,
  .woocommerce table.cart td.actions .coupon .button.alt,
  .woocommerce table.cart td.actions .coupon .input-text+.button,
  .woocommerce-page #content table.cart td.actions .coupon .button.alt,
  .woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
  .woocommerce-page table.cart td.actions .coupon .button.alt,
  .woocommerce-page table.cart td.actions .coupon .input-text+.button {
    float: unset;
    width: 100% !important;
    margin: 0;
  }

  .woocommerce #content table.cart td.actions .button,
  .woocommerce table.cart td.actions .button,
  .woocommerce-page #content table.cart td.actions .button,
  .woocommerce-page table.cart td.actions .button {
    width: 100%;
    margin: 0;
  }

  .woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100% !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 10px 20px;
  }

  .woocommerce .quantity .qty {
    max-width: 120px;
  }

  .summary.entry-summary {
    text-align: center;
  }

  .woocommerce div.product div.images img,
  .woocommerce ul.products li.product a img {
    padding: 0 5px;
  }

  section.related.products {
    padding: 0 5px;
  }

  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
  }

  .page-404 h1 {
    font-size: 100px;
  }

  .page-404 p {
    margin-left: 0;
    margin-right: 0;
  }

  .page-template-frontpage .menu-header {
    position: relative;
  }

  .menu-header .div_box2 {
    position: absolute;
    top: 85px;
    right: 0;
    width: auto;
    padding-right: 10px;
  }
  div#mySidenav {
    max-width: 75%;
  }
  div#mySidenav #main-menu {
    padding: 3rem;
  }
  div#mySidenav #main-menu ul li {
    text-align: center;
  }

  .menu-header .div_box1 {
    order: 2;
  }

  .menu-header .quote-box {
    order: 3;
  }

  .menu-header .extra-div {
    order: 4;
  }

  .menu-header .quote-box {
    display: block;
    margin-bottom: 5px;
  }

  .menu-header .social-links a {
    width: 35px;
    height: 35px;
    font-size: 15px;
    margin-left: 5px;
  }

  .menu-header .appintment-div {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    min-width: 130px;
    padding: 0 10px;
  }

  #slider .contact-slider {
    display: none;
  }

  #slider .slider-content {
    top: 5%;
    left: 5%;
    right: 30%;
  }

  #slider p {
    display: none;
  }

  #slider h1 {
    font-size: 14px;
    line-height: 1.1;
    max-width: 75%;
  }

  .button1, #slider .button2 {
    line-height: 30px;
    font-size: 14px;
    padding: 4px 4px 4px 10px;
    height: auto;
  }
  #slider .button1:after {
    padding: 9px 10px;
  }
  .header .div_box1::after {
    border: 0;
    display: none;
  }

  #slider .owl-carousel .owl-nav {
    display: none;
  }

  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -30px;
  }
  div#slider {
    margin-bottom: 40px;
  }

  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #slider .owl-dots button.owl-dot.active {
    background-color: #222222;
  }

  .page-template-frontpage h3 {
    font-size: 26px;
  }

  #about_us .image-grp2 {
    position: relative;
    margin-top: 20px;
  }

  #about_us img {
    width: auto;
  }

  #services .owl-carousel .owl-nav {
    display: none;
  }

  #services .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
  }

  #services .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #services .owl-dots button.owl-dot.active {
    background-color: #222222;
  }

  #why_choose img {
    max-width: 100%;
  }

  #achievements h3 {
    font-size: 18px;
  }

  #our_blog .recent_box {
    margin: 0;
  }

  #newsletter .newsletter_box {
    width: 100%;
    padding: 20px;
    border-radius: 0;
  }

  #newsletter .newsletter_box input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email {
    padding: 15px 20px;
    width: 100%;
    font-size: 14px;
  }
  .menu-header-right:after {
    left: 0;
    width: 100%;
  }
  .menu-header-right nav#main-menu {
    display: none;
  }
  .header-top-contact {
    padding-bottom: 0;
  }
  header#site-navigation {
    margin-bottom: 50px;
  }
  #slider h4 {
    margin-bottom: 10px;
    font-size: 13px;

  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
    position: unset;
    right: 0;
    margin: 15px 0;
    padding: 10px 20px;
  }

  #newsletter {
    background-size: auto !important;
  }

  #newsletter .wpcf7-spinner {
    display: block;
  }

  .page-template-frontpage .footer-area .footer {
    margin-top: 0;
  }

  .footer-area ul {
    padding: 0 10px;
  }

  #contact .dashicons {
    margin: 20px 0;
    display: inline;
  }

  #contact hr {
    width: 30%;
  }

  #contact .contact-form p {
    margin-left: 0;
    margin-right: 0;
  }

  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    margin: 15px 0;
  }

  #contact .wpcf7 .ajax-loader {
    display: block;
    left: 38%;
  }

  #comments textarea {
    width: 100%;
  }

  .woocommerce-page div.product div.summary {
    padding: 15px;
  }

  .post-single .blog_share_icon .fab {
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 -1px;
  }

  .copyright img {
    margin: 10px 0;
  }

  .latest-post .comments {
    font-size: 16px;
  }

  .latest-post .date-meta {
    font-size: 14px;
  }

  .page-template-frontpage .footer {
    margin-top: 40px;
  }

  #enquiry .enquiry-box {
    width: 100%;
  }


}


/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px) {
  #main-menu {
    float: unset;
    width: 100%;
    display: flex;
    justify-content: end;
  }

  .admin-bar .fix-sticky {
    margin-top: 45px;
  }

  header#site-navigation.fix-sticky {
    position: relative;
  }

  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 30%;
  }

  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 95%;
    margin: 15px 0;
  }

  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
    width: 45%;
    margin: 10px 10px;
  }

  #contact input.wpcf7-form-control.wpcf7-text {
    width: 46%;
    margin: 20px 10px;
  }

  #contact .wpcf7 .ajax-loader {
    display: block;
  }

  .sidebar-area .post-title {
    font-size: 14px;
  }

  .woocommerce div.product div.images img {
    width: auto;
  }

  .woocommerce #content div.product div.images,
  .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page div.product div.images {
    width: 50%;
  }

  .woocommerce #content div.product div.images,
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.images,
  .woocommerce-page div.product div.summary {
    float: left;
    width: 50%;
  }

  .woocommerce button.button {
    margin: 0 10px;
    padding: 12px 20px;
  }

  /*#main-menu ul li a{
  padding: 10px 10px;
  font-size: 14px;
 }*/

 .logo-image {
    margin-right: 0 !important;
  }
  .header-text {
    padding: 0;
    text-align: center;
  }
  .header-top-contact .dashicons {
    display: block;
  }
  .header-email {
    padding: 0;
    text-align: center;
  }
  .header-email a {
    display: block;
    margin: 0 5px;
  }
  .header-top-contact {
    font-size: 14px;
  }
  .projects-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
  #newsletter figure.newsletter-images img {
    margin-left: 0;
  }
  #newsletter .newsletter_box input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email {
    width: 100%;
  }
  #newsletter .news-heading {
    padding: 40px 0;
  }
  #newsletter .news-heading h3 {
    font-size: 27px;
    width: auto;
    line-height: 1.3;
    margin-bottom: 0;
  }
  #main-menu ul li a {
    padding: 0 8px;
    font-size: 14px;
    line-height: 35px;
  }
  .contact-header {
    margin-right: -10px;
  }
  #about_us .total-customer {
    bottom: 150px;
  }
  #about_us .div2 {
    margin-top: 30px;
  }
  #our_process .process-box-inner {
    padding: 0 20px;
  }
  #projects_div .owl-carousel .owl-nav, #Our-team .owl-carousel .owl-nav, #testimonials .owl-carousel .owl-nav, #recent_blog .owl-carousel .owl-nav {
    right: 0;
  }
  .menu-header .quote-box {
    display: block;
    margin-top: 10px;
  }
  .header-top-contact span {
    display: block;
    width: 100%;
  }
  .header-bars {
    flex: 0 0 10.666667%;
    max-width: 10.666667%;
  }
  .menu-header .col-md-8 {
    flex: 0 0 72.666667%;
    max-width: 72.666667%;
    padding: 0 0 0 15px;
  }

  div#about_us {
    padding-left: 15px;
  }
  
  #projects_div .project-box a h4 {
    line-height: 24px;
    margin: 0 !important;
  }

  #recent_blog {
    padding: 60px 0;
  }
  
  #recent_blog img {
    height: auto;
  }

  #recent_blog .post-time {
    height: auto;
  }

  #recent_blog .recent_box .post-thumbnail {
    margin-top: 20px;
  }

  .page-template-frontpage .menu-header {
    position: relative;
  }

  #slider .slider-content {
    top: 15%;
    left: 5%;
    right: 55%;
  }

  #pricing_table .special-offer-box p {
    margin-bottom: 10px;
  }

  #pricing_table .button2 {
    padding: 5px 5px 5px 10px;
    line-height: 25px;
    font-size: 13px;
  }

  #pricing_table .button2:after {
    top: -13px;
    position: relative;
  }

  #choose .choose-box {
    margin-bottom: 10px;
  }

  .video-backg {
    height: 580px;
  }

  .container.text-center.video_section_div {
    padding-top: 13rem;
  }

  #video_section, #Our-team {
    padding: 0;
  }

  #testimonials  .owl-carousel .owl-item.active.center .testimonials-boxes {
    margin-left: 0;
    margin-right: 0;
  }

  #testimonials .testimonials-boxes {
    margin-top: 50px;
  }

  .testimonials-carousel {
    padding-top: 3rem;
  }

  #testimonials  .owl-carousel .owl-item.active.center {
    transform: scale(1);
  }

  #testimonials h5 {
    margin-bottom: 0;
  }

  div#appointment {
    padding: 0 15px;
  }

  div#appointment h3 {
    font-size: 24px;
    line-height: 1.2;
  }

  .app-content {
    padding: 30px 10px;
  }

  .video-section h3.video-text {
    font-size: 18px;
    line-height: 1.2;
  }

  #slider p {
    display: none;
  }

  #slider h1 {
    font-size: 30px;
  }

  #slider .button {
    padding: 6px 10px;
    font-size: 14px;
  }

  #slider .owl-carousel .owl-nav {
    display: none;
  }

  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }

  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #slider .owl-dots button.owl-dot.active {
    background-color: #222222;
  }

  .page-template-frontpage h3 {
    font-size: 28px;
    line-height: 45px;
  }

  #achievements h3 {
    font-size: 24px;
  }

  #newsletter .newsletter_box {
    top: 0;
    margin-bottom: 0;
    width: 100%;
    border-radius: 10px;
  }

  #newsletter h3 {
    font-size: 24px;
    max-width: 100%;
  }

  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    padding: 15px 15px;
    width: 100%;
  }

  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
    right: 0;
    margin: 15px 0;
    position: relative;
  }

  #newsletter .wpcf7-spinner {
    display: block;
  }

  .page-template-frontpage .footer {
    margin-top: 40px;
  }

  #banner_div .banner_box {
    margin-bottom: 0;
  }

  .page-template-frontpage .footer-area .footer {
    margin-top: 0;
  }

  #our_team img {
    height: 350px;
    max-height: 350px;
  }

  #quote .box2 {
    display: flex;
    justify-content: end;
    right: 50px;
    left: 0;
  }

}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px) {


  .menu-header .quote-box {
    justify-content: flex-start;
    margin-top: 10px;
  }

  /*#main-menu ul li a{
		padding: 10px 10px;
  font-size: 16px;
	}*/
  #main-menu {
    float: unset;
    width: 100%;
    display: flex;
    justify-content: end;
  }

  #slider .slider-content {
    left: 5%;
  }

  #slider h2 {
    font-size: 18px;
  }

  #slider h1 {
    font-size: 34px;
  }

  #slider .slider-content {
    left: 5%;
  }

  .page-template-frontpage h3 {
    font-size: 30px;
  }

  .button-author {
    max-width: 100%;
  }

  #newsletter .news-heading h3, #newsletter .newsletter_box input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email {
    width: auto;
  }

  #newsletter figure.newsletter-images img {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
  }

  #pricing_table .button2 {
    line-height: 1.2;
    padding: 10px;
  }

  #pricing_table .button2:after {
    position: relative;
    top: -12px;
  }

  .projects-wrap {
    margin: 0;
  }

  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 95%;
  }

  .latest-post .date-meta {
    font-size: 12px;
  }

  #recent_blog .post-date {
    top: 46%;
  }

  #recent_blog .owl-dots {
    display: block;
  }

  #achievements h3 {
    font-size: 24px;
  }
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  #testimonial .owl-carousel .owl-nav {
    display: none;
  }

  .woocommerce .quantity .qty {
    max-width: 150px;
  }

  .latest-post .date-meta {
    font-size: 12px;
  }

}


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

  section.category-title h1 {
    text-align: center;
  }

  #mySidenav span {
    display: block;
    font-size: 30px;
    cursor: pointer;
  }

  .logo {
    text-align: center;
  }
  

  .projects-wrap {
    margin: 50px 0 30px;
  }
  #newsletter .news-heading h3 {
    width: auto;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu>li>ul.children,
  #main-menu>li>ul.sub-menu {
    position: absolute;
    top: -100%;
    background: #fff;
  }

  #main-menu li.focus>ul.children,
  #main-menu li.focus>ul.sub-menu,
  #main-menu li:hover>ul.children,
  #main-menu li:hover>ul.sub-menu,
  #main-menu li:focus>ul.children,
  #main-menu li:focus>ul.sub-menu {
    width: 100%;
    top: 0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height: 53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #4482F6;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover>a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus>a,
  #main-menu li:focus>a,
  #main-menu ul li.current-menu-item>a,
  #main-menu ul li.current_page_item>a,
  #main-menu ul li.current-menu-parent>a,
  #main-menu ul li.current_page_ancestor>a,
  #main-menu ul li.current-menu-ancestor>a {
    background: none;
  }
  #testimonials .owl-carousel .owl-item.active.center .testimonials-boxes {
    margin-left: 15px;
    margin-right: 15px;
  }
  #services .services-box {
    text-align: center;
  }
  #services .services-heading {
    display: block;
  }
  #services .services-box figure {
    display: inline-block;
  }
  #about_us figure, #about_us .image-grp2 {
    margin: 0 0 30px;
  }
  #about_us .total-customer {
    left: 0;
    right: 0;
    bottom: auto;
    margin: auto;
    top: 0;
  }
  #about_us .Author-text {
    display: block;
    margin-top: 20px;
  }
  .button-author {
    max-width: none;
  }
  .Author-img {
    margin-right: 0;
  }
  .footer-area .col-12 {
    margin-bottom: 20px;
  }
  .footer-area h4 {
    margin-bottom: 25px;
  }
  .textwidget .contact-info {
    justify-content: center;
  }
  .footer-area .footer {
    padding-bottom: 10px !important;
  }
  #about_us .Author-detail {
    display: table;
    margin: 20px auto;
  }
  #about_us .Author-detail figure {
    margin-bottom: 0;
  }
  #our_process .process-text {
    width: auto;
    height: auto;
    padding: 15px;
  }
  section#projects_div {
    text-align: center;
  }
  #projects_div .owl-carousel .owl-nav, #Our-team .owl-carousel .owl-nav, #testimonials .owl-carousel .owl-nav, #recent_blog .owl-carousel .owl-nav {
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    display: table;
    bottom: auto;
  }
  #newsletter figure.newsletter-images img {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
  }
  #pricing_table .special-offer-box {
    margin-bottom: 130px;
  }
  #pricing_table {
    padding-bottom: 0 !important;
  }
  #achievements {
    margin: 0;
  }
  #pricing_table .inner-box, .choose-heading {
    text-align: center;
  }
  #projects_div .box-content {
    justify-content: center;
  }
  #choose .choose-box {
    text-align: center;
  }
  #video_section {
    padding: 0;
  }
  .video-backg {
    height: auto;
  }
  .container.text-center.video_section_div {
    padding-top: 7rem;
    transform: scale(0.5);
  }
  #video_section a.open-video {
    top: -10px;
  }
  .video-backg {
    height: 195px;
    background-position: center bottom;
  }
  #video_section .video-section .video-blog {
    right: 0;
  }
  div#appointment {
    text-align: center;
  }
  #Our-team .owl-carousel .owl-nav {
    top: -30px;
    bottom: auto;
  }
  #Our-team .team-section h1 {
     margin-bottom: 40px;
  }
  #testimonials {
    padding: 90px 0 20px;
  }
  #testimonials h3 {
    line-height: 1;
    font-size: 22px;
  }
  #testimonials h5 {
    text-align: center;
    margin-bottom: 5px;
    margin-top: -100px;
}
  #testimonials .testi-backg {
    padding-top: 10px;
  }
  .testimonials-carousel {
    padding-top: 0rem;
  }
  #testimonials .owl-carousel .owl-item.active.center {
    transform: none;
  }
  #testimonials .owl-carousel .owl-nav {
    top: auto;
    bottom: 30px;
}
#recent_blog .owl-carousel .owl-nav, #projects_div .owl-carousel .owl-nav {
  top: auto !important;
  bottom: -40px;
}
#projects_div .owl-carousel .owl-nav {
  bottom: -70px;
}
  #newsletter .news-heading {
    padding: 30px 10px 30px;
    text-align: center;
  }
  #recent_blog {
    padding: 80px 0 0 !important;
    text-align: center;
  }
  #recent_blog .text-left.recent_box {
    margin: 20px 15px 40px;
    text-align: center !important;
  }
  .footer-area h2::after {
    margin: 10px auto;
  }
  .copyright .social-links {
    justify-content: center;
    margin-bottom: 60px;
  }
  .copyright {
    text-align: center;
  }
  #projects_div .owl-carousel .owl-nav {
    top: -75px;
  }
}