@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
.heading1 {
  font-family: "Poppins", sans-serif;
}
.heading2 {
  font-family: "Fira Sans", sans-serif;
}
.heading3 {
  font-family: "Barlow", sans-serif;
}
.heading4 {
  font-family: "Lora", sans-serif;
}
.logo {
  width: 125px;
}
.head-bg {
  background-color: #5fa232;
  padding: 0px 90px;
  font-size: 15px;
  transition: all 0.8s;
}
.bg-set-color {
  background-color: #afd199;
  transition: all 0.2s;
}

.bg-set-color:hover {
  background-color: white;
}
.bg-setting {
  background-image: url(//demo.casethemes.net/organio/wp-content/uploads/2021/05/h5-bg-slider1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 180px 0px;
  width: 100%;
  height: 100%;
}
.f-size {
  font-family: "Poppins", sans-serif;
  font-size: 70px;
}
.f-size span {
  color: #ff6924;
}
.btn-set {
  background-color: #ff6924;
}
.btn-set:hover {
  background-color: #5fa232 !important;
}
.btn-set-2 {
  outline: 1px solid #5fa232;
}
.btn-set-2:hover {
  background-color: #5fa232 !important;
  color: white !important;
}
.btn-set-3 {
  font-size: 13px;
  color: black;
}
.btn-set-3:hover {
  outline: 1px solid #5fa232;
  color: white;
  background-color: #5fa232 !important;
}

.features {
  color: #010148;
}

.color-3{
  color: #ff6924;
}

.margin-set {
  margin-top: 80px;
}
.bg-img {
  background-image: url(./imges/h4-bg-title.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: fit-content;
  width: 100%;
  height: 100%;
}
.cart-set {
  transition: all 0.2s;
}
.cart-set:hover {
  outline: 3px solid #5fa232 !important;
  box-shadow: 1px 2px 6px 5px rgba(0, 0, 0, 0.1);
}
.icon-set {
  border: 2px solid #ff6924;
  transition: all 0.3s;
}
.icon-set:hover {
  background-color: #ff6924;
  color: white;
}
.bg-set-2 {
  background-image: url(./imges/h5-bg-cta1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0px;
}
.bg-img-color {
  background-color: #fdeee7;
}
.text {
  background-color: #ff6924 !important;
}

.overlay {
  height: 0;
  transition: 0.5s ease;
}

.my-container:hover:hover .overlay {
  height: 15%;
}

.text {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.deadline-bg {
  background-image: url(./imges/h5-bg-countdown1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 90px 0px;
}
.bg-set-color-2 {
  background-color: #ff6924;
}
.border-set {
  border: dashed 1px white;
}
.bg-color {
  background: rgb(0, 0, 0);
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.5s;
}

.bg-color-change:hover .bg-color {
  background-color: black;
}
.bg-color-change:hover .features {
  color: white;
}
.dot-hover:hover {
  color: #ff6924;
  transition: all 0.5s;
  cursor: pointer;
}
.review-bg {
  background-color: #f4f4f5;
}
.color-2 {
  color: #5fa232;
}
.hover-set:hover {
  color: #5fa232 !important;
  transition: all 0.5s;
  cursor: pointer;
}
.bg-image {
  background-image: url(./imges/bg-footer.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.font-size {
  font-size: 13px;
}
.btn-set-5 {
  background-color: #5fa232 !important;
  color: white;
}
.bg-col {
  background-color: #f5f5f5;
}
.nav-bg {
  background-color: #76a713 !important;
}
.bg-signIn {
  background-image: url(./imges/signIn\ bg.jpg);
  background-position: center;
  background-size: cover;
  
}
.overlay-img{
  height: 50vh;
background-color: rgba(0, 0, 0, 0.5);

}
.bg-email{
  background-image: url(./imges/bg-email.jpg);
  background-position: center;
  background-size: cover;
background-repeat: no-repeat;
}
.bg-input{
  background: none;
}
.bg-footer{
  background-image: url(./imges/bg-footer.png);
  background-position: center;
  background-size: cover;
background-repeat: no-repeat;
}
.bg-bottom{
  background-image: url(./imges/bg-footer-bottom.png);
  background-position: center;
  background-size: cover;
background-repeat: no-repeat;
}
.width-set{
  max-width: 20%;
}