/*-------------------------------------------------
General CSS 
---------------------------------------------------*/
 body {
     background: #ffffff;
     font-family: 'Heebo', sans-serif;
     font-size: 19px;
     font-weight: 300;
     line-height: 1.5;
     color: #000000;
     overflow-x: hidden;
     direction: rtl;
     text-align: right;
}

/* Custom Container */
@media (min-width: 1600px) {
    .container {
        max-width: 1440px;
    }
}

/* Common CSS */
 h1, h2, h3, h4, h5, h6 {
   font-family: 'Heebo', sans-serif;
   color: #000000;
   line-height: 1.3;
   font-weight: 700;
   margin-top: 0;
   margin-bottom: 10px;
   padding: 0;
   text-transform: capitalize;
}
p {
     margin: 0;
     padding: 0;
}
a {
     margin: 0;
     padding: 0;
     text-decoration: none;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 a:focus, a:hover {
     text-decoration: none;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 ul {
     margin: 0;
     padding: 0;
}
 ul li {
     list-style-type: none;
     margin: 0;
     padding: 0;
}
 img {
     max-width: 100%;
     height: auto;
}
/* Form CSS */
 .form-control {
     height: 45px;
     margin-bottom: 30px;
     box-shadow: none;
     border: 1px solid #e4e4e4;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     border-radius: 0px;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
}
 .form-control:focus {
     border-color: #999999;
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
}

 ::-webkit-input-placeholder {
     color: #000000 !important;
}
 ::-moz-placeholder {
     color: #000000 !important;
}
 ::-o-placeholder {
     color: #000000 !important;
}
 :-ms-input-placeholder {
     color: #000000 !important;
}
 input:-moz-placeholder {
     color: #000000 !important;
}

/* Background Over Layer CSS */
 .over-layer-black {
     position: relative;
}
 .over-layer-black:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
     background-color: rgba(34, 34, 34, 0.8);
}
 .over-layer-white {
     position: relative;
}
 .over-layer-white:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
     background-color: rgba(255, 255, 255, 0.8);
}




/* Theme btn CSS */
 .theme-btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(0px) translateZ(0);
  transform: perspective(0px) translateZ(0);
  position: relative;
  border: none;
  text-transform: uppercase;
  padding: 12px 45px;
  border-radius: 100px;
  -webkit-transition-property: color;
  transition-property: color;
  color: #f36e23;
  background: #e7e7e7;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	 font-size:20px;
   font-weight: 600;
}
.theme-btn:hover {
  color: #ffffff;
  background: #f36e23;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0,21,118,0.2);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0,21,118,0.2);
  box-shadow: 0px 10px 20px 0px rgba(0,21,118,0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}




/* back-to-top CSS */
 #back-to-top {
    position: fixed;
    bottom: 100%;
    right: 15px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    background: #f36e23;
}

 #back-to-top.show {
    opacity: 1;
    bottom: 15px;
    transition: 1s ease-out;
}




/* Pagination CSS */
 .my-pagination {
     text-align: center;
     display: flex;
     justify-content: center;
}
 .my-pagination {
     margin-top: 20px;
}
 .my-pagination .page-link {
     color: #f36e23;
     margin: 0 10px;
     padding: 3px 15px;
     border: 1px solid #f36e23;
     border-radius: 0;
}
 .my-pagination .page-link:hover {
    background: #f36e23;
    border-color: #f36e23;
    color: #ffffff;
 }
 .my-pagination .page-item.active .page-link {
     background: #f36e23;
     border-color: #f36e23;
     color: #ffffff;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: 0;
}
.pb-120 {
  padding-bottom: 120px !important;
}




/*------------------------------------------------ 
 Header CSS 
--------------------------------------------------*/
.header-area {
  background: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Header Top CSS */
.header-top-bar {
  background-color: #1E3658;
  padding: 15px 0;
}
.header-top-bar-cols {
  display: flex;
}
.top-bar-col-1 {
  width: 35%
}
.top-bar-col-2 {
  width: 30%
}
.top-bar-col-3 {
  width: 35%
}
.social-links li {
  display: inline-block;
}
.top-menu {
  margin-top: 50px;
}
.top-menu li {
  display: inline-block;
}
.top-menu li a {
  display: block;
  padding: 3px 6px;
  color: #FBFFFF;
  font-size: 1.25em;
}
.top-menu li a:hover {
  color: #edcd3a;
}
.top-bar-col-3 {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.myphonenumber ul li {
  display: inline-block;
  margin-right: 30px;
}
.myphonenumber ul li:first-child {
  margin: 0;
}
.myphonenumber ul li a {
  font-size: 1.5em;
  color: #ffffff;
}
.myphonenumber ul li .call-img {
  position: relative;
  top: -6px;
  margin-right: 5px;
}
.myphonenumber-two {
  display: none;
}


/* Header Nav CSS Start */
.header-menubar {
     padding: 5px 0;
     background-color: #234474;
}
.header-menubar .container-fluid {
  padding: 0 100px;
}
.stellarnav {
     width: 100%;
     display: inline-block;
     position: relative;
 }
 .stellarnav ul {
     text-align: left;
     display: block;
}
.stellarnav li a {
    text-transform: capitalize;
}
.stellarnav li.has-sub>a:after {
    display: none;
}
.stellarnav ul ul {
  text-align: right;
}
.stellarnav.desktop li.has-sub a,
.stellarnav>ul>li>a {
  color: #ffffff;
  padding: 3px 7px;
  text-transform: capitalize;
	font-size: 1.125em;
}
.stellarnav.desktop li.has-sub a:hover {
color: #edcd3a;
	}
.stellarnav.desktop>ul>li.mega>ul>li>a {
  color: #000000 !important;
  text-align: right;
  padding: 3px 12px;
}
.stellarnav.desktop>ul>li.mega>ul>li>a:hover {
  color: #ffffff !important;
}
.stellarnav.desktop li.has-sub i {
    font-size: 15px;
    color: #ffffff;
}
.stellarnav.light {
     background: transparent;
}
 .stellarnav.light ul ul {
     background: #58B8F4;
     box-shadow: 0 12px 12px rgba(0,0,0,0.1);
}
.stellarnav ul li ul li a{
    border-bottom: 1px solid #000000;
    color: #ffffff !important;
}
.stellarnav ul li ul li a:hover {
    background: #234474;
    color: #ffffff !important;
}
.stellarnav.desktop>ul>li.mega>ul {
  left: auto !important;
  right: 100px !important;
    max-width: 80% !important;
    overflow: hidden;
}
.stellarnav.desktop>ul>li.mega>ul>li {
    padding-bottom: 0;
}

.header-logo {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 0;
}




/* NavBar Fixed CSS */
.fixed-header {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 999999;
  background-color: #237477;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0,21,118,0.15);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0,21,118,0.15);
  box-shadow: 0px 10px 20px 0px rgba(0,21,118,0.15);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.fixed-header .phone-and-email ul li i {
  background-color: #555555;
}

.mylogo {
  width: 100%;
  max-width: 290px;
  margin: 0 auto;
}
.flashy-overlay {
  z-index: 999999;
}



/*------------------------------------------------ 
Banner CSS
--------------------------------------------------*/
.banner-area {
  position: relative;
  padding: 260px 0 326px;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.banner-col {
  position: relative;
  z-index: 1;
}
.banner-col h1 {
  color: #072D50;
  font-size: 3em;
  font-weight: 700;
  margin-bottom: 5px;
}
.banner-col h4 {
  color: #072D50;
  font-size: 2em;
  display: block;
  font-weight: 500;
}

.zoominout-animation {
    animation: zoominout-animation 5s ease-in-out infinite alternate;
    -webkit-animation: zoominout-animation 5s ease-in-out infinite alternate;
}
@keyframe zoominout-animation {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
    100% {
        transform: scale(2.0);
        -webkit-transform: scale(2.0);
    }
}




/*------------------------------------------------ 
Form CSS
--------------------------------------------------*/
.form-area {
  position: relative;
  z-index: 1;
}
.form-area .container-fluid {
  padding: 0 157px;
}
.form-bar {
  background-color: #258278;
  border-radius: 10px;
  padding: 30px 30px 20px;
  margin-top: -100px;
}
.form-bar p {
  text-align: center;
  color: #fff;
  font-size: 1.5em;
  margin-bottom: 15px;
}
.form-cols {
  display: flex;
  justify-content: space-between;
}
.form-col {
  width: 16.5%;
}
.form-col:last-child {
  width: 12%;
}
.form-col .form-control,
.form-col .form-select {
  height: 60px;
  color: #000000;
  font-size: 1.125em;
  border-radius: 11px;
  margin-bottom: 10px;
}
.form-col .btn {
  height: 60px;
  width: 100%;
  color: #000;
  background-color: #FF7F14;
  border-color: #FF7F14;
  padding: 6px 12px;
  margin-bottom: 0;
  border-radius: 11px;
  font-size: 22px;
}


/*------------------------------------------------ 
 pest control CSS
--------------------------------------------------*/
.pest-control-area {
  padding: 30px 0 60px;
}
.mytitle {
  margin-bottom: 20px;
}
.mytitle h2 {
  font-size: 3em;
  font-weight: 900;
  margin: 0;
  margin-bottom: 0;
}
.mytitle h2 span {
  color: #248277;
}
.pest-control-boxes {
  width: 100%;
  display: flex;
  justify-content: center;
}
.pest-control-box {
  width: 100%;
  max-width: 280px;
  text-align: center;
  margin: 0 15px;
  
}
.pest-control-content {
  border-radius: 12px;
  margin-bottom: 15px;
  background-color: #cfe4e1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pest-control-content:hover {
  background-color: #258278;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pest-control-box a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 50px 20px;
}
.pest-control-box h4 {
  display: block;
  font-size: 1.75em;
  color: #000;
  font-weight: 500;
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pest-control-content:hover h4 {
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pest-control-box .icon-black {
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pest-control-box .icon-white {
  display: none;
  margin: 0 auto;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pest-control-content:hover .icon-black {
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pest-control-content:hover .icon-white {
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pest-control-box p {
    display: flex;
    font-size: 1.3em;
    gap: 8px;
    font-weight: 500;
    color: #000;
    position: relative;
    padding-right: 10px;
    justify-content: center;
}
.pest-control-box p:before {
  content: "";
  display: block;
  position: relative;
  right: 0;
  top: 0;
  z-index: 0;
  background-image: url(../images/icons/checked.png);
  width: 33px;
  height: 33px;
  background-position: center;
  background-repeat: no-repeat;
}
.pest-control-box:hover .my-icon {
  animation-name: tada;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.tada {
  animation-name: tada;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}


.pest-control-col .btn {
  display: inline-flex;
  color: #fff;
  padding: 12px 24px;
  margin: 0 auto;
  width: auto;
  white-space: initial;
  background-color: #FF7F14;
  border-color: #FF7F14;
  border-radius: 11px;
  font-size: 22px;
  margin-top: 30px;
}
.pest-control-col .btn:hover {
  background-color: #ECCD3E;
  border-color: #ECCD3E;
  color: #000000;
}
.pest-control-col .btn span {
  margin-right: 8px;
}
.pest-control-col .btn span img {
  margin-left: -10px;
}



/*------------------------------------------------ 
 About CSS
--------------------------------------------------*/
.about-area {
  position: relative;
  padding-bottom: 60px;
}
.about-area .mytitle {
  margin-bottom: 50px;
}
.about-col {
  bottom: 30px;
}
.about-col p {
  color: #000000;
  font-size: 17px;
}
.about-box {
  background-color: #f8f8f8;
  padding: 20px 30px 0;
  margin-top: 60px;
}
.about-box-col {
  position: relative;
  padding-top: 20px;
  padding-right: 80px;
  margin-bottom: 30px;
}
.about-box-col img {
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 0;
}
.about-box-col h4 {
  color: #248277;
  font-weight: 700;
  display: block;
  font-size: 1.25em;
  margin-bottom: 0;
}
.about-box-col p{
  display: block;
  font-weight: 400;
  font-size: 1.25em;
}
.about-box hr {
  opacity: 1;
  border-color: #91b64f;
}



/*------------------------------------------------ 
 harmful CSS
--------------------------------------------------*/
.harmful-area {
  position: relative;
  padding-bottom: 80px;
}
.harmful-boxes {
  display: flex;
  flex-wrap: wrap;
}
.harmful-boxes a {
  width: 18%;
  background-color: #258278;
  border-radius: 11px;
  text-align: center;
  padding: 30px 20px;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}
.harmful-box .harmful-icon {
  margin-bottom: 25px;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.harmful-box .harmful-icon img {

}
.harmful-boxes a:hover .harmful-icon {
  animation-name: tada;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.harmful-box p{
  color: #fff;
  font-size: 1.25em;
}
.titlebox {
  position: relative;
}
.title-text {
  position: absolute;
  right: -45px;
  top: 15px;
  z-index: 0;
}
.title-text h2 {
  font-size: 3em;
  width: auto;
  padding: 10px 15px;
  background-color: #fff;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}
.title-text h2 span {
  color: #248277;
}
.title-text ul li {
  font-size: 1.75em;
  width: auto;
  padding: 10px 15px;
  background-color: #fff;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}
.title-text ul li img {
  width: 20px;
  margin-left: 10px;
}
.mybtns {
  margin-top: 30px;
}
.mybtns .btn {
  margin: 0 10px;
  background-color: #000000;
}
.mybtns .btn:hover {
  background-color: #258278;
}
.mybtns .btn span {
  margin-right: 8px;
}
.mybtns .btn span img {
  margin-left: -10px;
}
.theme-btn {
  display: inline-flex;
  color: #fff;
  padding: 6px 18px;;
  margin: 0 auto;
  width: auto;
  white-space: initial;
  background-color: #258278;
  border-color: #258278;
  border-radius: 11px;
  font-size: 22px;
}
.whatsapp-btn img {
  width: 16px;
  height: 16px;
  margin-top: 10px;
  margin-right: 3px;
}
.whatsapp-btn {
  background-color: #258278 !important;
}
.whatsapp-btn:hover {
  background-color: #000000 !important;
}


/*------------------------------------------------ 
 Testimonial CSS
--------------------------------------------------*/
.testimonial-area {
  position: relative;
  z-index: 2;
  padding-bottom: 60px;
}
.testimonial-row {
  width: 100%;
  max-width: 1260px;
  position: absolute;
  right: 60px;
  top: 140px;
  z-index: 1;
  padding: 20px;
}
.testimonial-img-box img {
  width: 115px !important;
  height: 150px !important;
}
.theme-btn span img {
  margin-left: -10px;
}
.testimonial-area .theme-btn:hover {
  background-color: #000000;
}
.testimonial-area .owl-stage-outer {
  padding-bottom: 100px;
}
.slide-item {
  width: 101%;
  position: relative;
  background-color: #ffffff;
  padding: 30px;
  padding-right: 0;
}
.slide-item-content {
  background-color: #F4F9F8;
  position: relative;
  padding: 20px;
  min-height: 320px;
}
.slide-item-content p {
  font-size: 17px;
}
.testimonial-img-box {
  position: absolute;
  bottom: -130px;
  left: 50%;
  transform: translateX(-50%);
}
.testimonial-img-box h4 {
  display: block;
  text-align: center;
  font-size: 1.125em;
  font-weight: 600;
}
.owl-theme .owl-nav {
  margin-top: 0;
}
.testimonial-area .owl-theme .owl-nav [class*="owl-"] {
  background-color: transparent;
  font-size: 60px;
  color: #000000;
  font-weight: normal;
}
.testimonial-area .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  right: -60px;
  z-index: 0;
  transform: translateY(-50%);
}
.testimonial-area .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  left: -60px;
  z-index: 0;
  transform: translateY(-50%);
}




/*------------------------------------------------ 
 Form two CSS
--------------------------------------------------*/
.form-two-area {
  background-color: #132846;
  margin-top: 0;
}
.form-two-area .form-bar {
  margin-top: 0;
  border-radius: 0;
  background-color: transparent;
}
.form-two-area .form-bar p {
  display: block;
  padding: 0 0 15px;
  text-align: center;
  color: #fff;
  font-size: 2em;
  font-weight: 900;
}


/*------------------------------------------------ 
 Footer CSS
--------------------------------------------------*/
.pigeons-area {
  position: relative;
  padding-top: 75px;
}
.pigeons-area .titlebox .title-text {
  right: auto;
  left: -65px;
  top: 40px;
}
.pigeons-area .harmful-boxes {
  justify-content: center;
  margin-top: 50px;
}
.pigeons-area .harmful-box p {
  font-size: 1.125em;
}
.pigeons-area .theme-btn {
  background-color: #1D3557;
}
.pigeons-area .theme-btn:hover {
  background-color: #000000;
}


/*------------------------------------------------ 
 Snake CSS
--------------------------------------------------*/
.snake-area {
  position: relative;
}
.snake-area .titlebox .title-text {
  left:auto;
  right: -40px;
}
.snake-area .harmful-boxes a {
  background-color: #1d3557;
}
.title-text ul li {
  color: #000000;
  font-size: 32px;
}



/*------------------------------------------------ 
 Methods CSS
--------------------------------------------------*/
.methods-area {
  padding-bottom: 80px;
}
.methods-col {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.methods-text {
  width: 73%;
}
.methods-text h2 {
  color: #248277;
  font-size: 1.7em;
  font-weight: 500;
  padding-top: 10px;
  margin-bottom: 10px;
}
.methods-text p {
  margin-bottom: 10px;
}
.method-links-col {
  width: 23.5%;
}
.method-links-heading {
  background-color: #1D3557;
  display: block;
  text-align: right;
  padding: 15px;
  
}
.method-links-heading h2 {
  color: #fff;
  font-size: 2.2em;
  font-weight: 300;
  margin: 0;
}
.method-link-box {
  position: relative;
  border-bottom: 1px solid #c8c8c8;
  padding: 15px 0 15px 15px;
}
.method-link-box a {
  color: #265852;
  font-size: 1.4em;
  font-weight: 500;
}
.method-link-box span {
  display: block;
  color: #A4A4A4;
  font-size: 1.2em;
}
.method-link-box img {
  position: absolute;
  left: 0;
  top: 50%;;
  z-index: 0;
  transform: translateY(-50%);
}
.methods-text-two {
  width: 76%;
}
.methods-img-col {
  width: 22%;
}



/*------------------------------------------------ 
 Blog CSS
--------------------------------------------------*/
.blog-area {

} 
.blog-cols {
  display: flex;
  justify-content: space-between;
  padding: 0 130px;
}
.blog-col {
  width: 370px;
  margin-bottom: 30px;
  background-color: #F1F1F1;
}
.blog-img {
  position: relative;
}
.blog-img img {
  width: 100%;
  object-fit: cover;
  -webkit-filter: blur(3px);
  transition: all 0.25s ease;
}
.blog-col:hover .blog-img img {
  -webkit-filter: blur(0);
  transition: all 0.25s ease;
}
.blog-col h4 {
  font-weight: 500;
  font-size: 1.2em;
  margin: 15px 20px 5px;
}
.blog-col a {
  color: #248277;
  float: left;
  margin: 15px;
  margin-top: 0;
}




/*------------------------------------------------ 
 Video CSS
--------------------------------------------------*/
.video-area {
  position: relative;
  padding: 70px 0 60px;
  overflow: hidden;
}
.video-item {

}
.video-img {
  position: relative;
}
.video-img i {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(255,2552,255,0.4);
  text-align: center;
  line-height: 60px;
  color: #FF0000;
  font-size: 24px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.video-img:hover i {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.owl-theme .owl-nav {
  margin-top: 0;
}
.video-area .owl-theme .owl-nav [class*="owl-"] {
  background-color: transparent;
  font-size: 60px;
  color: #000000;
  font-weight: normal;
}
.video-area .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  right: -60px;
  z-index: 0;
  transform: translateY(-50%);
}
.video-area .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  left: -60px;
  z-index: 0;
  transform: translateY(-50%);
}
.video-item p {
  padding-top: 5px;
  text-align: center;
  font-size: 1.125em;
  font-weight: 700;
}
.btn-blue {
  background-color: #1D3557;
}
.btn-blue:hover {
  background-color: #000000;
}




/*------------------------------------------------ 
 Video two CSS
--------------------------------------------------*/
.video-area-two {
  position: relative;
  padding-top: 20px;
}
.video-area-two .video-img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.video-area-two .video-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 21px;
}
.pagename {
  margin-bottom: 20px;
}
.pagename ul li {
  display: inline-block;
  color: #8A8A8A;
  text-decoration: none;
  font-weight: 400;
}
.pagename ul li a {
  color: #8A8A8A;
}
.pagename h2 {
  font-size: 36px;
  margin-bottom: 0;
}
.category-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 30px;
  background-color: #F6F6F6;
  color: #248277;
  border-bottom: 2px solid #248277;
  margin-bottom: 10px;
}
.category-header h2 {
  margin-bottom: 0;
}
.my-contact-box {
  background-color: #1d3557;
  padding: 15px 30px;
  border-radius: 18px;
  text-align: center;
}
.my-contact-box h3 {
  color: #fff;
  padding: 0 0 5px;
  text-align: center;
  font-weight: 400;
  font-size: 1.5em;
  margin-bottom: 0;
}
.my-contact-box P {
  font-size: 1.5em;
  color: #FFAA00;
  direction: rtl;
  font-weight: 400;
	  padding: 0 0 15px;

}
.my-contact-box span {
  color: #FFAA00;
  text-align: center;
  font-weight: 400;
  font-size: 1.5em;
}
.my-contact-box .form-control,
.my-contact-box .form-select {
  margin-bottom: 10px;
  border-radius: 7px;
  color: #8E8E8E;
  height: 38px;
}
.my-contact-box .form-select {
  color: #000000;
}
.my-contact-box .btn {
  min-width: 163px;
  color: #000;
  background-color: #FF7F14;
  border-color: #FF7F14;
  padding: 6px 12px;
  margin-bottom: 0;
  border-radius: 11px;
  font-size: 22px;
}
.my-contact-box .btn:hover {
  background-color: #ECCD3E;
}
.sidebar-col {
  margin-left: 30px;
}
.method-links-col-two {
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 2px 40px #00000029;
  border-radius: 21px;
  padding-bottom: 21px;
  overflow: hidden;
}
.method-links-col-two .method-link-box img {
  left: 0;
}
.method-links-col-two .method-link-box a {
  color: #265852;
  font-size: 1.25em;
  font-weight: 500;
}
.method-links-col-two .method-link-box span {
  color: #A4A4A4;
  font-size: 1em;
}
.method-links-col-two .method-link-box {
  margin: 0 10px;
}
.mb-30 {
  margin-bottom: 30px;
}
.service-menu {
  padding: 15px 30px;
  background-color: #CFE4E1;
  border-radius: 18px;
}
.service-menu h2 {

  text-align: center;
  color: #000;
  font-size: 1.5em;
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
  font-weight: 500;
}
.service-menu ul {
  
}
.service-menu ul li {
  width: 43%;
  border-bottom: 1px solid #cecece;
  position: relative;
  display: inline-block;
  margin: 0 10px;
}
.service-menu ul li:before {
  content: "\f104";
  position: absolute;
  right: 0;
  top: 6px;
  z-index: 0;
  font-family: FontAwesome;
  font-size: 16px;
  color: #999999;

}
.service-menu ul li a {
  color: #248277;
  position: relative;
  display: block;
  padding: 5px 20px 5px 0;
  font-size: 17px;
}




/*------------------------------------------------ 
 defult content CSS
--------------------------------------------------*/
.defult-content-area {
  position: relative;
  padding-top: 20px;
  padding-bottom: 60px;
}
.content-col {

}
.textbox-1 {
  margin-top: 40px;
}
.textbox-1 p {
  font-size: 14pt;
  color: rgb(14, 79, 144);
}
.textbox-1 h4 {
  font-size: 18pt;
}
.textbox-1 h3 {
  color: rgb(14, 79, 144);
  font-size: 18pt;
  background-color: rgb(237, 237, 0);
  display: inline-block;
}
.textbox-1 span {
  font-size: 14pt;
  text-decoration: underline;
  display: block;
  margin-bottom: 35px;
}
.textbox-1 p a {
  color: #337ab7;
  font-size: 18pt;
  font-weight: bold;
}
.textbox-2 {
  width: 100%;
  margin-bottom: 40px;
}
.textbox-2 img {
  width: 100%;
}
.textbox-2 p {
  color: #000;
  font-weight: 300;
  font-size: 16px;
}
.textbox-3 {
  width: 100%;
  margin-bottom: 50px;
}
.textbox-3 img {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 50px;
}
.textbox-3 h4 {
  font-size: 1.5em;
}
.textbox-3 p {
  color: #000;
  font-weight: 300;
  font-size: 17px;
}
.textbox-3 p a {
  font-weight: bold;
}
.textbox-3 span {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 20px;
  display: block;
  text-decoration: underline;
}
.my-table {
  margin-bottom: 30px;
}
.my-table thead tr th {
  color: rgb(0, 160, 0);
  text-align: center;
}
.my-table tbody tr td:first-child {
  color: #000000;
  font-weight: bold;
}
.my-table tbody tr td {
  text-align: center;
  padding: 0;
}
.textbox-4 {
  
}
.textbox-4 p {
  margin-bottom: 15px;
}
.textbox-4 ul.mylist li {
  margin-bottom: 20px;
  padding-right: 15px;
  position: relative;
}
.textbox-4 ul.mylist li:before {
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  z-index: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000000;
}
.comment-box {
  background-color: #248277;
  border: 1px solid #707070;
  border-radius: 18px;
  padding: 10px 15px;
  color: #fff;
  margin: 20px auto;
  padding-right: 130px;
  position: relative;
  margin-bottom: 60px;

}
.comment-box img {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 0;
  border: 3px solid #ffffff;
}
.comment-box h4 {
  font-size: 1.125em;
  font-weight: 700;
   color: #fff;
}
.comment-box p {
  font-weight: 300;
  font-size: 16px;
}
.more-docs {
  
}
.more-docs h4{
  background-color: #234474;
  padding: 15px 20px;
  border-radius: 16px 16px 0px 0px;
  color: #fff;
  font-size: 1.25em;
  margin: 0;
}
.more-docs ul {
  background-color: #EFEFEF;
  border-radius: 0px 0px 16px 16px;
  background-color: #EFEFEF;
  padding: 15px 20px;
}
.more-docs ul li {
  display: inline-block;
  width: 32%;
  
}
.more-docs ul li a {
  color: #000;
  border-bottom: 1px solid #dddddd;
  display: block;
  padding-bottom: 5px;
}


.orangelinks {

}
.orangelinks ul li {
  margin-bottom: 10px;
}
.orangelinks ul li a {
  display: block;
  background-color: #FF7F14;
  border-radius: 18px;
  height: 70px;
  padding-right: 140px;
  position: relative;
  color: #234474;
  font-size: 1.3em;
  line-height: 70px;
  overflow: hidden;
}
.orangelinks ul li a:hover {
  background-color: #234474;
  color: #FF7F14;
}
.orangelinks ul li a span {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  background-color: #234474;
  width: 120px;
  height: 100%;
  text-align: center;
}



.recommendation-box {
  background-color: #CFE4E1;
  border-radius: 21px;
  padding: 15px;
}
.recommendation-box h2 {
  text-align: center;
  font-size: 1.5em;
  color: #000;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #c1d4d1;
}
.recommendation-item {
  border-radius: 18px;
  padding: 15px;
  background-color: #fff;
}
.recommendation-img {
  position: relative;
}
.recommendation-img img {
  width: 150px !important;
  height: 150px !important;
  border-radius: 50%;
}
.recommendation-img span {
  position: absolute;
  left: 10px;
  top: 10px;
}



/*------------------------------------------------ 
 testimonial two CSS
--------------------------------------------------*/
.testimonial-two-area {

}
.mytestimonial-cols {
  display: flex;
}
.mytestimonial-col {
  background: #F8F8F8 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 40px #2344742E;
  border-radius: 28px;
  height: 100%;
}
.mytestimonial-img {
  border-radius: 28px 28px 0 0;
  background-color: #234474;
  height: 100px;
  position: relative;
  padding-top: 35px;
}
.mytestimonial-img img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 5px solid #ffffff;
  margin: 0 auto;
  display: block;
}
.mytestimonial-name {
  margin-top: 90px;
  padding: 0 10px 10px 10px;
  text-align: center;
}
.mytestimonial-name h3 {
  color: #234474;
  font-size: 1.5em;
  font-weight: 300;
}
.mytestimonial-name span {
  color: #B1B1B1;
}
.mytestimonial-name ul li {
  display: inline-block;
}
.mytestimonial-name ul li a i {
  color: #FF7F14;
  font-size: 15px;
  cursor: pointer;
}
.mytestimonial-col p {
  padding: 10px 15px 20px;
}



/*------------------------------------------------ 
 Contact CSS
--------------------------------------------------*/
.contact-area {

}
.contact-area .pagename {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 25px;
}
.number-box {
  position: relative;
  display: flex;
  margin-bottom: 30px;
}
.number-box h4 {
  width: 50%;
}
.number-box p {
  /*position: absolute;
  left: 0;
  top: 0;
  z-index: 0;*/
  width: 50%;
}
.number-box p a {
  color: #248277;
  font-size: 1.25em;
}
.contact-area .my-contact-box {
  margin-right: 30px;
}
.time-box {
  display: flex;
}
.time-box h4 {
  width: 50%;
}
.time-box ul {
  width: 50%;
}
.time-box ul li {
  color: #000000;
  font-size: 1.25em;
}
.time-box ul li span {
  padding-left: 80px;
}
.highlight-box {
  margin-top: 30px;
  padding: 15px 20px;
  background-color: #F1F1F1;
  font-size: 1.25em;
  border: 1px solid #dddddd;
}



/*------------------------------------------------ 
 Footer CSS
--------------------------------------------------*/
.footer-area {
    background-color: #1d3557;
    padding: 60px 0 30px;
    position: relative;
    overflow: hidden;
}
.footer-links {
  display: flex;
}
.footer-link-col {
  width: 15%;
  margin-bottom: 30px;
  margin-left: 20px;
}
.footer-link-col h4 {
  margin-bottom: 0;
  font-size: 1.2em;
  color: #fff;
  font-weight: bold;
}
.footer-link-col ul li a {
  color: #ffffff;
  font-size: 17px;
}
.footer-logo {
  margin-bottom: 35px;
}
.footer-social {
  text-align: center;
  margin-bottom: 35px;
}
.footer-social ul li {
  display: inline-block;
}
.telephone {
  text-align: center;
  margin-bottom: 40px;
}
.telephone a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
}
.telephone a img {
  margin-right: 10px;
}
.footer-col h3 {
  font-weight: 300;
  color: #fff;
  font-size: 2em;
  text-align: center;
  margin: 0;
}



/*------------------------------------------------ 
            Responsive CSS
--------------------------------------------------*/

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

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

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

@media only screen and (max-width:1440px) {
  .blog-cols {
    padding: 0;
  }
  .blog-col {
    width: 32%;
  }
  .harmful-boxes a {
    width: 17%;
  }
  .harmful-box .harmful-icon {
    min-height: 50px;
  }
  .harmful-box .harmful-icon img {
    height: 50px;
  }
  .harmful-box .harmful-icon {
    margin-bottom: 12px;
  }
  .testimonial-area {
    padding-bottom: 250px;
  }
  .form-area .container-fluid {
    padding: 0 50px;
  }
  .time-box ul li span {
    padding-left: 50px;
  }
}

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

@media only screen and (max-width:1366px) {
  .service-menu ul li {
    width: 40%;
  }
}


@media only screen and (max-width:1199px) {
  .sidebar-col {
    margin-left: 0;
  }
  .service-menu ul li {
    width: 100%;
    margin: 0;
  }
}

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

@media only screen and (max-width:991px) {
  
  /* Header Nav CSS Start */
  .header-area {
    z-index: 9;
  }
  .nav-search-col {
    
  } 
  .nav-search-col ul {
    text-align: right;
  }
  .stellarnav.mobile.right>ul {
    max-width: 100%;
  }
  .stellarnav.light {
    text-align: right;
    position: relative;
  }
  .stellarnav .menu-toggle {
    padding: 0;
    margin-top: 5px;
  }
  .header-logo {
    padding: 10px 0;
  }
  .nav-search-col ul {
    margin: 30px 0;
  }
  .fixed-header .nav-search-col ul {
    margin: 20px 0;
  }
  .stellarnav>ul>li.menu-item-has-children>a:before {
    display: none;
  }
  .stellarnav > ul > li > a {
    color: #333333 !important;
  }
  .stellarnav.light .menu-toggle span.bars span {
    background-color: #ffffff;
  }
  .stellarnav .menu-toggle span.bars span {
    width: 25px;
    height: 3px;
    margin: 0 0 5px;
  }
  .stellarnav>ul>li:last-child a {
    padding-left: 15px; 
  }
  .fixed-header .stellarnav>ul>li>a {
    color: #fff !important;
  } 
  .stellarnav.mobile.light li a {
    color: #ffffff !important;
  }
  .stellarnav a.dd-toggle .icon-plus {
    
  }
  .has-sub {
    text-align: right;
  }
  .has-sub a i {
    float: left;
  }
  .stellarnav.mobile.right > ul {
    background-color: rgba(35, 68, 116, 0.9);
  }
  .stellarnav ul li a {
    font-weight: 500;
  }
  .stellarnav ul li ul li a {
    text-align: right;
    background-color: #51A4DD;
  }
  .stellarnav.light .icon-close::after, 
  .stellarnav.light .icon-close::before {
    border-color: #ffffff;
  }
     
  
  /* Header Nav CSS End */
  .form-area .container-fluid {
    padding: 0 15px;
  }
  .harmful-boxes a {
    width: 45%;
  }
  .harmful-box .harmful-icon {
    min-height: auto;
  }
  .harmful-box .harmful-icon img {
    height: auto;
  }
  .methods-col {
    display: block;
  }
  .methods-text {
    width: 100%;
  }
  .method-links-col {
    width: 100%;
    margin-bottom: 30px;
  }
  .myphonenumber {
    display: none;
  }
  .myphonenumber-two {
    display: block;
    width: 60%;
    text-align: left;
  }
  .navbar-col {
    display: flex;
    justify-content: space-between;
  }
  .stellarnav {
    width: 40%;
  }
  .top-menu {
    display: none;
  }
  .top-bar-col-2 {
    width: 80%;
  }
  .slide-item-content p {
    
  }
   .testimonial-img-box {
    bottom: 0;
    position: relative;
    text-align: center;
   }
   .testimonial-img-box img {
    margin: 0 auto;
   }
   .slide-item {
    width: 100%;
   }
   .testimonial-area .owl-carousel .owl-nav .owl-prev {
    right: 0;
   }
   .testimonial-area .owl-carousel .owl-nav .owl-next {
    left: 0;
   }
   .testimonial-area .owl-stage-outer {
    padding: 0;
   }
   .testimonial-row {
    position: relative;
    right: auto;
    top: auto;
   }
   .slide-item {
    padding: 0;
   }
  .form-cols {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .form-col {
    margin-left: 10px;
    width: 48%;
  }
  .form-col:last-child {
    width: 100%;
  } 
  .stellarnav .icon-close {
    margin-right: 0;
  }
  .video-area-two .row {
    flex-direction: column-reverse;
  }
  .defult-content-area .row,
  .flex-rev {
    flex-direction: column-reverse;
  }
  .contact-area .my-contact-box {
    margin-right: 0;
    margin-top: 30px;
  }
}

@media only screen and (max-width:767px) {
  .form-col {
    width: 100%;
    margin-left: 0;
  }
  .footer-links {
    flex-wrap: wrap;
    justify-content: flex-start
  }
  .footer-link-col {
    width: 29%;
  }
  .header-menubar .container-fluid {
    padding: 0 15px;
  }
  .pest-control-boxes {
    display: block;
  }
  .pigeons-area .titlebox .title-text {
    left: 0;
  }
  .snake-area .titlebox .title-text {
    left: auto;
    right: 0;
  }
  .more-docs ul li {
    width: 49%;
  }
  .title-text {
    right: 0;
  }
  .mybtns .btn {
    margin-bottom: 10px;
  }
  .testimonial-area {
    padding-bottom: 0;
  }
}

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

@media only screen and (max-width:575px) {
  .footer-link-col {
    width: 45%;
  }
  .more-docs ul li {
    width: 100%;
  }
}

@media only screen and (max-width:480px) {
  .footer-link-col {
    width: 100%;
    margin-left: 0;
  }
  .banner-col h1 {
    font-size: 1.35em;
  font-weight: 700;
  }
  .banner-col h4 {
    font-size: 1.15em;
  }
  .pest-control-box {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .harmful-boxes a {
    width: 44%;
    padding: 10px 20px;
  }
  .harmful-box .harmful-icon img {
    height: 50px;
  }
  .title-text ul li {
    font-size: 17px;
    margin-bottom: 2px;
  }
  .title-text h2 {
    font-size: 30px;
  }
  .pigeons-area .titlebox .title-text {
    left: 0;
  }
  .pigeons-area .titlebox .title-text {
    left: auto;
    right: 0;
  }
  .methods-img-col {
    width: 100%;
  }
  .blog-cols {
    display: block;
  }
  .blog-col {
    width: 100%;
  }
  .video-area .owl-carousel .owl-nav .owl-prev {
    right: 0;
    background-color: #ffffff;
  }
  .video-area .owl-carousel .owl-nav .owl-next {
    left: 0;
    background-color: #ffffff;
  }
  .header-menubar {
    background-color: #1E3658;
    padding: 2px 0;
  }
  .header-top-bar-cols {
    display: block;
  }
  .top-bar-col-2 {
    width: 85%;
    text-align: center;
    margin: 0 auto;
  }
  .myphonenumber ul li a {
    font-weight: bold;
  }
  .myphonenumber ul li .call-img {
    top: -2px;
  }
  .slide-item-content {
    position: relative;
  }
  .slide-item-content:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 130px;
    background-color: #fff;
  }
  .slide-item-content p {
    font-weight: bold;
    margin-bottom: 10px;
  }
  .header-area {
    width: 100%;
  }
}

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

@media only screen and (max-width:375px) {
  .myphonenumber ul li a {
    font-size: 20px;
  }
  .harmful-boxes a {
    width: 43%;
  }
  .pest-control-col .btn {
    padding: 12px 16px;
  }
  .harmful-area .mybtns .btn {
    margin-left: 0;
    margin-right: 0;
  }
  .pigeons-area .titlebox .title-text {
    right: auto;
    left: 0;
  }
  img.myimg {
    height: 280px;
  }
  .theme-btn {
    font-size: 16px;
  }
  .pigeons-area {
    padding-top: 0;
  }
  .snake-area .row {
    flex-direction: column-reverse;
  }
  .snake-area .titlebox .title-text {
    left: auto;
    right: 0;
  }

}

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

}