/***********************
    1. BASIC           *
    2. Home section    *
    3. about section   *
    4. service section *
    5. work section    *
    6. Graph section   *
    7. Review section  *
    8. Footer          *
    9. Media query     */

    @font-face {
        font-family: "Helvetica";
        font-display: block;
        src: url("/app/uploads/landingpages/cannabis/assets/fonts/Helvetica.ttf");
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: "Helvetica";
        font-display: block;
        src: url("/app/uploads/landingpages/cannabis/assets/fonts/Helvetica-Oblique.ttf");
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: "Helvetica";
        font-display: block;
        src: url("/app/uploads/landingpages/cannabis/assets/fonts/Helvetica-Bold.ttf");
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: "Helvetica";
        font-display: block;
        src: url("/app/uploads/landingpages/cannabis/assets/fonts/HelveticaNeue-Black.otf") format("opentype");
        font-weight: 900;
        font-style: normal;
    }

    /*======================
            1.BASIC
    ========================*/
    * {
        box-sizing: border-box;
    }
    body {
        font-family: "Helvetica", sans-serif;
        overflow-x: hidden;
        background-color: #ffffff;
        font-size: 1vw;
        margin: 0 auto;
        max-width: 530px;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: "Helvetica", sans-serif;
        margin: 0;
    }
    ul,
    li {
        list-style: none;
        padding-left: 0;
		margin: 0;
    }
    a,
    a:hover,
    a:focus,
    button,
    button:focus {
        text-decoration: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
    p {
        font-size: 17pt;
    }
    h1 {
        font-weight: 700;
    }
    p {
        margin: 0;
    }
    /* img {
        width: 100%;
    } */
    .container {
        max-width: 530px;
        margin: 0 auto;
    }
    .position_relative {
        position: relative;
    }
    .position_absolute {
        position: absolute;
    }
    .w_full {
        width: 100%;
		display: block;
    }
    .fw-bold {
        font-weight: 700;
    }
    .text_left {
        text-align: left;
    }
    .text-center {
        text-align: center;
    }
    .text_blue {
        color: #002c6d;
    }
    .text_darkgreen {
        color: #68911d;
    }
    .text_lightgreen {
        color: #89bc2b;
    }
	.text_green {
        color: #437C00;
    }
	.text_white {
        color: #ffffff;
    }
	.text_bluedark {
        color: #004067;
    }
     /*======================
            2.Home section
    ========================*/
    .home_section {
        color: #ffffff;
        position: relative;
    }

    .home_contain {
        bottom: -23%;
    }
    .home_left_contain {
        max-width: 91%;
        margin-right: auto;
        border-radius: 0 10px 10px 0;
        background-color: #002c6d;
        padding: 20px 20px 19px 45px;
    }
    .home_left_contain h1 {
        font-size: 32px;
    }
    .home_left_contain p {
        font-size: 32px;
    }
    .home_subcontain {
        margin-left: auto;
        margin: 5px 0px 3px;
        max-width: 100%;
        border-radius: 0px;
        padding-top: 9px;
        padding-bottom: 10px;
        text-align: center;
		background: transparent linear-gradient(91deg, #A4E000 0%, #54B502 100%) 0% 0% no-repeat padding-box;
    }
    .home_subcontain h3 {
        font-size: 35px;
    }
    /*======================
            3. about section
    ========================*/
    .title_box{
		padding: 0px 20px;
		margin-bottom: 10px;
	}
    .about_title {
        font-size: 50px;
		line-height: 56px;
    }
    .about_subtitle {
        font-size: 32px;
        text-align: center;
        padding: 0 40px;
    }
    .about_section {
        padding-top: 40px;
		padding-bottom: 83px;
		position: relative;
    }
	 .about_section:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 59px;
		background: url('/app/uploads/landingpages/cannabis/assets/images/shadow.png') no-repeat;
		    z-index: -1;
	 }
    .about_subtitle {
        margin-top: 10px;
    }
    .review_star {
        max-width: 300px;
        margin: 28px auto 0 auto;
        display: flex;
        gap: 15px;
        align-items: center;
		justify-content: center;
    }
	.review_star img{
		width: 209px;
	}
    .review_star h3 {
        font-size: 29px;
    }
    .about_list {
        margin: 0 auto;
        margin-top: 43px;
        padding: 0 54px;
    }
    .about_list h4 {
        font-size: 30px;
    }
    .about_list .right_circle {
        width: 25px;
        height: 25px;
    }
    .about_list ul li {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-top: 7px;
    }
    .about_list ul li p{
        font-size: 25px;
        line-height: 32px;
    }

.sofort_section{
    background: transparent linear-gradient(180deg, #049ADD 0%, #00BCF700 100%) 0% 0% no-repeat padding-box;
	padding: 38px 0 0;
	margin-bottom: 100px;
}
.sofort_section .title_box{
	margin-bottom: 32px;
}
.sofort_list{
	max-width: 352px;
	margin: 0 auto;
}
.sofort_list ul li{
	display: block;
	padding-left: 63px;
	font-size: 23px;
	line-height: 28px;
	color: #ffffff;
	position: relative;
	margin-bottom: 15px;
}
.sofort_list ul li:before{
	content:'';
	position: absolute;
	left: 0;
	top: 8px;
	width: 42px;
	height: 42px;
	background: url('/app/uploads/landingpages/cannabis/assets/images/check-circle.svg') no-repeat;
}
.sofort_list{
	max-width: 352px;
	margin: 0 auto;
	margin-bottom: 45px;
}
.sofort_img{
	max-width: 375px;
	margin: 0 auto;
}
.gelnium_section h1.about_title{
	line-height: 44px;
}
.gelnium_section h1.about_title sup{
	font-size: 24px;
}

.review_bgliner {
    background: linear-gradient(180deg,rgba(244, 248, 234, 1) 81%,rgba(255, 255, 255, 1) 94%);
    background: #F4F8EA;
	padding-top: 35px;
}
.review_contain {
    max-width: 382px;
    margin: 0 auto;
}
.review_contain h4 {
    font-size: 27px;
}
.reviewrating_star {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 20px;
}
.reviewrating_star h3 {
    font-size: 35px;
    color: #89bc2b;
}
.review_contain p {
    margin-top: 29px;
    font-size: 22px;
}
.review_slider {
    margin-top: 40px;
}
.slide_card h4 {
    color: #475337;
}
.slide_card {
    padding: 73px 36px 27px 36px;
    background-color: #e5f0c7;
    position: relative;
    border: 5px solid #ffffff;
    border-radius: 13px;
}
.swiper-slide-active .slide_card {
    padding-top: 88px;
    margin-top: -16px;
}

.slide_card p{
    font-size: 22px;
}
.sliderback_green {
    background-color: #69911D;
    width: 100%;
    height: 260px;
    position: absolute;
    top: 20%;
}
.slide_card h4 {
    font-size: 22px;
}
.review_slider .reviewswiper-slider {
    padding-top: 50px;
    padding-bottom: 68px;
}
.review_slider .reviewswiper-slider:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 100%;
	background: url('/app/uploads/landingpages/cannabis/assets/images/left-shadow.png') no-repeat;
	background-position: right;
	z-index: 9;
}
.review_slider .reviewswiper-slider:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 24px;
	height: 100%;
	background: url('/app/uploads/landingpages/cannabis/assets/images/right-shadow.png') no-repeat;
	background-position: left;
	z-index: 9;
}


.review_slider .reviewswiper-slider .swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: #9b9b9b;
	border: 2px solid #fff;
}
.review_slider .reviewswiper-slider.swiper-pagination .swiper-pagination-bullet-active {
    background: #9b9b9b;
}
/*.reviewswiper-slider .swiper-wrapper .swiper-slide {
    filter: blur(9.5px);
}
.reviewswiper-slider .swiper-wrapper .swiper-slide-active {
    filter: blur(0px);
}*/
.slide_card .card_profile {
    width: 98px;
    height: 98px;
    position: absolute;
    top: -12%;
    left: 50%;
    transform: translateX(-50%);
}
.slide_card h4 {
    margin-top: 50px;
}
.slide_card p {
    line-height: 1.3;
}
.reviewswiper-slider .nav_swiper{
    width: 31px;
    height: 31px;
}
.reviewswiper-slider .swiper-button-next.nav_swiper{
	background: url('/app/uploads/landingpages/cannabis/assets/images/swipe-arrow.png') no-repeat;
	background-size: cover;
}
.reviewswiper-slider .swiper-button-prev.nav_swiper{
	background: url('/app/uploads/landingpages/cannabis/assets/images/swipe-arrow.png') no-repeat;
	background-size: cover;
	transform: rotate(180deg);
}
.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 13px;
    font-weight: 700;
	display: none;
}
.nav_swiper {
        font-size: 23px;
        width: 34px;
        height: 36px;
        padding: 10px;
        color: black;
        background-color: white;
        border-radius: 50%;
        border: 2px solid #002c6d;
    }
    .carousel_slides .swiper-slider .swiper-pagination .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        background: #99b9e9;
        border: 1px solid #03275c;
    }
    .carousel_slides
        .swiper-slider
        .swiper-pagination
        .swiper-pagination-bullet-active {
        background: #5083cd;
    }
.market_review {
    display: flex;
    gap: 10px;
}
.market_review_question h3{
    font-size: 44px;
}
.market_review_question h2{
   font-size: 44px;
}
.market_review_main {
    padding-top: 76px;
	padding-bottom: 51px;
	max-width: 362px;
	margin: 0 auto;
}
    .market_review {
        margin-right: 30px;
    }
    .hertimg {
        align-self: flex-end;
    }
    .bg_liner_overview {
        background: linear-gradient(
            360deg,
            rgba(255, 255, 255, 1) 10%,
            rgba(223, 235, 250, 0.9612219887955182) 53%,
            rgba(223, 235, 250, 1) 88%
        );
    }
    .overview_data {
        padding-top: 40px;
    }
    .overviewbox {
        display: flex;
        gap: 29px;
    }
.overview_img img {
    max-width: unset;
    width: 57px;
    height: 57px;
}
.overviewboxsecnd {
    padding-top: 35px;
}
.overviewboxthird {
    padding-top: 35px;
}
.overviewbox_contain h3 {
    font-size: 22px;
    color: #002C6D;
}
.overviewbox_contain p{
    font-size: 22px;
    color: #002C6D;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 35px);
}
.reflief_section{
	background: transparent linear-gradient(340deg, #69911D 0%, #91C431 100%) 0% 0% no-repeat padding-box;
	padding: 27px 0px;
}
.reflief_section h4{
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
	font-style: italic;
    padding: 2px 20px;
}
.video_box {
	position: relative;
}
.video_box img{
	width: 100%;
	display: block;
}
.video_box a.trigger, .play-pause-btn{
	width: 76px;
	height: 76px;
	background: #EAEAEA 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 14px #00000029;
	mix-blend-mode: overlay;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.video_box a.trigger img, .play-pause-btn img{
	width: 30px;
}
.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	z-index: 9;
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
	margin: 0 auto;
}
.modal-content video {
	width: 100%;
    height: 100%;
}
.close-button {
    float: right;
    width: 30px;
    height: 30px;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
    border-radius: 50px;
    background-color: #fff;
    margin-bottom: 20px;
    position: absolute;
    right: -35px;
    top: -35px;
	font-size: 20px;
}
.close-button:hover {
    background-color: darkgray;
}
.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.overview_img.blue_img img{
	box-shadow: 0px 5px 11px #051C5229;
}
.overviewbox.overviewboxthird{
	    align-items: center;
}
.preis_sec .title_box {
    margin-bottom: 20px;
}
.btmpreis_sec {
    max-width: 430px;
    margin: 0 auto;
}

.btmpreis_sec h5{
	color: #121212;
	font-size: 22px;
	font-weight: 700;
	padding: 15px 0px;
	border-top: 3px solid #DEE2E5;
}
.btmpreis_sec ul{
	padding: 0px 10px;
}
.btmpreis_sec ul li{
	display: flex;
	padding: 20px 5px;
	border-top: 3px solid #DEE2E5;
	align-items: center;
}
.btmpreis_sec ul li span{
	width: 180px;
	text-align: center;
}
.btmpreis_sec ul li span img{
	max-width: 100%;
}

.btmpreis_sec ul li p{
	font-size: 18px;
	color: #121212;
	line-height: 22px;
	margin: 0px 18px 0 5px;
}
.btmpreis_sec ul li a.btn{
	background: #54B500;
	font-size: 19px;
	color: #ffffff;
	line-height: 24px;
	font-weight: 700;
	border-radius: 37px;
	display: inline-block;
	padding: 12px 11px;
}

.footer-top{
	padding: 40px 0 0;
}
.footer-top p{
	font-size: 18px;
	line-height: 20px;
	max-width: 343px;
	margin: 0 auto;
	margin-bottom: 40px;
}

footer {
    background-color: #001967;
    color: #fff;
    padding: 12px;
}

footer a {
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 6px 8px;
    font-size: 16px;
    line-height: 1.3;
}

footer a:hover{
    text-decoration: underline;
}

.video-container {
	position: relative;
}

video {
	max-width: 100%;
	height: 648px;
	max-height: 100vh;
	width: 100%;
    object-fit: cover;
    object-position: center;
	background: #000;
}

.video-control {
	width: 76px;
	height: 76px;
	background: #EAEAEA 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 14px #00000029;
	mix-blend-mode: overlay;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50px;
	display: flex;
    align-items: center;
    justify-content: center;
	    border: 0;
    cursor: pointer;
    opacity: 0;
}
.video-control span.video-control-symbol img{
	width: 30px;
}

.video-control:not(.playing) .video-control-pause,
.video-control.playing .video-control-play {
	display: none;
}

@media only screen and (max-width: 700px) {
.modal-content {
    width: 90%;
}
.close-button {
 right: 0;
}
}

@media only screen and (max-width: 446px){
.home_subcontain h3 {
	font-size: 24px;
   font-size: 7.11vw;
}
.about_section {
    padding-top: 25px;
    padding-bottom: 50px;
}
.about_title {
	font-size: 32px;
    font-size: 8.15vw;
    line-height: 38px;
}
.about_subtitle {
    font-size: 6.15vw;
    padding: 0px;
}
.review_star {
    margin: 15px auto 0 auto;
}
.review_star h3 {
    font-size: 6.15vw;
}
.review_star img {
    width: 170px;
}
.about_list {
    margin-top: 25px;
    padding: 0 20px;
}
.about_list ul li p {
    font-size: 24px;
	font-size: 6vw;
    line-height: 1.2;
}
.sofort_section {
    padding: 30px 0 0;
	margin-bottom: 40px;
}
.sofort_list, .sofort_img, .review_contain {
	padding: 0px 20px;
}
.sofort_list ul li:before {
    width: 30px;
    height: 30px;
    background-size: cover;
}
.sofort_list ul li {
    padding-left: 45px;
    font-size: 18px;
	font-size: 5vw;
    line-height: 24px;
    margin-bottom: 12px;
}
.gelnium_section h1.about_title {
    line-height: 38px;
}
.reviewrating_star {
    margin-top: 15px;
}
.last_halfstar img{
	width: 154px;
}
.reviewrating_star h3 {
    font-size: 20px;
	font-size: 5.1vw;
}
.slide_card p {
    font-size: 18px;
	font-size: 5vw;
}
.slide_card {
    padding: 70px 25px 25px 25px;
}
.slide_card h4 {
    margin-top: 35px;
	font-size: 18px;
	font-size: 5vw;
}
.reflief_section{
	padding: 25px 20px;
}
.reflief_section h4 {
    font-size: 20px;
	font-size: 5.4vw;
    line-height: 26px;
}
.market_review_main {
    padding: 50px 20px;
}
.market_review_question h2 , .market_review_question h3{
	font-size: 32px;
	font-size: 8.15vw;
}
.overview_img img {
    width: 50px;
    height: 50px;
}
.overviewbox_contain h3 {
    font-size: 19px;
	font-size: 5.2vw;
}
.overviewbox_contain p {
    font-size: 19px;
	font-size: 5.2vw;
}
.footer-top{
	padding: 30px 20px 0;
}
.btmpreis_sec ul li span {
    width: 90px;
}
.btmpreis_sec ul li p {
    font-size: 16px;
	font-size: 4.7vw;
    margin: 0px 9px;
}
.btmpreis_sec ul li a.btn {
    font-size: 15px;
	font-size: 4.7vw;
    padding: 12px 10px;
}
.footer-top p {
    font-size: 16px;
	font-size: 4.7vw;
    line-height: 20px;
    max-width: 343px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.btmpreis_sec ul li {
	justify-content: space-between;
}
.review_contain h4 {
    font-size: 8.5vw;
}
.review_slider .reviewswiper-slider:before{
	width: 18px;
}
.review_slider .reviewswiper-slider:after{
	width: 18px;
}
.reviewswiper-slider .nav_swiper {
    width: 27px;
    height: 27px;
}
video {
    height: 560px;
}
}
@media only screen and (max-width: 375px) {
.gelnium_section h1.about_title {
    line-height: 32px;
}
.about_title {
    line-height: 32px;
}
video {
    height: 455px;
}
}