/*
Theme Name: Advance Startup
Theme URI: https://www.themeshopy.com/themes/free-startup-wordpress-theme/
Author: Themeshopy
Author URI: https://www.themeshopy.com/
Description: Advance Startup is a resourceful, feature-rich, stylish, and versatile theme to build high-quality websites for startups, company business blogs, online agencies, portfolios, IT companies, entrepreneurs, freelancers, freelance developers, online fitness coaching, digital marketing, energy sector projects, content writers, graphic designers, landing pages, cryptocurrency platforms, marketing professionals, product showcases, technology ventures, entrepreneurship initiatives, consulting firms, tech ventures, SaaS platforms, fintech companies, innovation hubs, business incubators, product launches, joint business ventures, web development agencies, online education platforms, mobile internet startups, digital marketers, organizations, charities, NGOs, SEO agencies, advertising agencies, marketing agencies, influencers, bakers, investment firms, crowdfunding platforms, business counselling, online businesses, affiliate marketing, app landing pages, software landing pages, consulting law firms, startup hubs, agencies, online shops, innovative advertisers, ad agencies, corporate companies, and newly establishing businesses of all scales and scopes. It is a multipurpose theme which can be used as a startup blog or for resumes, journals, and magazines. Being highly customizable, its look and feel can be altered by changing its color, background, font, header and footer format, menu style, logo, and various other components without indulging in coding. This responsive, retina-ready, translation-ready theme is multiple-browsers compatible and readily supports RTL languages. It has bug-free code and is optimized for better SEO performance. Its simple yet powerful interface makes it easy to set up and start using irrespective of coding skills. It features multiple layout options, full-width templates, a beautiful homepage slider, call-to-action (CTA) buttons, several sections, and many useful predesigned inner pages. Fully compatible with WooCommerce for online stores, Contact Form 7 for lead capture, YITH WooCommerce Wishlist, and YITH WooCommerce Compare, Advance Startup provides a strong base to extend functionality for any business website. Demo: https://www.themeshopy.com/advance-startup-pro/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2.0
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: advance-startup
Tags: wide-blocks, flexible-header, block-styles, block-patterns, left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, theme-options, post-formats, translation-ready, rtl-language-support, threaded-comments, blog, e-commerce, portfolio

Advance Startup WordPress Theme has been created by Themeshopy, 2019.
Advance Startup WordPress Theme is released under the terms of GNU GPL

In this theme some code is taken from Twenty Sixteen.
*/

/* Basic Style */
*{
  outline:none;
}
:root {
  --primary-color: #df2b23;
  --secondary-color: #906b00;
}
body{
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  color: #666;
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
}
img{
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
h1, h2, h3,h4,h5,h6{
  margin:0;
  padding:10px 0;
  color: var(--secondary-color) ;
  text-transform: capitalize;
}
p{
  margin:0 0 15px;
  padding:0;
  font-size: 15px;
  color: #717171;
  letter-spacing: 0px;
  line-height: 2;
}
a{
  text-decoration:none;
  color:var(--secondary-color) ;
}
a:hover{
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
a:focus, input:focus, textarea:focus, #we_provide .theme_button a:focus, .toggle-menu.responsive-menu a:focus, button:focus,.woocommerce form .form-row input:focus.input-text, .woocommerce form .form-row textarea:focus{
  outline: 2px solid var(--primary-color);
}
.primary-navigation a:focus, .top-header a:focus, .logo a:focus, .main-navigation .sub-menu > li > a:focus, #footer a:focus, .talk-btn a:focus, .primary-navigation ul ul a:focus{
  outline: 2px solid var(--primary-color);
}
ul{
  margin:0 0 0 15px;
  padding:0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
iframe, .entry-audio audio, table#wp-calendar, span.woocommerce-input-wrapper, #footer label, .page-box-single .box-image img, select, .our-services img, #comments .comment-author, #sidebar label{
  width:100%;
}
.clear, #respond, article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
.center{
  text-align:center;
  margin-bottom:40px;
}
.middle-align{
  margin:0 auto;
  padding:20px 0 20px;
}
.wp-caption{
  font-size:13px;
  max-width:100%;
}
.wp-caption-text, .bypostauthor, *, body, img, .wp-caption, .sticky, .gallery-caption{
  margin:0;
  padding:0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.widget_text a,.entry-summary a, #footer .textwidget a, #sidebar .textwidget a, .woocommerce-product-details__short-description p a, .textwidget p a, .entry-content a, #comments p a, .comment-meta.commentmetadata a, #content-vw a, .woocommerce-MyAccount-content p a, .new-text p a, .comment p a{
  text-decoration: underline;
  color: var(--secondary-color);
}
/*wide block*/
.entry-content .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
} 
.left-sidebar-page .entry-content .alignwide, .left-sidebar-page .entry-content .alignfull, .right-sidebar-page .entry-content .alignwide, .right-sidebar-page .entry-content .alignfull{
  margin-left  : 0;
  margin-right : 0;
}
/* block image */
.page-box-single .alignwide, .page-box-single .alignfull, .our-services .alignwide, .our-services .alignfull{
  margin-left: 0;
  margin-right: 0;
}
/* Block Gallery */
.page-box-single .blocks-gallery-caption{
  margin-bottom: 15px;
}
.page-box-single .extraclass.wp-block-gallery-3{
  margin-right: 25px;
  margin-top: 20px;
}
/* block button */
.page-box-single .wp-block-button.is-style-outline{
  margin: 5px 0;
}
.page-box-single .wp-block-button.is-style-outline a{
  border-color: #d4d4d4 ;
}
.page-box-single .wp-block-button.is-style-squared a{
  border-radius: 0;
}
/* Block Layout */
.page-box-single .wp-block-media-text__media img{
  width: 100% !important;
}
/* Block widget */
#sidebar .widget_block.widget_tag_cloud a, .page-box-single .wp-block-tag-cloud a{
  border: solid 1px #999;
  color: #9399a5;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
}
#sidebar .widget_block.widget_tag_cloud a:hover, .page-box-single .wp-block-tag-cloud a:hover, #footer .widget_block.widget_tag_cloud a:hover{
  background: var(--secondary-color);
  color: #fff;
}
#footer .widget_block.widget_tag_cloud a{
  border: solid 1px #fff;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
}
#sidebar .widget_block.widget_tag_cloud .wp-block-tag-cloud{
  margin-bottom: 0;
}
#sidebar .widget_block .wp-block-calendar .wp-calendar-nav, #footer .widget_block .wp-block-calendar .wp-calendar-nav{
  text-align: left;
}
#footer .widget_block .wp-block-calendar .wp-calendar-nav a{
  color: #fff;
}
#footer .widget_block .wp-block-calendar th{
  background: transparent;
  font-weight: 800;
}
#sidebar .widget_block .wp-block-social-links li:before{
  display: none;
}
#sidebar .widget_block .wp-block-social-links li:hover, #footer .widget_block .wp-block-social-links li:hover{
  transform: none;
}
#sidebar .widget_block .wp-block-social-links li, #footer .widget_block .wp-block-social-links li{
  padding: 0;
}
#sidebar .widget_block .wp-block-social-links li a, #footer .widget_block .wp-block-social-links li a{
  color: #ffffff;
  padding: 10px;
}
#sidebar .widget_block.widget_media_image .wp-block-image, #sidebar .widget_block .wp-block-gallery{
  margin-bottom: 0;
}
/* Text meant only for screen readers. */
.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;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.alignleft,img.alignleft {
  display: inline;
  float: left;
  margin-right:20px;
  margin-top:4px;
  margin-bottom:10px;
  padding:0;
  border:1px solid #bbb;
  padding:5px;
}
.alignright,img.alignright {
  display: inline;
  float: right;
  border:1px solid #bbb;
  padding:5px;
  margin-bottom:10px;
  margin-left:25px;
}
.aligncenter,img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul {
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
p.logged-in-as a{
  color: #717171;
}
small{
  font-size:14px !important;
}
input[type="text"],input[type="email"],input[type="phno"],input[type="password"],textarea{
  border:1px solid #bcbcbc;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
textarea{
  height:auto;
}
input[type="search"] {
  padding: 10px !important;
  border: none;
  color: #000 ;
}
input[type="submit"] {
  border: none;
  text-align:center;
  font-size:18px;
  padding:7px 30px;
  background: var(--secondary-color) ;
  font-weight:bold;
  color:#fff;
}
.innerlightbox {
  padding: 2% 0 0;
}
.noresult-content .search-form{
  display: flex;
}
.noresult-content .search-form input.search-field{
  width: 95%;
}
/* ---------Buttons--------- */
.read-moresec a {
  border: 2px solid ;
  color: var(--secondary-color);
}
.read-moresec a:hover{
  background: var(--secondary-color) ;
  color: #fff;
}
/* ---------Logo Middle Header--------- */
.logo {
  bottom: 0px; 
}
.logo h1,.logo p.site-title{
  font-size:35px;
  font-weight:bold;
  line-height: 1.2;
}
.logo p{
  font-size:12px;
}
.copyright p a, nav.woocommerce-MyAccount-navigation li a, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, #footer .news-text-wrap h2 a, #footer td#prev a, #footer table#wp-calendar td a,#footer a.rsswidget, #footer .wp-calendar-nav-prev a, .tagcloud a, #footer .textwidget a, #header-top a span, .logo a, .logo p, .mail,.phone,.time, .top-header a,#header-top a, .social-icons i, .mail i,.phone i,.time i, .page-template-custom-front-page .logo a,.page-template-custom-front-page .logo p {
  color: #fff;
}

/* --------- Bradcrumbs --------- */
.bradcrumbs a {
  border: 2px solid transparent;
  color: #fff;
  padding: 10px 20px;
  background-image: linear-gradient(130deg, var(--secondary-color) 40% , var(--primary-color) 77%);
  font-size: 12px;
  font-weight: bold;
  border-radius: 25px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}
.bradcrumbs a:hover, .post-categories li a:hover{
  border-color: var(--primary-color);
  color: #000 !important;
  background: transparent !important;
}
.bradcrumbs span{
  border: 2px solid transparent;
  color: #fff;
  padding: 10px 20px;
  background-image: linear-gradient(130deg, var(--secondary-color) 40% , var(--primary-color) 77%);
  font-size: 12px;
  font-weight: bold;
  border-radius: 25px;
  display: inline-block;
  margin-bottom: 10px;
}

/*preloader*/
#sidebar .woocommerce ul.cart_list li:before, #contact-info, .toggle-menu, a.closebtn, #menu-sidebar .social-icons, #menu-sidebar .mail, #menu-sidebar .book-btn, .elementor-html #loader,.elementor-html #loader-wrapper, .toggle, .no-js #loader-wrapper, .page-template-custom-front-page #header{
  display: none;
}
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  overflow: hidden;
  display: block;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #16a085;
  -webkit-animation: spin 1.7s linear infinite;
          animation: spin 1.7s linear infinite;
  z-index: 99999999;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin-reverse .6s linear infinite;
          animation: spin-reverse .6s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #222;
  z-index: 10;
}
#loader-wrapper .loader-section.section-left {
  left: 0;
}
#loader-wrapper .loader-section.section-right {
  right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

/*preloader 2*/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  display: block;
  background: #fff;
}
.loader{
  width: 70px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loader div{
    background-color: #14213d;
    width: 48px;
    height: 48px;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    animation: jump 2.25s linear infinite;
}
.loader div:nth-child(1):after{
    content: '';
    width: calc(48px * 2 / 3);
    height: calc(48px * 2 / 3);
    border-radius: 50%;
    border-top: 4px solid #14213d;
    border-left: 4px solid #14213d;
    transform: rotate(135deg);
    position: absolute;
    left: 28px;
    bottom: calc(48px / 6);
}
.loader div:nth-child(2){
    background-color: #fca311;
    width: calc(48px / 2);
    height: calc(48px / 2);
    left: calc(5px * 2.2);
    z-index: 0;
    animation: jump1 2.25s linear infinite;
}
.loader div:nth-child(3){
    background-color: #f72585;
    width: calc(48px / 3);
    height: calc(48px / 3);
    left: calc(5px * 5 / 2);
    z-index: 0;
    animation: jump2 2.25s linear infinite;
}
@keyframes jump{
    0%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
    }
    8%{
      transform: scaleY(0.5) scaleX(1.4);
      transform-origin: bottom;
      bottom: 0;
      animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1);
    }
    25%{
      transform: scaleY(1) scaleX(1);
      bottom: calc(48px * 3);
      animation-timing-function: cubic-bezier(0.8, 0.42, 1, 0.64);
    }
    95%{
      transform: scaleY(1) scaleX(1) rotate(0turn);
      bottom: 0;
    }
    100%{
      transform: scaleY(1) scaleX(1) rotate(0turn);
      bottom: 0;
    }
}
@keyframes jump1{
    0%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
    }
    8%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
      animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1);
    }
    55%{
      transform: scaleY(1) scaleX(1) rotate(-1turn);
      transform-origin: center;
      bottom: calc(48px * 5.5);
      animation-timing-function: cubic-bezier(0.29, 0.01, 1, 0.55);
    }
    100%{
      transform: scaleY(1) scaleX(1) rotate(-2turn);
      bottom: 0;
    }
}
@keyframes jump2{
    0%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
    }
    8%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
      animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1);
    }
    55%{
      transform: scaleY(1) scaleX(1) rotate(1turn);
      transform-origin: center;
      bottom: calc(48px * 6.5);
      animation-timing-function: cubic-bezier(0.29, 0.01, 1, 0.55);
    }
    100%{
      transform: scaleY(1) scaleX(1) rotate(2turn);
      bottom: 0;
    }
}
/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0; left:0;
  width: 100%;
  background: #fff;
  z-index: 9999;
}
.page-template-custom-front-page .fixed-header .main-menu {
  position: fixed;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
}
body.admin-bar .fixed-header{
  margin-top: 32px;
}
/* ---------HEADER--------- */
.page-template-custom-front-page #header-top{
  position: absolute;
  width: 100%;
  z-index: 999;
  background: transparent;
  border: none;
  padding:0;
}
.page-template-custom-front-page .header-nav #header {
  display: block;
}
.page-template-custom-front-page .main-menu .menu-color{
  background: linear-gradient(90deg, #fff 94% , var(--secondary-color)  19%);
}
.page-template-custom-front-page .main-menu{
  z-index: 999;
  border: none;
  margin-top: -6em;
  position: relative;
  padding: 10px;
  margin-bottom: 3%;
}
.page-template-custom-front-page #header-top .talk-btn {
  margin: 22px 0;
}
#header-top{
  position: static;
  background: #262626;
  border-top:1px solid;
}
.talk-btn a {
  border: 2px solid #fff;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border-radius:25px;
}
.talk-btn a:hover{
  background: var(--secondary-color) ;
  color: #fff;
  border-color: var(--secondary-color) ;
}
.top-header{ 
  background: #262626;
}
.mail,.phone,.time, .social-icons i {
  font-size: 13px;
}
.main-menu {
  border-bottom: 2px solid var(--secondary-color) ;
}
.mail:hover a, .mail:hover i, .phone:hover i, .phone:hover a, .social-icons i:hover{
  color: var(--secondary-color);
}
/* --------- Main Menu--------- */
.page-template-custom-front-page .header-nav #header .search-box {
  margin-top: 0px;
}
.page-template-custom-front-page .header-nav #header .search-box i{
  color: #000;
}
/* --------- MENUS CSS --------- */
.primary-navigation ul{
  list-style: none !important;
  margin: 0;
}
.primary-navigation li{
  position: relative;
  display: inline-block;
}
.primary-navigation a{
  display: block;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding:20px;
  text-transform: uppercase;
}
.primary-navigation ul ul{
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 9999;
}
.primary-navigation ul ul ul {
  left: 100%;
  top: 0;
}
.primary-navigation ul ul a{
  border: none;
  padding: 13px;
  font-weight: 700;
  font-size: 12px;
  z-index: 999;
  color: #fff ;
  background: #000;
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
}
.primary-navigation .menu > ul > li.highlight{
  background-color: #006ccc;
}
.primary-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.main-menu {
  border-bottom: 1px solid #000;
}
.primary-navigation li a:hover,.primary-navigation li:hover a, .primary-navigation li a:focus,.primary-navigation li:focus a{
  background-color: #000;
  color: #fff ;
}
.primary-navigation ul ul li:first-child{
  border-top: 6px solid var(--primary-color) ;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after{
  content: '\f067';
  position: absolute;
  height: 0;
  width: 0;
  border-top-color: #e1e1e1;
  font-weight: 600;
  font-family: 'Font Awesome 7 Free';
  margin-top: 0px;
  font-size: 10px;
  padding: 2px 6px;
  right:18px;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: 0;
  margin-right: 15px;
  border-color: transparent;
  border-left-color: #888;
  right: 10px;
  color: #fff;
}
.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows .sfHover > .sf-with-ul:after{
  content: '\f068';
  font-weight: 600;
  font-family: 'Font Awesome 7 Free';
  color: #fff;
}
.sf-arrows .sf-with-ul{
  padding-right: 30px;
}
/*-----------------Search pop up----------------*/
.serach_inner label {
  width: 95%;
}
.serach_inner{
  background: #fff;
  max-height: 150px;
  display: flex;
  justify-content: center;
  position: relative;
  box-shadow: 0px 0px 12px #c0bebe;
  transition: 1s height ease-in-out;
}
.search-close {
  position: absolute;
  top: 0;
  font-size: 40px;
  z-index: 9999;
  right: 50%;
  color: #575756;
  background: none;
  border:none;
  cursor: pointer;
  transition: 0.5s height ease-in-out;
}
.serach_inner form.search-form {
  width: calc(100% - 30px);
  margin: 0 auto;
  color: #fff;
  border: none;
  border-bottom: 1px solid #eae6e6;
  position: absolute;
  bottom: 20px;
  display: table;
  padding: 0;
  border-radius: 0;
  background: #ffffff;
  max-width: 1200px;
  text-align: left;
}
.serach_inner input.search-field {
  padding: 10px;
  font-size: 20px;
  font-style: italic;
  font-weight: normal;
  color: #3a4d5e;
  max-height: 1200px;
  border: 0;
}
.serach_inner input.search-submit {
  padding: 8px 35px;
  margin: 5px 0;
  font-size: 20px;
}
.search-box button {
  background: none;
  border:none;
}
.serach_inner input[type="submit"]{
  text-indent: -9999px;
  z-index: 9999;
  background: url(images/search.png) no-repeat 0 10px;
  position: absolute;
  margin:0;
  background-size: 30px;
}
.serach_outer {
  background: rgb(0 0 0 / 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  text-align: center;
  height: 100%;
  transition: 1s height ease-in-out;
  z-index: 999;
}
body.search-focus .serach_outer{
  visibility: visible;
  transition: 1s height ease-in-out;
}
body.admin-bar .serach_inner{
  margin-top: 32px;
}
body.admin-bar .search-close{
  top:30px;
}
button.search-submit {
 border: 0;
 background: transparent;
}
input.search-field {
  border: 1px solid #bbb;
  padding: 9px 0;
  background: transparent;
  width: 95%;
}
.search-box i {
  padding: 19px;
  color: #000;
  font-size: 20px;
}
.page-template-custom-front-page .search-box i{
  color: #fff !important;
}
.serach_inner input[type="submit"]{
  text-indent: -9999px;
  z-index: 9999;
  background: url(images/search.png) no-repeat 0 10px;
  position: absolute;
  margin:0;
  background-size: 30px;
}
/* --------- Slider --------- */
#slider{ 
  background:#000;
}
#slider img {
  width: 100%;
  opacity: 0.4;
  height: 700px;
  object-fit: cover;
}
#slider .carousel-item {
  background-image: linear-gradient(130deg, var(--secondary-color) 40% , var(--primary-color) 77%);
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon {
  width: auto;
  height: auto;
  background:transparent;
}
#slider .carousel-control-prev,#slider .carousel-control-next{
  opacity: unset;
  width: auto;
}
#slider .carousel-control-next-icon i,#slider .carousel-control-prev-icon i{
  background: #fff;
  color: var(--primary-color);
  width: 40px
}
#slider .carousel-caption {
  transform: translateY(-50%);
  top: 50%;
  left: 20%;
  right: 20%;
}
#slider .inner_carousel h1 {
  font-size: 40px;
  color: #fff;
}
#slider .inner_carousel p {
  font-size: 15px;
  color: #fff;
}
#slider .inner_carousel .readbtn a {
  border: 2px solid var(--primary-color);
  color: #fff;
  padding: 10px 20px;
  background: var(--primary-color);
  font-size: 12px;
  font-weight: bold;
  border-radius: 25px;
}
#slider .inner_carousel .readbtn a:hover {
  border-color: #fff;
  color: #fff;
  background: transparent !important;
}
/*----------------- Courses ----------------*/
#we_provide{
  background: #f7f7f7;
}
#we_provide h2{
  color: #262626;
  font-weight: 600;
  letter-spacing: 0;
}
.cat-posts {
  box-shadow: 0px 7px 5px #eee;
  border :1px solid #eee;
  background: #fff;
}
#we_provide .cat-posts img{
  width: 100%;
  height: 220px;
  object-fit: cover;
}
#we_provide .theme_button a ,.read-more-btn a {
  border: 2px solid #d4d4d4;
  color: #000 !important;
  padding: 10px 15px;
  background: transparent;
  font-size: 12px;
  font-weight: bold;
  border-radius: 25px;
  display: inline-block;
}
#we_provide .theme_button a:hover ,.read-more-btn a:hover{
  color: #fff;
  border:none;
  background: linear-gradient(130deg, var(--secondary-color)  40% , var(--primary-color) 77%); 
  border: 2px solid #d4d4d4;
}
#we_provide .cat_body p{
  letter-spacing: 0;
  line-height: 2;
  font-size: 14px;
  color: #717171;
}
#we_provide .cat_body h3{
  color: #262626;
  font-weight: 600;
  font-size: 16px;
}
/*----------------- content page ----------------*/
.our-services .page-box{
  margin-right: 12px;
}
.page-box, .page-box.grid-box, #sidebar aside {
  box-shadow: 0 0 10px #acacac;
}
.page-box:hover, .page-box.grid-box:hover{
  box-shadow: 0 0 10px var(--secondary-color);
}
.related-posts .related-box{
  border: 1px solid #ebebeb;
  padding: 15px;
}
.page-box .metabox,.metabox a{
  color:#9399a5;
}
.page-box .new-text h2:after {
  content: "";
  display: block;
  margin-top: 15px;
  width: 36px;
  border-top: 1px solid var(--secondary-color);
}
.metabox span {
  font-size: 14px;
}
.entry-video video{
  width: 100%;
}
.our-services .entry-gallery img {
  width: 45%;
  margin: 5px;
}
.our-services .entry-gallery figure.wp-block-image{
  display: inline;
}
.new-text h2 a {
  color: #000;
  letter-spacing: 1.8px;
  font-size: 28px;
}
.new-text h2 {
  font-weight: 400;
}
#content {
  margin-top: 3%;
}
.page-box h4{
  text-transform: capitalize;
  color: #262626;
  padding: 0;
  font-size: 22px;
}
.page-box .new-text,.page-box-single .new-text{
  padding:10px;
}
.page-box p,.page-box-single p{
  margin:10px 0 !important;
}
.our-services .services-box{
  margin:40px 0 20px 0;
}
.our-services aside#search-2 {
  padding: 5% 1%;
}
.page-box-single .metabox{
  padding: 15px 0 5px;
  clear:both;
}
.metabox span,.metabox span a {
  color:#9399a5;
  font-size: 14px;
}
.page-box-single .metabox span, .page-box-single .metabox span a{
  color: #000;
}
.metabox span a:hover{
  color: var(--secondary-color);
}
.metabox i {
  margin-right: 5px;
  color: var(--secondary-color) ;
}
.page-box .box-img img{
  margin-bottom: -13px;
}
.page-box .post-categories{
  margin-left: 0;
  margin-bottom: 20px;
}
.page-box .post-categories li{
  margin-bottom: 0;
}
.page-box .post-categories a{
  margin-right: 0;
}
/* --------- content-single  Page ------- */
.page-box-single {
  padding: 10px;
  background: #fafafa;
}
.page-box-single h1{
  text-transform: capitalize;
  font-weight: 600;
  margin: 0 0 10px;
  padding: 0;
}
span.post-title {
  color: #000;
}
.entry-content a, .woocommerce-product-details__short-description p a, .comment-body p a{
  text-decoration: underline;
}
.entry-content li, .entry-content p{
  color: #262626;
}
.entry-content code{
  color: var(--secondary-color);
}
.tags a{
  font-size: 15px;
  font-weight: 600;
}
.tags p{
  color: #262626;
  font-weight: 600;
}
.meta-nav {
  color: var(--secondary-color);
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px;
  background: #fffafa;
}
.post-title{
  margin:10px 0;
  color: #1a8129;
  display: block;
}
.meta-nav i {
  font-weight: 900;
  font-size: 15px;
  padding: 8px 0;
}
.tags{
  margin:20px 0;
}
.tags i{
  font-size: 20px;
  color: var(--secondary-color);
  margin-right: 10px;
}
.tags p a{
  font-size: 15px;
  color:var(--secondary-color);
  border: 1px solid var(--secondary-color);
  padding: 3px 10px;
  margin: 5px;
  display: inline-block;
}
.tags p a:hover{
  color: #fff !important;
  background: var(--secondary-color);
  border: 1px solid var(--secondary-color);
}
/* Related Post */
.related-box h4 {
  font-size: 20px !important;
  padding: 0;
  color: #000;
}
.related-box h4 a:hover{
  color: var(--secondary-color);
}
/* Headings */
section h1{
  font-weight:bold;
  text-align:center;
  margin:0 0 45px;
  padding:0;
  text-transform:uppercase;
}
section h2{
  font-weight:bold;
}
section h4{
  color:var(--secondary-color) ;
  font-weight:bold;
  font-size:20px;
}
section h5{
  color:#3890cb;
  font-weight:bold;
  font-size:24px;
  margin:0 0 10px 0;
  padding:0;
}
a.r_button {
  background: #3790ca;
  padding: 0.5em 2em;
  color: #fff;
}
section .innerlightbox{
  background-size:100% 100%;
  padding:2.5em 0;
}
#footer .widget {
  padding: 5% 0;
}
#footer .textwidget a{
  text-decoration: underline;
}
#footer input[type="search"]{
  width: 100%;
  border: none;
  padding: 10px 6px;
  border: solid 1px var(--secondary-color);
  color: #fff;
}
#footer form.woocommerce-product-search button, #sidebar form.woocommerce-product-search button{
  background: var(--secondary-color) ;
  border-radius: 0px;
  color: #fff;
  margin-top: 5px;
  padding: 10px 0;
  width: 100%;
  border: none;
  border: solid 1px var(--secondary-color);
}
#sidebar form.woocommerce-product-search button{
  margin-top: 0;
}
#sidebar .woocommerce ul.cart_list li{
  padding-left: 2em !important;
}
#footer input[type="submit"] {
  font-size: 10px;
  padding: 12px 8px;
  font-weight: bold;
  color: #fff;
  margin: 3px 0 0 0;
  font-size: 15px;
  width: 100%
}
#footer caption,#sideabr caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
#footer table,#footer th,#footer td,#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
#sidebar td,#sidebar td#prev a,#sidebar th {
  color:#202020 !important;
  padding: 5px;
}
#footer td {
  padding: 7px;
  color: #fff;
}
#footer th,#sidebar th {
  text-align: center;
  padding: 10px;
  color: #fff;
}
#footer select,#sidebar select {
  padding: 8px 5px;
  color: #4d4d4d;
}
#footer li a {
  color: #fff;
  font-size: 15px;
}
#footer ul li {
  list-style: none;
  padding: 5px 0;
}
#footer ul {
  margin: 0;
}
#footer{
  background:#262626;
  color:#fff;
  clear:both;
  font-size:14px;
  padding: 0 35px;
}
#footer h3{
  border-bottom: 1px solid;
  text-align: left;
  font-size: 22px;
  text-transform: capitalize;
  font-weight: bold;
  padding: 0 0 10px 0;
  color: #fff ;
  margin-bottom: 13px;
}
#footer p{
  font-size:15px;
  color: #fff;
}
#footer .news-form{
  margin-top:24px;
}
#footer input[type="text"]{width:60%;
  padding:8px 5%;
  float:left;
  margin-right:2%;
  border-radius:5px;
}
#footer input[type="submit"] {
  padding: 10px 0;
  float: right;
  background: var(--secondary-color) ;
  border-radius: 0px;
  color: #fff;
  margin-top: -38px;
}
.copyright p {
  font-size: 15px;
  color: #fff;
  margin-bottom: 0;
}
.copyright {
  background: linear-gradient(130deg, var(--secondary-color)  40%, var(--primary-color) 77%);
  padding: 15px;
  text-align:center;
}
.footer-social-icon{
  background: linear-gradient(130deg, var(--secondary-color)  40%, var(--primary-color) 77%);
  padding-bottom: 15px;
  text-align:center;
}
.footer-social-icon i{
  color: #ffffff;
  padding: 10px;
  font-size: 18px;
}
#footer .tagcloud a {
  border: solid 1px #fff;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
}
#footer .tagcloud a:hover{
  background-color: var(--secondary-color) ; 
}
#footer .entry-content a{
  text-decoration: underline;
  color: #fff;
}
/*scroll to top*/
#scroll-top{
  background:var(--secondary-color);
  border:2px solid var(--secondary-color);
  color:#fff;
  cursor:pointer;
  width:65px;
  height:65px;
  position:fixed;
  bottom:60px;
  right:20px;
  z-index:999;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  font-size:20px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  display: none;
}
.left-align{
  left: 20px;
}
.center-align {
  left: 50%;
  right: 50%;
}
/* Comments BOX */
#comments {
  display: block;
}
#comments ol li li{
  padding-left: 25px;
}
.comment-body{
  margin-bottom: 20px;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
}
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding: 25px 0;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}  
#comments input[type="text"],#comments input[type="email"],#comments textarea{
  width:100%;
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background:var(--secondary-color);
  padding:10px 50px;
  text-transform:normal;
  font-weight:bold;
  color: #fff;
  margin-top:20px;
  margin-left:0;
  border: none;
}
#comments a.comment-reply-link{
  color:#fff ;
  background:var(--secondary-color);
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:rgb(21, 28, 39);
  color: #fff;
}
#comments a time{
  color:var(--secondary-color) ;
  font-weight:bold;
  font-size:12px;
}
.content-ts #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  text-align: right;
}
ol.comment-list li{
  color: #717171;
}
.content-ts #comments h2.comments-title{
  padding-top: 10px;
  font-size: 25px;
}
.content-ts #comments ol li li{
  margin-left: 25px;
}
.content-ts #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0;
  background:#fff;
  display: inline-block;
} 
/*------------- Woocommerce --------------*/
.woocommerce .woocommerce-MyAccount-navigation ul{
  margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--secondary-color);
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  padding: 10px 15px;
  font-size: 18px;
}
.woocommerce ul.products li.product .button{
  margin:1em 0;
}
.woocommerce .products li {
  text-align: center;
  border: 2px solid #e7e7e7;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
a.showcoupon,.woocommerce-message::before{
  color: var(--secondary-color);
}
.woocommerce-message {
  border-top-color: var(--secondary-color) ;
}
.woocommerce span.onsale {
  background: var(--secondary-color) ;
  color: #fff;
  padding: 0;
  margin: 0 !important;
}
h2.woocommerce-loop-product__title{
  color: #232322;
  font-weight: 500;
  font-size: 15px !important;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #717171;
  font-size: 16px;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
  color: #000;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  color: #717171;
  border-radius: 30px;
  border: 2px solid #929292;
  background: transparent;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  color: #fff;
  background: linear-gradient(130deg, var(--secondary-color)  40% , var(--primary-color) 77%);
  border-color: var(--secondary-color) ;
}
.woocommerce .added_to_cart{
  color: #717171;
  border: 2px solid #929292;
  background: transparent;
  border-radius: 30px;
  padding: 10px 25px 8px;
  font-size: 15px;
  font-weight: 700;
  margin: 0 10px 10px;
}
.woocommerce .added_to_cart:hover{
  color: #fff;
  background: linear-gradient(130deg, var(--secondary-color) 40% , var(--primary-color) 77%);
  border-color: var(--secondary-color);
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px var(--secondary-color) ;
  color: var(--secondary-color) ;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--secondary-color);
  padding: 12px!important;
  margin-bottom: 10px;
}
.woocommerce-MyAccount-content header.woocommerce-Address-title{
  display: inline-grid;
  margin-bottom: 20px;
}
.woocommerce .woocommerce-MyAccount-content .title a{
  background: var(--secondary-color);
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  padding: 5px 8px;
}
.woocommerce .entry-summary .posted_in a{
  color: #fff;
  background: var(--secondary-color);
  border-radius: 3px;
  text-decoration: none;
  padding: 5px 10px;
}
.posted_in {
  display: block;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce .related.products .star-rating,.woocommerce .products .star-rating{
  margin: 10px auto !important;
}
.woocommerce ul.products li.product .onsale {
  top: -11px;
  right: -6px;
}
.woocommerce form .form-row .required{
  color: #df0000;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 22px !important;
  text-align: center;
  text-transform: capitalize;
}
.woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb{
  color: #717171;
  margin-top: 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce table.shop_table th, .woocommerce table.shop_table td{
  color: #717171;
}
a.showcoupon,.woocommerce-MyAccount-content a, nav.woocommerce-MyAccount-navigation a, tr.woocommerce-cart-form__cart-item.cart_item a{
  text-decoration: none;
}
.woocommerce #reply-title {
  font-size: 18px;
  font-weight: 600;
}
.woocommerce .star-rating::before{
  color: #6a6666;
}
.woocommerce #comments p {
  float: left;
  width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 16px;
}
.woocommerce .product-title{
  font-size: 17px;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
.select2-container--default .select2-selection--single, input#billing_phone {
  padding: 10px 0px;
  border-radius: 0px;
}
.woocommerce #reviews #comment{
  height: auto;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
.woocommerce form .form-row textarea{
  height: 3em;
}
#sidebar .widget_nav_menu .menu-testing-menu-container li{
  padding: 0;
}
#sidebar .star-rating, #footer .star-rating{
  margin: 0 !important;
}
#sidebar .product_list_widget .star-rating, #footer .product_list_widget .star-rating{
  margin: 5px 0 10px 0 !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: var(--secondary-color);
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #000;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
#footer .price_label, #sidebar .price_label{
  font-size: 14px;
}
.woocommerce .star-rating {
  float: left;
}
.news-item.layout-two .news-text-wrap{
  font-size: 14px;
}
.related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
  float:none;
  display: inline-table;
  width: 29% !important;
}
.woocommerce .woocommerce-product-rating .star-rating {
  margin: 0.5em 20px 0 0;
}
.woocommerce form.login .form-row,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce-Reviews .comment-text p.meta {
  width: 100%;
  float: left;
  padding-top: 10px;
}
#sidebar a.remove.remove_from_cart_button , #footer a.remove.remove_from_cart_button{
  font-size: 22px !important;
}
.woocommerce-Reviews .comment-text .description {
  float: left;
}
.woocommerce #reviews #comments h2{
  font-size: 25px;
}
.related.products h2 {
  text-align: left;
}
.comment-form-rating label {
  padding: 10px 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  font-size: 11px;
  padding: 7px;
}
#footer .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
}
#sidebar .widget_shopping_cart_content li:hover{
  padding-left: 2em;
}
.woocommerce-Reviews .comment-form-rating label{
  padding: 10px 0;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: auto;
}
form.woocommerce-form.woocommerce-form-login.login{
  display: inline-block;
}
.single-product .background-img-skin {
  margin: 36px 0;
}
/*-------Cart Page---------*/
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide{
  margin-left: auto;
  margin-right: auto;
} 
.wp-block-woocommerce-cart .wc-block-components-main{
  padding-right: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-components-main th, .wp-block-woocommerce-cart .wc-block-components-main tr{
  padding: 10px !important;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  font-size: 18px;
  background: transparent;
  color: #717171;
  border: 2px solid #929292;
  font-weight: 500;
  padding: 6px 12px;
  text-decoration: none !important;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a:hover{
  background: linear-gradient(130deg, var(--secondary-color) 40% , var(--primary-color) 77%);
  border-color: var(--secondary-color);
  color: #fff;
}
.wc-block-cart__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button,
.wc-block-checkout__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button, 
.wc-block-checkout__form .wc-block-components-button{
  border: none;
  min-height: 0 !important;
  background: linear-gradient(130deg, var(--secondary-color) 40% , var(--primary-color) 77%);
  color: #fff;
}
.wc-block-checkout__form .wc-block-components-button span{
  color: #ffffff;
}
.wc-block-cart .wc-block-cart-item__product a{
  text-decoration: none;
  font-size: 20px;
}
.wp-block-woocommerce-cart table.wc-block-cart-items, .wc-block-cart .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #e6e3e3;
  padding: 10px;
}
.wc-block-components-sidebar span.wc-block-cart__totals-title, .wc-block-components-sidebar .wc-block-components-totals-coupon{
  text-align: left !important;
}
.wc-block-components-sidebar .wc-block-components-totals-coupon, .wc-block-components-sidebar .wc-block-components-totals-item, .wc-block-components-sidebar .wc-block-components-totals-item{
  padding-left: 0 !important;
}
.wp-block-woocommerce-cart table th span, .wp-block-woocommerce-cart .wc-block-cart__totals-title, .wc-block-cart .wc-block-cart__totals-title{
  color: #000 !important;
  font-size: 15px !important;
}
.wc-block-components-main .wc-block-checkout__actions_row button, .wc-block-components-sidebar .wc-block-components-totals-coupon__content button{
  color: #000;
  border-color: #000;
}
.wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  padding-left: 35px;
  background: linear-gradient(130deg, var(--secondary-color) 40%, var(--primary-color) 77%);
  color: #ffffff;
  border: none;
}
.wc-block-checkout__main .wc-block-checkout__actions .wc-block-components-checkout-place-order-button{
  padding: 11px !important;
}
.wc-block-checkout__sidebar .wc-block-components-totals-coupon__form button .wc-block-components-button__text,
.wc-block-cart__sidebar .wc-block-components-totals-coupon__form button .wc-block-components-button__text{
  opacity: 1 !important;
}
.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
  border: 1px solid #e7e7e7;
  margin: 0 2.8% 2.992em 0;
  border-radius: 0px;
  max-width: 30% !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a{
  border-radius: 30px;
  color: #717171 !important;
  border: 2px solid #929292;
  background: transparent;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 800;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a:hover{
  color: #fff;
  background: linear-gradient(130deg, var(--secondary-color) 40% , var(--primary-color) 77%);
  border-color: var(--secondary-color);
}
.wp-block-woocommerce-empty-cart-block .price del{
  color: inherit;
  opacity: .5;
  display: inline-block;
  font-size: 16px;
  color: #717171;
}
.wp-block-woocommerce-empty-cart-block .price ins{
  background: 0 0;
  font-weight: 700;
  display: inline-block;
  font-size: 16px;
  color: #717171;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{
  padding: 5px 0;
  text-align: center;
  text-transform: capitalize;
  color: #232322 !important;
  font-size: 22px !important;
  font-weight: 500;
}
.wp-block-woocommerce-empty-cart-block a img{
  width: 100% !important;
}
.wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link{
  text-decoration: none !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
  background: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color: #fff !important;
  padding: 10px 5px !important;
  font-size: 14px !important;
  border-radius: 50% !important;
  margin: -11px 0 0 0 !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  text-transform: capitalize !important;
}
/*------------- Sidebar -------------*/
#sidebar caption{
  color: #000;
}
#sidebar form{
  display: table;
  width: 100%;
}
#sidebar h3, #sidebar .widget_block h2, #sidebar .wp-block-search .wp-block-search__label {
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff !important;
  text-align: center;
  padding: 15px;
  letter-spacing: 2px;
  background-image: linear-gradient(130deg, var(--secondary-color) 40%, var(--primary-color) 77%);
  margin-bottom: 20px;
}
#sidebar .wp-block-search .wp-block-search__label{
  line-height: 1.2;
}
#sidebar p, #sidebar .wp-caption-text, #sidebar caption, #sidebar nav.wp-calendar-nav{
  text-align: left;
}
#sidebar input[type="search"] {
  padding: 10px;
  font-size: 15px;
  color: #000;
  width: 100%;
  border: 1px solid;
}
#sidebar .wp-block-search__inside-wrapper button{
  border-color: var(--secondary-color);
  background: none;
  background-color: var(--secondary-color);
  color: #fff;
}
#sidebar form.search-form label{
  width:100%;
}
#sidebar .textwidget a{
  color: #000;
  text-decoration:underline;
}
#sidebar input[type="submit"]{
  background: var(--secondary-color);
  border: none;
  color: #fff !important;
  padding: 10px 0;
  letter-spacing: 2px;
  width: 100%;
  font-size: 18px;
  margin-top: 5px;
}
#sidebar aside {
  padding: 10px;
  margin-bottom: 30px;
}
#sidebar ul {
  list-style:none;
  margin:0;
  font-size: 12px;
}
#sidebar ul li{
  font-size: 15px;
  margin:10px;
  text-transform: capitalize;
  border-bottom: 1px solid #ebebeb;
  line-height: 1.8;
  padding-bottom: 10px;
}
#sidebar ul li a{
  border-radius: 2px;
  padding: 5px 0;
  position: relative;
  color: #262626;
  font-size: 15px;
}
#sidebar li.menu-item-has-children{
  border: none;
}
#sidebar ul li:before{
  content: "";
  float: left;
  margin-top: 9px;
  margin-right: 12px;
  width: 6px;
  height: 6px;
  border: 1px solid var(--secondary-color);
  border-radius: 50%;
  box-sizing: border-box;
}
#sidebar .tagcloud a{
  border: solid 1px #999;
  color: #9399a5;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
}
#sidebar .tagcloud a:hover{
  background:var(--secondary-color);
  color: #fff;
}
img.rss-widget-icon {
  width: auto !important;
}
#sidebar table#wp-calendar caption {
  color: #202020;
}
#sidebar .woocommerce ul.product_list_widget li img, #footer .woocommerce ul.product_list_widget li img {
  width: 50px;
}
#sidebar .woocommerce ul.product_list_widget li{
  position: relative;
  padding: 0 0 10px 20px;
  margin: 0;
}
#sidebar .woocommerce ul.product_list_widget li a{
  padding: 0
}
#sidebar .woocommerce ul.product_list_widget li:before{
  position: absolute;
  left: 0;
  top: 12px;
}
/* Page */
.entry-title,h1.page-title {
  text-align: left;
  margin-bottom: 10px;
}
.content-ts p{
  text-align:justify;
  line-height: 1.5;
  font-size: 15px;
  margin:0 0 10px 0;
  color: #717171;
}
.content-ts hr{
  border:none;
  margin:35px 0;
  clear:both;
}
.content-ts h2{
  font-size:32px;
  font-weight:normal;
  margin:0;
  padding:0;
  margin:0 0 25px;
}
.content-ts h3{
  font-size:36px;
  padding:0;
  margin:0 0 25px;
  color: #000;
}
.content-ts h4{
  font-size:20px;
  padding:0;
  margin:0 0 25px;
}
.content-ts ul{list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
.content-ts ul li{
  padding:0;
  margin:0 0 10px 0;
  line-height:25px;
}
.content-ts ol{list-style: none;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
.content-ts ol li{
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
/* Pagination */
.our-services .navigation .nav-previous a, .our-services .navigation .nav-next a{
  color: #fff;
  padding: 10px 20px;
  background-image: linear-gradient(130deg, var(--secondary-color) 40% , var(--primary-color) 77%);
  font-weight: bold;
  border-radius: 25px;
}
.our-services .navigation .nav-previous, .our-services .navigation .nav-next{
  margin-bottom: 30px;
}
.single-post .nav-links{
  display: block;
  float: unset;
}
.nav-links{
  margin: 20px 0;
  display: flex;
  gap: 6px;
}
.nav-previous {
  float: left;
  font-size: 15px;
}
.nav-next {
  float: right;
  font-size: 15px;
  text-align: right;
}
.pagination {
  clear:both;
  position:relative;
  font-size:14px;
  line-height:13px;
  float:right;
  font-weight:bold;
}
.pagination span,.pagination a, .page-links .page-links-title, .page-links .post-page-numbers.current, .page-links a {
  display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#000;
  font-weight:bold;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.page-links .page-links-title{
  padding: 10px 0;
}
.pagination a:hover, .page-links a:hover{
  color:var(--secondary-color);
}
.pagination .current, .page-links .post-page-numbers.current{
  padding:10px 15px;
  color:var(--secondary-color);
  border-bottom: 1px solid #ebebeb;
}
.page-links{
  padding-top: 10px;
}
.post-categories ul{
  list-style: none;
}  
.post-categories li{
  display: inline-block;
  margin-bottom: 15px;
}
.post-categories li a{
  border: 2px solid transparent;
  color: #fff !important;
  padding: 8px 10px;
  background-image: linear-gradient(130deg, var(--secondary-color) 40% , var(--primary-color) 77%);
  font-size: 12px;
  font-weight: bold;
  border-radius: 25px;
  margin-right: 5px;
}
.category-sec{
  display: flex;
  margin-top: 10px;
  align-items: baseline;
}
.toggle-menu i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Media */
@media screen and (max-width: 768px) and (min-width: 720px){  
  #slider .inner_carousel h1{
    font-size: 32px;
  }
  body.admin-bar .fixed-header{
    margin-top: 45px;
  }
  #sidebar th,#sidebar td{
    padding: 0px;
  }
  .woocommerce .products li,.related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product {
    margin-right: 15px !important;
    width: 46% !important
  }
  #slider .inner_carousel h2 {
    font-size: 30px;
  }
  #slider .inner_carousel p {
    display: none;
  }
  .page-template-custom-front-page .header-nav #header .search-box i{
    margin: 4px 7px;
  }
  .page-template-custom-front-page .header-nav #header .search-box{
    padding: 10px 8px;
  }
  .page-template-custom-front-page #header-top .talk-btn{
    margin:22px 0;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
    float:none;
    display: inline-table;
  }
  #sidebar .woocommerce ul.product_list_widget li img, #footer .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
  #slider img{
    height: auto !important;
  }
}
@media screen and (max-width:720px) { 
  body.admin-bar .fixed-header{
    margin-top: 0;
  }
  #header,#header .logo h1,#slider .inner_carousel,.social-icons,.logo,.talk-btn{
    text-align: center;
  }
  .page-template-custom-front-page .main-menu .menu-color{
    background: var(--secondary-color) ;
  }
  #slider .inner_carousel p,#slider .inner_carousel h2 {
    display: none;
  }
  #comments input[type="submit"].submit{
    width: 100% !important;
  }
  section .innerlightbox {
    padding: 0;
  }
  #footer input[type="submit"] {
    padding: 6px 0;
    float: right;
    border-radius: 0px;
    color: #fff;
    margin-top: 4px;
    margin-bottom: 10px;
  }
  .page-template-custom-front-page #header-top,.page-template-custom-front-page .main-menu{
    border-top: 1px solid #fff; 
    position: static;
    margin: 0;
    background: #262626;
  }
  .phone,.mail,.time,.top-header .account-btn{
    text-align: center;
  }
  .phone,.mail{
    padding:0;
  }
  .center-align {
    left: 40%;
    right: 50%;
  }
  #slider .inner_carousel h1{
    text-align: center !important;
    font-size: 20px;
  }
  #slider .slider-nex-pre i{
    padding: 12px !important;
  }
  #slider .carousel-caption, #slider .inner_carousel{
    text-align: center !important;
    left: 12% !important;
    right: 12% !important;
  }
  #slider img{
    height: auto !important;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 100% !important;
    margin: 10px 10px 30px !important;
  }
  .our-services .page-box {
    margin-left: 12px;
  }
  .wc-block-checkout__main .wc-block-checkout__actions_row{
    flex-direction: column;
    gap: 15px;
  }
}
@media screen and (min-width:720px){
  #footer input[type="submit"]{
    width: 100%;
    float: none;
    margin-top: 5px;
  }
  #footer input[type="search"]{
    width: 100%;
  }
  #footer th,#footer td{
    padding: 0px;
  } 
}
@media screen and (max-width: 768px){
  #footer .widget,#footer .widget-title{
   text-align: center!important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
  .entry-content .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }
  #footer input[type="submit"]{
    margin-top: 5px;
  }
  #footer th,#footer td{
    padding: 4px;
  }
  #sidebar th,#sidebar td{
    padding: 0px;
  }
  #sidebar ul li{
    font-size: 14px;
  }
  #slider .inner_carousel h2 {
    font-size: 33px;
    padding: 0px 2px;
  }
  .logo h1{
    font-size: 30px;
  }
  #slider .carousel-caption {
    top: 45%;
  }
  .logo h1{
    font-size: 30px;
  }
  .page-template-custom-front-page .header-nav #header .search-box{
    padding: 10px 20px;
  }
  .page-template-custom-front-page .main-menu{
    margin-bottom: 4%;
  }
  .search-box i{
    font-size: 17px;
    padding: 19px 0;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 30% !important;
    flex: 1 0 30% !important; 
  }
}
@media screen and (max-width: 425px){
  .entry-content .alignwide {
    margin-left: -10px;
    margin-right: -10px;
  }
  #footer input[type="search"]{
    width: 100%;
  }
  .woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{
    width: 100% !important;
    float: none !important;
  }
  #slider .inner_carousel .readbtn{
    margin-top:0px;
  }
  .serach_inner input.search-submit{
    width: 100%;
  }
  #slider .carousel-caption, #slider .inner_carousel{
    left: 10% !important;
    right: 10% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px){
  .entry-content .alignwide {
    margin-left: -20px;
    margin-right: -20px;
  }
  .page-template-custom-front-page .main-menu{
    position: static;
    margin: 0;
    border-bottom: 1px solid #262626;
  }
  .page-template-custom-front-page .main-menu{
    padding: 0;
  }
  #slider .inner_carousel p{
    display: none;
  }
  .page-template-custom-front-page #header-top{
    margin: 0;
    position: static;
    background: #262626;
    border-top: 1px solid;
  }
  .logo h1{
    font-size: 30px;
  }
  .top-header .account-btn{
    margin: 22px 0;
  }
  #menu-sidebar .primary-navigation a{
    padding: 15px !important;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 47% !important;
    flex: 1 0 50% !important; 
  }
}
/*------------------RESPONSIVE MEIDA-------------------*/
@media screen and (max-width: 1000px){
  .primary-navigation ul ul a:hover{
    color: var(--primary-color) !important;
  }
  .menubar .primary-navigation a:focus, .menubar .primary-navigation ul li a:focus,a.closebtn.responsive-menu:focus, #menu-sidebar a:focus, #menu-sidebar input[type="submit"]:focus{
    outline: 2px solid #fff !important;
    border-bottom: 1px solid #000 !important;
  }
  .header-nav .main-menu{
    display: none;
  }
  .toggle-menu {
    display: block;
    text-align: left;
  }
  .toggle-menu i {
    font-size: 18px;
    color: #fff;
    padding:10px;
    background: #262626;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
  }
  .side-menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #252525;
    visibility: hidden;
    padding-top: 60px;
    transition: 0.5s;
  }
  body.noscroll .side-menu{ 
    width: 100%; 
    visibility: visible;
  }
  .side-menu .closebtn {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 40px !important;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .side-menu #primary-site-navigation {
    width: 100%;
  }
  .menubar .primary-navigation ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .primary-navigation ul li a{
    padding: 8px;
    display:block;
    color:#ffffff;
    border:none;
  }
  .primary-navigation ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .primary-navigation ul li ul li a{
    padding-left:20px !important;
  }
  .primary-navigation ul li ul li ul li a{
    padding-left:30px !important;
  }
  .primary-navigation ul ul li, .page-template-custom-front-page #header , .primary-navigation ul ul li{
    display: block;
  }
  .primary-navigation ul ul{
    position: static;
    width: 100%;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  .primary-navigation ul{
    display: grid;
  }
  .primary-navigation .current_page_item > a,.primary-navigation .current-menu-item > a,.primary-navigation .current_page_ancestor > a,.primary-navigation ul ul{
    background:unset;
  }
  .search-box i{
    color: #000;
  }
  .primary-navigation ul ul a, .primary-navigation li a:hover, .primary-navigation li:hover a, .primary-navigation li a:focus, .primary-navigation li:focus a{
    background-image: linear-gradient(-90deg, var(--primary-color) 0%, var(--secondary-color)  120% );
  }
  .main-menu .menu-color{
    background: #fff !important;
    padding: 5px;
  }
  .primary-navigation ul ul{
    position: static;
    width: 100%;
    background: #252525 !important;
  }
  .primary-navigation ul ul li{
    text-align: center;
  }
  .primary-navigation li{
    padding: 0;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #menu-sidebar, .side-menu {
    background-image: linear-gradient(-90deg, var(--primary-color) 0%, var(--secondary-color)  120% );
    opacity: 0.95;
  }
  #header .nav ul.sub-menu li a, #header .nav ul li a{
    color: #fff !important;
  }
  .primary-navigation ul{
    display: grid;
    text-align: center;
  }
  #primary-site-navigation a.closebtn.mobile-menu i, .page-template-custom-front-page #header .contact-content .primary-navigation ul li a,.page-template-custom-front-page .logo p, .page-template-custom-front-page .logo a{
    color: #fff;
  }
  .primary-navigation ul ul li:first-child{
    border-top: none;
  }
  #menu-sidebar .social-icons, #menu-sidebar .mail, #menu-sidebar .book-btn{
    display: block;
  }
  #menu-sidebar .social-icons a{
    padding:0px;
  }
  #contact-info{
    background: #000;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    opacity: 1;
    display: block;
  }
  #menu-sidebar .primary-navigation a{
    font-size: 15px;
    font-weight: 600;
  }
  #menu-sidebar .search-box i{
    color: #fff;
    text-align: center;
    display: block;
  }
  .search-box, #menu-sidebar .talk-btn{
    display: none;
  }
  .phone a, .mail a, .social-icons a, .time span{
    color: #fff;
    font-size: 15px;
  }
  .phone i, .mail i, .time i{
    color:var(--secondary-color) ;
  }
  .mail, .phone, .time{
    padding:8px 0;
    text-align: center;
  }
  #menu-sidebar .book-btn a, #menu-sidebar .book-btn{
    padding: 7px;
    font-size: 13px;
  }
  #menu-sidebar input[type="submit"]{
    padding: 8px;
    background-color: var(--primary-color);
    font-size: 15px;
  }
  #menu-sidebar input.search-field{
    background: #fff;
    padding: 7px;
  }
  .primary-navigation a{
    display: unset;
  }
  #contact-info form.search-form {
    display: block;
    margin: 10px;
  }
  input[type="submit"]{
    padding: 10px 15px;
    font-size: 15px;
  }
  .main-menu-navigation{
    scroll-behavior: auto;
  }
  input.search-field{
    width: 100%;
  }
  .social-icons{
    text-align: center !important;
    padding: 10px 0;
  }
  .sf-arrows .sf-with-ul:after{
    position: absolute;
    left: 87%;
    right: 0;
    color: #fff;
  }
  #contact-info label{
    width: 60%;
  }
  #menu-sidebar i.far.fa-times-circle {
    padding: 20px;
}
}
@media screen and (max-width:575px){ 
  .page-template-custom-front-page .fixed-header .main-menu { 
    position: static; 
  } 
}