/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.kraft-tick-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.kraft-tick-list li {
    list-style: none !important;
    position: relative;
    padding-left: 34px;
    margin-bottom: 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
}

.kraft-tick-list li::marker {
    content: none !important;
}

.kraft-tick-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23259D00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E") center / contain no-repeat;
}

#top .hide-border .special-heading-inner-border {
    display: none;
}
.external-button {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background: rgba(37, 157, 0, .6);
    border-radius: 3px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    transition: all 0.25s ease;
}

/* Link/text inside the button */
.external-button a,
.external-button a:link,
.external-button a:visited,
.external-button a:hover,
.external-button a:active,
.external-button a:focus {
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-decoration: none !important;
}

.external-button a::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 14px;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6'/%3E%3Cpath d='M11 13l9 -9'/%3E%3Cpath d='M15 4h5v5'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: transform 0.25s ease;
}

.external-button:hover {
    background: rgba(37, 157, 0, 1);
}

.external-button:hover a::after {
    transform: translate(3px, -3px);
}

.image-border {
    overflow: hidden;
    border-radius: 12px;
	border: solid 1px #e8f2e5;
}

.image-border img {
    object-fit: cover;
    display: block;
    filter: saturate(0.85) contrast(1.05);
    transition: transform 0.5s ease, filter 0.5s ease;
}

.image-border:hover img {
    transform: scale(1.04);
    filter: saturate(1) contrast(1.05);
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}