/*!
Theme Name: Computer Repair Solutions
Theme URI: https://www.webnotick.com/products/free-computer-repair-solutions-wordpress-theme/
Author: Webnotick
Author URI: https://www.webnotick.com/
Description: At Computer Repair Solutions, we provide high-quality repair, maintenance, and optimization services for all types of computers. Whether your system is running slow, showing errors, or refusing to turn on, our certified technicians quickly identify the issue and deliver reliable solutions. We combine technical expertise with transparent service to ensure your device performs at its best—without heavy costs.
Version: 14.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: computer-repair-solutions
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.

Computer Repair Solutions 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: 'Oswald Medium';
    src: local('Oswald Medium'), url('assets/fontfamilies/Oswald/Oswald-Medium.woff') 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
}

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: #fff
}

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

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

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: #000
}

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
}

/* #site-navigation .nav-sitemenu .grid {
    grid-template-columns: auto 10em;
} */

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


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

.main-navigation ul {
    display: flex;
    list-style: none;
    /* padding: 8px 8rem 8px 0.7rem !important; */
}

#primary-menu {
    /* background-color: #1B130D; */
    padding: 8px 9px;
    float: right;
    /* margin-top: .5rem; */
}

.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 li {
    border-bottom: 1px solid #00000030
}

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


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

    .main-navigation ul {
        display: flex;
        flex-wrap: wrap
    }
}

@media screen and (max-width:1024px) {
    .main-navigation ul {
        display: none;
        position: absolute;
        /* top: 102%; */
        width: 100% !important;
        left: 0;
        top: 64px;
        /* left: 50%; */
        /* transform: translate(-50%, 0); */
        padding: 0 !important;
        background-color: #000 !important;
        filter: drop-shadow(0px 0px 2px rgb(255, 255, 255));
    }
}

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

.mobile-nav-icon {
    width: 2rem;
    height: 2rem;
    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 {
    margin: 0 0 10px;
    padding: 5px 0 0 10px;
    font-family: "Poppins Medium";
    font-size: 1.7rem
}

#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: #6C7FFE;
    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
}

.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: #6C7FFE
}

.entry-meta .author:before,
.entry-meta .cat-links:before,
.entry-meta a,
.entry-meta span:before {
    color: #6C7FFE;
    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: #6C7FFE;
    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
}

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

#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: translateY(-5px);
    /* smooth lift on hover */
}

#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;
}







/* #featured-services .featured-service-item {
    background: #fff;
    border-radius: 10px;
    transition: .5s;
    position: relative;
    overflow: hidden;
}

#featured-services .featured-service-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2E2E2E;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
    pointer-events: none;
}

#featured-services article:hover .featured-service-item::before {
    opacity: 0.9;
}

#featured-services .entry-container {
    background: #fff;
    margin: 0;
    position: relative;
    padding: 0;
}

#featured-services .full {
    width: fit-content;
    justify-self: center;
}

#featured-services .full .grid {
    gap: 24px;
}

#featured-services .paddingdiv {
    justify-self: center;
    width: 100%;
}

#featured-services .entry-container:hover a.newsCaption-link {
    background-color: #6C7FFE
}

#featured-services .entry-container .absolute {
    bottom: 0;
    width: 100%;
       padding: 8rem 31px 5px 31px;
    border-radius: 5px;
    z-index: 2;
}
#featured-services .entry-container .absolute::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(0deg, #1A2039 0%, #1B213ACF 31%, #1C223B1A 65%, #666A7A00 100%);
    z-index: 0;
    border-radius: 10px;
}

#featured-services .entry-container h2 {
    font-size: 22px;
    letter-spacing: 2px;
    color: #FFFFFF;
    text-transform: capitalize;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    text-decoration: none;
        z-index: 2;
    position: relative;
}

#featured-services .paddingdiv:hover .entry-container h2 a {
    color: #6C7FFE;
}

#featured-services .entry-container h2 a {
    text-decoration: none !important;
    color: #FFFFFF
}

#featured-services .entry-container p {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 1.2px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 32px;
    opacity: 0.8;
}

#featured-services .entry-container a.newsCaption-link {
    font-size: 12px;
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none
} */

.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: #ffffff ;
    /* box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); */
    width: 100%;
    padding: 1rem 0 .3rem 0;
    position: relative;
}

#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: #000000a3;
    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
}

#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 .site-branding {
    justify-self: center;
} */

.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:hover {
    /* background-color: #1B130D; */
}

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

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

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

#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;
    /* background-image: url(assets/images/footer.png); */
    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
}

#colophon .site-info {
    color: #FFFFFF;
    padding: 10px;
    /* position: absolute; */
    text-align: left;
    /* bottom: 0px; */
    /* right: 0; */
}

#colophon .site-info .copy-right {
    /* background-color: #6C7FFE; */
    /* padding: 0.7rem 6rem; */
    /* border-radius: 10px; */
}

/* 
#colophon .site-info .copy-right p {
        font-size: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    margin: 0;
    letter-spacing: 0px;
    color: #FFFFFF ;
    align-self: center;
    line-height: 17px;
        text-align: right;
} */
#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
}

.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: #6C7FFE !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 {
    color: #363636;
    font-weight: 400;
    font-size: 18px;
    font-family: "Poppins Regular"
}

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

.single_sidebar .wp-block-archives-list {
    padding: 15px 0 !important
}

.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: #1e4543;
    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;
    font-weight: 700;
    border-radius: 0;
    padding: 10px 30px;
    color: #6C7FFE;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .1)0 10px 50px
}

.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: #000;
    font-family: "Montserrat Bold"
}

.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;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    color: #6C7FFE;
    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: #fff;
    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;
    /* width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden; */
}

.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 {
    /* position: absolute; */
    left: 50%
}

.image-container img {
    width: 100%;
    /* height: 426px !important */
}

.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 {
    /* transform: translate(-50%, -80%); */
    /* background-color: #fff; */
    /* padding: 8px 32px; */
    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: 100% !important;
height: 100% !important; */
    width: 268px !important;
    height: 70px !important;
    /* justify-self: right; */
}

#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 {
    /* justify-self: center; */
    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 .footer-widgets-area .grid {
    position: relative
} */

#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-slider .entry-title {
        font-size: 55px;
    }

    #featured-slider .sliderimg {
        height: 750px;
    } */
     #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;
    }



}

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

/* } */
@media screen and (max-width:1024px) {

    #section-header .social-links a {
        display: none;
    }

    .sitenave button {
        display: flex;
        justify-content: end;
        border: none;
    }

    #site-navigation ul li {
        font-weight: 500;
        font-size: 1.1rem;
        padding: 10px 2px;
        text-align: center;
    }

    #section-header .social-links {
        display: none;
    }

    #primary-menu {
        padding: 0;
        background-color: #ffffff !important;
        width: 100% !important;
    }

}

@media (min-width:768px) and (max-width:992px) {}

@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:700px) {

    /* #featured-slider .entry-content p {
        font-size: 20px !important;
    }

    #featured-slider .entry-header .entry-title {
        font-size: 25px !important;
        line-height: 40px;
    } */

}

@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;
    }

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

    #featured-slider .sliderbut1 a {
        font-size: 15px;
        padding: 2px 15px;
    } */
}


.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 {
    padding: 10px 20px 10px 10px;
    line-height: 29px;
    margin: 0;
    text-transform: capitalize;
    border-radius: 4px;
    position: relative;
    font-size: 22px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: 0px;
    color: #000000;
}

/* .widget-contain::before {
    content: '';
    padding: 10px 0px;
    border-radius: 10px;
    background: #C69453;
    width: 50%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -2;
} */

.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: 0.20000000298023224px solid #4A3F35; */
    border-radius: 10px;
    overflow: visible;
    /* background-color: #F4F5F8; */
    /* width: 90%; */
    /* justify-self: right; */
}

.widget ul {
    padding: 1rem 1rem 2rem .5rem !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 0px;
    border-radius: 5px 0 0 5px;
    font-size: .9rem;
}
.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
}

#primary .widget ul li a::before,
#secondary .widget ul li a::before,
#primary .widget ol li a::before,
#secondary .widget ol li a::before {
    display: inline-block;
    content: "\f105"; /* Font Awesome icon (chevron-right) */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* Required for solid icons */
    font-size: 14px;
    color: #000000; /* Change icon color */
    margin-right: 10px;
    vertical-align: middle;
}


#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_archive ul li a::after,
#secondary .widget_archive ul li a::after,
#primary .widget_categories ul li a::after,
#secondary .widget_categories ul li a::after {
    content: '. . . . . . . . . . . . .';
}

#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;
}

#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
}
/* 
.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button,
.widget .search-submit {
    box-shadow: rgba(0, 0, 0, .16)0 10px 36px 0, rgba(0, 0, 0, .06)0 0 0 1px;
    cursor: pointer;
    color: #fff;
    background-color: #C69453;
    margin: 0;
    padding: 10px 25px;
    border-radius: 0 5px 5px 0;
    font-size: 1.2rem;
    font-weight: 500
} */

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

.sidebar-div .wp-block-latest-posts__list li a,
.sidebar-div .wp-block-archives-list li a,
.sidebar-div .wp-block-categories-list li a,
.single_sidebar .wp-block-latest-posts__list li a,
.single_sidebar .wp-block-archives-list li a,
.single_sidebar .wp-block-categories-list li a,
.widget_recent_entries li a,
.widget_categories li a,
#secondary ul li a,
.widget_archive p,
.widget_archive select,
.widget ul li a {
    color: #363636;
    font-weight: 400;
    font-size: 16px;
    text-decoration: underline;
}

.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 .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);
}
 #section-header .top-header .d-flex span{
    font-family: "Poppins", sans-serif;
    opacity: .7;
           font-size: 14px;
}
   .social-links .social-icon {
    color: #ffffff;
    font-size: 16px;
    transition: all 0.3s ease;
}

.social-links .social-icon:hover {
    color: #1E8A8A;
    transform: translateY(-3px);
}
 #section-header .top-header .d-flex span{
    font-family: "Poppins", sans-serif;
    opacity: .7;
           font-size: 14px;
}
   .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;
}
/* .maincontent .post-item .rounded-xl{
    width: 100% !important;
} */
}
@media screen and (min-width:1024px) {
    #primary .widget, #secondary .widget{
        margin-top: 0;
    }
        #section-header .top-header {
    padding: 0 1.5rem;
}

}
@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{
     width: 96%;
    justify-self: center;
}
}

    .post-item {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

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