/*!
Theme Name: Prime Software Company
Theme URI: https://www.webnotick.com/products/free-prime-software-company-wordpress-theme/
Author: Webnotick
Author URI: https://www.webnotick.com/
Description: The Software Company WordPress Theme (Free) is a clean and fully responsive theme designed for IT companies, software startups, SaaS products, app developers, and technology service providers. It helps you create a professional online presence without any coding knowledge. With an elegant layout and user-friendly customization options, you can easily showcase your company’s services, products, and achievements in a visually appealing way.
Version: 3.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: prime-software-company
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.

Prime Software Company 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');
/* #### 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: #6C7FFE !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;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    line-height: 1;
    padding: .6em 1em .4em;
    text-decoration: none !important;
    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; */
}

.logocontent {
    padding: 8px 5rem 8px 0.7rem;
}
 #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: #fff;
}

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

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

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

#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;
    right: 0;
    top: 0;
    border: 0;
}

.widget_search form.search-form button.search-submit {
    color: #000;
    line-height: 1;
    height: 62px;
    padding: 0;
    width: 75px;
    font-size: 20px;
    background-color: #F4F5F8;
    box-shadow: none;
    border-radius: 20px;
}
.widget_text .textwidget p {
    color: #000;
    padding: 2rem ;
}
.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
}

form.search-form {
    position: relative
}

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

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

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

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



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

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

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

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

#featured-slider .slide-inner {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    justify-content: center;
    align-items: center
}

#featured-slider .position-absolute .imgbox2 {
    height: auto
}

#featured-slider .sliderimg {
    width: 100%;
    height: 845px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

#featured-slider .sliderimg::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.4;
}
#featured-slider .sliderimg img {
    width: 100%;
    height: 100%;
}

.opbg {
    position: relative;
    width: 100%;
    height: auto
}

#featured-slider article {
    position: relative;
    background-size: cover;
    background-position: 50%
}

#featured-slider .featured-image {
    background-size: cover;
    background-position: 50%;
    padding: 200px 0;
    border-radius: 50px;
    margin-bottom: 50px
}

#featured-slider .wrapper {
   width: 50%;
    position: relative;
    top: 55%;
    left: 0%;
    transform: translate(14%, -50%);
}

#featured-slider {
    position: relative;
}

#featured-slider .entry-container .entry-header h3{
    font-size: 20px;
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #FFFFFF;
    text-transform: capitalize;
    padding: 0;
    position: relative;
    width: fit-content;
}

#featured-slider .entry-container .entry-header h3::after {
    content: "";
    position: absolute;
    display: inline-block;
    background-image: url(assets/images/slidersectionh2img.png);
    background-repeat: no-repeat;
    background-size: 229px 22px;
    left: 41%;
    width: 100%;
    height: 24px;
    bottom: -7px;
}

#featured-slider .content {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 30px;
    font-weight: 400;
    color: #fff
}

#featured-slider .leftcontentbox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#featured-slider .slick-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

#featured-slider .slick-slide {
    outline: 0;
    margin: 0;
    width: 1474px
}

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

#featured-slider .slick-dots-container {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content
}

#featured-slider .slick-dots li:last-child:before {
    content: '\f061';
    font-family: 'FontAwesome';
    background-color: white;
    border-radius: 100%;
    padding: .7em;
    pointer-events: all;
}

#featured-slider .slick-dots li:first-child:before {
    content: '\f060';
    font-family: 'FontAwesome';
    background-color: white;
    border-radius: 100%;
    padding: .7em;
    pointer-events: all;
}

#featured-slider .slick-dots li {
    align-content: center;
    font-size: 1.4em;
    width: 100px;
    height: 100%;
    opacity: 1;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    cursor: pointer;
    margin: 0;
}

/* #featured-slider .sliderbut1 {
    background-color: #000000;
    z-index: 1;
    padding: 6px;
    width: fit-content;
} */

#featured-slider .sliderbut1 a {
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    text-decoration: none;
    background-color: #FFFFFF;
       padding: 14px 45px;
letter-spacing: 0px;
color: #1F2B37;
    transition: .5s;
}
#featured-slider .sliderbut1 a:hover{
        background-color: #1F2B37;
        color: #FFFFFF;
}

#featured-slider .entry-title {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 59px;
    letter-spacing: 1px;
    padding: 12px 0 25px 0;
    color: #FFFFFF;
    line-height: 5.7rem;
}

#featured-slider .entry-content p {
    font-size: 22px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0.35px;
    color: #FFFFFF;
    width: 82%;
}

#featured-slider .position-absolute .imgbox2 {
    width: 80%;
    text-align: right;
    z-index: 2
}

#featured-slider .position-absolute .imgbox1 {
    width: 10%;
    height: 17%;
    position: absolute;
    z-index: -1;
    top: 3rem;
    right: 2.8rem
}

#featured-slider .sliderparaimg img {
    width: 54px !important;
    height: 100%
}

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

.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: "Roboto", sans-serif;
font-weight: bold;
letter-spacing: 0px;
color: #FFFFFF;
}

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

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

#featured-services .entry-content3 h5 {
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    color: #000000;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

#featured-services .entry-content3 h5::after {
        content: "";
    position: absolute;
    display: inline-block;
    background-image: url(assets/images/allsectionimg.png);
    background-repeat: no-repeat;
    background-size: 190px 28px;
    left: 0%;
    width: 190px;
    height: 28px;
    bottom: 0;
}

#featured-services .entry-content3 h6 {
    font-size: 30px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
}

#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 {
    width: 100%;
    padding-top: 1rem;
    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: "";
    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: #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: #6C7FFE;
    padding: 4px 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 24px;
    line-height: 27px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: capitalize;
    opacity: 1;
    text-decoration: none;
}
#site-navigation .headerbtn {  
    padding: 7px 5px;
    
}
#site-navigation .headerbtn a {
    background-color: #ffffff;
    color: #1F2B37;
    padding: 7px 16px;
    text-decoration: none;
}

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

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

#colophon  {
    background-color: #1F2B37;
    position: relative;
       padding: 1rem 8rem 4rem 8rem;
       opacity: 1;
}

#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-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 .xl\:grid-cols-4 {
        grid-template-columns: 36% 1fr 1fr 1fr;
    }
#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 .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 .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 14px;
    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
}

.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: 500;
    color: #1e4543;
    line-height: 28px;
    font-family: "Roboto", sans-serif;
}

.maincontent p {
    font-size: 14px;
    color: #fff;
    opacity: .7;
    font-family: "Poppins Light";
    margin-bottom: 22px
}

.singlepage .entry-content p {
    font-size: 14px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    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
}

.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;
    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  {
        background: transparent linear-gradient(0deg, #1A2039 0%, #1B213A70 46%, #5F637402 58%, #1C223B1A 65%, #666A7A00 100%) 0% 0% no-repeat padding-box;
border-radius: 10px;
overflow: hidden;
}
.maincontent .featured-image::before  {
          background: transparent linear-gradient(0deg, #1A2039 0%, #1B213A70 46%, #5F637402 58%, #1C223B1A 65%, #666A7A00 100%) 0% 0% no-repeat padding-box;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    content: "";
    z-index: 1;
}
.maincontent .featured-image img {
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 0;
    height: 100%;
    width: 100%;
    transition: .5s;
    position: relative;
}

.maincontent .post-item h4.post-date {
    /* padding: 8px 18px 7px 18px; */
    margin: 1rem 0 0 0;
    left: 22px;
}

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

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

.maincontent .post-item h4.post-date a {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #FFFFFF;
    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:hover h2.page-title a {
    color: #6C7FFE;
}
.maincontent .post-item h2.page-title a {
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    color: #ffffff;
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-word;
}

.maincontent .post-item p a.readbtn {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    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: 7px
}

.maincontent .entry-container {
    padding: 20px 25px 20px 25px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

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




#featured-about {
    position: relative;
    padding: 3em 0;
    justify-self: center;
    width: 100%;
}
#featured-about .myside{
     padding-left: 4rem;
}

#featured-about .about-section-main h2.main-heaing {
    padding-top: 1rem;
    position: relative;
    display: inline-block;
    margin-top: .5rem;
    opacity: 0.9;
    font-size: 19px;
    color: #414141;
   font-family: "Roboto", sans-serif;
    font-weight: 500;
    padding-bottom: 10px;
    width: fit-content;
}
#featured-about .about-section-main h2.main-heaing::after {
    content: "";
    position: absolute;
    display: inline-block;
    background-image: url(assets/images/allsectionimg.png);
    background-repeat: no-repeat;
    background-size: 190px 28px;
    left: 50%;
    width: 190px;
    height: 28px;
    bottom: 0;
}

#featured-about .about-image-top-box {
    width: 165px;
    height: 165px;
    background-color: #FFFFFF;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    padding: 10px;
    box-shadow: inset 0px 0px 20px #0000001F;
    border-radius: 10px;
}

#featured-about .about-image-top-box:hover {
    background-color: #6C7FFE;
}

#featured-about .about-image-top-box .top-box-num {
    font-size: 53px;
    color: #6C7FFE;
       font-family: "Roboto", sans-serif;
       font-weight: bold;
	margin: 0;
    font: normal normal bold 53px/89px Roboto;
 letter-spacing: 0.92px;
}

#featured-about .about-image-top-box:hover .top-box-num {
    color: #fff;
}

#featured-about .about-image-top-box .top-box-text {
    font-size: 19px;
    color: #000000;
    letter-spacing: 0.53px;
   font-family: "Roboto", sans-serif;
   font-weight: bold;
}
#featured-about img {
	position: relative;
    width: 95%;
    height: 100% !important;
    z-index: 1;
    border-radius: 20px;
    justify-self: center;
}

#featured-about .about-image1,
#featured-about .about-image2 {
    text-align: center;
    height: 649px;
}

#featured-about .plans .row h3 {
    font-size: 18px;
     font-family: "Roboto", sans-serif;
   font-weight: 400;
    letter-spacing: 0px;
    color: #0A0A0A;
    text-transform: capitalize;
    line-height: 32px;
    width: 500px;
}

#featured-about .plans .row i,
#featured-about .plans .row svg {
    background: transparent;
    color: #0A0A0A;
	width: 37px;
    height: 37px;
    padding: 10px 5px 0px 13px;
}

#featured-about .plans .row:hover svg {
    color: #6C7FFE;
}

#featured-about .plans .row .col-lg-1 {
    background-color: rgba(31, 43, 55, 0.05);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 0 1rem;
}

#featured-about .plans .row:hover i,
#featured-about .plans .row:hover svg {
    margin-top: -15px;
    transition: 0.6s;
}


#featured-about .button {
    width: fit-content;
    margin: 8px 0;
    position: relative;
    transition: background-color 0.5s ease;
    border-radius: 6px;
    text-decoration: none;
}

#featured-about .button a {
    background-color: #2A2A2C;
    color: #FFFFFF;
    padding: 12.9px 32px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-transform: uppercase;
	text-decoration: none;
}

#featured-about .button:hover a {
    background-color: #6C7FFE;
    text-decoration: none;
}

#featured-about .about-section-main h2.sub-heaing1 {
    font-size: 55px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #000000;
    padding-top: 1rem;
}

/* #featured-about .about-section-main h2.sub-heaing2 {
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    text-decoration: underline;
    letter-spacing: 0.4px;
    color: #6C7FFE;
    text-transform: capitalize;
    padding: 1.5rem 0;
} */

#featured-about .about-section-main .myside .description p {
    font-size: 17px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #4A4B4D;
    opacity: 0.5;
    padding-top: 1rem;
}

#featured-about .about-section-main .myside h3 {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
    margin-top: .7rem;
}

/* #featured-about .about-section-main .myside .about-imgdiv:hoverprimary-menu h3 {
    color: #6C7FFE;
} */

/* #featured-about .about-section-main .col-div .row p {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.7;
    width: 85%;
} */

/* #featured-about .about-section-main img {
    width: 52px;
    height: 52px;
}

#featured-about .about-image {
    width: 90%;
    float: right;
    height: 600px;
    position: relative;
    overflow: hidden;
}

#featured-about .about-image img {
    justify-self: right;
    width: 95.6%;
    height: 100%;
    position: relative;
} */

/* #featured-about .about-image:hover img {
    animation: rotateScaleBack 1s linear forwards;
}

@keyframes rotateScaleBack {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(10deg) scale(1.4);
    }

    100% {
        transform: rotate(0deg) scale(1);
    }
} */

/* #featured-about .about-image::before {
    content: '';
    position: absolute;
    left: 0.3%;
    bottom: 1.5rem;
    width: 100%;
    height: 554px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
}

#featured-about .about-section-main .delivery-boxes {
    position: absolute;
    bottom: -5em;
    right: -5em;
}

#featured-about .about-section-main .mini-box {
    width: 30px;
    height: 30px;
} */


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

#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{
    padding: 1rem 2rem;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    position: absolute;
    left: 0;
    width: 413px;
height: 93px;
}
#colophon .grid img{
    /* width: 100% !important;
height: 100% !important; */
width: 268px !important;
height: 70px !important;
    justify-self: right;
}
#colophon .grid .widget_text{
 margin-top: 9rem;
}
#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 ";
    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 .mail::before {
    content: "\e4e8";
    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 .mail::before {
    content: "";
    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 .mail,
#colophon aside .textwidget .phone,
#colophon aside .textwidget .location {
    text-decoration: none;
    color: #fff;
    padding: 0;
}

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

    #featured-slider .sliderimg {
        height: 750px;
    }
}

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


    #colophon .widget_nav_menu {
        padding: 0;
    }

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

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

    .logocontent .headerbtn {
        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;
}












.widget .widget-title,
.widget .wp-block-heading,
.widget .wp-block-search__label {
    margin-top: .5rem !important;
    padding: 10px 10px;
    background-color: #1F2B37 ;
    line-height: 29px;
    margin: 0;
    text-transform: capitalize;
    border-radius: 4px;
    position: relative;
    font-size: 22px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
letter-spacing: 0px;
color: #FFFFFF;
    margin-left: -10%;
}

/* .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: 65%;
    z-index: 2;
}
.widget_search{
      width: 93%;
      justify-self: right;
       border: 0.20000000298023224px solid #4A3F35;
    border-radius: 10px;
    overflow: visible;
    background-color: #F4F5F8;
}
.widget_recent_entries,
.widget_categories,
.widget_archive,
.widget_recentpost,
.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 1.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 {
    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 0 0 13px;
    height: 40px;
  width: 150%;
    border-radius: 4px;
    background-color: #1F2B37;
        margin-left: -16%;
}
.widget_search form.search-form input[type=search]::placeholder{
      font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
letter-spacing: 0px;
color: #FFFFFF;
}
.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: '';
    background: url(assets/images/widgetimg.png) no-repeat center center;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    margin: 0px 10px 0px 0px;
}

#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: 1.5rem 0;
    padding: 0px 10px 0 0;
   background: linear-gradient(to right, transparent 15%, #6c7ffe12 15%);

    border-radius: 10px;
}
/* 
#primary .widget_recent_entries ul li a:first-of-type,
#secondary .widget_recent_entries ul li a:first-of-type {
    display: inline-block;
    width: 30%;
} */

#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: 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 a.img-content,
#secondary .widget_recent_entries ul li a.img-content {
    padding-left: 1rem;
    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;
        margin-top: .3rem;
}

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

.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: 35px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6C7FFE;
    background-color: #FFFFFF;
}

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

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