:root {
    --background_color: linear-gradient(0deg, rgba(27, 23, 50, 0.75) 0%, rgba(27, 23, 50, 0.75) 100%);
    --black_color: #1B1732;;
    --dark_gray_color:#454545;
    --gray_color:#4A4A4A;
    --placeholder_color:#818181;
    --input_color:#F9F9F9;
    --green_color:#77B92A;
    --pink_color:#E40255;
    --green_transparent_clr:rgba(119, 185, 42, 0.20);
    --pink_transparent_clr:rgba(228, 2, 85, 0.20);
    --white_color:#FFF;
}
* {margin: 0;padding: 0;box-sizing: border-box;}
html, body {height: 100%;width: 100%;}
html {-webkit-text-size-adjust: 100%;overscroll-behavior: none;}
.hero_section video {
    pointer-events: none; /* Prevents tap interaction */
    user-select: none; /* Blocks selection */
}
.hero_section video::-webkit-media-controls {display: none !important;}
.hero_section video::-webkit-media-controls-start-playback-button {display: none !important;}
.hero_section video::-webkit-media-controls-panel {display: none !important;}

select, option {
    -webkit-overflow-scrolling: touch;
}
select {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
}

/*LeagueSpartan*/
/*400*/
@font-face {font-family: 'LeagueSpartan-Regular';src: url('/website/assets/fonts/League_Spartan/static/LeagueSpartan-Regular.ttf'),format('ttf');}

/*600 */
@font-face {font-family: 'LeagueSpartan-SemiBold'; src: url('/website/assets/fonts/League_Spartan/static/LeagueSpartan-SemiBold.ttf'),format('ttf');}

/*700*/
@font-face {font-family: 'LeagueSpartan-Bold';src: url('/website/assets/fonts/League_Spartan/static/LeagueSpartan-Bold.ttf'),format('ttf');}

/*Outfit*/
/*400*/
@font-face {font-family: 'Outfit-Regular'; src: url('/website/assets/fonts/Outfit/static/Outfit-Regular.ttf'),format('ttf');}

/*Helvetica*/
/*400*/
@font-face {font-family: 'Helvetica';src: url('/website/assets/fonts/helvetica-255/Helvetica.ttf'),format('ttf');}

/*Poppins*/
/*400*/
@font-face {font-family: 'Poppins-Regular'; src: url('/website/assets/fonts/Poppins/Poppins-Regular.ttf'),format('ttf');}

/*600*/
@font-face {font-family: 'Poppins-SemiBold'; src: url('/website/assets/fonts/Poppins/Poppins-SemiBold.ttf'),format('ttf');}

/*500*/
@font-face {font-family: 'Poppins-Medium'; src: url('/website/assets/fonts/Poppins/Poppins-Medium.ttf'),format('ttf');}

/* Global Css */
h1{font-size:44px;color:var(--dark_gray_color);margin:0;line-height: 50px;font-family:"LeagueSpartan-SemiBold";text-transform: capitalize;}
h2{font-size:30px;color:var(--dark_gray_color);margin:0;line-height: normal;font-family:"LeagueSpartan-SemiBold"}
h3{font-size:25px;color:var(--dark_gray_color);margin:0;line-height: 50px;font-family:"LeagueSpartan-SemiBold"}
h4{font-size:22px;color:var(--dark_gray_color);margin:0;line-height: normal;font-family:"LeagueSpartan-Regular"}
h5{font-size:17px;color:#4A4A4A;margin:0;line-height: 30px;font-family:"Helvetica";font-weight: 400;}
h6{font-size:14px;color:var(--gray_color);margin:0;line-height: 30px;font-family:"Helvetica";font-weight: 400;}
p{color:var(--white_color); text-align: center;margin:0; font-family: "Helvetica";font-size: 12px;font-weight: 400;line-height: normal;}
.container{max-width: 1280px;}
.site_logo {height: 50px; width: 215px;}
section,footer,section.what_drives_us.about_images{background: white;}
section.hero_section {  background: unset;  }
.what_drives_us.about_images{padding: 100px 20px 20px 20px;}
.custom_align_row{align-items: center;}
input:focus-visible {outline: none;}
span.badge-success {color: green;font-size: 16px;}
span.badge-danger {color: red;font-size: 16px;}
span.badge-primary {color: grey;font-size: 16px;}

.txt_field input[type="text"],.txt_field input[type="email"],.txt_field input[type="password"],.txt_field input[type="number"],.txt_field input[type="tel"],.txt_field input[type="date"],.txt_field select,.txt_field textarea,.txt_field .custom_check_box,.txt_field.custom_radio,.txt_field .stripe_card,.txt_field .stripe_credit_card, .StripeElement{border-radius: 8px; border: 1px solid #DADADA; background: var(--input_color);padding: 20px 10px;font-size: 14px;font-family: "Helvetica";font-weight: 400;color: var(--gray_color);}
.txt_field input[type="text"]::placeholder,.txt_field input[type="email"]::placeholder,.txt_field input[type="password"],.txt_field input[type="number"]::placeholder,.txt_field input[type="tel"]::placeholder,.txt_field input[type="date"]::placeholder,.txt_field select::placeholder,.txt_field textarea::placeholder{font-size: 14px;font-family: "Helvetica";font-weight: 400;color: var(--placeholder_color);}
.txt_field label,label.form-label.license_label{font-size: 16px;font-family: "Helvetica";font-weight: 400;color: var(--gray_color);}
.btn{border-radius: 50px;padding: 5px 5px 5px 20px;height: 40px;font-family: 'LeagueSpartan-Regular';}
.btn.btn_black{background: var(--black_color);color: var(--white_color);}
.btn.btn_pink{background: var(--pink_color);color: var(--white_color);}
.btn.btn_white{background: var(--white_color);color: var(--black_color);}
.btn.btn_transparent{background: transparent;color: #1B1732;border: 2px solid #1B1732;font-family: Helvetica;font-weight: 700;}
.btn.btn_blue{background: #2280C2;color:var(--white_color) ;font-weight: 700}
.btn_red{background: #E40255;color: var(--white_color)}
.btn.btn_orange{background: #F6A600;color: var(--white_color);padding: 5px 40px;font-weight: 700}
.btn.btn_orange:hover{border: 2px solid #F6A600;color: #F6A600;}
.btn_green{background: #E7FFE6;color: #027900;}
.btn_dark_green{background: #77B92A;color: #FFF;}
.btn.btn_yellow{background: #F6A600;color: var(--white_color);}
.custom_card{border-radius: 10px; border: 1px solid #E7E7E7; background: var(--white_color); box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.05);padding: 20px;height: 100%;}
.next_btn{width: 30px; height: 30px; padding: 5px 10px;border-radius: 50%; background: var(--white_color);}
.prev_btn{width: 50px;border-radius: 50%; height: 50px; padding: 10px;background: #E9E9E9;display: flex;align-items: center;justify-content: center;font-size: 20px;  color: #000;  text-decoration: none}
.custom_row,.home_site_details .contact_details .custom_row{row-gap: 15px;}
a.btn:has(i) i,a.btn:has(img) img{margin-right:10px}
.txt_field textarea.form-control {resize: none;}
.txt_field input:focus,.txt_field textarea:focus{box-shadow: none;border-color: #DADADA;}
/*select.form-select,select.form-control {background-image: url('/website/assets/images/chevron-down.png');background-size: 15px;background-repeat: no-repeat;background-position: calc(100% - 8px) center;padding-right: 26px;}*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="file"]:focus{box-shadow: none;}
.modal_btn a.btn span i,.change_password_btn .submit_btn{margin: 0;}
.txt_field select.form-control:focus{border-color: #DADADA;box-shadow: none;}
.btn:hover,.custom_chats .dispute_btn button.btn.btn_red:hover,.custom_chats .custom_btn button.btn.btn_green:hover, .custom_chats .custom_btn button.btn.btn_red:hover{background:transparent;}
.btn.btn_black:hover {color: black;outline: 2px solid var(--black_color);}
.btn.btn_red:hover {color: #E40255;outline: 2px solid #E40255;}
.btn.btn_pink:hover {color: var(--pink_color);outline: 2px solid var(--pink_color);}
.btn.btn_blue:hover {color: #2280C2;outline: 2px solid #2280C2;}
.btn.btn_yellow:hover {outline: 2px solid #F6A600;color: #F6A600;}
.btn.btn_transparent:hover,.post_project_section .post_btn .btn.btn_transparent:hover {background:var(--black_color) ; color: white;}
.btn.btn_dark_green:hover {outline: 2px solid #77B92A;color: #77B92A;}
.btn.btn_green:hover {outline: 2px solid #027900; color:#027900;}
.btn.btn_white:hover {background: white;}
.btn.btn_black:hover .next_btn {background: black;color:white}
.btn.btn_pink:hover:has(span) span,.btn.btn_red:hover:has(span) span {outline:2px solid var(--pink_color)}
.btn.btn_yellow:hover:has(span) span {background: #F6A600; }
.btn.btn_black:hover:has(span) span,.btn.btn_black:hover .btn_icon {background: black;}
.btn.btn_blue:hover:has(span) span {background: #2280C2;}
.btn.btn_blue:has(i) i{color: #2280C2}
.btn.btn_red:has(i) i {color: #E40255;}
.btn.btn_dark_green:has(i) i {color: #77B92A;}
.btn.btn_blue:hover .btn_icon {border: 2px solid #2280C2;}
span.fa.fa-star.checked {color: orange;}
span.fa.fa-star {font-family: 'FontAwesome';}
.txt_field .is-invalid[required] {border: 2px solid red;}
.txt_field textarea:focus-visible {outline: none;}
.posted_view_page .offer_contact_btn .btn i {margin: 0; color: black;}
.table-responsive table.dataTable thead .sorting {background-image: none;}
.table-responsive table.dataTable {border: 0;}
.txt_field label.error,.txt_field span.error-message,.invalid-feedback {color: red;font-family: 'LeagueSpartan-Regular';}
.add_expertise_btn button.btn {margin-left: auto;}
a:has(.questionnaire_img) {color: black;text-decoration: none;}
.company_name {text-align: center;margin-bottom: 15px;}
.posted_view_modal_content {display: flex;flex-direction: column;width: 100%;}
.navbar-toggler:focus,.btn-close:focus {box-shadow: none;}
.edit_portfolio.portfolio_images .txt_field {margin: 0;}
a[data-fancybox]:has(video) {height: 100%;display: block;}

.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button.current {  background: #4A4A4A; font-family: Poppins-SemiBold;  font-size: 14px;  border: 0;  border-bottom: 1px solid #4A4A4A;  padding: 7px 14px;}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button {font-family: 'LeagueSpartan-SemiBold';}
.table-responsive .dataTables_wrapper .dataTables_info {font-family: 'LeagueSpartan-Regular';}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button:hover {color:white!important;border: 1px solid #E40255;;background-color: #E40255;}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {  background: black;  border: 0;  }

.btn.btn_yellow:hover:has(span) span>i,.btn.btn_blue:hover:has(span) span>i,.btn.btn_black:hover:has(span) span>i,.btn.btn_black.btn_has_icon:hover .btn_icon i,.btn.btn_has_icon:hover .details_review_page .social_icons .btn.btn_has_icon.btn_icon i,.posted_view_page .post_list a.btn.btn_black.btn_has_icon.post_detail_view:hover i {color:white;}
.login_register .login_box .submit_btn .btn.btn_black:hover {background: black; color: white;outline:0;  }
.login_register .login_box .submit_btn .btn.btn_black:hover .next_btn{background:white;color:black;}

span.hover_txt {width: fit-content;left:0;border-radius: 10px 0;background: #FFF;box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.09);padding: 10px;display: none;position: absolute;bottom: 20px;color: black;text-align: center;font-size: 14px;}
.hero_section .site_key_parameter a:hover span.hover_txt {display: block;}

/* Login Css */
.login_register .login_box .social {display: flex;flex-direction: column;justify-content: center;row-gap: 15px;}
.login_register .login_box .social a.btn {border-radius: 15px;border: 1px solid #E0E0E0;padding: 15px 20px;font-size: 14px;font-family: 'Outfit-Regular';height: unset;}
.login_register .login_box .social a>i{font-size: 20px;}
.login_register .login_box .submit_btn .btn.btn_black {width: 100%;display: flex;justify-content: center;align-items: center;gap: 10px;font-family: 'Helvetica';font-size: 14px;border-radius: 50px; padding: 5px 5px 5px 20px; height: 40px;}
.login_register .login_box .txt_field.custom_checkbox {display: flex;justify-content: space-between;align-items: center;}
.login_register .login_box .txt_field.custom_checkbox a {color: #4A4A4A;font-family: 'Helvetica';font-weight: 400;}
.login_register .login_box .txt_field.custom_checkbox label {margin-left: 10px;}
.login_register .login_box .form-group {text-align: center;margin: 0}
.login_register .login_box .form-group a {color: #1B1732;font-family: 'Helvetica';font-weight: 400;}
.login_register .login_box .custom_underline {text-align: center;position: relative;}
.login_register .login_box .custom_underline:before,.login_register .custom_field:after {content: "";background: #E0E0E0;width: 45%;height: 1px;position: absolute;display: block;left: 0;bottom: 13px;}
.login_register .login_box .custom_underline:after {content: "";background: #E0E0E0;width: 45%;height: 1px;position: absolute;display: block;bottom: 13px;right: 0;}
.login_register .login_box .custom_underline h5 {color: #353535;font-family: 'Outfit-Regular';}
.login_register .login_box h1 {margin-bottom: 10px;}
.login_register .login_box .txt_field i.custom_eye_icon,.personal_information .txt_field i.custom_eye_icon {position: absolute;right: 15px;bottom: 25px;color: #888;font-size: 14px;}
.login_register .login_box .txt_field {position: relative;}
.site_key_parameter {display: flex;align-items: center;gap: 20px;}
.site_key_parameter a i,.site_key_parameter a img{margin-right: 5px;}
.site_key_parameter a {font-family: "Helvetica";font-size: 12px;font-weight: 400;color: white;text-decoration: none;text-align: justify;display: flex;align-items: center;}
.login_register .custom_login_title {display: flex; flex-direction: column; gap: 30px;justify-content: center;padding: 10px 80px;}
.login_register .login_box .submit_btn .next_btn{color: #1B1732;display: flex;align-items: center;justify-content: center;position: absolute;  right: 5px;}
.login_register .login_box .submit_btn .next_btn.back_btn_stepper{left: 5px}
.login_register .login_box .submit_btn.previous_step{display: flex;flex-direction: column;gap: 20px;margin-top: 20px}
.login_register .login_box .social a>img{width: 16px;height: 17px;object-fit: cover;}
.login_register .login_box {height: 100%;display: flex;padding: 40px 40px;flex-direction: column;  justify-content: center;}
.login_register .custom_login_title .site_title h1 {color: white;}
.site_logo img {height: 100%;width: 100%;object-fit: cover;}
.login_register .container-fluid,.hero_section .container-fluid{padding: 0}
.login_register .row,.hero_section .row{margin: 0;position: relative;}
.login_register .row .custom_column_padding,.hero_section .row .col-md-12{padding: 0}
.login_register .submit_btn a.btn:has(i) i{margin: 0;}
.login_register .verify_code {display: flex; gap: 15px;}
.login_register .verify_code input[type="number"] {text-align: center;font-family: "Poppins-Regular";}
.login_register .verify_code input[type="number"]::placeholder{font-family: "Poppins-Regular";}
.client_signin{display:none;}
.salutation_select{width: 100%}
.txt_field.country_code .iti__selected-flag {  border-radius: 8px;  border: 1px solid #DADADA;  background: #F9F9F9;  padding: 20px 10px;  }
.txt_field.country_code .iti.iti--allow-dropdown.iti--separate-dial-code input.phone{padding-left: 10px !important; margin-left: 85px; max-width: 83%;}
.login_register .login_box .authentication_text,.login_register .login_box.reset_password .txt_field {margin-bottom: 20px;}
.login_register .login_box .txt_field:has(label.error) i.custom_eye_icon,.login_register .login_box .txt_field:has(span.error-message) i.custom_eye_icon,.login_register .login_box .txt_field:has(span.invalid-feedback) i.custom_eye_icon {bottom: unset; top: 60px;}
.g-recaptcha {margin-top: 10px;}
#rc-imageselect {transform:scale(0.91);transform-origin:0 0;}
select.form-select:focus {box-shadow: none;border-color: #DADADA;}

/* Custom Radio */
.login_register .txt_field.custom_registration_role {display: flex; gap: 20px;}
.login_register .custom_radio,.post_project_section .personal_information .custom_radio{width: 100%;}
.login_register .custom_radio input,.post_project_section .personal_information .custom_radio input {display: none;}
.login_register .txt_field.custom_registration_role .custom_radio label {position: relative;cursor: pointer;border-radius: 10px; border: 1px solid #E7E7E7;box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.05);padding:20px;width: 100%;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  gap: 20px;height: 200px;}
.login_register .txt_field.custom_registration_role .custom_radio input[type="radio"]:checked + label {border: 1px solid #1B1732;}
.login_register .custom_radio label span {border-radius: 50%;  width: 60px;  height: 60px;  padding: 10px;  display: flex;  justify-content: center;  align-items: center;  }
.custom_radio:first-child span {background: rgba(119, 185, 42, 0.20);}
.custom_radio:last-child span {background: rgba(228, 2, 85, 0.20);}
.custom_radio:first-child span i {color: #77B92A; font-size: 26px;}
.custom_radio:last-child span i {color: #E40255; font-size: 26px;}
.login_back_btn {position: absolute; top: 40px;}

.custom_radio_wrapper {display: flex;gap: 15px;}
.login_register .txt_field .custom_radio_wrapper .custom_radio label,.post_project_section .personal_information .custom_radio_wrapper .custom_radio label {position: relative;cursor: pointer;display: flex; gap: 6px;align-items: center; border-radius: 8px; border: 1px solid #DADADA; background: #F9F9F9; padding: 20px 10px; justify-content: center;}
.login_register .txt_field .custom_radio_wrapper .custom_radio label:before,.post_project_section .personal_information .custom_radio_wrapper .custom_radio label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid var(--dark_gray_color);border-radius:50%;height:20px;width:20px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;}
.login_register .txt_field .custom_radio_wrapper .custom_radio input:checked + label:after,.post_project_section .personal_information .custom_radio_wrapper .custom_radio input:checked + label:after{content:'';display: block;position: absolute;bottom: 45%; left: 40%;width: 8px; height: 8px;display: flex;align-items: center;justify-content: center;border: 1px solid white;border-radius:50%;background:white;}
.login_register .txt_field .custom_radio_wrapper .custom_radio input[type="radio"]:checked + label:before,.post_project_section .personal_information .custom_radio_wrapper .custom_radio input[type="radio"]:checked + label:before{background:#4A4A4A;border: 2px solid #4A4A4A;}
.login_register .txt_field .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 38%;}
.post_project_section .post_project_content .single_field .txt_field .custom_radio_wrapper .custom_radio label {margin: 0;}

/* Image Upload */
.login_register .txt_field .upload_file_wrapper .dropify-wrapper .dropify-message span.file-icon:before {content: "\f15b";  font-family: 'FONTAWESOME'; margin-left: 0; margin-right: 0;  border-radius: 50%; background: rgba(119, 185, 42, 0.20); width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin: auto; font-size: 18px; color: #77B92A;}
.login_register .txt_field .upload_file_wrapper .dropify-wrapper .dropify-message p {color: #4A4A4A; font-family: Poppins-SemiBold; margin: 0;}
.upload_file_wrapper .file_structure {border-radius: 10px;border: 1px solid #E7E7E7;background: #FFF;box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);padding: 10px;}
.upload_file_wrapper .file_structure a.file_detail {display: flex;font-size: 12px;  align-items: center;  justify-content: space-between;  color: #4A4A4A;  text-decoration: none;}
.upload_file_wrapper .file_structure .file_name_logo {display: flex;  gap: 5px;  align-items: center;  }
.upload_file_wrapper .file_structure .file_name_logo p {font-size: 16px; color: #4A4A4A;  font-family: 'Poppins-Medium';width: 70px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.upload_file_wrapper {border-radius: 10px; border: 1px dashed #CACACA; background: #FFF; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);  padding: 10px;}
.upload_file_wrapper .dropify-wrapper {border: 0;padding: 0;}
.login_register .skip_btn a {color: #4A4A4A; font-family: Helvetica;}
.login_register .skip_btn{text-align: center;}
.login_register .login_box.custom_roles {padding: 40px 20px;}
.file_extension {text-align: center;}

/* Custom CheckBox */
/*.custom_check_box input{display: none;}*/
/*.custom_check_box label {position: relative;cursor: pointer;}*/
/*.custom_check_box label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #002768;border-radius:50%;height:20px;width:20px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;}*/
/*.custom_check_box input:checked + label:after {content: '\f00c';display: block;position: absolute;top: 8px;font-family: "FontAwesome";left: 7px;width: 6px;height: 6px;display: flex;align-items: center;justify-content: center;color: white;font-size: 12px;background: unset;border: unset;}*/
/*.custom_check_box input[type="checkbox"]:checked + label:before {background: #4A4A4A;border: 2px solid #002768;}*/

.login_register .txt_field .custom_radio_wrapper.custom_states .custom_radio label {justify-content: unset;}
.login_register .txt_field .custom_radio_wrapper.custom_states .custom_radio input:checked + label:after{left: 15px;}
.login_register .txt_field.country_code{display: flex;flex-direction: column;}
.login_register,.login_register .container-fluid,.login_register .row {height: 100%;align-items: center;}
.login_register {overflow-y: hidden}
.login_register .license_label {display: none;}
.login_register .step:has(.custom_add_license) .license_label {display:block;}

/* Main Banner */
.custom_banner {position: relative;height:100vh;}
.custom_banner.custom_height {height: 400px;}
.custom_banner video{width: 100%;height: 100%;filter: brightness(0.5);object-fit: cover;border-radius: 0;}
.custom_banner.custom_height video {width: 100%;  height: 100%;  position: absolute;  top: 0px;  z-index: -10;}
.background_banner {position: absolute; top: 25%; left: 5%;  }
.buyer_homePage .background_banner{width: 100%;padding: 0 70px;  position: unset; height: 100%;}
.buyer_homePage .background_banner .banner_content {height: 100%;text-align: center;}
.banner_content h1,.banner_content h6 {color: white;}
.home_page_banner .banner_content{max-width: 50%;}
.banner_content {display: flex; flex-direction: column; justify-content: center; gap: 20px;}
/*.hero_section {padding: 180px 0px;background-image:url('/website/assets/images/website_img.png') ;background-repeat: no-repeat;background-size: cover;background-position: center;}*/
.banner_btn {display: flex; align-items: center; gap: 20px;}
.banner_btn .next_btn {color: #1B1732; display: flex;  align-items: center; justify-content: center;  }
.banner_btn .btn.btn_pink,.header_btn a.btn.btn_white,.contact_details .submit_btn button.btn.btn_black {display: flex; align-items: center;  gap: 10px; font-size: 14px;  font-family: 'Helvetica';}
.banner_btn .btn.btn_pink i {margin: 0; color: #E40255;  font-size: 14px;}
.hero_section .site_key_parameter{padding-top: 20px;position: relative}
.homepage_role a{padding: 5px 15px;font-size: 12px;  font-family: Helvetica;  display: flex;  align-items: center;  gap: 10px;border: 0;}
.homepage_role a.btn:has(img) img{margin: 0;}
.homepage_role {display: flex;gap:15px; position: absolute;  bottom: 5%;  left: 5%;}
.homepage_role a.btn:first-child {  color: #F6A600;   border: 1px solid #FFF }

/* Banner Images */
.custom_logo_banner .logo_images {display: flex; justify-content: space-between;}
.custom_logo_banner {border: 1px solid #DBDBDB;  background: #FFF;  padding: 40px 0px;}
.custom_logo_banner .logo_images .home_logo {width: 80px;  height: 50px;}
.custom_logo_banner .logo_images .home_logo img{height: 100%;width: 100%;object-fit: cover;}

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

.home_site_details .custom_row,.newsletter .custom_row,.categories_of_expertise.about_mission .custom_row{row-gap:50px;}
.home_site_details {padding: 100px 0px; text-align: center;}
.custom_flex {display: flex; flex-direction: column; gap: 20px;position: relative;}
.site_visiting .blogs_icon {border-radius: 50%;background: rgba(228, 2, 85, 0.20);display: flex;width: 60px;height: 60px;padding: 10px;align-items: center;justify-content: center;margin: auto auto 20px auto;box-shadow: 0px 4px 74px 0px rgba(228, 2, 85, 0.20);}
.home_site_details .custom_column:nth-child(2) .blogs_icon {background: rgba(119, 185, 42, 0.20);  box-shadow: 0px 4px 74px 0px rgba(119, 185, 42, 0.30);}
.home_site_details .custom_column:nth-child(3) .blogs_icon span {color: #E40255;  font-size: 26px;}
.home_site_details .custom_column:nth-child(4) .blogs_icon span {color: #F6A600;  font-size: 26px;}
.home_site_details .custom_column:nth-child(4) .blogs_icon {background: rgba(246, 166, 0, 0.20); box-shadow: 0px 4px 74px 0px rgba(246, 166, 0, 0.30);}
.home_site_details .custom_column:nth-child(5) .blogs_icon {box-shadow: 0px 4px 74px 0px rgba(34, 128, 194, 0.30);  background: rgba(34, 128, 194, 0.20);}
/*.custom_column .custom_arrow:before {  content: "";  position: absolute;  background: #A7CCE7;  width: 70%;  height: 2px;  left: 64%;  top: 12%;  }*/
/*.custom_column:nth-child(2) .custom_arrow:before {  left: 64%;  top: 16%;  }*/
/*.custom_column:nth-child(2) .custom_arrow:after {  right: -36%;  top: 22px;  }*/
/*.custom_column .custom_arrow:after {  content: "\f0da";  font-family: FontAwesome;  position: absolute;  right: -36%;  top: 18px;  color: #A7CCE7;  }*/
.navbar_notification {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
span.notification_dot {position: absolute;top: -5px;right: 0;font-size: 14px;color: red;}

.what_drives_us {  background: #F4F4F4;  padding: 80px 10px;}
.mission_listing ul li {margin-bottom: 10px;  font-size: 16px;  line-height: 30px;  color: #818181;  font-family: 'Helvetica';display: flex;}
.mission_listing ul {list-style: none;  margin-bottom:0;  padding: 0;}
.mission_listing ul li:before{content:"\f058";  font-family: Font Awesome\ 5 Free;  margin-right: 16px;  font-size: 18px;  color: #1B1732;}
.home_section_tabs ul.nav {margin: 20px 0px;border-radius: 32px;  border: 1px solid #1B1732;  background: rgba(243, 157, 36, 0.00);  padding: 6px 20px 6px 6px;  width: fit-content;height: 55px;align-items: center;gap:10px;}
.home_section_tabs ul.nav-pills .nav-link {color: #1B1732;  font-family: 'LeagueSpartan-Regular';padding: 10px 20px;}
.home_section_tabs ul.nav-pills .nav-link.active {color: white; border-radius: 50px;  background: #1B1732;}
.categories_of_expertise {padding: 100px 0px;  text-align: center;}
.site_visiting.custom_card h4 {font-family: 'LeagueSpartan-SemiBold';margin-bottom: 10px;}
.site_visiting.custom_card p {color: #818181;}
.categories_of_expertise .custom_row{row-gap:20px;}
.categories_of_expertise h1{margin-bottom: 20px;}
.homepage_cards .custom_card h4{margin: 20px 0px;}
.expertise_cards .row .custom_column:nth-child(4n+1) .blogs_icon {background:rgba(34, 128, 194, 0.20);box-shadow: 0px 4px 74px 0px rgba(34, 128, 194, 0.20);}
.expertise_cards .row .custom_column:nth-child(4n+1) .blogs_icon span {color: #2280C2;}
.expertise_cards .row .custom_column:nth-child(4n+4) .blogs_icon {background:rgba(246, 166, 0, 0.20);box-shadow: 0px 4px 74px 0px rgba(246, 166, 0, 0.20);}
.expertise_cards .row .custom_column:nth-child(4n+4) .blogs_icon span{color: #F6A600;}
.expertise_cards .row .custom_column:nth-child(4n+2) .blogs_icon {background:rgba(119, 185, 42, 0.20);box-shadow: 0px 4px 74px 0px rgba(119, 185, 42, 0.20)}
.expertise_cards .row .custom_column:nth-child(4n+2) .blogs_icon span{color: #77B92A;}
.expertise_cards .row .custom_column:nth-child(4n+3) .blogs_icon {background:rgba(228, 2, 85, 0.20)}
.expertise_cards .row .custom_column:nth-child(4n+3) .blogs_icon span{color: #E40255;}
.expertise_cards .blogs_icon span{font-size: 26px;}
.categories_of_expertise a,.explain_process {text-decoration: none;}


/* Slider */
.home_slider {text-align: center;  padding: 20px 0px 100px 0px;position: relative;}
.custom_user_feedback {display: flex;  flex-direction: column;  gap: 20px;  padding-top: 40px;  box-shadow: 0px 8px 34px 0px rgba(0, 0, 0, 0.10);}
.home_slider .user_img {border-radius: 50%; height: 175px;  width: 175px;  margin: auto;  background: #818181;  border: 1px solid #818181;overflow: hidden;}
.home_slider .user_img img{height: 100%;width: 100%;object-fit: cover;}
.user_name h2 {margin-bottom: 20px;}
.user_feedback h5 {margin: 20px auto 10px auto;  max-width: 90%;}
.user_feedback h5:before {content: "\f10d";  position: absolute;  font-family: FontAwesome;  color: #2280C2;  font-size: 30px;  top: -5px;  left: 35px;  }
.user_feedback h5:after {content: "\f10e";  position: absolute;  font-family: FontAwesome;  color: #2280C2;  font-size: 30px;  bottom: -5px;  right: 35px;  }
.user_feedback {  position: relative;  }
.home_slider .swiper-button-arrow { z-index: 1; display: flex;  position: absolute;  border-radius: 50%;  width: 60px;  height: 60px;  align-items: center;  justify-content: center;  color: white;  font-size: 17px;  background: #1B1732;  top: 40%;  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);  }
.home_slider .swiper-button-arrow.left {left: 13%;}
.home_slider .swiper-button-arrow.right {right: 13%;}
.home_slider .swiper-button-arrow.swiper-button-disabled{background: rgb(207 207 207 / 63%);  color: #b6b6b6;}

/* NewsLetter */
.newsletter{background-image:url('/website/assets/images/newsletter_img.png') ;background-repeat: no-repeat;background-size: cover;background-position: center;padding: 75px 0px;text-align: center;}
.newsletter .txt_field.newsletter_contact {display: flex; align-items: center;  border-radius: 32px;  border: 1px solid #FFF;  background: rgba(243, 157, 36, 0.00);  padding: 15px 6px 15px 20px;  height: 55px;  max-width: 500px;  margin: auto;  }
.newsletter .txt_field.newsletter_contact input {border: 0;  background: transparent;  color: white;padding: 0 10px;}
.newsletter .txt_field.newsletter_contact input::placeholder,.newsletter h1{color: white;}
.newsletter .txt_field.newsletter_contact button.btn.btn_white {display: flex;  align-items: baseline;  gap: 10px;height: unset;  }
.newsletter .txt_field.newsletter_contact button.btn.btn_white .next_btn{background:black;color:white;display: flex;align-items: center;justify-content: center;}
.newsletter .txt_field.newsletter_contact button.btn.btn_white .next_btn i,.header_btn .next_btn i,.contact_details .submit_btn .next_btn i{margin-right: 0;}
.media_download {display: flex;align-items: center;gap: 20px;flex-wrap: wrap;margin-top: 10px;}
.sp_explore_page.posted_view_page .listing_section .staff_first_post{background: #E39E59 }
.posted_view_page .project_detail {margin: 20px 0;}

/* footer */
.footer_section {padding: 60px 0px 20px 0px;}
.footer_section .footer_detail {display: flex; flex-direction: column; gap: 20px;justify-content: space-between;}
.footer_section .social_icons{flex-direction: row;display: flex;gap: 20px;align-items: center;}
.footer_section .social_icons a {color: #000; font-size: 13px;}
.footer_section .social_icons a.follow {border-radius: 50px;  border: 2px solid #000;  padding: 5px 15px;text-decoration: none;}
.footer_section .footer_quick_link ul.navbar-nav,.terms_conditions ul.navbar-nav {gap: 30px;}
.footer_section .footer_quick_link ul.navbar-nav a.nav-link,.terms_conditions ul.navbar-nav a{color: #818181;  font-family: 'Helvetica';  text-decoration:none;padding: 0;}
.footer_section .footer_quick_link h5,.terms_conditions h5 {margin-bottom: 40px;  color: #373737;  font-weight: 700;}
.footer_section .copyright_section p {color: #454545;  font-size: 10px;}
.footer_section .copyright_section {margin-top: 60px;}
.footer_section .container{max-width: 1040px;}
.footer_content .custom_column_align{justify-content: center;display: flex;}
.my_projects_page .txt_field.custom_search input[type="text"] {width: 380px;border-radius: 2px;border: 1px solid #CECECE;background: #F6F8FA;box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.02) inset;padding: 10px 20px;margin-top:20px}
.dataTables_filter{display: none;}
.my_projects_page .dataTables_info{float:left;font-family: 'LeagueSpartan-Regular';}
.my_projects_page .txt_field.custom_search,.reviews_wrapper .single_review .review_date_main{text-align: right;}
.my_projects_page .paginate_button,.my_projects_page.next{color: #333;text-decoration: none;font-family: 'LeagueSpartan-Regular';}
.my_projects_page .dataTables_paginate{display: flex;justify-content: end;gap: 20px}
.my_projects_page .table_box .dataTables_wrapper {margin-bottom: 20px;}
.table-responsive::-webkit-scrollbar {width: 1px;height:8px;}
.table-responsive::-webkit-scrollbar-track {background: #f1f1f1;border-radius:20px;}
.table-responsive::-webkit-scrollbar-thumb {background: #000000;border-radius:20px;}

/*Notification*/
.website_notification ul.dropdown-menu.mailbox.animated.bounceInDown.show {min-width: 900px;border-radius: 15px;background: #FFF;box-shadow: 0px 6px 40px 0px rgba(0, 0, 0, 0.15);padding: 15px;display: flex;flex-direction: column;gap: 15px;right: -150px;}
.website_notification ul.dropdown-menu.mailbox.animated.bounceInDown.show li a .navbar_notification {display: flex;justify-content: space-between;align-items: center;padding: 15px 10px;}
.website_notification ul.dropdown-menu.mailbox.animated.bounceInDown.show li a .navbar_notification .user_profile {display: flex;align-items: center;gap: 10px;}
.website_notification ul.nav li.dropdown.open a:has(img) img {margin: 0;}
.website_notification ul.dropdown-menu.mailbox.animated.bounceInDown.show li a .navbar_notification .user_profile .profile_img {border-radius: 50%;border: 1px solid #CECECE;background: #FFF;height: 60px;width: 60px;display: flex;align-items: center;justify-content: center;}
.website_notification ul.dropdown-menu.mailbox.animated.bounceInDown.show li a .navbar_notification .status_time {display: flex;align-items: center;gap: 6px;}
.website_notification ul.dropdown-menu.mailbox.animated.bounceInDown.show li a .navbar_notification .status_time span:has(i) i {margin: 0;color: #77B92A;}
.website_notification .navbar_notification h5, .navbar_notification p {font-family: 'Poppins-Regular';color: #4A4A4A;}
.website_notification .navbar_notification h6 {font-family: 'Poppins-SemiBold';}
.website_notification .notification_top h4 {font-size: 20px;font-family: 'Poppins-Medium';padding: 0 10px;}
.website_notification .navbar_top ul.nav li.dropdown.open ul.dropdown-menu li a {padding: 0;}
.website_notification .view_all {text-align: center;}
.website_notification .view_all a:after {content: "\f078";font-family: 'FontAwesome';color: #4A4A4A;font-size: 10px;}
.website_notification .navbar-top-links>li>a:hover {background: none;}
.website_notification ul.nav.navbar-left {position: absolute;left: -25px;top: 80px;z-index: 99;}
.website_notification ul.nav.navbar-left li.sidebar-toggle a {border-radius: 50%;border: 2px solid black;background: black;padding: 0;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;text-decoration: none;min-height: unset;}
.website_notification ul.nav.navbar-left li.sidebar-toggle a i {color: white;font-size: 20px;}
.website_notification a{text-decoration:none}
.header_btn .buyer_top_icons.dropdown-toggle::after {display: none;}

/* Mission values Section */
.mission_value_images img {  height: 100%;  width: 100%;  object-fit: cover;border-radius: 10px;box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.20);  }
.mission_value_images {  position: relative;  height: 100%;display: flex;}
.mission_value_images .plumbering_img {position: absolute; right: 12%; width: 23%; height: 141px; top: 0; }
.mission_value_images .welding_img {margin: 55px auto; height: 350px; width: 55%; z-index: 1;}
.mission_value_images .solding_iron_img {position: absolute; bottom: 0; left: 12%; z-index: 2; width: 25%; height: 156px;}
.mission_value_images .welding_img:before {content: ""; position: absolute; width: 12%; height: 82px; left: 17%; margin: auto; top: 6%; background-image: url("/website/assets/images/Group 39767.png"); z-index: -1;}
.mission_value_images .welding_img:after {content: ""; position: absolute; width: 12%; height: 82px; right: 16%; margin: auto; bottom: 4%; background-image: url("/website/assets/images/Group 39767.png"); z-index: -1;}
.about_images .mission_value_images .welding_img{height: 280px; width: 62%; margin: 0 auto;}
.about_images .mission_value_images .solding_iron_img{top: 50%; left: 0; width: 45%; height: 200px;}
.about_images .mission_value_images .welding_img:after {left: 12%; top: 100%;}
.about_images .mission_value_images .welding_img:before {width: 18%; top: 23%; left: 8%; height: 100px;}

/* Header */
.master_navbar a.dropdown-item.dropdown_option.signout h5, a.dropdown-item.dropdown_option.signout i {color: white !important;}
.master_navbar a.dropdown-item.dropdown_option.signout { border-radius: 0px 0px 20px 20px; background: #1B1732;}
.master_navbar ul.dropdown-menu.service_provider_dropdown.show{border-radius: 0px 0px 20px 20px}
.master_navbar .dropdown-item.active, .dropdown-item:active{background-color: unset !important;color: black;}
.master_navbar .header_btn .next_btn {background: black; color: white;  display: flex;  align-items: center;  justify-content: center;}
.master_navbar .header_btn {display: flex;  align-items: center;  gap: 20px;  }
.master_navbar .header_btn a.sign_in {color: white; font-family: Helvetica;  text-decoration: none;}
.master_navbar {position: absolute; left: 0;  right: 0;  margin: 10px auto;z-index: 1;padding: 0 70px;}
.master_navbar ul.navbar-nav li a {color: #FFF;  font-family: Helvetica;  }
.master_navbar .navbar-collapse {justify-content: center;  }
.master_navbar ul.navbar-nav {gap: 40px;}
.Navbar_search i{color: white;font-size: 14px;}
.Navbar_search{margin-top: 7px;}
.master_navbar .buyer_top_icons {position: relative;width: 45px;height: 45px;background: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;text-decoration: none;color: #1B1732;}
.master_navbar button.dropdown-toggle {color: white;font-size: 18px;font-family: 'Poppins-Medium';display: flex;align-items: center;gap: 10px;background: none;border: 0;padding: 0;}
.master_navbar .profile_img{width: 45px;height: 45px;border-radius: 50%}
.master_navbar .profile_img img{width: 100%;height: 100%;object-fit:cover;border-radius: 50%;object-position: top;}
.master_navbar .header_btn .profile_inside_img {width: 80px;height: 80px;border-radius: 50%;overflow: hidden;}
.master_navbar .header_btn .profile_inside_img img{width: 100%;height: 100%;object-fit: cover}
.master_navbar .header_btn ul.dropdown-menu.show{width: 420px;right: 0;left:unset;padding: 0px}
.master_navbar .header_btn a.dropdown-item {width: fit-content;padding: 0}
.master_navbar .header_btn a.dropdown-item:hover:has(img) {background-color: transparent;}
.master_navbar .header_btn .custom_dropdown {display: flex;align-items: center;gap:15px;background-image: url('/website/assets/images/drop.png');background-repeat:no-repeat;background-size: cover;width: 100%;height: 100%;padding: 20px}
.master_navbar .header_btn .custom_dropdown .profile_title h4{color: white}.header_btn .custom_dropdown .profile_title h6{color: white}
.master_navbar .header_btn a.dropdown-item.dropdown_option {width: 100% ;display: flex;justify-content: space-between;padding: 20px ;border-bottom: 1px solid #E7E7E7;}
.master_navbar .header_btn a.dropdown-item.dropdown_option h5,.master_navbar .header_btn a.dropdown-item.dropdown_option i{color: #7D7D7D}
.master_navbar .header_btn span.counts {width: 15px;height: 15px;background: #A80000;border-radius: 50%;display: flex;font-size: 9px;color: white;justify-content: center;align-items: center;position: absolute;bottom: 6px;right: 6px;}
.master_navbar .custom_navbar_search input[type="search"] {border-radius: 50px;padding: 10px;border: 2px solid black;background: rgba(255, 255, 255, 0.20);box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.05);text-indent: 10px;font-size: 14px;font-family: Helvetica;}
.master_navbar .header_btn.login_btn,.master_navbar .custom_navbar_search,.master_navbar .header_btn.responsive_dashboard_head {display: none;}
.master_navbar .header_btn.responsive_dashboard_head {flex-direction: column;}
.master_navbar .header_btn.responsive_dashboard_head a.sign_in {color: black;}
a.seller_dropdown {text-decoration: none;}
.make_offer .form-group label {z-index: unset;}

/* About Us */
.about_mission .about_role_title h4 {border-bottom: 1px solid black; display: inline-block; font-family: Helvetica;  font-weight: 700;  color: #1B1732;  font-size: 20px;}
.about_mission .about_role_title h4 span {margin-right: 20px;}
.about_mission .site_visiting{height: 100%;}
.about_mission .blogs_icon,.categories_of_expertise .blogs_icon{box-shadow: none;}
.about_mission .row .custom_column:nth-child(5n+3) .blogs_icon {background: rgba(119, 185, 42, 0.20);}
.about_mission .row .custom_column:nth-child(5n+3) span {color: #77B92A;  font-size: 26px;}
.about_mission .row .custom_column:nth-child(5n+5) .blogs_icon {background: rgba(246, 166, 0, 0.20);}
.about_mission .row .custom_column:nth-child(5n+5) span {color: #F6A600;  font-size: 26px;}
.about_mission .row .custom_column:nth-child(5n+6) .blogs_icon {background: rgba(34, 128, 194, 0.20);}
.about_mission .row .custom_column:nth-child(5n+6) span {color: #2280C2;  font-size: 26px;}
.about_mission .custom_column .blogs_icon span{color: #E40255; font-size: 26px;}
.about_images .mission_values h1 {margin-bottom: 15px;}

/* Privacy Policy */
.privacy_policy {padding: 100px 0px;}
.privacy_policy .privacy_listing ul {padding-left: 20px;display: flex;flex-direction: column;gap: 60px;margin: 0;}
.privacy_policy .privacy_main_heading{text-align: center;}
.privacy_policy .privacy_main_heading h1{margin-bottom: 15px;}
.privacy_policy .custom_row,.project_contract .custom_row{row-gap:40px;}
.privacy_listing ul li h5:nth-child(odd) {margin: 15px 0px;}
.privacy_listing ul li h5:last-child {margin-bottom: 0;}
.privacy_policy h5.sub_heading {color: #4A4A4A; font-weight: 700;}
.privacy_policy .signature_area {margin:120px 0px 40px}
.privacy_policy .signature_area h5{color:#4A4A4A}
.privacy_policy .notification_btn{display: flex;align-items: center;gap: 10px}
.privacy_policy .form-group input[type="checkbox"]:checked + label:before{background: #F6A600;border: 2px solid #F6A600}
.privacy_policy .btn.btn_transparent{padding: 10px 40px;height: 53px}
.privacy_policy .notification_btn .btn_black:has(i) i{color: #1B1732}
.privacy_policy .form-group label{font-weight: 700}
.privacy_policy p {color: black;}

/* Contact */
.contact_details {border-radius: 10px;  background: #FFF; box-shadow: 0px 8px 50px 0px rgba(0, 0, 0, 0.15);  padding: 20px;}
.contact_details .txt_field {text-align: start;}
.submit_btn{position: relative;margin-top: 15px;}
.contact_details .submit_btn .next_btn {background: white; color: black; display: flex;  align-items: center; justify-content: center;}
.contact_details .submit_btn button.btn.btn_black{width: fit-content; margin: auto;}
.social_links {display: flex;  flex-direction: column; gap: 20px;}
.social_links .social_icons a {color: #000; font-size: 20px;}
.social_links .social_icons {display: flex; justify-content: center; gap: 40px;}
.contact_text h1 {max-width: 40%; margin: auto auto 15px auto;}
.home_site_details .site_visiting a {color: #4A4A4A;text-decoration: none;}

/* BreadCrumbs */
.breadcrumb-item+.breadcrumb-item::before{color: rgb(254 254 255 / 75%); content: var(--bs-breadcrumb-divider, "-");}
.custom_breadcrumbs ol.breadcrumb {margin: 0; align-items: center;}
.custom_breadcrumbs ol.breadcrumb li a {  color: white;  font-size: 12px;  font-family: Helvet  ica;  text-decoration: none;  }
.custom_breadcrumbs .breadcrumb-item.active {  color: white;  font-size: 12px;padding-top: 4px;  font-family: Helvetica;  }

/*Buyer Dashboard*/
.buyer_home_cards .top_results { display: flex; align-items: center; gap: 10px;}
.buyer_home_cards .top_results span { color: #919191; font-size: 18px;}
.buyer_home_cards .top_results h5 { font-weight: 700; color: #4A4A4A;}
.buyer_home_cards .homepage_cards_top {display: flex;justify-content: space-between;align-items: center;}
.buyer_homePage .banner_content .txt_field {position: relative;}
.buyer_homePage .banner_content .projects_searchbar{width: 400px;margin: 0 auto;}
.buyer_homePage .banner_content .input_icon {position: absolute;top: 19px;left: 17px;font-size: 14px;}
.buyer_homePage .banner_content .txt_field input{border-radius: 40px;background: #FFF;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);padding: 15px 40px;}
.buyer_homePage .banner_content a.buyer_filter {background: #F6A600;width: 55px;display: block;height: 55px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;text-decoration: none;}
.buyer_homePage .banner_content .hero_section_btn {display: flex;gap: 10px;align-items: center;}
.btn_icon {width: 40px;height: 40px;background: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.btn.btn_has_icon {display: flex;align-items: center;justify-content: center;gap: 10px;height: unset;font-family: Helvetica; font-weight: 700;font-size: 14px;}
.btn_icon i {color: #E40255;}
.buyer_homePage .banner_content h6{padding:0px 20px}
.buyer_home_cards .top_results select{border: none}

section.buyer_home_cards {background: white;padding: 40px 0px;}
section.buyer_home_cards .pink_clr{background: #FFE5EE;}
section.buyer_home_cards .blue_clr{background: #D5EEFF}
section.buyer_home_cards .light_orag{background: #FFF3DB}
section.buyer_home_cards .green_clr{background: #EDFFD8}
section.buyer_home_cards .service_provider_cards {padding: 10px;border-radius: 20px;}
section.buyer_home_cards .card_header { display: flex; align-items: center; justify-content: space-between;}
section.buyer_home_cards .card_body {margin: 40px 0px;}
section.buyer_home_cards a.card_links { border-radius: 54px;border: 1px solid #4A4A4A; padding: 8px 13px;text-decoration: none; color: #4A4A4A; font-size: 14px;}
section.buyer_home_cards .card_footer { display: flex; align-items: center; gap: 10px; overflow: hidden; flex-wrap: wrap;}
section.buyer_home_cards .custom_cards {border-radius: 20px;border: 1px solid #E7E7E7;background: #FFF;box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);padding: 10px;}
section.buyer_home_cards .cust_cards_btn {display: flex;justify-content: space-between;margin-top: 20px;align-items: center;}
section.buyer_home_cards .custom_cards .cust_cards_btn .card_price h5{font-weight: 700;color: #454545;font-size: 18px;}
section.buyer_home_cards .custom_cards .cust_cards_btn .card_price h5 span{font-size: 12px}
section.buyer_home_cards .custom_cards .cust_cards_btn .card_price h6{color: #818181;font-size: 16px;}
section.buyer_home_cards .custom_cards .cust_cards_btn .card_detail_btn .btn_icon i{color: #1B1732;margin-right: unset}
section.buyer_home_cards .custom_cards .cust_cards_btn .card_detail_btn .btn_icon {width: 30px;height: 30px}
section.buyer_home_cards .custom_rowGap{row-gap: 20px;justify-content: center;}
.buyer_home_cards .custom_cards .service_provider_cards .card_header span.card_date {background: white;padding: 10px 20px;border-radius: 55px;font-size: 14px;color: #1A1A1A}
section.buyer_home_cards .custom_cards .service_provider_cards .card_header .bookmark {width: 45px;height: 45px;background: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.buyer_home_cards .site_visiting.custom_card {text-align: center;cursor: pointer;}

.pagination .txt_black{color: #1B1732}
.pagination {display: flex;list-style: none;padding: 0;margin: 120px 0px 0px ;justify-content: center;gap:10px;}
.pagination a {font-size:18px;display: inline-block;padding: 10px 15px;text-decoration: none;color: #BEBEBE; border: 1px solid #CECECE; border-radius: 50%;transition: background-color 0.3s, color 0.3s; width:45px;height:45px;display:flex;align-items:center;justify-content:center}
.pagination a[aria-current="page"] {color: #454545;font-weight:700;}
.pagination a:hover { background-color: #e9ecef;color: #454545;}
.visuallyhidden {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden; clip: rect(0, 0, 0, 0);border: 0;}

.filter .slider-container {position: relative;display: flex;align-items: center;}
.filter input[type="range"] {width: 100%;margin: 0;position: absolute;-webkit-appearance: none;appearance: none;}
.filter input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 25px;height: 25px;background: #1B1732;cursor: pointer;border-radius: 50%;position: relative;z-index: 2;margin-top:-5px}
.filter input[type="range"]::-webkit-slider-runnable-track {width: 100%;height: 10px;background: #DEDEDE;border-radius: 5px;}
.filter input[type="range"]::-moz-range-track {width: 100%;height: 5px;background: #DEDEDE;border-radius: 5px;}
.filter label.pricing_value {display: flex;justify-content: space-between;width: 100%;margin-bottom: 15px}

.form-group {display: block;margin-bottom: 15px;}
.form-group input[type="checkbox"] {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.form-group label {position: relative;cursor: pointer;z-index: 1;font-family: 'LeagueSpartan-Regular';}
.form-group label:before {content: '';-webkit-appearance: none;background-color: transparent;border: 2px solid #1B1732;height: 14px;width: 14px;display: inline-block;position: relative;cursor: pointer;margin-right: 5px;border-radius: 2px;}
.form-group input:checked + label:after {content: '\f00c';display: block;position: absolute;top: 5px;left: 4px;width: 6px;height: 7px;display: flex;align-items: center;justify-content: center;border: unset;color: white; font-family: 'FontAwesome'; font-size: 10px;}
.form-group input[type="checkbox"]:checked + label:before {background: #1B1732;border: 2px solid #1B1732;;}

.filter .txt_field { border-radius: 7px; border: 1px solid #CECECE; background: #FFF; width: 215px; padding: 10px 15px; margin-bottom: 10px;}
.filter .txt_field .form-group label {line-height: 24px;font-size:18px;color:#818181}
.filter .txt_field .form-group { margin-bottom: unset; display: flex; align-items: center;}
.modal-dialog.modal-dialog-centered{ max-width: 40%;}
.service_description .modal-dialog.modal-dialog-centered{ max-width: 50%;}
.modal-content{padding: 40px 20px;border-radius: 20px;}
.modal-title { font-size: 26px; margin: auto; color: #4A4A4A;}
.modal-header {border-bottom: none;padding: 0;justify-content: center;}
.filter h5 {font-size: 18px;color: #454545;font-weight: 700;margin: 40px 0px 10px;}
.modal-body { padding: 0;}
.modal-footer {padding: 0; border-top: none;margin:  auto;padding-top: 40px}
.modal .modal-footer .btn_transparent {color: #1B1732 ;border-radius: 72px;border: 1px solid #1B1732;padding: 15px 40px;height: unset;}
.modal-footer .btn_has_icon .btn_icon i{color: var(--black_color)}
.share_icon {position: absolute; left: 30%; right: 0;  margin: auto; bottom: -5px;}
.share_icon i {color: #A0A0A0;}
.rating_star span {font-size: 14px; font-family: 'Helvetica'; margin-top: 2px;}
.custom_profile_img {position: relative;}
.modal-header h3 {font-family: Helvetica;font-weight: 700;}
.new_milestone {display: flex;align-items: center;gap: 10px;margin: 20px 0;}
.new_milestone span {border-radius: 50%;background: rgba(119, 185, 42, 0.20);width: 30px;height: 30px;display: flex;color: #77B92A;font-family: Poppins-SemiBold;font-size: 14px;align-items: center;justify-content: center;}
.modal-body .txt_field {margin-bottom: 15px;}
.modal-body label {margin-bottom: 10px;color: #4A4A4A;font-family: 'Poppins-Medium';}
.modal_btn {text-align: center; margin-top: 10px;display: flex; justify-content: center; align-items: center; gap: 10px;}
.modal_btn .btn {padding: 12px 40px; height: unset;}
.modal_btn .btn.btn_black {display: flex; width: fit-content; align-items: center; gap: 15px;padding: 8px 8px 8px 20px;font-weight: 700;}
.modal-body .description p {color: black;font-size: 14px;line-height: 25px;margin-top: 20px;font-family: Poppins-Regular;text-align: justify;  }
.milestone_card.milestone_border:after {position: absolute; content: "";border: 1px solid #E7E7E7 ; display: block;width: 2px;height: 100%; right: 0; top: 0;}

section.contact_us_page {padding-top: 40px;}
section.contact_us_page .banner_content h1,. custom_breadcrumbs ol.breadcrumb li a {color: #4a4a4a;}
section.contact_us_page .custom_breadcrumbs .breadcrumb-item.active {color: #4a4a4a;text-decoration: underline;}

/*Details Review*/
.reviews_wrapper .single_review .client_review {display: flex;align-items: center;gap: 10px}
.details_review_page .social_icons .btn_has_icon .btn_icon i{color: #1B1732}
.dflex {display: flex;justify-content: space-between;align-items: center;}
.details_review_page .personal_information h5{margin-bottom: 20px;color: #454545;font-weight: 700}
.details_review_page .personal_information .dflex .social_icons {margin: 0;}
.details_review_page .personal_information .social_icons {display: flex;align-items: center;gap: 10px;justify-content: center;}
.details_review_page .personal_information .social_icons .btn_has_icon .btn_icon i{margin-right:0;}
.details_review_page .personal_information .social_icons .email_btn {padding:12px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.details_review_page .personal_information .social_icons .email_btn  i{margin-right:0}
section.details_review_page {padding-top: 40px;margin-bottom: 120px}
.edit_profile_btn a.btn:has(i) i {margin: 0; color: #1B1732;}
.details_review_page .personal_information{text-align: center;display: flex; flex-direction: column; gap: 20px;}
.details_review_page .edit_profile_btn {width: fit-content; margin: auto;}
.details_review_page .personal_information .info_profile {width: 135px;height: 135px;margin: auto;border-radius: 50%; overflow: hidden;}
.details_review_page .personal_information .info_profile img {width: 100%;height: 100%;object-fit: cover}
.details_review_page .personal_information h4 {margin: 10px;font-weight: 700;}
.details_review_page .rating_star .checked {color: orange;}
.details_review_page .personal_information .social_icons.phone {color: #E40255;}
.details_review_page .personal_information .fw_bold{font-weight: 700}
.details_review_page .personal_information .social_icons.email_icon {color: #F6A600;}
.details_review_page .personal_information .social_icons.facebook {color: #2280C2;}
.details_review_page .personal_information .social_icons.linkedin {color: #005997;}
/*.details_review_page .personal_information .dflex.percent_txt .social_icons {margin-bottom: 15px;}*/
/*.details_review_page  .mb_unset{margin-bottom:15px}*/
.details_review_page .custom_card {height: unset; margin-top: 20px;}
.details_review_page .personal_information .contact_info h5 {margin: 0;}
.details_review_page .review_action button.review_action_dropdown { background: none; border: none;}
.details_review_page .review_action button.review_action_dropdown::after { display: none;}
.details_review_page .personal_information .description {padding-bottom: 20px;}
.details_review_page .personal_information .description p { color: #4a4a4a; text-align: start;margin-bottom: 10px;overflow: hidden;display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.details_review_page .personal_information .description h5 { margin-bottom: 10px;text-align: start;}
.details_review_page .personal_information  .description a.description_view_more i {margin-left: 5px; font-size: 10px;}
.details_review_page .personal_information .description a.description_view_more {font-size: 14px;color: #000;font-family: 'Poppins-Medium';}
.details_review_page .contact_info,.state_licenses .custom_state_license {display: flex; flex-direction: column; gap: 15px;}

.state_licenses {margin-top: 20px;}
.state_licenses .dflex .custom_alignment .award_icon {width: 60px;height: 60px;border-radius: 100px;background: rgba(119, 185, 42, 0.20);display: flex;display: flex;justify-content: center;align-items: center;}
.state_licenses .dflex .custom_alignment .award_icon i {color: #77B92A;font-size: 26px;}
.state_licenses .dflex .custom_alignment h5{color: #4A4A4A;font-weight: 700;text-align: start;}
.state_licenses .dflex .custom_alignment {display: flex;gap: 20px;align-items: center;}
.state_licenses .dflex .custom_alignment .verified_tick p {color: #4A4A4A;font-size: 12px;}
.state_licenses .dflex .custom_alignment .verified_tick {display: flex;align-items: center;gap: 10px;}
.state_licenses .dflex .custom_alignment .verified_tick i.fa-solid.fa-circle-check {font-size: 12px;color: #2280C2;}
.state_licenses .dflex .document_view_eye i{color: #A0A0A0}
/*.state_licenses .dflex{margin-bottom: 20px}*/
.state_licenses h5{text-align: center;color: #454545;font-weight: 700;font-size: 20px;}
.custom_state_preferences .custom_card h5 {font-size: 20px;}
.state_licenses h5.title{margin-bottom: 20px;display: flex; justify-content: space-between;}
.hero_section.header_video .custom_banner.custom_height {height: 90px}
.portfolio .portfolio_cards h6 {font-weight: 600;line-height: normal;margin-top: 10px;}
.portfolio .portfolio_cards .portofolio_imgs {height: 120px;width: 100%;}
.portfolio .portfolio_cards .portofolio_imgs img {height: 100%; width: 100%; object-fit: cover; border-radius: 5px;}
.custom_portfolio_images {display: flex;column-gap: 2%;row-gap: 20px;flex-wrap: wrap;}
.portfolio .projects_expertise {margin-top: 20px;}
.custom_portfolio_images .custom_portfolio_wrapper {width: 23.5%;position: relative;}
.portfolio .custom_row{row-gap: 20px}
.portfolio h5{color: #454545;font-weight: 700}
.portfolio .suggest_links .card_links {display: block; width: fit-content;font-family: 'Outfit-Regular';border-radius: 25px;background: #EEF1F6;font-size: 14px;color: #556175;text-decoration: none;padding: 8px 13px;line-height: normal;}
.portfolio .suggest_links {display: flex;gap: 20px;flex-wrap: wrap;margin-top: 20px;}
.custom_section {border-radius: 10px;border: 1px solid #E7E7E7;background: #FFF;box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);padding: 20px;}
.reviews_wrapper .review_user_img {width: 30px;height: 30px;}
.reviews_wrapper .review_user_img img {width: 100%;height: 100%;object-fit: cover;border-radius: 32px;   border: 1px solid #CECECE;}
.reviews_wrapper .review_user {display: flex;align-items: center;gap: 10px;margin: 20px 0px 10px;}
.reviews_wrapper .review_user h5 {color: #4A4A4A;font-weight: 700;}
.reviews_wrapper h5.title {color: #4A4A4A;font-weight:700;}
/*.reviews_wrapper.custom_section {margin-top: 20px;}*/
.reviews_wrapper .single_review .dflex  .review_date h6{color: #818181}

/* Append File */
.login_box .stepper .step .append_type_file:has(.image_structure).append_type_file a.image_icon,.job_posting_form .append_type_file:has(.video_fancy_box).append_type_file a.image_icon,.job_posting_form .append_type_file:has(.image_structure).append_type_file a.image_icon,.post_project_section .personal_information .append_type_file:has(.image_structure).append_type_file a.image_icon,.upload_documents_wrapper .append_type_file:has(.image_structure).append_type_file a.image_icon {display:none}
.append_type_file a.preview_pdf {position: unset;color: #e40202;font-family: 'Poppins-Regular';font-size: 16px;}
.append_type_file a.preview_docx {position: unset;color: #0237e4;font-family: 'Poppins-Regular';font-size: 16px;}
/*.login_box .stepper .step .append_type_wrapper,.post_project_section .personal_information .append_type_wrapper {height: 160px;}*/
.image_structure {height: 140px; width: 138px;}
.append_type_file {border: 1px solid #ccc;display: inline-block;position: relative;width:140px;height: 140px;overflow: hidden;cursor: pointer;text-align: center;border-radius: 8px;background: #CECECE;}
.append_type_file img {width: 100%;height: 100%;object-fit: cover;border-radius: 8px;}
.custom_input_file img {display: none;}
.append_type_file a {position: absolute;top: 40%;right: 0px;left:0px;color: #fff;font-size: 20px;text-decoration: none;}
.append_type_file input[type="file"] {display: none;}
.upload_documents_wrapper .image_structure {width: 140px;}
a.video_fancy_box {position: unset;}
.upload_media .append_type_file {width: 80px;  height: 80px;overflow: visible;}
.upload_media .custom_file_upload {margin-top: 15px;}
.upload_media .custom_file_upload h5 {color: #4A4A4A; font-family: Poppins-SemiBold;margin-bottom: 10px;}
.upload_media .append_type_file a{top: 30%;}
.post_project_section { padding: 40px 0px 100px;}
.post_project_section .custom_category_flex .single_field{width:100%}
/*.post_project_section .custom_category_flex{display: flex;align-items: end;gap:10px;width:100%}*/
.post_project_section .custom_category_flex .btn.btn_blue{padding:15px;height:unset;border-radius:8px;}
.job_posting_form .append_type_file:has(.video_fancy_box) input[type="file"] {pointer-events: none;}

.post_project_section h3.post_title { border-bottom: 1px solid #E7E7E7; padding: 0px 0px 20px 0px; line-height: 24px;}
.post_project_section .post_project_content h5 {color: #454545; font-weight: 700;margin-top: 40px;}
.post_project_section .post_project_content .single_field .txt_field label {margin: 20px 0px 10px;font-family: 'Outfit-Regular';}
.post_project_section .post_project_content .single_field .txt_field{position: relative}
.personal_information label {font-family: 'Outfit-Regular';}
.post_project_section .post_project_content .single_field .txt_field .dollor_icon {position: absolute;right: 10px;top: 70%;color: #4A4A4A;font-size: 14px;}
.post_project_section input[type="time"] {padding: 20px 10px;}
.post_project_section .set_verified_seller{margin: 40px 0px}
.post_project_section .post_btn .btn.btn_transparent,.agree_terms_conditions .modal_btn .btn.btn_transparent,.custom_submit_btn button.btn.btn_transparent {padding: 12px 40px;height: unset;}
.post_project_section .post_btn {display: flex;align-items: center;gap: 10px;}
.post_project_section .btn.btn_has_icon .btn_icon i {color: #1B1732;}
.post_project_section .edit_profile_logo {margin: auto;width: 135px;height: 135px;}
.post_project_section  .edit_profile_logo img {width: 100%;height: 100%;object-fit: cover;}
.edit_profile .post_project_content .single_field .mb_20{margin-bottom: 20px}
.edit_profile  .post_btn{margin-top: 40px}
body .dropify-wrapper:is(.touch-fallback):hover{-webkit-animation:unset; background-image: url("/website/assets/images/inside_logo.png");background-size: cover}
body .dropify-wrapper:hover {-webkit-animation: unset;animation: unset;}
.edit_profile  .dropify-wrapper{border:1px solid black}
.profile_picture {align-items: center;position: relative;}
body .dropify-wrapper .dropify-clear,body .dropify-wrapper.touch-fallback .dropify-clear{opacity: 1;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;margin:5px;color: white;top: 10px;border: 2px solid #FFF;bottom: 0;}
.edit_profile #input-file-now { display: none; }
.edit_profile .dropify-wrapper .dropify-preview .dropify-infos{display:none}
.edit_profile .edit-icon {cursor: pointer;font-size: 20px;  position: absolute; right: 5px; bottom: 0px;z-index: 9;}
.edit_profile .edit_profile_logo .dropify-wrapper {width: 135px;height: 135px!important;border-radius: 50%;background-image: url("/website/assets/images/inside_logo.png");background-repeat:no-repeat;background-size:contain;border:1px solid #000;padding: 0;}
.edit_profile .dropify-wrapper .dropify-message span.file-icon:before {  content: "";  font-family: FontAwesome;  color: white;  font-size: 36px;  }
.edit_profile .dropify-wrapper .dropify-message p {  display: none;  }
.edit_profile .edit_file { width: 30px;height: 30px;}
body .dropify-wrapper .dropify-clear:after {content: "\f1f8"; font-family: FontAwesome;}
.edit_profile div#edit-icon { background: white;width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; border-radius: 70px; background: #FFF; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);}
.service_profile .portofolio_button {display: flex;align-items: center;justify-content: space-between;margin-bottom:20px;}
.service_profile .portofolio_button  .btn i{color:#1B1732}
.details_review_page .mb_20{margin-bottom: 20px;}
body .dropify-wrapper .dropify-preview {padding: 0;}
.edit_profile .change_password_wrapper .input_icon {position: absolute;right: 15px;bottom: 25px;}
.edit_profile .change_password_wrapper .input_icon a {color: black;font-size: 14px;}
.change_password_wrapper .txt_field{position:relative;margin-bottom: 20px;}
.custom_projects_tabs {border-radius: 8px;background: #FFF;box-shadow: 2px 0px 30px 0px rgba(0, 0, 0, 0.10);padding: 20px;}
.change_password_btn button.btn.btn_black,.submit_doc button.btn.btn_black {height: unset;padding: 8px 12px;border-radius: 10px;}
.edit_btn button.change_pass i,.edit_btn button.upload_docx i {margin-left: 10px;font-size: 14px;}
.txt_field .input_group_box:has(label.error) .input_icon {bottom: 45px;}

.my_projects_page .nav-pills .nav-link.active, .nav-pills .show>.nav-link {background: none;color: #454545;font-weight: 700;border-bottom: 2px solid #2280C2;border-radius: 0;}
.my_projects_page .nav-pills .nav-link {color: #454545;padding: 40px 30px 20px 30px;width: 150px;font-family: 'Helvetica';}
.my_projects_page button#dropdownMenuButton11 {background: none;border: none;}

.my_projects_page .dropdown-toggle::after {display: none;}
.my_projects_page section.my_projects_page {padding: 40px 0px;}
.my_projects_page .table_box.table_padding table.table.myTable.datatable td {text-align: center;font-size: 14px;color: #4A4A4A;border: none;padding: 15px 10px;white-space: nowrap;font-family: 'Poppins-Regular';}
.my_projects_page .table_box.table_padding table.table.myTable.datatable th {text-align: center;color: #4A4A4A;font-size: 16px;font-weight: 600;padding: 35px 0px 15px;white-space: nowrap;font-family: 'Poppins-Regular';}
.my_projects_page .table_box.table_padding table.table.myTable.datatable tbody ul.dropdown-menu.show {padding: 0;border: none;border-radius: 10px;background: #FFF;box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);}
.my_projects_page .table_box.table_padding table.table.myTable.datatable tbody ul.dropdown-menu.show a.dropdown-item{padding: 15px 30px;font-family: Poppins-Regular;  font-size: 12px;  text-align: center;}
section.my_projects_page {padding: 40px 0px;}
.my_projects_page h3.projects_title {border-bottom: 1px solid #E7E7E7;padding-bottom: 20px;}
.my_projects_page .table_box .heading_part {border-bottom: 1px solid #E7E7E7;}
.my_projects_page .table_box.table_padding table.table.myTable.datatable tbody ul.dropdown-menu.show a.dropdown-item i{margin-right: 10px;}

.my_projects_page .img_container img {width: 100%; height: 100%;object-fit: cover;border-radius: 50%;}
.my_projects_page .img_container {width: 30px; height: 30px;}
.my_projects_page .table_flex { display: flex; gap: 10px; align-items: center; justify-content: center;}
.my_projects_page span.success,.project_overview .custom_milestone_column .milestone_card:first-child h5.success:first-child {text-transform:capitalize;background: #D9FFE2;padding: 10px; border-radius: 5px; color: #006B18;font-size: 12px;font-family: 'Poppins-Regular';}
.my_projects_page span.ongoing {text-transform:capitalize;background: #f6a600;padding: 10px; border-radius: 5px; color: white;font-size: 12px;font-family: 'Poppins-Regular';}
.my_projects_page span.pending {text-transform:capitalize;background: #877f7f;color:white;padding: 10px; border-radius: 5px; font-size: 12px;font-family: 'Poppins-Regular';}
.my_projects_page span.posted {text-transform:capitalize;background: #C3E6FF;color:#00518A;padding: 10px; border-radius: 5px; font-size: 12px;font-family: 'Poppins-Regular';}
.project_overview .custom_milestone_column .milestone_card:first-child h5.success:first-child{font-size: 18px;}
.service_all_projects.my_projects_page h3.projects_title{border-bottom: none;padding-bottom:0px}
.service_all_projects.my_projects_page .table_box.table_padding table.table.myTable.datatable th{border-bottom: 0.5px solid #4A4A4A;}
.table-responsive .table tbody tr td>a {color: var(--dark_gray_color); font-family: Poppins-Medium; font-size: 14px;}
.estimate_bid_section {border-top:1px solid #000}
.estimate_bid_section  p{color:black;padding-top:20px;font-size:15px}
.posted_view_page {padding-top: 40px;}
.posted_view_page .post_list a.btn.btn_black.btn_has_icon.post_detail_view{margin:20px 0px 0px}
.posted_view_page .post_list {padding: 20px; border-radius: 10px; border: 1px solid #E7E7E7; background: #FFF;}
.posted_view_page .post_list .post_profile { width: 30px;height: 30px;}
.posted_view_page .post_list .post_profile img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.posted_view_page .post_list .profile_name_inline {display: flex; align-items: center; gap: 10px;}
.posted_view_page .post_list h5 {color: #4A4A4A;font-weight: 700;font-size: 15px;}
.posted_view_page .post_list .dflex {margin-bottom: 20px;}
.posted_view_page .post_list .amount{font-weight: 700;}
.posted_view_page .post_list a.btn.btn_black.btn_has_icon {margin-top: 20px; width: fit-content;margin:20px auto;}
.posted_view_page .post_list a.btn.btn_black.btn_has_icon i {color: #1B1732;margin-right: 0;}
.posted_view_page .listing_section {max-height: 822px; overflow-y: auto;  padding-right: 10px; display: flex; flex-direction: column; gap: 20px;}
.posted_view_page .listing_section::-webkit-scrollbar {width: 10px;}
.posted_view_page .listing_section::-webkit-scrollbar-thumb {background: #2D2E83; border-radius: 40px;}
.posted_view_page .listing_section::-webkit-scrollbar-track {background: rgba(0, 39, 104, 0.05);; border-radius: 5px;}
.posted_view_page .row.custom_rowGap,.post_detail_view .custom_rowGap {row-gap: 20px;}
.posted_view_page .row.custom_rowGap h5 { color: #454545; font-weight: 700;}
.posted_view_page .row.custom_rowGap h5 span { font-weight: 400; color: #818181;}
.posted_view_page .row.custom_rowGap h6 {font-family: 'Poppins-Regular';}
.posted_view_page .row.custom_rowGap .project_photos {height: 100px;width: 100%;border: 1px solid black; border-radius: 5px;overflow: hidden}
.posted_view_page .row.custom_rowGap .project_photos img { height:100%;width: 100%;}
.posted_view_page .row.custom_rowGap h3 {line-height: 24px;}
.post_detail_view .custom_header .logo_and_name .logo {width: 65px;height: 65px;}
.post_detail_view .custom_header .logo_and_name .logo img {width: 100%; height: 100%; object-fit: cover;border-radius: 50%;}
.post_detail_view .custom_header .logo_and_name {display: flex;gap: 10px;align-items: center;text-align: start;}
.post_detail_view .custom_header .logo_and_name .bidder_name p {color: #4A4A4A; text-align: start; font-family: 'Poppins-Regular';}
.post_detail_view h5 {color: #454545;font-weight: 700;}
.post_detail_view .custom_header {display: flex;align-items: center;justify-content: space-between; width: 100%;margin-bottom: 20px}
.post_detail_view .custom_header .view_profile a.btn.btn_black {padding: 5px 10px;}
.post_detail_view button.btn.btn_light_red {background: #FFDBDB;color: #AB0000;}
.post_detail_view .btn {padding: 10px;width: 160px;height: unset;font-family: Poppins-Medium;}
.posted_view_page .top_results {display: flex;margin-bottom: 10px;}
.posted_view_page .top_results select {border: none;}
.post_detail_view button.btn.btn_green {background: #DBFFDB;color: #027900;}
.post_detail_view .custom_header .view_profile a.btn.btn_black.email_button{width:fit-content;}
.post_detail_view .custom_header .view_profile .email_button i{margin-right:0}
.post_detail_view .custom_header .view_profile {display: flex;gap: 10px;align-items: center;}
.rating_star input {display: none;}
.rating_star label {cursor:pointer;color: #C8C8C8;}
.rating_star label:before {content: "\f005";font-family: FontAwesome;display: block;font-size: 14px;;user-select: none;}
.rating_star input:checked ~ label:before {color: #F6A600;}
.rating_star {display: flex; column-gap: 10px;flex-direction: row-reverse;justify-content: center}
.post_detail_view .modal_btn{margin: 0;}
.add_expertise_btn {margin-top: 10px;}

/* My Projects Ongoing view */
.project_overview .ongoing_milestone .custom_milestone_column .milestone_card:last-child{border-right:none}
.project_overview .custom_display_flex .btn_red i {color: #E40255;}
.project_overview .custom_display_flex {display:flex;align-items:center;gap:10px}
.project_overview,section.custom_chats {padding: 40px 0px;}
.project_overview .ongoing_milestone {border-radius: 10px;border: 1px solid #E7E7E7;background: #FFF;box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);padding: 20px 20px 40px 20px;text-align: center;}
.project_overview .ongoing_milestone h3 {font-family: helvetica;font-weight: 700;}
.project_overview .ongoing_milestone .milestone_card h4 {font-family: Helvetica;font-weight: 700;margin-bottom: 10px;}
/*.project_overview .ongoing_milestone .milestone_card {border-right: 1px solid #4A4A4A;}*/
.project_overview .ongoing_milestone .custom_column:last-child .milestone_card,.project_overview .project_ongoing table.datatable tbody, td, tfoot, th, thead, tr {border: 0;}
.project_overview .projects_scope {padding: 20px;}
.project_overview .view_profile,.project_overview .custom_timeline {display: flex;justify-content: space-between;align-items: center;}
.project_overview .project_title,.project_overview .view_btn {display: flex;align-items: center;gap: 10px;}
.project_overview .view_btn a.btn.btn_black:first-child {border-radius: 50%;width: 40px;height: 40px;padding: 0;display: flex;align-items: center;justify-content: center;}
.project_overview .view_btn a.btn.btn_black:last-child {padding: 5px 30px;display: flex;align-items: center;}
.project_overview .projects_scope h5 {color: #454545;font-family: Helvetica;font-size: 18px;font-weight: 700;margin-bottom: 10px;}
.project_overview .btn:has(span) span,.modal_btn button.btn span,.modal_btn a.btn span{border-radius: 50%;background: #FFF;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;color: black;}
.project_overview .project_desc a.btn {display: flex;align-items: center;width: fit-content;gap: 15px;font-family: Helvetica;font-weight: 700;font-size: 14px;height: unset;}
.project_overview .project_title h5,.project_overview a.btn:has(span) i,.project_overview a.btn:has(span) img,.project_overview .project_ongoing table.datatable,.project_overview .view_btn a.btn.btn_black:first-child i {margin: 0;}
.project_overview .scope_desc {padding: 40px 0 20px 0;}
.project_overview .projects_scope h6 {font-family: Poppins-Regular;margin-bottom: 10px;}
.project_overview .project_ongoing {border-radius: 10px;border: 1px solid #E7E7E7;background: #FFF;box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);padding: 20px;}
.project_overview .project_ongoing table tbody {border-top: 1px solid #E7E7E7;}
.project_overview .project_ongoing table tbody tr td:first-child {color: #999;font-family: Helvetica;font-size: 16px;font-weight: 700;white-space: nowrap;}
.project_overview .milestone_card h5 {color: #4A4A4A;font-weight: 700;}
.project_overview .milestone_icon,.milestone_detail .milestone_icon {border-radius: 50%;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;font-size: 26px;}
.project_overview .project_ongoing table tbody tr:nth-child(4n+1) td:nth-child(2) .milestone_icon {background: rgba(119, 185, 42, 0.20);color: #77B92A;}
.project_overview .project_ongoing table tbody tr:nth-child(4n+2) td:nth-child(2) .milestone_icon {background: rgba(228, 2, 85, 0.20);color: #E40255;}
.project_overview .project_ongoing table tbody tr:nth-child(4n+3) td:nth-child(2) .milestone_icon {background: rgba(246, 166, 0, 0.20);color: #F6A600;}
.project_overview .project_ongoing table tbody tr:nth-child(4n+4) td:nth-child(2) .milestone_icon {background: rgba(34, 128, 194, 0.20);color: #2280C2;}
.project_overview .project_ongoing table tbody tr td .dropdown button {background: transparent;border: 0;}
.project_overview .dropdown-toggle::after {display: none;}
.project_overview .project_ongoing table tbody tr td .release_btn .btn.btn_green {height: 50px;}
.project_overview .project_ongoing table tbody tr td .release_btn .btn {height: unset;font-family: Helvetica;font-size: 16px;font-weight: 700; display: flex; width: fit-content; gap: 15px; align-items: center;}
.project_overview .custom_timeline h3 {font-family: Helvetica;font-weight: 700;}
.project_overview .create_btn a.btn.btn_black,.project_overview .dispute_btn button.btn.btn_red {height: unset;display: flex;align-items: center;gap: 15px;}
.project_overview a.btn.btn_black{font-family: Helvetica;font-weight: 700;font-size: 14px;}
.milestone_card p,span.due_date {color: #4A4A4A;font-family: Poppins-Regular;text-align: start;margin: 15px 0;font-size: 12px;}
.project_overview .project_desc a.btn:has(span) span {color: #2280C2;}
.project_overview span.due_date i {margin-right: 6px;}
.project_overview .view_profile .project_logo {border-radius: 50%;border: 1.5px solid #CECECE;background: #FFF;width: 65px;height: 65px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.project_overview .view_profile .project_logo img{height: 100%;width: 100%;object-fit: cover;}
.project_ongoing table tbody tr td .dropdown ul.dropdown-menu.show,.review_action .dropdown ul.dropdown-menu.show{padding: 15px 30px;border-radius: 10px;background: #FFF;box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10)!important;display: flex;flex-direction: column;gap: 15px;}
.project_ongoing table tbody tr td .dropdown ul.dropdown-menu li a,.review_action .dropdown ul.dropdown-menu li a {padding: 0;text-align: center;color: #4A4A4A;font-size: 12px;font-family: 'Poppins-Regular';}
.project_ongoing table tbody tr td .dropdown ul.dropdown-menu li a i,.review_action .dropdown ul.dropdown-menu li a i {margin-right: 10px;}
.project_ongoing table tbody tr td .dropdown ul.dropdown-menu li:last-child a i:last-child {margin-left: 12px;}
.project_overview .project_ongoing table tbody tr td:nth-child(2):after {content: "";position: absolute;width: 1px;height: 33px;left: 45%;bottom: -50%;}
.project_overview .project_ongoing table tbody tr:nth-child(4n+1) td:nth-child(2):after{border: 1px dashed #77B92A;}
.project_overview .project_ongoing table tbody tr:nth-child(4n+2) td:nth-child(2):after{border: 1px dashed #E40255;}
.project_overview .project_ongoing table tbody tr:nth-child(4n+3) td:nth-child(2):after{border: 1px dashed #F6A600;}
.project_overview .project_ongoing table tbody tr:nth-child(4n+4) td:nth-child(2):after{border: 1px dashed #2280C2;}
.project_overview .project_ongoing table tbody tr td:nth-child(2) {position: relative;}
.project_overview .project_ongoing table tbody tr:last-child td:nth-child(2):after {content: unset;}
.project_overview .project_ongoing table tbody tr td:nth-child(3) {width: 65%;white-space: nowrap;}
.project_overview .project_ongoing table tbody tr td:nth-child(4) {width: 12%;text-align: center;white-space: nowrap;}
.project_overview .project_ongoing table tbody tr {display: flex;align-items: center;}
.project_overview .project_ongoing table tbody tr td .dropdown ul.dropdown-menu.show{transform: translate(0px, 26px)!important;}
.project_overview .project_ongoing .custom_timeline:has(.custom_btn) {border-bottom: 1px solid #E7E7E7; padding-bottom: 20px;  }
.project_overview .project_ongoing .table-responsive{margin-top:20px;}
.project_overview .project_ongoing table tbody tr td .milestone_paid a.btn.btn_green {padding: 10px 20px;  height: unset;  font-family: Poppins-Medium;  }
.project_overview .project_ongoing table tbody tr td:last-child {  width: unset;  margin-left: auto; white-space: nowrap; }
.project_overview .project_ongoing table tbody tr td .release_btn .btn.btn_yellow span {color: #F6A600;font-size: 14px;}
.project_ongoing .custom_timeline .custom_btn {display: flex; align-items: center; gap: 10px;}
.project_overview .custom_milestone_column {display: flex; flex-wrap: wrap; gap:  1%; row-gap: 20px; justify-content: center;align-items: center;}
.project_overview .ongoing_milestone .custom_milestone_column .milestone_card {width: 19.2%;padding: 0 15px;display: flex;flex-direction: column;height: 100%;justify-content: space-between;  }
.project_overview .custom_milestone_column .milestone_card:first-child h5:first-child{border-radius: 4px;background: #FFEBC3;padding: 10px;color: #9B6800;font-family: Poppins-Regular;font-size: 18px;margin-bottom: 10px;text-transform: capitalize;  }
/*.project_overview .ongoing_milestone .milestone_card:last-child {border: 0;}*/
.project_ongoing .release_btn a.released_status {text-decoration: none;font-family: Helvetica;font-size: 16px;font-weight: 700;color: var(--green_color);}
.project_ongoing .release_btn a.requested_status {text-decoration: none;font-family: Helvetica;font-size: 16px;font-weight: 700;color: var(--pink_color);}
.project_overview .project_desc h5 {margin-top: 20px;}
.table-responsive:has(.myTable tbody tr td .dropdown-menu.show){min-height: 180px;}
.project_overview .project_ongoing section.custom_chats {padding: 0;}

/* Chats Css */
.custom_chats .ongoing_milestone{margin-bottom: 20px}
.custom_chats .messages {display: flex;flex-direction: column;}
/*.custom_chats .chat_messages{display: flex;flex-direction: column-reverse;}*/
.custom_chats .profile_owner.received,.custom_chats .msg_container {justify-content: start;display: flex;flex-direction: row-reverse;gap:10px;}
.custom_chats .profile_owner {display: flex;gap: 10px;}
.custom_chats .msg-time p {color: #4A4A4A;font-family: "Poppins-Regular";font-size: 12px;padding: 0 10px;}
.custom_chats .clip {display: flex;padding: 10px;}
.custom_chats .clip > .text,.custom_chats .msg_container .message_container {font-family: "Poppins-Regular";font-size: 14px;max-width: 50%;padding: 15px 20px;word-wrap: break-word;border-radius: 20px 20px 20px 0px;line-height: 30px;}
.custom_chats .received > .text,.custom_chats .msg_container.base_receive .message_container {background: #FFF9EC;color: #4A4A4A;}
.custom_chats .sent > .text,.custom_chats .msg_container.base_sent .message_container {background: #EFEFEF;border-radius: 20px 20px 0px 20px;}
.custom_chats .sent {flex-direction: row-reverse;}
.custom_chats .chat_messages .get_all {display: flex; flex-direction: column; gap: 15px;}
.custom_chats .msg_container.base_sent{justify-content: end;align-items: end; flex-direction: row;}
.custom_chats .msg_container.base_receive {flex-direction: row; align-items: end;}
.custom_chats .chat_messages::-webkit-scrollbar,.custom_chats .all_users_chats::-webkit-scrollbar {width: 10px;}
.custom_chats .chat_messages,.custom_chats .all_users_chats {overflow-y: auto;height: 600px;padding-right: 10px;}
.custom_chats .chat_messages::-webkit-scrollbar-thumb,.custom_chats .all_users_chats::-webkit-scrollbar-thumb {background: #1B1732;border-radius: 40px;}
.custom_chats .chat_messages::-webkit-scrollbar-track,.custom_chats .all_users_chats::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.05);border-radius: 40px;}
.custom_chats .send_msg {position: relative;display: flex;justify-content: space-between;gap: 10px;padding: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid #b2b2b26b; box-shadow: 0px 3px 9px 0px #cbd7ddd9}
.custom_chats #text_box_area .send_msg textarea {resize:none;border-radius: 50px;background: #cbd7ddd9;padding: 10px 20px;height: 50px;border: 1px solid #CECECE;box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.02) inset;color: #4A4A4A;}
/*.custom_chats .send_msg input[type="file"] {position: absolute;right: 8%;width: 30px;bottom: 10%;border: 0;background: transparent;}*/
/*.custom_chats .send_msg input[type="file"]::file-selector-button {display: none;}*/
.custom_chats .users_chats .send_msg .avatar-upload .avatar-edit input {display: none;}
.custom_chats .users_chats .send_msg .avatar-upload {position: relative; max-width: 205px; margin: 0px auto;}
.custom_chats .users_chats .send_msg .avatar-upload .avatar-edit {position: absolute; right: 10px; z-index: 1; bottom: -20px;}
.send_msg .input-group {gap: 5px;align-items: center; width: 100%;}
.custom_chats .users_chats .send_msg .avatar-upload .avatar-edit input + label img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.custom_chats .users_chats .send_msg .avatar-upload .avatar-edit input + label {cursor: pointer; transition: all 0.2s ease-in-out; overflow: hidden; padding: 0; height: 40px; width: 40px; border-radius: 50%; background: #0c80b9; color: white; border: none;display: flex;align-items: center;justify-content: center;}
.custom_chats .send_msg input[type="file"]:before {content: "\f055";font-family: FontAwesome;padding-right: 10px;font-size: 18px;  cursor: pointer;}
.custom_chats .send_msg .btn_blue {width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border-radius: 50%!important;color: #FFF;font-size: 18px;border: 0;padding: 0;}
.custom_chats .send_msg input[type="text"]::placeholder {color: #BDBDBD;}
.custom_chats .users_chats {border-radius: 10px;border: 1px solid #E1E1E1;background: #FFF;}
.custom_chats .chat_messages h3 {margin-bottom: 20px;}
.custom_chats .send_msg .btn_blue i {margin: 0;color: white;}
.custom_chats .document_details .mt_20 {margin-top: 20px;}
.custom_chats .accept_reject_msg .user_img {width: 65px;height: 65px;}
.custom_chats .new_message h5 {color: #818181;font-weight: 400;}
.custom_chats .user_profile,.custom_chats .user_messages {display: flex;align-items: center;gap: 10px;}
.custom_chats .dispute_btn {margin-left: auto;}
.custom_chats .dispute_btn button.btn.btn_red {background: #A80000;padding: 5px 8px 5px 20px;font-family: Helvetica;font-weight: 700;}
.custom_chats .user_img {border-radius: 50%;border: 1.5px solid #CECECE;background: #FFF;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.custom_chats h5 {font-weight: 700;}
.custom_chats p {color: #4A4A4A;font-family: Poppins-Regular;background: transparent;text-align: start;}
.custom_chats .msg_container .message_container .location_box {display: flex; column-gap: 10px; margin-bottom: 5px;align-items: center;}
.custom_chats .nav.chats_detail {flex-direction: column;gap: 20px;box-shadow: 1px 2px 10px 2px silver;border-radius: 10px;border: 1px solid #E1E1E1;background: #FFF;padding: 20px;}
.custom_chats h3 {font-family: Helvetica;font-weight: 700;}
.custom_chats .searchbar_input input[type="search"] {border-radius: 82px;border: 1px solid #CECECE;background: #FFF;box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.02) inset;padding: 10px 20px;color: #4A4A4A;font-family: Poppins-Medium;}
.custom_chats .searchbar_input input[type="search"]::placeholder {color: #CECECE;}
.custom_chats .all_users_chats .user_profile_msg {display: flex; gap:10px; align-items: center;cursor: pointer;text-decoration: none; padding: 10px;justify-content: space-between;border-bottom: 0.5px solid #D5D5D5;position: relative;border-radius: 10px;}
.custom_chats .all_users_chats .user_profile_msg.actived {border-radius: 10px;border: 1px solid #E7E7E7;background: #cbd7ddd9;box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);}
.custom_chats h6 {font-weight: 700;}
.custom_chats .Chat_box .chats_detail {padding: 10px; background: white; border-radius: 10px; border: 1px solid #E1E1E1; box-shadow: 2px 9px 9px 0px #cbd7ddd9;}
.custom_chats .user_messages .user_img {width: 40px;height: 40px;}
.custom_chats .user_img img {height: 100%;width: 100%;object-fit: cover;}
.custom_chats span.status {border-radius: 50%;background: #2280C2;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;color: #FFF;font-size: 10px;font-family: Poppins-Regular;margin-left: auto;}
.custom_chats .all_users_chats {display: flex;flex-direction: column;row-gap: 15px;border: 0;margin-top: 10px;flex-wrap: nowrap;}
.custom_chats .time p,.custom_chats .user_msg h6{margin-bottom: 5px;}
.search-btn-container.searchbar_input {margin: 20px 0;}
/*.custom_chats .new_chat {border-bottom: 1px solid #E7E7E7;padding-bottom: 10px;}*/
.custom_chats .all_users_chats .user_messages .user_msg span {display: flex;  align-items: center;  gap: 5px;  color: #4A4A4A;  font-size: 12px;  font-family: Helvetica;  }
.custom_chats .all_users_chats .user_messages .user_msg p {font-family: Helvetica;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  text-overflow: ellipsis;  max-width: 230px;  overflow: hidden;  }
.custom_chats .accept_reject_msg .new_message p {color: #818181;font-family: Helvetica;font-size: 18px;font-weight: 400;}
.custom_chats .custom_btn button {padding: 10px 40px;font-family: Poppins-Medium;font-size: 14px;}
.custom_chats .custom_btn button.btn.btn_green {background: #DBFFDB;}
.custom_chats .accept_reject_msg{display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 20px; height: 578px;}
.custom_chats .send_msg button[disabled="disabled"] {background: #007ea561;}
.custom_chats .upload_file {width: 100px;height: 100px;}
.custom_chats .upload_file img,.custom_chats .send_img img {height: 100%;width: 100%;object-fit: cover;}
.custom_chats .send_img {width: 141px;height: 141px;border-radius: 10px;overflow: hidden;}
.custom_chats .accept_reject_msg .custom_btn button.btn_red {background: #FFDBDB;color: #AB0000;}
.user_profile .dispute_btn {display: flex;align-items: center;gap: 10px;}
.custom_chats .user_profile .dispute_btn button.btn {padding: 5px 30px;height: unset;}
#dispute_milestone_chat_div section.chat_sec.custom_chats {padding: 0;}
.custom_chats #text_box_area .send_msg textarea:focus {z-index: unset;}
.custom_chats .msg_container .message_container p:has(a.fancybox1) a.fancybox1 {width: 50%; height: 50%; display: block;}
.custom_chats .msg_container .message_container p:has(a.fancybox1) a.fancybox1 img {height: 100%; width: 100%; border-radius: 5px;}
.custom_chats .chat_messages {padding: 20px 10px 20px 20px;height: 640px;}
.custom_chats .user_profile {padding: 20px;border: 1px solid #b2b2b26b;border-top-left-radius: 10px;border-top-right-radius: 10px;box-shadow: 0px 3px 9px 0px #cbd7ddd9;flex-wrap: wrap;}
.custom_chats .all_users_chats .user_profile_msg:hover {background: #eaeaeaa1;}
.custom_chats .all_users_chats .user_profile_msg span.badge {color:white;margin-left: auto;display: flex;border-radius: 50%;padding: 5px;width: 25px;height: 25px;align-items: center;justify-content: center;font-family: 'Poppins-Medium';}
.custom_chats .msg_time p {text-align: right;margin-top: 6px;}
.custom_chats .trash_btn i {margin: 0;}
.custom_chats .trash_btn button.btn {color: #ff9426;font-size: 16px;border-radius: 10px;padding: 8px 15px;background: #cfcfcf63;}
.custom_chats .users_chats .text-bar-row .send_msg:not(:has(textarea)) {display: none;}
.custom_chats .user_profile .dispute_btn p {font-family: 'Poppins-SemiBold'; font-size: 16px;}
.custom_chats .preview_upload_file .custom_img_upload {position: absolute;bottom: 0;left: 0;right: 0;background: #ccd6da;border-radius: 10px 10px 0 0;padding: 15px;}
.custom_chats .preview_upload_file img.custom-preview-img {height: 100%;width: 100%;object-fit: cover;border-radius: 10px;}
.custom_chats .preview_upload_file .image_preview_wrapper {height: 200px;width: 200px; border: 1px solid #ccd6da; border-radius: 10px; }
.custom_chats .custom_img_upload button.remove_preview {position: absolute;right: 6px;top: 6px;background: black;color: white;border-radius: 50%;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;}
.custom_chats .preview_upload_file{position: relative;}
.custom_chats .document_details .custom_title {word-wrap: break-word;}
.custom_chats button.btn.btn_black.chat_back_btn {font-size: 13px;padding: 10px;display: flex;align-items: center;justify-content: center;border-radius: 50%;width: 30px;height: 30px;}
.custom_chats .tab-content#v-pills-tabContent {margin: 0;}

/*Service Providder*/
.sp_explore_page .explore_card {border-radius: 10px;border: 1px solid #E7E7E7; background: #FFF; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);padding: 20px;}
.sp_explore_page .explore_card .rating_star {justify-content: start;}
.sp_explore_page .img_container {width: 45px;height: 45px;}
.logo_content_rating {display: flex; gap: 10px;align-items: center;}
.sp_explore_page .img_container img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;border: 1px solid silver;object-position: top;}
.sp_explore_page .logo_and_name {flex-direction: column;display: flex; align-items: center; gap: 10px;}
.sp_explore_page .explore_card .explore_card_user {display: flex;align-items: center;gap: 40px;justify-content: space-between;}
.sp_explore_page .custom_rowGap {row-gap: 20px;}
.sp_explore_page .card_info { display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap;row-gap:10px;}
.sp_explore_page h5 {font-weight: 700; color: #454545;}
.sp_explore_page h5 span {font-weight: 400;color: #818181;margin-left:20px}
.sp_explore_page h6 {font-family: 'Poppins-Regular';}
.sp_explore_page .explore_card .project_photos {height: 130px;}
.sp_explore_page .explore_card .project_photos img { border: 1px solid silver;height: 100%; width: 100%; object-fit: cover; border-radius: 5px;}
.sp_explore_page .explore_card .custom_col{ align-items: end; display: flex;justify-content: end;}
.sp_explore_page .explore_card .view_project .btn i {margin-right: 0;color: #2281C2;}
.project_desc {margin-top: 20px;}
.view_project a.btn.btn_blue.btn_has_icon {width: fit-content;margin-left: auto;}

.posted_view_page{padding-bottom: 40px}
.posted_view_page .offer_contact_btn { margin-top: 20px; display: flex; flex-direction: column; gap: 10px;}
.posted_view_page .offer_contact_btn .btn { width: 100%;position: relative; height: 50px; }
.posted_view_page .offer_contact_btn button.btn.btn_blue.btn_has_icon i{color:#2280C2}
.posted_view_page .offer_contact_btn button.btn.btn_black.btn_has_icon i{color:#1B1732}
.posted_view_page .explore_card_user { display: flex; align-items: center; gap: 40px;justify-content: space-between}
.questionnaire_img:has(img).questionnaire_img {height: 100px; width: 118px; border-radius: 5px;border: 1px solid silver;}
.questionnaire_img img{width:100%;height: 100%;border-radius: 5px;object-fit: cover;}
.offer_contact_btn .btn_icon {position: absolute;right: 5px;}

.make_offer h3 {font-family: Helvetica; font-weight: 700; margin-bottom: 40px;}
.make_offer .txt_field label span {font-size: 10px;font-weight: 500;}
.make_offer .switch {position: relative; display: inline-block; width: 60px;height: 25px;}
.make_offer .switch input {display: none;}
.make_offer .slider {position: absolute;cursor: pointer; top: 0;left: 0;right: 0;bottom: 0;background: #dedede;border-radius: 40px;-webkit-transition: 0.4s;}
.make_offer .slider:before {position: absolute;content: "";height: 20px;width: 20px;background: #fff;border-radius: 50%;left: 4px;bottom: 3px;-webkit-transition: 0.4s;transition: 0.4s;}
.make_offer input:checked + .slider {background: #1B1732;}
.make_offer input:checked + .slider:before {-webkit-transform: translateX(30px);-moz-transform: translateX(30px); transform: translateX(30px);}
.make_offer .txt_field {position: relative;}
.make_offer .txt_field label{margin-bottom: 10px;font-weight: 600;}
.make_offer i.fa-solid.fa-dollar-sign.dollor_icon {position: absolute;top: 59%;left: 10px;}
.make_offer input.form-control {padding: 20px 30px;}
/*.make_offer .switch_button { display: flex; align-items: center;gap: 10px; margin-bottom: 10px;}*/
.make_offer i.fa-solid.fa-circle-info.info_icon {position: absolute;right: 0; top: 59%;right: 10px;color: #C6C6C6;}
.make_offer .modal-footer button.btn.btn_transparent {padding: 5px 40px;height: 50px;}
.make_offer .btn_has_icon i{color: #1B1732}
.single_field:has(.form-check) {border-radius: 8px;border: 1px solid #BDBDBD;background: #FFF;padding: 20px 10px;}

.edit_profile .company_information label{color:#BDBDBD}
.edit_profile .company_information .txt_field input,.company_information .txt_field textarea{border:1px solid #BDBDBD }
.edit_profile .company_information .custom_margin{margin-bottom: 20px}
.edit_profile .company_information .radio_label{margin: 20px 0px 10px 0px}
section.ewallet_section .monthly_income h3{margin-bottom: 20px}
section.ewallet_section .monthly_income { border-radius: 10px;border: 1px solid #E7E7E7;background: #FFF;box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05); padding: 20px;overflow: hidden;}
section.ewallet_section .total_balance {width:100%; border-radius: 10px;border: 1px solid #E7E7E7;background: #FFF;box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);padding: 20px; display: flex;align-items: center;justify-content: space-between;}
section.ewallet_section {padding: 40px 0px 120px 0px;}
section.ewallet_section h3.ewallet_title { padding-bottom: 20px;border-bottom: 1px solid #E7E7E7;line-height: 24px;}
section.ewallet_section .balance_info h5 {color: #454545 ;font-weight: 700; margin-bottom:40px}
section.ewallet_section .balance_sub_text {display: flex; align-items: center;gap: 8px;}
section.ewallet_section .balance_sub_text i {font-size: 8px;color: #38A206;}
section.ewallet_section .total_balance_btn button.btn.btn_blue.btn_has_icon i{color:#2280C2}
.ewallet_section .transactions { border-radius: 10px; border: 1px solid #E7E7E7; background: #FFF;box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05); padding: 20px;   }
.ewallet_section .transactions .top_results {display: flex; align-items: center;}
.ewallet_section .transactions select#cars { border: none; font-size: 14px;}
.ewallet_section .transactions .pending_arrow { width: 53px; height: 53px; background: #FFE2E2; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.ewallet_section .transactions .transaction_arrow { width: 53px; height: 53px; background: #EFFFDC; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.ewallet_section .transactions .logo_and_name { display: flex; align-items: center; gap: 10px;}
.ewallet_section .transactions .trans_heading p {color: #919191;text-align: start;}
.ewallet_section .transactions .trans_heading h6 span {color: #919191;}
.ewallet_section .transactions .trans_heading .dflex {justify-content: unset;gap: 5px;}
.ewallet_section .transactions span.success {background: #D9FFE2;color: #006B18; padding: 5px 10px; border-radius: 5px;font-size: 10px;font-family: 'Poppins-Medium';}
.ewallet_section .transactions span.pending {background: #E6E6E6;color: #666; padding: 5px 10px; border-radius: 5px;font-size: 10px;font-family: 'Poppins-Medium';}
.ewallet_section .transactions span.rejected {background: #FFE2E2;color: #ba0000; padding: 5px 10px; border-radius: 5px;font-size: 10px;font-family: 'Poppins-Medium';}
.ewallet_section .transactions .transaction_container {display: flex;align-items: center; justify-content: space-between;}
.ewallet_section  .transactions h5 {color: #454545;font-weight: 700;}
.ewallet_section .transactions .dflex.custom_margin {margin-bottom: 20px;}
.ewallet_section .transactions .top_results h5 {font-size: 12px;color: #919191;font-weight: 400;}
.ewallet_section .transactions .custom_rowGap{row-gap: 20px}
.custom_scrollbar{max-height: 620px; overflow-y: auto;  padding-right: 10px;}
.custom_scrollbar::-webkit-scrollbar,.reviews_wrapper::-webkit-scrollbar {width: 10px;}
.custom_scrollbar::-webkit-scrollbar-thumb,.reviews_wrapper::-webkit-scrollbar-thumb {background: #1B1732; border-radius: 40px;}
.custom_scrollbar::-webkit-scrollbar-track,.reviews_wrapper::-webkit-scrollbar-track {background: rgba(0, 39, 104, 0.05);; border-radius: 5px;}
.ewallet_section .custom_scrollbar{max-height: 583px;width: 100%;margin: 0;}
.user_action {display: flex;align-items: center;justify-content: space-between;}
.login_register .custom_scrollbar{max-height: calc(100vh - 100px);margin: 0;}
.custom_scrollbar{margin-top:20px;}
.reviews_wrapper{max-height: 690px; overflow-y: auto;  padding-right: 10px;}

/*Catgegory */
section.category_section {padding: 100px 0px 100px;}
section.category_section .accordion-item:first-of-type>.accordion-header .accordion-button {background-color: white;}
section.category_section .accordion-item {border: none;}
section.category_section .accordion-body {border-top: none;}
section.category_section .form-group input:checked + label:after {top:3px}
section.category_section .other_accordion .form-group input:checked + label:after {top:7px}
section.category_section button.accordion-button{background-color: white !important;}
section.category_section .txt_field select{width: 100%;background: none}
section.category_section .custom_checkbox_cards {padding: 20px 10px;border-radius: 8px;border: 1px solid #DADADA;background: #F9F9F9;margin: 10px 0px 20px;}
section.category_section .form-group {margin-bottom: 0;}
section.category_section .custom_margin{margin-bottom: 20px}
section.category_section .btn_black:has(i) i{color: var(--black_color)}
section.category_section .txt_field textarea.form-control{background: none}
section.category_section .txt_field select:disabled {background:#F9F9F9;border: 1px solid #DADADA }
section.category_section .post_project_btn{margin-top: 40px}
section.category_section .post_project_btn a{width: fit-content}

/* Stepper Form Css */
.custom_modal .modal-dialog.modal-dialog-centered {max-width: 80%;}
.custom_modal .modal-header {justify-content: space-between;}
.custom_modal .modal_img {width: 215px;height: 50px;}
.custom_modal .modal_img img {height: 100%;width: 100%;object-fit: cover;}
.custom_modal .modal-header .btn.btn_black span {background: #FFF;border-radius: 50%;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;color: black;}
.custom_modal .modal-header .btn.btn_black span i {margin: 0;}
.custom_step_form {padding: 30px 15px 20px 0;height: 670px;}
.progress_step .step {display: flex;align-items: center;gap: 30px;justify-content: space-between;}
.progress_step .step span {border-radius: 50%;border: 2px solid #002768;background: #FFF;display: flex;width: 60px;height: 60px;align-items: center;justify-content: center;color: #1B1732;font-family: Helvetica;font-size: 20px;font-weight: 700;}
.progress_step {display: flex;flex-direction: column;align-items: end;justify-content: space-between;height: 100%;}
.progress_step .step h5 {color: #DBDBDB;font-family: Helvetica;font-size: 20px;font-weight: 700;}
.custom_form_radio {display: flex;gap: 30px;align-items: center; justify-content: center;flex-wrap:wrap;}
.custom_form_radio .custom_radio input {display: none;}
.custom_form_radio .custom_radio label {position: relative;cursor: pointer;text-align: center;color: #454545;font-family: Helvetica;font-size: 18px;font-weight: 700;width: 300px;border-radius: 10px;box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.20);padding: 80px 10px;word-wrap: break-word;}
.custom_form_radio .custom_radio input[type="radio"]:checked + label {background: #2280C2;color:white;}
.progress_step .step span:after {content: "";position: absolute;display: block;background: black;width: 3px;height: 250px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, #002768 50%, rgba(255, 255, 255, 0.40) 100%);box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.02);top: 100%;}
.progress_step .step span {position: relative;}
.custom_modal .modal-content .row{align-items: center;}
.progress_step .step:last-child span:after {display: none;}
.form_steps {display: flex; justify-content: space-between; margin-top: 20px;}
.form_steps span.custom_steps {background: #BBB; width: 33%; height: 5px;border-radius: 10px;}
.custom_modal .modal-content .row,.custom_modal .modal-content .row form,.custom_step_form .job_posting_form .custom_column_height,.job_posting_form{height: 100%;}
.custom_modal .modal-content::-webkit-scrollbar {width: 15px;}
.custom_modal .modal-content::-webkit-scrollbar-thumb {background: #2280C2;border-radius:30px;}
.custom_modal .modal-content::-webkit-scrollbar-track{background:#DBDBDB;border-radius:30px;}
.custom_modal .modal-content{max-height: calc(100vh - 60px); overflow-y: auto;}
.custom_form_filling .txt_field label {display: flex;justify-content: space-between;}
.custom_form_filling .txt_field label:has(a) a{color:black;font-size: 16px;}
.custom_step_form .txt_field textarea{width:100%;}
.append_images {display: flex; gap: 10px; flex-wrap: wrap;}
.append_images a.remove_img {background: black;border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;color: white;font-size: 12px;text-decoration: none;}
.custom_append_img {display: flex;align-items: flex-start;}
.check_address {display: flex;gap: 10px;}
.add_another_address button.btn,.remove_address button.btn,.address_container button.remove_address {padding: 6px 12px;height: unset;font-size: 14px;font-family: 'Poppins-Regular';}
.add_another_address,.remove_address {text-align: right;}
.address_container button.remove_address{margin: 10px 0 0 auto; display: block;}
.custom_modal .modal_btn .btn {padding: 10px 12px;border-radius: 10px;font-family: Helvetica;font-weight: 600;font-size: 14px;}
.question_type_select_div textarea,.question_type_select_div .profile_picture  {margin-top: 10px;}
.custom_modal .modal_btn {position: fixed;right: 12%;margin: 0;z-index: 1;}

/* Modal Dropify Image */
.custom_modal .txt_field .profile_picture .dropify-wrapper {height: 200px;width:200px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(27, 23, 50, 0.75) 0%, rgba(27, 23, 50, 0.75) 100%);border-radius: 10px;padding: 0;  }
.custom_modal .txt_field .profile_picture .dropify-wrapper .dropify-preview {padding: 0;}
.custom_modal .txt_field .profile_picture .dropify-wrapper .dropify-preview img{height:100%;width:100%;object-fit:cover;border-radius:10px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);}
.custom_modal .txt_field .profile_picture .dropify-wrapper .dropify-clear,a.input_btn.change_picture {width: 30px;height: 30px;border-radius: 50%;background: rgba(255, 255, 255, 0.40);display: flex;align-items: center;justify-content: center;font-size: 14px;padding: 0;border: 0;color: white;opacity: 1;}
.custom_modal .txt_field .profile_picture .dropify-wrapper .dropify-clear {left: 50px;}
.custom_modal .txt_field .dropify-wrapper .dropify-clear:after {content: "\f1f8"; font-family: FontAwesome;}
.custom_modal .txt_field .profile_picture a.input_btn.change_picture {position: absolute; top: 10px; z-index: 1; left: 10px}
.custom_modal .txt_field .profile_picture .dropify-wrapper .dropify-clear {left: unset;}
.custom_modal .txt_field .profile_picture .dropify-wrapper .dropify-clear {opacity: 1;}
.modal .append_type_file img{display:block}
/* Services Make Offer Css (Alyan) */
.custom_submit_btn {display: flex;align-items: center;gap: 10px;margin-top: 40px;}
.custom_submit_btn button.btn.btn_black .btn_icon i {color: black;}
.project_overview .services_offer .project_ongoing table tbody tr td:last-child {width: 12%;}

/* Project Contract */
.project_overview.project_contract .ongoing_milestone {text-align: start;}
.project_price h5,.projects_agreement li h5 {font-weight: 700;}
.project_overview .ongoing_milestone .project_price h3 {font-family: 'Poppins-Medium';font-weight: 500;}
.project_overview .ongoing_milestone h3 {font-family: "LeagueSpartan-SemiBold";}
.projects_agreement ul {padding-left: 20px;margin: 0;display: flex;flex-direction: column;gap: 40px;}
.projects_agreement ul li h5 {margin: 10px 0;}
.project_overview.project_contract .custom_text_center{text-align: center;}
.milestone_detail {display: flex;align-items: center;gap: 20px;padding: 20px 0;}
/*.project_ongoing_report .milestone_card {padding-right: 50%;}*/
.project_ongoing_report .custom_column_card:nth-child(4n+1) .milestone_icon {background: rgba(119, 185, 42, 0.20);color: #77B92A;}
.project_ongoing_report .custom_column_card:nth-child(4n+2) .milestone_icon {background: rgba(228, 2, 85, 0.20);color: #E40255;}
.project_ongoing_report .custom_column_card:nth-child(4n+3) .milestone_icon {background: rgba(246, 166, 0, 0.20);color: #F6A600;}
.project_ongoing_report .custom_column_card:nth-child(4n+4) .milestone_icon {background: rgba(34, 128, 194, 0.20);color: #2280C2;}
/*.custom_column_card {border-bottom: 1px solid #C7C7C7;}*/
/*.custom_column_card:last-child,.custom_column_card:nth-child(4n+3) {border: 0;}*/
/*.project_desc.view_contract {margin-bottom: 40px;}*/
.project_overview .view_contract a.btn:has(span) span {color: #F6A600;}
.agree_terms_conditions label {color: #4A4A4A;font-family: Helvetica;font-size: 16px;font-weight: 700;display: flex;align-items: center;gap: 10px;width: fit-content;}
.agree_terms_conditions .form-group label:before {border: 2px solid #F6A600;width: 20px;height: 20px;margin: 0;border-radius: 5px;}
.agree_terms_conditions .form-group input:checked + label:after {left: 7px;font-size: 14px;top:8px;}
.form-group input[type="checkbox"]:checked + label:before {background: #F6A600; border: 2px solid #F6A600;}
.agree_terms_conditions .modal_btn {justify-content: start; margin: 0;}
.modal-body .custom_margin{margin-top: 20px;}
.wire_transfer .dropify-wrapper {border-radius: 8px;border: 1px dashed #7C7C7C;background: #FFF;}
.wire_transfer .dropify-wrapper .dropify-message p {color: #4A4A4A;font-size: 16px;}
.wire_transfer .dropify-wrapper .dropify-message span.file-icon:before {content: '\f03e';font-family: FontAwesome;color: #5D5D5D;font-size: 25px;}
.wire_transfer .dropify-wrapper .dropify-preview img {height: 100%; width: 100%; object-fit: contain;}
.pending_emails {text-align: center;display: flex;flex-direction: column;gap: 20px;height: 100%;align-items: center;justify-content: center;}
section.email_verify, section.email_verify .container,section.email_verify .container .row {height: 100vh;}

/* Custom Radio */
.custom_modal_radio input {display: none;}
.custom_modal_radio label {position: relative;cursor: pointer;color: #4A4A4A;font-size: 14px;font-family: Helvetica;line-height: normal; border-radius: 8px;  border: 1px solid #DADADA; background: #F9F9F9; padding: 20px 10px; width: 100%;display: flex; align-items: center;gap:10px;}
.custom_modal_radio label:before {content: '';-webkit-appearance: none;background-color: transparent;border: 2px solid #1B1732;height: 18px;width: 18px;display: inline-block;border-radius: 50%;}
.custom_modal_radio input:checked + label:after {content: '\f111';display: block;position: absolute;top: 25px;left: 15px;display: flex;align-items: center;justify-content: center;border: unset;color: white;font-family: 'FontAwesome';font-size: 8px;}
.custom_modal_radio input[type="radio"]:checked + label:before {background-color: #2280C2;border: 2px solid #2280C2;}

/* Seller css*/
.dispute_milestone .modal-body .txt_field{margin: 0;}
.edit_bids {display: flex;justify-content: space-between;align-items: center;}
.bid_amount.custom_flex {gap: unset;}
.edit_btn a.btn {padding: 10px 20px;height: unset;font-family: Poppins-Medium;font-size: 14px;}
.make_offer .switch_button h6 {font-weight: 600;font-size: 16px;}
.custom_switch_toggle span {font-family: Poppins-Medium;font-size: 18px;}
.custom_switch_toggle {display: flex; align-items: center; gap: 20px; margin-top: 10px;}

/* Service Provider Projects Tabs*/
.custom_timeline .nav-pills .nav-link {color: #454545;font-family: Helvetica;font-size: 18px;border-radius: 0;padding: 20px 30px;}
.custom_timeline .nav-pills .nav-link.active {font-weight: 700;color: #454545;background-color: transparent;border-bottom: 2px solid #2280C2;}
.custom_timeline .nav-pills {gap: 20px;border-bottom: 1px solid #DBDBDB;width: 100%;padding: 0 10px;}
.custom_chats .tab-content {margin-top: 20px;}
.custom_chats .tab-content div#v-pills-tabContent {margin: 0;}

/* Rating Star Modal */
.service_rating .custom_img {width: 80px;height: 80px;border-radius: 50%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.service_rating .custom_img img {height: 100%;width: 100%;object-fit: cover;}
.service_rating .modal-header {gap: 10px;margin-bottom: 40px;}
.service_rating .modal-body .txt_field,.service_rating .modal-body .txt_field label {margin: 0;}
.service_rating .modal-body .txt_field label {font-family: "Helvetica";font-weight: 700;}
.service_rating .modal-body .txt_field span {color: #818181;font-family: Helvetica;font-size: 18px;padding-left: 10px;}
.custom_rating_star {margin-top: 40px;text-align: center;}
.custom_rating_star .wrapper label:before {font-size: 40px;}
.custom_rating_star .wrapper input:checked ~ label:before,.custom_rating_star .wrapper label:hover:before {color: #FFC107;}
.custom_rating_star .wrapper label:hover ~ label:before {color: #ffdb70;}
.seller_rating {display: flex;align-items: center;gap: 4px;}
.seller_name h3 {line-height: normal;}
.seller_rating .checked {color: #F6A600;}
.seller_rating span {color: wheat;}
.scope_desc .seller_rating {margin-bottom: 10px;align-items: baseline;}
.custom_categories a,.custom_categories h3,.custom_categories span {width: fit-content; display: block;border-radius: 40px;background: #E9E9E9;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);padding: 10px 30px;color: #454545;font-family: Helvetica;font-size: 16px;font-weight: 700;text-decoration: none;}
.explore_card_user .custom_categories a,.posted_view_page .custom_categories h3 {background: #2280C2; color: white;}

/* Payment Modal*/
.make_payment .wire_transfer .payment_instruction p {text-align: left;color: #4A4A4A;font-family: 'Poppins-SemiBold';margin-bottom: 5px;font-size: 14px;}
.make_payment .wire_transfer .payment_instruction span {font-family: 'Poppins-Regular';}

/* Append Type File Css */
.custom_file_upload {display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin: 10px 0;}
.post_project_content .custom_file_upload {margin-top: 15px;}
.custom_file_upload .new_custom_div .append_type_wrapper button.close-btn {background: black;color: white;border-radius: 50%;width: 20px;height: 20px;font-size: 12px;position: absolute;z-index: 1;right: -10px;top: -7px;}
.custom_file_upload .new_custom_div {display: flex;flex-wrap: wrap;gap: 15px;}
.custom_file_upload .new_custom_div .append_type_wrapper {position: relative;}
.upload_media button.append_type_file {width: 80px;}
.edit_portfolio button.close-btn.append_img_div_remove,.login_box .stepper .step button.close-btn.append_img_div_remove,.job_posting_form button.close-btn.append_img_div_remove,.portfolio .custom_portfolio_images button.append_img_div_remove,.post_project_section .personal_information button.append_img_div_remove,.upload_documents_wrapper button.append_img_div_remove,.upload_media .append_type_file button.append_img_div_remove{border: 0;position: absolute;right: -15px;top: -15px;background: black;color: white;border-radius: 50%;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;font-size: 12px;}
.edit_portfolio .modal-body {margin-top: 20px;}
.login_box .stepper .step .append_type_file,.job_posting_form .append_type_file,.post_project_section .personal_information .append_type_file,.upload_documents_wrapper .append_type_file{overflow: visible;}
/*.custom_modal .custom_file_upload .append_img_div_remove.close-btn {color:red;position:absolute;top:-5px;right:0;border:none;background:none;font-size:20px}*/
.edit_portfolio .append_type_wrapper {height: 150px;width: 150px;}
.edit_portfolio .append_type_wrapper .append_type_file {width: 100%;height: 100%;overflow: visible;}
.edit_portfolio .append_type_wrapper .txt_field input[type="text"] {padding: 10px;}
.edit_portfolio .append_type_file input[type="file"],.login_box .stepper .step .append_type_file input[type="file"],.job_posting_form .append_type_file input[type="file"],.post_project_section .personal_information .append_type_file input[type="file"],.state_license .append_type_file input[type="file"],.insurance_policy .append_type_file input[type="file"],.upload_media .append_type_file input[type="file"]{z-index: 1;opacity: 0;position: absolute;height: 100%;top: 0;left: 0;right: 0;cursor: pointer;display: unset;}
.edit_portfolio .custom_file_upload{gap:20px;margin-top: 15px;}
.portfolio_images .modal-body{margin-top: 20px;}
.portfolio_images .portfolio_cards {display: flex;align-items: center;column-gap: 2%;row-gap: 15px;flex-wrap: wrap;width: unset;margin: 20px 0;}
.portfolio_images .portfolio_cards .portfolio_img {width: 23%;height: 120px;}
.portfolio_images .portfolio_cards .portfolio_img img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.portfolio_images.edit_portfolio .append_type_wrapper {height: unset;width: unset;display: flex;flex-wrap: wrap;align-items: center;gap: 15px;}
.portfolio_images.edit_portfolio .append_type_wrapper .append_type_file {height: 140px;width: 140px;}
.state_license,.insurance_policy,.default_doc_preview {border: 2px solid black;border-radius: 10px;padding: 10px;}
button.btn.btn_black.edit_img {position: absolute;padding: 0;border-radius: 50%;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;right: 0;top: 0;font-size: 10px;}

/* Select 2 Css*/
.modal-body .txt_field:has(span.select2-container).txt_field {display: flex;flex-direction: column;}
.custom_multi_select .select2-container .selection .select2-selection {border-radius: 8px;border: 1px solid #DADADA;background: var(--input_color);padding: 20px 10px;font-size: 14px;font-family: "Helvetica";font-weight: 400;color: var(--gray_color);}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {margin: 0;color: black;font-size: 14px;font-family: 'Poppins-Regular';border: 2px solid black;}
.custom_multi_select .select2-container {width: 100%!important;}
.custom_multi_select .select2-container .selection .select2-selection ul.select2-selection__rendered {margin: 0;display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
.select2-container.select2-container--default .select2-dropdown { border-radius: 6px;}
.select2-container.select2-container--default .select2-results__option--selectable {padding: 10px;font-family: 'Poppins-Regular';font-size: 14px;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {width: 10px;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {background: #f1f1f1;border-radius:20px;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {background: #000000;border-radius:20px;}
.select2-container--open{z-index: 9999;}

/* Date Picker Css */
.txt_field .datepicker {padding: 0;position: relative;}
.txt_field .datepicker span.input-group-addon {position: absolute;bottom: 20px;right: 20px;cursor: pointer;}
.datepicker.datepicker-dropdown {padding:5px;border-radius: 10px;z-index: 9999 !important;}
.datepicker table th {font-size: 12px;font-family: 'Poppins-SemiBold';padding: 5px;}
.datepicker table tr td {font-family: 'Poppins-SemiBold';font-size: 12px;padding: 5px;}
.txt_field:has(.datepicker) label {font-size: 14px;}


/*categroy modal*/
.category_modal .service_rating .single_field .txt_field .custom_multi_select  .modal-body .txt_field span{font-size: 14px}
/* License Number Css */
.append_state_license label {font-size: 16px;font-family: "Helvetica";font-weight: 400;color: var(--gray_color);}
.append_state_license .custom_add_license {display: flex;align-items: center;gap: 15px;}
.append_state_license .custom_add_license .state_key_initial {border-radius: 8px;border: 1px solid #DADADA;background: var(--input_color);padding: 20px 10px;font-size: 14px;font-family: "Helvetica";font-weight: 400;color: var(--gray_color);min-width: 15%;text-align: center;}
.append_state_license .custom_add_license .txt_field {min-width: 82%;}
.append_state_license {display: flex;flex-direction: column;gap: 10px;}

/*Website Notification Page*/
.notification .user_profile .profile_img {border: 1px solid #CECECE;width: 35px;height: 35px;border-radius: 50%;display: flex;align-items: center;justify-content: center}
.notification .user_profile i {color: #000;margin-right: unset;margin-top: unset;}
.notification .user_profile {display: flex;gap: 10px;}
.notification .notify_title {display: flex;justify-content: end}
.notification_page .notification .notify_status {padding: 15px;display: flex;justify-content: space-between}
.notification_page .notification h6 {color: #4A4A4A;font-family: 'Poppins-Medium';line-height: normal;}
.notification_page .notification p {font-family: 'Poppins-Regular';color: #4a4a4a;line-height: 21px;text-align: start;}
.notification_page .notification .user_profile .profile_img {width: 50px;height: 50px}
.notification_page .notification .notify_status .status_time {display: flex;gap: 10px;align-items: center}
.notification_page .notification .notify_status .status_time i {color: #77B92A}
.notification_page .notify_title {padding-bottom: 20px;justify-content: space-between; align-items: center;}
.notification_page .notification button.btn.btn_black:has(i) i{margin-left: 10px}
.notification_page .notification {border: 1px solid #E7E7E7;margin:40px 0px;}
.notification .notify_title .btn {padding: 8px 14px;height: unset;line-height: normal;}
.posted_view_jobs {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px;}

/* Seller Profile Edit*/
.edit_btn {text-align: right;}
.edit_btn button.btn.btn_black {padding: 10px;height: unset;border-radius: 10px;min-width: 6%;}
.seller_profile_content .profile_picture {height: 150px;width: 150px;margin: 15px auto;}
.seller_profile_content .profile_picture img {height: 100%;width: 100%;object-fit: cover;border-radius: 50%;border: 1px solid black;}
.seller_profile_content .txt_field label,.state_license label, .insurance_policy label {font-family: 'Poppins-Medium';font-size: 18px;}
.seller_profile_content .txt_field span {font-family: 'Poppins-Regular';font-size: 16px;}
.seller_profile_content .txt_field {display: flex;align-items: center;gap: 20px;flex-wrap: wrap;}
.seller_profile_content h5 {margin: 20px 0;font-size: 22px;font-family: 'Poppins-SemiBold';}
.state_license_document .document_img,.insurance_policy_document .document_img {height: 150px;min-width: 15.8%;}
.state_license_document .document_img img,.insurance_policy_document .document_img img {width: 100%;height: 100%;object-fit: cover;border-radius: 5px;border: 1px solid black;}
.state_license_document,.insurance_policy_document {display: flex;align-items: center;column-gap: 1%;flex-wrap: wrap;margin-top: 15px;row-gap: 15px;}
.add_location .add_address,.add_geographical_location {text-align: right;margin: 10px 0;}
.add_location .add_address button.btn.btn_black,.submit_btn button.btn.btn_black {height: unset;padding: 6px 12px;border-radius: 10px;}
.add_location .add_address button.btn.btn_black:has(i) i {margin-left: 10px;}
.add_location .appended_address button.btn.btn_black.remove_address {padding: 0;border-radius: 50%;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;font-size: 12px;margin-left: auto;margin-top: 10px;}
.add_location .submit_btn{text-align: center;}
.add_geographical_location a.btn.btn_blue {height: unset;padding: 6px 12px;font-size: 14px;font-family: 'LeagueSpartan-SemiBold';}
.suggested_location button.btn.btn_orange {display: flex;align-items: center;justify-content: center;border-radius: 50%;width: 25px;height: 25px;padding: 0;font-size: 10px;position: absolute;top: -10px;right: -10px;}
.suggested_location {position: relative;}
.custom_map iframe {height: 400px;border-radius: 10px;}
.custom_map {margin: 15px 0;}
.license_document .doc_image {width: 70px;height: 70px;}
.license_document .doc_image img {height: 100%;width: 100%;object-fit: cover;}
.license_document a {width: 70px;height: 70px;display: block;}
.post_project_section .personal_information .custom_radio_wrapper .custom_radio input:checked + label:after {left: 42%;}
.post_project_section .personal_information .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 40%;}
button.edit_cards {position: absolute;top: 0;right: 0;background: white;color: black;font-size: 12px;border-radius: 50%;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;}
.image_structure img {height: 100%;width: 100%;object-fit: cover;border-radius: 8px;border: 1px solid silver;}
.images_wrapper{position:relative;}
.portfolio_edit_images {display: flex; align-items: center; gap: 10px; flex-wrap: wrap;margin-top: 15px;}
.submit_doc {margin-top: 10px;}
.default_doc_preview h3,.default_doc_preview .state_license, .default_doc_preview .insurance_policy {display: flex;justify-content: space-between;align-items: center;}
.default_doc_preview .state_license, .default_doc_preview .insurance_policy {padding: 0; border: 0;}
.default_doc_preview .state_license:not(:has(.custom_file_upload)), .default_doc_preview .insurance_policy:not(:has(.custom_file_upload)) {justify-content: end;}
.custom_map .map{height: 400px;}

.explore_projects_tab ul {justify-content: end;margin-bottom: 15px;gap: 15px;align-items: center;}
.explore_projects_tab ul button {border: 2px solid black;color: black;font-family: 'Poppins-Medium';    padding: 6px 12px;font-size: 12px;}
.explore_projects_tab ul.nav-pills .nav-link.active {background-color: #2280C2;border: 2px solid #2280C2;}
.explore_projects_tab.explore_seller_bids {}
.my_projects_page .explore_projects_tab.explore_seller_bids ul button {padding: 10px 12px;border-radius: 5px;}
.my_projects_page .explore_projects_tab.explore_seller_bids ul button.nav-link.active {border-radius: 5px;color: white;}
.explore_projects_tab ul li span {font-size: 30px;}
span.due_date i {margin-right: 5px;}
.credit_details .profile_picture img {height: 100%;width: 100%;object-fit: cover;border-radius: 10px;}
.credit_details .profile_picture {height: 175px;width: 200px;}

.custom_category_flex .add_request_btn {text-align: right;margin-top: 15px;}
.custom_category_flex .seller_categories {display: flex;gap: 20px;align-items: center;flex-wrap: wrap;row-gap: 35px;margin-top: 20px;}
.custom_category_flex .category_type_request {display: flex;align-items: center;gap: 10px;position: relative;}
.custom_category_flex .category_type_request span.badge-success {background: #E7FFE6;}
.custom_category_flex .category_type_request span.badge-secondary {background: #939393;color: #EEF1F6;}
.custom_category_flex .txt_field .category_type_request h4 {width: fit-content;border-radius: 25px;background: #EEF1F6;font-size: 14px;color: #556175;padding: 8px 14px;}
.custom_category_flex .category_type_request span.accept_category {position: absolute;top: -23px;right: -20px;border-radius: 5px;padding: 4px 8px;font-family: 'Poppins-Medium';text-transform: capitalize;font-size: 12px;}
button.remove_category {margin-left: 10px;color: #E40255;border: 0;}

.select_values {display: flex;align-items: center;gap: 15px;flex-wrap: wrap;margin-top: 15px;}
.select_values .custom_select_values {display: flex;align-items: center;gap: 10px;}
.select_values .custom_select_values span.select_attribute_key {border-radius: 25px;background: #EEF1F6;font-size: 14px;color: #556175;padding: 6px 12px;font-family: "LeagueSpartan-Regular";display: flex;align-items: center;gap: 5px;}
.select_values .custom_select_values span.select_attribute_key i {color: red;cursor: pointer;}

.profile_picture .dropify-wrapper:is(.touch-fallback) .dropify-preview .dropify-render {display: unset;position: unset;}
.profile_picture .dropify-wrapper:is(.touch-fallback) .dropify-preview .dropify-render img {transform: translate(0, -50%);}
.edit_profile_logo.credit_profile_upload .dropify-wrapper {width: 175px;height: 175px !important;background-image: url(/website/assets/images/inside_logo.png);background-repeat: no-repeat;background-size: contain;border: 1px solid #000;padding: 0;border-radius: 10px;}
.edit_profile_logo.credit_profile_upload .profile_picture {width: 175px;}
.edit_profile_logo.credit_profile_upload .dropify-wrapper .dropify-message {display: none;}
.edit_profile_logo.credit_profile_upload .edit-icon {position: absolute;top: 10px;right: 10px;z-index: 1;}
body .dropify-wrapper .dropify-clear,.edit_profile_logo.credit_profile_upload:has(.has-preview) .edit-icon {display: none;}
.dropify-wrapper.has-preview .dropify-clear {display: block;}
.transferred_btn {display: flex;align-items: center;gap: 10px;}
.transferred_btn button.submit_btn_transferred {height: unset;display: flex;align-items: center;gap: 10px;padding: 8px 14px;font-size: 14px;}

.custom_images {width: 130px;height: 100px;border-radius: 4px;overflow: hidden;border: 1px solid silver;}
.custom_images img {height: 100%;width: 100%;object-fit: cover;}
.custom_images.staff_video .downloadable_video {height: 100px;width: 100%;border-radius: 4px;border: 1px solid silver;}
.custom_images.staff_video:has(a.download_video) {height: unset;border: 0;}
a.download_video {color: black;font-size: 12px;font-family: 'Poppins-SemiBold';}
.project_photos .downloadable_video {height: 130px;width: 100%;}

/* Progress Bar Css */
.fileProgress {height: 20px;border: none;border-radius: 10px;overflow: hidden;background-color: #f0f0f0;position:absolute;top:0;right:0;left:0;bottom:0;margin: auto;}
.fileProgress::-webkit-progress-bar {background-color: #f0f0f0;border-radius: 10px;}
.fileProgress::-webkit-progress-value {background: linear-gradient(to right, rgb(198, 246, 230), #4CAF50);border-radius: 10px;transition: width 0.5s ease;}
.progressText {position: absolute;top: 51%;left: 50%;transform: translate(-50%, -51%);font-family: "Poppins-SemiBold";font-size: 12px;color: white;text-shadow: 0 0 2px white;}
.append_type_wrapper {position: relative;}
.video_structure {height: 140px;}
video{height: 100%;width: 100%;object-fit: cover;border-radius: 5px;}

.images_with_text p {color: #454545;font-size: 16px;margin-top: 15px;font-family: 'Poppins-Medium';}
.navbar_notification .status_time {display: flex;align-items: center;gap: 10px;}
.navbar_notification .status_time span {color: green;}


/*my  Project Ongoing View Chat*/

 /*.project_overview.my_projects_ongoing_view .custom_chats .users_chats {height: unset;}
/* Modern Message Bubble Styling */
   /*.project_overview.my_projects_ongoing_view .custom_users_chats .messages {
        padding: 15px;
        background: #f8f9fa;
        /* height: 450px; */
     /*   overflow-y: auto;
        overflow-x: hidden;
    }*/

/*   .project_overview.my_projects_ongoing_view .custom_users_chats .messages .profile_owner {
        margin-bottom: 15px;
        display: flex;
        width: 100%;
    }*/

    /* Sent Messages (Right Side - Blue) */
   /*.project_overview.my_projects_ongoing_view .custom_users_chats .messages .profile_owner.sent {
        justify-content: flex-end;
        margin-bottom: 8px;
    }

   .project_overview.my_projects_ongoing_view .custom_users_chats .messages .profile_owner.sent .msg_content {
        background: #DCF8C6;
        color: #000;
        border-radius: 18px 18px 4px 18px;
        max-width: 70%;
        padding: 8px 12px;
        margin-left: auto;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
        border: none;
        position: relative;
    }*/

    /* Received Messages (Left Side - Light Gray) */
   /*.project_overview.my_projects_ongoing_view .custom_users_chats .messages .profile_owner.received {
        justify-content: flex-start;
        margin-bottom: 8px;
    }

    .project_overview.my_projects_ongoing_view .custom_users_chats .messages .profile_owner.received .msg_content {
        background: #F1F1F1;
        color: #000;
        border-radius: 18px 18px 18px 4px;
        max-width: 70%;
        padding: 8px 12px;
        margin-right: auto;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
        border: none;
        position: relative;
    }

/* Modern Message Input Styling */
   /*.project_overview.my_projects_ongoing_view .modern_send_msg {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        background: #f8f9fa;
        border-radius: 25px;
        border: 1px solid #e0e0e0;
        margin: 10px 0;
    }

.project_overview.my_projects_ongoing_view .emoji_btn {
        background: none;
        border: none;
        font-size: 20px;
        cursor: pointer;
        padding: 8px;
        border-radius: 50%;
        transition: background-color 0.2s;
        min-width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

   .project_overview.my_projects_ongoing_view .emoji_btn:hover {
        background-color: #e9ecef;
    }

   .project_overview.my_projects_ongoing_view .input_container {
        flex: 1;
        display: flex;
        align-items: center;
        position: relative;
    }

   .project_overview.my_projects_ongoing_view .modern_input {
        flex: 1;
        border: none;
        background: transparent;
        outline: none;
        padding: 8px 12px;
        font-size: 14px;
        color: #333;
        border-radius: 20px;
    }

   .project_overview.my_projects_ongoing_view .modern_input::placeholder {
        color: #999;
    }

   .project_overview.my_projects_ongoing_view .attach_btn {
        background: none;
        border: none;
        color: #666;
        cursor: pointer;
        padding: 8px;
        border-radius: 50%;
        transition: all 0.2s;
        min-width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 4px;
    }

   .project_overview.my_projects_ongoing_view .attach_btn:hover {
        background-color: #e9ecef;
        color: #333;
    }

   .project_overview.my_projects_ongoing_view .modern_send_btn {
        background: #007bff;
        border: none;
        color: white;
        cursor: pointer;
        padding: 8px;
        border-radius: 50%;
        transition: all 0.2s;
        min-width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

   .project_overview.my_projects_ongoing_view .modern_send_btn:hover {
        background: #0056b3;
        transform: scale(1.05);
    }

   .project_overview.my_projects_ongoing_view .modern_send_btn:disabled {
        background: #ccc;
        cursor: not-allowed;
        transform: none;
    }

   .project_overview.my_projects_ongoing_view .modern_send_btn.active {
        background: #007bff;
        box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
    }*/

    /* Emoji Picker Styling */
/*   .project_overview.my_projects_ongoing_view .emoji-picker {
        background: white;
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        position: absolute;
        bottom: 50px;
        left: 10px;
        z-index: 1000;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 5px;
        max-width: 200px;
    }

   .project_overview.my_projects_ongoing_view .emoji-option {
        font-size: 20px;
        cursor: pointer;
        padding: 8px;
        border-radius: 6px;
        text-align: center;
        transition: background-color 0.2s;
        user-select: none;
    }

   .project_overview.my_projects_ongoing_view .emoji-option:hover {
        background-color: #f0f0f0;
    }*/

    /* Modern Message Bubble Styling */
   /*.project_overview.my_projects_ongoing_view .custom_users_chats .messages {
        padding: 15px;
        background: #f8f9fa;
        /* height: 450px; */
/*        overflow-y: auto;
        overflow-x: hidden;
    }*/

/*.project_overview.my_projects_ongoing_view .custom_users_chats .messages .profile_owner {margin-bottom: 15px; display: flex; width: 100%;}*/
    /* Sent Messages (Right Side - Blue) */
/*.project_overview.my_projects_ongoing_view .custom_users_chats .messages .profile_owner.sent {justify-content: flex-end; margin-bottom: 8px;}
.project_overview.my_projects_ongoing_view .custom_users_chats .messages .profile_owner.sent .msg_content {background: #DCF8C6; color: #000; border-radius: 18px 18px 4px 18px; max-width: 70%; padding: 8px 12px; margin-left: auto; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border: none; position: relative;}
.project_overview.my_projects_ongoing_view .custom_chats .chat_messages {padding: 0}*/












/* Animation Css Saad */
/*h1 {opacity: 0;animation: slideFadeIn 2s ease-out forwards;}*/
/*@keyframes slideFadeIn {*/
/*    0% {*/
/*        transform: translateY(-50px);*/
/*        opacity: 0;*/
/*    }*/
/*    100% {*/
/*        transform: translateY(0);*/
/*        opacity: 1;*/
/*    }*/
/*}*/
/*.btn {opacity: 0;animation: slideInLeft 1.5s ease-out forwards 0.5s;}*/
/*.btn:hover {transform: scale(1.1); }*/
/*@keyframes slideInLeft {*/
/*    0% {*/
/*        transform: translateX(-100%);*/
/*        opacity: 0;*/
/*    }*/
/*    100% {*/
/*        transform: translateX(0);*/
/*        opacity: 1;*/
/*    }*/
/*}*/
/*.navbar-nav .nav-link::after {content: '';position: absolute;left: 0;bottom: 0;height: 2px;width: 0;background-color: #FFF;transition: width 0.4s ease-in-out;}*/
/*.navbar-nav .nav-link:hover::after {width: 100%;}*/
/*.navbar-nav .nav-item{position:relative;}*/
/*@keyframes fadeInScale {*/
/*    0% {*/
/*        opacity: 0;*/
/*    transform: scale(0.8);*/
/*    }*/
/*    100% {*/
/*        opacity: 1;*/
/*    transform: scale(1);*/
/*    }*/
/*}*/
/*.custom_card {opacity: 0;animation: fadeInScale 1.2s ease-out forwards;background-color: #fff;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);border-radius: 10px;padding: 20px;transition: transform 0.3s ease-in-out;}*/
/*.custom_card:hover {transform: translateY(-10px);}*/
/*.blogs_icon,.social_icons a {transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;}*/
/*.blogs_icon:hover,.social_icons a:hover { transform: scale(1.2) rotate(15deg);   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}*/
/*.social_icons a:hover{box-shadow: none}*/