/*
Theme Name: Blade Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


/*Custom Fonts */
@font-face {
    font-family: 'Alliance No.2';
    src: url('font/AllianceNo2-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Îmbunătățește performanța și previne FOIT */
}

body {
    background-color: #071F2E !important;
}

#main {
    background-color: transparent; 
}

body.blog .main-content-wrap, body.single .main-content-wrap, body.archive .main-content-wrap {
    background-color: transparent;     
}

.no-breadcrumbs .main-content {
    padding-top: 0;
}

/*Header Desktop*/

.bl_h-cont-b {
    background-color: #5FFDFD;
    border-radius: 24px;
    text-align: left;
}

.bl_h-cont-b a.btn:hover {
    transform: translateY(0) !important;
}

.bl_h-cont-b a:after {
    content: "";
    background-image: url(/wp-content/uploads/2025/03/arrow-up-right.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.bl_h-cont-b a:before {
    content: "";
    background-color: #184259;
    background-size: contain;
    background-position: right !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 1px;
    height: 16px;
    border-radius: 15px;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.bl_h-cont-b a span {
    font-family: 'Alliance No.2', sans-serif;
    font-weight: 400 !important;
    font-size: 13px;
    line-height: 20px;
}

.bl_h-cont-b a  {
    padding: 14px 60px 14px 20px;
}

.h-main .elementor-widget-wrap.elementor-element-populated {
    background: rgb(255 255 255 / 0%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 10px 30px;
    border-radius: 10px;
}

.h-main.sticky {
    background-color: transparent !important;
}

.h-main .menu-item a.current:after {
    content: "";
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/04/Path-1038@2x-header.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.h-main .porto-narrow-sub-menu {
    min-width: 300px;
}

.h-main .porto-narrow-sub-menu ul.sub-menu {
    min-width: 220px;
}

.h-main .narrow ul.sub-menu {
    background-color: #0d2434 !important;
    border: 1px solid #4985AA !important;
    border-radius: 20px !important;   
    padding: 10px 15px;
}

.h-main .narrow li.menu-item:hover > a, .h-main .wide li.menu-item li.menu-item:hover > a {
    color: #fff;
    background-color: transparent !important;
}

.h-main .main-menu .narrow li.menu-item > a {
    color: #fff !important;
    border-bottom-color: #f3f3f324 !important;
}

/*Footer*/

#footer .logo img {
    display: inline-block;
    max-width: 150px;
}

.bl_text-logo {
    color: #99A2B3;
    font-size: 15px;
    line-height: 1.4;
    font-family: 'Figtree';
}

.bl_menu-footer ul li {
    margin-bottom: 20px;
}

.bl_menu-footer ul {
    font-size: 16px;
    color: #fff;
    font-family: 'Figtree';
    list-style-type: none;
}

.bl_menu-footer a:hover:after {
    opacity: 0.6;
}

.bl_menu-footer a:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/04/sublinie-albastra-hover.svg);
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bl_menu-footer a {
    position: relative;
}

.bl_menu-footer ul li {
    margin-bottom: 20px;
    width: fit-content;
}

.bl_social ul li {
    width: 30px;
    height: auto;
    margin-right: 10px;
}

.bl_social ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

footer#footer:before {
    content: "";
    background-image: url(/wp-content/uploads/2025/04/Footer-background.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -210px;
    left: 0px;
    width: 100%;
    height: 1106px;
}

footer#footer {
    position: relative;
}

.bl_footer-blur .elementor-element-1318002 > .elementor-element-populated {
    background: rgb(7 32 47 / 52%);
    backdrop-filter: blur(1200px);
    -webkit-backdrop-filter: blur(1200px);
    border-radius: 10px;
}

.bl_cpright p {
    margin-bottom: 0;
}

.porto-block.has-pb-edit:hover {
    outline: unset;
}

.bl_tel-icn-footer .elementor-icon-box-title {
    margin-bottom: 0 !important;
}

/*Home page*/
.bl_btn-bef-aft a {
    padding: 12px 57px 12px 25px;
}

.bl_hover-box .elementor-element-populated {
    position: relative;
}

.bl_hover-box .elementor-element-populated:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 1000px;
    height: 1000px;
    background: radial-gradient(circle, #0c505db0 5%, rgba(255, 102, 0, 0) 73%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
}

.bl_hover-box .elementor-element-populated:hover:after {
    opacity: 1;
}

.bl_hover-box .elementor-element-populated {
    overflow: hidden;
}

.bl_count {
    position: absolute;
    top: 35px;
    left: 35px;
    z-index: 2;
}

.bl-counter img {
    width: 128px;
    height: auto;
}

.bl_btn-dff-top {
    width: fit-content;
    display: block;
    margin: 0 auto;
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 15px;
    line-height: 18px;
    color: #B8E5FF;
    background: linear-gradient(to bottom, #2a6180, #163b4f);
    font-family: 'Figtree';
}

.bl_acordeon .elementor-accordion-item {
    border: unset;
}

.bl_acordeon .elementor-tab-title.elementor-active {
    border-top: 1px solid #4985AA;
    border-left: 1px solid #4985AA;
    border-right: 1px solid #4985AA;
    border-radius: 10px 10px 0 0;
    background-color: #0d2434;
}

.bl_acordeon .elementor-tab-content.elementor-clearfix.elementor-active {
    border-bottom: 1px solid #4985AA;
    border-left: 1px solid #4985AA;
    border-right: 1px solid #4985AA;
    border-radius: 0 0 10px 10px;
    background-color: #0d2434;
}

.bl_acordeon .elementor-accordion-icon.elementor-accordion-icon-left {
    float: right !important;
    text-align: right !important;
}

.bl_acordeon span.elementor-accordion-icon-opened svg, .bl_acordeon span.elementor-accordion-icon-closed svg {
    display: none;
}

.bl_acordeon span.elementor-accordion-icon-opened:after {
    content: "";
    width: 46px;
    height: 46px;
    background-image: url(/wp-content/uploads/2025/04/minus-button.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.bl_acordeon span.elementor-accordion-icon-closed:after {
    content: "";
    width: 46px;
    height: 46px;
    background-image: url(/wp-content/uploads/2025/04/plas-button.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.bl_acordeon .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
    width: 46px;
}

/*--Carousell--*/

.image-name {
  display: none;
  text-align: center;
  margin-top: 5px;
  color: #ffffff;
  font-family: 'Figtree';
}

.image-item {
  text-align: center;
}

.image-item.active .image-name {
  display: block;
}

.section-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.image-container {
  display: flex;
  gap: 10px;
  margin-bottom: 100px;
}

.image-container img {
  width: 65px;
  height: 65px;
  object-fit: cover;
  cursor: pointer;
}

.carousel-container {
  display: flex;
  gap: 35px;
  transition: transform 0.3s ease-in-out;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.carousel-box {
    width: 400px;
    opacity: 0.3;
    transition: opacity 0.3s ease;
    border: 1px solid #4985AA;
    border-radius: 20px;
    background: #0e2736;
}

.carousel-box.active {
  opacity: 1;
}

.bl_txt-carousel p {
    font-size: 21px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 60px;
    padding: 50px 30px 0 30px;
    font-family: 'Figtree';
}

.bl_img-av {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 30px 40px;
}

.bl_left-av p {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 3px;
}

p.bl-tx-gr {
    font-size: 14px;
    line-height: 26px;
    color: #99A2B3;
    margin-bottom: 0;
}

.bl_left-av {
    margin-left: 16px;
}

.bl_img-av img {
    width: 46px;
    height: 46px;
}

.carousel-box.active {
    position: relative;
    overflow: auto;
}

.carousel-box.active:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 1000px;
    height: 1000px;
    background: radial-gradient(circle, #0c505db0 5%, rgba(255, 102, 0, 0) 73%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
}

.bl_txt-carousel {
    z-index: 1;
    position: relative;
}

.bl_uder-sec-circle {
    position: relative;
}

.bl_uder-sec-circle:after {
    content: "";
    position: absolute;
    top: 70%;
    left: 50%;
    width: 2000px;
    height: 2000px;
    background: radial-gradient(circle, #0c505db0 6%, rgba(255, 102, 0, 0) 64%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
}

/*--END Carousell--*/

.owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover {
    background-color: #0E2534;
}

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    background-color: #0E2534;
    border: 1px solid #4985AA !important;
    border-radius: 5px !important;
}

.bl_blog-grid .porto-section.blog-type {
    border-radius: 20px;
    background-color: #071f2e !important;
    padding-bottom: 35px;
}

.bl_blog-grid .porto-tb-featured-image {
    padding: 25px;
}

.bl_blog-grid .porto-tb-featured-image img, .bl_blog-grid .porto-tb-featured-image a {
    border-radius: 10px;
}

.bl_blog-grid span.porto-tb-meta.tb-meta-category {
    padding-left: 35px;
}

.bl_blog-grid .flex-wrap.align-items-center {
    padding-left: 35px;
    margin-top: 0;
    padding-top: 5px;
}

.bl_blog-grid h4.porto-heading {
    padding-left: 35px;
}

.bl_blog-grid span.porto-tb-meta.tb-meta-category a {
    background-color: #2a7881;
    padding: 4px 12px;
    color: #5ffdfd;
    font-size: 12px;
    border-radius: 6px;
}

.bl_blog-grid .flex-wrap.align-items-center span {
    color: #c9cacc;
    font-size: 16px;
    font-family: 'Figtree';
}

.bl_blog-grid h4.porto-heading {
    padding-left: 35px;
    padding-right: 30px;
    font-size: 24px;
    font-family: 'Figtree';
    font-weight: 400;
    color: #fff;
    line-height: 1.3;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bl_blog-grid a.wp-block-read-more {
    display: none;
}

.bl_blog-grid .wp-block-group {
    justify-content: end;
    padding-right: 25px;
}

a.btn.btn-lg.btn-primary.blog-type-btn {
    font-size: 0 !important;
}

a.btn.btn-lg.btn-primary.blog-type-btn:after {
    content: "";
    width: 46px;
    height: 46px;
    background-image: url(/wp-content/uploads/2025/04/image-blog-grid.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.bl_blog-grid .porto-section.blog-type:hover {
    background-color: #0c2a3d !important;
}

.bl_blog-grid .porto-section.blog-type:hover a.btn.btn-lg.btn-primary.blog-type-btn:after {
    background-image: url(/wp-content/uploads/2025/04/image-blog-grid-hover.png) !important;
}

.porto-tb-featured-image .zoom {
    display: none;
}

.bl_portfolio-grid .porto-tb-item {
    border: 1px solid #4985AA;
    border-radius: 20px;
    padding: 35px 20px 10px 40px;
}

.bl_portfolio-grid .porto-tb-item .wp-block-columns {
    flex-wrap: nowrap !important;
    align-items: flex-end;
    width: 100%;    
}

.bl_two-classes {
    width: 100%;
}

.bl_three-classes {
    justify-items: end;
    width: 100%;
}



.bl_portfolio-grid h2.wp-block-post-title {
    font-size: 26px;
    font-family: 'Figtree';
    font-weight: 400;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bl_first-classes {
    max-width: 350px;
    width: 100%;
    margin-bottom: -10px !important;
}

.bl_portfolio-grid .taxonomy-portfolio_cat {
    margin-bottom: 5px !important;
}

.bl_portfolio-grid .taxonomy-portfolio_cat a {
    background-color: #2a7881;
    padding: 4px 12px;
    color: #5ffdfd;
    font-size: 12px;
    border-radius: 6px;
    pointer-events: none;
}

.bl_portfolio-grid .wp-block-post-date time {
    color: #c9cacc;
    font-size: 16px;
    font-family: 'Figtree';
}

.bl_portfolio-grid p.wp-block-post-excerpt__excerpt {
    font-size: 16px;
    font-family: 'Figtree';
    font-weight: 400;
    color: #99A2B3;
    line-height: 1.3;
}

.bl_portfolio-grid .wp-block-post-excerpt {
    margin-bottom: 42px;
}

.bl_portfolio-grid a.wp-block-read-more {
    border-radius: 5px 5px 5px 5px;
    font-family: "Figtree", Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #18425C;
    background-color: #5FFDFD;
    border-width: 0px 0px 0px 0px;
    padding: 8px 70px 8px 40px;
}

.bl_portfolio-grid a.wp-block-read-more{
    position: relative;
}

.bl_portfolio-grid a.wp-block-read-more:before {
    content: "";
    background-color: #184259;
    background-size: contain;
    background-position: right !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 1px;
    height: 16px;
    border-radius: 15px;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);    
}

.bl_portfolio-grid a.wp-block-read-more:after {
    content: "";
    background-image: url(/wp-content/uploads/2025/03/arrow-up-right.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.bl_portfolio-grid figure.wp-block-post-featured-image img {
    border-radius: 20px;
    max-width: 315px;
    height: 210px;
}


/*Despre noi*/



.bl_acolada-dnoi span.blie-light {
    color: #5FFDFD !important;
}

.bl_alice h2, .bl_alice .porto-u-sub-heading {
    font-family: 'Alliance No.2' !important;
}

.bl_dn-w {
    max-width: 520px;
}

.bl_carousell-echi .member_cat-membri:nth-child(odd) {
    transform: rotate(-1deg); /* Rotire pentru elementele impare */
}

.bl_carousell-echi .member_cat-membri:nth-child(even) {
    transform: rotate(3deg); /* Rotire pentru elementele pare */
}

.bl_carousell-echi h3.elementor-heading-title {
    font-family: 'Alliance No.2';
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: normal;
    font-weight: 400;
    line-height: 14px;
    color: #fff;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0px;
}

.bl_rolee .elementor-widget-container {
    font-family: 'Alliance No.2';
    font-size: 20px;
    font-weight: 400;
    line-height: 14px;
    color: #99A2B3;
    text-align: center;
    margin-bottom: 10px;
}

.bl_description .elementor-widget-container {
    font-family: 'Alliance No.2';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #5FFDFD;
    text-align: center;
    margin-top: 5px;
    width: 260px;
    margin: 0 auto;
}

.bl_carousell-echi .member_cat-membri {
    opacity: 0.5; 
    transition: opacity 0.3s 
}

.bl_carousell-echi .member_cat-membri:hover {
    opacity: 1; 
}

.bl_carousell-echi .member_cat-membri h3.elementor-heading-title,
.bl_carousell-echi .member_cat-membri .bl_rolee .elementor-widget-container,
.bl_carousell-echi .member_cat-membri .bl_description .elementor-widget-container {
    opacity: 0;
}

.bl_carousell-echi .member_cat-membri:hover h3.elementor-heading-title,
.bl_carousell-echi .member_cat-membri:hover .bl_rolee .elementor-widget-container,
.bl_carousell-echi .member_cat-membri:hover .bl_description .elementor-widget-container {
    opacity: 1;
}

.bl_video-dn {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.bl_video-dn > .elementor-column-gap-default {
    border-radius: 40px !important;
    border: 1px solid #99A2B3;
}

.bl_video-dn video {
    border-radius: 30px;
}

.bl_video-dn .elementor-custom-embed-image-overlay {
    border-radius: 30px;
}

.bl_valori .elementor-column {
    padding: 30px;
    border: 1px solid #edeeef2b;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.bl_valori .elementor-column:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, #0c505db0 5%, rgba(255, 102, 0, 0) 65%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
}

.bl_valori .elementor-column:hover:before {
    background: radial-gradient(circle, #0c505d 5%, rgba(255, 102, 0, 0) 65%);

}

.bl_valori .porto-icon {
    margin-bottom: 70px !important;
}

.bl_left-align {
 margin: unset !important;   
}

.bl_left-align .bl_btn-dff-top {
    margin-left: 0px;
}

.bl_tabbed .elementor-tabs {
    position: relative;
}

.bl_tabbed .elementor-tabs-wrapper {
    display: flex;
    flex-direction: row !important;
    justify-content: flex-start;
    align-items: baseline;
    width: 40% !important;
}

.bl_tabbed .elementor-tab-title,
.bl_tabbed .elementor-tab-title:before,
.bl_tabbed .elementor-tab-title:after,
.bl_tabbed .elementor-tab-content,
.bl_tabbed .elementor-tabs-content-wrapper {
    border-width: 0 !important;
}

.bl_tabbed .elementor-tab-title {
    text-align: center;
    font-size: 32px;
    line-height: 28px;
    font-family: 'Figtree';
    font-weight: 400;
    color: #fff;
    border-radius: 20px;
    padding: 30px 58px;
}

.bl_tabbed .elementor-tab-title.elementor-active {
    border: 1px solid #ffffff6e !important; 
}

.bl_tabbed .elementor-tab-content img {
    height: 100%;
    width: 100%;
}

.text-moved h3 {
    font-size: 26px;
    line-height: 25px;
    font-family: 'Figtree';
    font-weight: 400;
    color: #fff;
}

.text-moved {
    font-size: 21px;
    line-height: 26px;
    font-family: 'Figtree';
    font-weight: 400;
    color: #fff;
}

.bl_line-part .elementor-image-box-content h3 {
    margin-bottom: 0;
    margin-left: 30px;
}

.bl_line-part {
    border: 1px solid #4985AA;
    border-radius: 20px;  
    overflow: hidden;
}

.bl_line-part:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 2000px;
    height: 2000px;
    background: radial-gradient(circle, #0c505db0 5%, rgba(255, 102, 0, 0) 65%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
}

.bl_effect-r, .bl_effect-l {
    overflow: hidden;
    position: relative;
}

.bl_effect-l:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 100%;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, #0c505db0 5%, rgba(255, 102, 0, 0) 65%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
}

.bl_effect-r:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, #0c505db0 5%, rgba(255, 102, 0, 0) 65%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
}


.bl_last-sec {
    z-index: 9;
}

.bl_orar p {
    margin-bottom: 2px;
    font-size: 18px !important;
}

.bl-contact-bord {
    border: 1px solid #4985AA;
    border-radius: 20px;  
    overflow: hidden;    
}

.bl-contact-bord:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 1800px;
    height: 1800px;
    background: radial-gradient(circle, #0c505db0 5%, rgba(255, 102, 0, 0) 65%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
}

.bl_form-cnt p {
    font-size: 14px;
    line-height: 1;
    font-family: 'Figtree';
    font-weight: 400;
    color: #5FFDFD;
    margin-bottom: 5px;
}

.bl_form-cnt .row {
    margin-bottom: 10px;
}

.bl_select select {
    width: 100%;
}

.bl_form-cnt textarea {
    width: 100%;
}

.bl_form-cnt input, .bl_form-cnt select, .bl_form-cnt textarea {
    background-color: #071F2E !important;
    border: 1px solid #4985AA !important;
    border-radius: 5px;
}

.bl_trimite input {
    color: #ffffff !important;
    font-size: 16px;
    padding: 12px 30px;
}

.bl_form-cnt select {
    color: #FFFFFF;
    background: #fff url(/wp-content/uploads/2025/04/download-1.svg) 96% 49% / 26px 60px no-repeat;
    width: 100%;
}

.bl_form-cnt span.wpcf7-not-valid-tip {
    color: #c10000;
    margin-top: 3px;
    padding: 0;
    font-size: 0.9em;
    background-color: #fff;
    border-radius: 20px;
    padding: 0px 10px;
    width: fit-content;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #fff !important;
    font-family: 'Figtree';
}

@media only screen and (min-width: 767px) {
.text-moved {
    position: absolute;
    left: 0;
    width: 400px;
    top: 185px;
}
}

/*Networking si securitate*/
.bl_img-cf-form img {
    height: auto;
    width: 90px;
} 

.bl-content-cf-demo {
    text-align: center;
}

.bl-content-cf-demo img {
    width: 80px;
    height: auto;
    margin-bottom: 15px;
}

.bl-content-cf-demo p {
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
}

.bl-content-cf-demo {
    width: 300px;
    margin-bottom: 15px !important;
    margin: 0 auto;
}

.bl_d-row {
    background-color: #071f2e75;
    margin-bottom: 10px;
    border-radius: 20px;
}

.bl_d-row input {
    width: 100%;
    height: 10px;
    background-color: #00000000;
    border: unset;
}

.bl_d-row p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #fff;
    line-height: 1;
    font-family: 'Figtree';
}

.bl_d-row {
    display: flex;
    flex-direction: column;
    padding: 16px 21px;
}

.bl_d-row input::placeholder {
    font-size: 17px;
    color: #999EAA;
}

.bl_d-row input {
    font-size: 16px;
    color: #999EAA;
    padding-bottom: 12px;
}

.bl-content-cf-demo-left p {
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.bl-content-cf-demo-left {
    max-width: 380px;
}

.bl-content-cf-demo-left a {
    text-decoration: underline;
}

.bl_btn-demo input {
    border-radius: 5px 5px 5px 5px;
    font-family: "Figtree", Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #18425C;
    background-color: #5FFDFD;
    border-width: 0px 0px 0px 0px;
    padding: 10px 60px 10px 20px;
}

.bl_btn-demo:before {
    content: "";
    background-color: #184259;
    background-size: contain;
    background-position: right !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 1px;
    height: 16px;
    border-radius: 15px;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.bl_btn-demo:after {
    content: "";
    background-image: url(/wp-content/uploads/2025/03/arrow-up-right.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.bl_btn-demo input:hover {
    background-color: #2d7a83 !important;
}

.bl_btn-demo:hover:before, .bl_btn-demo:hover:after {
    filter: brightness(0) saturate(100%) invert(1);
}

.bl_btn-demo {
    width: fit-content;
    position: relative;
}

.bl_demo-form span.wpcf7-not-valid-tip {
    position: absolute;
    top: 22px;
    background-color: #fff;
    border-radius: 20px;
    padding: 0px 10px;
}

.bl_demo-form .wpcf7-response-output {
    color: #fff;
    font-family: 'Figtree';
}

.bl_demo-form input.wpcf7-not-valid, .bl_demo-form select.wpcf7-not-valid, .bl_demo-form textarea.wpcf7-not-valid {
    border-color: #a94442;
    box-shadow: unset;
}

.bl_border-sec-it {
    border: 1px solid #4985AA;
    border-radius: 20px;    
}

.bl_portf .porto-tb-item.portfolio {
    overflow: hidden !important;
    position: relative;
}
    
.bl_portf .porto-tb-item.portfolio:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 1800px;
    height: 1800px;
    background: radial-gradient(circle, #0c505db0 5%, rgba(255, 102, 0, 0) 65%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;    
}

.bl_portf .porto-tb-item.portfolio:hover:before {
    opacity: 1; 
    z-index: -1;
}

/*Backup*/
.bl_number-shape {
    position: relative;
}

.bl_number-shape h2 {
    z-index:2;
    position: relative;
}

.bl_number-shape:after {
    content: "";
    position: absolute;
    top: 25%;
    left: 20px;
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, #0c505db0 5%, rgba(255, 102, 0, 0) 65%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;  
    z-index: 1;    
}

/*Data Storage*/

p.bl_tp-mrg {
    font-size: 14px !important;
    font-family: 'Alliance No.2';
    margin-top: 50px;
    margin-bottom: 5px;
}

p.bl_diff-clr {
    color: #99A2B3 !important;
    font-size: 14px !important;
    font-family: 'Alliance No.2';
    margin-bottom: 5px;
}

.bl_over-img {
  position: relative;
  overflow: hidden;
}

.bl_over-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%; /* cât de sus să meargă gradientul */
  background: linear-gradient(to top, #071F2E, transparent);
  pointer-events: none; /* să nu blocheze click-urile */
}

input.wpcf7-validates-as-number {
    width: 100%;
}

.bl_contact_backup input.wpcf7-validates-as-email, .bl_contact_backup input.wpcf7-validates-as-required, .bl_contact_backup input.wpcf7-validates-as-tel {
    width: 100%;
}

.bl_contact_backup .bl-content-cf-demo-left {
    max-width: 100%;
}

/*Videoconferinta*/

.bl_prod-img img {
    width: 100%;
}

.bl_circle-b{
    position: relative;
}

.bl_circle-b:after {
    content: "";
    position: absolute;
    top: 10%;
    left: 50%;
    width: 1800px;
    height: 1800px;
    background: radial-gradient(circle, #0c505db0 5%, rgba(255, 102, 0, 0) 65%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;  
    z-index: 1;
}

.bl_title_vid {
    z-index: 2;
}

/*Cablare structurala*/

.bl_valori .elementor-column.bl_disable {
    border: unset;
}
.bl_valori .elementor-column.bl_disable:before {
    content: unset;
}

/*Echipamente End User*/

.gg_testimonials .elementor-testimonial__text, .gg_testimonials span.elementor-testimonial__name {
    color: #fff !important;
}

.gg_testimonials .swiper-pagination-bullet-active {
    background-color: #5FFDFD !important;
}

/*Servicii*/

.elementor-column.bld_cf7-bg-grey {
    display: initial !important;
}

.bl_inline-elem .porto-u-heading {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.bl_inline-elem .porto-u-sub-heading {
    margin-left: 30px;
}

.bl_col-heigh-scr, .bl_scr-vert {
    max-height: 650px;
    overflow-y: scroll;
}

.bl_col-heigh-scr::-webkit-scrollbar, .bl_scr-vert::-webkit-scrollbar {
    width: 10px;
}
    
.bl_col-heigh-scr::-webkit-scrollbar-track, .bl_scr-vert::-webkit-scrollbar-track {
    background: #071F2E;
    border: 1px solid #4985AA;
    border-radius: 10px;
}
    
.bl_col-heigh-scr::-webkit-scrollbar-thumb, .bl_scr-vert::-webkit-scrollbar-thumb {
    background: #5FFDFD;
    border-radius: 15px;
}
        
.bl_col-heigh-scr::-webkit-scrollbar-thumb:hover, .bl_scr-vert::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*Digitalizare*/

.bl_scr-vert {
    padding-right: 15px;
}

.bl_circle-bbl .bl_number-shape:after {
    content: "";
    position: absolute;
    top: 40%;
    left: 20px;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, #0c505db0 5%, rgba(255, 102, 0, 0) 65%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
    z-index: 1;
}

.bl_left-line:before {
    content: "";
    background-image: url(/wp-content/uploads/2025/04/Rectangle-790.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 450px;
    width: 20px;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}

/*Contact page*/

.bl_contact-page .bl-contact-bord .elementor-element-populated {
    background-color: #0d2434;
}

.bl_contact-page .bl-contact-bord:before {
    content: unset !important;
}

.bl_contact-page .bl_btn-dff-top, .bl_contact-page .porto-u-main-heading {
    z-index: 2;
    position: relative;
}

.bl_contact-page .bl-contact-bord:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 1800px;
    height: 1800px;
    background: radial-gradient(circle, #0c505db0 5%, rgba(255, 102, 0, 0) 65%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
    z-index: 1;
}

.bl_corm-cnt {
    border: 1px solid #4985AA;
    border-radius: 20px;
    overflow: hidden;
    background: #274152a8;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 10px;
}

.bl_corm-cnt .bl_d-row select, .bl_corm-cnt .bl_d-row textarea {
    width: 100%;
    background-color: transparent;
    border: unset;
}

.bl_corm-cnt .bl_d-row textarea::placeholder, .bl_corm-cnt .bl_d-row textarea,
.bl_corm-cnt .bl_d-row select {
    font-size: 17px;
    color: #999EAA;
}

.bl_corm-cnt .bl_demo-form .row {
    justify-content: space-between;
    width: 100%;
    margin: 0 auto !important;
}

.bl_corm-cnt .col-6.bl_d-row {
    width: 49%;
}

.bl_checkbox a {
    color: #999EAA;
}

.bl_checkbox {
    margin-bottom: 20px;
}

.bl_maps-contact {
    opacity: 0.9;
}

/*404 Page*/
.bl_404-pg {
    border: 1px solid #4985AA !important;
    border-radius: 20px !important;    
}

.bl_404-pg {
    background-color: #0d2434;
    overflow: hidden;
    position: relative;
}

.bl_404-bg-img {
    z-index: 2;
}

.bl_404-pg:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 1800px;
    height: 1800px;
    background: radial-gradient(circle, #0c505db0 5%, rgba(255, 102, 0, 0) 65%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
    z-index: 1;
}

/*Pag statice*/

.bl_pag-text h2 {
    color: #fff;
    font-size: 26px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.bl_pag-text h2 strong {
    font-family: 'Figtree' !important;
    font-weight: 500;
}

/*Blog page*/
.blog .fixed-header #header {
    position: relative;
    z-index: 3;
}

body.blog .main-content-wrap, body.blog .main-content {
    padding-bottom: 0;
    padding-top: 0;
}

.bl_cst-post-img img {
    object-fit: cover;
    width: 100%;
    height: 240px;
}

.blog span.swiper-pagination-bullet:hover {
    background-color: #5FFDFD;    
}

.blog span.swiper-pagination-bullet {
    width: 90px !important;
    height: 3px !important;
    border-radius: 0;
    background-color: #5FFDFD;
    opacity: 0.3;
}

.blog span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #5FFDFD;    
    opacity: 1;
}

.bl_slider-post .elementor-widget-post-info {
    margin-bottom: 10px;
}

.bl_post-slider {
    margin-bottom: 50px !important;
    border: 1px solid #4985AA !important;
    border-radius: 20px !important;
    padding: 10px;
}

.bl_post-slider img {
    border-radius: 20px !important;
}

.bl_post-slider .elementor-widget-container img {
    object-fit: cover;
    height: 400px;
    width: 100%;
}

.blog .page-numbers {
    border: 1px solid #4985AA;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Figtree';
    color: #99A2B3;
    line-height: 44px;
}

.page-links a:focus, .page-links a:hover, .pagination a:focus, .pagination a:hover {
    background-color: #17475d;
    border: 1px solid #4985AA;  
    color: #fff;
}

.blog .page-numbers.current {
    background-color: #17475d;
    border: 1px solid #4985AA;
}

.bl_single-categori-info li .elementor-icon-list-text {
    padding: 15px 32px;
    background-color: #0e2a37;
    border-radius: 20px;
}

.single-post .main-content-wrap, .single-post .main-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.single-post .fixed-header #header {
    position: relative;
}

.bl_comment-post h3#reply-title, .bl_comment-post div#comments h3 {
    font-family: 'Figtree';
    font-size: 46px;
    font-weight: 400;
    line-height: 46px;
    color: #DCDAEB;
    margin-bottom: 60px;
}

.bl_comment-post div#comments h3 {
    font-size: 28px;
    margin-bottom: 20px;
}

.bl_comment-post form#commentform {
    background-color: transparent;
    border: 1px solid #4985AA !important;
    border-radius: 20px !important;
}

.bl_comment-post p.logged-in-as, .bl_comment-post p.comment-notes {
    color: #fff;
    font-family: 'Figtree';
    font-size: 16px;
}

.bl_comment-post p.comment-form-comment label {
    font-family: 'Figtree';
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    color: #DCDAEB;
    margin-bottom: 25px;
}

.bl_comment-post textarea#comment {
    background-color: #0E2534;
    border: 1px solid #4985AA !important;
    border-radius: 20px !important;
    color: #99A2B3;
    font-size: 14px;
    line-height: 1.4;
}

.bl_comment-post .form-submit input#submit {
    background-color: #5ffdfd;
    border-radius: 8px;
    padding: 10px 25px;
    color: #184259;
    border-color: #5ffdfd;
    font-family: 'Figtree';
    text-transform: capitalize;
}

.bl_comment-post form#commentform label {
    font-size: 14px;
    line-height: 1;
    font-family: 'Figtree';
    font-weight: 400;
    color: #5FFDFD;
    margin-bottom: 5px;
}

.bl_comment-post form#commentform input {
    border: 1px solid #4985AA !important;
    border-radius: 5px;
    background-color: #0e2534;
    color: #99A2B3;
    font-size: 14px;
}

.bl_comment-post .img-thumbnail {
    background-color: transparent;
    border: 1px solid #4985AA !important;
    border-radius: 50px;
}

.bl_comment-post ul.comments .comment-by strong, .bl_comment-post a.comment-reply-link {
    color: #fff;
    font-family: 'Figtree';
}

.bl_comment-post ul.comments .comment-block .date, .bl_comment-post ul.comments .comment-block p {
    color: #99A2B3;
    font-family: 'Figtree';
}

/*Breadcrumb*/

ul.breadcrumb li {
    text-transform: capitalize !important;
}

.page-top ul.breadcrumb>li:first-child a span {
    font-size: 0;
}

.page-top ul.breadcrumb>li:first-child a span:before {
    content: "";
    background-image: url(/wp-content/uploads/2025/04/house-simple-fill-svgrepo-com-1.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
}

.page-header-8 .delimiter:before, .page-top ul.breadcrumb>li .delimiter:before {
    content: "> ";
    position: relative;
    right: -2px;
    font-size: 8px;
}

.page-top.page-header-6 > .container {
    padding-top: 0;
    padding-bottom: 0;
}

.page-header-6 {
    padding: 0;
}

.bl_bread-c a {
    pointer-events: none;
}

/*Portofolio*/

.bl_filtering-cat ul.portfolio-filter {
    border: 1px solid #4985AA !important;
    border-radius: 50px !important;
    padding: 10px 15px;
    margin-bottom: 35px;
}

.bl_filtering-cat ul.portfolio-filter li a {
    color: #99A2B3;
    font-family: 'Alliance No.2';
    font-size: 14px;
    line-height: 22px;
}

.bl_filtering-cat ul.portfolio-filter li.active a {
    color: #fff;
    border: 1px solid #4985AA !important;
    border-radius: 20px !important;
    background: linear-gradient(to bottom, #1d4760, #122c3c);
    padding-left: 25px;
    padding-right: 25px;
}

.load-more a.next.page-numbers {
    width: fit-content;
    background: linear-gradient(to bottom, #48aab1, #102a38);
    color: #fff;
    font-family: 'Figtree';
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    border: 1px solid #4985AA !important;
    border-radius: 50px !important;
    padding: 12px 30px;
}

.bl_f-img-port {
    border-radius: 20px;
}

.single-portfolio .fixed-header #header {
    position: relative !important;
}

.single-portfolio .main-content-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.bl_info-portf .porto-u-main-heading h2 {
    margin-bottom: 10px;
}

.bl_img-ff {
    border-radius: 20px;
    margin-bottom: 70px;
}

.bl_cont-portfolio h2, .bl_cont-portfolio h3, .bl_cont-portfolio h4,
.bl_post-single-cont h2, .bl_post-single-cont h3, .bl_post-single-cont h4 {
    font-weight: 400;
    line-height: 1.2;   
    color: #fff;
}

.bl_cont-portfolio h4, .bl_post-single-cont h4 {
    font-size: 28px;
}

.bl_cont-portfolio h3, .bl_post-single-cont h3 {
    font-size: 34px;
}

.bl_cont-portfolio h2, .bl_post-single-cont h2 {
    font-size: 42px;

}

.bl_cont-portfolio a, .bl_post-single-cont a {
    color: #5FFDFD;
    font-size: 16px;
    text-decoration: underline;
}

.bl_cont-portfolio img, .bl_post-single-cont img {
    border-radius: 20px;
    width: 45%;
    height: auto;
}

.bl_cst-img-client img {
    width: 200px !important;
    height: auto;
}

.bl_cont-portfolio p, .bl_cont-portfolio li, .bl_post-single-cont p, .bl_post-single-cont li {
    font-size: 16px !important;
    color: #fff !important;
    line-height: 1.4 !important;
}

/*Search*/
.fixed-header #header .searchform-popup .searchform {
    background-color: #0E2534;
    border-radius: 20px;
    border: 1px solid #4985AA !important;
}

#header .reveal-search-layout input {
    border-bottom-color: #4985aa52;
}

#header .reveal-search-layout .button-wrap .porto-icon-magnifier:before, .fa-times:before {
    color: #fff;
}

#header .reveal-search-layout .searchform input, #header .reveal-search-layout .searchform input::placeholder {
    color: #fff;
    font-family: 'Figtree';
    opacity: 1;
}

.h-main .main-menu .narrow li.current-menu-item > a {
    color: #5ffdfd !important;    
}

.bl_coll-center .elementor-column.bl_prod-img {
    width: 23.5% !important;
}

.bl_no-link a, li.bl_dezactivated-link > a {
    pointer-events: none;
}

.editor-styles-wrapper.block-editor-writing-flow {
    background-color: #ffffff !important;
}

.mce-content-body.elementorwpeditor.post-type-page {
    background-color: #fff !important;
}

.bl_first-classes img.client-logo {
    width: 130px;
    height: auto;
}

.bl_img-carousell-im img.swiper-slide-image {
    max-width: 60%;
}

.bl_space-dots .swiper-pagination {
    bottom: -40px !important;
}

.bl_filtering-cat ul.portfolio-filter {
    display: flex;
}

li[data-filter="cablare-structurata-si-supraveghere-video-ip"] {
    order: 5;
}

li[data-filter="digitalizare"] {
    order: 3;
}

li[data-filter="security-networking"] {
    order: 2;
}

li[data-filter="server-storage"] {
    order: 1;
}

li[data-filter="wireless"] {
    order: 4;
}


/*Responsive*/

@media only screen and (max-width: 1373px) {
    .bl_tabbed .elementor-tab-title {
        font-size: 24px;
        line-height: 24px;
        padding: 22px 42px;
    }
    
    .bl_tabbed .text-moved {
        max-width: 360px;
        top: 120px;
    }
    
    .bl_tabbed .text-moved p {
        font-size: 18px !important;
    }
    
}

@media only screen and (max-width: 1262px) {
    .h-main .elementor-widget-porto_hb_logo {
        margin-right: 20px !important;
    }
    
    .h-main .main-menu > li.menu-item > a {
        padding: 0 15px !important;
        font-size: 14px !important;
    }

    .h-main .porto-narrow-sub-menu a {
        font-size: 13px !important;
    }
    
    .bl_menu-head {
        width: 60% !important;
    }
    
    .bl_justy-responsive-h .elementor-element-populated {
        justify-content: space-between;
    }
}

@media only screen and (max-width: 1100px) {
    .h-main .elementor-widget-porto_hb_logo img {
        width: 75%;
    }

    .bl_h-cont-b {
        margin-left: 0 !important;
    }

    .h-main .main-menu > li.menu-item > a {
        padding: 0 12px !important;
        font-size: 13px !important;
    }
    
    .bl_menu-head {
        width: 53% !important;
    }
    
    .bl_h-cont-b a {
        padding: 10px 50px 10px 16px;
    }

    .bl_h-cont-b a:before {
        right: 42px;
    }
    
    .bl_h-cont-b a:after {
        width: 12px;
        height: 12px;
        right: 16px;
    }

}

@media only screen and (max-width: 992px) {
    .bl_coll-center .elementor-column.bl_prod-img {
        width: 49% !important;
    }

    .bl_h-cont-b a {
        padding: 10px 50px 10px 16px !important;
    }
    
        .bl_menu-head {
        width: 40% !important;
    }
    
    #header .mobile-toggle {
        background-color: #0E2534;
        border: 1px solid #4985AA !important;
        border-radius: 7px !important;        
    }
    
    #header .fa-bars:before {
        content: "\f0c9";
        color: #5FFDFD;
    }

    #nav-panel .mobile-nav-wrap {
        background-color: #0e2534;
        border: 1px solid #4985AA !important;
        border-radius: 12px !important;
    }
        
    #nav-panel .accordion-menu li {
        border-bottom: 1px solid #f3f3f324 !important;
    }
    
    #nav-panel .accordion-menu li.menu-item > a, #nav-panel .accordion-menu > li.menu-item > a, #nav-panel .accordion-menu .arrow, #nav-panel .menu-custom-block a, #nav-panel .accordion-menu > li.menu-item > .arrow {
        color: #ffffff;
        font-family: 'Figtree';
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 400;
    }
    
    #nav-panel .accordion-menu li li:last-child, #nav-panel .menu-wrap:last-child .accordion-menu:last-child li:last-child {
        border-bottom: none !important;
    }
    
    .fixed-header #nav-panel .mobile-nav-wrap::-webkit-scrollbar {
        width: 10px;
    }
        
    .fixed-header #nav-panel .mobile-nav-wrap::-webkit-scrollbar-track {
        background: #071F2E;
        border: 1px solid #4985AA;
        border-radius: 10px;
    }
        
    .fixed-header #nav-panel .mobile-nav-wrap::-webkit-scrollbar-thumb {
        background: #5FFDFD;
        border-radius: 15px;
    }
            
    .fixed-header #nav-panel .mobile-nav-wrap::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    
    .bl_gap-30 .elementor-column-gap-default {
        gap: 10px !important;
        justify-content: center;
    }
    
    .bl_box-three-coll .elementor-col-33 {
        width: 32.6%;
    }
    
    .bl_tabbed .elementor-tab-title {
        font-size: 24px;
        line-height: 28px;
        padding: 20px 32px;
    }
    
    .text-moved {
        font-size: 16px;
    }
    
    #nav-panel .accordion-menu li.menu-item.active > a {
        background-color: transparent;
    }
    
    #nav-panel .accordion-menu li.menu-item.active>.arrow, #nav-panel .accordion-menu li.menu-item.active>a {
        color: #5ffdfd;
    }
    
    .h-main .menu-item a.current:after {
        content: unset;
    }
    
    .bl_portfolio-grid .taxonomy-portfolio_cat a {
        padding: 4px 10px;
        font-size: 9px;
    }
    
    footer#footer:before {
        top: -270px;
        height: 990px;
    }

}

@media only screen and (max-width: 910px) {
    .bl_tabbed .text-moved {
        max-width: 280px;
    }
    
}

@media only screen and (max-width: 767px) {
    .bl_tabbed .text-moved {
        max-width: 100%;
    }
    
    .bl_coll-center .elementor-column.bl_prod-img {
        width: 100% !important;
    }    
    
    .bl_menu-head {
        width: 30% !important;
    }
    
    .bl_cst-1050-w .elementor-element-populated {
        padding: 5px 20px !important;
    }

    .bl_box-three-coll .elementor-col-33 {
        width: 100%;
    }
    
    .image-container img {
        width: 45px;
        height: 45px;
    }

    .bl_txt-carousel p {
        font-size: 16px;
        line-height: 26px;
        color: #fff;
        margin-bottom: 35px;
        padding: 30px 20px 0 20px;
    }
    
    .carousel-container {
        gap: 20px;
    }
    
    .carousel-box {
        width: 310px;
    }
    
    .bl_portfolio-grid .porto-tb-item .wp-block-columns {
        flex-wrap: wrap !important;
        gap: 25px !important;
    }
    
    .bl_portfolio-grid .porto-tb-item {
        padding: 35px 15px 10px 15px;
    }
    
    footer#footer:before {
        top: -270px;
        height: 1250px;
    }
        
    .bl_portfolio-grid figure.wp-block-post-featured-image img {
        max-width: 100%;
    }
    
    .bl_video-dn > .elementor-column-gap-default {
        padding: 0 !important;
    }
    
    .bl_carousell-echi h3.elementor-heading-title {
        font-size: 22px;
    }
    
    .bl_rolee .elementor-widget-container {
        font-size: 18px;
        line-height: 1.2;
    }
    
    .bl_description .elementor-widget-container {
        width: 180px;
    }
    
    .bl_tabbed .elementor-tab-desktop-title {
        display: none;
    }
    
    .bl_line-part .elementor-image-box-content h3 {
        margin-left: 0px;
    }
    
    .bl_order-mob > .elementor-container {
        flex-direction: column-reverse;
    }
    
    .bl_mrg-mob  {
        margin-bottom: 40px !important;
    }
        
    .bl_full-row .col-6.bl_cl-cf {
        width: 100%;
    }    
    
    .bl_full-row .col-6, .bl_full-row .col-12 {
        margin-bottom: 10px;
    }
    
    .bl_filtering-cat ul.portfolio-filter li a {
        font-size: 12px;
    }
    
    
    .bl_filtering-cat ul.portfolio-filter {
        border-radius: 20px !important;
    }
    
    .bl_blog-grid .porto-section.blog-type {
        margin-bottom: 0;
    }
    
    .bl_cont-portfolio h2, .bl_post-single-cont h2 {
        font-size: 38px;
    }
    
    .bl_cont-portfolio img, .bl_post-single-cont img {
        width: 100%;
    }
    
    .bl_cont-portfolio h3, .bl_post-single-cont h3 {
        font-size: 28px;
    }
    
    .bl_form-cnt span.wpcf7-not-valid-tip {
        font-size: 10px !important;
    }
    
    .bl_cf-mob .col-6.bl_d-row {
        width: 100%;
    }
    
    .bl_space-dots .swiper-pagination {
        bottom: -70px !important;
    }
    
}

@media only screen and (max-width: 650px) {
    .bl_menu-head {
        width: 20% !important;
    }   
}

@media only screen and (max-width: 576px) {
    .bl_menu-head {
        width: 0% !important;
    }   
    
    .bl_justy-responsive-h .elementor-element-populated {
        padding: 10px !important;
    }
    
    .bl_h-cont-b a span {
        font-size: 12px;
    }

    .bl_h-cont-b a {
        padding: 10px 35px 10px 12px !important;
    }
    
        .bl_h-cont-b a:after {
        right: 10px;
    }
    
        .bl_h-cont-b a:before {
        right: 28px;
    }
}

/*Elements global css*/

.bl_blur-elem .elementor-widget-container {
    background: rgb(255 255 255 / 0%);
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px);
}

.bl_cst-1050-w {
    max-width: 1050px !important;
}

.bl_btn-bef-aft a:after {
        content: "";
    background-image: url(/wp-content/uploads/2025/03/arrow-up-right.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.bl_btn-bef-aft a:before {
    content: "";
    background-color: #184259;
    background-size: contain;
    background-position: right !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 1px;
    height: 16px;
    border-radius: 15px;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.bl_btn-bef-aft a:hover {
    background-color: #2d7a83 !important;
}

.bl_btn-bef-aft a:hover span {
    color: #fff;
}

.bl_btn-bef-aft a:hover:before, .bl_btn-bef-aft a:hover:after {
    filter: brightness(0) saturate(100%) invert(1);
}

.btn:hover {
    transform: translateY(0px) !important;
}

.bl_border-blue .elementor-element-populated {
    border: 1px solid #4985AA !important;
    border-radius: 20px !important;
}

.bl_gap-30 .elementor-column-gap-default {
    gap: 25px;
}

.cookie-notice-container, .cn-button {
    border: 1px solid #4985AA !important;
    border-radius: 8px;
}