html, body {
    height: 100%;
  }
body{ 
    overflow-x: hidden;
}
html {
    overflow: hidden;
    width: 100vw;
}

body {
      /* background-color: #333333; */
      /* color:white; */
    /* width: 100vw; */
    height: 100%;
    position: fixed;
    /* prevent overscroll bounce*/
    /* background-color: lightgreen; */
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    /* iOS velocity scrolling */
}
/* 
  body.dark-mode {
    background-color: #333333;
    color: #ffffff;
} */

  #scrollable-link{
    width:100vw ;
    position: relative;
    z-index: 2;
    height: 100%;
    overflow-y: scroll
}
.social_media_image{
    width: 2rem;
}
#linkedin_img_link{
    width: 2rem;
}
.display_flex_and_grid{
    display: flex;
    width: fit-content;
    width: -moz-fit-content;
}
.myContainer{
    width: fit-content;
    width: -moz-fit-content;
    width: 100%;
    margin-right: 20px;
}
.img_size_for_company_logo{
    position: fixed;
    width: 209px;
    height: 64px;
    border-radius: 10px;
    top: 4px;
}
.companylogo_container{
    margin: -8px 10px;
}
.bg-body-tertiary{
    background-color: #c0dc87 !important;
}
.bg-body-tertiary a{
    color: #000000;
    font-weight: bolder;
}
.handle_navbar_content_margin{
    margin-top: 10px;
    margin-left: 10px;
}
.myContainer2{
    max-width: fit-content;
    max-width: -moz-fit-content;
}
.myContainer2{
    max-width: none;
}
@media(min-width:992px){
    .myContainer2{
        max-width: fit-content;
        max-width: -moz-fit-content;
    }
}
@media (min-width:992px) {
    .dropdown:hover .dropdown-menu1 {
        opacity: 1;
        display: block;
        margin-top: 0;  
    }
}
.dropdown:hover .dropdown-menu1 {
    opacity: 1;
    display: block;
    margin-top: 0;  
}
@media (max-width:763px) {
    .dropdown:hover .dropdown-menu1 {
        opacity: 1;
        display: block;
        margin-top: 0;  
    }
}
.dropdown-menu2{
    margin-left: 25px;
}
@media(min-width:763px){
#item1:hover #item1Content{
    opacity: 1;
    display: block;
    margin-top: 0;  

}
#item2:hover #item2Content{
    opacity: 1;
    display: block;
    margin-top: 0;  

}
#item3:hover #item3Content{
    opacity: 1;
    display: block;
    margin-top: 0;  

}
#item4:hover #item4Content{
    opacity: 1;
    display: block;
    margin-top: 0;  

}
#item5:hover #item5Content{
    opacity: 1;
    display: block;
    margin-top: 0;  

}
#item6:hover #item6Content{
    opacity: 1;
    display: block;
    margin-top: 0;  

}
#item7:hover #item7Content{
    opacity: 1;
    display: block;
    margin-top: 0;  

}
#item8:hover #item8Content{
    opacity: 1;
    display: block;
    margin-top: 0;  

}}
.add{
    opacity: 1;
        display: block;
        margin-top: 0;
}
@media(max-width:763px){
    #item1:hover #item1Content{
        opacity: 1;
        display: block;
        margin-top: 0;  
    }
    #item2:hover #item2Content{
        opacity: 1;
        display: block;
        margin-top: 0;  
    
    }
    #item3:hover #item3Content{
        opacity: 1;
        display: block;
        margin-top: 0;  
    
    }
    #item4:hover #item4Content{
        opacity: 1;
        display: block;
        margin-top: 0;  
    
    }
    #item5:hover #item5Content{
        opacity: 1;
        display: block;
        margin-top: 0;  
    
    }
    #item6:hover #item6Content{
        opacity: 1;
        display: block;
        margin-top: 0;  
    
    }
    #item7:hover #item7Content{
        opacity: 1;
        display: block;
        margin-top: 0;  
    
    }
    #item8:hover #item8Content{
        opacity: 1;
        display: block;
        margin-top: 0;  
    
    }   
}
.carousel-control-next-icon {
    background-image: url(chevron-right.svg);
}
.carousel-control-prev-icon {
    background-image: url(chevron-left.svg);
}
.carousel-indicators [data-bs-target]{
    background-color: black;
}
.h-65{
    height: 67vh;
}
.fix_whatsapp_logo_size{
    width:70px;
    height: 70px;
    position: fixed;
    top: 475px;
    left: 6px;
    z-index: 9999;
}
.fix_button_carousel{
    height: fit-content;
    margin-top: 40vh;
}
.navbar-toggler-icon{
    background-image: url("https://vectorified.com/images/three-line-menu-icon-13.png");
}
@media(max-width:992px){
.myshow {
    border-radius: 1rem;
    width: fit-content;
    width: -moz-fit-content;
    position: absolute !important;
    margin-top: -4vh !important;
    margin-left: 94px;
}
    .margin_vertically_top{
        margin-top: 8vh !important;
    }
}

@media(min-width:992px){
    .myshow {
        position: fixed !important;
        border-radius: 1rem;
        width: fit-content;
        width: -moz-fit-content;
        margin-left: auto;
    }
    }

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,900&display=swap');
 *{
    margin: 0;
    padding: 0;
 }
 .middle-product-section, .aboutus{
    position: relative;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
 }
 .middle-product1-section .sa-title.popcat {
    width: 100%;
    line-height: 1;
    color: #000000;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
}

.clear {
    clear: both;
}
.product-row{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-left: -15px;
}
.col-md-4 .col-sm-12 .col-md-6 .col-md-6{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin: 10px !important;


}
.clik{
    background-color: #000000;
    padding: 5px 15px;
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    border: 0px solid #333;
    line-height: 1.5;
    text-decoration: none;
}
.clik:hover{
    background-color:#10bf16;
    cursor: pointer;
    color: #000000;
    font-weight: 600;
    font-size: larger;
}
.column1{
    float: left;
    /* width: 33.33%; */
    padding: 125px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left;
}
.footer{
    background-color:#c0dc87 ;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    justify-content: space-between;
}
.content-footer{
    padding: 5px;
    margin: 10px;
    color: #000000;
    font-weight: bolder;
    text-align: left;
}
@media(max-width:800px){
    .content-footer{
        width: 40%;
    }
}
.fs-6{
    font-size: smaller !important;
}
.navbar{
    z-index: 1001;
    top:5vh !important
}

.utility {
    overflow: hidden;
  }
.middle_part {
    margin-top: 16vh;
}

  .social_media_platforms{
    display: inline-block;
    position: fixed;
    top: 16vh;
    right: 0;
    background-color: #c0dc87;
    border-radius: 1rem;
    z-index: 9999;
  }
.btn-small{
    border-radius: 1rem;
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    background-color:#95c82e;    
}
#open_close_bottom_button{
    background-color: #95c82e !important;
}
.social_media_platforms a{
    padding: 1rem 0.8rem !important;
}
.navbar{
    padding: 0 !important; ;
}
/* FOR BOOTSTRAP ROW */
.row{
    margin-right: 5px;
}
/* FOR MOVING BANNER */
.banner {
    /* background-color: #8ACB88; Medium Green */
    /* color: white; */
    padding: 11px;
    white-space: nowrap;
    overflow: hidden;
    position: fixed;
    top: 70px !important;
    height: 40px;
    z-index: 12 !important;
  }
  .w-100{
    width: 100vw !important;
  }
  .banner p {
    color: #333333;
    font-weight: 700;
    position: absolute;
    /* display: inline-block; */
    left: 100%;
    margin: 0;
    animation: scrollText 40s linear infinite;
  }
  

  @keyframes scrollText {
    0% {
      left: 100%;
      opacity: 1;
    }
    5% {
      left: 95%;
      opacity: 1;
    }
    /* 95% {
      left: -50%;
      opacity: 1;
    } */
    100% {
      left: -100%;
      opacity: 1;
    }
  }
  /* FOR CAROUSEL ZOOM */
  .carousel.pointer-event {
    touch-action: pan-y pinch-zoom;
  }

  /* MOVING BANNER ENDS */

  /*FOR COMPANY MOTO*/
  #Company_vision{
    border: 2px solid #888888;

  }
  .text-green{
    color:#0d4b0a;
    font-weight: 700;
    text-decoration: underline;
  }
  .text-underline{
    text-decoration: underline;
  }

  /*COMPANY MOTO ENDS*/

  /*BORDER COLOR FOR PRODUCTS*/
  .border-top-green{
    border-top: 5px solid #29b222;
  }
  .border_bottom_padding_bottom{
    border-bottom: 5px solid #29b222;
    padding-bottom: 10vh !important;
  }
  /*BORDER COLOR FOR PRODUCTS ENDS*/

  /*HEADING COLOR*/
  .heading{
    text-align: center;
    text-decoration: underline;
    color: green;
    filter: brightness(1.5)
  }
  /*HEADING COLOR ENDS*/

  /*FOR INPUT FORM*/
  .input{
    width: 85%;
    border-radius: 5px;
    height: 6vh;
    margin: 2vh auto;
    padding-left: 1vw
  }
  /*For 4side border green*/
.border-black{
    border: 4px solid black;
}
  
.border-radius-10{
    border-radius: 10px;
}
/*FOR IFRMAE SIZE*/
.iframe{
    width: 60vw;
    height: 87vh;
}
/*For make responsive map and form*/
.form{
    width:auto;
    margin-top:auto;

}
@media (min-width:700px) {
    .form{
        margin-top: 0 ;
    }
    .albedoflashimage{
        height: 50vh !important;
    }
    .dropdown margin_vertically{
        margin-top: auto;
    }
    .margin_vertically_top{
        margin-top: auto;
    }
    
}
@media(min-width:850px){
.albedoflashimage{
    height: 55vh;
}
}
@media(min-width:1150px){
    .albedoflashimage{
        height: 60vh !important;
    }
    }
@media(max-width:750px){
#albedoFlash {
    margin:3rem 2px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}
@media(min-width:750px){
    
    .m{
        margin: auto 1rem !important;
    }
}
@media(max-width:1200px){
    .h-65{
        height: 62vh;
    }
}
@media(min-width:600px){
    .fix_button_carousel {
        height: fit-content;
        margin-top: 22vh;
    }
}
@media(max-width:600px){
    .fix_button_carousel {
        height: fit-content;
        margin-top: 15vh !important;
    }
    .h-65{
        height: 30vh !important;
    }
    .fix_button_carousel{
        margin-top: 31vh;
    }
    .img_size {
        min-height: 30vh !important;
        max-height: 48vh;
    }
}
@media(max-width:800px){
    .h-65{
        height: 56vh;
    }
    #container_bottom_banner{
        display: block !important;
    }
    .m{
        margin: auto 0.5rem !important;
    }

    .ml-21{
    margin-left: 21px !important;
    }
    .mlr-40-15{
    margin-left: 40px !important;
    margin-right: 15px !important;

    }
}
@media (min-width:800px) {
    .fix_button_carousel {
        height: fit-content;
        margin-top: 30vh;
    }
    .plr-5vw{
        padding-left: 5vw;
        padding-right: 5vw;
    }
}


@media(max-width:700px){
    .dropdown margin_vertically{
        margin-top: 2vh;
    }
    .conatiner_for_map_and_contact_and_form{
        display: grid !important;
    }
    .albedoflashimage{
        height: 36vh !important;
    }
    .iframe{
        width: 90vw;
        height: 50vh;
    }
    .form{
        width:90vw;
        margin-top:3vh;
    }
    .h3{
        font-size: large;
    }

}
@media(max-width:600px){
    .font-size-largest{
        font-size: x-large !important;
    }
    ul{
        padding-left: 0;
    }
}
/*FOR ABOUT US*/
.gray_border{
    border: 2px solid #888888;
}

/*FOR NAVBAR*/
.navbar{
    top:0 !important;
    min-height: 70px;
}

.menu_button{
    position: fixed;
    right: 10px;
    top: 10px
}

/*FOR MARGIN BOTTOM 4 REM*/
.mb_6{
    margin-bottom: 4rem !important;
}
/* For bottom_banner*/
.bottom_banner{
    display: flex;
    position: fixed;
    bottom: 0;
    right:0;
    background-color: #c0dc87;
    color:black;
    z-index: 9;
    font-weight: bolder;
    padding: 1rem;
    text-align: center;
    width: fit-content;
    width: -moz-fit-content;
    justify-content: space-around;
    border-radius: 10px;
    word-wrap: break-word;
}

.font-size-largest{
    font-size: x-large;
}
#open_close_bottom_button{
    position: fixed;
    margin-top: -15px;
    right: 0;
    z-index: 9999;
    max-width: 36px;
    display: flex;
    justify-content: center;
}
.m{
    margin: 0%;
}
.mr-3{
    margin-right: 1.4rem;
}
#container_bottom_banner{
    display: flex;
}
p,h3{
    margin-block-end:0 !important;
}
.h3{
    font-size: 1.3rem !important;
}
.font-size-largest_for_plus{
    font-size: xx-large;
    margin-left: -5px;
}
.f{
background-color: #888888;
}
.img_tiny{
    width: 25px;
}
@media(max-width:800px){
    .h3{
        font-size: 1.2rem !important;
    }
    .font-size-largest {
        font-size: larger !important;
    }
    .font-size-largest_for_plus {
        font-size: x-large;
        margin-left: -5px;
    }
}
@media(max-width:410px){
    .h3{
        font-size: 1rem !important;
    }
    .font-size-largest {
        font-size: medium !important;
    }
    .font-size-largest_for_plus {
        font-size: large;
        margin-left: -5px;
    }
}

@media(max-width:350px){
    .h3{
        font-size: 0.8rem !important;
    }
    .font-size-largest {
        font-size: small !important;
    }
    .font-size-largest_for_plus {
        font-size: medium;
        margin-left: -5px;
    }
    .ml-21{
        margin-left: 10px !important;
    }
    .mlr-40-15{
        margin-left: 30px !important;
    }
}
.font-size-largest_for_plus{
    display: none;
}
/*FOR CARASOUEL NEXT BUTTON*/
@media(max-width:950px){
    .carousel-control-next{
    justify-content: left;

    }}
@media(max-width:600px){
    .carousel-control-next{
        width: 18vw;
    }}
@media(max-width:500px){
    .carousel-control-next{
        width: 20vw;
    }}
@media(max-width:400px){
    .carousel-control-next{
        width: 22vw;
    }}
@media(max-width:350px){
    .carousel-control-next{
        width: 26vw;
    }}
@media(max-width:300px){
    .carousel-control-next{
        width: 29vw;
    }}
@media(max-width:270px){
    .carousel-control-next{
        width: 32vw;
    }}
/* FOR IMAGE SIZE */
.img_size{
    width: 86%;
  
    min-height:48vh;
    max-height: 48vh;
}  
.footer a{
    color: #000000 !important;
    font-weight: bold;
}
.clik:hover{
    font-size: 17px !important;
    padding: 11px 32px !important;
    overflow: hidden;
}
/* FOR DISPLAYING PRODUCT ITEM WHILE BOTTOM BANNER HIDDEN */
.z_index{
    position: relative;
    z-index: 8;
}
.input option{
    width: 5px !important;
}
/* FOR TEXTAREA */
.textarea::-webkit-scrollbar{
    display: none;
}
/* FOR QUALIFICATION DROPDOWN */
select {
    width: 250px;
  }
  
  option {
    width: 80px;
  }
@media (max-width:350px) {
    .img_size_for_company_logo{
        width: 160px;
        height: 50px;
    }
}
/*FOR HIDING UPDOWN FROM FORM INPUT TYPE=NUMBER*/
/* FOR CHROME EDGE AND ANY OTHER */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* FOR FIREFOX */
input[type=number] {
    -moz-appearance: textfield;
  }
@media (max-width:850px) {
    #Company_vision{
        max-width: 94vw;
        margin: 3rem 10px !important;
    }    
}
@media (min-width:850px) {
    #Company_vision_content{
        padding-left: 3vw;
    padding-right: 2vw;
    padding-bottom: 2vh
    }
    #Company_vision{
        max-width: 96vw;
    }      
}
@media (max-width: 550px){
.albedoflashimage {
    height: 32vh !important;
}
}

/* FOR CONTENT */
.td-none{
text-decoration: none;
color: #000000;
}

/* To fixed nested deopdown */
.fix_position{
position: relative !important;
border-radius: 10px;
text-decoration: none;
text-align: center;
}
.fix_position li{
    padding: 1vh 2vw;
    text-decoration: none;
    list-style-type: none;
    margin-left: -32px;
}
.fix_position li:hover{
    padding: 10px;
    background-color: rgb(180, 169, 169);
    border-radius: 10px;
    font-weight: bold;
}

#item1Show{
    display: none;
}
.fixPosition{
    margin-left: 130px;
    margin-top:-40px !important;
    position: fixed !important;
}
@media(max-width:768px){
    .margin-e{
        margin-top: 2rem;
    }
}
/* FIX DROPDOWN MARGIN */
.myshow li{
    margin-left: 10px;
}
@media (max-width:992px) {
    .dropdown-menu1 {
        margin-left: 74px;
        }
            
}
@media(max-width:400px){
    .fixPosition{
        margin-left: 100px !important;
    }      
}

@media(max-width:350px){
    .fixPosition{
        margin-left: 40px !important;
    }      
}
@media(max-width:300px){
    .fixPosition{
        margin-left: 10px !important;
    }      
}