/*
 * Nazwa pliku: main.css
 * Data utworzenia: 25.04.2025
 * Wersja: 1.0
 * Opis: Arkusz styli dla motywu Financer
 * ---------------------------------------------
 * Sekcje:
 * 1.
 * 2.
 */
/* ============================================================
   Strona: Frontline
============================================================ */
/* Root */
:root {
    --primary-color: #0D0D0D;
    --secondary-color: #B04C95;
    --theme-color: #009CB9;
    --theme-color-light: #BFDFFC;
    --theme-color-darker: #005B6C;
    --theme-color-lighter: #01D7FF;
    --primary-font: 'Poppins', sans-serif;
    --secondary-font: 'Poppins', sans-serif;
    --color-text-dark-gray: #363D3E;
    --color-text-light-gray: #888888;
    --color-text-gray: #6A6A6A;
}
body .boxed_wrapper .page_breadcrumb h1 {
    text-shadow: 0 3px 10px #B04C95;
    color: var(--theme-color);
}
body .btn_style_two:before {
    transition: all 300ms;
}
[data-aos=fade-right],
[data-aos=fade-down],
[data-aos=fade-up] {
    transform: unset
}
body .owl-theme.owl-dots-one .owl-dot:before {background-color: var(--theme-color);}
/* Preloader */
/** Animacja liter w preloaderze **/
.handle-preloader .txt-loading .letters-loading::before {
    content: attr(data-text-preloader);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(100%);
    animation: fadeInUp 0.6s ease forwards;
}
/** Opóźnienia animacji dla każdej litery **/
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(1)::before  { animation-delay: 0s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(2)::before  { animation-delay: 0.2s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(3)::before  { animation-delay: 0.4s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(4)::before  { animation-delay: 0.6s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(5)::before  { animation-delay: 0.8s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(6)::before  { animation-delay: 1s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(7)::before  { animation-delay: 1.2s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(8)::before  { animation-delay: 1.4s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(9)::before  { animation-delay: 1.6s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(10)::before { animation-delay: 1.8s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(11)::before { animation-delay: 2s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(12)::before { animation-delay: 2.2s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(13)::before { animation-delay: 2.4s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(14)::before { animation-delay: 2.6s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(15)::before { animation-delay: 2.8s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(16)::before { animation-delay: 3s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(17)::before { animation-delay: 3.2s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(18)::before { animation-delay: 3.4s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(19)::before { animation-delay: 3.6s; }
.preloader .handle-preloader .txt-loading .letters-loading:nth-child(20)::before { animation-delay: 3.8s; }
/* Animacja fadeInUp */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Header */
body .menu_right_area .header_lower {gap: 10px;}
body .main_header_inner .main_header_logo {
    max-width: 150px;
    padding: 35px 5px;
}
.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu {
    width: 325px;
}
body .main-menu .navigation > li > ul > li > a,
body .main-menu .navigation > li > .megamenu li > a,
body .main-menu .navigation > li.dropdown ul > li > a {
    text-transform: none;
}
body .home_four .main_header_inner .search-toggler {
    display: none;
}
body .main-menu .navigation > li {
    padding: 7px 7px;
}
body header .btn_style_one {
    padding: 10px 15px;
}
body .main-menu .navigation {
    background: #ffffff;
}
body .main-menu .navigation > li.active {
    background: transparent;
}
/* Baner z Calendly */
body .cta_inner {
    padding: 120px 60px;
}

@media only screen and (max-width: 767px) {
    body .cta_inner {
        padding: 50px 20px 120px 20px;
    }
}
/** Ostylowanie Calendly **/
body .elementor-shortcode #calendly-inline-button-widget {
    background: linear-gradient(267deg, var(--theme-color) 8.27%, var(--secondary-color) 67.73%);
    color: #ffffff !important;
    position: relative;
    display: inline-block;
    border-radius: 60px;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    overflow: hidden;
    z-index: 1;
    box-shadow: 5px 4px 10px 3px rgba(256, 256, 256, 0.2);
    padding: 10px 25px 10px 25px !important;}
body .elementor-shortcode #calendly-inline-button-widget::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: -1;
    transition: all 900ms;
    background: linear-gradient(275deg, var(--theme-color) 11.27%, var(--theme-color-darker) 88.73%);
}
body .elementor-shortcode #calendly-inline-button-widget:hover:before {
    width: 100%;
}
/* Bradcrumbs */
body .breadcrumb_menu li,
body .breadcrumb_menu li a {
    color: #363D3E;
}
.boxed_wrapper .page_breadcrumb {padding: 280px 0 150px;}
.page_breadcrumb .page_breadcrumb_shape_one,
.page_breadcrumb .page_breadcrumb_shape_two {display: none;}
/** Nasze rozwiązania **/
body.page-id-1156
/* Boxy  */
body .why_choose_block_two {
    position: relative;
    padding: 40px 30px;
    border-radius: 10px;
    background: #FFF;
    text-align: center;
    margin-bottom: 30px;
    z-index: 1;
    overflow: hidden;
}
body .why_choose_block_two {
    position: relative;
    padding: 40px 30px;
    border-radius: 10px;
    background: #FFF;
    text-align: center;
    margin-bottom: 30px;
    z-index: 1;
    transition: background 0.5s ease; /* animacja tła */
}

/* Box z klasą .hover – domyślnie ma jaśniejsze fioletowe tło */
body .why_choose_block_two.hover {
    background: #F5F1FF;
}

/* Po najechaniu na box z klasą .hover – zmiana na ciemniejszy fiolet */
body .why_choose_block_two:hover {
    background: #e5e1FF;
}
body .why_choose_block_two:before {
    content: none;
}

/* Footer */
body .footer_widget.widget_financer_newsletter {
    max-width: 405px;
}
body .main_footer {background-color: var(--theme-color-light);}
body .footer_bottom .container {
    padding-left: 0;
    padding-right: 0;}
body .footer_bottom .container .copyright {padding: 20px 0;}
body .footer_widget p {color: var(--color-text-dark-gray);}
body h4.footer_widget_title {color: var(--primary-color);}
body .footer-widget ul li a,
body .footer-widget ol li a {color: var(--color-text-dark-gray);}
body .footer_widget ul li a:hover {color: var(--theme-color);}
body .subscribe-inner .form-group input {
    border: 1px solid var(--color-text-light-gray);
    color: var(--color-text-dark-gray);
}
body footer .subscribe-inner .form-group .acceptance input {
    margin-right: 5px;
}
.footer_bottom .copyright a {
    color: var(--theme-color-light);
    margin: 0 4px;
}
.footer_bottom .copyright a:hover {
    color: var(--theme-color-lighter);
}
/*--- 404 ---*/
.error_section.pt_150.pb_150 {
    padding-bottom: 250px;
    padding-top: 200px;}

/*--- Nasze wyzwania ---*/
/** Sekcje pod obrazem **/
body .nasze-wyzwania-content .elementor-widget-text-editor ul li {
    list-style: inside;
    color: #6A6A6A !important;
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}
body .nasze-wyzwania-content .elementor-widget-text-editor p {
    color: #6A6A6A !important;
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}
/*--- O nas ---*/
/** Co nas wyroznia **/
body .e-grid .elementor-widget-financer_service_card,
body .e-grid .elementor-widget-financer_service_card .financer-card {
    height: 100%;
}
/** Nasz zespół **/
body .team_block .inner_box .image_box {
    width: 250px;
    margin: 0 auto 25px;
}
/*body .team_social_links.te-icon li {display: none;}*/
/** Nsze atuty **/
body .feature_image_block .chart_image_five {
    display: none;
}
/*--- Case Study - projects ---*/
/** breadcrumbs **/
/*twoje wyzwania*/
body.page-id-1058 .page_breadcrumb .container:after,
body.page-id-3120 .page_breadcrumb .container:after {
    content:'';
    /*background-color: var(--secondary-color);*/
    opacity: 0.35;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://frontline-ai.sky-design.pl/wp-content/uploads/2025/05/Twoje-wyzwania-cover.jpg);
    background-position: center;
    background-size: cover;
}
/*nasze rozwiazania*/
body.page-id-1156 .page_breadcrumb .container:after,
body.page-id-3112 .page_breadcrumb .container:after {
     content:'';
     opacity: 0.35;
     z-index: -1;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-image: url(https://frontline-ai.sky-design.pl/wp-content/uploads/2025/05/nasze-rozwiazania-cover-photo.jpg);
     background-position: center;
     background-size: cover;
}
body.blog .page_breadcrumb .container:after {
    content:'';
    opacity: 0.35;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://frontline-ai.sky-design.pl/wp-content/uploads/2025/05/kompas-ai-cover.jpg);
    background-position: center;
    background-size: cover;
}
/*case study*/
body.page-id-1135 .page_breadcrumb .container:after,
body.page-id-3220 .page_breadcrumb .container:after {
    content:'';
    opacity: 0.35;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://frontline-ai.sky-design.pl/wp-content/uploads/2025/05/Projekt-bez-nazwy-8.png);
    background-position: center;
    background-size: cover;
}
body .project_details_section h2{
    color: var(--primary-color);
}
body .project_details_section p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    color: #6A6A6A;
    background-size: cover;
    font-style: normal;
    font-family: var(--secondary-font);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
}
body .project_details_section ul li {
    list-style: inside;
    margin: 15px 0;
}
/*-- single case study --*/
body .project_page_banner.pt-100 {
    padding-top: 250px;
}
body .project_page_banner.pt-100 .banner_content .tag_text {
    display: none;
}
/* zakładka - team */
.team_details_section .author_content .author_comment p .alignnone {
    margin: 5px 0 20px 0;
}
/*--- Nasze rozwiązania ---*/
body .service_style_one {
    padding-bottom: 100px;
}
body .service_style_one .tag_text {
    margin-bottom: 40px;
}
body .service_style_one .section_title h2 {
    font-size: 72px;
    line-height: 1.125em;
}
body .service_style_one .content_box h3 {
    line-height: 1.125em;
}
body .service_style_one .nav-tabs {
    display: inline-block;
    left: 50%;
    transform: translate(-50%, 0);
}