/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.product__media-container {
    position: unset;
}

#usp-segment img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}
 

@media (max-width:767px){
  #usp-segment .columns__card-container{
  --row-gap: unset !important;
  }
}

.product__media-section {
    position: unset;
    width: 103rem;
    align-self: center;
    justify-self: center;
}

.hero__image img {
    object-fit: contain !important;
}

#product-finder-cust + *{
      margin-bottom: 90px;
}

.visma-module-wrapper:not(#usp-segment) {
 padding:4rem 0;
}



.big-image img{
    height: 40rem !important; 
  width:unset !important;
}

.top-padding-5{
    padding-top: 5rem  !important;
}

.mac-resize img{
  max-height: 530px !important;
}

.big-image-smaller .product__media-container{
    display: flex;
    justify-content: center; 
}

.scaled-text h2 {
      display: inline-block;
      white-space: nowrap;
      transform-origin: left center;
      transition: transform 0.2s ease;
}


.big-image-smaller img{
    width: 60%;
    height: auto;
}

.no-whitespace-bottom{
  padding-bottom: 0rem !important; 
}

@media (max-width: 767px)  {
    .no-split h2{
        font-size: var(--title-medium-size) !important;
    }
  .big-image-smaller img{
    width: 37%;
  }
  
  .hero__body-text h2{
    font-size: var(--title-medium-size) !important;
  }
}



.no-margin-top .module-cta-container{
  margin-top: 0 !important;
}

.padding-top-5rem{
  padding-top: 5rem !important;
}



/* Standaardstijl voor de actieve, "volle" knop */
.quotation-slider__button {
    background-color: #007bff; /* Pas de blauwe kleur hier aan indien nodig */
    border: 2px solid #007bff;
    border-radius: 50%; /* Maakt de knop rond */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.quotation-slider__button svg path {
    stroke: black !important; /* Witte pijl voor de volle knop */
}

/* Stijl voor de inactieve, "niet-volle" knop */
.quotation-slider__button.--inactive,
.quotation-slider__button:disabled {
    border-color: var(--site-brand-color) !important; 
}

.legal-consent-container{
  font-size: 1.2rem;
}


.card-slider__buttons-container .--inactive, 
.card-slider__buttons-container:disabled{
  border-color: var(--site-brand-color) !important; 
} 

.card-slider__buttons-container .--inactive svg path,
.card-slider__buttons-container:disabled svg path{
 stroke: var(--site-brand-color) !important;
}

.card-slider__button svg path {
 stroke: black !important;
}

.quotation-slider__button.--inactive svg path,
.quotation-slider__button:disabled svg path {
    stroke: var(--site-brand-color) !important;
}

.cta.-secondary{
  --text-color: var(--site-brand-color) !important;
    --border-color: var(--site-brand-color) !important; 
}

.module-cta-container {
--margin-top:var(--space-24) !important
}

.cta.-secondary:hover{
  --text-color: white !important;
    --border-color: white !important;
    --background-color: var(--site-brand-color)  !important;
}

.hero__cta-container .cta.-secondary:hover{
  --text-color: black !important;
    --border-color: white !important;
    --background-color: var(--site-brand-color)  !important;
}

.icon-button[disabled] {
  filter: unset !important;
}

/* De pijl van de 'previous' knop omdraaien */
.quotation-slider__button.--previous svg {
    transform: rotate(180deg);
}

.quotation-slider__buttons-container .--inactive{

}

.site-logo-image{
    padding: 25px;
}}


@keyframes drawVisibleEraseLoop {
    0% {
        stroke-dashoffset: 1000;
    }

    14.28% {
        stroke-dashoffset: 0;
    }

    57.14% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: -1000;
    }
}


@media screen and (min-width: 1200px) and (max-width: 1600px) {
    img:not(.columns__image, .post img, .branded-banner__image, .site-logo-image, .banner-block__image, .product-finder__card-image, .quote__custom-quotation-mark, .logo-banner-block__image, .two-column-block__image img, .image-block img, .employee-page__panel-image) {
  
  margin-left:unset !important}

/* Mobile adjustments for SVG arrows */
@media (max-width: 767px) {

  .big-image-smaller img{
    
    width: 30%;
  }
  
  .two-column-block__image img {
    object-fit:contain;
  }
}

/* Styling voor custom-choice-style hover effect */
#custom-choice-style section:hover a {
    background-color: #D70048;
    color: white;
}

/* Zorg ervoor dat de tekstkleur voor specifieke cta links ook wit is op hover */
#custom-choice-style section:hover a.cta.-tertiary.-small {
    color: white;
}

.sumrise-hero__logo {
    margin-bottom: 20px;
}