/*  ==========================================================================
    Table of Content
    ==========================================================================

    1.0 Media
    2.0 Button
    3.0 Preloader
    4.0 Header
    5.0 Blog
    6.0 Pagination
    7.0 Related Posts
    8.0 Featured Image Hover
    9.0 Page Header
    10.0 Breadcrumb
    11.0 Author
    12.0 404 Page
    13.0 Project Single
    14.0 Widgets
    15.0 Footer Widgets
    16.0 Comments
    17.0 Footer
    18.0 Scroll To Top

    ==========================================================================
    Buildico
    ========================================================================== */
/* ==== Smooth Scroll ==== */
html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}
/* Custom Scrollbar */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    ::-webkit-scrollbar {
        background: #092553;
        width: 8px;
        height: 10px;
    }

    ::-webkit-scrollbar-thumb {
        background: var(--buildico-scrollbar-thumb, #fab702);
        cursor: pointer;
    }
}
/* ==========================================================================
    1.0 Media
   ========================================================================== */
img,
video {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

img.alignleft,
img.alignright {
    float: none;
    margin: 0;
}

img.alignleft {
    float: left;
    margin-right: 25px;
}

img.alignright {
    float: right;
    margin-left: 25px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

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

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    margin-bottom: 25px;
    max-width: 100%;
}

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */
p>embed:only-child,
p>iframe:only-child,
p>object:only-child {
    margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
    color: #555;
    font-size: 13px;
    font-style: italic;
    max-width: 100%;
}

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

.wp-caption .wp-caption-text {
    margin: 12px 0;
}

/* SVG Icons base styles */
.icon {
    display: inline-block;
    fill: currentColor;
    height: 15px;
    position: relative;
    /* Align more nicely with capital letters */
    top: -0.0625em;
    vertical-align: middle;
    width: 15px;
}

/* ==========================================================================
   2.0 Button
   ========================================================================== */
.btn-group-left .b-btn {
    margin-right: 10px;
}

.btn-group-right .b-btn {
    margin-left: 10px;
}

.btn-group-center .b-btn {
    margin: 0 5px;
}

.b-btn {
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.2px;
    background-color: #fab702;
    height: 45px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transform: all 0.2s ease-in-out;
}

.b-btn:hover {
    background-color: #092553;
    color: #fff;
    text-decoration: none;
}

.learn-more {
    color: #3a5682;
}

.learn-more:hover {
    color: #3a5682;
    text-decoration: underline;
}

/* ==========================================================================
   3.0 Preloader
   ========================================================================== */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #111;
    height: 100%;
    width: 100%;
    -webkit-transition: all .5s .5s ease;
    -moz-transition: all .5s .5s ease;
    transition: all .5s .2s ease;
}

#preloader.style-1 {
    background-color: #fff;
}

.loader {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-top: -30px;
}

body.loaded #preloader {
    opacity: 0;
    visibility: hidden;
}

.spinner {
    background-color: #fab702;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -webkit-animation: wt-scaleout 1.0s infinite ease-in-out;
    animation: wt-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes wt-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes wt-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

/* ==========================================================================
   4.0 Header
   ========================================================================== */
/*
* Header One
*/
a:hover,
a:focus {
    outline: none;
}

.header-section {
    background-color: #fff;
    position: relative;
    z-index: 99;
}

.fixed-header.dark-header,
.header-section.dark-header {
    background-color: #092553;
}

.dark-header .mid-header,
.dark-header .header-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.transparent-header.header-section {
    background-color: transparent;
}

.header-section ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-top {
    background-color: #092553;
    color: #ddd;
    font-size: 12px;
}

.top-h-list li {
    font-family: "Inter", sans-serif;
    display: inline-block;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.60);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.2px;
}

.top-h-list li:not(:last-of-type) {
    margin-right: 20px;
}

.top-h-list li a {
    color: rgba(255, 255, 255, 0.60);
}

.top-h-list li a:hover {
    text-decoration: none;
    color: #ffffff;
}

.top-h-social li {
    display: inline-block;
}

.top-h-social li:not(:last-of-type),
.top-h-social li:not(:last-of-type) {
    margin-right: 8px;
}

.top-h-social li {
    line-height: 50px;
}

.top-h-social li a {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.60);
    width: 30px;
    height: 35px;
    border-radius: 0;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.top-h-social li a:hover {
    background-color: #fab702;
    text-decoration: none;
    color: #fff;
}

/* Brand */
.main-header .mainmenu {
    display: inline-block;
}

.main-header .brand {
    max-width: 200px;
}

.main-header .brand a {
    font-size: 28px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: #fab702;
    padding: 0;
    line-height: 80px;
    letter-spacing: -1.2px;
}

/* Menu */
.navigation-menu {
    display: flex;
}

.fixed-header-inner,
.main-header-inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-header .main-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-header .main-menu li {
    display: inline-block;
    position: relative;
}

.main-header .main-menu li:not(:last-of-type) {
    margin-right: 30px;
}

.main-header .main-menu li a {
    display: inline-block;
    line-height: 90px;
    color: #0c2d62;
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.6px;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
}

.main-header .main-menu li:hover a {
    text-decoration: none;
    color: #fab702;
}

.main-header .main-menu li>ul {
    background-color: #fff;
    display: block;
    width: 240px;
    position: absolute;
    top: 105%;
    left: -20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear;
    border-radius: 0;
    margin: 0 !important;
    box-shadow: 0 3px 25px 0px rgb(43 52 59 / 10%), 0 0 0 rgb(43 52 59 / 10%) inset;
}

.main-header .main-menu li:nth-last-child(-n+2) > ul{
    left: auto;
    right: -20px;
}

.main-header .main-menu li:hover>ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.main-header .main-menu li>ul li {
    display: block;
    margin: 0 !important;
}

.main-header .main-menu li li ul{
    left: 100%;
    top: 10px!important;
}

.main-header .main-menu li:nth-last-child(-n+2) li ul{
    left: auto;
    right: 100%;
}

.main-header .main-menu li li:hover ul{
    top: 0!important;
}

.main-header .main-menu li>ul li a {
    display: block;
    font-family: "Inter", sans-serif;
    color: #3a5682;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 45px;
    padding: 0 20px;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(17, 17, 17, 0.05);
}

.main-header .main-menu li:hover li a{
    color: #3a5682;
}

.main-header .main-menu li>ul li:last-child a {
    border: none;
}

.main-header .main-menu li>ul li:hover a {
    background-color: #fab702;
    color: #fff;
}
.main-header .main-menu li>ul li:hover li a{
    background-color: transparent;
    color: #3a5682;
}
.main-header .main-menu li>ul li:hover li:hover a{
    background-color: #fab702;
    color: #fff;
}


/* Shopping Cart */
.dl-shopping-cart-btn {
    margin-left: 10px;
}

.rtl .dl-shopping-cart-btn {
    margin-left: 0;
    margin-right: 10px;
}

.shopping-cart-inner {
    position: relative;
    display: flex;
    width: 25px;
    height: 25px;
    color: #0c2d62;
    cursor: pointer;
}

.shopping-cart-inner span.count {
    width: 17px;
    height: 17px;
    background-color: #fab702;
    color: #fff;
    font-size: 10px;
    position: absolute;
    right: -5px;
    bottom: -5px;
    border-radius: 50%;
    z-index: 1;
    line-height: 17px;
    text-align: center;
    font-weight: 500;
}

.rtl .shopping-cart-inner span.count {
    right: auto;
    left: -5px;
}

.shopping-cart-inner svg {
    transition: all 0.3s ease-in-out;
}

.shopping-cart-inner:hover svg {
    opacity: 0.8;
}

/* Cart Flyout */
.cart-aside {
    position: fixed;
    top: 0;
    width: 420px;
    padding: 50px;
    min-height: 100vh;
    bottom: 0;
    right: 0;
    z-index: 121;
    visibility: hidden;
    opacity: 0;
    transition: all 250ms ease;
    box-shadow: 0 0 4px 0 rgb(115 115 115 / 20%);
    background-color: #fff;
    -webkit-transform: translate(200px, 0);
    transform: translate(200px, 0);
    max-width: 100%;
}

.open-cart-aside .cart-aside {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: all 1s ease;
}

.cart-aside .cart-aside-inner {
    display: block;
    height: 100%;
    position: relative;
}

.cart-overlay-global {
    position: fixed;
    background: #232324;
    z-index: 120;
    visibility: hidden;
    opacity: 0;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    transition: all 250ms ease-out;
}

.open-cart-aside .cart-overlay-global {
    visibility: visible;
    opacity: .7;
}

.cart-aside .aside-cart-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #0c2d62;
    cursor: pointer;
}

.cart-aside .aside-cart-close svg {
    width: 20px;
    transition: opacity 0.35s ease-in-out;
}

.cart-aside .aside-cart-close:hover svg {
    opacity: 0.7;
}

.header-quickcart {
    padding-top: 50px;
}

.header-quickcart .widgettitle {
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}

.header-quickcart .widget_shopping_cart .cart_list {
    max-height: calc(100vh - 430px);
    overflow: auto;
}

.header-quickcart .widget_shopping_cart .cart_list::-webkit-scrollbar {
    display: none;
}

.header-quickcart .widget_shopping_cart .cart_list li {
    padding: 0;
    overflow: hidden;
}

.header-quickcart .widget_shopping_cart .cart_list li:not(:last-of-type) {
    margin-bottom: 10px;
}

.header-quickcart .cart_list li.mini_cart_item a.remove {
    display: block;
    font-weight: 400;
    font-size: 14px;
    height: 20px;
    line-height: 17px;
    overflow: hidden;
    right: 0;
    left: auto;
    text-align: right;
    width: 20px;
    font-family: "Verdana", sans-serif;
    color: #6c7a87 !important;
}

.header-quickcart .cart_list li.mini_cart_item a.remove:hover {
    background-color: transparent;
    color: #0c2d62 !important;
    text-decoration: none;
}

.header-quickcart ul.product_list_widget li img {
    float: left;
    max-width: 70px;
    width: 70px;
    margin: 0;
    margin-right: 20px;
    border: 1px solid rgba(0, 0, 0, .1);
}

.header-quickcart .cart_list li.mini_cart_item a:nth-child(2) {
    color: #0c2d62;
    line-height: 22px;
}

.header-quickcart .product_list_widget li a:hover {
    text-decoration: none;
}

.header-quickcart .cart_list li.mini_cart_item .quantity,
.header-quickcart .cart_list li.mini_cart_item .quantity .amount {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: #6c7a87;
    font-weight: 400;
    letter-spacing: -0.2px;
}

.header-quickcart .widget_shopping_cart .total {
    border-top: none;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
}

.header-quickcart .widget_shopping_cart .total strong {
    color: #0c2d62;
}

.header-quickcart .widget_shopping_cart_content .woocommerce-mini-cart__buttons {
    margin: 0;
}

.header-quickcart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a {
    background-color: #232427;
    display: block;
    margin: 0;
    padding: 17px 30px;
    text-align: center;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 0;
    letter-spacing: 0;
}

.header-quickcart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a:not(:last-of-type) {
    margin-bottom: 15px;
}

.header-quickcart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a:hover {
    background-color: #fab702;
}

/* Header One Transparent */
.transparent-header.header-one {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.transparent-header.header-one .main-header,
.transparent-header.header-one .header-top {
    background-color: rgba(35, 36, 39, 0);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.dark-header .main-menu li a,
.transparent-header.header-one a.header-search-btn,
.transparent-header.header-one .main-header .main-menu li a {
    color: rgba(255, 255, 255, 0.8);
}

.dark-header .main-menu li a:hover,
.transparent-header.header-one .main-header .main-menu li a:hover,
.transparent-header.header-one .main-header .main-menu li a:hover {
    color: #fab702;
}

.dark-header .main-menu li>ul li a:hover,
.transparent-header.dark.header-one .main-header .main-menu li>ul li a:hover,
.transparent-header.header-one .main-header .main-menu li>ul li a:hover {
    color: #fff;
}

.dark-header .main-menu li>ul li a,
.transparent-header.header-one .main-header .main-menu li>ul li a {
    color: #3a5682;
}

/* Light Color */
.transparent-header.dark.header-one .main-header,
.transparent-header.dark.header-one .header-top {
    background-color: rgba(35, 36, 39, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.transparent-header.dark.header-one .top-h-social li a,
.transparent-header.dark.header-one .top-h-list li,
.transparent-header.dark.header-one .top-h-list li a,
.transparent-header.dark.header-one a.header-search-btn,
.transparent-header.dark.header-one .main-header .main-menu li a {
    color: #0c2d62;
}

.transparent-header.dark.header-one .main-header .main-menu li>ul li a {
    color: #3a5682;
}

.transparent-header.dark.header-one .top-h-social li a:hover {
    color: #fff;
}

/* Header 2 */
.mid-header {
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;
}

.header-two .main-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 65px;
}

@media(max-width: 992px) {
    .header-two .main-header-inner {
        padding: 10px 0;
        min-height: 65px;
    }

    .header-two .main-header-inner .header-right {
        width: 100%;
        justify-content: flex-end;
    }

    .rtl .header-two .main-header-inner .header-right {
        justify-content: flex-start;
    }
}

.header-contact-info {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-contact-info li {
    display: inline-block;
    position: relative;
    padding-left: 55px;
}

.header-contact-info li:not(:last-child) {
    margin-right: 30px;
}

.header-contact-info li i {
    background-color: #fab702;
    width: 45px;
    height: 45px;
    font-size: 20px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-contact-info li span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #0c2d62;
    font-family: "Inter", sans-serif;
    letter-spacing: -1px;
    text-transform: capitalize;
    margin-bottom: -3px;
}

.header-contact-info li p {
    display: block;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: #3a5682;
    text-transform: capitalize;
    margin: 0;
}

.header-two .main-header .main-menu li a {
    line-height: 65px;
}

.header-two .main-header .main-menu li:hover>ul {
    top: 65px;
}

.header-two .main-header .main-menu li>ul li a {
    line-height: 45px;
}

.header-two .header-search-btn {
    line-height: 65px;
}

.header-two .slicknav_btn {
    background-color: transparent;
    margin: -23px 0px 14px 0;
    float: left;
}

/* Header 2 Dark */
.dark-header .header-contact-info li i {
    color: #fff
}

.dark-header .header-contact-info li span {
    color: rgba(255, 255, 255, 0.8);
}

.dark-header .header-contact-info li a {
    color: rgba(255, 255, 255, 0.60);
}

/* Fixed Header */
.fixed-header {
    background-color: #fff;
    display: block;
    width: 100%;
    height: auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    visibility: hidden;
    transform: translateY(-100%);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}

.admin-bar .transparent-header.header-one,
.admin-bar .fixed-header {
    top: 32px;
}

.fixed-header.fixed-header-active {
    transform: translateY(0);
    visibility: visible;
    transition: all 600ms ease-in-out;
}

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

    .admin-bar .transparent-header.header-one,
    .admin-bar .fixed-header {
        top: 46px;
    }

    .transparent-header.header-one {
        position: relative;
        background-color: #092553;
    }

    .header-contact-wrap {
        display: none;
    }

    .header-two .brand {
        float: none;
        text-align: center;
    }

    .header-two .brand a {
        margin: 0;
    }
}

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

    .admin-bar .transparent-header.header-one,
    .admin-bar .fixed-header {
        top: 0;
    }

    .header-two .top-left {
        float: none;
    }

    .header-two .top-right {
        float: none;
        text-align: left !important;
    }

    .header-two .top-h-social li a,
    .header-two .top-h-list li {
        line-height: 30px;
    }
}

/* Mobile Menu */
.slicknav_menu {
    background: none;
    padding: 8px 0;
    display: none;
}

.slicknav_menu .slicknav_icon-bar {
    box-shadow: none;
}

.slicknav_nav {
    background-color: #fff;
    padding: 25px 10px;
}

.slicknav_menu {
    width: 100%;
    position: absolute;
    right: 0;
    top: 42px;
    padding: 0;
}

.slicknav_btn {
    background-color: transparent;
    margin: -14px 0px 24px 0;
}

.slicknav_nav .slicknav_row:hover,
.slicknav_nav .slicknav_row,
.slicknav_nav a,
.slicknav_nav a:hover {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
    font-family: "Inter", sans-serif;
    padding: 10px 15px;
    margin: 0;
    color: #3a5682;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.5px;
}

.slicknav_nav li {
    border-bottom: 1px solid rgba(17, 17, 17, 0.05);
}

.slicknav_nav .sub-menu:not(.slicknav_hidden) li:first-child a{
    border-top: 1px solid rgba(17, 17, 17, 0.05);
} 

.slicknav_nav ul {
    margin: 0;
}
.slicknav_nav ul li a.slicknav_row,
.slicknav_nav ul li a {
    padding-left: 30px;
}

.slicknav_nav li li li a{
    padding-left: 60px;
}

.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover {
    background-color: transparent;
    color: #0c2d62;
}

.transparent-header div.slicknav_menu .slicknav_icon-bar {
    background-color: rgba(255, 255, 255, 0.60);
}

.header-two .slicknav_menu .slicknav_icon-bar,
.header-one .slicknav_menu .slicknav_icon-bar,
.fixed-header div.slicknav_menu .slicknav_icon-bar {
    background-color: #0c2d62;
}

.slicknav_nav .slicknav_arrow {
    float: right;
    font-size: 16px;
    margin-top: 1px;
}

.dark-header .slicknav_menu .slicknav_icon-bar {
    background-color: rgba(255, 255, 255, 0.60);
}

.menu-btn {
    display: flex;
    align-items: center;
    margin-left: 15px;
    padding: 22px 0;
}

.menu-btn a {
    background-color: #9e8a78;
    font-family: "Roboto", serif;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0;
    text-decoration: none;
}

.menu-btn a:hover {
    opacity: 0.8;
    background-color: #9e8a78;
    color: #fff;
    text-decoration: none;
}

.menu-btn a:focus {
    outline: none;
}

@media (max-width: 992px) {

    .header-one .main-header .navigation-menu,
    .fixed-header.main-header .navigation-menu {
        display: block;
    }

    .main-header .navigation-menu,
    .header-one .main-header .navigation-menu .mainmenu,
    .fixed-header.main-header .navigation-menu .mainmenu {
        display: none;
    }

    .fixed-header .slicknav_btn {
        margin: -12px 0px 22px 0;
    }

    .header-one .header-right,
    .fixed-header .header-right {
        height: 80px;
        margin-right: 49px;
    }

    .slicknav_menu {
        display: block;
    }
}

/* Fullscreen Search Box */
.dark-header .header-search-btn,
.dark-header .shopping-cart-inner,
.transparent-header .shopping-cart-inner,
.transparent-header .header-search-btn {
    color: rgba(255, 255, 255, 0.60);
}

/* Header Button */
.header-btn {
    margin-left: 30px;
}

.rtl .header-btn {
    margin-left: 0;
    margin-right: 30px;
}

.header-search-btn {
    margin-left: 30px;
    font-size: 15px;
    color: #0c2d62;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.header-search-btn svg {
    width: 19px;
}

.header-search-btn:hover {
    color: #fab702;
}

.dark .header-search-btn,
.dark .shopping-cart-inner,
.fixed-header .shopping-cart-inner,
.fixed-header .header-search-btn {
    color: #0c2d62;
}

.dark-header.fixed-header .header-search-btn {
    color: rgba(255, 255, 255, 0.60);
}

.dark-header.fixed-header .header-search-btn:hover {
    color: #fab702;
}

#wt-search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(9, 37, 83, 0.95);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#wt-search input::-webkit-input-placeholder {
    color: #ddd;
    font-family: "Inter", sans-serif;
}

#wt-search input:-moz-placeholder {
    color: #ddd;
    font-family: "Inter", sans-serif;
}

#wt-search input::-moz-placeholder {
    color: #ddd;
    opacity: 1;
    font-family: "Inter", sans-serif;
}

#wt-search input:-ms-input-placeholder {
    color: #ddd;
    font-family: "Inter", sans-serif;
}

#wt-search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 999;
}

#wt-search form {
    position: relative;
}

#wt-search input[type="text"] {
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-family: "Inter", sans-serif;
    font-size: 32px;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 0;
    outline: none;
    padding: 20px;
    padding-right: 60px;
}

#wt-search .search-btn {
    background-color: transparent;
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    color: #fab702;
}

#wt-search .close {
    position: fixed;
    top: 50px;
    right: 50px;
    color: rgba(255, 255, 255, 0.5);
    display: block;
    background-color: transparent;
    opacity: 1;
    box-shadow: none;
    outline: none;
    border: none;
    text-shadow: none;
    z-index: 1;
    transition: all 0.2s ease-in-out;
}

#wt-search .close:hover {
    color: #fab702;
}

@media screen and (max-width: 782px) {
    #wt-search form {
        width: 90%;
    }

    #wt-search input[type="search"] {
        font-size: 30px;
    }
}

/* Header Cart */
.header-cart-wrap {
    display: flex;
    align-items: center;
    margin-left: 15px;
    padding: 0px 0;
}

.buildico-cart {
    position: relative;
    text-decoration: none;
    margin-top: 11px;
}

.buildico-cart svg {
    fill: #0c2d62;
    width: 17px;
    height: 17px;
    transition: all 0.3s ease-in-out;
}

.transparent-header.light .buildico-cart svg,
.dark-header .buildico-cart svg {
    fill: rgba(255, 255, 255, 0.60);
}

.buildico-cart:hover svg {
    fill: #fab702;
}

.buildico-cart .itemCount {
    height: 20px;
    font-size: 12px;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    background: #fab702;
    color: #fff;
    font-weight: 600;
    line-height: 20px;
    width: 20px;
    text-align: center;
    right: -12px;
}

/* ==========================================================================
   5.0 Blog
   ========================================================================== */
body {
    background-color: #fff;
}

.full-width .site-main {
    padding: 0 15px;
}

.wrapper {
    padding: 80px 0;
}

.blog-grid {
    margin: -15px 0;
}

.blog-box {
    padding: 20px 15px;
    position: relative;
}

.blog-box .article-inner {
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 9%);
}

.blog-box p {
    margin: 0;
}

.blog-box img {
    width: 100%;
}

.article-content {
    background-color: #fff;
    padding: 40px 30px;
}

.rtl .article-content {
    text-align: right;
}

.article-content .entry-header {
    margin-bottom: 15px;
}

.entry-meta {
    display: block;
    margin-bottom: 0;
    line-height: 1;
}

.article-content .entry-header .entry-meta {
    margin-bottom: 15px;
}

.entry-meta a {
    color: #3a5682;
}

.entry-meta .byline,
.entry-meta span.posted-on {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    margin-right: 10px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.entry-meta .byline i,
.entry-meta span.posted-on i {
    color: #fab702;
    margin-right: 5px;
}

.blog-box.sticky {
    position: relative;
}

.blog-box.sticky:before {
    background-color: #fab702;
    content: "Featured";
    position: absolute;
    left: 15px;
    top: -20px;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 600;
}

.blog-box.has-post-thumbnail.sticky:before {
    right: 15px;
    left: auto;
    top: 20px;
}

.read-more-box {
    display: block;
}

.read-more-link {
    text-transform: uppercase;
    text-decoration: none;
}

.page-links {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    padding: 20px 0;
    display: block;
    width: 100%;
    overflow: hidden;
}

.page-links .page-number {
    color: #555;
    display: inline-block;
    padding: 0.5em 1em;
}

.page-links a {
    margin-left: 10px;
    color: #3a5682;
    display: inline-block;
}

.page-links a:hover {
    color: #fab702;
}

.page-links a .page-number {
    color: #222;
}

.blog-single {
    margin-bottom: 30px;
    padding-bottom: 30px;
    margin-right: 15px;
    border-bottom: 1px solid #ddd;
}

.page article.page {
    margin-right: 15px;
}

.page .page-featured-img,
.blog-single .featured-img {
    margin-bottom: 30px;
}

.blog-single .entry-header {
    margin: 0 0 25px;
    position: relative;
    padding-bottom: 2px;
}

.blog-single .entry-title {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: -1px;
    margin: 0 0 10px;
    position: relative;
    font-family: "Inter", sans-serif;
}

.entry-content p {
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.2px;
}

.entry-content p:first-child {
    margin-top: 0;
}

.entry-content .wp-block-gallery {
    margin-bottom: -1em;
}

.entry-content .blocks-gallery-grid {
    margin-left: 0;
}

.gallery {
    margin: -5px;
}

.gallery .gallery-item {
    padding: 5px;
}

.gallery .gallery-item figure {
    margin-bottom: 0;
}

.comment-respond .comment-reply-title:before,
.widget-title:before,
.author-posts-title:before {
    background-color: #fab702;
    content: "";
    width: 80px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0;
}

.entry-footer {
    margin: 10px 0 0;
}

.entry-footer .tags-links a {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #3a5682;
    font-weight: 500;
    letter-spacing: -0.2px;
    height: 30px;
    padding: 0 10px;
    background-color: #f1f4f9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.entry-footer .tags-links a:hover {
    background-color: #fab702;
    color: #fff;
}

.entry-footer .tags-links a:not(:last-of-type) {
    margin-right: 10px;
}

.entry-footer .cat-text {
    font-weight: 600;
    font-family: "Inter", sans-serif;
    letter-spacing: -1px;
}


/* Post Navigation */
.post-navigation .row {
    margin: 0;
}

.post-navigation {
    padding-bottom: 30px;
    margin-right: 15px;
    border-bottom: 1px solid #ddd;
}

.post-navigation .nav-links a {
    font-size: 16px;
    font-family: "Inter", sans-serif;
}


.post-navigation a {
    display: block;
    padding-left: 40px;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.8px;
    color: #0c2d62;
}

.post-navigation .nav-next a {
    padding-left: 0;
    padding-right: 40px;
}

.post-navigation a:hover {
    text-decoration: underline;
}

.post-navigation a i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #f1f4f9;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3a5682;
    transition: all 0.2s ease-in-out;
}

.post-navigation .nav-next a i {
    left: auto;
    right: 0;
}

.post-navigation .nav-links a:hover {
    box-shadow: none;
    text-decoration: underline;
}

.post-navigation a:hover i {
    background-color: #fab702;
    color: #fff;
}

.entry-content ol,
.entry-content ul {
    margin-left: 10px;
}

/* ===== Project Navigation ===== */
.project-navigation {
    display: grid;
    grid-template-columns: 1fr 50px 1fr;
    grid-column-gap: 20px;
    margin-top: 50px;
}

.project-navigation>div a {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #0c2d62;
}

.project-navigation a:hover {
    text-decoration: none;
}

.project-navigation a i {
    background-color: #092553;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.60);
    margin-right: 10px;
    border-radius: 1.5px;
    transition: all 0.3s ease-in-out;
}

.project-navigation a:hover i {
    background-color: #fab702;
    color: #fff;
}

.project-navigation .nav-next {
    text-align: right;
}

.project-navigation .nav-next a i {
    margin-right: 0;
    margin-left: 10px;
}

.project-navigation .all-projects {
    text-align: center;
}

.project-navigation .all-projects i {
    margin: 0;
}

.rtl .project-navigation .nav-previous {
    text-align: right;
}

.rtl .project-navigation .nav-next {
    text-align: left;
}

.rtl .project-navigation .nav-next i {
    margin-right: 10px;
    margin-left: 0;
}

.rtl .project-navigation .nav-previous i {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .project-navigation a i:not(.fa-th-large) {
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    .post-navigation {
        margin-right: 0;
    }

    .post-navigation .col-6 {
        padding: 0;
    }

    .post-navigation a {
        display: inline-block;
        padding: 0 !important;
    }

    .post-navigation a:hover {
        text-decoration: none;
    }

    .project-navigation>div a span,
    .post-navigation a span {
        display: none;
    }

    .post-navigation a i {
        position: inherit;
        transform: inherit;
        height: 52px;
    }

    .post-navigation .nav-next a i {
        margin-left: auto;
    }
}

/* ==========================================================================
   6.0 Pagination
   ========================================================================== */
.navigation.pagination {
    margin-top: 40px;
}

.navigation.pagination .nav-links {
    display: flex;
    gap: 10px;
}

.navigation.pagination .nav-links span.page-numbers.current, .navigation.pagination .nav-links a {
    background-color: #f1f4f9;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    text-align: center;
    color: #0c2d62;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    border-radius: 0;
    margin: 0 2px;
    transition: all 0.2s ease-in-out;
}

.navigation.pagination .nav-links a:hover {
    background-color: #092553;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.navigation.pagination .nav-links span.page-numbers.current {
    background-color: #fab702;
    color: #fff;
}

.navigation.pagination .nav-links a.prev, .navigation.pagination .nav-links a.next {
    font-size: 18px;
}

/* ==========================================================================
   7.0 Related Posts
   ========================================================================== */
.related-posts {
    margin: 40px 0 0;
    margin-right: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
}

.related-posts .widget-title {
    margin-bottom: 25px;
}

.related-posts .article-content .entry-header {
    margin-bottom: 0;
}

.related-posts .article-content .entry-content {
    margin-top: 15px;
}

/* ==========================================================================
   8.0 Featured Image Hover
   ========================================================================== */
.post-thumbnail {
    margin-bottom: 15px;
}

.post-thumbnail a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
    opacity: 0.7;
}

/* ==========================================================================
   9.0 Page Header
   ========================================================================== */
.transparent-header .page-header .page-header-content {
    padding-top: 245px;
}

.page-header {
    background-color: #0c2d62;
    background-image: url(assets/img/default-background.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    display: block;
    position: relative;
    z-index: 1;
}

.page-header .container {
    position: relative;
}

.page-header .page-header-content,
.page-header.single-post-header .page-header-content {
    padding: 150px 0;
    max-width: 80%;
    margin: 0 auto;
}

.page-header.left {
    text-align: left;
}

.page-header.center .page-title,
.page-header.center {
    text-align: center;
}

.page-header.right {
    text-align: right;
}

h1.page-title {
    color: #fff;
    position: relative;
    margin: 0 0 5px;
    padding: 0 0 10px;
    font-family: "Inter", sans-serif;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 42px;
    letter-spacing: -1px;
}

.page-header h1.page-title {
    color: #fff;
    text-transform: capitalize;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 36px;
    line-height: 42px;
}

.page-header p {
    color: #ddd;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: -0.2px;
    margin: 15px 0 0;
}

.entry-header .in-header-style {
    margin-top: 0;
}

.page-header:before {
    background-color: rgba(0, 0, 0, 0.3);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.page-header .text-center h1.page-title:before {
    left: calc(50% - 40px);
}

.page-header .text-right h1.page-title:before {
    left: auto;
    right: 0;
}

@media (max-width: 767px) {
    .page-header .page-header-content, .page-header.single-post-header .page-header-content {
        padding: 100px 0 145px;
    }
}

/* ==========================================================================
   10.0 Breadcrumb
   ========================================================================== */
.breadcrumbs {
    background-color: #092553;
    list-style: none;
    display: inline-block;
    padding: 15px 30px;
    line-height: 1;
    position: absolute;
    left: 50%;
    bottom: 0;
    text-align: center;
    transform: translateX(-50%);
}

.page-header.left .breadcrumbs {
    left: 15px;
    transform: inherit;
}

.page-header.right .breadcrumbs {
    left: auto;
    right: 15px;
    transform: inherit;
}

.breadcrumbs span span,
.breadcrumbs span a {
    font-family: "Inter", sans-serif;
    color: rgba(255, 255, 255, 0.60);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.2px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.breadcrumbs span a span {
    color: #fff;
}

.breadcrumbs span a:hover span {
    color: #fab702;
}

/* ==========================================================================
   11.0 Author Info
   ========================================================================== */
.page-header.author-page {
    height: 500px;
}

.author-posts-title {
    position: relative;
    padding-bottom: 12px;
    color: #0c2d62;
    font-weight: 700;
    font-size: 24px;
}

.author-info {
    color: #bbb;
    display: block;
    text-align: center;
}

.author-info img.avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.author-info ul {
    list-style: none;
    padding: 0;
}

.author-info ul li a {
    color: #bbb;
}

.author-socials {
    margin-top: 20px;
}

.author-socials li {
    display: inline-block;
    margin: 0 3px;
}

.author-socials li a {
    background-color: #fab702;
    color: #fff !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
}

.author-socials li a:hover {
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}

/* Author Profile */
.author-bio {
    background-color: #fafafa;
    margin: 25px 0;
    display: block;
    padding: 20px;
    min-height: 140px;
}

.author-bio .bio-inner {
    position: relative;
    padding-left: 120px;
}

.author-bio .bio-inner img {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
}

.author-bio .bio-inner h3 {
    margin: 0 0 10px;
    padding: 0;
}

.author-bio .bio-inner p {
    margin: 0 0 10px;
}

.author-bio .bio-inner ul {
    margin: 10px 0 0;
}

.author-bio .bio-inner ul li {
    display: inline-block;
    margin-right: 5px;
}

.author-bio .bio-inner ul li a {
    background-color: #fab702;
    color: #fff;
    font-size: 12px;
    line-height: 35px;
    text-align: center;
    border-radius: 2px;
    display: inline-block;
    width: 35px;
    height: 35px;
    transition: all 0.2s ease-in-out;
}

.author-bio .bio-inner ul li a:hover {
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}

/* ==========================================================================
   12.0 404 Page
   ========================================================================== */
.error-404 i {
    font-size: 80px;
    color: #fab702;
}

/* Content None */
.no-results.not-found {
    display: block;
}

/* ==========================================================================
   13.0 Project Single
   ========================================================================== */

.single-project .project-content {
    margin-right: 15px;
}

.rtl.single-project .project-content {
    margin-right: 0;
    margin-left: 15px;
}

.single-project .project-content ul {
    margin-left: 18px;
    margin-bottom: 0;
}

.single-project .project-content ul li:not(:last-of-type) {
    margin-bottom: 10px;
}

.project-content h2 {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #0c2d62;
}

.project-content p:not(:last-of-type) {
    margin-bottom: 0;
}

/* Project Single Carousel */
.project-slider {
    margin-bottom: 40px;
}

.project-single-carousel {
    overflow: hidden;
}

.project-single-carousel .owl-item {
    height: 450px;
    position: relative;
}

.project-single-carousel .owl-item .project-item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-single-carousel .owl-nav div {
    background-color: rgba(255, 255, 255, 0.60);
    color: #fff;
    font-size: 13px;
    width: 45px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 40px);
    transition: all 0.3s ease-in-out;
    opacity: 0;
    left: -90px;
}

.project-single-carousel .owl-nav div.owl-next {
    left: auto;
    right: -90px;
}

.project-single-carousel .owl-nav div:hover {
    background-color: rgba(17, 17, 17, 0.5);
    transition: all 0.3s ease-in-out;
}

.project-single-carousel:hover .owl-nav div {
    left: 0;
    opacity: 1;
}

.project-single-carousel:hover .owl-nav div.owl-next {
    left: auto;
    right: 0;
}

/* Project Carousel Dots */
.project-single-carousel .owl-dots {
    width: 100%;
    height: 10px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 40px;
    text-align: center;
}

.project-single-carousel .owl-dots div {
    background-color: rgba(255, 255, 255, 0.60);
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin: 0 4px;
    transition: all 0.3s ease-in-out;
}

.project-single-carousel .owl-dots div.active {
    background-color: #fab702;
}

/* Project Single Info */
.project-info {
    background-color: #f1f4f9;
    padding: 40px;
}

.project-info h3 {
    font-family: "Inter", sans-serif;
    color: #0c2d62;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: -1px;
    border-bottom: 2px dotted #0c2d6250;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.project-info ul {
    margin: 0;
    list-style: none;
}

.project-info ul li {
    font-size: 16px;
    font-weight: 400;
    color: #3a5682;
}

.project-info ul li span {
    display: block;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    color: #0c2d62;
    letter-spacing: -1px;
    font-size: 18px;
}

.project-info ul li:not(:last-of-type) {
    margin-bottom: 15px;
}

/* ===== Related Projects ===== */
.project-related-section {
    margin-top: 50px;
}

.project-related-section .rel-title {
    font-family: "Inter", sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -1px;
    text-transform: capitalize;
    margin-bottom: 30px;
    text-align: center;
}

.projects-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.projects-wrap.pcol-1 {
    grid-template-columns: repeat(1, 1fr);
}

.projects-wrap.pcol-2 {
    grid-template-columns: repeat(2, 1fr);
}

.projects-wrap.pcol-3 {
    grid-template-columns: repeat(3, 1fr);
}

.projects-wrap.pcol-4 {
    grid-template-columns: repeat(4, 1fr);
}

.project-item-card {
    position: relative;
    overflow: hidden;
}

.project-item-card .p-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.project-item-card img {
    width: 100%;
    transition: all 0.2s ease-in-out;
}

.project-item-card:hover img {
    transform: scale(1.05);
}

.project-item-card .project-details>div {
    width: 100%;
    padding: 30px 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.project-item-card .project-details:before {
    background: rgba(35, 36, 39, 0.8);
    background: linear-gradient(0deg, rgba(9, 37, 83, 1) 0%, rgba(255, 255, 255, 0) 60%);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    transition: height 0.2s linear;
    z-index: 1;
}

.project-item-card:hover .project-details:before {
    height: 180%;
}

.project-item-card .project-details h3 {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 0;
}

.project-item-card .project-details a {
    color: #fff;
}

.project-item-card .project-details a:hover {
    text-decoration: none;
}

.project-item-card .project-details p {
    background-color: #fab702;
    padding: 5px 15px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
}

.project-item-card .project-details p span:not(:last-of-type):after {
    content: ', ';
}

.rtl .project-item-card .project-details {
    text-align: right;
}

@media(min-width: 992px) {
    #project-details .row>.project-sticky {
        --offset: 140px;
        position: sticky;
        top: 140px;
        align-self: start;
        /* flex-basis: 379px; */
        flex-grow: 1;
    }
}

@media (max-width: 992px) {

    .projects-wrap,
    .projects-wrap.pcol-3,
    .projects-wrap.pcol-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {

    .projects-wrap,
    .projects-wrap.pcol-2,
    .projects-wrap.pcol-3,
    .projects-wrap.pcol-4 {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* ==========================================================================
   14.0 Widgets
   ========================================================================== */
.full-width #right-sidebar {
    padding-right: 30px;
}

.full-width #left-sidebar {
    padding-left: 30px;
}

#secondary {
    padding: 15px 0 30px;
}

.widget {
    padding-bottom: 50px;
}

h3.widget-title {
    position: relative;
    font-family: "Inter", sans-serif;
    color: #0c2d62;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 20px;
    padding-bottom: 8px;
}

.footer-widget .about-info-box .about-logo,
.footer-widget h3.widget-title {
    margin-bottom: 30px;
}

.widget-title a {
    color: inherit;
}

/* widget forms */
.widget select {
    width: 100%;
    border-radius: 0;
    padding: 0 10px;
}

/* widget lists */
.footer-widget .widget-box ul,
.widget ul {
    margin: 0;
    list-style: none;
}

.widget ul li,
.widget ol li {
    font-family: "Inter", sans-serif;
    padding: 0;
}

.widget ul li:not(:last-of-type),
.widget ol li:not(:last-of-type) {
    margin-bottom: 15px;
}

.widget ul li a {
    color: #3a5682;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    letter-spacing: -0.5px;
    line-height: 1;
    font-family: "Inter", sans-serif;
    display: block;
}

.widget ul li a:hover {
    color: #fab702;
    text-decoration: underline;
}

.widget:not(.widget_tag_cloud) ul li+li {
    margin-top: -1px;
}

.widget ul li ul {
    margin: 0 0 -1px;
    padding: 0;
    position: relative;
}

.widget ul li li {
    border: 0;
    padding-left: 24px;
}

.widget_archive ul li,
.widget_categories ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
}

.widget_categories ul li:not(:last-of-type) {
    margin-bottom: 15px;
}

.widget_recent_entries ul li a {
    line-height: 26px;
}

.widget_recent_entries ul li:not(:last-of-type) {
    margin-bottom: 10px;
}

.widget_pages ul li:not(:last-of-type) {
    margin-bottom: 15px;
}

/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
    bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
    padding-bottom: 5px;
    padding-top: 5px;
}

.widget_rss ul li {
    padding-bottom: 15px;
    padding-top: 15px;
}

/* Custom Nav Widget Style */
.footer-widget.widget_nav_menu .menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 10px;
}

.footer-widget.widget_nav_menu .menu li {
    margin: 0;
}

/* Widget markup */
.widget .post-date,
.widget .rss-date {
    font-size: 12px;
}

/* Text widget */
.widget_text {
    word-wrap: break-word;
}

.widget_text ul {
    list-style: disc;
    margin: 0 0 25px 25px;
}

.widget_text ol {
    list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
    border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
    padding-bottom: 0;
}

.widget_text ul li ul {
    margin: 0 0 0 25px;
}

.widget_text ul li li {
    padding-left: 0;
    padding-right: 0;
}

.widget_text ol li {
    list-style-position: inside;
}

.widget_text ol li+li {
    margin-top: -1px;
}

/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
    float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
    background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
    display: block;
}

.widget_rss ul li {
    padding: 15px 0;
}

.widget_rss ul li:first-child {
    border-top: none;
    padding-top: 0;
}

.widget_rss li .rsswidget {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}

.widget_rss .rss-date,
.widget_rss li cite {
    color: #3a5682;
    display: block;
    font-family: "Work Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
}

.widget_rss .rss-date {
    margin: 10px 0px;
    padding: 0;
}

.widget_rss .rssSummary {
    margin-bottom: 10px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    color: #3a5682;
}

/* Contact Info Widget */
.widget_contact_info .contact-map {
    margin-bottom: 10px;
}

/* Gravatar */
.widget-grofile h4 {
    font-size: 16px;
    margin-bottom: 0;
}

/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
    border: 0;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
    display: block;
}

/* Search */

.widget_search input {
    background-color: #f1f4f9;
    border-radius: 0;
    border: none;
}

.widget_search input:focus {
    background-color: #f1f4f9;
    border: none;
}

.widget_search .submit {
    background-color: #fab702;
    border-radius: 0;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
}

/* Tag cloud widget */
.tagcloud ul li {
    float: left;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    margin: 4px 4px 0 0;
}

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
    line-height: 1.5;
}

.widget_tag_cloud.tagcloud a,
.widget_tag_cloud a,
.wp_widget_tag_cloud a {
    background-color: #fab702;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    padding: 8px 10px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: auto;
    word-wrap: break-word;
    z-index: 0;
    margin: 2px 1px;
    font-size: 12px !important;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}

.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:focus,
.widget_tag_cloud a:hover,
.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
    background-color: #092553;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
    text-align: center;
}

.widget_calendar tfoot tr {
    border-bottom: 0;
}

#wp-calendar {
    border: 1px solid #eee;
}

#wp-calendar th {
    border-color: #eee;
}

/* Gallery widget */
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

/* ==========================================================================
   15.0 Footer Widgets
   ========================================================================== */
.footer-widget-section {
    background-color: #092553;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    padding: 80px 0;
    position: relative;
    z-index: 1;
}

.footer-widget-section:before {
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.footer-widget {
    padding: 15px;
}

.widget-box .widget-title {
    color: #fff;
}

.footer-widget.widget.widget_rss .rssSummary,
.footer-widget.widget p,
.footer-widget.widget ul li,
.footer-widget.widget ul li a {
    color: #bbb;
}

.footer-widget.widget_rss .rss-date,
.footer-widget.widget_rss li cite {
    color: #ddd;
}

.footer-widget #wp-calendar,
.footer-widget #wp-calendar th {
    border: 1px solid rgba(255, 255, 255, 0.07);
    color: #bbb;
}

.footer-widget #wp-calendar #today a {
    color: #fab702;
}

.footer-widget .wp-calendar-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07)
}

.footer-widget .wp-calendar-nav-prev a {
    color: #bbb;
}

.footer-widget.widget select,
.footer-widget .widget_search input {
    background-color: #fff;
}

/* Text Widgets */
.textwidget p strong {
    font-size: 12px;
    text-transform: uppercase;
    display: block;
}

.textwidget img {
    margin-bottom: 5px;
}

/* ==========================================================================
   16.0 Comments
   ========================================================================== */
#comments {
    clear: both;
    padding-top: 40px;
}

.comments-title,
.comment-respond .comment-reply-title {
    position: relative;
    font-family: "Inter", sans-serif;
    color: #0c2d62;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: capitalize;
    letter-spacing: -1px;
}

.comments-title {
    margin-bottom: 1.5em;
}

.comment-list,
.comment-list .children {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment-list li:before {
    display: none;
}

.comment-body {
    margin-left: 65px;
}

.comment-content {
    font-size: 17px;
    letter-spacing: -0.2px;
    line-height: 26px;
}

.comment-author {
    font-size: 14px;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}

.comment-author .avatar {
    height: 50px;
    left: -65px;
    position: absolute;
    width: 50px;
    border-radius: 50%;
}

.comment-author .says {
    display: none;
}

.comment-meta {
    margin-bottom: 10px;
}

.comment-metadata {
    color: #555;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    text-transform: uppercase;
}

.comment-metadata a {
    color: #3a5682;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 12px;
    font-family: "Work Sans", sans-serif;
}

.comment-metadata a.comment-edit-link {
    color: #555;
    margin-left: 5px;
}

.comment-body {
    color: #0c2d62;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 4em;
}

.comment-reply-link {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    position: relative;
    font-size: 15px;
    color: #3a5682;
}

.comment-reply-link .icon {
    color: #222;
    left: -2em;
    height: 1em;
    position: absolute;
    top: 0;
    width: 1em;
}

.children .comment-author .avatar {
    height: 30px;
    left: -45px;
    width: 30px;
}

.comment-author b {
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #0c2d62;
    letter-spacing: -0.2px;
    text-transform: capitalize;
}

.comment-author b a {
    color: #0c2d62;
}

.no-comments,
.comment-awaiting-moderation {
    color: #3a5682;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: italic;
}

.comments-pagination {
    margin: 2em 0 3em;
}

.form-submit {
    text-align: left;
}

.comment-form label {
    font-family: "Inter", sans-serif;
    color: #3a5682;
    text-transform: capitalize;
    letter-spacing: -0.5px;
    font-size: 15px;
    margin-bottom: 5px;
}

.comment-form .form-control {
    background-color: #f1f4f9;
    border: 1px solid #eee;
    border-radius: 0;
}

.comment-form .form-control:hover,
.comment-form .form-control:focus {
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: 1px solid #fab702;
}

.comment-list li.pingback .comment-body {
    margin: 0 0 15px 0;
}

.comment-navigation {
    margin-bottom: 20px;
}

.comment-navigation a {
    color: #0c2d62;
}

.comment-navigation a:hover {
    text-decoration: underline;
}

/* ==========================================================================
   17.0 Footer
   ========================================================================== */
.footer-wrap {
    background-color: #092553;
    color: #ddd;
    padding: 30px 0;
    display: block;
    text-align: center;
}

.footer-wrap .site-info {
    font-size: 15px;
    color: #bbb;
}

.footer-wrap .site-info a {
    color: #ddd;
}

.footer-wrap .site-info a:hover {
    text-decoration: underline;
}

/* ==========================================================================
   18.0 Scroll To Top
   ========================================================================== */
.scroll-to-top {
    display: none;
    text-align: center;
    background-color: #fab702;
    font-size: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 999;
}

.scroll-to-top:hover {
    color: #fff;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    text-decoration: none;
}

.rtl .scroll-to-top {
    right: auto;
    left: 40px;
}