/*
Theme Name: Maxtech
Theme URI: https://burgerthemes.com/maxtech-free/
Author: burgersoftware
Author URI: https://burgerthemes.com/
Description: Maxtech WordPress theme is tailored for IT and programming organizations, ideal for startups, IT solutions providers, agencies, marketing firms, consultants, and service providers. With a modern and elegant design, it offers over 25+ prebuilt layouts in the Master version, along with essential features like Service, Portfolio, Team, Schedule, Gallery, Blog Pages, Shop Pages, Pricing Pages, Contact Pages, Coming Soon Pages, and more. Plus, you can easily build your site in your preferred language using WPML and Polylang plugins.
Template: spintech
Version: 1.6
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: maxtech
Slug: maxtech
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, grid-layout, portfolio, photography

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

/* Colors */

:root {
    --bs-black:#000000;
    --bs-blue:#0d6efd;
    --bs-indigo:#6610f2;
    --bs-purple:#6f42c1;
    --bs-pink:#d63384;
    --bs-red:#dc221c;
    --bs-orange:#fd7e14;
    --bs-orange-dark:#ee4a34;
    --bs-orange-dark-light:#fae4df;
    --bs-yellow:#ffc107;
    --bs-green:#28a745;
    --bs-teal:#20c997;
    --bs-cyan:#17a2b8;
    --bs-white:#ffffff;
    --bs-gray:#dedede;
    --bs-gray-light: #f7f7f7;
    --bs-gray-dark:#343a40;
    --bs-primary:#ef234e;
    --bs-primary-dark:#025ce2;
    --bs-primary-light: #f3f8fe;
    --bs-primary-shadow:rgb(0 123 255 / 0.5);
    --bs-secondary:#01012f;
    --bs-secondary-dark: #393939;
    --bs-gray-500: #f2f2f2;
    --bs-gray-500-thumb: #c2c2c2;
    --bs-success:#28a745;
    --bs-info:#17a2b8;
    --bs-warning:#ffc107;
    --bs-danger:#dc3545;
    --bs-light:#f8f9fa;
    --bs-dark:#343a40;
    --bs-font-sans-serif:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-font-awesome: "FontAwesome";
    --bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
    --bs-gradient-image:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
    --bs-shadow: 2px 5px 20px rgba(0, 0, 0, .2);
    --bs-radius: 0.1875rem;
    --bs-transition: all .35s cubic-bezier(.645,.045,.355,1);
    --bs-transition-slow: all .55s cubic-bezier(.645,.045,.355,1);
    --bs-transition-very-slow: all .75s cubic-bezier(.645,.045,.355,1);
}

.header-nine .text-heading {
    color: var(--bs-white);
}
.header-nine .text-heading strong {
    text-decoration: none;
}
.header-nine .main-navigation {
    border-bottom: none;
    background-color:initial;
}
.header-nine .main-header{
    background-color: var(--bs-white);
}
.header-nine .main-mobile-nav{
    background-color: var(--bs-white);
}
.header-nine .above-header .contact-icon {
    font-size: 16px;
    width: 33px;
    height: 33px;
    border-radius: 8px;
    margin-right: 10px;
    color: var(--bs-white);
    background-color: var(--bs-secondary);
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.header-nine .above-header {
    border-bottom: none;
    background-color: var(--bs-secondary);
}
.header-nine .header-navigation-menu {
    position: relative;
    background-color: var(--bs-white);
    border-radius: 0px 0px 30px 30px;
    padding-left: 35px;
    padding-right: 35px;
}
.header-nine .header-navigation-menu:before {
    content: " ";
    display: block;
    background: #ffffff;
    width: 52px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -17px;
    transform: skew(28deg);
    transition: 0.5s all ease;
    border-radius: 0px 0px 0px 20px;
    z-index: -1;
}
.header-nine .header-navigation-menu:after {
    content: " ";
    display: block;
    background: #ffffff;
    width: 52px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -25px;
    transform: skew(332deg);
    transition: 0.5s all ease;
    border-radius: 0px 0px 20px 0px;
    z-index: -1;
}
.header-nine .main-navbar:not(.breadcrumb-menu) .main-menu > li.menu-item:not(.focus):not(.active):not(:hover) > a:not(:focus):not(:hover) {
    color: var(--bs-secondary);
}
.header-nine .main-menu-right > ul li:last-child {
    border-left: none;
}

.header-nine .main-menu-right > ul li:last-child {
    padding-left: 2.9375rem !important;
}
.header-nine .main-navigation .contact-area {
    background-color: var(--bs-secondary);
    color: var(--bs-white);
    padding: 8px 25px 8px 10px;
    border-radius: 50px;
}
.header-nine .main-navigation .contact-area .contact-icon {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    font-size: 25px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    line-height: 1;
    margin-right: 10px;
    background-color: var(--bs-primary);
    color: var(--bs-white);
    -webkit-transition: var(--bs-transition);
    transition: var(--bs-transition);
}
.header-nine .main-navbar:not(.breadcrumb-menu) .main-menu > li.menu-item:not(.focus):not(.active):not(:hover) > a:not(:focus):not(:hover) {
    color: var(--bs-secondary);
}
.header-nine .main-menu-right > ul li:last-child {
    border-left: none;
}

.header-nine .main-menu-right > ul li:last-child {
    padding-left: 2.9375rem !important;
}
.header-nine .main-navigation .contact-area {
    background-color: var(--bs-secondary);
    color: var(--bs-white);
    padding: 8px 25px 8px 10px;
    border-radius: 50px;
}
.header-nine .main-navigation .contact-area .contact-icon {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    font-size: 25px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    line-height: 1;
    margin-right: 10px;
    background-color: var(--bs-primary);
    color: var(--bs-white);
    -webkit-transition: var(--bs-transition);
    transition: var(--bs-transition);
}
.header-nine .logo {
    color: var(--bs-secondary);
}
.header-nine .main-content h1 span {
    color: var(--bs-primary);
}
.header-nine .main-content h6 {
  display: inline-block;
  padding: 14px 1.0625rem;
  border-radius: 8px 0px 0px 8px;
  position: relative;
  font-size: 1rem;
  margin-bottom: 2.375rem;
  padding-left: 1em;
  padding-right: 2em;
  background-color: var(--bs-primary);
}
.header-nine .main-content h6:after {
  border-left: 20px solid var(--bs-primary);
}

.header-nine .main-content h6:after {
  content: "";
  position: absolute;
  border-bottom: 24px solid transparent;
  border-top: 24px solid transparent;
  height: 0px;
  width: 0px;
  bottom: 0;
  margin-right: -20px;
  right: 0;
}
.header-nine .main-content .btn.btn-primary {
    border-radius: 8px;
}
.header-nine .info-section .col-lg-3:first-child .widget-contact {
    border-radius: 40px 0px 0px 40px;
}
.header-nine .info-section .col-lg-3:last-child .widget-contact {
    border-radius: 0px 40px 40px 0px;
}
.header-nine .info-section .contact-area:hover .contact-icon, .info-section .contact-area:focus-within .contact-icon {
    border-color: var(--bs-primary);
}
.header-nine .info-section .contact-icon {
    margin-right: 0;
    margin-bottom: 1.25rem;
    width: 4.875rem;
    height: 4.875rem;
    text-align: center;
    border-radius: 10px;
    position: relative;
    z-index: 0;
    border: none;
    color: var(--bs-white);
    -webkit-transition: var(--bs-transition-slow);
    transition: var(--bs-transition-slow);
}
.header-nine .info-section .contact-icon:after{
    content: '';
    position: absolute;
    margin: 0 auto;
    text-align: center;
    left: -5px;
    right: -5px;
    bottom: -5px;
    top: -5px;
    opacity: 1;
    width: 100%;
    height: 100%;
    margin: auto;
    background: linear-gradient(90deg, var(--bs-secondary) 50%, transparent 50%), linear-gradient(90deg, var(--bs-secondary) 50%, transparent 50%), linear-gradient(0deg, var(--bs-secondary) 50%, transparent 50%), linear-gradient(0deg, var(--bs-secondary) 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 8px 2px, 8px 2px, 2px 8px, 2px 8px;
    background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
    border-radius: 10px;
    padding: 10px;
    -webkit-animation: dash 5s linear infinite;
    animation: dash 5s linear infinite;
    transition: all 0.3s;
}
.header-nine .info-section:not(.support-section) .layout-1 .widget-contact {
    background: var(--bs-white);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.header-nine .info-section .contact-area:hover .contact-corn, .info-section .contact-area:focus-within .contact-corn {
    color: var(--bs-white);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
}
.header-nine .info-section .widget-contact::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background-color: var(--bs-secondary);
    z-index: -1;
    border-radius: 0px;
    transition: all 0.5s ease 0s;
    overflow: hidden;
}
.header-nine .info-section .widget-contact:hover .title,
.header-nine .info-section .widget-contact:focus-within .title{
 color: var(--bs-primary);
}
.header-nine .info-section .widget-contact:hover .text,
.header-nine .info-section .widget-contact:focus-within .text {
    color: var(--bs-white);
}
.header-nine .info-section .widget-contact:hover::before,
.header-nine .info-section .widget-contact:focus-within::before{
    width: 100%;
    left: 0;
    right: auto;
}
.header-nine .widget-contact:hover .contact-area .contact-icon i,
.header-nine .widget-contact:hover .contact-area .contact-icon img,
.header-nine .widget-contact:focus-within .contact-area .contact-icon i,
.header-nine .widget-contact:focus-within .contact-area .contact-icon img {
    -webkit-animation: buzz-out 1.25s linear infinite;;
    animation: buzz-out 1.25s linear infinite;;
}
.header-nine .info-section .widget-contact:hover .contact-corn,
.header-nine .info-section .widget-contact:focus-within .contact-corn {
    color: var(--bs-white);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
} 
.header-nine .info-section .widget-contact:hover .contact-icon:after,
.header-nine .info-section .widget-contact:focus-within .contact-icon:after{
 -webkit-animation: dash 5s linear infinite;
 animation: dash 5s linear infinite;
 background: linear-gradient(90deg, var(--bs-primary) 50%, transparent 50%), linear-gradient(90deg, var(--bs-primary) 50%, transparent 50%), linear-gradient(0deg, var(--bs-primary) 50%, transparent 50%), linear-gradient(0deg, var(--bs-primary) 50%, transparent 50%);
 background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
 background-size: 8px 2px, 8px 2px, 2px 8px, 2px 8px;
 background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
}

@-webkit-keyframes dash {
    to {
        background-position: 100% 0%,0% 100%,0% 0%,100% 100%
    }
}

@keyframes dash {
    to {
        background-position: 100% 0%,0% 100%,0% 0%,100% 100%
    }
}

.header-nine .main-navbar .main-menu > li > a:after, .main-navbar .main-menu > li.menu-item-has-children > a:after {
    border-bottom: none;
}
.header-nine .main-navigation.is-sticky-menu {
    background-color: var(--bs-white);
}
.header-nine .main-header .header-search-toggle, .cart-icon-wrap {
   color: var(--bs-secondary);
}

.header-nine .header-search-popup {
  position: relative;
  top: 100% !important;
  right: 8px;
  z-index: -1;
  width: 100%;
  max-width: 520px;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: 30px 30px 0px 0px;
  border-top: 4px solid var(--bs-primary);
  background-color: var(--bs-white);
  overflow: visible;
  visibility: hidden;
  opacity: 0;
  margin-top: 0px;
  transform: translateY(-250%);
  -webkit-backface-visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.header-nine .header-search-popup:before {
    content: '';
    display: block;
    background: #ffffff;
    width: 52px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -17px;
    transform: skew(-28deg);
    transition: 0.5s all ease;
    border-radius: 5px 0px 0px 30px;
    z-index: 1;
}
.header-nine .header-search-popup:after {
    content: '';
    display: block;
    background: #ffffff;
    width: 52px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -25px;
    transform: skew(-332deg);
    transition: 0.5s all ease;
    border-radius: 0px 5px 30px 0px;
    z-index: 1;
}
.header-nine.header-search-active .header-search-popup {
    transform: translateY(0);
}
.header-nine.header-search-active .header-search-popup, 
.header-nine.header-search-active .header-search-close, 
.header-nine.header-search-active .header-search-popup form {
    opacity: 1;
    visibility: visible;
}
.header-nine .above-header-bg .above-header .contact-icon, .above-header-bg .above-header .widget_social_widget li a {
    color: var(--bs-white);
    background-color: var(--bs-primary) ! important;
}
.header-nine .above-header-bg .above-header .contact-area a:not(:hover):not(:focus), .above-header-bg .above-header .widget-text-slide .text-heading, .above-header-bg .above-header .contact-area {
    color: var(--bs-white);
}
.header-nine .widget_social_widget li a {
   width: 33px;
   text-align: center;
   line-height: 33px;
   border-radius: 8px;
   -webkit-transition: 0.6s;
   transition: 0.6s;
}
.header-nine .widget-left .widget:nth-child(2n+3), .widget-left .widget:first-child {
    padding-left: 40px;
    padding-right: 38px;
}
.header-nine .widget-right .widget:last-child {
    padding-right: 38px;
}
.header-nine .header-widget:not(.header-item):not(.header-carousel) .widget:not(.widget_media_video) {
    line-height: 45px;
}
.header-nine .main-navigation-area .contact-info .title {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
}
.header-nine .main-navigation-area .contact-info .text {
    font-size: 20px;
    font-weight: 600;
}
.header-nine .widget_social_widget li a:hover {
    border-radius: 50%;
}
.header-nine .widget_social_widget li a:hover .fab {
    transform: scale(1.2);
    transition: .4s;
}
.header-nine .widget_social_widget li a:hover, 
.header-nine .widget_social_widget li a:focus, 
.header-nine .above-header .contact-area:hover .contact-icon, 
.header-nine .above-header .contact-area:focus-within .contact-icon {
    border-radius: 0;
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.header-nine .above-header .contact-area:hover .contact-icon, 
.header-nine .above-header .contact-area:focus-within .contact-icon{
   color: var(--bs-white);
   background-color: var(--bs-primary);
}
.header-nine .design-section .design-content .design-title a{
    text-decoration:unset;
}
.header-nine .post-section .post-content .more-link {
    background-color: var(--bs-secondary);
    color: var(--bs-white);
    text-decoration: unset;
    border: none;
}
.has-background.wp-block-post-author {
    padding: 1rem;
}