@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500&display=swap');
body{font-family: 'Roboto', sans-serif;}

body{padding: 0; margin: 0; line-height: normal;}


.web-mob{display: block!important; }
.mobile-mob{display: none!important; }

.herocintentet{padding: 68px 60px 100px;}
.container{max-width: 1150px;}
.eays{text-align: center; font-size: 16px; font-weight: 600; color: #CC0000;}
.products-pd {
    padding-left: 80px;
    padding-right: 20px;
}
.data-images{width: 100%; height: 300px;}
.data-images-33{width: 100%; height: 100% !important;}
.data-content{padding-left: 20px;}
.data-content h2{font-size: 30px;font-weight:600;color: #000;margin-bottom: 20px;}
.data-content p{font-size: 21px; font-weight:400; color: #000; }
.main-heading {
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 10px;
}

.sub-headline-p{
    font-size: 20px;
}
.sub-headline{
    display: block;
}

hr{   border-top: 2px solid rgb(228 228 228); opacity: 1;}
.innerdesign{padding-bottom: 20px;}

/*data-images-1*/
.data-images-1 {
    background: url(../images/data-images-1.gif);
    background-size: cover;
    background-position: center center;
}

/*data-images-2*/
.data-images-2 {
    background: url(../images/data-images-2.gif);
    background-size: cover;
    background-position: center center;
}

/*data-images-3*/
.data-images-3 {
    background: url(../images/data-images-3.gif);
    background-size: cover;
    background-position: -20px 0px;
    background-repeat: no-repeat;
}

/*data-images-4*/
.data-images-4 {
    background: url(../images/data-images-4.gif);
    background-size: cover;
    background-position: center center;
}

/*data-images-5*/
.data-images-5 {
    background: url(../images/data-images-5.gif);
    background-size: cover;
    background-position: center center;
}

/*data-images-6*/
.data-images-6 {
    background: url(../images/data-images-6.gif);
    background-size: cover;
    background-position: center center;
}

/*data-images-7*/
.data-images-7 {
    background: url(../images/data-images-7.gif);
    background-size: cover;
    background-position: center center;
}

/*data-images-8*/
.data-images-8 {
    background: url(../images/data-images-8.gif);
    background-size: cover;
    background-position: center center;
}

/*data-images-9*/
.data-images-9 {
    background: url(../images/data-images-9.gif);
    background-size: cover;
    background-position: center center;
}

/*data-images-10*/
.data-images-10 {
    background: url(../images/data-images-10.gif);
    background-size: cover;
    background-position: center center;
}

/*data-images-11*/
.data-images-11 {
    background: url(../images/data-images-11.gif);
    background-size: cover;
    background-position: center center;
}

/*data-images-12*/
.data-images-12 {
    background: url(../images/data-images-12.gif);
    background-size: cover;
    background-position: center center;
}


.claim{margin-top: 50px;}


.claim h2{      
     font-size: 42px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;}
p.pra{font-size: 25px; text-align: center; font-family: 'Cabin', sans-serif;}

.claim-data h3{color: rgb(0, 0, 0);
    font-size: 28px; font-weight: 600;}
.reviewimages{    font-size: 18px; font-weight: 600;}
.pragrp-text{    font-size: 18px;}
.claim-data ul svg{width: 10px;}
.claim-data ul{padding: 0px; margin: 0; }
.claim-data ul li{list-style-type:none; line-height: normal; font-size: 18px; line-height: 26px;}
.claim-data ul li img{margin-top: -3px;     filter: grayscale(1);}
.claim-data p{font-size: 18px;}
.oder-btn{margin-top: 40px;}

.oder-btn a{   
 border-radius: 100px;
   font-family: 'Comfortaa', cursive;
   color: #000;

    padding: 15px 30px;
    background-color: #edd13b;
    box-shadow: transparent 0px 0px 0px 0px; display: block; text-align: center;}


.oder-btn .first-text{display: block;  font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;   font-weight: 600;}
.secound-text{font-size: 13px;
    text-align: center;
    margin-top: 10px;}

.oder-btn a:hover{    background-color: #e3c41d!important; color: #000;}
.ingredients{font-weight: 500; font-size: 13px; text-align: center; display: block; margin-top: 10px;}


.gif-fw{
    width: 100%;
}
 @media screen and (max-width:767px) {

.dsblocknone{display: block;}
p.reviewimages {
    font-size: 14px !important;
}

    .brck-line span{display: block;}

.sub-headline-p{
    font-size: 13px;
}
.sub-headline{
    display: inline;
}
.claim-data h3 {
    color: rgb(0, 0, 0);
    font-size: 26px;
    font-weight: 600;
            margin-top: 0px !important;
}
    
    .web-mob{display: none!important; }
.mobile-mob{display: block!important; }

.herocintentet {
    padding: 61px 0px 100px;
}
.products-pd {
    padding-left: 10px;
    padding-right: 10px;
}

.innerdesign .products-pd.mt-5 {
    margin-top: 2rem!important;
}

.data-content {
    padding-left: 0px;
    text-align: center;
    margin: 30px 10px 40px;
}
.claim-data {
    text-align: center;
}
.revieblock{display: block; }
.claim-data ul li {
    list-style-type: none;
    line-height: normal;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    display: flex;
}

.claim-data ul li img {
    margin-top: 5px;
    /* width: 25px !important; */
    display: table-footer-group;
    height: 20px;
    margin-right: 10px;
}

.oder-btn a {
    border-radius: 100px;
    font-family: 'Roboto', sans-serif;
 
    padding: 8px 10px 8px;
  

    box-shadow: transparent 0px 0px 0px 0px;
    display: block;
    text-align: center;
}


    .oder-btn .first-text {
    display: block;
   font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    line-height: 34px;
}



}
@media screen and (max-width:453px) {
    .data-content h2 {
        font-size: 28px;
    }
}

@media screen and (max-width:430px) {
    .data-content h2 {
        font-size: 26px;
    }
}

@media screen and (max-width:403px) {
    .data-content h2 {
        font-size: 24px;
    }
}

@media screen and (max-width:377px) {
    .data-content h2 {
        font-size: 22px;
    }

    .data-content p {
        font-size: 19px;
    }

    .brck-line{    font-size: 36px !important;}
}


 @media screen and (max-width:353px) {
    .data-content h2 {
        font-size: 19px;
    }

.secound-text {
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}
 }


  @media screen and (max-width:333px) {


.secound-text {
    font-size: 10px;
    text-align: center;
    margin-top: 10px;
}

.brck-line{    font-size: 34px !important;}
 }