body { background-color: #FFF !important; font-size: 15px !important; line-height: 25px !important; font-family: "Poppins", sans-serif !important; color: black !important; }
.site-category-section { padding: 60px 0px; }
.black-bttun, .yellow-btn { background-color: #000000; padding: 13px 43px; display: inline-block; border-radius: 20pc; color: #fff; text-decoration: none !important; }
.yellow-btn { background-color: #ffcc00; cursor: pointer; }

.small-btn, .phnumber_btn { padding: 5px 30px;}
.phnumber_btn {float: right;}

button { border: none !important; }
a { text-decoration: none !important; }
.rounded-20 { border-radius: 20px; }
.rounded-15 { border-radius: 15px; }
.l-shadow { box-shadow: 0px 2px 9px #f3f3f3; }
.dropdown-divider { color: #ffbe00; }
/*-----------------------------
*Header style before login
------------------------------*/
.header-login a {

  background: #fc0;
  color: black !important;
}

.header-login {
  background-color: #fc0;
  padding: 10px 20px;
  border-radius: 20pc;
}
.header-btn a { padding: 10px 30px; }




/*-----------------------------
*Header Style After Login
-----------------------------*/

.header-search { position: relative; }
.header-search button { background: none !important; border: none; position: absolute; right: 10px; top: 12px; color: #002f34; font-size: 20px; }
.header-user img { width: 50px; }

.header-search input { height: 50px; border-radius: 0pc 10pc 10pc 0px; border: 2px solid #ffcc00; padding: 0px 28px; }
.category-drop select { color: white !important; background-color: #ffcc00; padding: 10.2px 24px; border-radius: 10pc 0px 0px 10pc; border: 3px solid #ffcc00; }
form.header-search i { font-size: 20px; }
.site-header .dropdown-menu { border: none; border-radius: 15px; box-shadow: 0px 4px 8px #2c2c2424; }
ul.dropdown-menu { padding: 10px 0px; }
.dropdown-menu li { list-style: none; }
.dropdown-menu li a { color: black; padding: 5px !important; display: block; }
.dropdown-toggle::after { position: absolute; top: 22px; }
/*-----------------------------
*Message-popup-section
-----------------------------*/
.bg-green-300, .bg-red-300, .bg-green-500  {
    position: absolute !important;
    width: 370px;
    background-color: #ffffff;
    color: #000 !important;
    margin: auto;
    text-align: center;
    z-index: 111;
    left: 36.3%;
    border-radius: 11px !important;
    top: 110px;
    padding: 30px !important;
}

.bg-green-300::before, .bg-red-300::before ,.bg-green-500::before {
    color: white;
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    position: absolute;
    top: -68px;
    text-align: center !important;
    align-items: center;
    width: 100%;
    background: #34c875;
    left: 0px;
    padding: 29px 0px;
    font-size: 43px;
    border-radius: 10px 10px 0px 0px;
}
.bg-red-300::before {
    background: red !important;
    content: "\f057";
}


/*-----------------------------
*Carosel-section
-----------------------------*/
.card { box-shadow: 0px 6px 10px #ababab54; border-radius: 15px !important; overflow: hidden; margin: 0px 15px; min-height: 255px; padding: 35px 0px; border: inherit; }
.card-img img { margin: auto; }
.carousel-control-prev-icon, .carousel-control-next-icon { background: #ffbe00; position: absolute; border-radius: 20px; }
.carousel-control-prev-icon::after, .carousel-control-next-icon::after { font-size: 30px; position: absolute; top: 4px; }
.carousel-control-prev-icon { left: -16px; }
.site-category-section .carousel-control-next-icon { right: -16px; }
.carousel-control-prev-icon::after { content: "<"; left: 6px; }
.carousel-control-next-icon::after { content: ">"; right: 6px; }
.carousel-item { padding: 20px 0px; }
.card-img-overlay { color: #000; position: absolute !important; top: 170px; font-size: 17px; }
.site-category-section .card-img-overlay { position: relative; }
@media (max-width: 767px) {
.carousel-inner .carousel-item > div { display: none; }
.carousel-inner .carousel-item > div:first-child { display: block; }
}
.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev { display: flex; }

/* medium and up screens */
@media (min-width: 768px) {
#recipeCarousel .carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next { transform: translateX(25%); }
#recipeCarousel .carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev { transform: translateX(-25%); }
#category_carousel .carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next { transform: translateX(16.4%); }
#category_carousel .carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev { transform: translateX(-16.4%); }
}
.carousel-inner .carousel-item-end, .carousel-inner .carousel-item-start { transform: translateX(0); }


.service-labelcls b {
    position: relative;
    width: 100%;
    font-weight: 300 !important;
    color: #000 !important;
    text-align: center;
}
.testi-info img {
    width: auto;
    height: 80px;
}
/*-----------------------------
*Job-bird-box-section
-----------------------------*/
.job-tittile-box { display: flex; background-color: #ffcc00; padding: 10px; border-radius: 10pc; color: #ffffff !important; }
.job-section { padding: 0px 0px 60px; }
.job-tittile-box i { font-size: 80px; color: white; margin-right: 20px; }
.job-tittile-box a { color: black; text-decoration: none; }
.job-tittile-box h2 { font-size: 35px; font-weight: 700; }
/*-----------------------------
*app-install-section
-----------------------------*/
.app-insta-section { background-image: url(../images/App-cover-images.jpg); background-repeat: no-repeat; background-size: cover; padding: 65px 0px; }
.app-inst-icons img { background: black; width: 100%; border: 2px solid #fff; border-radius: 20pc; padding: 4px 25px; }
.app-inst-icons a { width: 30%; }
.app-inst-icons a.btn-store {
    border: 1.8px solid white !important;
}
/*-----------------------------
*Footer-section
-----------------------------*/
footer.site-footer { background-color: #ffffff; padding: 20px; color: #000; }
footer.site-footer a { color: #000; }
.icon-footer a { background-color: #ffcc00; width: 35px; margin-left: 5px; height: 35px; align-items: center; display: flex; justify-content: center; border-radius: 10pc; color: #ffffff !important; }
/*-----------------------------
*Sub Page Style
-----------------------------*/
.sub-banner { background-image: url(../images/Sub-banner.png); background-repeat: no-repeat; background-size: cover; padding: 45px 0px; }

.sub-banner h3 { color: white; font-size: 35px !important; }
.control-icon a { color: #000; }
.sub-page-content input, .sub-page-content select, .modal-content input, .modal-content select { border: 2px solid #dfdfdf !important; border-radius: 20pc; height: 42px; width: 100%; padding: 4px 20px; }
.sub-page-content textarea, .modal-content textarea { border: 2px solid #dfdfdf; border-radius: 20px; }
.round-btn { background: #ffbe00; color: #fff; border-radius: 20pc; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 23px; }
.prf-grid, .noti-grid, .grid_box { position: relative; }
.services-grid { border: 1px solid #f1f1f1; }

/*-----------------------------
*login and Register page
-----------------------------*/


.login-maindiv input, .register-section input, .forgot-password-section input { border-radius: 20pc !important; padding: 15px 30px !important; margin: 0px !important; }
.login-maindiv form, .register-section form { width: 100%; padding: 0px; }
.login-maindiv, .register-section, .forgot-password-section { background-color: #ffffffd6 !important; padding: 50px 0px; box-shadow: inherit !important; border: inherit !important; border-radius: 30px !important; }
.start-in-page { background-color: #ffd866; background-image: url(https://dev.ezeejobz.com/images/Login-graphics.png); background-size: 45%; background-repeat: no-repeat; background-position: bottom left; }
.login-maindiv form, .register-section form { background: none !important; }
.forgot { color: #2d3748; margin: auto; }
.start-in-page input {
    padding: 11px 20px !important;
}
/*-----------------------------
*Forgot Password Page
-----------------------------*/
.otpenter-section form {
    text-align: center;
    background-color: #ffffffd6 !important;
    border-radius: 30px;
    margin: 30px auto 100px !important;
}
/*-----------------------------
*Change Password Page
-----------------------------*/
.chng-password { margin: auto; padding: 60px 0px; }
/*-----------------------------
*Select Services Page
-----------------------------*/
span.service_list_span img {
    width: auto;
    height: 80px;
}
.servies-list-section .list-box {
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}
p.service_list_title {
    bottom: -25px;
    position: relative;
    color: #000;
}

/*-----------------------------
*Skills Page
-----------------------------*/
.skill-add-box { width: 100%; text-align: center; background: #ffbe00; font-size: 22px; border-radius: 10pc; }
.skill-add-box .list-box { min-height: 210px; }
/*-----------------------------
*Profile Page
-----------------------------*/

.control-icon { position: absolute; right: 20px; top: 25px; font-size: 20px; }
.prf-grid img { width: 80px; }
.control-icon i { font-size: 20px !important; color: black !important; }
.prf-grid img { margin: auto; }
/*-----------------------------
*Location Page
-----------------------------*/
.location-grid { min-height: 164px; display: grid; align-items: center; }
.location-grid i { font-size: 48px; color: #ffbe00; }
/*-----------------------------
*Notfication Page
-----------------------------*/
.notification-section img { margin: auto; }
p.n-time-date { color: #ffbe00; }
.noti-grid, .noti-grid p {
  color: black !important; transition: 0.9s !important;
}
.noti-grid:hover, .noti-grid p:hover {
  color: #ffd866 !important;
}
/*-----------------------------
*Service location Page
-----------------------------*/

.location-seach { position: relative; border-radius: 10pc; }
.location-seach select { height: 55px; text-indent: 25px; border: 2px solid #000000; border-radius: 10pc; }
.location-seach input:focus { box-shadow: none; border: 2px solid blue; }
.location-seach button:hover { background-color: #000 !important; border-color: #000; }
.location-seach i { position: absolute; top: 20px; left: 26px; }
.location-seach button { position: absolute; top: 5px; right: 17px; height: 45px; width: 110px; background: #ffbe00; border-radius: 10pc; border-color: #ffbe00; }
/*-----------------------------
*Profile Settings Page
-----------------------------*/
/*-----------------------------
*My Jobs Page
-----------------------------*/
.bid-nbr { font-size: 20px; display: inline-block; background-color: #ffbe00; padding: 6px 30px; color: white; font-weight: 600; border-radius: 20pc; }
/*-----------------------------
*Add Job Page
-----------------------------*/
.add-job-section .upload-btn { position: relative; overflow: hidden;cursor: pointer; }
.add-job-section .upload-btn input, .modal-body .upload-btn input { position: absolute; font-size: 50px; opacity: 0; right: 0; top: 0; }
.add-job-section .upload-btn input[type="file"]{cursor: pointer;}
/*-----------------------------
*Hm Counter Section
-----------------------------*/

.count-box { text-align: center; }
span.counting { font-weight: 600; font-size: 30px; }
.count-box strong { font-weight: 400; }
.count-box img {
  width: 50px;
  margin: 0px auto 10px;
}
.counter { background-color: #f5f5f5; padding: 20px 0; border-radius: 5px; }
.count-title { font-size: 40px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center; }
.count-text { font-size: 13px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }
/*-----------------------------
*Popup-style
-----------------------------*/
.modal-header { border: navajowhite; }
.modal-content { border-radius: 20px; }
/*-----------------------------
*Job List Page
-----------------------------*/

.confirm-btn { font-size: 20px; display: inline-block; background-color: #67ce09; padding: 6px 15px; color: white; font-weight: 600; border-radius: 20pc; margin-top: 7px; font-size: 16px; }
.job-list-section .list-box { min-height: 200px; display: grid; align-items: center; }
.job-list-section Select { height: 57px; }
.list-box img { width: auto; margin: auto; }
.job-list-section form { margin: 0px; padding: 0px; width: auto; }


/*-----------------------------
*Responsive-style
-----------------------------*/
@media (max-width: 767px) {
.category-drop select, .header-search input { margin-bottom: 10px; border-radius: 10pc !important; }
.app-inst-icons a { width: 50%; }
}
/*-----------------------------
*bid List Page
-----------------------------*/
.bid-listing-content .bid-prf-img img { border-radius: 20pc; box-shadow: 0px 3px 4px #dddddd; border: 5px solid #ffd866; }
.bid-listing-content .bid-price { font-size: 23px; font-weight: 600; }
.bid-listing-content .bid-star-rating i { color: #ffbe00; margin-right: 10px; }
.bid-list-icon i { color: #ffffff !important; padding: 8px; border-radius: 20px; }
a.approve-icon-btn i { background-color: #62d967; }
a.diseble-icon-btn i { background: #e9e9e9; }
.w-3.h-3.fill-current.text-yellow-600 { color: yellow; fill: #b7b713; }
.w-3.h-3.fill-current.text-gray-400 { fill: #8a8686; }
.bid-nbr a {
  color: #fff !important;
}
.control-icon.delete-icon {cursor: pointer;}
.site-back-btn {
    position: absolute;
    background: white;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 55px;
    top: 139px;
    left: 0px;
    border-radius: 0px 22px 22px 0px;
}
.site-back-btn i {
    font-size: 30px;
}


.cursor_pointer{cursor: pointer;}
input.avatar_image {background-color: #E5E5E5;}


/*-----------------------------
*bid List Page
-----------------------------*/
.pest-control-box::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border-radius: 15px;
  z-index: 1;
  background-image: linear-gradient(#f2f2f2, #e3e3e3b8);
}

.pest-control-box {
  background-image: url(../images/pest-control-img-01.png);
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: bottom !important;
  position: relative;
  display: flex !important;
  align-items: center;
}

.pest-control-box span {
  position: relative;
  z-index: 11;
}


.pest-control-box a {
  background: #ffe066 !important;
    background-color: rgb(255, 224, 102);
  padding: 13px 20px;
  display: inline-block;
  border-radius: 10px;
  color: #000;
  box-shadow: 0px 2px 11px #0000003b;
  transition: 0.9s !important;
  margin-top: 8px !important;
}
.pest-control-box a:hover {
  background-color: #fff !important;
  box-shadow: 0px 6px 43px #0000003b;
}