/*
Theme Name: Professional CV Resume Pro
Theme URI: https://www.misbahwp.com/products/resume-cv-wordpress-theme/
Description: Professional CV Resume Pro is the finest niche theme for developers, designers, and programmers. It is suitable for clean, creative cv card resume themes, creative portfolio, cv themes, minimal, online resume card cv, personal, portfolio themes, professional cv, responsive portfolios, resume, resume themes, card themes, WordPress cv card resume blog, WP portfolio. With powerful retina-ready layouts and stunning features. It has user-friendly features, including personalization options, a testimonial section, a Banner, Team, Call to Action Button (CTA), and social media integration. The professional CVresume is an elegant theme for all job seekers looking for great jobs. The theme is compatible with woocommerce and has many advanced plugins for easy customization. With an amazing Drag & DropPage Builder, any user can easily create any pages, portfolios, projects or blog posts without coding skills. Professional CV Resume Pro is a mobile-friendly theme and responsive to all devices like desktops, tablets, mobile, etc. It can be optimized from anywhere, anytime. Extra amazing features of this theme are Google Fonts, Google Maps, Pricing Tables, Fully Responsive, Minimal and Clean, Blog Page & Blog Details Page, Cross Browser & Clean Code, and Widgets Ready. The theme is modern and professional for any digital profession.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 7.2
Tested up to: 6.1
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: professional-cv-resume-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 a, .page-single a, .sidebar-area .textwidget a, .comment-content a {
  text-decoration: none;
  color: #757575;
  text-transform: capitalize;
  font-weight: 600;
}
.post-single span {
  text-transform: capitalize;
  font-weight: 600;
}
body {
  font-family: 'Jost', sans-serif;
  color: #909090;
  margin: 0;
  background: #fff;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Jost', sans-serif;
}
a {
  color: #ffff;
  -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: #47c6c3;
  text-decoration: none;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* =============================================== HEADER BOX ============================================= */
.header {
  position: static;
}
/*404 Page*/
.page-404 h1 {
  font-size: 300px;
  color: #2d3446;
}
.page-404 h3 {
  font-size: 38px;
  color: #47c6c3;
}
.page-404 hr {
  width: 10%;
  background: #2d3446;
  padding: 1px;
}
.page-404 .intro-button {
  text-align: center;
  display: inline-block;
  padding: 5px;
}
.page-404 .button {
  font-size: 18px;
  transition: all 0.2s;
  text-decoration: none;
  color: #fff;
  padding: 10px 20px;
  font-weight: 600;
  overflow: hidden;
  display: inline-block;
  border-radius: 30px;
}
#site-navigation .sidenav a.closebtn, .open-menu {
  display: none;
}
/* =============================================== LOGO BOX ============================================= */

/* =============================================== 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 {
  text-decoration: none;
  display: block;
  z-index: 1;
  padding: 10px 25px;
  text-transform: capitalize;
  padding-left: 0;
  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;
  font-size: 16px;
  line-height: 28px;
  color: #222222;
  font-weight: 600;
}
#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: #47c6c3;
}
#main-menu ul.children, #main-menu ul.sub-menu {
  display: none;
  position: absolute;
  top: 48px;
  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;
  -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 #47c6c3;
  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: #47c6c3;
  -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: #2d3446;
  color: #fff;
}
#main-menu ul li:hover .sub-menu {
  display: block;
}



/* =============================================== POST BOX ============================================= */
.post-thumbnail {
  line-height: 0;
  border-radius: 10px;
  position: relative;
}
.recent_box .post-views {
  width: 70px;
  height: 70px;
  border-radius: 35px;
  filter: drop-shadow(-14.849px 14.849px 30px rgba(46,65,136,0.14));
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: absolute;
  bottom: -30px;
  right: 30px;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  font-weight: 400;
  text-align: center;
}
.recent_box .post-views i {
  display: block;
  flex:0 0 100%
}
div#recent-post .owl-stage-outer {
  padding: 0px;
}
.recent_box {
  border-radius: 10px;
  filter: drop-shadow(0 0 10px rgba(46, 65, 136, 0.14));
  background-color: #ffffff;
  overflow: hidden;
  margin: 40px 15px;
}
.latest_content {
  padding: 25px 30px;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
}
h4.post-title {
  font-size: 22px;
  color: #2d3446;
  font-weight: 700;
}
.post-meta i {
  color: #47c6c3;
}
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: #2d3446;
  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;
  background: #2d3446;
  overflow: hidden;
}
.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);
  opacity: 0.5;
}
.post-single .tags-bg a {
  padding: 10px 15px;
  background: #47c6c3;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 10px;
}
.post-single .tags-bg a:hover {
  background: #2d3446;
}
.post-single .blog_share_icon .fab {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  background: #47c6c3;
  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: #2d3446;
}
.post-single {
  display: block;
}
label {
  display: block;
}
.latest-post h4 a {
  color: #2d3446;
  font-weight: 600;
  font-size: 18px;
}
.latest-post h4 a:hover {
  color: #47c6c3;
}
.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 figure {
  margin: 0;
  padding: 0;
  background: #2d3446;
  overflow: hidden;
}
.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 .post-item:hover figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
.latest-post .far.fa-calendar-alt {
  color: #fff;
}
.latest-post .far {
  color: #fff;
  font-size: 18px;
}
.latest-post .comments {
  color: #707070;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post .read_more {
  color: #47c6c3;
  font-weight: 600;
}
.latest-post .post-date {
  color: #47c6c3;
  font-weight: 500;
  width: 150px;
}
/*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/
.comment-form-url input {
  width: 100%;
}
.comment-respond input#submit {
  background: #47c6c3;
  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: #2d3446;
}
.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: #47c6c3;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
  background: #2d3446;
  color: #f3f4f7;
  text-decoration: none;
}
@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;
 }
  .open-menu {
      display: block;
 }
  #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 #2d3446;
      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;
 }
}
/* =============================================== Pagination ============================================= */
.pagination, .professional-cv-resume-pro-pagination {
  margin: 25px 0;
}
.pagination .nav-links a, .pagination .nav-links span.current, .professional-cv-resume-pro-pagination a span, .professional-cv-resume-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, .professional-cv-resume-pro-pagination span.current, .professional-cv-resume-pro-pagination span.current:hover, .professional-cv-resume-pro-pagination span.current:focus, .professional-cv-resume-pro-pagination a span:hover, .professional-cv-resume-pro-pagination a span:focus {
  background: #47c6c3;
  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: #2d3446;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}
.comment-form input[type=submit] {
  background: #2d3446;
  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: #2d3446;
}
.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));
}
.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;
  color: #2d3446;
}
.sidebar-area li a:hover {
  color: #47c6c3;
}
.sidebar-area li:hover {
  color: #47c6c3;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #2d3446;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #2b2b47;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  background: #47c6c3;
}
.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: #2d3446;
  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: #47c6c3;
  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: #2d3446;
  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 {
  padding-top: 160px;
}
footer .sidebar-area {
  background: none;
  padding: 25px 0 0 0;
}
div#newsletter {
  margin-bottom: -145px;
  position: relative;
  clear: both;
}
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: #a4a0bc;
}
.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: #47c6c3;
  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: #2d3446;
}
#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: #47c6c3;
  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: #f4ffff;
  z-index: 99999;
}
/** loader **/
.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #0f1221 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 #47c6c3 transparent;
  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: #0f1221;
  margin: 30px auto;
  text-align: center;
  font-weight: 500;
  letter-spacing: 10px;
}
a.close-search-form {
  display: none;
}
/*Body*/
header#site-navigation.fix-sticky {
  background: #fff;
  filter: drop-shadow(-4.141px 15.455px 10px rgba(0, 0, 0, 0.06));
}
.header-menu {
  line-height: 66px;
  }
  
  body.home .header-menu {
    position: absolute;
    width: 100%;
    z-index: 999;
    padding-top: 25px;
}

/*SLIDER SECTION*/
div#slider {
  position: relative;
}
#slider .slider-box img {
  width: 100%;
  float: none;
}
#slider .carousel-caption.slider-content {
  left: 0;
  right: 0;
  max-width: 1140px;
  font-size: 16px;
  color: #222222;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
}
.slider-box-inner {
  max-width: 430px;
}
#slider h2 {
  font-weight: 400;
  font-size: 24px;
}
#slider h1 {
  font-size: 48px;
  font-weight: 700;
}
#slider .button {
  color: #fff;
  padding: 10px 25px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  border-radius: 30px;
}
#slider .button:hover {
  color: #ffff;
}
#slider .button, #slider .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#slider .button::before, #slider .button::after {
  content: '';
  position: absolute;
  z-index: -1;
}
#slider .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#slider a.button-2{
  position: relative;
  padding-right: 55px;
}
#slider a.button-2:after{
  background-image: url(images/slider/Flaticon-2.svg);
  background-repeat: no-repeat;
  content: '';
  width: 15px;
  height: 24px;
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  right: 25px;
  left: auto;
}
#slider h5.follow {
  margin-right: 9px;
  font-size: 18px;
  margin-bottom: 0;
}
#slider .social {
  width: fit-content;
  border-radius: 20px;
  filter: drop-shadow(-16.18px 11.756px 10px rgba(46, 136, 134, 0.1));
  background-color: #ffffff;
  display: flex;
  padding: 20px;
  align-items: center;
  position: absolute;
  bottom: -11.5rem;
  left: 0;
  z-index: 99;
}
#slider .social a {
  margin-right: -15px;
}
#slider .social a i {
  border-radius: 8px;
  border: solid 2px #0000;
  padding: 4px 0;
  color: #fff;
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 14px;
}
#slider .social i.fab.fa-facebook-f {
  background-color: #4f7fd1;
}
#slider .social i.fab.fa-twitter {
  background-color: #00b7ff;
}

#slider .social i.fab.fa-instagram {
  background: #d6249f;
}
#slider .social i.fab.fa-youtube {
  background-color: #ff0000;
}
.slider-bottom-info {
  position: absolute;
  max-width: 1160px;
  margin: 0 auto;
  z-index: 999;
  bottom: 16rem;
  width: 100%;
  left: 0;
  right: 0;
}
.slider-email {
  width: auto;
  border-radius: 20px;
  filter: drop-shadow(-16.18px 11.756px 10px rgba(46, 136, 134, 0.1));
  background-color: #ffffff;
  padding: 7px 28px;
  position: absolute;
  right: 1%;
  bottom: -6rem;
  z-index: 99;
  font-size: 14px;
  color: #222222;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 16px 20px;
  line-height: 20px;
  z-index: 9999;
}
.slider-email .slider-email-inner {
  margin-left: 12px;
}
.slider-email .slider-email-inner span {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #47c6c3;
  font-weight: 400;
}
.slider-email .dashicons, .slider-email .dashicons-before:before {
  font-size: 30px;
  vertical-align: top;
  transition: color .1s ease-in;
  color: #47c6c3;
  transform: rotate(90deg);
}
.header .container-fluid {
  max-width: 1620px;
  padding: 0 2%;
}
.logo-image a {
  font-size: 30px;
  line-height: 26px;
  color: #304a49;
  font-weight: 700;
}
/* ABout Us Section */

#about_us .about_background {
  background: #0f1221;
  border-radius: 50px;
  margin-top: 80px;
}
#about_us .about_background .col-lg-7 {
  padding-left: 25px;
}
#about_us h5 {
  letter-spacing: 3px;
  font-size: 26px;
  font-weight: 400;
}
#about_us h3 {
  font-size: 30px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 25px;
}
#about_us h6 {
  font-size: 20px;
}
#about_us p {
  font-size: 18px;
}
.about-inner {
  padding: 45px 30px 45px 0;
}
#about_us .image-box {
  position: relative;
  display: flex;
  margin-bottom: 40px;
  flex-wrap: wrap;
  padding-left: 0;
}
#about_us .image-1 {
  margin: -180px auto 0;
  padding: 0;
  border-radius: 20px;
}
#about_us .image-1 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  }
.about-items span.first-word {
  color: #ffff;
}
.about_us_img {
  position: relative;
}
#about_us .button {
  padding: 10px 25px;
  font-weight: 500;
  overflow: hidden;
  border-radius: 30px;
  position: absolute;
  left: 0;
  bottom: 34px;
  right: 0;
  width: max-content;
  margin: auto;
}
#about_us .button:hover {
  color: #000;
  text-decoration: none;
}
.social {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
#about_us .social h5 {
  font-size: 18px;
  flex: 0 0 100%;
}

#about_us .social a i {
  border-radius: 8px;
  border: solid 2px #0000;
  padding: 6px;
  color: #fff;
  width: 32px;
  height: 32px;
  text-align: center;
}
#about_us .social i.fab.fa-facebook-f.mr-3 {
  background-color: #4f7fd1;
}
#about_us .social i.fab.fa-twitter.mr-3 {
  background-color: #00b7ff;
}
#about_us .social i.fab.fa-youtube.mr-3 {
  background-color: #ff0000;
}
#about_us .social i.fab.fa-instagram.mr-3 {
  background: #d6249f;
}

/* Services Section*/
#services h3 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
}
#services .services-box {
  background: #fff;
  transition: all .7s ease-in;
}
#services .dashicons {
  width: 90px;
  height: 90px;
  border-radius: 20px;
  filter: drop-shadow(-11.025px 6.889px 10px rgba(46, 136, 134, 0.2));
  background-color: #ffffff;
  border: 1px solid #e3f4f4;
  margin-bottom: 28px;
  padding-top: 17px;
}
#services .dashicons:hover {
 filter: drop-shadow(-11.025px 6.889px 10px rgba(1, 190, 187, 0.2));
}
#services .dashicons {
  color: #47c6c3;
  font-size: 50px;
  display: inline;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#services .dashicons:hover {
  transform: scale(1.15);
}

#services .services_title {
  font-weight: 700;
  font-size: 20px;
}
#services p {
  font-size: 18px;
  line-height: 28px;
}
#services .button {
  color: #fff;
  padding: 10px 25px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  border-radius: 30px;
}
#services .services-box:hover .button {
  background: #fff;
  color: #47c6c3;
  text-decoration: none;
}
#services h5 {
  font-size: 26px;
  font-weight: 400;
}
#services .button2 {
  padding: 13px 25px;
  font-weight: 500;
  border-radius: 25px;
  filter: drop-shadow(-16.18px 11.756px 25px rgba(46, 136, 134, 0.3));
  margin-top: 40px;
  display: table;
}
#services .button2:hover {
  color: #fff;
  text-decoration: none;
}

/*Job Section*/

#job {
  border-radius: 20px;
  padding: 0 100px;
}
#job h5 {
  font-size: 26px;
}
#job .download_cv h5 {
  font-size: 20px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 500;
}
#job .download_cv h3 {
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 700;
}
#job h3 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 50px;
}
#job .jobs-items h3 {
  font-size: 20px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 10px;
}
.jobs-items h6 {
  font-size: 16px;
  font-weight: 400;
}
.jobs-items p {
  font-size: 16px;
  font-weight: 400;
}
.job-listing h4 {
  border-radius: 25px;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 28px;
  padding: 11px 0;
  display: table;
  margin: auto;
  width: 240px;
  margin-bottom: -25px;
  position: relative;
}
.jobs-items {
  margin-top: 35px;
}
.jobs-items:last-child {
  margin-bottom: 0;
}
.jobs-items span {
  font-size: 16px;
}
.job-item {
  border-radius: 20px;
  border: 1px solid #262c45;
  padding: 45px;
}
.job-listing {
  padding: 0;
}
.skillbar-title span {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}
.design_skill h2 {
  font-size: 30px;
}
.design_skill p {
  font-size: 18px;
  margin-top: 25px;
}
.design-skills {
  margin: 60px 0 80px;
}
.skillbar-title span:first-child {
  margin-right: 7px;
}
.skillbar-title span:first-child:after {
  content: ':-';
  position: relative;
  padding-left: 3px;
}
.skillbar-title span:last-child {
  font-weight: 600;
}
.skillbar {
  position: relative;
  display: block;
  margin-bottom: 24px !important;
  width: 100%;
  height: 15px;
  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;
  margin-bottom: 50px !important;
}
.skill-bg {
  height: 8px;
  border-radius: 4px;
  background-color: #21263d;
}
.skillbar-title {
  position: relative;
  left: 0;
  top: 0;
  line-height: 24px;
  font-size: 100%;
}
.skillbar-title span {
  padding-right: 10px 
}
.skillbar-bar {
  height: 8px;
  width: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 4px;
  background-color: #47c6c3;
}
.skill-amount {
  float: right;
  font-size: 126.3%;
  margin-top: 0;
}
.download_cv {
  border-radius: 30px;
  width: 100%;
  padding: 38px 67px 0;
  margin-bottom: -140px;
  position: relative;
}
.download_cv .button {
  padding: 15px 35px;
  color: #fff;
  outline: none;
  border: none;
  border-radius: 30px;
  font-weight: 600;
  font-size: 14px;
  transition: all ease 500ms;
}
.download_cv .button:hover {
  color: #000;
}

/*Testimonials*/
#testimonial h5 {
  font-size: 26px;
  font-weight: 400;
}
#testimonial h3 {
  font-size: 40px;
  color: #222222;
  font-weight: 700;
  margin-bottom: 36px;
}
#testimonial .testimonial_box {
  position: relative;
}
.brand-logo h4 {
  margin-left: 18px;
  font-size: 32px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 700;
}
.testimonials-brand h6 {
  font-size: 20px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 700;
}
#testimonial .testimonials-boxes {
  border-radius: 10px;
  filter: drop-shadow(-14.849px 14.849px 30px rgba(46, 65, 136, 0.14));
  background-color: #ffffff;
  margin: 15px 15px;
  padding: 0 41px;
}
.testi-rating {
  font-size: 14px;
  line-height: 26px;
  color: #707070;
  font-weight: 500;
  text-align: right;
  margin-left: auto;
}
#testimonial .button2:hover {
  color: #ffff;
}
.testi-rating span {
  border-radius: 14px;
  font-size: 15px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 600;
  background-color: #47c6c3;
  padding: 3px 10px;
  margin-right: 5px;
}
.testimonials-brand .brand-logo {
  display: flex;
  align-items: center;
}
#previous_clients .testimonials-thumb {
  width: 50px;
  height: 50px;
  overflow: hidden;
  flex: 0 0 50px;
}
.testimonials-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#testimonial .content {
  font-size: 16px;
  line-height: 28px;
  color: #222222;
  font-weight: 700;
  font-style: italic;
  text-align: left;
}
#testimonial h4 {
  font-size: 20px;
  font-weight: 700;
}
#testimonial h6 {
  font-size: 14px;
  line-height: 22px;
  color: #47c6c3;
  font-weight: 600;
}
.testimonials-box {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 28px;
}
.testimonials-box:after {
  content: '';
  height: 1px;
  background-color: #e8e8e8;
  width: 112%;
  position: absolute;
  bottom: 0;
  left: -27px;
  right: -20px;
}
.testi-name {
  margin-left: 24px;
  text-align: left;
}
.button {
  margin: auto;
  padding: 40px;
}
#testimonial .button2 {
  padding: 10px 25px;
  border-radius: 25px;
  filter: drop-shadow(-16.18px 11.756px 25px rgba(46, 136, 134, 0.3));
  background-color: #47c6c3;
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 500;
}
#testimonial .button2::before, .testimonials-box .button2::after {
  content: '';
  position: absolute;
  z-index: -1;
}
#testimonial .button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#testimonial .testimonial_box i {
  font-size: 150px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 20px;
  bottom: 20px;
  opacity: 0.1;
}
/*Client Section*/
.client_section {
  border-radius: 50px;
  background-color: #0f1221;
  padding: 70px;
}
.box-inner {
  border-radius: 20px;
  background-color: #171b2d;
  padding: 31px;
  margin: 59px;
}
.developer h4 {
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
}
.developer h6 {
  font-size: 14px;
  color: #47c6c3;
  font-weight: 600;
  text-align: center;
}
.client_section h5 {
  font-size: 26px;
  line-height: 26px;
  color: #47c6c3;
  font-weight: 400;
}
.client_section h3 {
  font-size: 40px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 700;
}
div#testimonial {
  margin-top: 100px;
}
.testimonial_box p {
  font-size: 16px;
  line-height: 28px;
  color: #d4d7e8;
  font-weight: 400;
  font-style: italic;
}
.box-inner .owl-nav {
  text-align: right;
}
.box-inner .owl-carousel .owl-nav button.owl-prev, .box-inner .owl-carousel .owl-nav button.owl-next {
  color: #fff;
  border: 0;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  margin-left: 18px;
  background-color: #47c6c3;
  transition: all ease 500ms;
}
.box-inner .owl-carousel .owl-nav button.owl-prev:hover, .box-inner .owl-carousel .owl-nav button.owl-next:hover {
  background-color: transparent;
  border: solid 2px #8f8d8d;
}
#previous_clients .button {
  background: #fff;
  color: #47c6c3;
  padding: 10px 25px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  border-radius: 30px;
}
#previous_clients .button:hover {
  background: #2d3446;
  color: #fff;
  text-decoration: none;
}
#previous_clients .button, #about_us .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#previous_clients .button::before, #previous_clients .button::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}
#previous_clients .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#previous_clients .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#previous_clients figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#previous_clients figure:hover+span {
  opacity: 1;
}
#previous_clients img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  float: none;
  width: 100%;
}
#previous_clients img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}
#previous_clients .circle {
  font-size: 35px;
  color: #157fd1;
}
#previous_clients a.open-video {
  position: relative;
  top: -19px;
}
#previous_clients .large {
  position: absolute;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  text-align: center;
}
#previous_clients .large i {
  font-size: 20px;
  color: #fff;
  background: #47c6c3;
  width: 60px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
#previous_clients .large i:hover {
  color: #222222;
}
.video-section {
  position: relative;
}
#previous_clients .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;
}
#previous_clients .video-section .video-blog .is-open {
  right: 0;
  height: 100%;
  visibility: visible;
  top: 30px;
}
#previous_clients .video-section .video-blog .is-open section {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#previous_clients .video-section .video-blog a.close-video {
  top: 50px;
  position: absolute;
  margin-left: -13px;
  left: 50%;
}
#previous_clients .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;
}
#previous_clients .video-section .video-blog .is-open i.videoblog-close-button {
  opacity: 1;
  position: relative;
  bottom: 35px;
}
#previous_clients .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);
}
#previous_clients .work-enquiry-div {
  background: #fff;
  position: relative;
  right: 30%;
  top: 30px;
}
#previous_clients .work-enquiry-div .deta-box {
  padding: 30px 0;
  align-items: center;
}
#previous_clients .work-enquiry-div .dashicons {
  color: #47c6c3;
  font-size: 40px;
}
#previous_clients .work-enquiry-div h4 {
  margin-bottom: 0;
  color: #47c6c3;
  font-weight: 600;
  font-size: 20px;
}

/*Our Project*/

.featured-box .content h5 a {
  font-size: 16px;
  color: #222222;
  font-weight: 700;
  margin-bottom: 20px;
}
#gallery_div h3 {
  color: #2d3446;
  font-size: 34px;
  font-weight: 700;
  margin: 0 30%;
}
#gallery_div figure:hover+span {
  opacity: 1;
}
.featured-box .content {
  border-radius: 0 0 10px 10px;
  filter: drop-shadow(-14.849px 14.849px 30px rgba(46, 65, 136, 0.14));
  background-color: #ffffff;
  padding: 20px;
  text-align: left;
}
.featured-box .content span {
  padding: 3px 10px;
  border-radius: 14px;
  background-color: #47c6c3;
  font-size: 15px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 600;
  margin-right: 10px;
}
.featured-box {
  margin-bottom: 30px;
}
.featured-box:hover .content {
  filter: drop-shadow(-14.849px 14.849px 30px #47c6c35c);
  transition: all 0.2s ease-out;
}
.featured-box .content p {
  font-size: 14px;
  line-height: 26px;
  color: #707070;
  font-weight: 500;
}
#gallery figure.projects-img * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  object-fit: cover;
}
#gallery .featured-box:hover figure.projects-img img {
  transform: scale(1.2);
  transition: all ease 500ms;
}
#gallery_div .button:hover {
  color: #ffff;
}
#gallery figure.projects-img {
  max-width: 100%;
  vertical-align: top;
  margin: 0;
  overflow: hidden;
}
#gallery figure:hover figcaption, #gallery figure.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#gallery figure:hover:after, #gallery figure.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 1;
}
#gallery figcaption {
  top: 90%;
  left: 0%;
  right: 20%;
  position: absolute;
  opacity: 0;
  z-index: 1;
  margin: 0 auto;
}
#gallery .icon {
  color: #fff;
  font-size: 16px;
}
#gallery_div a.read_more {
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}
#gallery_div a.read_more:hover {
  color: #2d3446;
}
#gallery_div .button {
  background: #47c5c3;
  color: #fff;
  padding: 10px 20px;
  font-weight: 600;
  overflow: hidden;
  display: inline-block;
  border-radius: 30px;
}
#gallery_div .button, #gallery_div .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#gallery_div .button::before, #gallery_div .button::after {
  content: '';
  position: absolute;
  z-index: -1;
}
#gallery_div .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#gallery_div .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
.modal-img {
  width: 100%;
  height: auto;
}
.modal-body {
  padding: 0px;
}

/*Appointment Section*/
img {
  max-width: 100%;
}
.appointment-box {
  padding-top: 83px;
}
#appointment .appointment-section{
  border-radius: 50px;
  padding: 0 50px;
  background-repeat: no-repeat;
}
#appointment .appointment-box h2 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 37px;
}
#appointment .appointment-box h4 {
  font-size: 26px;
}
.appointment-box .form {
  border-radius: 16px;
  filter: drop-shadow(-14.849px 14.849px 30px rgba(46, 65, 136, 0.14));
  background-color: #ffffff;
  padding: 40px 50px;
}
.appointment-box form label {
  color: #16151e;
}
#appointment input.wpcf7-form-control.wpcf7-text {
  padding: 10px;
  border: none;
  margin-bottom: 10px;
  color: #717d9c;
  width: 100%;
  border-radius: 6px;
  background-color: #f3f3f8;
}
#appointment input.wpcf7-form-control.wpcf7-text::placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #777777;
  font-weight: 400;
}
#appointment textarea.wpcf7-form-control.wpcf7-textarea {
  padding: 10px;
  border: none;
  margin-bottom: 10px;
  outline: none;
  height: 120px;
  width: 100%;
  border-radius: 6px;
  background-color: #f3f3f8;
  color: #16151e;
}
#appointment textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #777777;
  font-weight: 400;
}
#appointment input.wpcf7-form-control.has-spinner.wpcf7-submit {
  width: 40%;
  padding: 10px;
  border-radius: 25px;
  font-size: 16px;
  line-height: 28px;
  color: #ffff;
  font-weight: 500;
  text-align: center;
  border: none;
  transition: ease all 500ms;
  cursor: pointer;
}
#appointment input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  color: #fff;
  border-radius: 25px;
  filter: drop-shadow(-16.18px 11.756px 25px rgba(46, 136, 134, 0.3));
}
#appointment span.wpcf7-spinner {
  display: none;
}
#appointment .wpcf7-response-output {
  color: #fff;
}

/*Recent Blog Section*/
#recent_blog h5 {
  font-size: 26px;
}
#recent_blog h3 {
  font-size: 40px;
  font-weight: 700;
}
#recent_blog figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
}
#recent_blog figure:hover+span {
  opacity: 1;
}
#recent_blog img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  object-fit: cover;
  height: 260px;
}
#recent_blog figure a {
  height: 260px;
  display: block;
}
#recent_blog .recent_box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
}
#recent_blog h4 a {
  font-size: 20px;
  color: #222222;
  font-weight: 700;
}
#recent_blog .time i {
  margin-right: 5x;
}
#recent_blog .button {
  padding: 10px 25px;
  border-radius: 30px;
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 500;
  display: table;
  margin: 37px auto 0;
}
#recent_blog .button:hover {
  text-decoration: none;
  color: #fff;
}
#recent_blog .read_more {
  color: #47c6c3;
  font-weight: 600;
}
#recent_blog .post-date {
  color: #47c6c3;
  padding: -7px;
  font-weight: 500;
  width: 120px;
}
#recent_blog .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
  bottom: 10px;
}
#recent_blog .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #2d3446;
  margin: 0 5px;
  outline: none;
}
#recent_blog .owl-dots button.owl-dot.active {
  background-color: #47c6c3;
}
#recent_blog .fas {
  font-size: 20px;
}

/*Newsletter*/
.newsletter_box h5 {
  font-size: 20px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 500;
}
.newsletter_box {
  border-radius: 30px;
  padding: 45px 60px;
  width: 100%;
}
.newsletter_box .wpcf7-spinner {
  position: absolute;
}
#newsletter h3 {
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 700;
}
#newsletter p {
  margin-bottom: 0;
}
#newsletter .wpcf7-form-control {
  background: #ffff;
  border: none;
  outline: none;
  width: 100%;
  border-radius: 30px;
  font-size: 16px;
  line-height: 24px;
  color: #acacac;
  font-weight: 400;
  padding: 15px 70px 15px 15px;
  margin-bottom: 10px;
}
form.wpcf7-form.init {
  position: relative;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email::placeholder {
  color: #595959;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
  background: #0f1221;
  padding: 18px 15px;
  color: #fff;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  right: 10%;
  border-radius: 30px;
  font-weight: 600;
  font-size: 14px;
  width: 150px;
  position: absolute;
  right: 0;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  color: #000;
}

/*Innner page recent projects*/
#recent-page-inner figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #fff;
}
#recent-page-inner figure:hover+span {
  opacity: 1;
}
#recent-page-inner img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#recent-page-inner .project-box :hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
}
#recent-page-inner .box {
  background: #2d3446;
}
#recent-page-inner h4 {
  color: #fff;
  font-weight: 600;
}
#recent-page-inner .box:hover h4 {
  color: #2d3446;
}
#recent-page-inner img {
  height: 300px;
  max-height: 300px;
  width: 100%;
}
#recent-page-inner .read-more {
  color: #fff;
}

/*Footer Section*/
.footer-area .footer {
  padding: 40px 0 40px 0;
}
.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;
  position: relative;
  list-style: none;
}
.footer-area h2 {
  color: #fff;
  font-weight: 500;
  font-family: 'Maven Pro', sans-serif;
}
.footer-area h4.title {
  color: #fff;
  font-weight: 500;
  font-size: 24px;
}
.footer-area .number p {
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 700;
}
.footer-area .textwidget p {
  font-size: 16px;
  line-height: 24px;
  color: #acaebf;
  font-weight: 400;
  font-family: "Jost";
}
.footer-area .fab {
  margin-right: 20px;
  margin-top: 10px;
  color: #a4a0bc;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
}
.footer-area .fas, .footer-area .far {
  color: #47c6c3;
  position: absolute;
  font-size: 35px;
  left: 0;
}
.footer-area .number {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-left: 40px;
}
.footer-area .number p {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  line-height: 16px;
}
.footer-area .number h6 {
  font-size: 12px;
  line-height: 14px;
  color: #47c6c3;
  font-weight: 400;
}
.footer-area .textwidget h4 {
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 15px;
}
.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: #47c6c3;
  font-size: 18px;
}
.footer-area ul {
  padding: 0px;
  line-height: 2;
}
.footer-area ul li {
  margin: 10px 0;
  color: #a4a0bc;
  list-style: none;
  position: relative;
  padding-left: 21px;
}
.footer-area li::before {
  content: '';
  position: absolute;
  left: 0;
  color: #acaebf;
  border-left: solid 5px #acaebf;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  top: 50%;
  transform: translateY(-50%);
}
.footer-area select {
  width: 100%;
  padding: 10px;
}
.footer-area bdi {
  color: #47c6c3;
}
.copyright {
  background-color: #181d31;
}
.copyright p {
  color: #fff;
  margin-bottom: 0;
}
.copyright a {
  color: #fff;
}
.copyright a:hover {
  color: #fff;
}
.footer-area .woocommerce ul.product_list_widget li {
  padding: 5px 0;
}
.custom-h6 {
  font-size: 18px !important;
}

/*Contact Page*/
#contact .contact-title {
  font-size: 44px;
  color: #1e1e1e;
  font-weight: 700;
}
#contact h2 {
  font-size: 30px;
  line-height: 42px;
  color: #2d3446;
  font-weight: 600;
}
#contact p {
  color: #2d3446;
}
#contact .services-box:hover p {
  color: #fff;
}
#contact .contact-text {
  color: #2d3446;
}
#contact .icon1 {
  background: #fff;
  color: #2d3446;
  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: #47c6c3;
}
#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 .services-box:hover {
  background: #47c6c3;
  color: #fff;
}
#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;
  border: 0;
  margin: 10px;
  outline: none;
  width: 46%;
  border-radius: 6px;
  color: #717d9c;
}
#contact input.wpcf7-form-control.wpcf7-text::placeholder {
  color: #717d9c;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea {
  width: 95%;
  height: 130px;
  padding: 20px 25px;
  margin: 15px 10px;
  border: 0;
  outline: none;
  border-radius: 6px;
  color: #2d3446;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea:placeholder {
  color: #717d9c;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 10px 30px;
  margin: 20px 10px;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  border: none;
  text-transform: uppercase;
  border-radius: 30px;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: #fff;
  color: #fff;
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner {
  display: block;
}
#contact embed {
  width: 100%;
  height: 500px;
}
#contact .icon2 {
  font-size: 50px;
  color: #47c6c3;
  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: #fff;
}
#contact h6 {
  color: #2d3446;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}
#contact .services-box:hover h6 {
  color: #fff;
}
#contact h5 {
  color: #47c6c3;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 2px;
}
#contact h3 {
  color: #2d3446;
  text-transform: capitalize;
  font-size: 34px;
  font-weight: 600;
}
.contact-form {
  background: #f4ffff;
}
.form-box {
  background: #23233d;
  border-radius: 30px;
  margin-top: 92px !important;
}