.sectionone{
   position: relative;

   margin-top: 50px;

}

.sectionone .buttons{
    margin-top: 45px;
}
.sectionone .enquiry{
    margin-bottom: 20px;
    font-size: 22px;
  color: #626262;
  font-family: 'Lato-Medium';

}
.sectionone .btnorange{
    background-color: #FF7700;
    height: 40px;
width: 91px;


border-radius: 5px;

border: transparent;
color: white;


}
.sectionone .btnres{
   color:#FF7700 ;
 border: transparent;
background-color:transparent;
height: 40px;
width: 91px;
top: 507px;
border-radius: 5px;
padding: 9px 20px 9px 20px;
border: transparent;



}
.sectionone .butmar{
    margin-top: 56px;
}
/* .sectionone h1{
    font-weight: 500;
    font-size: 70px;
    color: white;
    
} */
.sectionone .con{
    font-weight: 500;
    font-size: 70px;
    color: black;
    font-family:'Times New Roman', Times, serif;
  
}

.sectionone .tact{
    font-weight: 500;
    font-size: 70px;
    color: #FFFFFF;
    font-family:'Times New Roman', Times, serif;
}
.sectionone .backtop{
    position: absolute;
    top:260px;
    margin-left: -115px;
  
   
}
.sectionone .cover{
    background: #FFFFFF;

    border-radius: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 14px;
    padding-right: 14px;
    box-shadow: 1px 1px 5px #e0e0e0;
    
}
.sectionone input{
    background-color: #FFF8F1;
    border: transparent;

}
/* .sectionone img{
    width: 100%;
    height: 100%;
} */
.sectiontwo .visit{
font-size: 20px;
font-family: 'Lato-Medium';
color: #686666;

}

.sectiontwo .firsttext{
  
    font-size: 15px;
    color: #6A6A6A;
    font-weight: 400;
    margin-left: 10px;
    
   

}
.sectiontwo .back{

    margin-top: 2rem;
transition: 0.5s;
border-radius: 20px;
min-height: 295px;
padding: 2rem;
}
.sectiontwo .back:hover{
    box-shadow: 1px 1px 5px #e0e0e0;
}
.sectiontwo .backpos{
    position: relative;
}
.sectiontwo .flexx{
    display: flex;
}


.sectionone .arrowab{
  position: relative;
  
   
}
.sectionone .arrowchild{
    position: absolute;
    left: 86%;
    top: 52.50%;
   
}
.sectionone .fa-sort-desc{
    color: #FF7700;
}

.sectionone .dropdown-common select {
    border: 1px solid #ddd;
    background-color: #FFF8F1;
    padding: 6px 26px 6px 10px;
    border-radius: 5px;
    font-size: 15px;
    color: rgb(117, 116, 116);
    width: 100%;
    -webkit-appearance: none;
    border: transparent;
  }
  .dropdown-common::after {
    content: '\f107';
    position: absolute;
    font-family: FontAwesome;
   
    color: #FF7700;
    right: 40px;
    top:228px;
    pointer-events: none;
  }

  .sectionone .copy-banner-pnl {
    background-image: url(../images/planting-trees-coin-pile-with-sunlight\ \(1\)\ 1.png);
  height: auto;
  background-size: 100%;
  
  background-size: cover;
  }

  .sectionone .common-banner {
    text-align: center;
    background-repeat: no-repeat;
   
    display: block;
    margin: 0 auto;
    height: 100%;
    width:100% ;
  }
.sectionone  .banner-header h2 {
  margin-left: -29rem;
 margin-top: -140px;
  }
.sectiontwo{
    margin-top: 70px;
}

@media (min-width:1024px) and (max-width:1199.90px){
  .sectionone  .banner-header h2 {
    margin-left:-23rem;
    margin-top: -140px;
     }
     
}
 
@media (min-width:992px) and (max-width:1023.90px) {
    .sectionone .backtop{
        top:240px;
        margin-left: -84px;
        width: 100%;
    }
    .sectiontwo .visit {
        font-size: 17px;
        color: #686666;
      
}

.sectiontwo .firsttext{
       
    word-wrap: anywhere;
}
.sectionone  .banner-header h2 {
  margin-left:-23rem;
  margin-top: -140px;
   }
   
.sectiontwo .back {
    min-height: 295px;
  }
 }
@media (min-width:768px) and (max-width:991.90px) {
    .sectionone .butmar{
        margin-top: 7px;
    }
    .sectiontwo .visit {
        font-size: 16px;
        color: #686666;
        font-weight: 600;
      }
      .sectiontwo .firsttext {
        font-size: 12px;
        color: #6A6A6A;
        font-weight: 400;
        margin-left: 10px;
        word-wrap: normal;
      }
      .sectionone .backtop{
        top:110px;
        margin-left: -80px;
        width: 100%;
    }
    .sectionone .con {
        font-weight: 500;
        font-size: 50px;
        color: black;
        font-family: 'Times New Roman', Times, serif;
      }
      .sectionone .tact {
        font-weight: 500;
        font-size: 50px;
        color: #FFFFFF;
        font-family: 'Times New Roman', Times, serif;
      }
      .sectiontwo .back {
        min-height: 295px;
      }
      .sectiontwo .firsttext{
       
        word-wrap: anywhere;
    }
    
     .sectionone .static-banner-sc.copy-sc .banner-header h2 {
            margin-left: -8rem;
          }
          .sectionone  .banner-header h2 {
            margin-left:-17rem;
            margin-top: -140px;
             }

             .sectiontwo .back {
                
                min-height: 295px;
                
                
              }
            

             
}
@media (min-width:576px) and (max-width:767px) {
    /* .sectiontwo .back{
        margin-top: 40px;
      
    } */
    .sectionone .backpos {
        width: 100%;
        
      }
      .sectionone .backtop{
          top: 90px;
          margin-left: 0px;
          width: 100%;
      }

      .sectionone .con{
        font-weight: 500;
        font-size: 68px;
        color: white;
        font-family:'Times New Roman', Times, serif;
        
     
    }
    .sectionone .tact{
        font-weight: 500;
        font-size: 68px;
        color: white;
        font-family:'Times New Roman', Times, serif;
       
    }
   
    .sectionone .backpos {
     
      
    }
    .sectionone .backtop{
        top: 250px;
        margin-left: -18px;
        width: 100%;
    }
    .sectionone h1 {
        text-align: center;
    }
    .sectiontwo .flexx{
        display: flex;
        flex-direction: row;
    }
   
    .sectionone .butmar{
        margin-top: 25px;
    }
    .sectionone  .banner-header h2 {
        margin-left: 0rem;
        margin-top: -100px;
        text-align: center;
         }
         .sectionone .cover{
          margin-top: 69px;
        }
        .dropdown-common::after {
            top:255px;
           
          }
          .sectiontwo{
            margin-top: 0px;
        }
        .sectiontwo .back {
            min-height: 295px;
          }
          .sectionone .common-banner {
            text-align: center;
            background-repeat: no-repeat;
            width: auto;
            height: 369px;
            display: block;
            margin: 0 auto;
            background-size: cover;
          }
          .sectionone{
            position: relative;
            margin-top: 20px;
         
         }
 
         
}
@media (min-width:480px) and (max-width:575.90px) {
    /* .sectiontwo .back{
        margin-top: 40px;
      
    } */
  
     


      .sectionone .con{
        font-weight: 500;
        font-size: 65px;
        color: white;
        font-family:'Times New Roman', Times, serif;
        
     
    }
    .sectionone .tact{
        font-weight: 500;
        font-size: 65px;
        color: white;
        font-family:'Times New Roman', Times, serif;
       
    }
   
    .sectionone .backpos {
    
    }
    .sectionone .backtop{
        top: 210px;
        margin-left: -18px;
        width: 100%;
    }
    .sectionone h1{
  
    }
   
    .sectionone .butmar{
        margin-top: 25px;
    }
    .sectionone  .banner-header h2 {
        margin-left: 0rem;
        margin-top: -90px;
        text-align: center;
         }
         .sectionone .cover{
            margin-top: 80px;
        }
        .dropdown-common::after {
            top:255px;
           
          }
          .sectiontwo{
            margin-top: 0px;
        }
        .sectiontwo .back {
            min-height: 295px;
          }
          .sectionone .common-banner {
            text-align: center;
            background-repeat: no-repeat;
            width: auto;
            height: 369px;
            display: block;
            margin: 0 auto;
            background-size: cover;
         
          }
          .sectionone{
            position: relative;
            margin-top: 20px;
            /* background-image: url(../images/green.png);
            background-size: 60%;
            background-repeat: no-repeat; */
          
         
         }
 
}
@media (min-width:360px) and (max-width:479.90px) {
    /* .sectiontwo .back{
        margin-top: 40px;
      
    } */
   

      .sectionone .con{
        font-weight: 500;
        font-size: 49px;
        color: white;
        font-family:'Times New Roman', Times, serif;
        
     
    }
    .sectionone .tact{
        font-weight: 500;
        font-size: 49px;
        color: white;
        font-family:'Times New Roman', Times, serif;
       
    }
   
    .sectionone .backpos {
     
      
    }
    .sectionone .backtop{
        top: 140px;
        /* margin-left: -18px; */
        width: 100%;
    }
    .sectionone h1{
        text-align: center;
    }
    

  
    .sectionone .butmar{
        margin-top: 25px;
    }
    .sectionone  .banner-header h2 {
        margin-left: 0rem;
        margin-top: 190px;
        text-align: center;
         }
         .sectionone .cover{
            margin-top: 45px;
        }
        .dropdown-common::after {
            top:255px;
           
          }
          .sectiontwo{
            margin-top: 0px;
        }
        .sectiontwo .back {
            min-height: 295px;
          }
          .sectionone .common-banner {
            text-align: center;
            background-repeat: no-repeat;
            width: auto;
            height: 300px;
            display: block;
            margin: 0 auto;
            background-size: cover;
          }
          .sectionone{
            position: relative;
           margin-top: 20px;
            /* background-image: url(../images/green.png);
            background-size: 60%;
            background-repeat: no-repeat; */
          
         
         }
 

}
@media (min-width:320px) and (max-width:359.90px) {
  .sectiontwo{
    margin-top: 40px;
}
    .sectionone .butmar{
        margin-top: 25px;
    }
    .sectiontwo .firsttext {
      
        font-size: 13px;
       
      }
    /* .sectiontwo .back{
        margin-top: 40px;
      
    } */
    .sectiontwo .visit {
        font-size: 16px;
        color: #686666;
      }
      .sectionone .flexx{
        display: flex;
        }
        .sectionone .reverse{
            flex-direction: column-reverse;
        }

    
          .sectionone .backtop{
            position: absolute;
            top:80px;
        }
        .sectionone .cover{
            margin-top: 51px;
        }

        .sectionone .con{
            font-weight: 500;
            font-size: 40px;
            color: white;
            font-family:'Times New Roman', Times, serif;
            
         
        }
        .sectionone .tact{
            font-weight: 500;
            font-size: 40px;
            color:white;
            font-family:'Times New Roman', Times, serif;
           
        }
       
        .sectionone .backpos {
         
          
        }
        .sectionone .backtop{
            top: 160px;
       /* margin-left: -18px; */
            width: 100%;
        }
        .sectionone h1{
            text-align: center;
         
        }
        
     
        
        .sectiontwo .back {
            margin-top: 1rem;
            transition: 0.5s;
            border-radius: 20px;
            min-height: 295px;
            padding: 1rem;
          }
          .sectionone  .banner-header h2 {
            margin-left: 0.20rem;
            margin-top: 199px;
          
             }

             .sectionone .copy-banner-pnl {
                /* background-image: url(../images/planting-trees-coin-pile-with-sunlight\ \(1\)\ 1.png);
            
              background-size: 100%;
              
              background-size: cover; */
              }
            
              .sectionone .common-banner {
                text-align: center;
                background-repeat: no-repeat;
                width: auto;
                height: 230px;
                display: block;
                margin: 0 auto;
                background-size: cover;
              }
            
        .sectionone .static-banner-sc.copy-sc .banner-header h2 {
            margin-left: -8rem;
          }
        .sectionone  .static-banner-sc .banner-header {
            margin-top: -6rem;
          }        
          .dropdown-common::after {
            top:255px;
           
          }
          .sectionone{
            position: relative;
            margin-top: 20px;
            /* background-image: url(../images/green.png);
            background-size: 60%;
            background-repeat: no-repeat; */

         }

        
        
}