/*!
Theme Name: Modern Videography
Theme URI: https://www.webnotick.com/products/free-modern-videography/
Author: Webnotick
Author URI: https://www.webnotick.com/
Description: At Modern Videography, we specialize in capturing moments that tell powerful stories and create lasting impressions. With a passion for visual storytelling and a commitment to excellence, we provide professional videography services tailored to meet the unique needs of individuals, businesses, and brands. Whether it’s a wedding, corporate event, promotional video, or social media content, our goal is to transform your vision into a cinematic experience. Our team of skilled videographers combines creativity with advanced technology to produce high-quality videos that stand out. We use modern equipment, professional lighting, and precise editing techniques to ensure every frame reflects clarity, emotion, and purpose. From planning and shooting to post-production, we handle every stage with attention to detail and artistic precision. We understand that every project is different, which is why we take a personalized approach to every client. We work closely with you to understand your ideas, preferences, and goals, ensuring that the final output aligns perfectly with your expectations. Whether you want a cinematic wedding film, a dynamic business promo, or engaging content for digital platforms, we bring your ideas to life with creativity and professionalism. We also believe in delivering value without compromising on quality. Our services are designed to be affordable, transparent, and reliable, making professional videography accessible to everyone. With a strong focus on customer satisfaction, timely delivery, and consistent quality, we aim to build long-term relationships with our clients. Whether you’re celebrating a special occasion or promoting your brand, Modern Videography is your trusted partner in creating stunning visual content. Let us help you preserve memories, tell your story, and showcase your vision through the power of professional videography.
Version: 1.0.8
Tested up to: 6.9
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: modern-videography
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.

Modern Videography 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* Fonts are loaded locally via bundled webfonts to comply with WordPress.org guidelines. */

@font-face {
    font-family: 'Poppins Medium';
    src: local('Poppins Medium'), url('assets/fonts/poppins-medium.woff2') format('woff');
}

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

@font-face {
    font-family: 'Poppins Light';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Light'), url('assets/fonts/poppins-light.woff2') format('woff');
}

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




#respond,
.reply a {
    box-shadow: 0 10px 20px rgb(0 0 0/10%)
}

body,
html {
    overflow-x: hidden !important;
    /* background-color: #0C1E21; */
}

button,
hr,
input {
    overflow: visible
}

progress,
sub,
sup {
    vertical-align: baseline
}

html,
legend {
    box-sizing: border-box
}

.aligncenter,
.alignleft,
.alignright,
.wp-caption,
hr,
p {
    margin-bottom: 1.5em
}

pre,
textarea {
    overflow: auto
}

.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation,
.widget,
address,
table {
    margin: 1rem 0 1.5rem
}

#page-site-header .header-title,
.comment-body,
.featured-image,
.main-navigation li,
.mainrow,
form.search-form,
sub,
sup {
    position: relative
}

.wp-caption,
embed,
iframe,
legend,
object,
pre {
    max-width: 100%
}

#colophon .menu-footer ul li a,
a {
    font-family: "Poppins Regular"
}

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

body {
    margin: 0;
    /* background: #0C1E21 */
}

#comments time:before,
#page-site-header.header-image-disable,
#page-site-header.page-title-disable .page-header,
.blog-posts-wrapper .category-disable .cat-links,
.button-disable .read-more,
.bypostauthor,
.category-disable .cat-links,
.content-disable .entry-content,
.date-disable .date,
.dropdown-toggle,
.gallery-caption,
.icon-disable,
.image-disable .featured-image,
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer,
.infinity-end.neverending .site-footer,
.main-navigation.toggled ul,
.menu-toggle,
.position-disable .team-position,
.position-disable .testimonial-position,
.post-navigation .next-article span span,
.post-navigation .previous-article span span,
.posts-navigation .next-article span span,
.posts-navigation .previous-article span span,
.says,
.sticky,
.title-disable .entry-header,
.toggled .menu-toggle .bars,
.toggled .menu-toggle .close,
.type_of_work-caption,
.updated:not(.published),
details,
main,
template,
ul.post-categories li:last-child:after {
    display: block
}

ul,
li,
ol, dl,th,tr,address {
    color: #000;
}

h1 {
    font-size: 2rem !important;
    margin: .67em 0
}

code,
kbd,
pre,
samp {
    font-size: 1em
}

hr {
    box-sizing: content-box;
    background-color: #ccc;
    border: 0;
    height: 1px
}

a {
    background-color: transparent;
    color: #000;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: Arial, Helvetica, sans-serif
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    height: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    margin: 0
}

.button-default .btn,
.content-default .entry-content,
.title-default .title,
button,
select {
    text-transform: none
}

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

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

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

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

legend {
    color: inherit;
    display: table;
    padding: 0;
    white-space: normal
}

#section-header,
table,
textarea {
    width: 100%
}

[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
}

summary {
    display: list-item
}

#secondary #Search h2,
.menu-toggle .close,
.toggled .menu-toggle .bars,
.wp-block-search__label {
    display: none
}

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

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

.clear:after,
.comment-content:after,
.entry-content:after,
.footer-widgets-area:after,
.footer-widgets-area:before,
.site-content:after,
.site-footer:after,
.site-header:after,
.wrapper:after,
.wrapper:before,
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #000;

}

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

blockquote {
    margin: 0 1.5em
}

#colophon .widget:last-child,
#featured-slider .slick-dotted.slick-slider,
.col-1 article:last-child,
.col-2 article:last-child,
.col-3 article:last-child,
.col-4 article:last-child,
.col-5 article:last-child,
.col-6 article:last-child,
.single-post .site-main .comment-navigation,
.single-post .site-main .post-navigation,
.single-post .site-main .posts-navigation,
.widget:last-child,
li>ol,
li>ul {
    margin-bottom: 0
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    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
}

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

big {
    font-size: 125%
}

/* ol,
ul {
    margin: 0 0 1.5em 3em
} */

ul {
    list-style: disc;
    padding-left: 0 !important;
    margin-bottom: 0 !important
}

ol {
    list-style: decimal
}

.alignright,
li>ol,
li>ul {
    margin-left: 1.5em
}

.button-font-weight-bold .btn,
.content-font-weight-bold .entry-content,
.title-font-weight-bold .title,
dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

figure {
    margin: 1em 0
}

.site-title a {
    color: #6C7FFE !important
}

/* a:visited {
    color: #000000
} */

#colophon .widget_block h1,
#colophon .widget_block h2,
#colophon .widget_block h3,
#colophon .widget_block h4,
#colophon .widget_block h5,
#colophon .widget_block h6,
#featured-slider .entry-container h4,
#featured-slider .socialicon:hover,
#site-navigation .sub-menu li a,
.content-page .entry-meta a,
.post-details .entry-time,
.singlepage .categories a,
.singlepage .logged-in-as a,
.singlepage .nav-next a .nav-subtitle,
.singlepage .nav-previous a .nav-subtitle,
.site-description,
.trail-items li a:focus,
.trail-items li a:hover,
a:active,
a:focus,
a:hover {
    color: #0d9488;
}

a:focus {
    outline: dotted thin;
}


.nav-links .nav-next a span {
    overflow-wrap: break-word;
}

#primary[tabindex="-1"]:focus,
.slick-slide,
a:active,
a:hover {
    outline: 0
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    line-height: 1;
    padding: .6em 1em .4em;
    text-decoration: none;
    display: grid;
    justify-self: end;
    font-size: 18px;
    line-height: 27px;
    font-family: 'Poppins Medium';
    font-weight: 500;
    letter-spacing: 0px;
    background-color: #6C7FFE;
    color: #070608;
    text-transform: capi
}

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=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    color: #666;
    /* border: 1px solid #000; */
    padding: 10px 20px;
    width: 100%
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    color: #111
}

select {
    border: 1px solid #ccc
}

*:focus {
    outline: 2px solid #6C7FFE !important;
    outline-offset: 2px;
}


.main-navigation {
    display: block;
    width: 100%
}

.main-navigation ul {
    display: flex;
    list-style: none;
}

#primary-menu {
    padding: 8px 9px;
    float: right;
}

.headericon {
    margin-bottom: .5rem;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 104%;
    margin-right: -20%
}

.main-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
    text-align: left;
    padding: 0
}

.main-navigation ul ul ul {
     left: -999em;
    top: 0%;
    right: -11.1rem;
    margin-right: -12%;
    background: transparent;
    position: absolute;
    width: 200px;
}

.main-navigation ul .children li a,
.main-navigation ul .children li.focus>a,
.main-navigation ul .children li:hover>a {
    color: #fff !important;
    background-color: #6C7FFE
}

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

.main-navigation ul ul a {
    display: inline-block;
    width: 180px
}

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

.main-navigation .site-branding img {
    max-height: 80px;
    max-width: 200px
}

.site-branding p {
    margin-bottom: .5rem !important;
    color: #6C7FFE;
}

#respond {
    margin-top: 35px;
    padding: 2em;
    border-top: 3px solid #6C7FFE
}

.menu-toggle:hover {
    text-decoration: none
}

.mobile-nav-icon {
    width: 2rem;
    height: 1.7rem;
    color: #000000
}

#site-navigation .searchmenuicon,
.btn-img,
.comment-navigation .nav-links,
.nav-div,
.post-navigation .nav-links,
.posts-navigation .nav-links,
.social-links {
    display: flex
}

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

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

#wp-calendar tbody td,
.align-center,
.author img,
.gallery-item,
.wp-caption-text {
    text-align: center
}

.entry-content,
.entry-summary,
.hentry,
.page,
.page-content,
.post {
    margin: 0
}

#primary ol li .wp-block-latest-comments__comment-link::before,
#secondary ol li .wp-block-latest-comments__comment-link::before,
.custom-logo-link {
    display: inline-block
}

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

.gallery-item {
    display: inline-block;
    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)
}

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

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

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

input:focus-visible,
label:focus-visible {
    outline: 0 !important;
    border: 0 !important
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.footer-widgets-area:after,
.footer-widgets-area:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before,
.wrapper:after,
.wrapper:before {
    content: "";
    display: table;
    table-layout: fixed
}

.widget_block h1,
.widget_block h2,
.widget_block h3,
.widget_block h4,
.widget_block h5,
.widget_block h6 {
    padding: 10px;
    font-family: "Poppins Medium";
    font-size: 1.2rem;
    color: #f0fdff;
    border-radius: 7px;
    background: linear-gradient(90deg, #16a29a, #0f8f87);
}

#colophon .secondary.widget_text,
#colophon .widget.widget_text {
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
}

.widget select {
    padding: 10px;
    border: 0;
    width: 100%;
    max-width: 300px
}

form.search-form button.search-submit {
    height: 45px;
    line-height: 30px;
    position: absolute;
    left: 5px;
    top: 24px;
    border: 0;
}

form.search-form button.search-submit {
    color: #000;
    line-height: 1;
    height: 30px;
    padding: 0;
    width: 30px;
    font-size: 16px;
    background-color: transparent !important;
    box-shadow: none;
    border-radius: 20px;
}

form.search-form button.search-submit svg {
    transform: translate(24px, 20px);
}

form.search-form input[type=search] {
    padding: 0 55px 0 25px;
    height: 50px;
    background-color: #fff;
    color: #000;
    border: 0
}

form.search-form input[type=search]:focus {
    border-color: #c42118
}

form.search-form {
    position: relative
}

form.search-form input {
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300
}

form.search-form input[type=search] {
    padding: 0 0 0 40px;
    height: 40px;
    /* width: 150%; */
    border-radius: 16px;
    background-color: #f5f7fa;
    border: 1px solid #e1e5ea;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
}

form.search-form svg {
    color: #a6a7a9;
}


form.search-form input[type=search]::placeholder {
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #a6a7a9;
}



.widget_search form.search-form button.search-submit {
    height: 45px;
    line-height: 30px;
    position: absolute;
    left: -13px;
    top: 0;
    border: 0;
}

.widget_search form.search-form button.search-submit {
    color: #000;
    line-height: 1;
    height: 30px;
    padding: 0;
    width: 30px;
    font-size: 20px;
    background-color: transparent !important;
    box-shadow: none;
    border-radius: 20px;
}

.widget_search form.search-form button.search-submit svg {
    transform: translate(24px, 20px);
}

.widget_search form.search-form input[type=search] {
    padding: 0 55px 0 25px;
    height: 50px;
    background-color: #fff;
    color: #000;
    border: 0
}

.widget_search form.search-form input[type=search]:focus {
    border-color: #c42118
}

.widget_search form.search-form {
    position: relative
}

.widget_search form.search-form input {
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300
}

.widget_search form.search-form input[type=search] {
    padding: 0 0 0 40px;
    height: 40px;
    /* width: 150%; */
    border-radius: 16px;
    background-color: #f5f7fa;
    border: 1px solid #e1e5ea;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
}

.widget_search form.search-form svg {
    color: #a6a7a9;
}


.widget_search form.search-form input[type=search]::placeholder {
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #a6a7a9;
}

#wp-calendar caption {
    margin-bottom: 15px;
    font-weight: 600
}

.widget_text .textwidget p {
    color: #000;
    padding: 0rem;
}

#secondary .wp-block-search__label,
.widget li:not(:last-child) {
    margin-bottom: 10px
}

.group-blog .byline,
.single .byline {
    display: inline
}

.author img {
    display: block;
    margin: 20px auto
}

.search-icon #formButton svg {
    font-size: 14px;
    fill: #fff;
}

.search-icon {
    position: absolute;
    right: 5rem;
    width: 20px;
    height: 20px;
    top: 55%;
    transform: translate(-50%, -50%);
}

.search-box .search-submit svg {
    transform: translate(90%, 75%);
}

.page-header span.posted-on {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%
}

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

.page-header span.author-name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #111
}

.page-header small {
    font-size: 12px;
    color: #c42118
}

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: 10px 20px;
    text-decoration: underline;
    width: auto;
    color: #fff;
    background: #16a29a;
    font-size: 18px;
    font-weight: 700
}

.posts-wrapper.col-3 article:nth-child(3n) {
    border-right: 1px solid #e4e4e4
}

.post-categories a {
    color: #c42118;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700
}

.archive-description {
    color: #fff;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.tags-links {
    margin-bottom: 20px;
    display: inline-block;
    color: #000;
}

.tags-links span {
    margin: 0 8px 8px 0
}

.tags-links a {
    border: 2px solid #000;
    display: inline-block;
    border-radius: 5px;
    padding: 8px 10px;
    color: #000;
    line-height: 1;
    font-size: 14px;
    text-decoration: underline;
}

.tags-links a:focus,
.tags-links a:hover {
    border-color: #000;
    background-color: #000;
    color: #fff
}

.cat-links:before,
.comments-link a:before,
.entry-meta .author a:before,
.single .date a:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px
}

.entry-meta .author a:before {
    content: ""
}

.comments-link a:before {
    content: ""
}

.single .date a:before {
    content: ""
}

.cat-links:before {
    content: "";
    color: #0f8f87
}

.entry-meta .author:before,
.entry-meta .cat-links:before,
.entry-meta a,
.entry-meta span:before {
    color: #0f8f87;
    text-decoration: underline;
    font-weight: 600
}

#featured-slider .slider-socialicon,
#site-navigation .sub-menu,
.searchpage .entry-footer {
    display: grid
}

.searchpage .cat-links {
    margin-bottom: 15px
}

.searchpage .cat-links a {
    color: #3f356d;
    font-weight: 600
}

.entry-meta a:focus,
.entry-meta a:hover,
.reply a {
    color: #6C757D;
    font-family: "Montserrat Bold"
}

.entry-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    text-decoration: underline;
}

.author.vcard {
    margin-left: 5px
}

.byline {
    visibility: hidden
}

.byline .author.vcard {
    visibility: visible;
    margin-left: -20px
}

.post-navigation span.next-article b,
.post-navigation span.previous-article b,
.post-navigations span.next-article b,
.post-navigations span.previous-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%
}

.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table
}

.error-404.not-found {
    max-width: 100%;
    text-align: center
}

.error-404.not-found .page-title {
    font-size: 38px
}

.sidebar404 {
    padding-top: 12rem
}

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

#reply-title,
.comments-title {
    margin: 0 0 30px;
    font-size: 32px;
    font-weight: 600
}

ul.post-categories li:after {
    content: ","
}

ol.comment-list {
    padding: 0;
    margin: 0 0 30px;
    list-style: none
}

#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0
}

#comments ol.comment-list {
    padding-top: 35px;
    position: relative;
    overflow: hidden
}

#comments ol.children {
    margin-left: 120px
}

#main .entry-content h1,
#main .entry-content h2,
#main .entry-content h3,
#main .entry-content h4,
#main .entry-content h5,
#main .entry-content h6 {
    clear: both;
    margin: 16px 0;
    line-height: 1.3
}

.comment-meta img {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 20px
}

.align-right,
.reply {
    text-align: right
}

#comments article {
    margin-bottom: 30px;
    clear: both;
    padding: 20px;
    text-decoration: underline;
    background: #c2fc8521
}

#comments ol.comment-list>li:last-child,
#comments ol.comment-list>li:last-child article:last-child {
    border-bottom: none
}

#comments ol.comment-list>li {
    padding-top: 49px
}

#comments ol.comment-list>li:first-child {
    padding-top: 0
}

#comments ol.comment-list>li article:last-child .reply {
    border-bottom: none;
    padding-bottom: 0
}

.reply a {
    display: inline-block;
    font-weight: 700;
    padding: 7px 30px;
    font-size: 18px;
    position: relative;
    background-color: #fff;
    border-radius: 0;
    text-decoration: underline;
    z-index: 1;
    transition: .3s ease-in-out
}

.content-page img,
.singlepage .comment-author img,
.singlepage img.attachment-full {
    box-shadow: rgba(0, 0, 0, .2)0 12px 28px 0, rgba(0, 0, 0, .1)0 2px 4px 0, rgba(255, 255, 255, .05)0 0 0 1px inset
}

.nav-previous a,
.post-search,
.singlepage .nav-next a {
    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
}

.single p,
.page p,
.archive p,
.search p,
.nopage p {
    color: #000;
}

.reply a:focus,
.reply a:hover {
    color: #fff;
    background-color: #6C7FFE;
    border-color: #6C7FFE
}

.comment-meta .fn,
.comment-meta .url {
    display: inline-block;
    color: #333;
    font-size: 20px;
    text-decoration: underline;
    text-transform: capitalize
}

.button-uppercase .btn,
.content-uppercase .entry-content,
.title a,
.title-uppercase .title,
.trail-items li {
    text-transform: uppercase
}

.comment-meta .url:focus,
.comment-meta .url:hover,
.comment-metadata a:focus,
.comment-metadata a:focus time,
.comment-metadata a:hover,
.comment-metadata a:hover time,
.title a:focus,
.title a:hover {
    color: #c42118
}

.comment-metadata a,
.comment-metadata a time {
    color: #333;
    text-decoration: underline;
}

.comment-metadata time {
    font-weight: 500
}

.comment-metadata {
    display: block;
    margin-bottom: 10px
}

.comment-content {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 90px
}

.wp-block-group ol li,
.wp-block-group ul li,
.wrapper {
    padding-left: 15px
}

.comment-content p {
    font-weight: 400;
    margin-bottom: 0
}

.entry-content {
    margin-top: 0;
    position: relative;
    z-index: 1
}

.wrapper {
    width: 90%;
    max-width: 1430px;
    padding-right: 15px
}

.section-gap {
    padding: 5em 0
}

.section-title,
.title {
    font-size: 22px;
    margin: 0 0 15px;
    font-weight: 700;
    word-wrap: break-word
}

.section-title {
    font-size: 32px;
    margin: 0 0 15px;
    color: #000
}

.section-subtitle {
    max-width: 600px;
    margin: 0 auto
}

.title a {
    color: #000;
    text-decoration: underline;
    font-size: 33px;
    letter-spacing: 1px
}

.post-thumbnail-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: cover
}

.overlay:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .2;
    position: absolute;
    z-index: -1
}

#main .entry-content ul li ul li:before,
#main .entry-content ul li:before {
    content: "";
    font-family: Fontawesome;
    margin-right: 10px;
    transition: .5s;
    transform: scale(1);
    display: inline-block
}

.col-1 article,
.col-2 article,
.col-3 article,
.col-4 article,
.col-5 article,
.col-6 article {
    margin-bottom: 30px;
    width: 100%
}

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

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

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

.type_of_work {
    margin: -4px
}

.type_of_work-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding: 4px
}

#main .entry-content h1 {
    font-size: 50px;
    color: #000;
    font-weight: 500
}

#main .entry-content h2 {
    font-size: 40px;
    color: #000;
    font-weight: 500
}

#main .entry-content h3 {
    font-size: 30px;
    color: #000;
    font-weight: 500
}

#main .entry-content h4 {
    font-size: 27px;
    color: #000;
    font-weight: 500
}

#main .entry-content h5 {
    font-size: 24px;
    color: #000;
    font-weight: 500
}

#main .entry-content h6 {
    font-size: 19px;
    color: #000;
    font-weight: 500
}

#main .entry-content ul {
    padding: 20px 0;
    list-style: none;
    font-size: 18px;
    margin: 0
}

#main .entry-content ul li,
#main .entry-content ul li ul li {
    line-height: 26px;
    font-size: 18px;
    color: #000
}

#main .entry-content ul li:before {
    color: #f6bb19;
    font-size: 16px
}

#main .entry-content ul li:hover:before {
    transform: scale(1.4)
}

#main .entry-content ul li ul {
    margin: 15px 0 0 25px
}

#main .entry-content ul li ul li:before {
    color: #a08e5e;
    font-size: 14px
}

#main .entry-content ol {
    counter-reset: li;
    list-style: none;
    margin: 30px 0 0
}

#main .entry-content ol li {
    position: relative;
    padding-left: 60px;
    min-height: 50px;
    padding-top: 0;
    line-height: 26px;
    font-size: 18px;
    color: #000
}

#main .entry-content ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #0b4f8e;
    border: 1px solid #f6bb19;
    border-radius: 50%;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.wp-block-pullquote,
.wp-block-quote,
.wp-block-quote:not(.is-large):not(.is-style-large),
blockquote .wp-block-quote {
    padding: 3em 2em 2em 4em !important;
    background-color: #f2f6f9 !important;
    border: 1px solid #000;
    width: 100%
}

.wp-block-pullquote p,
.wp-block-quote p,
blockquote .wp-block-quote p {
    color: #272932;
    font-size: 17px;
    font-weight: 300
}

.wp-block-quote p:before,
blockquote .wp-block-quote p:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 20px;
    color: #f6bb19;
    font-family: FontAwesome
}

.wp-block-quote p:after,
blockquote .wp-block-quote p:after {
    content: "";
    position: absolute;
    bottom: 16px;
    right: 16px;
    font-size: 20px;
    color: #f6bb19;
    font-family: FontAwesome
}



#section-header #form1 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 9999;
    padding: 4em 1em;
    text-align: left;
}

#section-header #form1 form label {
    width: 90%;
}

#section-header #form1 form label input {
    color: #000;
    font-weight: 400;
}

#section-header #form1 form {
    background: #fff;
    display: inline-block;
    padding: 15px 10px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    width: 40%;
}

#section-header #closeForm {
    font-size: 26px;
    padding: 0 .7rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    background: #000;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#section-header #form1 form.search-form button.search-submit {
    height: 45px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    width: 45px;
    padding: 0;
    background: #000;
    color: #fff;
    top: 50%;
    left: auto;
    transform: translate(-50%, -50%);
}

#section-header #form1 .search-box {
    position: relative;
    top: 35%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}

#section-header #form1 .search-box form {
    border: 20px solid #000;
}

#page-site-header {
    background-size: cover;
    position: relative;
    text-align: center
}

#page-site-header .innerheader-overly1 {
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(167deg, #0b4f8ea1, #2c2d2fad)
}

#page-site-header .page-site-headerimg {
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    background-size: cover
}

#page-site-header .page-title {
    color: #fff;
    font-size: 30px;
    margin: 0 0 7px -96px;
    font-weight: 300
}

#page-site-header .page-header {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(200%);
    z-index: 1
}

.btn-img,
.button-content {
    transform: skewX(-30deg)
}

#page-site-header .header-title .headerdotsbox {
    width: 36px;
    height: 55px;
    position: absolute;
    left: 110px;
    bottom: 0
}

#page-site-header .header-title .headerdotsbox div {
    background: #f6bb19;
    margin: 0 5px 5px 0;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    float: left
}

#page-site-header .breadcrumbbox {
    padding: 0 0 .5em;
    text-align: left;
    margin-bottom: 3%
}

#page-site-header .breadcrumbbox .button {
    display: inline-block;
    background-color: #fff;
    padding: 20px 22px;
    border-radius: 50px
}

#page-site-header .breadcrumbbox span {
    color: #1b1a28;
    margin: 0 3px;
    font-size: 17px;
    font-weight: 400
}

#page-site-header .breadcrumbbox span.treeEnd {
    color: #1d3176;
    margin: 0 3px;
    font-size: 20px;
    font-weight: 400
}

#page-site-header .breadcrumbbox span.bread-arrow {
    font-size: 29px;
    line-height: 13px;
    position: relative;
    top: 0;
    padding: 0 6px;
    color: #0b4f8f
}

#page-site-header .breadcrumbbox a {
    color: #1b1a28;
    font-weight: 400;
    text-decoration: underline;
    font-size: 22px
}

#page-site-header .breadcrumbbox a:hover {
    color: #f6bb19;
    text-decoration: none
}

#breadcrumb-list {
    background-color: #222;
    padding: 20px 0
}

.section-header .hidden {
    background-color: #0f172b;
}

.section-header .container .flex svg {
    color: #f6bb19 !important;
}

.section-header .container .flex a {
    color: #ffffff99 !important;
    text-decoration: none !important;
}

.section-header .container .flex .number span svg,
.section-header .container .flex .number a {
    color: #00C1D4 !important;
}

.section-header .container .flex .number:hover span svg,
.section-header .container .flex .number:hover a {
    color: #f6bb19 !important;
}

#featured-slider .swiper-slide {
    overflow: hidden;
    color: #fff
}

#featured-slider h1 {
    font-size: clamp(1.5rem, 5vw, 4.5rem) !important;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    color: #ffffff;
}

#featured-slider .container .row {
    top: 15rem;
}

.site-main .banner-head {
    /* background-image: url(assets/images/siteheaderimg.jpg); */
    width: 100%;
    /* height: 45vh; */
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 170px 0 0 0;
    object-fit: cover;
    position: relative;

}

.post-item h2 a {
    overflow-wrap: break-word;
}

.site-main .banner-head::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0D1117 0, #1A2330 100%);
    opacity: .6;
    z-index: 1
}

.slick-prev::before,
.slick-next::before {
    display: none;
}

.site-main .banner-head .entry-header {
    position: relative;
    z-index: 2;
    padding: 50px 4em 40px 4em;
    top: 50%
}

.site-main .banner-head .entry-header h1 {
    color: #fff;
    font-size: 50px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

#featured-services {
    position: relative;
    overflow: hidden;
    padding: 0rem 0 3rem 0;
}

#featured-services .entry-content3 {
    justify-items: center;
}

#featured-services .entry-container .img {
    position: relative;
}

#featured-services .entry-container .img .featured-icon svg {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #00c1d4 !important;
    padding: .7rem;
    background-color: #00c1d430;
    border-radius: 12px;
    width: 27px;
    height: 27px;
    transition: 0.7s ease;
    border: 2px solid #00c1d4;
}

#featured-services .entry-container:hover .img .featured-icon svg {
    margin-left: .7rem;
    color: #fac800 !important;
    padding: .7rem;
    background-color: #000000;
}

#featured-services .title-section h1 {
    display: inline-block;
    padding: .7rem 1rem;
    margin-bottom: 1rem;
    font-weight: 400;
    border-radius: 9999px;
    border-width: 1px;
    background: #00C1D425;
    color: #00C1D4;
    border-color: #00C1D435;
    font-family: 'Poppins', sans-serif;
    font-size: 16px !important;
}

#featured-services .title-section h3 {
    font-size: clamp(2rem, 4vw, 3rem);
    font-family: Poppins, sans-serif;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #0D1117;
}

#featured-services .title-section p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    opacity: 0.8;
    color: #1C2533;
}

#featured-services article {
    overflow: hidden;
    gap: 1.5rem;
    border-radius: 0.75rem;
    border: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    /* allow hover */
}

#featured-services article:hover {
    box-shadow: 0 20px 25px 15px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transform: rotate(-3deg);
}

#featured-services article .img {
    width: 100%;
    height: auto;
    transition: transform 0.4s ease;
    /* border-radius: 0.75rem; */
    overflow: hidden;
}

#featured-services article:hover .img {
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}

#featured-services article .featured-service-item h2 a {
    color: #000000 !important;
}

#featured-services article .featured-service-item:hover h2 a {
    color: #fac100 !important;
}

.button-font-weight-regular .btn,
.content-font-weight-regular .entry-content,
.title-font-weight-regular .title {
    font-weight: 400
}

.button-font-weight-semi-bold .btn,
.content-font-weight-semi-bold .entry-content,
.title-font-weight-semi-bold .title {
    font-weight: 600
}

.button-lowercase .btn,
.content-lowercase .entry-content,
.title-lowercase .title {
    text-transform: lowercase
}

.button-capitalize .btn,
.content-capitalize .entry-content,
.title-capitalize .title {
    text-transform: capitalize
}

.row {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important
}

.socialicon {
    color: #fff;
    width: 27px;
    height: 20px;
    padding: 10px 7px
}

.bottomheader {
    background: #93939399;
    width: 90%;
    margin: 1rem auto;
    padding: 1rem 0 .3rem 0;
    position: relative;
    border-radius: 11px;
}

#section-header .topheader .social-icons {
    padding-right: 2rem;
}

#section-header .topheader .social-icons a {
    padding: 0 .5rem;
    color: #ffffff;

}

#section-header .topheader p {
    font-family: 'Poppins Regular';
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin: 0;
}

#section-header .bottomheader .col-lg-1 .search-box {
    width: 100%
}

#section-header .bottomheader .col-lg-1 .input-search {
    background-color: transparent !important
}

#section-header .bottomheader .col-lg-1 .input-search::placeholder {
    color: rgba(255, 255, 255, .5);
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 100
}

#site-navigation .bottomheader-copy1 .search-btn {
    display: flex
}

#section-header .bottomheader .col-lg-1 .btn-search {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 50%;
    color: #fdc401;
    background-color: none;
    pointer-events: painted
}

#section-header .bottomheader .col-lg-1 .input-search:focus {
    width: 100%;
    color: #ffffffb1;
    border-radius: 0;
    background-color: transparent;
    box-shadow: 0 0 3rem #00f;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    transition: all 4s cubic-bezier(0, .11, .35, 2)
}

#search {
    position: absolute;
    z-index: 30;
    width: 91.66% !important;
    left: 0;
    top: 6rem;
    display: none
}

#section-header .bottomheader .col-lg-1 .btn-search:hover {
    background-color: #000
}

#site-navigation .searchmenuicon i,
#site-navigation .searchmenuicon svg {
    padding: 20px;
    color: #fff
}

#site-navigation .nav-menu>.menu-item.menu-item-has-children>a::after {
    content: "\25BC";
    font-family: "Font Awesome 5 Free";
    color: #ffffff;
    padding-left: 6px;
    font-size: 15px;
}

#site-navigation .sub-menu li {
    background: #fff;
    border-bottom: 1px solid #fff
}

#site-navigation {
    position: relative;
    padding: 0;
    justify-content: space-around
}

.social-links p {
    color: #000;
    font-family: "Poppins Medium";
    font-size: 15px;
    padding-left: 20px;
    margin-bottom: 0
}

.search-page-wrapper .search-page-row {
    padding-top: 4rem !important;
}

.search-page-wrapper .entry-summary {
    margin: 1rem 0;
}

.search-page-wrapper .cat-links a {
    color: #0f8f87;
}

.search-page-wrapper .edit-link {
    margin: .5rem 0;
}

#primary .error-404 {
    padding: 6rem 0 3rem 0;
}

.page-content .search-form .search-submit i,
.page-content .search-form .search-submit svg {
    color: #0f8f87;
}

.page-content form.search-form button.search-submit {
    position: absolute;
    right: 0px;
    top: 3px;
    height: 40px;
    align-items: center;
}

#primary .page-content p {
    color: #ffffff;
    margin-bottom: 1rem;
}

#primary h1.page-title {
    color: #ffffff;
}

#section-header .gap-5 {
    justify-content: right;
}

#section-header .social-links {
    gap: 3px;
    margin-right: 1rem;
}

#section-header .social-links a:last-child {
    padding-right: 1rem;
}

#section-header .social-links a {
    font-size: 14px;
    letter-spacing: 0.28px;
    font-family: 'Poppins Medium';
    color: #6C7FFE;
    line-height: 21px;
    opacity: 1;
    text-decoration: none;
    margin-right: .7rem;
}

#section-header .header-nav .d-flex {
    justify-content: center;
}

#section-header .social-links svg {
    color: #ffffff !important;
    background-color: #ffffff30 !important;
    padding: 6px 5px;
    width: 15px;
    border-radius: 100%;
}

.sitenave button {
    height: fit-content;
    align-self: center;
}

.main-navigation ul li .sub-menu {
    margin-left: 0 !important
}

#site-navigation ul li {
    font-weight: 500;
    font-size: 1.1rem;
}

#site-navigation ul li a,
#section-header .header-col-divs a {
    font-size: 14px;
    padding: 7px 10px;
    line-height: 27px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: #ffffff;
    text-transform: capitalize;
    opacity: 1;
    text-decoration: none;
}

#site-navigation ul li:hover a,
#section-header .header-col-divs a:hover {
    color: #1E8A8A;
}

#site-navigation .btn a {
    color: #ffffff;
    letter-spacing: 0px;
    font-size: 16px;
    font-size: 400 !important;
    padding: 6px 14px 7px 15px;
    background-color: #1E8A8A;
    border-radius: 10px;
    text-decoration: none;
    position: relative;
}

#featured-slider .slider-btn-icon,
#site-navigation .btn i {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    color: #ffffff;
    transform: rotate(-45deg);
}

#site-navigation .btn {
    padding: 0;
    border: none;
    position: relative;
}

#section-header .header-col-divs a {
    background-color: #6C7FFE;
    padding: .5em 1em;
}

#masthead {
    position: absolute;
    z-index: 3000;
    width: 100%;
}

#colophon {
    position: relative;
    opacity: 1;
    background: #1A2330 0% 0% no-repeat padding-box;
    margin: 0;
    padding: 0;
}

#colophon .footer-bgoverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.1;
    pointer-events: none;

}

#colophon .widget .widget-title {
    margin-bottom: .7rem;
    margin-left: 0 !important;
}

#colophon .widget ul {
    padding: 0 !important;
}

#colophon .site-info ul li {
    align-content: center;
}

#colophon .site-info ul li a svg {
    font-size: 18px;
    padding: 5px;
    color: #6C7FFE;
    border-radius: 8px;
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    margin-right: 1rem;
}

#colophon .footer-widgets-area .widget_block h1,
#colophon .footer-widgets-area .widget_block h2,
#colophon .footer-widgets-area .widget_block h3,
#colophon .footer-widgets-area .widget_block h4,
#colophon .footer-widgets-area .widget_block h5,
#colophon .footer-widgets-area .widget_block h6,
#colophon .footer-widgets-area p {
    color: #fff;
}

#colophon .widget ul li::marker {
    display: none;
    color: transparent;
    background-color: transparent;
}

#colophon .footer-para {
    color: #fff;
    font-size: 16px;
    opacity: 1;
    font-family: "Poppins Regular";
    text-align: left;
    line-height: 2;
}

#colophon .site-info {
    color: #FFFFFF;
    padding: 10px;
    display: flex;
    justify-content: center;
}

#colophon aside .textwidget h3 {
    font-size: 16px;
    /* font-family: "Roboto Slab", serif; */
    font-weight: 500;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: .5rem;
}

#colophon aside .textwidget .phone p,
#colophon aside .textwidget .location p,
#colophon aside .textwidget .mail p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0;
}

#colophon .site-info .copy-right,
#colophon .site-info .copy-right .d-flex {
    gap: 1em;
    align-self: anchor-center;
}

.site-main .banner-head .center-div {
    position: relative;
    text-align: center;
    top: 60%;
    padding: 40px 0px;
}

.site-main .banner-head .center-div h1 {
    text-shadow: 0 3px #000;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.tagcloud a,
.wp-block-latest-comments a {
    color: #363636;
    font-family: "Montserrat Regular"
}

#secondary .widget-title {
    padding: 6px 0px;
    font-size: 18px
}

#secondary #Search label {
    display: grid !important
}

.wp-block-search__button {
    width: 32%;
    border: 0;
    padding: 10px 20px;
    color: #fff;
    margin-left: 5px;
    background-color: #0d9488 !important;
}

.widget .tagcloud,
.widget .textwidget,
.widget ul {
    text-align: left;
    color: #fff
}

#colophon .widget ul li a {
    text-decoration: none;
    color: #fff
}

#colophon .widget .widget-title,
#colophon .widget .wp-block-heading {
    color: #fff;
    text-align: left;
    background-color: transparent;
    border: none;
}

.sidebar-div .wp-block-archives-list,
.sidebar-div .wp-block-categories-list,
.sidebar-div .wp-block-latest-posts__list,
.single_sidebar .wp-block-categories-list {
    padding-top: 10px;
    margin: 0;
    padding-left: 0
}

#secondary ul li a,
.sidebar-div .wp-block-archives-list li a,
.sidebar-div .wp-block-categories-list li a,
.sidebar-div .wp-block-latest-posts__list li a,
.single_sidebar .wp-block-archives-list li a,
.single_sidebar .wp-block-categories-list li a,
.single_sidebar .wp-block-latest-posts__list li a,
.widget_archive p,
.widget_archive select,
.widget_categories li a,
.widget_recent_entries li a {
    font-weight: 400;
    font-size: 16px;
    font-family: "Poppins Regular"
}

.widget_archive select {
    border: 2px solid #6C7FFE
}

.front .p-5 {
    padding-top: 6rem !important
}

.mainrow .box {
    padding: 0 1rem;
    position: relative
}

.mainrow .box .content {
    box-shadow: rgba(0, 0, 0, .24)0 3px 8px;
    background-color: #fff;
    position: relative
}

.post-details .entry-comments,
.post-details .entry-date a {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.mainrow a img {
    width: 100%;
    /* height: 250px */
}

.post-details .entry-author a,
.post-details .entry-by {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    opacity: .7;
    font-family: "Montserrat Regular"
}

.button-content {
    background: #000000ef;
    border: 2px solid #fff;
    border-radius: 0;
    padding: 7px 20px;
    margin: 5px 0 5px 17px;
    text-align: center;
    position: relative;
    display: inline-block;
    transition: .5s;
    color: #fff;
    width: fit-content
}


.content-page .entry-meta,
.singlepage .archive-info {
    font-size: 16px;
    font-weight: 500;
    color: #6C757D;
    line-height: 28px;
    font-family: "Roboto", sans-serif;
}

.singlepage .entry-content p {
    font-size: 14px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    margin-bottom: 22px
}

.singlepage .entry-content .wp-block-buttons {
    margin-bottom: 30px !important
}

.content-page img,
.singlepage img.attachment-full {
    width: 400px;
    height: 350px;
    padding: 10px;
    position: relative
}

.singlepage .comment-author img {
    width: 60px;
    height: 60px;
    padding: 0;
    border-radius: 50px;
    position: relative
}

.content-page .image {
    padding: 0 20px 0 0
}

.content-page img {
    margin-right: 30px
}

.content-page .entry-footer {
    margin-top: 30px
}

.wp-block-buttons {
    margin: 0 !important
}

.singlepage #submit,
.wp-block-buttons .wp-block-button__link {
    border: 0;
    font-size: 1.125em;
    border-radius: 0;
    /* padding: 10px 30px; */
    color: #6C7FFE;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .1)0 10px 50px;
    display: inline-block !important;
}

.singlepage #submit:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover {
    background-color: #6C7FFE !important;
    color: #fff;
    box-shadow: none
}

.searchpage .entry-title a {
    color: #000;
    font-weight: 700
}

.singlepage .entry-title {
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    font-family: "Roboto", sans-serif;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-wrap: break-word;
    word-break: break-word;
}

.content-page .entry-title a {
    font-weight: 600;
    color: #0f8f87;
    font-family: "Poppins Regular";
}

.archivepage .archive-col,
.singlepage .entry-content {
    padding-right: 30px
}

.singlepage .entry-header {
    height: auto !important
}

.nav-previous a,
.singlepage .nav-next a {
    outline: 0;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    padding: 5px 8px;
    display: inline-block;
    min-height: 28px;
    margin-top: 10px;
    transition: background-color .24s, box-shadow .24s
}

.archivepage .page-header {
    padding: 0 !important;
    font-family: "Montserrat Regular"
}

.content-page .entry-header {
    height: auto
}

.content-page {
    padding: 15px;
    border: 2px solid #6C7FFE;
    font-family: "Montserrat Condensed"
}

.error-404.not-found .error-404title {
    color: #1E8A8A;
    font-size: 195px;
    text-align: center;
    display: block;
    animation: 1.9s linear infinite effect;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 240px
}

.not-found .page-content p {
    color: #1e4543;
    font-weight: 400
}

.not-found form.search-form {
    display: flex;
    margin-bottom: 40px
}

.not-found form label .search-field {
    padding: 10px 20px
}

.not-found form label {
    width: 100%;
    border: 2px dashed #1e4543
}

.not-found form [type=submit]:not(:disabled) {
    width: 20%;
    background: #6C7FFE;
    color: #fff;
    font-weight: 400
}

.scroll-to-top {
    position: fixed;
    bottom: 19px;
    right: 30px;
    z-index: 1000;
}

.scroll-to-top a {
    background-color: #fff;
    padding: 8px 14px;
    box-shadow: rgba(0, 0, 0, .24)0 3px 8px
}

.scroll-to-top img {
    height: 100%;
    width: 100%;
    background-size: 100% 100%;
}

#featured-about .about-container {
    margin-top: 100px;
}

#featured-about {
    position: relative;
    padding: 2em 0 5em 0;
    justify-self: center;
    width: 100%;
}

#featured-about .title-section h1 {
    display: inline-block;
    padding: .7rem 1rem;
    margin-bottom: 1rem;
    font-weight: 400;
    border-radius: 9999px;
    border-width: 1px;
    background: #00C1D425;
    color: #00C1D4;
    border-color: #00C1D435;
    font-family: 'Poppins', sans-serif;
    font-size: 16px !important;
}

#featured-about .title-section h3 {
    font-size: clamp(2rem, 4vw, 3rem);
    font-family: Poppins, sans-serif;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #0D1117;
}

#featured-about .title-section p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    opacity: 0.8;
    color: #1C2533;
}

#featured-about .aboutrightside p.first {
    font-size: 1.22rem;
    line-height: 1.75rem;
    line-height: 1.625;
    opacity: 0.8;
    color: #1C2533;
}

#featured-about .aboutrightside p.second {
    font-size: 17px;
    line-height: 1.625;
    opacity: 0.8;
    color: #1C2533;
    font-weight: 400;
}

#featured-about .aboutrightside {
    padding: 0 0rem 0 3rem;
}

#featured-about .aboutrightside .list h2 {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

#featured-about .aboutrightside .list p {
    font-size: 16px;
    color: #4B5563;
    font-weight: 400;
    margin: 0 0 0 2.6rem;
}

@media screen and (max-width: 567px) {
    #featured-about .aboutleftside .col-6 {
        width: 46% !important;
    }
}

@media screen and (max-width:600px) {
    #site-navigation .nav-sitemenu .container .grid {
        grid-template-columns: auto;
    }
}

.image-container {
    position: relative;
    width: 100%;
    min-height: 426px;
    background-color: #000;
    backdrop-filter: blur(50px)
}

.overlay-text,
.post-date {
    left: 50%
}

.image-container img {
    width: 100%;
}

.overlay-text {
    width: 100%;
    top: 57%;
    transform: translate(-50%, 0);
    color: #fff;
    position: relative;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    background-color: #000;
    backdrop-filter: blur(50px);
    padding: 10px
}

.post-date {
    z-index: 2;
    font-size: 15px
}

.post-date a {
    font-family: "Poppins Regular";
    color: #000
}

aside img {
    width: 253px;
    height: 42px
}

#colophon .widget_nav_menu {
    background-color: transparent;
    border: none;
    width: 100%;
}

#colophon .widget_nav_menu ul li:before {
    content: "→";
    font-family: monospace;
    font-weight: 600;
    font-size: 22px;
    color: #ffffff;
    position: relative;
    margin: 5px 10px 5px 5px;
    opacity: .8
}

#colophon .grid .widget_media_image {
    height: 64px;
}

#colophon .grid img {
    width: 268px !important;
    height: 70px !important;
}

#colophon aside .textwidget .location::before {
    content: "\f015";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 15px;
    font-size: 18px;
    color: #fff;
    vertical-align: middle
}

#colophon aside .textwidget .phone::before {
    content: "\f095 ";
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 15px;
    font-size: 18px;
    color: #FBBF24;
    vertical-align: middle;
}

#colophon aside .textwidget .mail::before {
    content: "\f0e0";
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 15px;
    font-size: 18px;
    color: #FBBF24;
    vertical-align: middle;
}

#colophon aside .textwidget .location::before {
    content: "\f015";
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 15px;
    font-size: 18px;
    color: #FBBF24;
    vertical-align: middle;
}

.widget {
    position: relative;
}

#colophon aside .textwidget .mail,
#colophon aside .textwidget .phone,
#colophon aside .textwidget .location {
    text-decoration: none;
    color: #fff;
    padding: 0;
    padding: 0 0 0 2rem;
}

#colophon .Emergency h4 {
    color: #ffffff !important;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
}

#colophon .Emergency .emergency-text {
    color: #ffffff !important;
    margin-bottom: 0rem !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    padding: 0;
}

#colophon .Emergency {
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    border-radius: 0.5rem;
    border-width: 1px;
    border-color: #ffffff;
    background-color: #ffffff20;
}

#colophon aside .textwidget .location {
    margin-top: .5rem;
}

#colophon .hentry:first-child ul {
    margin: 0 !important;
}


@media screen and (min-width:1600px) {
    #featured-about {
        width: 1500px;
    }
}

@media screen and (max-width:1365px) {
    #featured-about .aboutrightside {
        padding: 0 0rem 0 1rem;
    }
}

@media screen and (max-width:1300px) {
    #featured-services .full .grid {
        grid-template-columns: repeat(2, 1fr);
    }


    #colophon .widget_nav_menu {
        padding: 0;
    }



}

#featured-slider .slick-dots {
    display: none !important;
}

#featured-slider .explore-more {
    bottom: -2rem;
    right: 15%;
}

#slider-thumbnails {
    padding: 0 4rem 2rem 4rem;
}

@media screen and (max-width:992px) {
    .postcontent {
        width: 100% !important;
    }

    .postsidebar {
        width: 100% !important;
    }

    #page.site .container.d-flex {
        display: block !important;
    }
}

@media screen and (max-width:991px) {
    .logocontent .btn {
        text-align: right;
        padding: 0 15px 0 0;
    }
}

@media screen and (max-width:650px) {
    #featured-services .full .grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width:600px) {

    #site-navigation .nav-sitemenu .row div.widhtlevel {
        width: 100%;
    }

    #site-navigation .nav-sitemenu .nav-container {
        display: none;
    }

    #colophon .site-info .position-absolute {
        position: relative !important;
        justify-content: center;
        padding: .5em 0 0 0;
    }
}

.postcontent {
    width: 67%;
}

.postsidebar {
    width: 100%;
    justify-items: center;
}

.postsidebar #secondary {
    width: 95%;
    justify-self: center;
}

.post-search {
    padding: 1rem;
}

#primary .widget,
#secondary .widget {
    width: 90%;
    justify-self: center;
}

.widget .widget-title {
    font-size: 22px;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    background: #1E8A8A 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 20px #00000029;
    border-radius: 7px;
    padding: .5rem 1rem;
    margin-bottom: 1rem;
}

.widget_search {
    width: 93%;
    border-radius: 10px;
    overflow: visible;
}

.widget_recent_entries,
.widget_categories,
.widget_archive,
.widget_recent_comments,
.widget_tag_cloud,
.widget_nav_menu,
.widget_text {
    border-radius: 10px;
    overflow: visible;
}

.widget ul {

    padding: 1rem 1rem 1.1rem !important;
}

.widget ol.wp-block-latest-comments,
.wp-block-latest-comments article {
    padding-left: 0 !important;
    margin-bottom: 0 !important
}

.wp-block-latest-comments a,
.tagcloud a {
    color: #959595
}

#secondary .wp-block-search__label {
    margin-bottom: 10px
}

.sidebar-div .wp-block-search__inside-wrapper,
.single_sidebar .wp-block-search__inside-wrapper {
    margin-top: 15px;
    padding: 0 20px 20px
}

.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input,
.widget form {
    padding: 11px 10px;
    border-radius: 5px 0 0 5px;
    font-size: .9rem;
    background-color: transparent;
    border: 1px solid rgba(148, 163, 184, 0.35);    
}

.widget form label {
    width: 100%;
}

.widget_search {
    width: 100%;
}

.wp-block-search__input {
    border: 1px solid grey;
}

.widget_block.widget_search form {
    box-shadow: none !important;
    padding: 0 !important
}

#colophon .textwidget .row svg,
#colophon .textwidget .row i {
    margin-top: .7rem;
}

#primary .widget_archive ul li,
#secondary .widget_archive ul li,
#primary .widget_categories ul li,
#secondary .widget_categories ul li {
    counter-increment: cat-counter;
    position: relative;
}

#primary .widget_recent_entries ul li a::before,
#secondary .widget_recent_entries ul li a::before {
    display: none;
}

#primary .widget_recent_entries ul li,
#secondary .widget_recent_entries ul li {
    display: flex;
    margin: 0rem 0 1rem 0;
    padding: 0px 10px 0 0;
    border-radius: 10px;
    position: relative;
}

#primary .widget ul li::before,
#secondary .widget ul li::before {
    content: "\f140";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
    color: #1E8A8A;
    font-size: medium;
}

#primary .widget_recent_entries ul li a:nth-of-type(2),
#secondary .widget_recent_entries ul li a:nth-of-type(2) {
    display: inline-block;
    width: 70%;
}

#primary .widget_recent_entries ul li a.img,
#secondary .widget_recent_entries ul li a.img {
    width: 57px;
    height: 40px;
}

#primary .widget_recent_entries ul li a img,
#secondary .widget_recent_entries ul li a img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    transform: scale(1.2);
    transition: transform 0.3s ease;
}

#primary .widget_recent_entries ul li h1,
#secondary .widget_recent_entries ul li h1 {
    font-size: 18px !important;
    text-align: left;
    letter-spacing: 0px;
    color: #141414;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

#primary .widget_recent_entries ul li .post-date,
#secondary .widget_recent_entries ul li .post-date {
    font-size: 11px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #979797;
    text-transform: capitalize;
    opacity: 1;
    left: auto;
    padding: 0px;
    background-color: transparent;
}

#primary ol li .wp-block-latest-comments__comment-link::before,
#secondary ol li .wp-block-latest-comments__comment-link::before {
    display: none !important
}

.sidebar-div .wp-block-latest-posts__list,
.sidebar-div .wp-block-archives-list,
.sidebar-div .wp-block-categories-list,
.single_sidebar .wp-block-categories-list {
    padding-top: 10px;
    margin: 0;
    padding-left: 0
}

.widget_archive select {
    border: 2px solid #C69453
}

.footer-widgets-area .d-flex ul li {
    margin-bottom: 0px;
    margin-left: 1rem;
    padding: 11px;
    font-size: 18px;
    width: 130px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: left;
    color: #6C7FFE;
    background-color: transparent;
}

.footer-widgets-area .d-flex p {
    margin: 0;
}

.footer-widgets-area .d-flex ul li a svg {
    color: #6C7FFE;
}

.maincontent .post-item:hover .text-2xl {
    color: #0a58ca;
}
.maincontent .post-item i, .maincontent .post-item svg{
    color: #818181;
}

.maincontent .post-item .text-2xl {
    overflow-wrap: break-word;

}


@media screen and (max-width:576px) {
    .main-navigation ul {
        display: none;
        position: absolute;
        left: 0;
        top: 64px;
        width: 100% !important;
        padding: 0 !important;
        background-color: #000 !important;
        z-index: 999;
        filter: drop-shadow(0px 0px 2px rgb(255, 255, 255));
    }

    #site-navigation ul li a,
    #section-header .header-col-divs a {
        width: 100%;
        position: relative;
    }

    .logocontent {
        width: 100%;
    }
}

/* Wrapper should hide overflow */
.maincontent .post-item img {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

/* Default image style */
.maincontent .post-item img {
    width: 100%;
    transition: transform 0.5s ease-in-out;
}

/* Hover zoom effect */
.maincontent .post-item:hover img {
    transform: scale(1.1);
}

.social-links .social-icon {
    color: #ffffff;
    font-size: 16px;
    transition: all 0.3s ease;
}

.social-links .social-icon:hover {
    color: #1E8A8A;
    transform: translateY(-3px);
}

.maincontent .post-item .rounded-xl {
    height: 230px;
}

@media screen and (max-width:767) {

    .maincontent .post-item .rounded-xl,
    .maincontent .post-item .flex-col {
        width: 100% !important;
        height: auto;
    }

}

@media screen and (min-width:1500px) {

    #featured-services,
    #colophon .container {
        width: 100%;
        justify-self: center;
    }
}

@media screen and (min-width:1536px) {
    #colophon .container {
        width: 96%;
        justify-self: center;
    }

    #featured-services .container,
    #featured-about .container {
        width: 92%;
        justify-self: center;
        margin: 0 auto;
    }
}

.post-item {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    border: 2px solid #0f8f87;
}

.post-item:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, .1);
    transform: translateY(-4px);
}

.post-title-link:hover {
    color: #0d6efd;
    /* Bootstrap primary */
}

/* Ensure links in main content, excerpts, and comments are underlined
 * to satisfy WordPress.org accessibility guidelines. */
.entry-content a,
.entry-summary a,
.comment-content a,
.widget_text a {
    text-decoration: underline;
}

/* Header search toggle + modal */
.header-search-toggle {
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #fff;
    color: #111;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#site-navigation .header-search-toggle i {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #000000;
    transform: rotate(0deg);
}

.header-search-toggle:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

.header-search-toggle:focus-visible {
    outline: 2px solid #0d9488;
    outline-offset: 3px;
}

.header-search-toggle .fa-magnifying-glass {
    font-size: 1.05rem;
}

body.header-search-modal-open {
    overflow: hidden;
}

.header-search-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.header-search-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.header-search-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(4px);
    cursor: pointer;
}

.header-search-modal__panel {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 640px;
    padding: 2.5rem 2rem 2rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}

.header-search-modal__close {
    position: absolute;
    top: 0rem;
    right: 0rem;
    width: 44px;
    height: 44px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #f1f5f9;
    color: #0f172a;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    transition: background 0.2s ease;
}

.header-search-modal__close:hover {
    background: #e2e8f0;
}

.header-search-modal__close:focus-visible {
    outline: 2px solid #0d9488;
    outline-offset: 2px;
}

.header-search-modal__form {
    margin-top: 0.5rem;
}

.header-search-modal__form form.search-form {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.75rem;
    max-width: none;
    margin: 0;
}

.header-search-modal__form form.search-form label {
    flex: 1 1 200px;
    margin: 0;
    min-width: 0;
}

.header-search-modal__form form.search-form .search-field {
    width: 100%;
    height: 52px;
    padding: 0 1.25rem;
    border-radius: 999px;
    border: 1px solid #cbd5e1;
    background: #fff;
    font-size: 1rem;
}

.header-search-modal__form form.search-form .search-submit {
    position: static !important;
    left: auto !important;
    top: auto !important;
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    min-width: 52px;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0d9488 !important;
    color: #fff !important;
    border: none;
    box-shadow: none;
    font-size: 1rem;
}

.header-search-modal__form form.search-form .search-submit:hover {
    filter: brightness(1.08);
}

@media screen and (max-width: 575px) {
    .header-search-modal__panel {
        padding: 2.25rem 1.25rem 1.5rem;
    }

    .header-search-modal__form form.search-form .search-submit {
        width: 100%;
        height: 48px;
        border-radius: 999px;
    }
}

/* Sidebar redesign */
#secondary.widget-area {
    width: 100%;
    padding: 0.5rem 0;
}

#primary .widget,
#secondary .widget #secondary.widget-area .widget {
    box-shadow: 0px 3px 20px #00000029;
    border: 1px solid #dee2e6;
    border-radius: 7px;
}

#secondary.widget-area .widget .widget-title {
    margin: 0 0 0.9rem;
    padding: 0.55rem 0.8rem;
    border-radius: 8px;
    background: linear-gradient(90deg, #16a29a, #0f8f87);
    color: #f0fdff;
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 600;
    text-transform: none;
}

#secondary.widget-area .widget ul,
#secondary.widget-area .widget ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

#secondary.widget-area .widget li {
    position: relative;
    margin: 0;
    padding: 0.5rem 0 0.5rem .2rem;
}

#secondary.widget-area .widget li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#secondary.widget-area .widget li::before #primary .widget ul li::before,
#secondary .widget ul li::before {
    content: "\f140";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
    color: #1E8A8A;
    font-size: medium;
}

#secondary.widget-area .widget_archive li,
#secondary.widget-area .widget_categories li {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 0.4rem;
}

#secondary.widget-area .widget_archive li a::after,
#secondary.widget-area .widget_categories li a::after,
#secondary.widget-area .widget ul li a::before {
    content: none !important;
}

#secondary.widget-area .widget .tagcloud {
    padding-top: 0.25rem;
}

#secondary.widget-area .widget .tagcloud a {
    display: inline-block;
    margin: 0 0.4rem 0.5rem 0;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(94, 234, 212, 0.35);
    background: rgba(15, 118, 110, 0.18);
    color: #d1fae5;
    font-size: 0.78rem !important;
    line-height: 1.2;
}

#secondary.widget-area .widget .tagcloud a:hover {
    background: rgba(45, 212, 191, 0.24);
    border-color: rgba(94, 234, 212, 0.7);
    color: #ecfeff;
}

#secondary.widget-area .widget form.search-form {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    background: transparent;
}

#secondary.widget-area .widget form.search-form label {
    flex: 1;
}

#secondary.widget-area .widget form.search-form input[type=search] {
    height: 40px;
    width: 100%;
    margin: 0;
    padding: 0 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 6px;
    background: rgba(8, 47, 55, 0.65);
    color: #f8fafc;
}

#secondary.widget-area .widget form.search-form input[type=search]::placeholder {
    color: #94a3b8;
}

#secondary.widget-area .widget form.search-form .search-submit {
    position: static !important;
    width: 40px;
    height: 40px;
    align-content: center;
    min-width: 40px;
    border: none;
    border-radius: 6px;
    background: #0d9488 !important;
    color: #fff !important;
}

/* Single post + comment area readability */
.singlepage .blog-div {
    border: 1px solid rgba(94, 234, 212, 0.25);
    border-radius: 14px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25);
}

.singlepage #comments {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.35);
}

.singlepage #reply-title,
.singlepage .comments-title,
.singlepage .comment-reply-title {
    color: #f8fafc;
    font-size: 2rem;
}
/* 
.singlepage .logged-in-as,
.singlepage .comment-notes,
.singlepage .required-field-message,
.singlepage .comment-form label {
    color: #cbd5e1;
} */

.singlepage .comment-form textarea,
.singlepage .comment-form input[type=text],
.singlepage .comment-form input[type=email],
.singlepage .comment-form input[type=url] {
    width: 100%;
    border: 1px solid rgba(148, 163, 184, 0.45);
    background: #fff;
    border-radius: 8px;
    padding: 0.8rem 0.95rem;
}

/* .singlepage .comment-form textarea::placeholder,
.singlepage .comment-form input::placeholder {
    color: #94a3b8;
} */

.singlepage .comment-form textarea:focus,
.singlepage .comment-form input[type=text]:focus,
.singlepage .comment-form input[type=email]:focus,
.singlepage .comment-form input[type=url]:focus {
    /* border-color: #14b8a6; */
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.2);
    outline: none;
}

.singlepage #comments article {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 10px;
    text-decoration: none;
}

.singlepage .comment-meta .fn,
.singlepage .comment-meta .url,
.singlepage .comment-metadata a,
.singlepage .comment-metadata a time,
.singlepage .comment-content p {
    /* color: #e2e8f0; */
}

.singlepage .reply a,
.singlepage #submit {
    border-radius: 8px;
    border: none;
    background: #0d9488;
    color: #000 !important;
    text-decoration: none;
    font-weight: 600;
}

.singlepage .reply a:hover,
.singlepage #submit:hover {
    background: #0d9488 !important;
    /* color: #ffffff !important; */
}

/* Global responsive fixes: content + sidebar */
*,
*::before,
*::after {
    box-sizing: border-box;
}

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

.singlepage .blog-div {
    overflow: hidden;
}

.singlepage .entry-content,
.singlepage .single_sidebar,
#secondary.widget-area {
    min-width: 0;
}

@media screen and (max-width: 1199px) {
    .singlepage .blog-div {
        padding: 2rem 1.25rem !important;
    }

    .singlepage .entry-content {
        padding-right: 1rem !important;
    }
}

@media screen and (max-width: 991px) {
    .singlepage .blog-div {
        padding: 1.5rem 1rem !important;
    }

    .singlepage .entry-content {
        padding-right: 0 !important;
    }

    .singlepage .single_sidebar {
        margin-top: 1.25rem;
    }

    #secondary.widget-area .widget {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .singlepage .entry-header.pt-5 {
        padding-top: 1rem !important;
    }

    .singlepage .entry-header .entry-title,
    .singlepage .entry-title {
        font-size: 1.55rem !important;
        line-height: 1.3;
    }

    .singlepage .archive-info {
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .singlepage .entry-content .row>[class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .singlepage img.attachment-full,
    .content-page img {
        width: 100% !important;
        height: auto !important;
        margin: 0.75rem 0 0 !important;
        padding: 0 !important;
    }

    .singlepage #reply-title,
    .singlepage .comments-title,
    .singlepage .comment-reply-title {
        font-size: 1.5rem !important;
        margin-bottom: 1rem;
    }

    .singlepage .comment-form textarea {
        min-height: 170px;
    }

    .singlepage .form-submit,
    .singlepage .comment-form-cookies-consent {
        width: 100%;
    }

    .singlepage #submit {
        width: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 575px) {
    .singlepage .blog-div {
        padding: 1.1rem 0.75rem !important;
        border-radius: 10px;
    }

    .singlepage .entry-content,
    .singlepage .single_sidebar {
        padding-left: 0;
        padding-right: 0;
    }

    #secondary.widget-area .widget {
        padding: 0.85rem 0.75rem 0.9rem;
        border-radius: 10px;
    }

    #secondary.widget-area .widget .widget-title {
        font-size: 0.95rem;
        padding: 0.5rem 0.7rem;
        margin-bottom: 0.75rem;
    }

    #secondary.widget-area .widget li {
        padding: 0.45rem 0 0.45rem 0.9rem;
    }
}

@media screen and (max-width: 575px) {
    #site-navigation .site-branding img {
        max-width: 130px;
    }

    #site-navigation .header-nav-actions {
        flex-wrap: nowrap !important;
    }

    #site-navigation .header-nav-actions .headbtn {
        flex: 1 1 auto;
    }

    .header-search-modal {
        padding: 0.85rem;
    }
}

/* Front / blog sidebar column: dashboard cards (Tailwind classes in widgets are not loaded) */
.sidebar-col,
.sidebar-div {
    min-width: 0;
    max-width: 100%;
}

.sidebar-div .widget {
    overflow: hidden;
}

/* Search widget: button inside field */
.sidebar-div .widget_search form.search-form {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

.sidebar-div .widget_search form.search-form label {
    display: block;
    width: 100%;
    margin: 0;
}

.sidebar-div .widget_search form.search-form input[type="search"] {
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 48px 0 14px;
    border: 1px solid #e1e5ea;
    border-radius: 10px;
    background: #fff;
    font-size: 0.95rem;
}

.sidebar-div .widget_search form.search-form .search-submit {
    position: absolute !important;
    right: 6px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    min-width: 36px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 8px;
    background: #0d9488 !important;
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    line-height: 1;
}

.sidebar-div .widget_search form.search-form .search-submit i {
    font-size: 0.9rem;
}

/* Archives / categories: no dotted leaders or chevrons inside white card sidebar */
.sidebar-div .widget_archive ul li a::after,
.sidebar-div .widget_categories ul li a::after {
    content: none !important;
}

#primary .sidebar-div .widget ul li a::before,
#primary .sidebar-div .widget ol li a::before {
    display: none !important;
    content: none !important;
}

.sidebar-div .widget_archive ul li,
.sidebar-div .widget_categories ul li {
    display: block;
}

.sidebar-div .widget_archive ul li a,
.sidebar-div .widget_categories ul li a {
    display: inline;
    text-decoration: none;
    border-bottom: 1px dashed rgba(15, 23, 42, 0.12);
    padding-bottom: 2px;
}

/* Custom recent posts widget (replaces Tailwind utility classes) */
#primary .sidebar-div .widget_recent_entries ul.crs-recent-posts,
.sidebar-div .widget_recent_entries ul.crs-recent-posts {
    list-style: none;
    margin: 0;
    padding: 0 !important;
}

#primary .sidebar-div .widget_recent_entries ul.crs-recent-posts>li,
.sidebar-div .widget_recent_entries ul.crs-recent-posts>li {
    display: block;
    margin: 0 0 1rem;
    padding: 0;
    border-radius: 0;
}

#primary .sidebar-div .widget_recent_entries ul.crs-recent-posts>li:last-child,
.sidebar-div .widget_recent_entries ul.crs-recent-posts>li:last-child {
    margin-bottom: 0;
}

#primary .sidebar-div .widget_recent_entries ul.crs-recent-posts li a.crs-recent-posts__body {
    width: auto !important;
    max-width: none;
}

.crs-recent-posts__title {
    font-size: 0.875rem !important;
    line-height: 1.35;
    margin: 0 0 0.35rem !important;
    padding: 0 !important;
    font-weight: 600;
    color: #0f172a;
    font-family: "Poppins", sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.crs-recent-posts__meta {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    color: #64748b;
}

.crs-recent-posts__meta .post-date {
    font-size: 0.75rem;
    color: #64748b;
}

@media screen and (max-width: 575px) {
    .sidebar-div.mx-3 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .crs-recent-posts__thumb {
        flex-basis: 56px;
        width: 56px;
        height: 56px;
    }
}