.bs-bg-grad01 {
  background: linear-gradient(to bottom left, #17946f 10%, #0d9348 50%) !important;
}
.bs-bg-grad02 {
  background: linear-gradient(to bottom right, #17946f 10%, #0d9348 50%) !important;
}

.bs-bg-light-green {
  background-color: #e4f4d9 !important;
}
.bs-bg-white {
  background-color: #fff;
}
.bs-bg-warning {
  background-color: #0d9347 !important;
}
.bs-bg-green-mid {
  background-color: #d0e9da;
} 
.plus_minus .accordion-button::after {
   background-image: url("/sites/default/files/plus.svg");
   transform: scale(.7) !important;
 }
 
 .plus_minus .accordion-button:not(.collapsed)::after {
   background-image: url("/sites/default/files/minus.svg");
 }
 #drupal-off-canvas-wrapper .inline-block-create-button::before {
   display: none;
 }
 .field--name-field-button-file.field--type-entity-reference {
   display: inline-block;
 }
 .field--name-field-button-file.field--type-entity-reference .field--name-field-media-document span.file {
   background-image: none;
   padding-left: 0;
 }
 body .nav-pills .nav-link.active {
   background: var(--dxt-color-base);
   border-color: var(--dxt-color-base);
}

.dxpr-theme-header #block-done-robotics-theme-contactus {
    float: right;
}
.dxpr-theme-header--top  #block-done-robotics-theme-contactus {
    display: table-cell;
    height: var(--dxt-setting-header-top-height);
    line-height: var(--dxt-setting-header-top-height);
    padding: 0 0.9375rem;
    vertical-align: middle;
}
.dxpr-theme-header--top.affix #block-done-robotics-theme-contactus {
    height: var(--dxt-setting-header-top-height-scroll);
    line-height: var(--dxt-setting-header-top-height-scroll);
}
.btn {
    border-radius: 2rem;
    margin: 0;
}
.btn-primary {
    border: 0.1rem solid #0d9348 !important;
    background-color: #0d9348 !important;
}
.btn-primary:hover {
  border: 0.1rem solid #0d9348 !important;
  background-color: #fff !important;
  color: #0d9348 !important;
}
.btn-secondary, .btn-primary  {
  font-family: "Montserrat SemiBold";
  font-weight: 500;
  font-size: 12px;
}
.btn-secondary {
  border: 0.1rem solid #fff;
  background-color: #0d9347;
}
.btn-secondary:hover {
  border: 0.1rem solid #fff;
  background-color: #fff;
  color: #0d9347;
}
.btn-secondary.btn-lg, .btn-primary.btn-lg  {
  padding: 0.8rem 2rem;
  font-size: 1rem;
}
#block-done-robotics-theme-contactus .btn.btn-primary {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}
#block-done-robotics-theme-contactus .btn.btn-primary:hover {
  background-color: #fff !important;
  color: #000 !important;
}
#block-done-robotics-theme-contactus a.btn {
  font-size: 14px !important;
  font-family: Roboto;
  color: #fff !important;
}
#block-done-robotics-theme-contactus .btn-primary:hover {
    color: #8c8c8c;
    border-color: #8c8c8c
}
.accordion-item .accordion-button, .accordion-item .accordion-body {
    background: #fff;
    color: var(--dxt-color-headings);
}
.accordion-item:first-of-type > .accordion-header .accordion-button, .accordion-button:focus {
    color: var(--dxt-color-headings);
    box-shadow: unset;
}
.html .dxpr-theme-mini-tabs-wrapper .tabs .tabs__tab.active a {
     color: var( --dxt-color-footertext);
}
.layout.row.no-gutters.layout-builder__layout .col-12  {
     margin-bottom: 0 !important;
}
.container.hero-banner {
  display: flex;
  justify-content: space-between; /* Horizontally center content */
  align-items: center;     /* Vertically center content */
  height: 586px;          /* Make container take full viewport height */
}
.block-layout-builder.block-inline-blockhero-banner 
{
    
}

.hero-bg-image-container {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}
.container.hero-banner  .block-title {
    font-size: 4.5rem;
}
.container.hero-banner  .hero-body {
    padding-bottom: 1.5rem;
    font-weight: 300;
    font-size: 1.5rem;
}
.dxpr-theme-fluid.footer-container {

}
.region-footer ul li a::before {
  background: none !important;
}
.region-footer ul {
  display: flex;             /* Use flexbox */
  justify-content: center;   /* Center items horizontally */
  align-items: center;       /* Align items vertically */
  list-style: none;          /* Remove default bullet points */
  padding: 1.5rem 0 0 0 !important;     /* Remove default padding */
  margin: 0;                 /* Remove extra margins */
  flex-wrap: nowrap;         /* Ensure items do not wrap */
  flex-direction: row;
}

.region-footer li {
  display: flex;             /* Let Flexbox control the layout */
  width: auto;               /* Prevent unexpected wrapping */
  margin: 0;            /* Add space between items */
}

.region-footer li a {
  display: block;            /* Make links behave like blocks */
  padding: 0 10px !important;  
}
#block-done-robotics-theme-footerlogo img {
  width: 150px;
  height: auto;
  padding: 1.5rem 0;
}
body a:hover, body a:focus, body .btn-link:hover, body .btn-link:focus {
  text-decoration: none;
}
header .btn-primary {
  background-color: #121201;
  color: #fff;
}
.hero-bg-image-container {
  background-size: cover;
}
.hero-bg-image-container.img-pos-center_center {
  background-position: center center;
}
.hero-bg-image-container.img-pos-right-center {
  background-position: right center;
}
.hero-bg-image-container.img-pos-center {
  background-position: center;
}
.hero-banner.text-center-top {
  padding-top: 3rem;
  justify-content: center; /* Horizontally center content */
  align-items: flex-start ;     /* Vertically center content */
}
.hero-banner.text-left-center {
  justify-content: flex-start; /* Horizontally center content */
}
.hero-banner.text-center-center {
  justify-content: center; /* Horizontally center content */
}
p.font-weight-700 {
  font-weight: 700;
}
p.font-size-1-4 {
  font-size: 1.4rem
}
p.font-size-1 {
  font-size: 1rem
}
p.font-size-0-8 {
  font-size: 0.8rem
}
.hero-banner-inner.width-default {
  max-width: 650px;
}
.hero-banner-inner.width-small {
  max-width: 400px;
}
.block:first-child h2.block-title {
  margin-top: 0;
}
.navbar-container .btn {
  border-color: #fff;
}
.block-inline-blockslider .swiffy-slider {
  padding: 0 2rem;
}
.block-inline-blockslider .slider-nav-round .slider-nav::after {
  mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>") !important;
  background-color: #121201;
}
.slider-nav-round .slider-nav::after, .slider-nav-square .slider-nav::after {
  background-color: transparent;
}
.slider-nav-round .slider-nav::before, .slider-nav-square .slider-nav::before {
  background: none !important;
  border: 1px solid #121201;
}
.slider-image-container {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.slider-text-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 45%; /* Covers 50% of the image from the bottom */
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0) 100%);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1rem 1rem; /* Added padding for spacing */
}

.slider-title {
  font-size: 1.5rem;
  color: #69d2c2;
  font-weight: bold;
  margin-bottom: 0.25rem;
  padding: 0rem;
  position: absolute; /* Ensure absolute positioning within the overlay */
  top: 10%; /* Adjust this value to control the title's position from the top */
}

.slider-text {
  font-size: 0.8rem;
  padding-top: 1rem;
}
#block-done-robotics-theme-copyright {
  padding-bottom: 2.4375rem;
  color: #3c3c3c;
}
.block-inline-blockcard .card {
  border:none;
}
.block-inline-blockcard .card {
  display: flex;
  flex-direction: column;
  height: 100%; /* Ensures the card spans the full height of its parent */
}

.block-inline-blockcard .card-row {
  display: flex;
  width: 100%; /* Ensures the row takes up full width of the parent container */
  height: 100%; /* Makes sure the row spans the full height of the card */
}

.block-inline-blockcard .card-column {
  box-sizing: border-box;
  padding: 0; /* Adjust as needed for spacing */
  height: 100%; /* Ensures the columns take up the full height of the row */
}

.block-inline-blockcard .left-column {
  flex: 1; /* Take up remaining space */
  display: flex;
  justify-content: flex-start; /* Align content to the top of the column */
  align-items: flex-start; /* Align content to the left */
  height: auto; /* Ensure the column spans the full height of the parent */
}

.block-inline-blockcard .left-column-inner {
  margin: auto 0; /* Vertically centers the inner content */
  width: 100%; /* Makes sure it stretches across the full width of the left column */
  height: auto;
}

.block-inline-blockcard .right-column {
  flex: 0 0 50%; /* This ensures the right column is 50% of the width */
  display: flex;
  justify-content: center;
  align-items: center; /* Centers the image inside the right column */
}

.block-inline-blockcard .card-image img {
  max-width: 100%;
  height: auto;
  width: 100%; /* Ensures the image scales to fit the column */
}
body .card .card-body .btn {
  margin-top: 1.5rem;
}
.block-inline-blockcard .card-body {
  font-size: 1rem;
  line-height: 1.5;
  color: #fff; /* Optional: White text color for contrast */
  padding: 0 3rem;
}
/* CARD & ROW - transparent background, flex container */
.block-inline-blockcard .card.default.custom-card .custom-card-row {
  padding: 0.5rem;
}
.card.default.custom-card .card-column.text-column.card-color-green {

}
.block-inline-blockcard .card.default.custom-card .left-column-inner {
  padding: 0;
  flex-direction: initial;
}
.card.default.custom-card {
  background: transparent !important;
  position: relative;
  overflow: hidden; /* da slika ne iskače van */
}

.card.default.custom-card-row {
  display: flex;
  align-items: stretch; /* da kolone budu iste visine */
  background: transparent !important;
  padding-left: 0;
  padding-right: 0;
  min-height: 300px; /* prilagodi po potrebi */
  position: relative;
}
.card.default.custom-card .card-column.right-column .image-wrapper {
  left: -20%;
}

/* LEVA KOLONA - slika */
.card.default .image-column {
  flex: 0 0 40%;
  max-width: 40%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 0;  /* BEZ levog paddinga */
  margin-left: 0;
  position: relative; /* relativni roditelj za apsolutnu sliku */
  overflow: visible;
  display: flex;
  align-items: center;
  background: transparent !important;
  z-index: 10;
}

/* SLIKA - apsolutno pozicioniranje da preklapa */
.card.default .image-wrapper {
  position: absolute;
  top: 4rem; /* gore padding */
  left: 0;   /* flush sa leve ivice roditelja */
  width: 120%; /* šira da preklopi desnu kolonu */
  height: auto;
  overflow: visible;
  pointer-events: none;
}

.card.default .custom-image {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  display: block;
  position: relative;
}

/* DESNA KOLONA - tekst */
.card.default .text-column {
  flex: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 3rem;
  padding: 4rem 5rem;
  background: white;
  position: relative;
  z-index: 1;

  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  align-self: stretch; /* da se isteže na visinu roditelja */
  min-height: 100%;    /* da obuhvati visinu roditelja */
}

/* Da ne bude crna pozadina nigde - proveri još globalnih pravila ako treba */

.block-inline-blockcard .card.default .card-body {
  color: #000;
  /* min-height: 395px; */
}
.double-img-row {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2 equal-width columns */
  width: 100%;
  gap: 0;
}

.block-inline-blockcard .card-column {
  display: flex;
  justify-content: center;
  align-items: center;
}

.double-img-left {
  display: grid;
  justify-items: center;      /* Horizontally center the background image */
  align-items: center;        /* Vertically center the background image */
  width: 100%;
  height: 100%;
  background-size: auto;   /* Ensures the background image is contained */
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  max-width: 100%;             /* Ensures background does not exceed the column width */
  max-height: 100%;            /* Ensures background does not exceed the column height */
}

.double-img-left::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: inherit;
  opacity: 0.9;               /* Add transparency */
  z-index: 1;
  pointer-events: none;
}

.left-column-inner {
  position: relative;
  z-index: 2;
  text-align: left;
  padding: 5%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.double-img-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.double-img-image img {
  width: auto;
  object-fit: contain;
  display: block;
  margin: auto;
}

/* Vertically center the image on the right */
.right-column {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.card-column .card-image {
  width: 100%;
}

.right-column img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

.region-content .btn-primary {
  background-color: #00addc;
  border: none;
}
.region-content .btn-white-text {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
.region-content .btn-white-text:hover {
  background-color: #121201;
  color: #fff;
  border-color: #121201;
}
.card-color-green {
  background-color: #fff !important;
}
.card-color-army_green {
  background-color: #cceee9;
}
.card-color-blue {
  background-color: #00addc;
}
.card-color-brown {
  background-color: #858075;
}
.card-color-light_blue {
  background-color: #d3e6f4;
}
.bs-bg-success {
  background-color: #06843d !important;
}
.lets-connect-form .col-lg-3 {
  width: 40%;
}
.lets-connect-form .col-lg-9 {
  width: 60%;
}
.webform-submission-let-s-connect-form {
  color: #fff;
}
.webform-submission-let-s-connect-form label {
  font-weight: 500 !important;
  font-family: "Montserrat";
}
.webform-submission-let-s-connect-form .form-item, .webform-submission-let-s-connect-form .form-actions {
  margin: 0 !important;
}
.webform-submission-let-s-connect-form #edit-name,
.webform-submission-let-s-connect-form #edit-email,
.webform-submission-let-s-connect-form #edit-phone,
.webform-submission-let-s-connect-form textarea {
  border-radius: 0.2rem !important;
  background-color: #74bd9c !important;
  font-size: 1rem !important;
  padding: 0.5rem !important;
  border-color: transparent !important;
  color: #fff !important;
  font-family: "Montserrat";
}
.webform-submission-let-s-connect-form .form-checkbox {
  background-color: #74bd9c !important;
  border-color: transparent !important;
}
.webform-submission-let-s-connect-form #edit-processed-text-01, .webform-submission-let-s-connect-form .option {
  font-size: 0.8rem;
}
.webform-submission-let-s-connect-form #edit-actions {
  text-align: right;
}
.webform-submission-let-s-connect-form .btn {
  background-color: transparent;
  border: 1px solid #fff;
}
.block-block-content89ebdf77-b474-4c7f-800b-ef7312c114bc {
  color: #fff;
}
.block-block-content89ebdf77-b474-4c7f-800b-ef7312c114bc h3 {
  font-size: 5rem;
  color: #fff;
  padding-top: 20px;
}
.block-block-content89ebdf77-b474-4c7f-800b-ef7312c114bc p {
  text-transform: uppercase;
}

#drupal-off-canvas-wrapper {
  width: 50% !important;
  max-width: 50% !important;
  right: 0 !important;
}
.swiffy-slider .style-1 .slider-image-container img, .swiffy-slider .style-1 .slider-text-overlay {
  border-radius: 1.2rem;
} 
.slider-container.style-1 .slider-image-container .slider-text-overlay {
  background: none;
}
.slider-container.style-1 .slider-image-container .slider-text-overlay.style-1-bgd {
  height: 100%;
  background: rgba(86, 199, 182, 0.7);
  text-align: left;
  align-items: flex-start;
}
.slider-container.style-1 .slider-image-container .slider-text-overlay.style-1-bgd .slider-button {
  margin-top: 1rem;
}
.slider-container.style-1 .slider-image-container .slider-text-overlay.style-1-bgd .slider-button a.btn-sm {
  font-size: 0.8rem;
}
.card.blog-card-container {
  background: none;
}
.blog-card.card-column, .blog-card-container  .card-row {
  display: block;
}
.blog-card-column-inner {
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  text-align: center;
}
.blog-card-container {
  border-radius: 2.4rem;
}
.blog-card-container .card-body {
  font-size: 0.8rem;
  font-weight: 700;
  padding: 1.4rem;
  color: #121201;
  min-height: 110px;
  display: flex;
  align-items: center;
}
.blog-card .card-image img {
  border-top-right-radius: 0.8rem;
  border-top-left-radius: 0.8rem;
}
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top.menu-style-blue, .dxpr-theme-footer.menu-style-blue,
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top.menu-style-blue ul.menu li a, #navbar.dxpr-theme-header--top.menu-style-blue #block-done-robotics-theme-contactus, header.menu-style-blue .btn-primary,
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top.affix.menu-style-blue {
  background-color: #00addc;
}
body header.menu-style-blue a.btn-primary:hover {
  border-color: #121201;
  color:#121201;
}
.dxpr-theme-footer.menu-style-blue #block-done-robotics-theme-copyright {
  color: #66ceea;
}
body #navbar.dxpr-theme-header--hover-opacity .menu .active>a, body #navbar.dxpr-theme-header--hover-opacity .menu a.is-active {
  opacity: 1;
}
.title-visibility-hidden {
  display: none;
}
#layout-builder-modal {
  padding-top: 0 !important;
}
#layout-builder-modal form .ck {
  color: #121201;
}
.section-narrow-10 {
  padding-left: 10%;
  padding-right: 10%;
}
.section-narrow-15 {
  padding-left: 15%;
  padding-right: 15%;
}
.section-narrow-20 {
  padding-left: 20%;
  padding-right: 20%;
}
.block-inline-blocklist-item .field--name-field-media-svg {
  border-radius: 50%;
}
.block-inline-blocklist-item .field--name-field-media-svg {
  color: #fff;
  background-color: #69d2c2;
  padding: 3px;
}
.media-library-item__edit.icon-link, .media-library-item__remove.icon-link.button {
  display: block;
  position: relative;

}
.nav.nav-pills {
  justify-content: center;
}
.nav.nav-pills .nav-item button {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.nav.nav-pills .nav-item button {
  margin-right: 0.5rem;
}
.nav.nav-pills .nav-link.active, .nav.nav-pills .nav-link {
  color: #fff;
}
.nav.nav-pills .nav-link:hover, .nav.nav-pills .nav-link:focus {
  color: #fff;
}
.block-inline-blocktabs .nav-pills {
  background-color: #067537;
}
.nav-pills .nav-item .tab-icon, .nav-pills .nav-item .field--name-field-tab-title {
  display: inline-block;
}
.nav-pills .nav-item .tab-icon svg {
  background-color: #78ca42;
  fill: #fff;
  border-radius: 50%;
  padding: 0.2rem;
  width: auto;
  height: 40px;
  margin-right: 0.5rem;
}
.nav-pills .nav-item .nav-link {
  background-color: #067537;
  border-radius: 0%;
  padding: 1.5rem;
}
.nav-pills .nav-link.active {
  background-color: #0d9348 !important;
}
.tab-content .tab-pane .list-color-default.list-style-default {
  background-color: rgba(255, 255, 255, 0.1);
}
.tab-content .tab-pane .list-color-default.list-style-default .field--name-field-media-svg {
  padding-bottom: 15px;
}
.block-inline-blocktabs .tab-content .tab-pane:first-child {
  background-color: #0d9348;
}
.block-inline-blocktabs .tab-content .tab-pane:not(:first-child) {
  background-color: #0d9348;
}
.block-inline-blocktabs .tab-content .tab-pane {
  padding: 4rem 0;
}
.block-inline-blocktabs .tab-content .tab-pane .container {
  padding: 2rem 10% 0 10%;
}
.block-inline-blocktabs .tab-content h3, .block-inline-blocktabs .tab-content h5 , .block-inline-blocktabs .tab-content p, .block-inline-blocktabs .tab-content svg {
  color: #fff;
}
.list-color-white {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 1rem;
}
.list-color-full_white {
  color: #fff;
}
.list-color-full_white svg {
  color: #fff;
}
.list-color-full_white  .field--name-field-media-svg {
  background-color: transparent;
}
.block-inline-blockslider .slider-style-2.swiffy-slider {
  padding: 0;
}
.slider-style-2 .slider-indicators button {
  background-color: #a3dbdc;
}
.slider-style-2 .slider-indicators button.active {
  background-color: #56c7b6;
}
.slider-style-2 .slider-text-overlay {
  top:20%;
  left:10%;
  background: none;
  text-align: left;
  display: block;
  color: #121201;
}
.background-card.card-column, .background-card-column-inner  {
  width: 100%; /* Ensure the c,ontainer takes full width */
}
.background-card-column-inner {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: flex-start; /* Align text to the left */
  padding: 2rem;
  min-height: 350px; /* Adjust as needed */
  color: white; /* Ensure text visibility */
  position: relative;
  border-radius: 1rem;
}
.background-card .card-body {
  padding: 3rem 1.5rem;
}
.blog-card-column-inner {
  display: flex;
  flex-direction: column;
  height: 100%; /* Ensures it takes full height of the parent */
}

.blog-card-column-inner .card-body {
  flex-grow: 1; /* Makes it take up the remaining space */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Pushes button to the bottom */
  text-align: left;
}
.blog-card-container .blog-card-column-inner .card-body {
  background-color: white;
  margin-top: -100px;
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  padding: 1.5rem;
  border-radius: 1.5rem !important;
  font-weight: 500;
}
.blog-card-column-inner .card-body a.btn {
  align-self: flex-start; /* Keeps it aligned to the left */
}
.style-2-und-slider .slider-indicators {
  bottom: -3rem;
}
.style-2-und-slider .slider-indicators button {
  background-color: #a2ac9b;
}
.style-2-und-slider svg {
  background-color: #73c543;
  color: #fff;
  border-radius: 50%;
  width: auto;
  height: 40px;
  padding: 0.3rem;
  margin-bottom: 1rem;
}
.style-2-und-slider .slider-indicators button.active {
  background-color: #0d9347;
}
body .region-footer .nav>li>a.is-active {
  color: #3c3c3c;
  font-size: 0.875rem;
}
.btn.right_arrow {
  color:#00addc;
  font-weight: 700;
}
.btn.right_arrow::after {
  content: "\F138"; /* Unicode for the Bootstrap icon */
  font-family: "bootstrap-icons"; /* Required to render the icon */
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  margin-left: 8px; /* Adjust spacing */
  vertical-align: middle;
  color:#00addc;
}
.same-height {
    display: flex;
    flex-wrap: wrap;

}
.block.block-layout-builder .row.list-color-default {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body h2.color-white, body h3.color-white, body h4.color-white, body h5.color-white, body h6.color-white, body p.color-white {
  color: #fff;
}
.rounded {
  border-radius: 1rem;
}
.half-width.block-inline-blocklist-item {
  display: inline-flex;
  width: 30%;
  margin: 2%; /* Možeš prilagoditi razmak */
  justify-content: center; /* Centriranje sadržaja horizontalno */
  align-items: center; /* Centriranje sadržaja vertikalno */
  text-align: center; /* Centriranje teksta */
  background-color: grey;
  border-radius: 1rem;
  color: #fff;
}
.half-width.block-inline-blocklist-item .list-style-bgd_icon .field--name-field-media-svg {
  background-color: rgba(255, 255, 255, 0.2);
}
.half-width.block-inline-blocklist-item  .list-style-bgd_icon svg {
  width: 3rem !important;
  height: 3rem !important;
}
.bs-bg-success {
  background-color: #56c7b6;
}
.half-width.block-inline-blocklist-item .list-style-bgd_icon .field--name-field-media-svg {
  padding: 0.5rem;
}
.hero-mobile-bgd {
  display: none;
}
.modal.fade.show, .body--dxpr-theme-nav-desktop.modal-open {
  padding: 0 !important;
  margin: 0 m !important
}
.webform-submission-contact-page-form input[type="text"], .webform-submission-contact-page-form input[type="email"], .webform-submission-contact-page-form  textarea {
  background-color: #fff !important;
}
.webform-submission-contact-page-form .form-actions {
  text-align: right;
}
@media (max-width: 1199px) {
  #block-done-robotics-theme-contactus {
    display: none;
  }
  header .wrap-branding {
    max-height: 100px;
  }
  #dxpr-theme-main-menu, header .menu.nav.navbar-nav {
    background-color: #121201;
  }
  #dxpr-theme-main-menu, header .menu.nav.navbar-nav a {
    color: #fff;
  }
  .hero-bg-image-container.hero-desktop-bgd {
    background-position: top;
  }
  .hero-bg-image-container.mobile-text-top.hero-desktop-bgd {
    background-position: bottom;
  }
  .hero-bg-image-container.hero-desktop-bgd .container.hero-banner {
    padding: 2rem;
    justify-content: center;
    text-align: center;
  }
  .hero-bg-image-container.mobile-text-top.hero-desktop-bgd .container.hero-banner {
    align-items: start;
  }
  .hero-bg-image-container.mobile-text-center.hero-desktop-bgd .container.hero-banner {
    align-items: center;
  }
  .hero-bg-image-container.hero-desktop-bgd .container.hero-banner {
    align-items: end;
  }
  .section-narrow-10 {
    padding-left: 0%;
    padding-right: 0%;
  }
  .section-narrow-15 {
    padding-left: 0%;
    padding-right: 0%;
  }
  .block-inline-blockimage-1x1 img {
    width: 100%;
  }
}
.media--type-remote-video iframe {
  width: 100% !important;
  height: auto;
  aspect-ratio: 16 / 9;
}

@media (min-width: 798px) and (max-width: 1024px) {
  .hero-bg-image-container.hero-desktop-bgd .container.hero-banner {
    min-height: 850px;
  }
}
@media (max-width: 1024px) {
  .block-inline-blockcard .card-row {
    display: block;
  }
  .block-inline-blockcard .right-column {
    flex: 0 0 100%; /* This ensures the right column is 50% of the width */
    order: 1;
  }
  .block-inline-blockcard .left-column {
    order: 2; /* Left column moves below */
    flex: 0 0 100%;
  }
  .block-inline-blockcard .double-img-row {
    grid-template-columns: none;
    padding-bottom: 2rem;
  }
  .block-layout-builder.block-inline-blockslider {
    padding-bottom: 0 !important;
  }
  .lets-connect-form .col-12 {
    width: 100%;
  }
  .slider-container.style-2 h3 {
    font-size: 1rem;
  }
  .slider-container.style-2 p {
    display: none;
  }
  .slider-style-2 .slider-text-overlay {
    top: 10%;
  }
}
@media (max-width: 798px) {
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .hero-bg-image-container.mobile-text-top.hero-desktop-bgd {
    background-position: bottom;
  }

  .hero-bg-image-container.hero-desktop-bgd {
    background-position: top;
  }
  .hero-bg-image-container.hero-desktop-bgd .container.hero-banner {
    align-items: end;
    padding: 2rem;
    justify-content: center;
    text-align: center;
    min-height: 700px;
  }
  .hero-bg-image-container.mobile-text-top.hero-desktop-bgd .container.hero-banner {
    align-items: start;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .btn.right_arrow {
    padding-left: 0;
  }
  .p-sm-2rem {
    padding: 2rem !important;
  }
  .px-sm-6rem {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .col-sm-12 section {
    width: 100% !important;
  }
}
.ck-editor__main > .ck-source-editing-area textarea {
  height: 100% !important;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .hero-bg-image-container.hero-desktop-bgd .container.hero-banner {
    min-height: 950px;
  }
}

h2.color-gradient, h3.color-gradient, h4.color-gradient, h5.color-gradient, h6.color-gradient, p.color-gradient {
  background: linear-gradient(to right, #0d9347 0%, #7ac943 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
p.color-gradient {
  font-size: 2rem;
  line-height: 2.5rem;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav>li>a, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav>li>span {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
footer.dxpr-theme-footer {
  background: linear-gradient(to bottom left, #17946f 10%, #0d9348 50%);
}
.bgd-gradient-1 {
  background: linear-gradient(200deg, #17946f 25%, #0d9348 50%);
}
.mb-n150 {
  margin-bottom: -150px;
}
.mb-n110 {
  margin-bottom: -110px !important;
}
.social-icons-footer {
  padding-right: 0.5rem;
  display: inline-block;
}
header.navbar::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  height: 5px;
  background: linear-gradient(to bottom, #f1f1f1 0%, #ffffff 100%);
  z-index: -1;
}
.btn.btn-light {
  background: linear-gradient(120deg, #0d9347 40%, #7ac943 100%);
  color: #fff;
  font-size: 14px;
  padding: 0.8rem 2.5rem;
  font-family: Roboto;
  font-weight: 700;
}
.list-color-full_white.list-style-top svg {
  width: 55px;
  height: 55px;
  padding: 0 0 1rem 0;
}
.list-color-full_white.list-style-top .btn {
  margin-top: 1rem;
}
.block-inline-blocklist-item .list-color-full_white.list-style-top .field--name-field-media-svg {
  padding: 0;
}
.list-color-full_white h6 {
  color: #fff;
  padding-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--sticky.affix #logo {
  height: 60%;
}
.slider-container.style-1-und {
  color: #000;
  padding: 1rem;
  align-items: stretch;
  margin: 0 6rem;
}
.slider-nav.style-1-und::before, .slider-nav.style-1-und.slider-nav-next::before {
  background-color: #fff !important;
}
.slider-container.style-1-und .slider-item {
  padding: 3rem;
  border-radius: 2rem;
  background-color: #fff;
}
.slider-container.style-1-und .slider-icon {
  height: 35px;
}
.slider-container.style-1-und .slider-item svg {
  width: auto;
  height: 35px;
  color: #78ca42;
}
.slider-container.style-1-und .slider-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
p.text-uppercase {
  text-transform: uppercase;
}
p.grey-text {
  color: #999999;
}
.col-float-right .field--name-body  {
  max-width: 600px;
  display: block;
  float: right;
  padding: 5rem;
}
.col-float-left .webform-submission-form {
  max-width: 600px;
  display: block;
  float: left;
  padding: 5rem;
}
.user-logged-in .layout-builder-block {
  background-color: transparent !important;
}
.pb-10 {
  padding-bottom: 10rem !important;
}
.pb-100 {
  padding-bottom: 100px;
}
.pb-250 {
  padding-bottom: 250px;
}
.mt-50neg {
  margin-top: -50px
}
.mt-250neg {
  margin-top: -250px
}
.pe-10rem {
  padding-right: 10rem !important
}
.c.ck-style-panel {
  padding-top: 150px;
}
.block-inline-blocklist-item .list-color-default.list-style-top {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  padding: 2rem !important;
  border-radius: 1rem;
  background-color: #fff;
}
.block-inline-blocklist-item .list-color-default.list-style-top .field--name-field-media-svg {
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  background-color: #fff;
}
.block-inline-blocklist-item .list-color-default.list-style-top svg {
  width: auto;
  height: 35px;
}
.block-inline-blocklist-item .list-color-default.list-style-top path {
  fill: #78ca42;
}
.page-node-33 .contact-location .block-inline-blocklist-item .field--name-field-media-svg {
  background: none;
  color:#000;
  padding: 0;
}
.page-node-33 .contact-location .block-inline-blocklist-item .list-style-default {
  padding: 0 !important;
}
.page-node-33 .contact-location .block-inline-blocklist-item .list-style-default > .col-md-2 {
  padding: 0 !important;
  width: auto !important;
  margin-right: 0.5rem;
}
.webform-submission-contact-page-form .webform-button--submit {
  padding: 0.5rem 1rem;
}
.download-icons img {
  width: 50px;
}
.accordion.plus_minus .accordion-item {
  border-right: none;
  border-top: none;
  border-left: none;
}
.accordion.plus_minus .accordion-button.show, .accordion.plus_minus .accordion-item .accordion-button:not(.collapsed) {
  background: none;
}
.faq-menu a.nav-link::after {
  content: "\F285";
  font-family: "bootstrap-icons"; /* Required to render the icon */
  float: right;
  vertical-align: bottom;
}
.faq-menu a.nav-link {
  border-bottom: 2px #d5cfcf solid;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 1rem;
  padding-bottom: 1.5rem;
}
.faq-menu .nav.navbar-nav .nav-item:last-child .nav-link {
  border-bottom: none;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
}
.faq-menu .nav.navbar-nav {
  padding: 2rem;
}
.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle.navbar-toggle--active span::before, .body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle.navbar-toggle--active span::after {
  background-color: #fff !important;
}
.navigation_collapsible .expanded.dropdown.menu__item {
    background-color: #121201;
}
ul.dropdown-menu.menu__level.menu__level--current {
  background: #121201;
}

@media (max-width: 768px) {
  .image-wrapper img {
    position: static !important;
    transform: none !important;
    margin-bottom: 1rem;
  }
  .mobile-hide {
    display: none;
  }
  .mb-n150 {
    margin-bottom: 0;
  }
  body .col-12.col-6 {
    width:100% !important;
  }
  .block-inline-blockcard .card.default .card-body {
    min-height: initial;
    padding-bottom: 3rem;
  }
  .col-float-left .webform-submission-form {
    max-width: 400px;
    float: none;
    padding: 2rem;
  }
  .ml-n30 {
  margin-left: -30px;

  }
  .ml-n50 {
  margin-left: -50px;
  }
  .mb-n110 {
    margin-bottom: 0 !important;
  }
  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .block-inline-blockcard .card.default.custom-card .text-column {
    padding: 4rem 0 2rem 0;
  }
  .block-inline-blockcard .card.default.custom-card .text-column .card-body {
    padding-bottom: 0;
  }
  .block-inline-blocktabs .tab-content .tab-pane {
    padding: 0;
  }
  .pb-10 {
    padding-bottom: 5rem !important;
  }
   .mt-50neg {
    margin-top: 0 !important;
   } 
   .get-in-touch-contact .block-webform-block {
    margin-left: 0 !important;
    margin-right: 0 !important;
   }
}
@media (min-width: 767px) and (max-width: 1200px) {
  body .col-12.col-6 {
    width:50% !important;
  }
  .mt-n120 {
    margin-top: -120px;
  }
  .col-float-right .field--name-body {
    float: initial;
    margin: 0 auto;
  }
  .pb-10 {
    padding-bottom: 5rem !important;
  }
}
@media (max-width: 1050px) {
  .block-inline-blockcard .card.default.custom-card .card-column.image-column  {
      display:none;
  }
  .faq-menu.pe-10rem {
    padding-right: 15px !important;
  }
}