/*form styles*/ html, body{ font-family: 'Roboto' !important; overflow-x: hidden; } #msform { position: relative; margin-top: 30px; } #msform fieldset { background: white; border: 0 none; border-radius: 8px; /*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);*/ padding: 20px 30px; box-sizing: border-box; /* width: 80%; margin: 0 10%;*/ /*stacking fieldsets above each other*/ position: relative; } /*Hide all except first fieldset*/ #msform fieldset:not(:first-of-type) { display: none; } /*inputs*/ #msform input, #msform textarea { padding: 17px; border-radius: 4px; width: 100%; box-sizing: border-box; font-size: 17px; color: rgb(6, 18, 87); background-color: rgb(243, 243, 247); border: 0; } #msform input:focus, #msform textarea:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid #ef4136; outline-width: 0; transition: All 0.5s ease-in; -webkit-transition: All 0.5s ease-in; -moz-transition: All 0.5s ease-in; -o-transition: All 0.5s ease-in; } /*buttons*/ #msform .action-button { width: 100px; background: #2098ce; font-weight: bold; color: white; border: 0 none; border-radius: 25px; cursor: pointer; padding: 10px 5px; margin: 10px 5px; } #msform .action-button-previous { width: 47%; background: #cf2e2e6b; font-weight: bold; color: white; border: 0 none; border-radius: 25px; cursor: pointer; padding: 14px 5px; margin: 10px 5px; } #msform .action-button-previous:hover, #msform .action-button-previous:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #aCbEd0; } /*headings*/ .fs-title { font-size: 40px; color: #2C3E50; margin-bottom: 25px; font-weight: bold; } .fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px; } /*progressbar*/ #progressbar { margin-bottom: 30px; overflow: hidden; counter-reset: step; padding: 0; } #progressbar li { font-size: 17px; width: 24%; text-align: center; display: inline-block; position: relative; color: #000; } #progressbar li:before { content: counter(step); counter-increment: step; width: 33px; height: 33px; line-height: 33px; display: block; font-size: 16px; color: #333; background: #b9b9c5; border-radius: 25px; margin: 0 auto 10px auto; color: #fff; } /*progressbar connectors*/ #progressbar li:after { content: ''; width: 100%; height: 2px; background: #dedede; position: absolute; left: -50%; top: 16px; z-index: -1; } #progressbar li:first-child:after { /*connector not needed before the first step*/ content: none; } /*marking active/completed steps blue*/ /*The number of the step and the connector before it = blue*/ #progressbar li.active:before, #progressbar li.active:after { background: #EF4136; color: white; } .left-item h2 { text-align: center; margin-bottom: 45px; font-size: 45px; color: #000; font-weight: 600; } .form-item-field fieldset { width: 100%; } label { font-size: 18px; margin-bottom: 13px; color: #061257; } #msform .action-button { background: #CF2E2E; font-weight: bold; color: white; border: 0 none; border-radius: 25px; cursor: pointer; padding: 12px 5px; margin: 10px 5px; width: 50%; font-size: 20px; } .form-item-field { width: 90%; margin: 0 auto; } input[type=date][placeholder]:invalid::before, input[type=month][placeholder]:invalid::before, input[type=week][placeholder]:invalid::before { color: #999; color: var(--placeholder-color); content: attr(placeholder); width: 100%; } .checkbox-item input[type="checkbox"] { width: auto !important; } .checkbox-item label { padding-left: 0; } .three-item { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .three-item button.flexble { text-transform: capitalize; padding: 13px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-size: 17px; color: rgb(6, 18, 87); background-color: rgb(243, 243, 247); border: 0; border-radius: 50px; border: 2px solid #cf2e2e !important; } .three-item input { border-radius: 50px !important; border: 2px solid #cf2e2e !important; padding: 12px 25px !important; } .input-field { margin-bottom: 20px; } .four-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .day-check-box { display: none; } .daybox { text-align: center; } .checkbox-item { margin-bottom: 20px; } .checkbox-item label { margin: 0; padding-left: 10px; } .daybox { /* text-align: center; cursor: pointer; padding: 17px 16px; border-radius: 8px; border-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; outline: rgba(0, 0, 0, 0) solid 2px; background-color: rgb(243, 243, 247); margin-bottom: 20px;*/ position: relative; } .daybox input[type="checkbox"] { position: absolute; top: 0px; left: 0px; opacity: 0; /* transform: scale(0); */ /* user-select: none; */ height: 100%; cursor: pointer; } .box-item label.InputWrapper { display: block; text-align: center; cursor: pointer; padding: 25px 16px; border-radius: 8px; border-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; outline: rgba(0, 0, 0, 0) solid 2px; background-color: rgb(243, 243, 247); margin-bottom: 20px; } .daybox input[type="checkbox"]:checked+label { background: #CF2E2E !important; display: block; color: #fff; } p.time-text { margin: 0; } .checkbox-item { display: none; } .day-check-box { display: none; } .two-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .daybox input[type="radio"] { position: absolute; top: 0px; left: 0px; opacity: 0; /* transform: scale(0); */ /* user-select: none; */ height: 100%; cursor: pointer; } .daybox input[type="radio"]:checked+label { background: #CF2E2E !important; display: block; color: #fff; } .icon-item i { font-size: 35px; } /*upload css item*/ .upload__box { padding: 0; margin-bottom: 25px; } .upload__inputfile { width: .1px; height: .1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .upload__img-wrap { display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 17px; width: 80%; } .upload__btn-box { width: 20%; } .upload__btn { font-weight: 600; color: #fff; text-align: center; min-width: 166px; padding: 5px; transition: all .3s ease; cursor: pointer; border: 2px solid; background-color: #cf2e2e; border-color: #cf2e2e; border-radius: 10px; line-height: 26px; font-size: 16px; height: 150px; display: grid; align-items: center; width: 150px; } .upload__btn:hover { background-color: unset; color: #4045ba; transition: all .3s ease; } .upload__btn { margin-bottom: 10px; } /*.upload__img-wrap { display: flex; flex-wrap: wrap; margin: 0 -10px; }*/ &-box { width: 200px; padding: 0 10px; margin-bottom: 12px; } .upload__img-close { width: 24px; height: 24px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 10px; right: 10px; text-align: center; line-height: 24px; z-index: 1; cursor: pointer; } .upload__img-close:after { content: 'x'; font-size: 19px; color: white; } .upload__btn p { margin: 0; } .upload__img-box .img-bg { width: 100%; height: 150px; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 8px; } .upload__img-box { height: auto; width: 100%; } .upload__btn p { font-size: 40px; } .price-field input#price { padding-left: 52px; } .input-field.price-field { position: relative; } span.icon-item { position: absolute; bottom: 15px; box-sizing: border-box; pointer-events: none; left: -2px; width: 56px; -webkit-box-align: center; align-items: center; text-align: center; -webkit-box-pack: center; justify-content: center; font-size: 22px; color: #000; font-weight: 700; } .price-field span.icon-item { margin: 0; } /*end*/ /*review page css start*/ .items{ width:90%; margin:0px auto; margin-top: 100px; } .slick-slide{ margin:10px; } .slick-slide img{ width:100%; border: 0px solid #fff; } .product-item-slider { width: 60%; margin: 0 auto; margin-bottom: 70px; } .slider-img img { width: 100%; height: 600px; object-fit: cover; border-radius: 8px; } .slick-prev, .slick-next { width: 34px !important; height: 34px !important; background: #EF4136 !important; border-radius: 50px; color: #fff !important; } .content-item h2 { font-size: 45px; color: rgb(6, 18, 87); font-weight: 700; } .text-item { row-gap: 12px; display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; } .content-item p { margin: 0; font-size: 19px; color: rgb(106, 113, 154); } .d-flex { display: flex; align-items: center; gap: 10px; } .update-profile-hide .d-flex{ display: flex; align-items: flex-end; gap: 10px; flex-direction: column; } .update-profile-hide .d-flex a{ text-decoration: none; color:#000; } .update-profile-hide .d-flex img{ margin-top: 48px; width: 80px; } .text-item path { fill: rgb(106, 113, 154) !important; } p.price-item { color: rgb(6, 18, 87); font-weight: 600; font-size: 24px; } .button-item a { display: inline-block; background: #EF4136; color: #fff; padding: 10px 43px; font-size: 19px; border-radius: 50px; text-decoration: unset; } .review-detail { gap: 25px; } .listing-detail p { color: rgb(106, 113, 154); font-size: 17px; font-weight: 600; } .review-img img { width: 100px; border-radius: 100px; } a.name { color: rgb(6, 18, 87); font-size: 24px; display: inline-block; font-weight: 600; text-decoration: unset; margin-bottom: 7px; } .rating-item { margin-bottom: 10px; } span.rating-number { color: rgb(255, 127, 0); font-size: 22px; font-weight: 600; } span.star { color: rgb(255, 127, 0); font-size: 22px; } span.rating-total { color: rgb(106, 113, 154); font-size: 18px; font-weight: 600; } span.complete { color: rgb(6, 18, 87) !important; font-size: 18px; font-weight: 600; } .CompletionRate span { color: rgb(106, 113, 154); font-size: 18px; } .listing-detail { margin-bottom: 40px; } .listing-content { padding-bottom: 40px; } p.small-text { color: rgb(106, 113, 154); font-size: 16px; font-weight: 600; } p.descprtion { color: rgb(56, 65, 121); font-size: 18px; font-weight: 400; line-height: 27px; } .title-item.text-left { width: 70%; } .right-content.price-item { width: 5%; } .PackageCard { width: 25%; text-align: right; } .package-box { border-radius: 12px; background-color: rgb(243, 247, 255); margin-bottom: 24px; padding: 16px 24px; } .title-item h3 { margin-top: 0; font-size: 30px; font-weight: 600; color: rgb(6, 18, 87); } .price-item h3 { text-align: center; font-size: 30px; color: #ef4136; font-weight: 600; } .package-btn a { display: inline-block; background: #EF4136; color: #fff; padding: 10px 43px; font-size: 19px; border-radius: 50px; text-decoration: unset; margin-bottom: 18px; } .PackageCard p { color: rgb(106, 113, 154); font-size: 19px; font-weight: 600; } .package-top { margin-bottom: 20px; } .package-descprtion p { color: rgb(56, 65, 121); font-size: 18px; font-weight: 400; line-height: 27px; } .review-contact { padding: 40px 0px; } p { font-size: 17px; color: rgb(56, 65, 121); } .review-img-item img { width: 70px; border-radius: 100px; } .d-flex.review-content { align-items: start; } .review-box { padding: 40px 20px; border-radius: 10px; background: #f3f7ff; } a.review-title { display: inline-block; color: rgb(6, 18, 87); font-size: 19px; text-decoration: unset; font-weight: 600; margin-bottom: 8px; } a.review-name { color: rgb(106, 113, 154); font-size: 18px; text-decoration: unset; } span.days { color: rgb(106, 113, 154); font-size: 18px; text-decoration: unset; padding-left: 10px; } .mb-4 { margin-bottom: 30px; } .daybox input[type="checkbox"]:checked+label p { color: #fff !important; } .daybox input[type="radio"]:checked+label p { color: #fff !important; } /*end*/ /*task page css start*/ .slidecontainer { width: 100%; } .slider { -webkit-appearance: none; width: 100%; height: 15px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } .slider:hover { opacity: 1; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 15px; height: 15px; background: #EF4136; cursor: pointer; } .slider::-moz-range-thumb { width: 15px; height: 15px; background: #EF4136; cursor: pointer; border-radius: 50px; } /*filter css start*/ .filter-price { border: 0; padding: 0; margin: 0; } .price-title { position: relative; color: #fff; font-size: 14px; line-height: 1.2em; font-weight: 400; } .price-field { position: relative; width: 100%; height: auto; } .price-field input[type=range] { position: absolute; } /* Reset style for input range */ .price-field input[type=range] { width: 100%; height: 4px; border: 0; outline: 0; box-sizing: border-box; border-radius: 5px; pointer-events: none; -webkit-appearance: none; } .price-field input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; background: red; } .price-field input[type=range]:active, .price-field input[type=range]:focus { outline: 0; } .price-field input[type=range]::-ms-track { width: 188px; height: 4px; border: 0; outline: 0; box-sizing: border-box; border-radius: 5px; pointer-events: none; background: transparent; border-color: transparent; color: transparent; border-radius: 5px; } /* Style toddler input range */ .price-field input[type=range]::-webkit-slider-thumb { /* WebKit/Blink */ position: relative; -webkit-appearance: none; margin: 0; border: 0; outline: 0; border-radius: 50%; height: 10px; width: 10px; margin-top: -4px; background-color: #red; cursor: pointer; cursor: pointer; pointer-events: all; z-index: 100; } .price-field input[type=range]::-moz-range-thumb { /* Firefox */ position: relative; appearance: none; margin: 0; border: 0; outline: 0; border-radius: 50%; height: 15px; width: 15px; margin-top: -5px; background-color: #000; cursor: pointer; cursor: pointer; pointer-events: all; z-index: 100; } .price-field input[type=range]::-ms-thumb { /* IE */ position: relative; appearance: none; margin: 0; border: 0; outline: 0; border-radius: 50%; height: 15px; width: 15px; margin-top: -5px; background-color: #000; cursor: pointer; cursor: pointer; pointer-events: all; z-index: 100; } /* Style track input range */ .price-field input[type=range]::-webkit-slider-runnable-track { /* WebKit/Blink */ width: 188px; height: 4px; cursor: pointer; background: red; border-radius: 5px; } .price-field input[type=range]::-moz-range-track { /* Firefox */ width: 188px; height: 4px; cursor: pointer; background: red; border-radius: 5px; } .price-field input[type=range]::-ms-track { /* IE */ width: 188px; height: 4px; cursor: pointer; background: red; border-radius: 5px; } /* Style for input value block */ .price-wrap { display: flex; justify-content: center; color: #000; line-height: 1.2em; font-weight: 400; margin-bottom: 7px; } .price-wrap-1, .price-wrap-2 { display: flex; } .price-title { margin-right: 5px; backgrund: #d58e32; } .price-wrap_line { margin: 0 10px; } .price-wrap #one, .price-wrap #two { width: 30px; text-align: right; margin: 0; padding: 0; margin-right: 2px; background: 0; border: 0; outline: 0; color: #000; font-family: 'Karla', 'Arial', sans-serif; font-size: 14px; line-height: 1.2em; font-weight: 400; } .price-wrap label { text-align: right; } /* Style for active state input */ .price-field input[type=range]:hover::-webkit-slider-thumb { box-shadow: 0 0 0 0.5px #000; transition-duration: 0.3s; } .price-field input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 0 0 0.5px #000; transition-duration: 0.3s; } .price-wrap label { margin: 0; } .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input { opacity: 0; width: 0; height: 0; } .switch-item .slider { -webkit-appearance: none; width: 100%; height: 23px; background: #d3d3d3; outline: none; opacity: 0.7; border-radius: 50px; } .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .switch .slider:before { position: absolute; content: ""; height: 19px; width: 20px; left: 4px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50px; } .switch input:checked + .slider { background-color: #2196F3; } .switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .switch input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .content_navbar { display: flex; gap: 10px; align-items: center; background: #fff; padding: 5px 18px; box-shadow: unset; justify-content: space-between; } section.browse-task-section { padding: 0px 0px; background: transparent; padding-bottom: 0; } .box-wrapper { position: absolute; /*display: none;*/ } .search-form input { background-color: #f3f3f7; border-radius: 5px; box-shadow: none; box-sizing: border-box; font-size: 17px; height: 47px; margin: 0; min-height: 32px; overflow: hidden; padding: 6px 32px 8px 15px; text-indent: 12px; text-overflow: ellipsis; transition: width .2s ease-out; width: 100%; border: 0; outline: unset; font-weight: 500; color: #000; border: 1px solid; } .search-form button.search-icon { background: transparent; position: absolute; right: 9px; top: 8px; border: 0; } form.search-form { position: relative; } .PillButton { color: rgb(6, 18, 87); background-color: rgba(0, 0, 0, 0); border-radius: 64px; padding: 5px 12px 8px 12px; transition: opacity 0.1s ease 0s, background-color 0.1s ease 0s; text-transform: none; white-space: nowrap; border: 0; font-size: 16px; font-weight: 500; text-decoration: unset; } .PillButton:hover { background: #EF4136; color: #fff !important; } .PillButton svg { position: relative; top: 0; } /*.category-filter.box-wrapper { display: block; }*/ .box-wrapper { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: 1px solid #ccc; padding: 20px 30px; border-radius: 10px; top: 22px; z-index: 9999; background: #fff; } .category-search { width: 100%; position: relative; } .text-btn { width: 30%; text-align: right; } .category-search input { background-color: #f3f3f7; border-radius: 50px; box-shadow: none; box-sizing: border-box; font-size: 14px; height: 41px; margin: 0; min-height: 32px; overflow: hidden; padding: 0 0px 0px 46px; text-indent: 12px; text-overflow: ellipsis; transition: width .2s ease-out; width: 100%; border: 0; outline: unset; } span.search-icon { position: absolute; left: 17px; font-size: 18px; top: 9px; } .mb-20 { margin-bottom: 20px; } .text-btn a { background: #EF4136; width: 100%; display: inline-block; padding: 7px; text-align: center; color: #fff; font-size: 18px; border-radius: 50px; text-decoration: unset; } .check-item label { margin-left: 10px; position: relative; top: -2px; } .check-item input[type=checkbox] { width: 23px; height: 18px; } .btn-item a { background: #EF4136; width: 100%; display: inline-block; padding: 10px; text-align: center; color: #fff; font-size: 20px; border-radius: 50px; text-decoration: unset; } .button-wrapper { margin-top: 35px; } button.optiongroup { min-height: 50px; color: rgb(6, 18, 87); background-color: rgb(243, 243, 247); border-radius: 8px; padding: 0px; margin-right: 8px; border: 0; width: 100%; font-size: 15px; font-weight: 600; margin-bottom: 25px; } .three-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .filed-item .input-field { margin-bottom: 10px; } .filed-item input { width: 100%; text-overflow: ellipsis; white-space: nowrap; color: rgb(6, 18, 87) !important; border-radius: 8px; font-size: 18px; font-weight: initial; line-height: 24px; letter-spacing: 0.15px; box-shadow: none; border: 0; background: rgb(243, 243, 247); padding: 15px 20px !important; outline: unset; } .distance-field p { font-size: 14px; font-weight: 600; } .distance-wrapper { margin-top: 22px; } .slidecontainer p { text-align: center; } .price-item { width: 350px; } .price-wrapper { margin-top: 35px; } .switch-text h3 { font-size: 20px; font-weight: 500; color: #000; } .switch-text { width: 90%; } .full-screen.overlay { position: fixed; inset: 0px; background-color: rgb(6 18 87 / 38%); animation: 0.185s ease-out 0s 1 normal forwards running mask-fade-in; z-index: 12; } .loc-box .left-item { width: 70%; } .loc-box .right-item { width: 30%; } .loc-box.d-flex { align-items: center; padding: 25px 35px; position: relative; width: 70%; } .group-box { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 8px; margin-bottom: 25px; background: #fff; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; } .list-img img { width: 100%; } .group-box a.location-item { text-decoration: unset; } p.title { font-size: 18px; font-weight: 700; color: #000; text-transform: capitalize; } .price-text p { font-size: 25px; font-weight: 700; color: #EF4136; } .Block-sec { display: flex; align-items: center; gap: 13px; } .Block-sec i { color: rgb(155, 160, 188); font-size: 18px; } .Block-sec p { margin: 0; } .Block-sec svg { width: 20px; height: 20px; } .Block-sec svg path { fill: rgb(155 160 188); } .Block-sec:last-child { margin: 0; } .group-box:hover { background: rgb(230, 231, 238); background: #faf9fd; } p.open-text { color: #EF4136; font-size: 18px; font-weight: 600; } .avtar-img img { width: 60px; height: 60px; max-width: 60px; } /* .avtar-img { position: absolute; bottom: 12px; right: 18px; } */ .price-text { text-align: right; } section.browse-area.all-group { background: #f3f3f7; padding: 50px 0px; } .location-group { /* height: 70vh; overflow-y: auto; */ transition: height .3s ease-in-out; display: flex; flex-wrap: wrap; justify-content: space-between; } .location-group-item { display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px; } .marker-map iframe { width: 100%; height: 70vh; } /*end*/ /*end*/ /*23-11-2023 css start*/ .category-filter.box-wrapper { width: 700px; height: 700px; overflow: hidden; overflow-y: scroll; } .dropdown-menu { padding: 0; border: 0; } .location-menu-flyout.box-wrapper { width: 400px; } .other-item.box-wrapper { width: 365px; } .filter-box label.InputWrapper { padding: 15px; } .filter-box p.first-text { margin: 0; } /*end*/ .reply-box.reply-item { width: 93%; margin: 0; position: relative; left: 51px; } /*25-01-2024 css start*/ .trustpilot-box h3 { color: #000000; font-size: 25px; margin-bottom: 15px; } .line-item { width: 10%; margin: 0 auto; margin-top: 15px; margin-bottom: 30px; height: 3px; background: #ee4135; } /*end*/ /*08-02-2024 css start*/ .list-slider .slick-slide { margin: 0 !important; width: 100% !important; background-color: #fff; } .list-slider button.slick-prev { left: 7px; z-index: 99999; } .list-slider button.slick-next { right: 7px; } /* .drop-down-item { width: 60%; } */ /*end*/ /*08-10-2025 css start*/ .search-input.task-menu__flyout-anchor { width: 70%; } body .list-img img { max-height: 420px; height: 100%; } section.browse-area.all-group .col-lg-12 .marker-map { display: none; } section.browse-area.all-group .marker-map { display: none; } /* end */ /*15-10-2025 css start*/ button.search-icon.site-btn { background-color: #222325; color: #fff; } button.search-icon.site-btn { border-radius: 0 4px 4px 0; display: block; font-size: 14px; text-shadow: none; right: 0; margin: 0; height: 100%; position: absolute; top: 0; padding: 8px 16px; } .submit-button-icon { fill: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .submit-button-icon svg { filter: invert(1); } .location-group-item .group-box a { display: flex; } .location-group-item .list-slider { margin-bottom: 0 !important; width: 30% !important; } .location-group-item .slick-dots { bottom: 0; } .location-group-item .slick-list.draggable { height: 100% !important; } .location-group-item .slick-track { height: 100%; } .location-group-item .group-box:last-child { margin-bottom: 0 !important; } .inner-loc-main { display: flex; align-items: center; gap: 20px; } .Block-sec.open { margin-top: 15px; } .user-avtar-main { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; } body .list-img img { height: 240px !important; object-fit: inherit; } body p.title { margin-bottom: 0; } body .loc-box .left-item { width: 90%; } body .loc-box .right-item { width: 16%; } .search-form input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; } .search-form input[type="search"]::-webkit-search-decoration, .search-form input[type="search"]::-webkit-search-results-button, .search-form input[type="search"]::-webkit-search-results-decoration { display: none; } .price-text p { margin: 0 !important; } body section.browse-area.all-group .loc-box.d-flex { width: 100%; } .user-avtar-main.user-m { flex-direction: row-reverse !important; justify-content: flex-end; } .location-group.location-task .group-box { width: 49%; } section.browse-area.all-group .inner-loc-main{ flex-wrap: wrap; } @media(max-width: 992px){ .search-input.task-menu__flyout-anchor { width: 100% !important; } .container, .container-md, .container-sm { max-width: 100% !important; padding: 0px 20px !important; } } @media(max-width: 768px){ .location-group-item .group-box a { display: flex; flex-direction: column; } .location-group-item .list-slider { width: 100% !important; } .location-group-item .list-slider .slick-track { width: 100% !important; } body .list-img img { height: auto !important; } .loc-box.d-flex { width: 100% !important; } body .inner-loc-main { gap: 15px; flex-wrap: wrap; } .location-group.location-task .group-box { width: 100% !important; } body .loc-box.d-flex { padding: 20px; } } @media(max-width: 480px){ body .loc-box .left-item { width: 75%; } body .loc-box .right-item { width: 25%; } } #Form-custom-style { height: 60px; background: #f3f3f7; border-radius: 30px; border: none; font-size: large; } #Form-custom-style option{ font-size: large; } #Form-custom-style:hover{ border: 1px solid #ee4135; } /* end */ html, body { font-family: 'Roboto' !important; overflow-x: hidden; } /*header page css*/ .logo-img img { width: 115px; } .user-img img { width: 60px; } .left-menu { width: 60%; padding-left: 78px; } .user-img img { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; } .right-menu { width: 40%; text-align: right; } li.nav-item { display: inline-block; } ul.navbar-nav.me-auto.mb-2.mb-lg-0 { display: inline-block !important; text-align: right; } .header-bg { background: #ee4135; } .nav-item a.nav-link { color: #fff; font-size: 18px; font-family: 'Roboto'; } .header-btn-item a.nav-link { background: #fff; color: #000 !important; padding: 9px 30px !important; border-radius: 50px; margin-right: 10px; } /*end*/ /*sections css*/ .pt-50 { padding-top: 50px; } .pb-50 { padding-bottom: 50px; } .pt-20 { padding-top: 20px; } .pb-20 { padding-bottom: 20px; } .pt-70 { padding-top: 50px; } .pb-70 { padding-bottom: 50px; } .pt-100 { padding-top: 100px; } .pb-100 { padding-bottom: 100px; } .heading-one h1 { font-size: 50px; color: #000; font-family: 'Roboto'; font-weight: 900; } .task-page img { border-radius: 4px; } .baner-content p { color: #000; font-size: 16px; font-weight: 600; } .baner-bg { background: #f5f5f5; padding: 60px; border-radius: 50px; } .baner-img img { border-radius: 35px; } .btn-wrapper a { background: #ee4135; color: #fff; text-decoration: unset; font-size: 18px; padding: 13px 30px; display: inline-block; border-radius: 50px; text-align: center; } .arrow-icon i { margin-left: 15px; } .icon-item svg { width: 30px !important; height: 30px !important; fill: rgb(6, 18, 87); } .icon-item { margin-bottom: 16px; } .icon-content-item h3 { color: rgb(6, 18, 87); font-size: 22px; } .icon-box { padding: 15px; border-radius: 8px; height: 201px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background: #fff; } .service-img img { width: 100%; border-radius: 4px; } .service-content h2 { font-size: 50px; color: rgb(6, 18, 87); font-weight: 600; margin-bottom: 20px; } .service-content p { color: #000; font-size: 16px; margin-bottom: 20px; } .left-space { padding-left: 70px; } .right-space { padding-right: 70px; } /*.skills-bg { min-height: 612px; background-color: rgb(6, 18, 87); border-radius: 12px; padding: 0px 65px; }*/ .skills-bg { min-height: 612px; background-color: rgb(238 65 53); border-radius: 12px; padding: 0px 65px; } .heading-item h3 { font-size: 50px; color: #fff; font-weight: 600; } .descprtion-item p { color: #fff; font-size: 16px; } .text-box { background: #fff; color: rgb(6, 18, 87); padding: 20px; margin-bottom: 22px; border-radius: 10px; } .text-box h4 { font-size: 22px; } .text-box:first-child { border-radius: 0px 0px 10px 10px; padding: 27px; } .text-box:last-child { border-radius: 10px 10px 0px 0px; padding: 27px; margin: 0; } .bg-item { background: #ee4135; padding: 100px 70px; border-radius: 12px; } .btn-white a { background: #fff; color: #ee4135; } .text-right { text-align: right; } .faq-bg { background: #f5f5f5; padding: 60px; border-radius: 50px; } .heading-two h3 { font-size: 40px; font-weight: 600; color: rgb(6, 18, 87); } .accordian-item-sec { margin-top: 35px; } .accordion-item { border: 0; box-shadow: unset !important; margin-bottom: 20px; /* background: #ee4135 !important;*/ } .accordion-button:focus { z-index: 3; border-color: 0; outline: unset !important; box-shadow: unset !important; } .accordion-button:not(.collapsed) { color: #fff; background-color: #fff; box-shadow: unset; } .accordion-item button.accordion-button { font-size: 18px; color: #000; font-weight: 600; } /*end*/ /*footer css start*/ .footer-bg { background: #000; padding: 50px; border-radius: 20px; margin-bottom: 0px; } .footer-heading h4 { color: #fff; font-size: 20px; margin-bottom: 15px; } ul.nav-menu { padding: 0; margin: 0; } .nav-menu li { list-style: none; margin-bottom: 7px; } .footer-menu .nav-menu a { color: #fff; text-decoration: unset; font-size: 17px; } .footer-bottam-item { margin-top: 40px; padding-top: 30px; border-top: 1px solid #777; } .copy-right-text p { margin: 0; color: #fff; font-size: 16px; } ul.social-icon { padding: 0; margin: 0; text-align: right; } .social-icon li { list-style: none; display: inline-block; padding-left: 10px; } .social-icon a { display: grid; background: #fff; color: #ee4135; width: 40px; text-align: center; height: 40px; align-items: center; font-size: 19px; border-radius: 50px; text-decoration: unset; } /*end*/ /*alert page css start*/ .account-left-item { border-radius: 24px; background-color: rgb(243, 243, 247); padding: 24px 15px; margin-right: 20px; } .user-detail { text-align: center; margin-bottom: 30px; } .user-detail img { width: 145px; border: 2px solid #ee4135; border-radius: 100px; } .user-detail .userimg { margin-bottom: 20px; } ul.dashbord-menu { padding: 0; margin: 0; } .dashbord-menu li { list-style: none; margin-bottom: 13px; } .dashbord-menu li:last-child { margin: 0; } .dashbord-menu a { color: rgb(6, 18, 87); font-size: 17px; font-weight: 500; text-decoration: unset; } .user-name a { color: rgb(6, 18, 87); font-weight: 500; text-decoration: unset; font-size: 25px; } .content-item .btn-wrapper { margin-top: 25px; } .account-page-content .heading-two h3 { font-size: 40px; font-weight: 600; color: rgb(6, 18, 87); margin-bottom: 20px; } .content-item h4 { color: rgb(6, 18, 87); } a.link-text { color: #ee4135; } a.view-btn { background: rgb(243, 247, 255); color: rgb(6, 18, 87); font-weight: 600; margin-left: 11px; } .dropbtn { background-color: transparent !important; border: none; color: rgb(6, 18, 87); font-size: 18px; font-weight: 500; text-decoration: unset; padding: 0; margin-bottom: 10px; width: 100%; text-align: left; } .dropbtn:hover, .dropbtn:focus { background-color: #2980B9; } span.right-arrow { float: right; position: relative; top: 3px; } .dropdown { position: relative; } .dropdown-content { display: none; /* position: absolute; background-color: #f1f1f1; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/ z-index: 1; } .dropdown-content a { display: block; } .dropdown .dropdown-content { height: 150px; overflow-y: scroll; } .dropdown-content a { margin-bottom: 10px; } .fix-content { padding-right: 70px; height: 85vh; overflow-y: scroll; } .badge-img img { width: 40px; } .badge-item.d-flex { align-items: start; gap: 20px; } .badge-content { width: 230px; } .badge-content h4 { color: rgb(6, 18, 87); font-size: 20px; font-weight: 600; } .add-btn { background: #ee4135; color: #fff; text-decoration: unset; font-size: 18px; padding: 13px 30px; display: inline-block; border-radius: 50px; border: 0; } .input-field .custom-field { animation: auto ease 0s 1 normal none running none; margin: 0px; box-sizing: border-box; appearance: none; width: 100%; color: rgb(6, 18, 87); background-color: rgb(243, 243, 247); border: 1px solid rgb(243, 243, 247); padding: 16px; font-size: 19px; border-radius: 50px; outline: unset; } input.custom-field:hover { border: 1px solid #ee4135; } .form-btn button.btn-form { background: #ee4135; color: #fff; border: 0; padding: 13px 50px; font-size: 17px; border-radius: 50px; } .update-btn button.btn-form { margin-bottom: 18px; } .input-field label { color: rgb(6, 18, 87); font-weight: 500; margin-bottom: 6px; } .mobile-field p { margin-bottom: 15px; } .mobile-field input.custom-field { padding-left: 60px; } .mobile-field { position: relative; } .mobile-field span.phone-icon { position: absolute; left: 19px; bottom: 10px; font-size: 25px; color: rgb(6, 18, 87); } .mobile-form .form-descprtion p { font-size: 14px; } .notification-filed.d-flex { gap: 20px; } .not-descprtion a.link-text { text-decoration: unset; } .time-text { width: 30%; text-align: right; } .notification-filed { margin-bottom: 20px; padding: 5px; } .active-notification{ background: #F3F3F7; border-radius: 25px; } span.bold-text { color: #061257; font-weight: 600; } .number-text { margin-left: 40px; } .noti-box-bg { border-radius: 24px; background-color: rgb(243, 243, 247); padding: 24px 24px; margin-bottom: 20px; } .noti-content p { margin: 0; } .check-items label { margin-right: 10px; margin-left: 0; } h4 { color: #061257; } .password-item { text-align: center; width: 70%; margin: 0 auto; padding-top: 70px; } a.tab-link { padding-right: 25px; font-size: 20px; color: #061257; font-weight: 500; text-decoration: unset; border-bottom: 2px solid #dedede; padding-bottom: 10px; margin-bottom: 10px; } .nav-pills a.tab-link.active { border-color: #ee4135; } .tab-content { margin-top: 30px; } .dropdown-box label { width: 100%; margin-bottom: 6px; font-weight: 600; } .dropdown-box { margin-bottom: 20px; } .text-left { text-align: right !important; } .text-left h3 { text-align: right; } .dropdown-box select#payment { width: 24%; background-color: rgb(243, 243, 247); padding: 14px 10px; border-radius: 10px; border: 0; outline: unset; } .payment-btn a.link-text { display: inline-block; font-size: 19px; text-transform: capitalize; font-weight: 600; text-decoration: unset; margin-top: 20px; } .small-descprtion p { color: rgb(6, 18, 87); font-size: 16px; font-weight: 500; } .small-descprtion { color: rgb(6, 18, 87); font-size: 15px; font-weight: 500; } .payment-popup { margin-bottom: 20px; margin-top: 20px; } .payment-popup .popup-btn { background: transparent; border: 0; color: #061257; font-size: 20px; font-weight: 500; } .popup-btn i { margin-right: 8px; color: #ee4135; font-size: 26px; } .grid-tow { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .btn-item button.btn { width: 100%; padding: 12px; border-radius: 50px; font-size: 19px; font-weight: 600; } .cancel-btn { background: #f3f7ff; color: #ef4136; } .btn-item .add-btn { background: #ef4136; color: #fff; } /*end*/ /*26-10-2023 css start*/ .form-wrapper.form-box { width: 50%; margin: 0 auto; padding: 50px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 8px; } .input-field { position: relative; } span.hide-password { position: absolute; right: 0; top: 34px; height: 60px; cursor: pointer; width: 53px; text-align: center; display: grid; align-items: center; } .form-wrapper h2 { color: rgb(6, 18, 87); font-size: 40px; font-weight: 600; } button.form-button { background: #ee4135; width: 100%; border: 0; color: #fff; font-size: 21px; font-weight: 600; padding: 8px; border-radius: 50px; margin-bottom: 15px; } .icon-btn .icon-img img { width: 25px; } .icon-btn span.icon-img { margin-right: 10px; } .icon-btn { margin-bottom: 20px; } .icon-btn a { display: inline-block; color: #061257; text-decoration: unset; font-size: 18px; font-weight: 500; border: 1px solid #061257; padding: 13px 20px 13px 20px; width: 52%; border-radius: 50px; text-align: left; } .forget-text { text-decoration: unset; font-weight: 500; font-size: 19px; margin-bottom: 10px; display: inline-block; } .daybox input[type="radio"] { width: 100%; } .check-items.check-item.d-flex { align-items: start; } label.small-label { font-size: 14px; } a.back-arrow { color: #061257; margin-right: 14px; } .country-region { width: 40%; margin: 0 auto; } .country-wrapper { position: relative; margin-bottom: 40px; } a.country-item { color: #061257; font-size: 18px; text-decoration: unset; font-weight: 500; } span.country-arrow-icon { position: absolute; right: 0; font-size: 21px; } .icon-box-wrappers { border-radius: 24px; background-color: rgb(243, 243, 247); padding: 24px 15px; } .txt-btn { background: transparent; border: 0; color: #ee4135; cursor: pointer; } .other-field { display: none; } p.find-text { text-align: right; margin-top: 10px; } p.search-text { text-align: right; margin-top: 10px; } .file-upload { position: relative; } button.file-btn { background: #f3f7ff; border: 0; padding: 12px 35px; font-size: 18px; font-weight: 600; color: #061257; border-radius: 50px; } .file-upload input { width: 183px; position: absolute; opacity: 0; height: 50px; border-radius: 50px; cursor: pointer; } .profile-complete p { font-size: 13px; font-weight: 600; } .prograss-bg { width: 100%; height: 10px; background: #f3f3f7; border-radius: 50px; } .prograss-item { width: 74%; height: 10px; background: red; border-radius: 50px; } /*end*/ /*27-10-2023 css start*/ .profile-pic { max-width: 200px; max-height: 200px; display: block; } .circle { border-radius: 1000px !important; overflow: hidden; width: 128px; height: 128px; border: 8px solid rgba(255, 255, 255, 0.7); top: 72px; } img { max-width: 100%; height: auto; } .p-image { position: relative; } .p-image:hover { transition: all .3s cubic-bezier(.175, .885, .32, 1.275); } .upload-button { font-size: 1.2em; } .upload-button:hover { transition: all .3s cubic-bezier(.175, .885, .32, 1.275); color: #999; } /*end*/ /*30-10-2023 css start*/ button.file-btn { cursor: pointer; } .photo-upload { width: 183px; position: absolute; opacity: 0; height: 50px; border-radius: 50px; cursor: pointer; left: 0; } .large-2.columns { display: flex; align-items: center; gap: 23px; } .account-field { margin-bottom: 20px; } label { color: rgb(6, 18, 87); font-weight: 500; margin-bottom: 6px; } button.btn-item { background: #ee4135 !important; color: #fff !important; text-decoration: unset; font-size: 18px; padding: 13px 30px; display: inline-block; border-radius: 50px; border: 0; opacity: unset !important; } button.popup-btn.btn-item { background: #f3f7ff; border: 0; padding: 12px 35px; font-size: 18px; font-weight: 600; color: #061257; border-radius: 50px; } .deactivate-account .grid-tow { margin-top: 23px; } .modal-dialog.modal-dialog-centered { max-width: 600px; } .img-wrapper-item { width: 19%; text-align: center; } .score-prograss { display: flex; width: 100%; height: 24px; border-radius: 8px; background-color: rgb(243, 243, 247); position: relative; overflow: hidden; margin-bottom: 13px; } .score-text { -webkit-box-pack: justify; justify-content: space-between; padding-top: 8px; display: flex; } .presnt-score { -webkit-box-align: center; align-items: center; position: relative; height: 100%; width: 65%; background-color: rgb(32, 191, 111); text-align: right; color: #fff; padding-right: 8px; font-weight: 600; } .text-btn-item span.svg-icon { display: inline-block; width: 28px; } span.button-text { color: #ee4135; font-size: 18px; font-weight: 600; } .text-btn-item a { text-decoration: unset; } .baner-bg-wrapper { background-position: center; background-size: cover; background-repeat: no-repeat; } .baner-height { position: relative; height: 500px; display: grid; align-items: center; } .baner-boverlay { width: 100%; height: 100%; position: absolute; background: #00000096; } .baner-content-item { position: relative; z-index: 999; } .baner-content-item h2 { color: #fff; font-size: 55px; font-weight: 600; margin-bottom: 15px; } .baner-content-item p { color: #fff; font-size: 22px; margin-bottom: 20px; } .heading-wrapper h2 { font-size: 50px; color: rgb(6, 18, 87); font-weight: 600; margin-bottom: 20px; } .title-heading h2 { font-size: 50px; color: rgb(6, 18, 87); font-weight: 600; margin-bottom: 20px; } .number-content { display: flex; gap: 12px; margin-bottom: 20px; align-items: center; } .descprtion-label label { font-size: 14px; } .descprtion-label { display: flex; gap: 16px; } .police-verification-box { width: 70%; margin: 0 auto; padding: 95px 50px 50px 50px; background: rgb(243, 243, 247); border-radius: 20px; position: relative; } .police-verification { padding-top: 150px; } .top-img.text-center { position: absolute; left: 0; right: 0; top: -62px; } .top-img img { height: 118px; width: 118px; } .police-form { background: #fff; padding: 50px 50px; margin-bottom: 40px; border-radius: 20px; } .top-img svg { height: 118px; width: 118px; } .small-text p { margin: 0; } .file-upload-item button.file-btn { width: 100%; } .file-upload-item input#resume { width: 100%; } /*end*/ /*multiselect css*/ .multiselect { $bg-color: #fff; $bd-color: #ccc; $suggest-height: 300px; $border-radius: 4px; $item-space: .3em; $suggest-zindex: 10; position: relative; .selected-hold { position: relative; display: flex; align-items: center; flex-wrap: wrap; padding: $item-space 0 0 $item-space; border-radius: $border-radius; border: 1px solid $bd-color; background-color: $bg-color; &.focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); } } .selected-item { margin: 0 $item-space $item-space 0; padding: .1em .5em; border-radius: $border-radius; border: 1px solid darken($bd-color, 5%); background-color: darken($bg-color, 10%); .item-label { margin-right: .5em; } .close { outline: none; } &.active { border-color: darken(#66afe9, 20%); } } .item-search { width: 100px; border: none; outline: none; background: #f3f3f7; } .suggest-panel { position: absolute; top: 100%; left: 0px; z-index: $suggest-zindex; width: 100%; max-height: $suggest-height; overflow: auto; border: 1px solid $bd-color; background-color: $bg-color; .suggest-item { padding: .4em .8em; &.active { background-color: darken($bg-color, 10%) } &.disabled { color: lighten(invert($bg-color), 60%); text-decoration: line-through; } .highlight { background-color: #ff0; } } } .text-tester { position: absolute; height: auto; width: auto; white-space: nowrap; } } .selected-hold { animation: auto ease 0s 1 normal none running none; margin: 0px; box-sizing: border-box; appearance: none; width: 100%; color: rgb(6, 18, 87); background-color: rgb(243, 243, 247); border: 0; padding: 16px; font-size: 19px; border-radius: 8px; outline: unset; } .text-hide span.search-text { display: none; } .text-tester.text-hide { visibility: hidden; } .selected-item { width: fit-content; display: inline-flex; position: relative; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; border-radius: 32px; background-color: rgb(230, 231, 238); font-weight: 500; padding-left: 16px !important; padding-right: 16px !important; margin-right: 10px; } .selected-item button.close { border: 0; background: transparent; padding: 0; } /*end*/ /*01-11-2023 css start*/ .prograssbar-item li { width: auto !important; display: block !important; position: unset; } .prograssbar-item li:after { display: none; } .prograssbar-item li { width: auto !important; display: block !important; position: relative !important; margin-bottom: 21px; padding-left: 22px !important; text-align: left !important; } .prograssbar-item li:before { width: 3px !important; height: 33px; line-height: 33px; background: #b9b9c5; border-radius: 25px; margin: 0 auto 10px auto; color: #fff; content: ''; position: absolute; left: 0 !important; content: '' !important; } .text-heading h2 { font-size: 23px; text-align: left; margin-bottom: 27px; } .create-form fieldset { padding-top: 0 !important; } .create-form fieldset { position: unset !important; } .create-form .form-item-field { width: 100%; margin: 0 auto; } .create-form input.previous.action-button-previous { width: 35% !important; } .create-form input.next.action-button { width: 38% !important; } .icon-box.box-bg-wrapper { margin-bottom: 25px; display: flex; gap: 11px; height: auto; background: rgb(243, 247, 255); } select { appearance: auto !important; } .input-field.flex-item { display: flex; align-items: end; gap: 20px; } .price-field .custom-field { padding-left: 50px !important; } span.dollar { position: absolute; left: 16px; bottom: 11px; font-size: 25px; } .price-descprtion p { margin: 0; } .hide-btn { background: transparent; border: 0; color: red; } .hide-form path { fill: #ee4135; } .hide-btn { display: none; } .fs-title { margin-bottom: 12px; font-weight: bold; } .packges-box { border-color: rgb(243, 243, 247); border-width: 2px; border-style: solid; border-radius: 12px; background-color: rgb(255, 255, 255); padding: 24px; margin-bottom: 20px; } .package-form-item { margin-top: 25px; display: none; } .top-content-wrapper .two-grid { align-items: center; } .pakage-title h3 { font-size: 21px; margin: 0; } .right-box-sec p { font-size: 15px; } .add-btn-item a.add-btn { display: none; } .active-btn { display: inline-block !important; } .pack-boxgrfgh .package-form-item { display: block; } .pack-box a.add-btn.show-form { display: inline-block; } .box-item-wrapper .package-form-item { display: block; } .box-item-wrapper a.hide-btn { display: inline-block; } .box-item-wrapper .active-btn { display: none !important; } .packges-box-next a.add-btn.show-form { display: inline-block; } .distance-wrapper .slider { padding: 0 !important; } .distence-item .distance-wrapper .slidecontainer { display: flex; align-items: center; } .distence-item p { margin: 0; width: 10%; } .distence-item .distance-wrapper { margin-top: 0; } .upload__img-box { position: relative; } /*end*/ /*image upload css*/ /*.box { width: 485px; float: left; }*/ .note { width: 500px; margin: 50px auto; font-size: 1.1em; color: #333; text-align: justify; } #drop-area { position: relative; border: 2px solid #ccc; height: 400px; overflow: hidden; margin-bottom: 10px; } #drop-area .controll-panel { position: absolute; bottom: 0; right: 0; } #drop-area .controll-panel .item { display: inline-block; padding: 10px; cursor: pointer; background-color: #ee4135; } #drop-area .controll-panel .item i { color: #fff; } #drop-area label { margin-bottom: 0; height: 100%; width: 100%; display: block; } #drop-area .uploadIcon { border: none; height: 100%; } #drop-area .uploadIcon i { margin: 0 auto; display: block; width: 60px; position: relative; top: 45%; } #drop-area.highlight { border-color: purple; } p { margin-top: 0; } .my-form { margin-bottom: 10px; } #gallery { height: 100%; } #gallery img { vertical-align: middle; width: 100%; } .button { display: inline-block; padding: 10px; background: #ccc; cursor: pointer; border-radius: 5px; border: 1px solid #ccc; } .button:hover { background: #ddd; } #fileElem { display: none; } #sendForm { width: 100%; } #sendForm .areapaste input { padding-left: 10px; width: 320px; height: 35px; font-size: 16px; } /*_______________*/ #details_img { padding: 20px; float: left; width: 630px; } #details_img .list .item { margin-bottom: 10px; } #details_img .list .item .attr { width: 120px; } #details_img .list .item .attr, #details_img .list .item .data { display: inline-block; } #container-image .container { width: 200px; display: inline-block; } .areapaste input#text { padding: 0; opacity: 0; } /*end*/ /*select -item css*/ .form-control { display: block; width: 100%; font-size: 14px; height: 34px; padding: 4px 8px; margin-bottom: 15px; } .tags-container { display: flex; flex-flow: row wrap; margin-bottom: 15px; width: 100%; font-size: 14px; line-height: 1.6; background-color: transparent; overflow: hidden; word-wrap: break-word; padding: 17px; border-radius: 4px; width: 100%; box-sizing: border-box; font-size: 17px; color: rgb(6, 18, 87); background-color: rgb(243, 243, 247); border: 0; } .tag { position: relative; margin: 2px 6px 2px 0; padding: 1px 20px 1px 8px; font-size: inherit; font-weight: 400; text-align: center; color: #000; background-color: #e6e7ee; border-radius: 50px; transition: background-color 0.3s ease; cursor: default; } .tag:first-child { margin-left: 0; } .tag__remove { position: absolute; right: 0; bottom: 0; width: 20px; height: 100%; padding: 0 5px; font-size: 16px; font-weight: 400; transition: opacity .3s ease; opacity: 1; cursor: pointer; border: 0; background-color: transparent; color: #000; line-height: 1; } .tag__remove { position: absolute; right: 0; bottom: 0; width: 20px; height: 100%; padding: 0 5px; font-size: 16px; font-weight: 400; transition: opacity .3s ease; opacity: .5; cursor: pointer; border: 0; background-color: transparent; color: #fff; line-height: 1; } .tag__remove:hover { opacity: 1; } .tag__remove:focus { outline: 5px auto $btn-outline-color; } .upload-text { text-align: center; padding-top: 20px; padding-bottom: 20px; } .upload-text p { margin: 0; font-size: 14px; } input.tag-input { flex: 3; outline: 0; background: transparent !important; outline: unset !important; border: 0 !important; padding: 0 !important; } @keyframes shake { 0%, 100% { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-5px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(5px, 0, 0); } } .gallery-option { position: relative; border: 2px solid #ccc; overflow: hidden; margin-bottom: 10px; } .gallery-option .upload__box { margin: 0; } .gallery-option label.upload__btn { width: 100%; height: 350px; background: rgb(243, 243, 247); border-color: rgb(243, 243, 247); } .gallery-option .upload__btn-box { width: 100%; } .create-form input.submit.action-button { width: 38% !important; } /*css*/ /*02-11-2023 css start*/ .view-text span { font-size: 22px; font-weight: 500; } .media-box { border: 1px solid #ccc; border-radius: 4px; padding: 8px; } .media-box .upload__box { margin: 0; } .media-box .upload__btn-box { width: 31%; } .media-box label.upload__btn { width: 100% !important; } .upload__btn p { color: #fff; } .upload__btn:hover p { color: #000; } .sav-btn { text-align: right; margin-top: 22px; } .btn-item .form-btn { background: #cf2e2e; color: #fff; border: 0; font-size: 19px; padding: 15px 40px; border-radius: 50px; } .task-media-popup { text-align: right; } .taskcard-sec { background: #fff; padding: 35px; border-radius: 8px; } .media-btn { padding: 20px; border: 2px dashed #ccc; } .media-btn path { fill: rgb(56, 65, 121); } .edit-task .modal-content { text-align: left; } a.btn-item { background: #ee4135; color: #fff; padding: 10px 36px; display: inline-block; text-decoration: unset; font-size: 19px; font-weight: 500; border-radius: 50px; } .btn-close-item { background: #ee4135; color: #fff; padding: 10px 36px; display: inline-block; text-decoration: unset; font-size: 19px; font-weight: 500; border-radius: 50px; } .text-wrapper p { margin: 0; } .align-item-center { align-items: center; } .box-link-item a { color: rgb(56, 65, 121); text-decoration: unset; font-size: 18px; font-weight: 500; } .edit-task-option .d-flex { gap: 15px; } svg path { fill: rgb(56, 65, 121); } .drop-down-item .dropbtn { background-color: #3498DB; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .drop-down-item .dropbtn:hover, .dropbtn:focus { background-color: #2980B9; } .drop-down-item .dropdown { position: relative; display: inline-block; } .drop-down-item .dropdown-content { display: none; position: absolute; background-color: #fff; min-width: 300px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; } .drop-down-item .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .drop-down-item div#myDropdown { height: auto; } .drop-down-item button.dropbtn { padding: 14px 44px; background: #ee4135 !important; font-size: 18px; border-radius: 50px; } .dropdown-content i { color: rgb(56, 65, 121); font-size: 21px !important; margin-right: 10px; } .upload__img-box { height: auto; border: 1px solid #eee; width: 100%; border-radius: 4px; padding: 5px; } .upload__img-box .img-bg { width: 100%; max-width: 150px; height: 90px; background-repeat: no-repeat; background-size: contain; background-position: center; border-radius: 8px; } .upload__img-wrap { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 15px; width: 100%; } .upload__img-close { width: 20px; height: 20px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: -8px; right: -8px; text-align: center; line-height: 18px; z-index: 1; cursor: pointer; } .dropdown-content svg { margin-right: 5px; } .nav-tabs.task-tab-item { border: 0; } .task-tab-item a.nav-link { color: #000 !important; border-bottom: 2px solid #eee !important; border: 0; padding: 10px 40px; } a.nav-link.active { border-bottom: 2px solid #ee4135 !important; } .profile-content-item { display: none; } .profile-content-item.show { display: block; } .tic-btn { background: #ee4135; color: #fff; border: 0; font-size: 24px; width: 39px; border-radius: 50px; } .profile-content-item { text-align: left; padding: 16px; position: absolute; right: 0; width: 250px; overflow: hidden; background-color: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 24px; top: 46px; } .profile-content-item a { display: inline-block; width: 100%; margin-bottom: 15px; font-size: 18px; color: rgb(56, 65, 121); text-decoration: unset; font-weight: 500; } .profile-content-item span { width: 28px; display: inline-block; } .profile-img img { border-radius: 50px; width: 50px !important; } .profile-img { margin-bottom: 17px; } .profile-detail a { color: #061257; font-size: 20px; font-weight: 500; text-decoration: unset; } .w-70 { width: 70%; } .w-30 { width: 30%; } .accept-item .price-wrapper { margin: 0; } .offers-box { border: 1px solid #ddd; border-radius: 8px; } .profile-box { padding: 30px; } .offers-box .col-lg-4 { border-right: 1px solid #ddd; } .profile-detail p { font-size: 20px; font-weight: 500; } .chat-text-item { width: fit-content; display: flex; flex-direction: column; padding: 20px 20px; margin-bottom: 10px; border-radius: 12px; background-color: rgb(243, 243, 247); } .chat-text-item span.chat-text { font-size: 19px; color: #061257; font-weight: 500; } .chat-time p { color: rgb(155, 160, 188); font-size: 20px; font-weight: 500; margin: 0; } .chat-time i { position: relative; top: 2px; left: 6px; } .chat-time { margin-bottom: 5px; } p.reply-text { margin: 0; } .reply-box { padding: 12px; } .user-img-item img { width: 50px; border-radius: 50px; } .reply-box .d-flex { align-items: start; } a.name-text { color: #061257; text-decoration: unset; } .reply-form-wrapper .massge-send-form { width: 90%; border: 1px solid #ddd; border-radius: 8px; padding: 12px; } .reply-text-item { margin-bottom: 25px; } .reply-field .messagefield { width: 100%; border: 0; outline: unset; padding: 9px 0px; } .reply-form-wrapper .d-flex { align-items: start; } .reply-text-item .reply-item { border: 0; background: transparent; margin-right: 5px; color: #ee4135; font-size: 19px; font-weight: 500; cursor: pointer; } .reply-text-item span { color: rgb(155, 160, 188); font-size: 20px; font-weight: 500; margin: 0; } .image-upload-mtem { position: relative; } .image-upload-mtem .image-upload { width: 34px; height: 34px; position: absolute; left: 0; opacity: 0; cursor: pointer; } .reply-form-wrapper { display: none; } .reply-form-wrapper.show { display: block; } span.task-text { padding: 3px 12px; font-size: 15px; font-weight: 600; color: rgb(155, 160, 188); } .complete-task { background: #a3e397; border-radius: 50px; color: #000 !important; } .task-details-scroller { height: 70vh; background: #fff; padding: 23px; overflow-y: scroll; } .flow-button .follow-btn { background-color: #f3f3f7; border-radius: 50px; font-size: 15px; letter-spacing: .3px; line-height: 1.4; border: 0; padding: 5px 20px; } button.follow-btn:hover { background: #ee4135; color: #fff; } .task-profile-text h2 { color: #061257; font-size: 45px; font-weight: 700; margin-bottom: 20px; } .avter-img img { width: 50px; } .tasked-text p.small-text { margin: 0; } .tasked-text p.small-text { margin: 0; font-size: 14px; margin-bottom: 3px; } .tasked-text a { color: #061257; text-decoration: unset; } .tasked-text h4 { font-size: 20px; } .w-20 { width: 20%; } .w-80 { width: 80%; } .paymentpanel { background: #f3f3f7; text-align: center; padding: 15px; border-radius: 8px; } .paymentpanel h2 { color: #061257; font-size: 45px; font-weight: 700; margin-bottom: 20px !important; margin-top: 20px !important; } button.btn.popup-btn { background: #ee4135; color: #fff; font-size: 18px; margin-top: 20px; width: 100%; padding: 9px; border-radius: 50px; } .media-content { text-align: left; } .content-wrapper h2 { font-size: 50px; margin-bottom: 20px; color: #061257; font-weight: 600; } .faq-wrapper .accordion-item { border: 1px solid #f3f7ff; border-radius: 4PX; background: #f3f7ff !important; } .faq-wrapper { width: 70%; margin: 0 auto; margin-top: 40px; } .faq-wrapper button.accordion-button { background: #f3f7ff; } .faq-wrapper button.accordion-button { background: #f3f7ff !important; } .faq-wrapper .accordion-collapse.collapse.show { border-top: 1px solid#ddd; } /*end*/ /*03-11-2023 css start*/ .task-payment-popup button.btn.popup-btn { margin: 0; padding: 9px 22px; width: auto; } .text-item { margin-bottom: 20px; margin-top: 20px; background: transparent; border: 0; font-size: 20px; font-weight: 500; color: #ee4135; } p.card-text { margin: 0; font-size: 20px; font-weight: 600; color: rgb(6, 18, 87); } .check-icon span { color: rgb(32, 191, 111); font-size: 28px; } .payment-descprtion { padding-top: 70px; } .card-form { display: none; } .add-coupon { display: none; } .total-item p { margin: 0; font-size: 22px; font-weight: 600; color: #ee4135; } .add-coupon { margin-top: 20px; } .payment-item img { width: 70px; border-radius: 50px; } .d-flex.top-item { margin-bottom: 20px; gap: 20px; } .multiple-item button.form-btn { width: 100%; height: 50px; } .w-10 { width: 10%; } /*end*/ /*multistep form css start*/ .left-img-icon img { width: 40px; border-radius: 50px; } .left-img-icon i { color: #9BA0BC; font-size: 23px; } p.title { margin-bottom: 16px; } .popup-text-item p:first-child { font-size: 20px; font-weight: 500; color: #061257; margin-bottom: 10px; } .plus-icon span { color: #0a65fc; } .popup-content-wrapper h2.pb-20 { margin-bottom: 0 !important; } .button-wrapper-item { margin-bottom: 20px; cursor: pointer; margin-top: 20px; } .back-button .back-btn { width: 100%; height: 50px; } .popup-box-height { height: 400px; } /*.first-item.multiple-item { display: none; }*/ .image-upload img { width: 70px; border-radius: 50px; } .upload-btn span.upload-item { background: #cf2e2e; color: #fff; cursor: pointer; padding: 12px 0px; font-size: 19px; border-radius: 50px; display: inline-block; width: 160px; text-align: center; } .upload-btn { position: relative; } .upload-btn .image-upload { position: absolute; left: 0; width: 160px; height: 43px; cursor: pointer; opacity: 0; } .popup-box-item { display: none; } h4 { font-size: 20px !important; font-weight: 600 !important; color: rgb(6, 18, 87); margin-bottom: 16px !important; } .tasked-text p.small-text { margin-bottom: 10px; } .number-item .input-field { margin: 0; } label.label-text { font-size: 18px; margin-bottom: 16px; font-weight: 600; } .billing-location-item p { font-size: 18px; color: #000; font-weight: 500; margin-bottom: 13px; } .right-arrwo-btn { background: #fff; border: 0; font-size: 23px; position: absolute; display: none; } .more-option button.more-option { font-size: 19px; margin-top: 20px; width: 100%; border: 0; text-align: left; background: #f3f3f7; padding: 18px; color: #061257; font-weight: 500; border-radius: 4px; } .more-option i { float: right; } /*end*/ .toltrip-item.show { display: block !important; } .toltrip-item { background-color: #fff; border: 1px solid #9ba0bc; border-radius: 4px; box-sizing: border-box; margin-top: 5px; padding: 5px 0px; position: absolute; width: 100%; z-index: 10; } .more-option { position: relative; width: 100%; } .toltrip-item .tooltrip-btn { cursor: pointer; font-size: 13px; font-weight: 500; color: #384179 !important; padding: 15px 10px; text-align: left; text-decoration: none !important; display: block; } .toltrip-item .tooltrip-btn:not(:last-child) { border-bottom: 1px solid #9ba0bc !important; } #toltrip-item::after { background: #fff; border-bottom: 1px solid #9ba0bc; border-right: 1px solid #9ba0bc; content: ""; display: block; height: 9px; position: absolute; right: 10px; top: -6px; transform: rotate(-135deg); width: 9px; } .toltrip-item .tooltrip-btn:hover { background: #f3f3f7; } button.tooltrip-btn { background: transparent; width: 100%; border: 0; } /*step form css start*/ input.invalid { background-color: #ffdddd; } /* Hide all steps by default: */ .tab { display: none; } button:hover { opacity: 0.8; } #prevBtn { background-color: #bbbbbb; } /* Make circles that indicate the steps of the form: */ .step { height: 3px; width: 24%; margin: 0 0px; background-color: #bbbbbb; border: none; border-radius: 0; display: inline-block; } .step.active { opacity: 1; } /* Mark the steps that are finished and valid: */ .step.finish { background-color: #04AA6D; } /*.form-tab { height: 380px; overflow: overlay; }*/ textarea.custom-field { font-size: 17px; line-height: 28px; } .step-form-title { position: absolute; width: 100%; top: -27px; left: 0 !important; } .step-form-item label { font-size: 19px; margin-bottom: 10px; } .step-radio-box label.InputWrapper { text-align: left; } .step-radio-box p.second-text { margin-bottom: 20px; margin-top: 20px; font-size: 18px; line-height: 27px; } .step-radio-box .icon-item { margin: 0; } .select-option span.select-item { display: inline-block; width: 26px; height: 26px; border: 2px solid #061257; border-radius: 50px; position: relative; } .daybox input[type="radio"]:checked+label .select-item { border: 2px solid #fff; } .daybox input[type="radio"]:checked+label .select-item:before { content: ''; width: 15px; height: 15px; background: #fff; position: absolute; border-radius: 50px; top: 3px; left: 3px; right: 0; } .step-field-item .four-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .step-field-item .InputWrapper p { font-size: 16px; text-align: center; width: 100%; font-weight: 500; line-height: 25px; } .step-field-item .daybox input[type="checkbox"] { width: 100%; } .step-radio-box p { text-align: left !important; } /*end*/ /*06-11-2023 css start*/ .third-tab { height: 350px; } span.field-text { font-size: 18px; color: #000; } span.field-text { top: 19px; font-size: 18px; color: #000; position: absolute; left: 20px; } .field-left-space { padding-left: 60px !important; padding-right: 60px !important; } .right-hr-text { right: 20px !important; left: auto !important; } .radio-item label { margin-right: 20px; margin-left: 4px; } .radio-item input[type="radio" i] { width: 24px; height: 24px; } .radio-item label { margin-right: 20px; margin-left: 4px; position: relative; top: -6px; } .hrs-field { display: none; } .tap-tas-bg { background: #e6e7ee; padding: 20px; margin-bottom: 40px; } .tap-task-img img { width: 100px; } .task-text p { font-size: 22px; font-weight: 600; } .tap-tas-bg .right-icon img { width: 50px; } .tap-tas-bg .two-grid { align-items: center; } .task-content-wrapper h2 { font-size: 31px; font-weight: 600; margin-bottom: 15px; } .task-content-wrapper p { line-height: 22px; } p { line-height: 26px !important; font-family: 'Manrope'; font-size: 16px; color: rgb(6, 18, 87); font-weight: 500; } h2 { font-size: 2rem !important; } .offer-item h2 { font-size: 31px !important; margin-bottom: 35px; font-weight: 600; color: #061257; } .offer-item .review-img img { width: 60px; } .review-descprtion { margin-top: 30px; background-color: rgb(243, 243, 247); border-radius: 4px; padding: 20px 20px; } .review-descprtion p { color: #000; font-size: 17px !important; } .review-name a { color: #061257; text-decoration: unset; font-size: 22px; font-weight: 500; margin-bottom: 10px; display: inline-block; } .review-rating-content { margin-left: 10px; } span.rating-numbers { font-size: 20px; color: #ff7f00; font-weight: 600; } span.rating-icon { font-size: 20px; color: #ff7f00; font-weight: 600; } span.rating { color: rgb(106, 113, 154); font-size: 20px; font-weight: 600; } .review-rating-content .rating-item { margin-bottom: 3px; } .new-text p { color: rgb(106, 113, 154); font-size: 20px; font-weight: 600; } .reply-popup-item .reply-item { margin-left: 15px; font-size: 14px; } .reply-popup-item { font-size: 14px; color: #061257; font-weight: 500; } .reply-box .massge-send-form { width: 100%; } .reply-item-form .two-grid { align-items: center; } .reply-form h3 { text-align: center; position: absolute; left: 0; right: 0; font-size: 22px; font-weight: 600; } .categegory-popup h3 { text-align: center; position: absolute; left: 0; right: 0; font-size: 22px; font-weight: 600; } button.btn-close { z-index: 999; } .review-rating-item { position: relative; } .reply-categoru-popup { position: absolute; right: 0; bottom: 0; } .question-content h3 { font-size: 20px; font-weight: 500; margin-bottom: 10px; } .form-edit .time-text { width: 100%; text-align: center; } .left-text h2 { text-align: left; margin: 0; color: #061257; } .edit-form-sec { width: 65%; margin: 0 auto; } .badge-btn button.btn-item { background: #ee4135 !important; color: #fff; text-decoration: unset; font-size: 18px; padding: 6px 30px; display: inline-block; border-radius: 50px; border: 0; margin-left: 8px; } h4.modal-title { width: 100%; } /*end*/ /*07-11-2023 css start*/ .verifivation-popup p { font-size: 18px; color: rgb(6, 18, 87); font-weight: 600; } .btnGroup button { border: 0; background: #f3f3f7; padding: 11px 30px; font-size: 18px; color: #999898; border-radius: 50px; } /*end*/ .fnt-26 { font-size: 26px; font-weight: 600; } .pop_up_bold { font-size: 26px; color: #cf2e2e; font-weight: 600; } .bg_f3f3f7 { background: #f3f3f7; text-align: center; padding: 15px; border-radius: 8px; } .get_paid_box { max-width: 350px; width: 100% !important; border: 1px solid #000; border-radius: 15px; padding: 20px; display: flex; align-items: flex-start; gap: 15px; margin: auto; } .get_paid_box .icon { background: #cf2e2e; padding: 11px 14px; border-radius: 50%; color: #fff; } /*home page css start*/ .site-btn { display: inline-block; font-size: 17px; text-decoration: unset; margin-right: 15px; margin-bottom: -25px; } a.btn-one { background: #ee4135; color: #fff; padding: 12px 20px; border-radius: 50px; } a.btn-two { background: #000; color: #fff; padding: 12px 20px; border-radius: 50px; } .trust-list { padding: 0; } .trust-list li { list-style: none; display: inline-block; margin-right: 15px; } .home-baner .baner-bg { border-radius: 50px 50px 0px 0px !important; } ul.trust-list { margin: 0; } .turstpilot-sec { background: #a3a0a0; padding: 30px 20px 35px 20px; border-radius: 0px 0px 50px 50px; } .right-item { text-align: right; } .trust-list .icon-text { color: #fff; font-size: 18px; } .icon i { color: #fff; font-size: 20px; } .icon path { fill: #fff; } .number-list .number-text { margin-left: 10px; } .number-list li { list-style: none; } ol.number-list { padding: 0; } .number-list span.number { display: inline-block; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; font-size: 18px; background-color: rgb(206, 224, 254); color: rgb(10, 101, 252); border-radius: 50%; height: 30px; width: 30px; text-align: center; } .number-list li { margin-bottom: 15px; } .number-list li:last-child { margin: 0; } .second-content h2 { font-size: 40px !important; font-weight: 700; } .second-content p { font-size: 22px; font-weight: 500; margin-bottom: 28px; } .number-list .number-text { margin-left: 10px; color: rgb(56, 65, 121); font-size: 18px; font-weight: 500; } .task-box { height: 525px; overflow: hidden; padding: 24px; background: #f9f3ef; border-radius: 8px; } .img-content-wrapper h3 { color: #000; font-size: 19px; } .img-content-wrapper p { font-size: 16px; margin: 0; } .img-box-wrapper .img-box { background: #fff; padding: 13px; border-radius: 4px; } .task-box { position: relative; } .task-box .two-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; box-sizing: border-box; position: absolute; top: 0px; left: 0px; height: inherit; display: grid; width: 100%; row-gap: 18px; padding-top: 18px; padding-left: 36px; padding-right: 36px; } .task-box .two-grid { animation: 20s linear 0s infinite primary-scroll; } @keyframes primary-scroll { 0% { top: 0%; } 100% { top: -100%; } } /*end*/ /*21-11-2023 css start*/ .home-task-container { white-space: nowrap; } a.life_moments_task.task-card { position: relative; display: inline-flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; vertical-align: top; width: 384px; height: auto; margin: 10px; background: rgb(243, 247, 255); border-radius: 12px; border: 1.5px solid rgb(231, 240, 255); text-decoration: none; padding: 20px; } .task-img-item img { width: 70px; height: 70px; object-fit: cover; border-radius: 50%; } p.loaction-text { color: rgb(155, 160, 188); margin-bottom: 10px; font-size: 22px; font-weight: 600; } .task-content-item { word-break: break-all; width: 80%; } .task-img-item { width: 20%; } p.house-name { color: rgb(6, 18, 87); font-size: 16px; font-weight: 600; overflow-wrap: break-word; word-break: break-word; text-decoration: initial; vertical-align: initial; white-space: initial; } p.description-name { color: rgb(53 70 70); font-size: 16px; font-weight: 600; overflow-wrap: break-word; word-break: break-word; text-decoration: initial; vertical-align: initial; white-space: initial; } .life_moments_task__TaskContainer { display: flex; flex-direction: row-reverse; -webkit-box-pack: justify; justify-content: space-between; align-items: center; } .life_moments_task__StarsWrapper { background: #fff; display: flex; padding: 8px 28px; border-radius: 50px; } .life_moments_task__StarsWrapper p { margin: 0; margin-left: 8px; color: rgb(6, 18, 87); font-weight: 600; font-size: 18px; } .eqHiQ path { fill: rgb(255, 127, 0); } .top-task-item { margin-bottom: 20px; } .task-content { margin-top: 0; overflow: hidden; } .top-descprtion p { font-size: 22px; } .floating-tasks-container-wrapper { animation: 150s linear 0s infinite normal none running slide; } @keyframes slide { 0% { transform: translate3d(0px, 0px, 0px); } 100% { transform: translate3d(-1920px, 0px, 0px); } } .floating-tasks-container-wrapper-reverse { animation: 150s linear 0s infinite normal none running slideReverse; float: right; } @keyframes slideReverse { 0% { transform: translate3d(0px, 0px, 0px); } 100% { transform: translate3d(1920px, 0px, 0px); } } p.Text__Style { margin: 0; color: #071358; font-size: 20px; font-weight: 600; } .icon-content h4 { margin-bottom: 4px !important; font-size: 25px !important; } .icon-content p { font-size: 16px; color: #061257; font-weight: 500; line-height: 30px !important; } a.text-link { font-size: 20px; font-weight: 600; color: #061257; text-decoration: underline; } .icon-content { align-items: start; } .img-round img { border-radius: 20px; } span.list-text { color: #061257; font-size: 18px; } span.check-icon { color: #061257; margin-right: 10px; font-size: 18px; } .review-item-wrapper { display: flex; gap: 10px; } .review-name h3 { color: rgb(6, 18, 87); font-size: 40px; font-weight: 600; } span.review-number { font-size: 30px; color: rgb(6, 18, 87); font-weight: 600; } .rating-item h5 { color: rgb(6, 18, 87); font-size: 18px; margin-bottom: 0; } .review-icon path { fill: rgb(255, 127, 0); } .rating-item p { margin: 0; font-size: 14px; } .review-icon svg { width: 34px; height: 34px; } .rating-wrapper.d-flex { gap: 40px; } .present-number h3 { color: #061257; font-weight: 600; } .badgeslist-item { font-size: 12px; background-color: rgb(231, 240, 255); padding: 4px 8px; } .badge-text p { margin: 0; font-weight: 600; } .rating-wrapper .rating-item { margin-bottom: 0; } .rating-wrapper.d-flex { gap: 40px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedede; } .TaskerCard__Wrapper-box { background: #f9f3ef; } .TaskerCard__Wrapper-content { padding-right: 30px; padding-left: 20px; } .blog-img img { height: 250px; object-fit: cover; border-radius: 20px 20px 0px 0px; } .blog-img { margin-bottom: 20px; } .blog-box { background: #f9f3ef; padding-bottom: 25px; border-radius: 20px 20px 20px 20px; height: 480px; } .blog-content { padding-left: 20px; padding-right: 20px; } .blog-title a { color: #061257; font-size: 23px; text-decoration: unset; } .task-box .img-item img { height: 80px; border-radius: 4px; object-fit: contain; } /*end*/ /*23-11-2023 css start*/ .category-filter.box-wrapper { width: 700px; } /*end*/ /*06-12-2023 css start*/ .user-price-item h2 { margin: 0; } .offer-text p { margin: 0; } .offer-item .accpet-item { width: 24%; } .offer-item .accpet-item .chat{ width: 100%; max-width: 110px; text-align: center; } .offer-item .offer-text { width: 76%; } .profile-bg { height: 210px; border-radius: 8px; background-position: center; background-size: cover; } /*.avtar-img-item img { width: 135px; border-radius: 100px; }*/ .avatar-uploader { margin-top: -85px; padding: 0px 30px; } .more-options-wrapper { padding: 10px; background: #fff; border: 1px solid #ccc; } .avtar-detail-item { padding: 20px; } .avtar-detail-item .category-popup-item { text-align: left; } span.map-text { color: rgb(56, 65, 121); font-size: 18px; font-weight: 600; } .avtar-detail-item .user-text p { margin: 0; } .avtar-detail-item button.btn.category-btn { padding: 0; margin-top: 8px; outline: unset; border: 0; } .review-tab .tab-sec { background: #f4f7ff; padding: 20px; width: 50%; border-radius: 4px; float: right; } .review-tab a.nav-link.active { background: transparent; } .rating-content h4 { margin-bottom: 0 !important; font-size: 16px !important; } .rating-number-content .line-item { width: 40px; height: 3px; background: red; } .rating-content p { margin: 0; } .rating-progress-content h3 { font-size: 18px; color: #061257; } .progerss-filed { width: 80%; height: 7px; background: rgb(255, 127, 0); border-radius: 10px; } .rating-text h4 { margin: 0 !important; } .icon-wrapper span.item-icon { display: inline-block; width: 55px; margin: 0 auto; height: 54px; background: #f4f7ff; border-radius: 50px; font-size: 28px; padding: 7px; text-align: center; } .portfolio-btn-img img { width: 100px; border-radius: 4px; height: 70px; object-fit: contain; } button.btn.portfolio-btn-img { padding: 0; } .badge-text { margin-bottom: 20px; } .badge-text span { /* background-color: rgb(230, 231, 238); */ padding: 10px 20px; color: #061257; font-size: 17px; display: inline-block; border-radius: 30px; list-style: none; } .review-tab-wrapper .tab-sec { float: unset; } .review-tab-wrapper .tab-sec { background: transparent; } .review-tab-wrapper select.custom-field { width: auto; } .review-content a { text-decoration: unset; display: inline-block; color: #1d1257; font-size: 18px; font-weight: 600; } section.bottom-profile-contant { border-top: 1px solid #ccc; } /*end*/ /*07-12-2023 css start*/ .user-btn a { background: #f4f7ff !important; color: rgb(10, 101, 252) !important; font-weight: 500; } .top-text p { color: rgb(155, 160, 188); font-weight: 600; } p.descprtion-item { color: #000; font-weight: normal; } .upload-avtar-img button.file-btn { padding: 0; width: 40px; height: 40px; background: #f4f7ff; color: #fff; } .upload-avtar-img .photo-upload { width: 42px; position: absolute; opacity: 0; height: 42px; border-radius: 50px; cursor: pointer; left: 0; z-index: 999999; } .circle.upload-img { position: relative; top: 0; } .upload-avtar-img { position: absolute; left: 35px; top: 37px; /* display: none; */ } .upload-cover-img { position: relative; text-align: center; top: calc(50% - 10px); } .edit-option-btn { text-align: right; } .user-profile .container { position: relative; } .edit-option-btn button.edit-item { background: #ee4135; color: #fff; border: 0; padding: 8px 14px; border-radius: 50px; position: absolute; top: 50px; right: 0; } a.cancel { background: #ee41358a !important; font-weight: 500; display: inline-block; text-decoration: unset; padding: 9px 35px; border-radius: 50px; color: #fff; } button.sumbit { background: #ee4135 !important; font-weight: 500; display: inline-block; text-decoration: unset; padding: 9px 35px; border-radius: 50px; color: #fff; border: 0; } .profil-descprtion { position: relative; } /*end*/ /*skills css start*/ .bootstrap-tagsinput { margin: 0; width: 100%; padding: 0.5rem 0.75rem 0; font-size: 1rem; line-height: 1.25; transition: border-color 0.15s ease-in-out; } .label-info { display: inline-block; background-color: #636c72; padding: 0 .4em .15em; border-radius: .25rem; margin-bottom: 0.4em; } .bootstrap-tagsinput .tag [data-role="remove"]:after { content: '\00d7'; } .select-field .bootstrap-tagsinput { animation: auto ease 0s 1 normal none running none; margin: 0px; box-sizing: border-box; appearance: none; width: 100%; color: rgb(6, 18, 87); background-color: rgb(243, 243, 247); border: 1px solid rgb(243, 243, 247); padding: 16px; font-size: 19px; border-radius: 8px; outline: unset; } .select-field input[type="text"] { background: transparent; border: 0; color: rgb(6, 18, 87); font-size: 14px; font-weight: 500; outline: unset; } .grid-wrapper { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; } /*end*/ /* Custom */ .sort-text{ padding:0 8px; border-radius: 20px; } .sort-text:hover{ background-color: #EE4135 !important; color: #ffffff !important; cursor: pointer; } /* Custom */ /* 04 - Dec | Start |Bhupendra */ .help-sec { background-color: #f9f3ef; height: 300px; } .search-field { background-color: white; padding: 13px 20px; border-radius: 50px; /* background-color: #ee4135; */ } .search-field input { border: none; outline: none; width: auto; } .heading-two h2 { font-size: 60px !important; color: #ee4135; font-family: 'Roboto'; font-weight: 600; } .block-items a.card { border: 1px solid #ee4135; transition: all 0.2s; } .block-items a.card * { color: #ee4135; transition: all 0.2s; } .block-items a.card:hover { background-color: #ee4135; } .block-items a.card:hover * { color: white; } .articles-sec a { border-bottom: 1px solid #dedede; color: #ee4135 !important; } .articles-sec h2 { font-size: 22px !important; color: #ee4135 !important; } .foot-links a, .sec-tree a { color: #ee4135 !important; } .foot-links { border-top: 1px solid #dedede; color: #ee4135 !important; } .articles-sec a:hover, .sec-tree a:hover { text-decoration: underline !important; text-decoration-thickness: 1px !important; } .profile-sec .bg-img { height: 200px; background: #f9f3ef; border-radius: 50px; } .profile-sec .profile-pic { top: 135px; left: 25px; } .profile-sec .pp-wrap { width: 125px; height: 125px; border-radius: 50%; overflow: hidden; } .profile-sec .pp-wrap img { width: 100%; height: 100%; object-fit: cover; } .profile-sec .edit { display: inline-block; height: 50px; width: 50px; background-color: #f9f3ef; border: 2px solid #ee4135; color: #ee4135; vertical-align: middle; line-height: 50px; text-align: center; border-radius: 50%; top: 50%; right: -25px; transform: translateY(-50%); cursor: pointer; transition: all 0.2s; } .profile-sec .edit:hover { background-color: #ee4135; color: #f9f3ef; } .profile-sec .about-user h2 { font-size: 40px !important; color: #ee4135; } .row:has(.about-user) { top: 90px; } /* 04 - Dec | End */ /*13-12-2023 css start*/ .meta-data { color: #ef413b; font-size: 15px; display: inline; list-style: none; } /*end*/ /* 06 - Dec | Start | Navjot | Search Filter */ h2.h2 { font-size: 40px !important; font-weight: 600 !important; color: rgb(6, 18, 87); margin-bottom: 16px !important; } ul.search-ul { position: absolute; background-color: #f3f3f7; border-radius: 10px; width: 14%; } .search-form-item ul.search-ul { padding: 20px !important; z-index: 999; border: 1px solid; width: 15%; list-style: none; } .search-form-item ul.search-ul li a { color: #000; text-decoration: none; padding: 4px 0px; display: inline-block; } li.search-li { list-style-type: none; margin-left: -20px; position: relative; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; } .search-form-item li.search-li { margin-left: 0 !important; } a.search-li-a { text-decoration: none; color: #EF4238; } button.navbar-toggler { color: #fff; font-size: 30px; border: 1px solid #fff; } /* 06 - Dec | End */ /*11-01-2024 css start*/ section.service-sec { width: 70%; margin: 0 auto; } .service-bg { background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 20px; padding: 70px 0px; } .baner-heading-wrapper h1 { color: #fff; /*font-size: 75px;*/ font-size: 50px; font-weight: 900; } .overlay-item { position: absolute; width: 100%; height: 100%; background: #0000008c; top: 0; border-radius: 20px; } .baner-heading-wrapper p { color: #fff; /* font-size: 30px; */ font-size: 16px; line-height: 28px !important; margin-top: 16px; } .list-box { margin-left: 80px; background: #fff; padding: 25px; border-radius: 25px; } ul.baner-list { padding: 0; } .list-box h2 { margin-bottom: 20px; color: rgb(6, 18, 87); font-size: 30px !important; font-weight: 600; } .list-text p { margin: 0; color: #061257; font-weight: 500; font-size: 17px; } .right-icon { width: 6%; } .site-btn-item a.site-btn { margin: 0; background: #000; color: #fff; padding: 8px 20px; border-radius: 50px; display: inline-block; font-size: 17px; } .grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } .icon-text h4 { font-weight: normal !important; line-height: 32px; margin: 0 !important; } .ipSvmf { padding: 8px; position: absolute; bottom: 0px; transform: translateY(100%); left: 6px; background-color: rgb(56, 65, 121); border-radius: 4px; display: none; z-index: 2; width: 150px; } .gouNnd { color: rgb(255, 255, 255); font-size: 14px; font-weight: initial; line-height: 20px; letter-spacing: 0.25px; overflow-wrap: break-word; word-break: break-word; text-decoration: initial; text-align: initial; vertical-align: initial; font-style: initial; white-space: initial; margin: 0px; padding: 0px; } .phone-icon-box { position: relative; width: 50px; } .ipSvmf::after { content: ""; display: block; position: absolute; top: -3px; height: 10px; width: 10px; background-color: rgb(56, 65, 121); left: 6px; border-radius: 2px; transform: rotate(45deg); } .phone-icon-box:hover .TopTaskers__PopOut-sc-7h2mys-3 { display: block; } .link-box-wrapper a.link-box { background: #fff; display: inline-block; padding: 25px; border-radius: 8px; } .user-item-field img { width: 100%; border-radius: 100%; } .user-info h4.user-name { margin-bottom: 6px !important; } .link-box-wrapper a.link-box { background: #fff; display: inline-block; padding: 25px; border-radius: 8px; text-decoration: unset; color: #000; } .user-info p.user-loc { margin: 0; } .user-item-field { margin-bottom: 20px; } .review-box-item path { fill: rgb(255, 127, 0); } p.revire-number { color: rgb(255, 127, 0); } .user-content-item h5 { color: rgb(6, 18, 87); } .phone-icon-box img { width: 50px; } .request-btn-item button.request-btn { width: 100%; background: #d9dadd; border: 0; padding: 12px; color: #061257; font-size: 18px; font-weight: 500; border-radius: 50px; } .section-bg { border-radius: 20px; } .recent-box { border-radius: 8px; } .recent-content { width: 85%; } .top-recent-content .recent-img { width: 15%; } .recent-img img { border-radius: 100%; } .top-recent-content.d-flex.mb-4 { align-items: start; } .text p { margin: 0; } .avarege-text .aveg-text { display: inline-block; width: 100%; margin-bottom: 20px; color: #061257; text-decoration: unset; font-size: 25px; font-weight: 600; line-height: 33px; } .img-content h3 { color: #061257; font-size: 25px; font-weight: 600; } .count-box { background: #f9f3ef; padding: 30px; border-radius: 8px; } .count-box h3 { color: #061257; font-size: 40px; font-weight: 600; } .count-box p { color: #061257; margin: 0; font-size: 20px; font-weight: 500; } .content-item-sec { padding-right: 70px; } .content-item-sec p { font-size: 16px; line-height: 30px !important; color: #061257; } .icon-flex-box { display: flex; gap: 10px; } .icon-contetn h3 { color: #061257; font-size: 25px; } .link-list-box { background: #f9f3ef; padding: 30px; border-radius: 8px; } .link-list-box h4 { font-size: 25px !important; } .link-list a { color: #061257; text-decoration: unset; font-size: 18px; } .link-list li { list-style: none; margin-bottom: 10px; } .link-list li:last-child { margin: 0; } ul.link-list { padding: 0; margin: 0; } .suggested-img a.link-img { display: inline-block; width: 100%; } ul.suggested-wrapper { display: flex; width: 100%; padding: 0; margin-top: 30px; gap: 20px; } ul.suggested-wrapper { display: flex; padding: 0; margin-top: 30px; gap: 20px; width: 2000px; } li.suggested-item { list-style: none; } .link-img img { width: 100%; border-radius: 8px; } .suggested-img { margin-bottom: 20px; } .suggested-text h2 a { color: #061257; font-size: 25px; text-decoration: unset; display: inline-block; margin-bottom: 15px; font-weight: 600; } a.read-text { font-size: 20px; } .suggested-scrol-box { overflow-x: scroll; } .descprtion-content p { font-size: 18px; color: #061257; } .descprtion-content h5 { color: #061257; font-size: 25px; } .review-price p { color: #061257; font-size: 22px; line-height: 30px !important; margin-bottom: 20px; font-weight: 600; } .recent-price h4 { font-size: 25px !important; } ul.review-icon-list { padding: 0; } .review-icon-list li { list-style: none; display: inline-block; margin-right: 10px; } .review-icon-list li span { color: #061257; font-size: 15px; } .review-icon-list li span:first-child { margin-right: 2px; } img.second-img { margin-left: -10px; } .reviews-img { width: 21%; } .review-content-item { width: 79%; } .review-bottom-sec { align-items: start; margin-top: 20px; } .five-star path { fill: rgb(255, 127, 0); } .five-star { margin-bottom: 6px; } .country-text p { margin: 0; font-size: 21px; color: #061257; } .country-item .country-img { width: 20%; } .country-item .country-text { width: 80%; } .reviews-img img { width: 40px; border-radius: 50px; } /*end*/ /* 12-01-2024 */ .color-rating { font-size: 20px; color: #FF7F00; } .uncolor-rating { color: #b9b1b1; } span.star-text { position: absolute; top: 74px; left: 0; right: 0; color: #fff; font-size: 18px; font-weight: 900; } .star-item { position: relative } /* 12-01-2024 Ashish Sir */ .grid-three { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .top-content-item { padding-bottom: 50px; } .location-link { margin-right: 70px; margin-top: 25px; } ul.link-item { padding: 0; } .link-item li { list-style: none; margin-bottom: 15px; } .link-item a { display: inline-block; width: 100%; color: #061257; text-decoration: unset; font-size: 18px; font-weight: 600; } .link-item a span.right-arrow { display: none; } .link-item a:hover { background: #06125740; padding: 10px; color: #061257; border-radius: 50px; } .link-item a:hover span.right-arrow { display: block; } .top-content-item h1 { color: #061257; font-size: 65px; font-weight: 600; } .top-content-item h4 { font-size: 30px !important; } .top-heading a { color: #061257; text-decoration: unset; } .link-text-medium a { font-size: 20px; text-decoration: unset; } /* 17-01-2024 css start */ .badgeslist-item .badge-text { margin: 0; } .TaskerCard__Wrapper-box .img-wrapper img { height: 511px; object-fit: cover; } .task-box .img-box.d-flex { align-items: start; } .day-check-box .time-text { width: 100%; text-align: center; } .notification-filed .user-img { width: 5%; } .not-descprtion { width: 65%; } /* end */ /*18-01-2024 css start*/ .help-sec h2.text-center { margin-bottom: 25px; } .trust-list .icon svg { width: 26px; position: relative; top: -3px; } .left-small-space { padding-left: 40px; } .right-small-space{ padding-right: 40px; } .category-item .two-grid { gap: 0px; } .list-img img { height: 240px; object-fit: cover; } /*end*/ @media(max-width:1024px){ .form-wrapper.form-box { width: 100% !important; } } @media(max-width:767px){ .form-wrapper.form-box { width: 100% !important; padding: 35px 20px; } .left-small-space { padding-left: 12px; } .right-small-space{ padding-right: 12px; } .icon-btn a { width: 88% !important; } } @media(max-width:1024px){ .left-menu { width: 100%; padding-left: 0; text-align: left; } ul.navbar-nav.me-auto.mb-2.mb-lg-0 { text-align: left; } li.nav-item { display: block; } .header-btn-item a.nav-link { display: inline-block; } div#navbarSupportedContent { position: absolute; width: 74%; right: -35px; top: 90px; background: #ee4135; z-index: 999; padding: 27px 25px; } .right-menu { text-align: left; } .column-reverse { flex-direction: column-reverse; } .turstpilot-sec .right-item { text-align: center; } .trust-img { margin-top: 10px; } .turstpilot-sec ul.trust-list { text-align: center; } .TaskerCard__Wrapper-content { padding-right: 20px; padding-left: 20px; } .copy-right-text { text-align: center; } ul.social-icon { margin-top: 15px; text-align: center; } .article-sec .text-right { text-align: left; } .blog-img img { height: 350px; } .blog-descprtion p { font-size: 20px; } .top-searchber .content_navbar { display: block; } .drop-down-item a.dropdown-toggle { padding-left: 0; } .drop-down-item li.button-dropdown { margin-bottom: 11px; } .drop-down-item ul.nav { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } a.dropdown-toggle.PillButton.active.show-box { padding-left: 13px; } .box-wrapper { margin-top: 52px; left: -16px; width: 360px !important; } .category-item .two-grid { grid-template-columns: repeat(1, 1fr); } .check-item label { font-size: 17px; } .button-wrapper .btn-item { margin-bottom: 10px; } .filter-box label.InputWrapper { padding: 7px; } .inner-reply.ms-5 { margin-left: 0 !important; } .reply-item-form .btn-item .form-btn { padding: 8px 30px; } span.task-text { padding: 3px 7px; font-size: 14px; } .form-item-field { width: 100%; margin: 0 auto; } #msform fieldset { padding: 20px 0px; } .day-check-box .time-text { width: 100%; text-align: center; } .heading-one h1 { font-size: 50px; } .left-space { padding-left: 12px; } .right-space { padding-right: 12px; } .left-right-content-item { text-align: center; } img.img-desp-inside { height: 85px; } .faq-wrapper { width: 100%; } section.coverd-item.section-wrapper { padding: 0; } .coverd-item .img-wrapper.text-right { text-align: center; } .text-wrapper.box-link-item { width: 100%; } img.img-desp-inside { height: 85px; } section.tab-sec.section-wrapper { padding-bottom: 0; } .block-items .row { gap: 15px; } .heading-two h2 { font-size: 40px !important; } .account-left-item { width: 56%; margin-bottom: 25px; } .notification-filed .user-img { width: 8%; } .account-page-content.fix-content { padding-right: 0; height: auto; overflow-y: unset; } .profile-complete.pb-100 { padding-bottom: 40px; } .review-tab .tab-sec { width: 86%; } .avtar-detail-item h2 { font-size: 30px !important; } .responsive-text h3 { text-align: center; } .form-wrapper.form-box { width: 100% !important; } .service-sec .row.align-items-center.column-reverse { flex-direction: unset; } } @media(max-width:767px){ .left-menu { width: 100%; padding-left: 0; text-align: left; } ul.navbar-nav.me-auto.mb-2.mb-lg-0 { text-align: left; } li.nav-item { display: block; } .header-btn-item a.nav-link { display: inline-block; } div#navbarSupportedContent { position: absolute; width: 74%; right: -11px; top: 90px; background: #ee4135; z-index: 999; padding: 27px 25px; } .baner-bg { padding: 40px 25px; border-radius: 30px; } .heading-one h1 { font-size: 21px; } .baner-content p { font-size: 20px; } .trust-list .icon-text { font-size: 12px; } .icon i { font-size: 13px; } .trust-list li { margin-right: 0px; } .second-content h2 { font-size: 21px !important; } .task-box .two-grid { grid-template-columns: repeat(1, 1fr); } .heading-two h3 { font-size:21px; } .review-name h3 { font-size: 21px; } .TaskerCard__Wrapper-content { padding-right: 15px; padding-left: 15px; } .TaskerCard__Wrapper-box .img-wrapper img { height: 340px; } .column-reverse { flex-direction: column-reverse; } .mobile-btn { display: block; } .mobile-btn .site-btn { display: inline-block; margin-bottom: 10px; width: 100%; text-align: center; padding: 16px; font-size: 18px; } .responsive-pt-0 { padding-top: 0; } .article-sec .text-right { text-align: left; } .footer-bg { padding: 50px 20px; padding-bottom: 20px; } ul.social-icon { margin-top: 25px; text-align: center; } .copy-right-text p { text-align: center; } .footer-top-item .col { width: 100%; } .top-searchber .content_navbar { display: block; } .drop-down-item a.dropdown-toggle { padding-left: 0; } .drop-down-item li.button-dropdown { margin-bottom: 11px; } .drop-down-item ul.nav { display: inline-block; } a.dropdown-toggle.PillButton.active.show-box { padding-left: 13px; } .box-wrapper { margin-top: 52px; left: -16px; width: 360px !important; } .category-item .two-grid { grid-template-columns: repeat(1, 1fr); } .check-item label { font-size: 17px; } .button-wrapper .btn-item { margin-bottom: 10px; } .filter-box label.InputWrapper { padding: 7px; } .inner-reply.ms-5 { margin-left: 0 !important; } .reply-item-form .btn-item .form-btn { padding: 8px 30px; } span.task-text { padding: 3px 7px; font-size: 14px; } .form-item-field { width: 100%; } #msform fieldset { padding: 20px 0px; } .date-item .three-item { grid-template-columns: repeat(1, 1fr); } .date-item .input-field { margin-bottom: 0px; } .date-item label { margin-bottom: 20px; margin-top: 20px; } .day-check-box .time-text { width: 100%; text-align: center; } .day-check-box .four-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; } .day-check-box label.InputWrapper { margin-bottom: 0; } #msform .action-button-previous { width: 43%; } .skills-bg { padding: 0px 10px; } .heading-item h3 { font-size: 21px; } .bg-item { padding: 45px 10px; } .faq-bg { padding: 30px 20px; } .service-bg { padding: 30px 0px; } section.service-sec { width: 100%; padding: 20px 15px; } .text-box:first-child { display: none; } .descprtion-item p { font-size: 17px; } .marker-map { height: 500px !important; } .taskcard-sec { margin-top: 20px; padding-left: 15px; padding-right: 15px; } .taskcard-sec .two-grid { grid-template-columns: repeat(1, 1fr); } .task-media-popup { text-align: left; } .edit-task-option .two-grid { grid-template-columns: repeat(2, 1fr); } .faq-wrapper { width: 100%; } section.coverd-item.section-wrapper { padding: 0; } .coverd-item .img-wrapper.text-right { text-align: center; } .text-wrapper.box-link-item { width: 100%; } img.img-desp-inside { height: 85px; } section.tab-sec.section-wrapper { padding-bottom: 0; padding-top: 0; } .account-left-item { margin-right: 0; margin-bottom: 20px; width: 100%; } .notification-filed .user-img { width: 15%; } .not-descprtion { width: 60%; } .password-item { text-align: center; width: 100%; margin: 0 auto; padding-top: 40px; } .dropdown-box select#payment { width: 100%; } .text-left h3 { text-align: center; } .text-left { text-align: center !important; } .review-tab .tab-sec { width: 100%; padding: 12px; } button.btn-item { padding: 8px 30px; } .notifications-box .noti-content { margin-bottom: 20px; } .skills-form .d-flex.flex-wrap { display: block !important; } .skills-form .col-3 { width: 100% !important; } .number-list li { display: flex; } ol.number-list { padding: 0; margin: 0; } .second-content p { font-size: 17px; } .icon-content p { margin: 0; } .badgeslist.three-grid.mb-4 { grid-template-columns: repeat(1, 1fr); } .edit-task-option h4 { margin: 0 !important; font-size: 17px !important; } .taskcard-sec h4 { margin-bottom: 5px !important; } .text-popu-item.pt-20.pb-20.d-flex { padding-top: 0; padding-bottom: 0; } .drop-down-item button.dropbtn { width: 100% !important; text-align: center; } .drop-down-item .dropdown { width: 100%; text-align: center; } .footer-content { text-align: center; } .form-wrapper.form-box { width: 100% !important; margin: 0 auto; padding: 50px 30px !important; } .icon-btn a { width: 88% !important; } .baner-heading-wrapper h1 { font-size: 21px; } .grid-5 { display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px; } .list-box { margin-left: 0; background: #fff; padding: 25px; border-radius: 25px; } .img-box-sec .img-box-item { border: 1px solid #dedede; padding: 15px; text-align: center; } .count-sec .count-box.text-center { margin-bottom: 15px; } .image-box-wrapper { margin-bottom: 30px; } section.pt-70.pb-70.count-sec { padding-top: 0; } section.pt-70.pb-70.content-sec { padding-top: 0; } section.section-wrapper.faq-sec.pt-50.pb-50 { padding-top: 0; } .content-item-sec { padding-right: 0; } .content-item-sec ol ol, ol ul, ul ol, ul ul { margin-bottom: 15px; } .link-box-wrapper a.link-box { width: 100%; } .content-sec .row { margin-left: auto !important; } .content-sec .row ul { padding-left: 33px; } p.loaction-text { font-size: 17px; } h1, h2, h3, h4, h5, h6 { font-size: 21px !important; } .blog-box { height: auto; } } .content-sec .row ul { padding-left: 40px; }