@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

.active{
    color: #E8B267 !important;    
}

.active:not(label)::before{
            content: "";
            width: 100% !important;
            height: 0.3rem !important;
            background: #F0CC98 !important;
            position: absolute !important;
            top: -3.5rem !important;
            left: 0 !important;
            opacity: 1 !important;
            transition: all 0.3s ease !important;    
}

.active_dropdown{
    background:#FDF8F0 !important;    
}

.header {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 2rem 10%;
  display: flex;
  align-self: center;
  z-index: 3; }
  @media only screen and (max-width: 1680px) {
    .header {
      padding: 2rem 5%; } }
  .header .header_main_navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .header .header_main_navbar .logo {
      font-size: 2rem;
      color: white;
      text-decoration: none;
      font-weight: 700;
      width: 12rem; }
      .header .header_main_navbar .logo img {
        width: 100%; }
      @media only screen and (max-width: 600px) {
        .header .header_main_navbar .logo img {
          width: 8rem; } }
    .header .header_main_navbar #check {
      display: none; }
    .header .header_main_navbar .navbar {
      display: flex;
      gap: 2rem;
      height: 5.5rem;
      margin-left: auto; }
      .header .header_main_navbar .navbar .mobile_navbar {
        display: flex;
        align-items: center;
        gap: 3rem; }
      .header .header_main_navbar .navbar .dropdown_item {
        display: flex;
        align-items: center; }
        .header .header_main_navbar .navbar .dropdown_item .submenu-toggle-checkbox {
          display: none; }
        .header .header_main_navbar .navbar .dropdown_item .dropdown_link {
          text-decoration: none;
          position: relative;
          color: #ffffff;
          border-radius: 18px;
          transition: all 0.3s ease;
          font-weight: 500;
          cursor: pointer;
          padding: 0.5rem 0;
          display: flex;
          align-items: center;
          gap: 0.5rem; }
          .header .header_main_navbar .navbar .dropdown_item .dropdown_link i {
            font-size: 0.8em;
            transition: transform 0.3s ease;
            color: #E8B267; }
          .header .header_main_navbar .navbar .dropdown_item .dropdown_link:not(label)::before {
            content: "";
            width: 100%;
            height: 0.3rem;
            background: #F0CC98;
            position: absolute;
            top: -3.5rem;
            left: 0;
            opacity: 0;
            transition: all 0.3s ease; }
          .header .header_main_navbar .navbar .dropdown_item .dropdown_link:hover:not(label)::before {
            opacity: 1; }
          .header .header_main_navbar .navbar .dropdown_item .dropdown_link:hover {
            opacity: 70%; }
        .header .header_main_navbar .navbar .dropdown_item .dropdown_cointainer {
          background-color: #ffffff;
          border-radius: 12px;
          padding: 0;
          width: 22rem;
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }
          .header .header_main_navbar .navbar .dropdown_item .dropdown_cointainer a {
            display: flex;
            align-items: center;
            gap: 1rem;
            padding: 0.5rem 1rem;
            text-decoration: none;
            color: #333;
            font-weight: 500;
            border-radius: 0px;
            transition: 0.3s ease; }
            .header .header_main_navbar .navbar .dropdown_item .dropdown_cointainer a .dropdown_cointainer_ikonka {
              width: 2rem;
              height: 2rem;
              background: #E8B267;
              border-radius: 6px;
              display: flex;
              align-items: center;
              justify-content: center; }
              .header .header_main_navbar .navbar .dropdown_item .dropdown_cointainer a .dropdown_cointainer_ikonka img {
                width: 1rem; }
            .header .header_main_navbar .navbar .dropdown_item .dropdown_cointainer a::before {
              display: none; }
            .header .header_main_navbar .navbar .dropdown_item .dropdown_cointainer a:hover {
              background-color: #FDF8F0;
              color: #262626;
              font-weight: 500; }
            .header .header_main_navbar .navbar .dropdown_item .dropdown_cointainer a:first-child {
              border-top-left-radius: 12px;
              border-top-right-radius: 12px;
              padding: 1rem 1rem 0.5rem 1rem; }
            .header .header_main_navbar .navbar .dropdown_item .dropdown_cointainer a:last-child {
              border-bottom-left-radius: 12px;
              border-bottom-right-radius: 12px;
              padding: 0.5rem 1rem 1rem 1rem; }
        @media only screen and (min-width: 1200px) {
          .header .header_main_navbar .navbar .dropdown_item {
            height: 5.5rem;
            margin-top: -0.5rem; }
            .header .header_main_navbar .navbar .dropdown_item .dropdown_cointainer {
              position: absolute;
              top: 5rem;
              opacity: 0;
              visibility: hidden;
              transform: translateY(20%);
              transition: all .5s;
              pointer-events: none; }
            .header .header_main_navbar .navbar .dropdown_item:hover .dropdown_cointainer {
              opacity: 1;
              visibility: visible;
              transform: translateY(0%);
              pointer-events: auto; }
            .header .header_main_navbar .navbar .dropdown_item:hover .sluzby_link i {
              transform: rotate(180deg); } }
      .header .header_main_navbar .navbar .header_btn {
        transform: rotate(0deg) !important; }
        .header .header_main_navbar .navbar .header_btn a {
          text-decoration: none;
          color: #ffffff;
          width: 19rem;
          font-weight: 600;
          background: #E8B267;
          border-radius: 25px !important;
          border: 2px solid #E8B267;
          display: flex;
          align-items: center;
          gap: 1.2rem;
          padding: 0.4rem 0.3rem 0.4rem 2rem !important;
          transition: 0.3s ease; }
          .header .header_main_navbar .navbar .header_btn a i {
            color: #E8B267;
            background: #ffffff;
            border-radius: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
            transform: rotate(90deg);
            transition: 0.3s ease;
            width: 2rem;
            height: 2rem; }
          .header .header_main_navbar .navbar .header_btn a:hover {
            opacity: 70%; }
            .header .header_main_navbar .navbar .header_btn a:hover i {
              transform: rotate(40deg) !important; }
          @media only screen and (max-width: 1199px) {
            .header .header_main_navbar .navbar .header_btn a:hover {
              opacity: 100%; } }
        .header .header_main_navbar .navbar .header_btn a {
          width: 14rem;
          display: flex !important;
          align-items: center !important;
          gap: 1.5rem !important;
          padding: 0.3rem 0.3rem 0.3rem 2rem !important; }
          .header .header_main_navbar .navbar .header_btn a:hover {
            opacity: 70% !important; }
        .header .header_main_navbar .navbar .header_btn .dropdown_link::before {
          display: none !important; }
    .header .header_main_navbar .icons {
      font-size: 2rem;
      cursor: pointer;
      display: none;
      z-index: 101; }
    @media only screen and (max-width: 1199px) {
      .header .header_main_navbar {
        padding: 1.3rem 5%; }
        .header .header_main_navbar .header_main_navbar {
          justify-content: space-between; }
        .header .header_main_navbar .logo {
          z-index: 101; }
        .header .header_main_navbar .icons {
          display: inline-flex;
          color: #ffffff; }
          .header .header_main_navbar .icons #menu-icon {
            filter: brightness(0) invert(1); }
        .header .header_main_navbar #check:checked ~ .icons #menu-icon {
          display: none; }
        .header .header_main_navbar .icons #close-icon {
          display: none; }
        .header .header_main_navbar #check:checked ~ .icons #close-icon {
          display: block; }
        .header .header_main_navbar .navbar {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100vh;
          background-color: rgba(35, 35, 35, 0.5);
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          opacity: 0;
          visibility: hidden;
          transition: opacity 0.3s ease, visibility 0.3s ease;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: flex-start;
          overflow-y: auto;
          padding: 120px 0 5rem 0;
          box-sizing: border-box;
          z-index: 100; }
        .header .header_main_navbar #check:checked ~ .navbar {
          opacity: 1;
          visibility: visible; }
        .header .header_main_navbar .mobile_navbar {
          flex-direction: column;
          gap: 1rem !important;
          align-items: center;
          padding: 0 5%;
          margin: 2rem 0 0 0;
          width: 100%; }
        .header .header_main_navbar .header_btn {
          display: none !important; }
        .header .header_main_navbar .dropdown_item {
          height: auto !important;
          width: auto;
          margin: 0;
          background: none; }
          .header .header_main_navbar .navbar .dropdown_item .dropdown_link {
            color: #262626;
            font-weight: 700 !important;
            padding: 0.7rem 1rem !important;
            background: none;
            height: auto;
            width: auto;
            border-radius: 0;
            transition: color 0.3s ease, transform 0.3s ease;
            width: 20rem !important;
            text-align: center !important;
            justify-content: center !important;
            background: #ffffff;
            border-radius: 12px !important; }
            .header .header_main_navbar .dropdown_item .dropdown_link::before {
              display: none; }
            .header .header_main_navbar .dropdown_item .dropdown_link:hover {
              opacity: 100% !important; }
          .header .header_main_navbar .dropdown_item.is-mobile-collapsible {
            display: flex;
            flex-direction: column;
            align-items: center; }
            .header .header_main_navbar .dropdown_item.is-mobile-collapsible .dropdown_cointainer {
              position: static;
              transform: none;
              box-shadow: none;
              width: 100%;
              background: transparent;
              max-height: 0;
              overflow: hidden;
              transition: max-height 0.4s ease-out, margin-top 0.4s ease-out;
              display: flex;
              flex-direction: column;
              gap: 0.5rem;
              margin-top: 0; }
              .header .header_main_navbar .dropdown_item.is-mobile-collapsible .dropdown_cointainer a {
                color: #262626;
                background: #EBEBEB;
                opacity: 100% !important;
                font-weight: 700 !important;
                font-size: 0.9em;
                padding: 0.4rem;
                border-radius: 12px;
                display: flex;
                align-items: center;
                gap: 1rem;
                width: 20rem;
                height: 3rem;
                box-sizing: border-box;
                padding: 1rem 1.5rem !important;
                /* ZMĚNA: Ikonka je nyní viditelná a upravená pro mobil */ }
                .header .header_main_navbar .dropdown_item.is-mobile-collapsible .dropdown_cointainer a:first-child, .header .header_main_navbar .dropdown_item.is-mobile-collapsible .dropdown_cointainer a:last-child {
                  border-radius: 12px; }
                .header .header_main_navbar .dropdown_item.is-mobile-collapsible .dropdown_cointainer a .dropdown_cointainer_ikonka {
                  display: flex;
                  flex-shrink: 0;
                  width: 1.5rem;
                  height: 1.5rem;
                  background: transparent;
                  border-radius: 4px;
                  align-items: center;
                  justify-content: center; }
                  .header .header_main_navbar .dropdown_item.is-mobile-collapsible .dropdown_cointainer a .dropdown_cointainer_ikonka svg path {
                    fill: #E8B267; }
            .header .header_main_navbar .dropdown_item.is-mobile-collapsible .submenu-toggle-checkbox:checked + .dropdown_link i {
              transform: rotate(180deg); }
            .header .header_main_navbar .dropdown_item.is-mobile-collapsible .submenu-toggle-checkbox:checked ~ .dropdown_cointainer {
              max-height: 500px;
              margin-top: 1rem; }
              
                  .active{
                        color: white !important;    
                        background: #E8B267 !important;
                }
                
                .active_dropdown{
                    background: #FDF8F0 !important;    
                }
              }

#home_welcome {
  height: 100vh;
  padding: 0 10%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center; }
  #home_welcome #home_welcome_text #home_welcome_heading h1 {
    color: #ffffff;
    font-weight: 700;
    font-size: 3rem; }
    #home_welcome #home_welcome_text #home_welcome_heading h1 span {
      color: #E8B267; }
  #home_welcome #home_welcome_text #home_welcome_heading img {
    position: absolute;
    left: 19%; }
  #home_welcome #home_welcome_text p {
    margin: 4rem 0 0 0;
    padding: 0;
    color: #ffffff;
    width: 40%;
    font-size: 1.2rem; }
  #home_welcome #home_welcome_text #home_welcome_btns {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    gap: 2rem; }
    #home_welcome #home_welcome_text #home_welcome_btns a {
      text-decoration: none;
      color: #ffffff;
      font-weight: 600; }
      #home_welcome #home_welcome_text #home_welcome_btns a:nth-child(1) {
        text-decoration: none;
        color: #ffffff;
        width: 15rem;
        font-weight: 600;
        background: #E8B267;
        border-radius: 25px !important;
        border: 2px solid #E8B267;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0.4rem 0.3rem 0.4rem 2rem !important; }
        #home_welcome #home_welcome_text #home_welcome_btns a:nth-child(1) i {
          color: #E8B267;
          background: #ffffff;
          border-radius: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          transform: rotate(90deg);
          transition: 0.3s ease;
          width: 2rem;
          height: 2rem; }
        #home_welcome #home_welcome_text #home_welcome_btns a:nth-child(1):hover i {
          transform: rotate(40deg) !important; }
      #home_welcome #home_welcome_text #home_welcome_btns a:nth-child(2) {
        background: transparent;
        border: 2px solid #ffffff;
        border-radius: 25px !important;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0.4rem 0.3rem 0.4rem 2rem !important;
        transition: 0.3s ease; }
        #home_welcome #home_welcome_text #home_welcome_btns a:nth-child(2) i {
          color: #262626;
          background: #ffffff;
          border-radius: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          width: 2rem;
          height: 2rem; }
        #home_welcome #home_welcome_text #home_welcome_btns a:nth-child(2):hover {
          opacity: 70%; }
          #home_welcome #home_welcome_text #home_welcome_btns a:nth-child(2):hover i {
            animation: shakeRotate 0.3s ease-in-out infinite; }

@keyframes shakeRotate {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(-15deg); }
  50% {
    transform: rotate(15deg); }
  75% {
    transform: rotate(-10deg); }
  100% {
    transform: rotate(0deg); } }
  #home_welcome #home_welcome_img {
    position: absolute;
    right: 0;
    bottom: -5rem; }
  @media only screen and (max-width: 1680px) {
    #home_welcome {
      padding: 0 5%; }
      #home_welcome #home_welcome_text #home_welcome_heading h2 {
        font-size: 2.7rem; }
      #home_welcome #home_welcome_img {
        bottom: -20rem; } }
  @media only screen and (max-width: 1199px) {
    #home_welcome {
      flex-wrap: wrap;
      justify-content: center;
      height: 50rem; }
      #home_welcome #home_welcome_text {
        width: 100%;
        text-align: center; }
        #home_welcome #home_welcome_text #home_welcome_heading h1 {
          font-size: 2rem; }
        #home_welcome #home_welcome_text #home_welcome_heading img {
          left: 50%;
          width: 10rem; }
        #home_welcome #home_welcome_text p {
          width: 100%;
          margin: 2.5rem 0; }
        #home_welcome #home_welcome_text #home_welcome_btns {
          width: 100%;
          justify-content: center; }
          #home_welcome #home_welcome_text #home_welcome_btns a {
            position: relative;
            z-index: 2; }
            #home_welcome #home_welcome_text #home_welcome_btns a:nth-child(1):hover {
              opacity: 100%; }
              #home_welcome #home_welcome_text #home_welcome_btns a:nth-child(1):hover i {
                transform: rotate(90deg) !important; }
            #home_welcome #home_welcome_text #home_welcome_btns a:nth-child(2) {
              display: none; }
      #home_welcome #home_welcome_img {
        bottom: 0;
        z-index: 1; }
        #home_welcome #home_welcome_img img {
          width: 20rem; } }
  @media only screen and (max-width: 511px) {
    #home_welcome #home_welcome_text #home_welcome_heading h1 {
      font-size: 1.7rem; }
    #home_welcome #home_welcome_text #home_welcome_heading img {
      left: 40%;
      width: 10rem; } }
  @media only screen and (max-width: 431px) {
    #home_welcome #home_welcome_text #home_welcome_heading h1 {
      font-size: 1.5rem; } }
  @media only screen and (max-width: 385px) {
    #home_welcome #home_welcome_text #home_welcome_heading h1 {
      font-size: 1.3rem; } }

#home_sluzby {
  padding: 4rem 20%; }
  #home_sluzby #home_sluzby_heading {
    text-align: center; }
    #home_sluzby #home_sluzby_heading h2 {
      font-weight: 700;
      font-size: 1.7rem; }
      #home_sluzby #home_sluzby_heading h2 span {
        color: #E8B267; }
    #home_sluzby #home_sluzby_heading img {
      margin-top: -1rem; }
  #home_sluzby #home_sluzby_content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-top: 3rem; }
    #home_sluzby #home_sluzby_content .home_sluzby_card {
      -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 20px #0000000d;
      background: #ffffff;
      padding: 2.5rem;
      height: 18rem;
      position: relative;
      border-radius: 12px;
      border: 1px solid #EDEDED; }
      #home_sluzby #home_sluzby_content .home_sluzby_card .home_sluzby_card_ikonka {
        background: #E8B267;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 3rem;
        height: 3rem; }
        #home_sluzby #home_sluzby_content .home_sluzby_card .home_sluzby_card_ikonka img {
          display: block; }
      #home_sluzby #home_sluzby_content .home_sluzby_card .home_sluzby_card_text {
        margin-top: 1rem; }
        #home_sluzby #home_sluzby_content .home_sluzby_card .home_sluzby_card_text strong {
          display: block;
          font-size: 1.1rem;
          margin-bottom: 0.3rem; }
        #home_sluzby #home_sluzby_content .home_sluzby_card .home_sluzby_card_text p {
          margin: 0;
          padding: 0;
          opacity: 80%; }
      #home_sluzby #home_sluzby_content .home_sluzby_card .home_sluzby_card_btn {
        position: absolute;
        bottom: 2.5rem; }
        #home_sluzby #home_sluzby_content .home_sluzby_card .home_sluzby_card_btn a {
          color: #F0CC98;
          text-decoration: none;
          font-weight: 600;
          display: flex;
          gap: 0.5rem;
          align-items: center;
          transition: 0.3s ease; }
          #home_sluzby #home_sluzby_content .home_sluzby_card .home_sluzby_card_btn a i {
            transform: rotate(90deg);
            transition: 0.3s ease; }
          #home_sluzby #home_sluzby_content .home_sluzby_card .home_sluzby_card_btn a:hover {
            color: #E8B267; }
            #home_sluzby #home_sluzby_content .home_sluzby_card .home_sluzby_card_btn a:hover i {
              transform: rotate(50deg); }
      #home_sluzby #home_sluzby_content .home_sluzby_card:nth-child(6) {
        background: #E8B267;
        color: #ffffff; }
        #home_sluzby #home_sluzby_content .home_sluzby_card:nth-child(6) .home_sluzby_card_ikonka {
          background: #ffffff; }
        #home_sluzby #home_sluzby_content .home_sluzby_card:nth-child(6) .home_sluzby_card_btn {
          bottom: 2rem; }
          #home_sluzby #home_sluzby_content .home_sluzby_card:nth-child(6) .home_sluzby_card_btn a {
            background: #ffffff;
            color: #E8B267;
            border-radius: 25px !important;
            border: 2px solid #ffffff;
            display: flex;
            align-items: center;
            gap: 1.2rem;
            padding: 0.4rem 0.3rem 0.4rem 2rem !important;
            transition: 0.3s ease; }
            #home_sluzby #home_sluzby_content .home_sluzby_card:nth-child(6) .home_sluzby_card_btn a i {
              color: #ffffff;
              background: #E8B267;
              border-radius: 100%;
              display: flex;
              justify-content: center;
              align-items: center;
              flex-shrink: 0;
              transform: rotate(90deg);
              width: 2rem;
              height: 2rem;
              transition: 0.3s ease; }
            #home_sluzby #home_sluzby_content .home_sluzby_card:nth-child(6) .home_sluzby_card_btn a:hover i {
              transform: rotate(50deg); }
  @media only screen and (max-width: 1920px) {
    #home_sluzby {
      padding: 4rem 10%; } }
  @media only screen and (max-width: 1816px) {
    #home_sluzby #home_sluzby_content .home_sluzby_card {
      height: 20rem; } }
  @media only screen and (max-width: 1680px) {
    #home_sluzby {
      padding: 4rem 5%; } }
  @media only screen and (max-width: 1280px) {
    #home_sluzby #home_sluzby_content {
      grid-template-columns: repeat(2, 1fr); }
      #home_sluzby #home_sluzby_content .home_sluzby_card {
        height: auto;
        padding: 2.5rem 1.5rem; }
        #home_sluzby #home_sluzby_content .home_sluzby_card .home_sluzby_card_btn {
          position: relative;
          bottom: 0;
          margin-top: 1rem; }
          #home_sluzby #home_sluzby_content .home_sluzby_card .home_sluzby_card_btn a {
            color: #E8B267; }
            #home_sluzby #home_sluzby_content .home_sluzby_card .home_sluzby_card_btn a:hover i {
              transform: rotate(90deg); }
        #home_sluzby #home_sluzby_content .home_sluzby_card:nth-child(6) .home_sluzby_card_btn {
          bottom: 0; }
          #home_sluzby #home_sluzby_content .home_sluzby_card:nth-child(6) .home_sluzby_card_btn a {
            width: 15rem; }
            #home_sluzby #home_sluzby_content .home_sluzby_card:nth-child(6) .home_sluzby_card_btn a:hover i {
              transform: rotate(90deg); } }
  @media only screen and (max-width: 844px) {
    #home_sluzby #home_sluzby_content {
      grid-template-columns: repeat(1, 1fr); } }
  @media only screen and (max-width: 511px) {
    #home_sluzby #home_sluzby_heading h2 {
      font-size: 1.5rem; } }
  @media only screen and (max-width: 465px) {
    #home_sluzby #home_sluzby_heading h2 {
      font-size: 1.2rem; }
    #home_sluzby #home_sluzby_heading img {
      width: 10rem; } }

#home_jistota {
  background: #FDF8F0;
  display: flex;
  align-items: center;
  position: relative;
  height: 40rem; }
  #home_jistota #home_jistota_img {
    position: absolute;
    bottom: -3.48rem; }
  #home_jistota #home_jistota_text {
    padding: 0 20% 0 50%; }
    #home_jistota #home_jistota_text #home_jistota_heading {
      position: relative; }
      #home_jistota #home_jistota_text #home_jistota_heading h2 {
        font-weight: 700;
        font-size: 1.7rem; }
        #home_jistota #home_jistota_text #home_jistota_heading h2 span {
          color: #E8B267; }
      #home_jistota #home_jistota_text #home_jistota_heading img {
        position: absolute;
        right: 23%; }
    #home_jistota #home_jistota_text #home_jistota_text_text {
      margin-top: 2rem; }
      #home_jistota #home_jistota_text #home_jistota_text_text p {
        font-weight: 500; }
        #home_jistota #home_jistota_text #home_jistota_text_text p strong {
          font-weight: 600; }
  #home_jistota #home_jistota_cisla {
    display: flex;
    gap: 2rem;
    margin-top: 3rem; }
    #home_jistota #home_jistota_cisla .home_jistota_cisla_card strong {
      font-size: 2rem;
      color: #E8B267;
      display: block; }
    #home_jistota #home_jistota_cisla .home_jistota_cisla_card span {
      font-weight: 600; }
  @media only screen and (max-width: 1920px) {
    #home_jistota #home_jistota_text {
      padding: 0 10% 0 50%; } }
  @media only screen and (max-width: 1757px) {
    #home_jistota #home_jistota_text {
      padding: 0 10% 0 55%; }
      #home_jistota #home_jistota_text #home_jistota_heading img {
        right: 5%; } }
  @media only screen and (max-width: 1680px) {
    #home_jistota #home_jistota_text {
      padding: 0 5% 0 50%; }
      #home_jistota #home_jistota_text #home_jistota_heading img {
        right: 22%; }
    #home_jistota #home_jistota_img {
      position: absolute;
      bottom: -3.48rem;
      left: -6rem; } }
  @media only screen and (max-width: 1466px) {
    #home_jistota #home_jistota_text {
      padding: 0 5% 0 45%; }
      #home_jistota #home_jistota_text #home_jistota_heading img {
        right: 20%; }
    #home_jistota #home_jistota_img {
      position: absolute;
      bottom: -3.48rem;
      left: -15rem; } }
  @media only screen and (max-width: 1366px) {
    #home_jistota #home_jistota_text {
      padding: 0 5% 0 45%; }
      #home_jistota #home_jistota_text #home_jistota_heading img {
        right: 12%; }
    #home_jistota #home_jistota_img {
      position: absolute;
      bottom: -3.48rem;
      left: -20rem; } }
  @media only screen and (max-width: 1199px) {
    #home_jistota {
      flex-wrap: wrap;
      height: auto;
      flex-direction: column-reverse;
      padding: 4rem 5%; }
      #home_jistota #home_jistota_text {
        padding: 0 5%;
        width: 100%; }
        #home_jistota #home_jistota_text #home_jistota_heading img {
          right: auto;
          left: 28rem; }
      #home_jistota #home_jistota_img {
        position: relative;
        width: 100%;
        left: -6rem;
        bottom: -6rem; }
        #home_jistota #home_jistota_img img {
          width: 30rem; } }
  @media only screen and (max-width: 651px) {
    #home_jistota {
      height: auto;
      padding: 4rem 0; }
      #home_jistota #home_jistota_text {
        padding: 0 5%; }
        #home_jistota #home_jistota_text #home_jistota_heading h2 {
          font-size: 1.2rem; }
        #home_jistota #home_jistota_text #home_jistota_heading img {
          right: auto;
          left: 0rem; } }
  @media only screen and (max-width: 509px) {
    #home_jistota #home_jistota_text {
      text-align: center; }
      #home_jistota #home_jistota_text #home_jistota_heading img {
        margin-top: -1rem;
        position: relative;
        bottom: 0; }
    #home_jistota #home_jistota_cisla {
      flex-wrap: wrap;
      justify-content: center;
      text-align: center; }
      #home_jistota #home_jistota_cisla .home_jistota_cisla_card {
        width: 100%; }
    #home_jistota #home_jistota_img img {
      width: 35rem; } }
  @media only screen and (max-width: 465px) {
    #home_jistota {
      height: auto;
      padding: 4rem 0; }
      #home_jistota #home_jistota_text {
        padding: 0 5%; }
      #home_jistota #home_jistota_img img {
        width: 28rem; } }

#home_vysledky {
  padding: 8rem 10% 4rem 10%;
 }
  #home_vysledky #home_vysledky_heading {
    position: relative; }
    #home_vysledky #home_vysledky_heading h2 {
      font-weight: 700;
      font-size: 1.7rem; }
      #home_vysledky #home_vysledky_heading h2 span {
        color: #E8B267; }
    #home_vysledky #home_vysledky_heading img {
      position: absolute;
      left: 2rem; }
  #home_vysledky #home_vysledky_content {
    margin-top: 5rem; }
    #home_vysledky #home_vysledky_content #home_vysledky_content_content {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      width: 55rem;
      gap: 2rem; }
      #home_vysledky #home_vysledky_content #home_vysledky_content_content .home_vysledky_content_card {
        display: flex;
        gap: 1rem 2rem; }
        #home_vysledky #home_vysledky_content #home_vysledky_content_content .home_vysledky_content_card .home_vysledky_ikonka {
          background: #E8B267;
          border-radius: 6px;
          width: 3rem;
          height: 3rem;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0; }
    #home_vysledky #home_vysledky_content #home_vysledky_content_btn {
      margin-top: 3rem; }
      #home_vysledky #home_vysledky_content #home_vysledky_content_btn a {
        text-decoration: none;
        color: #ffffff;
        width: 19rem;
        font-weight: 600;
        background: #E8B267;
        border-radius: 25px !important;
        border: 2px solid #E8B267;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0.4rem 0.3rem 0.4rem 2rem !important;
        transition: 0.3s ease; }
        #home_vysledky #home_vysledky_content #home_vysledky_content_btn a i {
          color: #E8B267;
          background: #ffffff;
          border-radius: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          transform: rotate(90deg);
          transition: 0.3s ease;
          width: 2rem;
          height: 2rem; }
        #home_vysledky #home_vysledky_content #home_vysledky_content_btn a:hover {
          opacity: 70%; }
          #home_vysledky #home_vysledky_content #home_vysledky_content_btn a:hover i {
            transform: rotate(40deg) !important; }
        @media only screen and (max-width: 1199px) {
          #home_vysledky #home_vysledky_content #home_vysledky_content_btn a:hover {
            opacity: 100%; } }
      #home_vysledky #home_vysledky_content #home_vysledky_content_btn a {
        width: 15rem; }
  @media only screen and (max-width: 1920px) {
    #home_vysledky {
      padding: 8rem 5% 4rem 5%; } }
  @media only screen and (max-width: 1400px) {
    #home_vysledky #home_vysledky_content #home_vysledky_content_content {
      width: 45rem; } }
  @media only screen and (max-width: 1199px) {
    #home_vysledky {
      background-image: none; }
      #home_vysledky #home_vysledky_content #home_vysledky_content_content {
        width: 100%; } }
  @media only screen and (max-width: 727px) {
    #home_vysledky {
      background-image: none;
      padding: 4rem 5% 4rem 5%; }
      #home_vysledky #home_vysledky_heading {
        text-align: center; }
        #home_vysledky #home_vysledky_heading img {
          position: relative;
          left: 0; }
      #home_vysledky #home_vysledky_content {
        margin-top: 2rem; }
        #home_vysledky #home_vysledky_content #home_vysledky_content_content {
          grid-template-columns: repeat(1, 1fr); }
          #home_vysledky #home_vysledky_content #home_vysledky_content_content .home_vysledky_content_card {
            gap: 1rem; }
        #home_vysledky #home_vysledky_content #home_vysledky_content_btn {
          display: flex;
          justify-content: center; } }
  @media only screen and (max-width: 443px) {
    #home_vysledky #home_vysledky_heading h2 {
      font-size: 1.5rem; } }
  @media only screen and (max-width: 396px) {
    #home_vysledky #home_vysledky_heading h2 {
      font-size: 1.2rem; } }

#formular {
  display: flex;
  align-items: center;
  background: #FDF8F0;
  justify-content: space-between;
  padding: 0 15% 0 0; }
  #formular #home_formular_formular #home_formular_heading {
    position: relative; }
    #formular #home_formular_formular #home_formular_heading h2 {
      font-weight: 700;
      font-size: 1.7rem; }
      #formular #home_formular_formular #home_formular_heading h2 br {
        display: none; }
      #formular #home_formular_formular #home_formular_heading h2 span {
        color: #E8B267; }
    #formular #home_formular_formular #home_formular_heading img {
      position: absolute;
      left: 15rem; }
  #formular #home_formular_formular #home_formular_content {
    margin-top: 3rem; }
    #formular #home_formular_formular #home_formular_content form {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 1rem; }
      #formular #home_formular_formular #home_formular_content form input[type=text], #formular #home_formular_formular #home_formular_content form input[type=email], #formular #home_formular_formular #home_formular_content form input[type=tel] {
        background: #E8B267;
        width: 33rem;
        color: #ffffff;
        border: none;
        border-radius: 10px;
        outline: none;
        padding: 0.7rem 1rem; }
        #formular #home_formular_formular #home_formular_content form input[type=text]::placeholder, #formular #home_formular_formular #home_formular_content form input[type=email]::placeholder, #formular #home_formular_formular #home_formular_content form input[type=tel]::placeholder {
          color: #ffffff; }
      #formular #home_formular_formular #home_formular_content form textarea {
        width: 33rem;
        border-radius: 16px;
        min-height: 12rem;
        max-height: 12rem;
        padding: 1rem;
        color: #ffffff;
        border: none;
        background: #E8B267;
        outline: none; }
        #formular #home_formular_formular #home_formular_content form textarea::placeholder {
          color: #ffffff; }
      #formular #home_formular_formular #home_formular_content form button {
        background: #262626;
        color: #ffffff;
        border: none;
        width: 13rem;
        height: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        border-radius: 6px;
        transition: 0.3s ease; }
        #formular #home_formular_formular #home_formular_content form button:hover {
          background: #E8B267; }
  #formular .custom-checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 0.8rem;
    user-select: none; }
    #formular .custom-checkbox-label input[type="checkbox"] {
      display: none; }
    #formular .custom-checkbox-label .custom-checkbox {
      width: 1.2rem;
      height: 1.2rem;
      border: 2px solid #E6E6E6;
      border-radius: 4px;
      display: inline-block;
      position: relative;
      background-color: transparent;
      transition: background-color 0.2s ease, border-color 0.2s ease;
      flex-shrink: 0; }
      #formular .custom-checkbox-label .custom-checkbox::after {
        content: '';
        position: absolute;
        display: none;
        left: 5px;
        top: 1px;
        width: 6px;
        height: 11px;
        border: solid #ffffff;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg); }
    #formular .custom-checkbox-label input[type="checkbox"]:checked + .custom-checkbox {
      background-color: #E8B267;
      border-color: #E8B267; }
      #formular .custom-checkbox-label input[type="checkbox"]:checked + .custom-checkbox::after {
        display: block; }
    #formular .custom-checkbox-label span a {
      color: #E8B267;
      text-decoration: underline; }
  @media only screen and (max-width: 1920px) {
    #formular {
      padding: 0 10% 0 0; } }
  @media only screen and (max-width: 1730px) {
    #formular #home_formular_formular #home_formular_content form input[type=text], #formular #home_formular_formular #home_formular_content form input[type=email], #formular #home_formular_formular #home_formular_content form input[type=tel] {
      width: 27rem; }
    #formular #home_formular_formular #home_formular_content form textarea {
      width: 27rem; } }
  @media only screen and (max-width: 1680px) {
    #formular {
      padding: 0 5% 0 0;
      position: relative;
      overflow: hidden; }
      #formular #home_formular_img {
        margin-left: -10rem; } }
  @media only screen and (max-width: 1330px) {
    #formular #home_formular_img {
      margin-left: -20rem; } }
  @media only screen and (max-width: 1199px) {
    #formular {
      padding: 4rem 5%;
      justify-content: center; }
      #formular #home_formular_img {
        display: none; } }
  @media only screen and (max-width: 520px) {
    #formular #home_formular_formular #home_formular_heading {
      text-align: center; }
      #formular #home_formular_formular #home_formular_heading h2 {
        font-size: 1.2rem; }
        #formular #home_formular_formular #home_formular_heading h2 br {
          display: block; }
      #formular #home_formular_formular #home_formular_heading img {
        position: relative;
        width: 6rem;
        top: -0.9rem; }
    #formular #home_formular_formular #home_formular_content {
      margin-top: 1rem; }
      #formular #home_formular_formular #home_formular_content form input[type=text], #formular #home_formular_formular #home_formular_content form input[type=email], #formular #home_formular_formular #home_formular_content form input[type=tel] {
        width: 100%; }
      #formular #home_formular_formular #home_formular_content form textarea {
        width: 100%; }
      #formular #home_formular_formular #home_formular_content form #form_btn {
        display: flex;
        justify-content: center; } }
  @media only screen and (max-width: 390px) {
    #formular #home_formular_formular #home_formular_heading img {
      left: 0; } }

#detektivni_welcome {
  height: 45rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10%;
  position: relative;
  overflow: hidden; }
  #detektivni_welcome #sluzby_welcome_text {
    color: #ffffff; }
    #detektivni_welcome #sluzby_welcome_text h1 {
      font-weight: 700;
      margin-bottom: 1rem; }
    #detektivni_welcome #sluzby_welcome_text p {
      margin: 0;
      padding: 0;
      width: 40rem; }
    #detektivni_welcome #sluzby_welcome_text #sluzby_welcome_btn {
      margin-top: 3rem; }
      #detektivni_welcome #sluzby_welcome_text #sluzby_welcome_btn a {
        text-decoration: none;
        color: #ffffff;
        width: 19rem;
        font-weight: 600;
        background: #E8B267;
        border-radius: 25px !important;
        border: 2px solid #E8B267;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0.4rem 0.3rem 0.4rem 2rem !important;
        transition: 0.3s ease; }
        #detektivni_welcome #sluzby_welcome_text #sluzby_welcome_btn a i {
          color: #E8B267;
          background: #ffffff;
          border-radius: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          transform: rotate(90deg);
          transition: 0.3s ease;
          width: 2rem;
          height: 2rem; }
        #detektivni_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
          opacity: 70%; }
          #detektivni_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover i {
            transform: rotate(40deg) !important; }
        @media only screen and (max-width: 1199px) {
          #detektivni_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
            opacity: 100%; } }
  #detektivni_welcome #sluzby_welcome_img {
    position: absolute;
    right: 0;
    bottom: -4rem; }
  @media only screen and (max-width: 1680px) {
    #detektivni_welcome {
      padding: 0 5%; } }
  @media only screen and (max-width: 1199px) {
    #detektivni_welcome #sluzby_welcome_text p {
      width: 30rem; } }
  @media only screen and (max-width: 1199px) {
    #detektivni_welcome #sluzby_welcome_text p {
      width: 100%; }
    #detektivni_welcome #sluzby_welcome_img {
      display: none; } }

#detektivni_popis {
  padding: 2rem 15%;
  display: flex;
  align-items: center;
  gap: 6rem; }
  #detektivni_popis #detektivni_popis_text #detektivni_popis_heading h2 {
    font-weight: 700;
    font-size: 1.7rem; }
    #detektivni_popis #detektivni_popis_text #detektivni_popis_heading h2 span {
      color: #E8B267; }
  #detektivni_popis #detektivni_popis_text #detektivni_popis_heading img {
    margin-top: -1rem; }
  #detektivni_popis #detektivni_popis_text ul {
    margin: 1rem 0 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.9rem; }
    #detektivni_popis #detektivni_popis_text ul li {
      display: flex;
      align-items: center;
      gap: 1rem;
      font-weight: 600;
      color: #666666; }
      #detektivni_popis #detektivni_popis_text ul li i {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.5rem;
        height: 1.5rem;
        flex-shrink: 0;
        border-radius: 4px;
        background: #E8B267;
        color: #ffffff; }
  @media only screen and (max-width: 1920px) {
    #detektivni_popis {
      padding: 2rem 10%; } }
  @media only screen and (max-width: 1680px) {
    #detektivni_popis {
      padding: 2rem 5%; } }
  @media only screen and (max-width: 1366px) {
    #detektivni_popis {
      gap: 6rem; }
      #detektivni_popis #detektivni_popis_img img {
        width: 30rem; } }
  @media only screen and (max-width: 1199px) {
    #detektivni_popis {
      flex-wrap: wrap;
      flex-direction: column-reverse;
      gap: 2rem; }
      #detektivni_popis #detektivni_popis_text {
        width: 100%; }
        #detektivni_popis #detektivni_popis_text #detektivni_popis_heading h2 {
          font-size: 1.2rem; }
        #detektivni_popis #detektivni_popis_text #detektivni_popis_heading img {
          width: 18rem; }
      #detektivni_popis #detektivni_popis_img {
        width: 100%; }
        #detektivni_popis #detektivni_popis_img img {
          width: 100%; } }

#detektivni_popis_druhy {
  padding: 2rem 15% 2rem 30%; }
  #detektivni_popis_druhy #detektivni_popis_druhy_wrap {
    background: #FDF8F0;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 3rem; }
    #detektivni_popis_druhy #detektivni_popis_druhy_wrap #detektivni_popis_druhy_text ul {
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 0.9rem;
      list-style: none; }
      #detektivni_popis_druhy #detektivni_popis_druhy_wrap #detektivni_popis_druhy_text ul li {
        display: flex;
        gap: 1rem;
        font-weight: 600;
        color: #666666; }
        #detektivni_popis_druhy #detektivni_popis_druhy_wrap #detektivni_popis_druhy_text ul li i {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 1.5rem;
          height: 1.5rem;
          flex-shrink: 0;
          border-radius: 4px;
          background: #E8B267;
          color: #ffffff; }
        #detektivni_popis_druhy #detektivni_popis_druhy_wrap #detektivni_popis_druhy_text ul li span {
          display: block;
          margin-top: 0.2rem; }
    #detektivni_popis_druhy #detektivni_popis_druhy_wrap #detektivni_popis_druhy_text #detektivni_popis_druhy_btn {
      margin-top: 2rem; }
      #detektivni_popis_druhy #detektivni_popis_druhy_wrap #detektivni_popis_druhy_text #detektivni_popis_druhy_btn a {
        text-decoration: none;
        color: #ffffff;
        width: 19rem;
        font-weight: 600;
        background: #E8B267;
        border-radius: 25px !important;
        border: 2px solid #E8B267;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0.4rem 0.3rem 0.4rem 2rem !important;
        transition: 0.3s ease; }
        #detektivni_popis_druhy #detektivni_popis_druhy_wrap #detektivni_popis_druhy_text #detektivni_popis_druhy_btn a i {
          color: #E8B267;
          background: #ffffff;
          border-radius: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          transform: rotate(90deg);
          transition: 0.3s ease;
          width: 2rem;
          height: 2rem; }
        #detektivni_popis_druhy #detektivni_popis_druhy_wrap #detektivni_popis_druhy_text #detektivni_popis_druhy_btn a:hover {
          opacity: 70%; }
          #detektivni_popis_druhy #detektivni_popis_druhy_wrap #detektivni_popis_druhy_text #detektivni_popis_druhy_btn a:hover i {
            transform: rotate(40deg) !important; }
        @media only screen and (max-width: 1199px) {
          #detektivni_popis_druhy #detektivni_popis_druhy_wrap #detektivni_popis_druhy_text #detektivni_popis_druhy_btn a:hover {
            opacity: 100%; } }
      #detektivni_popis_druhy #detektivni_popis_druhy_wrap #detektivni_popis_druhy_text #detektivni_popis_druhy_btn a {
        width: 15.5rem; }
    #detektivni_popis_druhy #detektivni_popis_druhy_wrap #detektivni_popis_druhy_img {
      margin-top: -5rem; }
  @media only screen and (max-width: 1920px) {
    #detektivni_popis_druhy {
      padding: 2rem 10% 2rem 20%; } }
  @media only screen and (max-width: 1680px) {
    #detektivni_popis_druhy {
      padding: 2rem 5% 2rem 15%; } }
  @media only screen and (max-width: 1491px) {
    #detektivni_popis_druhy {
      padding: 2rem 5% 2rem 10%; } }
  @media only screen and (max-width: 1366px) {
    #detektivni_popis_druhy {
      padding: 2rem 5%; }
      #detektivni_popis_druhy #detektivni_popis_druhy_wrap {
        padding: 2rem; } }
  @media only screen and (max-width: 1199px) {
    #detektivni_popis_druhy #detektivni_popis_druhy_img {
      display: none; } }

#analyticke_welcome {
  height: 45rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10%;
  position: relative;
  overflow: hidden;
  background-position: bottom; }
  #analyticke_welcome #sluzby_welcome_text {
    color: #ffffff; }
    #analyticke_welcome #sluzby_welcome_text h1 {
      font-weight: 700;
      margin-bottom: 1rem; }
    #analyticke_welcome #sluzby_welcome_text p {
      margin: 0;
      padding: 0;
      width: 40rem; }
    #analyticke_welcome #sluzby_welcome_text #sluzby_welcome_btn {
      margin-top: 3rem; }
      #analyticke_welcome #sluzby_welcome_text #sluzby_welcome_btn a {
        text-decoration: none;
        color: #ffffff;
        width: 19rem;
        font-weight: 600;
        background: #E8B267;
        border-radius: 25px !important;
        border: 2px solid #E8B267;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0.4rem 0.3rem 0.4rem 2rem !important;
        transition: 0.3s ease; }
        #analyticke_welcome #sluzby_welcome_text #sluzby_welcome_btn a i {
          color: #E8B267;
          background: #ffffff;
          border-radius: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          transform: rotate(90deg);
          transition: 0.3s ease;
          width: 2rem;
          height: 2rem; }
        #analyticke_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
          opacity: 70%; }
          #analyticke_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover i {
            transform: rotate(40deg) !important; }
        @media only screen and (max-width: 1199px) {
          #analyticke_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
            opacity: 100%; } }
  #analyticke_welcome #sluzby_welcome_img {
    position: absolute;
    right: 0;
    bottom: -4rem; }
  @media only screen and (max-width: 1680px) {
    #analyticke_welcome {
      padding: 0 5%; } }
  @media only screen and (max-width: 1199px) {
    #analyticke_welcome #sluzby_welcome_text p {
      width: 30rem; } }
  @media only screen and (max-width: 1199px) {
    #analyticke_welcome #sluzby_welcome_text p {
      width: 100%; }
    #analyticke_welcome #sluzby_welcome_img {
      display: none; } }
  #analyticke_welcome #sluzby_welcome_text #sluzby_welcome_btn a {
    width: 19.5rem; }
  #analyticke_welcome #sluzby_welcome_img {
    bottom: -16rem;
    right: -30rem; }

#analyticke_popis {
  padding: 4rem 15%;
  display: flex;
  justify-content: space-between;
  gap: 6rem; }
  #analyticke_popis #analyticke_popis_text #analyticke_popis_heading {
    position: relative;
    margin-bottom: 2rem; }
    #analyticke_popis #analyticke_popis_text #analyticke_popis_heading h2 {
      font-weight: 700;
      font-size: 1.7rem; }
      #analyticke_popis #analyticke_popis_text #analyticke_popis_heading h2 span {
        color: #E8B267; }
    #analyticke_popis #analyticke_popis_text #analyticke_popis_heading img {
      position: absolute;
      left: 5rem;
      top: 4rem; }
  #analyticke_popis #analyticke_popis_text p {
    width: 40rem; }
    #analyticke_popis #analyticke_popis_text p strong {
      font-weight: 600; }
  #analyticke_popis #analyticke_popis_text #analyticke_popis_btn {
    margin-top: 3rem; }
    #analyticke_popis #analyticke_popis_text #analyticke_popis_btn a {
      text-decoration: none;
      color: #ffffff;
      width: 19rem;
      font-weight: 600;
      background: #E8B267;
      border-radius: 25px !important;
      border: 2px solid #E8B267;
      display: flex;
      align-items: center;
      gap: 1.2rem;
      padding: 0.4rem 0.3rem 0.4rem 2rem !important;
      transition: 0.3s ease; }
      #analyticke_popis #analyticke_popis_text #analyticke_popis_btn a i {
        color: #E8B267;
        background: #ffffff;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        transform: rotate(90deg);
        transition: 0.3s ease;
        width: 2rem;
        height: 2rem; }
      #analyticke_popis #analyticke_popis_text #analyticke_popis_btn a:hover {
        opacity: 70%; }
        #analyticke_popis #analyticke_popis_text #analyticke_popis_btn a:hover i {
          transform: rotate(40deg) !important; }
      @media only screen and (max-width: 1199px) {
        #analyticke_popis #analyticke_popis_text #analyticke_popis_btn a:hover {
          opacity: 100%; } }
    #analyticke_popis #analyticke_popis_text #analyticke_popis_btn a {
      width: 16rem; }
  #analyticke_popis #analyticke_popis_body {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    #analyticke_popis #analyticke_popis_body .analyticke_popis_body_card {
      -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 20px #0000000d;
      width: 40rem;
      border: 1px solid #EDEDED;
      display: flex;
      align-items: center;
      padding: 1.2rem 1.5rem;
      gap: 1rem;
      border-radius: 10px; }
      #analyticke_popis #analyticke_popis_body .analyticke_popis_body_card .analyticke_popis_body_card_text p {
        margin: 0;
        padding: 0;
        font-weight: 600;
        opacity: 70%; }
  @media only screen and (max-width: 1920px) {
    #analyticke_popis {
      padding: 4rem 10%; } }
  @media only screen and (max-width: 1680px) {
    #analyticke_popis {
      padding: 4rem 5%; } }
  @media only screen and (max-width: 1500px) {
    #analyticke_popis #analyticke_popis_text p {
      width: 30rem; } }
  @media only screen and (max-width: 1342px) {
    #analyticke_popis #analyticke_popis_text p {
      width: 30rem; }
    #analyticke_popis #analyticke_popis_body .analyticke_popis_body_card {
      width: 35rem; } }
  @media only screen and (max-width: 1199px) {
    #analyticke_popis {
      flex-wrap: wrap;
      gap: 3rem; }
      #analyticke_popis #analyticke_popis_text {
        width: 100%; }
        #analyticke_popis #analyticke_popis_text #analyticke_popis_heading h2 {
          font-size: 1.2rem; }
        #analyticke_popis #analyticke_popis_text #analyticke_popis_heading img {
          left: 0;
          top: 3rem; }
        #analyticke_popis #analyticke_popis_text p {
          width: 100%; }
      #analyticke_popis #analyticke_popis_body {
        width: 100%; }
        #analyticke_popis #analyticke_popis_body .analyticke_popis_body_card {
          width: 100%;
          align-items: start; } }

#interni_welcome {
  height: 45rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10%;
  position: relative;
  overflow: hidden;
  background-position: bottom; }
  #interni_welcome #sluzby_welcome_text {
    color: #ffffff; }
    #interni_welcome #sluzby_welcome_text h1 {
      font-weight: 700;
      margin-bottom: 1rem; }
    #interni_welcome #sluzby_welcome_text p {
      margin: 0;
      padding: 0;
      width: 40rem; }
    #interni_welcome #sluzby_welcome_text #sluzby_welcome_btn {
      margin-top: 3rem; }
      #interni_welcome #sluzby_welcome_text #sluzby_welcome_btn a {
        text-decoration: none;
        color: #ffffff;
        width: 19rem;
        font-weight: 600;
        background: #E8B267;
        border-radius: 25px !important;
        border: 2px solid #E8B267;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0.4rem 0.3rem 0.4rem 2rem !important;
        transition: 0.3s ease; }
        #interni_welcome #sluzby_welcome_text #sluzby_welcome_btn a i {
          color: #E8B267;
          background: #ffffff;
          border-radius: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          transform: rotate(90deg);
          transition: 0.3s ease;
          width: 2rem;
          height: 2rem; }
        #interni_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
          opacity: 70%; }
          #interni_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover i {
            transform: rotate(40deg) !important; }
        @media only screen and (max-width: 1199px) {
          #interni_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
            opacity: 100%; } }
  #interni_welcome #sluzby_welcome_img {
    position: absolute;
    right: 0;
    bottom: -4rem; }
  @media only screen and (max-width: 1680px) {
    #interni_welcome {
      padding: 0 5%; } }
  @media only screen and (max-width: 1199px) {
    #interni_welcome #sluzby_welcome_text p {
      width: 30rem; } }
  @media only screen and (max-width: 1199px) {
    #interni_welcome #sluzby_welcome_text p {
      width: 100%; }
    #interni_welcome #sluzby_welcome_img {
      display: none; } }
  #interni_welcome #sluzby_welcome_img {
    bottom: 0rem; }
  #interni_welcome #sluzby_welcome_text #sluzby_welcome_btn a {
    width: 18.5rem; }

#interni_popis {
  padding: 4rem 15%;
  display: flex;
  justify-content: space-between;
  gap: 4rem; }
  #interni_popis #interni_popis_heading {
    position: relative;
    margin-bottom: 2rem; }
    #interni_popis #interni_popis_heading h2 {
      font-weight: 700;
      font-size: 1.7rem; }
      #interni_popis #interni_popis_heading h2 span {
        color: #E8B267; }
    #interni_popis #interni_popis_heading img {
      position: absolute;
      left: 5rem;
      top: 4.2rem; }
  #interni_popis #interni_popis_text_text {
    width: 40rem; }
  #interni_popis #interni_popis_btn {
    margin-top: 2rem; }
    #interni_popis #interni_popis_btn a {
      text-decoration: none;
      color: #ffffff;
      width: 19rem;
      font-weight: 600;
      background: #E8B267;
      border-radius: 25px !important;
      border: 2px solid #E8B267;
      display: flex;
      align-items: center;
      gap: 1.2rem;
      padding: 0.4rem 0.3rem 0.4rem 2rem !important;
      transition: 0.3s ease; }
      #interni_popis #interni_popis_btn a i {
        color: #E8B267;
        background: #ffffff;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        transform: rotate(90deg);
        transition: 0.3s ease;
        width: 2rem;
        height: 2rem; }
      #interni_popis #interni_popis_btn a:hover {
        opacity: 70%; }
        #interni_popis #interni_popis_btn a:hover i {
          transform: rotate(40deg) !important; }
      @media only screen and (max-width: 1199px) {
        #interni_popis #interni_popis_btn a:hover {
          opacity: 100%; } }
    #interni_popis #interni_popis_btn a {
      width: 19.5em; }
  #interni_popis #interni_popis_body {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px #0000000d;
    border: 1px solid #EDEDED;
    border-radius: 10px;
    width: 50rem;
    padding: 3rem; }
    #interni_popis #interni_popis_body ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 1.5rem; }
      #interni_popis #interni_popis_body ul li {
        display: flex;
        gap: 1rem;
        font-weight: 600;
        color: #666666; }
        #interni_popis #interni_popis_body ul li i {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 1.5rem;
          height: 1.5rem;
          flex-shrink: 0;
          border-radius: 4px;
          background: #E8B267;
          color: #ffffff; }
        #interni_popis #interni_popis_body ul li span {
          opacity: 70%; }
  @media only screen and (max-width: 1920px) {
    #interni_popis {
      padding: 4rem 10%; } }
  @media only screen and (max-width: 1680px) {
    #interni_popis {
      padding: 4rem 5%; } }
  @media only screen and (max-width: 1366px) {
    #interni_popis #interni_popis_text_text {
      width: 30rem; }
    #interni_popis #interni_popis_body {
      width: 40rem; } }
  @media only screen and (max-width: 1199px) {
    #interni_popis {
      flex-wrap: wrap; }
      #interni_popis #interni_popis_heading h2 {
        font-size: 1.2rem; }
      #interni_popis #interni_popis_heading img {
        top: 3rem;
        left: 0; }
      #interni_popis #interni_popis_text_text {
        width: 100%; }
      #interni_popis #interni_popis_body {
        width: 100%;
        padding: 3rem 1rem; } }

#interni_body {
  padding: 4rem 20%; }
  #interni_body #interni_body_wrap {
    background: #FCF7EF;
    border-radius: 10px;
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 30rem; }
    #interni_body #interni_body_wrap #interni_body_img {
      position: absolute;
      bottom: 0;
      right: 3rem; }
    #interni_body #interni_body_wrap #interni_body_text {
      width: 40rem; }
      #interni_body #interni_body_wrap #interni_body_text ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 1.5rem; }
        #interni_body #interni_body_wrap #interni_body_text ul li {
          display: flex;
          gap: 1rem;
          color: #666666;
          font-weight: 600; }
          #interni_body #interni_body_wrap #interni_body_text ul li i {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 1.5rem;
            height: 1.5rem;
            flex-shrink: 0;
            border-radius: 4px;
            background: #E8B267;
            color: #ffffff; }
  @media only screen and (max-width: 1920px) {
    #interni_body {
      padding: 4rem 10%; } }
  @media only screen and (max-width: 1680px) {
    #interni_body {
      padding: 4rem 5%; } }
  @media only screen and (max-width: 1366px) {
    #interni_body #interni_body_wrap #interni_body_img {
      right: 0rem; } }
  @media only screen and (max-width: 1199px) {
    #interni_body {
      padding: 0 5% 4rem 5%; }
      #interni_body #interni_body_wrap {
        height: fit-content;
        padding: 3rem 1rem 0rem 1rem;
        flex-wrap: wrap;
        gap: 1rem;
        overflow: hidden; }
        #interni_body #interni_body_wrap #interni_body_text {
          width: 100%; }
        #interni_body #interni_body_wrap #interni_body_img {
          width: 100%;
          position: relative;
          left: -6rem; }
          #interni_body #interni_body_wrap #interni_body_img img {
            width: 100%; } }

#interni_dva_welcome {
  height: 45rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10%;
  position: relative;
  overflow: hidden; }
  #interni_dva_welcome #sluzby_welcome_text {
    color: #ffffff; }
    #interni_dva_welcome #sluzby_welcome_text h1 {
      font-weight: 700;
      margin-bottom: 1rem; }
    #interni_dva_welcome #sluzby_welcome_text p {
      margin: 0;
      padding: 0;
      width: 40rem; }
    #interni_dva_welcome #sluzby_welcome_text #sluzby_welcome_btn {
      margin-top: 3rem; }
      #interni_dva_welcome #sluzby_welcome_text #sluzby_welcome_btn a {
        text-decoration: none;
        color: #ffffff;
        width: 19rem;
        font-weight: 600;
        background: #E8B267;
        border-radius: 25px !important;
        border: 2px solid #E8B267;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0.4rem 0.3rem 0.4rem 2rem !important;
        transition: 0.3s ease; }
        #interni_dva_welcome #sluzby_welcome_text #sluzby_welcome_btn a i {
          color: #E8B267;
          background: #ffffff;
          border-radius: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          transform: rotate(90deg);
          transition: 0.3s ease;
          width: 2rem;
          height: 2rem; }
        #interni_dva_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
          opacity: 70%; }
          #interni_dva_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover i {
            transform: rotate(40deg) !important; }
        @media only screen and (max-width: 1199px) {
          #interni_dva_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
            opacity: 100%; } }
  #interni_dva_welcome #sluzby_welcome_img {
    position: absolute;
    right: 0;
    bottom: -4rem; }
  @media only screen and (max-width: 1680px) {
    #interni_dva_welcome {
      padding: 0 5%; } }
  @media only screen and (max-width: 1199px) {
    #interni_dva_welcome #sluzby_welcome_text p {
      width: 30rem; } }
  @media only screen and (max-width: 1199px) {
    #interni_dva_welcome #sluzby_welcome_text p {
      width: 100%; }
    #interni_dva_welcome #sluzby_welcome_img {
      display: none; } }
  #interni_dva_welcome #sluzby_welcome_img {
    bottom: 0rem; }
  #interni_dva_welcome #sluzby_welcome_text #sluzby_welcome_btn a {
    width: 17.5rem; }

#interni_dva_popis {
  padding: 4rem 15%;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #interni_dva_popis #interni_dva_popis_text #interni_dva_popis_heading {
    position: relative;
    margin-bottom: 3rem; }
    #interni_dva_popis #interni_dva_popis_text #interni_dva_popis_heading h2 {
      font-weight: 700;
      font-size: 1.7rem; }
      #interni_dva_popis #interni_dva_popis_text #interni_dva_popis_heading h2 span {
        color: #E8B267; }
    #interni_dva_popis #interni_dva_popis_text #interni_dva_popis_heading img {
      position: absolute;
      left: 5rem;
      top: 4.2rem; }
  #interni_dva_popis #interni_dva_popis_text p {
    width: 40rem;
    font-weight: 600;
    opacity: 70%; }
  #interni_dva_popis #interni_dva_popis_text .interni_dva_text_bold {
    opacity: 100%; }
  #interni_dva_popis #interni_dva_popis_text #interni_dva_popis_btn {
    margin-top: 3rem; }
    #interni_dva_popis #interni_dva_popis_text #interni_dva_popis_btn a {
      text-decoration: none;
      color: #ffffff;
      width: 19rem;
      font-weight: 600;
      background: #E8B267;
      border-radius: 25px !important;
      border: 2px solid #E8B267;
      display: flex;
      align-items: center;
      gap: 1.2rem;
      padding: 0.4rem 0.3rem 0.4rem 2rem !important;
      transition: 0.3s ease; }
      #interni_dva_popis #interni_dva_popis_text #interni_dva_popis_btn a i {
        color: #E8B267;
        background: #ffffff;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        transform: rotate(90deg);
        transition: 0.3s ease;
        width: 2rem;
        height: 2rem; }
      #interni_dva_popis #interni_dva_popis_text #interni_dva_popis_btn a:hover {
        opacity: 70%; }
        #interni_dva_popis #interni_dva_popis_text #interni_dva_popis_btn a:hover i {
          transform: rotate(40deg) !important; }
      @media only screen and (max-width: 1199px) {
        #interni_dva_popis #interni_dva_popis_text #interni_dva_popis_btn a:hover {
          opacity: 100%; } }
    #interni_dva_popis #interni_dva_popis_text #interni_dva_popis_btn a {
      width: 18.5rem; }
  @media only screen and (max-width: 1920px) {
    #interni_dva_popis {
      padding: 4rem 10%; } }
  @media only screen and (max-width: 1680px) {
    #interni_dva_popis {
      padding: 4rem 5%; } }
  @media only screen and (max-width: 1440px) {
    #interni_dva_popis #interni_dva_popis_text p {
      width: 30rem; } }
  @media only screen and (max-width: 1199px) {
    #interni_dva_popis {
      flex-wrap: wrap;
      gap: 2rem; }
      #interni_dva_popis #interni_dva_popis_text #interni_dva_popis_heading h2 {
        font-size: 1.2rem; }
      #interni_dva_popis #interni_dva_popis_text #interni_dva_popis_heading img {
        left: 0;
        top: 3rem; }
      #interni_dva_popis #interni_dva_popis_text p {
        width: 100%; }
      #interni_dva_popis #interni_dva_popis_img {
        width: 100%; }
        #interni_dva_popis #interni_dva_popis_img img {
          width: 100%;
          transform: scaleX(-1); } }

#ochrana_welcome {
  height: 45rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10%;
  position: relative;
  overflow: hidden; }
  #ochrana_welcome #sluzby_welcome_text {
    color: #ffffff; }
    #ochrana_welcome #sluzby_welcome_text h1 {
      font-weight: 700;
      margin-bottom: 1rem; }
    #ochrana_welcome #sluzby_welcome_text p {
      margin: 0;
      padding: 0;
      width: 40rem; }
    #ochrana_welcome #sluzby_welcome_text #sluzby_welcome_btn {
      margin-top: 3rem; }
      #ochrana_welcome #sluzby_welcome_text #sluzby_welcome_btn a {
        text-decoration: none;
        color: #ffffff;
        width: 19rem;
        font-weight: 600;
        background: #E8B267;
        border-radius: 25px !important;
        border: 2px solid #E8B267;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0.4rem 0.3rem 0.4rem 2rem !important;
        transition: 0.3s ease; }
        #ochrana_welcome #sluzby_welcome_text #sluzby_welcome_btn a i {
          color: #E8B267;
          background: #ffffff;
          border-radius: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          transform: rotate(90deg);
          transition: 0.3s ease;
          width: 2rem;
          height: 2rem; }
        #ochrana_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
          opacity: 70%; }
          #ochrana_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover i {
            transform: rotate(40deg) !important; }
        @media only screen and (max-width: 1199px) {
          #ochrana_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
            opacity: 100%; } }
  #ochrana_welcome #sluzby_welcome_img {
    position: absolute;
    right: 0;
    bottom: -4rem; }
  @media only screen and (max-width: 1680px) {
    #ochrana_welcome {
      padding: 0 5%; } }
  @media only screen and (max-width: 1199px) {
    #ochrana_welcome #sluzby_welcome_text p {
      width: 30rem; } }
  @media only screen and (max-width: 1199px) {
    #ochrana_welcome #sluzby_welcome_text p {
      width: 100%; }
    #ochrana_welcome #sluzby_welcome_img {
      display: none; } }
  #ochrana_welcome #sluzby_welcome_img {
    right: -18em;
    bottom: -25rem; }

#ochrana_popis {
  padding: 4rem 15%;
  display: flex;
  justify-content: space-between; }
  #ochrana_popis #ochrana_popis_heading {
    position: relative;
    margin-bottom: 3rem; }
    #ochrana_popis #ochrana_popis_heading h2 {
      font-weight: 700;
      font-size: 1.7rem; }
      #ochrana_popis #ochrana_popis_heading h2 span {
        color: #E8B267; }
    #ochrana_popis #ochrana_popis_heading img {
      position: absolute;
      left: 5rem;
      top: 4.2rem; }
  #ochrana_popis p {
    width: 45rem; }
  #ochrana_popis #ochrana_popis_btn {
    margin-top: 3rem; }
    #ochrana_popis #ochrana_popis_btn a {
      text-decoration: none;
      color: #ffffff;
      width: 19rem;
      font-weight: 600;
      background: #E8B267;
      border-radius: 25px !important;
      border: 2px solid #E8B267;
      display: flex;
      align-items: center;
      gap: 1.2rem;
      padding: 0.4rem 0.3rem 0.4rem 2rem !important;
      transition: 0.3s ease; }
      #ochrana_popis #ochrana_popis_btn a i {
        color: #E8B267;
        background: #ffffff;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        transform: rotate(90deg);
        transition: 0.3s ease;
        width: 2rem;
        height: 2rem; }
      #ochrana_popis #ochrana_popis_btn a:hover {
        opacity: 70%; }
        #ochrana_popis #ochrana_popis_btn a:hover i {
          transform: rotate(40deg) !important; }
      @media only screen and (max-width: 1199px) {
        #ochrana_popis #ochrana_popis_btn a:hover {
          opacity: 100%; } }
    #ochrana_popis #ochrana_popis_btn a {
      width: 17rem; }
  #ochrana_popis #ochrana_popis_body {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px #0000000d;
    height: fit-content;
    padding: 3rem;
    border-radius: 10px;
    width: 40rem;
    border: 1px solid #EDEDED; }
    #ochrana_popis #ochrana_popis_body strong {
      font-size: 1.2rem; }
    #ochrana_popis #ochrana_popis_body ul {
      list-style: none;
      margin: 2rem 0 0 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 1.5rem; }
      #ochrana_popis #ochrana_popis_body ul li {
        display: flex;
        gap: 1rem;
        color: #666666;
        font-weight: 600; }
        #ochrana_popis #ochrana_popis_body ul li i {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 1.5rem;
          height: 1.5rem;
          flex-shrink: 0;
          border-radius: 4px;
          background: #E8B267;
          color: #ffffff; }
  @media only screen and (max-width: 1920px) {
    #ochrana_popis {
      padding: 4rem 10%; } }
  @media only screen and (max-width: 1680px) {
    #ochrana_popis {
      padding: 4rem 5%; } }
  @media only screen and (max-width: 1536px) {
    #ochrana_popis p {
      width: 35rem; } }
  @media only screen and (max-width: 1366px) {
    #ochrana_popis #ochrana_popis_body {
      width: 35rem; } }
  @media only screen and (max-width: 1199px) {
    #ochrana_popis {
      flex-wrap: wrap;
      gap: 2rem; }
      #ochrana_popis #ochrana_popis_heading h2 {
        font-size: 1.2rem; }
      #ochrana_popis #ochrana_popis_heading img {
        left: 0;
        top: 3rem; }
      #ochrana_popis #ochrana_popis_body {
        width: 100%;
        padding: 3rem 1rem; }
      #ochrana_popis p {
        width: 100%; } }

#cena_welcome {
  height: 45rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10%;
  position: relative;
  overflow: hidden; }
  #cena_welcome #sluzby_welcome_text {
    color: #ffffff; }
    #cena_welcome #sluzby_welcome_text h1 {
      font-weight: 700;
      margin-bottom: 1rem; }
    #cena_welcome #sluzby_welcome_text p {
      margin: 0;
      padding: 0;
      width: 40rem; }
    #cena_welcome #sluzby_welcome_text #sluzby_welcome_btn {
      margin-top: 3rem; }
      #cena_welcome #sluzby_welcome_text #sluzby_welcome_btn a {
        text-decoration: none;
        color: #ffffff;
        width: 19rem;
        font-weight: 600;
        background: #E8B267;
        border-radius: 25px !important;
        border: 2px solid #E8B267;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0.4rem 0.3rem 0.4rem 2rem !important;
        transition: 0.3s ease; }
        #cena_welcome #sluzby_welcome_text #sluzby_welcome_btn a i {
          color: #E8B267;
          background: #ffffff;
          border-radius: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          transform: rotate(90deg);
          transition: 0.3s ease;
          width: 2rem;
          height: 2rem; }
        #cena_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
          opacity: 70%; }
          #cena_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover i {
            transform: rotate(40deg) !important; }
        @media only screen and (max-width: 1199px) {
          #cena_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
            opacity: 100%; } }
  #cena_welcome #sluzby_welcome_img {
    position: absolute;
    right: 0;
    bottom: -4rem; }
  @media only screen and (max-width: 1680px) {
    #cena_welcome {
      padding: 0 5%; } }
  @media only screen and (max-width: 1199px) {
    #cena_welcome #sluzby_welcome_text p {
      width: 30rem; } }
  @media only screen and (max-width: 1199px) {
    #cena_welcome #sluzby_welcome_text p {
      width: 100%; }
    #cena_welcome #sluzby_welcome_img {
      display: none; } }

#cena_popis {
  padding: 4rem 15%;
  display: flex;
  justify-content: space-between; }
  #cena_popis #cena_popis_text #cena_popis_heading {
    position: relative;
    margin-bottom: 3rem; }
    #cena_popis #cena_popis_text #cena_popis_heading h2 {
      font-weight: 700;
      font-size: 1.7rem; }
      #cena_popis #cena_popis_text #cena_popis_heading h2 span {
        color: #E8B267; }
    #cena_popis #cena_popis_text #cena_popis_heading img {
      position: absolute;
      left: 0rem;
      top: 4.2rem; }
  #cena_popis #cena_popis_text p {
    width: 40rem; }
  #cena_popis #cena_popis_text #cena_popis_btn {
    margin-top: 2rem; }
    #cena_popis #cena_popis_text #cena_popis_btn a {
      text-decoration: none;
      color: #ffffff;
      width: 19rem;
      font-weight: 600;
      background: #E8B267;
      border-radius: 25px !important;
      border: 2px solid #E8B267;
      display: flex;
      align-items: center;
      gap: 1.2rem;
      padding: 0.4rem 0.3rem 0.4rem 2rem !important;
      transition: 0.3s ease; }
      #cena_popis #cena_popis_text #cena_popis_btn a i {
        color: #E8B267;
        background: #ffffff;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        transform: rotate(90deg);
        transition: 0.3s ease;
        width: 2rem;
        height: 2rem; }
      #cena_popis #cena_popis_text #cena_popis_btn a:hover {
        opacity: 70%; }
        #cena_popis #cena_popis_text #cena_popis_btn a:hover i {
          transform: rotate(40deg) !important; }
      @media only screen and (max-width: 1199px) {
        #cena_popis #cena_popis_text #cena_popis_btn a:hover {
          opacity: 100%; } }
    #cena_popis #cena_popis_text #cena_popis_btn a {
      width: 16.5rem; }
  #cena_popis #cena_popis_tabulka #cena_popis_tabulka_wrap {
    border: 1px solid #EDEDED;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px #0000000d;
    width: 40rem; }
    #cena_popis #cena_popis_tabulka #cena_popis_tabulka_wrap #cena_popis_tabulka_head {
      background: #E8B267;
      color: #ffffff;
      padding: 0 2rem;
      display: flex;
      align-items: center;
      height: 4rem;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px; }
    #cena_popis #cena_popis_tabulka #cena_popis_tabulka_wrap #cena_popis_tabulka_content .cena_popis_tabulka_card {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      padding: 1rem 2rem;
      gap: 2rem; }
      #cena_popis #cena_popis_tabulka #cena_popis_tabulka_wrap #cena_popis_tabulka_content .cena_popis_tabulka_card strong {
        display: block;
        font-weight: 600; }
      #cena_popis #cena_popis_tabulka #cena_popis_tabulka_wrap #cena_popis_tabulka_content .cena_popis_tabulka_card span {
        display: block;
        font-weight: 600;
        opacity: 70%; }
      #cena_popis #cena_popis_tabulka #cena_popis_tabulka_wrap #cena_popis_tabulka_content .cena_popis_tabulka_card:nth-child(even) {
        background: #F8F8F8; }
      #cena_popis #cena_popis_tabulka #cena_popis_tabulka_wrap #cena_popis_tabulka_content .cena_popis_tabulka_card:last-child {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px; }
  #cena_popis #cena_popis_tabulka p {
    margin: 1rem 0 0 0;
    padding: 0;
    text-align: right;
    font-weight: 600;
    opacity: 70%; }
  @media only screen and (max-width: 1920px) {
    #cena_popis {
      padding: 4rem 10%; } }
  @media only screen and (max-width: 1680px) {
    #cena_popis {
      padding: 4rem 5%; } }
  @media only screen and (max-width: 1480px) {
    #cena_popis #cena_popis_text p {
      width: 35rem; } }
  @media only screen and (max-width: 1366px) {
    #cena_popis #cena_popis_tabulka #cena_popis_tabulka_wrap {
      width: 35rem; } }
  @media only screen and (max-width: 1280px) {
    #cena_popis #cena_popis_text p {
      width: 30rem; } }
  @media only screen and (max-width: 1199px) {
    #cena_popis {
      flex-wrap: wrap;
      gap: 3rem; }
      #cena_popis #cena_popis_text #cena_popis_heading h2 {
        font-size: 1.2rem; }
      #cena_popis #cena_popis_text #cena_popis_heading img {
        top: 3rem;
        left: 0;
        width: 8rem; }
      #cena_popis #cena_popis_text p {
        width: 100%; }
      #cena_popis #cena_popis_tabulka {
        width: 100%; }
        #cena_popis #cena_popis_tabulka #cena_popis_tabulka_wrap {
          width: 100%; } }
  @media only screen and (max-width: 600px) {
    #cena_popis #cena_popis_tabulka #cena_popis_tabulka_wrap #cena_popis_tabulka_content .cena_popis_tabulka_card {
      padding: 1rem;
      gap: 1rem; } }

#cena_postup {
  padding: 4rem 0; }
  #cena_postup #cena_postup_heading {
    text-align: center; }
    #cena_postup #cena_postup_heading h2 {
      font-weight: 700;
      font-size: 1.7rem; }
      #cena_postup #cena_postup_heading h2 span {
        color: #E8B267; }
    #cena_postup #cena_postup_heading img {
      margin-top: -1rem; }
  #cena_postup #cena_postup_content {
    margin-top: 2rem;
    display: flex;
    gap: 1rem;
    padding: 0 20%; }
    #cena_postup #cena_postup_content #cena_postup_left {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 1rem; }
    #cena_postup #cena_postup_content #cena_postup_right {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 1rem; }
    #cena_postup #cena_postup_content .cena_postup_card {
      -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 20px #0000000d;
      display: flex;
      align-items: center;
      gap: 1rem;
      height: 4rem;
      border: 1px solid #EDEDED;
      border-radius: 10px; }
      #cena_postup #cena_postup_content .cena_postup_card .cena_postup_ikonka {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        width: 2rem;
        height: 2rem;
        background: #E8B267;
        color: #ffffff;
        font-weight: 700;
        margin-left: 1rem;
        border-radius: 4px; }
        #cena_postup #cena_postup_content .cena_postup_card .cena_postup_ikonka span {
          display: block; }
      #cena_postup #cena_postup_content .cena_postup_card .cena_postup_text p {
        margin: 0;
        padding: 0;
        font-weight: 600;
        opacity: 70%; }
  @media only screen and (max-width: 1920px) {
    #cena_postup #cena_postup_content {
      padding: 0 10%; } }
  @media only screen and (max-width: 1680px) {
    #cena_postup #cena_postup_content {
      padding: 0 5%; } }
  @media only screen and (max-width: 970px) {
    #cena_postup #cena_postup_heading h2 {
      font-size: 1.2rem; }
    #cena_postup #cena_postup_heading img {
      width: 9rem; }
    #cena_postup #cena_postup_content {
      flex-wrap: wrap; } }

#cena_banner {
  padding: 4rem 25% 4rem 25%; }
  #cena_banner #cena_banner_wrap {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px #0000000d;
    border-radius: 20px;
    border: 1px solid #EDEDED;
    padding: 2.2rem 2.5rem;
    position: relative;
    display: flex; }
    #cena_banner #cena_banner_wrap #cena_banner_text {
      width: 50rem; }
      #cena_banner #cena_banner_wrap #cena_banner_text h2 {
        font-weight: 700;
        font-size: 1.7rem;
        color: #E8B267; }
      #cena_banner #cena_banner_wrap #cena_banner_text p {
        font-weight: 600;
        color: #666666; }
      #cena_banner #cena_banner_wrap #cena_banner_text #cena_banner_btn {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-top: 2rem; }
        #cena_banner #cena_banner_wrap #cena_banner_text #cena_banner_btn a {
          text-decoration: none;
          color: #ffffff;
          width: 19rem;
          font-weight: 600;
          background: #E8B267;
          border-radius: 25px !important;
          border: 2px solid #E8B267;
          display: flex;
          align-items: center;
          gap: 1.2rem;
          padding: 0.4rem 0.3rem 0.4rem 2rem !important;
          transition: 0.3s ease; }
          #cena_banner #cena_banner_wrap #cena_banner_text #cena_banner_btn a i {
            color: #E8B267;
            background: #ffffff;
            border-radius: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
            transform: rotate(90deg);
            transition: 0.3s ease;
            width: 2rem;
            height: 2rem; }
          #cena_banner #cena_banner_wrap #cena_banner_text #cena_banner_btn a:hover {
            opacity: 70%; }
            #cena_banner #cena_banner_wrap #cena_banner_text #cena_banner_btn a:hover i {
              transform: rotate(40deg) !important; }
          @media only screen and (max-width: 1199px) {
            #cena_banner #cena_banner_wrap #cena_banner_text #cena_banner_btn a:hover {
              opacity: 100%; } }
        #cena_banner #cena_banner_wrap #cena_banner_text #cena_banner_btn a {
          width: 15.5rem; }
        #cena_banner #cena_banner_wrap #cena_banner_text #cena_banner_btn #cena_banner_status img {
          -webkit-animation: pulse-online 1.5s ease-in-out infinite both;
          animation: pulse-online 1.5s ease-in-out infinite both; }
        #cena_banner #cena_banner_wrap #cena_banner_text #cena_banner_btn #cena_banner_status span {
          color: #28C721;
          font-weight: 600; }

@keyframes pulse-online {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.5; }
  50% {
    -webkit-transform: scale(1.125);
    transform: scale(1.125);
    opacity: 0.925; }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.5; } }
    #cena_banner #cena_banner_wrap #cena_banner_img {
      position: absolute;
      right: -3rem;
      bottom: -2rem; }
  @media only screen and (max-width: 1920px) {
    #cena_banner {
      padding: 0 15% 4rem 15%; } }
  @media only screen and (max-width: 1680px) {
    #cena_banner {
      padding: 0 10% 4rem 10%; } }
  @media only screen and (max-width: 1535px) {
    #cena_banner #cena_banner_wrap #cena_banner_text {
      width: 40rem; } }
  @media only screen and (max-width: 1356px) {
    #cena_banner #cena_banner_wrap #cena_banner_text {
      width: 35rem; } }
  @media only screen and (max-width: 1199px) {
    #cena_banner {
      padding: 0 5% 4rem 5%; }
      #cena_banner #cena_banner_wrap #cena_banner_text {
        width: 100%; }
      #cena_banner #cena_banner_wrap #cena_banner_img {
        display: none; } }
  @media only screen and (max-width: 573px) {
    #cena_banner #cena_banner_wrap {
      padding: 2.2rem 1rem; }
      #cena_banner #cena_banner_wrap #cena_banner_text #cena_banner_btn {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center; }
        #cena_banner #cena_banner_wrap #cena_banner_text #cena_banner_btn #cena_banner_status {
          width: 100%; } }

#kontakt_welcome {
  height: 45rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10%;
  position: relative;
  overflow: hidden; }
  #kontakt_welcome #sluzby_welcome_text {
    color: #ffffff; }
    #kontakt_welcome #sluzby_welcome_text h1 {
      font-weight: 700;
      margin-bottom: 1rem; }
    #kontakt_welcome #sluzby_welcome_text p {
      margin: 0;
      padding: 0;
      width: 40rem; }
    #kontakt_welcome #sluzby_welcome_text #sluzby_welcome_btn {
      margin-top: 3rem; }
      #kontakt_welcome #sluzby_welcome_text #sluzby_welcome_btn a {
        text-decoration: none;
        color: #ffffff;
        width: 19rem;
        font-weight: 600;
        background: #E8B267;
        border-radius: 25px !important;
        border: 2px solid #E8B267;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0.4rem 0.3rem 0.4rem 2rem !important;
        transition: 0.3s ease; }
        #kontakt_welcome #sluzby_welcome_text #sluzby_welcome_btn a i {
          color: #E8B267;
          background: #ffffff;
          border-radius: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          transform: rotate(90deg);
          transition: 0.3s ease;
          width: 2rem;
          height: 2rem; }
        #kontakt_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
          opacity: 70%; }
          #kontakt_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover i {
            transform: rotate(40deg) !important; }
        @media only screen and (max-width: 1199px) {
          #kontakt_welcome #sluzby_welcome_text #sluzby_welcome_btn a:hover {
            opacity: 100%; } }
  #kontakt_welcome #sluzby_welcome_img {
    position: absolute;
    right: 0;
    bottom: -4rem; }
  @media only screen and (max-width: 1680px) {
    #kontakt_welcome {
      padding: 0 5%; } }
  @media only screen and (max-width: 1199px) {
    #kontakt_welcome #sluzby_welcome_text p {
      width: 30rem; } }
  @media only screen and (max-width: 1199px) {
    #kontakt_welcome #sluzby_welcome_text p {
      width: 100%; }
    #kontakt_welcome #sluzby_welcome_img {
      display: none; } }

#kontakt_info {
  padding: 4rem 15%;
  display: grid;
  grid-template-columns: repeat(3, 1fr); }
  #kontakt_info #kontakt_kontakt #kontakt_kontakt_content {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    #kontakt_info #kontakt_kontakt #kontakt_kontakt_content .kontakt_kontakt_card {
      display: flex;
      gap: 0.5rem; }
      #kontakt_info #kontakt_kontakt #kontakt_kontakt_content .kontakt_kontakt_card .kontakt_kontakt_card_icon {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 3rem;
        height: 3rem;
        border-radius: 8px;
        background: #E8B267;
        color: #ffffff; }
      #kontakt_info #kontakt_kontakt #kontakt_kontakt_content .kontakt_kontakt_card .kontakt_kontakt_card_text strong {
        display: block; }
      #kontakt_info #kontakt_kontakt #kontakt_kontakt_content .kontakt_kontakt_card .kontakt_kontakt_card_text a {
        text-decoration: none;
        color: #262626;
        font-weight: 600;
        opacity: 70%; }
      #kontakt_info #kontakt_kontakt #kontakt_kontakt_content .kontakt_kontakt_card .kontakt_kontakt_card_text span {
        opacity: 70%;
        font-weight: 600; }
  #kontakt_info #kontakt_kontakt #kontakt_kontakt_btn {
    margin-top: 2rem; }
    #kontakt_info #kontakt_kontakt #kontakt_kontakt_btn a {
      text-decoration: none;
      color: #ffffff;
      background: #262626;
      width: 10rem;
      height: 2rem;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      transition: 0.3s ease; }
      #kontakt_info #kontakt_kontakt #kontakt_kontakt_btn a:hover {
        background: #E8B267; }
  #kontakt_info #kontakt_ico ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.2rem; }
  #kontakt_info #kontakt_mapa iframe {
    height: 25rem !important;
    filter: grayscale(100); }
  @media only screen and (max-width: 1920px) {
    #kontakt_info {
      padding: 4rem 10%; } }
  @media only screen and (max-width: 1680px) {
    #kontakt_info {
      padding: 4rem 5%; } }
  @media only screen and (max-width: 1199px) {
    #kontakt_info {
      grid-template-columns: repeat(2, 1fr);
      gap: 3rem; } }
  @media only screen and (max-width: 994px) {
    #kontakt_info {
      grid-template-columns: repeat(1, 1fr); } }
  @media only screen and (max-width: 707px) {
    #kontakt_info #kontakt_mapa {
      width: 100%; }
      #kontakt_info #kontakt_mapa img {
        width: 100%; } }

footer {
  padding-top: 4rem; }
  footer #footer_content {
    padding: 0 15%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-bottom: 6rem; }
    footer #footer_content .footer_heading {
      color: #E8B267;
      font-size: 1.2rem;
      margin-bottom: 2rem; }
    footer #footer_content #footer_kontakt .footer_kontakt_content {
      display: flex;
      flex-direction: column;
      gap: 1rem; }
      footer #footer_content #footer_kontakt .footer_kontakt_content .footer_kontakt_card {
        display: flex;
        gap: 0.5rem; }
        footer #footer_content #footer_kontakt .footer_kontakt_content .footer_kontakt_card .footer_kontakt_card_ikonka {
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
          width: 3rem;
          height: 3rem;
          border-radius: 8px;
          background: #E8B267;
          color: #ffffff; }
        footer #footer_content #footer_kontakt .footer_kontakt_content .footer_kontakt_card .footer_kontakt_card_text strong {
          display: block; }
        footer #footer_content #footer_kontakt .footer_kontakt_content .footer_kontakt_card .footer_kontakt_card_text a {
          text-decoration: none;
          color: #262626;
          font-weight: 500;
          opacity: 70%; }
        footer #footer_content #footer_kontakt .footer_kontakt_content .footer_kontakt_card .footer_kontakt_card_text span {
          opacity: 70%;
          font-weight: 500; }
    footer #footer_content #footer_kontakt #footer_btn {
      margin-top: 2rem; }
      footer #footer_content #footer_kontakt #footer_btn a {
        text-decoration: none;
        color: #ffffff;
        background: #262626;
        width: 10rem;
        height: 2rem;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        transition: 0.3s ease; }
        footer #footer_content #footer_kontakt #footer_btn a:hover {
          background: #E8B267; }
    footer #footer_content #footer_partner p {
      margin: 1rem 0 0 0;
      padding: 0;
      font-weight: 600;
      opacity: 70%; }
    footer #footer_content #footer_odkazy ul {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      list-style: none; }
      footer #footer_content #footer_odkazy ul li a {
        text-decoration: none;
        color: #262626;
        font-weight: 600;
        transition: 0.3s ease; }
        footer #footer_content #footer_odkazy ul li a:hover {
          opacity: 70%; }
    footer #footer_content #footer_info ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 0.2rem; }
  footer #footer_logo {
    text-align: center; }
  footer #footer_copy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 15%; }
    footer #footer_copy p {
      margin: 0;
      padding: 0;
      font-weight: 500;
      opacity: 70%; }
      footer #footer_copy p a {
        color: #E8B267;
        font-weight: 600;
        text-decoration: none; }
  @media only screen and (max-width: 1920px) {
    footer #footer_content {
      padding: 0 10%; }
    footer #footer_copy {
      padding: 1rem 10%; } }
  @media only screen and (max-width: 1670px) {
    footer #footer_content {
      padding: 0 5%; }
    footer #footer_copy {
      padding: 1rem 5%; } }
  @media only screen and (max-width: 1199px) {
    footer #footer_content {
      grid-template-columns: repeat(2, 1fr);
      gap: 2rem;
      padding-bottom: 5rem; } }
  @media only screen and (max-width: 624px) {
    footer #footer_content {
      display: flex;
      flex-wrap: wrap;
      text-align: center;
      justify-content: center; }
      footer #footer_content #footer_kontakt {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center; }
        footer #footer_content #footer_kontakt .footer_kontakt_content {
          text-align: center;
          gap: 1.5rem; }
          footer #footer_content #footer_kontakt .footer_kontakt_content .footer_kontakt_card {
            flex-wrap: wrap;
            justify-content: center;
            text-align: center;
            gap: 1rem; }
            footer #footer_content #footer_kontakt .footer_kontakt_content .footer_kontakt_card .footer_kontakt_card_text {
              width: 100%; }
              footer #footer_content #footer_kontakt .footer_kontakt_content .footer_kontakt_card .footer_kontakt_card_text strong {
                display: none; }
        footer #footer_content #footer_kontakt #footer_btn a {
          gap: 0.5rem;
          width: 13rem;
          height: 2.5rem; }
      footer #footer_content #footer_partner {
        width: 100%; }
      footer #footer_content #footer_odkazy {
        width: 100%; }
      footer #footer_content #footer_info {
        width: 100%; }
    footer #footer_copy {
      flex-wrap: wrap;
      justify-content: center;
      padding: 0; }
      footer #footer_copy p {
        text-align: center;
        width: 100%;
        margin: 1rem 0; }
        footer #footer_copy p:nth-child(2) {
          opacity: 100%;
          background: #E8B267;
          color: #ffffff;
          padding: 0.5rem 0;
          margin: 0; }
          footer #footer_copy p:nth-child(2) a {
            font-weight: 700;
            color: #ffffff; } }

body {
  font-family: "Inter", sans-serif !important;
  color: #262626 !important; }
  
  #recenze{
   padding: 4rem 0;
    min-height: 35rem;
    font-family: "Inter", sans-serif !important;
}

#recenze #recenze_head{
    text-align: center;    
}

#recenze #recenze_head h2{
    font-weight: 700;
    font-size: 1.7rem;
}

#recenze #recenze_head h2 span{
    color:#E8B267;
}

#recenze_content{
    padding: 2rem 24% 2rem 24%;
    position: relative;
}

#recenze #recenze_head img{
    margin-top: -1rem;    
}

/* Elegantní loading styling s pevnou výškou */
.elegant-loading {
    text-align: center;
    padding: 40px;
    margin-bottom: 30px;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.loading-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top: 3px solid #475569;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.elegant-loading p {
    color: #64748b;
    font-size: 16px;
    margin: 0;
    font-weight: 500;
}

/* Swiper kartičky styling - OPRAVENO */
#recenze .swiper {
    width: 100%;
    padding: 0; /* Odstraněn padding - KLÍČOVÁ OPRAVA */
}

#recenze .swiper-slide {
    height: auto;
    display: flex;
    padding: 1rem 0;
}

#recenze .review-card {
  cursor: grab;
    background: white;
    border-radius: 16px;
    padding: 24px;
    border: 1px solid #e2e8f0;
    height: 280px;
    display: flex;
    flex-direction: column;
    transition: all 0.4s ease;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#recenze .review-card.expanded {
    height: auto;
    min-height: 350px;
    z-index: 10;
    position: relative;
}

#recenze .review-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    gap: 12px;
    flex-shrink: 0;
}

#recenze .reviewer-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #22c55e;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 16px;
    flex-shrink: 0;
}

#recenze .reviewer-info {
    flex: 1;
}

#recenze .reviewer-name {
    font-size: 16px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 2px 0;
}

#recenze .review-time {
    font-size: 12px;
    color: #64748b;
    margin: 0;
}

#recenze .review-content {
    flex: 1;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#recenze .review-text-container {
    flex: 1;
    overflow: hidden;
}

#recenze .review-text-short,
#recenze .review-text-full {
    font-size: 0.95rem;
    line-height: 1.5;
    color: #475569;
    margin: 0 0 12px 0;
}

#recenze .read-more {
    background: none;
    border: none;
    color: #475569;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 0;
    text-decoration: none;
    align-self: flex-start;
    margin-top: auto;
    font-weight: 500;
    transition: all 0.3s ease;
    border-radius: 4px;
    opacity: 80%;
}

#recenze .read-more:hover {
    opacity: 100%;
}

#recenze .review-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    flex-shrink: 0;
}

#recenze .review-stars {
    display: flex;
    gap: 2px;
}

/* Font Awesome hvězdičky styling */
#recenze .review-stars i {
    font-size: 18px;
    color: #e2e8f0;
}

#recenze .review-stars i.filled {
    color: #fbbf24;
}

#recenze .google-logo {
    width: 30px;
    height: 30px;
}

#recenze .google-logo img {
    width: 100%;
    height: 100%;
}

/* Swiper navigace styling - OPRAVENO s prefixem */
#recenze .swiper-button-next,
#recenze .swiper-button-prev {
    color: #475569;
    background: white;
    display: flex;
    width: 3rem !important;
    height: 3rem !important;
    border-radius: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

#recenze .swiper-button-next{
    right: 20% !important;
    top: 11rem !important;
}

#recenze .swiper-button-prev {
    left: 20% !important;
    top: 11rem !important;
}

#recenze .swiper-button-next i,
#recenze .swiper-button-prev i{
    color: #273343;
}

#recenze .swiper-button-next:hover,
#recenze .swiper-button-prev:hover {
    background: #f8fafc;
    transform: scale(1.05);
}

#recenze .swiper-button-next:after,
#recenze .swiper-button-prev:after {
    display: none !important;
}

/* Error message styling */
#recenze .error-message {
    text-align: center;
    padding: 20px;
    background: #ffe6e6;
    border-radius: 8px;
    color: #cc0000;
    margin-bottom: 20px;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#recenze_btn a{
    display: flex;
    width: 12rem;
    height: 2.7rem;
    align-items: center;
    text-decoration: none;
    color: white;
    background: #2563EA;
    transition: 0.3s ease;
    justify-content: center;
    gap: 1rem;
    font-weight: 600;
    border-radius: 8px;
}

#recenze_btn a:hover{
    background: #2557C3;
}

#recenze_swipe{
    display: none;
    justify-content: center;
    align-items: center;
    margin: 0 0 2rem 0;
}

#recenze_footer{
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24%;
}

@media only screen and (max-width: 1920px){
    #recenze .swiper-button-next{
        right: 8% !important;
        top: 11rem !important;
    }

    #recenze .swiper-button-prev {
        left: 8% !important;
        top: 11rem !important;
    }

    #recenze #recenze_head{
        padding: 4rem 14% 0 14%;
    }

    #recenze_content{
        padding: 2rem 14% 2rem 14%;
    }
    
    #recenze_footer{
        padding: 0 14%;    
    }
}

@media only screen and (max-width: 1199px){
    #recenze #recenze_head{
        padding: 2rem 5% 0 5%;
    }

    #recenze_swipe{
        display: flex;
    }

    #recenze_content{
        padding: 2rem 5% 2rem 5%;
    }
    
    #recenze_footer{
        padding: 0 5%;    
    }

    #recenze .swiper-button-next,
    #recenze .swiper-button-prev {
        display: none !important;
    }
}

/* Responzivní úpravy */
@media (max-width: 768px) {
    #recenze .review-card {
        padding: 20px;
        height: 250px;
    }
    
    #recenze .review-card.expanded {
        min-height: 320px;
    }
    
    #recenze .reviewer-avatar {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    
    #recenze .reviewer-name {
        font-size: 14px;
    }
    
    #recenze .review-text-short,
    #recenze .review-text-full {
        font-size: 13px;
    }
    
    #recenze .elegant-loading {
        min-height: 280px;
    }
    
    #recenze .error-message {
        min-height: 280px;
    }
    
    #recenze_footer{
        flex-wrap: wrap;
        justify-content: center;
        gap: 2rem;
    }
    
    #recenze_footer #recenze_btn{
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 560px){
    #recenze #recenze_head{
        justify-content: left;
        flex-wrap: wrap;
        gap: 1rem;
    }

    #recenze #recenze_head #recenze_head_left{
        width: 100%;
    }
    
}

    .review-no-text{
        opacity: 70% !important;    
    }
    
#error_welcome{
    height: 100vh;
    color: white;
    padding: 0 10%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#error_welcome strong{
    font-size: 3.5rem; 
    display: block;
    color:#E8B267;
    font-weight: 700;
}

#error_welcome h1{
    font-weight: 700;
    margin: 0 0 1rem 0;
}

#error_welcome #error_btn a{
        text-decoration: none;
        color: #ffffff;
        width: 15rem;
        font-weight: 600;
        background: #E8B267;
        border-radius: 25px !important;
        border: 2px solid #E8B267;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0.4rem 0.3rem 0.4rem 2rem !important;
}

#error_welcome #error_btn a i{
              color: #E8B267;
          background: #ffffff;
          border-radius: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          transform: rotate(90deg);
          transition: 0.3s ease;
          width: 2rem;
          height: 2rem;
}

#error_welcome #error_btn a:hover i{
transform: rotate(40deg) !important;    
}