body
{
    font-family: Roboto;
}

.banner-about {
    background: url(../image/banner/2.jpg);
    background-size: cover;
    background-position: right bottom;
    color: #fff;
    font-family: "Quicksand";
    height: 350px !important;
}
.bg-overlay {
    background: linear-gradient(#6e6e6e4d, #4444446b), url(../image/banner/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 350px;
    padding-top: 50px;

}
#badge {
    margin-top: -36px;
    margin-right: -74px;
}
.badge {
    background-color: #77de70;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 4px 7px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
}
.aboutus_svg
{
    width: 362px !important;
    float: right;
    position: relative;
    top: 64%;
    right: 6%;

/*    width: 220px !important;
    float: right;
    position: relative;
    top: 60%;
    right: 20%;*/
}
.Rectangle-2_Gradient_Front-Layer {
    width: 415.5px;
    height: 610px;
    opacity: 0.8;
    border-radius: 25px;
    background-image: linear-gradient(to top, #00d9a6, #80e06a, #9be15d);
}
.Rectangle-2_Gradient_Front_video {
    width: 405.5px;
    height: 620.2px;
    opacity: 0.8;
    border-radius: 25px;
    background-image: linear-gradient(to top, #00d9a6, #80e06a, #9be15d);
    position: relative;
    top: 16px;
    left: 85px;
}
.Rectangle-1_Top-Layer_about {
    width: 415.5px;
    height: 626px;
    border-radius: 25px;
    position: absolute;
    top: 30px;
    left: 60px;

}
.ovimg1 {
    width: 405.5px;
    height: 626.2px;
    position: absolute;
    overflow: hidden;
    border-radius: 20px;
    top: 55px;
    right: 35px;
}

.nature_plant {
    letter-spacing: normal;
    color: #000000;
    font-family: Roboto-Bold;
    font-style: normal;
    font-weight: 500;
    font-size: 37px;
    line-height: 46px;
}

.nature_plant1{
   letter-spacing: normal;
    color: #000000;
    font-family: Roboto-Bold;
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 46px;
}

.nature_plant2{
   letter-spacing: normal;
    color: #000000;
    font-family: Roboto-Bold;
    font-style: normal;
    font-weight: 500;
    font-size: 37px;
    line-height: 46px;
}
.line41 {
    border: 1px solid #fff;
    height: 6px;
    /* width: 130px; */
    width: 132px;
    border-radius: 30px;
    background: linear-gradient(90deg, rgba(155, 225, 93, 0.9) 23.04%, rgba(0, 217, 166, 0.9) 100.11%);
    margin-top: 4px;
}


.nature_plant_ptext
{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.30;
    letter-spacing: normal;
    color: #000000;
    font-family: "Ubuntu-Regular";
    font-weight: 500;
    font-size: 18px;
    line-height: 31px;
    text-align: justify;
    text-indent: 100px;
}
.nature_plant_ptext_video {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #000000;
    text-indent: 50px;
    font-family: "Ubuntu-Regular";
}
.spaceing_about
{
    margin-top: 80px;
}
.vision_background
{
    background-color: #7ade6e;
    background: linear-gradient(rgba(0, 0, 0, 0.32), rgba(70, 67, 67, 0.42)), url(../image/vision-bg.jpg);
    opacity: 0.8;
    background-size: cover;
    height: 100%;

}

.line-startup
{
    border: 1px solid #fff;
    height: 6px;
    width: 90px;
    border-radius: 30px;
    background: linear-gradient(90deg, rgba(155, 225, 93, 0.9) 23.04%, rgba(0, 217, 166, 0.9) 100.11%);
    margin-top: 4px;
}
.team
{
    height: 300px;
    width: 300px;
}

#offer_image_selected
{
    height: 300px;
    width: 300px;
}
 #console #offer_image,#console:hover #offer_image_selected{display:block;}
    #console:hover #offer_image,#console #offer_image_selected{display:none;}
.our_team_text
{
   /* font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #000000;
    font-family: Roboto;*/

    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #000000;
    font-family: Roboto;
    font-family: Ubuntu-Regular;
}
.aboutbg {
    position: relative;
    border-radius: 20px
}

.aboutbg-img {
    background-image: url(../images/plant.jpg);
    position: relative;
    width: 80%;
    height: 75vh;
    border-radius: 20px;
    margin: auto
}

.aboutbg-color {
    background: linear-gradient(24deg, #00d9a6 0, #9be15d 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    border-radius: 20px
}

.aboutbg-topimg img {
    width: 100%;
    border-radius: 20px;
    margin-left: 20px
}

.aboutbg-topimg {
    position: absolute;
    top: 8%;
    left: 15%;
    border-radius: 20px
}

.abouttext {
    text-align: center
}

.ourimg img {
    margin: 0 auto
}

.ourimg {
    text-align: center;
}

.ourimg1 img {
    margin: 0 auto
}

.ourimg1 {
    text-align: center
}

.ourbox {
    border-radius: 20px;
    padding: 10px;
    background: linear-gradient(120deg, #96df61 0, #06daa6 100%);
    color: #fff;
    font-size: 15px;
    font-family: Quicksand;
    font-weight: 600;
    text-align: center;
    box-shadow: 4px 6px 9px 0 #a7c3a8ed;
    margin: -100px auto;
    width: 50%
}

.ourbox h3 {
    margin-top: 70px;
    font-size: 25px
}

.ourbox1 {
    border-radius: 20px;
    padding: 10px;
    background: linear-gradient(120deg, #96df61 0, #06daa6 100%);
    color: #fff;
    font-size: 15px;
    font-family: Quicksand;
    font-weight: 600;
    text-align: center;
    box-shadow: 4px 6px 9px 0 #a7c3a8ed;
    margin: -100px auto;
    width: 80%
}

.ourbox1 h3 {
    margin-top: 70px;
    font-size: 25px
}

.vision-large h3 {
    margin-top: 0 !important
}

.vision-large p {
    margin-bottom: 100px !important
}

.mission-large {
    display: none
}

.mission-small {
    margin: auto;
}

.vision-large {
    display: none
}

.our-vision-img {
    margin-top: 400px
}

.vision-small {
    margin: auto
}
.ourimg button {
    -webkit-animation: glowing 1.5s infinite;
    -moz-animation: glowing 1.5s infinite;
    -o-animation: glowing 1.5s infinite;
    animation: glowing 1.5s infinite;
}
.core-small {
    margin: auto;
}
#haris{
        margin-top: -20px;
}
.mission-small {
    margin: auto;
}
.vision-resp {
    display: none;
}

.btn-2 {
    background-color: #fff;
    width: 120px;
    height: 40px;
    color: #333;
    margin-top: 30px;
    font-weight: 700;
    font-style: bold;
    font-family: Quicksand;
    border: 0 solid #fff;
    border-radius: 30px;
    font-size: 10px;
    font-family: Quicksand;
    text-transform: uppercase;
    background: linear-gradient(120deg, #96df61 0, #06daa6 100%);
    transition: background-color .3s ease-out, border-color .3s ease-out, padding 50ms ease-out, color 50ms ease-out, box-shadow .3s ease-out;
    -webkit-transition: all .3s ease-in-out !important;
}

.core-large {
    display: none
}

.core-small {
    margin: auto
}

.svg_tem_size
{
    width: 302px !important;
    height: 264px !important;
}
.vision_width
{
    width: 160px;
    height: 140px;
}
.vision_width_hover
{
   /* width: 300px;
    height: 300px !important;*/

    width: 250px;
    height: 300px !important;

}
.particles-js-canvas-el{
height: 450px !important;
}
.position_bottom
{
    
    /*    position: relative;
        top: 530px;*/

      position: relative;
        top: 430px;     
    
}
.top{
    top:135px !important;
}
.poition_top
{
    position: relative;
    top: 0px;
    z-index: 3333;
}
.displayprop_web
{
    display: none;
}
.display_nature
{
    display: none;
}
.display_nature1
{
    display: block;
}
.display_video
{
    display: none;
}
.display_video1
{
    display: block;
}
.display_team
{
    display: none;
}
.display_team1
{
    display: block;
}

/*About Us Starts*/
.ourimg {
    text-align: center;
}
.vision-resp {
        display: none;
 }
.btn-2:hover {
    color: #fff;
    background-image: linear-gradient(to left, #0c0c0c 20%, #474747 100%);
    background-repeat: repeat-x;
    padding: 2px;
    display: inline-block;
    border-radius: 30px;
    height: 40px;
    width: 120px;
    border-image: linear-gradient(120deg, #96df61 0, #06daa6 100%);
    border-image-slice: 1;
    border: 2px solid #06daa6;
    background: linear-gradient(120deg, #96df61 0, #06daa6 100%) content-box;
    -webkit-transform: translateY(-5px);
    -webkit-transition: all .3s ease-in-out !important;
}

  /*  .vision-desk {
        display: none
    }*/

.ourimg img {
    margin: 0 auto;
}
.mission-small {
    margin: auto;
}

.ourimg button {
    -webkit-animation: glowing 1.5s infinite;
    -moz-animation: glowing 1.5s infinite;
    -o-animation: glowing 1.5s infinite;
    animation: glowing 1.5s infinite;
}

.mission-small {
    margin: auto;
}
.btn-2 {
    background-color: #fff;
    width: 120px;
    height: 40px;
    color: #333;
    margin-top: 30px;
    font-weight: 700;
    font-style: bold;
    font-family: Quicksand;
    border: 0 solid #fff;
    border-radius: 30px;
    font-size: 10px;
    font-family: Quicksand;
    text-transform: uppercase;
    background: linear-gradient(120deg, #96df61 0, #06daa6 100%);
    transition: background-color .3s ease-out, border-color .3s ease-out, padding 50ms ease-out, color 50ms ease-out, box-shadow .3s ease-out;
    -webkit-transition: all .3s ease-in-out !important;
}

/*About Us Ends*/
.rectangle{
    height: 38px;
    width: 400px;
    border-radius: 25px;
    border-style: solid;
    padding: 0;
    margin-bottom: 20px;
    border-width: 2px;
    border-image-source: linear-gradient(to top, #00d9a6, #9be15d);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to top, #00d9a6, #9be15d);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
#email, #phone{
  text-align: center;
  font-family : Roboto-Medium;
}
::placeholder
{
 font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.0;
  letter-spacing: normal;
  color: #777777;
  text-align: center;
  font-family : Roboto-Medium;
}
.details1{
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.0;
    letter-spacing: normal;
    color: #2edb93;
    text-align: left;
    font-family: 'Roboto-Medium';  
}
#exampleModalCenter15{
    position: fixed;
    top: 60%;
    left: 68%;
    transform: translate(-50%, -50%);
}
.modal-content{
      width: 430px;
}

@media (max-width:768px)
{
    .updated_space {
        margin-top: 100px;
    }
    .Rectangle-1_Top-Layer_about {
        width: 293.4px;
        height: 463.2px;
        border-radius: 25px;
        position: absolute;
        top: 160px;
        left: 34%;
    }
    .content_center
    {
        display: flex;
        justify-content: center;
    }
    .Rectangle-2_Gradient_Front-Layer {
        width: 293.4px;
        height: 463.2px;
        opacity: 0.8;
        border-radius: 25px;
        background-image: linear-gradient(to top, #00d9a6, #80e06a, #9be15d);
    }
    .Rectangle-2_Gradient_Front_video {
        width: 293.4px;
        height: 463.2px;
        opacity: 0.8;
        border-radius: 25px;
        background-image: linear-gradient(to top, #00d9a6, #80e06a, #9be15d);
        position: relative;
        top: 16px;
        left: 0px;
    }
    
    .ovimg1 {
        width: 293.4px;
        height: 463.2px;
        position: absolute;
        overflow: hidden;
        border-radius: 20px;
        top: 35px;
        right: 35px;
    }
    .about_us-spaceing
    {
        margin-top: 60px;
    }
    .nature_plant_ptext {
        text-indent: 0;
    }
    .nature_plant_ptext_video {
        text-indent: 0;
        line-height: 31px;
    }
    .our_team_text{
        line-height: 31px; 
    }
    .nature_plant {
        font-size: 28px;
        text-align: center;
    }
    #Startup{
         text-align: center; 
    }
    .top{
        top:290px !important;
    }
    .displayprop_web
    {
        display: none;
    }
    .display_nature
   {
    display: block;
    margin-bottom: 6%;
   }
  .display_nature1
   {
    display: none;
   }
  .display_video
  {
    display: block;
   }
   .display_video1
  {
    display: none;
  }
  .display_team
{
    display: block;
    margin-bottom: 10%;
}
.display_team1
{
    display: none;
}
}
@media (max-width:576px) and (min-width:230px)
{
    /*.Rectangle-1_Top-Layer_about {*/
    /*    width: 255.4px;*/
    /*    height: 329.5px;*/
    /*    border-radius: 25px;*/
    /*    position: absolute;*/
    /*    top: 126px;*/
    /*    left: 22%;*/
    /*}*/
    .Rectangle-1_Top-Layer_about {
    /*width: 255.4px;*/
    /*height: 329.5px;*/
    /*border-radius: 25px;*/
    /*position: absolute;*/
    /*top: 140px;*/
    /*left: 18%;*/
    
    width: 243.38px;
    height: 329.54px;
    border-radius: 15px;
    position: absolute;
    top: 136px;
    left: 17%;

}
.team {
    height: 300px;
    width: 300px;
    margin-left: 16px;
}


.modal-content {
    width: 352px;
}
#exampleModalCenter15 {
    position: fixed;
    top: 60%;
    left: 51%;
    transform: translate(-50%, -50%);
}
.rectangle {
    height: 38px;
    width: 310px;
    border-radius: 25px;
    border-style: solid;
    padding: 0;
    margin-bottom: 20px;
    border-width: 2px;
    border-image-source: linear-gradient(to top, #00d9a6, #9be15d);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to top, #00d9a6, #9be15d);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
    .line41 {
    border: 1px solid #fff;
    height: 6px;
    /* width: 130px; */
    width: 132px;
    border-radius: 30px;
    background: linear-gradient(90deg, rgba(155, 225, 93, 0.9) 23.04%, rgba(0, 217, 166, 0.9) 100.11%);
    margin-top: -2px;
}
    .Rectangle-2_Gradient_Front-Layer {
        /*width: 255.4px;*/
        /*height: 329.5px;*/
        /*opacity: 0.8;*/
        /*border-radius: 25px;*/
        /*background-image: linear-gradient(to top, #00d9a6, #80e06a, #9be15d);*/
        
    width: 245.38px;
    height: 330.5px;
    opacity: 0.8;
    border-radius: 15px;
    background-image: url(../image/about-us-back.svg);
    margin-left: -26px;
    }
    .Rectangle-2_Gradient_Front_video {
        width: 255.4px;
        height: 329.5px;
    }
    .line2 {
        border: 1px solid #fff;
        height: 6px;
        width: 63px;
        border-radius: 30px;
        background: linear-gradient(45deg, #06daa6 0, #96df61 100%);
        margin-top: -2px;
    }
    .line1 {
        margin-top: -2px;
    }
    .nature_plant_ptext_video {
        font-size: 14px;
        line-height: 31px;
        word-spacing: -2px;
    }
    .displayprop_web
    {
        display: block;
    }
    .displayprop
    {
        display: none;
    }

    .bg-overlay {
    background: linear-gradient(#6e6e6e4d, #4444446b), url(../image/banner/about-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 175px !important;
    padding-top: 10px;
    margin-top: 32px;
}
    .aboutus_svg {
       /* width: 220px !important;
        float: right;
        position: relative;
        top: 83%;
        right: 6%;*/
        width: 220px !important;
        float: right;
        position: relative;
        top: 60%;
        right: 20%;
    }
    .about_us-spaceing
    {
        margin-top: 60px;
    }
    .nature_plant {
        font-size: 20px;
        line-height: 30px;
    }
    .nature_plant_ptext {
        font-size: 14px;
    }
    .ovimg1 {
        width: 255.4px;
        height: 329.5px;
        position: absolute;
        overflow: hidden;
        border-radius: 20px;
        top: 35px;
        right: 21px;
    }
    .ourimg1 {
        margin-bottom: 150px;
    }
    .ourimg1 img {
        margin: 0 auto;
    }
    .ourbox1 {
        border-radius: 20px;
        padding: 10px;
        background: linear-gradient(120deg, #96df61 0, #06daa6 100%);
        color: #fff;
        font-size: 15px;
        font-family: Quicksand;
        font-weight: 600;
        text-align: center;
        box-shadow: 4px 6px 9px 0 #a7c3a8ed;
        margin: -100px auto;
        width: 80%;
    }
    .ourbox1 h3 {
        margin-top: 70px;
        font-size: 25px;
    }
    .spaceing_about {
        margin-top: 35px;
    }
    .our_team_text {
        font-size: 14px;
        line-height: 31px;
    }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    font-size: 15px !important;
    color: #06daa6;
}
input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #11d48f;
    border-bottom: 1px solid #11d48f;
    margin: 0px;
    width: 40px !important;
    height: 30px !important;
    font-size: 12px;
    font-weight: 600;
    color: #11d48f;
}
#decrease {
    margin-right: -20px !important;
    border-radius: 8px 0 0 8px;
}
.value-button-inc {

    margin: 0px;
    width: 25px !important;

}
.value-button-dec {
   
    width: 40px !important;

}
#decrease {
    margin-right: -20px !important;
    border-radius: 8px 0 0 8px;
}
#increase {
    margin-left: -17px !important;
    border-radius: 0 8px 8px 0;
}
}

/*Cart Page*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
            font-size: 16px;
            color:#06daa6;
        }

        .deleteCartItem{
            border: none;
            background-color: #fff;
            font-size: 20px;
            color: #06daa6;
        }
        .deleteCartItem:hover{
            color: red;
            font-size: 25px;
        }
        .deleteCartItem:focus{
            outline: none;
        }
        .text-dark{
            color: #343a40!important;
            font-family: "Quicksand";
            font-weight: 600;
        }
        .text-muted{
            font-family: "Quicksand";
        }
        .sub-total{
            font-weight: 600;
            color: #06daa6
        }
        th{
            color: #06daa6;
            font-weight: 700;
            font-size: 20px;
        }

        header nav ul li a{
        color: #fff;
    }
    header.inner-pg nav ul li a, .white-bg header nav ul li a{
        color: #000 !important;
    }
    .table tbody+tbody {
    border-top: 2px solid #dee2e6;
}

    @media (min-width: 576px){
        .modal-dialog {
            max-width: 700px !important;
            margin: 1.75rem auto;
        }

    }

    .value-button-inc {
            display: inline-block;
            /*border: 1px solid #11d48f;*/
            border-right: 1px solid #11d48f;
            border-top: 1px solid #11d48f;
            border-bottom: 1px solid #11d48f;
            margin: 0px;
            width: 40px;
            height: 30px;
            text-align: center;
            vertical-align: middle;
            padding: 4px 0;
            /* background: #3bf10d3b; */
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        .btn-2 {
    background-color: #fff;
    width: 120px;
    height: 40px;
    color: #333;
    margin-top: 30px;
    font-weight: 700;
    font-style: bold;
    font-family: Quicksand;
    border: 0 solid #fff;
    border-radius: 30px;
    font-size: 10px;
    font-family: Quicksand;
    text-transform: uppercase;
    background: linear-gradient(120deg, #96df61 0, #06daa6 100%);
    transition: background-color .3s ease-out, border-color .3s ease-out, padding 50ms ease-out, color 50ms ease-out, box-shadow .3s ease-out;
    -webkit-transition: all .3s ease-in-out !important;
}
.btn-2:hover {
    color: #fff;
    background-image: linear-gradient(to left, #0c0c0c 20%, #474747 100%);
    background-repeat: repeat-x;
    padding: 2px;
    display: inline-block;
    border-radius: 30px;
    height: 40px;
    width: 120px;
    border-image: linear-gradient(120deg, #96df61 0, #06daa6 100%);
    border-image-slice: 1;
    border: 2px solid #06daa6;
    background: linear-gradient(120deg, #96df61 0, #06daa6 100%) content-box;
    -webkit-transform: translateY(-5px);
    -webkit-transition: all .3s ease-in-out !important;
}

        .value-button-dec {
            display: inline-block;
            border-left: 1px solid #11d48f;
            border-top: 1px solid #11d48f;
            border-bottom: 1px solid #11d48f;
            margin: 0px;
            width: 40px;
            height: 30px;
            text-align: center;
            vertical-align: middle;
            padding: 4px 0;
            /* background: #3bf10d3b; */
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .value-button:hover {
          cursor: pointer;
        }

        #decrease {
          margin-right: -4px;
          border-radius: 8px 0 0 8px;
        }

        #increase {
          margin-left: -4px;
          border-radius: 0 8px 8px 0;
        }

        #input-wrap {
          margin: 0px;
          padding: 0px;
        }

        input#number {
            text-align: center;
            border: none;
            border-top: 1px solid #11d48f;
            border-bottom: 1px solid #11d48f;
            margin: 0px;
            width: 40px;
            height: 30px;
            font-size: 12px;
            font-weight: 600;
            color: #11d48f;
        }

        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
    }
  

/*Cart Page*/