* {
    font-family: 'Montserrat', sans-serif;
}

body{
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #172D32;
}

a {
    text-decoration: none;
}

h1  {
    font-family: 'Montserrat', sans-serif;
    font-size: 120px;
}

#category {
    font-family: 'Staatliches', sans-serif;
    font-weight: 500;
}

#title {
    letter-spacing: .4px;
    font-size: 1.375rem;
    line-height: 1.13636;
}

#banner {
    margin: 20px;
    height: 800px;
}

#editor {
    font-size: 1rem;
    line-height: 1.75;
}

.uk-navbar-container {
    background: #fff !important;
    font-family: 'Staatliches', sans-serif;
}

img:hover {
    opacity: 1;
    transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}

#difference {
    font-family: 'Montserrat', sans-serif;
    background-image: url("/images/NadFooter_infografika.jpg");
    background-size: cover;
}

#header-background{
    background-image: url("/images/bg_header.jpg");
  }

.header-bg{
    background-color: rgb(22, 27, 88);
  }

.dropdown:hover .dropdown-menu {
    display: block;
}



#RPAHeader{
    background-image: url("/images/DNA cover.jpg");
    background-size:cover;
    font-family: 'Montserrat', sans-serif;
}

.career-header{
    background-position: bottom;
    background-size: cover;
    font-family: 'Montserrat', sans-serif;

}

#idea-bg{
    background-position: center;
    background-size: cover;
    font-family: 'Montserrat', sans-serif;
}

/*path{
    fill: rgb(21, 84, 221);
}*/

.w-375 {
    width: 37.5%;
}

footer {
    @apply py-4;
    background-color: #2a3381;
}

*:focus {
    outline: 0 !important;
}

.dark-blue-filter {
    filter: invert(10%) sepia(64%) saturate(3223%) hue-rotate(215deg) brightness(106%) contrast(92%);
}

.white-filter {
    filter: invert(100%) sepia(0%) saturate(552%) hue-rotate(288deg) brightness(114%) contrast(100%);
}

.dark-orange-filter, .dark-orange-filter-image img {
    filter: invert(61%) sepia(27%) saturate(6114%) hue-rotate(335deg) brightness(99%) contrast(88%);
}

.hover\:dark-orange-filter:hover img {
    filter: invert(61%) sepia(27%) saturate(6114%) hue-rotate(335deg) brightness(99%) contrast(88%);
}

.hover\:white-filter-image:hover img {
    filter: invert(100%) sepia(0%) saturate(552%) hue-rotate(288deg) brightness(114%) contrast(100%);
}


.gold-filter {
    filter: invert(61%) sepia(81%) saturate(402%) hue-rotate(347deg) brightness(98%) contrast(91%);
}

.text-orange {
    color: #EE7042;
}

.text-light-blue {
    color: #62B6F4;
}

.hover\:text-orange:hover {
    color: #EE7042;
}

.bg-orange {
    background-color: #EE7042;
}

.hover\:bg-orange:hover {
    background-color: #EE7042;
}

.hover\:bg-orange-menu:hover {
    background-color: #e1612f;
}

.orange-span span, orange {
    color: #EE7042;
}

.bgProdComp{
    background-image: url("/images/Benefits DNA.jpg");
    background-size: cover;

}

.bg-gray {
    background-color: #edeef2;
}

.bg-blue {
    background-color: #123274;
}

.text-blue {
    color: #123274;
}

.bg-gray-to-white {
    background: linear-gradient(to bottom, #edeef2 50%, #fff 50%);
}

.bg-white-to-gray {
    background: linear-gradient(to bottom, #fff 50%, #edeef2 50%);
}

.bg-green {
    background-color: #23a864;
}

.bg-light-blue {
    background-color: #60D2E6;
}

.border-orange {
    border-color: #EE7042;
}

.hover\:border-orange:hover {
    border-color: #EE7042;
}

.border-light-blue {
    border-color: #62B6F4;
}

.border-blue {
    border-color: #1C3F88;
}

.border-footer {
    border-color: rgba(125, 136, 237, 0.45);
}

.line-spacer {
    opacity: 45%;
    background-color: #9e96e9;
    border: none;
    height: 1px;
}

/*
footer .line-spacer {
  width: 72%;
  height: 1px;
  background-color: #9e96e9;
  opacity: 75%;
  margin-left: auto;
  margin-right: auto;
}
*/

.row-spacer {
    background-color: rgba(125, 136, 237, 0.45);
    opacity: 45%;
    border: none;
    width: 1px;
    height: 80%;
}

.rpa_help_box1 {
    background-image: url("/images/Group_1293_9d43df230f.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.rpa_help_box2 {
    background-image: url("/images/Group_1294_3f61a9c708.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.rpa_help_box3 {
    background-image: url("/images/Group_1295_0db9431b0c.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.rpa_help_box4 {
    background-image: url("/images/Group_1292_1c2317a453.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.rpa_help_box5 {
    background-image: url("/images/Group_1291_5938dac1ef.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.rpa_help_box6 {
    background-image: url("/images/Group_1290_ea1699d4ef.png");
    background-size: cover;
    background-repeat: no-repeat;
}

/*COMPONENTS*/
.title {
    @apply text-orange w-8/12 text-3xl py-12 font-bold block mx-auto md:w-5/6 lg:w-3/4 lg:text-5xl;
}

.subtitle {
    @apply text-orange w-8/12 text-xl py-12 font-bold block mx-auto md:text-2xl md:w-5/6 lg:w-3/4 lg:text-3xl;
}

.paragraph {
    @apply py-4 md:w-5/6 mx-auto;
}

.btn-green {
    @apply py-4 px-4 text-sm relative overflow-hidden text-white cursor-pointer text-center md:text-left;
    min-width: 256px;
    height: 58px;
    max-height: 58px;
    background-color: #23a864;
    clip-path: polygon(0 0, 100% 0, 100% 0, 100% 60%, 90% 100%, 0 100%, 0 100%, 0 0);
}

.btn-blue {
    @apply py-4 px-4 text-sm relative overflow-hidden text-white cursor-pointer text-center md:text-left;
    max-width: 256px;
    width: 256px;
    height: 58px;
    max-height: 58px;
    background-color: #123274;
    clip-path: polygon(0 0, 100% 0, 100% 0, 100% 60%, 90% 100%, 0 100%, 0 100%, 0 0);
}

.btn-blue:hover {
    background-color: #0a1e4d;
}


.btn-dimensions {
    max-width: 256px;
    width: 256px;
    height: 58px;
    max-height: 58px;
}

/*.btn-blue-outline {
    position: relative;
    width: 70vmin;
    height: 70vmin;
    background-color: #ff0000;
    clip-path: polygon(0 0, 100% 0, 100% 0, 100% 60%, 90% 100%, 0 100%, 0 100%, 0 0);
}*/

.btn-white-outline {
    position: relative;
    max-width: 256px;
    width: 256px;
    height: 58px;
    max-height: 58px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='63.259' viewBox='0 0 280 63.259'%3E%3Cpath id='Path_98' data-name='Path 98' d='M-11997.5-2971h278v41.887l-21.471,19.372H-11997.5Z' transform='translate(11998.496 2972)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
    background-size: cover;
}

.btn-white-outline:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='63.259' viewBox='0 0 280 63.259'%3E%3Cpath id='Path_98' data-name='Path 98' d='M-11997.5-2971h278v41.887l-21.471,19.372H-11997.5Z' transform='translate(11998.496 2972)' fill='none' stroke='%23EE7042' stroke-width='2'/%3E%3C/svg%3E");
}

.btn-white-outline:hover img {
    filter: invert(61%) sepia(27%) saturate(6114%) hue-rotate(335deg) brightness(99%) contrast(88%);
}

.btn-blue-outline {
    position: relative;
    max-width: 256px;
    width: 256px;
    height: 58px;
    max-height: 58px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='63.259' viewBox='0 0 280 63.259'%3E%3Cpath id='Path_98' data-name='Path 98' d='M-11997.5-2971h278v41.887l-21.471,19.372H-11997.5Z' transform='translate(11998.496 2972)' fill='none' stroke='%232a3381' stroke-width='2'/%3E%3C/svg%3E");
    background-size: cover;
}

.btn-blue-outline:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='63.259' viewBox='0 0 280 63.259'%3E%3Cpath id='Path_98' data-name='Path 98' d='M-11997.5-2971h278v41.887l-21.471,19.372H-11997.5Z' transform='translate(11998.496 2972)' fill='none' stroke='%23EE7042' stroke-width='2'/%3E%3C/svg%3E");
}

.btn-blue-outline:hover img {
    filter: invert(61%) sepia(27%) saturate(6114%) hue-rotate(335deg) brightness(99%) contrast(88%);
}

.btn-green:hover {
    background-color: #1f9550;
}

.btn-icon {
    @apply hidden md:inline-block md:w-5 lg:w-6 lg:mr-6 float-right;
}

.btn-icon-left {
    @apply inline-block w-6 my-auto absolute left-4;
}
/*COMPONENTS*/

footer li {
    @apply my-4 ml-4 lg:text-xs xl:text-sm;
    list-style-image: url(../icons/right-arrow-2-white.svg);
    margin-left: 1em;
    padding-left: 0.7em;
    padding-bottom: 0.7em;
}


footer li a {
    @apply hover:underline hover:text-orange;
}

.so-label {

}

.lifeinrict-grid-phone {
    @apply grid md:hidden;
    grid-template-areas:
  'img1 img2'
  'img1 img3'
  'img4 img4'
  'img4 img4'
  'img5 img6'
  'img7 img8'
  'img9 img9'
  'img9 img9';
    grid-row: auto;
    grid-gap: 12px;
    padding: 4px;
}

.lifeinrict-grid-wide {
    @apply hidden md:grid;
    grid-template-areas:
  'img1 img2 img4 img4'
  'img1 img3 img4 img4'
  'img9 img9 img5 img6'
  'img9 img9 img7 img8';
    grid-gap: 12px;
    padding: 4px;
}

.lifeinrict-grid-wide #img4 {
    visibility: hidden;
    display: none;
}

.video-container {

   position:relative;
   height: 100%;
   width: 100%;
}

@media (max-width:768px) {
.video-container {

    position:relative;
    height: 80%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
 }
}

.map-container {
    @apply h-2/3 w-full relative pb-2;
}

.video-container iframe {
    @apply absolute left-0 top-0 w-full h-full;
}

/*DETAIL BLOCK*/
.detail-block h1 {
    @apply font-bold text-orange text-2xl my-4 md:text-4xl md:my-8 lg:text-3xl;
}

.detail-block li {
    @apply text-left text-3xl ml-4 my-1;
    list-style-image: url(/images/right_arrow_329048a202.svg);
    padding-left: 1em;
}

.detail-block li span {
    @apply text-sm;
}

.detail-block p {
    @apply text-sm ;
}



.ul-formatting li {
    @apply text-left text-3xl ml-4 leading-4 my-2;
}

.ul-formatting li span {
    @apply text-sm;
}

.ul-orange-arrows {
    list-style-image: url(/images/right_arrow_orange_3ce77d5e8e.svg);
}
/*DETAIL BLOCK*/



/*.hyperlink_filter:hover img {
    filter: invert(61%) sepia(27%) saturate(100%) hue-rotate(180deg) brightness(99%) contrast(88%);
}*/

.hyperlink_filter svg {
    margin: 0 auto 1rem;
    max-height: 2rem;
    width: auto;
}

.hyperlink_filter svg, .hyperlink_filter path {
    fill: #ffffff !important;
}


.hyperlink_filter:hover svg, .hyperlink_filter:hover path {
    fill: #EE7042 !important;
}

.hidden_text_hover p {
    opacity: 0;
    transition-duration: 0.1s;
}

.hidden_text_hover:hover p {
    opacity: 1;
}

.button_outline {
    @apply text-white hover:text-orange;
    background: url('/images/button_border_white_4bc4b7b3b9.svg') no-repeat center;
    max-width: 280px;
    max-height: 56px;
    min-width: 280px;
    min-height: 56px;
}



.button_outline:hover svg path {
    stroke: #EE7042;

}

.button_outline:hover img {
    filter: invert(61%) sepia(27%) saturate(6114%) hue-rotate(335deg) brightness(99%) contrast(88%);

}

.button_outline:hover h2 {
    color:#EE7042;
}

.btn_blue_outline svg path{
    stroke: #2a3381;

}

.btn_blue_outline h2 {
    color:#2a3381;
}

.btn_blue_outline img {
    filter: invert(10%) sepia(64%) saturate(3223%) hue-rotate(215deg) brightness(106%) contrast(92%);
}

.btn_blue_outline:hover svg path {
    stroke: #EE7042;

}

.btn_blue_outline:hover img {
    filter: invert(61%) sepia(27%) saturate(6114%) hue-rotate(335deg) brightness(99%) contrast(88%);

}

.btn_blue_outline:hover h2 {
    color:#EE7042;
}

.button_blue {
    border: 2px solid #123274;
}

/*.button_blue {
    @apply text-white hover:text-orange; /* ZDE ZMĚNIT NA NOVY OBRAZEK OD MARY */
    /*background: url(/images/button_border_white_4bc4b7b3b9.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    max-width: 280px;
    max-height: 63px;
    min-width: 280px;
    min-height: 63px;

}


.button_blue:hover {  /* ZDE ZMĚNIT NA NOVY OBRAZEK OD MARY */
    /*background: url(/images/button_border_white_hover_7668f1d428.svg);
}*/

.button_blue:hover img {
    filter: invert(61%) sepia(27%) saturate(6114%) hue-rotate(335deg) brightness(99%) contrast(88%);
}

.button_green:hover svg path  {
    fill: #1f9550;

}
/*
.button_green:hover {
    background: url(/images/button_green_hover_a8f10c9349.svg);
}*/

.paragrahs_padding p{
   padding-bottom: 1.5em;
}

.convert_headers h2{

    font-weight: 600;
    font-size: 1.875rem;
    line-height: 2.25rem;

    padding-bottom: 0.5rem;
}

#nadfooter_dynamic{
    background: url('/images/Subpage_nadfooter.jpg');
    background-repeat: no-repeat;

}


@media (min-width: 768px) and (max-width:1024px) {
    #nadfooter_dynamic{

        background-size:auto;
        background-position: right;

        }
}

@media (max-width:768px) {
    #nadfooter_dynamic{

        background-position: 75% 50%;
        background-size:auto;


        }
}

#RPAad{
    background-size:cover;

}

#hire_robot_bg {
    background-image: url('/images/bg_HireRobot.jpg');

}

@media (max-width:768px) {
    #hire_robot_bg {
        background-image: url('/images/NadFooter_infografika.jpg');
        background-position:  65% 25%;
    }
}

.left-orange-quote:before {
    content: "“";
    color: #EE7042;
    position: absolute;
    font-size: 4rem;
    transform: translateX(-45px) translateY(-22px);
}

.tabs .tab-header {
    height: 90%;
}

.tabs .tab-header.active {
    border-bottom: 7px solid #EE7042;
}

.list-style-custom, #solutionProvided ul {
    list-style: none;
}

.list-style-custom li, #solutionProvided ul li {
    display: flex;
    flex-direction: row;
    align-items: start;
}

.list-style-custom li::before, #solutionProvided ul li::before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 30px;
    min-width: 30px;
    margin-top: 3px;
    margin-right: 5px;
    background-size: contain;
    background-repeat: no-repeat;
}

.list-style-line-orange li::before {
    background-image: url("/icons/orange-list-item.svg");
    margin-top: 7px;
    margin-right: 15px;
}

.list-style-arrow-orange li::before, #solutionProvided ul li:before {
    background-image: url("/icons/right-arrow-orange.svg");

}

.list-style-arrow-gray li::before {
    background-image: url("/icons/right-arrow-gray.svg");
}

select {
    -webkit-appearance:none;
}

.accordion {
    cursor: pointer;
    margin-bottom: 1rem;
}

.accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 3rem;
    background-color: white;
}

.accordion-header h2 {
    font-weight: bold;
    color: #1C3F88;
}

.accordion-header img {
    transform: rotate(90deg);
}

.accordion-header.active {
    background-color: #1C3F88;
}

.accordion-header.active h2 {
    color: white;
}

.accordion-header.active img {
    transform: rotate(270deg);
}

.tooltip .tooltip-text {
    visibility: hidden;
    text-align: center;
    padding: 2px 6px;
    position: absolute;
    z-index: 100;
}

.tooltip-text::after {
    content:'';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-bottom: 5px solid #123274;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -5px;
}

.tooltip:hover .tooltip-text {
    visibility: visible;
}

.useChatbots h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    padding: 1rem 0;
}

@media (min-width: 768px) {
    .useChatbots h2 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

ol {
    list-style-type: decimal;
    padding-left: 1.25rem;
}

@media (min-width: 1024px) {
    #productHeader {
        background-image: linear-gradient(to right, #111853, #111853 45%, rgba(17, 24, 83, 0.7) 100%);
    }
}

@media (min-width: 1280px) {
    #productHeader {
        background-image: linear-gradient(to right, #111853, #111853 50%, rgba(17, 24, 83, 0.7) 100%);
    }
}

@media (min-width: 1536px) {
    #productHeader {
        background-image: linear-gradient(to right, rgba(17,24,83,0.1), #111853 30%, #111853 60%, rgba(17, 24, 83, 0.7) 100%);
    }
}

@media (min-width: 1920px) {
    #productHeader {
        background-image: linear-gradient(to right, rgba(17,24,83,0.1), #111853 40%, #111853 70%, rgba(17, 24, 83, 0.7) 100%);
    }
}


@media (min-width: 2650px) {
    #productHeader {
        left: auto !important;
        right: 0;
        width: 75%;
        background-image: linear-gradient(to right, rgba(17,24,83,0), #111853 40%, #111853 80%, rgba(17, 24, 83, 0.7) 100%);
    }
}

.custom-select-label {
    pointer-events: none;
}

.slick-dots li button:before {
    font-size: 20px;
    opacity: 1;
    color: transparent;
    border: 1px solid #1C3F88;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: transparent;
    background-color: #1C3F88;
}

.slick-dots {
    bottom: -40px;
}

.carousel-next, .carousel-prev {
    width: 62px;
}

.carousel-next {
    right: -62px;
}

.carousel-prev {
    left: -62px;
}

#content p {
    margin-bottom: 1rem;
}

#content h2 {
    font-size: 3rem;
}

.noLink {
    cursor: pointer;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

input {
    border-radius: 0;
}

.js-cookie-consent {
    z-index: 50;
}

.visually-hidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}