/*======Theme Basic Style ============== */
    
    body {
        overflow-x: hidden;
        font-family: 'Roboto', sans-serif;
        background-color: var(--aq-gray-light);
    }
    
    h1,
    h2,
    h3,
    h4 {
        font-family: 'Roboto Slab', serif;
        font-weight: 800;
        letter-spacing: 1.3px;
    }
    
    h2 {
        font-size: 40px;
    }
    
    h3 {
        font-size: 28px;
    }
    
    h4 {
        font-size: 20px;
    }
    
    h5 {
        font-size: 16px;
        font-weight: 800;
    }
    
    h6 {
        font-size: 14px;
    }
    
    body:not(.admin-bar) {
        position: relative;
    }
    
    a {
        color: var(--aq-primary);
        text-decoration: underline;
        text-underline-offset: 1px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    a:focus,
    button:focus {
        color: var(--aq-primary);
        outline: 1px dotted var(--aq-primary);
        text-decoration: underline 1px dotted currentColor;
        text-decoration-skip-ink: none;
        text-underline-offset: 1px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    a:focus img {
        color: var(--aq-primary);
        outline: 1px dotted var(--aq-primary);
        text-decoration: underline 1px dotted currentColor;
        text-decoration-skip-ink: none;
        text-underline-offset: 1px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        transform: scale(1.1);
    }
    
    button,
    input,
    optgroup,
    select,
    textarea {
        margin: 0;
    }
    
    img {
        max-width: 100%;
        height: auto;
        border: 0;
        display: block;
    }
    
    .table>thead {
        vertical-align: bottom;
    }
    
    .table th,
    .table td {
        padding: 1.5rem;
        vertical-align: top;
    }
    
    table.table th,
    table.table td {
        padding-top: .95rem;
        padding-bottom: .95rem;
    }
    
    table.table.btn-table td {
        vertical-align: middle;
    }
    
    .table-striped>tbody>tr:nth-of-type(odd) {
        --aq-table-accent-bg: var(--aq-white);
        color: var(--aq-secondary);
    }
    
    figure {
        margin: 0;
    }
    
    address,
    table,
    pre {
        width: 100%;
    }
    
    small {
        font-size: 80%;
    }
    
    fieldset {
        border: 1px solid var(--aq-gray-light);
        margin: 1.5rem 0.125rem;
        padding: 0.625rem 1.5625rem 1.25rem;
        border-radius: 0;
    }
    
    iframe {
        max-width: 100%;
        height: auto;
    }
    
    *:not(table *) {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        word-break: break-word;
    }
    
    .form-control {
        border-radius: 0;
        display: block;
        line-height: 1.5;
        font-size: 0.97rem;
        font-weight: 500;
        padding: 0.65rem 1.25rem;
        min-height: 50px;
        background-color: var(--aq-white);
        border: 1px solid var(--aq-gray-light);
        outline: none;
        letter-spacing: 0.5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    textarea {
        min-height: 200px;
        overflow: auto;
        resize: vertical;
    }
    
    section {
        padding: 80px 0;
    }   
    
    .select2-container--default,
    .select2-selection--single {
        border: 0!important;
    }
    
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 11px;
        right: 7px;
    }
    
    .woocommerce form .form-row .input-checkbox {
        box-shadow: none;
    }
    
    .select2-container--default:focus,
    .select2-selection--single:focus,
    select:focus,
    input[type=text]:focus,
    input[type=email]:focus,
    input[type=url]:focus,
    input[type=password]:focus,
    input[type=search]:focus,
    input[type=number]:focus,
    input[type=tel]:focus,
    input[type=date]:focus,
    input[type=month]:focus,
    input[type=week]:focus,
    input[type=time]:focus,
    input[type=datetime]:focus,
    input[type=datetime-local]:focus,
    input[type=color]:focus,
    textarea:focus {
        color: var(--aq-dark);
        outline-offset: -5px!important;
        outline: 2px dotted var(--aq-dark)!important;
    }
    /*=================================================
02 :: Theme Halper Classes
=================================================*/
    
    .mb-40 {
        margin-bottom: 40px;
    }
    
    .content-center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .space-betwee {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    p {
        margin-bottom: 0 !important;
        letter-spacing: 1.1px;
        font-size: 16px;
    }
    
    .bg-gray {
        background-color: var(--aq-gray-light);
    }
    
    .pt-120 {
        padding-top: 120px;
    }
    
    .pb-120 {
        padding-bottom: 120px;
    }
    
    ul {
        list-style: none;
        padding: 0;
    }
    
     :root {
        --aq-black: #000000;
        --aq-pink: #d63384;
        --aq-cyan: #17a2b8;
        --aq-white: #ffffff;
        --aq-gray: #dedede;
        --aq-gray-light: #f7f7f7;
        --aq-gray-dark: #343a40;
        --aq-primary: #c70039;
        --aq-primary-dark: #b20135;
        --aq-secondary: #162238;
        --aq-secondary-dark: #121a2d;
        --aq-gray-500: #f2f2f2;
        --aq-gray-500-thumb: #c2c2c2;
        --aq-danger: #dc3545;
        --aq-light: #f8f9fa;
        --aq-dark: #343a40;
        --aq-transition: all .35s cubic-bezier(.645, .045, .355, 1);
        --aq-transition-slow: all .55s cubic-bezier(.645, .045, .355, 1);
        --aq-transition-very-slow: all .75s cubic-bezier(.645, .045, .355, 1);
    }
    
    .bg-primary-light {
        background-color: var(--aq-primary-light);
    }
    
     ::-moz-selection {
        background-color: var(--aq-primary);
        color: var(--aq-white);
    }
    
     ::selection {
        background-color: var(--aq-primary);
        color: var(--aq-white);
    }
    
     ::-webkit-scrollbar {
        width: 0.625rem;
        background-color: var(--aq-gray-500);
    }
    
     ::-webkit-scrollbar-thumb {
        background-color: var(--aq-gray-500-thumb);
        border-radius: 0.625rem;
    }
    
     ::-webkit-scrollbar-corner {
        background-color: var(--aq-gray-500);
    }
    /*=================================================
03 :: Theme Buttons
=================================================*/
    
    .btn-theme,
    .button {
        padding: 10px 11px 10px 15px;
        color: var(--aq-secondary);
        border-radius: 5px;
        text-transform: capitalize;
        font-weight: 500;
        -webkit-box-shadow: 2px 5px 14px #ccc;
        box-shadow: 2px 5px 14px #ccc;
        position: relative;
        overflow: hidden;
        border: 0;
        letter-spacing: 1.1px;
        background-color: #fff;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    .button {
        background-color: var(--aq-primary);
        box-shadow: 2px 2px 10px #00000038;
        color: #fff;
    }
    
    .btn {
        position: relative;
    }
    
    .btn-theme:hover,
    .btn-theme:focus {
        color: #fff;
    }
    
    .btn-theme:after {
        position: absolute;
        content: '';
        left: 75%;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 1;
        background-color: var(--aq-primary);
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
    }
    
    .btn-theme:hover:after,
    .btn-theme:focus:after {
        left: 0%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    
    .btn-theme.btn-dark {
        border: 0;
        color: #fff;
        background: linear-gradient(289deg, var(--aq-primary) 50%, var(--aq-secondary) 26%) 10%/177% 110% no-repeat !important;
    }
    
    .btn-dark {
        background-color: var(--aq-secondary);
        color: #fff;
    }
    
    .btn.btn-lg {
        padding: 15px 20px;
    }
    
    .btn.btn-md {
        padding: 15px 25px;
    }
    
    .btn-theme .spinner-border {
        margin-left: 5px;
        color: #fff;
        width: 20px;
        height: 20px;
        text-align: right;
        border: 3px dotted currentColor;
        border-right-color: transparent;
        -webkit-animation: inherit;
        animation: inherit;
    }
    
    .btn-theme:hover .spinner-border {
        -webkit-animation: .75s linear infinite spinner-border;
        animation: .75s linear infinite spinner-border;
    }
    
    .btn-theme.btn-lg i {
        width: 38px;
    }
    
    .btn-theme i {
        color: #fff;
        width: 30px;
        text-align: right;
        width: 30px;
    }
    
    button.btn.btn-dark {
        min-width: 170px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .btn:not(.btn-link) {
        position: relative;
        overflow: hidden;
        z-index: 0;
        text-decoration: none;
        -webkit-transition: 0.5s all ease;
        transition: 0.5s all ease;
    }
    /*=================================================
03:: Section Header Topbar
=================================================*/
    
    .top-bar {
        background-color: var(--aq-secondary);
    }
    
    .top-bar .topbar-left {
        background: linear-gradient(119deg, #c70039 66%, #6e1138 9%, #6e1138 69%, #190f0f00 64%) 36%/171% 107% no-repeat !important;
        padding: 5px 48px 5px 15px;
    }
    
    .top-bar .topbar-left p {
        color: #fff;
        margin-bottom: 0;
        padding: 8px;
    }
    
    .top-bar .widget li {
        padding: 0;
    }
    
    .top-bar .top-bar-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .top-bar a.nav-link {
        color: var(--aq-white);
        padding: 8px 12px;
    }
    
    .top-bar a.nav-link:hover,
    .top-bar a.nav-link:focus {
        color: var(--aq-primary);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    
    a:hover button.caret a:focus button.caret {
        color: var(--aq-primary);
    }
    
    ul ul a:hover button.caret,
    ul ul a:focus button.caret {
        color: var(--aq-white);
    }
    
    .top-bar .open-timing {
        color: var(--aq-white);
    }
    
    .top-bar .open-timing i {
        color: var(--aq-primary);
        padding-right: 5px;
    }
    /*=================================================
04 :: Section Header MiddleBar
=================================================*/
    
    .widget.social-media {
        margin-left: 15px;
    }
    
    ul.nav.social-media a.nav-link {
        width: 36px;
        text-align: center;
        display: block;
    }
    
    .widget-contact .contact-icon {
        background-color: var(--aq-primary);
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-size: 20px;
        border-radius: 100%;
        text-align: center;
        -webkit-box-shadow: 2px 2px 10px #3333335e;
        box-shadow: 2px 2px 10px #3333335e;
        color: var(--aq-white);
        margin-right: 10px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .widget-contact:focus-within .contact-icon,
    .widget-contact:hover .contact-icon {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    
    .contact-info {
        display: block;
        color: #333;
    }
    
    .contact-info .title {
        font-weight: bold;
    }
    
    .contact-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px;
    }
    
    body .container {
        max-width: 1280px !important;
    }
    
    .logo img {
        max-width: 200px;
        width: 200px!important;
    }
    
    .site-title {
        font-size: 40px;
    }
    
    .brand-logo img {
        position: relative;
        z-index: 9;
    }
    
    header#main-header {
        position: relative;
        z-index: 99;       
    }
    /*=================================================
05 :: Section Header Navbar
=================================================*/
    
    .navbar-nav .nav-link,
    .navbar-nav .dropdown-item {
        float: left;
        font-weight: bold;
        font-size: 16px;
        text-transform: uppercase;
        color: var(--aq-secondary);
    }
    
    .dropdown .dropdown a {
        justify-content: space-between;
    }
    
    .dropdown .dropdown button.caret {
        position: absolute;
        right: 10px;
        padding: 5px;
    }
    
    .dropdown-menu {
        padding: 15px 0 !important;
    }
    
    nav.navbar .dropdown-menu .nav-link,
    nav.navbar .dropdown-menu .dropdown-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 12px;
        border-right: 0;
        text-transform: capitalize;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    .caret {
        vertical-align: middle;
        float: right;
        border: 0;       
        width: 20px;
        height: 17px;
        display: block;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        font-family: "Font Awesome 5 Free";
        transition: all 0.4s;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    
    .hiddn-btn button:focus,
    .hiddn-btn button:focus-within {
        outline: 1px dotted var(--aq-primary);
        outline-offset: 5px;
    }
    
    .navbar .open>.nav-link,
    .navbar .nav-link:hover,
    .navbar .nav-link:focus {
        color: var(--aq-primary);
    }
    
    .dropdown-menu .open>.nav-link {
        background-color: var(--aq-primary);
        color: #ffffff;
    }
    
    .dropdown-submenu>a.nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .navbar .navbar-nav li:last-child .nav-link {
        border-right: 0;
    }
    
    .btn.btn-quote {
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: var(--aq-primary);
        margin-right: 10px;
        border-radius: 6px 0 0 6px;
        text-transform: uppercase;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 180px;
        font-weight: bold;
        padding-right: 17;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 56px;
    }
    
    .btn.btn-quote:after {
        content: '';
        background: var(--aq-primary-dark);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: -1;
        width: 0;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        border-radius: 40px;
    }
    
    .btn.btn-quote:hover::before,
    .btn.btn-quote:hover:after,
    .btn.btn-quote:focus::before,
    .btn.btn-quote:focus:after {
        width: 100% !important;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        border-radius: 0;
    }
    
    .btn.btn-quote i {
        color: #fff;
        font-size: 24px;
        padding-left: 12px;
        margin-right: 10px;
        border: 0;
        position: absolute;
        background: var(--aq-primary-dark);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        left: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-clip-path: circle(54.6% at 6% 51%);
        clip-path: circle(54.6% at 6% 51%);
        width: 100px;
    }
    
    .btn.btn-search {
        border-radius: 0 6px 6px 0;
        font-size: 21px;
        background-color: var(--aq-primary);
        padding: 8px 17px;
        color: #fff;
        line-height: 37px;
    }
    
    .btn.btn-search:hover,
    .btn.btn-search:focus {
        background-color: var(--aq-secondary);
    }
    
    #search-box {
        height: 10vh;
        width: 100%;
        padding: 15px;
        position: fixed;
        top: 0;
        z-index: 99;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    
    #search-box .input-group {
        border-radius: 4px;
        overflow: hidden;
        position: inherit;
    }
    
    #search-box .btn.btn-search {
        padding: 8px 30px;
    }
    
    #search-box .card-body {
        padding: 0;
        border: 0;
        max-width: 500px;
        margin: 0 auto;
        top: 40%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 99;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: transparent;
    }
    
    #search-box .card-body .form-control {
        height: 60px;
        border: 0;
        border-radius: 0;
        margin-bottom: 0;
    }
    
    #search-box .card-body .button.btn.btn-search {
        padding: 8px 30px;
    }
    
    #search-box.collapse.show {
        height: 100vh;
        opacity: 1;
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background-color: rgb(10 10 10 / 82%);
    }
    
    header #search-box .close {
        top: 39%;
        right: 0;
        left: 0;
        margin-left: 26px!important;
        margin-top: 8px!Important;
        display: block;
        position: relative;
        z-index: 9;
        width: 40px;
        height: 40px;
        background-color: var(--aq-light);
        clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
        margin: 0 auto;
        transition: all 0.4s;
    }
    
    header #search-box .close:hover,
    header #search-box .close:focus {
        transform: rotate(180deg);
        background-color: var(--aq-primary);
    }
    
    ul.navbar-nav {
        display: block;
        vertical-align: middle;
    }
    
    ul.navbar-nav li.nav-item li.nav-item {
        display: flex;
    }
    
    .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: var(--aq-primary);
        color: #fff;
    }
    
    .dropdown-item:focus * .dropdown-item:hover * {
        color: #fff;
    }
    /*=================================================
06:: Section Header Navbar sticky
=================================================*/
    
    header .navbar-collapse {
        max-width: 1280px;
        margin: 0 auto;
        padding-right: 15px;
    }
    
    header .navbar {
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
        max-width: 1280px;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    header .navbar.sticky {
        padding: 10px 15px;
        margin-top: 0px;
        position: fixed;
        top: 0;
        left: 0;
        -webkit-box-shadow: 8px 15px 15px #00000029;
        box-shadow: 8px 15px 15px #00000029;
        background-color: #fff;
        width: 100%;
        z-index: 99;
        max-width: 100%;
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    form.d-flex {
        margin-left: 15px;
    }
    /*=================================================
07:: Section Header navbar toggler and sidebar Butttons 
=================================================*/
    
    .menu.icon {
        right: 0px;
        position: relative;
        height: 24px;
        width: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
        margin-top: 5px;
    }
    
    .menu.icon span {
        opacity: 0;
        display: block;
        width: 100%;
        margin-left: 5px !important;
        height: 1px;
        background-color: var(--aq-primary-dark);
        margin: 3px 0;
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .menu.icon:before {
        content: "";
        position: absolute;
        width: 30px;
        height: 1px;
        background-color: currentColor;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .menu.icon:after {
        content: "";
        position: absolute;
        width: 30px;
        height: 1px;
        background-color: currentColor;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .menu.icon[aria-expanded="false"] {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .menu.icon[aria-expanded="true"] {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .menu.icon[aria-expanded="false"]:before,
    .menu.icon[aria-expanded="false"]:after {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .menu.icon[aria-expanded="false"]:after {
        bottom: 0;
    }
    
    .menu.icon[aria-expanded="false"]:before {
        top: 0;
    }
    
    .menu.icon[aria-expanded="false"] span {
        opacity: 1;
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .sidbar-btn.icon {
        padding: 12px;
        height: 29px;
        width: 17px;
        border: 0;
        background-color: transparent;
    }
    
    .sidbar-btn.icon span {
        color: var(--aq-primary);
        position: absolute;
        width: 5px;
        height: 5px;
        background-color: currentColor;
    }
    
    .sidbar-btn.icon span:before {
        content: '';
        position: absolute;
        left: 0;
        top: -11px;
        width: 5px;
        height: 5px;
        background-color: currentColor;
    }
    
    .sidbar-btn.icon span:after {
        content: '';
        position: absolute;
        left: 0;
        top: 10px;
        width: 5px;
        height: 5px;
        background-color: currentColor;
    }
    /*=================================================
09:: Section Title
=================================================*/
    
    .section-title {
        margin-bottom: 40px;
        max-width: 600px;
    }
    
    .section-title.white * {
        color: #fff !important;
    }
    
    .section-title.text-center,
    .section-title.text-center h5 {
        margin-left: auto;
        margin-right: auto;
    }
    
    .section-title h5 span {
        position: relative;
        z-index: 1;
    }
    
    .section-title h5 {
        position: relative;
        color: var(--aq-primary);
        text-transform: uppercase;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    
    .section-title h5:after,
    .section-title h5::before {
        content: '';
        border-radius: 100%;
        position: absolute;
        background-color: var(--aq-primary);
    }
    
    .section-title h5:after {
        width: 40px;
        height: 40px;
        left: -17px;
        top: -19px;
        opacity: 0.2;
        -webkit-animation: zoomeffect 2s infinite;
        animation: zoomeffect 2s infinite;
    }
    
    .section-title h5::before {
        width: 20px;
        height: 20px;
        z-index: 1;
        border: 2px solid #fff;
        top: -30px;
        opacity: 0.4;
        -webkit-animation: zoomeffect 3s infinite;
        animation: zoomeffect 3s infinite;
    }
    
    .section-title h2 {
        text-transform: capitalize;
    }
    /*=================================================
20 :: Section Blog
=================================================*/
    
    .blog-item {
        -webkit-box-shadow: 2px 2px 22px #eae4e4;
        box-shadow: 2px 2px 22px #eae4e4;
        position: relative;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    .owl-carousel .item .blog-item {
        margin-top: 30px;
    }
    
    .blog-item .blog-item-img {
        overflow: hidden;
        position: relative;
    }
    
    .blog-item .blog-item-img:after {
        content: '';
        position: absolute;
        left: 0;
        width: 0;
        opacity: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: var(--aq-secondary);
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .blog-item .blog-item-img img {
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .blog-item .blog-title a {
        color: var(--aq-secondary);
    }
    
    .blog-item:hover .blog-item-img:after {
        width: 100%;
        opacity: 0.5;
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .blog-item:hover .blog-item-img img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .blog-item:hover .blog-title a {
        color: var(--aq-primary);
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .blog-item::after {
        height: 2px;
        content: '';
        width: 30%;
        display: block;
        background-color: var(--aq-primary);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .blog-item:hover::after {
        width: 100%;
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .blog-item .blog-body img.post-author-img {
        width: 50px;
        height: 50px;
        border: 4px solid var(--aq-primary);
        border-radius: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-box-shadow: 2px 2px 5px #d7d3d3;
        box-shadow: 2px 2px 5px #d7d3d3;
        transition: all 0.4s;
    }
    
    .blog-item .blog-body a:hover img.post-author-img,
    .blog-item .blog-body a:focus img.post-author-img {
        transform: scale(1.1);
        transition: all 0.4s;
        border: 4px solid var(--aq-secondary);
    }
    
    .blog-body {
        border-top: 4px solid var(--aq-primary);
        background-color: #fff;
        padding: 0 20px 30px 20px;
    }
    
    .post-date {
        position: relative;
        margin-top: -30px;
        margin-bottom: 20px;
    }
    
    .post-info {
        margin-bottom: 15px;
    }
    
    .post-info a {
        color: var(--aq-secondary);
        text-decoration: underline;
        text-underline-offset: 3px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        margin: 2px;
        font-size: 17px;
        text-transform: capitalize;
    }
    
    .post-info a i {
        color: var(--aq-primary);
        padding-left: 5px;
    }
    
    .post-date-left time {
        color: #fff;
        background-color: var(--aq-primary);
        padding: 5px 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        line-height: 1.2;
        text-transform: uppercase;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .post-date-left time span {
        border-right: 1px solid #fff;
        font-weight: bold;
        padding-right: 8px;
        margin-right: 8px;
        font-size: 24px;
        line-height: 1;
        text-transform: uppercase;
    }
    
    .post-info-right {
        min-width: 80px;
        text-align: right;
    }
    
    .post-info.content-center {
        align-items: baseline;
    }
    /*=================================================
24 :: Section Footer
=================================================*/
    
    .footer-wrapper {
        padding-top: 100px;
        background-color: var(--aq-secondary);
        position: relative;
        overflow: hidden;
    }
    
    .footer-wrapper .textwidget.custom-html-widget,
    .footer-wrapper .textwidget {
        color: #fff;
    }
    
    .footer-wrapper .calendar_wrap * {
        color: #fff!important;
    }
    
    .footer-wrapper .logo {
        max-width: 150px;
        margin-bottom: 20px;
    }
    
    .footer-wrapper .footer-inner {
        position: relative;
        z-index: 1;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .footer-wrapper ul {
        list-style: none;
        padding-left: 0;
    }
    
    .footer-wrapper .widget li {
        padding: 0;
    }
    
    .footer-wrapper .widget li a,
    .footer-wrapper .widget li span,
    .footer-wrapper .widget li div,
    .footer-wrapper .widget label {
        color: var(--aq-white);
    }
    
    .footer-wrapper .widget_categories li,
    .footer-wrapper .widget_archive li {
        color: var(--aq-white);
    }
    
    .footer-wrapper .widget_categories li a:before,
    .footer-wrapper .widget_archive li a:before {
        color: var(--aq-primary);
    }
    
    .footer-wrapper .widget select,
    .widget select {
        width: 100%;
    }
    
    footer ul ul {
        margin-left: 10px;
        border-left: 1px solid #dad9d9b8 !important;
    }
    
    .blog-sidebar ul ul {
        border-left: 1px solid #dad9d9b8 !important;
    }
    
    footer .footer-widget {
        margin: 30px 0 !important;
    }
    
    .footer-inner #text-1 aside.footer-widget {
        background-color: #303a4e;
        padding: 40px 20px;
    }
    
    .footer-inner #text-1 aside.footer-widget .nav.social-media.social-bg {
        padding: 0;
        margin-top: 20px;
    }
    
    .footer-inner #text-1 aside.footer-widget .nav.social-media.social-bg .nav-link {
        border-radius: 3px;
        background-color: var(--aq-secondary);
    }
    
    .footer-inner #text-1 aside.footer-widget .nav.social-media.social-bg .nav-link:hover {
        background-color: var(--aq-primary);
    }
    
    .widget-title {
        margin-bottom: 20px;
        color: #fff;
    }
    
    .quik-link li a {
        padding: 6px;
        display: block;
    }
    
    .quik-link li a::before {
        content: "\f101";
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        margin-right: 6px;
        font-size: 14px;
        color: var(--aq-primary);
    }
    
    .quik-link li a:hover {
        color: var(--aq-primary);
    }
    
    article.widget-post {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 15px;
    }
    
    article.widget-post:hover .widgets-post-title a {
        color: var(--aq-primary);
    }
    
    article.widget-post .widget-post-time {
        color: #9599a1;
    }
    
    article.widget-post .widget-post-time i {
        margin-right: 5px;
    }
    
    .widgets-post-title {
        margin-bottom: 0;
        font-weight: normal;
    }
    
    .fa-calendar-alt {
        margin-right: 5px;
        font-size: 14px;
    }
    
    .widget-post-img {
        max-width: 70px;
        height: 60px;
        margin-right: 14px;
    }
    
    .widget-post-img img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    
    .gallery-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-gap: 10px;
    }
    
    .gallery-grid a {
        position: relative;
        overflow: hidden;
        display: block;
    }
    
    .gallery-grid a img {
        -o-object-fit: cover;
        object-fit: cover;
    }
    
    .gallery-grid a:after {
        content: '';
        width: 100%;
        opacity: 0.5;
        display: block;
        background-color: var(--aq-primary);
        position: absolute;
        bottom: 0;
        top: 0;
        -webkit-transform: translate(100%, 100%);
        transform: translate(100%, 100%);
        left: 0;
        right: 0;
        border-radius: 100%;
        z-index: 1;
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .gallery-grid a:hover:after {
        border-radius: 0;
        opacity: 0.5;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    .page-numbers {
        margin-bottom: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .page-numbers .page-numbers,
    .page-numbers a {
        height: 46px;
        width: 46px;
        line-height: 46px;
        margin: 5px;
        text-align: center;
        font-size: 18px;
        color: var(--aq-black);
        border: 0;
        border-radius: 100% !important;
        -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.12);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    i.fas.fa-chevron-left {
        display: block;
        line-height: 49px;
        font-size: 20px;
    }
    
    figure.gallery-item {
        width: 29%;
        margin: 2px 5px;
        overflow: hidden;
        height: 60px;
        display: inline-block;
    }
    /*=================================================
25 :: Section Footer Contact
=================================================*/
    
    .footer-contact {
        padding: 40px 0;
        position: relative;
    }
    
    .footer-wrapper .mphb_widget_search-form label {
        color: #fff!important;
    }
    
    .mphb_widget_search-form label {
        padding-top: 8px;
    }
    
    .mphb_widget_search-form {
        padding: 15px;
    }
    
    .mphb_widget_search-form select,
    .mphb_widget_search-form input {
        border: 0;
        border: 1px solid #ccc;
        width: 100%;
        height: 46px;
        padding: 10px;
        border-radius: 6px;
    }
    
    .footer-contact .container {
        position: relative;
        z-index: 1;
    }
    
    .footer-contact:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 2px dashed #ffffff2e;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
    }
    
    p.mphb_widget_search-submit-button-wrapper {
        margin-top: 20px;
    }
    
    .footer-contact-col {
        padding: 30px;
        margin: 4px;
        background-color: var(--aq-secondary-dark);
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    .footer-contact-col:hover {
        background-color: var(--aq-primary);
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    .footer-contact-col:hover .icon-footer-contact {
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-transform: translate(0, -30%);
        transform: translate(0, -30%);
    }
    
    .icon-footer-contact i {
        color: #fff;
    }
    
    .icon-footer-contact {
        font-size: 21px;
        padding-right: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        max-width: 100px;
        background-color: #ffffff24;
        -webkit-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    .footer-contact-content {
        margin-left: 20px;
        width: 100%;
        color: #fff;
    }
    
    .footer-coppy-right {
        color: #fff;
        padding: 15px;
        background-color: var(--aq-secondary-dark);
    }
    /*=================================================
26 :: Button Scroll Top
=================================================*/
    
    .back-to-top {
        display: block !important;
        position: fixed;
        z-index: 9;
        color: #fff;
        display: none;
        background-color: var(--aq-primary);
        padding: 6px 12px 12px;
        font-size: 17px;
        border-radius: 2px;
        right: 15px;
        bottom: 300px;
        width: 50px;
        height: 50px;
        line-height: 40px;
        text-align: center;
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
        opacity: 0;
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
    }
    
    .back-to-top:hover,
    .back-to-top:focus {
        background-color: var(--aq-secondary);
        color: #fff;
    }
    
    .back-to-top.show {
        opacity: 1;
        bottom: 15px;
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
    }
    
    @-webkit-keyframes zoomeffect {
        0% {
            background-position: center;
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            -webkit-transition: var(--aq-transition);
            transition: var(--aq-transition);
        }
        50% {
            background-position: center;
            -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
            -webkit-transition: var(--aq-transition);
            transition: var(--aq-transition);
        }
        100% {
            background-position: center;
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            -webkit-transition: var(--aq-transition);
            transition: var(--aq-transition);
        }
    }
    
    @keyframes zoomeffect {
        0% {
            background-position: center;
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            -webkit-transition: var(--aq-transition);
            transition: var(--aq-transition);
        }
        50% {
            background-position: center;
            -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
            -webkit-transition: var(--aq-transition);
            transition: var(--aq-transition);
        }
        100% {
            background-position: center;
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            -webkit-transition: var(--aq-transition);
            transition: var(--aq-transition);
        }
    }
    
    @-webkit-keyframes zoomeffect2 {
        0% {
            background-position: bottom left;
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            -webkit-transition: var(--aq-transition);
            transition: var(--aq-transition);
        }
        50% {
            background-position: bottom left;
            -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }
        100% {
            background-position: bottom left;
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            -webkit-transition: var(--aq-transition);
            transition: var(--aq-transition);
        }
    }
    
    @keyframes zoomeffect2 {
        0% {
            background-position: bottom left;
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            -webkit-transition: var(--aq-transition);
            transition: var(--aq-transition);
        }
        50% {
            background-position: bottom left;
            -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }
        100% {
            background-position: bottom left;
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            -webkit-transition: var(--aq-transition);
            transition: var(--aq-transition);
        }
    }
    
    .btn-animate {
        position: relative;
    }
    
    .btn-animate:after {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0;
        bottom: 0;
        width: 60px;
        height: 60px;
        background-color: var(--aq-primary-dark);
        border-radius: 100%;
        z-index: -1;
        pointer-events: none;
        -webkit-animation: sonarWave 2s linear infinite;
        animation: sonarWave 2s linear infinite;
    }
    
    .btn-animate:before {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0;
        bottom: 0;
        width: 60px;
        height: 60px;
        background-color: var(--aq-primary-dark);
        border-radius: 100%;
        z-index: -1;
        pointer-events: none;
        -webkit-animation: sonarWave2 3s linear infinite;
        animation: sonarWave2 3s linear infinite;
    }
    /*=================================================
29 :: Page Title Section
=================================================*/
    
    .page-wrapper {
        padding-top: 120px;
        padding-bottom: 100px;
        position: relative;
    }
    
    .page-title {
        padding: 160px 0 100px;
        min-height: 420px;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    
    .page-title:after {
        content: "";
        top: 0;
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        background-color: var(--aq-black);
        opacity: 0.7;
    }
    
    .page-title:before {
        content: "";
        bottom: -41px;
        right: 0;
        left: 0;
        position: absolute;
        margin: 0 auto;
        display: block;
        height: 90px;
        z-index: 9;
        width: 239px;
        opacity: 1;
        -webkit-animation: zoomeffect2 15s infinite;
        animation: zoomeffect2 15s infinite;
    }
    
    .page-title .container {
        position: relative;
        z-index: 1;
    }
    
    .page-title h1 {
        font-size: 60px;
        letter-spacing: 4px;
        line-height: 1;
        margin-bottom: 10px;
        color: #fff;
    }
    
    .page-title .breadcrumb-item a {
        color: #fff;
    }
    
    .page-title .breadcrumb-item a:focus {
        background-color: transparent;
    }
    
    .page-title .breadcrumb-item.active {
        color: var(--aq-primary);
    }
    
    .page-title li.breadcrumb-item {
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 2px;
    }
    
    .page-title .breadcrumb-item+.breadcrumb-item::before {
        color: #fff;
        content: "::";
    }
    /*=================================================
30 :: Page Blog
=================================================*/
    
    .blog-container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .blog-pages .blog-item {
        margin-bottom: 40px;
    }
    
    .blog-pages .blog-item img.post-author-img {
        width: 60px;
        height: 60px;
        border: 6px solid var(--aq-primary);
    }
    
    .blog-pages .blog-item .post-date-left {
        padding: 10px 20px;
    }
    
    .blog-single .blog-item::after {
        display: none;
    }
    
    .blog_quote {
        margin-bottom: 40px;
        font-weight: 300;
        background-color: var(--aq-secondary);
        padding: 60px 40px 40px;
        color: #fff;
        position: relative;
        margin-left: 20px;
    }
    
    .blog_quote:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        left: -10px;
        border: 2px dotted;
        bottom: -10px;
        top: 10px;
        border: 2px dashed var(--aq-secondary);
    }
    
    .blog_quote h5 {
        font-style: italic;
        margin-top: 15px;
    }
    
    .blog_quote p {
        font-size: 19px;
        line-height: 34px;
        font-weight: 500;
    }
    
    .quote_icon {
        position: absolute;
        right: 80px;
        top: -40px;
        margin-left: auto;
        width: 80px;
        line-height: 78px;
        font-size: 22px;
        height: 80px;
        text-align: center;
        display: block;
        background-color: var(--aq-primary);
        border-radius: 100%;
        border: 5px solid #fff;
    }
    
    .blog-item {
        background-color: #fff;
    }
    
    .blog-item h4 {
        text-transform: capitalize;
    }
    
    .blog-item .list-group-item {
        padding: 8px 15px;
    }
    
    .blog-item .list-group-item i {
        font-size: 14px;
        margin-right: 5px;
    }
    
    .blog_tag_share {
        padding: 20px 0;
        border-bottom: 1px solid #edeff7;
        border-top: 1px solid #edeff7;
        margin-top: 40px;
    }
    
    .blog_tag .nav.nav-pills {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .blog_tag .nav.nav-pills .nav-link {
        border-radius: .25rem;
        background-color: #edeff7;
        margin: 7px;
        color: #333;
        padding: 4px 10px;
    }
    
    .blog_tag .nav.nav-pills .nav-link.active,
    .blog_tag .nav.nav-pills .show>.nav-link {
        color: #fff;
        background-color: var(--aq-primary) !important;
    }
    
    .blog_share ul.nav.social-media.social-bg a.nav-link {
        color: #fff;
        background-color: #fff;
        margin: 5px;
        width: 30px;
        border: 1px solid var(--aq-primary);
        color: var(--aq-primary);
    }
    
    .blog_share ul.nav.social-media.social-bg a.nav-link:hover {
        color: #fff;
        background-color: var(--aq-primary);
    }
    
    .author-post {
        margin: 40px 0;
    }
    
    .author-post .author-post-bg {
        max-height: 200px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    
    .author-post .author-post-inner {
        padding: 0 40px;
    }
    
    .author-post .author-post-img {
        margin-top: -60px;
        border: 4px solid #0000001f;
        width: 100px;
        height: 120px;
        overflow: hidden;
        margin-bottom: 12px;
    }
    /*=================================================
31 :: Page Blog Comment Section
=================================================*/
    
    .comments-area {
        margin: 30px;
        overflow: hidden;
    }
    
    .comments-area h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    
    #commentform input {
        padding: 15px;
        width: 100%;
        background-color: #f7f7f7;
        border: 1px solid #dcdcdc;
        width: 100%;
        display: block;
    }
    
    .comment-list li {
        position: relative;
        margin-top: 30px;
    }
    
    .comment-list .children {
        margin-left: 40px;
    }
    
    .comment-list,
    .comment-list .children {
        list-style-type: none;
        padding: 0;
    }
    
    .single-post .comments-area {
        margin-top: 50px;
        margin-bottom: 0;
    }
    
    .single-post .comments-area .comments-title {
        font-size: 33px;
        font-weight: 600;
    }
    
    p.comment-form-cookies-consent label {
        font-size: 16px;
    }
    
    input#wp-comment-cookies-consent {
        margin-top: 30px;
        width: 50px;
    }
    
    p.comment-form-cookies-consent {
        display: flex;
    }
    
    .comment-body {
        padding: 20px 30px;
        border-radius: 10px;
        background-color: #f5f5f5;
    }
    
    .comment-body footer {
        padding-top: 0;
        background-color: transparent;
    }
    
    .comment-metadata {
        padding: 8px 0;
    }
    
    .comment-metadata * {
        color: var(--aq-black);
        font-weight: bold;
    }
    
    .reply {
        margin-top: 15px;
    }
    
    .reply a.comment-reply-link {
        background-color: #c70039;
        color: #fff;
        padding: 8px 15px;
        border-radius: 4px;
    }
    
    .comment-body .comment-author,
    .comment-body .comment-box {
        display: table-cell;
        vertical-align: top;
    }
    
    .comment-box {
        padding-left: 20px;
    }
    
    .comment-author {
        z-index: 1;
        position: relative;
    }
    
    .comment-author img {
        display: block;
        border-radius: 50%;
        -o-object-fit: cover;
        object-fit: cover;
        margin-bottom: 10px;
    }
    
    .comment-owner {
        padding-top: 8px;
        padding-bottom: 1px;
        background-color: #fff;
        -webkit-transform: translate(-18%, 0px);
        transform: translate(-18%, 0px);
        width: 135%;
    }
    
    .comment-owner h4 {
        color: #fff;
        background-color: var(--aq-primary);
        padding: 6px 15px;
        border-radius: 80px;
        max-width: 370px;
        text-align: center;
        border-radius: 0 100px 100px 0;
    }
    
    a.comment-btn-Reply {
        font-weight: bold;
        display: inline-block;
        margin-top: 10px;
    }
    
    a.comment-btn-Reply i {
        padding-right: 5px;
    }
    
    span.comment-date {
        font-weight: bold;
        height: 5px;
    }
    
    .post-prev-content h5 {
        color: var(--aq-black);
    }
    
    .comment-notes {
        font-size: 15px;
        font-style: italic;
    }
    
    .author-content-wrap {
        padding: 10px 0;
    }
    
    .comment-form-header {
        margin-bottom: 40px;
    }
    
    .comment-respond {
        padding: 40px;
        margin: 60px 0;
        border-top: 1px solid #e6e4e4;
    }
    
    .comment-respond textarea {
        padding: 15px;
        width: 100%;
        background-color: #f7f7f7;
        border: 1px solid #dcdcdc;
    }
    
    .comment-respond label {
        margin-bottom: 15px;
        margin-top: 20px;
        font-size: 24px;
        font-weight: bold;
    }
    
    .comment-respond input#submit {
        background-color: #c70039;
        -webkit-box-shadow: 6px 5px 10px #00000045;
        box-shadow: 6px 5px 10px #00000045;
        border: 0;
        color: #fff;
        padding: 10px 15px;
        border-radius: 5px;
        margin-top: 15px;
    }
    
    .comment-content p a {
        color: #2626f1;
        text-underline-offset: 3px;
        text-decoration: underline solid !important;
    }
    
    .comment-content p a:hover {
        color: var(--aq-primary);
    }
    /*=================================================
32 :: Page Blog Comment Form
=================================================*/
    
    .post-prev-next {
        padding: 30px 20px;
        border-bottom: 1px solid #edeff7;
        border-top: 1px solid #edeff7;
    }
    
    .post-prev-next .post-btn {
        background-color: transparent;
        border: 0;
        font-size: 30px;
        padding: 5px;
    }
    
    .post-prev-next h5 a {
        color: var(--aq-secondary-dark);
    }
    
    .post-prev-next span.comment-date {
        font-weight: normal;
    }
    
    .post-np-img img.img-fluid {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    
    .post-np-img {
        height: 70px;
        width: 80px;
        overflow: hidden;
        margin-right: 10px;
    }
    
    .post-prev {
        margin-right: 40px;
    }
    
    .post-prev:hover i {
        color: var(--aq-primary);
    }
    
    .post-next {
        margin-left: 40px;
        text-align: right;
    }
    
    .post-next .post-np-img {
        margin-right: 0;
        margin-left: 10px;
    }
    
    .post-next:hover i {
        color: var(--aq-primary);
    }
    /*=================================================
34 :: Page Blog Sidebar
=================================================*/
    
    .blog-sidebar .card {
        margin-bottom: 30px;
        border-radius: 33px 40px 0 0;
        border: 0;
        margin-top: 0;
        padding: 0;
        -webkit-box-shadow: 2px 10px 19px #eae8e8;
        box-shadow: 2px 10px 19px #eae8e8;
    }
    
    .blog-sidebar .card:last-child {
        margin-bottom: 0;
    }
    
    .blog-sidebar .search-form {
        padding: 4px;
        border-radius: 4px;
        border: 1px solid #e3e0e0;
    }
    
    .blog-sidebar .search-form .form-control {
        border: 0;
    }
    
    .blog-sidebar .search-form .btn.btn-search {
        font-size: 20px;
        padding: 8px 14px;
        color: #fff;
        border-radius: 4px !important;
        line-height: 30px;
    }
    
    .widget .tagcloud {
        padding: 15px;
    }
    
    .footer-widget .tagcloud {
        padding: 0px;
    }
    
    body .tagcloud a {
        color: var(--aq-secondary);
        background-color: #edecec;
        padding: 6px 10px !important;
        line-height: 1.8;
        display: inline-block;
        margin: 4px;
        font-size: 16px !important;
        word-break: break-word;
        border-radius: 4px;
        text-align: center;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    .tagcloud a:hover {
        background-color: var(--aq-primary);
        color: #fff;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    li.recentcomments {
        padding: 8px 15px !important;
    }
    
    .sidbar_title {
        background-color: var(--aq-secondary);
        border-radius: 100px;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .sidbar_title:before {
        content: "\f00c";
        display: block;
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        background-color: var(--aq-primary);
        color: #fff;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 25px;
        border-radius: 100%;
        margin-right: 10px;
    }
    
    .widget_categories li,
    .widget_archive li {
        color: var(--aq-black);
        border: 0;
    }
    
    .widget_categories li a,
    .widget_archive li a {
        color: var(--aq-black);
    }
    
    .widget_categories li a:hover,
    .widget_archive li a:hover {
        color: var(--aq-primary);
        padding-left: 5px;
    }
    
    .widget_categories li a:before,
    .widget_archive li a:before {
        content: "\f101";
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        margin-right: 6px;
        font-size: 16px;
    }
    
    .widget li {
        padding: 0 15px;
    }
    
    .widget li a {
        position: relative;
        line-height: 21px;
        z-index: 0;
        padding: 7px 4px;
        margin: 5px;
        border: 0;
        display: inline-block !important;
        text-decoration: none;
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
        color: var(--aq-black);
    }
    
    .widget li a:hover {
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
    }
    
    .sidbar-post .widget_recent_entries {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 20px;
    }
    
    .sidbar-post .widget_recent_entries .widget-post-img {
        max-width: 100px;
        height: 80px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    
    .sidbar-post .widget_recent_entries .widgets-post-title a {
        color: var(--aq-black);
        font-size: 17;
        font-weight: 500;
    }
    
    .sidbar-post .widget_recent_entries .widget-post-time {
        color: #9599a1;
        margin-top: 8px;
        font-size: 100%;
        display: block;
    }
    
    .widget_meta ul {
        padding: 0 15px;
    }
    
    .widget_meta ul li {
        display: inline-block;
        padding: 0;
    }
    
    .widget_meta ul li a {
        border-radius: 4px;
        letter-spacing: 0.1em;
        color: var(--aq-secondary)!important;
        float: left;
        padding: 4px 10px;
        background-color: #f2f2f2;
        font-size: 16px;
        position: relative;
    }
    
    .widget_meta ul li a:hover {
        background-color: var(--aq-primary);
        color: #fff!important;
    }
    
    section.about-section.pt-0 {
        margin-top: 80px;
    }
    
    .aboutme-img {
        margin-bottom: 20px;
    }
    
    .aboutme-img img {
        width: 160px;
        height: 160px;
        padding: 8px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 100%;
        margin: 0 auto;
        -webkit-box-shadow: 5px 3px 30px #ccc;
        box-shadow: 5px 3px 30px #ccc;
    }
    
    .aboutme-content {
        text-align: center;
    }
    
    .aboutme-content .widget.social-media {
        margin-left: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 15px;
    }
    
    td#today {
        background-color: var(--aq-primary);
        color: #fff;
    }
    
    td#today a {
        color: #fff;
    }
    
    .calendar_wrap {
        background-color: #ffffff12;
        padding: 15px;
    }
    
    #wp-calendar {
        text-align: center;
        caption-side: top;
    }
    
    #wp-calendar caption {
        color: var(--aq-primary)!important;
        text-align: left;
        text-align: center;
        font-size: 20px;
        padding: 4px;
        margin-bottom: 10px;
        background-color: #f7f7f7;
    }
    
    #wp-calendar span.btn-group {
        width: 100%;
    }
    
    #wp-calendar span.btn-group a.btn.text-left {
        text-align: left;
    }
    
    #wp-calendar span.btn-group a.btn.text-right {
        text-align: right;
    }
    
    #wp-calendar span.btn-group i {
        padding: 5px;
        background-color: var(--aq-primary);
        color: #fff;
    }
    
    #wp-calendar td {
        padding: 8px;
    }
    
    #wp-calendar td.today {
        background-color: var(--aq-primary);
        color: #fff;
    }
    
    #wp-calendar a.btn.active {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 20px;
    }
    
    .pagination {
        margin-top: 40px;
        margin-bottom: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .pagination .page-link {
        height: 46px;
        width: 46px;
        margin: 5px 10px;
        text-align: center;
        font-size: 24px;
        color: var(--aq-black);
        border: 0;
        border-radius: 100% !important;
        -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.12);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .pagination li.page-item.active .page-link,
    .pagination .page-link:hover {
        background-color: var(--aq-primary);
        color: #fff;
        border: 0;
    }
    
    /*=================================================
38 :: Page 404 Erro
=================================================*/
    
    .page-404 {
        overflow: hidden;
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        background-position: bottom;
        background-size: cover;
    }
    
    .page-404 h4 {
        font-family: 'Roboto', sans-serif;
    }
    
    .not-foun-inner {
        padding: 80px;
        -webkit-box-shadow: 0px 1px 35px 20px #e3e3e3;
        box-shadow: 0px 1px 35px 20px #e3e3e3;
        margin: 40px 40px 80px 40px;
        border-radius: 10px;
        background-color: #fff;
    }
    
    .not-foun-inner h1 {
        line-height: 1;
        font-size: 10vw;
        font-family: sans-serif;
        position: relative;
        background: white;
        color: black;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    
    .not-foun-inner h1:before {
        content: '';
        display: block;
        position: absolute;
        -webkit-filter: blur(20px);
        filter: blur(20px);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        mix-blend-mode: screen;
        background-image: repeating-linear-gradient(-45deg, transparent, transparent 1em, #c70039 1em, #162238 50%), repeating-linear-gradient(45deg, #111626, #111626 1em, #c70039 1em, #162238 50%);
        background-size: 3em 3em, 2em 2em;
        -webkit-animation-name: ani;
        animation-name: ani;
        -webkit-animation-duration: 8s;
        animation-duration: 8s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }
    
    @-webkit-keyframes ani {
        from {
            background-position: 0 0;
        }
        to {
            background-position: 400% 0;
        }
    }
    
    @keyframes ani {
        from {
            background-position: 0 0;
        }
        to {
            background-position: 400% 0;
        }
    }
    
    .page-404 .bg-animation {
        top: auto;
    }
    /*=================================================
39 :: Preloader 
=================================================*/
    
    .preloader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 999;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .centered {
        width: 400px;
        height: 400px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    
    .blob-1,
    .blob-2 {
        width: 70px;
        height: 70px;
        position: absolute;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    
    .blob-1 {
        background: var(--aq-primary);
        left: 20%;
        -webkit-animation: osc-l 2.5s ease infinite;
        animation: osc-l 2.5s ease infinite;
    }
    
    .blob-2 {
        left: 80%;
        -webkit-animation: osc-r 2.5s ease infinite;
        animation: osc-r 2.5s ease infinite;
        background: var(--aq-secondary);
    }
    
    @-webkit-keyframes osc-l {
        0% {
            left: 20%;
        }
        50% {
            left: 50%;
        }
        100% {
            left: 20%;
        }
    }
    
    @keyframes osc-l {
        0% {
            left: 20%;
        }
        50% {
            left: 50%;
        }
        100% {
            left: 20%;
        }
    }
    
    @-webkit-keyframes osc-r {
        0% {
            left: 80%;
        }
        50% {
            left: 50%;
        }
        100% {
            left: 80%;
        }
    }
    
    @keyframes osc-r {
        0% {
            left: 80%;
        }
        50% {
            left: 50%;
        }
        100% {
            left: 80%;
        }
    }
    
    a.next.page-numbers {
        display: block;
    }
    
    nav.navigation.pagination {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .page-numbers span.page-numbers,
    .page-numbers .page-numbers:hover {
        background-color: var(--aq-primary);
        color: #fff;
        border: 0;
    }
    
    h2.screen-reader-text {
        display: none;
    }
    
    .textwidget {
        padding: 15px;
    }
    
    .footer-wrapper .card-body {
        padding: 0;
    }
    
    figure.wp-caption.alignnone,
    figure.wp-caption.alignnone img {
        width: 100%!important;
    }
    
    figure.wp-caption.alignnone {
        padding: 15px;
    }
    
    figure.wp-caption.alignnone img {
        padding: 10px;
    }
    
    .close-btn {
        border: 0;
        display: block;
        background-color: white;
        width: 40px;
        height: 40px;
        position: absolute;
        line-height: 42px;
        text-align: center;
        z-index: 9999;
        font-size: 30px;
        right: -40px;
        color: var(--aq-primary);
        top: 44px;
    }
    
    .close-btn:focus {
        border: 1px solid #ccc;
    }
    
    .infinite-scroll #navigation,
    .infinite-scroll.neverending #footer {
        display: none;
    }
    
    .infinity-end.neverending #footer {
        display: block;
    }
    /*---woocommerce-css-coppy-that ---*/
    
    #add_payment_method table.cart img,
    .woocommerce-cart table.cart img,
    .woocommerce-checkout table.cart img {
        width: 100px;
        box-shadow: none;
    }
    
    form.woocommerce-cart-form table.shop_table th {
        border: 1px solid #ccc;
    }
    
    form.woocommerce-cart-form .cart-collaterals th {
        border: 0!important;
    }
    
    form.woocommerce-cart-form .product-name a {
        color: var(--aq-black);
        text-decoration: none;
        font-size: 18px;
        font-weight: 600;
    }
    
    .woocommerce a.remove {
        color: var(--color-primary);
        margin: 0 auto;
    }
    
    form.woocommerce-cart-form table.shop_table td {
        vertical-align: middle;
        padding: 40px 15px;
        border: 1px solid #ccc;
        vertical-align: middle;
        line-height: 1.5em;
        text-align: center;
    }
    
    form.woocommerce-cart-form .quantity .qty {
        width: 70px;
        padding: 10px 16px;
        background-color: #e6e5e5;
        border: 0;
    }
    
    form.woocommerce-cart-form .coupon {
        -webkit-box-shadow: 0px 1px 21px #ccc;
        box-shadow: 0px 1px 21px #ccc;
        border-radius: 6px !important;
        overflow: hidden;
    }
    
    .coupon button.button,
    .woocommerce button.button {
        min-height: 58px;
        min-width: 170px;
        background-color: var(--aq-secondary);
        color: #fff!important;
        opacity: 1;
    }
    
    .coupon button.button:hover,
    .coupon button.button:focus {
        background-color: var(--aq-primary);
        color: #fff;
    }
    
    input#coupon_code {
        min-width: 200px;
        border-radius: 0;
        font-weight: 500;
        padding: 0.65rem 1.25rem;
        min-height: 58px;
        background-color: var(--aq-white);
        border: 1px solid var(--aq-gray-light);
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    form.woocommerce-cart-form table.shop_table.shop_table_responsive td,
    form.woocommerce-cart-form table.shop_table.shop_table_responsive th {
        vertical-align: middle;
        padding: 10px 15px;
    }
    
    form.woocommerce-cart-form table.shop_table.shop_table_responsive th {
        padding: 20px 15px;
        text-align: center;
        font-size: 20px;
    }
    
    form.woocommerce-cart-form.cart-collaterals td {
        text-align: right;
    }
    
    .cart_totals {
        background-color: #fff;
        padding: 20px;
    }
    
    .cart_totals h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    
    #respond input#submit.alt,
    a.button.alt,
    button.button.alt,
    input.button.alt,
    .woocommerce button.button.alt {
        border: 0;
        border-radius: 5px;
        width: fit-content;
        color: #fff;
        background: linear-gradient( 289deg, var(--aq-primary) 50%, var(--aq-secondary) 26%) 10%/177% 110% no-repeat !important;
        -webkit-font-smoothing: antialiased;
    }
    
    img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
        margin: 0 auto;
    }
    
    form.woocommerce-cart-form td.actions {
        border: 0!important;
        padding-top: 47px!important;
    }
    
    form.woocommerce-cart-form table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
        border: 0!important;
        background-color: #fff;
        padding-bottom: 30px;
    }
    
    form.woocommerce-cart-form table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr.cart-subtotal {
        border-bottom: 1px solid #000!important;
    }
    
    form.woocommerce-cart-form .cart-collaterals table.shop_table.shop_table_responsive,
    form.woocommerce-cart-form .cart-collaterals table.shop_table.shop_table_responsive td,
    form.woocommerce-cart-form .cart-collaterals .woocommerce-cart .cart-collaterals .cart_totals tr td {
        border: 0;
    }
    
    form.woocommerce-cart-form .cart_totals table.shop_table.shop_table_responsive tr.cart-subtotal {
        box-shadow: 0px 1px #ccc;
    }
    
    form.woocommerce-cart-form .cart_totals table.shop_table.shop_table_responsive td {
        text-align: right;
    }
    /*---shope-page--*/
    
    p.woocommerce-result-count,
    select.orderby {
        background-color: var(--aq-secondary);
        box-shadow: 2px 10px 19px #eae8e8;
        border-radius: 10px;
        padding: 15px 20px;
        height: 60px;
        color: #fff;
        font-size: 20px;
    }
    
    .product {
        background-color: #fff;
        border: 0;
        margin-bottom: 30px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-box-shadow: 1px 5px 33px #e8e8e8;
        box-shadow: 1px 5px 33px #e8e8e8;
        padding: 0 15px 15px 15px!important;
    }
    
    .product .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        width: calc(100% + 30px);
        display: block;
        margin-left: -15px;
    }
    
    .product .woocommerce-LoopProduct-link.woocommerce-loop-product__link span.price {
        margin-top: 8px;
        font-size: 16px!important;
        padding: 0 15px!important;
        color: #333!important;
    }
    
    .woocommerce .product .woocommerce-LoopProduct-link.woocommerce-loop-product__link .woocommerce-loop-product__title {
        color: var(--aq-black);
        font-size: 20px;
        padding: 0 15px!important;
    }
    
    a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
        position: absolute;
        top: 20%;
        background-color: #fff;
        padding: 14px 19px;
        -webkit-box-shadow: 2px 2px 10px #ccc;
        box-shadow: 2px 2px 10px #ccc;
        border-radius: 40px;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
        opacity: 0;
    }
    
    .product:hover a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
        transform: scale(1);
        transition: var(--aq-transition);
        opacity: 1;
    }
    
    form.checkout.woocommerce-checkout input,
    form.checkout.woocommerce-checkout select,
    form.checkout.woocommerce-checkout textarea.aboutme-content,
    .select2-selection--single {
        border-radius: 0;
        border: 0;
        display: block;
        line-height: 1.5;
        font-size: 0.97rem;
        font-weight: 500;
        padding: 0.65rem 1.25rem;
        min-height: 50px;
        background-color: var(--aq-white);
        border: 1px solid var(--aq-gray-light);
        outline: none;
        letter-spacing: 0.5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        box-shadow: 4px 4px 7px #ddd;
        -webkit-transition: var(--aq-transition);
        transition: var(--aq-transition);
    }
    
    div#customer_details {
        padding-bottom: 40px;
        margin-bottom: 40px;
        border-bottom: 2px solid #ccc;
    }
    
    .woocommerce div.product form.cart div.quantity {
        float: none;
        margin: 15px 4px 15px 0px;
    }
    
    .woocommerce div.product form.cart div.quantity input {
        height: 46px;
    }
    
    .summary.entry-summary {
        padding: 20px 0;
    }
    
    .woocommerce .comment-respond .form-submit input#submit {
        border: 0;
        border-radius: 5px;
        display: block;
        padding: 15px!important;
        width: fit-content;
        color: #fff!important;
        background: linear-gradient( 289deg, var(--aq-primary) 50%, var(--aq-secondary) 26%) 10%/177% 110% no-repeat !important;
        -webkit-font-smoothing: antialiased;
    }