/*  ==========================================================================
    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
    ========================================================================== */

/* ==========================================================================
   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: 10;
   }
   
   .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 a:hover {
       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: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>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>ul li:last-child a {
       border: none;
   }
   
   .main-header .main-menu li>ul li a:hover {
       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 ul {
       margin: 0;
   }
   
   .slicknav_nav ul li a {
       padding-left: 30px;
   }
   
   .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: 10px;
   }
   
   .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;
   }
   
   @media (max-width: 480px){
       .header-btn{
           display: none;
       }
   }
   
   #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;
   }
   
   #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;
       -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;
   }