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


    html {
        scroll-behavior: smooth;
    }

    body {
        margin: 0px;
        font-family: Arial, Helvetica, sans-serif;
    }

    * {
        box-sizing: border-box;
    }

    /* Create three equal columns that floats next to each other */
    .header {
        height: 150px;
        display: flex;
        justify-content: center;
        /* background: linear-gradient(to right, #008556 50%, #E8E76A 50%); */
    }

    .sec-header {
        /* border: red 2px solid; */
        height: 100%;
        width: 980px;
    }

    .column {
        float: left;
        padding: 0px 0px 0px 0px;
        height: 100%;

    }



    .column1 {
        width: 60%;
        display: grid;
        align-items: center;
        justify-items: center;
        text-align: center;
    }

    .column1 img {
        width: 30px;
        /* border: wheat 1px solid; */
    }

    .column1 #logo {
        width: 170px;
        /* border: red 1px solid; */
    }

    .column2 {
        width: 40%;
        display: grid;
        align-items: center;
        justify-items: right;
        text-align: right;
        /* border: red 1px solid; */
        background-color: #E8E76A;
    }



    /* .row {
    align-items: flex-end;
} */

    /* .row:after {
    content: "";
    display: table;
    clear: both;
} */

    /* social icon */
    .social-icon {
        display: none;
    }

    .social-icon-m {
        word-spacing: 5px;

        /* border: red 1px solid; */
        display: block;

    }

    .social-icon-m a {
        color: transparent;
    }


    .topnav {
        /* border: #fff 1px solid; */
        margin-bottom: 10px;
    }

    /* menu */
    .nav-menu {
        display: none;
    }

    /* menu-mobile */
    .nav-menu-m {
        display: block;
    }

    .sidepanel {
        width: 0px;
        position: fixed;
        z-index: 10;
        height: 280px;
        top: 0;
        left: 0;
        /* border: red 1px solid; */
        background-color: #008556;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 30px;

        border-radius: 0px 0px 15px 15px;
    }

    .sidepanel .nav-m-active {
        color: #E8E86B;
    }

    .sidepanel a {
        padding: 8px 8px 8px 30px;
        text-decoration: none;
        text-align: left;
        font-size: 25px;
        color: #fff;
        display: block;
        transition: 0.3s;
    }

    .sidepanel a:hover {
        color: #E8E86B;
    }

    .sidepanel .closebtn {
        position: absolute;
        top: 0;
        right: 20px;
        font-size: 36px;
    }


    .openbtn {
        font-size: 30px;
        background-color: transparent;
        color: #008556;
        padding: 0px 10px;
        border: none;
        margin-right: 30px;
        /* border: red 1px solid; */
        z-index: 1;
        position: absolute;
        top: 50px;
        right: 0;
    }

    .openbtn:hover {
        background-color: transparent;
    }

    .openbtn:active {
        background-color: transparent;
    }

    .closearea {
        background-color: transparent;
        border: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

    /* banner */
    .banner {
        /* background-image: url("../image/bg-banner-full.jpg"); */
       /* background-image: url("../image/banner2-bg.webp"); */
        background:url("../image/banner2-bg.webp"), linear-gradient(to bottom, #B6A0E8 170px, #B3D9E3 100px);
        height: 650px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom;
        /* border: 2px solid greenyellow; */
        display: flex;
        justify-content: center;
    }

    .sec-banner {
        height: 100%;
        width: 980px;
    }

    .sec {
        /* background-color: #B6A0E8; */
        float: left;
        height: 100%;
    }



    .sec1 {
        width: 100%;
        height: 170px;
        padding: 2% 7% 0% 7%;
        /* border: 2px solid red; */
        /* background-color: #ffffff; */
        /* background-image: url("../image/bg-banner.webp"); 
        background-size: cover; */
        display: flex;
        align-content: start;
        
    }

    .sec1 span {
        font-size: 2em;
        color: #fff;
        /* border: 2px solid red; */
        font-family: 'Heimat Display';
        font-style: italic;
        letter-spacing: 2.5px;
        line-height: 4vh;
        font-weight: 300;

    }

    .sec1 button {
        background-color: #E8E76A;
        border: none;
        width: 100px;
        height: 40px;
        color: #008556;
        font-size: 16px;
        font-style: italic;
        font-weight: 500;
        letter-spacing: 2px;
        margin-top: 0px;
        border-radius: 7px;
        cursor: pointer;
        position: absolute;
        top: 380px;
        left: 70px;
        z-index: 1;
    }
    .sec1 img{
        display: block;
        position: absolute;
        top: 50px;
        right: 0;
        width: 200px;
        z-index: 0;
    }

    .sec2 {
        width: 100%;
        height: 480px;
        /* border: 2px solid black; */
        background-image: url('../image/sec2-img-100.jpg');
        background-position: center top;
        background-size: 85%;
        background-repeat: no-repeat;
        display: grid;
        align-items: center;

    }

   

    .sec2 .btn {
        position: absolute;
        top: 230px;
        left: 80%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-image: url('../image/19-free-w.webp');
        background-color: transparent;
        width: 130px;
        height: 130px;
        background-size: cover;
        color: transparent;
        font-size: 16px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
    }
    .sec2 .btnshow {
        display: block;
        background-color: #F2C2AE;
        border: none;
        width: 120px;
        height: 40px;
        color: #008556;
        font-size: 16px;
        font-style: italic;
        font-weight: 300;
        letter-spacing: 2px;
        margin-top: 0px;
        border-radius: 7px;
        cursor: pointer;
        position: absolute;
        top: 700px;
        left: 50px;
        z-index: 1;
    }


    #rorate-banner {
        width: 300x;
        height: 300px;
        background-image: url("../image/rorate-banner-2.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        /* background-color: red; */
        border-radius: 100%;
        /* display: none; */
    }
    .rorate-crop{
        /* background-color: green; */
        padding: 65px;
        
    }
    @-webkit-keyframes rotating {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(-360deg);
        }
    }

    .rotating {
        -webkit-animation: rotating 5s linear infinite;
    }

    /* banner */
    /* section-shower-oil  */
    .section-shower-oil {
        /* background: linear-gradient(to right, #384BD7 50%, #F2C2AE 50%); */

        height: 1080px;
        /* border: 2px solid greenyellow; */
        display: flex;
        justify-content: center;
    }

    .sec-sho {
        /* border:5px solid yellow; */
        height: 100%;
        width: 980px;
    }

    .sho {
        /* background-color: #B6A0E8; */
        /* border:5px solid yellow;  */
        float: left;
        height: 100%;
    }

    .sho1 {
        width: 100%;
        height: 40%;
        padding: 0% 7% 0% 7%;
        /* border: 2px solid red; */
        background-color: #ffffff;
        display: grid;
        align-content: center;
    }

    .sho1 span {
        font-size: 3em;
        color: #384BD7;
        font-family: 'Heimat Display';
        font-style: italic;
        letter-spacing: 5px;
        line-height: 6vh;
        font-weight: 200;
        text-align: center;
    }

    .sho1 p {
        font-size: 13px;
        color: #008556;
        text-align: justify;
        font-weight: 300;
        letter-spacing: 1px;
        line-height: 20px;
    }

    .sho1 a {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 2px;
        color: #B4A0CC;
        font-style: italic;
        text-decoration: none;
        margin: 10px 0px 0px 0px;
        padding-left: 0px;
        /* border: 2px solid red; */
    }

    .sho1 a:hover {
        color: #384BD7;
    }


    .sho2 {
        width: 100%;
        height: 60%;
        /* border: 2px solid red; */
        display: grid;
        align-content: center;
    }

    .sho2 {
        background-color: #F2C2AE;
        background-size: 75%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    /* section-shower-oil  */
    /* section-7-special-oils */
    .section-7-special-oils {
        background: #B5A1CD;
        background-image: url('../image/bg-spe.webp');
        background-size: 25% 100%;
        background-position: top right;
        background-repeat: no-repeat;
        height: 720px;
        /* border: 2px solid greenyellow; */
        display: flex;
        justify-content: start;
    }

    .sec-speM {
        height: 100%;
        width: 980px;
        display: block;
    }
    .sec-spe{
        display: none;
    }
    .spe {
        /* background-color: #B6A0E8; */
        float: left;
        height: 100%;
        /* border:5px solid red; */
    }

    .spe1 {
        width: 100%;
        height: 45%;
        padding: 0% 7% 0% 7%;
        /* border: 2px solid red; */
        background-color: #ffffff;
        display: grid;
        align-content: center;
    }
    

    .spe1 span {
        color: #B5A1CD;
    }

    .spe1 p {
        font-size: 13px;
        color: #B5A1CD;
        text-align: justify;
        font-weight: 300;
        letter-spacing: 1px;
        line-height: 20px;
    }

    .spe2 {
        width: 100%;
        height: 55%;
        /* border: 2px solid red; */
        display: grid;
        align-content: start;
        padding: 0px 0px 0px 0px;
    }

    .spe2 .hspe {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        padding-right: 40px;
        /* border: 2px solid red;  */
    }
    .spe2 .spe7{
        width: 350px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -30px;
    }

    /* section-7-special-oils */
    /* accordion */
    .accordion {
        display: block;
        align-content: center;
        background-color: #008556;
        color: #F2C2AE;
        cursor: pointer;
        font-family: 'Acumin pro';
        padding: 20px 0px 10px 0px;
        border: none;
        width: 100%;
        border-bottom: 1px solid #E8E76A;
        text-align: center;
        outline: none;
        transition: 0.4s;
    }

    .txt-acc {
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 5px;
        font-family: 'Acumin pro';
        font-style: italic;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .active,
    .txt-acc:hover {
        background-color: #008556;
        color: #fff;

    }

    /* .txt-acc:after {
        content: '\02C5';
        color: #E8E76A;
        font-weight: 300;
        font-size: 29px;
        font-family: 'Acumin Pro';
        float: right;
        margin-left: 5px;
        font-style: normal;
    } */


    /* .active .txt-acc:after {
        content: "\02C4";
    } */
    .txt-acc:after {
        content: "";
    }

    .active .txt-acc:after {
        content: "";
    }

    .panel {
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0px;
        width: 100%;
        background-color: #FBEDE7;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-out;
        color: #008556;
        font-family: 'Acumin pro';
        display: grid;
        align-items: center;
    }

    .panel-p {
        /* padding-top: 50px;
    padding-bottom: 50px; */
        width: 100%;
        line-height: 1.3;
        font-family: 'Acumin Pro';
        letter-spacing: 1px;
        font-size: 13px;
        text-align: left;
        font-weight: 300;
        padding-left: 30px;
        padding-right: 30px;
        
    }

    .panel-img {
        display: none;
    }
    .panel-img-m {
        display: block;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        
    }
    .panel img {
        /* height: 100%; */
        width: 70px;
    }
    

    /* accordion */
    /* section-ingredients */
    .section-ingredients {
        background: #384BD7;
        height: 540px;
        /* border: 2px solid greenyellow; */
        display: flex;
        justify-content: start;
    }

    .sec-ing {
        display: none;
    }
    .sec-ing-m {
        display: block;
        height: 100%;
        width: 980px;
    }

    .ing {
        float: left;
        height: 100%;
        /* border:5px solid red; */
    }

    .ing1 {
        width: 100%;
        height: 45%;
        padding: 0px 30px 0px 30px;
        /* border: 2px solid red; */
        /* background-color: #ffffff; */
        /* background-image: url('../image/bg-ing-m.webp'); */
        background:url("../image/bg-ing-m.webp"), linear-gradient(to bottom, #384BD7 20%, #B4A0CC 20%);
        background-size: 100%;
        background-position: top center;
        background-repeat: no-repeat;
        display: flex;
        align-content: center;
        
    }

    .ing1 img {
        height: 120px;
        width: 120px;
        margin-left: 0px;
        margin-right: 20px;
        margin-top: 20px;
        margin-bottom: 0px;
        /* border: 2px solid red; */
    }

    
    .ing1 span {
        margin-top: 65px;
        font-size: 13px;
        color: #fff;
        text-align: left;
        font-weight: 200;
        letter-spacing: 1px;
        line-height: 1.7;
        /* border: 2px solid yellow; */
    }

    .ing2 {
        width: 100%;
        height: 55%;
        /* border: 2px solid red; */
        display: grid;
        align-content: center;
        padding: 0px 30px 0px 30px;
        background-color: #384BD7;
    }
   
    .ing2 p {
        font-size: 13px;
        color: #fff;
        text-align: left;
        font-weight: 300;
        letter-spacing: 2px;
        line-height: 20px;
    }

    /* section-ingredients */
    /* section-can-shower */
    .section-can-shower {
        background: #F2C2AE;
        height: 680px;
        /* border: 2px solid greenyellow; */
        display: flex;
        justify-content: center;
    }

    .sec-can {
        height: 100%;
        width: 980px;
    }

    .can {
        /* background-color: #B6A0E8; */
        float: left;
        height: 100%;
        /* border:5px solid red; */
    }

    .can1 {
        width: 100%;
        height: 300px;
        padding: 1% 0% 0% 0%;
        /* border: 2px solid red; */
        /* background-color: #ffffff; */
        background-image: url('../image/bg-can.webp');
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: contain;
        display: grid;
        align-content: center;
    }
    .can1 img{
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto;
        /* border: 2px solid red; */
        display: block;
    }

    .can2 {
        width: 100%;
        height: 380px;
        /* border: 2px solid red; */
        display: grid;
        align-content: center;
        padding: 0px 30px 0px 30px;
        background-color: #FBEDE7;
    }


    .can2 img {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
        /* border: 2px solid red; */
    }

    .h-can-m{
        display: block;
    }
    .h-can{
        display: none;
    }
    .can2 p {
        font-size: 13px;
        color: #008556;
        text-align: left;
        font-family: 'Acumin pro';
        font-weight: 300;
        letter-spacing: 1px;
        line-height: 20px;
    }

    .can2 a {
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 2px;
        color: #B4A0CC;
        font-style: italic;
        text-decoration: none;
        margin: 0px 0px 0px 0px;
        font-family: 'Acumin pro';
    }

    .can2 a:hover {
        color: #384BD7;
    }

    /* section-can-shower */
    /* section-skin */
    .section-skin {
        background: #fff;
        height: 540px;
        /* border: 2px solid greenyellow; */
        display: grid;
        justify-content: center;
        
    }

    .sec-skin {
        height: 100%;
        width: 100%;
        
    }


    .skin {
        /* background-color: #B6A0E8; */
        float: left;
        height: 100%;
        /* border:5px solid red; */
        
    }

    .skin1 {
        width: 100%;
        padding: 0px 30px 0px 30px;
        /* border: 2px solid red; */
        background-color: #ffffff;
        display: grid;
        align-content: start;
        
    }

    .skin1 img {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        /* margin-bottom: 50px; */
        /* border: 2px solid red; */
    }

    .skin1 img#h-skin {
        /* border: 2px solid red; */
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        /* margin-top: 45px; */
        /* margin-bottom: 50px; */
    }



    .skin1 p {
        font-size: 13px;
        color: #B5A1CD;
        text-align: left;
        font-weight: 300;
        letter-spacing: 1px;
        line-height: 20px;
        margin-bottom: 0px;


    }

    /* section-skin */
    /* section-benefit */
    .section-benefit {
        background: #B5A1CD;
        height: 1330px;
        /* border: 2px solid greenyellow; */
        display: flex;
        justify-content: center;
        background-image: url('../image/bg-ben-full.webp');
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 200%;
    }

    .sec-ben {
        height: 100%;
        width: 980px;
        /* border: 2px solid greenyellow; */

    }

    .sec-ben .h-ben {
        text-align: center;
        width: fit-content;
        height: 68px;
        margin-left: auto;
        margin-right: auto;
        font-family: 'Heimat Display';
        font-size: 25px;
        color: #fff;
        font-style: italic;
        letter-spacing: 3px;
        margin-top: 2%;
        margin-bottom: 5%;
        padding-top: 15px;
        padding-left: 50px;
        padding-right: 50px;
        background-color: #B5A1CD;
    }

    .ben {
        /* background-color: #B6A0E8; */
        float: left;
        height: 400px;
        /* border:5px solid red; */

    }

    .ben h {
        color: #fff;
        text-align: center;
        font-size: 20px;
        font-family: 'Heimat Display';
        font-style: italic;
        line-height: 50px;
        letter-spacing: 2px;
    }


    .ben1 {
        width: 100%;
        /* border: 2px solid yellow; */
        display: grid;
        align-content: start;
        padding: 0px 30px 0px 30px;
    }

    .ben1 img {
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .ben1 p {
        font-size: 13px;
        font-family: 'Acumin Pro';
        color: #fff;
        text-align: center;
        font-weight: 300;
        letter-spacing: 1px;
        line-height: 20px;

    }

    .ben2 {
        width: 100%;
        /* border: 2px solid yellow; */
        display: grid;
        align-content: start;
        padding: 0px 30px 0px 30px;
    }


    .ben2 img {
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }


    .ben2 p {
        font-size: 13px;
        font-family: 'Acumin Pro';
        color: #fff;
        text-align: center;
        font-weight: 300;
        letter-spacing: 1px;
        line-height: 20px;
    }



    .ben3 {
        width: 100%;
        /* border: 2px solid red; */
        display: grid;
        align-content: start;
        padding: 0px 30px 0px 30px;
    }

    .ben3 img {
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }


    .ben3 p {
        font-size: 13px;
        font-family: 'Acumin Pro';
        color: #fff;
        text-align: center;
        font-weight: 300;
        letter-spacing: 1px;
        line-height: 20px;
    }



    /* section-benefit */
    /* section-our-story */
    .section-our-story {
        /* background-color: #B3D9E3; */
        background-image:url('../image/bg-our.webp'),
         linear-gradient(to bottom, #B3D9E3 50%, #384BD7 50%),url('../image/bg-our-m2.webp');
        /* background: url('../image/bg-our-100.jpg'); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        height: 980px;
        /* border: 2px solid greenyellow; */
        display: flex;
        justify-content: center;
    }

    .sec-our {
        height: 100%;
        width: 980px;
    }

    .our {
        /* background-color: #B6A0E8; */
        float: left;
        height: 100%;
        /* border:5px solid red; */
    }

    .our1 {
        width: 100%;
        height: 40%;
        padding: 0% 0% 10% 3%;
        /* border: 2px solid red; */
        /* background-color: #ffffff; */
        background-image: url('../image/our-story-1-100.jpg');
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        display: grid;
        align-content: center;
    }


    .our2 {
        width: 100%;
        height: 60%;
        /* border: 2px solid red; */
        display: grid;
        align-content: center;
        padding: 0px 30px 0px 30px;
        background-color: #fff;
    }

    .our2 span {
        font-size: 13px;
        color: #384BD7;
        text-align: left;
        font-family: 'Acumin pro';
        font-weight: 300;
        letter-spacing: 1px;
        line-height: auto;
    }

    .our2 img {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
        /* border: 2px solid red; */
    }


    .our2 p {
        font-size: 13px;
        font-family: 'Acumin pro';
        color: #008556;
        text-align: left;
        font-weight: 300;
        letter-spacing: 1px;
        line-height: 20px;
    }

    .our2 a {
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 2px;
        color: #B4A0CC;
        font-style: italic;
        font-family: 'Acumin pro';
        text-decoration: none;
        margin: 20px 0px 0px 50px;
        /* border: 2px solid red; */
    }

    .our2 a:hover {
        color: #384BD7;
    }

    #rorate-our {
        width: 250x;
        height: 250px;
        background-image: url("../image/rorate-banner.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 100%;
    
    }
    

    @-webkit-keyframes rotating {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(-360deg);
        }
    }

    .rotating {
        -webkit-animation: rotating 5s linear infinite;
    }

    /* section-our-story */
    /* section-bg-our-story */
    .bg-our-story{
        display: block;
        height: 100px;
        background-color: #384BD7;
        background-image: url('../image/bg-our-m2.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
    }
   
    /* section-bg-our-story */
    /* section-partners */
    .section-partners {
        background: #B5A1CD;
        height: 300px;
        /* border: 2px solid greenyellow; */
        display: flex;
        justify-content: center;
        background-color: #E8E76A;
    }

    .sec-par {
        height: 100%;
        width: 980px;
        /* border: 2px solid greenyellow; */

    }

    .par {
        /* background-color: #B6A0E8; */
        float: right;
        height: 100%;
        /* border:2px solid red; */

    }



    .par1 {
        width: 100%;
        height: 70px;
        /* border: 2px solid red; */
        display: grid;
        align-content: top;
        padding: 0% 0% 0% 0%;

    }

    .par1 img {
        display: none;
        
    }

    .par1 span {
        color: #008556;
        text-align: center;
        /* border: 2px solid red; */
        font-size: 40px;
        font-family: 'Heimat Display';
        font-style: italic;
        line-height: 0px;
        letter-spacing: 2px;
        margin-top: 30px;
        margin-bottom: 0px;
        margin-right: 0px;
        /* width: fit-content; */
    }

    .par2 {
        width: 50%;
        height: 230px;
        /* border: 2px solid green; */
        display: grid;
        align-content: center;
        padding: 0% 0% 0% 0%;
    }

    .par2 img {
        width: 180px;
        margin-left: auto;
        margin-right: auto;

    }
    .par2 span {
        color: #008556;
        font-size: 15px;
        font-family: 'Acumin pro';
        padding-top: 10px;
        padding-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .par3 {
        width: 50%;
        height: 230px;
        /* border: 2px solid red; */
        display: grid;
        align-content: center;
        padding: 0% 0% 0% 0%;
        
    }

    .par3 img {
        width: 180px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 100%;
        
    }
    .par3 span {
        color: #008556;
        font-size: 15px;
        font-family: 'Acumin pro';
        padding-top: 10px;
        padding-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    /* section-partners */
    /* section-footer */
    .footer {
        /* background:url('../image/bg-our-100.jpg'),
    linear-gradient(to right, red 50%, green 50%); */

        background: #008556;
        height: 50px;
        /* border: 2px solid greenyellow; */
        display: flex;
        justify-content: center;
    }

    .sec-foot {
        height: 100%;
        width: 100%;
    }

    .foot {
        /* background-color: #B6A0E8; */
        float: left;
        height: 100%;
        /* border:5px solid red; */
    }

    .foot1 {
        width: 40%;
        padding: 0% 0% 0% 5%;
        /* border: 2px solid black; */
        /* background-color: #ffffff; */

        display: grid;
        align-content: center;
        
    }
    

    .foot1 h {
        color: #ffffff;
        font-family: 'Heimat Display';
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 2px;
    }




    .foot2 {
        width: 60%;
        border: 2px solid #008556;
        display: grid;
        /* align-content: center; */
        padding:1% 0% 0% 0%;
        justify-content: center;
        align-content: center;
        background-color: #E8E76A;
    }
   

    /* section-footer*/

    /* scroll to top */
    /* #myBtn {
        display: none;
        position: fixed;
        bottom: 90px;
        right: 60px;
        left: 0px;
        z-index: 99;
        font-size: 25px;
        font-weight: 900;
        border: none;
        outline: none;
        background-color: #008556;
        border: #E8E76A 2px solid;
        color: #E8E76A;
        cursor: pointer;
        padding: 10px;
        border-radius: 35px;
    }

    #myBtn:hover {
        background-color: #E8E76A;
        color: #008556;
        border: #008556 2px solid;
    } */

    /* scroll to top */
    /* marquee */
    /* .mq {
        background-color: #384BD7;
        height: 50px;
        display: flex;
        align-items: center;
    }

    marquee {
        font-size: 0px;
        font-weight: 300;
        font-style: italic;
        letter-spacing: 4px;
        color: #E8E76A;
        font-family: Acumin Pro;

    } */

    #sec-marquee {
        background-color: #384BD7;
        height: 50px;
        display: flex;
        align-items: center;
        overflow: hidden;
        white-space: nowrap;
        font-size: 28px;
        font-weight: 300;
        font-style: italic;
        letter-spacing: 4px;
        color: #E8E76A;
        font-family: 'Acumin Pro';
    }

    #div1 {
        display: inline-block;
        animation: marquee 30s linear infinite;
    }

    #div2 {
        display: inline-block;
        animation: marquee2 30s linear infinite;
        animation-delay: 15s;
    }

    @keyframes marquee {
        from {
            transform: translateX(100%);
        }

        to {
            transform: translateX(-100%);
        }
    }

    @keyframes marquee2 {
        from {
            transform: translateX(0%);
        }

        to {
            transform: translateX(-200%);
        }
    }

    /* marquee */
    /* image Slideshow */
    .mySlides {
        display: block;
    }

    .mySlides img {
        padding-top: 20px;
        height: 400px;
    }


    /* Slideshow container */
    .slideshow-container {
        max-width: 100%;
        margin: auto;
        cursor: pointer;
    }

    /* Number text (1/3 etc) */
    .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
        display: none;
    }

    /* The dots/bullets/indicators */
    .dot {
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
        display: none;
    }

    /* Fading animation */
    .fade {
        animation-name: fade;
        animation-duration: 1.5s;
    }

    @keyframes fade {
        from {
            opacity: 1
        }

        to {
            opacity: 1
        }
    }

    /* On smaller screens, decrease text size */
    @media only screen and (max-width: 600px) {
        .text {
            font-size: 11px
        }
    }

    /* image Slideshow */
}