/* <<<<<<<<<<  navbar__black__top >>>>>>>>>>*/
#navbar__black__top {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;

  background: #121212 0% 0% no-repeat padding-box;
  opacity: 1;

  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#navbar__black__top p {
  font: normal normal normal 15px/25px Poppins;
  color: white;
  margin-left: 30px;
  margin-top: 10px;
  cursor: pointer;
}
#navbar__black__top__icon__div {
  display: flex;
  flex-direction: row;
  float: right;
  text-align: center;

  margin-right: 4%;
}
#navbar__black__top__icon__div i {
  text-align: center;
  margin-right: 50px;
  font-size: 26px;
  color: white;
}

#nav__whatsup__icon:hover .tooltip__whatsapp {
  visibility: visible;
}
.tooltip__mail {
  color: #fff;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .tooltip__mail {
    display: none;
  }
  #navbar__black__top p {
    font: normal normal normal 12px/32px Poppins;
    color: white;
    margin-left: 5px;
    margin-top: 10px;
    cursor: pointer;
  }
}

@media screen and (max-width: 568px) {
  #navbar__black__top__icon__div i {
    text-align: center;
    margin-right: 15px;
    font-size: 20px;
  }
  #navbar__black__top__icon__div {
    float: right;
    text-align: center;

    margin-right: 2%;
  }
  #home__navbar__section {
    background-size: contain;
  }
}



/* home__navbar__section */

#home__navbar__section {
  background-color: #22a360;
  background-image: url("BACKGROUND_2.png");
  background-size: cover;
  width: 100%;
  min-height: 400px;
  background-position: center;
  flex-direction: column;
}

#home__navbar__section__first__row {
  justify-content: space-between;
  width: 86%;
  margin: auto;
  padding-top: 50px;
  display: flex;
  flex-direction: row;
}
#home__navbar__section__first__row #logo {
  max-width: 140px;
  max-height: 140px;
  animation-name: right-sider;
  animation-duration: 9s;
}
@keyframes right-sider {
  0% {
    right: 1000px;
    top: 0px;
  }
  25% {
    right: 0px;
    top: 0px;
  }
}
@keyframes left-sider {
  0% {
    left: 1500px;
    top: 0px;
  }
  25% {
    left: 0px;
    top: 0px;
  }
}

#home__navbar__section__first__row #mazin__font {
  max-width: 300px;
  max-height: 80px;

  animation-name: navBgs;
  animation-duration: 5s;
}
@keyframes navBgs {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes stretch1 {
  0% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(0.9);
  }
}

@media screen and (max-width: 968px) {
  #home__navbar__section__first__row {
    margin: auto;
    padding-top: 20px;
    display: flex;
    flex-direction: row;
  }

  #home__navbar__section__first__row__left {
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin: auto;
  }

  #home__navbar__section__first__row #logo {
    max-width: 110px;
    max-height: 80px;
    margin: auto;
    text-align: center;
  }

  #home__navbar__section__first__row #call__number {
    max-width: 280px;
    max-height: 60px;
    margin: auto;
  }

  #home__navbar__section__first__row #mazin__font {
    margin: auto;
    max-width: 210px;
    max-height: 40px;
  }
}

#home__nav__items__row {
  border: 3px solid #121212;
  border-right: none;
  border-left: none;
  margin-top: 70px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

#home__nav__items__div {
  justify-content: space-between;
  width: 90%;

  padding: 6px;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  #home__nav__items__div {
    justify-content: space-between;
    max-width: 60%;

    padding: 6px;
    margin: auto;
  }
}

@media screen and (max-width: 968px) {
  #home__nav__items__row {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #home__nav__items__div {
    max-width: 100%;
  }
}
#home__nav__items__div {
  color: #ffffff;

  text-align: center;
}
#home__nav__items__div h6 {
  font-weight: 700;
}

@media screen and (max-width: 568px) {
  #home__nav__items__div h6 {
    font-size: smaller;
    padding: 2px;
  }
}
/* <<<<<<<<< banner section >>>>>>>>> */

#carousel__div {
  margin: auto;
  margin-top: -100px;
  animation-name: navBg;
  animation-duration: 3s;
}
#carousel__div img {
  max-width: 1100px;
}

.carousel-inner {
  margin: auto;
  text-align: center;
}

/* <<<<<<<<< HOME WORKING TIME BANNER >>>>>>>> */

#home__service__scroll {
  background: #009347;
  height: 50px;
  align-items: center;
  margin-top: 20px;
}
#home__service__scroll h5 {
  font: normal normal normal 20px/45px Poppins;
  color: #fff;
  letter-spacing: 1px;
  display: flex;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
}
#home__service__scroll span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 15s linear infinite;
  float: right;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

@media screen and (max-width: 568px) {
  #home__service__scroll {
    margin-top: 20px;
  }
  #home__service__scroll h5 {
    font: normal normal normal 15px/45px Poppins;
  }
}


/* <<<<<<<<<<< Qiuck apply section  >>>>>>>>>>>>> */

#home__about__section {
  display: flex;
  flex-direction: column;
  margin: 0;
  background-color: #ffffff;
  /* border: solid green; */
  margin-left: 0;
}
#home__about__section h2 {
  font: normal normal normal 30px/45px Poppins;
  font-weight: 700;
  letter-spacing: 1px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
}

#home__quick__apply {
  margin-top: 70px;
  margin-bottom: 50px;
  /* border: solid red; */
}

#home__about__img {
  max-width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
}


#home__about__section p {
  text-align: left;
  font: normal normal normal 15px/35px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-align: justify;
}
@media screen and (max-width: 568px) {
  #home__about__section p {
    text-align: left;
    font: normal normal normal 14px/27px Poppins;
    letter-spacing: 0px;
    color: #121212;
    text-align: justify;
  }
}
#home__quick__apply__div {
  max-height: 590px;
  width: 100%;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 49px;
  margin-top: 10px;
  position: relative;
}

#home__quick__apply__head {
  max-height: 50px;
  background: #0a984e;
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #22a360;
  border-radius: 49px;
  opacity: 1;
  text-align: center;
}
#home__quick__apply__head p {
  text-align: center;
  font: normal normal bold 20px/36px Poppins;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
}

#home__quick__apply__form__input__div {
  display: flex;
  flex-direction: column;
  max-width: 95%;
  margin: auto;
  margin-top: 15px;

}


#home__quick__apply__form__input__div datalist {
  display: none;
}

#home__quick__apply__form__div form label {
  text-align: left;
  font: normal normal normal 14px/19px Poppins;
  letter-spacing: 0px;
  opacity: 1;
}
#services__input::-webkit-calendar-picker-indicator {
  opacity: 100;
  font: normal normal normal 15px/25px Poppins;
  background-color: #797979;
  color: #fcfcfc;
  border-radius: 50px;
}

#home__quick__apply__form__input__div input {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 9px;
  opacity: 1;
  height: 50px;
  outline: none;
}

#home__quick__apply__div button {
  background: #0a984e 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #22a360;
  border-radius: 6px;
  width: 130px;
  height: 50px;
  opacity: 1;
  color: #ffffff;
  font: normal normal bold 16px/10px Poppins;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
}
#home__quick__apply__div button:hover {
  width: 130px;
  height: 50px;
  font: normal normal bold 17px/10px Poppins;
}
#home__quick__button__div {
  margin-top: 55px;
  text-align: center;
}

@media screen and (max-width: 568px) {
  #home__quick__apply__div {
    max-height: 590px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 49px;
    position: relative;
    width: 50%;
  }
}
@media screen and (max-width: 468px) {
  #home__about__section h2 {
    font: normal normal normal 20px/25px Poppins;
    font-weight: 700;
  }

  #home__quick__apply__form__input__div input {
    height: 35px;
  }
  #home__quick__apply__head {
    max-height: 45px;
    background: #0a984e;
    box-shadow: 0px 3px 6px #00000029;
    border: 2px solid #22a360;
    border-radius: 49px;
    opacity: 1;
    text-align: center;
  }
}


/* <<<<<<<<<<<<< MODAL FORM >>>>>>>>>>>> */
#modal__form__div {
  margin: auto;
  /* max-height: 100%; */
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 49px;
  margin-top: 30px;
padding-top: 10px;


}
#modal__form__input__div {
  display: flex;
  flex-direction: column;
  max-width: 95%;
  margin: auto;
  margin-top: 10px;
  /* border: solid red; */
}
#modal__form__input__div datalist {
  display: none;
}


#modal__form__input__div input {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 9px;
  opacity: 1;
  height: 35px;
  outline: none;
}



#modal__button__div button {
  background: #0a984e 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #22a360;
  border-radius: 6px;
  width: 130px;
  height: 40px;
  opacity: 1;
  color: #ffffff;
  font: normal normal bold 16px/10px Poppins;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  /* margin: auto; */
}
#home__quick__apply__div button:hover {
  width: 130px;
  height: 50px;
  font: normal normal bold 17px/10px Poppins;
}
#modal__button__div {
  margin-top: 20px;
  text-align: center;
}



#home__about__section button {
  margin: auto;
  background: #0a984e 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #22a360;
  border-radius: 6px;
  width: 110px;
  height: 30px;
  opacity: 1;
  color: #ffffff;
  font: normal normal bold 13px/1px Poppins;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
}
@media (max-width: 650px) {
  #home__about__extra_content {
    display: none;
  }

  .home__about__read_more {
    display: block !important;
  }
  #home__about__section button {
    margin-bottom: 50px;
  }
}

#home__about__extra_content {
  margin-top: -13px;
}
.home__about__read_more {
  display: none;
}

.show {
  display: block !important;
}
/* <<<<<<<<<<<<<<<<<< HOME SECURITY SECTION >>>>>>>>>>>>>>>>>>>> */

#home__security__section {
  /* background-color: #22a360; */
  background-color: #1a7e4b;
  background-image: url("BACKGROUND_2.png");
   width: 100%;
  letter-spacing: 1px;
  margin-top: 150px;
  text-align: center;
}
#home__security__section h2 {
  font: normal normal normal 35px/35px Poppins;
  font-weight: 1000;
  color: #ffffff;
  margin: auto;
  padding-top: 50px;
}
#home__security__row {
  max-width: 80%;
  margin: auto;
  justify-content: space-between;
  padding-top: 60px;
}

#home__security__row img {
  max-width: 110px;
  max-height: 120px;
  padding: 10px;
}

#home__security__text__row {
  max-width: 80%;
  margin: auto;
  margin-top: 30px;
}
#home__security__icon__div {
  text-align: center;
}
@media screen and (min-width: 568px) {
  #home__security__section p {
    font: normal normal normal 15px/25px Poppins;
  }
}
#home__security__section p {
  text-align: left;
  letter-spacing: 1px;
  color: #ffffff;
  opacity: 1;
  line-height: 29px;

  /* margin-bottom: 40px; */
  text-align: justify;
}
#home__security__text__arab {
  max-width: 80%;
  margin: auto;
  font-family: 'Noto Naskh Arabic', serif;
  /* margin-top: 30px; */
}
#home__security__text__arab p {
  text-align: right;
  letter-spacing: 1px;
  color: #ffffff;
  opacity: 1;
  line-height: 29px;
  font-size: 19px;
  margin-bottom: 40px;
  /* text-align: justify; */
}
@media screen and (max-width: 1200px) {
  #home__security__section {
    width: 100%;
  }
  #home__quick__apply__div {
    max-width: 400px;
    max-height: 590px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 49px;
    margin: auto;
  }
}
@media screen and (max-width: 568px) {
  #home__security__text__arab {
    max-width: 100%;
    margin: auto;
    /* margin-top: 30px; */
  }
  #home__security__text__arab p {
    /* text-align: right; */
    letter-spacing: 1px;
    color: #ffffff;
    opacity: 1;
    line-height: 29px;
    /* font-size: 45px; */
    margin-bottom: 20px;
    /* text-align: justify; */
    /* font-family: 'Noto Naskh Arabic', serif; */
    /* font-family:; */
    /* border: solid red; */
  }
  #home__security__section {
    margin-top: 70px;
  }
  #home__security__row img {
    max-width: 90px;
    max-height: 90px;
    padding: 10px;
  }
  #home__security__text__row{
    font: normal normal normal 14px/25px Poppins;
    /* justify-content: left; */
  }
  #home__security__text__arab p {
    font: normal normal normal 16px/25px Poppins;
  }
  #home__security__text__row {
    max-width: 100%;
    margin: auto;
    margin-top: 30px;
  }
  #home__security__section h2 {
    font: normal normal normal 25px/35px Poppins;
    font-weight: 900;
    color: #ffffff;
    margin: auto;
    padding-top: 50px;
  }
}

/* <<<<<<<<<<<<<<<<<< HOME SESRVICES >>>>>>>>>>>>>>>>>>> */
#home__service__container {
  margin: auto;
  /* text-align: center; */
  margin-top: 100px;
  /* background-color: #ffffff; */
}
#home__service__container h2 {
  
  text-align: center;

}

#home__service__first__Row {
  margin-top: 50px;
  justify-content: space-between;
   /* background-color: #ffffff; */
  background-color: #daeaf349;
  padding-bottom: 60px;
  position: relative;
}
#home__service__second__row{
  /* background-color: #daeaf3; */
  justify-content: space-between;
}
@media screen and (max-width: 568px) {
  #home__service__container {
    margin-top: 70px;
    max-width: 90%;
  }
  #home__service__head {
    font-weight: 700;
    font-size: 27px;
  }
  #home__service__img__div h2 {
    font-size: 14px;
    font-weight: 600;
  
    margin-top: 10px;
    text-align: center;
  }
  #home__service__img__div img{
    /* margin: auto; */
  }
  #home__service__first__Row {
    margin-top: 0px;
  }
}

#home__service__head {
  font-weight: 700;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
}

#home__service__img__div {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: auto;
  margin-top: 30px;
  font-family: Poppins;
 
 /* border: saddlebrown solid; */
 
}
#home__service__img__div:hover{
  /* transform:; */
  /* border: solid red; */
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: ease .3s;

}
#home__service__img__div img {

  /* border: solid green; */
  /* max-width: 150px; */
  /* width: 150px;
  height: 130px; */
  /* height: 60%;
  width: 60%; */
  margin: auto;
  border-radius: 100%;
  /* height: 120px;
  width: 150px; */
  max-width: 170px;
  /* border: solid red; */
}

.service__row{
  width: 100%;
  display: flex;
  /* align-items: center; */
  font-family: Poppins ;
  font-size: 14px;
  color: rgb(77, 75, 75);
  /* border: solid green; */
 text-align:left;
 
}
.service__row p{
  font-family: Poppins ;
  font-size: 14px;
  margin:inherit;
  margin-left: 5px;



}
.home__service__desc{
  max-width: fit-content;
  margin: auto;
  /* margin-left: 10px; */
  /* border: solid green; */
}
@media screen and (max-width: 568px) {
  .home__service__desc{
    display: none;
  }
}
.home__service__more{
  position: absolute;
  bottom: 0;
  right: 0;
}
.home__service__more button{
  border: none;
  background-color: black;
  color: #fff;
  border-radius: 0;
  font-size: 13px;
}
.home__service__more button:hover{
color: rgb(222, 219, 219);
}
@media screen and (min-width: 568px) {
  #home__service__img__div h2 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
    /* border: solid red; */
    /* font-weight: 500; */
  }
}

/* <<<<<<<<<<<<< HOME SANITAISATION >>>>>>>>>>>>>>>*/

#home__sanit__container {
  margin-top: 130px;
  text-align: center;
}

#home__sanit__container h2 {
  font: normal normal 30px/40px Poppins;
  font-weight: 1000;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-bottom: 50px;
}
#home__sanit__row {
  /* margin: auto; */
  /* text-align: center; */
}
#home__sanit__container img {
  max-width: 750px;
  margin-bottom: 30px;
}

#home__sani__img__div {
  margin: 0;
}
#home__sani__img__div img {
  max-width: 400px;
  margin-top: 5px;
}
#home__sanit__text__div {
  /* margin: 0; */
  margin: auto;
  /* width: 100%; */
}

#home__sanit__text__div p {

font:  15px/25px Poppins;
letter-spacing: 0px;
color: #121212;
line-height: 30px;
text-align: justify;
}
#home__sanit__text__div b {
  font-weight: 500;
}
#home__sanit__text__div span {
  color: #22a360;
}

@media screen and (max-width: 768px) {
  #home__sanit__container h2 {
    font: normal normal 30px/30px Poppins;
    font-weight: 1000;
    margin-bottom: 20px;
  }
  #home__sani__img__div img {
    max-width: 350px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 568px) {
  #home__sanit__container h3 {
    font: normal normal 700 17px/40px Poppins;
    margin-bottom: 20px;
  }
  #home__sani__img__div img {
    max-width: 200px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 568px) {
  #home__sanit__container h2 {
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 10px;
  }
  #home__sanit__container {
    margin-top: 70px;

    text-align: center;
  }
  #home__sanit__text__div p {
    font: normal normal normal 14px/25px Poppins;
    letter-spacing: 0px;
    color: #121212;
     line-height: 30px;
     text-align: justify;
   
  }
}
@media screen and (min-width: 568px) {
  /* #home__sanit__text__div p {
    font: normal normal normal 15px/25px Poppins;
    letter-spacing: 0px;
    color: #121212;
    line-height: 30px;
    text-align: justify;
  } */
}

#sani__read__more__button {
  margin: auto;
  background: #0a984e 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #22a360;
  border-radius: 6px;
  width: 110px;
  height: 30px;
  opacity: 1;
  color: #ffffff;
  font: normal normal bold 13px/1px Poppins;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
}

@media (max-width: 650px) {
  #sani__extra__text {
    display: none;
  }

  .sani__read__more__button {
    display: block !important;
  }
}

.sani__read__more__button {
  display: none;
}

.show__sani__text {
  display: block !important;
}
/* <<<<<<<<<<< HOME SHEDULE SECTION >>>>>>>>>>>>> */

#home__schedule__container {
  background-color: #22a360;
  background-image: url("BACKGROUND_2.png");
  margin-top: 130px;
  text-align: center;
}

#home__schedule__container h2 {
  font: normal normal normal 35px/35px Poppins;
  font-weight: 800;
  color: #ffffff;
  margin: auto;
  padding-top: 50px;
}
#home__schedule__container button {
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #22a360;
  border-radius: 17px;
  opacity: 1;
  background-color: #000000;
  color: #ffffff;
  height: 50px;
  width: 250px;
  margin-top: 30px;
}
#home__schedule__Row {
  max-width: 70%;
  margin: auto;
  margin-top: 50px;
}
#home__schedule__img__div span {
  background: #ffffff;
  border-radius: 50%;
  height: 137px;
  width: 140px;
  line-height: 26px;
  display: inline-block;
  text-align: center;
}

#home__schedule__img__div span {
  animation-name: stretch;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes stretch {
  0% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}
#home__schedule__img__div img {
  max-width: 80px;
  margin-top: 23px;
}
#home__schedule__img__div h5 {
  font: normal normal 600 17px/43px Poppins;
  letter-spacing: 1px;
  color: #ffffff;
   opacity: 1;
  margin-top: 5px;
}
#home__schedule__img__div p {
  text-align: center;
  font: normal normal normal 14px/17px Poppins;

  color: #ffffff;

  opacity: 1;
  margin-bottom: 50px;
  letter-spacing: 1px;
  /* margin-top: -10px; */
}

@media screen and (max-width: 568px) {
  #home__schedule__container {
    margin-top: 70px;
  }
  #home__schedule__container h2 {
    font: normal normal normal 25px/30px Poppins;
    font-weight: 900;
    padding-top: 30px;
    font-size: 25px;
  }
  #home__schedule__container button {
    height: 40px;
    width: 200px;
    margin-top: 30px;
  }

  #home__schedule__img__div p {
    text-align: center;

    color: #ffffff;
    text-transform: capitalize;
    opacity: 1;
    margin-bottom: 30px;
    margin-top: -15px;
  }
}
/* <<<<<<<< HOME GALLERY >>>>>>>> */

#home__gallery {
  text-align: center;

  margin-top: 130px;
}
@media screen and (max-width: 568px) {
  #home__gallery {
    text-align: center;

    margin-top: 70px;
  }
}

#home__gallery h2 {
  margin-bottom: 50px;

  font-weight: 700;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
}

#home__gallery img {
  margin: auto;
  margin-bottom: 30px;
}

#home__gallery button {
  background: #1b9e5a 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;

  border-radius: 17px;
  opacity: 1;
  color: #ffffff;
  text-align: center;
  font: normal normal bold Poppins;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  width: 200px;
  height: 50px;
  margin-top: 20px;
}
#home__gallery button:hover {
  font-size: 17px;
}

/* <<<<<<<<< HOME TYPES SECTION >>>>>>>> */

#home__types__container {
  margin-top: 100px;
  text-align: center;
}

#home__types__container h5 {
  margin-top: 10px;
}

#home__types__container img {
  max-width: 130px;
  max-height: 100px;
  margin: auto;
}

#home__types__img__div {
  margin-top: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;

  justify-content: space-between;
}
.toTop {
  /* animation-name: to_top_ani; */
  /* animation-duration: 2s; */
  animation: 1s linear to_top_ani;
  animation-timing-function: linear;
}

.types__bar {
  margin-top: 5px;

  height: 6px;

  margin: auto;
  background-color: white;
}
.types__bar__active {
  margin-top: 5px;
  background-color: #31a86a;
  height: 6px;
  width: 140px;
  margin: auto;
  animation-name: navBg;
  animation-duration: 1s;
  border-radius: 5px;
}

#home__types__container p {
  text-align: justify;
  font: normal normal normal 16px/38px Poppins;
  letter-spacing: 0px;
  color: #121212;
 
}
#types__row button {
  margin: auto;
  border: none;
  height: 30px;
  background-color: #ffffff;
  color: #22a360;
  font: normal normal bold 15px/1px Poppins;
  margin-top: 10px;

}

#home__types__button {
  margin: auto;
  background: #0a984e 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #22a360;
  border-radius: 6px;

  height: 40px;
  opacity: 1;
  color: #ffffff;
  text-transform: uppercase;
  font: normal normal bold 14px/1px Poppins;
  letter-spacing: 1px;
  color: #ffffff;

  margin-top: 30px;
}
#home__types__button:hover {
  font: normal normal bold 15px/1px Poppins;
}
@media screen and (min-width: 469px) {
  #home__types__container img:hover {
    opacity: 0.8;
    max-width: 140px;
  }
}
@media screen and (max-width: 468px) {
  #home__types__container {
    margin-top: 70px;
  }

  .types__bar__active {
    height: 6px;
    max-width: 110px;
  }
  #home__types__container p {
    font: normal normal normal 14px/27px Poppins;
  }
  #home__types__container img {
    margin: auto;
  }
  #home__types__img__div h5 {
    font-size: 15px;
  }
}

.home__types__text__effect {
  margin-top: -20px;
  animation-name: navBg;
  animation-duration: 1s;
}

@media (max-width: 650px) {
  .types__extra__content {
    display: none;
  }
  #types__read__more__btn {
    display: block !important;
  }
}

.types__read__more__btn {
  display: none;
}
.showMore {
  display: block !important;
  margin-top: -300px;
  animation-name: navBg;
  animation-duration: 1s;
}

#types__extra__content {
  margin: auto;
  text-align: justify;
  font: normal normal normal 16px/34px Poppins;
  letter-spacing: 0px;
  color: #121212;
  animation-name: navBg;
  animation-duration: 1s;
}

/* <<<<<<<<< HOME EXPERIENCE SECTION >>>>>>> */

#home__experience__section {
  background-color: #22a360;
  background-image: url("BACKGROUND_2.png");

  margin-top: 150px;
  text-align: center;
}

#home__experience__section h2 {
  padding-top: 50px;
  padding: 20px;
  text-align: center;
  font: normal normal bold 35px/60px Poppins;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ffffff;

  opacity: 1;
}

@media screen and (max-width: 568px) {
  #home__experience__section h2 {
    padding-top: 50px;

    font: normal normal bold 35px/30px Poppins;

    font-weight: 700;

    font-size: 20px;
  }
  #home__experience__section {
    margin-top: 70px;
  }
}

@media screen and (max-width: 568px) {
  #home__experience__section img {
    width: 200px;
    max-height: 250px;
    margin: auto;
  }
  #home__experience__section h4 {
    font-size: 14px;
  }
  #home__experience__section #customers__tag {
    max-height: 50px;
  }
  #home__experience__section #projects__tag {
    max-height: 50px;
  }
  #home__experience__section #experience__tag {
    max-height: 50px;
  }
  #home__experience__section #team_tag {
    max-height: 50px;
  }
}

#home__experience__section #customers__tag {
  background: #000000 0% 0% no-repeat padding-box;

  border-radius: 18px;
  max-width: 450px;
  height: 60px;
  opacity: 1;
  text-align: center;
  align-items: center;
  display: flex;
  margin-bottom: 10px;
  margin-top: 50px;
}

@keyframes mymove {
  from {
    left: 100px;
  }
  to {
    left: 0px;
  }
}
@keyframes mymove2 {
  from {
    right: 100px;
  }
  to {
    right: 0px;
  }
}

.tag__move {
  animation: mymove 2s;
}

.tag__move2 {
  animation: mymove2 2s;
}
#home__experience__section #tag__text {
  margin-left: 15px;
  letter-spacing: 0px;
  color: rgba(34, 163, 96, 1);
  opacity: 1;
}

#home__experience__section #projects__tag {
  background: #000000 0% 0% no-repeat padding-box;

  border-radius: 18px;
  max-width: 450px;
  height: 60px;
  opacity: 1;
  text-align: center;
  align-items: center;
  display: flex;
  margin-bottom: 10px;
  margin-left: 60px;
}

#home__experience__section #experience__tag {
  background: #000000 0% 0% no-repeat padding-box;

  border-radius: 18px;
  max-width: 450px;
  height: 60px;
  opacity: 1;
  text-align: center;
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}
#home__experience__section #team_tag {
  background: #000000 0% 0% no-repeat padding-box;

  border-radius: 18px;
  max-width: 450px;

  height: 60px;
  opacity: 1;
  text-align: center;
  align-items: center;
  display: flex;
  margin-bottom: 10px;
  margin-left: 60px;
}

#home__experience__button {
  background: #fcfcfc 0% 0% no-repeat padding-box;
  font: normal normal bold 15px/29px Poppins;
  border-radius: 18px;

  color: #20a25a;
  height: 55px;
  opacity: 1;
  text-align: center;
  align-items: center;

  margin-bottom: 30px;

  box-shadow: 0px 3px 6px #00000029;
}

#home__experience__button:hover {
  font: normal normal bold 16px/29px Poppins;
}

#home__experience__section img {
  max-width: 500px;
  max-height: 450px;
}
@media screen and (min-width: 768px) {
  #home__tags {
    margin: auto;
    text-align: center;
  }
}

/* <<<< HOME GET IN TOUCH >>>>>>>>>> */

#home__getTouch__container h2 {
  font-weight: 700;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 150px;
}
#contact__head h3{
  /* font-weight: 700;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 150px; */
}
#home__getTouch_row {
  margin-top: 40px;
}
#home__getTouch__head {
  text-align: center;
}

#home__address__col h2 {
  font-weight: 700;
  letter-spacing: 0px;
  color: #20a25a;
  text-transform: uppercase;
  opacity: 1;
}
#home__getTouch__container img {
  margin-top: 30px;
}

#home__adress__div {
  margin-top: 30px;

  width: 100%;
}
#home__address__col {
  text-align: center;

  margin: auto;
}

#home__address__col #home__getTouch__form__div {
  padding-right: 0;
  padding-left: 0;
}
#home__adress__div h5 {
  font: normal normal bold 19px/15px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: capitalize;
  /* border: saddlebrown solid; */
}
#home__adress__div h6 {
  font: normal normal normal 16px/30px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: capitalize;
  margin: 0;
}

#home__getTouch__form__div {
  margin: auto;
  max-height: 100%;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 49px;
  margin-top: 30px;
}
#home__getTouch__form__input__div {
  display: flex;
  flex-direction: column;
  max-width: 95%;
  margin: auto;
  margin-top: 20px;
}
#home__getTouch__form__input__div datalist {
  display: none;
}
#home__getTouch__form__input__div label {
  text-align: left;
  font: normal normal normal 14px/19px Poppins;
  letter-spacing: 0px;
  opacity: 1;
}
#services__input::-webkit-calendar-picker-indicator {
  opacity: 100;
  font: normal normal normal 18px/20px FontAwesome;
  background-color: #797979;
  color: #fcfcfc;
  border-radius: 50px;
}
#home__getTouch__form__input__div input {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 9px;
  opacity: 1;
  height: 50px;
  outline: none;
}

#home__getTouch__form__div button {
  background: #0a984e 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #22a360;
  border-radius: 6px;
  width: 160px;
  height: 45px;
  opacity: 1;
  color: #ffffff;

  font: normal normal bold 16px/10px Poppins;
  letter-spacing: 0px;
  color: #ffffff;
  margin: auto;
  margin-top: 30px;
}
#home__getTouch__form__div button:hover {
  font: normal normal bold 17px/10px Poppins;
}

#home__getTouch__button__div {
  text-align: center;
}
@media screen and (max-width: 568px) {
  #home__getTouch__form__input__div input {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 9px;
    opacity: 1;
    height: 35px;
    outline: none;
  }
}
@media screen and (min-width: 568px) {
  #home__address__col h2 {
    font: normal normal bold 35px/40px Poppins;
    margin-top: 30px;
  }
  #home__getTouch__container h2 {
    font: normal normal 900 40px/40px Poppins;
  }
}
@media screen and (max-width: 568px) {
  #home__getTouch__container h2 {
    font-weight: 700;
    margin-top: 70px;
  }
  #home__address__col h2 {
    font: normal normal bold 23px/30px Poppins;

    margin-top: 60px;
  }
  #home__address__col {
    padding-right: 0;
    text-align: center;
  }
}
/* <<<<<<< FOOTER >>>>>>>>> */

#footer {
  background-color: #2ba465;
  width: 100%;
  min-height: 230px;

  margin-top: 90px;

  align-items: center;
}
#footer__head {
  margin: auto;
}

#footer__icons span {
  border-radius: 50%;
  height: 57px;
  width: 60px;
  line-height: 26px;
  display: inline-block;
  background-color: #fcfcfc;

  justify-content: center;
  align-items: center;
  display: flex;
}

#footer__head h2 {
  font: normal normal bold 13px/36px Poppins;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;

  font-size: 23px;
  margin: auto;
  padding-top: 30px;
  text-align: center;
}
#footer__icons {
  max-width: 250px;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  margin-top: 30px;
  padding-bottom: 40px;
}

#footer__icon {
  font-size: 24px;
  color: #22a360;
}
#footer__icon:hover {
  font-size: 29px;
}

#footer__no {
  background: #009347 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #22a360;
  border-radius: 14px;

  max-width: 220px;

  height: 45px;

  margin: auto;
  margin-top: 10px;
  animation-name: stretch2;
  animation-duration: 3s;

  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes stretch2 {
  0% {
    transform: scale(0.7);
  }

  100% {
    transform: scale(1);
  }
}
#footer__no p {
  text-align: center;
  font: normal normal bold 17px Poppins;
  top: 0;
  letter-spacing: 2px;
  color: #ffffff;
  text-transform: uppercase;
  opacity: 1;
  font-weight: 600;
  font-size: 18px;
  padding: 10px;
}
#footer__no p:hover {
  font: normal normal bold 19px Poppins;
}
@media screen and (max-width: 568px) {
  #footer__no {
    max-width: 220px;

    height: 45px;

    margin: auto;
    margin-top: -10px;
  }
  #footer__head h2 {
    font: normal normal bold 13px/76px Poppins;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;

    font-size: 16px;
    margin: auto;
    padding-top: 1px;
  }
  #footer__no p {
    font-weight: 300;

    font: normal normal bold 14px Poppins;
  }
  #footer__icons {
    max-width: 200px;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    margin-top: 25px;
  }
}

#footer__arrow {
  font-size: 28px;
  color: white;
  text-align: center;
  margin: auto;
  display: flex;
  justify-content: center;
}
/* <<<<<<<<<< NAVBAR >>>>>>>>>>>>>>>>> */

#navbar__section {
  background-color: #22a360;
  background-image: url("BACKGROUND_2.png");
  width: 100%;
  background-size: cover;
  background-position: center;

  flex-direction: column;
}

#navbar__section__first__row {
  justify-content: space-between;
  width: 86%;
  margin: auto;
  padding-top: 50px;
  display: flex;
  flex-direction: row;
}
#navbar__section__first__row #logo {
  max-width: 140px;
  max-height: 140px;
}

#a__tag {
  text-decoration: none;
  color: inherit;
  display: flex;
  justify-content: center;
}
#navbar__section__first__row #mazin__font {
  max-width: 300px;
  max-height: 80px;
}

#nav__number {
  display: flex;
  flex-direction: row;
  align-items: center;
  animation-name: stretch1;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

#nav__number span {
  border-radius: 50%;
  height: 100px;
  width: 100px;
  line-height: 26px;
  display: inline-block;
  background-color: #232323;
  border: solid 3px #22a360;

  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 1;
}

#nav__number__div {
  background-color: #232323;
  color: white;
  height: 70px;
  width: 300px;
  border-radius: 40px;
  margin-left: -40px;
}
#nav__number__div p {
  text-align: center;

  font-weight: 700;
  letter-spacing: 2px;
  margin-top: 15px;
  margin-left: 20px;
  font: normal normal 800 25px/40px Poppins;
}

#nav__number span img {
  width: 50px;
}
#nav__number span img:hover {
  width: 54px;
}

@media screen and (max-width: 968px) {
  #nav__number {
    max-width: 280px;
    max-height: 60px;
    margin: auto;
  }
  #nav__number__div p {
    text-align: center;

    letter-spacing: 1px;

    font: normal normal 800 16px/10px Poppins;
  }
  #nav__number__div {
    height: 40px;
    width: 220px;
  }
  #nav__number span {
    height: 65px;
    width: 65px;
    line-height: 26px;

    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 1;
  }
  #nav__number span img {
    width: 30px;
  }
}

@media screen and (max-width: 968px) {
  #navbar__section__first__row {
    margin: auto;
    padding-top: 20px;
    display: flex;
    flex-direction: row;
  }

  #navbar__section__first__row__left {
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin: auto;
  }

  #navbar__section__first__row #logo {
    max-width: 110px;
    max-height: 80px;
    margin: auto;
    text-align: center;
  }

  #navbar__section__first__row #mazin__font {
    margin: auto;
    max-width: 210px;
    max-height: 40px;
  }
}

#nav__items__row {
  border: 3px solid #121212;
  border-right: none;
  border-left: none;
  margin-top: 70px;
  letter-spacing: 1px;
}

#nav__items__div {
  justify-content: space-between;
  width: 90%;

  padding: 6px;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  #nav__items__div {
    justify-content: space-between;
    max-width: 60%;

    padding: 6px;
    margin: auto;
  }
}

@media screen and (max-width: 968px) {
  #nav__items__row {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #nav__items__div {
    width: 100%;
  }
}
#nav__items__div {
  color: #ffffff;

  text-align: center;
}
#nav__items__div h6 {
  font-weight: 700;
}
#nav__about,
#nav__services {
  color: #232323;
}

@media screen and (max-width: 568px) {
  #nav__items__div h6 {
    font-size: smaller;
    padding: 2px;
  }
}

/* <<<<<<<<<< ABOUT US PAGE >>>>>>>> */

#about__container {
  text-align: center;
}
#about__container h3 {
  font: normal normal 800 35px/40px Poppins;

  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 80px;

  animation-name: to-Big;
  animation-duration: 1s;
}
#about__img__row img {
  margin: auto;
  margin-top: 40px;
  animation-name: navBgs;
  animation-duration: 2s;
}
#about__text__row p {
  text-align: justify;
  font: normal normal normal 16px/35px Poppins;
  letter-spacing: 0px;
  color: #121212;
  opacity: 1;
  margin-top: 30px;
}
@media screen and (max-width: 568px) {
  #about__container h3 {
    font: normal normal 800 25px/20px Poppins;

    opacity: 1;
    margin-top: 50px;
  }
  #about__text__row p {
    text-align: left;
    font: normal normal normal 14px/35px Poppins;
    letter-spacing: 0px;
    color: #121212;
    margin-top: 20px;
  }
  #about__img__row img {
    margin-top: 30px;
  }
}
/* <<<<<<<<<<<<< SERVICE PAGE >>>>>>>> */
#services {
  text-align: center;
  margin-bottom: 150px;
}
#services h1 {
  font: normal normal 800 35px/40px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 100px;
  animation-name: to-Big;
  animation-duration: 1s;
}

#service__row{
  /* border: saddlebrown solid; */
  background-color: #daeaf349;
  padding-bottom: 20px;
}
#service__img__div {
  /* text-align: center; */
  margin-top: 40px;
  /* animation-name: navBgs;
  animation-duration: 2s; */
  /* border: solid red; */
}
#service__img__div:hover{
  /* transform:; */
  /* border: solid red; */
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition: ease .5s;
  /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */

}
#service__img__div img {
  max-width: 130px;
  margin: auto;
  border-radius: 100%;
}
#service__row {
  margin-top: 10px;
}
#service__img__div h6{
  margin-top: 10px;
}
#service__img__div li{
  font-family: sans-serif;
  font-size: 14px;
  margin:inherit;
  /* border: saddlebrown solid; */
  padding: 0px;
  color: rgb(77, 75, 75);
  /* text-align: left;
  margin: auto; */
  /* max-width: 100px; */
  /* margin-left: -10px; */
}
.service__box__desc{
  width: fit-content;
  /* border: solid green; */
  text-align: left;
  /* max-width: 70%; */
  margin: auto;
}
@media screen and (max-width: 568px) {
  #services h1 {
    font: normal normal 800 30px/40px Poppins;
    letter-spacing: 0px;
    color: #121212;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 40px;
    animation-name: to-Big;
    animation-duration: 1s;
  }
  #gallery__row {
    margin-top: 30px;
  }
  #service__img__div img {
    max-width: 100px;
    margin: auto;
  }
}

/* <<<<<<<<<<< RODENT PAGE >>>>>>>>>>>>>>> */
#rodent {
  text-align: center;
}
#rodent h3 {
  font: normal normal 800 35px/40px Poppins;

  letter-spacing: 0px;
  color: #121212;

  opacity: 1;
  margin-top: 100px;
  animation-name: to-Big;
  animation-duration: 1s;
}
#rodent__image-1-row img {
  margin-top: 40px;
  animation-name: navBgs;
  animation-duration: 2s;
}
#rodent__text1__Row {
  text-align: justify;
  font: normal normal normal 16px/35px Poppins;
  letter-spacing: 0px;
  color: #121212;
  margin-top: 30px;

}

#rodent__image2__row img {
  margin-top: 30px;
}
@media screen and (max-width: 568px) {
  #rodent h3 {
    font: normal normal 800 25px/20px Poppins;

    opacity: 1;
    margin-top: 50px;
  }
  #rodent__text1__Row {
    text-align: justify;
    font: normal normal normal 14px/35px Poppins;
    letter-spacing: 0px;
    color: #121212;
    margin-top: 20px;
  }
  #rodent__image-1-row img {
    margin-top: 30px;
  }
}
/* <<<<<<< TERMITE CONTROL >>>>>>> */
#termite {
  text-align: center;
}
#termite h3 {
  font: normal normal 800 35px/40px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 100px;
  animation-name: to-Big;
  animation-duration: 1s;
}
#termite__image-1__row img {
  margin-top: 40px;
  animation-name: navBgs;
  animation-duration: 2s;
}
#termite__text__row p {
  text-align: justify;
  font: normal normal normal 16px/35px Poppins;
  letter-spacing: 0px;
  color: #121212;
  margin-top: 30px;
}
#termite__image2__row {
  margin-top: 30px;
}

#termite__image2__row img {
  padding-bottom: 20px;
  margin: auto;
}
@media screen and (max-width: 568px) {
  #termite h3 {
    font: normal normal 800 25px/20px Poppins;

    opacity: 1;
    margin-top: 50px;
  }
  #termite__text__row p {
    text-align: justify;
    font: normal normal normal 14px/35px Poppins;
    letter-spacing: 0px;
    color: #121212;
    margin-top: 20px;
  }
  #termite__image-1__row img {
    margin-top: 30px;
  }
}

/* <<<<<<<<< BEDBUG CONTROL >>>>>>>>> */
#bedbug {
  text-align: center;
}
#bedbug h3 {
  font: normal normal 800 35px/40px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 100px;
  animation-name: to-Big;
  animation-duration: 1s;
}

#buedbug__text__row {
  margin-top: 30px;
}
#buedbug__text__row p {
  text-align: justify;
  font: normal normal normal 16px/35px Poppins;
  letter-spacing: 0px;
  color: #121212;
  margin-top: 30px;
}

#bedbug__image__row img {
  margin: auto;
  margin-top: 40px;
  animation-name: navBgs;
  animation-duration: 2s;
}

@media screen and (max-width: 568px) {
  #bedbug h3 {
    font: normal normal 800 25px/20px Poppins;

    opacity: 1;
    margin-top: 50px;
  }
  #buedbug__text__row {
    text-align: justify;
    font: normal normal normal 14px/35px Poppins;

    margin-top: 20px;
  }
  #bedbug__image__row img {
    margin-top: 30px;
  }
}
/* <<<<<<<< BIRD CONTROL >>>>>>>>> */

#bird {
  text-align: center;
}
#bird h3 {
  font: normal normal 800 35px/40px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 100px;
  animation-name: to-Big;
  animation-duration: 1s;
}

#bird__text__row p {
  text-align: justify;
  font: normal normal normal 16px/35px Poppins;
  letter-spacing: 0px;
  color: #121212;
  margin-top: 30px;
}
#bird__image__row img {
  margin: auto;
  margin-top: 40px;
  animation-name: navBgs;
  animation-duration: 2s;
}

@media screen and (max-width: 568px) {
  #bird h3 {
    font: normal normal 800 25px/20px Poppins;

    opacity: 1;
    margin-top: 50px;
  }
  #bird__text__row p {
    text-align: justify;
    font: normal normal normal 14px/35px Poppins;

    margin-top: 20px;
  }
  #bird__image__row img {
    margin-top: 30px;
  }
}
/* <<<<<<<<< INSECT CONTROL */
#insect {
  text-align: center;
}
#insect h3 {
  font: normal normal 800 35px/40px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 100px;
  animation-name: to-Big;
  animation-duration: 1s;
}
#insect__image {
  margin: auto;
  margin-top: 40px;
  animation-name: navBgs;
  animation-duration: 2s;
}
#insect__text {
  text-align: justify;
  font: normal normal normal 16px/35px Poppins;
  letter-spacing: 0px;
  color: #121212;
  margin-top: 30px;
}
@media screen and (max-width: 568px) {
  #insect h3 {
    font: normal normal 800 25px/20px Poppins;

    opacity: 1;
    margin-top: 50px;
  }
  #insect__text {
    text-align: justify;
    font: normal normal normal 14px/35px Poppins;

    margin-top: 20px;
  }
  #insect__image {
    margin: auto;
    margin-top: 30px;
  }
}
/* <<<<<<<<< ANT CONTROL  >>>>>>>>>*/
#ant {
  text-align: center;
}
#ant h3 {
  font: normal normal 800 35px/40px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 100px;
  animation-name: to-Big;
  animation-duration: 1s;
}
#ant__image {
  margin-top: 40px;
  animation-name: navBgs;
  animation-duration: 2s;
}
#ant__text {
  text-align: justify;
  font: normal normal normal 16px/35px Poppins;
  letter-spacing: 0px;
  color: #121212;
  margin-top: 30px;
}
@media screen and (max-width: 568px) {
  #ant h3 {
    font: normal normal 800 25px/20px Poppins;

    opacity: 1;
    margin-top: 50px;
  }
  #ant__text {
    text-align: justify;
    font: normal normal normal 14px/35px Poppins;

    margin-top: 20px;
  }
  #ant__image {
    margin: auto;
    margin-top: 30px;
  }
}

/* <<<<<<<<< WASP CONTROL */
#wasp {
  text-align: center;
}
#wasp h3 {
  font: normal normal 800 35px/40px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 100px;
  animation-name: to-Big;
  animation-duration: 1s;
}
#wasp__image {
  margin: auto;
  margin-top: 40px;
  animation-name: navBgs;
  animation-duration: 2s;
}
#wasp__text {
  text-align: justify;
  font: normal normal normal 16px/35px Poppins;
  letter-spacing: 0px;
  color: #121212;
  margin-top: 30px;
}
@media screen and (max-width: 568px) {
  #wasp h3 {
    font: normal normal 800 25px/20px Poppins;

    opacity: 1;
    margin-top: 50px;
  }
  #wasp__text {
    text-align: justify;
    font: normal normal normal 14px/35px Poppins;

    margin-top: 20px;
  }
  #wasp__image {
    margin: auto;
    margin-top: 30px;
  }
}

/* <<<<<<<<< FUMIGATION CONTROL */
#fumigation {
  text-align: center;
}
#fumigation h3 {
  font: normal normal 800 35px/40px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 100px;
  animation-name: to-Big;
  animation-duration: 1s;
}
#fumigation__image {
 
  margin-top: 40px;
  animation-name: navBgs;
  animation-duration: 2s;
}
#fumigation__text {
  text-align: justify;
  font: normal normal normal 16px/35px Poppins;
  letter-spacing: 0px;
  color: #121212;
  margin-top: 30px;
}
@media screen and (max-width: 568px) {
  #fumigation h3 {
    font: normal normal 800 25px/20px Poppins;

    opacity: 1;
    margin-top: 50px;
  }
  #fumigation__text {
    text-align: justify;
    font: normal normal normal 14px/35px Poppins;

    margin-top: 20px;
  }
  #fumigation__image {
    margin: auto;
    margin-top: 30px;
  }
}
/* <<<<<<<<< FLY CONTROL >>>>>>>> */
#fly {
  text-align: center;
}
#fly h3 {
  font: normal normal 800 35px/40px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 100px;
  animation-name: to-Big;
  animation-duration: 1s;
}
#fly__img {
  margin: auto;

  margin-top: 40px;
  animation-name: navBgs;
  animation-duration: 2s;
}

#fly__text {
  text-align: justify;
  font: normal normal normal 16px/35px Poppins;
  letter-spacing: 0px;
  color: #121212;
  margin-top: 40px;
}

#clean__text {
  text-align: justify;
  font: normal normal normal 16px/35px Poppins;
  letter-spacing: 0px;
  color: #121212;
  margin-top: -10px;
  max-width: 900px;
}
#clean__text b {
  font-weight: 600;
}

@media screen and (max-width: 568px) {
  #fly h3 {
    font: normal normal 800 25px/20px Poppins;

    opacity: 1;
    margin-top: 50px;
  }
  #fly__text {
    text-align: left;
    font: normal normal normal 14px/35px Poppins;

    margin-top: 20px;
  }
  #fly__img {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #dis__third__image {
    margin: auto;
    margin-top: 20px;
  }
}
/* <<<<<<<< GALLLERY  PAGE >>>>>>>>> */

#gallery {
  text-align: center;
}
#gallery h3 {
  font: normal normal 800 35px/40px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 100px;
  margin-bottom: 50px;
  animation-name: to-Big;
  animation-duration: 1s;
}

#gallery__img img {
  padding-bottom: 20px;
  margin: auto;
  animation-name: navBgs;
  animation-duration: 2s;
}
@media screen and (max-width: 568px) {
  #gallery h3 {
    font: normal normal 800 30px/40px Poppins;

    margin-top: 40px;
    margin-bottom: 30px;
  }
}

/* <<<<< CONTACT US PAGE >>>> */

#contact {
  text-align: center;
}
#contact__head h3 {
  font: normal normal 800 35px/40px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 10px;
  /* margin-bottom: 50px; */

  text-align: center;
  margin-top: 100px;
  animation-name: to-Big;
  animation-duration: 1s;
}
#contact__head h4 {
  font: normal normal 800 35px/10px Poppins;
  letter-spacing: 0px;
  color: #121212;
  text-transform: uppercase;
  opacity: 1;
  /* margin-top: 10px; */
  /* margin-bottom: 50px; */

  text-align: center;
  margin-top: 30px;
  animation-name: to-Big;
  animation-duration: 1s;
}
#contact__sub__head {
  font: normal normal bold 30px/40px Poppins;
  letter-spacing: 0px;
  color: #20a25a;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 30px;
}
#home__address__col img{
  /* border: solid red; */
}
#contact__address img {
  margin-top: 0px;
  
}
#contact__adress__div {
  margin-top: 10px;

  width: 100%;
  /* border: solid green; */
 
}

@media screen and (max-width: 568px) {
  #contact__sub__head {
    font: normal normal bold 25px/30px Poppins;
    letter-spacing: 0px;
    color: #20a25a;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 40px;
  }
  #contact__head h2 {
    font: normal normal 800 30px/40px Poppins;
    letter-spacing: 0px;
    color: #121212;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 60px;
    margin-bottom: -20px;
  }
}

#map_row {
  margin: auto;
  margin-top: 40px;
  text-align: center;
}


/* <<<<<<<<< NAV BAR COLLAPS  >>>>>>>> */

.bar__container {
  display: inline-block;
  cursor: pointer;
  display: none;
  width: 45px;

  margin-top: -15px;
  padding: 5px;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .bar__container {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  #nav__items__row h6 {
    display: none;
  }

  #nav__items__row {
    background: #121212 0% 0% no-repeat padding-box;
  }
  #home__nav__items__row h6 {
    display: none;
  }
  #home__nav__items__row {
    background: #121212 0% 0% no-repeat padding-box;
  }
}

.bar1,
.bar2,
.bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
  border-top: 1px solid #20a25a;
}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {
  opacity: 0;
}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}
#collapse__list h6 {
  font-size: 13px;
  padding-top: 10px;
  margin-left: 20px;
  padding-bottom: 10px;
  color: #20a25a;
}
#collapse__list {
  border: #20a25a 2px solid;
  border-left: none;
  border-right: none;
  z-index: 1;
}

/* aninmations */
.move__left {
  /* animation-name: left-side; */
  /* animation-duration: 2s; */
  animation: 1s linear left-side;
  animation-timing-function: linear;
}

@keyframes left-side {
  /* 0% {
    right: -100px;
    
  }
  100% {
    right: 0px;
    
  } */
  0% {
    left: 20%;
  }
  50% {
  }
  100% {
    left: 0;
  }
}

.move__right {
  /* animation-name: right-side; */
  /* animation-duration: 2s; */
  animation: 1s linear right-side;
  animation-timing-function: linear;
}
@keyframes right-side {
  /* 0% {
    left: -100px;
  
  }
  100% {
    left: 0px;
   
   
  } */
  0% {
    right: 20%;
  }
  50% {
  }
  100% {
    right: 0;
  }
}

@keyframes navBg {
  from {
    opacity: 0;
  }
}
@keyframes to_top_ani {
  0% {
    top: 50px;
  }

  100% {
    top: 0px;
  }
}

.navBgs {
  animation-name: navBg;
  animation-duration: 3s;
}
.div_toBig {
  animation-name: to-Big;
  animation-duration: 1s;
}
.icon_toBig {
  animation-name: to-Big;
  animation-duration: 2s;
}

@keyframes to-Big {
  0% {
    transform: scale(0, 0.025);
  }
}

.head_fade {
  animation-name: navBg;
  animation-duration: 5s;
}

@keyframes to_top {
  0% {
    left: -200px;
  }
  25% {
    left: 0px;
  }
}




 



#main__banner__container{
  /* border: solid red; */
  /* height: 400px; */
  margin-top: 40px;
}
#main__banner__container h1{
  text-transform: uppercase;
  font-size: 34px;
  color: rgb(27, 39, 63);
}
#main__banner__container h5{
  color: rgb(36, 49, 74);
}
.main__banner{
  padding: 60px;
  /* padding-left: 20px; */
  /* border: solid green; */
  /* height: 300px; */
  margin-top: 30px;
  position: relative;
  /* display: flex;
  flex-direction: column; */
  align-items: center;
  overflow: hidden;
  background-color: rgb(27, 39, 63);
color: #fff;
}
.main__banner img{
  max-width: 350px;
  position: absolute;
  right: 0;
  top: 0;
 opacity: .2;
 /* overflow: hidden; */
 /* border: saddlebrown solid; */
}
.main__banner__first__row p {
text-transform: uppercase;
margin-left: 10px;
font-weight: 600;
letter-spacing: 1px;
}
 
.main__banner__first__row {
  padding-left: 20px;
}

.main__banner h2{
  text-transform: uppercase;
  /* font-weight: 600; */
  font-size: 30px;
  line-height: 40px;

}

.main__banner__button__row{
  padding-left: 20px;
  margin-top: 40px;
}
#main__banner__call__button {
  background-color:rgb(211, 14, 14);
  color: #fff;
  font-weight: 600;
  border-radius: 0;
}
#main__banner__qoute__button{
  font-weight: 600;
  background-color: #fff;
  border-radius: 0;
  margin-left: 10px; 
}
.main__banner__button__row button:hover{
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: ease .2s;
}

.main__banner__right{
  position: relative;
  /* border: solid red; */
  /* display: flex; */
  flex-direction: column;
  align-items: center;
}
.main__banner__icon__div{
  background-color:rgb(211, 14, 14);
  /* width: 40px; */
  padding: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  /* margin-top: 20px; */
  /* top: 8; */
}

.main__banner__right__bottom{
  /* border: saddlebrown solid; */
  position: absolute;
  bottom: 0;
  /* width: 200px; */
  /* height: 40px; */
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items:center;
  margin-bottom: 20px;
  margin-top: 10px;
}
.main__banner__right__round{
  background-color:rgb(211, 14, 14);
  height: 35px;
  width: 35px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main__banner__right button{
  background-color: rgb(9, 161, 75);
  /* height: 30px; */
  /* padding: 4px; */
  margin-right: 10px;
  border-radius: 0;
  color: #fff;
  text-transform: uppercase;
  /* width: 100px; */
  font-size: 13px;
}
.main__banner__right button:hover{
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: ease .2s;
  color: #fff;
}
.main__banner__right__green p{

 
  font-family: sans-serif;
}

@media screen and (max-width: 768px){
  #main__banner__container{
    /* border: solid red; */
    /* height: 400px; */
    margin-top: 20px;
  }
  #main__banner__container h1{
    text-transform: uppercase;
    font-size: 24px;
  }
  #main__banner__container h5{
    color: rgb(52, 52, 52);
    font-size: 16px;

  }
  .main__banner{
    padding: 20px;
    
    margin-top: 20px;
    
    /* overflow: visible; */
  }
  .main__banner img{
    max-width: 350px;
    /* position: absolute;   */
    right: 0;
    top: 0;
   opacity: .2;
    
    
  }
  .main__banner__first__row p {
  text-transform: uppercase;
  margin-left: 0px;
  font-weight: 600;
  letter-spacing: 1px;
  }
  .main__banner__first__row i {
    display: none;
  }

   
  .main__banner__first__row {
    padding-left: 10px;
  }
  
  .main__banner h2{
    text-transform: uppercase;
    /* font-weight: 600; */
    font-size: 20px;
    line-height: 25px;
  
  }
   
  .main__banner__button__row{
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
  }
  #main__banner__call__button {
    background-color:rgb(211, 14, 14);
    color: #fff;
    font-weight: 600;
    border-radius: 0;
   
  }
  #main__banner__qoute__button{
    font-weight: 600;
    background-color: #fff;
    border-radius: 0;
    margin-left: 0px;
    margin-top: 10px;
  }
  .main__banner__button__row button:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: ease .2s;
  }
  
  .main__banner__right{
    position: relative;
    /* border: solid red; */
    /* display: flex; */
    flex-direction: column;
    align-items: center;
  }
  .main__banner__icon__div{
    background-color:rgb(211, 14, 14);
    /* width: 40px; */
    padding: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    /* margin-top: 20px; */
    /* top: 8; */
  }
  
  .main__banner__right__bottom{
    /* border: saddlebrown solid; */
    position: absolute;
    bottom: 0;
    /* width: 200px; */
    /* height: 40px; */
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom: 20px;
    margin-top: 10px;
    display: none;
  }
  .main__banner__right__round{
    background-color:rgb(211, 14, 14);
    height: 35px;
    width: 35px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main__banner__right button{
    background-color: rgb(9, 161, 75);
    /* height: 30px; */
    /* padding: 4px; */
    margin-right: 10px;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    /* width: 100px; */
    font-size: 13px;
  }
  .main__banner__right button:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: ease .2s;
    color: #fff;
  }
  .main__banner__right__green p{
  
   
    font-family: sans-serif;
  }
  
}
.main__banner a{
  color: inherit;
  width: inherit;
  margin: 0;
  /* border: solid green; */
}

 


/* 
Ants, Rats, Spider and any insects control services.
 
Best Pest Control Services in Dubai (Best Price Pest Control Services)Call Now.

Pest Control in kalba &sharjah 
Bird Control ·Rat Control ·Mosquito Control
 
*/