* {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}

html{

  font-family: "DM Sans", sans-serif;

}

body{

  font-family: "DM Sans", sans-serif;

  font-optical-sizing: auto;

  font-weight: normal;

  font-style: normal;

}

/*.nocopy {

  user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

}*/









/*.single_banner {

  position: relative;

}

.single_banner img {

  width: 100%;

  height: 100vh;

  object-fit: cover;

}

.banner_text_left {

  position: absolute;

  top: 36%;

  left: 100px;

}

.banner_text_left h1 {

  color: #fff;

  text-transform: uppercase;

  font-size: 72px;

  width: 50%;

  line-height: 78px;

}

.banner_text_rbotm {

  position: absolute;

  bottom: 17%;

  right: 100px;

  width: 33%;

}

.banner_text_rbotm p {

  color: #fff;

  line-height: 24px;

  font-size: 17px;

}*/





.main_banner_area{

   position:relative;

   width:100%;

   height:100vh;

   overflow:hidden;

}



.main_banner_area_inner{

   position:relative;

   width:100%;

   height:100%;

}



.single_banner{

   position:absolute;

   inset:0;

   width:100%;

   height:100%;

   opacity:0;

   visibility:hidden;

   overflow:hidden;

}



.single_banner.active{

   opacity:1;

   visibility:visible;

}



.single_banner img{

   width:100%;

   height:100%;

   object-fit:cover;

   transform:scale(1);

}



.banner_overlay{

   position:absolute;

   inset:0;

   background:rgba(0,0,0,0.35);

   z-index:-1;

}



.banner_text_left{

   overflow:hidden;

   position: absolute;

  top: 36%;

  left: 100px;

}



.banner_text_left h1 {
  transform: translateY(120%);
  color: #fff;
  text-transform: uppercase;
  font-size: 57px;
  width: 50%;
  line-height: 68px;
}



.banner_text_rbotm{

   margin-top:25px;

   overflow:hidden;

   position: absolute;

   bottom: 17%;

   right: 100px;

   width: 33%;

}



.banner_text_rbotm p{

   transform:translateY(120%);

   color: #fff;

  line-height: 24px;

  font-size: 17px;

}



/* ARROWS */

.banner_arrows {

  position: absolute;

  left: 100px;

  bottom: 160px;

  z-index: 10;

  display: flex;

  gap: 15px;

}



.banner_arrow {

  width: 34px;

  height: 65px;

  border: none;

  outline: none;

  cursor: pointer;

  border-radius: 50%;

  color: #fff;

  font-size: 28px;

  transition: 0.4s;

  display: flex;

  align-items: center;

  justify-content: center;

  background: transparent;

}

.banner_arrow svg {

  width: 30px;

}



.main_header_area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 25px 100px;
  z-index: 999;
}

.main_header_area_inner {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.main_menu ul {

  display: flex;

  justify-content: flex-start;

  align-items: center;

}

.main_menu ul li {

  list-style: none;

  padding: 0 27px 0 0;

}

.main_menu ul li a {

  color: #fff;

  text-decoration: none;

  font-weight: 500;

  font-size: 16px;

}

.right_quote {

  width: 33.333%;

  display: flex;

  justify-content: flex-end;

}

.logo_area {

  width: 33.333%;

  display: flex;

  justify-content: center;

}

.main_menu {

  width: 33.333%;

}

.right_quote a {
  background: #1C3801;
  color: #fff;
  text-decoration: none;
  padding: 13px 29px;
  border-radius: 50px;
}

.whatwe_offer_main {
  background: #0A1400;
  padding: 80px 100px;
}

.section_heading h4 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  opacity: 0.9;
  color: #FFF;
}

.section_heading h2 {
  font-size: 40px;
  color: #FFF;
  width: 35%;
  line-height: 45px;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
}

.section_heading {

  text-align: center;

  margin: 0 0 45px;

}

.whatwe_offer_srv_boxes {

  display: flex;

  justify-content: space-between;

  gap: 25px;

}

.whatwe_offer_srv_boxes .whatwe_offer_srv_single {

  width: 33.333%;

  text-align: center;

  position: relative;

}

.whatwe_offer_srv_single img {

  width: 250px;

  height: 250px;

  border-radius: 50%;

  margin: 0 auto;

  text-align: center;

  object-fit: cover;

}

.whatwe_offer_srv_single h3 {

  margin: 18px 0 8px;

}

.whatwe_offer_srv_single h3 {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .4px;
}

.whatwe_offer_srv_single h2 {
  font-size: 27px;
  color: #549515;
  margin: 0 0 7px;
}

.box-link {

  position: absolute;

  z-index: 10;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  border: none !important;

  width: 100% !important;

  height: 100% !important;

}

.whatwe_offer_srv_single a {

  border: 1px solid #ccc;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 50px;

  height: 50px;

  margin: 24px auto 0;

  border-radius: 50px;

}

.whatwe_offer_srv_single a svg {
  width: 20px;
  color: #51970d;
  transition: ease-in-out 0.6s;
}

.whatwe_offer_srv_single p {
  font-size: 17px;
  color: #fff;
  line-height: 25px;
}

.whatwe_offer_srv_single{

   overflow: hidden;

   position: relative;

}

.icon_butt {

  position: relative;

  z-index: 9999;

  transition: ease-in-out 0.6s;

}

.icon_butt:hover {

  background: #657932 !important;

  transition: ease-in-out 0.6s;

}

.icon_butt:hover svg {

  color: #fff;

  transition: ease-in-out 0.6s;

}

.garden_area_main {

  padding: 80px 100px;

  overflow: hidden;

}

.garden_area_inner {

  display: flex;

  justify-content: space-between;

}

.garden_area_eight {

  width: 50%;

}

.garden_area_left {

  width: 50%;

}

.video_section img {

  width: 100%;

}

.garden_area_eight h4 {

  color: #1C3800;

  text-transform: uppercase;

  margin: 0 0 7px;

  font-size: 15px;

  letter-spacing: 0.5px;

}

.garden_area_eight h2 {

  font-size: 50px;

  line-height: 49px;

  font-weight: 700;

  margin: 22px 0 30px;

  color: #1C3800;

}

.garden_area_eight p {

  color: #585F50;

  font-size: 18px;

  margin: 0 0 130px;

}

.video_section {

  position: relative;

}

.video_section span {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 65px;

  height: 65px;

  background: #fff;

  transform: translate(-50%, -50%);

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

}

.video_section span svg {

  width: 22px;

  color: #363636;

  transition: ease-in-out 0.6s;

}

.video_section span:hover svg {

  color: #E8A81E;

  transition: ease-in-out 0.6s;

}

.home_logo_section {

  padding: 0 100px 70px;

}

.home_logo_section_inner {

  display: flex;

  justify-content: center;

  align-items: center;

}

.home_logo_section_inner img {

  opacity: 0.3;

  transition-duration: 0.3s;

  transition: ease-in-out 0.6s;

}

.home_logo_section_inner img:hover {

  opacity: 1;

  transition-duration: 0.3s;

  transition: ease-in-out 0.6s;

}

.protfolio_main_area {
  padding: 80px 100px;
  background: url('../images/img-bg-copyright.jpg');
  background-repeat: no-repeat;
  object-fit: cover !important;
  /* height: 100vh; */
  background-size: cover;
}

.portfolio_header_left h4 {

  text-transform: uppercase;

  color: #fff;

  font-size: 15px;

  margin: 0 0 8px;

}

.portfolio_header {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  margin: 0 0 49px;

  position: relative;

}

.portfolio_header_left h2 {
  font-size: 39px;
  font-weight: 800;
  color: #fff;
}

.portfolio_header_left {

  width: 30%;

}

.portfolio_header_right {
  width: 70%;
  margin: 0 0 0 30px;
}

.portfolio_header_right p {

  width: 68%;

  color: #a4a4a4;

  line-height: 24px;

}

.protfolio_main_slider_singl img {

  width: 100%;

}



.protfolio_slider_prev {

  right: 96px;

}





/*========================================*/





.protfolio_slider_main{

   width:100%;

   position:relative;

   overflow:hidden;

}



.protfolio_main_slider_sect{

   width:100%;

   overflow:hidden;

}



.swiper-wrapper{

   align-items:center;

}



.protfolio_main_slider_singl{

   position:relative;

   overflow:hidden;

}



.protfolio_main_slider_singl img{

   width:100%;

   height:650px;

   object-fit:cover;

   display:block;

   transition: ease-in-out 0.6s;

}

.protfolio_main_slider_singl:hover img {

  transform: scale(1.3);

  transition: ease-in-out 0.6s;

}
.protfolio_main_slider_sect .swiper-wrapper {
  height: inherit !important;
}


.protf_hover {

  position: absolute;

  bottom: 40px;

  background: #0B1600;

  padding: 19px 25px;

  max-width: 300px;

  left: -100%;

  transition: ease-in-out 0.6s;

}

.protfolio_main_slider_singl:hover .protf_hover {

  left: 0;

  transition: ease-in-out 0.6s;

}

.protf_hover h3 {

  font-size: 20px;

  margin-bottom: 4px;

  color: #fff;

}



.protf_hover p{

   font-size:16px;

   color:#666;

}



/* Arrows */



.protfolio_slider_prev, .protfolio_slider_next {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 55px;

  height: 55px;

  border-radius: 50%;

  background: transparent;

  z-index: 10;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  font-size: 22px;

  font-weight: 700;

  transition: 0.3s;

  box-shadow: 0 10px 30px rgba(0,0,0,0.1);

  border: 1px solid #ffffff3d;

}



.protfolio_main_slider_singl img {

  width: 100%;

  height: 450px;

}



/*.protfolio_slider_prev:hover,

.protfolio_slider_next:hover{

   background:#111;

   color:#fff;

}*/



.protfolio_slider_next{

   right:30px;

}

.protfolio_main_slider_singl {

  width: 450px !important;

}

.protfolio_main_slider_singl:nth-child(2) {

  width: 700px !important;

}

.protfolio_main_slider_singl:nth-child(4) {

  width: 700px !important;

}

.protfolio_main_slider_singl:nth-child(7) {

  width: 700px !important;

}

.protfolio_slider_prev svg {

  width: 22px;

  color: #fff;

}

.protfolio_slider_next svg {

  width: 22px;

  color: #fff;

}



.number {

  color: #eff4e7;

  font-size: 160px;

}

.option_main_inner {

  display: flex;

  justify-content: space-between;

}

.option_single {

  width: 33.333%;

  text-align: center;

  position: relative;

}

.option_single p {

  font-size: 23px;

  font-weight: 800;

  margin: -120px 0 0;

  color: #1B3600;

}

.option_main_area {

  padding: 80px 100px 150px;

}

.option_single::after {

  position: absolute;

  width: 1px;

  background: #d9dfcf;

  height: 50px;

  top: 67%;

  right: 0;

  z-index: 9999;

  content: '';

}

.creat_drmgardn_main_area {

  padding: 80px 100px 144px;

}

.creat_drmgardn_left{

  position: relative;

}

.drm_img2 {

  position: absolute;

  bottom: -64px;

  right: -188px;

}

.creat_drmgardn_main_inner {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.creat_drmgardn_right {

  width: 49%;

}

.creat_drmgardn_right h4 {

  text-transform: uppercase;

  letter-spacing: .5px;

  color: #1c3800;

  margin: 0 0 13px;

}

.creat_drmgardn_right h2 {

  font-size: 50px;

  font-weight: 800;

  width: 58%;

  line-height: 55px;

  color: #1c3800;

  margin: 0 0 28px;

}

.creat_drmgardn_right p {

  font-size: 18px;

  margin: 0 0 49px;

  line-height: 28px;

  color: #5f5f5f;

}

.creat_drmgardn_right ul li {

  color: #1B3600;

  list-style: none;

  font-size: 17px;

  margin: 8px 0;

  text-transform: uppercase;

}

.creat_drmgardn_right a {
  background: #0A1400;
  text-decoration: none;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 175px;
  height: 53px;
  font-weight: 500;
  margin: 56px 0 0;
  transition: ease-in-out 0.6s;
}

.creat_drmgardn_right a:hover {

  background: #B38213;

  transition: ease-in-out 0.6s;

}

.footer_main_Area {

  background: #0a1400;

  padding: 80px 100px 30px;

}

.footer_main_inner {

  display: flex;

  justify-content: space-between;

}

.footer_left {

  width: 35%;

}

.footer_right {

  width: 50%;

}

.footer_left ul li {

  list-style: none;

}

.footer_left ul li a svg {

  width: 20px;

  color: #fff;

}

.footer_contact_info p {

  color: #fff;

  font-size: 16px;

  margin: 15px 0 40px;

}

.footer_left ul li a {

  display: flex;

  width: 45px;

  height: 45px;

  justify-content: center;

  align-items: center;

  background: #0e1804;

  border-radius: 50px;

  margin: 0 12px 0 0;

}

.footer_left ul {

  display: flex;

  justify-content: flex-start;

  align-items: center;

}

.footer_right h2 {

  font-size: 40px;

  color: #fff;

  width: 64%;

  line-height: 47px;

  margin: 0 0 56px;

}

.footer_links {

  display: flex;

  justify-content: space-between;

}

.footer_links_single ul li {

  list-style: none;

}

.footer_links_single h3 {

  color: #fff;

  font-size: 18px;

  margin: 0 0 13px;

}

.footer_links_single ul li a {

  color: #d6d6d6;

  text-decoration: none;

  padding: 0 0 10px;

  display: block;

  font-size: 15px;

}

.footer_links_single ul li svg {

  width: 23px;

  color: #fff;

}

.footer_links_single ul li {

  display: flex;

  justify-content: flex-start;

}

.footer_links_single ul li svg {

  width: 23px;

  color: #fff;

  margin: 0 11px 0 0;

}

.footer_links_single.footer_links_single_contact ul li p {

  color: #fff;

}

.footer_links_single.footer_links_single_contact ul li {

  margin: 0 0 12px;

}

.footer_links_single.footer_links_single_contact ul li a {

  padding: 0;

}

.footer_copyright {

  border-top: 1px solid #0f1a03;

  padding: 18px 0 0;

  margin: 50px 0 0;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.footer_copyright p {

  color: #656a60;

  font-size: 13px;

}

.footer_copyright p a {

  color: #fff;

  text-decoration: none;

}

.garden_area_left img {

  width: 535px;

}

.cross_menu {

  display: none;

}

.toggle_menu {

  display: none;

}



.iner_ban_cont {

  position: absolute;

  top: 55%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.inner_pages_main_area img {

  width: 100%;

}

.iner_ban_cont h1 {

  color: #fff;

  font-size: 45px;

}

.option_single_about .number {

  color: #172d00;

  font-size: 58px;

}

.option_single.option_single_about p {

  margin: 0 0 8px;

}

.about_video_sect_inner img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}

.about_video_sect_main{

  padding: 0 100px 80px;

}

.about_video_sect_inner {

  position: relative;

}

.vid_button span {

  display: flex;

  width: 100px;

  height: 100px;

  justify-content: center;

  align-items: center;

  border: 1px solid #fff;

  border-radius: 50%;

  text-transform: uppercase;

  font-size: 13px;

  letter-spacing: 2px;

  color: #fff;

  cursor: pointer;

}

.vid_button {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.portfolio_header_aboutpg .portfolio_header_left h2 {

  color: #002d01;

}

.protfolio_main_area.protfolio_main_area_aboutpg {

  background: #fff;

}

.aboutpg_protfolio_slider_prev svg {

  color: #000;

}

.aboutpg_protfolio_slider_next svg {

  color: #000;

}

.aboutpg_protfolio_slider_prev, .aboutpg_protfolio_slider_next {

  border: 1px solid #ccc;

}

.inner_pages_main_area {

  position: relative;

}

.creat_drmgardn_right.creat_drmgardn_right2 h2 {

  width: 64%;

}

.option_single_about::after {

  top: 35px;

}

.option_single_about:nth-child(4)::after {

  display: none;

}

.option_single:nth-child(4)::after {

  display: none;

}

.creat_drmgardn_left3 .drm_img2 {

  left: -169px;

  right: inherit;

}

.srv_call_area a {

  background: transparent;

  color: #1A3400;

  display: flex;

  justify-content: flex-start;

  align-items: center;

  width: auto;

}

.srv_call_area a svg {

  width: 23px;

  margin: 0 10px 0 0;

}

.servic_abt_area {

  display: flex;

  justify-content: flex-start;

  align-items: center;

}

.servic_abt_area a {

  margin: 0;

}

.srv_call_area {

  margin: 0 0 0 25px;

}

.srv_call_area a:hover {

  background: transparent;

}

.whatwe_offer_srv_boxes_listing {

  flex-wrap: wrap;

}

.whatwe_offer_srv_boxes_listing .whatwe_offer_srv_single {

  width: 29.333%;

  margin: 0 0 32px;

}



.calltoaction_area {
  background: url('../images/action-bg-copyright.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 55px 100px;
  background: #dfdfdf;
}

.calltoaction_area_inner {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.calltoaction_area_inner h3 {
  font-size: 35px;
  color: #000;
  width: 45%;
  line-height: 45px;
}

.calltoaction_area_button {

  display: flex;

  justify-content: flex-end;

  align-items: center;

  gap: 20px;

}

.calltoaction_area_button a {
  background: #0a1400;
  padding: 17px 37px;
  color: #fff;
  text-decoration: none;
  font-size: 17px;
}

.calltoaction_area_button a:nth-child(2) {
  background: #3a6c06;
}

.service_make_easer_inner {

  padding: 80px 100px;

}

.service_make_easer_inner {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.service_make_easer_left {

  display: flex;

  justify-content: flex-start;

}

.service_make_easer_left img {

  width: 100%;

}

.service_make_easer_left {

  display: flex;

  justify-content: space-between;

  width: 48%;

}

.service_make_easer_right {

  width: 48%;

}

.service_make_easer_right h4 {

  text-transform: uppercase;

  letter-spacing: .5px;

  color: #1c3800;

  margin: 0 0 13px;

}

.service_make_easer_right h2 {

  font-size: 50px;

  font-weight: 800;

  width: 64%;

  line-height: 55px;

  color: #1c3800;

  margin: 0 0 28px;

}

.service_make_easer_right p {

  line-height: 27px;

}

.service_make_easer_left img {

  width: 48%;

}

.portfolio_main_area {

  padding: 80px 100px;

}

.portfolio_boxes {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.portfolio_box_single img {

  width: 100%;

}

.portfolio_box_single {

  width: 49%;

  position: relative;

  margin: 0 0 23px;

  overflow: hidden;

}

.portfolio_box_single img {

  width: 100%;

  height: 400px;

  object-fit: cover;

  transition: ease-in-out 0.8s;

}

.gallery_hov_img {

  position: absolute;

  bottom: 34px;

  left: -100%;

  background: #fff;

  padding: 15px 25px;

  border-radius: 0 10px 10px 0;

  transition: ease-in-out 0.6s;

}

.portfolio_box_single:hover .gallery_hov_img {

  left: 0;

  transition: ease-in-out 0.6s;

}

.portfolio_box_single:hover img {

  transform: scale(1.5) rotate(20deg);

  transition: ease-in-out 0.8s;

}

.gallery_hov_img h3 {

  font-size: 17px;

  font-weight: 700;

}

.gallery_hov_img h5 {

  font-size: 13px;

  font-weight: 300;

  margin: 2px 0 0;

}

.main_contact_left ul li svg {

  width: 22px;

}

.sing_frm svg {

  width: 20px;

}

.textarea_inp svg {

  width: 20px;

  margin: 0 20px 0 0;

}

.main_contact_area {

  padding: 80px 100px;

}

.main_contact_area_inner {

  display: flex;

  justify-content: space-between;

}

.main_contact_left {

  width: 48%;

}

.main_contact_right {

  width: 48%;

}

.main_contact_left h4 {

  text-transform: uppercase;

  letter-spacing: .5px;

  color: #1c3800;

  margin: 0 0 13px;

}

.main_contact_left h2 {

  font-size: 50px;

  font-weight: 800;

  width: 58%;

  line-height: 55px;

  color: #1c3800;

  margin: 0 0 28px;

}

.main_contact_left p {

  margin: 0 0 25px;

  font-size: 17px;

}

.main_contact_left ul li {

  list-style: none;

  padding: 0 0 14px;

  display: flex;

  justify-content: flex-start;

  align-items: center;

}

.main_contact_left ul li svg {

  margin: 0 9px 0 0;

}

.main_contact_left ul li a {

  color: #000;

  text-decoration: none;

  display: flex;

  justify-content: flex-start;

  align-items: center;

}

.sing_frm input {

  width: 100%;

  height: 100%;

  padding: 0 18px;

  border-radius: 6px;

  border: 0;

  background: transparent;

}

.sing_frm {
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 17px;
  width: 49%;
  margin: 0 0 27px;
}

.textarea_inp {

  border: 1px solid #e1e1e1;

  border-radius: 6px;

  height: 150px;

  display: flex;

  justify-content: flex-start;

  align-items: flex-start;

  padding: 15px 17px;

}

.textarea_inp textarea {

  width: 100%;

  height: 100%;

  border: 0;

}

.frm_grp {

  display: flex;

  justify-content: space-between;

}

.submit_area input {

  background: #7a9042;

  padding: 17px 33px;

  display: flex;

  justify-content: center;

  margin: 17px 0 0;

  color: #fff;

  font-size: 16px;

  cursor: pointer;

  border: 1px solid #7a9042;

}

.map_area_main iframe {

  width: 100%;

  height: 450px;

  margin: 0 0 61px;

}

input:focus,

textarea:focus,

select:focus {

  outline: none;

  box-shadow: none;

}

.service_detail_page_main {

  padding: 80px 100px;

}

.inside_img img {

  width: 100%;

}

.service_detail_left img {

  width: 100%;

}

.service_detail_page_inner {

  display: flex;

  justify-content: space-between;

}

.service_detail_left {

  width: 68%;

}

.service_detail_right {

  width: 29%;

}

.service_detail_right {

  width: 29%;

  background: #fff9ec;

  padding: 30px;

  height: 100%;

}

.service_detail_right form input[type="submit"] {

  background: #7a9042;

  color: #fff;

  font-size: 17px;

  margin: 0 0 26px;

}

.main_menu ul li.active a {
  color: #7cdf1e;
}

.service_detail_left img {

  width: 100%;

  height: 600px;

  object-fit: cover;

  margin: 0 0 16px;

}

.service_detail_left h2 {

  font-size: 40px;

  margin: 0 0 10px;

}

.service_detail_left p {

  font-size: 17px;

  margin: 0 0 13px;

}

.service_detail_left h4 {

  font-size: 19px;

  margin: 0 0 6px;

}

.inside_img {

  margin: 24px 0 0;

  display: flex;

  justify-content: space-between;

}

.inside_img img {

  width: 49%;

  height: 440px;

}

.service_detail_right h2 {

  font-size: 27px;

  margin: 0 0 17px;

}

.service_detail_right form input {

  width: 100%;

  height: 50px;

  background: transparent;

  border: 1px solid #e7e2d6;

  padding: 0 16px;

  margin: 0 0 12px;

}

.service_detail_right form textarea {

  width: 100%;

  height: 150px;

  background: transparent;

  border: 1px solid #e7e2d6;

  padding: 12px 16px;

  margin: 0 0 12px;

}

.contact_info h3 {

  font-size: 17px;

  margin: 0 0 4px;

}

.contact_info p {

  font-size: 15px;

  margin: 0 0 9px;

}

.contact_info a {

  font-size: 15px;

  margin: 0 0 11px;

  display: block;

  color: #000;

  text-decoration: none;

}
.sing_frm p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sing_frm p span {
  height: 35px;
  display: block;
}
.wpcf7-not-valid-tip {
  font-size: 14px;
  padding: 10px 0 0;
  text-align: left;
}
.textarea_inp p {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 121px;
  overflow: hidden;
}

.cls_video svg {
  width: 18px;
  color: #fff;
}
.video_popup_main_area {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden; 
  display: flex;
  justify-content: center;
  align-items: center;
  transition: ease-in-out 0.6s;
}
.video_popup_main_area.video_popup_main_area2 {
  opacity: 1;
  visibility: visible;
  transition: ease-in-out 0.6s;
}
.video_main video {
  width: 100%;
}
.video_popup_inner {
  width: 800px;
  height: auto;
  position: relative;
  background: #fff;
}
#myVideo {
  width: 100%;
}
.cls_video {
  position: absolute;
  right: 0;
  background: #448009;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 0 0 10px;
  cursor: pointer;
}




















/*============================= Responsive Css Start ===============================*/





@media screen and (max-width: 1920px) {}



@media screen and (max-width: 1700px) {}



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

.logo_area {

  width: 17.333%;

}

.main_menu {

  width: 34.333%;

}

















}



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

.footer_right {

  width: 60%;

}

.drm_img2 {

  right: -148px;

}

.creat_drmgardn_right h2 {

  font-size: 48px;

  width: 78%;

}

.option_main_area {

  padding: 80px 100px 74px;

}

.portfolio_header_left {

  margin: 0 46px 0 0;

}

.main_menu {

  width: 37.333%;

}





















}



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

.main_menu {

  width: 37.333%;

}

.creat_drmgardn_left3 .drm_img2 {

  left: -124px;

}

.creat_drmgardn_right.creat_drmgardn_right2 h2 {

  width: 72%;

}

.service_make_easer_right h2 {

  width: 80%;

}

.main_menu ul li {

  padding: 0 22px 0 0;

}

.portfolio_header_left h2 {

  font-size: 44px;

}

.drm_img2 img {

  width: 80%;

}

.drm_img2 {

  right: -186px;

}

.creat_drmgardn_right h2 {

  font-size: 45px;

  width: 86%;

}



















}



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

.portfolio_main_area {

  padding: 80px 50px;

}

.service_detail_left img {

  height: 470px;

}

.portfolio_box_single img {

  height: 340px;

}

.service_detail_page_main {

  padding: 80px 50px;

}

.main_header_area {

  padding: 25px 50px;

}

.calltoaction_area {

  padding: 55px 50px;

}

.service_make_easer_right h2 {

  width: 92%;

}

.service_make_easer_inner {

  padding: 80px 50PX;

}

.about_video_sect_main {

  padding: 0 50px 80px;

}

.banner_text_left h1 {

  font-size: 57px;

  width: 59%;

  line-height: 72px;

}

.section_heading h2 {

  width: 45%;

}

.whatwe_offer_main {

  padding: 80px 50px;

}

.garden_area_main {

  padding: 80px 50px;

}

.protfolio_main_area {

  padding: 80px 50px;

}

.creat_drmgardn_main_area {

  padding: 80px 50px 144px;

}

.option_main_area {

  padding: 80px 50px 74px;

}

.footer_main_Area {

  padding: 80px 50px 30px;

}

























}



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

.footer_right h2 {

  font-size: 27px;

  width: 68%;

  line-height: 40px;

  margin: 0 0 31px;

}

.creat_drmgardn_right.creat_drmgardn_right2 h2 {

  width: 77%;

}

.creat_drmgardn_left3 .drm_img2 {

  left: -77px;

}

.calltoaction_area_inner h3 {

  font-size: 30px;

}

.drm_img2 img {

  width: 73%;

}

.garden_area_left img {

  width: 92%;

}

.garden_area_eight p {

  margin: 0 0 42px;

}

.garden_area_eight h2 {

  font-size: 40px;

  line-height: 43px;

  margin: 22px 0 30px;

}

.logo_area img {

  width: 68%;

}

.main_menu ul li a {

  font-size: 14px;

}

.logo_area img {

  width: 68%;

  position: relative;

  right: 35px;

}





















}



@media screen and (max-width: 1100px) {}



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

.main_menu {

  width: 40%;

}

.creat_drmgardn_right.creat_drmgardn_right2 h2 {

  width: 85%;

}

.creat_drmgardn_left3 .drm_img2 {

  left: -40px;

}

.calltoaction_area_inner h3 {

  font-size: 27px;

}

.banner_text_left h1 {

  font-size: 42px;

  line-height: 53px;

}

.banner_arrows {

  bottom: 244px;

}

.home_logo_section_inner img {

  width: 100%;

}

.portfolio_header_left h2 {

  font-size: 39px;

}

.number {

  font-size: 99px;

}

.option_single p {

  font-size: 18px;

  margin: -81px 0 0;

}

.drm_img2 img {

  width: 62%;

}

.creat_drmgardn_right h2 {

  width: 92%;

}

.footer_left {

  width: 26%;

}

.footer_right {

  width: 70%;

}















}



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

.drm_img2 img {

  width: 57%;

}

.creat_drmgardn_right h2 {

  width: 100%;

}

.portfolio_header_left {

  width: 35%;

}

.main_menu {

  width: 43%;

}

.right_quote a {

  font-size: 14px;

}

.service_make_easer_right h2 {

  font-size: 39px;

  width: 95%;

  line-height: 44px;

  margin: 0 0 10px;

}

.service_make_easer_right p {

  line-height: 24px;

  font-size: 15px;

}

.whatwe_offer_srv_single h2 {

  font-size: 22px;

}

.whatwe_offer_srv_single p {

  font-size: 15px;

  line-height: 21px;

}

.creat_drmgardn_right.creat_drmgardn_right2 h2 {

  width: 90%;

}

.creat_drmgardn_left3 .drm_img2 {

  left: -19px;

}

.iner_ban_cont h1 {

  font-size: 30px;

}

.iner_ban_cont {

  top: 63%;

}



















}



@media screen and (max-width: 980px) {}



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

.main_header_area {

  padding: 25px 30px;

}
.video_popup_inner {
  width: 86%;
}
.service_detail_page_main {

  padding: 80px 30px;

}

.service_detail_page_inner {

  flex-wrap: wrap;

}

.service_detail_left {

  width: 100%;

  margin: 0 0 20px;

}

.service_detail_right {

  height: 100%;

  width: 100%;

}

.service_make_easer_right h2 {

  font-size: 34px;

  width: 98%;

  line-height: 37px;

}

.portfolio_box_single img {

  height: 274px;

}

.creat_drmgardn_right.creat_drmgardn_right2 h2 {

  width: 100%;

}

.iner_ban_cont h1 {

  font-size: 26px;

}

.creat_drmgardn_main_inner {

  flex-wrap: wrap;

}

.creat_drmgardn_left {

  width: 100%;

}

.option_single_about .number {

  font-size: 44px;

}

.option_single p {

  font-size: 15px;

}

.inner_pages_main_area img {

  height: 160px;

}

.iner_ban_cont {

  top: 70%;

}

.iner_ban_cont h1 {

  font-size: 22px;

}

.logo_area img {

  right: 0;

}

.main_menu {

  position: fixed;

  top: 0;

  left: -100%;

  width: 100vw;

  background: #0d1a00;

  height: 100vh;

  padding: 40px;

  z-index: 9999;

  transition: ease-in-out 0.6s;

}

.main_menu.main_menu2 {

  left: 0;

  transition: ease-in-out 0.6s;

}

.main_menu ul {

  align-items: flex-start;

  flex-direction: column;

}

.main_menu ul li {

  list-style: none;

  padding: 0 0 30px 0;

}



.cross_menu {

  position: absolute;

  right: 29px;

  background: #fff;

  width: 40px;

  height: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 18px;

  border-radius: 50px;

  top: 23px;

  cursor: pointer;

}

.logo_area {

  justify-content: left;

}

.toggle_menu span {

  display: block;

  background: #fff;

  width: 25px;

  height: 1.5px;

}

.toggle_menu {

  display: block;

  margin: 0 0 0 35px;

}

.toggle_menu span:nth-child(2) {

  margin: 9px 0;

}

.right_quote {

  align-items: center;

}

.banner_text_left h1 {

  font-size: 46px;

  width: 71%;

  line-height: 62px;

}

.banner_text_left {

  left: 30px;

}

.banner_arrows {

  left: 30px;

}

.section_heading h2 {

  font-size: 32px;

  width: 70%;

  line-height: 35px;

  margin: 0 auto;

}

.whatwe_offer_main {

  padding: 80px 30px;

}

.whatwe_offer_srv_single img {

  width: 200px;

  height: 200px;

}

.whatwe_offer_srv_single h2 {

  font-size: 20px;

}

.whatwe_offer_srv_single p {

  font-size: 15px;

  line-height: 21px;

}

.garden_area_main {

  padding: 80px 30px;

}

.garden_area_left img {

  width: 100%;

}

.garden_area_left {

  width: 41%;

}

.garden_area_eight {

  width: 56%;

}

.garden_area_eight h2 {

  font-size: 30px;

  line-height: 31px;

  margin: 6px 0 11px;

}

.garden_area_eight p {

  font-size: 15px;

  margin: 0 0 27px;

}

.video_section img {

  height: 247px;

  object-fit: cover;

}

.home_logo_section {

  padding: 0 30px 40px;

}

.home_logo_section_inner img {

  width: 30%;

}

.protfolio_main_area {

  padding: 80px 30px;

}

.portfolio_header_left h2 {

  font-size: 39px;

  line-height: 43px;

}

.portfolio_header_right p {

  width: 66%;

  line-height: 22px;

  font-size: 15px;

}

.option_main_area {

  padding: 39px 30px 34px;

}

.number {

  font-size: 110px;

}

.option_single p {

  font-size: 18px;

  margin: -88px 0 0;

}

.creat_drmgardn_main_area {

  padding: 80px 30px 144px;

}

.creat_drmgardn_left {

  width: 44%;

}

.drm_img1 img {

  width: 100%;

}

.drm_img2 img {

  width: 58%;

}

.creat_drmgardn_right h2 {

  font-size: 40px;

  width: 100%;

  line-height: 45px;

  margin: 0 0 28px;

}

.footer_main_Area {

  background: #0a1400;

  padding: 80px 30px 30px;

}

.footer_main_inner {

  flex-wrap: wrap;

}

.footer_left {

  width: 100%;

  margin: 0 0 37px;

}

.footer_right {

  width: 100%;

}

.footer_right h2 {

  font-size: 30px;

  width: 64%;

  line-height: 40px;

  margin: 0 0 40px;

}





































}



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

.main_header_area {

  padding: 15px 15px;

}
.video_popup_inner {
  width: 95%;
}
.service_detail_page_main {

  padding: 30px 15px;

}

.service_detail_left img {

  height: 350px;

}

.service_detail_left h2 {

  font-size: 30px;

  margin: 0 0 10px;

}

.portfolio_main_area {

  padding: 30px 15px;

}

.portfolio_box_single {

  width: 100%;

  margin: 0 0 8px;

}

.creat_drmgardn_right.creat_drmgardn_right2 h2 {

  width: 100%;

}

.about_video_sect_main {

  padding: 21px 15px 36px;

}

.logo_area {

  width: 33.333%;

}

.calltoaction_area_inner {

  flex-wrap: wrap;

}

.calltoaction_area_inner h3 {

  font-size: 21px;

  width: 100%;

  text-align: center;

  line-height: 28px;

  margin: 0 0 20px;

}

.service_make_easer_inner {

  flex-wrap: wrap;

}

.service_make_easer_left {

  width: 100%;

  margin: 0 0 20px;

}

.service_make_easer_inner {

  padding: 30px 15px;

}

.service_make_easer_right {

  width: 100%;

}

.about_video_sect_inner img {

  height: 210px;

  object-fit: cover;

}

.vid_button span {

  width: 80px;

  height: 80px;

}

.option_single_about .number {

  font-size: 28px;

}

.option_main_inner {

  flex-wrap: wrap;

}

.option_single {

  width: 50%;

  margin: 0 0 15px;

}

.creat_drmgardn_right {

  padding: 0 0 0;

}

.creat_drmgardn_main_area {

  padding: 30px 15px 35px;

}

.creat_drmgardn_left {

  margin: 26px 0 0;

}

.creat_drmgardn_right a {

  width: 125px;

}

.srv_call_area a {

  width: 100%;

}

.creat_drmgardn_left3 .drm_img2 {

  left: 0;

}

.calltoaction_area {

  padding: 30px 15px;

}

.logo_area img {

  width: 70%;

}

.right_quote {

  width: 70%;

}

.right_quote a {

  padding: 11px 22px;

  font-size: 14px;

}

.banner_text_left {

  left: 15px;

  top: 29%;

}

.banner_text_left h1 {

  font-size: 37px;

  width: 97%;

  line-height: 48px;

}

.banner_text_rbotm {

  margin-top: 25px;

  bottom: 42%;

  left: 15px;

  width: 96%;

}

.whatwe_offer_main {

  padding: 30px 15px;

}

.section_heading h2 {

  font-size: 25px;

  width: 100%;

  line-height: 28px;

}

.section_heading h4 {

  font-size: 13px;

}

.whatwe_offer_srv_boxes {

  flex-wrap: wrap;

}

.whatwe_offer_srv_boxes .whatwe_offer_srv_single {

  width: 100%;

}

.garden_area_main {

  padding: 30px 15px;

}

.garden_area_inner {

  flex-wrap: wrap;

}

.garden_area_left {

  width: 100%;

  margin: 0 0 13px;

}

.garden_area_eight {

  width: 100%;

}

.portfolio_header {

  flex-wrap: wrap;

}

.portfolio_header_left {

  width: 100%;

}

.portfolio_header_right {

  width: 100%;

}

.portfolio_header_right p {

  width: 100%;

  font-size: 15px;

  margin: 7px 0 0;

}

.portfolio_header_left h2 {

  font-size: 25px;

  line-height: 29px;

}

.protfolio_main_area {

  padding: 30px 15px;

}

.protfolio_slider_prev, .protfolio_slider_next {

  top: 14%;

  width: 45px;

  height: 45px;

}

.protfolio_slider_next {

  right: 0;

}

.protfolio_slider_prev {

  right: 53px;

}

.option_main_area {

  padding: 9px 15px 1px;

}

.number {

  font-size: 51px;

}

.option_single p {

  font-size: 13px;

  margin: -42px 0 0;

}

.calltoaction_area_button a {

  padding: 17px 24px;



}

.calltoaction_area_button {

  justify-content: center;

  gap: 20px;

  width: 100%;

}

.option_single::after {

  height: 21px;

  top: 58%;

}

.creat_drmgardn_main_area {

  padding: 0 15px 35px;

}

.creat_drmgardn_main_inner {

  flex-wrap: wrap;

}

.creat_drmgardn_left {

  width: 100%;

}

.creat_drmgardn_right {

  width: 100%;

  padding: 60px 0 0;

}

.drm_img2 img {

  width: 56%;

}

.drm_img2 {

  bottom: -37px;

}

.creat_drmgardn_right h4 {

  margin: 0 0 2px;

}

.creat_drmgardn_right h2 {

  font-size: 30px;

  line-height: 34px;

  margin: 0 0 11px;

}

.creat_drmgardn_right p {

  margin: 0 0 16px;

}

.creat_drmgardn_right a {

  margin: 24px 0 0;

}

.footer_main_Area {

  padding: 30px 15px 15px;

}

.footer_right h2 {

  font-size: 24px;

  width: 100%;

  line-height: 33px;

  margin: 0 0 28px;

}

.footer_links {

  flex-wrap: wrap;

}

.footer_copyright {

  flex-direction: column;

}

.footer_copyright p:nth-child(1) {

  margin: 0 0 5px;

}

.drm_img2 {

  right: 0;

}

.home_logo_section_inner {

  flex-wrap: wrap;

}

.home_logo_section_inner img {

  width: 31%;

  margin: 0 0 12px;

}

.protfolio_main_slider_singl img {

  width: 100%;

  height: 360px;

}

.footer_links_single ul li a {

  font-size: 14px;

}

.footer_links_single h3 {

  font-size: 16px;

}

.footer_links_single.footer_links_single_contact ul li a {

  font-size: 14px;

}

.footer_links_single.footer_links_single_contact ul li p {

  font-size: 14px;

}

















}



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



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



@media screen and (max-width: 395px) {}



@media screen and (max-width: 375px) {}



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

.banner_text_left h1 {

  font-size: 33px;

  line-height: 42px;

}

.calltoaction_area_button a {

  padding: 13px 20px;

  font-size: 16px;

}

.banner_text_rbotm {

  width: 93%;

}





}