@import "../modules/backend/assets/vendor/bootstrap/bootstrap.css";
:root{--red:#ed1c24;--white:#fff;--other-red:#dc3545;--other-black:#0f0002;--font-primary:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;--font-size-base:1rem;--font-size-lg:1.2rem;--font-size-xl:2rem;--font-size-2xl:4rem;--font-size-3xl:5rem;--font-size-4xl:6rem;--spacing-base:1rem;--spacing-lg:2rem;--spacing-xl:3rem;--line-height-tight:1.2;--line-height-relaxed:1.8;--bs-heading-color:black}
body{font-family:var(--font-primary);color:black}
a{color:var(--red)}
a:hover{text-decoration:none;color:black}
.text-justify{text-align:justify}
.lh-relaxed{line-height:var(--line-height-relaxed)}
.cr{color:var(--red)}
.cb{color:black}
.cw{color:white}
.fsb{font-size:var(--font-size-base)}
.fsl{font-size:var(--font-size-lg)}
.display-5{font-size:var(--font-size-lg)}
.dgr{height:74px}.btn{display:inline-block;border:1px solid var(--red);padding:1rem 3rem;text-decoration:none;margin-top:1rem;text-transform:uppercase;font-size:0.875rem;position:relative;z-index:1;overflow:hidden;border-radius:0;line-height:17px}
.btn::before{content:'';position:absolute;top:0;left:50%;width:0;height:100%;transform:translateX(-50%);z-index:-1;transition:width 0.5s ease}
.btn-sm,
.btn-group-sm>.btn{padding:0.85rem 1.4rem;font-size:0.875rem}
.btn:hover::before{width:100%}
.btn-primary{color:white;background-color:transparent}
.btn-primary::before{background-color:var(--red);border-color:var(--red)}
.btn-primary:hover{color:white;border-color:var(--red);background-color:transparent}
.btn-secondary{color:black;background-color:transparent!important}
.btn-secondary::before{background-color:var(--red);border-color:var(--red)}
.btn-secondary:hover{color:white;border-color:var(--red);background-color:transparent}
.btn-terciary{background-color:var(--red);color:white}
.btn-terciary::before{background-color:white;border-color:var(--red)}
.btn-terciary:hover{color:black;border-color:var(--red);background-color:var(--red)}
.btn-terciary.active{background-color:white;color:black}#cookies-bar{border-radius:0!important;z-index:10000!important}
#cookies-bar .buttons{margin-top:0!important}
#cookies-bar .content a{color:var(--red)}
.form-check-input:checked{background-color:var(--red);border-color:var(--red)}
#sg-settings-modal-cookiesBar{z-index:10055}
.modal-content{border-radius:0}
.container{max-width:90%}
.text-secondary{color:black!important;line-height:1.8}
.btn{--bs-btn-color:#000;--bs-btn-bg:var(--red);--bs-btn-hover-color:#000;--bs-btn-hover-bg:var(--red);--bs-btn-focus-shadow-rgb:90,92,210;--bs-btn-active-color:#000;--bs-btn-active-bg:var(--red);--bs-btn-active-border-color:var(--red);--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:var(--red);--bs-btn-disabled-border-color:var(--red)}:root{--navbar-height:5rem;--color-white:#fff;--color-black:#000;--color-gray:#808080;--color-red:#f00;--transition-default:all 0.3s ease;--breakpoint-xxl:1399.98px;--navbar-bg-transparent:rgba(0,0,0,0.2);--navbar-bg-solid:rgba(0,0,0,0.9)}.navbar-brand{display:flex;align-items:center;padding:0;margin-right:2rem}
.navbar-brand img{height:1.5rem;width:auto;transition:var(--transition-default);margin-top:-0.25rem}.navbar.scrolled .navbar-brand img{height:1rem;margin-top:0}.navbar{min-height:var(--navbar-height);position:fixed;top:0;left:0;right:0;width:100%;z-index:10001;background-color:var(--navbar-bg-transparent);transition:var(--transition-default);text-transform:uppercase}.navbar{background-color:rgba(0,0,0,0.1);transition:background-color 0.3s ease}
.navbar.scrolled{background-color:rgba(0,0,0,0.9)}
.navbar.navbar-expanded{background-color:rgba(0,0,0,0.9)}.navbar-collapse{position:absolute;top:100%;left:0;right:0;z-index:1000}.navbar a,
.nav-link,
.dropdown-item{color:var(--color-white)}
.nav-link:hover,
.nav-link:focus,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show{color:var(--color-white)}.dropdown-menu{max-height:none;overflow:visible;background-color:var(--color-black)}
.dropdown-item{position:relative;display:flex;align-items:center;padding:0.5rem 1rem;overflow:hidden}.navbar .nav-link{position:relative;padding-left:0.7rem!important;padding-right:0.7rem!important}
.navbar .nav-link::before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-red);transition:width 0.5s ease}
.navbar .nav-link:hover::before{width:100%}.navbar .dropdown-toggle::after{border-top:0.3em solid;border-right:0.3em solid transparent;border-left:0.3em solid transparent}
.dropdown-item::after{display:none}.dropdown-item span{position:relative;display:inline-block}.dropdown-item span::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--color-red);transform:scaleX(0);transform-origin:right;transition:transform 0.3s ease}.dropdown-item:hover span::after{transform:scaleX(1);transform-origin:left}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover{background-color:transparent;color:var(--color-white)}.menu-bullet{display:inline-block;width:0;height:0;border:5px solid transparent;border-left-color:var(--color-white);margin-right:0.5rem;vertical-align:middle}
.navbar-toggler{border:0}
.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}
@media (min-width:1200px) and (max-width:1299.98px){.collapse:not(.show){display:none!important}.navbar-expand-xl .navbar-toggler{display:inherit}.navbar-expand-xl .navbar-nav{flex-direction:column}}@media (min-width:1399.98px){.navbar-collapse{position:static;border-top:none;display:flex !important;justify-content:flex-end !important}.category-headers{display:flex;padding:0 1rem}.category-headers .dropdown-item{padding:2rem 0.8rem 1rem;font-size:1.125rem;font-weight:600;text-transform:none;background:none !important}.submenu-items{display:flex;padding:0.5rem 1rem;line-height:2;text-transform:none;font-size:0.875rem}.submenu-column{min-width:9.375rem}.mega-dropdown-menu{min-width:21.875rem}.navbar-nav .dropdown-menu{left:0;right:auto}.dropdown-menu-left{left:auto !important;right:0 !important}.category-headers .dropdown-item .menu-bullet{display:none}.mobile-title{color:white;font-size:1rem}}@media (max-width:1399.98px){.navbar-collapse{max-height:calc(100vh - var(--navbar-height));overflow-y:auto;justify-content:flex-start !important;padding:0.5rem 0rem;box-shadow:0 2px 4px rgba(0,0,0,0.1);background-color:rgba(0,0,0,0.9)}.navbar-nav{width:90%;align-items:flex-start !important;padding-bottom:1rem;margin:0 auto}.nav-item{width:100%}.nav-link{padding-left:1rem}.dropdown-menu{width:100%;border:none;background:transparent}.nav-link:hover,.nav-link:focus,.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{background-color:var(--color-gray)}.category-headers{display:none}.submenu-items{display:block}.mobile-section{margin-bottom:0.5rem}.mobile-title{display:block;padding:0.5rem 1rem;color:var(--color-white);border-bottom:1px solid #dee2e6;margin-bottom:0.25rem}.dropdown-toggle::after{transform:rotate(0deg);transition:transform 0.2s}.dropdown-toggle.show::after{transform:rotate(180deg)}}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4)}
.jumbotron-content{color:var(--white);position:absolute;top:50%;left:var(--spacing-xl);max-width:75%;transform:translateY(-50%)}.news-title-container{display:flex;align-items:top;gap:var(--spacing-base)}
.jumbotron-title{display:flex;align-items:center;margin-left:-4rem}
.jumbotron-title h2{color:var(--white);font-size:var(--font-size-lg);margin:0}
#newsCarousel .red-square{width:5rem;height:5rem}
.red-square,
.red-overlay{width:5rem;height:5rem;flex-shrink:0;margin:0}
.red-square{background:var(--red)}
#newsCarousel{margin:0 auto}
.carousel-item img{object-fit:cover;height:100%;width:100%}
.carousel-indicators{margin-bottom:1rem}
.carousel-indicators button{width:40px!important;height:4px!important;margin:0 0.5rem;background-color:var(--white);transition:background-color 0.3s ease;opacity:1!important}
.carousel-indicators button:hover,
.carousel-indicators button.active{background-color:var(--red);opacity:1!important}
.carousel-control-next-icon,
.carousel-control-prev-icon{background-color:var(--red)}
.carousel-control-next{justify-content:right}
.carousel-control-prev{justify-content:left}.jumbotronpagetitle{position:relative;overflow:hidden;height:250px;background-position:top;background-size:cover;background-repeat:no-repeat}
.jumbotronpagetitle2{height:175px}
.overlay-h1{position:relative;z-index:2;margin-top:4rem}
.red-overlay{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(220,53,69,0.85);z-index:-1}
@media screen and (min-width:576px){.jumbotron-title h2{font-size:var(--font-size-xl)}}@media screen and (min-width:768px){#newsCarousel .red-square{width:8rem;height:8rem}.red-square,.red-overlay{width:6rem;height:6rem}.jumbotron-title{margin-left:-5rem}.jumbotron-title h2{font-size:var(--font-size-xl)}.jumbotron-subtitle{font-size:var(--font-size-base)}}
@media screen and (min-width:992px){.jumbotron-title h2{font-size:var(--font-size-2xl)}}@media screen and (min-width:1024px){.jumbotron-content{max-width:85%}#newsCarousel .red-square{width:10rem;height:10rem}.jumbotron-title{margin-left:-7rem}.jumbotron-title h2{font-size:var(--font-size-2xl)}.jumbotron-subtitle{font-size:var(--font-size-lg);margin-top:var(--spacing-xl)}.jumbotronpagetitle{height:250px}.jumbotronpagetitle2{height:200px}}
#newsCarousel .carousel-item{height:95vh}
@media (max-width:991.98px){#newsCarousel .carousel-item{height:95vh}}
@media (max-width:767.98px){#newsCarousel .carousel-item{height:95vh}}
@media (max-width:575.98px){#newsCarousel .carousel-item{height:75vh}}.form-group{margin:1.5rem 0}
.form-control{background-color:rgba(0,0,0,0.31);border:none;border-radius:0;color:white}
.form-control:focus{background-color:rgba(0,0,0,0.31);border:none;box-shadow:none;color:white}
#contact input:focus,
#contact textarea:focus{color:#fff}
input::placeholder,
textarea::placeholder{color:white!important}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(0,0,0,0.31)}
#contactFormSuccess{border-radius:0;border-color:transparent}
#contactFormSuccess p{margin-bottom:0}
.footer a{text-transform:uppercase}
.stat-box{background-color:var(--red);transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;width:100%;padding-bottom:100%}
.stat-box-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:3rem}.stat-box .stat-content{font-size:clamp(1rem,2.5vw,1.5rem);transition:opacity 0.3s ease}.overlay-text{position:absolute;top:-100%;left:0;right:0;bottom:100%;background-color:#8b0000;color:white;padding:1rem;transition:all 0.5s ease;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(0.875rem,2vw,1.25rem)}
.stat-box:hover{background-color:#8b0000}
.stat-box:hover .overlay-text{top:0;bottom:0}
.stat-box:hover .stat-content{opacity:0}
.mw-450{max-width:450px;margin:0 auto}@media (max-width:576px){.stat-box-content{padding:1rem}.stat-box .stat-content{font-size:clamp(0.875rem,4vw,1.25rem)}.overlay-text{font-size:clamp(0.75rem,3.5vw,1rem)}.carousel-item .lead{font-size:0.95rem}}
@media (min-width:577px) and (max-width:992px){.stat-box .stat-content{font-size:clamp(1rem,3vw,1.35rem)}.overlay-text{font-size:clamp(0.875rem,2.5vw,1.15rem)}}
@media (min-width:993px){.stat-box .stat-content{font-size:clamp(1.25rem,2.5vw,1.5rem)}.overlay-text{font-size:clamp(1rem,2vw,1.25rem)}}
.dark-red{background-color:#8b0000}
.dark-red:hover{background-color:#dc3545}
.bg-expertise{background-color:rgba(255,255,255,0);background-image:url(../themes/rainlab-bonjour-child/assets/images/odi-services-bg.jpg);background-position:center center;background-repeat:no-repeat;border-width:0px 0px 0px 0px;border-color:#e2e2e2;border-style:solid;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.services_item_background{background-color:var(--red);padding:1rem 1rem 1rem 1.5rem;margin:2.5px auto;float:right;width:100%}
.services_item_background:hover{background-color:rgba(237,28,36,0.6)}
.services_item_background a{color:white;text-transform:uppercase}
.sectors_item_background{background-color:white;padding:1rem 1rem 1rem 1.5rem;margin:2.5px 0;float:left;width:100%}
.sectors_item_background:hover{background-color:rgba(255,255,255,0.6)}
.sectors_item_background h6{color:var(--red)}
.sectors_item_background a{color:var(--red);text-transform:uppercase}
.services_item_background a,
.sectors_item_background a{position:relative;display:inline-block}
.services_item_background a::before,
.sectors_item_background a::before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--red);transition:width 0.5s ease}
.services_item_background a::before{background-color:white!important}
.services_item_background a:hover::before,
.sectors_item_background a:hover::before{width:100%}
@media (max-width:1050px){.sectors_item_background a,.services_item_background a{font-size:0.8rem}}
@media (min-width:1500px){.sectors_item_background,.services_item_background{width:70%}}#map{height:400px;width:100%;border-radius:8px}
.leaflet-tile-pane{filter:grayscale(100%)}.leaflet-popup-content-wrapper{padding:0;border-radius:0px!important;box-shadow:0 3px 14px rgba(0,0,0,0.2)}
.leaflet-popup-content{margin:15px!important}
.leaflet-container a{color:black!important;margin-bottom:0!important}
.marker-popup{max-width:275px}
.marker-popup .content{padding:0.2rem}
.marker-popup .contact-row{display:flex;align-items:flex-start;color:black;font-size:0.8rem;line-height:1.4;border-bottom:1px solid rgba(255,255,255,0.2)}
.marker-popup .contact-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.marker-popup .icon{width:24px;height:22px;margin-right:5px;margin-top:-1px;color:white;background-color:red;display:flex;align-items:center;justify-content:center}
.marker-popup .contact-text{flex:1}
.leaflet-popup-tip{background-color:var(--red);box-shadow:0 3px 14px rgba(0,0,0,0.2)}
.leaflet-container a{color:white;text-decoration:none}
.leaflet-container a:hover{color:rgba(255,255,255,0.8);text-decoration:underline}
.custom-marker-icon{color:var(--red);font-size:24px}
.custom-marker{background:none !important}
.offices-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding:20px 0}.office-block{flex:1;min-width:250px;margin-bottom:1.5rem}.office-title{height:2rem;font-size:var(--font-size-base);color:black}
.pisarna-details h6{font-size:1.3rem}
.pisarna-details a{font-size:1rem}.contact-info{display:flex;flex-direction:column;gap:0.3rem;font-size:12px}.contact-link{display:flex;align-items:center;gap:0.5rem;color:#333;text-decoration:none;margin-bottom:0.5rem}.icon-container{background-color:var(--red);padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.icon-container i{color:white;font-size:1rem}.team-member-card{margin-bottom:30px}
.team-member-image-container{width:100%;margin-bottom:15px}
.max-img-width{max-width:250px}
.team-member-image{width:100%;height:100%;object-fit:cover}
.info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.red-arrow{background-color:#EE1D23;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.red-arrow::after{content:"↑";color:white;font-size:20px}
.text-container{text-align:right;flex-grow:1}
.team-member-name{font-weight:500;margin-bottom:5px;font-size:14px}
.team-member-title{text-transform:uppercase;font-size:14px;color:#333;margin-bottom:0;line-height:1.2}
@media (max-width:768px){.partner-image-container{max-width:200px;height:240px}}
.custom-list{list-style:none;padding-left:0;margin-bottom:20px}
.custom-list ul{list-style:none;padding-left:0}
.custom-list li{position:relative;padding-left:20px;margin-bottom:10px;list-style:none}
.custom-list li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background-color:var(--red)}
.profile-name{color:var(--red);border-bottom:1px solid var(--red);padding-bottom:10px;margin-bottom:20px}
.profile-position{text-transform:uppercase;color:#0f0002}
.icon-more{width:20px;height:20px;margin-right:25px;position:relative;flex-shrink:0}
.icon-more::before,
.icon-more::after{content:'';position:absolute;background-color:var(--red);transition:transform 0.3s ease}.icon-more::before{width:2px;height:20px;left:9px;top:0}.icon-more::after{width:20px;height:2px;left:0;top:9px}h5[aria-expanded="true"] .icon-more::before{transform:rotate(90deg)}
.offices-container .contact-info{margin-top:20px}
.contact-info a{color:#0f0002;text-decoration:none;display:flex;align-items:center;margin-bottom:10px}
.icon-box{width:24px;height:24px;background-color:var(--red);margin-right:10px;display:flex;align-items:center;justify-content:center}
.icon-box svg{width:16px;height:16px;stroke:white}
.quote{font-style:italic;margin:20px 0}
.areas-links{margin-bottom:20px}
.areas-links a,
.custom-list a{display:inline-block;color:#000;text-decoration:none;position:relative}
.areas-links a::after,
.custom-list a::after{content:'';position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-2px;left:0;background-color:#dc3545;transform-origin:left;transition:transform 0.8s ease-out}
.areas-links a:hover::after,
.custom-list a:hover::after{transform:scaleX(1)}
.areas-links a:hover,
.custom-list a:hover{color:#dc3545}
.testimonial-card{margin-top:2rem;min-height:350px;text-align:center}
.testimonial-photo{width:250px}.news-card{background:#fff;border:1px solid #e0e0e0;border-radius:0;margin-bottom:30px;height:100%;transition:all 0.3s ease}
.news-card:hover{box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.news-card-image{width:100%;height:200px;overflow:hidden}
.news-card-image img{width:100%;height:100%;object-fit:cover}
.news-card-content{padding:20px;display:flex;flex-direction:column}
.news-card .btn-terciary{padding:10px 24px;font-size:0.8rem;font-weight:500;align-self:flex-end}
.news-card-date{font-size:0.8rem}
.news-card-title{font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:1rem;min-height:5em}
.news-card .btn-secondary:hover{color:white}
.news-content img{width:100%;height:auto}
@media (max-width:768px){.news-card-image{height:180px}.news-card-content{padding:15px}}
.page-link{color:var(--red)}
.page-link.active,
.active>.page-link{background-color:var(--red);border-color:var(--red)}
.page-item:first-child .page-link{border-top-left-radius:0;border-bottom-left-radius:0}
.page-item:last-child .page-link{border-top-right-radius:0;border-bottom-right-radius:0;color:red}.lead-expertise-content{font-size:2rem;line-height:1.2}
.expertise-content h3{font-size:1.2rem}.networks-image-container{width:100%;padding-top:56.7%;position:relative;overflow:hidden;margin-bottom:15px}
.networks-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.accordion{--bs-accordion-border-width:0;background-color:#f0f3f4}
.accordion-item{border:none;margin-bottom:2px;background-color:#f0f3f4}
.accordion-header{padding:0 var(--bs-accordion-body-padding-x);width:90%;margin:0 auto}
.accordion-button{display:flex;justify-content:center;text-align:center;padding:1rem 1.25rem;border-radius:0 !important;background:#f0f3f4;position:relative;overflow:hidden;transition:all 0.3s ease;border:none !important;text-transform:uppercase}
.accordion-button::before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:red;transition:width 0.5s ease}
.accordion-button:hover::before{width:100%}
.accordion-button:not(.collapsed){background-color:#f0f3f4;color:black}
.accordion-button:not(.collapsed)::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:red}.accordion-button:not(.collapsed):hover::before{width:100%}
.accordion-button:focus{box-shadow:none;border:none}
.accordion-button::after{position:absolute;right:1rem}
.accordion-button:not(.collapsed)::after{background-image:none}
.accordion-button::after{background-image:none}
.card-body{padding:1.25rem}

.accordion-body{border:none;background-color:#f0f3f4;width:90%;margin:0 auto}
.accordion-collapse{transition:all 0.3s ease}
.accordion-collapse.collapse:not(.show){opacity:0;display:block;height:0;overflow:hidden}
.accordion-collapse.collapse.show{opacity:1;height:auto}
.accordion-collapse.collapsing{opacity:0;height:0}
.accordion-collapse.collapsing.show{opacity:1}
.horizontal-accordion-container{display:flex;width:100%;height:800px;overflow:hidden;flex-direction:row-reverse}
.horizontal-panel{position:relative;flex:1;transition:flex 0.6s ease;overflow:hidden;color:white;cursor:pointer}
.horizontal-panel.active{flex:8}
.vertical-title{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.vertical-title{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start}
.vertical-title h3{font-size:2rem;font-weight:bold;text-transform:uppercase;white-space:nowrap;mix-blend-mode:overlay;color:white;writing-mode:vertical-lr;margin:0;padding-top:1rem}
.vertical-title h3:hover{mix-blend-mode:normal}
.panel-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;opacity:0;visibility:hidden;transition:opacity 0.3s ease;overflow-y:auto}
.panel-body{font-size:14px}
.horizontal-panel.active .panel-content{opacity:1;visibility:visible}
.horizontal-panel.active .vertical-title{opacity:0;visibility:hidden}
.panel-title{font-size:24px;font-weight:bold;margin-bottom:15px;text-transform:uppercase}
.horizontal-panel:nth-child(7){background:url('/themes/rainlab-bonjour-child/assets/images/careers/prosta-delovna-mesta.png') center / cover no-repeat}
.horizontal-panel:nth-child(6){background:url('/themes/rainlab-bonjour-child/assets/images/careers/odvetniki.png') center / cover no-repeat}
.horizontal-panel:nth-child(5){background:url('/themes/rainlab-bonjour-child/assets/images/careers/lawgraduates.png') center / cover no-repeat}
.horizontal-panel:nth-child(4){background:url('/themes/rainlab-bonjour-child/assets/images/careers/interns.jpg') center / cover no-repeat}
.horizontal-panel:nth-child(3){background:url('/themes/rainlab-bonjour-child/assets/images/careers/otherprofessionals.png') center / cover no-repeat}
.horizontal-panel:nth-child(2){background:url('/themes/rainlab-bonjour-child/assets/images/careers/diversity.png') center / cover no-repeat}
.horizontal-panel:nth-child(1){background:url('/themes/rainlab-bonjour-child/assets/images/careers/responsibility.png') center / cover no-repeat}
.horizontal-panel:nth-child(7) .vertical-title,
.horizontal-panel:nth-child(7) .panel-content{background:linear-gradient(rgba(179,0,0,0.6),rgba(179,0,0,0.6)),url('/themes/rainlab-bonjour-child/assets/images/careers/prosta-delovna-mesta.png') center / cover no-repeat}
.horizontal-panel:nth-child(6) .vertical-title,
.horizontal-panel:nth-child(6) .panel-content{background:linear-gradient(rgba(179,0,0,0.6),rgba(179,0,0,0.6)),url('/themes/rainlab-bonjour-child/assets/images/careers/odvetniki.png') center / cover no-repeat}
.horizontal-panel:nth-child(5) .vertical-title,
.horizontal-panel:nth-child(5) .panel-content{background:linear-gradient(rgba(179,0,0,0.6),rgba(179,0,0,0.6)),url('/themes/rainlab-bonjour-child/assets/images/careers/lawgraduates.png') center / cover no-repeat}
.horizontal-panel:nth-child(4) .vertical-title,
.horizontal-panel:nth-child(4) .panel-content{background:linear-gradient(rgba(179,0,0,0.6),rgba(179,0,0,0.6)),url('/themes/rainlab-bonjour-child/assets/images/careers/interns.jpg') center / cover no-repeat}
.horizontal-panel:nth-child(3) .vertical-title,
.horizontal-panel:nth-child(3) .panel-content{background:linear-gradient(rgba(179,0,0,0.6),rgba(179,0,0,0.6)),url('/themes/rainlab-bonjour-child/assets/images/careers/otherprofessionals.png') center / cover no-repeat}
.horizontal-panel:nth-child(2) .vertical-title,
.horizontal-panel:nth-child(2) .panel-content{background:linear-gradient(rgba(179,0,0,0.6),rgba(179,0,0,0.6)),url('/themes/rainlab-bonjour-child/assets/images/careers/diversity.png') center / cover no-repeat}
.horizontal-panel:nth-child(1) .vertical-title,
.horizontal-panel:nth-child(1) .panel-content{background:linear-gradient(rgba(179,0,0,0.6),rgba(179,0,0,0.6)),url('/themes/rainlab-bonjour-child/assets/images/careers/responsibility.png') center / cover no-repeat}
.horizontal-panel.active .vertical-title,
.horizontal-panel.active .panel-content{background:rgba(183,182,182,0.75)}
#contact h5{font-size:1.1rem}
#contact input,
select,
textarea{color:#fff}
.f-err-msg{color:var(--red);font-weight:700}
.footer{background-image:url('../themes/rainlab-bonjour-child/assets/images/footer-bg.png');background-size:cover;background-position:center;background-blend-mode:overlay}
.footer-logo{max-width:100%;height:auto}
.footer h5{font-weight:600;font-size:1.1rem}
.footer ul li{margin-bottom:1rem}
.footer a{color:white;text-decoration:none;font-size:1rem}
.footer a:hover{color:#dc3545}
.social-link{margin-left:1rem;font-size:1.5rem}
.footer-text{font-size:1rem;line-height:1.6}
.social-link svg{fill:white;width:24px;height:24px}
.social-link:hover svg{fill:#dc3545}