/*!
Theme Name: Rollar
Theme URI: http://underscores.me/
Author: Michael van Tulder
Author URI: http://rollar.nl
Description: The Rollar Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rollar
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Rollar is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
body {
	color:#444;
	font-family: 'Maprope', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	background:#fff;
	overflow-x:hidden;
	padding:0;
	margin:0;
}
html,
body { height: 100%;position:relative;  }
h1,
h2,
h3,
h4,
h5,
h6 {
	letter-spacing: 0px;
	margin-top: 0px;
	font-family: 'Jost', sans-serif;
	color: #1d293e;
	font-weight: 400;
}
a {
	font-family: 'Jost', sans-serif;
	text-decoration: none;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
a:hover {
	color: #fff;
	text-decoration: none;
}
a:focus {
	outline: none;
	text-decoration: none;
}
p {
	margin-bottom: 0;
}
ul,
li {
	margin: 0;
	padding: 0;
}
::selection {
	background: #213f8c;
	color: #ffffff;
}

fieldset {
	border: 0 none;
	margin: 0 auto;
	padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999;
}

.status-mes {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 48%;
	margin: -40px 0 0 -40px;
	font-size: 10px;
	text-indent: -12345px;
	border-top: 8px solid #f7f5f7;
	border-right: 8px solid #f7f5f7;
	border-bottom: 8px solid #f7f5f7;
	border-left:8px solid #8c2121;
	border-radius: 50%;
	-webkit-animation: spinner 700ms infinite linear;
	animation: spinner 700ms infinite linear;
	z-index: 10000;
}
.status-mes h4{
	position:relative;
	color:#fff;
	top: 55%;
	left: 48%;
	margin: -40px 0 0 -40px;
	font-size:20px;
	z-index: 10000;
}
#particles-js {
	width: 100%;
	height: 300px;
	position: absolute;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.media-block {
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	padding: 60px 50px;
	border-radius: 10px;
}
@font-face {
	font-family: Maprope;
	src: url(fonts/Maprope-Medium.ttf);
}
@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.no-padding { padding: 0 }

/*END PRELOADER DESIGN*/
.section-padding {padding:80px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title  h2 {
	font-size: 46px;
	font-weight: 600;
	margin-top: 0;
	position: relative;
}
@media only screen and (max-width:480px) {
	.section-title  h2  {font-size:30px;}
}
.section-title span{
	background: #213f8c;
	height:3px ;
	width: 60px;
	display: block;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.section-title-white{color:#fff;position:relative;}
.section-title  p{
	padding: 0 10px;
	width: 60%;
	margin: auto;
}
@media only screen and (max-width:480px) {
	.section-title  p{
		padding: 0 10px;
		width: 90%;
		margin: auto;
	}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
	background: #213f8c none repeat scroll 0 0;
	border-radius: 30px;
	border:2px solid #213f8c;
	bottom: 5px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	color: #fff;
	cursor: pointer;
	font-size: 22px;
	height: 50px;
	line-height: 47px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position: fixed;
	right: 5px;
	text-align: center;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: 50px;
}
.topcontrol:hover {
	background: #fff;
	border:2px solid #213f8c;
	color: #333;
}
/*END SCROLL TO TOP*/

/*START BTN*/
.btn_one {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: #8c2121;
	padding: 16px 30px;
	border-radius: 2px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
}
.btn_one:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.btn_one:hover, .btn_one:focus, .btn_one:active {
	color: #8c2121;
}
.btn_one:hover:before, .btn_one:focus:before, .btn_one:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.btn_two{
	background:none;
	border:2px solid rgba(255,255,255,0.6);
	padding: 16px 30px;
	border-radius: 2px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
}
.btn_two:hover{border:2px solid #fff;}

.btn_three {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: #213f8c;
	border: 2px solid #213f8c;
	padding: 16px 30px;
	border-radius: 2px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	color: #fff;
}
.btn_three:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0d43b5;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.btn_three:hover, .btn_three:focus, .btn_three:active {
	color: #fff;
	border: 2px solid #0d43b5;
}
.btn_three:hover:before, .btn_three:focus:before, .btn_three:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.btn_four{
	background:#0d43b5;
	border:2px solid #0d43b5;
	padding: 16px 30px;
	border-radius: 2px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	color: #fff;
}
.btn_four:hover{
	background:#fff;
	color: #0d43b5;
	border:2px solid #0d43b5;
}
/*END BTN*/

/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo img {
	width: 180px;
	height: auto;
	margin-top: 4px;
}
.custom-logo {
	width: 180px;
	height: auto;
	margin-top: 4px;
}
.bg-faded {
	background-color:transparent;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
@media only screen and (max-width:768px) {
	.bg-faded {background-color:#fff;}
}

.navbar-fixed {
	z-index: 999;
	position: fixed;
	opacity: .98;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
	width: 100%;
	padding:10px 0;
	top: 0;
	-webkit-animation: fadeInDown 800ms;
	animation: fadeInDown 800ms;
	-webkit-backface-visibility: hidden;
	border-radius: 0px;
	background:#fff;
	box-shadow: 0px 60px 60px rgba(0,0,0,0.2);
}

@media only screen and (max-width:768px) {
	.navbar-fixed {background: #fff;}
}
#navigation{
	padding: 20px 0;
	margin: 0px 0px 30px 0px;
}
#navigation.navbar-fixed {
	padding: 15px 0;
}
.header_right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}
#main-menu{
	margin-top: 15px;
}
#main-menu ul{
	list-style-type: none;
}
#main-menu ul li{
	display: inline-block;
	padding:0px 12px;
	position: relative;
}
#main-menu ul li a {
	color: #0a0a0a;
	font-size: 17px;
	text-transform: capitalize;
	-webkit-transition: .3s;
	transition: .3s;
}
#navigation.navbar-fixed #main-menu ul li a{
	color: #0a0a0a;
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color:#333;
}

.slicknav_nav_icon{
	color: #fff;
	font-size: 24px;
}
.slicknav_menu .slicknav_icon:before {
	background: transparent;
	width: 1.125em;
	height: 0.875em;
	display: block;
	content: "\e68e";
	position: absolute;
	font-family: 'themify';
	color: #000;
	font-size: 20px;
}
#mobile_menu{display: none;}
@media only screen and (max-width:767px) {
	.navbar-default {
		padding: 10px!important;
	}
	.navbar-collapse{
		margin-top: 15px;
	}

	#navigation ul li a{
		position: inherit;
		color: #344271;

	}

	#navigation ul li ul ,
	#navigation ul li ul li ul{
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		position: inherit;
		top: 0;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		z-index: 1;
		visibility: visible;
		background: #fff none repeat scroll 0 0;
		box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.05);
		padding: 15px;
		left: 0;
		background: #f5f5f5;
		list-style: none;
		width: 100%;
	}



	#navigation ul li ul.sub-menu li{
		z-index: 1;
	}

	#navigation ul li:hover ul.sub-menu{
		top:0;
		opacity:1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		z-index:999;
		visibility:visible;
	}
	#main-menu{
		display: none;
	}
	#mobile_menu{
		display: block;
		width: 100%;
	}
	.slicknav_nav ul li a{
		color: #313131 !important;
		font-size: 16px;
		text-transform: capitalize;
		font-weight: 600;
	}

}
@media only screen and (max-width:767px) {
	#particles-js {
		height: 350px;
	}

	.buy-icons {
		padding: 15px !important;
	}

	#product_sale .container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.navbar-default {
		padding: 10px!important;
	}
	.navbar-collapse{
		margin-top: 15px;
	}

	#navigation ul li a{
		position: inherit;
		color: #344271;

	}

	#navigation ul li ul ,
	#navigation ul li ul li ul{
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		position: inherit;
		top: 0;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		z-index: 1;
		visibility: visible;
		background: #fff none repeat scroll 0 0;
		box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.05);
		padding: 15px;
		left: 0;
		background: #f5f5f5;
		list-style: none;
		width: 100%;
	}



	#navigation ul li ul.sub-menu li{
		z-index: 1;
	}

	#navigation ul li:hover ul.sub-menu{
		top:0;
		opacity:1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		z-index:999;
		visibility:visible;
	}
	#main-menu{
		display: none;
	}
	#mobile_menu{
		display: block;
		width: 100%;
	}
	.slicknav_nav ul li a {
		color: #313131 !important;
		font-size: 16px;
		text-transform: capitalize;
		font-weight: 600;
	}
}
@media only screen and (max-width:767px) {
	.navbar-brand {
		padding-top: 20px;
	}
	.slicknav_menu {
		font-size: 16px;
		box-sizing: border-box;
		background: transparent;
		padding: 0;
		margin-top: 10px;
	}
}
@media only screen and (max-width:480px) {
	.slicknav_menu {
		margin-top: -50px;
	}
}

.block-menu {
	background: #213f8c;
	border-radius: 3px;
	background-size: 200% auto;
	color: #344271;
	padding: 6px 26px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	text-transform: uppercase;
	z-index: 1;
	display: inline-block;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-size: 14px;
	margin-top: -11px;
	border: 2px solid #213f8c;
}
.block-menu:hover{
	background:#fff;
	border: 2px solid #344271;
	color:#344271!important;
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
	background-color:#fff;
}
.hero-text h2 {
	color: #0a0a0a;
	font-size: 50px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 74px;
	padding-top: 135px;
	text-transform: capitalize;
	margin-bottom: 20px;
	width: 70%;
	margin: auto;
}
.hero-text p {
	width: 70%;
	margin: auto;
	margin-top: 20px;
}
.home_btn{margin-top:40px;}
.hero-text-img {
	padding-top: 150px;
}
.hero-text-img img {
	width: 100%;
}
.item-bounce {
	-webkit-animation: bounce 8s infinite ease-in-out;
	animation: bounce 8s infinite ease-in-out;
}
.home_btn a {
	margin-right: 10px;
}

.taststok-divider {
	width: 100%;
	height: 100px; /* Hoogte van de divider aanpassen zoals gewenst */
	background: linear-gradient(to bottom, #f4f4f4, #fff, #f4f4f4);
	position: relative;
}

.taststok-divider::before, .taststok-divider::after {
	content: '';
	position: absolute;
	width: 40px; /* Breedte van elke streep */
	height: 100%; /* Hoogte van elke streep */
	background: linear-gradient(to bottom, #f00, #c00404);
	top: 0; /* Plaats de strepen bovenaan */
}

.taststok-divider::before {
	left: 40%;
}

.taststok-divider::after {
	left: 60%; /
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START LIVE MARKET DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_live_market{
	background: #1F2888;
	padding:15px;
	border-radius: 5px;
}
/*
* ----------------------------------------------------------------------------------------
* 04.END LIVE MARKET DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about-text{}
.about-text h2 {
	font-weight: 500;
	line-height: 44px;
	margin-bottom: 20px;
}
.about-text p{margin-bottom: 20px;}
.about_btn{margin-top:30px;}
.video_btn i {
	background: #213f8c;
	color: #fff;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 100px;
	margin-right: 15px;
	display: inline-block;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	font-size: 22px;
	transition: 0.3s;
}
.about_btn a span {
	color: #1d293e;
	font-weight: 500;
	font-size: 17px;
}
/*START WHY CHOOSE US*/
.single_about {
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	padding: 60px 50px;
	border-radius: 10px;
}
.single_about img{width:100px;margin-bottom:25px;}
.single_about h4 {
	color:#1d293e;
	font-weight: 500;
	margin-bottom: 15px;
}
.single_about p{}
/*END WHY CHOOSE US*/
/*
* ----------------------------------------------------------------------------------------
* 05.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------
* 06.START TOKEN SALE + DISTRIBUTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.token_sale_area{
	background:#4644ca;
}
.pre_sale_area{}
.single_presale {
	margin-bottom: 30px;
	background: #fff;
	padding: 20px;
	border-radius: 10px 100px 100px 10px;
	text-align: center;
	box-shadow: 0 10px 10px -10px rgba(0,64,128,.2);
}
.brright{border-radius: 100px 10px 10px 100px;}
.single_presale h5 {
	color:#344271;
	font-size: 20px;
	font-weight: 500;
}
.single_presale p{color: #344271;}

.buy-icons {
	background: #0d43b5;
	padding: 40px;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 0px;
	margin-left:40px;
}

.ca-starts-in h3 {
	font-size: 28px;
	font-weight: 600;
	color:#fff;
	margin-bottom: 25px;
}
.ca-starts-in h1 {
	font-size: 30px;
	font-weight: 600;
	margin: 0 0 12px;
}

.ca-starts-in .info_token{
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 34px;
}

.ca-starts-in .timer-area {
	margin: 0 0 25px;
}

.ca-starts-in .timer-area div {
	color:#fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.ca-starts-in .timer-area div .cdown {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 25%;
	flex: 1 1 25%;
	max-width: 25%;
	display: block;
	background: rgba(24, 17, 55, 0.3);
	border-radius: 5px;
	text-align: center;
	margin-right: 16px;
	padding: 13px 4px;
}

.ca-starts-in .timer-area div .cdown:last-child {
	margin-right: 0;
}

.ca-starts-in .timer-area div .cdown .time-count {
	display: block;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
}
.ca-starts-in .timer-area div .cdown p {
	display: block;
	font-size: 14px;
	line-height: 18px;
}


.buy-icons h4 {
	color: #fff;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 30px;
}
.buy-icons img {
	float: right;
	margin-top: 20px;
}

/*START DISTRIBUTION DESIGN*/
.token_mb{margin-bottom: 80px;}

.token-img h4 {
	font-weight: 600;
	margin-bottom: 60px;
}

.fund-img h4{
	font-weight: 600;
	margin-bottom: 60px;
}
/*END DISTRIBUTION DESIGN*/
/* ----------------------------------------------------------------------------------------
* 06.END TOKEN SALE + DISTRIBUTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------
* 07.START BITCOIN CALCULATER
* ----------------------------------------------------------------------------------------
*/
.bitcoin_area{margin-top: -100px;padding-bottom: 80px;}
.currency_content{
	background:#0d43b5;
	padding:60px;
	border-radius:5px;
}
.currency_content h3{
	color:#fff;
	font-size: 56px;
	font-weight: 700;
}
.currency_content h5{
	color:#fff;
	font-size: 22px;
	font-weight:600;
}
.currency_content p {
	color:#fff;
	margin-top: 20px;
	margin-bottom: 30px;
}

.cryptonatorwidget {
	border: 0 !important;
	padding: 0 !important;
	margin-bottom: 20px;
}
.cryptonatorwidget input {
	border: 2px solid rgba(255,255,255,0.2);
	height: 52px !important;
	margin-bottom: 5px;
	text-transform: capitalize;
	background: none;
	color: #fff;
	padding: 0 10px;
	border-radius: 2px;
}
.cryptonatorwidget select {
	border: 2px solid rgba(255,255,255,0.2);
	height: 52px !important;
	margin-bottom: 5px;
	text-transform: capitalize;
	background: none;
	color: #fff;
	padding: 0 10px;
	font-family: 'Poppins', sans-serif !important;
	border-radius: 2px;
}
.cryptonatorwidget > div {
	display: none;
}

/* ----------------------------------------------------------------------------------------
* 07.END BITCOIN CALCULATER
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 08.START ROADMAP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.timeline{ margin: 0 15px; }
.timeline-content{
	color: #213f8c;
	text-align: center;
	display: block;
}
.timeline-content:hover{ text-decoration: none; }
.timeline-year{
	font-size: 20px;
	font-weight: 600;
	padding: 0 0 15px;
	color: #1d293e;
	margin: 0 0 60px;
	border-bottom: 2px solid #1d293e;
	position: relative;
	z-index: 1;
	transition: 0.3s;
}
.timeline-year:before,
.timeline-year:after{
	content: '';
	background: radial-gradient(#fff,#213f8c,#213f8c);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: -10px;
}
.timeline-year:after{
	background: #1d293e;
	height: 55px;
	width: 3px;
	border-radius: 0;
	bottom: -55px;
	z-index: -1;
}
.inner-content {
	background-color: #4644ca;
	padding: 50px 30px;
	position: relative;
	border-radius: 5px;
	box-shadow: 0 10px 10px -10px rgba(0,64,128,.2);
	margin-bottom: 10px;
}
.inner-content:after{
	background-color: #1F2888;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	top: -20px;
}
.roadmap_title {
	font-size: 20px;
	color:#fff;
	font-weight: 500;
	margin: 0 0 15px 0;
}
.roadmap_description {
	color: #e0e0e0;
	font-family: 'Poppins', sans-serif;
}
@media screen and (max-width:767px){
	.timeline{ margin: 0 0 15px; }
}
/*
 * ----------------------------------------------------------------------------------------
 * 08.END ROADMAP DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 * 09.START DOWNLOAD DESIGN
 * ----------------------------------------------------------------------------------------
 */
.download_area{
	padding:80px 0;
}
.app-text {}

.app-text h2 {
	font-size: 40px;
	margin-bottom:20px;
	font-weight: 600;
	text-transform: capitalize;
}
.app-text p{margin-bottom: 50px;}
.app-text ul{list-style:none;margin-top: 30px;}
.app-text ul li {
	font-size: 20px;
	line-height: 36px;
	margin-bottom: 20px;
}
.app-text ul li span {
	font-size: 16px;
	background: #213f8c;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	border-radius: 30px;
	margin-right: 10px;
	display: inline-block;
	border: 2px solid #213f8c;
}
.app_btn {
	margin-top: 60px;
}
.app_btn a {margin-right:15px;}
.app_btn a i{margin-right:8px;}

/*
 * ----------------------------------------------------------------------------------------
 * 09.END DOWNLOAD DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
* 10.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_team {
	background:#4644ca;
}
.our-team{
	text-align: center;
	padding: 20px;
	transition: 0.3s;
}
.our-team img{
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.our-team .title {
	font-style: italic;
	text-transform: capitalize;
	margin: 15px 0 15px;
	color:#fff;
	opacity: 0.8;
	transform: rotate(-6deg);
}
.our-team .social{
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}
.our-team .social li{
	display: inline-block;
}
.our-team .social li a{
	display: block;
	font-size: 20px;
	color: #fff;
	margin-right: 8px;
	transition: all 0.3s ease 0s;
}
.our-team .social li a:hover{
	color: #0d43b5;
}
.our-team .post {
	color: #fff;
	text-transform: capitalize;
}
@media only screen and (max-width: 990px){
	.our-team{ margin-bottom: 30px; }
}

/*
* ----------------------------------------------------------------------------------------
* 10.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------
* 11.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq1-area {
	padding: 100px 0 100px;
}


.faq-tab-menus {
	display: block;
	text-align: center;
	border: 0;
	margin: 0 0 100px;
}

.faq-tab-menus .nav-item {
	display: inline-block;
	border: 0;
	margin: 0;
}

.faq-tab-menus .nav-item .nav-link {
	display: inline-block;
	border: 0;
	margin: 0;
	color: #1d293e;
	font-size: 24px;
	line-height: 28px;
	padding: 16px 60px;
	border-radius: 3px;
}

.faq-tab-menus .nav-item .nav-link.active {
	background: #213f8c;
	color: #ffffff;
	box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
}

.faq_tab .card {
	border: 1px solid #eee;
	background:#fff;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 5px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	margin-bottom: 20px;
}

.faq_tab .card .card-header {
	border: 0;
	background: transparent;
	padding: 0;
}

.faq_tab .card .card-header .btn {
	display: block;
	width: 100%;
	text-align: left;
	text-decoration: none;
	font-size: 26px;
	line-height: 30px;
	color: #1d293e;
	font-weight:500;
	padding: 24px 46px;
	position: relative;
	white-space: pre-wrap;
}

.faq_tab .card .card-header .btn::after {
	content: "\f077";
	font-family: "fontAwesome";
	font-weight: 900;
	color: #767e92;
	font-size: 14px;
	position: absolute;
	right: 46px;
	top: 30px;
}

.faq_tab .card .card-header .btn.collapsed::after {
	content: "\f078";
}

.faq_tab .card .card-body {
	padding: 6px 46px 40px;
}

.faq_tab .card:hover {
	box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
	-o-box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
}

.faq_tab .card:hover .card-header .btn::after {
	color: #1386fc;
}
/* ----------------------------------------------------------------------------------------
* 11.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_title {
	font-size: 38px;
	font-weight: 500;
	margin-bottom: 30px;
}
.single_address{
	overflow:hidden;
	margin-bottom:15px;
}
.address_br {
	float: left;
	margin-right: 10px;
}
.address_br span {
	background: none;
	border-radius: 500px;
	color: #213f8c;
	font-size: 16px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	margin: auto;
	display: inline-block;
	width: 40px;
	border: 2px solid #213f8c;
}
.single_address h4 {
	font-weight: 600;
}
.single_address p{margin-top: 8px;}


.contact_us{}
.contact_us_bg{
	background:#0B2E8A;
	padding:40px;
}
.contact {margin-right:30px;}
@media only screen and (max-width:768px) {
	.contact {margin-bottom:60px;margin-right:0px;}
}
.contact h4 {font-weight: 700;}
.contact p {
	margin-bottom:40px;
}
.contact input {
	background: none;
	border-radius: 2px;
	box-shadow: none;
	color: #1d293e;
	font-size: 16px;
	font-weight: 400;
	height: 52px;
	padding: 10px 10px 10px 5px;
	width: 100%;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #e8e8e9;
}
.contact textarea {
	background: none;
	border-radius: 2px;
	box-shadow: none;
	color: #1d293e;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 10px 10px 5px;
	width: 100%;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #e8e8e9;
}
.contact input:focus {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid rgba(255,210,52,0.8);
	box-shadow: none;
	color: #1d293e;
	background:none;
	outline: 0 none;
}
.contact textarea:focus {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid rgba(255,210,52,0.8);
	box-shadow: none;
	outline: 0 none;
	color: #1d293e;
	background:none;
}
.contact button {
	width: 100%;
	font-size: 16px;
	border:none ;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner-logo {
	padding-top: 0px;
}
.partner_bg {
	background: #4644ca;
	padding: 30px;
	box-shadow: 0 10px 10px -10px rgba(0,64,128,.2);
	border-radius: 5px;
}
.partner-logo {}
.partner-logo img{width: 130px;}
.partner.owl-theme .owl-controls {
	display:none !important;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	background:#0f1b39ff;
	padding-bottom: 50px;
	padding-top: 60px;
	margin-top: 50px;
}
/*START NEWSLTTER FORM*/
.newsletter-form{margin-bottom:60px;}
.newsletter-form h2 {
	color: #fff;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 36px;
}
.newsletter-form p{color:#fff;}
.subscribe {
	display: block;
	position: relative;
	margin-top: 35px;
	width: 100%;
}
.subscribe__input {
	background: #fff;
	border-radius: 500px;
	color: #344271;
	display: block;
	font-size: 16px;
	height: 56px;
	margin: 0;
	padding: 0 60px 0 20px;
	text-transform: capitalize;
	width: 100%;
	border: 2px solid #fff;
}
.subscribe__input:focus{outline:none;}
.subscribe__btn {
	background-color: #213f8c;
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 18px;
	height: 56px;
	position: absolute;
	right: 0px;
	top: 0;
	width: 130px;
	text-align: center;
}
.subscribe__btn:hover i{
	color:#fff;
}
.subscribe__btn:focus{outline:none;}
button {
	padding: 0;
	border: none;
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
}
/*END NEWSLTTER FORM*/

/*START FOOTER SOCIAL DESIGN*/
.footer_profile{margin-bottom:40px;}
.footer_profile ul{
	list-style: outside none none;
	margin: 0;
	padding: 0
}
.footer_profile ul li{
	display: inline-block;
}
@media only screen and (max-width:480px) {
	.footer_profile ul li{margin:2px;}
}
.footer_profile ul li a img{width:60px;}

.footer_profile ul li a {
	background: #213f8c;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	margin-right: 5px;
	border-radius: 50%;
	line-height: 40px;
	box-sizing: border-box;
	text-decoration: none;
	box-shadow: 0 10px 15px rgba(0,0,0,0.1);
	-webkit-transition: .3s;
	transition: .3s;
	color: #fff;
}

/*END FOOTER SOCIAL DESIGN*/
.footer_copyright {
	font-size: 13px;
	color: #fff;
}


/*woocom*/
body.woocommerce div.product {
	font-family: Arial, sans-serif;
	color: #333;
}

/* Product Title */
body.woocommerce div.product .product_title {
	font-size: 24px;
	font-weight: bold;
	color: #222;
	margin-bottom: 10px;
}
.woocommerce #reviews .commentlist li {
	border: 1px solid #eee;
	border-radius: 12px;
	padding: 15px;
	margin-bottom: 15px;
	background: #fafafa;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* Sterren */
.woocommerce #reviews .star-rating {
	color: #f5a623;
	font-size: 16px;
	margin-bottom: 6px;
}

/* Naam/datum */
.woocommerce #reviews .meta {
	font-size: 14px;
	color: #666;
	margin-bottom: 6px;
}

.woocommerce #reviews #comments ol.commentlist,
.woocommerce #reviews #comments ol.commentlist li {
	list-style: none !important;
}

/* Rating Stars */
body.woocommerce div.product .star-rating span:before {
	color: #f39c12;
}
.woocommerce-product-rating {
	display: flex;
	align-items: center;
	gap: 6px;
}

.woocommerce-product-rating .woocommerce-review-link {
	margin-left: 6px;
	white-space: nowrap;
}
.woocommerce-Reviews-title {
	font-size:16px;
}

/* Product Description and Tabs */
body.woocommerce div.product .woocommerce-tabs {
	margin-top: 40px;
}
@media (max-width: 768px) {
	.woocommerce-tabs ul.tabs {
		flex-wrap: nowrap;        /* Geen wrap */
		overflow-x: auto;         /* Scrollbaar */
		-webkit-overflow-scrolling: touch; /* Smooth scroll op iOS */
	}

	.woocommerce-tabs ul.tabs li {
		flex: 0 0 auto;           /* Breekt niet, breedte past zichzelf aan */
		white-space: nowrap;       /* Tekst breekt niet */
	}
}
body.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: flex;
	justify-content: center;
	padding: 0;
	margin-bottom: 0;
	gap: 10px;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling: touch;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li {
	list-style: none;
	margin: 0;
	text-align: center;
	flex: 1;
	white-space: nowrap;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: block;
	padding: 14px 28px;
	color: #444;
	text-decoration: none;
	font-weight: 600;
	border-radius: 6px 6px 0 0;
	font-size: 14px;
	background: #f8f9fa;
	transition: all 0.3s ease;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	background: #f1f1f1;
	color: #213f8c;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: #213f8c;
	background: #fff;
	border: 2px solid #213f8c;
	border-bottom: none;
	position: relative;
	top: 2px; /* makes the active tab blend into content */
}

/* Tab Content Panels */
body.woocommerce div.product .woocommerce-Tabs-panel {
	padding: 25px 20px;
	border: 2px solid #213f8c;
	border-top: none;
	background-color: #fff;
	border-radius: 0 0 8px 8px;
}

/* Add to Cart Button */
body.woocommerce div.product .single_add_to_cart_button {
	background-color: #febd00;
	color: #181818;
	border: none;
	padding: 18px 60px;
	font-size: 22px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

body.woocommerce div.product .single_add_to_cart_button:hover {
	background-color: #ffdb5c;
}

/* Product Meta */
body.woocommerce div.product .product_meta {
	font-size: 14px;
	color: #666;
	margin-top: 20px;
}

body.woocommerce div.product .product_meta a {
	color: #213f8c;
}

/* Related Products */
body.woocommerce .related.products {
	margin-top: 50px;
}

body.woocommerce .related.products h2 {
	font-size: 24px;
	font-weight: bold;
	color: #222;
	margin-bottom: 20px;
}

body.woocommerce .related.products ul.products {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

body.woocommerce .related.products ul.products li.product {
	flex: 1 1 calc(33.333% - 20px);
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ddd;
	padding: 15px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

body.woocommerce .related.products ul.products li.product:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

body.woocommerce .related.products ul.products li.product a {
	text-decoration: none;
	color: inherit;
}

/* WooCommerce Notices */
.woocommerce-info,
.woocommerce-error,
.woocommerce-message {
	padding: 10px 15px;
	border-left: 4px solid;
	margin-bottom: 20px;
	background-color: #fff;
}

.woocommerce-info {
	border-color: #bce8f1;
	color: #101010;
	background-color: #d9edf7;
}

.woocommerce-error {
	border-color: #ebccd1;
	color: #000;
	background-color: #f2dede;
}

.woocommerce-message {
	border-color: #d6e9c6;
	color: #0f1e0f;
	background-color: #dff0d8;
}

/* Improve Notice Text Visibility */
.woocommerce-message a {
	color: #0f1e0f;
	font-weight: bold;
	text-decoration: underline;
}

/* Custom Tab Content */
.woocommerce-tabs .custom_tab a {
	color: #333;
	background-color: #f1f1f1;
	padding: 10px;
}

.woocommerce-Tabs-panel--custom {
	padding: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
}

body.woocommerce div.product .quantity {
	display: flex;
	align-items: center;
}

body.woocommerce div.product .quantity input[type="number"],
body.woocommerce div.product .quantity .qty {
	appearance: none;
	-moz-appearance: textfield;
	-webkit-appearance: none;
	width: 60px;
	height: 71px;
	padding: 0 10px;
	margin: 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 16px;
	color: #333;
	background-color: #fff;
}

body.woocommerce div.product .quantity input[type="number"]:focus,
body.woocommerce div.product .quantity .qty:focus {
	border-color: #213f8c;
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	outline: none;
}

/* Quantity buttons */
body.woocommerce div.product .quantity .minus,
body.woocommerce div.product .quantity .plus {
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #333;
	cursor: pointer;
	transition: background-color 0.3s, border-color 0.3s;
}

body.woocommerce div.product .quantity .minus:hover,
body.woocommerce div.product .quantity .plus:hover {
	background-color: #213f8c;
	color: #fff;
	border-color: #213f8c;
}

body.woocommerce div.product .quantity .minus {
	border-radius: 4px 0 0 4px;
}

body.woocommerce div.product .quantity .plus {
	border-radius: 0 4px 4px 0;
}

/* General Gallery Styling */
.woocommerce-product-gallery {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 20px;
	overflow: hidden; /* Ensure overflow is hidden to prevent horizontal scrolling */
	max-width: 100%;
}

.woocommerce-product-gallery .flex-viewport {
	max-width: 100%; /* Ensure the gallery does not exceed its container width */
}

.woocommerce-product-gallery__wrapper {
	display: flex;
	justify-content: flex-start; /* Adjust alignment as per your design */
	align-items: center; /* Adjust alignment as per your design */
	overflow-x: auto; /* Enable horizontal scrolling for overflow */
	margin-bottom: 20px;
	scroll-snap-type: x mandatory; /* Enable snapping to each image */
}

.woocommerce-product-gallery__image {
	position: relative;
	flex: 0 0 auto; /* Ensure images do not grow or shrink */
	margin: 0 10px; /* Adjust margins between images */
	scroll-snap-align: center; /* Center each image when scrolling */
	max-width: 100%; /* Ensure images do not exceed their container width */
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.woocommerce-product-gallery__image img {
	display: block;
	width: 100%;
	height: auto;
}

.woocommerce-product-gallery__image:hover {
	transform: scale(1.05);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Thumbnails Styling */
.woocommerce-product-gallery .thumbnails {
	display: flex;
	justify-content: flex-start; /* Adjust alignment as per your design */
	align-items: center; /* Adjust alignment as per your design */
	flex-wrap: nowrap; /* Prevent wrapping of thumbnails */
	overflow-x: auto; /* Enable horizontal scrolling for overflow */
	margin-top: 20px;
	scroll-snap-type: x mandatory; /* Enable snapping to each thumbnail */
}

.woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image {
	margin: 0 5px; /* Adjust margins between thumbnails */
	width: 80px; /* Adjust thumbnail width */
	height: 80px; /* Adjust thumbnail height */
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image img {
	width: 100%; /* Ensure thumbnails occupy the full width of their container */
	height: 100%; /* Ensure thumbnails occupy the full height of their container */
	object-fit: cover; /* Maintain aspect ratio */
	border-radius: 4px;
}

.woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image:hover {
	transform: scale(1.05);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
/* Adjustments for positioning gallery on the left side */
@media (min-width: 768px) {
	.woocommerce-product {
		flex-direction: row; /* Arrange gallery and details side by side */
	}

	.woocommerce-product-gallery {
		flex: 0 0 60%; /* Take up 40% of the container width on larger screens */
		max-width: 60%;
		margin-right: 20px; /* Optional: Add margin between gallery and details */
	}

	.woocommerce-product-details {
		flex: 1; /* Take up remaining space */
		max-width: calc(40% - 20px); /* Set maximum width and consider margin */
	}

	body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		font-size: 15px;
	}
}
/* Override WooCommerce Flex Control Thumbs */
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs {
	overflow-x: auto; /* Enable horizontal scrolling for overflow */
	display: flex !important; /* Ensure flex display is used */
	justify-content: flex-start; /* Adjust alignment as needed */
	align-items: center; /* Adjust alignment as needed */
	flex-wrap: nowrap; /* Prevent wrapping of thumbnails */
	margin-top: 10px; /* Add top margin */
	margin-bottom: 10px; /* Add bottom margin */
	padding-left: 0; /* Ensure no left padding */
	list-style: none; /* Remove default list styling */
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	margin-right: 10px; /* Adjust spacing between thumbnails */
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li img {
	width: 100px; /* Adjust thumbnail width */
	height: 100px; /* Adjust thumbnail height */
	object-fit: cover; /* Maintain aspect ratio */
	border-radius: 4px; /* Optional: Add border radius */
	cursor: pointer; /* Ensure cursor changes on hover */
	transition: opacity 0.3s ease; /* Optional: Add transition effect */
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li img:hover {
	opacity: 0.7; /* Optional: Reduce opacity on hover */
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	width: auto !important;
	flex: 0 0 auto;
}

.woocommerce-noreviews {
	padding: 20px; /
	border: 1px solid #e0e0e0;
	background-color: #f9f9f9 !important;
	text-align: center;
	margin-bottom: 20px;
	border-radius: 4px;
	color: #2d2c2c;
	background-color: #efefef !important;

}

/* Styling WooCommerce My Account Navigation */
nav.woocommerce-MyAccount-navigation {
	background-color: #f9f9f9; /* Background color */
	padding: 20px; /* Padding around the navigation */
	border-radius: 8px; /* Rounded corners */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow for depth */

	/* Optional: Flexbox to align items */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

nav.woocommerce-MyAccount-navigation ul {
	list-style-type: none; /* Remove default list styles */
	padding: 0;
	margin: 0;
	display: flex; /* Flexbox for horizontal layout */
}

nav.woocommerce-MyAccount-navigation li {
	margin-right: 20px; /* Spacing between menu items */
}

nav.woocommerce-MyAccount-navigation a {
	text-decoration: none; /* Remove underline */
	color: #333; /* Link color */
	padding: 10px; /* Padding around links */
	transition: color 0.3s ease; /* Smooth color transition */
}

nav.woocommerce-MyAccount-navigation a:hover {
	color: #007bff; /* Hover color */
}

/* Active Link Style */
nav.woocommerce-MyAccount-navigation .is-active a {
	font-weight: bold; /* Bold font for active link */
	color: #007bff; /* Active link color */
}

/* Style WooCommerce Edit Account Form */
.woocommerce-MyAccount-content {
	background-color: #ffffff; /* Background color */
	padding: 20px; /* Padding around the content */
	border: 1px solid #e0e0e0; /* Border around the content */
	border-radius: 8px; /* Rounded corners */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow for depth */
	margin: 0 auto; /* Center align on the page */
}

.woocommerce-EditAccountForm {
	margin-top: 20px; /* Optional: Add space above the form */
}

.woocommerce-EditAccountForm p {
	margin-bottom: 20px; /* Space between form paragraphs */
}

.woocommerce-EditAccountForm label {
	font-weight: bold; /* Bold labels */
}

.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"] {
	width: 100%; /* Full width inputs */
	padding: 10px; /* Padding inside inputs */
	border: 1px solid #ccc; /* Border color */
	border-radius: 4px; /* Rounded corners */
	margin-top: 5px; /* Space above inputs */
	margin-bottom: 10px; /* Space below inputs */
	box-sizing: border-box; /* Include padding and border in element's total width and height */
}

/* Password Section */
.woocommerce-EditAccountForm fieldset {
	margin-top: 20px; /* Space above the fieldset */
	border: 1px solid #e0e0e0; /* Border around the fieldset */
	padding: 20px; /* Padding inside the fieldset */
	border-radius: 8px; /* Rounded corners */
}

.woocommerce-EditAccountForm legend {
	font-size: 18px; /* Legend font size */
	font-weight: bold; /* Bold legend text */
	margin-bottom: 10px; /* Space below the legend */
}

.woocommerce-EditAccountForm .woocommerce-form-row {
	margin-bottom: 15px; /* Space between form rows */
}

.woocommerce-EditAccountForm .woocommerce-form-row label {
	display: block; /* Display labels as blocks */
	margin-bottom: 5px; /* Space below labels */
}

.woocommerce-EditAccountForm .woocommerce-form-row input[type="password"] {
	width: calc(100% - 20px); /* Full width minus padding for consistent input width */
	padding: 10px; /* Padding inside inputs */
	border: 1px solid #ccc; /* Border color */
	border-radius: 4px; /* Rounded corners */
	box-sizing: border-box; /* Include padding and border in element's total width and height */
}

.woocommerce-EditAccountForm .show-password-input {
	position: absolute;
	right: 10px; /* Adjust as needed */
	top: 50%; /* Vertically center */
	transform: translateY(-50%);
	cursor: pointer;
}

.woocommerce-EditAccountForm button[type="submit"] {
	background-color: #007bff; /* Button background color */
	color: #fff; /* Button text color */
	border: none; /* Remove button border */
	padding: 12px 20px; /* Padding inside button */
	font-size: 16px; /* Button text size */
	border-radius: 4px; /* Rounded corners */
	cursor: pointer; /* Pointer cursor */
	transition: background-color 0.3s ease; /* Smooth background color transition */
}

.woocommerce-EditAccountForm button[type="submit"]:hover {
	background-color: #0056b3; /* Darker background color on hover */
}

/* Adjust layout for password fields */
.woocommerce-EditAccountForm .woocommerce-form-row label {
	display: block; /* Display labels as block-level elements */
	margin-bottom: 5px; /* Space below labels */
}

.woocommerce-EditAccountForm .woocommerce-form-row .password-input {
	display: block; /* Display password input container as block-level element */
	margin-top: 5px; /* Space above password input */
}

.woocommerce-EditAccountForm .woocommerce-form-row .show-password-input {
	display: inline-block; /* Display show password toggle inline */
	vertical-align: middle; /* Align vertically */
	margin-left: 10px; /* Space between input and show password toggle */
}

.woocommerce-EditAccountForm .woocommerce-form-row input[type="password"] {
	width: calc(100% - 20px); /* Full width minus padding for consistent input width */
	padding: 10px; /* Padding inside inputs */
	border: 1px solid #ccc; /* Border color */
	border-radius: 4px; /* Rounded corners */
	box-sizing: border-box; /* Include padding and border in element's total width and height */
	margin-top: 5px; /* Space above inputs */
	margin-bottom: 10px; /* Space below inputs */
}

.woocommerce-form-login {
	margin-top: 20px; /* Space above the form */
}

.woocommerce-form-login .woocommerce-form-row {
	margin-bottom: 15px; /* Space between form rows */
}

.woocommerce-form-login label {
	font-weight: bold; /* Bold labels */
}
.restock-email input,
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-login input[type="checkbox"] {
	width: 100%; /* Full width inputs */
	padding: 10px; /* Padding inside inputs */
	border: 1px solid #ccc; /* Border color */
	border-radius: 4px; /* Rounded corners */
	margin-top: 5px; /* Space above inputs */
	margin-bottom: 10px; /* Space below inputs */
	box-sizing: border-box; /* Include padding and border in element's total width and height */
}

.woocommerce-form-login .password-input {
	display: block; /* Display password input block as block-level element */
	margin-top: 5px; /* Space above password input */
}

.woocommerce-form-login .show-password-input {
	display: inline-block; /* Display show password toggle inline */
	vertical-align: middle; /* Align vertically */
	margin-left: 10px; /* Space between input and show password toggle */
}

.woocommerce-form-login .woocommerce-form__label-for-checkbox {
	display: inline-block; /* Display checkbox label inline */
	margin-right: 10px; /* Space between checkbox and label */
	vertical-align: middle; /* Align checkbox label vertically */
}

.woocommerce-form-login .woocommerce-form-login__submit {
	background-color: #007bff; /* Button background color */
	color: #fff; /* Button text color */
	border: none; /* Remove button border */
	padding: 12px 20px; /* Padding inside button */
	font-size: 16px; /* Button text size */
	border-radius: 4px; /* Rounded corners */
	cursor: pointer; /* Pointer cursor */
	transition: background-color 0.3s ease; /* Smooth background color transition */
}

.woocommerce-form-login .woocommerce-form-login__submit:hover {
	background-color: #0056b3; /* Darker background color on hover */
}

.woocommerce-LostPassword {
	margin-top: 10px; /* Space above lost password link */
	font-size: 14px; /* Font size for lost password link */
}

.woocommerce-LostPassword a {
	color: #007bff; /* Link color */
	text-decoration: none; /* Remove underline */
}

.woocommerce-LostPassword a:hover {
	text-decoration: underline; /* Underline on hover */
}

table.woocommerce-product-attributes {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px; /* Optional margin */
}

/* Style for table headers */
.woocommerce-product-attributes-item__label {
	font-weight: bold;
	padding: 8px 16px;
	text-align: left;
	border-bottom: 1px solid #ddd; /* Optional border bottom */
}

.woocommerce-product-attributes-item__value {
	padding: 8px 16px;
	text-align: left;
	border-bottom: 1px solid #ddd; /* Optional border bottom */
}

.woocommerce-product-attributes tbody tr:nth-child(even) {
	background-color: #f9f9f9; /* Light gray */
}

.product .onsale {
	display:none;
}

p.price del .woocommerce-Price-amount {
	color: #888;
	text-decoration: line-through;
	margin-right: 10px;
	font-size: 1.0em;
}

p.price ins .woocommerce-Price-amount {
	color: #bb1403;
	font-size: 1.2em;
	font-weight: bold;
}
.woocommerce .price .price-cents {
	font-size: 0.6em;
	vertical-align: super;
	margin-left: -3px;
}

.woocommerce-Price-currencySymbol {
	font-size: 1.2em;
}

.woocommerce-Price-amount {
	font-size:1.4em;
}

p.low-stock-message {
	color: #373737;
	font-weight: bold;
	font-size: 1em;
	margin-top: 10px;
}

.summary .cart {
	display: block;
}

.stock.in-stock {
	display: none !important;
}
.woocommerce-variation-add-to-cart {
	display:flex;
}

.woocommerce-product {
	display: flex;
	flex-wrap: wrap;
}


.page-title {
	font-size: 2.5em;
	text-align: center;
	margin-bottom: 20px;
	color: #333;
}

.woocommerce-notices-wrapper {
	margin-bottom: 20px;
}

.woocommerce-result-count {
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #555;
}

.woocommerce-ordering {
	margin-bottom: 20px;
	text-align: center;
}

.woocommerce-ordering select {
	padding: 10px;
	font-size: 1em;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.products {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.products .product {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 10px;
	padding: 10px;
	width: 22%;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	text-align: center;
	position: relative;
}

.products .product a {
	text-decoration: none;
	color: #333;
}

.products .product img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	transition: transform 0.3s ease;
}

.products .product:hover img {
	transform: scale(1.1);
}

.woocommerce-loop-product__title {
	font-size: 1.2em;
	margin: 10px 0;
	color: #333;
}

.price {
	font-size: 1.2em;
	color: #d9534f;
}

.price del {
	color: #777;
	margin-right: 5px;
}

.onsale {
	background-color: #d9534f;
	color: #fff;
	padding: 5px 10px;
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 0.9em;
	border-radius: 3px;
}

.add_to_cart_button {
	display: inline-block;
	margin-top: 10px;
	padding: 10px 20px;
	background-color: #5cb85c;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.add_to_cart_button:hover {
	background-color: #4cae4c;
}
.cwginstock-panel-primary {
	float:left;
	width:100%;
	border: 1px solid #ddd;
}
.cwginstock-panel-primary input {
	margin-bottom: 5px !important;
}
.cwginstock-panel-primary h4 {
	color:#fff;
}
.cwginstock-subscribe-form .panel-primary > .panel-heading {
	color: #fff !important;
	background-color: #103d64 !important;
	border-color: #103d64 !important;
 }
.cwginstock-subscribe-form .panel-heading {
	padding: 10px 15px !important;
	border-bottom: 1px solid transparent !important;
	border-bottom-color: transparent !important;
	border-top-right-radius: 3px !important;
	border-top-left-radius: 3px !important;
}

.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
	display: inline-block;
	background-color: #1b2e5d;
	color: #fff;
	padding: 13px 20px;
	font-size: 1.2em;
	border: none;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
	background-color: #0056b3;
	transform: scale(1.05);
}

.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:active {
	background-color: #004494;
	transform: scale(1);
}

.wc-block-components-button__text {
	display: inline-block;
}

.wc-block-cart__main table {
	width: 100%;
	border-collapse: collapse;
}

.wc-block-cart__main th, .wc-block-cart__main td {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

/* Style the proceed to checkout button */
.wc-block-cart__submit-button.contained {
	display: inline-block;
	background-color: #1b2e5d; /* Primary color */
	color: #fff; /* Text color */
	padding: 10px 20px;
	font-size: 1.2em;
	border: none;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.wc-block-components-checkout-place-order-button.contained {
	display: inline-block;
	background-color: #007bff; /* Primary color */
	color: #fff; /* Text color */
	padding: 10px 20px;
	font-size: 1.2em;
	border: none;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.wc-block-components-checkout-place-order-button.contained:hover {
	background-color: #0056b3; /* Darker shade of the primary color for hover effect */
	transform: scale(1.05); /* Slightly enlarge the button on hover */
}

.free-shipping-text, .order-shipping-text {
	color: #28a745;
	margin-top: 10px;
	margin-bottom: 10px;
}

.preorder-shipping-text {
	margin-top: 10px;
	color:#ce523e;
}

.woocommerce-product-details__short-description {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.6;
	color: #555;
}

.entry-content .woocommerce-form-login {
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
}

/* Formulierstijlen */
.entry-content .woocommerce-form-login .woocommerce-form-row {
	margin-bottom: 15px;
}

.entry-content .woocommerce-form-login .woocommerce-Input {
	width: 100%; /* Volledige breedte invoervelden */
	padding: 10px;
	border: 1px solid #ccc; /* Licht rand */
	border-radius: 4px; /* Afgeronde hoeken */
}

.entry-content .woocommerce-form-login .password-input {
	position: relative;
	display: inline-block;
	width: 100%;
}

.entry-content .woocommerce-form-login .password-input input {
	width: calc(100% - 32px); /* Breedte van het invoerveld minus het icoon voor wachtwoord tonen */
}

.entry-content .woocommerce-form-login .show-password-input {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	cursor: pointer;
}

.entry-content .woocommerce-form-login .woocommerce-form__label-checkbox {
	display: inline-block;
	margin-right: 10px;
}

/* Knop voor verzenden */
.entry-content .woocommerce-form-login .woocommerce-form-login__submit {
	display: inline-block;
	background-color: #1b2e5d;
	color: #fff;
	padding: 13px 20px;
	font-size: 1.2em;
	border: none;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.entry-content .woocommerce-form-login .woocommerce-form-login__submit:hover {
	background-color: #0056b3;
	transform: scale(1.05);}

/* Link voor wachtwoord vergeten */
.entry-content .woocommerce-form-login .lost_password {
	margin-top: 10px;
	font-size: 14px;
}

.entry-content .woocommerce-form-login .lost_password a {
	color: #0073aa; /* Linkkleur */
	text-decoration: none;
}

.entry-content .woocommerce-form-login .lost_password a:hover {
	text-decoration: underline; /* Onderstrepen bij hover */
}
/* Responsive Styling */
@media (max-width: 768px) {
	.woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image {
		width: 60px; /* Adjust thumbnail width for smaller screens */
		height: 60px; /* Adjust thumbnail height for smaller screens */
	}
	.hero-text h2 {
		font-size:38px;
	}
}

.woocommerce-order {
	font-family: 'Arial', sans-serif;
	color: #333;
	background-color: #f9f9f9;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	max-width: 1200px;
	margin: 0 auto;
}

.woocommerce-notice--success {
	background-color: #28a745;
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

.woocommerce-order-overview {
	list-style: none;
	padding: 0;
	margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.woocommerce-order-overview li {
	flex: 1 1 48%;
	margin-bottom: 15px;
	background-color: #fff;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	font-size: 1em;
}

.woocommerce-order-overview li strong {
	color: #007bff;
}

.woocommerce-order-details__title,
.woocommerce-column__title {
	font-size: 1.5em;
	margin-bottom: 10px;
	color: #007bff;
}

.woocommerce-table--order-details {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
	padding: 15px;
	border-bottom: 1px solid #ddd;
}

.woocommerce-table--order-details th {
	text-align: left;
}

.woocommerce-table--order-details td {
	background-color: #fff;
}

.woocommerce-table--order-details tfoot th {
	font-size: 1.1em;
}

.woocommerce-table--order-details tfoot td {
	font-weight: bold;
	color: #007bff;
}

.includes_tax {
	font-size: 0.9em;
	color: #555;
}

.woocommerce-customer-details address {
	background-color: #fff;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	line-height: 1.6em;
	font-size: 1em;
}

.woocommerce-customer-details--email {
	color: #007bff;
	font-weight: bold;
}
#place_order.button.alt {
	display: inline-block;
	background-color: #1b2e5d;
	color: #fff;
	padding: 13px 20px;
	font-size: 1.2em;
	border: none;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

#place_order.button.alt:hover {
	background-color: #0056b3;
	transform: scale(1.05);
}
.blog-post-thumbnail img {
	width: 100%; /* Make the image fill its container */
	height: 200px; /* Set a fixed height for the images */
	object-fit: cover; /* Crop the image to fit the box while maintaining aspect ratio */
	border-radius: 8px; /* Optional: Adds rounded corners */
}

.blog-post-title h3 {
	font-size: 1.5rem; /* Set a larger font size */
	font-weight: bold; /* Make the title bold */
	text-align: center; /* Center-align the title */
	margin: 15px 0; /* Add space around the title */
	color: #333; /* Dark gray color for the title */
	text-transform: uppercase; /* Make the text uppercase */
	transition: color 0.3s ease; /* Smooth transition for hover effect */
}

.blog-post-title h3 a {
	text-decoration: none; /* Remove underline from the title links */
	color: #007bff; /* Initial color for the title links (blue) */
}

.blog-post-title h3 a:hover {
	color: #ff6600; /* Change color on hover (orange) */
}

/* Optional: Add a subtle border or underline below the title */
.blog-post-title h3::after {
	content: "";
	display: block;
	width: 50px; /* Set the width of the underline */
	height: 3px; /* Set the thickness of the underline */
	background-color: #007bff; /* Same color as the title */
	margin: 10px auto 0; /* Center the underline and add space */
	transition: width 0.3s ease; /* Smooth transition for hover effect */
}

.blog-post-title h3:hover::after {
	width: 100px; /* Increase underline width on hover */
}
/* Title Styling */
.entry-title {
	font-size: 2rem; /* Adjust for better readability */
	font-weight: bold;
	color: #333;
	text-align: center;
	margin: 20px 0;
}

.entry-title a {
	text-decoration: none;
	color: #007bff; /* Bootstrap primary color for links */
}

.entry-title a:hover {
	color: #ff6600; /* Hover color */
}

/* Post Meta Styling */
.entry-meta {
	font-size: 0.875rem; /* Smaller size for meta */
	color: #6c757d; /* Bootstrap muted text color */
}

/* Post Thumbnail */
.post-thumbnail img {
	width: 100%;
	height: auto;
	border-radius: 8px; /* Rounded corners */
}

/* Content Styling */
.entry-content p {
	font-size: 1.1rem;
	line-height: 1.75;
	margin-bottom: 1.5rem;
}

.entry-content a {
	color: #007bff; /* Bootstrap primary link color */
	text-decoration: underline;
}

.entry-content a:hover {
	color: #ff6600; /* Hover color */
	text-decoration: none;
}

/* Footer */
.entry-footer {
	font-size: 0.9rem;
	text-align: center;
}

/* Pagination Links */
.page-links a {
	padding: 0.5rem 1rem;
	margin: 0.25rem;
	border-radius: 0.25rem;
	background-color: #007bff;
	color: #fff;
	text-decoration: none;
}

.page-links a:hover {
	background-color: #ff6600;
}
/* Comment Form Styling */
.comment-form {
	margin-top: 30px;
	padding: 20px;
	border: 1px solid #e0e0e0;
	background-color: #f9f9f9;
	border-radius: 8px;
}

/* Comment Form Fields */
.comment-form .form-group {
	margin-bottom: 20px;
}

.comment-form .form-control {
	width: 100%;
	padding: 10px;
	border: 1px solid #ced4da;
	border-radius: 4px;
	background-color: #fff;
	font-size: 1rem;
}

.comment-form .form-control:focus {
	border-color: #007bff;
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

/* Submit Button */
.comment-form .btn {
	padding: 10px 20px;
	font-size: 1.2rem;
	background-color: #007bff;
	border: none;
	color: white;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.comment-form .btn:hover {
	background-color: #0056b3;
}

/* Add margin and style to individual comments */
.comment-list {
	margin-top: 40px;
}

.comment-list .comment {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	background-color: #fff;
}

/* Comment Author */
.comment-list .comment-author {
	font-weight: bold;
	font-size: 1.1rem;
	color: #333;
}

/* Comment Metadata (date, time, etc.) */
.comment-list .comment-meta {
	font-size: 0.9rem;
	color: #777;
}

/* Comment Text */
.comment-list .comment-content {
	margin-top: 10px;
	font-size: 1rem;
	line-height: 1.6;
	color: #555;
}

/* Reply Link */
.comment-list .comment-reply-link {
	font-size: 0.9rem;
	color: #007bff;
}

.comment-list .comment-reply-link:hover {
	color: #0056b3;
	text-decoration: underline;
}
.cat-links {
	display: none;
}
.post-navigation {
	margin-top: 30px; /* Spacing above the navigation */
}

.post-navigation {
	margin-top: 30px; /* Spacing above the navigation */
}

.post-navigation .prev-post,
.post-navigation .next-post {
	margin: 10px 0;
	display: flex;
	align-items: center; /* Centering the content vertically */
}

.post-navigation h5 {
	font-size: 1.2rem; /* Font size for titles */
	margin: 0 0 5px; /* Margin below the title */
	color: #007bff; /* Bootstrap primary color */
}

.post-navigation p {
	color: #555; /* Dark grey for text */
	font-size: 0.95rem; /* Font size for the excerpt */
	margin: 0; /* No margin for paragraph */
}

.post-navigation img {
	width: 100px; /* Fixed width for uniformity */
	height: 100px; /* Fixed height to maintain aspect ratio */
	object-fit: cover; /* Ensures the image covers the area without distortion */
	border-radius: 8px; /* Rounded corners */
}

@media (max-width: 768px) {
	.post-navigation {
		padding: 15px; /* Less padding on smaller screens */
	}

	.post-navigation img {
		max-width: 80px; /* Adjusted image size on mobile */
		max-height: 80px; /* Ensure height is also adjusted */
	}
}
.wcontainer {
	width: 90% !important;
	max-width: 100%;
	margin: 0 auto; /* Center the container */
}

/* Scrolling container */
.media-scroll-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 20px 0px;
}

/* Content inside the container (wrap media items) */
.media-content {
	display: flex;
	animation: scroll-left 30s linear infinite;
}

.media-block {
	flex-shrink: 0;
	width: 450px;
	margin-right: 50px;
	box-sizing: border-box;
}
.benefits-list {
	padding-left: 5px;
	padding-top: 20px;
	list-style-type: none;  /* Remove default list bullets */
	font-size: 1rem;
	color: #333;  /* A softer text color for readability */
}

.benefits-list li {
	position: relative;
	margin-bottom: 15px;
	padding-left: 5px;
	line-height: 1.5;
}

.benefits-list li .icon {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.4rem;
	color: #355782;
}

.entry-content ul ul {
	margin-left: 20px;
}

table.variations {
	border-collapse: separate;
	font-family: inherit;
}

table.variations th.label {
	text-align: left;
	font-weight: 600;
	padding: 0.5rem 0;
	color: #333;
	font-size: 1rem;
	width: 30%;
}

table.variations td.value {
	padding: 0.5rem 0;
}

table.variations select {
	padding: 0.5rem;
	font-size: 1rem;
	border: 1px solid #ccc;
	border-radius: 6px;
	transition: border-color 0.2s, box-shadow 0.2s;
}

table.variations select:focus {
	border-color: #007cba;
	box-shadow: 0 0 0 3px rgba(0,124,186,0.2);
	outline: none;
}

.reset_variations {
	margin-top: 0.5rem;
	font-size: 0.9rem;
	color: #888;
	text-decoration: underline;
	transition: color 0.2s;
}

.reset_variations:hover {
	color: #333;
}

table.variations select option {
	padding: 0.4rem;
}

.blog-post-thumbnail img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
/* Keyframe animation for horizontal scrolling */
@keyframes scroll-left {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}
@media screen and (max-width: 767px) {
	.media-content {
		animation: scroll-left 7s linear infinite;  /* Faster scrolling for mobile */
	}

	/* Make media blocks flexible on mobile */
	.media-block {
		width: 80%;  /* Adjust width to make blocks fit within the mobile viewport */
		margin-right: 10px;  /* Smaller margin for mobile */
	}

	/* Prevent the content from overflowing */
	.media-scroll-container {
		padding: 0 10px; /* Add some padding to avoid blocks touching the edges */
	}}