@media screen and (min-width: 320px) {

  .dash-scroll {
    overflow-x: scroll !important;
    padding: 20px !important;
  }

  .upcard {
    font-size: 9px !important;
    font-family: "Roboto", sans-serif !important;
  }

  .card-count{
    font-size: 18px !important;

  }

  .card-container {
    display: flex !important;
    gap: 0px !important;
    justify-content: center;
  }



  .dash-footer {
    margin-top: 250px !important;
  }

  .manufacturer-derails-card {
    margin-left: -10px !important;
    margin-top: 70px !important;
    width: 100% !important;
  }

  .exporter-derails-card {
    margin-left: -10px !important;
    margin-top: 70px !important;
    width: 100% !important;
  }

  .exporter-buyer-card {
    margin-left: -43px !important;
    width: 120% !important;
    padding: 30px !important;
    margin-top: 60px !important;
}

  .farmer-footer {
    margin-top: 30px !important;
}

  .register-button {
    margin-top: -20px !important;
  }

  .top-texts {
    margin-bottom: 0px !important;
}

.card-center {
  height: 390px !important;
}

  .welcome-msg {
    font-size: 15px !important;
}

  .dealer-number-regis {
    width: 300px !important;
    margin-top: 150px !important;
  }

  .scrollbar {
    margin-top: 30px !important;
    overflow-x: scroll !important;
    padding: 20px !important;
  }

  .upload-btn {
    padding: 5px !important;
  }

  .farmer-buyer-card {
    margin-left: 40px !important;
    width: 105% !important;
    padding: 15px !important;
  }
  .map-bayer-img {
    width: 80% !important;
  }

  .ls-closed .bars:before {
    left: 25px !important;
    top: 15px !important;
  }

  .navbar > .container-fluid .navbar-brand {
    margin-left: 60px !important;
    width: 80% !important;
    margin-top: -15px !important;
}

  .navbar .navbar-toggle:before {
    display: none !important;
  }

  .update-proceed-btn {
    justify-content: center !important;
    display: flex !important; 
    margin-left: 10px !important;
  }

  .farmer-derails-card {
    margin-left: 46px !important;
  }

 

  .register-mainbtn {
    background-color: #4AAF46 !important;
    color: #fff !important;
    border-radius: 30px !important;
    height: 50px !important;
    padding: 10px 30px !important;
    margin-top: 12px !important;
    box-shadow: 6px 6px 0px 0px var(--dark-blue-color) !important;
    }
    .register-mainbtn:hover {
      box-shadow: -6px -6px 0px 0px var(--dark-blue-color) !important;
      color: #fff !important;
    }

  .farmer-registr-font {
    text-align: center !important;
    font-family: Encode Sans Condensed !important;
    font-size: 25px !important; 
    font-weight: 700 !important;
    line-height: 40px !important; 
    color: #4AAF46 !important;
  }


  
  .main-img {
    width: 70% !important;
    margin-left: 0px;
    margin-top: -90px !important;
}

  .farmer-responsive-card {
    margin-left: 0px !important; 
    margin-top: 120px !important; 
   
  }
  .farmer-responsive-img {
    height: auto !important;
    width: 600px !important;
    border-radius:20px !important; 
    object-fit: cover !important;
    margin-top: 75px !important;
    display: none !important;
  }
  .farmer-responsive-registration {
 
    height: 665px !important; 
    background-color: #f3fff3 !important;
    margin-top: -10px !important;
    margin-bottom: 30px !important;
  }
  .farmer-card {
    border-radius: 20px !important;
    margin-top: 40px !important;
    margin-bottom: 0px !important;
}
.cs_footer.cs_style_1 {
  padding-top: 1px;
  
}





  .cs_iconbox_info p {
    font-size: 12px !important;
}

  .contact-slide {
    width: 10% !important;
  }

  .privacy-slider {
    width: 13% !important;
  }
  .terms-slider {
    width: 17% !important;
  }

  .feedback-slider {
    width: 10% !important;
  }

  .traceability-due img {
    width: auto !important;
    margin-top: 30px !important;
  }
  .analyse-defor img {
    width: auto !important;
  }
  .for-exporter {
    height: 510px !important;
  }
  .for-processor {
    height: 580px !important;
  }
  .for-dealer {
    height: 530px !important;
  }

  /* .selector {
    padding-right: 20px !important;
  } */

  .tab-cont button {
    padding: 5px !important;
  }
  .tab-cont {
    gap: 5px !important;
  }

  .tab-cont .but.active {
    font-size: 12px !important;
    border-radius: 20px !important;
  }

  .tab-cont button {
    border-radius: 20px !important;
    font-size: 12PX !important;
  }
  .button {
    width: 50% !important;
  }
  .risk-farmer-htext {
    font-size: 14px !important;
  }

  .slider-step01 {
    margin-top: 50% !important;
  }
  .slider-step02 {
    margin-top: 50% !important;
  }
  .slider-step03 {
    margin-top: 50% !important;
  }
  .slider-step04 {
    margin-top: 50% !important;
  }
  .cs_pagination.cs_style_2.cs_type_1 {
    top: 95% !important;
    left: 75% !important;
  }
  .cs_pagination.cs_style_2.cs_type_1 button {
    height: 20px !important;
    width: 20px !important;
  }



  .side-slider img {
    display: none !important;
}

    .main-img {
      width: 70%;
      margin-left: 0px;
      margin-top: -5px;
  }
  .main-text-logo {
    width: 70%;
  }
  .plan01 {
  
  }
  .plan02 {
    margin-top: 25px !important;
  }
  .plan03 {
    margin-top: 25px !important;
  }
  
  .pc-card01 {
    height: 500px !important;
  }
  
  .pc-card02 {
    height: 610px !important;
  }
  
  .pc-card03 {
    height: 360px !important;
  }
  .tabcontent {
    padding: 15px 0px 20px 10px !important;
  }
  .tab button {
    font-size: 12px !important;
    
  }
  
  
  .rgt-form {
    height: 643px !important;
  }
  .rtg-inrbtn {
    margin-top: 85px !important;
  }
  .rtg-inrbtn3 {
    margin-top: 170px !important;
  }
  
  .rtg-inrbtn4 {
    margin-top: 170px !important;
  }
  .rtg-inrbtn5 {
    margin-top: 170px !important;
  }
  
  .cs_footer_row {
    flex-wrap: wrap;
    gap: 1px 30px !important;
    padding: 25px 0 !important;
    justify-content: left !important;
    margin-left: -8px !important;
  }
  .footer-list-text {
    font-size: 14px !important;
  }
  
  
  
  .tabcontent {
    padding: 0px 0px 0px 25px !important;
  }
  .deforest-text01 {
    margin-left: 5px !important;
    width: 95% !important;
    font-size: 12px;
  }
  .deforest-text02 {
    width: 95% !important;
    margin-left: 5px !important;
    font-size: 12px;
    line-height: 20px;
    margin-top: 20px !important;
  }
  .deforest-text03 {
    margin-top: -25px !important;
    width: 95% !important;
    margin-left: 5px !important;
    font-size: 12px;
    line-height: 20px;
  }
  .deforest-text04 {
    margin-top: -210px !important;
    width: 95% !important;
    margin-right: 10px !important;
    font-size: 12px;
  }
  .deforest-text05 {
    margin-top: -290px !important;
    margin-left: 5px !important;
    width: 95% !important;
    font-size: 12px;
  }

  #box-with-image {
    height: 455px !important;
  }
  
  .frst-q01 {
    height: 210px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-right: 20px !important;
  }
  .frst-q02 {
    height: 320px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 20px !important;
    margin-right: 20px !important;
  }
  .frst-q03 {
    height: 415px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
     margin-top: 25px !important;
     margin-right: 20px !important;
  }
  .frst-q04 {
    height: 950px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 25px !important;
    margin-right: 20px !important;
  }
  .tab .risk01 {
    padding: 5px 0px !important;
    border-radius: 5px !important;
  }
  
  .rsk-full01 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 25px !important;
    height: 376px !important;
    margin-top: -10px !important;
    padding: 20px !important;
    font-size: 12px !important;
  }
  .rsk-full02 {
    border-radius: 1rem !important; 
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important; 
    line-height: 25px !important;
    height: 455px !important;
    margin-top: -10px !important;
    padding: 20px !important;
    font-size: 12px !important;
  
  }
  .rsk-full03 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 25px !important;
    height: 415px !important;
    margin-top: -10px !important;
    padding: 20px !important;
    font-size: 12px !important;
  
  }
  .sec-mapping01 {
    height: 200px !important;
    border: 1px solid lightgray !important;
    background-color: #f3fff3;
    border-radius: 1rem !important;
   padding: 20px !important;
  }
  .sec-mapping02 {
    height: 230px !important;
    border: 1px solid lightgray !important;
    background-color: #f3fff3;
    border-radius: 1rem !important;
    padding: 20px !important;
  
  }
  
  .iamtab button {
    padding: 10px 6px !important;
    font-size: 10px !important;
  }
  .far-regst {
    padding: 20px !important; 
    width: 100% !important;
    height: 420px !important;
  }
  .fr-rsgt-tab {
    padding: 0px 0px 0px 0px !important;
  }
  .del-tab {
    padding: 20px !important; 
    width: 100% !important; 
    height: 340px !important;
  }
  .der-rest-heg01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }
  .der-rest-heg02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
  
  }
  .der-rest-heg03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
  
  }
  .dsr-footer {
    margin-top: 900px !important;
  }
  .mgf-footer {
    margin-top: 900px !important;
  }
  .mgf-tab {
    padding: 20px !important;
     width: 100% !important;
      height: 500px !important;
  }
  
  .mgf-rgst01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }
  .mgf-rgst02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
   
  }
  .mgf-rgst03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
   
  }
  .mgf-rgst04 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
   
  }
  .proc-footer {
    margin-top: 900px !important; 
  }
  .proc-tab {
    padding: 20px !important;
     width: 100% !important;
      height: 500px !important;
  }
  .proc-rgst01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .proc-rgst02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .proc-rgst03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .proc-rgst04 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .exp-tab {
    padding: 20px !important; 
    width: 100% !important; 
    height: 500px !important;
  }
  .exp-footer {
    margin-top: 700px !important;
  }
  .expo-rgst01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .expo-rgst02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .expo-rgst03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .expo-rgst04 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .expo-rgst05 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
 
  }
  
  
  @media screen and (min-width: 375px) {
    .dash-scroll {
      overflow-x: scroll !important;
      padding: 20px !important;
    }

    .dash-footer {
      margin-top: 250px !important;
    }

    .manufacturer-derails-card {
      margin-left: -10px !important;
      margin-top: 70px !important;
      width: 100% !important;
    }

    .exporter-derails-card {
      margin-left: -10px !important;
      margin-top: 70px !important;
      width: 100% !important;
    }

    .exporter-buyer-card {
      margin-left: -20px !important;
      width: 104% !important;
      padding: 20px !important;
      margin-top: 60px !important;
    }

    .farmer-footer {
      margin-top: 30px !important;
  }

    .welcome-msg {
      font-size: 19px !important;
  }

    .register-button {
      margin-top: -30px !important;
    }

    .cs_footer.cs_style_1 {
      padding-top: 1px;
   
  }

    .card-center {
      height: 350px !important;
      margin-top: 150px !important;
    }

    .top-texts{
      margin-bottom: 0px !important;
      margin-top: 0px !important;
  }

    .dealer-number-regis {
      width: 360px !important;
    }

    .scrollbar {
      margin-top: 30px !important;
      overflow-x: scroll !important;
      padding: 20px !important;
    }


    .farmer-buyer-card {
      margin-left: 40px !important;
      width: 104% !important;
      padding: 30px !important;
    }
    .map-bayer-img {
      width: 80% !important;
    }

 

    .map-bayer-img {
      width: 180% !important;
    }
    .farmer-derails-card {
      margin-left: 46px !important;
    }

    .ls-closed .bars:before {
      left: 25px !important;
      top: 15px !important;
    }
  
    .navbar > .container-fluid .navbar-brand {
      margin-left: 60px !important;
      width: 80% !important;
      margin-top: -15px !important;
  }
  
    .navbar .navbar-toggle:before {
      display: none !important;
    }

    .farmer-derails-card {
      margin-left: 46px !important;
    }

    

    .main-img {
      width: 70% !important;
      margin-left: 0px;
      margin-top: -90px !important;
  }

    .farmer-responsive-card {
      margin-left: 0px !important; 
      margin-top: 120px !important; 
     
    }
    .farmer-responsive-img {
      height: auto !important;
      width: 600px !important;
      border-radius:20px !important; 
      object-fit: cover !important;
      margin-top: 70px !important;
      display: none !important;
    }
    .farmer-responsive-registration {
   
      height: 620px !important; 
      background-color: #f3fff3 !important;
      margin-top: -10px !important;
      margin-bottom: 30px !important;
    }
    .farmer-card {
      border-radius: 20px !important;
      margin-top: 40px !important;
      margin-bottom: 0px !important;
  }
  .cs_footer.cs_style_1 {
    padding-top: 1px;
   
}



    .cs_iconbox_info p {
      font-size: 15px !important;
  }

    .contact-slide {
      width: 10% !important;
    }
  
    .privacy-slider {
      width: 13% !important;
    }
    .terms-slider {
      width: 17% !important;
    }
  
    .feedback-slider {
      width: 10% !important;
    }

    .risk-farmer-htext {
      font-size: 15px !important;
    }


    .button {
      width: 40% !important;
  }

    .analyse-defor img {
      width: auto !important;
    }

    .traceability-due img {
      width: auto !important;
    }

    
    .tab-cont .btm1 {
      padding: 10px !important;
      border-radius: 20px !important;
      font-size: 15px !important;
    }
    .tabs {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }

    .footer-list-text {
      font-size: 18px !important;
  }

    .tab-cont button {
      padding: 30px !important;
  }


    .tab-cont button {
      padding: 22px !important;
  }

    .slider-step01 {
      margin-top: 30% !important;
    }
    .slider-step02 {
      margin-top: 30% !important;
    }
    .slider-step03 {
      margin-top: 30% !important;
    }
    .slider-step04 {
      margin-top: 30% !important;
    }
    .cs_pagination.cs_style_2.cs_type_1 {
      top: 95% !important;
      left: 75% !important;
    }
    .cs_pagination.cs_style_2.cs_type_1 button {
      height: 20px !important;
      width: 20px !important;
    }
  

    .side-slider img {
      display: none !important;
  }


    .main-img {
      width: 85%;
      margin-left: 0px;
      margin-top: 3px;
  }
  .main-text-logo {
    width: 70%;
  }
  
  
  .plan01 {
  
  }
  .plan02 {
    margin-top: 25px !important;
  }
  .plan03 {
    margin-top: 25px !important;
  }
  
  .pc-card01 {
    height: 500px !important;
  }
  
  .pc-card02 {
    height: 610px !important;
  }
  
  .pc-card03 {
    height: 360px !important;
  }
  .tabcontent {
    padding: 15px 0px 20px 10px !important;
  }
  .tab button {
    font-size: 13px !important;
}
  
  
  .rgt-form {
    height: 615px !important;
  }
  .rtg-inrbtn {
    margin-top: 115px !important;
  }
  .rtg-inrbtn3 {
    margin-top: 170px !important;
  }
  
  .rtg-inrbtn4 {
    margin-top: 170px !important;
  }
  .rtg-inrbtn5 {
    margin-top: 170px !important;
  }
  
  .cs_footer_row {
    flex-wrap: wrap;
    gap: 1px 40px !important;
    padding: 25px 0 !important;
    justify-content: left !important;
    margin-left: -8px !important;
  }
  
  #box-with-image {
    height: 490px !important;
  }
  
  
  .tabcontent {
    padding: 0px 0px 0px 25px !important;
  }
  .deforest-text01 {
    margin-left: 4px !important;
    width: 98% !important;
    font-size: 14px !important;
  }
  .deforest-text02 {
    width: 98% !important;
    margin-left: 4px !important;
    font-size: 14px !important;
    margin-top: 15px !important;
  }
  .deforest-text03 {
    margin-top: -20px !important;
    width: 98% !important;
    margin-left: 4px !important;
    font-size: 14px !important;
  }
  .deforest-text04 {
    margin-top: -220px !important;
    width: 98% !important;
    margin-right: 4px !important;
    font-size: 14px !important;
  }
  .deforest-text05 {
    margin-top: -300px !important;
    margin-left: 4px !important;
    width: 98% !important;
    font-size: 14px !important;

  }
  
  .frst-q01 {
    height: 210px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
  }
  .frst-q02 {
    height: 250px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 20px !important;
  }
  .frst-q03 {
    height: 385px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
     margin-top: 25px !important;
  }
  .frst-q04 {
    height: 795px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 25px !important;
  }
  .tab .risk01 {
    padding: 5px 0px !important;
    border-radius: 5px !important;
  }
  
  .rsk-full01 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 35px !important;
    height: 376px !important;
    margin-top: -10px !important;
    padding: 20px !important;
  }
  .rsk-full02 {
    border-radius: 1rem !important; 
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important; 
    line-height: 24px !important;
    height: 430px !important;
    margin-top: -10px !important;
    padding: 20px !important;
  
  }
  .rsk-full03 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 35px !important;
    height: 415px !important;
    margin-top: -10px !important;
    padding: 20px !important;
  
  }
  .sec-mapping01 {
    height: 180px !important;
    border: 1px solid lightgray !important;
    background-color: #f3fff3;
    border-radius: 1rem !important;
   padding: 20px !important;
   width: 108% !important;
  }
  .sec-mapping02 {
    height: 200px !important;
    border: 1px solid lightgray !important;
    background-color: #f3fff3;
    border-radius: 1rem !important;
    padding: 20px !important;
    width: 108% !important;
  
  }
  
  .iamtab button {
    padding: 10px 6px !important;
    font-size: 10px !important;
  }
  .far-regst {
    padding: 20px !important; 
    width: 100% !important;
    height: 420px !important;
  }
  .fr-rsgt-tab {
    padding: 0px 0px 0px 0px !important;
  }
  .del-tab {
    padding: 20px !important; 
    width: 100% !important; 
    height: 340px !important;
  }
  .der-rest-heg01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }
  .der-rest-heg02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
  
  }
  .der-rest-heg03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
  
  }
  .dsr-footer {
    margin-top: 900px !important;
  }
  .mgf-footer {
    margin-top: 900px !important;
  }
  .mgf-tab {
    padding: 20px !important;
     width: 100% !important;
      height: 500px !important;
  }
  
  .mgf-rgst01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }
  .mgf-rgst02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
   
  }
  .mgf-rgst03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
   
  }
  .mgf-rgst04 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
   
  }
  .proc-footer {
    margin-top: 900px !important; 
  }
  .proc-tab {
    padding: 20px !important;
     width: 100% !important;
      height: 500px !important;
  }
  .proc-rgst01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .proc-rgst02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .proc-rgst03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .proc-rgst04 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .exp-tab {
    padding: 20px !important; 
    width: 100% !important; 
    height: 500px !important;
  }
  .exp-footer {
    margin-top: 700px !important;
  }
  .expo-rgst01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .expo-rgst02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .expo-rgst03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .expo-rgst04 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  .expo-rgst05 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    
  }
  
}




@media screen and (min-width: 360px) {

  .dash-scroll {
    overflow-x: scroll !important;
    padding: 20px !important;
  }

  .dash-footer {
    margin-top: 250px !important;
  }

  .manufacturer-derails-card {
    margin-left: -10px !important;
    margin-top: 70px !important;
    width: 100% !important;
  }

  .exporter-derails-card {
    margin-left: -10px !important;
    margin-top: 70px !important;
    width: 100% !important;
  }

  .exporter-buyer-card {
    margin-left: -20px !important;
    width: 104% !important;
    padding: 20px !important;
    margin-top: 60px !important;
  }

  .farmer-footer {
    margin-top: 30px !important;
}

  .dealer-number-regis {
    width: 340px !important;
  }

  .welcome-msg {
      font-size: 19px !important;
  }

  .map-bayer-img {
    width: 80% !important;
  }

  .ls-closed .bars:before {
    left: 25px !important;
    top: 15px !important;
  }

  .navbar > .container-fluid .navbar-brand {
    margin-left: 60px !important;
    width: 80% !important;
    margin-top: -15px !important;
}

  .navbar .navbar-toggle:before {
    display: none !important;
  }

  .main-img {
    width: 70% !important;
    margin-left: 0px;
    margin-top: -90px !important;
}

   .farmer-responsive-card {
      margin-left: 0px !important; 
      margin-top: 120px !important; 
     
    }
    .farmer-responsive-img {
      height: auto !important;
      width: 600px !important;
      border-radius:20px !important; 
      object-fit: cover !important;
      margin-top: 60px !important;
      display: none !important;
    }
    .farmer-responsive-registration {
   
      height: 600px !important; 
      background-color: #f3fff3 !important;
      margin-top: -10px !important;
      margin-bottom: 30px !important;
    }
    .farmer-card {
      border-radius: 20px !important;
      margin-top: 40px !important;
      margin-bottom: 0px !important;
  }
  .cs_footer.cs_style_1 {
    padding-top: 1px;
  
}


  .rtg-inrbtn {
    margin-top: 110px !important;
}
.rgt-form {
  height: 615px !important;
}
.rtg-inrbtn3 {
  margin-top: 140px !important;
}
.rtg-inrbtn4 {
  margin-top: 140px !important;
}
.rtg-inrbtn5 {
  margin-top: 140px !important;
}


  /* .home-fooer01 {
    height: 400px !important;
  } */

  .cs_iconbox_info p {
    font-size: 15px !important;
}

  .contact-slide {
    width: 10% !important;
  }

  .privacy-slider {
    width: 13% !important;
  }
  .terms-slider {
    width: 17% !important;
  }

  .feedback-slider {
    width: 10% !important;
  }

  .main-img {
    width: 75% !important;
    margin-left: 0px;
    margin-top: 3px;
}
.sub-dealer {
  padding: 30px;
  border: 1px solid lightgray;
  background-color: #f3fff3;
  border-radius: 1rem;
 
}
.sec-mapping01 {
  height: 200px !important;
  border: 1px solid lightgray !important;
  background-color: #f3fff3 !important;
  border-radius: 1rem !important;
 padding: 20px !important;
}
.sec-mapping02 {
  height: 230px !important;
  border: 1px solid lightgray !important;
  background-color: #f3fff3 !important;
  border-radius: 1rem !important;
  padding: 20px !important;

}

}



@media screen and (min-width: 390px) {

  .dash-scroll {
    overflow-x: scroll !important;
    padding: 20px !important;
  }
  /* .home-fooer01 {
    height: 520px !important;
  } */

  .cs_iconbox_info p {
    font-size: 15px !important;
}

  .contact-slide {
    width: 10% !important;
  }

  .privacy-slider {
    width: 13% !important;
  }
  .terms-slider {
    width: 17% !important;
  }

  .feedback-slider {
    width: 10% !important;
  }

  .main-img {
    width: 75% !important;
    margin-left: 0px;
    margin-top: 3px;
}
}

@media screen and (min-width: 412px) {

  .dash-scroll {
    overflow-x: scroll !important;
    padding: 20px !important;
  }

  /* .home-fooer01 {
    height: 600px !important;
  } */

  .cs_iconbox_info p {
    font-size: 15px !important;
}

  .contact-slide {
    width: 10% !important;
  }

  .privacy-slider {
    width: 13% !important;
  }
  .terms-slider {
    width: 17% !important;
  }

  .feedback-slider {
    width: 10% !important;
  }

  .main-img {
    width: 75% !important;
    margin-left: 0px;
    margin-top: 3px;
}
.sub-dealer {
  padding: 30px;
  border: 1px solid lightgray;
  background-color: #f3fff3;
  border-radius: 1rem;
 
}
.sec-mapping01 {
  height: 200px !important;
  border: 1px solid lightgray !important;
  background-color: #f3fff3 !important;
  border-radius: 1rem !important;
 padding: 20px !important;
}
.sec-mapping02 {
  height: 230px !important;
  border: 1px solid lightgray !important;
  background-color: #f3fff3 !important;
  border-radius: 1rem !important;
  padding: 20px !important;

}

}

@media screen and (min-width: 414px) {

  .dash-scroll {
    overflow-x: scroll !important;
    padding: 20px !important;
  }

  .rtg-inrbtn {
    margin-top: 80px !important;
}
.rgt-form {
  height: 585px !important;
}
.rtg-inrbtn3 {
  margin-top: 140px !important;
}
.rtg-inrbtn4 {
  margin-top: 140px !important;
}
.rtg-inrbtn5 {
  margin-top: 140px !important;
}


  /* .home-fooer01 {
    height: 580px !important;
  } */
  .contact-slide {
    width: 10% !important;
  }

  .privacy-slider {
    width: 13% !important;
  }
  .terms-slider {
    width: 17% !important;
  }

  .feedback-slider {
    width: 10% !important;
  }
  .main-img {
    width: 75% !important;
    margin-left: 0px;
    margin-top: 3px;
}
.sub-dealer {
  padding: 30px;
  border: 1px solid lightgray;
  background-color: #f3fff3;
  border-radius: 1rem;
 
}
.sec-mapping01 {
  height: 200px !important;
  border: 1px solid lightgray !important;
  background-color: #f3fff3 !important;
  border-radius: 1rem !important;
 padding: 20px !important;
}
.sec-mapping02 {
  height: 230px !important;
  border: 1px solid lightgray !important;
  background-color: #f3fff3 !important;
  border-radius: 1rem !important;
  padding: 20px !important;

}

}
  
  
  
  
  @media screen and (min-width: 425px) {


    .scrollbar01 { 
      overflow-x: scroll !important;
    }

    .dash-scroll {
      overflow-x: scroll !important;
      padding: 20px !important;
    }



    .upcard {
      font-size: 12px !important;
      font-family: "Roboto", sans-serif !important;
    }

    .dash-footer {
      margin-top: 250px !important;
    }

    .processor-buyer-card {
      margin-left: -20px !important;
      width: 104% !important;
      padding: 30px !important;
      margin-top: 60px !important;
    }

    .manufacturer-derails-card {
      margin-left: -10px !important;
      margin-top: 70px !important;
      width: 100% !important;
    }

    .exporter-derails-card {
      margin-left: -10px !important;
      margin-top: 70px !important;
      width: 100% !important;
    }

    .exporter-buyer-card {
      margin-left: -20px !important;
      width: 104% !important;
      padding: 30px !important;
      margin-top: 60px !important;
    }

    .farmer-footer {
      margin-top: 30px !important;
    }

    .card-center {
      height: 350px !important;
    }

    .top-texts{
      margin-bottom: 0px !important;
      margin-top: 0px !important;
  }

  .register-button {
    margin-top: -25px !important;
  }

    .welcome-msg {
      font-size: 17px !important;
  }

    .dealer-number-regis {
      width: 400px !important;
      margin-top: 150px !important;
    }

    .scrollbar {
      margin-top: 30px !important;
      overflow-x: scroll !important;
      padding: 20px !important;
    }

    .farmer-buyer-card {
      margin-left: 40px !important;
      width: 104% !important;
      padding: 30px !important;
    }

    .map-bayer-img {
      width: 60% !important;
    }


    .farmer-derails-card {
      margin-left: 46px !important;
    }
  
    .farmer-registr-font {
      text-align: center !important;
      font-family: Encode Sans Condensed !important;
      font-size: 32px !important; 
      font-weight: 700 !important;
      line-height: 40px !important; 
      color: #4AAF46 !important;
    }

    .ls-closed .bars:before {
      left: 25px !important;
      top: 15px !important;
    }

    .navbar > .container-fluid .navbar-brand {
      margin-left: 50px !important;
      width: 90% !important;
      margin-top: -15px !important;
  }

    .navbar .navbar-toggle:before {
      display: none !important;
    }

    .farmer-responsive-card {
      margin-left: 0px !important; 
      margin-top: 120px !important; 
     
    }
    .farmer-responsive-img {
      height: auto !important;
      width: 600px !important;
      border-radius:20px !important; 
      object-fit: cover !important;
      margin-top: 60px !important;
    }
    .farmer-responsive-registration {
   
      height: 600px !important; 
      background-color: #f3fff3 !important;
      margin-top: -10px !important;
      margin-bottom: 30px !important;
    }
    .farmer-card {
      border-radius: 20px !important;
      margin-top: 40px !important;
      margin-bottom: 0px !important;
  }
  .cs_footer.cs_style_1 {
    padding-top: 1px;
 
}








    /* .home-fooer01 {
      height: 360px !important;
  } */
  .cs_iconbox_info p {
    font-size: 18px !important;
}

  .contact-slide {
    width: 10% !important;
  }

  .privacy-slider {
    width: 13% !important;
  }
  .terms-slider {
    width: 17% !important;
  }

  .feedback-slider {
    width: 10% !important;
  }

    .button {
      width: 30% !important;
    }

    .analyse-defor img {
      width: auto !important;
    }

    .traceability-due img {
      width: auto !important;
    }

    
    .tab-cont .btm1 {
      padding: 10px !important;
      border-radius: 20px !important;
      font-size: 15px !important;
    }
    .tabs {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }

    .footer-list-text {
      font-size: 18px !important;
  }

    .tab-cont button {
      padding: 30px !important;
  }


    
    .tab-cont {
        margin-top: -60px !important;
        margin-bottom: 20px !important;
    }

    .side-slider img {
        display: none !important;
    }

  
  .cs_mb_lg_40 {
    margin-bottom: 0px !important;
  }
    .expo-rgst01 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      
    }
    .expo-rgst02 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      
    }
    .expo-rgst03 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      
    }
    .expo-rgst04 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      
    }
    .expo-rgst05 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      
    }
    .exp-footer {
      margin-top: 500px !important;
    }
    .exp-tab {
      padding: 20px !important; 
      width: 100% !important; 
      height: 500px !important;
    }
    .proc-rgst01 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      
    }
    .proc-rgst02 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      
    }
    .proc-rgst03 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      
    }
    .proc-rgst04 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      
    }
    .proc-tab {
      padding: 20px !important;
       width: 100% !important;
        height: 500px !important;
    }
    .proc-footer {
      margin-top: 700px !important; 
    }
    .mgf-rgst01 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .mgf-rgst02 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
     
    }
    .mgf-rgst03 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
     
    }
    .mgf-rgst04 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
     
    }
    .mgf-footer {
      margin-top: 700px !important;
    }
    .mgf-tab {
      padding: 20px !important;
       width: 100% !important;
        height: 500px !important;
    }
    .der-rest-heg01 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .der-rest-heg02 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
  
    }
    .der-rest-heg03 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
   
    }
    .frg-btn00 {
      margin-top: 90px !important;
      margin-left: 35px !important;
    }
    .frg-btn01 {
      margin-top: 25px !important;
      margin-left: 65px !important;
    }
    .frg-btn02 {
      margin-top: 10px !important; 
      margin-left: 35px !important;
    }
    .frg-btn03 {
      margin-top: 50px !important;
      margin-left: 60px !important;
    }
    .fr-rsgt-tab {
      padding: 0px 0px 0px 0px !important;
    }
    .del-tab {
      padding: 20px !important; 
      width: 100% !important; 
      height: 340px !important;
    }
    .dsr-footer {
      margin-top: 700px !important;
    }
    .cs_nav .cs_nav_list.cs_active {
      left: 0vw;
    }
    .main-img {
      width: 70% !important;
      margin-left: 0px;
      margin-top: -90px !important;
  }
  .main-text-logo {
    width: 60%;
  }
  .cs_footer_row {
    flex-wrap: wrap;
    gap: 1px 45px !important;
    padding: 25px 0 !important;
    justify-content: left !important;
  }
  .plan01 {
  
  }
  .plan02 {
    margin-top: 25px !important;
  }
  .plan03 {
    margin-top: 25px !important;
  }
  
  .pc-card01 {
    height: 410px !important;
  }
  
  .pc-card02 {
    height: 490px !important;
  }
  
  .pc-card03 {
    height: 300px !important;
  }
  
  .rgt-form {
    height: 587px !important;
  }
  .rtg-inrbtn {
    margin-top: 80px !important;
  }
  .rtg-inrbtn3 {
    margin-top: 140px !important;
  }
  
  .rtg-inrbtn4 {
    margin-top: 140px !important;
  }
  .rtg-inrbtn5 {
    margin-top: 140px !important;
  }
  


  #box-with-image {
    height: 500px !important;
  }

  
  
  .tabcontent {
    padding: 0px 0px 0px 25px !important;
  }
  .deforest-text01 {
    margin-left: 20px !important;
    width: 91% !important;
    font-size: 15px !important;
  }
  .deforest-text02 {
    width: 91% !important;
    margin-left: 20px !important;
    font-size: 15px !important;
    margin-top: 20px !important;
}
  .deforest-text03 {
    margin-top: 0px !important;
    width: 91% !important;
    margin-left: 20px !important;
    font-size: 15px !important;
  }
  .deforest-text04 {
    margin-top: -240px !important;
    width: 91% !important;
    margin-right: 20px !important;
    font-size: 15px !important;
  }
  .deforest-text05 {
    margin-top: -315px !important;
    margin-left: 20px !important;
    width: 91% !important;
    font-size: 15px !important;
  }
  
  .frst-q01 {
    height: 180px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
  }
  .frst-q02 {
    height: 215px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 20px !important;
  }
  .frst-q03 {
    height: 385px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
     margin-top: 25px !important;
  }
  .frst-q04 {
    height: 700px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 25px !important;
  }
  .rsk-full01 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 40px !important;
    height: 370px !important;
    margin-top: -10px !important;
    padding: 20px !important;
  }
  .rsk-full02 {
    border-radius: 1rem !important; 
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important; 
    line-height: 30px !important;
    height: 455px !important;
    margin-top: -10px !important;
    padding: 20px !important;
  
  }
  .rsk-full03 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 35px !important;
    height: 350px !important;
    margin-top: -10px !important;
    padding: 20px !important;
  
  }


  .sec-mapping01 {
    height: 180px !important;
    border: 1px solid lightgray !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
   padding: 20px !important;
   width: 110% !important;
  }
  .sec-mapping02 {
    height: 180px !important;
    border: 1px solid lightgray !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    width: 110% !important;
  
  }
  .iamtab button {
    padding: 10px 6px !important;
    font-size: 10px !important;
  }
  .far-regst {
    padding: 20px !important; 
    width: 100% !important;
    height: 420px !important;
  }
  
  
  }


  @media screen and (min-width: 430px) {

    .dash-scroll {
      overflow-x: scroll !important;
      padding: 20px !important;
    }

    /* .home-fooer01 {
      height: 620px !important;
    } */
  }

  @media screen and (min-width: 475px) {

    .dash-scroll {
      overflow-x: scroll !important;
      padding: 20px !important;
    }
    .rtg-inrbtn {
      margin-top: 80px !important;
  }
  .rgt-form {
    height: 560px !important;
  }
  .rtg-inrbtn3 {
    margin-top: 115px !important;
  }
  .rtg-inrbtn4 {
    margin-top: 115px !important;
  }
  .rtg-inrbtn5 {
    margin-top: 140px !important;
  }
  }

  @media screen and (min-width: 490px) {
    .map-bayer-img {
      width: 50% !important;
  }
  }

  @media screen and (min-width: 520px) {

    .map-bayer-img {
      width: 45% !important;
  }

    .rtg-inrbtn {
      margin-top: 50px !important;
  }
  .rgt-form {
    height: 530px !important;
  }
  .rtg-inrbtn3 {
    margin-top: 80px !important;
  }
  .rtg-inrbtn4 {
    margin-top: 80px !important;
  }
  .rtg-inrbtn5 {
    margin-top: 110px !important;
  }
  }

  @media screen and (min-width:560px){
    .main-img{
      width: 70% !important;
      margin-left: 0px;
      margin-top: -96px !important;
    }
  }

  @media screen and (min-width: 575px) {
    .map-bayer-img {
      width: 40% !important;
  }
    .rtg-inrbtn {
      margin-top: 50px !important;
  }
  .rgt-form {
    height: 500px !important;
  }
  .rtg-inrbtn3 {
    margin-top: 80px !important;
  }
  .rtg-inrbtn4 {
    margin-top: 80px !important;
  }
  .rtg-inrbtn5 {
    margin-top: 110px !important;
  }
  }

  @media screen and (min-width: 590px) {
    .main-img {
      width: 62% !important;
  }
  .cs_footer_row .cs_footer_col {
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
    width: auto !important;
}
.cs_footer_row {
  gap: 1px 5px !important;
}
.contact-slide {
  width: auto !important;
}
.privacy-slider {
  width: auto !important;
}
.terms-slider {
  width: auto !important;
}
.feedback-slider {
  width: auto !important;
}
.cs_pagination.cs_style_2.cs_type_1 {
  top: 95% !important;
  left: 85% !important;
}
.deforest-text01 {
  margin-left: 20px !important;
  width: 91% !important;
  font-size: 15px !important;
}
.deforest-text02 {
  width: 91% !important;
  margin-left: 20px !important;
  font-size: 15px !important;
  margin-top: 20px !important;
}
.deforest-text03 {
  margin-top: 0px !important;
  width: 91% !important;
  margin-left: 20px !important;
  font-size: 15px !important;
}

.deforest-text04 {
  margin-top: -205px !important;
  width: 91% !important;
  margin-right: 20px !important;
  font-size: 15px !important;
}
.deforest-text05 {
  margin-top: -280px !important;
  margin-left: 20px !important;
  width: 91% !important;
  font-size: 15px !important;
}
  }

  @media screen and (min-width:600px) {
    .main-img {
      width: 62% !important;
      /* margin-top: 0px !important; */
  }
  }


  @media screen and (min-width:610px) {
    .map-bayer-img {
      width: 30% !important;
  } 
  }

  @media screen and (min-width:620px) {
    .map-bayer-img {
      width: 30% !important;
  } 
  }

  @media screen and (min-width:640px) {
    .map-bayer-img {
      width: 30% !important;
  } 
  }

  @media screen and (min-width:660px){

    .map-bayer-img {
      width: 30% !important;
  }

      .main-img {
          width: 53% !important;
          /* margin-top: 0px !important;  */
      }
  }

  @media screen and (min-width: 680px) {

    .dash-footer {
      margin-top: 0px !important;
    }
  
    .upcard {
      font-size: 18px !important;
      font-family: "Roboto", sans-serif !important;
    }
  
    .card-count{
      font-size: 25px !important;
  
    }
    .card-container {
      display: flex !important;
      gap: 20px !important;
      justify-content: center;
    }
    .map-bayer-img {
      width: 30% !important;
  }
    .main-img {
      width: 50% !important;
      /* margin-top: 5px !important; */
  } 
  }
  @media screen and (min-width: 720px) {

    .dash-footer {
      margin-top: 0px !important;
    }
  
    .upcard {
      font-size: 18px !important;
      font-family: "Roboto", sans-serif !important;
    }
  
    .card-count{
      font-size: 25px !important;
  
    }
    .card-container {
      display: flex !important;
      gap: 20px !important;
      justify-content: center;
    }
    .map-bayer-img {
      width: 25% !important;
  }
    .rtg-inrbtn {
      margin-top: 50px !important;
  }
  .rgt-form {
    height: 475px !important;
  }
  .rtg-inrbtn3 {
    margin-top: 80px !important;
  }
  .rtg-inrbtn4 {
    margin-top: 80px !important;
  }
  .rtg-inrbtn5 {
    margin-top: 80px !important;
  }
  }

  @media screen and (min-width: 768px) {
    .farmer-card {
      border-radius: 20px !important;
      margin-top: 122px !important;
      margin-bottom: 0px !important;
  }
  .farmer-registr-font {
    font-size: 28px !important;
  }
    .dash-footer {
      margin-top: 300px !important;
  }
  
    .upcard {
      font-size: 18px !important;
      font-family: "Roboto", sans-serif !important;
    }
  
    .card-count{
      font-size: 25px !important;
  
    }
    .card-container {
      display: flex !important;
      gap: 20px !important;
      justify-content: center;
    }

    .navbar > .container-fluid .navbar-brand {
      margin-top: 0px !important;
  }

.logo-white .navbar-header {
  background-color: #49af4600 !important;
}

    .contact-slide {
      width: auto !important;
    }
  
    .privacy-slider {
      width: auto !important;
    }
    .terms-slider {
      width: auto !important;
    }
  
    .feedback-slider {
      width: auto !important;
    }

    .main-img {
        width: 45% !important;
        margin-left: 0px;
        /* margin-top: -90px !important; */
    }
    .cs_pagination.cs_style_2.cs_type_1 {
      top: 95% !important;
      left: 87% !important;
  }
  .tab-cont .but.active {
    font-size: 18px !important;
    border-radius: 20px !important;
}
.tab-cont button {
  border-radius: 20px !important;
  font-size: 18px !important;
}
.rgt-form {
  height: 615px !important;
}
.rtg-inrbtn {
  margin-top: 113px !important;
}
.rtg-inrbtn3 {
  margin-top: 170px !important;
}
.rtg-inrbtn4 {
  margin-top: 170px !important;
}
.sec-mapping01 {
  width: 104% !important;
}
.sec-mapping02 {
  width: 104% !important;
}
#box-with-image {
  height: 530px !important;
}
.deforest-text01 {
  margin-left: 55px !important;
  width: 80% !important;
  font-size: 18px !important;
  justify-content: center !important;
}
.deforest-text02 {
  width: 80% !important;
  margin-left: 55px !important;
  font-size: 18px !important;
  margin-top: 45px !important;
  justify-content: center !important;
}
.deforest-text03 {
  margin-top: 55px !important;
  width: 80% !important;
  margin-left: 55px !important;
  font-size: 18px !important;
  justify-content: center !important;
}
.deforest-text04 {
  margin-top: -240px !important;
  width: 80% !important;
  margin-right: 85px !important;
  font-size: 18px !important;
  justify-content: center !important;
}
.deforest-text05 {
  margin-top: -300px !important;
  margin-left: 55px !important;
  width: 80% !important;
  font-size: 18px !important;
  justify-content: center !important;
}
.rsk-full01 {
  font-size: 14px !important;
}
.rsk-full02 {
  font-size: 14px !important;
}
.rsk-full03 {
  font-size: 14px !important;
}
.cs_fs_28 {
  font-size: 26px !important;
}
.cs_footer_row {
  gap: 1px 65px !important;
}
.cs_footer_row .cs_footer_col {
  width: auto !important;
}
}

@media screen and (min-width: 790px) {

  .dash-footer {
    margin-top: 0px !important;
  }

  .upcard {
    font-size: 18px !important;
    font-family: "Roboto", sans-serif !important;
  }

  .card-count{
    font-size: 25px !important;

  }
  .card-container {
    display: flex !important;
    gap: 20px !important;
    justify-content: center;
  }

    .navbar > .container-fluid .navbar-brand {
        margin-top: 0px !important;
    }

  .logo-white .navbar-header {
    background-color: #49af4600 !important;
  }
  .rgt-form {
    height: 585px !important;
}
.rtg-inrbtn {
  margin-top: 85px !important;
}
.rtg-inrbtn3 {
  margin-top: 140px !important;
}
.rtg-inrbtn4 {
  margin-top: 140px !important;
}
.rtg-inrbtn5 {
  margin-top: 140px !important;
}
}

@media  screen and (min-width:800px) {
  .main-img {
    width: 45% !important;
    margin-left: 0px;
    /* margin-top: -90px !important; */
}
}

@media screen and (min-width: 820px) {

  .dash-footer {
    margin-top: 0px !important;
  }

  .upcard {
    font-size: 18px !important;
    font-family: "Roboto", sans-serif !important;
  }

  .card-count{
    font-size: 25px !important;

  }
  .card-container {
    display: flex !important;
    gap: 20px !important;
    justify-content: center;
  }

  .map-bayer-img {
    width: 24% !important;
}

  .cs_fs_28 {
    font-size: 50px !important;
}
  .rtg-inrbtn {
    margin-top: 85px !important;
}
.rgt-form {
  height: 585px !important;
}
.rtg-inrbtn3 {
  margin-top: 142px !important;
}
.rtg-inrbtn4 {
  margin-top: 142px !important;
}
.rtg-inrbtn5 {
  margin-top: 142px !important;
}
}

@media screen and (min-width: 860px) {
  .map-bayer-img {
    width: 20% !important;
  }
}

@media screen and (min-width:900px) {
  .main-img{
    margin-bottom: 12px;
  }
}

@media screen and (min-width:920px) {
  .main-img{
    margin-bottom: 12px;
  }
}

@media screen and (min-width:940px){
  .main-img{
    width: 40% !important;
  }
}

@media screen and (min-width: 960px){
  .map-bayer-img {
    width: 19% !important;
  }
  .main-img{
    margin-bottom: 8px;
  }

}

@media screen and (min-width:1000px){
  .main-img{
    width: 100% !important;
    padding-top: 8px;
  }
}

@media screen and (min-width: 1020px) { 
  .map-bayer-img {
    width: 17% !important;
  }
}



@media screen and (min-width: 1024px) {

  .dash-footer {
    margin-top: 0px !important;
  }

  .upcard {
    font-size: 18px !important;
    font-family: "Roboto", sans-serif !important;
  }

  .card-count{
    font-size: 25px !important;

  }
  .card-container {
    display: flex !important;
    gap: 20px !important;
    justify-content: center;
  }

  .map-bayer-img {
    width: 15% !important;
}

  .cs_fs_28 {
    font-size: 50px !important;
}

  .cs_iconbox_info p {
    font-size: 15px !important;
  }
  
  .sub-dealer {
    height: 770px !important;
  }

  .for-dealer {
    height: 580px !important;
}
.for-exporter {
  height: 580px !important;
}

  .main-img {
    width: 115% !important;
    margin-left: 0px;
    /* margin-top: -90px !important; */
}

  .deforest-text01 {
    margin-left: 45px !important;
    width: 85% !important;
    font-size: 15px !important;
}

.deforest-text02 {
  width: 80% !important;
  margin-left: 70px !important;
  margin-top: 45px !important;
  font-size: 15px !important;
}
.deforest-text03 {
  width: 80% !important;
  margin-left: 35px !important;
  margin-top: 5px !important;
  font-size: 15px !important;
}
.deforest-text04 {
  margin-top: 5px !important;
  width: 80% !important;
  font-size: 15px !important;
  margin-right: 20px !important;

}
.deforest-text05 {
  width: 40% !important;
  margin: auto !important;
  font-size: 18px !important;
  margin-top: -60px !important;
}

.the-alltabs01 {
  margin-top: -60px !important;
}
.the-alltabs02 {
  margin-top: -60px !important;
}
.the-alltabs03 {
  margin-top: -60px !important;
}
.the-alltabs04 {
  margin-top: -60px !important;
}



  .frst-q01 {
    height: 215px !important;
  }

  .frst-q02 {
    margin-top: 0px !important;
  }
  .frst-q03 {
    height: 700px !important;
  }

  .rgt-form {
    height: 558px !important;
}
.rtg-inrbtn {
  margin-top: 83px !important;
}
.rtg-inrbtn3 {
  margin-top: 110px !important;
}
.rtg-inrbtn4 {
  margin-top: 110px !important;
}
.rtg-inrbtn5 {
  margin-top: 136px !important;
}
.cs_footer_row {
  gap: 1px 50px !important;
}

  .pc-card01 {
    height: 800px !important;
    margin-top: -60px;
}
.pc-card02 {
  height: 800px !important;
  margin-top: -60px !important;
}
.pc-card03 {
  height: 800px !important;
  margin-top: -60px !important;
}
  .slider-step01 {
    margin-top: 3% !important;
}
.slider-step02 {
  margin-top: 3% !important;
}
  .slider-step03 {
    margin-top: 0% !important;
  }
  .slider-step04 {
    margin-top: 3% !important;
  }

  .slider-step01 h1 {
   font-size: 40px !important;
}
.slider-step02 h1 {
  font-size: 40px !important;
}
.slider-step03 h1 {
  font-size: 40px !important;
}
.slider-step04 h1 {
  font-size: 40px !important;
}
.slider-step01 p {
  font-size: 17px !important;
}
  .cs_pagination.cs_style_2.cs_type_1 {
    top: 62% !important;
    left: 87% !important;
}

}

@media screen and (min-width: 1100px){
  .main-img{
    padding-top: 4px !important;
  }
}

@media screen and (min-width: 1180px){
  .main-img{
    margin-bottom: 64px;
  }
}


@media screen and (min-width:1200px){
  
  .main-img {
    
}
}

@media screen and (min-width: 1200px) {

  .scrollbar01 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 380px !important;
  }

  .dash-scroll {
      overflow-x: scroll !important;
      padding: 15px !important;
  }

  .dash-footer {
      margin-top: 0px !important;
  }

  .left-img {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 62px 15px !important;
    position: relative;
    z-index: 1;
  }

  .upcard {
      font-size: 18px !important;
      font-family: "Roboto", sans-serif !important;
  }
  
  .card-count{
      font-size: 25px !important;
  }

  .card-container {
      display: flex !important;
      gap: 20px !important;
      justify-content: center;
  }

  .navbar > .container-fluid .navbar-brand {
      margin-left: 5px !important;
      width: 90% !important;
      margin-top: 0px !important;
  }

  .manufacturer-derails-card {
      margin-left: 0px !important;
      margin-top: 70px !important;
  }

  .scrollbar {
      margin-top: 60px !important;
      overflow-x: hidden !important;
      padding: 15px !important;
  }

  .exporter-derails-card {
      margin-left: 0px !important;
      margin-top: 80px !important;
  }

  .farmer-footer {
      margin-top: 50px !important;
  }

  .welcome-msg {
      font-size: 23px !important;
  }

  .top-texts {
      margin-bottom: 0px !important;
  }

  .register-button {
      margin-top: -10px !important;
  }

  .card-center {
      height: 380px !important;
  }

  .dealer-number-regis {
      width: 520px !important;
      margin-top: 130px !important;
      margin-bottom: 70px !important;
  }

  .map-bayer-img {
      width: 30% !important;
  }

  .register-mainbtn {
      background-color: #4AAF46 !important;
      color: #fff !important;
      border-radius: 30px !important;
      height: 50px !important;
      padding: 10px 30px !important;
      margin-top: 12px !important;
      box-shadow: 6px 6px 0px 0px var(--dark-blue-color) !important;
  }

  .register-mainbtn:hover {
      box-shadow: -6px -6px 0px 0px var(--dark-blue-color) !important;
      color: #fff !important;
  }

  .farmer-responsive-card {
      margin-left: 100px !important;
      height: 610px !important;
      margin-top: 120px !important;
      margin-bottom: 30px !important;
  }
     
  .farmer-responsive-img {
      height: 600px !important;
      width: 600px !important;
      border-radius: 20px !important;
      object-fit: cover !important;
      margin-top: 0px !important;
      display: block !important;
  }

  .farmer-responsive-registration {
   
      margin-right: 100px !important;
      height: 600px !important;
      background-color: #f3fff3 !important;
      margin-top: 120px !important;
      margin-bottom: 30px !important;
  }

  .farmer-card {
      border-radius: 20px !important;
   
      margin-bottom: 30px !important;
  }

  .cs_footer.cs_style_1 {
    padding-top: 1px;
  }

  .cs_fs_28 {
      font-size: 50px !important;
  }

  /* .home-fooer01 {
      height: 205px !important;
  } */

  .cs_iconbox_info p {
    font-size: 18px !important;
  }

  .contact-slide {
    width: 10% !important;
  }

  .privacy-slider {
    width: 13% !important;
  }

  .terms-slider {
    width: 17% !important;
  }

  .feedback-slider {
    width: 10% !important;
  }

  .for-dealer {
    height: 530px !important;
  }

  .for-processor {
    height: 530px !important;
  }

  .for-exporter {
    height: 530px !important;
  }

  .traceability-due img {
    width: 70% !important;
  }

  .tab button {
    font-size: 17px !important;
  }

  .sub-dealer {
    padding: 30px; 
    border: 1px solid lightgray; 
    background-color: #f3fff3;
    border-radius: 1rem;
    height: 680px !important;
  }

  .analyse-defor img { 
    width: 70% !important;
  }

  .tab-cont button {
    padding: 20px !important;
    font-size: 20px !important;
  }

  .tab-cont .but.active {
    font-size: 20px !important;
    border-radius: 20px !important;
  }

  .slider-step01 {
    margin-top: 0% !important;
  }

  .slider-step02 {
    margin-top: 0% !important;
  }

  .slider-step03 {
    margin-top: 0% !important;
  }

  .slider-step04 {
    margin-top: 0% !important;
  }

  .cs_pagination.cs_style_2.cs_type_1 {
    top: 58% !important;
    left: 90% !important;
  }

  .cs_pagination.cs_style_2.cs_type_1 button {
    height: 30px !important;
    width: 30px !important;
  }

  .side-slider img {
    display: block !important;
  }

  .tab-cont {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
 
  .expo-rgst01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .expo-rgst02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .expo-rgst03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .expo-rgst04 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .expo-rgst05 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .exp-tab {
    padding: 20px !important; 
    width: 110% !important; 
    height: 500px !important;
  }

  .proc-rgst01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .proc-rgst02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .proc-rgst03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .proc-rgst04 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .proc-tab {
    padding: 20px !important;
    width: 110% !important;
    height: 500px !important;
  }

  .mgf-rgst01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .mgf-rgst02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .mgf-rgst03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .mgf-rgst04 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .mgf-tab {
    padding: 20px !important;
     width: 110% !important;
      height: 500px !important;
  }

  .der-rest-heg01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .der-rest-heg02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .der-rest-heg03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .frg-btn00 {
    margin-top: 150px !important;
    margin-left: 35px !important;
  }

  .frg-btn01 {
    margin-top: 150px !important; 
    margin-left: 35px !important;
  }

  .frg-btn02 {
    margin-top: 100px !important; 
    margin-left: 35px !important;
  }

  .frg-btn03 {
    margin-top: 150px !important; 
    margin-left: 35px !important;
  }

  .del-tab {
    padding: 20px !important; 
    width: 110% !important; 
    height: 500px !important;
  }

  .main-text-logo {
    width: 60%;
  }

  .main-img {
    width: 40% !important;
    margin-left: -35px;
    margin-top: 30px !important;
    margin-bottom: 0px !important;
  }
  
  .main-img-01 {
    width: 18% !important;
    object-fit: contain;
  }

  .cs_nav .cs_nav_list > li {
    margin-right: 15px !important;
  }

  .rgst-btn {
    height: 50px !important;
    margin-top: 0px !important;
    border-radius: 30px !important;
    width: 170% !important;
  }

  .sign-btn {
    height: 50px !important;
    margin-top: 10px !important;
    border-radius: 30px !important;
    margin-left: 5px !important;
  }

  .cs_site_header.cs_style_1 .cs_main_header_right {
    margin-top: 12px !important;
  }

  .plan01 {
    margin-top: -20px !important;
  }
  
  .plan02 {
    margin-top: -20px !important;
  }

  .plan03 {
    margin-top: -20px !important;
  }

  .pc-card01 {
    height: 560px !important;
  }

  .pc-card02 {
    height: 560px !important;
  }

  .pc-card03 {
    height: 560px !important;
  }

  .tab-content {
    margin-top: 5px !important;
  }

  .tabs {
    margin-top: 60px !important;
  }

  #box-with-image {
    height: 650px !important;
  }

  .deforest-text01 {
    margin-left: 75px !important;
    width: 70% !important;
    font-size: 18px !important;

  }

  .deforest-text02 {
    width: 70% !important;
    margin-left: 70px !important;
    margin-top: 45px !important;
    font-size: 18px !important;
  }

  .deforest-text03 {
    width: 70% !important;
    margin-left: 35px !important;
    margin-top: 50px !important;
    font-size: 18px !important;
  }

  .deforest-text04 {
    margin-top: 50px !important;
    width: 65% !important;
    font-size: 18px !important;
  }

  .deforest-text05 {
    margin-top: 50px !important;
    width: 35% !important;
    margin-top: 45px !important;
    margin: auto !important;
    font-size: 18px !important;
    margin-top: 0px !important;
  }

  .frst-q02 {
    height: 180px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 0px !important;
  }

  .frst-q03 {
    height: 470px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 25px !important;
  }
  
  .frst-q04 {
    height: 470px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 25px !important;
  }
  
  .tab .risk01 {
    padding: 20px 16px !important;
    border-radius: 30px !important;
  }

  .rsk-full01 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 65px !important;
    height: 250px !important;
    margin-top: 0px !important;
    padding: 20px !important;
    font-size: 17px !important;
  }

  .rsk-full02 {
    border-radius: 1rem !important; 
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important; 
    line-height: 41px !important;
    height: 250px !important;
    margin-top: 0px !important;
    padding: 20px !important;
    font-size: 17px !important;
  
  }

  .rsk-full03 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 65px !important;
    height: 250px !important;
    margin-top: 0px !important;
    padding: 20px !important;
    font-size: 17px !important;
  
  }

  .tabcontent {
    padding: 0px 0px 40px 40px !important;
  }

  .sec-mapping01 {
    height: 180px !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
   padding: 20px !important;
   width: 100% !important;
  }

  .sec-mapping02 {
    height: 180px !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    width: 100% !important;
  
  }

  .iamtab button {
    padding: 20px 16px !important;
    font-size: 17px !important;
  }

  .far-regst {
    padding: 20px !important; 
    width: 110% !important;
    height: 420px !important;
  }
  
  }



@media screen and (min-width: 1228px) {

  .sigin-footerimg {
    margin-top: -15px !important;
    width: 60% !important;
  }

  .dealerprocessing {
    overflow-x: scroll !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    height: 270px !important;
    scrollbar-width: thin !important;
  }

  .dealerinv {
    overflow-x: scroll !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    height: 305px !important;
    scrollbar-width: thin !important;
  }

  .dealergrn {
    overflow-x: scroll !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    height: 280px !important;
    scrollbar-width: thin !important;
}

  .stakeholdervalidation {
    overflow-x: scroll !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    height: 220px !important;
    scrollbar-width: thin !important;
}
  .master02 {
    overflow-x: scroll !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    height: 195px !important;
    scrollbar-width: thin !important;
}
                .master03 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 180px !important;
      scrollbar-width: thin !important;
    
  }
    .master04 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 180px !important;
      scrollbar-width: thin !important;
    
  }


  .plot-scrollbar01 {
    overflow-x: scroll !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    height: 280px !important;
    scrollbar-width: thin !important;
}

  .customprocess {
    overflow-x: scroll !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    height: 260px !important;
    scrollbar-width: thin !important;
  }

  .standard-scrollbar01 {
    overflow-x: scroll !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    height: 210px !important;
    scrollbar-width: thin !important;
  }

  .invoice-container {
   
    height: 700px !important;
    max-width: 800px !important;
  }

     .scrollbarfarmerdash {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 550px !important;
      scrollbar-width: thin !important;
    }

  .pro-t01 {
     
    font-size: 17px !important;
    font-family: "Roboto", sans-serif !important;
}
.pro-t02 {
  font-size: 13px !important;
}
.update-text {
color: #4aaf46 !important;
font-size: 18px !important;
margin-left: 18px !important;
margin-top: 3px !important;
}
.update-text01 {
  color: #4aaf46 !important;
  font-size: 18px !important;
  margin-left: 27px !important;
  margin-top: 3px !important;
}

.profile-btn {
  padding: 5px;
  border: 1px solid #4aaf46;
  margin-top: -20px !important;
  border-radius: 40px;
  width: 70% !important;
  margin-left: 20px;
}


  .scrollbar03 {
    overflow-x: scroll !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    height: 340px !important;
    scrollbar-width: thin !important;
  }
  .farmermngchart {
    height: 260px;
    margin: auto !important;
    padding-left: 0px !important;
  }

  .villagewisechart {
    height: 300px !important;
    margin: auto !important;
    padding-left: 20px !important; 
  }

  .villagechart {
    height: 300px !important;
    margin: auto !important; 
    padding-left: 20px !important; 
  }

  .scrollbar01 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 380px !important;
      scrollbar-width: thin !important;
  }

  .dash-scroll {
      overflow-x: scroll !important;
      padding: 15px !important;
  }

  .dash-footer {
      margin-top: 0px !important;
  }

  .upcard {
      font-size: 18px !important;
      font-family: "Roboto", sans-serif !important;
  }
  
  .card-count{
      font-size: 25px !important;
  }

  .card-container {
      display: flex !important;
      gap: 20px !important;
      justify-content: center;
  }

  .navbar > .container-fluid .navbar-brand {
      margin-left: 5px !important;
      width: 90% !important;
      margin-top: 0px !important;
  }

  .manufacturer-derails-card {
      margin-left: 0px !important;
      margin-top: 70px !important;
  }

  .scrollbar {
      margin-top: 60px !important;
      overflow-x: hidden !important;
      padding: 15px !important;
  }

  .exporter-derails-card {
      margin-left: 0px !important;
      margin-top: 80px !important;
  }

  .farmer-footer {
      margin-top: 50px !important;
  }

  .welcome-msg {
      font-size: 23px !important;
  }

  .top-texts {
      margin-bottom: 0px !important;
  }

  .register-button {
      margin-top: -10px !important;
  }

  .card-center {
      height: 380px !important;
  }

  .dealer-number-regis {
      width: 520px !important;
      margin-top: 130px !important;
      margin-bottom: 70px !important;
  }

  .map-bayer-img {
      width: 30% !important;
  }

  .register-mainbtn {
      background-color: #4AAF46 !important;
      color: #fff !important;
      border-radius: 30px !important;
      height: 50px !important;
      padding: 10px 30px !important;
      margin-top: 12px !important;
      box-shadow: 6px 6px 0px 0px var(--dark-blue-color) !important;
  }

  .register-mainbtn:hover {
      box-shadow: -6px -6px 0px 0px var(--dark-blue-color) !important;
      color: #fff !important;
  }

  .farmer-responsive-card {
      margin-left: 100px !important;
      height: 610px !important;
      margin-top: 120px !important;
      margin-bottom: 30px !important;
  }
     
  .farmer-responsive-img {
      height: 600px !important;
      width: 600px !important;
      border-radius: 20px !important;
      object-fit: cover !important;
      margin-top: 0px !important;
      display: block !important;
  }

  .farmer-responsive-registration {
   
      margin-right: 100px !important;
      height: 600px !important;
      background-color: #f3fff3 !important;
      margin-top: 120px !important;
      margin-bottom: 30px !important;
  }

  .farmer-card {
      border-radius: 20px !important;
   
      margin-bottom: 30px !important;
  }

  .cs_footer.cs_style_1 {
    padding-top: 1px;
  }

  .cs_fs_28 {
      font-size: 50px !important;
  }

  /* .home-fooer01 {
      height: 205px !important;
  } */

  .cs_iconbox_info p {
    font-size: 18px !important;
  }

  .contact-slide {
    width: 10% !important;
  }

  .privacy-slider {
    width: 13% !important;
  }

  .terms-slider {
    width: 17% !important;
  }

  .feedback-slider {
    width: 10% !important;
  }

  .for-dealer {
    height: 530px !important;
  }

  .for-processor {
    height: 530px !important;
  }

  .for-exporter {
    height: 530px !important;
  }

  .traceability-due img {
    width: 70% !important;
  }

  .tab button {
    font-size: 17px !important;
  }

  .sub-dealer {
    padding: 30px; 
    border: 1px solid lightgray; 
    background-color: #f3fff3;
    border-radius: 1rem;
    height: 680px !important;
  }

  .analyse-defor img { 
    width: 70% !important;
  }

  .tab-cont button {
    padding: 20px !important;
    font-size: 20px !important;
  }

  .tab-cont .but.active {
    font-size: 20px !important;
    border-radius: 20px !important;
  }

  .slider-step01 {
    margin-top: 0% !important;
  }

  .slider-step02 {
    margin-top: 0% !important;
  }

  .slider-step03 {
    margin-top: 0% !important;
  }

  .slider-step04 {
    margin-top: 0% !important;
  }

  .cs_pagination.cs_style_2.cs_type_1 {
    top: 58% !important;
    left: 90% !important;
  }

  .cs_pagination.cs_style_2.cs_type_1 button {
    height: 30px !important;
    width: 30px !important;
  }

  .side-slider img {
    display: block !important;
  }

  .tab-cont {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
 
  .expo-rgst01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .expo-rgst02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .expo-rgst03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .expo-rgst04 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .expo-rgst05 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .exp-tab {
    padding: 20px !important; 
    width: 110% !important; 
    height: 500px !important;
  }

  .proc-rgst01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .proc-rgst02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .proc-rgst03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .proc-rgst04 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .proc-tab {
    padding: 20px !important;
    width: 110% !important;
    height: 500px !important;
  }

  .mgf-rgst01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .mgf-rgst02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .mgf-rgst03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .mgf-rgst04 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .mgf-tab {
    padding: 20px !important;
     width: 110% !important;
      height: 500px !important;
  }

  .der-rest-heg01 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .der-rest-heg02 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .der-rest-heg03 {
    padding: 35px !important; 
    background-color: #f3fff3 !important; 
    height: 495px !important;
  }

  .frg-btn00 {
    margin-top: 150px !important;
    margin-left: 35px !important;
  }

  .frg-btn01 {
    margin-top: 150px !important; 
    margin-left: 35px !important;
  }

  .frg-btn02 {
    margin-top: 100px !important; 
    margin-left: 35px !important;
  }

  .frg-btn03 {
    margin-top: 150px !important; 
    margin-left: 35px !important;
  }

  .del-tab {
    padding: 20px !important; 
    width: 110% !important; 
    height: 500px !important;
  }

  .main-text-logo {
    width: 60%;
  }

  .main-img {
    width: 40% !important;
    margin-left: -35px;
    margin-top: 30px !important;
    margin-bottom: 0px !important;
  }
  
  .main-img-01 {
    width: 19% !important;
    object-fit: contain;
  }

  .cs_nav .cs_nav_list > li {
    margin-right: 15px !important;
  }

  .rgst-btn {
    height: 50px !important;
    margin-top: 0px !important;
    border-radius: 30px !important;
    width: 170% !important;
  }

  .sign-btn {
    height: 50px !important;
    margin-top: 10px !important;
    border-radius: 30px !important;
    margin-left: 5px !important;
  }

  .cs_site_header.cs_style_1 .cs_main_header_right {
    margin-top: 12px !important;
  }

  .plan01 {
    margin-top: -20px !important;
  }
  
  .plan02 {
    margin-top: -20px !important;
  }

  .plan03 {
    margin-top: -20px !important;
  }

  .pc-card01 {
    height: 560px !important;
  }

  .pc-card02 {
    height: 560px !important;
  }

  .pc-card03 {
    height: 560px !important;
  }

  .tab-content {
    margin-top: 5px !important;
  }

  .tabs {
    margin-top: 60px !important;
  }

  #box-with-image {
    height: 650px !important;
  }

  .deforest-text01 {
    margin-left: 75px !important;
    width: 70% !important;
    font-size: 18px !important;

  }

  .deforest-text02 {
    width: 70% !important;
    margin-left: 70px !important;
    margin-top: 45px !important;
    font-size: 18px !important;
  }

  .deforest-text03 {
    width: 70% !important;
    margin-left: 35px !important;
    margin-top: 50px !important;
    font-size: 18px !important;
  }

  .deforest-text04 {
    margin-top: 50px !important;
    width: 65% !important;
    font-size: 18px !important;
  }

  .deforest-text05 {
    margin-top: 50px !important;
    width: 35% !important;
    margin-top: 45px !important;
    margin: auto !important;
    font-size: 18px !important;
    margin-top: 0px !important;
  }

  .frst-q02 {
    height: 180px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 0px !important;
  }

  .frst-q03 {
    height: 470px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 25px !important;
  }
  
  .frst-q04 {
    height: 470px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 25px !important;
  }
  
  .tab .risk01 {
    padding: 20px 16px !important;
    border-radius: 30px !important;
  }

  .rsk-full01 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 65px !important;
    height: 250px !important;
    margin-top: 0px !important;
    padding: 20px !important;
    font-size: 17px !important;
  }

  .rsk-full02 {
    border-radius: 1rem !important; 
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important; 
    line-height: 41px !important;
    height: 250px !important;
    margin-top: 0px !important;
    padding: 20px !important;
    font-size: 17px !important;
  
  }

  .rsk-full03 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 65px !important;
    height: 250px !important;
    margin-top: 0px !important;
    padding: 20px !important;
    font-size: 17px !important;
  
  }

  .tabcontent {
    padding: 0px 0px 40px 40px !important;
  }

  .sec-mapping01 {
    height: 180px !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
   padding: 20px !important;
   width: 100% !important;
  }

  .sec-mapping02 {
    height: 180px !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    width: 100% !important;
  
  }

  .iamtab button {
    padding: 20px 16px !important;
    font-size: 17px !important;
  }

  .far-regst {
    padding: 20px !important; 
    width: 110% !important;
    height: 420px !important;
  }
  
  }
  
  @media screen and (min-width: 1396.36px) {
    .farmer-main .farmer-abtn1 {
      margin-top: 115px !important;
  }
  }

  
  @media screen and (min-width: 1396px) {

    .sigin-footerimg {
      margin-top: -15px !important;
      width: 60% !important;
    }

    .dealerprocessing {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 340px !important;
      scrollbar-width: thin !important;
    }

    .dealerinv {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 375px !important;
      scrollbar-width: thin !important;
    }


    .dealergrn {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 460px !important;
      scrollbar-width: thin !important;
  }

      .stakeholdervalidation {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 290px !important;
      scrollbar-width: thin !important;
  }
        .master02 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 250px !important;
      scrollbar-width: thin !important;
  }
                .master03 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 180px !important;
      scrollbar-width: thin !important;
    
  }
    .master04 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 180px !important;
      scrollbar-width: thin !important;
    
  }

    .plot-scrollbar01 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 340px !important;
      scrollbar-width: thin !important;
  }

    .customprocess {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 310px !important;
      scrollbar-width: thin !important;
    }

    .standard-scrollbar01 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 260px !important;
      scrollbar-width: thin !important;
    }

    .scrollbarfarmerdash {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 550px !important;
      scrollbar-width: thin !important;
    }
    

    .scrollbar03 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 400px !important;
      scrollbar-width: thin !important;
    }

    .farmermngchart {
      height: 260px;
      margin: auto !important;
      padding-left: 0px !important;
    }

    
    .villagewisechart {
      height: 300px !important;
      margin: auto !important;
      padding-left: 20px !important; 
    }

    .villagechart {
      height: 300px !important;
      margin: auto !important;
      padding-left: 20px !important; 
    }

    .scrollbar01 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 380px !important;
  }

    .dash-scroll {
      overflow-x: scroll !important;
      padding: 15px !important;
    }

    .dash-footer {
      margin-top: 0px !important;
    }

    .upcard {
      font-size: 18px !important;
      font-family: "Roboto", sans-serif !important;
    }
  
    .card-count{
      font-size: 25px !important;
  
    }
    .card-container {
      display: flex !important;
      gap: 20px !important;
      justify-content: center;
    }

    .navbar > .container-fluid .navbar-brand {
      margin-left: 5px !important;
      width: 90% !important;
      margin-top: 0px !important;
  }

    .manufacturer-derails-card {
      margin-left: 0px !important;
      margin-top: 70px !important;
    }

    .scrollbar {
      margin-top: 60px !important;
      overflow-x: hidden !important;
      padding: 15px !important;
    }

    .exporter-derails-card {
      margin-left: 0px !important;
      margin-top: 80px !important;
    }

    .welcome-msg {
      font-size: 26px !important;
  }

    .top-texts {
      margin-bottom: 0px !important;
    }
    .register-button {
      margin-top: -10px !important;
    }


    .card-center {
      height: 430px !important;
    }

    .dealer-number-regis {
      width: 590px !important;
      margin-top: 140px !important;
      margin-bottom: 70px !important;
  }

    .map-bayer-img {
      width: 30% !important;
    }

    .register-mainbtn {
      background-color: #4AAF46 !important;
      color: #fff !important;
      border-radius: 30px !important;
      height: 50px !important;
      padding: 10px 30px !important;
      margin-top: 12px !important;
      box-shadow: 6px 6px 0px 0px var(--dark-blue-color) !important;
    }
    .register-mainbtn:hover {
      box-shadow: -6px -6px 0px 0px var(--dark-blue-color) !important;
      color: #fff !important;
    }
    
    .farmer-responsive-card {
      margin-left: 100px !important;
      height: 610px !important;
      margin-top: 120px !important;
      margin-bottom: 30px !important;
  }
     
    .farmer-responsive-img {
      height: 600px !important;
      width: 600px !important;
      border-radius: 20px !important;
      object-fit: cover !important;
      margin-top: 0px !important;
      display: block !important;
    }
    .farmer-responsive-registration {
   
      margin-right: 100px !important;
      height: 600px !important;
      background-color: #f3fff3 !important;
      margin-top: 120px !important;
      margin-bottom: 30px !important;
    }
    .farmer-card {
      border-radius: 20px !important;
   
      margin-bottom: 30px !important;
  }
  .cs_footer.cs_style_1 {
    padding-top: 1px;
    
}


    .cs_fs_28 {
      font-size: 50px !important;
  }

  .farmer-main .farmer-abtn5 {
    margin-top: 255px !important;
}

    /* .home-fooer01 {
      height: 205px !important;
  } */
  .cs_iconbox_info p {
    font-size: 18px !important;
}

  .contact-slide {
    width: 10% !important;
  }

  .privacy-slider {
    width: 13% !important;
  }
  .terms-slider {
    width: 17% !important;
  }

  .feedback-slider {
    width: 10% !important;
  }

    .for-dealer {
      height: 530px !important;
    }
    .for-processor {
      height: 530px !important;
    }
    .for-exporter {
      height: 530px !important;
    }


    .traceability-due img {
      width: 70% !important;
  }

    .tab button {
      font-size: 17px !important;
  }

  .sub-dealer {
    padding: 30px; 
    border: 1px solid lightgray; 
    background-color: #f3fff3;
    border-radius: 1rem;
    height: 680px !important;
  }


    .analyse-defor img { 
      width: 70% !important;
    }

    .tab-cont button {
      padding: 20px !important;
      font-size: 20px !important;
    }
    .tab-cont .but.active {
      font-size: 20px !important;
      border-radius: 20px !important;
  }

    .slider-step01 {
      margin-top: 0% !important;
    }
    .slider-step02 {
      margin-top: 0% !important;
    }
    .slider-step03 {
      margin-top: 0% !important;
    }
    .slider-step04 {
      margin-top: 0% !important;
    }
    .cs_pagination.cs_style_2.cs_type_1 {
      top: 58% !important;
      left: 90% !important;
    }
    .cs_pagination.cs_style_2.cs_type_1 button {
      height: 30px !important;
      width: 30px !important;
    }

    .side-slider img {
      display: block !important;
  }

  .farmer-main .farmer-abtn1 {
    margin-top: 115px !important;
}

    .tab-cont {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
   
    .expo-rgst01 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .expo-rgst02 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .expo-rgst03 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .expo-rgst04 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .expo-rgst05 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .exp-tab {
      padding: 20px !important; 
      width: 110% !important; 
      height: 500px !important;
    }
    .proc-rgst01 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .proc-rgst02 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .proc-rgst03 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .proc-rgst04 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .proc-tab {
      padding: 20px !important;
       width: 110% !important;
        height: 500px !important;
    }
    .mgf-rgst01 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .mgf-rgst02 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .mgf-rgst03 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .mgf-rgst04 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .mgf-tab {
      padding: 20px !important;
       width: 110% !important;
        height: 500px !important;
    }
    .der-rest-heg01 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .der-rest-heg02 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .der-rest-heg03 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }

    .frg-btn00 {
      margin-top: 150px !important;
      margin-left: 35px !important;
    }
    .frg-btn01 {
      margin-top: 150px !important; 
      margin-left: 35px !important;
    }
    .frg-btn02 {
      margin-top: 100px !important; 
      margin-left: 35px !important;
    }
    .frg-btn03 {
      margin-top: 150px !important; 
      margin-left: 35px !important;
    }
    .del-tab {
      padding: 20px !important; 
      width: 110% !important; 
      height: 500px !important;
    }
    .main-text-logo {
      width: 60%;
    }
    .main-img {
      width: 40% !important;
      margin-left: -35px;
      margin-top: 35px !important;
  }
  .main-img-01 {
    width: 22% !important;
    object-fit: contain;
  }
  .rgst-btn {
    height: 50px !important;
    margin-top: 15px !important;
    border-radius: 30px !important;
    width: 170% !important;
  }
  .sign-btn {
    height: 50px !important;
    margin-top: 15px !important;
    border-radius: 30px !important;
    margin-left: 10px !important;
  }
  .cs_site_header.cs_style_1 .cs_main_header_right {
    margin-top: 12px !important;
  }
  .plan02 {
    margin-top: -12px !important;
  }
  .plan03 {
    margin-top: -12px !important;
  }
  .pc-card01 {
    height: 560px !important;
  }
  .pc-card02 {
    height: 560px !important;
  }
  .pc-card03 {
    height: 560px !important;
  }
  
  .farmer-main {
    min-height: 730px !important;
    padding: 15px 15px;
  }
  .farmer-main .farmer-abtn1 {
  
    font-size: 14px !important;
  }
  .farmer-main .farmer-abtn2 {
    margin-top: 3px !important;
    font-size: 14px !important;
  }
  .farmer-main .farmer-abtn3 {
   
    font-size: 14px !important;
  }
  .farmer-main .farmer-abtn4 {
  
    font-size: 14px !important;
  }
  .farmer-main .farmer-abtn5 {
   
    font-size: 14px !important;
  }
  .phase-card {
    padding: 20px;
    margin-top: -15px;
    height: 580px !important;
  }
  .btm-lay {
    padding-bottom: 55px !important;
  }
  

  .tab-content {
    margin-top: 20px !important;
  }

  .tabs {
    margin-top: 60px !important;
  }

  #box-with-image {
    height: 650px !important;
  }
  .deforest-text01 {
    margin-left: 75px !important;
    width: 70% !important;
    font-size: 18px !important;

  }

  .deforest-text02 {
    width: 70% !important;
    margin-left: 70px !important;
    margin-top: 45px !important;
    font-size: 18px !important;
}

.deforest-text03 {
  width: 70% !important;
  margin-left: 35px !important;
  margin-top: 50px !important;
  font-size: 18px !important;
}
  

.deforest-text04 {
  margin-top: 50px !important;
  width: 65% !important;
  font-size: 18px !important;
}

.deforest-text05 {
  margin-top: 50px !important;
  width: 35% !important;
  margin-top: 45px !important;
  margin: auto !important;
  font-size: 18px !important;
  margin-top: 0px !important;
}
  .frst-q02 {
    height: 180px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 0px !important;
  }
  .frst-q03 {
    height: 470px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 25px !important;
  }
  
  .frst-q04 {
    height: 470px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 25px !important;
  }
  
  .tab .risk01 {
    padding: 20px 16px !important;
    border-radius: 30px !important;
  }
  .rsk-full01 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 65px !important;
    height: 250px !important;
    margin-top: 0px !important;
    padding: 20px !important;
    font-size: 17px !important;
  }
  .rsk-full02 {
    border-radius: 1rem !important; 
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important; 
    line-height: 41px !important;
    height: 250px !important;
    margin-top: 0px !important;
    padding: 20px !important;
    font-size: 17px !important;
  
  }
  .rsk-full03 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 65px !important;
    height: 250px !important;
    margin-top: 0px !important;
    padding: 20px !important;
    font-size: 17px !important;
  
  }
  .tabcontent {
    padding: 0px 0px 40px 40px !important;
  }
  .sec-mapping01 {
    height: 180px !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
   padding: 20px !important;
   width: 100% !important;
  }
  .sec-mapping02 {
    height: 180px !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    width: 100% !important;
  
  }
  .iamtab button {
    padding: 20px 16px !important;
    font-size: 17px !important;
  }
  .far-regst {
    padding: 20px !important; 
    width: 110% !important;
    height: 420px !important;
  }
  .cs_nav .cs_nav_list > li {
    margin-right: 25px !important;
    height: inherit;
  }
  }

  @media screen and (min-width: 1389px) {
    .scrollbar01 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 380px !important;
      scrollbar-width: thin !important;
  }
    .dash-scroll {
      overflow-x: scroll !important;
      padding: 15px !important;
    }

    /* .farmer-main .farmer-abtn1 {
      margin-top: 115px !important;
  }
  .farmer-main .farmer-abtn5 {
    margin-top: 230px !important;
} */

    .cs_fs_28 {
      font-size: 50px !important;
  }
    /* .home-fooer01 {
      height: 205px !important;
  } */
  .cs_iconbox_info p {
    font-size: 18px !important;
}

  .contact-slide {
    width: 10% !important;
  }

  .privacy-slider {
    width: 13% !important;
  }
  .terms-slider {
    width: 17% !important;
  }

  .feedback-slider {
    width: 10% !important;
  }
  
    .farmer-main {
      min-height: 730px !important;
      padding: 15px 15px;
    }
    .farmer-main .farmer-abtn1 {
      margin-top: 85px !important;
  }
  }

  @media screen and (min-width: 1440px) {
    
    .dash-scroll {
      overflow-x: scroll !important;
      padding: 15px !important;
    }
    .farmer-main .farmer-abtn1 {
      margin-top: 115px !important;
  }
  .farmer-main .farmer-abtn5 {
    margin-top: 230px !important;
}
  }





  @media screen and (min-width: 1528px) {

    .dash-scroll {
      overflow-x: scroll !important;
      padding: 15px !important;
    }
    .farmermngchart {
      height: 260px;
      margin: auto !important;
      padding-left: 0px !important;
    }
  

    .villagewisechart {
      height: 300px !important;
      margin: auto !important;
      padding-left: 20px !important; 
    }

    .villagechart {
      height: 300px !important;
      margin: auto !important; 
      padding-left: 20px !important; 
    }


   




    .farmer-main .farmer-abtn1 {
      margin-top: 90px !important;
  }
  .farmer-main .farmer-abtn5 {
    margin-top: 175px !important;
}
  }
  
  @media screen and (min-width: 1536px) {

    .sigin-footerimg {
      margin-top: -15px !important;
      width: 60% !important;
    }

    .dealerprocessing {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 400px !important;
      scrollbar-width: thin !important;
    }

    .dealerinv {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 440px !important;
      scrollbar-width: thin !important;
    }

    .dealergrn {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 400px !important;
      scrollbar-width: thin !important;
  }
      .stakeholdervalidation {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 350px !important;
      scrollbar-width: thin !important;
  }
        .master02 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 295px !important;
      scrollbar-width: thin !important;
  }

              .master03 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 200px !important;
      scrollbar-width: thin !important;
    
  }

    .master04 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 200px !important;
      scrollbar-width: thin !important;
    
  }

    .customprocess {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 380px !important;
      scrollbar-width: thin !important;
    }

    .standard-scrollbar01 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 340px !important;
      scrollbar-width: thin !important;
    }

    .invoice-container {
   
      height: 650px !important;
      max-width: 800px !important;
    }

    .pro-t01 {
     
      font-size: 20px !important;
      font-family: "Roboto", sans-serif !important;
  }
  .pro-t02 {
    font-size: 16px !important;
}
.update-text {
  color: #4aaf46 !important;
  font-size: 20px !important;
  margin-left: 30px !important;
}
.update-text01 {
  color: #4aaf46 !important;
  font-size: 18px !important;
  margin-left: 50px !important;
  margin-top: 3px !important;
}

.profile-btn {
  padding: 5px;
  border: 1px solid #4aaf46;
  margin-top: -20px !important;
  border-radius: 40px;
  width: 70% !important;
  margin-left: 20px;
}



    .villagewisechart {
      height: 300px !important;
      margin: auto !important;
      padding-left: 20px !important; 
    }
    .farmermngchart {
      height: 260px;
      margin: auto !important;
      padding-left: 0px !important;
    }
  

    .villagechart {
      height: 300px !important;
      margin: auto !important; 
      padding-left: 20px !important; 
    }

    .scrollbar03 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 465px !important;
      scrollbar-width: thin !important;
    }

    .plot-scrollbar01 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 420px !important;
      scrollbar-width: thin !important;
    }



    .scrollbar01 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 380px !important;
      scrollbar-width: thin !important;
    }

    .scrollbarfarmerdash {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 550px !important;
      scrollbar-width: thin !important;
    }

      .scrollbardealerdash {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 650px !important;
      scrollbar-width: thin !important;
    }

          .scrollbardealerdashgrn {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 275px !important;
      scrollbar-width: thin !important;
    }
    
    .dash-scroll {
      overflow-x: scroll !important;
      padding: 15px !important;
    }

    .dash-footer {
      margin-top: 0px !important;
    }

    .upcard {
      font-size: 18px !important;
      font-family: "Roboto", sans-serif !important;
    }
  
    .card-count{
      font-size: 25px !important;
  
    }
  
    .card-container {
      display: flex !important;
      gap: 20px !important;
      justify-content: center;
    }

    .navbar > .container-fluid .navbar-brand {
      margin-left: 5px !important;
      width: 90% !important;
      margin-top: 0px !important;
  }

    .manufacturer-derails-card {
      margin-left: 0px !important;
      margin-top: 70px !important;
    }

    .farmer-footer {
      margin-top: 60px !important;
  }

  .exporter-derails-card {
    margin-left: 0px !important;
    margin-top: 80px !important;
  }

    .top-texts {
      margin-bottom: 0px !important;
    }
    .register-button {
      margin-top: -10px !important;
    }


    .card-center {
      height: 430px !important;
    }



    .dealer-number-regis {
      width: 625px !important;
      margin-top: 150px !important;
      margin-bottom: 70px !important;
  }

    .scrollbar {
      margin-top: 60px !important;
      overflow-x: hidden !important;
      padding: 15px !important;
    }


    .map-bayer-img {
      width: 30% !important;
    }

    .register-mainbtn {
    background-color: #4AAF46 !important;
    color: #fff !important;
    border-radius: 30px !important;
    height: 50px !important;
    padding: 10px 30px !important;
    margin-top: 12px !important;
    box-shadow: 6px 6px 0px 0px var(--dark-blue-color) !important;
    }
    .register-mainbtn:hover {
      box-shadow: -6px -6px 0px 0px var(--dark-blue-color) !important;
      color: #fff !important;
    }


    .farmer-responsive-card {
      margin-left: 100px !important;
      height: 610px !important;
      margin-top: 120px !important;
      margin-bottom: 30px !important;
  }
     
    .farmer-responsive-img {
      height: 600px !important;
      width: 600px !important;
      border-radius: 20px !important;
      object-fit: cover !important;
      margin-top: 0px !important;
      display: block !important;
    }
    .farmer-responsive-registration {
   
      margin-right: 100px !important;
      height: 600px !important;
      background-color: #f3fff3 !important;
      margin-top: 120px !important;
      margin-bottom: 30px !important;
    }
    .farmer-card {
      border-radius: 20px !important;
   
      margin-bottom: 30px !important;
  }
  .cs_footer.cs_style_1 {
    padding-top: 1px;
  
}


    .cs_fs_28 {
      font-size: 50px !important;
  }

    /* .home-fooer01 {
      height: 205px !important;
  } */
  .cs_iconbox_info p {
    font-size: 18px !important;
}

  .contact-slide {
    width: 10% !important;
  }

  .privacy-slider {
    width: 13% !important;
  }
  .terms-slider {
    width: 17% !important;
  }

  .feedback-slider {
    width: 10% !important;
  }


    .analyse-defor img { 
      width: 70% !important;
    }

    .tab-cont button {
      padding: 20px !important;
      font-size: 20px !important;
    }


    .for-processor {
      height: 510px !important;
    }
    .for-exporter {
      height: 510px !important;
    }
    .for-dealer {
      height: 510px !important;
    }

    .analyse-defor img {
      width: 70% !important;
    }

    .traceability-due img {
      width: 70% !important;
    }


    .slider-step01 {
      margin-top: 0% !important;
    }
    .slider-step02 {
      margin-top: 0% !important;
    }
    .slider-step03 {
      margin-top: 0% !important;
    }
    .slider-step04 {
      margin-top: 0% !important;
    }
    .cs_pagination.cs_style_2.cs_type_1 {
      top: 58% !important;
      left: 90% !important;
    }
    .cs_pagination.cs_style_2.cs_type_1 button {
      height: 30px !important;
      width: 30px !important;
    }

    .tab-cont {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .side-slider img {
        display: block !important;
    }
  
    .expo-rgst01 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .expo-rgst02 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .expo-rgst03 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .expo-rgst04 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .expo-rgst05 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .exp-tab {
      padding: 20px !important; 
      width: 110% !important; 
      height: 500px !important;
    }
  
    .proc-rgst01 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .proc-rgst02 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .proc-rgst03 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .proc-rgst04 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .proc-tab {
      padding: 20px !important;
       width: 110% !important;
        height: 500px !important;
    }
    .mgf-rgst01 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .mgf-rgst02 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .mgf-rgst03 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .mgf-rgst04 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .mgf-tab {
      padding: 20px !important;
       width: 110% !important;
        height: 500px !important;
    }
  
    .der-rest-heg01 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .der-rest-heg02 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
    .der-rest-heg03 {
      padding: 35px !important; 
      background-color: #f3fff3 !important; 
      height: 495px !important;
    }
  
    .frg-btn00 {
      margin-top: 150px !important;
      margin-left: 35px !important;
    }
    .frg-btn01 {
      margin-top: 150px !important; 
      margin-left: 35px !important;
    }
    .frg-btn02 {
      margin-top: 100px !important; 
      margin-left: 35px !important;
    }
    .frg-btn03 {
      margin-top: 150px !important; 
      margin-left: 35px !important;
    }
    .del-tab {
      padding: 20px !important; 
      width: 110% !important; 
      height: 500px !important;
    }
    .main-text-logo {
      width: 60%;
    }
    .main-img {
      width: 40% !important;
      margin-left: 5px !important;
      margin-top: 40px !important;
  }
  .main-img-01 {
    width: 23% !important;
  }
  .cs_site_header.cs_style_1 .cs_main_header_right {
    margin-top: 12px !important;
  }
  .rgst-btn {
    height: 50px !important;
     margin-top: 10px !important;
      border-radius: 30px !important;
      width: 170% !important;
  }
  .sign-btn {
    height: 50px !important;
    margin-top: 10px !important;
     border-radius: 30px !important;
     margin-left: 20px !important;
  }
  .plan02 {
    margin-top: -12px !important;
  }
  .plan03 {
    margin-top: -12px !important;
  }
  .pc-card01 {
    height: 580px !important;
  }
  .pc-card03 {
    height: 575px !important;
  }
  
  .farmer-main {
    min-height: 613px !important;
    padding: 15px 15px !important;
  }
  .farmer-main .farmer-abtn1 {
    margin-top: 86px !important;
  }
  .farmer-main .farmer-abtn2 {
    margin-top: 2px !important;
  }
  .farmer-main .farmer-abtn3 {
    margin-top: 144px !important;
  }
  .farmer-main .farmer-abtn4 {
    margin-top: 144px !important;
  }
  .farmer-main .farmer-abtn5 {
    margin-top: 172px !important;
  }
  .phase-card {
    padding: 20px;
    margin-top: -15px;
   
  }

  .tab-content {
    margin-top: 20px !important;
  }

  .tabs {
    margin-top: 60px !important;
  }

  #box-with-image {
    height: 740px !important;
  }
  .deforest-text01 {
    margin-left: 75px !important;
    width: 65% !important;
    font-size: 18px !important;

  }

  .deforest-text02 {
    width: 65% !important;
    margin-left: 70px !important;
    margin-top: 45px !important;
    font-size: 18px !important;
}

.deforest-text03 {
  width: 60% !important;
  margin-left: 35px !important;
  margin-top: 50px !important;
  font-size: 18px !important;
}
  

.deforest-text04 {
  margin-top: 50px !important;
  width: 55% !important;
  font-size: 18px !important;
}

.deforest-text05 {
  margin-top: 50px !important;
  width: 30% !important;
  margin-top: 45px !important;
  margin: auto !important;
  font-size: 18px !important;
  margin-top: 90px !important;
}

  .frst-q01 {
    height: 180px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
  }
  .frst-q02 {
    height: 180px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 0px !important;
  }
  .frst-q03 {
    height: 470px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 25px !important;
  }
  
  .frst-q04 {
    height: 470px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    margin-top: 25px !important;
  }
  .tab .risk01 {
    padding: 20px 16px !important;
    border-radius: 30px !important;
  }
  .risk-farmer-htext {
    font-size: 17px !important;
  }
  .rsk-full01 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 65px !important;
    height: 250px !important;
    margin-top: 0px !important;
    padding: 20px !important;
    font-size: 17px !important;
  }
  .rsk-full02 {
    border-radius: 1rem !important; 
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important; 
    line-height: 41px !important;
    height: 250px !important;
    margin-top: 0px !important;
    padding: 20px !important;
    font-size: 17px !important;
  
  }
  .rsk-full03 {
    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 65px !important;
    height: 250px !important;
    margin-top: 0px !important;
    padding: 20px !important;
    font-size: 17px !important;
  
  }

  .tab button {
    font-size: 17px !important;
  }
  .tabcontent {
    padding: 0px 0px 40px 40px !important;
  }
  .sec-mapping01 {

    border-radius: 1rem !important;
    background-color: #f3fff3 !important;
    border: 1px solid lightgray !important;
    line-height: 65px !important;
    
    margin-top: 0px !important;
    padding: 20px !important;



  }
  .sec-mapping02 {
    height: 180px !important;
    border: 1px solid lightgray !important;
    border-radius: 1rem !important;
    padding: 20px !important;
    width: 100% !important;
  
  }
  .tab-cont .but.active {
    font-size: 18px !important;
  }
  .tab-cont .btm1 {
    padding: 10px !important;
    border-radius: 20px !important;
    font-size: 18px !important;
}
  .iamtab button {
    padding: 20px 16px !important;
    font-size: 17px !important;
  }
  .far-regst {
    padding: 20px !important; 
    width: 110% !important;
    height: 420px !important;
  }
  
  
  }

  @media screen and (min-width: 1706px) {

    .sigin-footerimg {
      margin-top: -25px !important;
      width: 60% !important;
    }

    .dealerprocessing {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 485px !important;
      scrollbar-width: thin !important;
    }

    .dealerinv {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 515px !important;
      scrollbar-width: thin !important;
    }

    .dealergrn {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 485px !important;
      scrollbar-width: thin !important;
  }
      .stakeholdervalidation {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 420px !important;
      scrollbar-width: thin !important;
  }
        .master02 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 385px !important;
      scrollbar-width: thin !important;
  }

            .master03 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 260px !important;
      scrollbar-width: thin !important;
    
  }
    .master04 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 260px !important;
      scrollbar-width: thin !important;
    
  }

    .plot-scrollbar01 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 495px !important;
      scrollbar-width: thin !important;
    }

    .pro-t01 {
     
      font-size: 20px !important;
      font-family: "Roboto", sans-serif !important;
  }
  .pro-t02 {
    font-size: 16px !important;
}
.update-text {
  color: #4aaf46 !important;
  font-size: 20px !important;
  margin-left: 30px !important;
}
.update-text01 {
  color: #4aaf46 !important;
  font-size: 18px !important;
  margin-left: 50px !important;
  margin-top: 3px !important;
}

.profile-btn {
  padding: 5px;
  border: 1px solid #4aaf46;
  margin-top: -25px !important;
  border-radius: 40px;
  width: 55% !important;
  margin-left: 20px;
}



    .scrollbar03 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 515px !important;
      scrollbar-width: thin !important;
    }
    .farmermngchart {
      height: 260px;
      margin: auto !important;
      padding-left: 0px !important;
    }
  

    .villagewisechart {
      height: 300px !important;
      margin: auto !important; 
      padding-left: 20px !important; 
    }

    .villagechart {
      height: 300px !important;
      margin: auto !important; 
      padding-left: 20px !important; 
    }

    .map-bayer-img {
      width: 25% !important;
  }

    /* .home-fooer01 {
      height: 205px !important;
  } */

  .cs_iconbox_info p {
    font-size: 18px !important;
}

    .farmer-main .farmer-abtn3 {
      margin-top: 170px !important;
  }
  .farmer-main .farmer-abtn4 {
    margin-top: 170px !important;
}
  }
  
  @media screen and (min-width: 1920px) {

    .invoice-container {
   
      height: 930px !important;
      max-width: 800px !important;
    }

    .profile-btn {
      padding: 5px;
      border: 1px solid #4aaf46;
      margin-top: -20px !important;
      border-radius: 40px;
      width: 50% !important;
      margin-left: 20px;
    }

    .scrollbar03 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 665px !important;
      scrollbar-width: thin !important;
    }

    .left-img {
      
      margin-top: -10px !important;
  }
  .farmermngchart {
    height: 260px;
    margin: auto !important;
    padding-left: 0px !important;
  }


    .villagewisechart {
      height: 300px !important;
      margin: auto !important;
      padding-left: 20px !important; 
    }

    .villagechart {
      height: 300px !important;
      margin: auto !important;
      padding-left: 20px !important; 
    }

    .map-bayer-img {
      width: 20% !important;
  }

  .scrollbar {
    margin-top: -14px !important;
    overflow-x: hidden !important;
    padding: 15px !important;
}

.dealerprocessing {
  overflow-x: scroll !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 0px !important;
  height: 620px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #4aaf46 #f1f1f1 !important;
}

.dealergrn {
  overflow-x: scroll !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 0px !important;
  height: 620px !important;
  scrollbar-width: thin !important;

}

.stakeholdervalidation {
  overflow-x: scroll !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 0px !important;
  height: 550px !important;
  scrollbar-width: thin !important;

}
.master02 {
  overflow-x: scroll !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 0px !important;
  height: 520px !important;
  scrollbar-width: thin !important;

}
                .master03 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 380px !important;
      scrollbar-width: thin !important;
    
  }

    .master04 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 380px !important;
      scrollbar-width: thin !important;
    
  }

.plot-scrollbar01 {
  overflow-x: scroll !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 0px !important;
  height: 620px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #4aaf46 #f1f1f1 !important;
}

.dealerinv {
  overflow-x: scroll !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 0px !important;
  height: 620px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #4aaf46 #f1f1f1 !important;
}



    .scrollbar01 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 465px !important;
      scrollbar-width: thin !important;
      scrollbar-color: #4aaf46 #f1f1f1 !important;
  }

    .card-container {
      display: flex !important;
      gap: 85px !important;
      justify-content: center;
  }

    .farmer-main .farmer-abtn1 {
      margin-top: 115px !important;
  }
    /* .cs_footer.cs_style_1 {
      margin-top: 143px !important;
  } */

  /* .cs_footer.cs_style_1 {
    margin-top: 25px !important;
} */

  .cs_fs_28 {
    font-size: 50px !important;
}
  }

    @media screen and (min-width: 1912px) {
    .dealergrn {
        overflow-x: scroll !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 0px !important;
        height: 670px !important;
        scrollbar-width: thin !important;
    }
    }

  @media screen and (min-width: 2048px) {

    .sigin-footerimg {
      margin-top: -25px !important;
      width: 60% !important;
    }

    .dealerprocessing {
      overflow-x: scroll !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 0px !important;
        height: 650px !important;
        scrollbar-width: thin !important;
        scrollbar-color: #4aaf46 #f1f1f1 !important;
    }

    .dealerinv {
      overflow-x: scroll !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 0px !important;
        height: 650px !important;
        scrollbar-width: thin !important;
        scrollbar-color: #4aaf46 #f1f1f1 !important;
    }

    .dealergrn {
      overflow-x: scroll !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 0px !important;
        height: 650px !important;
        scrollbar-width: thin !important;
       
  }

    .stakeholdervalidation {
      overflow-x: scroll !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 0px !important;
        height: 575px !important;
        scrollbar-width: thin !important;
       
  }

      .master02 {
      overflow-x: scroll !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 0px !important;
        height: 525px !important;
        scrollbar-width: thin !important;
       
  }

            .master03 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 400px !important;
      scrollbar-width: thin !important;
    
  }
    .master04 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 400px !important;
      scrollbar-width: thin !important;
    
  }

    .plot-scrollbar01 {
        overflow-x: scroll !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 0px !important;
        height: 650px !important;
        scrollbar-width: thin !important;
        scrollbar-color: #4aaf46 #f1f1f1 !important;
    }
}

  @media screen and (min-width: 2304px) {


    .sigin-footerimg {
      margin-top: -25px !important;
      width: 60% !important;
    }

  .cs_footer_row {
    gap: 1px 70px !important;
  }

    .dealerprocessing {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 760px !important;
      scrollbar-width: thin !important;
      scrollbar-color: #4aaf46 #f1f1f1 !important;
    }

    .dealerinv {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 760px !important;
      scrollbar-width: thin !important;
      scrollbar-color: #4aaf46 #f1f1f1 !important;
    }

    .dealergrn {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 760px !important;
      scrollbar-width: thin !important;
    
  }
      .stakeholdervalidation {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 690px !important;
      scrollbar-width: thin !important;
    
  }

        .master02 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 645px !important;
      scrollbar-width: thin !important;
    
  }
          .master03 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 535px !important;
      scrollbar-width: thin !important;
    
  }

    .master04 {
      overflow-x: scroll !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 0px !important;
      height: 535px !important;
      scrollbar-width: thin !important;
    
  }

    .plot-scrollbar01 {
        overflow-x: scroll !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 0px !important;
        height: 760px !important;
        scrollbar-width: thin !important;
        scrollbar-color: #4aaf46 #f1f1f1 !important;
    }
}