@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&display=swap');


/*
font-family: 'Manrope', sans-serif;
font-family: 'Prata', serif;
font-family: 'Covered By Your Grace', cursive;
*/

.top{
 font-family: 'Manrope', sans-serif; 
 background: #719724;
 padding: 6px 0;
}

.top-left p{
  font-size: 15px;
  margin: 0;
  color: #fff;
}

.top-right ul{
padding-left: 0;
float: right;
  margin: 0;
}

.top-right ul li{
display: inline-block;
font-size: 15px;

}

.top-right ul li a{
  text-decoration: none;
  color: #fff;
  padding-right: 6px;
margin-right: 6px;
}

.top-right ul li:nth-child(2) a {
  border-right: 1px solid rgba(255,255,255,0.21);
  padding-right: 6px;
margin-right: 6px;
}

header{
padding:10px 0;
}

.logo img{
  width: 90%;
}

.navbar{
float: right;
padding: 0;
margin-top: 30px;
}


.navbar-nav .nav-link {
  font-family: 'Manrope', sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #f27b1a;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding: 12px 18px;
}

.navbar-expand-lg .navbar-nav .nav-item .nav-link.e-cat {
background: #58771a;
color: #fff;
padding: 12px 25px;
border-radius: 30px;
margin-left: 10px;
font-weight: 700;
}

.navbar-expand-lg .navbar-nav .nav-item .nav-link.e-cat i{
padding-right: 6px;
position: relative;
top: 1px;
}

.dropdown-item {
  font-family: 'Manrope', sans-serif;
  font-size: 15px;
}

.banner{
position: relative;
}

.banner::before{
  content: '';
  position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 16px;
  background: url(../images/line.png) no-repeat;
  z-index: 9;
}

.banner::after{
  content: '';
  position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 16px;
  background: url(../images/line2.png) no-repeat;
  z-index: 9;
}


.ban-2{
left: 15%;
text-align: left;
top: 25%;
right: 50%;
}

.ban-2 h6, .ban-2 h2, .ban-2 p{
text-shadow: 0 2px 6px rgba(0,0,0, 0.5);  
}

.ban-2 h6{
  font-family: 'Covered By Your Grace', cursive;
font-size: 23px;
color: #fff;
position: relative;
}

.ban-2 h6::before {
  position: absolute;
  content: '';
  left: 130px;
  height: 2px;
  width: 50px;
  background: #fff;
  bottom: 12px;
}

.ban-3{
left: 60%;
text-align: left;
top: 28%;
right: 13%;
}

.carousel-caption h2{
font-family: 'Prata', serif;
font-size: 28px;
font-weight: 800;
}

.carousel-caption p{
font-family: 'Manrope', sans-serif;
font-size: 15px;
}



.carousel-caption a {
  display: inline-block;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-size: 15px;
  font-weight: 600;
  background: #f27b1a;
  border-radius: 30px;
  padding: 12px 25px;
  color: #fff;
  margin-right: 8px;
}

.carousel-caption a span{
  position: relative;
  top: 2px;
  padding-left: 5px;
}

.carousel .carousel-item.active .animated1 {
  -webkit-animation: fadeInRight 1s ease-in-out 500ms both;
  animation: fadeInRight 1s ease-in-out 500ms both;
}
.carousel .carousel-item.active .animated2 {
  -webkit-animation: fadeInLeft 1s ease-in-out 500ms both;
  animation: fadeInLeft 1s ease-in-out 500ms both;
}
.carousel .carousel-item.active .animated3 {
  -webkit-animation: fadeInDown 1s ease-in-out 500ms both;
  animation: fadeInDown 1s ease-in-out 500ms both;    
}
.carousel .carousel-item.active .animated4 {
  -webkit-animation: fadeInUp 1s ease-in-out 500ms both;
  animation: fadeInUp 1s ease-in-out 500ms both;    
}
.carousel-caption::before{
  -webkit-animation: fadeInLeft 2s ease-in-out 500ms both;
  animation: fadeInLeft 2s ease-in-out 500ms both;
}
.carousel-caption{
  transition: opacity 100ms;
  text-shadow: none;
}
.carousel .carousel-item img{
  width: 100%;
}
.carousel-inner > .carousel-item .carousel-caption {
  z-index: 99;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
.carousel .carousel-item.active .carousel-caption {
  z-index: 99;
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;  
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-control.right {
  background: none;
}
.carousel-control.left {
  background: none;
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
  opacity: 0;
}
.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}






.sec-1{
  padding: 60px 0;
  background: #719724;
}

.sec1-left span{
font-family: 'Covered By Your Grace', cursive;
font-size: 22px;
color: #fff;
}

.sec1-left h3{
font-family: 'Prata', serif;
font-size: 50px;
color: #fff;
padding: 10px 0;
}

.sec1-left p{
font-size: 18px;
color: #dbe6c6;
font-family: 'Manrope', sans-serif;
}

.sec1-left p a{
  font-weight: 600;
  color: #fff;
  padding-left: 5px;
  text-decoration: none;
}

.sec1-right{
  text-align: center;
}

.sec1-right img{
  width: 35%;
  display: inline-block;
}

.sec-2{
padding: 60px 0;
position: relative;
}


.sec2-left img{
  border-radius: 30px 30px 30px 0px;
} 

.sec2-left::before {
  content: '';
  width: 10000px;
  height: 100%;
  position: absolute;
  right: 50%;
  top: -60px;
  background-color: #f6f4ec;
  z-index: -1;
}

.sec2-left::after{
  position: absolute;
  left: -15px;
  bottom: 0;
  width: 30px;
  height: 330px;
  background:#f37e1e;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  content: "";
    z-index: -1;
}

.sec2-box{
display: flex;
position: absolute;
bottom: -25px;
left: 50px;
background: #719724;
padding: 25px 30px;
border-radius: 10px;
}

.sec2-box span{
font-size: 50px;
color: #fff;
margin-right: 15px;
}

.sec2-box h2{
font-family: 'Prata', serif;
margin: 0;
font-size: 40px;
font-weight: 600;
color: #fff;
}

.sec2-box h4{
font-family: 'Manrope', sans-serif;
font-size: 16px;
color: #fff;
}

.sec2-right h6{
font-family:'Covered By Your Grace', cursive;
font-size: 22px;
color: #f37c1a;
padding-top: 40px;
position: relative;
}

.sec2-right h6::before{
position: absolute;
content: '';
left: 80px;
height: 2px;
width: 50px;
background: #f37e1e;
bottom: 12px;
}

.sec2-right h1{
font-family: 'Prata', serif;
color: #719724;
}

.sec2-right p{
font-size: 15px;
font-family: 'Manrope', sans-serif;
line-height: 32px;
color: #666;
}

.sec2-right a {
  background:#f37c1a;
  color: #fff;
  padding: 12px 25px;
  border-radius: 30px;
  margin-left: 10px;
  font-weight: 700;
  font-family: 'Manrope', sans-serif;
  font-size: 15px;
  display: inline-block;
  text-decoration: none;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
}

.sec2-right a span {
  padding-left: 6px;
  position: relative;
  top: 1px;
}

.sec2-right a:hover{
  background: #719724;
}


.sec-3{
padding: 50px 0 80px;
position: relative;
}


.sec3-bg{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 445px;
  background: #f6f4ec;
  z-index: -1;
  background-image: url(../images/sec3-bg.png);
  background-repeat: repeat-x;
  background-position: bottom center;
}


.sec3-title{
text-align: center;
}

.sec3-title h6{
margin: 0;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
color: #9ea5a2;
letter-spacing: .2em;
line-height: 1;
margin-top: 20px;
margin-bottom: 10px;
}

.sec3-title h2 {
  margin: 0;
  font-size: 38px;
  font-weight: 700;
  font-family: 'Prata', serif;
color: #719724;
}

.sec3-box{
  margin-top: 30px;
  border-radius: 8px;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.sec3-box img{
width: 100%;
border-radius: 8px 8px 0 0px;
}

.sec3-box a{
display: block;
text-decoration: none;
text-align: center;
}

.sec3-details{
background: #fff;
position: relative;
padding: 60px 20px 35px;
}

.sec3-details span {
  position: absolute;
  left: 38%;
  width: 90px;
  height: 90px;
  line-height: 80px;
  background: #f37e1e;
  color: #fff;
  font-size: 45px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  z-index: 5;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  text-align: center;
  top: -48px;
}

.sec3-details span img{
width: 60px;
}

.sec3-details span::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  border-radius: 50%;
  z-index: -1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  background:#719724;
}

.sec3-details span:hover::after {

}

.sec3-box:hover .sec3-details span::after{
    -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.sec3-box:hover h3{
  color: #f37e1e;
}

.sec3-details::before {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  width: 100%;
  height: 5px;
  background: #719724;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  content: "";
  z-index: 1;
  top: 0;
}

.sec3-box:hover .sec3-details::before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.sec3-details h3{
font-family: 'Prata', serif;
color: #719724;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
font-size: 25px;
}

.sec3-details p {
  font-size: 15px;
  font-family: 'Manrope', sans-serif;
  color: #666;
  line-height: 26px;
}

.sec3-details i{
position: relative;
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
background:#526f19;
margin-top: 15px;
z-index: 1;
color: #fff;
font-size: 18px;
line-height: 50px;
z-index: 9;
}

.sec3-details i::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  border-radius: 50%;
  z-index: -1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  background: #f37e1e;
}

.sec3-details i:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.sec-4{
padding: 60px 0;
position: relative;
z-index: 9;
}

.sec-4::before {
  position: absolute;
  content: "";
  background: #f6f4ec;
  width: 35%;
  top: 0;
  height: 100%;
  right: 0;
  z-index: -1;
}

.sec4-left h6{
font-family:'Covered By Your Grace', cursive;
font-size: 22px;
color: #f37c1a;
padding-top: 10px;
position: relative;
}

.sec4-left h6::before{
position: absolute;
content: '';
left: 20%;
height: 2px;
width: 50px;
background: #f37e1e;
bottom: 12px;
}

.sec4-left h2{
font-family: 'Prata', serif;
color: #719724;
}

.why-box{
background: #f6f4ec;
padding: 25px 18px;
margin: 25px 0 0;
border-radius: 6px;
position: relative;
}

.why-box span{
position: absolute;
right: 18px;
top: -16px;
background: #f37e1e;
height: 50px;
width: 50px;
font-size: 20px;
border-radius: 50%;
text-align: center;
line-height: 50px;
color: #fff;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
}

.why-box:hover span{
  transform: rotateY(180deg);
}

.why-box h3{
font-family: 'Prata', serif;
font-size: 20px;
color: #333;
}

.why-box p{
font-size: 15px;
font-family: 'Manrope', sans-serif;
line-height: 28px;
color: #666;
margin: 0;
}

.sec4-right{
position: relative;
}

.sec4-right img{
border-radius: 8px;
}

.sec4-right::after {
position: absolute;
right: -25px;
bottom: -20px;
width: 70%;
height: 70%;
background: #f37e1e;
content: "";
z-index: -1;
border-radius: 10px;
}

.sec-5{
padding: 50px 0px;
/*background: rgba(243, 126, 30, 0.05);*/
}

.sec5-tit h3{
color: #719724;
font-size: 22px;
font-family: 'Prata', serif;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 5px;
}

.sec5-tit h3 span{
color: #f37e1e;
display: block;
font-size: 28px;
}

.sec5-box{
  padding: 12px;
  text-align: center;
  border: 1px solid #e8e8e8;
  position: relative;
  margin: 10px 15px;
  background: #fff;
}

.sec5-box::before{
border-top: 20px solid transparent;
border-right: 20px solid #f37c1a;
content: "";
display: block;
height: 0px;
right: 2px;
position: absolute;
bottom: 2px;
width: 6px;
}

.sec5-box img{
  display: inline-block !important;
  width: 100%;
  transition: all 0.9s ease 0s;
}

.sec5-box:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
  transition: all 0.9s ease 0s;
}

.sec5-box p{
font-size: 15px;
font-family: 'Manrope', sans-serif;
color: #666;
position: relative;
z-index: 99;
}

.slick-pre {
  position: absolute;
  height: 40px;
  width: 40px;
  background:#f37e1e;
  color: #fff;
  line-height: 40px !important;
  top: -58px;
  text-align: center;
  right: 50px;
  z-index: 99;
  cursor: pointer;
}

.slick-nxt {
  position: absolute;
  height: 40px;
  width: 40px;
  background: #f37e1e;
  color: #fff;
  line-height: 40px !important;
  top: -58px;
  text-align: center;
  right: 0px;
  z-index: 99;
  cursor: pointer;
}

.sec-6{
padding: 40px 0px 60px;
}


.sec6-left{
padding: 300px 50px 50px;
background: url(../images/offer.jpg) center;
background-size: cover;
position: relative;
}

.sec6-left::before{
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
background-color: rgba(44, 44, 44, 0.3);
}

.sec6-left h2{
font-family: 'Covered By Your Grace', cursive;
font-size: 60px;
color: #fff;
position: relative;
}


.sec6-right{
padding-right: 10%;
padding-left: 70px;
}

.sec6-right h6{
font-family: 'Covered By Your Grace', cursive;
font-size: 22px;
color: #f37c1a;
padding-top: 10px;
position: relative;
letter-spacing: 1px;
}

.sec6-right h6::before {
  position: absolute;
  content: '';
  left: 30%;
  height: 2px;
  width: 50px;
  background: #f37e1e;
  bottom: 12px;
}

.sec6-right h2{
font-family: 'Prata', serif;
font-size: 40px;
color: #719724;
}

.sec6-right p {
  font-size: 15px;
  font-family: 'Manrope', sans-serif;
  line-height: 28px;
  color: #666;
  padding: 15px 0;
}




.pie {
  --p:20;
  --b:22px;
  --c:darkred;
  --w:150px;
  
  width:var(--w);
  aspect-ratio:1;
  position:relative;
  display:inline-grid;
  margin:5px;
  place-content:center;
  font-size:25px;
  font-weight:bold;
  font-family: 'Manrope', sans-serif;
}

.pie:before,
.pie:after {
  content:"";
  position:absolute;
  border-radius:50%;
}

.pie:before {
  inset:0;
  background: radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,
  conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
  mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}
.pie:after {
  inset:calc(50% - var(--b)/2);
  background:var(--c);
  transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}

.no-round:before {
  background-size:0 0,auto;
}
.no-round:after {
  content:none;
}


.c-out{
text-align: center;
background: #2c2c2c;
padding: 25px 15px;
border-radius: 12px;
color: #fff;
}

.c-out h3{
font-size: 22px;
padding-top: 8px;
margin: 0;
}

.exp-box {
  position: absolute;
  right: -25%;
  bottom: 60%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color:#f37e1e;
  padding: 15px 40px;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 18px;
  font-weight: 800;
  font-family: 'Manrope', sans-serif;
}

.inner-banner{
padding: 80px 0;
background: url(../images/in-ban.jpg) center;
background-size: cover;
position: relative;
}

.inner-banner::before{
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0, 0.7);
}

.in-ban h2{
font-family: 'Prata', serif;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 34px;
}

.in-ban ul{
padding-left: 0;
margin: 0;
}

.in-ban ul li{
  display: inline-block;
font-family: 'Manrope', sans-serif;
font-size: 15px;
color: #ff821b;
}

.in-ban ul li a{
  color: #fff;
  text-decoration: none;
}

.in-ban ul li a i{
  padding-right: 6px;
}
.in-ban ul li a span
{
  padding: 0px 6px;
position: relative;
top: 1px;
}

.inner-matter{
  padding: 60px 0;
}

.in-about h6 {
  font-family: 'Covered By Your Grace', cursive;
  font-size: 22px;
  color: #f37c1a;
  position: relative;
  padding-top: 20px;
}
.in-about h6::before {
  position: absolute;
  content: '';
  left: 80px;
  height: 2px;
  width: 50px;
  background: #f37e1e;
  bottom: 12px;
}


.inner-matter .in-about h2{
font-family: 'Prata', serif;
color: #719724 ;
font-size: 34px ;
}

.inner-matter .in-about h2::before, .inner-matter .in-about h2::after{
display: none;
}




.inner-matter p{
font-size: 15px;
font-family: 'Manrope', sans-serif;
line-height: 30px;
color: #666;
}

.inabt-left img{
border: 12px solid #fff;
margin-bottom: 20px;
}

.inabt-left{
  position: relative;
  z-index: 9;
}

.inabt-left::before{
position: absolute;
content: '';
left: -15px;
top: -15px;
background: #719724;
height: 150px;
width: 100px;
z-index: -1;
}

.abtbg{
background: url(../images/abt-bg.jpg) bottom;
background-size: cover;
}

.abt-sec{
  padding: 50px 0;
}

.abt-sec h3{
font-family: 'Prata', serif;
color: #719724;
font-size: 26px;
position: relative;
}

.abt-sec h3::before{
position: absolute;
content: '';
left: 0;
bottom: -5px;
background:#f27d1d;
height: 2px;
width: 30px;
}

.abt-sec p {
  font-size: 15px;
  font-family: 'Manrope', sans-serif;
  line-height: 30px;
  color: #666;
}

.ab-box{
background: #f6f4ec;
padding: 30px 15px;
margin: 15px 8px;
border-bottom-right-radius: 30px;
position: relative;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
}

.ab-box:hover{
box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1);
transform: translateY(-5px);
}

.ab-box::before{
border-bottom: 5px solid transparent;
border-right: 5px solid #b75c12;
content: "";
display: block;
height: 0px;
left: -6px;
position: absolute;
top: 65px;
width: 6px;
}

.ab-box span{
font-size: 25px;
color: #fff;
position: relative;
z-index: 9;
}

.ab-box span::after{
position: absolute;
content: '';
left: -21px;
top: -11px;
height: 46px;
width: 68px;
background: #f27d1d;
z-index: -1;
}

.ab-box h5{
font-family: 'Manrope', sans-serif;
padding-top: 20px;
font-size: 16px;
}

.abt-right img{
  border-bottom-right-radius: 50px;
}

.inner-matter h2{
font-family: 'Prata', serif;
font-size: 30px;
color: #f27c1b;
position: relative;
}

.inner-matter h2::before {
  position: absolute;
  content: '';
  left: 0;
  bottom: -8px;
  width: 40px;
  height: 4px;
  background: #719724;
  transform: skewX(-50deg);
  -webkit-transform: skewX(-50deg);
  -ms-transform: skewX(-50deg);
}
.inner-matter h2::after {
  position: absolute;
  content: '';
  left: 30px;
  bottom: -7px;
  width: 40px;
  height: 1px;
  background: #719724;
}

.qty-pg h3{
font-family: 'Prata', serif;
font-size: 22px;
color: #719724;
border-bottom: 1px solid #ececec;
padding-bottom: 8px;
}

.qty-pg ul{
padding-left: 0;
}

.qty-pg ul li{
  display: inline-block;
  width: 48%;
    font-size: 15px;
  font-family: 'Manrope', sans-serif;
  line-height: 30px;
  color: #666;
}

.qty-pg ul li i{
  padding-right: 4px;
  color: #f27c1b;
}

.qty{
  position: relative;
}

.qty::before {
position: absolute;
content: '';
right: -15px;
top: -15px;
background: #f27b1a;
height: 80%;
width: 80%;
z-index: -1;
}

.pro-box {
  padding: 10px;
  text-align: center;
  border: 1px solid #e8e8e8;
  position: relative;
  margin: 15px 0;
  overflow: hidden;
}

.pro-box::before {
  border-top: 20px solid transparent;
  border-right: 20px solid #f37c1a;
  content: "";
  display: block;
  height: 0px;
  right: 2px;
  position: absolute;
  bottom: 2px;
  width: 6px;
}

.pro-box a::before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: 500ms;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  z-index: 1;
}

.pro-box img {
  transition: all 0.9s ease 0s;
}

.pro-box:hover a::before {
  opacity: 1;
  height: 100%;
}

.pro-box p{
  margin: 0;
  line-height: 23px;
  position: relative;
  z-index: 9;
  padding-top: 7px;
}

.pro-box a {
  display: block;
  position: relative;
}

.pro-box a i {
  position: absolute;
  top: 42%;
  background:#f27b1a;
  padding: 12px;
  color: #fff;
  z-index: 1;
  left: 42%;
  opacity: 0;
  transition: 500ms;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
}

.pro-box:hover img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
  transition: all 0.9s ease 0s;
}

.pro-box:hover a i {
  opacity: 1;
}

.nxt {
text-align: center;
margin-top: 20px;
}

.nxt a {
  background:#719724;
  color: #fff;
  padding: 12px 25px;
  border-radius: 30px;
  margin-left: 10px;
  font-weight: 700;
  font-family: 'Manrope', sans-serif;
  font-size: 15px;
  display: inline-block;
  text-decoration: none;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
}

.nxt a span {
  padding-left: 6px;
  position: relative;
  top: 2px;
}


footer{
  padding: 50px 0;
  position: relative;
}

footer::before {
  position: absolute;
  height: 100%;
  width: 35.5%;
  background: #f37e1e;
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
}

footer::after {
  position: absolute;
  height: 100%;
  width: 64.5%;
  background: #f8f4f0;
  content: "";
  top: 0;
  right: 0;
  z-index: -1;
}

.footer-features {
padding: 20px 30px;
margin-bottom: 70px;
background: #fffbf8;
}

.foot-box {
  display: flex;
  justify-content: end;
  padding-top: 38px;
}

.foot-box i{
font-size: 40px;
margin-right: 20px;
color: #f37e1e;
}

.foot-box h5{
font-family: 'Prata', serif;
font-size: 18px;
color: #7ba22b;
}

.f-links h3 {
font-size: 22px;
line-height: 40px;
font-family: 'Prata', serif;
color: #7ba22b;
}

.f-links ul{
  padding-left: 0;
}

.f-links ul li{
  list-style: none;
}

.f-links ul li a{
font-size: 15px;
font-family: 'Manrope', sans-serif;
line-height: 28px;
color: #666;
text-decoration: none;
display: block;
}

.f-links ul li a span{
font-size: 12px;
padding-right: 4px;
}

.f-links p{
font-size: 15px;
font-family: 'Manrope', sans-serif;
line-height: 28px;
color: #666;
display: flex;
}

.f-links p span{
font-size: 18px;
color: #f37e1e;
position: relative;
top: 5px;
padding-right: 5px;
}


.f-about h3 {
font-size: 22px;
line-height: 40px;
font-family: 'Prata', serif;
color: #fff;
}


.f-about p{
  font-size: 15px;
  font-family: 'Manrope', sans-serif;
  line-height: 28px;
  color: #fff;
}

.f-about h6{
   font-size: 15px;
  font-family: 'Manrope', sans-serif;
  line-height: 28px;
  color: #fff;
  letter-spacing: 1px;
}

.f-about ul{
  padding-left: 0;
}

.f-about ul li{
display: inline-block;
}

.f-about ul li a{
display: block;
border: 1px solid rgba(255, 255, 255, 0.3);
height: 40px;
width: 40px;
border-radius: 50%;
text-align: center;
line-height: 35px;
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
margin-right: 8px;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
}

.f-about ul li a:hover{
background: #7ba22b;
border: 1px solid #7ba22b;
}

.con-box{
 background-image: url(../images/con-bg.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 padding: 35px;
 background-position: center;
 border-radius: 20px;
 margin-top: 30px;
 text-align: center;
}
.con-box span{
  color: #000;
  background: #fff;
  border-radius: 50%;
 padding: 15px;
font-size: 25px;
}
.con-box h3{
  color: #fff;
  margin-top: 20px;
  font-family: 'Prata', serif;
}
.con-box p{
 color: #c8c8c8;
    font-size: 15px;
  font-family: 'Manrope', sans-serif;
}
.enq-img{
  margin-top: 50px;
  position: relative;
}
.enq-img::before{
 position: absolute;
content: '';
border: 3px solid #719724;
width: 100px;
height: 131px;
top: -30px;
left: -27px;
z-index: -1;
}
/*.enq-img::after{
position: absolute;
content: '';
width: 100px;
height: 80px;
bottom: -30px;
right: -27px;
z-index: -1;
background: #719724;
}*/
.form-group .form-control{
  border-radius: 0px;
  font-size: 14px;
  font-family: 'Manrope', sans-serif;
  height: 45px;
  border: 1px solid #e6e6e6;
  padding: 10px 10px 10px 35px;
}
.form-group i{
  position: absolute;
  left: 25px;
top: 13px;
color: #f27b1a;
}
.btnn .form-control{
  border-radius: 0px;
}
.btnn .btn{
  border-radius: 0px;
  background: #58771a;
  border: none;
  width: 100%;
}
.form{
  background: #f7f7f7;
  padding: 20px;
 box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.map{
  padding: 0;
  line-height: 0;
}