/*!
Theme Name: The Corporate Business
Theme URI: https://webnotick.com/products/free-corporate-wordpress-theme
Author: Webnotick
Theme URI: https://www.webnotickdemo.com/the-corporate-business/
Author URI: https://webnotick.com/
Description: The Corporate Business theme is a versatile and professional WordPress theme designed specifically for businesses, corporate entities, and professional services. With its sleek design, robust features, and customizable options, it offers a perfect platform for showcasing your business online. The Corporate Business theme is optimized for search engines, helping your website rank higher in search results and attract more organic traffic. The theme is regularly updated to ensure compatibility with the latest WordPress version and plugins. Overall, The Corporate Business theme offers a professional and feature-rich solution for businesses looking to establish a strong online presence and engage with their target audience effectively. Whether you're a small startup or a large corporation, this theme provides the tools you need to create a stunning and functional website for your business.
Version: 1.0.15
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: the-corporate-business
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

TheCorporateBusiness is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

@font-face {
    font-family: 'HarmoniaSansW01 bold';
    font-style: normal;
    src: local('HarmoniaSansW01 bold'), url('assets/the-corporate-business-fonts/Harmonia Sans W01 Bold.woff') format('woff');
}

@font-face {
    font-family: 'Poppins Regular';
    font-style: normal;
    src: local('Poppins Regular'), url('assets/the-corporate-business-fonts/poppins-regular.woff2') format('woff');
}

@font-face {
    font-family: 'Roboto Regular';
    font-style: normal;
    src: local('Roboto Regular'), url('assets/the-corporate-business-fonts/roboto-regular.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Bold';
    font-style: normal;
    src: local('Roboto Bold'), url('assets/the-corporate-business-fonts/roboto-bold.woff2') format('woff');
}

@font-face {
    font-family: 'Rajdhani bold';
    font-style: normal;
    src: local('Rajdhani bold'), url('assets/fonts/Rajdhani/Rajdhani-Bold.woff') format('woff');
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block;
    position: relative;
    z-index: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

.wpcf7-spinner {
    display: none
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    padding: 10px
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

*,
::before,
::after {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

h2 {
    color: #000 !important;
    font-size: 1.7em !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both
}

p {
    margin-bottom: 1.5em
}

dfn,
cite,
em,
i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}

body {
    background: #f8f7eb;
    font-family: "Poppins", sans-serif
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

embed,
iframe,
object {
    max-width: 100%
}

img {
    height: auto;
    max-width: 100%
}

figure {
    margin: 1em 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

a {
    color: #3c3c3c !important
}

a:visited {
    color: #3c3c3c
}

a:hover,
a:focus,
a:active {
    color: #000 !important
}

a:focus {
    outline: thin dotted
}

a:hover,
a:active {
    outline: 0
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    /* background: #79f3cf; */
    line-height: 1;
    width: 100px;
    padding: 13px 0 13px 0;
    margin-left: -4px;
    color: #fff;
    font-size: 18px;
    font-family: "Poppins Regular";
    border: 1px solid #212429
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    border-color: #ccc #bbb #aaa
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
    border-color: #aaa #bbb #bbb
}

input[type=email]::placeholder {
    color: #fff
}

input[type=email] {
    width: 100%;
    letter-spacing: .53px;
    color: #fff !important;
    text-transform: capitalize;
    opacity: .5;
    background-color: #707070;
    font-size: 16px;
    line-height: 32px
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
    color: #666;
    border: 1px solid #212429;
    padding: 10px 1.5em
}

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=range]: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: #111
}

select {
    border: 1px solid #ccc
}

textarea {
    width: 100%
}

.main-navigation {
    display: block
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin-bottom: 0;
    justify-content: right
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    display: block;
    left: auto
}

.main-navigation ul ul a {
    width: 200px
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto
}

.main-navigation ul li:hover>a {
    background-color: #79f3cf;
    color: #000
}

.main-navigation li:last-child {
    background-color: #79f3cf;
    padding: 0
}

.main-navigation .sub-menu li:last-child {
    background-color: transparent;
    padding: 0
}

.main-navigation li:last-child a {
    padding: 14px 41px;
    letter-spacing: 0;
    color: #212429;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.main-navigation li {
    position: relative
}

.main-navigation li a {
    display: block;
    color: #fff !important;
    line-height: 17px;
    text-align: center;
    padding: 14px 34px;
    text-decoration: none;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0;
    opacity: .68
}

.menu-toggle,
.main-navigation.toggled ul {
    display: block
}

.header-logo {
    width: fit-content;
    align-content: center
}

p.site-description {
    color: #fff
}

.menu li a:hover {
    color: #f4c430
}

.menu li a:hover::before {
    width: 55%
}

.site-branding img {
    max-width: 100%;
    height: 100%;
    padding: 0
}

@media screen and (min-width:37.5em) {
    .menu-toggle {
        display: none
    }

    .main-navigation ul {
        display: flex
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em
}

.site-main .banner-head .center-div {
    position: relative;
    text-align: center;
    top: 65%;
    color: #fff;
    opacity: .68
}

.site-main .banner-head {
    width: 100%;
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover;
    color: #000;
    object-fit: cover;
    position: relative
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%
}

.sticky {
    display: block
}

.updated:not(.published) {
    display: none
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.entry-content p {
    color: #fff
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr)
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr)
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr)
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr)
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr)
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr)
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr)
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr)
}

.gallery-caption {
    display: block
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#primary[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em
}

html,
body {
    scroll-behavior: smooth
}

h1,
h2,
h4,
h3 {
    font-family: "Poppins", sans-serif
}

h5,
h6,
p,
a {
    font-family: "Poppins", sans-serif
}

@media (max-width:1000px) {
    body.admin-bar #site-navigation.toggled .nav-container {
        padding-top: 90px;
        background: #fff
    }

    .bottom-header-part-wrapper .navigation-part {
        align-items: center
    }

    .bottom-header-part-wrapper .social-icons-part {
        display: none
    }

    #site-navigation button.menu-toggle {
        width: 35px;
        height: 35px;
        position: relative;
        transform: rotate(0deg);
        transition: .5s ease-in-out;
        cursor: pointer;
        margin-right: 19px;
        margin-top: 10px;
        background: 0 0;
        border: 0;
        float: right
    }

    .main-navigation li a {
        color: #000 !important
    }

    #site-navigation .menu-toggle,
    .main-navigation.toggled ul {
        display: block;
        background: #fff
    }

    #site-navigation button.menu-toggle span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #fff;
        border-radius: 3px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out
    }

    #site-navigation button.menu-toggle span:nth-child(1) {
        top: calc(50% - 15px)
    }

    #site-navigation button.menu-toggle span:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
        background: #fff
    }

    #site-navigation button.menu-toggle span:nth-child(3) {
        bottom: calc(50% - 15px);
        background: #fff
    }

    #site-navigation button.menu-toggle.open {
        z-index: 18
    }

    #site-navigation button.menu-toggle.open span {
        background-color: #fff
    }

    #site-navigation button.menu-toggle.open span:nth-child(1) {
        top: 14px;
        width: 0%;
        left: 50%
    }

    #site-navigation button.menu-toggle.open span:nth-child(2) {
        transform: rotate(45deg);
        background: #fff
    }

    #site-navigation button.menu-toggle.open span:nth-child(3) {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        background: #fff
    }

    #site-navigation .nav-container {
        position: fixed;
        right: -130%;
        height: 650px;
        top: 0;
        background-color: #ffc107 !important;
        min-width: 300px;
        padding-top: 60px;
        padding-right: 195px;
        width: 85%;
        transition: all 400ms ease;
        display: block;
        border-right: 1px solid #fff;
        z-index: 13;
        box-shadow: 2px 0 18px 0 rgba(0, 0, 0, .5);
        opacity: 0;
        visibility: hidden
    }

    #site-navigation.toggled .nav-container {
        right: 0;
        left: auto;
        overflow-x: auto;
        opacity: 1;
        visibility: visible
    }

    #site-navigation.toggled .nav-container li>a,
    #site-navigation.toggled .nav-container li>a {
        color: #000 !important;
        font-weight: 700
    }

    #site-navigation.toggled .nav-container li.current_page_item>a,
    #site-navigation.toggled .nav-container li.current-menu-item>a {
        color: #000 !important;
        font-weight: 700
    }

    .navigation-part {
        width: 100%
    }

    .main-navigation button {
        display: inline-block
    }

    .main-navigation .menu li .children li,
    .main-navigation .menu li .sub-menu li {
        padding: 5px;
        border-bottom: 1px solid #d3d3d3
    }

    .main-navigation .menu li .children>li .children,
    .main-navigation .menu li .children>li .sub-menu,
    .main-navigation .menu li .sub-menu>li .children,
    .main-navigation .menu li .sub-menu>li .sub-menu {
        left: -999em;
        top: 0;
        margin-top: 0;
        margin-left: 30px
    }

    .main-navigation .menu>li:hover>.children,
    .main-navigation .menu>li:hover>.sub-menu {
        margin: 0;
        margin-top: 0;
        left: 0
    }

    .main-navigation .menu>li:focus-within>.children,
    .main-navigation .menu>li:focus-within>.sub-menu {
        margin: 0;
        margin-top: 0;
        left: 0
    }

    .main-navigation .menu .children,
    .main-navigation .menu .sub-menu {
        box-shadow: 0 3px 3px rgba(0, 0, 0, .2)
    }

    .main-navigation .menu .children li.menu-item-has-children>a,
    .main-navigation .menu .sub-menu li.menu-item-has-children>a {
        padding-right: 25px
    }

    .main-navigation .menu .children li.menu-item-has-children>a::after,
    .main-navigation .menu .sub-menu li.menu-item-has-children>a::after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        font-family: "Poppins", sans-serif;
        font-weight: 900;
        line-height: inherit;
        vertical-align: baseline;
        content: "";
        display: inline-block;
        margin-left: 10px;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }

    .main-navigation .menu .children>li:hover>.children,
    .main-navigation .menu .children>li:hover>.sub-menu,
    .main-navigation .menu .sub-menu>li:hover>.children,
    .main-navigation .menu .sub-menu>li:hover>.sub-menu {
        left: 100%;
        margin-left: 0;
        margin-top: 0
    }

    .main-navigation .menu .children>li:focus-within>.children,
    .main-navigation .menu .children>li:focus-within>.sub-menu,
    .main-navigation .menu .sub-menu>li:focus-within>.children,
    .main-navigation .menu .sub-menu>li:focus-within>.sub-menu {
        left: 100%;
        margin-left: 0;
        margin-top: 0
    }

    .main-navigation .menu li {
        position: relative;
        padding: 16px 8px;
        text-align: left
    }

    .main-navigation .menu li>a {
        font-weight: 700
    }

    .menu-toggle {
        display: block
    }

    .main-navigation ul {
        padding: 2px 0 0;
        display: none;
        width: 100%;
        position: absolute;
        left: 0;
        top: 55px;
        z-index: 999
    }

    .main-navigation li {
        position: relative
    }

    #site-navigation.toggled .nav-container {
        right: 0;
        left: auto;
        overflow-x: auto;
        opacity: 1;
        visibility: visible;
        background: #fff
    }

    .top-header {
        display: none
    }

    .blog-grid.grid-layout.grid-column-3 {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
    }

    .blog-grid.grid-layout {
        grid-gap: 20px
    }

    .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button {
        cursor: pointer;
        color: var(--black);
        background-color: #0dc8c4;
        margin: 0;
        padding: 3px;
        font-size: 16px;
        border-radius: 0 3px 3px 0;
        font-family: "Sawarabi Mincho", sans-serif !important
    }

    .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input {
        border: 1px solid #d3ced2;
        padding: 3px;
        font-size: .9rem;
        border-radius: 3px 0 0 3px
    }

    .wp-block-search__input {
        padding: 8px;
        flex-grow: 1;
        width: 100%;
        min-width: 0;
        border: 1px solid #949494;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit
    }
}

.blog-div {
    width: 100%;
    height: auto;
    padding: 40px 0
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    transition: .3s;
    border-radius: 5px
}

img {
    width: 100%;
    border-radius: 5px 5px 0 0;
    border-radius: 12px
}

.singlepage img {
    height: 400px;
    padding-top: 8%
}

.searchpage img {
    height: 400px
}

.archivepage img {
    height: 350px
}

.archive-div {
    display: inline-flex
}

.archive-div a {
    font-size: 12px;
    color: #000
}

.blog-grid.grid-layout.grid-column-3 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    overflow-y: auto
}

.blog-grid.grid-layout {
    display: grid;
    grid-gap: 20px
}

.archive-div span {
    padding-left: 5px
}

.entry-comments {
    font-size: 12px;
    padding-top: 4px
}

.entry-time {
    font-size: 12px;
    padding-top: 4px
}

.comments-link {
    padding-right: 30px;
    font-weight: 700
}

.edit-link {
    font-weight: 700
}

.cat-links {
    display: none
}

.wp-block-search__label {
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: 10px;
    font-family: "Poppins Regular" !important;
    font-size: 20px !important
}

.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button {
    background-color: #79f3cf;
    cursor: pointer;
    color: var(--black);
    margin: 0;
    padding: 10px 25px;
    border-radius: 0 3px 3px 0;
    font-size: 1.2rem;
    font-family: "Philosopher", sans-serif !important
}

.widget ul li {
    display: flex
}

.widget ul li::before {
    content: "↗";
    width: 14px;
    height: 14px;
    background-color: #7cf8db;
    color: #111;
    font-size: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input {
    border: 1px solid #d3ced2;
    padding: 6px 16px;
    font-size: .9rem;
    border-radius: 3px 0 0 3px
}

.widget ol:not(.magazine-tabs) li a,
.widget ul:not(.magazine-tabs) li a {
    font-size: 16px;
    padding-left: 10px;
    list-style: none;
    line-height: 30px;
    text-decoration: none
}

ol.wp-block-latest-comments,
.wp-block-archives,
.wp-block-categories {
    padding-left: 0
}

.sidebar-div li a,
.single_sidebar li a,
.search_sidebar li a {
    color: #000
}

.widget-title,
.wp-block-heading {
    background-color: #000;
    color: #fff !important;
    font-family: "Poppins Regular" !important;
    font-size: 20px !important;
    padding: 10px
}

.sidebar-div ul li {
    display: flex
}

.sidebar-div ul li::before {
    content: "↗";
    width: 14px;
    height: 14px;
    background-color: #7cf8db;
    color: #111;
    font-size: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

.site-header .gridboxtwo {
    display: grid;
    gap: 1.3em 0;
    padding-top: 1em;
    grid-template-columns: 100%
}

.site-header .gridboxtwo .header-header {
    display: flex;
    gap: 3em;
    justify-content: right
}

.site-header .gridboxtwo .header-header .d-flex:first-child i {
    rotate: -45deg
}

.site-header .gridboxtwo .header-header .d-flex p:first-child {
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize;
    opacity: .5;
    font-size: 13px;
    line-height: 15px
}

.site-header .gridboxtwo .header-header .d-flex:last-child i {
    background-color: transparent;
    color: #fff
}

.site-header .gridboxtwo .header-header .d-flex:last-child i:hover {
    color: #79f3cf
}

.site-header .gridboxtwo .header-header p {
    font-family: "HarmoniaSansW01 bold";
    letter-spacing: 0;
    color: #fff;
    font-size: 16px;
    padding-left: 1em;
    line-height: 20px;
    font-weight: 700
}

.site-header .gridboxtwo .header-header i {
    color: #79f3cf;
    background-color: #00000029;
    padding: 11px 15px;
    border-radius: 100%
}

.site-header {
    overflow: visible;
    background-color: #958a8a !important;
    height: 0;
    z-index: 12;
    margin: 0 8em;
    display: grid;
    grid-template-columns: 20% 80%;
    position: relative
}

section#hero {
    position: relative;
    overflow: hidden;
    background: #000;
    height: 928px
}

section#hero::before {
    content: "";
    position: absolute;
    width: 100%;
    background-image: url(assets/images/image.png);
    background-size: cover;
    background-position: center;
    background-size: cover;
    height: 100%;
    opacity: .3;
    background-position: center
}

section#about .imgs,
section#hero .imgs {
    position: absolute;
    width: 100%;
    height: 100%
}

section#hero .imgs img:first-child {
    width: 16%;
    position: absolute;
    top: -18%;
    left: 30%;
    animation: tilt 2s ease infinite
}

@keyframes tilt {
    0% {
        transform: translateX(-50%) rotate(0deg)
    }

    50% {
        transform: translateX(-50%) rotate(20deg)
    }

    to {
        transform: translateX(-50%) rotate(-15deg)
    }
}

section#hero .imgs img:nth-child(2) {
    width: 5%;
    position: absolute;
    top: 14rem;
    left: 1%;
    animation: float 2s ease-in-out infinite
}

@keyframes float {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(50%)
    }
}

section#hero .imgs img:nth-child(3) {
    width: 5%;
    position: absolute;
    top: 11rem;
    right: 1%;
    animation: float 2s ease-in-out infinite
}

section#hero .imgs img:nth-child(4) {
    width: 40%;
    position: absolute;
    bottom: -1rem;
    right: 50%
}

section#hero .imgs img:nth-child(5) {
    width: 10%;
    position: absolute;
    bottom: 0;
    right: 35%;
    animation: floatLeftRight 2s ease-in-out infinite
}

@keyframes floatLeftRight {

    0%,
    to {
        transform: translateX(0)
    }

    50% {
        transform: translateX(50%)
    }
}

section#hero .imgs img:nth-child(6) {
    width: 16%;
    position: absolute;
    bottom: -12%;
    right: 0;
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.box-grid {
    position: absolute;
    top: 28%;
    left: 10%
}

section#hero .main-content h1 {
    letter-spacing: 0;
    color: #79f3cf;
    font-weight: 900;
    font-size: 100px;
    line-height: 120px
}

section#hero .main-content h1:nth-child(2) {
    color: transparent;
    -webkit-text-stroke: 2px #4af0c3;
    text-shadow: 0 0 8px transparent
}

section#hero .main-content p {
    font-size: 16px;
    opacity: .9;
    line-height: 23px;
    width: 531px;
    color: #fff;
    font-weight: 400
}

section#hero .main-content a button {
    background-color: #79f3cf;
    letter-spacing: 0;
    color: #212429;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

section#about {
    position: relative
}

section#about .container {
    padding: 6em 0
}

section#about .imgs img {
    padding: 0
}

section#about .imgs img:first-child {
    position: absolute;
    top: -2.5em;
    right: 1em;
    width: 69px
}

section#about .imgs img:nth-child(2) {
    position: absolute;
    top: 3rem;
    left: -.4em;
    width: 77px
}

section#about .imgs img:nth-child(3) {
    position: absolute;
    bottom: 11rem;
    left: 2em;
    width: 52px;
    border-radius: 0
}

section#about .position-relative::after {
    content: "";
    background-image: url(assets/images/Repeat\ Grid\ 6@2x.png);
    width: 48px;
    height: 80px;
    display: block;
    position: absolute;
    top: 11.5rem;
    right: -3rem;
    background-size: cover
}

section#about .position-relative::before {
    content: "";
    font-family: "FontAwesome";
    padding: 10px 15px;
    background-color: #79f3cf;
    position: absolute;
    right: -.7em;
    top: 2.5em
}

section#about .position-relative {
    justify-self: center;
    padding-bottom: 3rem
}

section#about .position-relative img {
    width: 398px;
    height: 501px
}

section#about .position-absolute {
    bottom: 0;
    right: 0;
    padding-right: 4px
}

section#about .position-absolute img {
    width: 398px;
    height: 284px
}

section#about h6 {
    letter-spacing: 4.7px;
    color: #212429;
    text-transform: uppercase;
    opacity: .9;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

section#about h2 {
    letter-spacing: 0;
    color: #212429 !important;
    font-size: 53px !important;
    font-weight: 700;
    line-height: 63px !important
}

section#about p {
    letter-spacing: 0;
    color: #212429;
    opacity: .9;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px
}

section#about div.grid {
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 2em 0
}

section#about div.grid .flex {
    display: grid;
    grid-template-columns: 40% 60%
}

section#about div.grid .flex .circle {
    background-color: #292b30;
    justify-self: center;
    border-radius: 100%;
    position: relative;
    width: 54px;
    height: 54px
}

section#about div.grid .flex:last-child .circle img,
section#about div.grid .flex:first-child .circle img {
    transform: scale(1.5);
    position: absolute;
    left: -.9em
}

section#about div.grid p {
    letter-spacing: 0;
    color: #212429;
    text-transform: lowercase;
    opacity: .9;
    width: 50%;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px
}

section#about ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 3em
}

section#about ul li::before {
    content: "";
    position: absolute;
    left: 0;
    font-family: "FontAwesome";
    color: #79f3cf
}

section#about ul li {
    letter-spacing: 0;
    position: relative;
    padding-left: 1em;
    color: #212429;
    opacity: .9;
    font-weight: 300;
    font-size: 16px;
    line-height: 23px
}

section#about a button {
    letter-spacing: 0;
    color: #212429;
    font-size: 18px;
    background: linear-gradient(95deg, #79f3cf 0, #00c2c2 100%)0 0 no-repeat padding-box;
    font-weight: 700;
    line-height: 23px
}

.logged-in-as {
    font-size: large !important;
    font-family: "Mulish", sans-serif !important;
    line-height: 2rem !important
}

.submit {
    align-items: center;
    background: #000 !important;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: .25rem;
    box-shadow: rgba(0, 0, 0, .02)0 1px 3px 0;
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    display: inline-flex;
    font-family: "Mulish", sans-serif !important;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.25;
    margin-bottom: 20px;
    min-height: 3rem;
    padding: calc(.875rem - 1px) calc(1.5rem - 1px);
    position: relative;
    text-decoration: none;
    transition: all 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto
}

.submit:hover,
.submit:focus {
    border-color: rgba(0, 0, 0, .15);
    box-shadow: rgba(0, 0, 0, .3)0 4px 12px;
    color: rgba(0, 0, 0, .65)
}

.submit:hover {
    transform: translateY(-2px)
}

.submit:active {
    background-color: #f0f0f1;
    border-color: rgba(0, 0, 0, .3);
    box-shadow: rgba(0, 0, 0, .06)0 2px 4px;
    color: rgba(0, 0, 0, .65);
    transform: translateY(0)
}

.friday {
    width: 100%;
    height: auto;
    padding: 1%;
    background: #e9e8e8
}

.friday h1,
.info h1 {
    width: 100%;
    color: #cd5888;
    margin-top: 20%;
    font-size: 50px
}

.friday p,
.info p,
.product p,
.login p,
footer .alladin p,
footer .alladin i,
.blogextra p,
.categories .card .card-details p,
.audiobook p,
.audiobook .card p,
.audiobook .card .price,
.audiobook .card .time,
.magzines .card p,
.magzines .card .price,
.magzines .card .time {
    font-size: 20px;
    color: #6b6b6b
}

.categories a,
.categories {
    color: #fff !important
}

.friday button {
    width: 35%;
    height: 50px;
    margin-top: 5%;
    border: 1px solid;
    border-color: #b9b9b9;
    color: #cd5888;
    background: #e9e8e8;
    font-family: "Tenor Sans", sans-serif
}

.friday button:hover {
    color: #e9e8e8;
    background: #cd5888
}

.info {
    width: 100%;
    height: auto;
    background: #e9e8e8;
    padding: 2%
}

.info h1 {
    padding-top: 3%;
    margin-top: 0
}

.info button {
    width: 12%;
    height: 50px;
    margin-top: 2%;
    color: #cd5888;
    background: #e9e8e8;
    border: 1px solid;
    border-color: #c1c1c1;
    font-size: 20px;
    font-family: "Tenor Sans", sans-serif;
    -webkit-animation: blink-1 3s infinite both;
    animation: blink-1 3s infinite both
}

@media screen and (min-width:1024px) {
    .main-navigation a {
        font-size: 14px
    }
}

.post-details p {
    margin-bottom: 1.5em;
    font-size: small;
    margin-bottom: -.5em
}

.post-details {
    padding-top: 5px;
    text-align: center
}

.post-details .entry-author::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 12%;
    width: 12px;
    height: 12px;
    background-color: #1ccfcf;
    border-radius: 50%
}

.post-details .entry-author {
    position: relative
}

.maincontent {
    padding: 10px;
    box-shadow: 0 1px 0 8px #e9ecef
}

.post-details .entry-comments i {
    color: #02c3c2
}

.box {
    margin-top: 30px
}

.maincontent .entry-meta {
    display: flex;
    justify-content: start;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    border-radius: 8px;
    padding: 9px 0;
    margin: 10px 35px
}

.maincontent .page-title {
    font-family: "Roboto Bold";
    font-size: 24px;
    padding: 0 10px
}

.maincontent p {
    font-family: "Roboto Regular";
    font-size: 16px;
    padding: 0 10px
}

.maincontent .entry-author,
.maincontent .entry-date,
.maincontent .entry-comments {
    font-family: "Roboto Regular";
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

.maincontent p {
    line-height: 1.8rem;
    color: #7a7979
}

.maincontent header p a:hover {
    color: #cd5888
}

.maincontent header p a {
    color: #a1a1a1
}

.maincontent header p a::before {
    position: absolute;
    top: 25%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    content: "";
    border-radius: 50%;
    background-color: #a1a1a1;
    margin-left: -7px
}

.scrollup i {
    width: 40px;
    height: 40px;
    position: fixed;
    z-index: 999;
    bottom: 20px;
    margin: 0;
    font-size: 24px;
    padding: 9px 12px;
    right: 20px;
    color: #fff;
    background-image: linear-gradient(90deg, #0dc8c4 0, #0dc8c4 100%);
    border-radius: 10px
}

footer {
    padding: 4em 0;
    text-align: center;
    background-color: #15191c
}

#colophon .footer-widgets-area {
    margin: 0 4em
}

#colophon .grid-footer {
    display: grid;
    text-align: left;
    grid-template-columns: 30% 20% 20% 30%
}

#colophon .grid-footer .hentry h2.wp-block-heading,
#colophon .grid-footer .hentry h2.widget-title {
    letter-spacing: 0;
    color: #fff !important;
    opacity: 1;
    margin-bottom: 1em;
    font-size: 22px !important;
    line-height: 27px;
    font-weight: 700
}

#colophon .grid-footer .hentry:first-child h2 {
    letter-spacing: 0;
    color: #fff !important;
    padding-bottom: .5em;
    font-size: 41px !important;
    line-height: 49px;
    font-weight: 900
}

#colophon .grid-footer .hentry {
    padding: 0 2em
}

#colophon .grid-footer .hentry:first-child li {
    display: flex;
    justify-content: space-between
}

#colophon .grid-footer .hentry:last-child p:nth-child(2) {
    opacity: 1
}

#colophon .grid-footer .hentry:last-child p {
    display: flex;
    gap: 6px
}

#colophon .grid-footer .hentry:first-child li div,
#colophon .grid-footer .hentry p {
    letter-spacing: 0;
    color: #fff;
    position: relative;
    opacity: .5;
    font-size: 16px;
    line-height: 26px
}

#colophon .grid-footer .hentry {
    width: 100%
}

.wpcf7-form-control-wrap {
    width: fit-content
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    color: #fff
}

#colophon .grid-footer .hentry:last-child form p::after {
    content: "";
    position: absolute;
    right: 0;
    font-family: "FontAwesome";
    color: #15191c;
    text-align: center;
    align-content: space-evenly;
    padding-right: 1.2em;
    border-radius: 3px;
    height: 100%
}

#colophon .grid-footer .hentry:last-child form p:hover::after {
    display: none
}

footer .copyright a,
footer .copyright span {
    color: #fff !important
}

nav.navigation.pagination {
    margin-top: 20px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 3rem;
    text-align: left
}

.pagination a,
.pagination span {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 16px 20px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #02c3c2;
    font-size: 18px;
    font-weight: 700
}

.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 11px;
    line-height: 13px
}

.nav-next a,
.nav-previous a {
    border: outset;
    outline: 0;
    cursor: pointer;
    color: #3c4257;
    background-color: #fff;
    box-shadow: rgb(0 0 0/0%)0 0 0 0, rgb(0 0 0/0%)0 0 0 0, rgb(0 0 0/12%)0 1px 1px 0, rgb(60 66 87/16%)0 0 0 1px, rgb(0 0 0/0%)0 0 0 0, rgb(0 0 0/0%)0 0 0 0, rgb(60 66 87/8%)0 2px 5px 0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 8px;
    display: inline-block;
    min-height: 28px;
    transition: background-color .24s, box-shadow .24s
}

.nav-previous a:hover,
.nav-next a:hover {
    box-shadow: #000;
    background-color: #a1a1a1;
    color: #000
}

.page .entry-header .entry-title {
    padding: 8%0 8% 45%;
    background: #f4f4f4
}

.entry-title,
.archive-info span,
.comment-reply-title,
.comment-form p a {
    color: #000;
    font-family: "Poppins Regular"
}

.comment-body {
    display: flex;
    gap: 10px;
    justify-content: normal
}

.comment-meta {
    width: 50%;
    height: 50%
}

.comment-content {
    padding: 10px
}

.comment-respond h3 small {
    font-size: 14px;
    padding-left: 40px
}

.reply {
    top: 70%;
    right: 20px;
    position: absolute
}

.wp-block-latest-comments__comment-meta {
    text-align: left;
    background-color: #fff
}

.sub-menu {
    background: #000;
    margin-left: 0;
    padding-left: 5px;
    display: inline !important;
    width: auto
}

.sub-menu li {
    padding: 10px 10px 0 10px
}

#services {
    padding: 6.6rem 0 2em
}

#services .grid::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .43;
    background: linear-gradient(180deg, #00000000, #000)
}

#services .container-fluid h1 span {
    color: #02c3c2
}

#services .container-fluid h1 {
    width: 50%;
    letter-spacing: 0;
    color: #212429;
    text-align: center;
    justify-self: center;
    font-size: 53px;
    font-weight: 700;
    line-height: 63px
}

#services .gridrow {
    padding: 3em 0
}

#services .grid {
    position: relative
}

#services .grid img {
    padding: 0
}

#services .grid .position-absolute {
    position: absolute;
    bottom: 2em;
    left: 3em
}

#services .grid .position-absolute h2 {
    color: #fff !important
}

#services .grid .position-absolute a::after {
    content: "";
    font-family: "Fontawesome";
    rotate: -45deg;
    position: absolute
}

#services .grid .position-absolute a {
    color: #00c2c2 !important;
    text-decoration: none
}

#services .gridrow {
    display: grid;
    gap: 3em;
    grid-template-columns: auto auto auto;
    justify-content: space-evenly
}

#services .grid img {
    width: 421px;
    height: 454px
}

.section-details {
    padding: 1em
}

@media screen and (min-width:300px) and (max-width:600px) {
    .comment-body {
        display: block;
        justify-content: normal
    }

    .comment-meta {
        width: 100%;
        height: 50%
    }

    .comment-list {
        padding-left: 0 !important
    }

    section#hero .main-content p {
        width: 100%
    }
}

.site-title a {
    font-size: 25px;
    color: #fff !important
}

.site-title a:hover {
    color: #05345c
}

.business-box {
    background-color: #f2f2f2;
    position: relative;
    margin: 1em 0;
    font-family: Arial, sans-serif
}

.business-box::before {
    content: "";
    position: absolute;
    border-image: linear-gradient(to right, #094176 68%, #f6bb19 50%);
    border-top: 2.5px solid #f6bb19;
    border-image-slice: 1;
    top: 0;
    right: 0;
    width: 105%
}

.business-box::after {
    content: "";
    position: absolute;
    border-image: linear-gradient(to left, #094176 68%, #f6bb19 50%);
    border-top: 2.5px solid #f6bb19;
    border-image-slice: 1;
    bottom: 0;
    left: 0;
    width: 105%
}

.business-title-container::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 115%;
    border-left: 4px solid #f6bb19
}

.business-title-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 115%;
    border-right: 4px solid #f6bb19
}

.business-title-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.business-title {
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    margin: 0
}

.sq-icon1,
.sq-icon2,
.sq-icon3 {
    color: #85a6c5;
    transform: matrix(.74, .67, -.67, .74, 0, 0);
    border-radius: 12px;
    border-bottom: 2px solid #85a6c5;
    border-left: 2px solid #85a6c5;
    padding: 0 0 10px 15px
}

.sq-icon1 {
    position: absolute;
    top: 22%;
    left: 10%;
    font-size: 4rem
}

.sq-icon2 {
    position: absolute;
    top: 25%;
    left: 48%;
    font-size: 5rem
}

.sq-icon3 {
    position: absolute;
    top: 75%;
    left: 40%;
    font-size: 4rem
}

@media screen and (max-width:1380px) {
    #services .grid img {
        width: 100%;
        height: 100%
    }
}

@media screen and (max-width:1280px) {
    .main-navigation li a {
        padding: 14px 13px
    }
}

@media screen and (max-width:1200px) {
    #colophon .grid-footer {
        grid-template-columns: 50% 50%;
        gap: 1em 0
    }
}

@media screen and (max-width:1150px) {
    .site-header .gridboxtwo .header-header .d-flex:first-child {
        display: none !important
    }
}

@media screen and (min-width:912px) and (max-width:1366px) {
    .sq-icon3 {
        top: 50%
    }
}

@media screen and (max-width:1024px) {
    #services .gridrow {
        grid-template-columns: auto auto
    }

    .site-header .gridboxtwo .header-header {
        display: none
    }
}

@media screen and (min-width:200px) and (max-width:300px) {
    section#hero .main-content p {
        width: auto !important
    }

    .site-title a {
        font-size: 20px
    }

    .header-logo {
        width: max-content;
        align-content: center
    }
}

@media only screen and (max-width:1000px) {
    .site-header {
        margin: 0 1em
    }

    .header-logo {
        width: max-content;
        align-content: center
    }
}

@media only screen and (max-width:1024px) {
    .box-grid {
        justify-content: space-between
    }

    section#hero .main-content p.pt-4 {
        width: auto
    }
}

@media only screen and (max-width:991px) {
    .main-navigation li a {
        color: #000 !important
    }

    #site-navigation .menu-toggle,
    .main-navigation.toggled ul {
        display: block;
        background: #fff
    }

    section#hero .main-content h1 {
        font-size: 40px !important;
        line-height: 55px
    }

    section#hero {
        height: 560px
    }

    section#hero .main-content p.pt-4 {
        font-size: 17px;
        line-height: 27px
    }

    #services {
        padding: 2em 0 2em
    }

    section#about .position-relative img {
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width:700px) {
    #colophon .footer-widgets-area {
        margin: 0
    }

    .main-navigation li a {
        color: #000 !important
    }

    #site-navigation .menu-toggle,
    .main-navigation.toggled ul {
        display: block;
        background: #fff
    }
}

@media only screen and (max-width:575px) {
    .main-navigation li a {
        color: #000 !important
    }

    #site-navigation .menu-toggle,
    .main-navigation.toggled ul {
        display: block;
        background: #fff
    }

    .box-grid {
        display: block;
        left: 0
    }

    section#hero {
        height: 480px
    }

    section#hero .main-content {
        width: 90%
    }

    section#hero .main-content h1 {
        font-size: 30px !important;
        line-height: 48px
    }

    section#hero .main-content p {
        font-size: 11px
    }

    section#hero .main-content p.pt-4 {
        padding-top: 0 !important
    }

    section#hero .main-content {
        margin: 0 1em
    }

    section#hero .main-content a button {
        font-size: 12px
    }

    section#about .position-absolute img {
        width: 220px;
        height: auto
    }

    section#about .col-sm-12 {
        padding: 1em !important
    }

    section#about div.grid .flex .circle {
        width: 40px;
        height: 40px
    }

    section#about div.grid .flex:last-child .circle img,
    section#about div.grid .flex:first-child .circle img {
        left: -.7em
    }

    section#about .position-relative::after,
    section#about .imgs img:nth-child(2),
    section#about .imgs img:nth-child(3) {
        display: none
    }

    section#about h2 {
        font-size: 30px !important;
        line-height: 40px !important
    }

    #services .gridrow {
        grid-template-columns: 100%;
        padding: 1em 0
    }

    #services .grid .position-absolute {
        bottom: 1em;
        left: 2em
    }

    #services .grid .position-absolute h2 {
        font-size: 15px !important
    }

    #services .grid .position-absolute a {
        font-size: 14px !important
    }

    #services .container-fluid h1 {
        width: 100%;
        font-size: 20px;
        line-height: 30px
    }

    #colophon .grid-footer {
        grid-template-columns: 100%;
        gap: 1em 0
    }
}

@media only screen and (max-width:400px) {
    section#about div.grid p {
        font-size: 14px;
        line-height: 17px
    }

    .main-navigation li a {
        color: #000 !important
    }

    #site-navigation .menu-toggle,
    .main-navigation.toggled ul {
        display: block;
        background: #fff
    }

    .site-title a {
        font-size: 20px
    }

    .header-logo {
        width: max-content;
        align-content: center
    }
}

ol,
ul {
    padding: 0
}