/*!
Theme Name: saiver.dk
Theme URI: https://them.es/starter
Author: Kevin Andersson
Author URI: https://www.saiver.dk
Description: Saiver website
Version: 3.5.0
Requires at least: 5.0
Tested up to: 6.3
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: saiverdk
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/assets/dist/main.css" */

/* From http://codex.wordpress.org/CSS */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/* Zag custom css */

#header .navbar-brand, #footer .navbar-brand, .home-first .navbar-brand {
	background-image: url('/wp-content/themes/saiverdk/assets/Savier-logo-horizontal-RGB-brand.svg');
}

.page-template-welcome-page #main, .page-template-uninstall-page #main, .page-template-home-page #main, 
.single-rabatkoder #main, .page-template-safari-page #main, .page-template-support-page #main,
.page-template-bf-rabatkoder #main, .page-template-guide #main,
.page-template-success-guide  #main, .page-template-success-shop #main{
	width: 100%;
    max-width: 100%;
    padding: 60px 0 40px 0;
}

.page-template-success #main {
	width: 100%;
    max-width: 100%;
    padding: 70px 0 40px 0;
	margin-top: 0;
}


.page-template-success .foot-top {
	display: none;
}

.page-template-success .first-section h2 {
	font-size: 24px !important;
	line-height: 32px;
	font-family: "Amaranth" !important;
}

.page-template-success .first-section h1 {
	font-size: 30px;
	line-height: 50px;
}

.page-template-welcome-page .accordion-button:not(.collapsed) {
	box-shadow: none;
}

.page-template-welcome-page .background-white, .page-template-success .background-white, .page-template-guide .background-white,
.page-template-success-guide .background-white, .page-template-success-shop .background-white {
	background-color: #fff;
}

.purple-bold strong {
	color: #8353e0;
	font-weight: 500;
}

.hiw-section .purple-bold {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: "Roboto";
}

.first-section {
    padding: 3rem 4rem;
}

.first-section h1 {
	text-align: center;
	font-size: calc(1.425rem + 2.1vw);
    line-height: calc(1.425rem + 2.1vw);
    max-width: 80%;
    margin: auto;
    margin-bottom: 20px;
}

.main-intro {
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.left-main {
	min-width: 45%;
    padding: 40px 0 0 40px;
	width: 45%;
}

.main-right {
	display: flex;
	min-width: 55%;
	width: 55%;
	justify-content: end;
	align-items: end;
}

.apps {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin-right: 40px;
}

.main-intro .app-img {
	width: 165px;
	height: auto;
	margin-top: -50px;
}

body {
	color: #3C224E !important;
}

img.qr-code {
	margin-bottom: 25px;
}

.page-template-welcome-page p.lead, .page-template-uninstall-page p.lead {
	font-weight: 400;
}

.hiw-boxes {
	display: flex;
    justify-content: center;
	margin-top: 20px;
	flex-wrap: wrap;
}

.single-box {
	min-width: calc(50% - 2rem);
	width: calc(50% - 2rem);
    margin: 0 1rem 2rem 1rem;
}

.single-box h4, .single-box h4 strong {
	font-weight: 500 !important;
	font-size: 1.4rem;
}

.box-icon {
	margin-bottom: 10px;
}

.featured-img {
    width: 100%;
    height: auto;
    margin-top: 5px;
	max-height: 500px;
    object-fit: contain;
}

.resellers {
	display: inline-block;
}

.single-reseller {
	min-width: 23%;
	width: 23%;
    margin: 1%;
    background-color: #fff;
    border-radius: 16px;
    padding: 15px 10px;
    text-align: center;
	display: flex;
    flex-direction: column;
    align-items: center;
	float: left;
	min-height: 169px;
}

.reseller-logo {
	margin-bottom: 10px;
	max-width: 90%;
    height: 30px;
    width: auto;
    object-fit: contain;
}

.reseller-link {
	width: 90%;
}

.reseller-link label {
	margin-top: 10px;
    background-color: #8353E0;
    cursor: pointer;
    border-radius: 8px;
    color: #fff;
    width: 100%;
    padding: 6px;
}

.reseller-link:hover label {
	background-color: #6942b3;
}

.reseller-link img {
	margin-top: -3px;
}

.purple {
	color: #8353e0;
}

/*uninstall page*/

.uninstall .first-section  {
	text-align: left;
    padding-right: 10rem;
	padding-bottom: 2rem;
}

.uninstall .first-section h1 {
	max-width: 100%;
	text-align: left;
}

.bottom-note p {
	margin-bottom: 10px;
}

.bottom-note a {
	text-decoration: underline;
}

.third-image {
	height: 236px;
}

/*uninstall form*/

.status-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.status-radio .icon {
    cursor: pointer;
}

.contact-form {
	margin-bottom: 25px;
	margin-top: 25px;
}

.contact-form form {
	width: 100%;
	display: inline-block;
}

.contact-form .left-side {
	min-width: calc(50% - 25px);
    margin-left: 25px;
}

.contact-form .left-side  label {
	font-weight: 500;
	margin-bottom: 5px;
}

.contact-form .right-side {
	min-width: calc(40% - 25px);
    margin-right: 25px;
}

.left-side .status-radio {
	display: flex;
    justify-content: space-between;
}

.status-radio .wpcf7-form-control-wrap {
	display: none;
}

.status-radio p {
	width: 65px;
    min-width: 65px;
    padding: 10px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid rgba(60, 34, 78, 0.33);
    background: #FFF;
	cursor: pointer;
}

.status-radio p:hover, .selected-status {
	border: 1px solid #8353E0 !important;
}

.status-radio p label {
	font-weight: 600;
	cursor: pointer;
}

.status-radio p br {
	display: none;
}

.pattern {
	width: 100%;
	height: auto;
}

.page-template-uninstall-page .left-side .lead, .page-template-uninstall-page .right-side .lead {
	font-weight: 600;
}

.right-side .wpcf7-list-item {
	width: 100%;
	font-weight: 500;
	cursor: default;
	font-size: 1rem;
}

.cf7-boxes {
	display: flex;
}

.wpcf7-form-control-wrap:has(#other-checkbox) {
	float: left;	
}

.fill-first {
	display: none;
	margin-bottom: 0;
    color: red;
}

.reasons input[type=checkbox], #other-checkbox input[type=checkbox] {
  accent-color: #8353E0; 
} 

#other-text, #other-text:focus, #other-text:visited, #other-text:active, #other-text:focus-visible  {
	border-top: none;
    border-left: none;
    border-right: none;
	padding-bottom: 0;
	height: 1.25rem;
    padding-left: 5px;
	outline: none;
}

#other-text:visited, #other-text:active, #other-text:focus-visible {
	border-color: #8353E0;
}

.submit input {
	background-color: #8353E0;
    cursor: pointer;
    border-radius: 8px;
    color: #fff;
    padding: 10px 25px;
    border: none;
    margin-top: 20px;
    float: right;
}

.submit input:hover {
	background-color: #6942b3;
}

.wpcf7-response-output {
	margin-top: 3rem !important;
}

/*home page*/

.page-template-home-page .icon-block {
	width: 2.5rem;
	height: 2.5rem;
}

#main {
	padding: 60px 0;
}

.page-template-page-nosidebar .content {
	padding-top: 40px;
}

.home-first {
	padding-bottom: 8rem;
    padding-top: 4rem;
}

/*mobile*/


@media only screen and (max-width: 1200px) {
	
	.single-rabatkoder .col-lg-7 {
		width: 100%;
	}
	
	.single-rabatkoder .reseller-box img {
		height: 40px;
	}
	
	.single-rabatkoder .related-coupons {
		margin: 3rem auto 5rem auto;
	}
	
	.single-rabatkoder .reseller-box {
		width: calc(20% - 10px);
		margin: 0 5px;
	}

	.post-type-archive-rabatkoder #main .coupon,
	.category #main .coupon {
		width: calc(25% - 30px);
		min-width: calc(25% - 30px);
	}
	
	#main .coupon-bf {
    	width: calc(50% - 20px);
		min-width: calc(50% - 20px);
	}
	
	#main .reviews-section li {
		width: 30%;
		max-width: 30%;
	}
	
	.single-box h4, .single-box h4 strong {
		width: 100%;
	}
	
	.single-box .featured-img {
		max-height: 450px;
	}
	
	.first-section {
		padding: 2rem !important;
	}
	
	#main .first-section h1 {
		font-size: calc(1.2rem + 2.1vw);
    	line-height: calc(1.25rem + 2.1vw);
	}
	
	.coupons-savier .coupon {
		width: 45%;
    	min-width: 45%;
	}
}

@media only screen and (max-width: 992px) {
	
	#site-navigation .menu-footer-menu-container {
		max-height: 70vh;
		overflow: auto;
	}
	
	header .wpml-ls-menu-item ul {
		list-style: none;
		padding-left: 20px;
	}
	
	#site-navigation {
		display: block;
		margin-left: 20px;
	}
	
	.page-template-bf-rabatkoder .savier-box {
		width: 100%;
	}
	
	#main .reviews-section li {
		width: 48%;
		max-width: 48%;
	}
	
	#main .logo-link {
		width: 45%;
		margin-bottom: 15px;
	}
	
	#main .hiw-section .purple-bold {
		width: 100%;
		font-size: 1.1rem;
	}
	
	#main .hiw-section .purple-bold strong {
		font-size: 1.1rem;
	}
	
	#main .background-block.bg-splash {
		background-size: 50%;
	}
	
	.first-section .main-right {
		justify-content: center;
	}
	
	#main .col-start .p-5.last-savier {
		padding: 3rem !important;
	}
	
	.single-box .featured-img {
		max-height: 100%;
	}
	
	.single-box h4, .single-box h4 strong {
		min-height: 20px;
	}
	
	.left-main, .main-right  {
		min-width: 100%;
		padding: 0;
		width: 100%;
	}
	
	.main-intro {
		flex-direction: column;
	}
	
	#header #menu-footer-menu, #header #menu-footer-menu-swedish, #header #menu-footer-menu-english {
		display: none;
	}
	
	.col-start .savier-box .savier-cta {
		min-width: 100%;
	}
	
	.col-start .p-5 {
		padding: 1rem 0 !important;
	}
	
	.coupons-savier .coupon {
		width: calc(50% - 20px);
		min-width: calc(50% - 20px);
		margin: 10px;
	}
	
	#main .home-first {
		padding-top: 2rem;
	}
	
	.hiw-boxes .single-box {
		max-width: 450px;
		margin: 1rem auto;
		width: 100%;
	}
	
	.cf7-boxes {
		flex-direction: column;
	}
	
	.cf7-boxes .left-side {
		width: 100%;
    	margin: 0 0 25px 0;
	}
	
	.cf7-boxes .right-side {
		width: 100%;
	}
	
	#main .first-section h1 {
		max-width: 100%;
	}
	
	.first-section .main-intro .app-img {
		margin-top: 0;
		width: 150px;
	}
	
	.resellers .single-reseller {
		min-width: 31%;
		width: 31%;
	}
	
	.features .pt-5 {
		padding-top: 1rem !important;
	}
	
	.features h2.display-6 {
		font-size: 1.75rem;
	}
	
	#main .features .px-4 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}
}

@media only screen and (max-width: 767px) {
	
	.mobile-button {
		display: block !important;
	}
	
	.desktop-button {
		display: none !important;
	}
		
	.single-rabatkoder .related-coupons {
        margin: 1rem auto 3rem auto;
    }
	
	.single-rabatkoder .resellers-list {
		flex-wrap: wrap;
	}
	
	.single-rabatkoder #main .home-first {
        padding-top: 0;
    }
	
	.single-rabatkoder .reseller-box {
        width: calc(50% - 10px);
        margin: 5px;
    }
		
	.post-type-archive-rabatkoder #main .coupon,
	.category  #main .coupo {
		width: calc(50% - 10px);
		min-width: calc(50% - 10px);
		margin: 5px;
	}

	.post-type-archive-rabatkoder #main .col-start,
	.category #main .col-start {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#header .navbar-brand{
		margin-top:0;
		width: 120px;
		
	}
	
	.page-template-page-nosidebar #main .content  {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.text-inside {
		margin-top: 20px;
	}
	
	.guide-page h1 {
		margin-bottom: 0 !important;
	}
	
	#footer .navbar-brand {
		width: 80px;
    	height: 20px;
	}
	
	.success-resellers {
		position: relative;
		max-height: 1300px;
		overflow: hidden;
		padding-bottom: 40px;
	}
	
	.success-resellers .more-resellers {
		display: block;
	}
	
	.box-subtitle {
		display: none;
	}
	
	#main .coupon-bf {
		width: 100%;
		min-width: 100%;
		padding: 0;
		margin: 0 0 20px 0;
	}
	
	#main .reseller-info {
		width: 50%;
		float: left;
		border-bottom: 1px solid;
		height: 69px;
		margin-bottom: 0;
	}
	
	#main .validity {
		width: 50%;
		margin: 0;
		float: left;
		background-color: transparent;
		border-left: 1px solid;
		border-bottom: 1px solid;
	}
	
	#main .coupon-bf .copy-code-btn {
		display: block;
		margin-bottom: 0;
		float: left;
		width: 100%;
		padding: 10px;
	}
	
	#main .coupon-bf .coupon-desc {
		float: left;
   		padding: 0 10px 10px 10px;
	}
	
	.page-template-bf-rabatkoder .px-4 {
		padding: 0px !important;
	}
	
	.text-cta {
		flex-direction: column;
	}
	
	#main .text-cta p {
		margin-bottom: 10px;
	}
	
	#main .coupon-content {
		margin-top: 100px !important;
	}
	
	#main .confetti-background {
		background-size: auto 100%;
	}
	
	#main h2 {
		font-size: 22px !important;
	}
	
	#main h3 {
		font-size: 20px !important;
	}
	
	.page-template-faq  #main h3, .page-template-faq  #main h2 {
		font-size: 17px !important;
	}
	
	#main .reviews-section li {
		width: 100%;
		max-width: 100%;
	}
	
	#main .logo-link {
		width: 100%;
	}
	
	#wrapper #main .media-section {
		margin-top: 3rem !important;
	}
	
	/*footer mobile*/
	
	#footer .col-md-6 span {
		display: none;
	}
	
	#footer .col-md-3 {
		width: 50%;
	}
	
	#footer .col-md-3 ul .menu-item {
		margin-bottom: 8px;
	}
	
	.hiw-boxes {
		flex-direction: column;
	}
	
	.carousel-wrapper.hiw-boxes {
		flex-direction: row;
	}
	
	.form-contact img {
		display: none;
	}
	
	#main .form-contact form {
		min-width: 100%;
	}
	
	#main .cf7-part, .form-contact .wpcf7 {
		padding-right: calc(var(--bs-gutter-x)*.5) !important;
    	padding-left: calc(var(--bs-gutter-x)*.5) !important;
		width: 100%;
	}
	
	
	.page-template-welcome-page #main, .page-template-uninstall-page #main, .page-template-bf-rabatkoder #main,
	.page-template-home-page #main, .single-rabatkoder #main, .page-template-safari-page #main, .page-template-support-page #main,
	.page-template-success #main, .page-template-guide #main, .page-template-success-guide #main, .page-template-success-shop #main {
		padding-bottom: 25px !important;	
	}
	
	.sub-section .justify-content-end {
		justify-content: center !important;
		margin-bottom: 0;
	}
	
	#footer .sub-section p {
		text-align: center;
		margin-top: 0;
		margin-bottom: 5px !important;
	}
	
	#footer .sub-section {
		padding: 10px !important;
	}
	
	.feat-heading {
		flex-direction: column;
    	align-items: center;
	}
	
	.features .info-feat p {
		padding-left: 0;
		text-align: center;
	}
	
	#main .background-block.bg-splash {
		background-size: 80%;
	}
	
	.row-start .px-4  {
		padding: 0 !important;
	}
	
	.row-start .savier-cta label {
		font-size: 16px;
	}
	
	.savier-cta img {
		display: none;
	}
	
	.coupons-savier .coupon {
		width: 100%;
		min-width: 100%;
		margin: 10px;
	}
	
	.col-start .coupons-savier {
		max-height: 500px;
	}
	
	/*header menu mobile*/
	
	#header .container {
		flex-wrap: nowrap;
	}
	
	#header #navbar {
		display: flex;
	}
		
	.lead, .bottom-note p {
		font-size: 1rem !important;
	}
	
	.first-section {
		padding: 1rem !important;
	}
	
	.right-side .wpcf7-list-item {
		margin-left: 0;
	}
	
	#other-text {
		max-width: 100%;
	}
	
	.main-intro {
		flex-direction: column;
	}
	
	.main-intro .left-main {
		min-width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	
	.first-section .main-intro .app-img {
		margin: 0;
	}
	
	#main .accordion {
		padding: 1rem;
	}
	
	.faq-section .container.p-5 {
		padding-right: calc(var(--bs-gutter-x)*.5) !important;
		padding-left: calc(var(--bs-gutter-x)*.5) !important;
	}
	
	#main .container.pt-5 {
		padding-top: 1rem !important;
	}
	
	#main .container.p-5 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	
	#main .pb-5 {
		padding-bottom: 1rem !important;
	}
	
	#main .mb-5 {
		margin-bottom: 1rem !important;
	}
	
	#main .pt-5 {
		padding-top: 1rem !important;
	}
	
	#main .my-5 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
	
	#main .features.my-5 {
		margin-top: 0 !important;
	}
	
	#main .features .px-4 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	
	.features-title .px-4 {
		padding: 0 !important;
	}
		
	#main .features-title {
		margin-bottom: 0 !important;
	}
	
	.features-title .lead.mb-4 {
		margin-bottom: 0 !important;
	}
	
	.resellers .single-reseller {
		min-width: 48%;
		width: 48%;
	}
	
	.resellers-section .container-fluid {
		padding: 0;
	}
	
	#main .resellers-section {
		padding-left: 0 !important;
    	padding-right: 0 !important;
	}
	
	#main .hiw-boxes {
		margin-top: 0;
	}
	
	.hiw-section .container.my-3 {
		padding: 0 !important;
	}
	
	.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed, .accordion-body {
		padding: 10px !important;
	}
	
	.features .d-flex {
		flex-direction: column;
		margin: 0;
	}
	
	#main .features .d-flex h2 {
		margin-left: 0 !important;
		margin-right: 0 !important;
		font-size: calc(1.275rem + 0.3vw);
	}
	
	#main .features .d-flex h2 br, .hiw-section h4 br {
		display: none;
	}
	
	.features h2.display-6 {
		text-align: center !important;
	}
	
	.features.bg-sand {
		background-color: transparent;
	}
	
	.features.bg-sand .container-fluid {
		flex-direction: column-reverse !important;
	}
	
	.features .bg-amethyst {
		max-width: 290px;
		margin: auto;
	}
}

@media only screen and (max-width: 580px) {
	
	#navbar .savier-download-btn {
		font-size: 14px;
	}
	
	.mobile-navigation .menu-toggle {
		padding: 2px 12px !important;
	}
	
	#site-navigation {
		margin-left: 10px !important;
	}
	
	#nav-below .btn {
		font-size: 15px !important;
		padding: 10px;
	}
	
	.page-template-bf-rabatkoder .coupons-savier {
		max-height: 100%;
		padding: 20px 0;
		box-shadow: none;
		background-color: transparent;
	}
	
	#main .reseller-info {
		height: 63px;
	}
	
	.page-template-bf-rabatkoder .container  {
		padding: 0 20px;
	}
	
	.page-template-bf-rabatkoder .coupon-btn label, .page-template-bf-rabatkoder .validity p, .coupon-bf .coupon-desc p {
		font-size: 14px;
	}
		
	.app-img {
		display: none;
	}
	
	.resellers .single-reseller {
		min-width: 100%;
		width: 100%;
		margin: 1rem 0;
		min-height: 100px !important;
	}
	
	.first-section .main-intro .app-img {
		width: 150px;
	}
	
	.apps {
		margin-right: 0;
	}
}

@media only screen and (max-width: 460px) {
	
	#metaVideo {
		max-width: 100%;
	}
	
	.single-rabatkoder .reseller-box {
        width: 100%;
        margin: 5px 0;
    }
}


/*cc landing page*/

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
	font-weight: 600;	
}

#sidebar {
	display: none;
}

#main .col-start, #main .row-start {
	padding: 0;
	margin: 0;
}

.home-first .navbar-brand {
	margin: auto;
}

.savier-box {
	margin: 30px auto;
	border-radius: 8px;
/*	border: 1px solid #3C224E;
	background: #F4EFFF;*/
	padding: 20px;
	display: flex;
    flex-direction: column;
	justify-content: center;
    align-items: center;
}

.savier-box .lead {
	font-weight: 600;
}

.savier-box a {
	text-decoration: underline;
	color: #8353E0;
}

.savier-box a:hover {
	color: #6942b3;
}

.savier-box .savier-cta {
    border-radius: 8px;
    background: #8353E0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    min-width: 600px;
    border: none;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
	margin-bottom: 15px;
	text-decoration: none;
	cursor: pointer;
}

.savier-cta label {
	cursor: pointer;
}

.savier-box .savier-cta:hover, .savier-box .savier-cta:focus {
	background-color: #6942b3;
	color: #fff;
	text-decoration: none;
}

.savier-cta img {
	margin-left: 15px;
}

.coupons-savier {
	border-radius: 16px;
    background: #FBF3F0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	margin-top: 2rem;
	padding: 25px;
	display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
	max-height: 370px;
    overflow: hidden;
    position: relative;
}

.coupon {
	width: 35%;
    min-width: 35%;
    margin: 15px;
    border-radius: 8px;
    border: 1px solid #8A6BC8;
    padding: 12px;
}

.coupon .reseller-logo {
	height: 40px;
}

.coupon-desc {
	font-weight: 500;
}

.coupon-btn label {
	border-radius: 4px;
    border: 0.5px solid #3C224E;
    background: #f9eee3;
	padding: 4px 8px;
	cursor: pointer;
}

.coupon-btn label:hover {
	border-color: #6942b3;
}

.coupons-savier .lead {
	width: 100%;
	font-weight: 600;
}

.more-coupons, .more-resellers {
	position: absolute;
    bottom: 0;
    width: 100%;
    background: #FBF3F0;
    padding: 12px;
}

.more-coupons label, .more-resellers label {
	cursor: pointer;
	font-weight: 600;
	color: #8353E0; 
}

.coupons-savier .copied label {
	color: #fff;
    background-color: #8353e0;
}

/*Safari instalation page*/

.intro-safari p {
	font-size: 1.25rem;
}

.single-step {
	margin: 20px 0;
	text-align: center;
}

.single-step h3 {
	text-align: left;
	margin-bottom: 20px;
}

.safari-img {
	height: 100%;
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

.safari-section .reseller-link {
	text-align: center;
}

.steps {
	margin-bottom: 30px;
}

.safari-section .reseller-link label {
	max-width: 300px;
	margin: 0 calc(50% - 150px);
	font-size: 16px;
    padding: 10px 30px;
}


/*fixes css*/

#footer .foot-top .row {
	padding-bottom: 15px;
}

#footer .menu {
	margin-top: 8px;
}

.features h2 {
	font-family: var(--bs-body-font-family);
	font-weight: 600 !important;
	margin-bottom: 20px;
}

.features h2 strong {
	font-weight: 600 !important;
}

.info-feat {
	flex-direction: column;
	text-align: left;
}

.info-feat p {
	padding-left: 48px;
}

.feat-heading {
	display: flex;
}

#footer .sub-section p {
	margin-bottom: 0;
}


.background-block.bg-splash {
	background-image: url("/wp-content/themes/saiverdk/assets/splash-footer.svg") !important;
}

.video-section video {
	height: 100%;
    width: 100%;
    max-width: 1280px;
    max-height: 720px;
}

.video-section img {
	width: 100%;
	height: auto;
	max-width: 1000px;
	margin: auto;
}

.form-contact {
	display: flex;
    justify-content: center;
    align-items: center;
}

.form-contact form {
	background-color: #FBF3F0;
    padding: 20px 20px 0 20px;
    border: 1px solid #f2a093;
    border-radius: 12px;
    min-width: 420px;
    text-align: left;
}

.form-contact img {
	margin-right: 60px;
}

.form-contact input, .form-contact textarea,
.page-id-18 input, .page-id-18 textarea,
.page-id-5150 input, .page-id-5150 textarea,
.page-id-5248 input, .page-id-5248 textarea{
	outline: none;
    border: none;
    padding: 5px 10px;
	width: 100%;
	font-size: 16px;
	border-radius: 2px;
	font-size: 16px;
}

.form-contact form label, .page-id-18 form label, .page-id-5150 form label, .page-id-5248 form label {
	width: 100%;
	color: #3C224E;
    font-weight: 500;
    font-size: 18px;
}

.form-contact form .wpcf7-submit, .page-id-18 form .wpcf7-submit, .page-id-5150 form .wpcf7-submit, .page-id-5248 form .wpcf7-submit {
	border-radius: 8px;
    background-color: #f2a093;
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
}

.form-contact form .wpcf7-submit:hover, .form-contact form .wpcf7-submit:active, 
.form-contact form .wpcf7-submit:focus, .page-id-18 form .wpcf7-submit:hover, .page-id-18 form .wpcf7-submit:active, 
.page-id-18 form .wpcf7-submit:focus, .page-id-5150 form .wpcf7-submit:hover, .page-id-5150 form .wpcf7-submit:active, 
.page-id-5150 form .wpcf7-submit:focus,
, .page-id-5248 form .wpcf7-submit:hover, .page-id-5248 form .wpcf7-submit:active, 
.page-id-5248 form .wpcf7-submit:focus {
	color: #fff;
	background-color: #3c224e;
}

.form-contact form .wpcf7-not-valid-tip, .page-id-18 form .wpcf7-not-valid-tip, .page-id-5150 form .wpcf7-not-valid-tip, .page-id-5248 form .wpcf7-not-valid-tip {
	font-size: 12px;
	margin-top: 5px;
}

.form-contact form .wpcf7-spinner, .page-id-18 form .wpcf7-spinner, .page-id-5150 form .wpcf7-spinner, .page-id-5248 form .wpcf7-spinner {
	height: 0;
}

.single-reseller h5 {
	font-family: "Roboto";
	font-weight: 400;
    font-size: 1.1rem;
}

/*media links*/

.media {
	width: 100%;
}

.logo-link {
	width: 20%;	
	text-align: center;
	margin-bottom: 10px;
}

.media-logo {
	height: 35px;
    width: auto;
    object-fit: contain;
    max-width: 100%;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.logo-link:hover .media-logo {
	filter: none;
}

.review-logo {
	margin-bottom: 15px;
    height: 30px;
    width: auto;
    max-width: 165px;
    object-fit: contain;
}

.reviews-section ul, .testemonials-section ul {
	width: 100%;
}

.reviews-section h2 {
	text-align: center;
}

.reviews-section li  {
	width: 28%;
    max-width: 28%;
}

.testemonials-section li  {
	width: 23%;
    max-width: 23%;
	border: none !important;
    background-color: #F9EEE3 !important;
	font-size: 12px;
}

.testemonials-section li label {
	margin-top: 15px;
}

.highlight-word {
	color: #8353e0;
}

.stars-ico {
	margin-bottom: 10px;
}

.stars-ico img {
	margin-right: 5px;
}

/*about us form style*/

.page-id-18 form, .page-id-5150 form, .page-id-5248 form {
	background-color: #f9eee3;
    padding: 20px 20px 0 20px;
    border: 1px solid #f2a093;
    border-radius: 12px;
    max-width: 420px;
    text-align: left;
	margin-bottom: 30px;
}

body {
	font-size: 16px !important;
}

#main .confetti-background {
	background-image: url(/wp-content/themes/saiverdk/assets/confetti.png);
}

#main h2, #main h3 {
	font-family: "Roboto";
	font-weight: 500 !important;
}

#main h2 {
	font-size: 34px;
}

#main h3 {
	font-size: 26px;
}

.qr-images {
	display: flex;
    justify-content: center;
    align-items: center;
}

/*cc popup*/
.coupon-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  margin: 0;
  z-index: 999;
}

.coupon-content {
  background: #FBF3F0;
  padding: 20px;
  border-radius: 5px;
  max-width: 500px;
  text-align: center;
  position: relative;
  margin: 10% auto;
}

.close-popup {
  margin-top: 10px;
}

.coupon-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
}

.close-popup {
  margin: 0;
  border: none;
  background: none;
  background-color: transparent !important;
  padding: 0 10px;
}

.close-popup span {
  color: #000;
  font-size: 26px;
  line-height: 26px;
  font-weight: 600;
}

.close-popup span:hover {
  color: var(--global--color-secondary) !important;
}

#coupon-popup .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.popup-note {
	font-weight: 400;
    margin-top: 15px;
    margin-bottom: 0;
}

.popup-note strong {
	font-weight: 400 !important;
}

.copy-code-btn {
	display: none;
}

.download-locker img {
	margin-top: -5px;
	margin-left: 5px;
}

/*BF coupons langing page*/

.page-template-bf-rabatkoder .savier-box .btn-group a {
    text-decoration: none;
    color: var(--bs-dropdown-link-color);
}

.coupon-bf {
	width: calc(25% - 20px);
    min-width: calc(25% - 20px);
    margin: 10px;
    border-radius: 12px;
    border: 1px solid #725476;
	background-color: #fff;
    padding: 12px;
}

.reseller-info {
	height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 10px;
}

.reseller-info p {
	font-size: 24px;
    line-height: 24px;
    margin-bottom: 0;
}

.reseller-info img {
	margin-bottom: 0;
}

.validity {
	background-color: #F9F6FF;
    margin-left: -12px;
    margin-right: -12px;
    padding: 10px 5px;
	margin-bottom: 10px;
}

.validity p {
	margin-bottom: 0;
}

.coupon-bf .copy-code-btn {
	display: block;
	margin-bottom: 10px;
}

.coupon-bf .coupon-btn label {
	width: 100%;
	background: #ECE4FB;
}

.coupon-bf .coupon-btn label img {
	margin-left: 7px;
}

.coupon-bf .coupon-desc {
	text-align: left;
}

.coupon-bf .coupon-desc p {
	margin-bottom: 0;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	line-height: 20px;
}

.coupon-bf .copied label {
	color: #fff;
    background-color: #8353e0;
}

.page-template-bf-rabatkoder .coupons-savier {
	max-height: 100%;
}

#coupon-search {
	color: #725476;
	max-width: 800px;
	font-weight: 500;
    border-radius: 8px;
    border: 1px solid #725476;
    background: #FFF;
    padding: 6px 0 6px 40px;
    width: 100%;
	position: relative;
	background-image: url(/wp-content/uploads/saiver/search.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 8px;
}

#coupon-search::placeholder {
	color: #725476;
}

.text-cta {
	margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
	width: 100%;
	max-width: 800px;
}

.text-cta p {
	margin-bottom: 0;
}

/**success page*/

.success-img {
	height: 140px;
    width: 100%;
    background-image: url(/wp-content/uploads/saiver/ikon-billede.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
	margin-top: -60px;
}

.page-template-success-shop .success-ilustration {
	background-image: url(/wp-content/uploads/saiver/ilu.svg);
}

.success-ilustration {
	height: 80px;
    width: auto;
    background-image: url(/wp-content/uploads/saiver/success-img.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
	margin: 20px 0;
}

.third-success h2 a {
	text-decoration: underline;
}

.third-success img {
	margin: 20px auto 0 auto;
}

.more-resellers {
	display: none;
}

.page-template-success #header .btn-group, .page-template-guide #header .btn-group,
.page-template-success-guide #header .btn-group, .page-template-success-shop #header .btn-group, .page-template-video-guide #header,
.page-template-video-guide #footer {
	display: none;
}

/*Loader page*/

.page-template-loading #header, .page-template-loading #header #navbar, .page-template-loading #footer, .page-template-aktiver #footer, .page-template-aktiver-safari #footer,
.page-template-aktiver-browser #footer, .page-template-tillad #footer, .page-template-vent #footer , .page-template-aktiver-ikke-tilladt #footer, .page-template-aktiver-safari-ipad #footer,
.page-template-aktiver-prov-igen #footer, .page-id-3203 #header, .page-id-3200 #header, .page-id-5161 #header, .page-id-5233 #header {
	display: none;
}

.page-template-aktiver-safari #header #navbar, .page-template-aktiver #header #navbar, .page-template-aktiver-browser #header #navbar, .page-template-tillad #header #navbar, .page-template-vent #header #navbar , .page-template-aktiver-ikke-tilladt #header #navbar, .page-template-aktiver-prov-igen #header #navbar, .page-template-aktiver-safari-ipad #header #navbar {
	display: none !important;
}

.page-template-aktiver-safari #header .container, .page-template-aktiver #header .container, .page-template-aktiver-browser #header .container, .page-template-tillad #header .container,
.page-template-vent #header .container , .page-template-aktiver-ikke-tilladt #header .container, .page-template-aktiver-prov-igen #header .container {
	justify-content: center;
}  

.page-template-aktiver-safari #header, .page-template-aktiver #header, .page-template-aktiver-browser #header, .page-template-tillad #header, .page-template-vent #header , .page-template-aktiver-ikke-tilladt #header, .page-template-aktiver-prov-igen #header, .page-template-aktiver-safari-ipad #header {
	border: none !important;
}

.page-template-loading #main {
	margin-top: 0;
    padding: 0;
}

.page-template-aktiver .loader-img, .page-template-tillad .loader-img, .page-template-vent .loader-img {
	background-image: none;
}

.page-template-tillad #main {
	margin-top: 90px;
    padding: 0 20px;
	justify-content: center;
    max-width: 380px;
}

.loader-section {
	padding: 30px 0;
}

.loader-img {
	text-align: center;
    background-image: url(/wp-content/themes/saiverdk/assets/Savier-logo-horizontal-RGB-brand.svg);
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
	margin-top: -75px;
}

.second-text {
	margin-top: -50px;
	padding: 0 20px;
}


.page-template-aktiver .second-text, .page-template-aktiver-safari .second-text,
.page-template-aktiver-browser .second-text, .page-template-tillad .second-text, .page-template-vent .second-text,
.page-template-aktiver-prov-igen .second-text, .page-template-aktiver-safari-ipad .second-text {
	margin-top: 0;
	padding: 0 20px;
}

.loader-img img {
	max-width: 100%;
}

.success-resellers .single-reseller {
	background-color: #fbf3f0;
}

/*guide page*/

.guide-page p {
	text-align: left;
}

.page-template-guide .first-section h1 {
	font-family: "Roboto";
}

.text-inside a {
	text-decoration: underline;
}

#main .intro-safari h3 {
	text-align: center;
	margin-top: 15px;
	font-weight: 400 !important;
}

.text-bold, .text-bold strong {
	font-weight: bold;
}

.info-text {
	border-radius: 6px;
	border: 1px solid #8D61E2;
	background: #FAE59A;
	padding: 10px 15px;
	display: flex;
}

.info-text p {
	margin-bottom: 0;
	font-size: 18px;
    line-height: 22px;
}


.page-template-aktiver .info-text p, .page-template-vent .info-text p { 
	text-align: left;
	padding: 0 0 0 20px;
}

.large-parag { 
	font-size: 20px;
    line-height: 22px;
}

.gif-animation {
	text-align: center;
	margin: 20px auto;
	max-width: 350px;
	height: auto;
    width: auto;
}

.copy-button {
	width: 100%;
	border-radius: 8px;
    background: #3C224E;
    color: #fff;
    padding: 7px 20px;
	min-width: 260px;
}

.copied-alert {
	display: none;
	position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    color: #fff;
    background-color: #808080b5;
    padding: 10px;
    font-size: 16px;
    line-height: 16px;
    border-radius: 8px;
}


/*remove sticky logo on aktivere pages*/

.page-template-aktiver-safari #header, .page-template-tillad #header,
.page-template-aktiver-ikke-tilladt #header, .page-template-aktiver-prov-igen #header, .page-template-aktiver-safari-ipad #header {
	position: absolute;
}

.cta-center {
	text-align: center;
}

.cta-center a {
	background-color: #8353e0;
    color: white;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 5px;
	cursor: pointer;
}

.cta-center a:hover, .cta-center a:active, .cta-center a:focus {
	background-color: #3C224E;
}

.page-template-aktiver-safari .gif-animation, .page-template-tillad .gif-animation, 
.page-template-aktiver-prov-igen .gif-animation, .page-template-aktiver-ikke-tilladt .gif-animation, .page-template-aktiver-safari-ipad .gif-animation {
	border-radius: 10px;
}


/*chrome alert*/

#main .chrome-alert {
	width: 100%;
    min-width: 100%;
    margin: 0;
    display: block;
    text-align: center;
	background: #be19310f;
	padding: 25px;
}

#main .chrome-alert  h1 {
	font-family: 'Roboto';
    font-size: 30px;
	line-height: 36px;
    margin-bottom: 25px;
}

.not-visible {
	display: none;
}


/*extra css safari page*/

.safari-loader {
	background-color: #fff;
    border-radius: 8px;
    padding: 15px 10px 1px 15px;
	border: 1px solid #8353e0;
	margin-left: -15px;
    margin-right: -15px;
    min-width: calc(100% + 30px) !important;
}

.safari-loader ol {
	font-size: 18px;
    line-height: 32px;
    padding-left: 20px;
}

#main .safari-acc {
    border: none;
    padding: 0;
	background: transparent;
}

#main .safari-acc .accordion-header .accordion-button {
	font-size: 16px;
    box-shadow: none;
    font-weight: normal;
    line-height: 24px;
    color: #3C224E;
    padding: 8px 0 !important;
}

#main .accordion-step .accordion-header .accordion-button label {
	padding-top: 2px;
}

#main .safari-acc .accordion-body {
	font-size: 15px;
    box-shadow: none;
    font-weight: normal;
    line-height: 22px;
    color: #726965;
    padding: 5px 0 !important;
}

#main .safari-acc .accordion-item {
	border: none;
	margin: 12px 0;
	background: #fff;
	padding: 5px 10px;
	border-radius: 4px;
}

@keyframes bounce {
  from { transform: translate3d(0, 0, 0) rotate(90deg); }
  to   { transform: translate3d(0, 10px, 0) rotate(90deg); }
}


@keyframes bounceTop {
  from { transform: translate3d(0, 0, 0) rotate(-90deg); }
  to   { transform: translate3d(0, 10px, 0) rotate(-90deg); }
}

@keyframes bounceMenu {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(0, 10px, 0); }
}

.arrow-pointer {
	display: none;
}

.arrow-pointer::after {
	content: "âžž";
    transition: transform 0.3s ease-out;
    font-size: 35px;
    color: #ddd5e1;
    transform: rotate(90deg);
    display: inline-block;
    position: fixed;
    bottom: 5px;
    left: 20px;
	animation: bounce 0.7s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}


.arrow-pointer-top::after {
	content: "âžž";
    transition: transform 0.3s ease-out;
    font-size: 35px;
    color: #ddd5e1;
    display: inline-block;
    position: absolute;
    top: -20px;
    right: 25px;
	animation: bounceTop 0.7s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}


/*Safari page changes*/

.page-template-aktiver-safari, .page-template-aktiver,
.page-template-aktiver-browser, .page-template-aktiver-ikke-tilladt, .page-template-video-guide,
.page-template-aktiver-prov-igen, .page-template-vent, .page-template-aktiver-safari-ipad, .page-template-meta-page, .page-template-success #main  {
	background-color: #fff;
}

#main .safari-acc .accordion-item {
	border-radius: 12px !important;
    border: 1px solid #3C224E !important;
}

#main .accordion-step .accordion-header .accordion-button:after {
	top: auto !important;
	bottom: auto;
}

#main  #accordionGuide .accordion-item {
	border-bottom: 1px solid #3C224E !important;
	border-radius: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
}

#main #accordionGuide .accordion-header .accordion-button::after {
	background-image: url(/wp-content/uploads/saiver/custom-arrow.svg) !important;
	width: 20px !important;
    height: 20px !important;
	background-size: 20px !important;
	right: 10px !important;
}

.page-template-aktiver-safari .video-open.video-title:after, .page-template-aktiver-ikke-tilladt .video-open.video-title:after,
.page-template-aktiver-safari-ipad .video-open.video-title:after {
	transform: rotate(180deg);
}

.page-template-aktiver-safari .text-white,  .page-template-aktiver-safari #main #accordionGuide .accordion-header .accordion-button,
.page-template-aktiver-safari #main #accordionGuide .accordion-body {
	color: #3C224E !important;
}

.page-template-aktiver-safari .guide-title:after, .page-template-aktiver-safari .video-title:after,
.page-template-aktiver-safari-ipad .video-title:after 
{
	background-image: url(/wp-content/uploads/saiver/custom-arrow.svg) !important;
	width: 20px !important;
    height: 20px !important;
	background-size: 20px !important;
	right: 10px !important;
}

.page-template-aktiver-safari .video-title {
	font-weight: 500;
}

.page-template-aktiver-safari header, .page-template-aktiver-browser header, 
.page-template-aktiver-ikke-tilladt header, .page-template-aktiver-prov-igen header,
.page-template-vent header, .page-template-aktiver-safari-ipad header {
	display: none;
}

.page-template-aktiver-safari #main, .page-template-aktiver #main, .page-template-aktiver-browser #main, 
.page-template-aktiver-ikke-tilladt #main, .page-template-aktiver-prov-igen #main, .page-template-vent #main,
.page-template-video-guide #main {
    padding: 0 15px 80px 15px;
	justify-content: center;
    max-width: 380px;
}

.page-template-meta-page #main {
    padding: 0 15px 0 15px;
	justify-content: center;
    max-width: 380px;
}

.page-template-aktiver-safari-ipad #main {
    padding: 0 15px 80px 15px;
	justify-content: center;
    max-width: 667px;
	position: relative;
}

#custom-logo {
	margin-bottom: 20px;
}

#custom-logo img {
	width: 90px;
    height: 35px;
}

.page-template-aktiver .text-white, .page-template-aktiver-browser .text-white,
.page-template-aktiver-prov-igen .text-white, .page-template-vent .text-white, .page-template-aktiver-safari-ipad .text-white {
	color: #fff;
}

.page-template-aktiver-safari-ipad #accordionSteps .accordion-body .text-center img, .page-template-aktiver-safari-ipad #accordionGuide .accordion-body .text-center img {
	width: 600px;
    height: auto;
	max-width: 95%;
    object-fit: contain;
	max-height: 100%;
}

#accordionSteps .accordion-body .text-center img, #accordionGuide .accordion-body .text-center img {
	width: 300px;
    height: auto;
    max-width: 320px;
	max-height: 250px;
    object-fit: contain;
}

#accordionSteps .accordion-body .one-row .text-center img, #accordionGuide .accordion-body .one-row .text-center img {
	max-width: 100%;
}

/*#main .safari-acc .accordion-header .accordion-button strong {
    margin: 0 5px;
}*/

#main .safari-acc .accordion-header .accordion-button img {
	margin-left: 5px;
}

#main .accordion-step .accordion-header .accordion-button img {
	margin-left: 0;
}

#main .safari-acc .accordion-header .accordion-button .step-number {
    color: #E996E5;
    font-size: 36px;
    line-height: 28px;
    margin-right: 12px;
	margin-top: -1px;
	float: left;
	font-weight: 500;
}

.acc-additional {
	text-align: left;
    padding-left: 20px;
    color: #3C224E;
    padding-top: 10px;
}

.acc-additional img {
	margin: 10px 0 20px 0;
}

.add-title, .guide-title, .video-title {
	margin-bottom: 0;
	position: relative;
}

.guide-title, .video-title {
	cursor: pointer;
}

.add-title:after  {
	-ms-flex-negative: 0;
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    -webkit-transition: var(--bs-accordion-btn-icon-transition);
    transition: var(--bs-accordion-btn-icon-transition);
	position: absolute;
	right: 0;
}

.more-explanation, #accordionGuide {
	display: none;
}

.add-open:after, .guide-open:after {
	transform: rotate(180deg);
}

.guide-title {
	margin-top: 240px !important;
}

.guide-title:after, .video-title:after {
	content: "";
    position: absolute;
    right: 0;
    background-image: url(/wp-content/uploads/saiver/chevron-down.svg);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 25px;
}

#main #accordionGuide .accordion-item {
	background: transparent !important;
	padding-left: 0;
	border-bottom: 1px solid #fff;
    border-radius: 0;
}

#main #accordionGuide .accordion-header .accordion-button {
	color: #fff !important;
	padding: 5px 0 !important;
}

#main #accordionGuide .accordion-body {
	color: #fff;
}

#accordionGuide .accordion-body img {
	margin: 15px 0;
}

.aA-menu {
	position: fixed;
    bottom: 50px;
    left: 12px;
    transition: transform 0.3s ease-out;
    animation: bounceMenu 0.7s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
	height: auto;
}

#main .accordion-step .accordion-header .accordion-button {
	padding-right: 20px !important;
	align-items: center;
}

#main .accordion-step .accordion-header .accordion-button:after {
	right: 0;
	top: 7px;
	position: absolute;
}

.page-template-aktiver-safari-ipad #main .accordion-step .accordion-header .accordion-button:after {
	top: 13px;
}

@media only screen and (max-width: 767px) {
	
	.page-template-success-shop .foot-top, .page-template-success .foot-top {
		display: none;
	}
	
	.page-template-aktiver-safari .safari-acc .accordion-item, .page-template-aktiver-safari-ipad .safari-acc .accordion-item {
		padding: 5px 10px !important;
	}
	
	#main .accordion-step .accordion-header .accordion-button label {
		padding-top: 0;
	}
	
	#main .safari-acc .accordion-header .accordion-button .step-number {
		font-size: 30px;
		line-height: 25px;
	}
		
	#main .safari-acc .accordion-item {
		padding: 5px;
	}
}

@media only screen and (max-width: 360px) {
	#main .safari-acc .accordion-header .accordion-button .step-number {
		font-size: 24px;
		margin-right: 5px;
	}
	
	.video-guide video {
		width: 100%;
	}
}

.copy-btn {
    width: 110px;
    border-radius: 8px;
    background: #3C224E;
    color: #fff;
    padding: 7px 10px;
	margin-left: -5px;
	border: none;
}

#urlInput, #urlInput:focus-visible {
	width: calc(100% - 114px);
    padding: 7px 10px;
    color: #000;
    border-radius: 8px 0 0 8px;
    border: 1px solid #EDEDEE;
    margin: 0;
	outline: none;
}

.copy-section {
	text-align: center;
    display: flex;
    position: relative;
}

.bottom-safari {
	max-width: 100%;
}

.safari-int h4 {
	color: #fff;
	font-size: 30px;
	font-family: 'Roboto';
	margin-bottom: 0;
	font-weight: 700;
}

.safari-lbl {
	font-size: 24px;
    font-weight: 700;
	margin-bottom: 15px;
}

.underline {
	background-image:  url(/wp-content/uploads/saiver/underline.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 15px;
    background-size: 100% auto;
}

.el-dilay {
	display: none;
}

.arrow-pointer label {
	position: fixed;
    bottom: 50px;
    left: 7px;
    transition: transform 0.3s ease-out;
    animation: bounceMenu 0.7s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    height: auto;
    background-color: #ddd5e1;
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    padding: 0 5px;
}

.arrow-pointer-top label {
	position: absolute;
    top: 25px;
    right: 20px;
    transition: transform 0.3s ease-out;
    animation: bounceMenu 0.7s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    height: auto;
    background-color: #ddd5e1;
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    padding: 0 5px;
}

.accordion-body .text-left {
	text-align: left;
	color: #3C224E;
	padding-left: 5px;
}


/*Aktiver page new style*/

.page-template-aktiver header {
	display: none;
}

.page-template-aktiver .first-loader p {
	font-size: 18px;
	margin-bottom: 0;
}

.page-template-aktiver .first-loader .gif-animation {
	margin-top: -50px;
	margin-bottom: -50px;
}

.extra-content img {
	max-width: 280px;
	height: auto;
	margin-bottom: 5px;
}

.pink-bold strong {
	color: #FAE59A;
    font-weight: 500;
}

.copy-section .copy-btn {
	background: #3c224e;
    color: #fff;
}

.page-template-aktiver-ikke-tilladt .cta-center a {
    background-color: #FAE59A;
    color: #3c224e;
}

.page-template-aktiver-ikke-tilladt .cta-center a:hover, .page-template-aktiver-ikke-tilladt .cta-center a:focus, .page-template-aktiver-ikke-tilladt .cta-center a:active {
	background-color: #f2a093;
}

/*steps in one row text+image*/

.one-row {
	display: flex;
    flex-direction: row;
}

.one-row .text-left {
	width: 60%;
}

.one-row .text-center {
	width: 40%;
	padding-left: 10px;
}

.one-row .text-center img {
	width: auto !important;
}

.guide-title {
	margin-top: 15px;
}

.video-guide {
	display: none;
}

.background-purple {
	background-color: #ECE4FB;
	padding-bottom: 50px;
}

.background-sv {
	background-color: #FBF3F0;
}

.page-template-success .large-ph, .page-template-success-guide .large-ph, .page-template-success-shop .large-ph {
	font-size: 1.25rem !important;
}

/*new style for succes page*/

.all-hiw {
	cursor: pointer;
	font-weight: 500;
	position: relative;
	padding-right: 25px;
	font-size: 18px;
}

.all-hiw:after {
	content: '';
	position: absolute;
	background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23212529%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
	width: 16px;
	height: 16px;
	right: 0;
	top: 5px;
}

#hiw {
	display: none;
}

.hiw-open:after {
	transform: rotate(180deg);
}

.page-template-aktiver-safari-ipad #custom-logo img {
    width: 160px;
    height: 60px;
}

.page-template-aktiver-safari-ipad .video-guide video {
	width: 100%;
}

/*ikke-tilladt new design*/

.white-box {
	background-color: #fff;
	border-radius: 15px;
	padding: 20px;
	color: #3C224E;
	margin-bottom: 50px;
	border: 1px solid #3C224E;
}

.page-template-aktiver-ikke-tilladt .video-title:after {
	background-image: url(/wp-content/uploads/saiver/chevron-down-black.svg);
}

.white-box strong {
	color: #8353E0;
}

.white-box ol {
	text-align: left;
	margin-bottom: 50px;
}

.page-template-aktiver-ikke-tilladt .cta-center {
	margin-top: 10px;
}

.page-template-aktiver-ikke-tilladt .video-guide {
	margin-top: 10px;
}

.page-template-aktiver-ikke-tilladt .video-guide label {
	margin-bottom: 5px;
}

.purple-light strong {
	color: #B690FC;
}

.browser-expl {
	margin-top: 30px;
}


/*akvier new design*/

.page-template-aktiver .middle-part {
	margin-top: 28%;
}

body.page-template-aktiver .middle-part h2 {
	font-size: 30px !important;
	font-weight: 600 !important;
	margin-bottom: 40px;
}

.middle-part .purple-bold, .middle-part .purple-bold strong {
	font-weight: 600 !important;
	line-height: 24px;
}

/* button shaking */

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  2%,
  8% {
    transform: translateX(5px);
  }
  5%,
  12% {
    transform: translateX(-5px);
  }
  15% {
    transform: translateX(0);
  }
}

.shake-btn {
  animation: shake 5s linear infinite;
}


.post-type-archive-rabatkoder .coupon, .category .coupon  {
	width: calc(20% - 30px);
	min-width: calc(20% - 30px);
	text-align: center;
}

.post-type-archive-rabatkoder .coupon:hover, .category .coupon:hover {
	background: #f9eee3;
    cursor: pointer;
}

.post-type-archive-rabatkoder .coupon img, .category .coupon img {
	margin-bottom: 10px;
    max-width: 90%;
    height: 40px;
    width: auto;
    object-fit: contain;
}

.post-type-archive-rabatkoder .coupon h4,
.category .coupon h4 {
	font-family: "Roboto";
    font-size: 16px;
    margin-bottom: 0;
    color: #949697;
    font-weight: 500;
}

.post-type-archive-rabatkoder #main .col-start,
.category  #main .col-start {
	padding-top: 40px;
}

.post-type-archive-rabatkoder  h1,
.category h1 {
	margin-bottom: 30px;
}

#nav-below .btn {
	font-weight: 600;
    color: #fff;
    font-size: 16px;
    border-radius: 8px;
    background: #8353E0;
}

#nav-below .btn:hover {
	background-color: #6942b3;
}

#nav-below {
	margin-top: 30px;
}

/*mobile menu*/
.mobile-navigation {
	display: none; 
	position: relative;
}

.mobile-navigation .menu-footer-menu-container, .mobile-navigation .menu-footer-menu-english-container, .mobile-navigation .menu-footer-menu-swedish-container {
	display: none;
}

.mobile-navigation .menu-toggle {
	background: #f9eee3;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid #8A6BC8;
	padding: 5px 12px;
	font-size: 20px;
	font-weight: 600;
	width: 43px;
}

.mobile-navigation .menu-visible {
	display: block !important;
	position: absolute;
	right: 0;
	top: 55px;
    background-color: #fbf3f0;
    padding: 15px 30px;
    border: 1px solid #f9eee3;
}

#primary-menu {
	padding: 0;
    margin: 0;
    list-style: none;
}

.close-icon {
    display: none;
}

.menu-open .hamburger-icon {
    display: none;
}

.menu-open .close-icon {
    display: inline-block;
}

/*new onboarding style*/

.page-template-aktiver-safari-new header, .page-template-aktiver-safari-new #footer {
	display: none;
}

.page-template-aktiver-safari-new video {
	width: 110px;
	margin-top: 40px;
    margin-bottom: 30px;
}

.page-template-aktiver video {
	width: 110px;
    margin-bottom: 30px;
}

.page-template-aktiver .first-loader h1 {
	font-size: 32px;
	line-height: 52px;
}

.page-template-aktiver-safari-new {
	background-color: #fff;
}

.page-template-aktiver-safari-new #main {
	padding: 0 15px 80px 15px;
    justify-content: center;
    max-width: 380px;
}

.onboarding-link {
	text-decoration: underline;
}

.onboarding-link p {
	margin-top: 100px;
}

.guide-block {
	margin-top: 60px;
}

.guide-block h4 {
	font-family: 'Roboto';
    margin-bottom: 20px;
    font-weight: 600;
}

.page-template-aktiver-safari .onboarding-link p {
	text-align: left;
	margin-top: 200px;
	font-size: 14px;
}

/*uninstal page changes*/

.uninstall .intro-box {
	padding: 40px;
    display: flex;
    background: #f9eee3;
    border: 3px solid #f2a09312;
    border-radius: 30px;
    margin-bottom: 40px;
    align-items: center;
	width: 90%;
	justify-content: space-around;
}

.bottom-note {
	padding: 30px 5%;
    background: #f9eee3;
    border: 3px solid #f2a09312;
    border-radius: 30px;
    margin-bottom: 40px;
	position: relative;
	margin-top: 25px;
	display: flex;
}

.bottom-note label {
	min-width: calc(40% - 25px);
    margin-right: 50px;
	color: #f2a396;
	font-family: "Amaranth";
	font-size: 30px;
	font-weight: 500;
}

.bottom-note h4 {
	font-family: 'Roboto';
	margin-bottom: 20px;
}

.uninstall .intro-box h1 {
	max-width: 700px;
}

body .box-form {    
	background: #f9eee3;
    padding: 10px 5%;
    border-radius: 30px;
    border:2px solid #f2a09312;
    color: #3C224E;
    font-weight: bold;
    width: 100%;
 }
 
 /* Style for checkboxes */
.custom-checkbox input[type="checkbox"] {
    display: none; /* Hide the default checkbox */
}

/* Style for custom checkboxes */
.custom-checkbox .wpcf7-list-item-label {
    display: inline-block;
    position: relative;
    padding-left: 37px; /* Adjust as needed */
    cursor: pointer;
}

.custom-checkbox .wpcf7-list-item-label:before {
    content: "";
    display: inline-block;
    width: 28px; /* Size of custom checkbox */
    height: 28px; /* Size of custom checkbox  #3C224E*/
    border: 2px solid #3C224E;
    position: absolute;
    left: 0;
    top: 0;
}

/* Style for checked custom checkboxes */
.custom-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
    background-color: white; /* Color when checked */
}

/* Style for custom checkboxes tick */
.custom-checkbox .wpcf7-list-item-label:after {
    content: "\2713"; /* Tick mark */
    font-size: 22px; 
    font-weight: bold;
    color: #3C224E; /* Tick color */
    position: absolute;
    top: -1px;
    left: 4px;
    display: none; /* Hide tick by default */
}

/* Show tick mark when checkbox is checked */
.custom-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
    display: block;
}

 .uninstall .box-form .lead {
    color: #3C224E;
    font-size: xx-large;
    font-weight: bold;
    text-align: center;
	 margin-bottom: 0;
 }

.lead-subtitle {
	text-align: center;
    color: #f2a396;
    font-family: "Amaranth";
    font-size: 24px;
    font-weight: 500;
}

.custom-checkbox {
	/*border: 2px solid purple;*/
    border-radius: 6px;
    padding: 15px;
    padding-left:0px;
    padding-right:0px;
    -background: purple;
}

.custom-checkbox .wpcf7-list-item{
	margin:0px!important;
	left:10px;
	position: relative;
}
.custom-text-area{
	border-radius: 6px;
	width: 100%; 
	border:2px solid #3C224E;
	padding:5px;
}

.uninstall-email{
	width: 100%; 
	border-radius: 6px;
	border:2px solid #3C224E;
	padding:5px;
}

.curvedarrow-row{
	width: 85%;
}
 .curvedarrow-wrap{
	 -webkit-transform: rotate(110deg);
        display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    right:280px;
    top:330px;
    
    
 }
 .curvedarrow {
	 position: relative;
	 width: 0;
	 height: 0;
	 border-top: 60px solid transparent;
	 border-right: 60px solid purple;
	 -webkit-transform: rotate(10deg);
	 -moz-transform: rotate(10deg);
	 -ms-transform: rotate(10deg);
	 -o-transform: rotate(10deg);
	 margin-left:97px;
}

.curvedarrow:after {
	content: "";
	position: absolute;
	border: 0 solid transparent;
	border-top: 40px solid purple;
	border-radius: 130px 0 0 0;
	    top: -90px;
    left: -70px;
    width: 100px;
    height: 100px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.single-rabatkoder .home-first {
	padding-top: 0;
}

.related-coupons {
	margin: 5rem auto;
    width: 100%;
}

.related-coupons h2 {
	margin-bottom: 2rem;
}

.resellers-list {
	display: flex;
	align-items: center;
	justify-content: center;
    width: 100%;
}

.reseller-box {
	width: calc(20% - 20px);
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #8A6BC8;
    margin: 0 10px;
	text-align: center;
}

.reseller-box:hover {
	background: #fbf3f0;
    cursor: pointer;
}

.reseller-box img {
	margin-bottom: 10px;
    max-width: 90%;
    height: 60px;
    width: auto;
    object-fit: contain;
}

.reseller-box h4 {
	font-family: "Roboto";
    font-size: 16px;
    margin-bottom: 0;
    color: #949697;
    font-weight: 500;
}

/*pagination*/

.page-numbers.current, .page-numbers:hover {
	color: #fff;
    background: #8353e0;
}

.page-numbers.dots:hover {
	cursor: default;
	color: #3C224E;
    background: #f9eee3;
}

.page-numbers {
	color: #3C224E;
    background: #f9eee3;
	padding: 5px 10px;
	font-size: 14px;
    font-weight: 500;
	border-radius: 4px;
}

.custom-pagination {
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
	margin: 20px auto;
}

.success-resellers .more-resellers {
	background: #fff;
}

.shop-crumb {
	background-color: #FBF3F0;
    border-radius: 16px;
    padding: 4px 10px 4px 4px;
    display: inline-block;
    align-items: center;
    font-size: 14px;
	font-weight: 500;
    margin-bottom: 30px;
}

.shop-crumb span {
	padding: 2px 8px;
    background-color: #fff;
    border-radius: 16px;
    margin-right: 5px;
}

.shopping-box {
	border-radius: 16px;
    border: 5px solid #ECE4FB;
    background: #FFF;
    max-width: 450px;
    margin: auto;
    min-width: 450px;
	display: flex;
    flex-direction: column;
    align-items: center;
	padding: 15px;
}

.shopping-box a, .box-white a {
	border-radius: 8px;
    background: #3C224E;
    color: #fff;
    padding: 10px;
    font-weight: 500;
    width: 80%;
}

@media only screen and (max-width: 991px) { 
	.uninstall .bottom-note {
		flex-direction: column;
	}
	
	.uninstall .bottom-note label {
		margin-bottom: 30px;
		margin-right: 0;
	}
}

@media only screen and (max-width: 490px) {
	.page-template-success-guide .shopping-box {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}
	
	.page-template-success .success-boxes {
		gap: 15px;
	}
	
	.page-template-success .box-white {
		padding: 15px 5px;
	}
}

.page-template-success-guide .success-ilustration {
	margin: 50px 0 0 0;
}

.success-boxes {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.box-white {
	border-radius: 15px;
    background: #FFF;
    padding: 15px 10px;
    width: 200px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	border: 1px solid #EDEDEE;
	box-shadow: 0px 12px 42px -4px rgba(24, 39, 75, 0.12);
}

.box-white a {
	font-size: 12px;
	width: 100%;
	margin-top: 10px;
}

.box-white .guide-link {
	background-color: #F9EEE3 !important;
	color: var(--bs-heading-color);
}

@media (min-width: 1px) and (max-width: 667px) {
	._form-wrapper {
		top: auto !important;
        bottom: 0 !important;
        right: 0 !important;
	}
	
	._form-wrapper ._close {
		right: 0 !important;
        top: -10px !important;
	}
}

#copiedLabel {
	display: none;
}

.page-template-meta-page header, .page-template-meta-page footer {
	display: none;
}

#accordionAdditional {
	margin-top: 40px;
	text-align: left;
}

.title_add, .sub_explanation p {
	font-weight: 500;
	position: relative;
	padding-right: 20px;
	cursor: pointer;
	margin-bottom: 5px;
}

.title_add:after, .sub_explanation p:after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    -webkit-transition: var(--bs-accordion-btn-icon-transition);
    transition: var(--bs-accordion-btn-icon-transition);
    position: absolute;
    right: 0;
	top: 0;
}

#accordionAdditional .text_add, .sub_explanation .text-expo {
	display: none;
}

.open-add .text_add, .open-explanation .text-expo {
	display: block !important;
}

.add_single {
	cursor: pointer;
}

.sub_explanation {
	margin-top: 40px;
}

.open-add .title_add:after, .open-explanation p:after {
	transform: rotate(180deg);
}

.intro-template p {
	margin-top: 40px !important;
	font-weight: 400;
	text-align: center !important;
}

.text_add strong {
	line-height: 2.5;
}

/*meta page*/

#metaVideo {
	margin: 25px 0;
}

.page-template-meta-page .purple-light {
	font-weight: 500;
	font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    font-family: "Amaranth";
	margin-bottom: 30px;
}

.page-template-meta-page .purple-light strong {
	 font-weight: 500;
	color: #8353E0 !important;
}

.page-template-meta-page p {
	font-size: 22px;
    line-height: 1.5;
}

.page-template-meta-page .btn {
	background-color: #3C224E;
    padding: 7px 20px;
    border-radius: 33px;
    min-width: 120px;
}

.page-template-meta-page h2 {
	margin-top: 35px;
	font-family: "Amaranth" !important;
}

.usps {
	background-color: #ECE4FB;
	padding: 20px 10px;
	font-size: 20px;
	line-height: 26px;
}

.usps .item p {
	font-size: 20px;
	line-height: 28px;
}

.item {
	position: relative;
	display: flex;
    justify-content: space-evenly;
	margin-bottom: 10px;
	align-items: center;
}

.item p {
	width: calc(100% - 70px);
	margin-bottom: 0;
}

.usps .item p label {
	color: #8353E0;
    font-weight: bold;
    position: relative;
}

.usps .item p label:after {
	position: absolute;
    content: "";
    background-image: url(/wp-content/themes/saiverdk/assets/underline.svg);
    background-position: center;
    background-repeat: no-repeat;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 8px;
}

.usps .btn {
	width: 100%;
    margin: 15px 0;
}

.usps img {
	width: auto;
}

.meta-footer {
	text-align: center;
	margin-top: 35px;
}

.meta-footer p {
	font-size: 18px;
}

.social-media {
	display: flex;
    align-items: center;
    justify-content: space-around;
	margin-bottom: 30px;
}

.social-media img {
	height: auto;
}

.parag-left {
	text-align: left;
	margin-bottom: 5px;
	font-size: 22px !important;
}

.foot-cta img {
	margin: 20px 0 30px 0;
}

/* Carousel Container */
.carousel-container {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    overflow: hidden;
}

.carousel-container .single-box {
	min-width: 100%; /* Each box takes up full container width */
	box-sizing: border-box;
	padding: 20px;
	text-align: center;
	margin: 0;
}

/* Carousel Wrapper */
.carousel-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
	flex-wrap: nowrap;
    justify-content: normal;
}

/* Left and Right Arrows */
.carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	background-color: transparent;
    color: #000000;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 40px;
    z-index: 1;
}

.left-arrow {
    left: -10px;
}

.right-arrow {
    right: -10px;
}

.gif-add {
	width: 186px;
    height: auto;
    max-height: 400px;
    text-align: center;
    margin: 20px auto 0 auto;
}

.img_placeholder {
	background-color: #e3dcda;
    margin: 0 auto 10px auto;
    max-width: 90%;
    height: 40px;
    width: auto;
	display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}

.guide-box {
	font-size: 18px;
}

#intro-content .title_add, #intro-content .sub_explanation p {
	font-weight: 400;
	padding-right: 28px;
}

.guide-box, #intro-content .accordion {
	border: 1px solid #F2A093;
    border-radius: 24px;
    padding: 30px 10px;
    text-align: center;
	background-color: #FDFAF9;
}

#intro-content .accordion {
	margin-top: 20px;
}

.page-template-video-guide .video-guide {
	display: block;
}

.btn-flex {
	display: flex;
	justify-content: center;
}

.page-template-video-guide .onboarding-link {
	margin-top: 20px;
    background-color: #3C224E;
    padding: 12px 25px;
    color: #fff;
    text-decoration: none;
    border-radius: 15px;
	font-size: 16px;
}

#navbar .navbar-nav li .dropdown-menu {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}

/*default pages style*/

.page-template-default .page-default {
	padding: 40px 0;
}

.ups {
	text-align: center;
	font-size: 24px !important;
	line-height: 32px !important;
	font-family: "Amaranth" !important;
}

/*FAQ page*/

.page-template-faq {
	background-color: #fff;
}

.page-template-faq #main {
	padding: 0 15px 80px 15px;
    justify-content: center;
    max-width: 667px;
}

.page-template-faq .shop-crumb {
	padding: 4px 10px;
	margin: 0;
}

.top-faq {
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-template-faq header, .page-template-faq footer {
	display: none;
}

.page-template-faq h1 {
	font-size: 32px !important;
	line-height: 40px !important;
	margin-bottom: 25px;
}


.page-template-faq h2, .page-template-faq h3 {
	font-size: 17px !important;
	line-height: 26px !important;
	margin-bottom: 0;
}

.page-template-faq h2 {
	border: 1px solid rgba(157, 158, 166, 0.2);
    padding: 5px 10px;
    border-radius: 8px 8px 0 0;
}

.page-template-faq #main h3 {
	cursor: pointer;
	position: relative;
	padding-right: 20px;
	font-weight: 400 !important;
}

.page-template-faq h3:after {
	position: absolute;
    right: 0;
    top: 7px;
    content: "";
    background-image: url(/wp-content/themes/saiverdk/assets/arrow.svg);
    width: 10px;
    height: 15px;
    background-size: auto;
    background-repeat: no-repeat;
}

.answer {
	display: none;
}

.faq-accordion-item {
	padding: 5px 10px;
	border: 1px solid rgba(157, 158, 166, 0.2);
    border-top: 0;
}

.faq-group {
	margin-bottom: 25px;
}

.faq-accordion-item:last-child {
	border-radius: 0 0 8px 8px;
}

.open-question:after {
	transform: rotate(90deg);
}

.open-answer {
	display: block;
	padding: 20px 0 10px 0;
	position: relative;
	font-size: 14px;
}

.open-answer a {
	color: #8353e0;
}

.open-answer a:hover {
	text-decoration: underline;
}

.contact-bottom {
	margin-top: 35px;
}

.contact-bottom h2 {
	border: none !important;
	padding: 0 !important;
	margin-bottom: 10px;
}

.open-answer:before {
	content: "";
    position: absolute;
    left: -10px;
    top: 5px;
    right: -10px;
    border: 0.6px solid rgba(157, 158, 166, 0.2);
}

.top-crumb {
	text-align: center;
}

.top-crumb .shop-crumb img {
	margin: -2px 5px 0 5px;
}

.page-template-aktiver-safari #intro-content h2 {
	font-size: 24px;
	line-height: 32px; 
	margin-bottom: 10px;
	text-align: center;
	font-family: "Amaranth" !important;
}

.page-template-aktiver-safari #intro-content h1 {
	font-size: 30px;
	line-height: 44px; 
	margin-bottom: 20px;
	text-align: center;
	font-family: "Amaranth" !important;
}

.link-last {
	margin-top: 10px;
}

.link-last a {
	color: #8353e0;
	text-decoration: underline;
}

.purple-box {
	margin: 25px 0;
	padding: 20px 10px;
	background-color: rgba(236, 228, 251, 1);
	border-radius: 15px;
	text-align: center;
	display: flex;
    flex-direction: column;
}

.purple-box h4 {
	font-family: "Amaranth" !important;
	font-size: 20px;
	line-height: 32px;
	font-weight: 400;
}

.purple-box a {
	background-color: rgba(60, 34, 78, 1);
    color: #fff;
    padding: 8px;
    border-radius: 8px;
}

.page-excluded #Conzent, .page-excluded #revisitBtn {
	display: none !important;
}

.mobile-button {
	display: none;
}