/* Global CSS */

.request_page .landing-header, .chats_page .landing-header{ position: static; }
/* .request_page .footer, .chats_page .footer { display: none !important;}       */
.user_select_page .footer, .user_select_page .landing-header{display: none !important;}  
.homepage .landing-header { position: absolute; }

*{margin: 0px;padding: 0px;box-sizing: border-box;}
body { font-family:  'Helvetica Neue' , sans-serif; background-color: #f3fdff;overflow-x: hidden; }
html{overflow-x: hidden;}
div#kt_app_footer {display: none;}

:root {--black-color: #000000;--white-color: #FFFFFF;--green-color: #8CBF9E;--dark-color: #33363F;--off-white-color: #F3F1ED;--light-white-color : #F0F5F1 ;--yellow-color: #E5AB00;--green-p-color: #B1BA77;
  --fw_400: 400;--fw_500: 500;--fw_600: 600;--fw_700: 700;--fw_900: 900;
  --fs_81: 81px;--fs_75: 75px;--fs_65: 65px;--fs_50: 50px;--fs_42: 42px;--fs-35: 35px;--fs_30: 30px;--fs_24: 24px;--fs_20: 20px;--fs_18: 18px;--fs_16: 16px;--fs_14: 14px;
  }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}
input[type=number] {  -moz-appearance:textfield;  }

h1{color: #0B0B0B;font-family: 'Helvetica Neue' , sans-serif;font-size: 54px;font-style: normal;font-weight: 400;line-height: 68px; /* 125.926% */letter-spacing: 0.54px;}
h2{
    color: #0B0B0B;
font-family: 'Helvetica Neue' , sans-serif;
font-size: 42px;
font-style: normal;
font-weight: 400;
line-height: 58px; /* 138.095% */
letter-spacing: 0.42px;
}
h3{
    color: #FFF;
font-family: 'Helvetica Neue' , sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.32px;
}
h4{
    color: #333;
text-align: center;
font-family: 'Helvetica Neue' , sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 43px; /* 179.167% */
letter-spacing: 0.72px;
}
h5{  font-family: 'Helvetica Neue' , sans-serif; font-size: 16px;  font-style: normal; font-weight: 400;  line-height: normal; letter-spacing: 0.8px; }
a{ font-size: 15px; }
p{color: #0B0B0B;font-family: 'Helvetica Neue' , sans-serif;font-size: 20px;font-style: normal;font-weight: 400;line-height: 32px; /* 160% */letter-spacing: 0.4px;}
.start_btn a.btn { background-color: black; color: white;  border-radius: 20px;}
.start_btn .fa-arrow-right:before { content: "\f061"; color: white; padding-left: 10px;}
.custom_container{ width: 1360px;}
.yellow_btn.btn {  border-radius: 20px; background: var(--yellow-color); padding: 10px 15px; color: #0B0B0B;  text-align: right;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: normal; }
.start_btn button.btn { background-color: black; color: white;  border-radius: 20px;}
#kt_app_root .navbar .navbar-collapse.collapse:not(.show) {  transition: 0.3s ease !important;}
#kt_app_root .navbar .navbar-collapse.collapse.show { transition: 0.3s ease !important; }
.bg-body .iti{ display: block; }

/* header */


/*language*/
.lang_btn a {  background: transparent;  border: none;  height: 25px;  width: 25px;}
.lang_btn a img {   height: 100%;   width: 100%;   object-fit: contain;}
.lang_btn { display: flex; gap: 16px;}
.cust_bt { display: flex; align-items: center; gap: 20px;}
/*lang*/

/* Add this CSS to your stylesheet */
.menu-link.active { color: #001f3f; }
.landing-header {  top: 0px;  width: 100%;  z-index: 99999;}
.header_btn { display: flex; justify-content: end;}
.menu-item a.menu-link { color: #0B0B0B;font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}

/* footer */
a{ text-decoration: none;}
.footer ul{ padding-left: 0;}
.footer li{ list-style: none;}
.footer p, .footer a { color: #A6A192;  font-size: 15px;  }
.footer h3{ color: white;}
.subscribe-form { display: flex;justify-content: center; align-items: center; }
.email-input { padding: 8px; border: 1px solid #ccc;  border-radius: 4px;  margin-right: 8px; }
.subscribe-button { padding: 8px 16px; background-color: #4caf50; color: white; border: none; border-radius: 4px;cursor: pointer;}
.footer_middle {
    /*display: flex;*/
    padding-block: 40px;  border-block: 2px solid yellow;}
.footer .f-first { width: 27%;}
.footer .f-second { width: 25%;}
.footer .f-third, .f-fourth {   width: 15%;}
.footer .f-fifth{  width: 20%;}
.footer { padding: 12px; background: rgb(0, 0, 0);}
.footer_botton {  padding-top: 20px;}
.footer_top { display: flex; align-items: end;  justify-content: space-between;  padding-block: 15px;}
.social_icon ul {  display: flex; gap: 20px;}
.social_icon ul li a i { font-size: 26px;}
.footer h5 { color: white;}
.footer .custom_newsletter .btn-warning {border-radius: 10px; color: #000;}
.footer .custom_newsletter input {border-radius:0px;}
.footer .custom_newsletter form { display: flex;  background: white;  border-radius: 10px; overflow: hidden; }

/* home css */
/* section.hero_sec {   background-image: url( ../media/img/top_head.png ) ; height: 100vh;  background-repeat: no-repeat;  background-size: cover;  padding-top: 120px;} */
section.hero_sec { background-image: url(../media/img/top_head.png); height: 80%; background-repeat: no-repeat; background-size: cover;  padding-top: 200px; padding-bottom: 100px;  }
.homepage section.hero_sec { padding-bottom: 0px;  }
.main_cont {  padding-block: 80px;}
.hero_img {position: relative;}
.hero_img img { position: absolute;  top: -160px;   right: 25px;  transform: scale(1.0); }
.hero_btn a span i { padding-left: 10px; }
.hero_text p {     padding-block: 25px;  padding-right: 85px; }
.hero-logos {  padding-top: 80px; }

/* home sec1 */
section.sec_one {  padding: 50px; }


/* home card */
.home_cards .Cust_card p {  color: #5B4E26; text-align: center; font-family: Helvetica Neue; font-size: 14px; font-style: normal; font-weight: 400; line-height: 28px; /* 200% */  letter-spacing: 0.7px;}
.home_cards .Cust_card { padding: 25px; border-radius: 10px; box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.08);  background: white; height: 100%;}
.home_cards .card_img img {  width: 100%;  height: 100%; }
.home_cards .card_img { width: 150px; height: 150px;  margin: auto;}
.home_cards {  padding: 50px; }


/* service sec */
section.service_sec {  background: #000000;  padding: 50px;   padding-bottom: 250px; position:relative; overflow: hidden;}
.ser_top h2 {  background: linear-gradient(91deg, #E7FF4A 13.77%, #B1BA77 104.54%);  background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.ser_top p{ color: var(  --green-p-color );     padding-inline: 150px; }
.service p { color: #ADADAD; font-family: Helvetica Neue;  font-size: 16px;  font-style: normal; font-weight: 300; line-height: 28px;  letter-spacing: 0.96px;     padding-inline: 67px;}
.s-icon { display: flex;  gap: 30px;  padding-bottom: 10px; }
.s-icon img { object-fit: contain; }
.service_sec{ background-image: url(../media/img/Group.png) ; background-repeat: no-repeat; width: 100%; height: 100%; }
.service {  width: 80%; padding-block: 30px;}
.ser_top.text-center { padding-bottom: 100px; }
.sec_img { position: absolute; top: -400px; right: -17px;}
.abt_inner .start_btn { justify-content: center; }

/* comp card */
.Request { display: flex; gap: 25px;justify-content: center;  padding-block: 20px;}
.req_card {   width: 35%; height: 500px; padding: 40px; text-align: center; background: url(../media/img/Eclipse1.png);background-repeat: no-repeat; border-radius: 20px;}
.req_card2 {  width: 35%; height: 500px; padding: 40px; text-align: center; background: url(../media/img/Eclipse2.png);background-repeat: no-repeat; border-radius: 20px;}
.Request  .req_card .hero_btn a { padding-top: 112px !important;}
.Request  .req_card2 .hero_btn a{ padding-top: 68px !important;}
.req_card h4 {  padding-block: 10px; }
section.compare_sec { padding-block: 120px;}
.camp_top {  padding-bottom: 50px;}
.camp_top h2 {padding-inline: 42px; padding-bottom: 15px;}


/* blog_card */

.cont_form { padding-block: 50px;padding-inline: 40px;background: white; height: 100%; }
.home_form {padding: 50px 50px;}
.home_form form {padding-top: 75px;}

/*ddd*/
.blog_top {   padding-block: 80px;}
.blog { display: flex; justify-content: space-between;align-items: center; }
.blog_card .card_img {  width: auto;  height: 220px;}
.blog_card {  padding: 20px; border-radius: 10px; background: #FFF; box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.08);}
 .card_content {  padding-top: 30px;} 
.blog_card .card_img img { border-radius: 12px;  }
.card_content p { font-size: 14px; padding-block: 10px;}
.card_content h4 { line-height: 30px; text-align: left; padding-top: 1em;}
section.sec_blog { padding-bottom: 70px; }


/*notification
*/
.notification_page{ width:100%; }
.notify_card h3 { color: #9f9797;}
.notify_card h3 span { color: black;}
.yellow_border {padding: 50px;border: 2px solid #fdbd00;border-radius: 12px;}
.notification_page .head { padding: 30px; border-bottom: 1px solid; width: 96%; margin: auto; }


/*profile*/
.user-dropdown-content { top:42px; }
.pro_img img { width: 100%; height: 100%; border-radius: 50%;}
.pro_img {  width: 200px; height: 200px;}

.top_row {  display: flex; justify-content: space-between; padding-inline: 20px; padding-block: 50px; }
.edit_btn i {  font-size: 40px; padding-block: 20px; }
.Profile_table{ padding-inline: 25px ; }
.Profile_table tbody, td, tfoot, th, thead, tr { padding-block: 30px !important; border-bottom: 1px solid lightgray ; }
.cust_login .pro_img label {background: black; cursor: pointer; width: auto; font-size: 15px;margin-top: 1em;color: white;padding: 5px 15px;border-radius: 20px;}
.cust_login_box .start_btn a.btn.save {background: black; cursor: pointer; width: auto; font-size: 15px; margin-top: 1em; color: white; padding: 10px 35px !important;border-radius: 20px;border: 1px solid gray !important;}
.cust_login_box .start_btn a.btn.cancel {background: transparent;cursor: pointer;width: auto;font-size: 15px;margin-top: 1em;color: black;padding: 10px 35px !important;border-radius: 20px;border: 1px solid gray !important;}

.cust_search button {   cursor: pointer;  width: 50px; border: none; background: none;}

/* About Page */
.abt_inner { width: 67%; margin: auto;}

/* contact */
.padding_block{ padding-block: 20px;}
.form_content { padding: 30px; border-radius: 10px;background: #FFF;box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.08); }
.cont_form button {  border-radius: 20px; background: #E5AB00; }
.cont_form button span i {  padding-left: 10px; }
span.icon img { background: #e5ab00; padding: 8px; border-radius: 50%;     margin-block: 5px;}
.contact_box { padding: 30px; display: flex;  flex-wrap: wrap; }
.inner_box h3 { color: black; }
.inner_box a { font-size: 18px;color: black; text-decoration: none;}
.inner_box {  padding: 25px;  width: 50%; }
.contact_box .social_icon ul li {  list-style: none; }
.contact_box .social_icon ul {  display: flex; gap: 20px; padding-left: 0;    padding-top: 20px; }
.cust_from { padding-bottom: 80px; }
.about_sec {padding-block: 50px;}

/*dash
*/
.home_top_card span.text-dark {
    color: #e5ab00 !important;
}
.right_cont p { text-align: end; }
.main_box{ padding: 30px; border: 2px solid #e5ab00; border-radius: 20px;}

/* login */
.cust_login .right {background: url(../media/img/login.png);  background-size: cover; background-repeat: no-repeat;  background-position: 100% 100%;  width: 100%; }
.cust_login {  display: flex; justify-content: space-between; }
.cust_login .left { width: 50%; background: #f3fdff; }
.logo_login { text-align: left; }
.cust_login_box { padding: 30px; border-radius: 10px; background: #FFFDFD; box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);}
.logo_login { padding-bottom: 50px; }
.cust_login input, .cust_login select {  border: none;  border-bottom: 1px solid #848080;  border-radius: 0px; }
.cust_login button { background: black;  width: fit-content; color: white; border-radius: 20px; }
.reset button { background: black;  width: 43%; color: white; border-radius: 20px; }

.cust_login button span i {  padding-left: 25px;  color: white; }
.cust_login label { font-size: 20px;  color: black;  padding-bottom: 10px; }
.frgt a {  color: black; }

.cust_pos .start_btn { display: block; text-align: end; }

/* service Req page */
.web_btn a span { border: 1px solid #545132; padding: 12px 13px; border-radius: 50%; }
.web_btn a span:hover { border: 1px solid #e5ab00; padding: 12px 13px; border-radius: 50%; background: #e5ab00 }
.web_dash button.dropbtn{ border: 1px solid black; }

/* .search_bar { display: flex;     gap: 50px;} */
.search_bar { display: flex; gap: 5px;}
/*.cust_search { display: flex;  align-items: center;  border: 1px solid lightgray;  padding-inline: 30px;  width: 78%;   border-radius: 20px;}*/
.search_bar form {display: flex;align-items: center;border: 1px solid lightgray;padding-inline: 12px;width: 80%;border-radius: 20px;}
.cust_search.form-outline {width: 100%;display: flex;}
.q_details .cust_search{ width: 100%; }
.cust_search input {  border: none;}
.select_btn select {border-radius: 20px; background-color: black; color: white;     width: 100%; padding-right: 130px;}
section.main_request { margin: 50px; border: 1px solid #d3d334; padding: 50px; border-radius: 20px; }
.s-sec { min-height: 23.5vh; }
.s-sec p {  font-size: 14px;}
.f-sec { padding-block: 20px; }
.s-sec ul li {  list-style: none;  text-decoration: none;}
.r-card-top {  display: flex;  align-items: center;  justify-content: space-between;}
span.r-data {  display: flex;  gap: 30px;}
.s-sec ul {  padding-left: 0;}
.r-card-middle { display: flex; justify-content: space-between; align-items: baseline;}
.r-card-bottom {  display: flex;  justify-content: space-between;  align-items: end;}
/* .s-sec {  padding: 35px;     border-bottom: 1px solid lightgray;} */
.main_service_list {  padding: 35px;  background: white;  border-radius: 20px;  }
.s-req_card{  border-bottom: 1px solid lightgray; padding-block: 20px;}

.cust_ind .r-card-middle {
    justify-content: end;
}
.h_list_btn a {  border-radius: 20px;  background-color: black;  color: white;  width: 100%;  padding-block: 12px;  padding-inline: 40px; }

/* mybids Page */
.nav-tabs .nav-link {   border: none;}
.nav-tabs {   border: none;      padding-bottom: 20px; }
.nav-tabs a {  font-size: 16px; color: #000000;}
.nav-tabs .nav-link.active {  border-bottom: 4px solid #e5ab00;}
.right_cont { display: flex; gap: 10px; }
.cust_pos .right_cont { display: block; }
.start_btn { display: flex; gap: 10px; justify-content: end; }

.select_btn form { border: none; width: 100%;}
/*.tab-content { height: 186px; }*/

/* user select screen */
.User_s-_logo {    padding-block: 50px 100px; text-align: center; }
.user_select_page{ background-image: url(../media/img/user_select.png); background-repeat: no-repeat; background-size: cover; }
.left_customer    { padding: 80px; border-right: 1px solid #FFBF02 ; }
.right_service_prov{ padding: 80px; } 
.left_customer h1 , .right_service_prov   h1   {  padding-block: 12px;}
/*.left_customer a.btn    {      font-size: 25px; position: absolute; right: 200px; bottom: -8px;  }*/
.left_customer { position: relative; }
.left_customer a.btn    {      font-size: 25px;   }
.right_service_prov  a.btn    {  font-size: 25px; }
.left_customer a span i , .right_service_prov  a span i   {  font-size: 25px;  padding-left: 20px;}
.left_customer p , .right_service_prov  p  { font-size: 16px; padding-block: 15px; }

/* request_form */

.user_bio { padding-block: 14px; }
.custom_loc iframe{  width: 530px; height: 400px; border-radius: 25px; padding: 20px; padding-inline: 0; }

/* service_form */
.profile-image-div { width: 140px; height: 140px; overflow: hidden; border-radius: 50%; position: relative;}
.profile-image-div img { width: 100%; height: 100%; object-fit: cover; object-position: center;}
.profile-image-div input[type=file] { padding: 10px; background: #2d2d2d; }
.profile-image-div input {position: absolute; top: 0; height: 100%; opacity: 0; z-index: 9999;  cursor: pointer;}
.cust_m_field input {  border: none;  border-bottom: 1px solid;  border-radius: 0; }

/*service Modal*/
.service_modal  .modal-content{ width: 70%; margin: auto;}
.service_modal .right_cont { display: flex; gap: 10px;   }

.solar_modal .modal-header{  padding-block: 0; padding-top: 10px;}


.solar_modal .modal-content{ width: 100%; margin: auto;}
.mw-1200px{  max-width:1200px;  }
.mw-1350px{  max-width:1350px;  }
.mw-1500px{  max-width:1500px;  }
.mw-1800px{  max-width:1800px;  }

.price_symbol {  position: relative;}
.price_symbol span { top: 50%;    left: 20px;    font-size: 17px;line-height: 1.2;   position: absolute;    transform: translateY(-50%);}
.price_symbol input {  padding-left: 30px;}


/*waqar*/
.custom-file-upload {display: inline-block;padding: 6px 12px;cursor: pointer;border-bottom: 1px solid;width: 100%;}
/* Icon from Font Awesome */
.fa {
    margin-right: 5px;
}

.custom_upload_btn{
    font-size: 16px;
}

.custom_file_name {position: relative;left: 12px;bottom: -11px;}
.custom_sent_btn {
    border-radius: 50%;
    background: #E5AB00;
    height: 40px;
    width: 40px;
}

.chat_sentbtn {
    width: 18px;
    margin-left: -6px;
}

.custom_add_icon {
    display: flex;
    align-items: baseline;
    width: 100%;
}

.card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.file {
    display: none;
}

.files {
    border-radius: 50%;
    padding: 11px 13px;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid;
    border-style: dashed;
}

.cust_m_field select {
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
}

/*end waqar*/

/* single chat */

.single_chat_top {padding: 30px;padding-inline: 70px; padding-left: 0;}
.single_chat_top .start_btn {  padding-block: 22px; float: left; }
.single_chat_top .start_btn a {   border-radius: 4px;}
.single_chat_top .start_btn a span i { transform: rotate(180deg); }
.chat_sec { padding-block: 5em;}
/*user single chat*/
.right_cont.float-right { justify-content: end; padding-block: 50px; }

.q_details, .single_q { padding-block: 2em; }



/*Pagination*/
.cust_pagination { padding-top: 2em;}
.pagination{position:relative; }
.cust_pagination .pagination li.page-item.previous { position: absolute;  left: 0;  background: black;}
.cust_pagination .pagination li.page-item.next {  position: absolute;  right: 0;  background: black;}
.cust_pagination .pagination .page-item.active .page-link { background: black;}
.cust_pagination .pagination .page-item .page-link { border: 1px solid;}


/* ====================================================================================================================================================== */
/* ================================================================  Dashboard  ================================================================ */
/* ====================================================================================================================================================== */

.h_card_inner { display: flex;  align-items: baseline;  justify-content: space-between;}
.h_right {   background: aliceblue;   padding: 10px 15px;  border-radius: 5px;}
.card .card-body { padding: 1rem 2.25rem; }
.h-dashboard .f-sec { padding-block: 20px; border-bottom: 2px solid #e5ab00; }
.dashboard_main_request .main_service_list {  background: transparent;    padding-inline: 0; }
.dashboard_main_request .s-req_card { padding-block: 20px; }
.dashboard_main_request .search_bar { display: flex;  gap: 50px;  justify-content: space-between; }
.dashboard_main_request .cust_search {   width: 100%;}
.white_btn select {  border: 1px solid;  border-radius: 10px;  color: black;}
.tab_row {  display: flex;  justify-content: space-between;     align-items: baseline; }
.tab_row .f-sec { width: 80%; }
div#kt_app_header { background: #f3fdff; }
.dashboard_main_request .card { BACKGROUND: TRANSPARENT; }
.table>thead {  vertical-align: bottom;   border-bottom: 2px solid #e5ab00; }
.report_top{ display: flex; justify-content: space-between; align-items: center; }
.w_card_top .white_btn select { border: 1px solid;  border-radius: 10px;  color: black;  padding: 4px; padding-right: 32px; font-size: 12px; padding-left: 10px; }
.w_card_top{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; }
.w-flex { display: flex;  gap: 10px; }
 .card {  box-shadow: none;  border: none; }
.home_top_card { padding-block: 30px; }
.report_table .card { background: transparent; }
.w-flex p { margin: 0; }
.rep_r .search_bar.input-group { display: flex;  justify-content: end; }
.rep_r .cust_search { width: 100%; }

.tab_row.rep_r .f-sec {  width: 80%;  padding: 10px; }
.tab_row.rep_r { align-items: center; }
.p_left{ padding-left: 50px; }
.setting_sec .cust_login { width: 50%; padding-top: 50px; }
.setting_btn .cancel_btn {background: transparent; color:#000000; font-size: 16px;}
.setting_btn button:hover{ border: 1px solid black  !important; }
.setting_btn {  display: flex;  justify-content: space-between;}
.r-card-sec {  display: flex; justify-content: space-between; padding-block: 10px; }
.single_req .main_service_list { background-color: transparent; padding: 5px; border-radius: 0px; }
.q-row { display: flex;  align-items: center;  gap: 30px;}
.q-row .start_btn a.btn { background-color: black; color: white; border-radius: 11px;}
.single_req .s-req_card {  border: 0px;}
.pro_row h4 {  text-align: justify;  padding-bottom: 10px; border-bottom: 2px solid #e5ab00; }
.proposal_list .main_service_list { padding: 10px; }
.proposal_list .right_cont { display: block; }
.pro_det .right_cont { display: flex; }
.req_card_btn { display: flex;  gap: 20px; }
.btn-icon i.fa-regular.fa-bell { font-size: 21px; border-radius: 50%; border: 1px solid;  padding: 10px; }
.proposal_list .main_service_list { padding: 10px; background: transparent; }
.proposal_list .s-req_card { border: 0; padding: 0;   padding-block: 10px; border-bottom: 1px solid lightgray;}
.r-edit a { background: #e5ab00; padding: 10px 20px; border-radius: 10px; color: black; text-decoration: none; font-weight: 700; }
.r-edit a span i{ color: black;}
.main_top_head { padding-bottom: 10px; }
.report_modal .right_cont { justify-content: flex-start; }
.dashboard_main_request .search_bar form { width: 100%; }

.menu-icon i {  FONT-SIZE: 20px;  padding-top: 3px; }

.pass i {right: 10px;bottom: 15px;position: absolute;}
.pass {position: relative;}
label#password2-error, label#password1-error {position: absolute;}

.pac-container.pac-logo {
    z-index: 9999;
}