/*
Theme Name: Digital Advertising Agency Pro
Theme URI: https://www.misbahwp.com/products/advertising-agency-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: digital-advertising-agency-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;
}

img {
  max-width: 100%;
}

.post-single a,
.page-single a,
.sidebar-area .textwidget a,
.comment-content a {
  text-decoration: none;
  color: #55585B;
  text-transform: capitalize;
  font-weight: 500;
}

body {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  color: #010F1C;
  margin: 0;
  background: #fff;
  overflow-x: hidden;
  max-width: 1920px;
  margin: auto;


}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1rem;
  font-family: "Plus Jakarta Sans", sans-serif;
}

a {
  color: #fff;
  -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: #000000;
  text-decoration: none;
}

.header-top {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #55585B;
  padding: 26px 0 0 0;
  position: absolute;
  left: 19.7rem;
}

.header-top b {
  color: #842BB7;
}

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


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

.register,
.login {
  background: #aa8a63;
  color: #fff;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

.login {
  background: #fff;
  color: #212121;
}

.header {
  position: static;
}

.header-cart {
  display: flex;
  padding: 0 12px 0 0;
  justify-content: right;
}

.menu-sec {
  flex: 0 0 46.066667%;
  max-width: 46.666667%;
}

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

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

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

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

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

.logo a {
  color: #000000;
  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: #000000;
}

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



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

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

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

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

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

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


#main-menu ul li.menu-item-has-children:after {
  content: '';
  background-image: url(images/sub-menu-icon.svg);
  position: absolute;
  right: 1px;
  width: 12px;
  height: 27px;
  top: 10px;
}

#main-menu ul li a {
  color: #271D3A;
  text-decoration: none;
  display: block;
  z-index: 1;
  padding: 10px 20px;
  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;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;

}

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

#main-menu ul.children,
#main-menu ul.sub-menu {
  opacity: 0;
  position: absolute;
  top: 40px;
  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.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: #000000;
  -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 #000000;
  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: #000000;
  -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: #000000;
  color: #fff;
}

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

.woocommerce a.button {
  background-color: #f6886a;
}

.woocommerce button.button.alt {
  background-color: #f6886a;
}

.woocommerce-message {
  border-top-color: #E60380;
}


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

.header-search {
  width: 100%;
  margin-right: 20px;
}

.cart-sec,
.wish-view-btns {
  margin-right: 21px;
  display: flex;
  align-items: center;
}

.cart-sec .cart-customlocation,
.wish-view-btns a {
  position: relative;
  color: #f6886a;
  width: 60px;
  height: 60px;
  border-radius: 20px;
  background-color: #ffffff;
  text-align: center;
  line-height: 60px;
  font-size: 17px;
}

#popular-product span.discount_amt {
  border-radius: 50px;
  background-color: #f6886a;
  padding: 2px 5px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  position: absolute;
  top: 20px;
  left: 20px;
}

.wish-view-btns a {
  color: #E60380;
}

.woocommerce div.product form.cart .button {
  margin-left: 10px;
  border: 0;
  outline: 0;
}

.wp-block-woocommerce-cart.alignwide {
  margin: 0;
}

.cart-sec p.cart-item-box {
  position: absolute;
  top: 0%;
  right: -10px;
  background: #E60380;
  width: 18px;
  height: 18px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 12px !important;
}

p.cart-item-box {
  position: absolute;
  top: 0%;
  right: -10px;
  background: #E60380;
  width: 18px;
  height: 18px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 12px !important;
}

.header .cart-sec p.cart-item-box {
  position: absolute;
  top: 12px;
  right: 5px;
  background: #E60380;
  width: 18px;
  height: 18px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 8px !important;
  padding: 0;
  margin: 0;
  line-height: 18px;
}

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

/* 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,
.open-menu {
  display: none;
}


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



h4.post-title {
  font-size: 22px;
  color: #000000;
  font-weight: 800;
}

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

.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}

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%;
  height: auto;
}

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

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

.latest-post .post-date {
  float: left;
}

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

.latest-post figure {
  margin: 0;
  padding: 0;
  background: #000000;
  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;
}

.single-product .main-wrapper {
  padding-top: 14rem !important;
}

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

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

.post-single .blog_share_icon .fab {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  background: #000000;
  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;
}

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

.post-single {
  display: block;
}

label {
  display: block;
}

.latest-post h4 a {
  color: #000000;
  font-weight: 600;
}

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

.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-post {
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.08));
  background: #f1f4f7;
  border: 1px solid #e9e7f4;
  padding: 20px;
}

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

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

.latest-post span {
  text-transform: uppercase;
  color: #ee9c71;
  letter-spacing: 1px;
  font-weight: 500;
}

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

.comment-respond input#submit {
  background: #000000;
  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: #E60380;
}

.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: #000000;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}

.comment-reply a:hover {
  background: #E60380;
  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;
  }

  .logo {
    text-align: center;
  }

  .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 #000000;
    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,
.digital-advertising-agency-pro-pagination {
  margin: 25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.digital-advertising-agency-pro-pagination a span,
.digital-advertising-agency-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;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.digital-advertising-agency-pro-pagination span.current,
.digital-advertising-agency-pro-pagination span.current:hover,
.digital-advertising-agency-pro-pagination span.current:focus,
.digital-advertising-agency-pro-pagination a span:hover,
.digital-advertising-agency-pro-pagination a span:focus {
  background: #000000;
  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: #000000;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.comment-form input[type=submit] {
  background: #000000;
  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: #000000;
}

.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 0 20px rgba(0, 0, 0, 0.08));
  padding-bottom: 15px;
}

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

.sidebar-area a {
  font-size: 16px;
  line-height: normal;
}

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

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

.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #E60380;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  background: #E60380;
}

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


.sidebar-area .post-thumbnail {
  width: 80px;
  height: 80px;
}

.sidebar-area .post-thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: 50%;

}

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

footer {
  background: #171014;
}

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 {
  font-size: 18px;
  line-height: 24px;
  color: #818287;
}

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

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: #E60380;
}


/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #000000;
  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: linear-gradient(90deg, #F53194 0%, #700DAE 100%);

}

#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: #000000;
  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: #fff;
  z-index: 99999;
}

/** loader **/

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #F53194;
  ;
  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 #700DAE;
  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: #000;
  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*/

.top-header option {
  background: #fff;
}

.delivery:hover,
.policy:hover {
  color: #E60380;
}

.main-header {
  margin: 0 50px;
  position: relative;
}

.main-header .container {
  position: relative;
}

.top-header .container {
  padding: 0;
}

.home .header-menu {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}

.header-menu .logo-image img {
  width: auto;
}

.header-menu .button1,
.header-menu .button2 {
  text-transform: uppercase;
  font-weight: 500;
  color: #3d3c3c;
  padding: 0 7px;
}

.header-menu .button1 {
  border-right: 2px solid #403f3f;
}

.header-menu .social-links {
  display: flex;
  margin-right: 25px;
}

.header-menu .social-links a {
  color: #202020;
  justify-content: center;
  align-items: center;
  transition: all .5s ease 0s;
  font-size: 15px;
  position: relative;
  font-weight: 400;
  display: flex;
  margin: 0 9px;
  height: 30px;
  width: 30px;
}

.header-menu .social-links a span {
  position: absolute;
  right: 140%;
  font-size: 12px;
  color: #222222;
  font-weight: 500;
  display: none;
}

.header-menu .social-links a:hover {
  color: #fff;
  background: #775AFC;
  border-radius: 100%;
  padding: 7px;
}




.order-button {
  display: flex;
  justify-content: space-between;
}

.order-button a {
  width: 40px;
  height: 40px;
  background: #E60380;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
}

.order-button a:hover {
  background: #000000;
}

#site-navigation {
  height: 67px;
  border-radius: 34px;
  filter: drop-shadow(0px 20px 20px rgba(37, 9, 62, 0.1));
  background-color: #ffffff;
  border: 1px solid #ffffff;
  margin-top: 71px;
  position: relative;
  padding: 8px 0;
}

.logo-image {
  flex: 0 0 20.6%;
  max-width: 20.6%;
  position: relative;
}

#site-navigation .logo-image a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.woocommerce .woocommerce-breadcrumb {
  margin-bottom: 2rem;
}

.middle-header .wishlist,
.middle-header .my_account,
.middle-header .cart-sec {
  display: flex;
  align-items: center;
  justify-content: center;
}

.middle-header .wishlist p,
.middle-header .my_account p,
.middle-header .cart-sec p {
  color: #fff;
  font-size: 14px;
}

.header .order-button {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.product-btn {
  border: 0;
  background: transparent;
  outline: none;
  box-shadow: none;
  cursor: pointer;
}

.header .product-cat {
  list-style: none;
  position: absolute;
  top: 35px;
  left: 15px;
  right: 0;
  z-index: 999;
  text-align: left;
  font-size: 14px;
  border: none;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.08));
}

.header li.drp_dwn_menu {
  padding: 10px;
  background: #E60380;
  border-bottom: 1px solid #fff;
}

.header li.drp_dwn_menu:hover {
  background: #000;
}

.header li.drp_dwn_menu a {
  color: #fff;
}

.product-btn:focus {
  outline: none;
}

i.fa.fa-shopping-bag {
  margin-right: 28px;
}

/*SLIDER SECTION*/

#slider {
  position: relative;
}

#slider .work-enquiry-div .deta-box {
  height: 70px;
  border-radius: 35px;
  background-color: #ffffff;
  padding: 10px;
}

#slider h4.kaushan-font {
  font-size: 36px;
}

#slider .slider-text {
  left: 5%;
  max-width: 470px;
  font-size: 20px;
  line-height: 30px;
  color: #55585B;
  font-weight: 400;
  bottom: auto;
  top: 250px;
  margin-bottom: 53px;
}

@media screen and (min-width: 1800px) {
  #slider .slider-text {
    left: 18%;
  }
  #slider img {
    max-height: 945px;
  }
  div#gallery_div {
    background-position: center 0 !important;
  }
}

#slider h2 {
  margin-bottom: 20px;
}

#slider h1 {
  font-size: 48px;
  line-height: 52px;
  color: #222222;
  font-weight: 700;
  margin-bottom: 39px;
}

#slider h1 span {
  color: #E60380;
}

#slider h1 span:last-child {
  color: #780CAB;
}

.slider-contact-bottom {
  display: flex;
}

.slider-contact {
  margin-left: 78px;
}

.slider-contact p {
  font-size: 14px;
  line-height: 24px;
  color: #55585b;
  margin: 0;
}

.slider-contact h6 {
  font-size: 20px;
  line-height: 26px;
  color: #010f1c;
  font-weight: 600;
}

header .contact-us .button {
  height: 48px;
  line-height: 48px;
}

.button {
  transition: linear 300ms;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;

  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  font-weight: 600;
  height: 54px;
  line-height: 54px;
  border-radius: 30px;
  background-image: linear-gradient(90deg, #f3017a 0%, #670db1 100%);
  display: table;
  padding: 0 40px;
}

.button:hover {
  color: #FFFFFF;
  background-image: linear-gradient(90deg, #670db1 0%, #f3017a 100%);
}

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

.button::before,
.button::after {
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 30px;
  background: linear-gradient(45.07deg, #F3017A -14.17%, #670DB1 98.57%);
}

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

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

/* Brands Logo Section*/

#brands-logo {
  border-radius: 10px;
  background-color: #febd2e;
  padding: 40px 60px;
  margin-bottom: -86px;
  position: relative;
  z-index: 999;
}

#brands-logo h3 {
  font-size: 26px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 40px;
}

.brands-logo {
  padding: 0 18px;
}

.brand-box {
  display: flex;
  height: 51px;
  align-items: center;
  justify-content: center;
}

.brands-logo img {
  filter: grayscale(100%);
  max-height: 51px;
  height: auto;
  width: auto !important;
}

/* Services Section*/
#about_us {
  padding: 0 !important;
}

#services h5 {
  text-align: center;
}

#services h5,
#about_us h5,
#skill_development h5,
#Our-team h6,
#recent_blog h5,
#testimonials h5,
#contact_detail h5,
#gallery_div h5 {
  font-size: 18px;
  line-height: 24px;
  color: #000000 !important;
  font-weight: 600;
  background: linear-gradient(90deg, #F53194 20%, #700DAE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0 20px;
}

#skill_development h5 {
  display: table;
}

#services h3 {
  text-align: center;
  max-width: 420px;
  margin: 0 auto 4rem;
}

#services .services-box {
  border-radius: 15px;
  opacity: 1;
  padding: 60px 40px 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #55585B;
  filter: drop-shadow(0px 4px 32px rgba(0, 0, 0, 0.08));
  background: #ffffff;
  border-radius: 0 50px;
}

#services .services-box:hover {
  background: linear-gradient(45.07deg, #F3017A -14.17%, #670DB1 98.57%) !important;
  color: #fff;
  transition: all 0.6s;
}

#services figure {
  margin-bottom: 42px;
}

#services h4.post-title {
  margin: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
  margin-bottom: 3px;
}

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

#services .services-box i.fa-arrow-right {
  background-color: #fff;
  transition: all 0.6s;
  color: #fff;
  width: 47px;
  height: 47px;
  border-radius: 47px;
  background-image: linear-gradient(90deg, #f3017a 0%, #670db1 100%);
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

#services .services-box:hover i.fa-arrow-right {
  color: #760CAC;
  background: #fff;
}

#services .services-box i.fa-arrow-right:before {
  transform: rotate(-45deg);
}

#services .services-box:hover .button2:after {
  background-color: #F53194;
  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: #F53194;
}

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

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

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


/* ABout Us Section */

#about_us h5 {
  margin-bottom: 5px;
}

.about-us-right {
  padding-left: 120px;
}

#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 .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 .about-us-div {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#about_us .about-us-div span {
  color: #780CAB;
}

#about_us .content {
  margin-bottom: 22px;
}

#about_us p.about-text.ml-2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  color: #55585B;
  margin-bottom: 0;
}


.page-template-frontpage h3 {
  font-size: 32px;
  line-height: 42px;
  color: #010f1c;
  font-weight: 700;
}

/*Creative Work*/

#gallery_div .tab-section {
  display: inline-block;
}

#gallery_div .tab-section button {
  border: none;
  outline: none;
  cursor: pointer;
}

#gallery_div .tablinks {
  padding: 5px 20px;
  font-size: 18px;
  color: #170F39;
  font-weight: 500;
  display: inline-block;
}

#gallery_div .tabcontent.active {
  display: block;
}

#gallery_div .tabcontent {
  display: none;
}

#gallery_div {
  background-image: url(images/projects/project-bg.png.png) !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
}

#gallery_div h5 {
  margin-bottom: 5px;
}

#gallery_div ul {
  padding: 0;
}

#gallery_div ul li {
  margin-bottom: 22px;
  list-style: none;
}

#gallery_div .tablinks.active {
  color: #F3017A;
  padding: 10px 27px;
  -webkit-text-fill-color: unset;
  background: transparent;
  position: relative;
}

#gallery_div .tablinks.active:hover::after,
#gallery_div .tablinks.active:after {
  content: '';
  position: absolute;
  background: linear-gradient(270deg, rgba(120, 12, 171, 0.01) 20.98%, rgba(255, 183, 219, 0.59) 100%);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

#gallery_div .tablinks {
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  color: #000000;
  background: linear-gradient(90deg, #010F1C 0%, #700DAE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 10px 0;
}

#gallery_div h3 {
  margin-bottom: 36px;
}

#ourHolder {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

#ourHolder .grid-item {
  max-width: 50%;
  flex: 0 0 50%;
  padding: 0 15px;
  margin-bottom: 30px;
  overflow: hidden;
}

#gallery_div figure {
  margin: 0;
  overflow: hidden;
  border-radius: 20px;
}

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

#gallery_div img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  height: 555px;
  object-fit: cover;
}

#gallery_div img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#gallery_div figure.projects-img {
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}

#gallery_div 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_div figure.projects-img {
  max-width: 100%;
  vertical-align: top;
}

#gallery_div figure:hover figcaption,
#gallery_div figure.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

#gallery_div figure:hover:after,
#gallery_div figure.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 1;
}

#gallery_div figcaption {
  top: 90%;
  left: 0%;
  right: 20%;
  position: absolute;
  opacity: 0;
  z-index: 1;
  margin: 0 auto;
}

#gallery_div .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: #dd7643;
  color: #fff;
  padding: 10px 20px;
  font-weight: 600;
  overflow: hidden;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
}

#gallery_div .button:hover {
  background: #fff;
  color: #23272c;
}

#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 {
  background: #dd7643;
  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;
}

#gallery {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

#gallery_div a.button1 {
  padding: 10px 25px;
  font-size: 14px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 600;
  background-color: #dd7643;
  transition: linear 300ms;
  text-transform: uppercase;
  margin: 30px auto 0;
  display: table;
}

#gallery_div a.button1:hover {
  color: #262930;
  background: #fff;
}

/* Skill Development */

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

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

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

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

#skill_development .skill-bg {
  height: 4px;
  border-radius: 15px;
  background: #C6BBC1;
  margin-left: 75px;
}

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

#skill_development p {
  margin-bottom: 25px;
  max-width: 415px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

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

#skill_development .skillbar-bar {
  height: 4px;
  width: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 15px;
  background: linear-gradient(90deg, #F3017A 0%, #670DB1 100%);
}

#skill_development .skill-amount {
  float: left;
  font-size: 126.3%;
  margin-top: 0;
  background: linear-gradient(90deg, #F3017A 0%, #670DB1 100%);
  width: 54px;
  height: 54px;
  border-radius: 17px;
  text-align: center;
  line-height: 54px;
  display: block;
  color: #ffffff;
}


/*Pricing Table Section */

#pricing_table h5 {
  background: linear-gradient(90deg, #F53194 20%, #700DAE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#pricing_table h3 {
  color: #2c233d;
  margin-bottom: 48px;
}

#pricing_table .row {
  overflow: hidden;
}

#pricing_table .button {
  color: #fff;
  padding: 0 20px;
  width: 196px;
  height: 54px;
  border-radius: 27px;
  background-image: linear-gradient(90deg, #f3017a 0%, #670db1 100%);
  line-height: 54px;
  font-weight: 700;
  margin-bottom: 20px;
  display: inline-block;
  transition: all .5s ease 0s;
  margin-top: 25px;
}

#pricing_table .special-offer-box1 a.button.button1 {
  display: none;
}

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

#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 .special-offer-box2 .special-month {
  color: #fff;
}

#pricing_table .special-offer-box2 .pricing_tag {
  display: none;
}



#pricing_table .plan-list-div {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #bbbec0;
  padding: 25px 0;
  margin: 0 15px;
}

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

#pricing_table .plan-list-div p {
  margin: 0 32px 0;
}
.pricingtable-inner {
  position: relative;
}
#pricing_table h4 {
  font-size: 15px;
  line-height: 14px;
  color: #775afc;
  font-weight: 500;
  margin-bottom: 13px;
}

#pricing_table .special-offer-box1 h4 {
  font-size: 12px;
  line-height: 14px;
  color: #010f1c;
  font-weight: 500;
  margin-bottom: 3px;
  margin-left: 92px;
}

#pricing_table .special-offer-box1 .special-price {
  font-size: 12px;
  line-height: 14px;
  color: #83868a;
  font-weight: 500;
  margin-left: 92px;
}

#pricing_table .special-price {
  font-size: 40px;
  line-height: 40px;
  color: #010f1c;
  font-weight: 700;
  margin-bottom: 42px;
  display: block;
}

#pricing_table .special-month {
  color: #897aa6;
  font-weight: 500;
}

#pricing_table .col-md-3.col-lg-3 {
  padding: 0;
}

a#pricingtable-button {
  position: absolute;
  display: flex;
  cursor: pointer;
  top: 85px;
  left: 40px;
  z-index: 99;
}
#pricingtable-button .slider-round {
  width: 30px;
  height: 55px;
  background-position: center;
  display: table;
  background: linear-gradient(90deg, #F3017A 0%, #670DB1 100%);
  border-radius: 25px;
  position: relative;
}
#pricingtable-button .slider-round:after {
  content: '';
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 100px;
  position: absolute;
  left: 3px;
  top: 3px;
  /*transition: all ease-in-out 0.5s;*/

}
#pricingtable-button.on .slider-round:after {
  top: 28px;
}
#pricing_table #pricingtable-button .special-price {
  font-size: 12px;
  line-height: 14px;
  color: #83868a;
  font-weight: 500;
  margin: 3px 0 0;
}
#pricing_table #pricingtable-button h4 {
  font-size: 12px;
  line-height: 14px;
  color: #010f1c;
  font-weight: 500;
  margin-bottom: 3px;
  text-align: left;
  margin-top: 10px;
  margin-left: 8px;
}

.special-box-content {
  background-color: #F5F5F5;
  height: 100%;
}

.special-offer-box.special-offer-box1 .special-box-content {
  border-radius: 25px 0 0 0;
}

.special-offer-box.special-offer-box4 .special-box-content {
  border-radius: 0 25px 25px 0;
}

.special-offer-box.special-offer-box1 {
  border-radius: 0 0 0 25px;
  position: relative;
  text-align: left;
  padding-top: 169px;
}
.special-offer-box.special-offer-box1 .titel-box.titel-box1, .special-offer-box.special-offer-box1 .special-box {
  display: none;
}
/*.special-offer-box.special-offer-box1::before {
  content: '';
  position: absolute;
  left: 50px;
  top: 88px;
  width: 40px;
  height: 55px;
  border-radius: 0 0 0 25px;
  background-image: url(images/pricing/toggle-icon.png);
  background-repeat: no-repeat;
  background-position: center;
}*/

.special-offer-box.special-offer-box4 {
  border-radius: 0 0 25px 0;
}

.special-offer-box {
  height: 100%;
  text-align: center;
  overflow: hidden;
  padding-top: 60px;
  position: relative;
}

.special-offer-box.special-offer-box3::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 17px;
  background-image: linear-gradient(90deg, #f3017a 0%, #670db1 100%);
}

.special-offer-box.special-offer-box3::after {
  content: '';
  position: absolute;
  right: -105px;
  top: -130px;
  width: 300px;
  height: 300px;
  background-image: url(images/pricing/round-icon.png);
}

#pricing_table .special-offer-box3 .titel-box h4,
#pricing_table .special-offer-box3 .special-price,
#pricing_table .special-offer-box3 .plan-list-div p {
  position: relative;
  color: #fff;
}

#pricing_table .special-offer-box3 .plan-list-div {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.302);
}

#pricing_table .special-offer-box1 .plan-list-div {
  justify-content: left;
  font-weight: 600;
}

#pricing_table .special-offer-box3 .button {
  background-image: none;
  background-color: #fff;
  color: #000;
}

#pricing_table .special-offer-box3 .button:hover {
  background-image: linear-gradient(90deg, #f3017a 0%, #670db1 100%);
  color: #fff;
}

/*Our Team Section*/

#Our-team .team-backg {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 102px;
}

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

#Our-team .team-deatil h2 {
  font-size: 29px;
  color: #263238;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 14px;
}

#Our-team .team-deatil h4 {
  font-size: 18px;
  color: #263238;
  line-height: 18px;
  font-weight: 400;
  margin-bottom: 0;
}

#Our-team .team-section h1 {
  font-size: 32px;
  line-height: 42px;
  color: #010F1C;
  font-weight: 700;
  display: table;
  margin: auto;
}

#Our-team h3 {
  max-width: 300px;
  margin: 0 auto 80px;
}

#Our-team .team-deatil {
  padding: 35px;
  background: #fff;
  overflow: hidden;
  position: relative;
  border-radius: 0 0 20px 20px;
  text-align: center;
}

#Our-team .team-cols:hover h4,
#Our-team .team-cols:hover h2 {
  color: #fff !important;
  transition: .3s ease-in-out;
}

#Our-team .social-links a {
  color: #000;
  font-size: 20px;
  background: #F2F2F2;
  height: 35px;
  width: 35px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 14px;
}

#Our-team .social-links a:last-child {
  margin-right: 0;
}

#Our-team .team-cols:hover .social-links a {
  background-color: #7A10AD;
  color: #fff;
  transition: .3s ease-in-out;
}

#Our-team .team-cols:hover .social-links a:hover {
  background-color: #fff;
  color: #7A10AD;
  transition: .3s ease-in-out;
}

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

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

#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 {
  transition: .4s ease-in-out;
}

#Our-team .team-cols:hover .team-deatil {
  background-color: #F53194;
  transition: .4s ease-in-out;
}

/*Testimonials Section*/

.testimonials-carousel {
  max-width: 654px;
}

#testimonials h3 {
  margin-bottom: 32px;
}

#testimonials h5 {
  margin-bottom: 0;
  display: table;
}

#testimonials .testi-backg {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 250px 0 140px;
}

#testimonials .testi-backg::before {
  content: '';
  width: 703px;
  height: 782px;
  position: absolute;
  top: -13rem;
  right: 0;
  background-image: url(images/testimonials/banner-shape-4-1.png.png);
}

.testimonial_description p {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 28px;
  color: #55585b;
  font-weight: 400;
}

.testi-name {
  margin-bottom: 70px;
}

.testi-name h4 {
  font-size: 20px;
  line-height: 18px;
  color: #010f1c;
  font-weight: 600;
  margin-bottom: 6px;
}

.testi-name h6 {
  font-size: 16px;
  line-height: 18px;
  color: #263238;
  font-weight: 400;
  opacity: 0.698;
}

#testimonials button {
  width: 47px;
  height: 47px;
  border-radius: 50px;
  outline: 0;
  background-color: transparent;
  border: solid 3px #E60380;
  color: #E60380;
  margin-right: 6px;
  font-size: 20px;
}
#testimonials button:hover {
 color: #292D32;
 border-color: #292D32;
}

.testi-quote span {
  font-size: 52px;
  line-height: 53px;
  width: 53px;
  height: 53px;
  background: linear-gradient(90deg, #F53194 20%, #700DAE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.testi-quote {
  position: absolute;
  left: 0;
}

.testimonials-boxes {
  padding-left: 75px;
}

#testimonials .owl-nav {
  padding-left: 75px;
}

/*Recent Blog Section*/


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


#recent_blog .blog-backg {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
}

.blog-title {
  text-align: center;
}

#recent_blog h5 {
  margin-bottom: 5px;
}

#recent_blog h3 {
  max-width: 300px;
  margin: 0 auto 50px;
}

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

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

#recent_blog .recent_box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;
  margin: 30px 15px;
  overflow: hidden;
  box-shadow: 0px 5px 24px 0px #0000001F;
  display: flex;
  flex-wrap: wrap;
}

#recent_blog .recent_box .post-thumbnail {
  line-height: 0;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
}

#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: #F53194;
  display: table;
}

#recent_blog h4.post-title {
  margin: 0 0 18px;
  font-size: 23px;
  line-height: 32px;
  font-weight: 700;
}

#recent_blog img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  height: 350px;
  width: 100%;
  object-fit: cover;
}

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

#recent_blog .button {
  color: #fff;
  padding: 0 20px;
  width: 196px;
  height: 54px;
  border-radius: 27px;
  background-image: linear-gradient(90deg, #f3017a 0%, #670db1 100%);
  line-height: 54px;
  font-weight: 700;
  margin-bottom: 20px;
  display: table;
  transition: all .5s ease 0s;
  margin: 30px auto;
  text-align: center;
}

#recent_blog .read_more {
  color: #780CAB;
  font-weight: 500;
  background: #780CAB1F;
  padding: 8px 26px;
  border-radius: 40px;
  font-size: 18px;
}

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

#recent_blog .post-time {
  text-transform: capitalize;
}

#recent_blog .recent_post {
  padding: 29px;
}

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

#recent_blog .post-date {
  background: #F53194;
  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 button span {
  display: block;
}

#recent_blog .fas {
  font-size: 20px;
}

#recent_blog .post-user,
#recent_blog .post-comments {
  font-size: 16px;
  margin-left: 20px;
  line-height: 32px;
  color: #010F1C;
  text-transform: capitalize;
  font-weight: 500;
}

.post-content .read_more i.fa.fa-arrow-right {
  color: #F53194;
  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;
}

/*Contact Detail Section*/

#contact_detail .contact-backg {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 102px;
}

#contact_detail .form {
  max-width: 600px;
  padding: 50px;
  background: #FFFFFF;
  box-shadow: 0px -6px 43px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
}

#contact_detail .form input {
  height: 52px;
  line-height: 52px;
  background: #F4F4F4;
  border: 2px solid #F4F4F4;
  border-radius: 10px;
  width: 100%;
  padding: 0 16px 0 49px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #777D83;
  margin-bottom: 20px;
}

#contact_detail .form input[name="FullName"] {
  background-image: url(images/contact-detail/user.png);
  background-position: 14px center;
  background-repeat: no-repeat;
}

#contact_detail .form input[type="email"] {
  background-image: url(images/contact-detail/sms.png);
  background-position: 14px center;
  background-repeat: no-repeat;
}

#contact_detail .form input[type="tel"] {
  background-image: url(images/contact-detail/call-calling.png);
  background-position: 14px center;
  background-repeat: no-repeat;
}

#contact_detail .form input[name="Website"] {
  background-image: url(images/contact-detail/global.png);
  background-position: 14px center;
  background-repeat: no-repeat;
}

#contact_detail .form textarea {
  background: #F4F4F4;
  border: 2px solid #F4F4F4;
  border-radius: 10px;
  width: 100%;
  padding: 16px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #777D83;
  margin-bottom: 20px;
  height: 180px;
}

#contact_detail .form [type="submit"] {
  border-radius: 30px;
  height: 64px;
  line-height: 64px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  background-image: linear-gradient(90deg, #f3017a 0%, #670db1 100%);
  color: #fff;
  border: 0;
  margin-bottom: 0;
  margin-top: 13px;
}

#contact_detail .wpcf7-spinner {
  position: absolute;
  left: 0;
}

#contact_detail .form p {
  margin-bottom: 0;
}

#contact_detail .news-heading {
  max-width: 418px;
  margin-left: 20%;
  font-size: 18px;
}

#contact_detail .news-heading h3 {
  margin-bottom: 0;
}

#contact_detail h5 {
  margin-bottom: 0;
  display: table;
}

#contact_detail h6 {
  color: #F3017A;
  font-size: 24px;
  margin-bottom: 11px;
  line-height: 24px;
  font-weight: 600;
}

#contact_detail p {
  margin-bottom: 30px;
}

#contact_detail .contact-bottom {
  display: flex;
}

#contact_detail .details-contact {
  margin-left: 48px;
  font-size: 15px;
  line-height: 12px;
}

.contact-bottom a.button1.animate__animated.animate__pulse {
  border: 0;
  color: #C0068F;
  padding: 0px 32px;
  border-radius: 50px;
  line-height: 50px;
  height: 54px;
  font-size: 16px;
  font-weight: 700;
  color: #E60380;
  position: relative;
  background: linear-gradient(90deg, #780CAB 0%, #C0068F 65.6%, #C2068E 67.6%, #E60380 100%);
}

.contact-bottom a.button1.animate__animated.animate__pulse:after {
  content: '';
  position: absolute;
  width: 163px;
  height: 49px;
  left: 1.5px;
  top: 2.7px;
  border-radius: 50px;
  background-color: #fff;
  z-index: -1;
}



#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.footer-area {
  padding-top: 80px;
}

.footer-area form {
  position: relative;
  margin: 35px 0 10px;
}

.footer1 .widget p {
  margin-bottom: 30px;
}

.footer-area form input[type="email"] {
  border: 0;
  height: 54px;
  border-radius: 30px;
  color: #A1A3AB;
  padding: 20px 50px;
  width: 100%;
  outline: 0;
}

.submit-btn {
  position: absolute;
  top: 3px;
  right: 5px;
  width: 47px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.submit-btn p {
  position: absolute;
  width: 100%;
}

.submit-btn .wpcf7-spinner {
  margin: 0;
}

.submit-btn [type="submit"] {
  cursor: pointer;
  border: 0;
  font-size: 0;
  background-color: #fff;
  transition: all 0.6s;
  color: #fff;
  width: 47px;
  height: 47px;
  border-radius: 47px;
  background-image: linear-gradient(90deg, #f3017a 0%, #670db1 100%);
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
}

.submit-btn::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f061";
  z-index: 99;
  transform: rotate(-45deg);
  color: #fff;
  font-size: 18px;
}

.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: #A5A3A6;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  position: relative;
  margin-bottom: 15px;
}

.textwidget .contact-info {
  display: flex;
  margin-bottom: 20px;
}

.textwidget span.dashicons {
  margin-right: 10px;
  color: #F53194;
}

.footer-area .fab,
.footer-area .fas,
.footer-area .far {
  margin-right: 20px;
  margin-top: 23px;
  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 .textwidget ul.social-links {
  padding-left: 0;
}

.footer-area .fab {
  width: 44px;
  height: 44px;
  color: #565764;
  background-color: #fff;
  font-size: 18px;
}

.footer-area .fab:hover {
  background: #fff;
  color: #fff;
  transition: all 400ms;
  background-image: linear-gradient(90deg, #f3017a 0%, #670db1 100%);
}

.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 0 0 15px;
  line-height: 2;
  list-style: none;
}

.footer-area li {
  margin: 0;
}

.footer-area li a {
  font-size: 16px;
  line-height: 34px;
  color: #818287;
  list-style: none;
  font-weight: 500;
}

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

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

.footer-contact.container {
  background: linear-gradient(90deg, #f3017a 0%, #670db1 100%);
  border-radius: 10px;
  padding: 25px 40px;
  margin: 100px auto 40px;
}

.footer-contact .dashicons {
  width: 45px;
  height: 45px;
  font-size: 45px;
  color: #fff;
  margin-right: 40px;
}

.contact-info {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  border-right: solid 1px #fff;
  height: 100%;
  margin-right: 20px;
}

.footer-contact .col-md-4:last-child .contact-info {
  border-right: 0;
}

.header-email-inner span {
  display: block;
  font-size: 18px;
  font-weight: 800;
  line-height: 25.2px;
  color: #fff;
  margin-bottom: 5px;
}

.contact-info a {
  color: #fff;
}

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

.copyright {
  margin-bottom: 80px;
}

.copyright p {
  color: #fff;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  padding: 0;

}

.copyright a {
  color: #F53194;
}

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

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

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

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

.wp-block-group {
  box-sizing: border-box;
  display: none;
}

/*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: #F53194;
}

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

#contact .icon1 {
  background: #fff;
  color: #F53194;
  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 .services-box a {
  color: #F53194;
  display: table;
  margin: auto;
}

#contact .services-box a:hover {
  color: #222222;
}

#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: #F53194;
  font-weight: 500;
  border: none;
}

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

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

#contact .icon2 {
  font-size: 50px;
  color: #F53194;
  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: #F53194;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}

#contact h5 {
  color: #fff;
  text-transform: capitalize;
  font-size: 32px;
  font-weight: 700;
}
.contact-enquiry h5 {
  color: #010F1C!important;
}

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

.contact-form {
  background: #F53194;
}

/*MEDIA QUERY 320 TO 720*/

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

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

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

  .footer-area h4::after {
    margin: auto;
  }

  .fix-sticky {
    position: unset;
  }

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

  #skill_development .skillbar-title span {
    margin-right: 0;
    text-align: left !important;
  }

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

  #our_process .process-text p {
    display: block;
  }

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


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

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

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

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

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

  #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: 100%;
  }

  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: 0 5px;
  }

  #contact_detail .news-heading {
    margin-left: 0;
  }

  .footer-area .textwidget ul.social-links {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }

  .button {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
  }

  #slider .slider-text .button {
    font-size: 14px;
    padding: 0 10px;
    margin-bottom: 15px;
  }

  header .contact-us .button {
    height: 40px;
    line-height: 40px;
  }

  .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: 45%;
    left: 5%;
    right: 30%;
  }

  #slider p {
    display: none;
  }

  #slider h1 {
    font-size: 14px;
    line-height: 1.3;
    max-width: 52%;
    margin-bottom: 15px;
  }

  .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: 24px;
    line-height: 1.4;
  }

  #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: 70px 0px 25px;
  }

  #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: 10px 8px 30px;
    display: inline-block;
  }

  #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-header {
    margin: 0 30px 0 0;
  }

  .header-menu .social-links {
    margin-right: 5px;
  }

  .header-menu .social-links a {
    margin: 0 6px;
  }

  .header-menu .col-md-4 {
    flex: 0 0 32.333333%;
    max-width: 32.333333%;
  }

  #site-navigation {
    height: auto;
  }

  #slider .slider-text {
    max-width: 450px;
    font-size: 18px;
    line-height: 18px;
    bottom: auto;
    top: 200px;
    margin-bottom: 0;
  }

  div#mySidenav #main-menu {
    float: unset;
    width: 100%;
    display: flex;
    justify-content: end;
  }

  .header-top {
    left: 1.7rem;
  }

  #main-menu ul {
    width: 100%;
  }

  .about-us-right {
    padding-left: 0px;
    text-align: left !important;
  }

  #gallery_div .tablinks {
    padding: 10px 0;
  }

  #testimonials .testi-backg {
    padding: 10px 0 150px;
  }

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

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


  .footer-contact .dashicons {
    margin-right: 15px;
  }

  .footer-contact .dashicons {
    width: 35px;
    height: 35px;
    font-size: 35px;
    margin-right: 10px;
  }

  .contact-info {
    font-size: 16px;
    margin-right: 0;
  }

  .footer-contact.container {
    padding: 25px 10px;
    margin: 60px auto 30px;
  }

  .contact-info a {
    font-size: 16px;
  }

  #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 5px;
    font-size: 14px;
    line-height: 35px;
  }

  header .contact-us .button {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
  }

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


  #Our-team {
    padding: 0;
  }

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

  #testimonials .testimonials-boxes {
    margin-top: 0;
  }

  .testimonial_description p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
    max-width: 67%;
  }

  #contact_detail .form {
    padding: 20px 20px;
  }

  #contact_detail .contact-bottom {
    display: block;
  }

  .contact-bottom a.button1.animate__animated.animate__pulse {
    display: table;
    margin-bottom: 20px;
  }

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

  #contact_detail .details-contact {
    margin-left: 0;
  }

  #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;
    line-height: 1.3;
  }

  #gallery_div ul li {
    margin-bottom: 10px;
  }

  #pricing_table .special-price {
    font-size: 28px;
    line-height: 32px;
  }

  #pricing_table .plan-list-div p {
    margin: 0;
  }

  .special-offer-box.special-offer-box1 {
    padding-top: 88px;
  }

  #pricing_table .button {
    width: auto;
    font-size: 12px !important;
  }

  #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: 21px;
    line-height: 31px;
  }

  #gallery_div img {
    width: auto;
    height: auto;
  }

  #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 {
    float: unset;
    width: 100%;
    display: flex;
    justify-content: end;
  }

  #main-menu ul li a {
    padding: 0px 9px;
    margin: 0;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
  }

  .header-menu .social-links {
    display: flex;
    margin-right: 0px;
  }

  .header-top {
    left: 8.7rem;
  }

  .about-us-right {
    padding-left: 0px;
  }

  .container {
    max-width: 100%;
  }

  #recent_blog .recent_post {
    padding: 20px 10px 0 0;
  }

  .footer-area .fab,
  .footer-area .fas,
  .footer-area .far {
    margin-left: 10px;
  }

  .footer-contact.container {
    padding: 25px 40px;
    margin: 50px auto 40px;
  }

  #testimonials .testi-backg {
    padding: 17px 0 200px;
  }

  #recent_blog .read_more {
    padding: 6px 18px;
  }

  .recent_post p.content-post {
    font-size: 14px;
  }

  #recent_blog h4.post-title {
    margin: 0 0 18px;
    font-size: 10px;
    line-height: 25px;
    font-weight: 700;
  }

  .testimonial_description p {
    max-width: 76%;
  }

  #gallery_div img {
    width: auto;
    height: auto;
  }

  #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: 25px;
  }

  .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) {

  #site-navigation {
    height: auto;
    z-index: 999;
  }

  .header-top {
    position: static;
    padding: 20px 0 5px;
    text-align: center;
  }

  .main-header {
    margin: 0;
  }

  #slider .slider-text {
    left: 15px;
    font-size: 18px;
    line-height: 24px;
    top: 70px;
    margin-bottom: 0;
  }

  .slider-contact {
    margin-left: 0;
  }

  .slider-contact-bottom {
    display: block;
  }

  .slider-contact h6 {
    font-size: 14px;
    line-height: 1;
  }

  div#logo {
    padding: 3rem 0 0rem !important;
  }

  #services h5,
  #about_us h5,
  #skill_development h5,
  #Our-team h6,
  #recent_blog h5,
  #testimonials h5,
  #contact_detail h5,
  #gallery_div h5 {
    margin-bottom: 10px;
  }


  #services h3 {
    margin: 0 auto 3rem;
  }

  #services h4.post-title {
    font-size: 24px;
    line-height: 42px;
    margin-bottom: 3px;
  }

  #services .services-box {
    padding: 40px 30px 20px;
  }

  div#about_us {
    padding: 0 !important;
  }

  .home .header-menu {
    position: static;
    margin: 50px 0 0;
  }

  .about-us-right {
    padding-left: 15px;
  }

  #gallery_div {
    text-align: center;
  }

  #gallery {
    column-count: auto;
    column-gap: 30px;
  }

  #gallery_div img {
    height: auto;
  }

  #gallery_div figure {
    margin-bottom: 30px;
  }

  div#skill_development {
    text-align: center;
  }

  .logo-image {
    flex: 0 0 50.6%;
    max-width: 50.6%;
  }

  #skill_development .skillbar-title span:last-child {
    font-size: 15px;
    text-align: center !important;
  }

  .header-cart {
    display: flex;
    padding: 0;
    justify-content: right;
    position: absolute;
    top: -65px;
  }

  .menu-sec {
    flex: 0 0 46.066667%;
    max-width: 46.666667%;
    justify-content: right;
    display: flex;
  }

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

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

  .logo {
    text-align: center;
  }

  #contact_detail .contact-bottom {
    display: block;
  }

  .projects-wrap {
    margin: 50px 0 30px;
  }

  #newsletter .news-heading h3 {
    width: auto;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 10px 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 0 30px;
    float: none;
    display: block;
  }

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

  #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 #F53194;
    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 .about-us-div {
    align-items: normal;
  }

  #about_us .about-us-div span {
    margin-top: 5px;
  }

  #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;
    flex-direction: column-reverse;
  }

  .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,
  {
  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 {
  padding: 0 15px;
  border-radius: 15px !important;
}

#pricing_table .col-md-3.col-lg-3 {
  margin-bottom: 40px;
}

.special-offer-box.special-offer-box1 .special-box-content {
  border-radius: 25px;
}

.special-box-content {
  height: auto;
  border-radius: 25px;
}

.special-offer-box.special-offer-box4 .special-box-content {
  border-radius: 25px;
}

#Our-team .team-backg {
  padding-bottom: 0;
}

#testimonials .testi-backg {
  background-size: 100%;
  background-position: center bottom;
  padding: 90px 0 0;
  text-align: center;
  background: none;
}

.testi-quote span {
  font-size: 32px;
  line-height: 32px;
  width: 32px;
  height: 32px;
}

.testimonials-boxes {
  padding-left: 0;
}
.testi-quote {
  position: static;
  margin-bottom: 10px;
}
#recent_blog .post-details {
  justify-content: space-between;
}
.special-offer-box.special-offer-box1::before {
  top: 0px;
}

#pricing_table {
  padding: 0 !important;
  text-align: center;
}

#pricing_table .special-offer-box1 .plan-list-div {
  justify-content: center;
}

.special-offer-box.special-offer-box3::before {
  left: 15px;
  right: 15px;
}

#pricing_table .special-offer-box.special-offer-box3 {
  padding: 30px 0;
}

#pricing_table .special-offer-box.special-offer-box3 .special-box-content {
  background-color: transparent;
}

#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-carousel {
  padding-top: 0rem;
}

#testimonials .owl-carousel .owl-item.active.center {
  transform: none;
}

#testimonials .owl-carousel .owl-nav {
  top: auto;
  bottom: 30px;
  padding: 0;
}

#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 40px !important;
  text-align: center;
}

#contact_detail .form {
  padding: 50px 35px;
  margin-bottom: 40px;
}

.contact-bottom a.button1 {
  display: table;
  padding: 0 20px;
  margin: 0 auto 30px;
}

#contact_detail .details-contact {
  margin: 0 0 50px;
  text-align: center;
}

div#contact_detail {
  text-align: center;
}

footer.footer-area .button {
  display: inline-block;
}

.footer-contact.container {
  padding: 25px 30px;
  margin: 40px 15px 50px;
  width: auto;
}

.contact-info {
  border: 0;
  margin: 0 0 20px;
}

.footer-contact .dashicons {
  margin-right: 25px;
}

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




div#tpbr_box {
  font-family: 'Lora', serif !important;
  font-size: 18px !important;
  padding: 10px !important;
  font-style: italic;
  letter-spacing: 1px;
  font-weight: bold !important;
}

a#tpbr_calltoaction {
  background: #fff !important;
  color: #ff497c !important;
  font-family: 'Lora', serif !important;
  text-transform: uppercase;
  font-size: 15px;
}