*{
padding:0;
margin:0;
user-select:none;
}

.loction_menu{
  background: linear-gradient(264deg, rgba(69,137,235,1) 0%, rgba(41,134,203,1) 100%);
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  color:#fff;
}
.loction_menu .notification_btn{
  font-size:20px;
  cursor:pointer;
}
.loction_menu >div:nth-child(1){
  font-size: 10px;
}
.loction_menu_div1{
display: flex;
align-items: center;
justify-content: space-between;
}
.loction_menu_div1 p{
  font-size: 12px;
}
/* ----------------------------------------- */
.search_main_div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
  margin: auto;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 8px 20px;
  margin-top: 15px;
  border-radius: 15px;
  position: sticky;
  top: 10px;
  background: #fff;
  z-index: 999
}
.search_main_div p{
color:#696d70;
}
.search_main_div i{
  padding:10px;
  border-radius: 50%;
  color: #fff;
  background:linear-gradient(264deg, rgba(69,137,235,1) 0%, rgba(41,134,203,1) 100%);
}
/* -------------------------------------------- */
#top_banner_slider,#mid_banner_slider,#third_banner_slider{
  width: 95%;
  margin: auto;
  margin-top: 10px;
}
.category_main_div .div_1{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.category_main_div .div_1 p{
   font-weight: bold;
}
.category_main_div .div_1 a{
   text-decoration: underline;
}
.cat_div_2{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  align-items: center;
}
.cat_div_2 p{
  font-size: 12px;
  height:30px;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 14px;
}
.cat_div_2 .cat_box{
  background:#e9eff5;
  padding: 8px;
  text-align: center;
  margin: 10px;
  border-radius: 10px;
cursor: pointer;
 width: 70px;
}
.cat_div_2 .cat_box img{
  height: 25px;
  width:25px;
}
/* Popular service carousel ======================================*/
.p_service_main_div .div_1{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.p_service_main_div .div_1 p{
   font-weight: bold;
}
.p_service_main_div .div_1 a{
   text-decoration: underline;
}
.p_service_div_2{
  display: flex;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.p_service_div_2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.p_service_div_2::-webkit-scrollbar
{
	width: 5px;
  height: 4px;
	background-color: #F5F5F5;
}

.p_service_div_2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}

.service_box{
  height: 200px;
  width: 150px;
  border-radius: 5px;
  margin: 10px;
  padding: 8px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  position: relative;
  margin:auto;
}
.service_box img{
  height: 100px;
  width: 130px;
  margin: auto;
  display:block;
  border-radius: 2px;
}
.service_box .service_box_title{
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.service_box span {
  display: block;
}
.service_box span:nth-child(1){
  font-size: 11px;
  color: #a19f9f;
}
.service_box span:nth-child(2){
  font-size: 11px;
  color: #f23c24;
  text-decoration:line-through;
}
.service_box span:nth-child(3){
  font-size: 14px;
  color: #1b7ee0;
}
.service_box span:nth-child(4){
 color: #1b7ee0;
 position: absolute;
 font-size: 30px;
 bottom:-3px;
 right:-2px;
 padding:0px 10px;
 cursor: pointer;
 /*border:1px solid red;*/
}
.service_box span:nth-child(5){
 color: #fff;
 font-size: 12px;
 background: #f23e38;
 position: absolute;
 top:8px;
 left:8px;
 cursor: pointer;
 padding: 3px 5px;
 border-radius: 3px 0px 5px 0px;
}

/* All service carousel ======================================*/
.all_service_main_div .div_1{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.all_service_main_div .div_1 p{
   font-weight: bold;
}
.all_service_main_div .div_1 a{
   text-decoration: underline;
} .all_service_div_2{
 padding:10px;
  display: grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:10px;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 50px;
}
/*=============================================================================================*/
.search_page_div{
    display:none;
    height:100vh;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    background:#fff;
    margin:0;
    padding:0;
    z-index:9999;
    border-radius:0;
}
.search_page_div .top_nav{
  height: 50px;
  background:linear-gradient(264deg, rgba(69,137,235,1) 0%, rgba(41,134,203,1) 100%);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0px 10px;
  grid-column-gap:10px;
}
.search_page_div .top_nav i{
  color: #fff;
  font-size: 30px;
  cursor: pointer;
  padding-right:20px;
  padding-left:5px;
}
.search_page_div .top_nav p{
  color: #fff;
}
.search_page_div #search_service{
    padding:9px 20px;
    border-radius:20px;
    border:0;
    outline:0;
    width:100%;
    font-size:14px;
}
.search_page_div .search_ajax_div{
     overflow-Y:auto;
    height:calc(100vh - 50px);
}
.search_page_div .search_ajax_div .all_service_div_2{
    padding:0;
}
.search_page_div .search_div_1{
    margin-top:50px;
    color:#000;
    padding:10px;
    width:100%;
    text-align:center;
    background:#e9eff5;
    color:rgba(41,134,203,1);
}
.search_page_div .search_div_2{
    font-weight:bold;
    padding:5px 10px;
}
.search_div_3{
}
.no_found{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    width:100%;
    padding:20px;
    color:gray;
}
.no_found img{
    height:100px;
    width:100px;
    margin-bottom:10px;
}