/*!
Theme Name: Freelancer Resume
Theme URI: https://www.webnotick.com/products/free-freelancer-resume-wordpress-theme/
Author: Webnotick
Author URI: https://www.webnotick.com/
Description: Create a strong professional identity with the Freelancer Resume WordPress theme—a sleek and fully customizable theme built for personal branding, digital CVs, and portfolio websites. Designed for freelancers, creatives, and job seekers, it features a modern layout, responsive design, and easy-to-use customization options. Highlight your experience, skills, and projects with beautifully crafted sections. Perfect for building an impactful online resume that helps you stand out in the competitive market.
Version: 18.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: freelancer-resume
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.

Freelancer Resume 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.
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

/* #### Generated By: http://font.download #### */

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

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

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: #C93CC1 !important
}

a:visited {
    color: purple
}

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

#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;
    color: rgba(0, 0, 0, .8);
    line-height: 1;
    padding: .6em 1em .4em;
    text-decoration: none !important;
    display: grid;
    font-size: 18px;
    line-height: 27px;
    font-family: 'Poppins Medium';
    font-weight: 500;
    letter-spacing: 0px;
    background-color: #ffffff;
    color: #070608;
    box-shadow: 3px 9px 6px #00000059;
    border-radius: 10px;
}

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 #C93CC1 !important;
    outline-offset: 2px;
}


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

.main-navigation ul {
    display: flex;
    list-style: none;
    background-color: transparent;
    /* padding: 8px 10rem 8px 0.7rem !important; */
    /* border: 0.5px solid #FFFDF5; */
}

/* #primary-menu, */
.custom-menu-wrapper {
    /* 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
}

#featured-slider .sliderbut1:hover,
.main-navigation ul .sub-menu li.focus>a,
.main-navigation ul .sub-menu li:hover>a {
    background-color: #C93CC1;
    color: #fff
}

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

.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: 250px
}

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

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


@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%;
        left: 50%;
        transform: translate(-50%, 0);
        padding: 0 !important;
        background-color: #fff;
        filter: drop-shadow(0px 0px 2px rgb(255, 255, 255));
    }
}

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

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

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

#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;
    right: 0;
    top: 0;
    border: 0;
    width: 60px;
    padding: 0;
    background-color: #C93CC1;
}

.widget_search form.search-form button.search-submit {
    color: #fff;
    font-size: 15px;
    line-height: 1;
    background: #C63DC1 0% 0% no-repeat padding-box;
    border-radius: 24px;
    height: 46px;
    padding: 0 2rem;
    top: 1.7px;
    right: 3px;
}

.widget_archive form.search-form button.search-submit svg {
    position: absolute;
    right: 20px;
    top: 12px;
}

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

.widget_search form.search-form {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #C63DC1;
    border-radius: 27px;
    padding: 0.3rem 1rem;
    background-color: #F4F5F8;
}

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

.widget_search form.search-form input[type=search] {
    border: none;
}

.widget_search form.search-form button.search-submit {
    width: fit-content;
}

form.search-form {
    position: relative
}

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

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

#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: none;
    width: auto;
    color: #fff;
    background: #C93CC1;
    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: none
}

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

.entry-meta .author:before,
.entry-meta .cat-links:before,
.entry-meta a,
.entry-meta span:before {
    color: #C93CC1;
    text-decoration: none;
    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: #C93CC1;
    font-family: "Montserrat Bold"
}

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

.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: none;
    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: none;
    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: #C93CC1;
    border-color: #C93CC1
}

.comment-meta .fn,
.comment-meta .url {
    display: inline-block;
    color: #333;
    font-size: 20px;
    text-decoration: none;
    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: none
}

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


#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: none;
    font-size: 22px
}

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

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

#featured-banner {
    overflow: hidden;
    color: #fff
}

#featured-banner .featured-banner {
    overflow: hidden;
    color: #fff;
    width: 100%;
    height: 780px;
    position: relative;
}

#featured-banner .featured-banner .bannercol6 .content {
    position: relative;
    z-index: 5;
}

#featured-banner .featured-banner .bannercol6 .content h3 {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 0.9px;
    color: #000000;
}

#featured-banner .featured-banner .bannercol6 .content h2 {
    font-size: 96px;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: bold;
    letter-spacing: 3.94px;
    color: #000000;
}

.content h4 {
    font-size: 29px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 1.45px;
    color: #000000;
}

#featured-banner .featured-banner .bannercol6 .content p {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    letter-spacing: 0.74px;
    color: #000000;
    opacity: 0.6;
}

#featured-banner .featured-banner .mainimg {
    height: 90%;
    width: 55%;
    bottom: 0;
    right: 0;
    justify-items: flex-end;
    z-index: 0;
    position: absolute;
}

#featured-banner .featured-banner .profileimg {
    position: absolute;
    bottom: -35px;
    -webkit-mask-image: url(./assets/images/slider2.png);
    mask-image: url(./assets/images/slider2.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 100%;
    width: 833px;
    -webkit-mask-size: 100% 100%;
    background: linear-gradient(203deg, #D431BF, #38CBD1, #D431BF);
    background-size: 200% 200%;
    animation: waveGradient 1s ease-in-out infinite;
}

#featured-banner .featured-banner .profileimg img {
    position: relative;
    -webkit-mask-image: url(./assets/images/slider2.png);
    mask-image: url(./assets/images/slider2.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    height: 100%;
    width: 100%;
    right: -14px;
    filter: drop-shadow(1px 1px 1px white);
}

#featured-banner .featured-banner .bannercol6 {
    position: relative;
    top: 12rem;
}

/* #featured-banner .featured-banner .btn .btn1 {
    position: relative;
    color: #FFFFFF;
    display: inline-block;
    padding: 10px 54px;
    font-size: 25px;
    text-transform: capitalize;
    background: #38CBD1;
    border-radius: 29px;
    text-decoration: none;
    letter-spacing: 1.02px;
    font-family: 'SpaceGrotesk-Bold';
    box-shadow: inset 0px 0px 5px #00000029;
    opacity: 1;
    z-index: 1;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#featured-banner .featured-banner .btn .user-icon i {
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 1;
} */



#featured-banner .featured-banner .gap1 .read-more .btn1 {
    position: relative;
    color: #FFFFFF;
    display: inline-block;
    padding: 10px 54px;
    font-size: 25px;
    text-transform: capitalize;
    background: #38CBD1;
    border-radius: 29px;
    text-decoration: none;
    letter-spacing: 1.02px;
    font-family: 'SpaceGrotesk-Bold';
    box-shadow: inset 0px 0px 5px #00000029;
    opacity: 1;
    z-index: 1;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#featured-banner .featured-banner .gap1:hover .read-more .btn1,
#featured-banner .featured-banner .gap1:hover .corve,
#featured-banner .featured-banner .gap1:hover .user-icon svg {
    background-color: #FFFFFF;
    color: #38CBD1;
    transform: scale(1.05);
}

#featured-banner .featured-banner .gap1 .corve {
    content: '';
    position: absolute;
    color: #38CBD1;
    background: #38CBD1 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 40px;
    height: 20px;
    left: 12rem;
    bottom: 20px;
    z-index: -1;
    box-shadow: inset 0px 0px 5px #00000029;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.gap1 {
    column-gap: 5px;
}

#featured-banner .featured-banner .gap1 .user-icon {
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 1;
}

#featured-banner .featured-banner .user-icon svg {
    width: 35px;
    height: 35px;
    padding: 9px;
    background-color: #38CBD1;
    color: #FFFFFF;
    border-radius: 29px;
    box-shadow: inset 0px 0px 5px #00000029;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#featured-banner .featured-banner .sliderbut2 .btn2 {
    padding: 8px 30px;
    font-size: 22px;
    position: relative;
    z-index: 1;
    color: #38CBD1;
    background-color: #FFFFFF;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    font-family: 'SpaceGrotesk-Bold';
    letter-spacing: 0.9px;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px #00000029;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-left: 1.7rem !important;
    text-decoration: none;
}


#featured-banner .featured-banner .sliderbut2 .btn2:hover {
    background-color: #38CBD1;
    color: #FFFFFF;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}



.clientlogo {
    position: relative;
    overflow: hidden;
    background: #000000;
    width: 100%;
    padding: 17px 10px 10px 10px;
    overflow: hidden;
    bottom: 0;
    box-shadow: -1px 1px 2px -1px;
}

.clientlogo .slider1-block .slider1box svg {
    width: 24px;
    height: 24px;
    color: #FFFFFF;
    padding-right: 10px;
    padding-top: 3px;
}

.clientlogo .slider1-block .slider1box h4,
.clientlogo .slider1-block .slider1box h4 a {
    text-transform: capitalize;
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    color: #FFFFFF !important;
    letter-spacing: 0.5px;
    opacity: 1;
    margin-right: 2rem;
    width: max-content;
    text-decoration: none;
}

.clientlogo .slider1-block .slider1box h4:hover a {
    color: #38CBD1 !important;
}

/* 
.slick-dots li button {
    display: none !important
}

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

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

.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 !important;
    font-family: "Montserrat Bold"
} */
#featured-services {
    position: relative;
    overflow: hidden;
    padding-top: 4rem;
}

#featured-services .servicerightsiderow {
    width: 97%;
    justify-self: right;
}

#featured-services .featured-services-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-services .entry-content3 {
    margin: 0 0 1rem 0;
}

#featured-services .service2row {
    width: 97%;
    justify-self: right;
}

#featured-services .entry-content3 {
    display: block;
}

#featured-services .entry-content3 h5 {
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 1.02px;
    color: #000000;
    text-align: left;
}

#featured-services .entry-content3 h6 {
    font-size: 42px;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #000000;
    text-align: left;
}

#featured-services .featured-service-item {
    position: relative;
    margin-bottom: 2rem;
    transition: all 0.4s ease-in-out;
}

#featured-services .entry-container {
    align-items: center;
    position: relative;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d6d6d6;
    padding-left: 2rem;
}

#featured-services .featured-service-item:hover .entry-container {
    border-bottom: 2px solid #000;
}

#featured-services article {
    padding-top: 4rem;
}

#featured-services .featured-service-item .numbers {
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 1.02px;
    color: #000000;
    align-self: center;
}

#featured-services .featured-service-item:hover .numbers {
    background: #000;
    color: #fff;
    padding: 4px 10px;
    border-radius: 7px;
}

/* Parent container where counting starts */
#featured-services .grid {
    counter-reset: service-counter;
}

#featured-services article:hover .featured-service-item::before {
    background: #000;
    color: #fff;
    padding: 4px 10px;
    border-radius: 7px;
}

/* Reset the counter on the parent container */
#featured-services {
    counter-reset: service-counter;
}

/* Each service item */
#featured-services .featured-service-item {
    position: relative; /* required for absolute positioning */
}

/* Number before each item */
#featured-services .featured-service-item::before {
    counter-increment: service-counter;
    content: counter(service-counter) ") ";
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 1.02px;
    color: #000000;
    position: absolute;
    top: 10%;
    left: -3%;
}


#featured-services .entry-title a {
    font-size: 54px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    color: #000;
    letter-spacing: 5.4px;
    text-decoration: none;
}

#featured-services h2.entry-title {
    width: 70%;
}

#featured-services .service-image {
    position: absolute;
    right: 2rem;
    top: 35%;
    transform: translateY(-50%);
    width: 310px;
    height: 190px;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

#featured-services .entry-container:hover .service-image {
    opacity: 1;
}

#featured-services .image-container {
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 5px;
}

/* Arrow styling */
#featured-services .service-arrow::after {
    content: '\f178';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    right: 0;
    bottom: 1rem;
    font-size: 22px;
    color: #000;
    transform: rotate(-45deg);
}









.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 {
    width: 100%;
    padding-top: 1rem;
    position: relative;
    /* background-color: #fff; */
}

/* #section-header .topheader {
     padding: .5rem 0;
} */
#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: "";
    font-family: "Font Awesome 5 Free";
    color: #000;
    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: #C93CC1;
    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: #C93CC1;
    padding: 4px 5px;
    width: 15px;
    /* background-color: white; */
    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 a {
    font-weight: 500;
    font-size: 1.1rem;
    border-radius: 5px;
}

#site-navigation ul li a:hover {
    background-color: #C93CC1;
}

#site-navigation ul li.current-menu-item a {
    font-size: 18px;
    padding: 5px 22px;
    line-height: 27px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-transform: capitalize;
}

#site-navigation ul li.current-menu-item a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    width: 50%;
    height: 3px;
    background-color: #000000;
}

#site-navigation .rounded1 {
    box-shadow: 0px 0px 10px -5px #7b7b7b;
    padding: 8px 20px;
    background-color: #F6F6F6;
    border-radius: 25px;
    border-left: 8px solid #C93CC1;
    border-right: 8px solid #C93CC1;
    font-size: 15px;
    letter-spacing: 0.75px;
    color: #151606;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

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

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

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

#colophon .widget_nav_menu.widget ul {
    padding: .5rem 2rem 6rem .3rem !important;

}
#colophon {
    background-image: url(assets/images/bannerbgimg.png);
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 3rem;
}

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

#colophon form {
    padding: 2px;
    box-shadow: none;
    border-radius: 10px;
    border: none;
}

#colophon form p input {
    border: none;
    border-radius: 10px;
}

#colophon form p input::placeholder {
    color: #000;
}

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

#colophon .site-info {
    color: #000000;
    background-color: transparent;
    padding: 10px;
    position: relative;
    text-align: left;
}

#colophon .site-info .position-absolute {
    top: 0;
    right: 0;
    color: #000000;
}

#colophon .site-info .position-absolute a {
    color: #000000;
}

#colophon .site-info .position-absolute p {
    margin: 0;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 11px;
    align-self: center;
    line-height: 17px;
    font-family: 'Poppins Medium';
}

#colophon .site-info .container h2 {
    font-size: 82px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    width: 56%;
    line-height: 6rem;
    position: absolute;
    bottom: -3rem;
    right: 3rem;
}

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

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

.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: 10px 30px;
    font-size: 18px
}

/* #secondary ul li {
    padding-left: 15px
} */

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

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

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

.widget .tagcloud {
    padding: 1rem;
}

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

#colophon .widget .widget-title,
#colophon .widget .wp-block-heading {
    font-size: 25px;
    text-align: left;
    background-color: transparent;
    border: none;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
        padding: 0 0 10px 0;
}

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

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

.mainrow .box .content .maincontent .justcontent {
    padding: 20px 10px
}

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

/* .maincontent .readbtn {
    font-size: 16px;
    letter-spacing: .4;
    line-height: 24px;
    font-weight: 600;
    transform: skewX(30deg);
    display: inline-block;
    color: #fff;
    position: relative;
    font-family: "Montserrat Bold"
} */

.content-page .entry-meta,
.singlepage .archive-info {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    line-height: 28px;
       font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
}

.maincontent p {
font-size: 19px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0.38px;
    color: #000000;
    opacity: 0.5;
}

.singlepage .entry-content p {
    font-size: 14px;
    color: #000;
    font-family: "Poppins Medium";
    margin-bottom: 22px
}

.maincontent {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 0 26px #1e454312
}

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

.singlepage img {
    margin-left: 10px
}

.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: #C93CC1;
    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: #C93CC1 !important;
    color: #fff;
    box-shadow: none
}

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

.singlepage .entry-title {
    text-transform: uppercase;
    color: #000;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    white-space: normal !important;
    word-break: break-word;
}

.content-page .entry-title a {
    font-weight: 600;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 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: #C93CC1;
    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 #C93CC1;
    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: #C93CC1;
    color: #fff;
    font-weight: 400
}

.scroll-to-top {
   position: fixed;
    bottom: 3rem;
    right: 30px;
    z-index: 1000;
    width: 40px;
    height: 39px;
}

.scroll-to-top a {
        border-radius: 25px;
    /* background-color: #fff; */
    padding: 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
}

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

.maincontent .featured-image img {
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 0;
    height: 278px;
    width: 100%;
    transition: .5s;
    position: relative;
}

.maincontent .post-item .date-post {
    position: absolute;
    top: 25px;
    width: 100%;
}

.maincontent .post-item .date-post h4.post-date {
    background: #ffffff;
    padding: 8px 18px 7px 18px;
    margin: 0rem;
    left: 0px;
      transition: 0.3s ease-in-out;
       border-radius: 8px;
}

.maincontent .post-item:hover .date-post h4.post-date {
    background-color: #000000;
}

.maincontent .post-item:hover .date-post h4.post-date a,
.maincontent .post-item:hover h2.page-title a {
    color: #C93CC1;
}

.maincontent .post-item .date-post h4.post-date a {
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    text-decoration: none;
}

.maincontent .post-item .entry-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
    padding: 10px 25px;
}

.maincontent .post-item h2.page-title a {
       font-size: 26px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    letter-spacing: 0.52px;
    color: #000000;
    text-transform: capitalize;
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-word;
}

.maincontent .post-item p a.readbtn {
    font-size: 19px;
    text-decoration: underline;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    letter-spacing: 0.38px;
    color: #000000;
}

.maincontent .post-item p {
    margin: .5rem 0;
}

.maincontent .entry-meta h4 i,
.maincontent .entry-meta h4 svg,
.maincontent .entry-meta h4 i,
.maincontent .entry-meta h4 svg {
    font-size: 18px;
    text-decoration: none;
    color: #9B9B9B;
    line-height: 8px;
    text-align: center;
    font-weight: 400;
}

.maincontent .entry-meta h4 a,
.maincontent .entry-meta h4 a {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0px;
    color: #9B9B9B;
}

.maincontent .entry-container {
    padding: 8px 12px;
    position: relative;
}

.maincontent {
    width: 92%;
    justify-self: center;
    margin-top: 22px;
}

.maincontent .featured-image {
    position: relative;
    overflow: hidden;
}

.maincontent .hover-ripple {
    background-color: #212429;
    bottom: 0;
    height: 100%;
    position: absolute;
    transform: scale(0);
    transform-origin: center center;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
    opacity: 0.4;
    pointer-events: none;
    z-index: 0;
    left: 0;
}

.maincontent .post-item:hover .featured-image .hover-ripple{
    transform: scale(1);
}
.maincontent .post-item {
    position: relative;
    overflow: hidden;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #000000;
    border-radius: 23px;
    justify-self: center;
}



#featured-about {
    position: relative;
    padding: 3em 0;
    justify-self: center;
}

#featured-about .about-img {
    box-shadow: 0px 0px 15px #0000001A;
    border-radius: 0px 0px 20px 20px;
    width: 95%;
}

#featured-about .about-img .about-image {
    position: relative;
    -webkit-mask-image: url(./assets/images/about-mask.png);
    mask-image: url(./assets/images/about-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 100%;
    width: auto;
    -webkit-mask-size: 100% 100%;
    background: transparent linear-gradient(90deg, #D431BF 0%, #38CBD1 100%);
    border-radius: 20px 20px 0px 0px;
}

#featured-about .about-img .about-image img {
    position: relative;
    -webkit-mask-image: url(./assets/images/about-mask.png);
    mask-image: url(./assets/images/about-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    height: 100%;
    bottom: 25px;
    filter: drop-shadow(1px 1px 1px white);
    position: relative;
    width: 100%;
    z-index: 1;
}

#featured-about .about-img .about-image {
    background: linear-gradient(270deg, #D431BF, #38CBD1, #D431BF);
    background-size: 400% 400%;
    animation: pulseGlow 4s ease infinite;
}

@keyframes pulseGlow {

    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

#featured-about .back12 {
    transition: all 0.5s ease-in-out;
}

#featured-about .back12 .number {
    transition: color 0.5s ease-in-out, opacity 0.5s ease-in-out;
    color: #000000;
}

#featured-about .back12:hover {
    background: transparent linear-gradient(0deg, #C63DC100 0%, #6A98CA 100%);
    border-radius: 10px;
    transform: scale(1.1);
}

#featured-about .back12:hover .number {
    color: #C63DC1;
    opacity: 1;
}

#featured-about .number {
    font-size: 45px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    opacity: 1;
    text-align: center;
    color: #000000;
}

#featured-about .text1 {
    font-size: 16px;
    color: #000000;
    opacity: 0.54;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    text-align: center;
}

#featured-about .about-text-number {
    padding: 10px 0px 20px;
}

#featured-about .img-h2 .main-heaing {
    color: #000000;
    font-size: 25px;
    position: relative;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    padding: 0 0 20px 0;
    letter-spacing: 1.02px;
}

#featured-about .heading-2nd .sub-heaing1 {
    font-size: 42px;
    line-height: 1.4;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    position: relative;
    z-index: 1;
    letter-spacing: 0px;
    color: #000000;
}

#featured-about .description {
    line-height: 2rem;
    color: #4B4B4B;
    font-size: 17px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    position: relative;
    padding: 15px 0;
    letter-spacing: 0.85px;
    width: 80%;
}

#featured-about .about-imgdiv ul li {
    font-size: 16px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    color: #000000;
    line-height: 1.5rem;
    margin-bottom: 20px;
    letter-spacing: 0.8px;
    text-transform: capitalize;
    padding-left: 3rem;
    position: relative;
}

#featured-about .about-imgdiv ul li::before {
    content: '\f013';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    left: 0;
    font-weight: 900;
    font-size: 18px;
    margin: 0 10px;
    color: #C63DC1;
    padding: 3px 0;
}

#featured-about .button .btn1 {
    font-size: 22px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    color: #000000;
    letter-spacing: 1.1px;
    text-transform: capitalize;
    opacity: 1;
    padding: 8px 46px;
    border-bottom: 7px solid #6A98CA;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #00000029;
    background: linear-gradient(to top, #6A98CA 50%, #FFFFFF 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease;
    text-decoration: none;
}

#featured-about .button .btn1:hover {
    background-position: bottom;
    color: #fff;
    text-decoration: none;
}

#featured-about .button {
    text-decoration: none;
}

#featured-about .button .btn1:focus {
    display: none;
}

#featured-about .col-div2 {
    position: relative;
    align-content: center;
}

#featured-about .col-div2 .myside {
    width: 90%;
    justify-self: center;
}

@media screen and (max-width:600px) {
    #featured-about .about-section-main {
        padding: 5px !important
    }

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

.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 {
    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 {
    padding: 0 0 0 1rem;
    background-color: transparent;
    border: none;
}

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

#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: #000;
    vertical-align: middle
}

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

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

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

#colophon aside .textwidget .mail,
#colophon aside .textwidget .number,
#colophon aside .textwidget .location {
    text-decoration: none;
        margin-top: .7rem;
}

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

#colophon .footer-widgets-area .grid {
    position: relative
}

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

#colophon .hentry:first-child ul li:before {
    padding-right: 1em;
}

#colophon .hentry:first-child ul li:first-child:before {
    content: '\2709';
    font-family: 'FontAwesome';
}

#colophon .hentry:first-child ul li:nth-child(2):before {
    content: '\f2a0';
    font-family: 'FontAwesome';
}

#colophon .hentry:first-child ul li:nth-child(3):before {
    content: '\f3c5';
    font-family: 'FontAwesome';
}

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

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

    #featured-about .about-section-main .col-div .row p {
        font-size: 14px;
    }

    #colophon .widget_nav_menu {
        padding: 0;
    }

    #featured-about {
        padding: 0rem !important;
    }
}

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

    #section-header .social-links a,
    #site-navigation .col-xl-2.pd-0 {
        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;
    }

    #site-navigation ul li.current-menu-item a::after {
        width: 15%;
    }

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

    #primary-menu,
    .custom-menu-wrapper {
        padding: 0;
    }
}

@media (min-width:768px) and (max-width:992px) {
    #featured-about .icon {
        left: -7%;
    }
}

@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 {
        width: 100% !important;
    }
}


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












.widget .widget-title,
.widget .wp-block-heading,
.widget .wp-block-search__label {
    margin-top: .5rem !important;
    padding: 10px 22px;
    background-color: transparent;
    color: #C63DC1;
    border-bottom: 2px solid #C63DC1;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.65px;
    line-height: 29px;
    margin: 0;
    text-transform: capitalize;
    position: relative;
}

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

#secondary .widget-contain,
#primary .widget-contain {
    margin-top: 1rem !important;
    padding: 5px 0px;
    border-radius: 10px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.widget {
    border-radius: 20px;
    background-color: #ffffff;
}

.widget:nth-child(even) {
    background-color: #ECF5FF;
}

.widget ul {
    padding: .5rem 2rem 2rem 1.3rem !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 {
    box-shadow: rgba(0, 0, 0, .16)0 10px 36px 0, rgba(0, 0, 0, .06)0 0 0 1px;
    padding: 11px 16px;
    border-radius: 5px 0 0 5px;
    font-size: .9rem;
}

/* .widget .search-form {
	margin: 20px 20px;
} */

.widget_search form.search-form input[type=search] {
    padding: 0;
    height: 40px;
    width: 320px;
    background-color: #F4F5F8;
}

.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;
    margin-left: .255em;
    content: "\f061";
    font-family: "FontAwesome";
    transform: rotate(-45deg);
    margin-right: 15px;
    color: #C63DC1;
    font-size: 16px
}

#secondary .widget ul li.menu-item {
    background-color: transparent;
    position: relative;
    margin-bottom: 22px;
}

#secondary .widget ul li.menu-item a {
    margin-left: 3rem;
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
}

#secondary .widget ul li.menu-item a::before {
    content: '\f101';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    background: #fff;
    color: #C63DC1;
    border-radius: 50%;
    border: 1px solid #C63DC1;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0px;
    bottom: 0;
    left: 0;
    transform: rotate(0deg);
    margin-left: .3rem;
}

#secondary .widget ul li.menu-item:hover a::before {
    top: 3px;
}

#secondary .widget ul li.menu-item:hover {
    background-color: #000000;
    position: relative;
    border-radius: 18px;
    padding: .3rem .4rem .4rem .4rem;
}

#secondary .widget ul li.menu-item:hover a {
    color: #ffffff;
}

#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::after,
#secondary .widget_archive ul li::after,
#primary .widget_categories ul li::after,
#secondary .widget_categories ul li::after {
    content: "(" counter(cat-counter) ")";
    position: absolute;
    right: 0;
    top: 0;
    color: #333;
    /* Adjust the color */
    font-weight: 600;
}

#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: 1.5rem 0;
    background-color: #F4F9FF;
    border-radius: 20px;
}

#primary .widget_recent_entries ul li a:first-of-type,
#secondary .widget_recent_entries ul li a:first-of-type {
    display: inline-block;
    width: 100%;
    padding: 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,
#secondary .widget_recent_entries ul li a {
    width: 94px;
    height: 92px;
}

#primary .widget_recent_entries ul li a img,
#secondary .widget_recent_entries ul li a img {
    width: 94px;
    height: 94px;
    border-radius: 20px;
}

#primary .widget_recent_entries ul li a.img-content,
#secondary .widget_recent_entries ul li a.img-content {
    padding-left: .5rem;
    align-content: center;

}

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

#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 !important;
    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: none;
}

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

.footer-widgets-area .d-flex ul li {
    margin-bottom: 0px;
    margin-left: .7rem;
    padding: 12px;
    font-size: 18px;
    width: 35px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px #00000029;
}

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

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








@media only screen and (max-width: 768px) {
    #featured-services .entry-container {
        padding-left: 2.5rem;
    }

    #featured-services article:hover .featured-service-item .entry-container {
        padding-bottom: 7rem !important;
        margin-bottom: 4rem;
    }

    #featured-services .entry-title a {
        font-size: 18px !important;
        letter-spacing: 1px;
    }

    #featured-services .featured-service-item::before {
        left: 0 !important;
    }

    #featured-services .entry-container {
        padding-bottom: 0.5rem;
    }

    #featured-services .service-image {
        right: 7% !important;
        top: 75%;
    }

    #featured-services .service2row {
        width: 100%;
        text-align: justify;
    }

    #featured-services .featured-service-item::before {
        top: 5% !important;
    }

    #featured-services article:hover .featured-service-item::before {
        top: 0% !important;
        padding: 0px 4px;
    }
}

@media only screen and (max-width: 1023px) {
    #featured-services .service-image {
        right: 5%;
        top: 75%;
    }

    #featured-services .entry-title a {
        font-size: 36px;
    }

    #featured-services .featured-service-item::before {
        font-size: 20px;
        top: 5%;
    }

    #featured-services article:hover .featured-service-item .entry-container {
        padding-bottom: 2rem;
    }

    #featured-services .service-image {
        width: 230px;
        height: 150px !important;
    }

    #featured-services article {
        padding-top: 0rem;
    }
}

@media screen and (max-width: 767px) {
    #featured-services .title-section p {
        font-size: 24px;
        text-align: center !important;
    }

    #featured-services .title-section h1 {
        text-align: center !important;
    }
}

@media screen and (min-width:1500px) {
    #featured-banner .featured-banner .profileimg {
        width: 799px;
    }

    #featured-banner .featured-banner .mainimg {
        height: 707px;
    }
}

@media screen and (max-width:1500px) {
    #featured-banner .featured-banner .profileimg {
        width: 799px;
    }

    #featured-banner .featured-banner .mainimg {
        height: 707px;
    }
}

.singlepage .banner-head .header-img {
    margin: 0;
    width: 100%;
    height: 300px;
    overflow: hidden;
    /* keeps image inside */
}

.singlepage .banner-head .header-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* crop nicely instead of stretching */
    display: block;
    margin: 0;
}

.banner-head {
    position: relative;
}

.singlepage .entry-header {
    position: absolute;
    width: 100%;
    top: 40%;
    text-align: center;
}
#colophon .grid {
    grid-template-columns: 40% auto auto 23%;
    gap: 30px;
}
#colophon .widget {
    background-color: transparent;
}


#featured-banner {

}