@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    color: #383838;
}

a,
button {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

a,
a:hover {
    text-decoration: none;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

p {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
}

label {
    margin-bottom: 0;
}

.scrolltotop {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #0F7BB8;
    text-align: center;
    font-size: 22px;
    color: #ffffff;
    position: fixed;
    right: 30px;
    bottom: 25px;
    display: none;
    animation: lab_top_up 5s linear infinite;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 2px solid #0F7BB8;
    z-index: 1;
}

.scrolltotop i {
    color: #ffff;
}

@keyframes lab_top_up {
    0% {
        transform: translateY(-15px);
    }
    50% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-15px);
    }
}

.pluse,
.pluse2 {
    position: relative;
    top: 10px;
    left: -8px;
    z-index: -1;
}

.pluse::before,
.pluse2::before {
    width: 40px;
    height: 40px;
}

.pluse::after,
.pluse::before,
.pluse2::after,
.pluse2::before {
    background: var(--gradient, linear-gradient(90deg, #47b9fc 18.22%, #18a7fa 79.8%));
    border-radius: 50%;
    left: 50%;
    top: 50%;
    display: block;
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
}

.pluse::after,
.pluse2::after {
    width: 30px;
    height: 30px;
    background: transparent;
    margin-left: -15px;
    margin-top: -15px;
}

.pluse::before {
    -webkit-animation: pluse_animate 2.5s infinite linear;
    animation: pluse_animate 2.5s infinite linear;
}

.pluse2::before {
    -webkit-animation: pluse_animate 3s infinite linear;
    animation: pluse_animate 3s infinite linear;
}

@keyframes pluse_animate {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(0.3);
        transform: translate(-50%, -50%) scale(0.3);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
    }
}

/*== top header area start== */

/*==== nev area start===== */

header {
    padding: 25px 0;
    background-color: transparent;
    width: 100%;
    z-index: 9999;
    background-color: #fff;
    position: relative;
}

nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
}

.logo {
    display: inline-block;
    margin-right: 40px;
}

.mobile-logo {
    display: none;
}

.menu-item {
    display: flex;
    align-items: center;
}

.menu-item .menu-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 35px;
}

.menu-item .menu-ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-item .menu-ul li a img {
    transform: rotate(91deg);
    height: 22px;
}

.menu-item ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-link {
    padding: 0px;
    color: #fff !important;
}

.menu-ul li {
    display: flex;
    align-items: center;
}

.menu-ul li a {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    display: inline-block;
    text-transform: inherit;
    transition: .3s;
}

.menu-ul li a i {
    color: #E9B21F;
    margin-left: 15px;
}

.menu-ul li a:hover {
    color: #383838 !important;
    font-weight: 700;
}

.menu-active {
    color: #383838 !important;
    font-weight: 700 !important;
}

.drop_down a img {
    display: inline-block;
    padding-left: 10px;
}

.drop_down {
    position: relative;
}

.menu-bar {
    display: none;
    cursor: pointer;
}

.menu-bar a {
    font-size: 30px;
    color: #0E7C83;
    cursor: pointer;
}

.monile-menu-logo {
    display: none;
}

/* =====header-flag====== */

.menu-right-area {
    display: flex;
    align-items: center;
    gap: 0 22px;
}

.header-flag {
    display: flex;
    align-items: center;
    padding-right: 35px;
}

.header-flag select {
    background-color: transparent !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    padding: 0 10px;
    border: none;
    cursor: pointer;
    display: inline-block;
    border: transparent;
    cursor: pointer;
    appearance: none;
    background-image: url(../img/downs.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 25px;
    margin-left: 8px;
}

.header-flag select:focus {
    border: none !important;
}

.header-flag option {
    background-color: #000;
    border: none !important;
    cursor: pointer;
}

.header-flag option:focus {
    border: none !important;
}

.header-profiles {
    padding-left: 40px;
    position: relative;
}

.header-profiles ul {
    display: flex;
    align-items: center;
    justify-content: right;
}

.header-profiles ul li {
    text-align: right;
}

.header-profiles ul li span a {
    color: #383838;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    padding: 4px;
    margin-bottom: 2px;
    display: block;
}

.header-profiles ul li p {
    color: #383838;
    text-align: right;
    font-family: Inter;
    font-size: 12.64px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.253px;
}

.header-profiles .user-profile {
    display: block;
    margin-left: 25px;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    position: relative;
}

.header-profiles .user-profile img {
    border-radius: 50%;
}

.header-profiles .user-profile::before {
    content: "";
    height: 14px;
    width: 14px;
    background-color: #1AAA55;
    display: block;
    border-radius: 50%;
    border: 3px solid #fff;
    position: absolute;
    bottom: -2px;
    right: 0px;
}

.header-rt-btn a {
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: -0.28px;
    border-radius: 6px;
    background: #0F7BB8;
    display: inline-block;
    padding: 14px 25px;
    transition: .3s;
}

.header-rt-btn a:hover {
    background-color: #034a74;
}

/*==== nev area end===== */

/*== mage+mobile ===*/

.mega_menu__area {
    display: none;
}

.mega_menu__part {
    display: flex;
    width: 1300px;
    /* height: 408px; */
    padding: 0px 32px;
    border-radius: 0px 0px 16px 16px;
    background: #FFF;
    justify-content: space-between;
    position: absolute;
    top: 135px;
    z-index: 99999;
    left: 316px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.mega_menu_left {
    width: 433px;
    padding: 32px 32px 32px 0;
}

.mega_menu_left ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    padding: 24px 0;
}

.mega_menu_left ul li {
    display: block;
    border-bottom: 1px solid #E3E3E3;
    padding: 16px 0;
    transition: .3s;
}

.mega_menu_left ul li:hover {
    border-bottom: 1px solid #0F7BB8;
}

.mega_menu_left ul li:nth-child(1) {
    padding-top: 0px;
}

.mega_menu_left ul li:last-child {
    border: none;
}

.mega_menu_left ul li a {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mega_menu_left ul li.active a {
    font-weight: 600;
}

.mega_menu_left ul li a:hover {
    font-weight: 600;
}

.mega_menu_left ul li a img {
    max-width: 100%;
}

.mega_menu_inner {
    width: 433px;
    background: var(--black-50, #F7F7F7);
    padding: 24px;
}

.inner_mega_menu_part h3 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.24px;
    padding-bottom: 48px;
}

.inner_mega_menu_part ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    padding: 0px 0;
}

.inner_mega_menu_part ul li {
    display: block;
    border-bottom: 1px solid #E3E3E3;
    padding: 16px 0;
    margin-bottom: 10px;
    transition: .3s;
}

.inner_mega_menu_part ul li:hover {
    border-bottom: 1px solid #0F7BB8;
}

.inner_mega_menu_part ul li:last-child {
    border: none;
}

.inner_mega_menu_part ul li a {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner_mega_menu_part ul li a:hover {
    font-weight: 600;
}

.inner_mega_menu_part ul li a span {
    display: flex;
    align-items: center;
}

.inner_mega_menu_part ul li a span img {
    max-width: 100%;
    margin-right: 12px;
}

.inner_mega_menu_part ul li a img {
    max-width: 100%;
}

.mega_menu_right {
    padding: 32px 0px 32px 32px;
    width: 433px;
}

/* .mega_menu_right_img img {
    width: 195.944px;
    height: 126.613px;
} */

.mega_menu_right h2 {
    color: #383838;
    font-family: Inter;
    font-size: 22.78px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.456px;
    margin-bottom: 16px;
}

.mega_menu_right p {
    color: #434343;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: -0.28px;
    padding-bottom: 16px;
}

.mega_menu___right-btn a {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.21px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #E3E3E3;
    transition: .3s;
}

.mega_menu___right-btn a:hover {
    border-bottom: 1px solid #0F7BB8;
    font-weight: 600;
}

.mega_menu___right-btna:hover {
    color: #E9B21F;
}

.mega_menu__item2 {
    display: none;
}

.mega_menu__item3 {
    display: none;
}

.mega_menu__item4 {
    display: none;
}

.mega_menu__item5 {
    display: none;
}

.mega_menu__item6 {
    display: none;
}

.mega_menu__item7 {
    display: none;
}

.mobile_menu {
    display: none;
}

.mobile_menu__part {
    background-color: #CFE2FF;
    padding: 20px 20px;
    background-color: #CFE2FF !important;
    position: absolute;
    top: 141px;
    left: 0px;
    width: 100%;
    min-height: 100vh;
    z-index: 999999;
}

.mobile_menu_btn a {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.24px;
    padding-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner_Oferta__part {
    background-color: #fff;
    margin-bottom: 27px;
    padding: 24px;
    padding-top: 6px;
}

/* =====mobile-social-icon-item====== */

.mobile-social-icon-item {
    display: flex;
    justify-content: space-between;
}

.mobile-social-icon-item {
    padding: 30px 0;
    border-top: 1px solid #A4A4A4;
    border-bottom: 1px solid #A4A4A4;
}

.mobile-social-icon ul {
    display: flex;
    align-self: center;
}

.mobile-social-icon ul li a img {
    display: inline-block;
    margin-right: 8px;
    transition: .2s;
}

.mobile-social-icon ul li a img:hover {
    transform: scale(1.2);
}

.mobile__flag {
    display: flex;
    align-items: center;
}

.mobile__flag select {
    background-color: transparent !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    padding: 0 10px;
    border: none;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
    border: transparent;
    cursor: pointer;
    appearance: none;
    background-image: url(../img/downs.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 25px;
    margin-left: 8px;
}

.mobile__flag select:focus {
    border: none !important;
}

.mobile__flag option {
    background-color: #000;
    border: none !important;
    cursor: pointer;
}

.mobile__flag option:focus {
    border: none !important;
}

/* === */

.mobile-contact-link {
    margin-top: 24px;
}

.mobile-contact-link ul li {
    margin-bottom: 16px;
}

.mobile-contact-link ul li a {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 23.4px;
    /* 130% */
    letter-spacing: -0.27px;
    display: block;
    margin-bottom: 8px;
    transition: .3s;
}

.mobile-contact-link ul li a:hover {
    color: #0F7BB8;
}

.ziehharmonika h3 {
    text-align: left;
    padding: 16px 0px;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 2px;
    padding-right: 40px;
    transition: 0.25s all;
    position: relative;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.24px;
    border-bottom: 1px solid #e3e3e3;
}

.ziehharmonika h3.active {
    font-weight: 700;
    border-bottom: 1px solid #fff;
}

.ziehharmonika>div {
    display: none;
    background: #f7f7f7;
    border-radius: 4px;
    text-align: left;
    padding: 24px;
    margin-bottom: 9px;
}

.ziehharmonika .arrowDown {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13.0px 7.5px 0 7.5px;
    border-color: #272e35 transparent transparent transparent;
    position: absolute;
    bottom: 0;
    left: 40px;
    transition: 0.25s all;
    opacity: 0;
}

.ziehharmonika .collapseIcon {
    position: absolute;
    right: 0px;
    top: 45%;
    font-size: 25px;
    font-weight: 300;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.ziehharmonika .collapseIcon.alignLeft {
    right: initial;
    left: 20px;
}

.ziehharmonika .collapseIcon i {
    color: #000;
    font-size: 16px;
}

.menu-icon2 {
    display: none;
}

.monile-menu-btm-btn a {
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.28px;
    border-radius: 6px;
    background: #0F7BB8;
    background-color: rgb(15, 123, 184);
    display: inline-block;
    padding: 14px 25px;
    transition: .3s;
}

.monile-menu-btm-btn a:hover {
    background-color: #034A74;
}

/*==== sticky-nev start=== */

.fixed-menu {
    background: #000;
    position: fixed;
    top: 0;
    animation: slide-down 0.5s !important;
    left: 0;
    right: 0;
    box-shadow: 4px -86px 103px rgba(0, 0, 0, 0.9);
    z-index: 9999999999;
    transition: .10s;
    padding: 20px;
}

.fixed-menu .header-profiles::before {
    content: "";
    width: 1px;
    height: 125px;
    background-color: #333333;
    position: absolute;
    left: 0px;
    top: -48px;
}

.fixed-menu .menu-bar a {
    color: #7F7F7F !important;
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*==== sticky-nev end=== */

/* =====hero-area-start===== */

.hero-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.hero-area {
    padding-left: calc((100% - 1350px) / 2) !important;
    background-color: #F7F7F7;
}

.mobile-db {
    display: none;
}

.hero-left {
    background-color: #F7F7F7;
    width: 48%;
    display: flex;
    height: 629px;
    padding: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    padding-left: 0px;
    padding-top: 100px;
}

.hero-left span {
    color: #383838;
    font-family: Inter;
    font-size: 12.64px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.253px;
    display: block;
}

.hero-left h2 {
    color: #000;
    font-family: Inter;
    font-size: 51px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -1.02px;
    margin-bottom: 50px;
}

.hero-left p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.hero-left a {
    color: #383838;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.28px;
    padding: 16px 0px;
    border-bottom: 1px solid #383838;
    transition: .5s;
}

.hero-left a img {
    display: inline-block;
    padding-left: 15px;
}

.hero-left a:hover {
    font-weight: 600;
    color: #000;
    transition: .5s;
    border-bottom: 1px solid #000;
}

.hero-right {
    width: 52%;
    height: 629px;
}

.hero-video {
    width: 100%;
    height: 100%;
    position: relative;
}

.hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.video-item {
    position: absolute;
    left: 44px;
    bottom: 86px;
}

.video-item a {
    display: flex;
    align-items: center;
    gap: 0 16px;
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: -0.28px;
    border-radius: 6px;
    background-color: #0F7BB8;
    padding: 14px 32px;
    transition: .3s;
}

.video-item a:hover {
    background-color: #034A74;
}

.video-item a .video-item-icon i {
    font-size: 14px;
    color: #fff;
    margin-top: 3px;
}

.video-item a span {
    color: #FFF;
    /* txt/Body 2/Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: -0.28px;
}

/* =======select====== */

.hero-select {
    width: 250px !important;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    background: none !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.hero-select span {
    margin-bottom: 0px;
    color: #383838;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500 !important;
}

/*========== new hero area ====== */

.new-hero-area {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.68) 100%), url(<path-to-image>) rgba(211, 211, 211, 0) 50% / cover no-repeat;
    padding: 96px 0;
    height: 634px;
}

.new-hero-left {
    position: relative;
}

.new-hero-left span {
    color: #fff;
    font-family: Inter;
    font-size: 12.64px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.253px;
    display: block;
    margin-bottom: 24px;
}

.new-hero-left h2 {
    color: #fff;
    font-family: Inter;
    font-size: 51px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -1.02px;
    margin-bottom: 96px;
}

.new-hero-left p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.new-hero-select {
    width: 250px !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    background: none !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.new-hero-select span {
    margin-bottom: 0px;
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500 !important;
}

.new-hero-play-btn a {
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: -0.28px;
    display: inline-block;
    padding: 14px 32px;
    border-radius: 6px;
    border: 1px solid var(--black-100, #E3E3E3);
    background: rgba(247, 247, 247, 0.15);
    transition: .3s;
}

.new-hero-play-btn a:hover {
    background: #0f7ab8c5;
    border: 1px solid var(--black-100, #0f7ab8c5);
}

.new-hero-play-btn a i {
    margin-left: 16px;
}

.new-hero-play-btn {
    position: absolute;
    right: 0px;
}

/* ====Autoryzowany instalator area start==== */

.Autoryzowany__instalator {
    background-color: #fff;
    padding: 140px 0;
}

.Autoryzowany__instalator-item {
    margin-bottom: 50px
}

.Autoryzowany__instalator-item h2 {
    color: #000;
    font-size: 41px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.82px;
}

.Autoryzowany__instalator-item span {
    color: #434343;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 23.4px */
    letter-spacing: -0.36px;
    display: block;
    text-align: center;
    margin-bottom: 18px;
}

.Autoryzowany__instalator-item a {
    display: block;
    text-align: center;
}

.Autoryzowany__instalator-item p {
    color: var(--black-500, #666);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 23.4px */
    letter-spacing: -0.36px;
    padding-right: 240px;
}

.Autoryzowany__instalator-item-new {
    transition: .3s;
}

.Autoryzowany__instalator-item-new span {
    width: 90px;
    height: 1px;
    background: #0F7BB8;
    display: inline-block;
    margin-bottom: 35px;
    opacity: 0.5;
    transition: .3s;
}

.Autoryzowany__instalator-item-new h2 {
    color: var(--black-900, #000);
    font-family: Inter;
    font-size: 41px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 53.3px */
    letter-spacing: -0.82px;
    margin-bottom: 8px;
    opacity: 0.5;
    transition: .3s;
}

.Autoryzowany__instalator-item-new p {
    color: var(--black-500, #666);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 23.4px */
    letter-spacing: -0.36px;
    opacity: 0.5;
    transition: .3s;
}

.Autoryzowany__instalator-item-new:hover span,
.Autoryzowany__instalator-item-new:hover h2,
.Autoryzowany__instalator-item-new:hover p {
    opacity: 1;
}

.instalator-actives span,
.instalator-actives h2,
.instalator-actives p {
    opacity: 1;
}

/* =======hg-solar  panels area start===== */

.hg-solar-panels-area {
    padding: 160px 0 60px;
    background: var(--black-50, #F7F7F7);
}

.hg-solar-panels-left-content {
    padding: 60px;
    margin-bottom: 25px;
}

.hg-solar-panels-left-content h2 {
    color: #FFF;
    font-family: Inter;
    font-size: 41px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 53.3px */
    letter-spacing: -0.82px;
    margin-bottom: 24px;
}

.hg-solar-panels-left-content p {
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: -0.28px;
}

.hg-bg-color1 {
    background: #0F7BB8;
}

.hg-bg-color2 {
    background: #003F2D;
}

.hg-bg-color3 {
    background: #45453B;
}

.hg-bg-color4 {
    background: #002234;
}

.hg-bg-color5 {
    background: #4D0712;
}

.hg-solar-panels-btm-item {
    padding: 85px 0;
}

.hg-solar-panels-btm-item ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.hg-solar-panels-btm-item ul li a {
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: -0.28px;
    display: inline-block;
    padding: 14px 4px 14px 0px;
    border-bottom: 1px solid #22A0E8;
    transition: .3s;
}

.hg-solar-panels-btm-item ul li a i {
    padding-left: 25px;
}

.hg-solar-panels-btm-item ul li a:hover {
    color: #22A0E8;
}

.hg-content-bdr-color2 li a {
    border-bottom: 1px solid #128262 !important;
}

.h-g-btn-last2 {
    border-color: #128262 !important;
}

.h-g-btn-last3 {
    border-color: #93937B !important;
}

.h-g-btn-last5 {
    border-color: #982739 !important;
}

.hg-solar-panels-bottom-btn a {
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: -0.28px;
    display: inline-block;
    padding: 14px 4px 14px 0px;
    border-bottom: 1px solid #22A0E8;
    transition: .3s;
}

.hg-solar-panels-bottom-btn a i {
    padding-left: 25px;
}

.hg-solar-panels-bottom-btn a:hover {
    color: #22A0E8 !important;
    border-bottom: 1px solid #22A0E8 !important;
}

.hg-solar-panels-right-img {
    margin-bottom: 25px;
}

.hg-content-bdr-color2 li a:hover {
    border-bottom: 1px solid #22A0E8 !important;
}

.hg-content-bdr-color3 li a {
    border-bottom: 1px solid #fff !important;
}

.hg-content-bdr-color3 li a:hover {
    border-bottom: 1px solid #22A0E8 !important;
}

.hg-content-bdr-color4 li a {
    border-bottom: 1px solid #949494 !important;
}

.hg-content-bdr-color4 li a:hover {
    border-bottom: 1px solid #22A0E8 !important;
}

.hg-content-bdr-color5 li a {
    border-bottom: 1px solid #982739 !important;
}

.hg-content-bdr-color5 li a:hover {
    border-bottom: 1px solid #22A0E8 !important;
}

/* =====Even drink secton start====== */

.Even__drink-area {
    padding: 119px 0 60px;
}

.Even__drink_img {
    margin-bottom: 35px;
}

.Even__drink_text-content small {
    color: #383838;
    font-family: Inter;
    font-size: 12.64px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 16.432px */
    letter-spacing: -0.253px;
    display: block;
    padding-top: 60px;
    padding-bottom: 24px;
}

.Even__drink_text-content h2 {
    color: var(--black-800, #383838);
    font-family: Inter;
    font-size: 41px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 53.3px */
    letter-spacing: -0.82px;
    margin-bottom: 96px;
    margin-top: 40px;
}

.Even__drink_text-content p {
    color: #383838;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.28px;
    margin-bottom: 70px;
}

.Even__drink_btn a {
    color: #383838;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: -0.28px;
    display: inline-block;
    padding: 14px 4px 14px 0px;
    border-bottom: 1px solid #383838;
    transition: .3s;
}

.Even__drink_btn a i {
    padding-left: 25px;
}

.Even__drink_btn a:hover {
    color: #22A0E8 !important;
    border-bottom: 1px solid #22A0E8 !important;
}

.left-pd {
    padding-left: 50px;
}

.right-pd {
    padding-right: 50px;
}

/* ==========Zobacz-slider-area========== */

.Zobacz-slider-area {
    padding: 60px 0 170px;
}

.Zobacz_title h2 {
    color: #000;
    font-family: Inter;
    font-size: 41px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.82px;
    margin-bottom: 60px;
}


.Zobacz-slider-wrapper{
    padding-left: calc((100% - 1350px) / 2);
    
}











.carousel-cell {
    /* background: teal; */
    width: 50%;
    margin: 7.5px;

}

.carousel-cell img {
    width: 100%;
}

.carousel-cell.is-selected {
  /* background: red; */
}

.main-carousel2 .carousel-cell {
	width: 30%;
}


.Zobacz-slider-box{
    padding: 64px;
    border: 1px solid var(--black-100, #E3E3E3);
    background: #FFF;
    min-height: 432px;
    opacity: .5;
  }
  .Zobacz-slider-box a{
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.28px;
    display: inline-block;
    padding: 14px 0;
    border-bottom: 1px solid #949494;
    margin-bottom: 90px;
    transition: .3s;
  }
  .Zobacz-slider-box a:hover{
    color: #18a7fa;
    border-bottom: 1px solid #18a7fa;
  }
  .Zobacz-slider-box h2{
    color:  #000;
    font-family: Inter;
    font-size: 32.44px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 42.172px */
    letter-spacing: -0.649px;
    margin-bottom: 24px;
  }
  .Zobacz-slider-box p{
    color:  #818181;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
  }


  .carousel-cell.is-selected .Zobacz-slider-box {
    opacity: 1;
  }



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

	.carousel-cell {
		width: 100%;
	}


	.main-carousel2 .carousel-cell {
		width: 80%;
	}

  .main-carousel3 .carousel-cell {
    width: 100%;
  }

  .Zobacz-slider-box {
    padding: 26px;
  }

}

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

	.carousel-cell {
		width: 100%;
	}


	.main-carousel2 .carousel-cell {
		width: 80%;
	}

  .main-carousel3 .carousel-cell {
    width: 100%;
  }

  .Zobacz-slider-box {
    padding: 26px;
  }

}






/* Etiam bibendum area start */

.Etiam_bibendum_area {
    padding: 50px 0;
}

.Etiam_bibendum_innte {
    background-image: url(../img/etiam.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.Etiam_bibendum_over-lay {
    padding: 115px;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.65) 59.15%), url(<path-to-image>) rgba(211, 211, 211, 0) 50% / cover no-repeat;
}

.Etiam_bibendum_over-lay span {
    color: #FFF;
    font-family: Inter;
    font-size: 12.64px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 16.432px */
    letter-spacing: -0.253px;
    display: block;
    margin-bottom: 24px;
    margin-top: 30px;
}

.Etiam_bibendum_over-lay h2 {
    color: #FFF;
    font-family: Inter;
    font-size: 51px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 66.3px */
    letter-spacing: -1.02px;
    margin-bottom: 96px;
}

.Etiam_bibendum_over-lay a {
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: -0.28px;
    display: inline-block;
    padding: 14px 4px 14px 0px;
    border-bottom: 1px solid #fff;
    transition: .3s;
}

.Etiam_bibendum_over-lay a i {
    padding-left: 25px;
}

.Etiam_bibendum_over-lay a:hover {
    color: #22A0E8 !important;
    border-bottom: 1px solid #22A0E8 !important;
    transition: .3s;
}

/* ===Z_kim_wspolpracujemy=== */

.Z_kim_wspolpracujemy {
    padding: 50px 0;
}

.Z_kim_wspolpracujemy-item p {
    color: #000;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 23.4px */
    letter-spacing: -0.36px;
    margin-bottom: 33px;
    text-align: center;
}

/* =============
list-page start css
 ============= */

/* ========= top-pagination-hero-start ======== */

.top-pagination-hero {
    background: #F7F7F7;
    position: relative;
}

.top-pagination-left {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    max-width: 557px;
    width: 100%;
    min-height: 533px;
    flex-shrink: 0;
    padding-right: 104px;
}

.top-pagination-left ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.top-pagination-left ul li a {
    display: block;
    color: #383838;
    font-family: Inter;
    font-size: 12.64px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.253px;
}

.top-pagination-left ul li a:hover {
    color: #0F7BB8;
}

.top-pagination-left ul li span {
    color: #383838;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 0 5px;
}

.top-pagination-left h3 {
    color: #383838;
    font-family: Inter;
    font-size: 51px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -1.02px;
    padding: 24px 0 64px 0;
}

.top-pagination-left p {
    color: #383838;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.36px;
}

.top-pagination-right img {
    position: absolute;
    right: 0px;
    top: 0px;
}

/* ========= top-pagination-hero-end ======== */

/* ========= sed-area start ======== */

.sed-area {
    background: #fff;
    padding: 95px 0 90px 0;
}

.sed-box {
    margin-bottom: 24px;
}

.sed-img {
    position: relative;
    height: 239px;
    background-color: #ddd;
    overflow: hidden;
}

.sed-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sed-date-box {
    position: absolute;
    top: 23px;
    left: 18px;
    background: #0F7BB8;
    border-radius: 6px;
    padding: 14px 16px;
}

.sed-date-box p {
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.28px;
}

.sed-cnt {
    padding: 52px;
    border: 1px solid #E3E3E3;
}

.sed-cnt p {
    color: #515151;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.28px;
    margin-bottom: 32px;
}

.sed-cnt h2 a {
    display: block;
    color: #000;
    font-family: Inter;
    font-size: 25.63px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.513px;
    margin-bottom: 24px;
    transition: 0.3s all ease;
}

.sed-cnt h2 a:hover {
    color: #0F7BB8;
}

.sed-btn {
    max-width: 126px;
    width: 100%;
}

.sed-btn a {
    display: block;
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    padding: 14px 0;
    letter-spacing: -0.28px;
    border-bottom: 1px solid #949494;
    transition: 0.3s all ease;
}

.sed-btn a i {
    margin-left: 16px;
}

.sed-btn a:hover {
    color: #0F7BB8;
    border-bottom: 1px solid #0F7BB8 !important;
    border-color: #0F7BB8 !important;
}

.sed-next-btn ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

.sed-next-btn ul li {
    margin-right: 12px;
}

.sed-next-btn ul li:last-child {
    margin-right: 0px;
}

.sed-next-btn ul li a {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #E3E3E3;
    background: #F7F7F7;
    padding: 14px;
    color: #383838;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.28px;
    transition: 0.3s all ease;
}

.sed-next-btn ul li a.active,
.sed-next-btn ul li a:hover {
    background: #0F7BB8;
    color: #fff;
}

/* ==sol-news-img=== */

.sol-news-img {
    height: 327px;
    background-color: #ddd;
    overflow: hidden;
}

.sol-news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sol-new-content {
    background-color: #F7F7F7;
}

/* ========= sed-area end ======== */

/* ========= Pobierz-area start ======== */

.Pobierz-area {
    background: url('../img/block-img/Pobierz-bg.png') no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.Pobierz-left {
    padding: 86px 0;
    padding-left: 88px;
}

.Pobierz-left p {
    color: #FFF;
    font-family: Inter;
    font-size: 12.64px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.253px;
    margin-bottom: 24px;
}

.Pobierz-left h2 a {
    display: block;
    color: #FFF;
    font-family: Inter;
    font-size: 51px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -1.02px;
    margin-bottom: 24px;
}

.Pobierz-btn {
    max-width: 192px;
    width: 100%;
}

.Pobierz-btn a {
    display: block;
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    padding: 14px 0;
    letter-spacing: -0.28px;
    border-bottom: 1px solid #fff;
    transition: 0.3s all ease;
}

.Pobierz-btn a i {
    margin-left: 16px;
    color: #ffff;
}

.Pobierz-btn a:hover {
    color: #cacaca;
    border-color: #cacaca;
}

.Pobierz-right {
    background: url('../img/block-img/Pobierz-img.png') no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

/* ========= Pobierz-area end ======== */

/* ========= Zobacz-area start ======== */

.Zobacz-area {
    background: #fff;
    padding: 90px 0;
}

.Zobacz-top h3 {
    color: #000;
    font-family: Inter;
    font-size: 41px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.82px;
    margin-bottom: 66px;
}

.Zobacz-cnt ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 32px;
}

.Zobacz-cnt ul li {
    color: #515151;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.28px;
    margin-right: 5px;
}

.Zobacz-cnt ul li:last-child {
    margin-right: 0;
}

.Zobacz-cnt ul li a {
    color: #515151;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.28px;
    transition: 0.3s all ease;
}

.Zobacz-cnt ul li a:hover {
    color: #0F7BB8;
}

/* ========= Zobacz-area end ======== */

/* ========= Skontaktuj-area start ======== */

.Skontaktuj-area {
    background: url('../img/fm-bg.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.Skontaktuj-main {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%), url(<path-to-image>) rgba(211, 211, 211, 0) 50% / cover no-repeat;
    padding: 69px 0 62px 0;
}

.Skontaktuj-left p {
    color: #FFF;
    font-family: Inter;
    font-size: 12.64px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.253px;
    margin-bottom: 24px;
    padding-top: 25px;
}

.Skontaktuj-left h2 {
    color: #FFF;
    font-family: Inter;
    font-size: 41px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.82px;
    margin-bottom: 70px;
}

.Skontaktuj-mail a {
    display: block;
    color: #FFF;
    font-family: Inter;
    font-size: 25.63px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.513px;
    margin-bottom: 8px;
    transition: 0.3s all ease;
}

.Skontaktuj-mail a:hover {
    color: #1b9eeb;
}

.Skontaktuj-mail p {
    color: #FFF;
    font-family: Inter;
    font-size: 12.64px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.253px;
    margin-bottom: 24px;
    opacity: 0.5;
    padding-top: 0px;
}

.Skontaktuj-mail p:last-child {
    margin-bottom: 0;
}

.Skontaktuj-btn {
    max-width: 161px;
    width: 100%;
    margin-top: 70px;
}

.Skontaktuj-btn a {
    display: block;
    color: #FFFFFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    padding: 14px 0;
    letter-spacing: -0.28px;
    border-bottom: 1px solid #FFFFFF;
    transition: 0.3s all ease;
}

.Skontaktuj-btn a i {
    margin-left: 16px;
}

.Skontaktuj-btn a:hover {
    color: #1b9eeb;
    border-color: #1b9eeb;
}

.Skontaktuj-right-box {
    background: #fff;
    padding: 48px;
}

.Skontaktuj-right-box p {
    color: #383838;
    font-family: Inter;
    font-size: 12.64px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.253px;
    margin-bottom: 8px;
}

.Skontaktuj-right-box h2 {
    color: #000;
    font-family: Inter;
    font-size: 25.63px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.513px;
    margin-bottom: 32px;
}

.Skontaktuj-right-box form input {
    width: 100%;
    border: 1px solid #A4A4A4;
    outline: none;
    padding: 16px 14px;
    color: #383838;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.28px;
    margin-bottom: 12px;
}

.Skontaktuj-right-box form input::placeholder {
    color: #383838;
    opacity: 1;
}

/* select */

.nice-select {
    width: 100%;
    display: block;
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: 1px solid #A4A4A4;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    color: #383838;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.28px;
    padding: 16px 14px;
    margin-bottom: 32px;
}

.nice-select:hover {
    border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #999;
}

.nice-select::after {
    border-bottom: 3px solid #999;
    border-right: 3px solid #999;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.nice-select.open::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    width: 100%;
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}

.nice-select.disabled::after {
    border-color: #cccccc;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .list {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}

.nice-select.small::after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #f6f6f6;
}

.nice-select .option.selected {
    font-weight: bold;
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
}

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

/* check-box */

.Skontaktuj-check-box input[type=checkbox] {
    appearance: none;
    height: 25px;
    width: 25px;
    background: #fff;
    border: 1px solid var(--black-300, #A4A4A4);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}

.Skontaktuj-check-box input[type=checkbox]::after {
    content: "\f00c";
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    color: #ffffff;
    display: none;
}

.Skontaktuj-check-box input[type=checkbox]:checked {
    background: #0F7BB8;
}

.Skontaktuj-check-box input[type=checkbox]:checked::after {
    display: block;
}

.Skontaktuj-check-box {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 12px;
    grid-row-gap: 10px;
    padding: 1px;
}

.Skontaktuj-check-box label {
    color: #383838;
    font-family: Inter;
    font-size: 12.64px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.253px;
}

.Skontaktuj-check-box label a {
    color: var(--black-800, #383838);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.28px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.Skontaktuj-check-box label a:hover {
    text-decoration: none;
    color: #1b9eeb;
}

.Skontaktuj-btn2 {
    width: 146px;
    margin-top: 32px;
}

.Skontaktuj-btn2 a {
    display: block;
    border: 1px solid #383838;
    padding: 14px 32px;
    color: #383838;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.28px;
    transition: 0.3s all ease;
}

.Skontaktuj-btn2 a:hover {
    background: #0F7BB8;
    color: #ffff;
}

.Skontaktuj-btn2 a i {
    margin-left: 16px;
}

/* ========= Skontaktuj-area end ======== */

/* ======================== 1 page end ======================= */

/* ========= Widok-area start ======== */

.Widok-pagination-hero {
    background: #003F2D;
    position: relative;
}

.Widok-pagination-left ul li span,
.Widok-pagination-left ul li a {
    color: #fff;
}

.Widok-pagination-left h3 {
    color: #fff;
}

.Widok-pagination-left p {
    color: #fff;
}

.Widok-pagination-btn a {
    display: block;
    border-radius: 6px;
    background: #F7F7F7;
    color: #383838;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.28px;
    padding: 14px 32px;
    margin-top: 35px;
    transition: 0.3s all ease;
}

.Widok-pagination-btn a:hover {
    background: #0F7BB8;
    color: #fff;
}

/* ========= Widok-area end ======== */

/* ========= Fusce-area start ======== */

.Fusce-area {
    background: #fff;
    padding: 104px 0 317px 0;
}

.Fusce-left h3 {
    color: #000;
    font-family: Inter;
    font-size: 41px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%
}

.Fusce-right p {
    color: #666;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.36px;
}

/* ========= Fusce-area end ======== */

/* ========= Zaleta-area start ======== */

.Zaleta-area {
    background: url('../img/block-img/Zaleta-bg.png') no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 175px;
    padding-bottom: 100px;
}

.Zaleta-box {
    margin-top: -255px;
    position: relative;
    border: 1px solid var(--black-100, #E3E3E3);
    background: #FFF;
    padding: 64px;
}

.Zaleta-btn {
    width: 125px;
}

.Zaleta-btn a {
    display: block;
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.28px;
    border-bottom: 1px solid #949494;
    padding: 14px 0;
    margin-bottom: 96px;
    transition: 0.3s all ease;
}

.Zaleta-btn a:hover {
    color: #0F7BB8;
    border-color: #0F7BB8;
}

.Zaleta-box h2 {
    color: #000;
    font-family: Inter;
    font-size: 32.44px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.649px;
    margin-bottom: 24px;
}

.Zaleta-box p {
    color: #818181;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.28px;
}

/* ========= Zaleta-area end ======== */

/* ======================== 2 page end ======================= */

/* ========= Zaleta-area end ======== */

.Widok2-pagination-hero {
    background-color: #0F7BB8;
    position: relative;
}

.Widok-pagination-right2 {
    z-index: -1;
}

.Zaleta-btn2 {
    width: 180px;
}

.Serwis-area {
    background: url('../img/block-img/Serwis-bg.png') no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 175px;
    padding-bottom: 100px;
}

.Serwis-area2 {
    background: url('../img/block-img/Serwis-bg3.png') no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 175px;
    padding-bottom: 500px;
}

.Widok2-pagination-new-grd {
    background-image: url(../img/grd.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.Widok2-pagination-gradient {
    background: linear-gradient(270deg, rgba(15, 123, 184, 0.00) 0%, #0F7BB8 56.87%), url(<path-to-image>) rgba(211, 211, 211, 0) 740.794px -227.451px / 62.218% 149.793% no-repeat;
}

/* ========= Zaleta-area end ======== */

/* =======solar-cleaning-area start ====== */

.solar-cleaning-area {
    background-color: #fff;
    padding: 90px 0;
}

.solar-cleaning-text-item {
    margin-bottom: 30px;
}

.solar-cleaning-img-item {
    margin-bottom: 50px;
}

.solar-cleaning-text-item h2 {
    color: #000;
    font-size: 41px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 53.3px */
    letter-spacing: -0.82px;
    margin-bottom: 48px;
}

.solar-cleaning-text-item p {
    color: #666;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.36px;
    margin-bottom: 30px;
}

.sl-left {
    padding-top: 70px;
    padding-right: 120px;
}

.sl-right {
    padding-top: 70px;
    padding-left: 120px;
}

/* =====Dlaczego tak area start ======= */

.Dlaczego_tak_area {
    padding: 25px 0;
}

.Dlaczego_tak_title h2 {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 41px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.82px;
    margin-bottom: 30px;
}

.Dlaczego_tak_title p {
    color: #666;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.36px;
    margin-bottom: 60px;
}

.Dlaczego_tak_item {
    padding: 64px;
    border: 1px solid #E3E3E3;
    background: #FFF;
    margin-bottom: 20px;
}

.Dlaczego_tak_item img {
    display: inline-block;
    margin-bottom: 120px;
}

.Dlaczego_tak_item h2 {
    color: #000;
    font-family: Inter;
    font-size: 22.78px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.456px;
    margin-bottom: 24px;
}

.Dlaczego_tak_item p {
    color: #818181;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.28px;
}

/* ======/Etiam bibendum area start====== */

.etiam_bibendum-area {
    background-image: url(../img/solar-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.etiam_bibendum_inner {
    padding: 110px 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), url(<path-to-image>) rgba(211, 211, 211, 0.027) 50% / cover no-repeat;
}

.etiam_bibendum_title p {
    color: #FFF;
    font-family: Inter;
    font-size: 12.64px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.253px;
    margin-bottom: 24px;
}

.etiam_bibendum_title h2 {
    color: #FFF;
    font-family: Inter;
    font-size: 51px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 66.3px */
    letter-spacing: -1.02px;
    margin-bottom: 200px;
}

.etiam_bibendum_itemss h2 {
    color: #FFF;
    font-family: Inter;
    font-size: 32.44px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 42.172px */
    letter-spacing: -0.649px;
    margin-bottom: 24px;
}

.etiam_bibendum_itemss p {
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: -0.28px;
}

/* ===Serwis instalacji  area start=== */

.serwis_instalacji_area {
    padding: 100px 0;
}

.serwis_instalacji_right-content {
    padding-left: 120px;
}

.serwis_instalacji_right-content h2 {
    color: #383838;
    font-family: Inter;
    font-size: 41px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.82px;
    margin-bottom: 40px;
}

.serwis_instalacji_right-content p {
    color: #383838;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 23.4px */
    letter-spacing: -0.36px;
    margin-bottom: 24px;
}

.serwis_instalacji_right-content h3 {
    color: #383838;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -0.36px;
    margin-bottom: 24px;
}

.serwis_instalacji_right-content ul {
    margin-left: 20px;
    margin-bottom: 25px;
}

.serwis_instalacji_right-content ul li {
    color: #383838;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.36px;
    padding-left: 5px;
    margin-bottom: 5px;
    list-style-type: disc;
}

.serwis_instalacj_btn a {
    display: inline;
    color: #383838;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    padding: 14px 0;
    letter-spacing: -0.28px;
    border-bottom: 1px solid #383838;
    transition: 0.3s all ease;
}

.serwis_instalacj_btn a:hover {
    color: #1b9eeb;
    border-color: #1b9eeb;
}

.serwis_instalacj_btn a i {
    margin-left: 16px;
}

/* =======Clinical life and problem solving area start==== */

.Clinical_life_problem_solving_area {
    padding-bottom: 100px;
}

.Clinical_life-title h2 {
    color: var(--black-900, #000);
    font-family: Inter;
    font-size: 41px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 53.3px */
    letter-spacing: -0.82px;
    margin-bottom: 66px;
    padding-right: 100px;
}

.Clinical_life-title p {
    color: #666;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 23.4px */
    letter-spacing: -0.36px;
    margin-bottom: 30px;
}

.problem_solving_box {
    border: 1px solid #E3E3E3;
    background: #FFF;
    padding: 64px 120px 64px 64px;
}

.problem_solving_box a {
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: -0.28px;
    display: inline-block;
    padding: 14px 0;
    border-bottom: 1px solid #949494;
    margin-bottom: 96px;
    transition: .3s;
}

.problem_solving_box a:hover {
    color: #1b9eeb;
    border-color: #1b9eeb;
}

.problem_solving_box h2 {
    color: #000;
    font-family: Inter;
    font-size: 32.44px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 42.172px */
    letter-spacing: -0.649px;
    margin-bottom: 24px;
}

.problem_solving_box p {
    color: #818181;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.28px;
}

.problem_solving_box_img {
    height: 100%;
    object-fit: cover;
}

.problem_solving_box_img img {
    height: 100%;
    object-fit: cover;
}

/* ========= footer-area-start ======== */

.footer-area {
    background: #ffff;
    padding: 53px 0;
}

.footer-item ul {
    margin-bottom: 30px;
}

.footer-item ul li {
    margin-bottom: 14px;
}

.footer-item ul li:last-child {
    margin-bottom: 0px;
}

.footer-item ul li a {
    display: inline-block;
    color: #666;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.32px;
    position: relative;
}

.footer-item ul li a:hover {
    text-decoration: none !important;
}

.footer-item ul li a::before {
    display: block;
    content: '';
    width: 0;
    height: 2px;
    background: #28260B;
    position: absolute;
    left: 0;
    bottom: -5px;
    transition: 0.3s all ease;
}

.footer-item ul li a:hover::before {
    right: 0;
    width: 100%;
}

.footer-item ul li a:hover {
    color: #57501E;
}

.footer-item h3 {
    color: #383838;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.32px;
    margin-bottom: 14px;
}

.footer-social-item ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer-social-item ul li {
    margin: 0;
    margin-right: 12px;
}

.footer-social-item ul li:last-child {
    margin-right: 0px;
}

.footer-social-item ul li a {
    width: 42px;
    height: 42px;
    line-height: 37px;
    text-align: center;
    border-radius: 100px;
    border: 1px solid var(--primary-500, #0F7BB8);
}

.footer-social-item ul li a:hover {
    border-color: #000;
}

.footer-social-item ul li a:hover {
    border-color: #000;
    fill: #000;
}

.footer-social-item ul li a::before {
    display: none;
}

.footer-item2 ul {
    margin-bottom: 30px;
}

.footer-item ul li {
    color: #666;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.32px;
}

.footer-icon-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}

.footer-icon-wrap:hover .footer-icon-iteml,
.footer-icon-wrap:hover .footer-icon-itemr {
    color: #57501E;
    border-color: #57501E;
}

.footer-icon-iteml {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #28260B;
    border-radius: 100px;
    border: 1px solid var(--primary-900, #28260B);
    margin-right: 12px;
}

.footer-icon-wrap:hover .footer-icon-iteml svg path {
    fill: #57501E;
}

.footer-icon-iteml svg {
    margin-top: -5px;
}

.footer-icon-itemr {
    color: var(--primary-900, #28260B);
    font-family: "Inter", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.footer-item h6 {
    color: var(--primary-900, #28260B);
    font-family: "Inter", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

/* ========= footer-area-end ======== */

/* ========= copyright-area-start ======== */

.copyright-area {
    background: #fff;
    padding: 0px 0 30px 0;
    border-bottom: 12px solid #0F7BB8;
}

.copyright-bt {
    border-top: 1px solid #000;
    padding-top: 45px;
}

.copyright-item a {
    display: block;
    color: #666;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.32px;
}

.copyright-item a:hover {
    color: #0F7BB8;
}

.copyright-itemr a {
    text-align: right;
}

.copyright-itemr a b {
    color: var(--primary-900, #28260B);
    font-family: "Inter", serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.copyright-itemr a:hover b {
    color: #0F7BB8;
    text-decoration: none;
}

/* ========= copyright-area-end ======== */

.nice-select::after {
    border-bottom: 2px solid #111;
    border-right: 2px solid #111;
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    margin-top: -3px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.mobile-menu-open_ {
    display: block !important;
}

.nice-select.new-hero-select::after {
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}

.skont-new-left {
    padding-left: 120px;
}

/* ==================
    call to page start 
    ========= */

.call-to-bg {
    background-image: url(../img/callto-bg.png);
}

.call-to-form-item .nice-select {
    margin-bottom: 15px;
}

.call-to-form-item input {
    margin-bottom: 0px !important;
}

.call-to-form-item textarea {
    width: 100%;
    border: 1px solid #A4A4A4;
    outline: none;
    padding: 16px 14px;
    color: #383838;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.28px;
    margin-bottom: 12px;
    resize: none !important;
}

.call-to-form-item textarea::placeholder {
    color: #383838;
    opacity: 1;
}

main {
    overflow: hidden;
}

/* ========== */

.widocok3btn:hover {
    background-color: #F7F7F7 !important;
    color: #1b9eeb !important;
}


/* ========== */


/* ========top menu start ========= */

.top-menu-area{
    background-color: #F7F7F7;
}

.top-menu-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
   
}

.top_menu-item ul{
    display: flex;
    align-items: center;
    gap: 0 44px;
}
.top_menu-item ul li a{
    color: #666;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.28px;
    display: inline-block;
    padding: 19px 0;
    border-bottom: 2px solid #F7F7F7;
}
.top_menu-item ul li a:hover{
    font-weight: 500;
    color: #383838;
    border-bottom: 2px solid #0F7BB8;
    
}
.top_menu-item ul li a::before{}


.top_menu-item-right ul{
    display: flex;
    align-items: center;
    gap: 0 44px;
}
.top_menu-item-right ul li a{
    color: #666;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.28px;
    display: inline-block;
    padding: 16px 0;
}

.top_menu-item-right ul li a:hover{
    font-weight: 500;
    color: #383838;
}

#tp-m-1active{
    font-weight: 500;
    color: #383838;
    border-bottom: 2px solid #0F7BB8;
}

/* .top-menu-item-2 {} */
.top-menu-item-2 {}
.top-menu-item-2 ul{
    gap: 0px;
}

.top-menu-item-2 ul li a{
    padding: 16px 32px;
    color: #fff;
    border: none;
}
.top-menu-item-2 ul li a:hover{
    border: none !important;
    color: #fff;
}


.top-menu-item-2 ul li:nth-child(1) a{
    background-color:#0F7BB8;
}
.top-menu-item-2 ul li:nth-child(2) a{
    background-color:#003F2D;
}
.top-menu-item-2 ul li:nth-child(3) a{
    background-color:#45453B;
}
.top-menu-item-2 ul li:nth-child(4) a{
    background-color:#002234;
}
.top-menu-item-2 ul li:nth-child(5) a{
    background-color:#4D0712;
}
/* =============== */

#tp-m-4active{
    font-weight: 600;
    color: #383838 ;
    border-bottom: 4px solid #0F7BB8;
}

.top-menu-item-3 ul li a:hover{
  font-weight: 600;
}


.top-menu-item-3 ul li:nth-child(1) a{
   
}
.top-menu-item-3 ul li:nth-child(2) a{
    border-color: #003F2D !important;
}
.top-menu-item-3 ul li:nth-child(3) a{
    border-color: #45453B !important;
}
.top-menu-item-3 ul li:nth-child(4) a{
    border-color: #002234 !important;
}
.top-menu-item-3 ul li:nth-child(5) a{
    border-color: #4D0712 !important;
}

/* ============= */

.m-category-tab{
    display: none;
}

.mobile-category-item{
    position: absolute;
    z-index: 999999999993333333333333;
    top: 0px;
    left: 0px;
    display: none;
}
.mobile-category-item ul li a{
    color: #666;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.28px;
  display: inline-block;
  padding: 16px 14px;
  border-bottom: 1px solid #EFEFEF;
  display: block;
  background-color: #fff;
  width: 120px;
}
.mobile-category-item ul li a:hover{
    background-color: #EFEFEF;
}

.mobile-category-item ul li a i{
    display: inline-block;
    margin-left: 8px;
}

.top-ct-bar{
    padding: 10px 12px !important;
}



.d{
    display: none;
    opacity: 0;
}