:root{--blue:#00A0FF;--black:#000;--white:#fff;--darkblue:#131B5F;--gray:#F3F7FF;--orange:#131B5F;--red:#b60a0a;--green:#13bfa6;--red:#e23e3d;} .users img{max-width: 160px !important;} body{background:var(--white);font-family: 'Roboto', sans-serif; font-size:15px;} .slick-slide img{width: auto;height: auto;padding: 0;border-radius: 10px;background-color: rgba(255, 255, 255, 0.05);box-shadow: none;margin: 0 auto;} .slick-slide {margin: 0;} span#openUserDetail {cursor: pointer;} .cursor-pointer {cursor: pointer;} .form-step {flex-direction: column;display: flex;justify-content: space-between;} a{color: var(--blue);} .nav-link{color: var(--blue);} .header-right-icons .nav-link.icon{color: var(--blue);} .custom-radio .custom-control-input:checked~.custom-control-label::before{background-color: var(--blue);border-color: var(--blue);} .side-menu .side-menu__icon{color: var(--dark-blue);} a:hover {color: var(--orange);} .hor-content .container, .hor-header .container, .horizontal-main.hor-menu .container{max-width:1280px;} form-control:disabled,.form-control[readonly]{background-color: transparent;} .bg-gray{background:var(--gray) !important;} .bg-orange{background:var(--orange);} .bg-blue{background:var(--blue);} .bg-darkblue{background:var(--darkblue);} .input-group .btn {position: relative;z-index: 2;border-color: #f3f7ff;background: #f3f7ff;color: var(--darkblue) !important;} .input-group .btn.text-white { color: #fff !important;} .wm100{min-width:100px;} .wm130{min-width:130px;} .select2-selection__rendered{display: block;width: 100%;padding: 0.475rem 0.75rem;font-size: 0.875rem;font-weight: 400;line-height: 1.5;color: #4d5875;background-color: #fff; background-clip: padding-box;border: 1px solid #e9edf4;border-radius: 7px; font-size:12px;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} .text-bl{color:var(--blue) !important} .text-bd{color:var(--darkblue) !important;} .text-or{color:var(--orange) !important;} .text-red{color:var(--red);} .text-gr{color:#8488AC;} .text-gray2{color:#667085;} .text-g{color:#0f5132;} .alpha-list {list-style: lower-alpha; margin-left: 20px;} .alpha-list li{margin-bottom:20px;} ul.alpha-list b {font-weight: 900;} ol.list-numerical {counter-reset: item;} ol.list-numerical li {display: block;position: relative;margin-bottom:10px;} ol.list-numerical li:before {content: counters(item, ".")".";counter-increment: item;position: absolute;margin-right: 100%;right: 10px;} ol.list-numerical b{font-weight:900;} ul.list-none li:before {display: none;} ul.list-none li {margin-bottom: 10px;} .list-mb li {margin-bottom: 10px;} .tab-content i, .tabs-menu2 ul li .active {color: rgb(17 112 228);} .btn-info{background: var(--darkblue) !important; border-color:var(--darkblue);} .f-oswald{font-family: 'Oswald', sans-serif;} .f-roboto{font-family: 'Roboto', sans-serif;} /*.uppercase{text-transform:uppercase;}*/ .rounded10{border-radius:10px;} .rounded20{border-radius:20px;} .rounded40{border-radius:40px;} .rounded100{border-radius:100px;} .rounded150{border-radius:100px;} .rounded200{border-radius:100px;} .fw-100{font-weight: 100;} .fw-200{font-weight:200;} .fw-300{font-weight:300;} .fw-400{font-weight:400 !important;} .fw-500{font-weight:500;} .fw-600{font-weight:600;} .fw-700{font-weight:700;} .fw-800{font-weight:800;} .fw-900{font-weight:900;} .p-20{padding:40px;} .p-30{padding:40px;} .p-40{padding:40px;} .p-50{padding:50px;} .p-60{padding:60px;} .p-70{padding:70px;} .more{display:none;} #show1{display:none;} #show2{display:none;} #show3{display:none;} #show4{display:none;} #show5{display:none;} .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: rgb(0 160 255);} h1.page-title {font-size: 64px;text-transform: uppercase;font-weight: 700;font-family: 'Oswald', sans-serif;color: var(--darkblue);} h2{font-size:32px; font-family: 'Oswald', sans-serif;color: var(--darkblue); font-weight:bold;} h3{font-size:24px; font-family: 'Oswald', sans-serif;color: var(--darkblue); font-weight:bold;} .header.sticky.hor-header {position:fixed; z-index:9999; top:0; box-shadow: 0 0 10px #00000010; -webkit-transition:all .4s;transition:all .4s;-o-transition:all .4s;} .stikyTag .header.sticky.hor-header{position:fixed;-webkit-transition:all .4s;transition:all .4s;-o-transition:all .4s;} .replybottom .uploadfile {width: 24px;height: 30px;overflow: hidden;position: relative;} .replybottom .uploadfile .bi {font-size: 24px;} .uploadfile input[type="file"] {position: absolute;top: 0;cursor: pointer;opacity: 0;left: 0px;width: 100%;} .sendbtn {display: flex;align-items: center;gap: 10px;} .imgList {display: flex;flex-wrap: wrap;gap: 10px;} .listImg {display: flex;flex-wrap: wrap;} .replybottom {display: flex;align-items: self-start;justify-content: end;} .btn-xxl{font-size:18px; font-weight:500;padding:16px 20px 16px 32px; } .btn-xl{font-size:14px; font-weight:500; padding:10px 20px 10px 32px; } .btn-xl:hover{opacity:0.9;background: var(--darkblue);} .btn-or{background:var(--orange); color:var(--white);} .btn-or:hover{opacity: 0.8;background:var(--orange); color:var(--white);} /* header */ .header-brand-img {max-width: 200px;font-size:36px; font-weight:500; line-height:50px; color:var(--blue);} .header-brand-img span{color:var(--darkblue);} .header-brand-img sup{color:var(--darkblue);} .ps {overflow: hidden !important;overflow-anchor: none;-ms-overflow-style: none;touch-action: auto;-ms-touch-action: auto;} sup.f-roboto.tm.fs-11 {position: relative;top: -20px;right: 3px;} .form-control{height:40px !important;font-size: 14px;border: 1px solid #00000026;} form .select2-container .select2-selection--single {height:40px !important; border-radius: 0 7px 7px 0px !important; font-size: 12px;} .horizontal .side-menu>li>a{font-family: 'roboto', sans-serif; color:var(--darkblue); font-size:16px; font-weight:500;} .horizontal .side-menu>li>a.active{color:var(--blue);} .light-menu .side-menu__item:hover .side-menu__icon, .light-menu .side-menu__item:focus .side-menu__icon, .light-menu .side-menu__item.active, .light-menu .side-menu__item:hover, .light-menu .side-menu__item:focus{color:var(--blue);} .side-menu__item:hover .side-menu__icon, .side-menu__item:hover .side-menu__label, .side-menu__item:focus .side-menu__icon, .side-menu__item:focus .side-menu__label { color: var(--blue);} .header{border:0;} .login ul li a{font-family: 'roboto', sans-serif; color:var(--blue); font-size:16px; font-weight:500;} .login ul li.active a{color:var(--orange)} .header-light.light-menu .app-sidebar{position: relative;} .horizontal .hor-header .container, .horizontal .horizontal-main .container, .horizontal .horizontal-content .container{max-width:1280px !important;} /* header */ .container{max-width:1280px;} /* Slider */ .slderSection h1{ color:var(--darkblue);font-weight:700;font-family: 'Oswald';} .slderSection h1 span{color: var(--blue);} section.slderSection {margin-top:20px;padding-bottom: 50px;} .slidecaerd {position: relative;width: 100%;height: 100%;} .c-slide-1{ position:absolute; top:-75px;} .c-slide-1 .name{right:-72px;} .c-slide-2{ position:absolute; top:75px; right:0;} .c-slide-2 .name{right:0px;bottom: -100px;} .c-slide-3{ position:absolute; bottom:-75px;} .c-slide-3 .name{left:72px; top: -72px;} img.vector {position: absolute;right: 0; z-index: 1;} .slidecaerd .name{position: absolute;} .cat-itemslist {display: flex;gap: 10px;} .fs-64{font-size:64px;} .fs-56{font-size:56px;} .fs-26{font-size:26px;} .fs-28{font-size:28px;} .fs-30{font-size:30px;} .fs-32{font-size:32px;} .fs-34{font-size:34px;} .fs-36{font-size:36px;} .fs-40{font-size:40px;} .fs-42{font-size:40px;} .fs-48{font-size:48px;} .l-height-0{line-height:0;} .l-height-1{line-height:1px;} .l-height-2{line-height:2px;} .l-height-5{line-height:5px;} .l-height-10{line-height:10px;} .l-height-15{line-height:15px;} .l-height-18{line-height:20px;} .l-height-20{line-height:20px;} .l-height-25{line-height:25px;} .l-height-30{line-height:30px;} .l-height-32{line-height:32px;} .l-height-36{line-height:36px;} .l-height-40{line-height:40px;} .l-height-42{line-height:42px;} .l-height-46{line-height:46px;} .l-height-48{line-height:48px;} .l-height-52{line-height:52px;} .l-height-56{line-height:56px;} .l-height-66{line-height:66px;} .l-height-72{line-height:72px;} .l-height-60{line-height:60px;} .l-height-80{line-height:80px;} li.breadcrumb-item1 a { color:var(--orange);font-weight: 400;font-size: 16px;font-family: 'Roboto';} .breadcrumb-item1.active{color:#00a0ff;font-size: 16px;} /* Slider */ .radius20{border-radius:20px;} .top-footer img {width: auto;padding: 0;height: auto;border-radius: 0;} .top-sticky {position: sticky;top:100px;} /* Home page */ .card.bg-blue.rotetedForm{max-width:305px;transform: rotate(-24deg);position: relative;top: 50px; left: 50px;} .card.bg-blue.rotetedForm img.frame{position: absolute;right: -110px;top: -20px;transform: rotate(15deg);} .card.bg-blue.rotetedForm img.highlight_05{position: absolute;left: -39px;bottom: -45px;} .card.bg-blue.rotetedForm .form-control{border-radius: 20px;} .input-group-text.bg-white.text-bd {border-radius: 20px;} .h93vh {max-height: calc(100vh - 158px);overflow: auto;} .h86vh {max-height: calc(86vh - 158px);overflow: auto;} .taskscroll {max-height: calc(80vh - 10px);overflow: auto;} .taskscrollSide {max-height: calc(86vh - 10px);overflow: auto;} /* browse task */ .avatar{position: relative;width:55px; height:55px; min-width:55px;background: transparent; border-radius:100%;object-fit:cover; } .avatar img{object-fit:cover; border-radius:100%;width:55px; height:55px;} .avatar.xl{position: relative;width:70px; height:70px; min-width:70px; border-radius:100%;object-fit:cover;} .avatar.xl img{width:70px; height:70px; min-width:70px;border-radius:100%;object-fit:cover;} .avatar.sm{width:25px; height:25px; min-width:25px;border-radius:100%;object-fit:cover;} .avatar.sm img{width:25px; min-width:25px; height:25px;border-radius:100%;object-fit:cover;} .avatar.md{width:40px; min-width:40px; height:40px; min-width:40px;border-radius:100%;object-fit:cover;} .avatar.md img{width:40px; min-width:40px; height:40px;border-radius:100%;object-fit:cover;} .avatar.xl{width:70px; height:70px; min-width:70px;border-radius:100%;object-fit:cover;} .avatar.xl img{width:70px; height:70px;min-width:70px;border-radius:100%;object-fit:cover;} .avatar-list .avatar{ min-width: 2rem; width: 2rem; height: 2rem; line-height: 2rem; display: inline-block;position: relative; text-align: center;color: #fff;font-weight: 500; vertical-align: bottom; font-size: 0.875rem; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;} ul.task-list.updt:before{inset-inline-start: 25px;} ul.task-list.updt .avatar.md {width:25px;min-width:25px;height:25px;min-width:25px;} ul.task-list.updt .avatar.md img{width:25px;min-width:25px;height:25px;min-width:25px;} span.avatar.img-bg {border-radius: 50%;display: flex;align-items: center;justify-content: center;} .bg-unread {background:#e9e9f1;} .topspace{padding-top:100px;} .fillterbar {position: fixed;width: 100%;z-index: 9;top:78px;} span.avatar.img-bg {border-radius: 50%;display: flex;align-items: center;justify-content: center;} .detailbid .btn {background: var(--bluelight);border: 1px solid var(--gray);gap: 8px;font-size: 14px;} .detailbid {display: flex;flex-wrap: wrap;gap: 13px;margin-top: 30px;} .sublogo{max-width:230px;} .img-A, .img-G, .img-L, .img-R, .img-X {background: #6c5ffc;text-transform: uppercase;color: #fff;} .img-F, .img-B, .img-Z, .img-S, .img-J {background: var(--blue);text-transform: uppercase;color: #fff;} .img-K, .img-C,.img-l, .img-M, .img-N, .img-O, .img-P {background: #35b9a6;text-transform: uppercase;color: #fff;} .img-Q, .img-D, .img-I, .img-T, .img-U, .img-V {background: #e5a623;text-transform: uppercase;color: #fff;} .img-W, .img-E, .img-Y, .img-H {background: var(--orange);text-transform: uppercase;color: #fff;} .img-a, .img-g, .img-i, .img-r, .img-x {background: #6c5ffc;text-transform: uppercase;color: #fff;} .img-f, .img-b, .img-z, .img-s, .img-j {background: var(--blue);text-transform: uppercase;color: #fff;} .img-k, .img-c,.img-l, .img-m, .img-n, .img-o, .img-p {background: #35b9a6;text-transform: uppercase;color: #fff;} .img-q, .img-d, .img-t, .img-u, .img-v {background: #e5a623;text-transform: uppercase;color: #fff;} .img-w, .img-e, .img-y, .img-h {background: var(--orange);text-transform: uppercase;color: #fff;} .creattask .steps.clearfix{display:none;} .creattask .wizard>.content{padding:0; border-block-start:0;border-block-end:0;} .creattask .wizard{border:0;} .cursor{cursor:pointer;} div#timeschedule {display: flex;flex-wrap: wrap;align-items: center;column-gap: 10px;} div#timeschedule span.box {position: relative;text-align: center;cursor: pointer;display: block;overflow: hidden;width: auto;height: 100%;} #timeschedule input[type=radio] {display: none;} .textitem {background: var(--gray);position: relative;border-radius: 10px;overflow: hidden;padding: 10px;} #timeschedule input[type=radio]:checked+.checkbox-alias .textitem {background-color: var(--orange);color: var(--white);} .choosewhere .box .textitem {width: 100%;} .textitem .bi {font-size: 35px;} div#timeschedule span.box b {display: block;font-weight: 500;margin: 5px 0;} .uploadImg .uploadfile {position: relative;display: flex;align-items: center;overflow: hidden;border: 2px dashed #e9edf4;border-radius: 5px; padding: 0 15px;} .uploadfile input[type="file"] {position: absolute;top: 0;cursor: pointer;opacity: 0;left: 0px;width: 100%;} span.buttonfullfield {font-size: 36px;display: flex;width: 100%;color: #ada9a8; height: 50px; align-items: center; gap: 15px;} .one-line {overflow: hidden; display: -webkit-box;-webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;} .two-line {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;} .three-line {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;} .uploadfile p {margin: 0;font-size: 16px;color: var(--darkblue);} .chatSideFixed .mw-70{max-width: 200px;} .chatSideFixed .one-line{ white-space: normal;} .businssName .one-line{white-space: nowrap;} /* Footer */ .col-sm-3 a{transition: inherit;} .footer{color:#ffffffb3; font-size:15px;} .footer h3 {color:#fff;font-weight: 500;font-family: 'Oswald', sans-serif;text-transform: uppercase;font-size: 20px;} .footer p{color:#ffffffb3;font-size:15px;} .footer a:not(.btn){color:#ffffffb3;} .footer a{color:#ffffffb3;font-size:15px;border: 0;} .footer .top-footer a:hover{color:#fff !important; } .footer a:hover{color:#fff; } .footer .border-top{border-color:#ffffffb3 ;} .footer li span{font-size: 16px; border:1px solid transparent; display: block;line-height: 2;} .authpage{min-height:100vh; padding-top:100px;} img.logo-snp {max-width: 200px;display: block;margin: auto;margin-bottom: 20px;} .authpage .form-control { border-radius:40px; height: 50px;} .authpage .input-group-text.bg-white.text-bd {border-radius: 40px;font-size: 21px;} .login-social-icon span.bg-darkblue {background:#131b5f;font-family: 'Oswald', sans-serif; text-transform: uppercase;font-weight: 400;padding: 15px 30px;} .authpage .smo a{color: #131B5F;} /* cat */ .button-wrap.mt32 {display: flex;align-items: center;gap: 10px;} .button-wrap.mt32 input.form-control {border-radius: 50px; height: 55px;border:1px solid #00000026; padding-left: 25px;font-family: 'Oswald', sans-serif;} .bg-tag{background:#F3F7FF4D; color:#fff; font-size: 11px; font-weight: 400; font-family: 'roboto';} .button-wrap.mt32 .btn-xl{height:55px; display:flex; align-items:center;} .button-wrap.mt32 .input-group-text.bg-white.text-bd{border-radius:40px;} .m-top{margin-top:0px;} .panel-title1 a.faqbody{ line-height: 24px;background:#fff !important;color: var(--darkblue) !important;font-weight: 500;padding-right: 35px !important;border-bottom: 1px solid #e9edf4;border-radius: 0;} a.faqbody.collapsed{border-bottom:0;} .faqSec .panel.panel-default.mb-4{border-left: 3px solid #00a0ff;border-right: 3px solid #00a0ff; box-shadow: 0 0 5px #eeeeee9e;} .bg-grayd{background:var(--gray); border-radius: 20px !important;} .bg-grayd br{display:none;} .introSec h2 {font-size:34px;font-weight: 600;font-family: 'Oswald';color: var(--darkblue);} .introSec h6 {font-size:20px;font-weight: 600;text-transform: uppercase;font-family: 'roboto';color: var(--darkblue);} .introSec br {display: none;} .introSec {padding:50px 0;} /*.introSec:nth-child(odd){background:#fff;}*/ ul.ul-dote.mb-4 li{margin-bottom:20px; display:flex;} ul.ul-dote.mb-4 li:before { content: '';display: block; position: relative; width: 10px; height: 10px;background: var(--orange);border-radius: 50px; min-width: 10px; margin-right: 8px; top: 6px;} .description br { display: none;} img.radius20.fristImg { height: 100%; object-fit: cover; width:100%;} .counter-box {text-align: center;background:#fff;padding:15px; border-radius:20px;margin: 10px;} .item-notc {display: flex;justify-content: space-between;margin-bottom: 10px;} .item-notc h2 {font-size: 21px;} .btns {display: flex;gap: 20px;} .notification_settings .checkml {display:flex; justify-content:space-between; border-top:1px solid var(--gray); padding: 15px 5px; gap:10px} form.checkflex {display: flex; align-items: center; gap:35px;} form.checkflex span {display: flex;align-items: center; gap: 5px;} form.checkflex span span {display: none;} ul.unlist li {background: #00A0FF0F;padding: 15px;border-radius: 10px;display: flex;align-items: center;justify-content: space-between;color: #667085;font-size: 16px;font-family: 'roboto'; font-weight:400; margin-bottom:10px;} ul.unlist li small{color:var(--darkblue);} .blog br {display: none;} .card-img-top{height:224px; object-fit:cover;} img.card-img-top.h150{height:150px;} .blogarrow {position: absolute;right: 10px;top: 5px; font-size: 32px;color: var(--blue);} .tagsBx .tag {background: transparent;border: 1px solid #A8B5E5;border-radius: 20px;padding: 0px 30px;color: #A8B5E5;line-height: 18px;} .blogDetailSec br {display: none;} .blogDetailSec p{font-size: 18px; line-height:28px; color:#667085;} .blogDetailSec a{font-size: 18px; line-height:28px; color:#00a0ff;} .blogDetailSec a:hover{color:var(--orange);} .blogDetailSec li{font-size: 18px; line-height:28px; color:#667085; margin-bottom: 15px;} .blogDetailSec ul li:before{content:'\F135'; font-family:bootstrap-icons !important;} .blogDetailSec h2 {font-size: 30px;margin-bottom: 15px;} .container-body {margin-top: 40px;} .reletedblogs img.card-img-top {height:186px;} .reletedblogs .card {border-radius: 40px;overflow: hidden;} .commentForm input.form-control {height: 50px; border-radius: 10px;} .form-floating>.form-control {padding: 1rem;} /*home page*/ .announcement .icon img{max-height:60px;} .announcement{height:227px;margin-bottom: 100px;padding: 40px 60px;} .announcement img.announce{margin-top:-115px;} .myTabs .nav.panel-tabs a{font-size: 18px;font-family: 'Oswald', sans-serif; text-transform:uppercase; color: var(--darkblue);font-weight: 600;display: flex; align-items: center; gap: 5px;padding: 10px 20px;border-radius: 40px;} .myTabs .nav.panel-tabs a.active{background:var(--darkblue); color:var(--white);font-weight: 600;} ul.checkList li{margin-bottom:10px; position: relative;padding-left: 24px;} ul.checkList li:before{content:'\F633';font-family:bootstrap-icons !important;color: var(--blue);font-size: 15px;position: absolute;left: 0;top: 0;} .btn-secondary { color: #fff; background:var(--blue) !important;} .sameIteme{position:absolute;} span.cardItem01.sameIteme{transform: rotate(-10deg);} span.cardItem02.sameIteme {left:175px;top: -165px;} span.cardItem02.sameIteme img.name {position: absolute;right: -150px;top: 70px;} span.cardItem03.sameIteme {left:30px;top:115px;} span.cardItem03.sameIteme img.name {position: absolute;left:-132px;top:-48px;} span.cardItem04.sameIteme {left: -125px;bottom: -50px;} span.cardItem05.sameIteme {right:-45px;bottom:-130px;} span.cardItem05.sameIteme img.name {position: absolute;right:-24px;top:-65px;} span.cardItem06.sameIteme {right:96px; top: 115px;} .ownBoss{min-height: 555px;display: flex;justify-content: center;align-items: center;} .trending-areas li{margin-bottom:8px;} .trending-areas li a{font-size:18px; color:#8488AC; font-family: 'Roboto', sans-serif;} .min-height-500{min-height:600px;} .paymetRS{margin-top: 10px;margin-bottom: 10px;border-top: 1px solid #ffffff3d;padding: 15px 0;} .rating-stars.d-flex { font-size: 14px;} img.cat-btn {position: relative;top: -29px;} .trending-areas ul.nav.panel-tabs {border: 1px solid #eee;background: #F6F6F9;height: 90px;display: flex;align-items: center;justify-content: space-around;border-radius: 100px;box-shadow: 0 10px 15px 5px #131B5F0F; margin-bottom: 50px;} .trending-areas ul.nav.panel-tabs li {margin: 0;padding: 0 50px;border-right: 1px solid #BCBCBC;} .trending-areas ul.nav.panel-tabs li:last-child{border:0;} .trending-areas ul.nav.panel-tabs li a {font-size: 24px;color: #8488AC;} .trending-areas ul.nav.panel-tabs li a.active{color:var(--blue);} .sett.dropdown-toggle:after{display:none;} .formDrp{width:300px;} .showoffer .border-bottom:last-child{border-bottom:0 !important;} .custom-control-input:checked~.custom-control-label::before {color: #fff;background-color: var(--blue); border-color: var(--blue);} .open-btn:before{content: ''; display: block; width:8px; height:8px; border-radius: 50%;background:#A8B5E5;} .btn.offer{position: relative;display: flex;align-items: center;gap: 6px; color:#A8B5E5 !important;border:1px solid #A8B5E5 !important; font-weight: 600; text-transform: uppercase; font-size: 10px;padding: 0 10px !important;height: 17px;} .open-btn{position: relative;display: flex;align-items: center;gap: 6px; color:#A8B5E5;border:1px solid #A8B5E5;font-weight:500;font-size: 12px;font-family: 'Roboto'; padding: 0 10px;letter-spacing: 0.3px;white-space: nowrap;max-width: fit-content;} .open-btn.active:before{background:var(--green);} .open-btn.active{color: var(--green);border:1px solid var(--green);} .open-btn.assigned:before{background:#fff;} .open-btn.assigned{color: #fff;border:1px solid var(--green);background:var(--green);} .open-btn.hire:before{background:var(--green);} .open-btn.hire{color: var(--green);border:1px solid var(--green);} .open-btn.hire.active:before{background:#fff;} .open-btn.hire.active{color:#fff;border:1px solid var(--green);background:var(--green);} .open-btn.progres:before{background:#e5a623;} .open-btn.progres{color:#e5a623;border:1px solid #e5a623;} .open-btn.progres.active:before{background:#fff;} .open-btn.progres.active{color:#fff;border:1px solid #e5a623;background:#e5a623;} .open-btn.completed:before{background:#4AB9B1;} .open-btn.completed{color:#4AB9B1;border:1px solid #4AB9B1;} .open-btn.cancelled:before{background:#e82646;} .open-btn.cancelled{color:#e82646;border:1px solid #e82646;} .open-btn.cancelled.active:before{background:#fff;} .open-btn.cancelled.active{color:#fff;border:1px solid var(--orange);background:var(--orange);} .open-btn.danger:before{background:#e82646;} .open-btn.danger{color:#e82646;border:1px solid #e82646;} .open-btn.danger.active:before{background:#fff;} .open-btn.danger.active{color:#fff;border:1px solid var(--orange);background:var(--orange);} .open-btn.open:before{background:var(--blue);} .open-btn.open{color: var(--blue);border:1px solid var(--blue);} .open-btn.open.active:before{background:#fff;} .open-btn.open.active{color:#fff;border:1px solid var(--blue);background:var(--blue);} .input-group.search input.form-control {height: 60px;background: #F3F7FF;border-radius: 100px;} .input-group.search span.input-group-text.btn {background: #f3f7ff;color: var(--darkblue);font-size: 28px;border-left: 0;border-radius: 100px;height: 40px;border: 1px solid #e9edf4;} .w15{width:15px;} .label-success {background: #09ad95;color: #fff;} .material-switch>a {cursor: pointer;height: 0px;position: relative;width: 40px;display: inline-block;margin-block-end: 0.5rem;} .material-switch>input[type=checkbox]:checked+a::before {background: inherit;opacity: 0.5;} .material-switch>a::before {background: #76839a;box-shadow: inset 0px 0px 10px rgba(228, 229, 237, 0.5);border-radius: 8px;content: "";height: 16px;margin-block-start: -8px;position: absolute;opacity: 0.3;transition: all 0.4s ease-in-out;width: 40px;} .material-switch>a::after {background: white;border-radius: 16px;box-shadow: 0px 0px 5px rgba(228, 229, 237, 0.9);content: "";height: 24px;inset-inline-start: -4px; margin-block-start: -8px;position: absolute;inset-block-start: -4px;transition: all 0.3s ease-in-out;width: 24px;} .material-switch>input[type=checkbox]:checked+a::after {background: inherit;inset-inline-start: 20px;} section.section.catgrySlider {overflow: hidden;position: relative;} img.catSlideImg {width: 100%;height: 540px;object-fit: cover;position: absolute;top: 0;} .dropify-wrapper{padding: 0;} .dropify-wrapper:hover .dropify-message{z-index: 99;background: #0000005c; width: 100%; height: 100%;color: #fff;display: flex;align-items: center;justify-content: center;position: absolute;} .dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before {content: "\e800";color: #fff;} .dropify-wrapper input{z-index: 9999;} .dropify-wrapper .dropify-message span.file-icon{color:#fff;} .avatar.side{position: relative;} .avatar.side .uploadUimg { position: absolute; overflow: hidden;bottom: 0px;right: -5px;} .avatar.side .uploadUimg input[type="file"] { position: absolute; padding: 0; cursor: pointer; opacity: 0;height: 30px;} .avatar.side .uploadUimg .bi {font-size:24px; color:#00a0ff;} .uploadUimg.chat { position:relative; overflow: hidden;bottom: 0px;margin-right: 10px;} .uploadUimg.chat input[type="file"] { position: absolute; padding: 0; cursor: pointer; opacity: 0;height: 30px;} .uploadUimg.chat .fe {font-size:16px; color:#131b5f;} .taskfeedTab{position: relative;padding-top: 100px;display: flex;flex-wrap: wrap;justify-content: center;} .imgdrag .uploadfile {position: relative;display: flex;align-items: center; overflow: hidden; border: 2px dashed #e9edf4;border-radius: 0px;padding: 0 15px;} .imgdrag .uploadfile input[type="file"] {left: 0;width: 100%;height: 50px;} .imgcard { max-width: 150px;min-width: 150px;border-radius: 10px;object-fit: cover; background-size: cover !important;background-repeat: no-repeat !important;} .imgcard {max-width: 150px;min-width: 150px;border-radius: 10px;object-fit: fill; background-size: cover !important;background-repeat: no-repeat !important;} .licences.itemX.mt-4 input[type=radio] {display: none;cursor: pointer;} .licences.itemX.mt-4 label{width:100%;} .notification .notification-icon span {text-decoration: none; width: 18px; height: 18px;display: inline-block; border-radius: 50%; background: #fff;line-height: 10px;color: #fff;font-size: 14px;border: 3px solid var(--blue);transition: border-color 0.2s linear;} .d-flex.quoteBox input{height:50px;} .d-flex.quoteBox {max-width: 230px;} .button-wrap.mt32.w-100.mb-4.position-relative {z-index: 9;} .hide{display:none;} .hide.active{display:block;} .sort.active+.hide.sort,.sett.active+.hide.sett {display: block;position: absolute;background: #fff;width:auto;top: 65px;padding: 20px; box-shadow: 0 0 10px #00000021; border-radius: 10px;left:auto; right:0; z-index:9;} .hide.sort li a {color: #131b5f;padding: 5px;display: block;} .card-pay .tabs-menu li a.active{background: var(--blue);} .cat_tab{top:10px;} .mostpopular .slick-slide img{padding:0; width: 3rem; height:3rem;margin: 0;} .mostpopular .slick-slide {margin:5px;} .taskersSlide1 {margin-bottom: 80px;} .taskersSlide1:last-child{margin-bottom:40px;} .app-sidebar__toggle:after{color:var(--blue);} .app-sidebar__toggle{color:var(--blue);} .navresponsive-toggler span:after{color:var(--blue);} .dropdown-menu.tranform-none{transform: none !important;top: 20px !important;} .toggleElement.drp {position: relative;} ul.droplist {position: absolute;background: #fff;z-index: 999999;top: 20px;} ul.droplist li a {display: block;color: #000;font-size: 14px;white-space: nowrap;padding: 10px;} .main-content-app {height: calc(100vh - 125px);} .businssProfile {border-radius:0px;overflow: hidden;} .businessgallery .gallery{height:150px;object-fit: cover; border-radius: 10px;} .bisnessBanner img {width: 100%;height: 400px;object-fit: cover;} .bisnessBanner {margin-top: 70px;} .card.bsns {margin-top: -160px;} .cat-top {border-top: 1px solid #eee;padding-top: 50px;} #content {display: inline-block;white-space: nowrap;overflow: auto;width: 100%;transform: translateX(0); /* Initially, content is scrolled out of view to the right */ transition: transform 0.5s ease-in-out;} .content-visible {transform: translateX(100%); /* Scroll the content to the left when it's visible */} .addGallery img {max-width: 100px;border-radius: 5px;} .on-date .gj-datepicker {margin: 0 !important;position: absolute;background: #fff !important;} .on-date .input-group .btn{border-color: transparent;background: transparent;} .sett.dropdown-toggle:after{display:none;} .dropdown-menu.sett {width: 300px;padding: 20px;} span.side-menu__label.arrow {display: flex;align-items: center;} span.side-menu__label.arrow .bi {font-weight: 900; font-size: 28px;line-height: 0; overflow: hidden;} .horizontal .side-menu>li>a{padding: 16px 5px !important;} span.side-menu__label.arrow .bi-arrow-right-short::before {content: "\f135";left: 30px;position: relative;-webkit-transition: all .4s; transition: all .4s;} .horizontal .side-menu .slide .side-menu__item.active span.side-menu__label.arrow .bi-arrow-right-short::before{left:0;} .horizontal .side-menu .slide .side-menu__item:hover span.side-menu__label.arrow .bi-arrow-right-short::before{left:0;} .message-menu.message-menu-scroll.scrl {overflow: auto !important;} #openNave{display:none;} .productSlider .slider-nav-thumbnails .slick-slide{height:70px; object-fit: cover;} .productSlider .mainSlide img{height:450px;object-fit: cover;} .text-muted.targetDiv{max-height:100px;display: block; overflow: hidden;} .text-muted.targetDiv.active{max-height:inherit;} .notification .notification-body.bg-grayd{background:var(--gray);} .removeTextField {min-width: 35px;display: flex;justify-content: center;/* align-items: center; */cursor: pointer;width: 35px;height: 25px;border: 0; background: transparent;position: relative;top:7px;color: #898383;} .removeFaqField{min-width: 35px;display: flex;justify-content: center;/* align-items: center; */cursor: pointer;width: 35px;height: 25px;border: 0; background: transparent;position: relative;top: 7px;color: #898383;} /*#addFaqField{position: relative;top: -15px; cursor: pointer;display: table;width: 35px;height: 35px;}*/ span#addTextField {position: relative;top: -35px; cursor: pointer; display: table; width: 35px; height: 35px;} /*img.bisnessLogo {width: 160px; height:auto;object-fit: cover;border-radius:5px; min-width: 160px;border: 1px solid #cbcbcb6e; max-height: 120px;}*/ img.bisnessLogoL{width:100%;max-height: 120px; height:auto;object-fit: cover;} .bs-logo{width: 160px; height:120px;margin: auto;display: flex;align-items: center;justify-content: center;background: #ebe4e4;padding: 5px;border-radius: 10px;margin-bottom: 15px; position: relative;} /*.bisnessLogo {width: 100px;height: 100px;}*/ .nav.panel-tabs.bsnsTab {gap: 5px;} .bsnsTab a {display: block; padding: 10px;font-weight: 500; background: #f0efff;border-radius: 10px 10px 0 0;} .nav.panel-tabs.bsnsTab a.active {color: rgb(255 255 255);background: var(--blue);} span.ctBadge {position: absolute;font-size:10px;display: flex;width: 15px;height: 15px;overflow: hidden;justify-content: center; align-items: center;border-radius: 20px;top: 13px;right:-3px;font-weight: 600;color: var(--orange);} .bsnBtn {position: absolute;right: 32px;} span.fs-10.chatTime {min-width: 70px;text-align: right;} .input-group .select2-selection__rendered {border: 0 !important; background: transparent;line-height: 47px !important;} form .select2-container{width:100% !important;;} .trending-areas li a:hover{color: var(--orange);} #msgDisplayP{right:10px;z-index:9999;width:300px;background:#fff;position:fixed;bottom:10px;overflow:auto;max-height: 100%;} #msgDisplayP button.btn-close {position: absolute;top: 5px;right: 5px;} #notiMsg{right: 0;z-index: 9999;width: 300px;background: #fff;position: fixed; bottom:0;} #notiMsg .myNotify {right: 0;z-index: 9999;width: 300px;background: #fff;position: fixed; bottom:0;} #msgDisplayP .myNotify {right: 0;z-index: 9999;width: 300px;background: #fff;position: relative; margin-bottom: 5px !important; display: block;} .lg-toolbar.group {background: transparent;} .lg-toolbar.group a#lg-download {display: none;} .lg-sub-html {display: none;} img.lg-object.lg-image {background: #fff;padding: 8px; max-width:500px;width: 100% !important;} #pusherMsgNotificationHeader .myNotify .alert { background: #fff !important;border: 0; border-bottom: 1px solid #eee;border-radius: 0;} #pusherMsgNotificationHeader .myNotify button.btn-close { display: none;} #notificationPusherHeader .myNotify button.btn-close { display: none;} #notificationPusherHeader .myNotify .alert { background: #fff !important;border: 0; border-bottom: 1px solid #eee;border-radius: 0;} .progressSec{position: relative;min-height:auto;} .progressLeft{padding-left: 70px;} .progressItems {display: flex;align-items: center;margin-bottom: 5px;} .progressItems .progress {width: 100%;} .progressItems span {min-width: 100px;} .progressCstm {width: 100%;display: -ms-flexbox;display: flex;height: 0.5rem;overflow: hidden;font-size: 0.703125rem;background-color: #f6f6fb; border-radius: 7px;position: relative;} .progress-warning {background: #f7b731 !important;} .catgrySlider .bg-tag{border-radius: 20px;padding: 0px 15px;font-size: 15px;margin: 5px;} .bs-logo .uploadUimg {position: absolute;overflow: hidden;bottom: -9px;right:0px;} .bs-logo .uploadUimg input[type="file"] {position: absolute;padding: 0; cursor: pointer;opacity: 0; height: 30px;} .bs-logo .uploadUimg .bi { font-size: 24px; color: #00a0ff;} .businessgallery button.slick-prev {left:-23px;width: auto; z-index: 9;} .businessgallery button.slick-next{right:-23px;width: auto;} .businessgallery .slick-prev:before, .businessgallery .slick-next:before{ color: #00a0ff;} .paymentR .selectgroup-button {height: 45px;} .bsGallery .selectgroup-input:checked+.selectgroup-button {z-index: 1;background: transparent;border: 1px solid #1170e4; box-shadow:none;overflow: hidden;position: relative;} .bsGallery .selectgroup-input:checked+.selectgroup-button:before{content:'\F26C';font-family: bootstrap-icons !important; position: absolute; left: -2px;top: 0;font-size: 30px;color: #1170e4;} .bsGallery .selectgroup-button {max-width: 200px;height: 150px;overflow: hidden;} .bsGallery .selectgroup-button img{height: 130px;object-fit: cover;} div#imagePreview {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;} div#imagePreview img{height:50px;object-fit: cover;width:60px;border-radius: 10px; border: 1px solid #d3cccc;} .creattask div#imagePreview {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;padding:0px;background:#fff;} .creattask div#imagePreview div{height: 100px;object-fit: cover;width: 150px;position: relative;border-radius: 10px;overflow: hidden;} .creattask div#imagePreview div img{height: 100px;width: 150px;} .getfreeqt div#imagePreview {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;padding:0px;background:#fff;} .getfreeqt div#imagePreview div{height: 100px;object-fit: cover;width: 150px;position: relative;border-radius: 10px;overflow: hidden;} .getfreeqt div#imagePreview div img{height: 100px;width: 150px;} button.remove {border: 0;background:#00000087;position: absolute;right: 0;font-size:14px;color: #fff;width:18px;height:18px;line-height: 20px;} .imagePreview {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;padding:0px;background:#fff;} .imagePreview div{height: 100px;object-fit: cover;width: 150px;position: relative;border-radius: 10px;overflow: hidden;} .imagePreview div img{height: 100px !important;width: 150px !important;} div#chatpopup:before {content: '';display: block;width: 100%;height: 100%;background: #0f15493d;position: absolute;} .chatclose{font-size: 15px; right: 15px;} .gallery {display: flex;flex-wrap: wrap;gap: 10px;} .gallery img {width: 80px;height: 60px !important;object-fit: cover;border-radius: 5px;cursor: pointer;} .media .chatGallery img {width: auto;height: auto;max-width: 80%;border-radius: 10px;} .chat-right .chatGallery{text-align: right;} .dropify-wrapper .dropify-message{background: #0000005c;width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;} .bg-gray.topspace {min-height: 90vh;} .giveReview {padding: 10px;background:#e1dfff40; margin-top: 12px; border-radius: 10px;} .giveReview h4{font-size:16px; margin: 0;} .giveReview p{font-size:13px; margin-bottom:3px;} .giveReview span.rate {color: #f3e108;display: flex;gap:5px;} .editNots.active input.form-control {border: 1px solid #eee !important;padding: 3px 6px !important;border-radius: 0;} ul#chat_response_ul .media .media-body {max-width: 85%;margin-inline-start: 0;margin-inline-end: 0;} .main-chat-footer .form-control {margin: 0 10px;height:40px !important;} .editNots button.close{display: none;} .open{font-size: 12px;} .editNots.active .open{display: none;} .editNots .form-control{ background: #fff;} .rating{display: flex;align-items: center;justify-content: center;gap:5px;font-size: 32px;color: #c3bebe;} .rating .star:hover{color:#efdf06;} .rating .star input{display: none;} .rating .star input:checked+label{color: #f1d70d;} .form-label{font-weight:normal;} span#notificationCount2 {background: #d7d5f1;display: flex;color: #131b5f;font-weight: bold;min-width: 25px;height: 25px;border-radius: 20px; align-items: center;justify-content: center;margin-right: 5px;} .bg-primary {background: rgb(0 160 255) !important;} .btn-primary {color: #fff !important;background:rgb(0 160 255) !important;border-color:rgb(0 160 255) !important;} a.icon:hover {color: rgb(0 160 255) !important;} .creattask .input-group .select2-container .select2-selection--single{border-radius: 0 7px 7px 0px !important;height: 40px !important;} .card.gigslist .input-group .select2-container .select2-selection--single{border-radius: 0 7px 7px 0px !important;height: 40px !important;} .alertform .select2-container .select2-selection--single{border-radius:0px !important;height: 40px !important;} .alertform .catShowBtn{border-radius: 0 7px 7px 0px !important; min-width: 150px;} .main-chat-list .media.new:hover{background:#e1dfff87 !important;} .main-chat-list .media.new{border-radius: 10px; margin-bottom: 7px !important;} .main-chat-list .media.new.activeChat {background: #e1dfff87;} .chatSideFixed .main-chat-list .media-body {margin-inline-start: 6px;} .chatSideFixed .main-img-user{width:40px; height:40px;} .main-chat-list .media-body .chatMassage p{font-size: 10px;} .main-chat-list .media-body .chatMassage{font-size: 10px;} textarea#messages {padding: 12px 10px;} ul.side-menu.sideNave li a {font-size: 14px;} .selectCard .select2-selection__rendered{font-size: 14px;} .select2-results__option[aria-selected] {font-size: 14px;} .slide-item.active, .slide-item:hover, .slide-item:focus{ color:var(--blue) !important;} .light-menu .slide-menu li.active>a, .light-menu .slide-menu li:hover>a {color:var(--blue) !important;} .side-menu__item.active .side-menu__icon {color:var(--blue) !important;} div#searchResults{position: absolute;max-height: 195px;overflow: auto;background: #fff;z-index: 9;box-shadow: 0px 5px 10px #00000030;padding:0px;left: 17px;top: 74px; width: 95%;} div#searchResults li {padding: 5px 10px;font-size: 14px;cursor: pointer;} div#searchResults li:hover {background: #eee;} fieldset{position:relative;} .searchR div#searchResults ul{left: 0;top: 63px;right: 0;} #searchLocations{position: absolute;max-height: 195px;overflow: auto;background: #fff;z-index: 9;box-shadow: 0px 5px 10px #00000030;padding:0px;left:15px;top:70px;right: 0;} div#searchLocations li {padding: 5px 10px;font-size: 14px;cursor: pointer;} div#searchLocations li:hover{background: #eee;} .creattask div#searchResults {top: 40px;width: 95%;} .loginSinngup .form-control{height:50px !important;} form.loginSinngup .select2-container .select2-selection--single {height: 45px !important;border-radius: 0 40px 40px 0px !important;font-size: 12px;} form.loginSinngup .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 45px !important;} .h-150 {height: 150px !important;} .findNearby input.form-control {height: 50px !important;border-radius: 30px;} .findNearby .go-btn {display: flex;align-items: center;padding: 0 20px;border-radius: 0 30px 30px 0; color:#fff;} .find-local {background: #131b5f;padding: 20px;border-radius: 20px;height: 100%;color: #fff;text-align: center;} .catlistHide{overflow: hidden; width:100%;} .catlistHide.active{height:auto;} span.showmore {color: #00a0ff;cursor: pointer;} .introSec .catlistHide br {display: block;} .textBx {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;} .showDetail.taskDesc.active .textBx {display: block;} span.read {color: var(--orange);display: table;margin: 10px 0;font-weight: bold;} .introFullContent br {display: none;} .signupSearch{left:45px !important; top:45px !important;} .form-control.signup{border-radius: 0 40px 40px 0px;} .error-required{position: absolute; z-index: 9;} .error-required span{font-size: 14px;border: 1px solid #9f9a9a;padding:5px 10px;background: #fff;box-shadow: 0 10px 10px #28262659;z-index: 9;border-radius: 5px; display: flex;align-items: center;gap: 7px; position:relative;} .error-required .bi {font-size: 20px;color: #df7312;} .error-required:before{content:''; width:15px; height:15px; background:#fff; position:absolute; transform: rotate(45deg); top: -8px;border: 1px solid #9f9a9a;left: 15px;} div#errorpostcode {position: absolute;top: 37px;left: 40px;} .searchLocations{left: 0 !important;top: 110px !important;} div#errorMainImage {position: absolute;top: 10px;right: 10px;width: auto;} .removepaxkage{min-width: 35px;display: flex;justify-content: center;cursor: pointer;width: 35px;height: 25px;border: 0; background: transparent;position: absolute;top: 7px; right:0;color: #898383;} .listingForm input#postcode {border-radius: 0 7px 7px 0px;} div#about br {display: none;} div#getFreeQuote {z-index:9999999;background: #00000030;} .modal-backdrop.show {opacity: 0.3;} .btn-close{font-size:13px;} span.cls-btn.fs-32 {cursor: pointer;} .bestRatedCat .thumbnail img { width: 100%; height: 200px;object-fit: cover;} ul.bsnListDtl {margin-top: 20px;font-size: 14px;border: 1px solid #f0f4fd;} ul.bsnListDtl li {padding: 6px;border-bottom: 1px solid #f0f4fd; display: flex;justify-content: space-between; gap: 10px; align-items: center;} img.g-review-side {max-width: 90px;} ul.bsnListDtl span {font-weight: bold;font-size: 11px;} ul.bsnListDtl a.member-phone {font-size: 16px; color: #00a0ff; font-weight: bold;} a.call-member {background: var(--blue);color: #fff;display: flex;padding: 2px 10px;border-radius: 5px;font-size: 12px;} .socialAc a {font-size:20px;color:#fff; margin:4px;background:#00a0ff; display: flex;width:35px;height:35px;align-items: center;justify-content: center;border-radius: 30px;} .paymentR span.selectgroup-button img {max-width:40px;} .sharebtn {display: flex;align-items: center;flex-wrap: wrap;} .businssProfile img {max-height: 150px;} .btnCard {background: #fff;border:1px solid #00a0ff; padding:5px;border-radius:5px; display: flex;align-items: center;font-size: 13px;gap: 5px;} .btnCard img{max-width:50px;max-height: 20px;} div#about li {margin-bottom: 7px;display: flex;align-items: self-start;} div#about li:before{content: "\F135";font-family: "bootstrap-icons" !important; color: var(--blue);font-size: 21px;} img.avatar-logo {max-width:160px;margin-right: 10px;min-width:160px; border: 1px solid var(--gray);padding:5px;border-radius: 10px;} .ribbones {color: #fff;font-size: 13px;padding: 4px;text-align: center;position: absolute;transform: rotate(-45deg);top: 41px;z-index: 9;width: 200px;left: -45px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);} .membershipBanner {height: 450px;background-size: cover !important;position: relative;} .membershipBanner:before{content: ''; position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(90deg, rgba(9, 9, 121, 0.9) 35%, rgba(9, 9, 121, 0) 100%);} .membershipBanner .container{position: relative;display: flex;align-items: center;height: 100%;} .membershipBanner .container span.title {color: #fff;font-size: 64px;font-family: oswald;} .reviewSlider {display: flex;align-items: center;gap: 20px;color: #fff;font-size: 20px;margin-top: 20px;background: #ffffff17;padding: 15px;border-radius: 20px;width: 365px;} .text-member {margin-top: 50px;} #callNow h2{text-align: center; font-size:18px; font-family:roboto;} .callNowBtn{cursor: pointer;} .callNumber {font-size: 24px;font-weight: bold;} .star {display: inline-block;position: relative;} .star::before {content: "\F586\F586\F586\F586\F586";font-family: "bootstrap-icons" !important;font-weight: 500;font-size: 14px;letter-spacing: 5px; color: #131b5f70;} .star span::before {content: "\F586\F586\F586\F586\F586";font-family: "bootstrap-icons" !important;font-weight:500;font-size: 14px;color:#f1c40f;letter-spacing: 5px;} .star span {white-space: nowrap;position: absolute;top: 0;left: 0;overflow: hidden;} .reviews-head {display: flex;align-items: center;justify-content: space-between;} /*.rating.pcat {position: absolute;top: 0;font-size: 15px;background: #ffffffe8; padding: 5px 10px; border-radius: 0 0 30px 0;color: #131b5f;gap: 5px;}*/ .rating.pcat {position: absolute;top: 10px;right: 10px;font-size: 13px;background: #facc15;padding: 5px 10px;border-radius: 20px;color: #000;gap: 5px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);} .hover-efect img{transition: transform 0.4s ease;} .hover-efect:hover img{transform: scale(1.5);} .hover-efect:hover{box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);} section.section.removelistSlide{background:#d5d9f2; height:600px;padding-top: 0;} .removelistSlide img.removelistSlideImg {position: absolute;top:13%; width:45%; right:0;height:87%;object-fit: cover;} .removelistSlide .go-btn {display: flex;align-items: center;padding: 0 20px;border-radius: 0 30px 30px 0; color: #fff;} .findNearby-re {max-width: 400px; margin: auto;} .removelistSlide .form-control {height: 60px !important;font-size: 14px;border-radius: 30px 0px 0 30px;} .whychooseslide .coose-cols{background: #fff;border-radius: 14px;padding: 20px; margin: 10px;display: flex; height:100%;align-items: center;} .whychooseslide .coose-cols img {min-width: 61px;margin-right: 10px;} .whychooseslide .coose-cols p {margin: 0;} .whychooseslide .slick-track {display: flex;float: none;} .paginationCustome {overflow: auto;display: flex;flex-wrap: wrap;justify-content: center;padding: 10px; background: #fff;align-items: center;gap: 5px;} .searchBsnessCard .searchText {position: relative;background: #131b5fa3;color: #fff;text-align: center;padding: 30px;height: 350px;display: flex;align-items: center;justify-content: center;} span.title1 {font-size: 28px;font-weight: bold;margin-bottom: 10px;line-height: 38px;} .searchBsnessCard {position: relative; border-radius: 10px;overflow: hidden;} .searchBsnessCard img {position: absolute;height: 100%;object-fit: cover;} .searchBsnessCard a.go-btn {min-width: 60px;color: #fff;font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 7px;} .google-rat {background: #fff;box-shadow: 0 0 10px #00000029;padding: 30px;border-radius: 10px;margin-top: 30px;text-align: center;} .bg-darkblue.sideTask {border-radius: 200px 200px 15px 15px;margin-top: 100px;position: relative;color: #fff;text-align: center;padding: 30px;padding-top: 160px;} .bg-darkblue.sideTask span.icon img {max-width: 50px;} .bg-darkblue.sideTask .imgSec {top: -70px;left:0; right:0; position: absolute;} ul.numberlist {list-style: none;counter-reset: item;} ul.numberlist li {counter-increment: item;margin-bottom: 15px;position: relative;padding-left: 35px;} ul.numberlist li:before {margin-right: 10px;content: counter(item);background: #00a0ff;border-radius: 100%;color: white;width: 25px;height: 25px;display: flex;align-items: center; justify-content: center;position: absolute;left: 0;font-family: none !important;} ul.numberlist ul.sublist {list-style-type: disc;padding-left: 0;counter-reset: none;} ul.numberlist ul.sublist li{padding: 0;counter-increment:none;} ul.numberlist ul.sublist li:before{display:none;} .bsnsAboutus .card.about h4 {font-weight: bold;} .bsnsAboutus .card.about ul {list-style-type: disc;margin-left: 20px; margin-bottom:20px;} .bsnsAboutus .card.about ul.numberlist {list-style-type:none;margin-left:0px; } .bsnsAboutus .card.about ul.arrowlist{list-style-type:none;margin-left:0px;} .bsnsAboutus .card.about ul li{margin-bottom:10px;} .bsnsAboutus .card.about ol {margin-left: 20px;} .bsnsAboutus .card.about ol li{margin-bottom:10px;} /*.bsnsAboutus .card.about br{display:none;}*/ /*.bsnsAboutus .card.about br + br {display: none;}*/ section.section.catgrySlider:before {content: '';display: block; background:#00a0ff; position: absolute;top: 0;z-index:1;bottom: 0;left: 0; width:55%;} section.section.catgrySlider .container {position: relative;z-index: 2; height:600px;display: flex;align-items: center;} .iconBox-items {display: flex;align-items: self-start; margin-bottom:20px;} .iconBox-items img {min-width: 100px;margin-right: 10px;} .iconBox-items p{margin:0px;} ul.arrowlist {list-style: none;} ul.arrowlist li {margin-bottom: 15px;position: relative;padding-left: 30px;} ul.arrowlist li:before {content:'\F135';font-family: "bootstrap-icons" !important;color: #00a0ff;border-radius: 100%; position: absolute; left: 0;font-size: 28px;top: 11px;line-height: 0;} ul.checkiconlist {list-style: none;} ul.checkiconlist li {margin-bottom: 15px;position: relative;padding-left:27px;} ul.checkiconlist li:before {content:'\F26C';font-family: "bootstrap-icons" !important;color: #00a0ff;border-radius: 100%; position: absolute; left: 0; font-size: 20px;top: 11px;line-height: 0;} ul.checkiconlist.text-white li:before{color:#fff;} .bg-img img.bg-img-item {position: absolute;min-width: 100%;height: 100%;object-fit: cover;} .bg-img {position: relative;} .bg-img-textbox {background: #ffffffd6;padding: 50px;margin: 20px;} .bg-img-textbox.bg-blue {background: #00a0ffa3;} .bg-img-textbox.bg-blue ul.arrowlist li:before{color:#fff;} .bg-img-textbox.bg-blue h2,.bg-img-textbox.bg-blue h3,.bg-img-textbox.bg-blue h4,.bg-img-textbox.bg-blue h5,.bg-img-textbox.bg-blue h6{color:#fff;} .bg-img-textbox.bg-darkblue{background: #131b5fbd;color:#fff;} .bg-img-textbox.bg-darkblue h2,.bg-img-textbox.bg-darkblue h3,.bg-img-textbox.bg-darkblue h4,.bg-img-textbox.bg-darkblue h5,.bg-img-textbox.bg-darkblue h6{color:#fff;} .bg-gray.authpage.login {padding-top:50px;} .bg-gray.forgot {padding-top:100px;} .btn.bg-darkblue:not(:disabled):not(.disabled):active {background: #00a0ff;} .email-verfy {position: relative;} .e-mailvry {position: relative;bottom:0;right: 0;background: #09ad95;color: #fff;font-size: 13px;padding: 4px 10px;border-radius: 0 7px 7px 0;} button.un.e-mailvry {border: 0;background: #00a0ff;margin: 0;padding: 9px;} .col-sm-3 a:hover {border: 0;border-radius: 0;background: none;} .jobDetail {font-size: 12px;} .smo a {display: flex;align-items: center;font-size: 14px;margin-bottom: 10px;gap: 7px;justify-content: center;} .smo .bi {font-size: 20px;} .smo .fa {font-size: 20px;} .login-with-social .loginwithbtn {border: 1px solid #eee;display: flex;padding: 10px 15px;border-radius: 30px;margin-bottom: 10px;align-items: center;gap: 7px;font-size: 14px;} .login-with-social .loginwithbtn:hover {background: #eeeeee8a;} .mailtext h2 {color: #8f9cc0 !important;font-weight: normal;font-family: roboto;font-size: 10px;} span.d-flex.gap-1.align-items-center.min-width {min-width: 130px;margin-left: 10px;} h1.blog_detail_h1 {font-size: 42px;font-weight: 600;margin-top: 30px;line-height: 60px;} .gridebox {display: flex;gap: 20px;} .gridebox .gridelist {background: #131b5f;color: #fff;padding: 20px;text-align: center;border-radius: 10px;} .gridebox .gridelist h3{color:#fff;} .grid-item-box {background: #00a0ff;color: #fff;padding: 20px;border-radius: 10px;} .grid-item-box h3{color:#fff;} img.object-img {height: 100%;object-fit: cover;width: 100%;} .uploadfile button.btn.btn-default {white-space: initial;} button.btnsub {padding:5px;display:flex;align-items:center;padding-left:15px;border-radius:30px;font-size:16px;letter-spacing:0.5px; position:relative;overflow:hidden;background:#00a0ff !important;border-color:#00a0ff !important;} button.btnsub.prev {padding-left: 0;padding-right: 10px;} button.btnsub .bi{font-size: 32px;line-height: 0;position: relative;} /*button.btnsub:before {content: '';display: block;position: absolute;background: #131b5f;width: 30px;height: 100%;right: 0;transition: 0.5s;}*/ button.btnsub span{position: relative;} button.btnsub.prev:before{left:0; right:auto;} button.btnsub:hover:before {width: 100%;} button.btnsub:hover{opacity:1;} /* .form-group.editAccount {display: flex;align-items: center;gap: 10px;} */ .form-group.editAccount label.form-label {margin: 0;min-width: 140px;} .form-group.editAccount{position: relative;} div#sweet-alert {position: absolute;top: 31px;z-index: 9;background: #fff;padding: 20px;box-shadow: 0 0 10px #00000045;border-radius: 10px;left: 0;display: none;} div#sweet-alert span {border: 2px solid var(--orange);background: #fff;color: var(--orange);position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;border-radius: 30px; font-weight: bold;display: flex;align-items: center;justify-content: center;cursor: pointer;} .rating-bsns{display: flex;align-items: center;gap:15px;} .rating-bsns .star:hover{color:#efdf06;} .rating-bsns .star input{display: none;} .rating-bsns .star input:checked+label{color: #f1d70d;} .reviews-head .btn-twitter {padding: 0;font-size: 16px;min-width: 30px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 30px; background: #fff;color:#17a7ff;} img.articalbog {width: 100%;height: 500px;object-fit: cover;border-radius: 20px;} span.m-icom {display: flex;background: #f3f7ff;width: 30px;height: 30px;align-items: center;justify-content: center;border-radius: 30px;position:relative;} span.m-icom .text-success {position: absolute;font-size: 12px;top: 0;right: 0;} .credit-dtl span.dollar span {background: #00a0ff;color: #fff;display: flex;width: 20px;height: 20px;align-items: center;justify-content: center;border-radius: 20px;font-size: 13px;} span.dollar {display: flex;align-items: center;font-size: 12px;gap: 5px;font-weight: 500;} .blogDetailSec b {color: #131b5f;} .col-md-8.browseTask .card.rounded20 {border: 4px solid transparent !important;} .col-md-8.browseTask.active .card.rounded20 {border: 4px solid #e7ecf6 !important;} .card.rounded20{border: 4px solid transparent !important;position: relative;} .card.rounded20.active {border: 4px solid #00a0ff !important;} .card.rounded20.active{position:relative;} .card.rounded20 .card-body {position: relative;background: #fff;border-radius: 20px;} .browseTaskSide {position: relative;z-index: 1;} /*icons*/ .icon {display: flex;align-items: center;gap: 5px; font-size: 14px;} .announcement .icon{justify-content: center;} .icon .bi{color: #00a0ff;} span.m-icom {display: flex;background: #f3f7ff;width: 30px;height: 30px;align-items: center; justify-content: center;border-radius: 30px;position: relative;color: #00a0ff;} .text-success {color:#35b9a6 !important;} span.m-icom .checkst {position: absolute;font-size: 12px;top: 0;right: 0;} .action {background: #35b9a670;color:#10321e;display: flex;align-items: center;font-size: 12px;line-height: 0; padding: 0 10px;gap: 5px;border-radius: 20px;height: 20px;border: 1px solid #35b9a670; font-weight: 500; position: relative; overflow: hidden;} .blueicon{background:#00a0ff; color:#fff;border: 1px solid #00a0ff;} .action .bi-dot {font-size: 45px;width: 0px;position: absolute;left: -11px;} .doticon{padding-left: 20px;} .inactive{color: #e0a01b !important;background: #f8e8c6 !important;border-color: #f8e8c6;} .d-active{background:var(--orange);color: #fff;display: flex;align-items: center;font-size: 12px;line-height: 0; padding: 0 10px;gap: 5px;border-radius: 20px;height: 20px;} .blocked{background:var(--orange);color:#fff;border-color: var(--blue);} .text-or{color:var(--orange); } .notfeatured .bi-dash-lg {position: absolute;left: -4px;top: -3px;font-size: 32px;color: var(--blue); transform: rotate(-45deg);} span.icon-c { display: flex;background:#00a0ff;width: 25px;height: 25px;align-items: center; justify-content: center;border-radius: 30px;position: relative;color: #fff;font-weight: bold;font-size: 14px;} .smoIcon .bi,.smoIcon .fe,.smoIcon .fa {border:1px solid var(--blue);color:var(--blue); border-radius:50%;width:25px; min-width:25px;height:25px;display: flex;align-items: center;justify-content: center; font-size:14px;} .smoIcon .bi.text-or,.smoIcon .fe.text-or,.smoIcon .fa.text-or{border: 1px solid var(--blue);} .smoIcon .bi.active,.smoIcon .fe.active,.smoIcon .fa.active{color:#fff;background:var(--blue);} .smoIcon .bi.in-active,.smoIcon .fe.in-active,.smoIcon .fa.in-active{color:#fff;background:var(--blue);border: 1px solid var(--blue);} .smoIcon {background:transparent;border: 0;font-size: 14px;} .smoIcon .active .fe,.smoIcon .active .bi,.smoIcon .active .fa{color:#fff !important;background:var(--blue);border: 1px solid var(--blue);} .smoIcon li.slide:hover .fe,.smoIcon li.slide:hover .bi,.smoIcon li.slide:hover .fa{color:var(--blue) !important;border: 1px solid var(--blue);} .smoIcon li.slide:hover .active .bi{color:#fff !important;border: 1px solid var(--blue);} .sideNave li.slide {border-bottom: 1px solid #eee;padding:3px 0;} .smoIcon i.angle.fe.fe-chevron-right{color:#000 !important;border:0;background:#fff;} .slide-menu li .slide-item.active:before{color:var(--orange) !important;} .sideNave button.bg-white:hover, .sideNave button.bg-white:focus {background-color:transparent !important; color: var(--blue) !important;} .sideNave button.bg-white:hover .bi{ color: var(--blue) !important;} /*icons*/ .detailImg img {width: 150px;height: 100px;object-fit: cover;border-radius: 10px;} .btn.bg-blue:hover, .btn.bg-blue:focus{background-color: #131b5f !important;} .post-title {display: flex;align-items: self-start;justify-content: space-between;gap: 15px; } img.avatar-logo{background:#fff;} .btn{border-radius: 50px;} .bill-info.addfund {display: flex; gap:20px;} .bill-info.addfund .valut{min-width:200px; text-align: center;} ul.list-group.catlist li{display: flex;margin-bottom: 5px;border: 1px solid #e9edf4;} ul.list-group.catlist a.list-group-item {display: flex;align-items: center;justify-content: space-between; position:relative; width:100%;border:0;} ul.list-group.catlist a.list-group-item.active:before {content: '';display: block;width: 5px;height: 100%;position: absolute;background: #00a0ff;left: 0;} ul.list-group.catlist a.list-group-item span.badgetext {border-radius: 20px;padding: 5px;display: flex;align-items: center;justify-content: center;} ul.list-group.catlist a.list-group-item.active span.badgetext{background: #00a0ff;color: #fff;width: 25px;height: 25px;line-height: 0;} span.bg-default.number {font-size: 13px;width: 25px;height: 26px;display: flex; align-items: center;justify-content: center;border-radius: 20px;padding: 5px;} .accordion-item.accList .accordion-button {display: flex;align-items: center;gap: 10px;} ul.list-group.catlist li a.delete-cat {background: #f8ccd3;display: flex;align-items: center;color: #f5334f;min-width: 30px;justify-content: center;} ul.list-group.catlist li a.delete-cat:hover{background: #f5334f; color:#fff;} .locationL {position: relative;overflow: auto;width: 100%;height: 100%;min-height: 455px } ul.categoryList {position:absolute;width: 100%;} .accordion-item.accList .accordion-button:not(.collapsed) span.bg-default.number{background: #00a0ff;color: #ffffff;} form.blogForm input.form-control {height: 60px !important;border-radius: 30px;padding-left: 25px;} form.blogForm button {border-radius:0 30px 30px 0 !important;} a.btn.bg-blue:hover, a.btn.bg-blue:focus {background-color: #131b5f !important;} ol.breadcrumb1,.breadcrumb {position: relative;display: flex;align-items: center;gap: 6px;color: #A8B5E5;font-weight: 500; font-size: 12px;font-family: 'Roboto'; padding:0; letter-spacing: 0.3px; border-radius: 15px;} .page-header .breadcrumb {font-size: 14px;padding-inline-start: 10px !important;} .breadcrumb-item a {color: var(--orange);} button.resend {border: 0;background: transparent;color: var(--blue);} .chatSideFixed .main-img-user .avatar.md {width:40px;height:40px;} .main-img-user .avatar.md {width:36px;height:36px;min-width:36px;} .editNots .form-control {height: 30px !important;border-radius: 20px 0 0 20px !important;} .editNots.active button.close {display: block;background: #00a0ff;color: #fff !important;padding: 0 7px !important;} .main-img-user{min-width:36px;} .avatar-md{min-width: 2.5rem;object-fit: cover;} div#imagePopup {display: none;position: fixed;z-index: 99999;width: 100%;height: 100%;top: 0;background: #00000047;text-align: center;padding: 50px;} .detailImg {display: flex;gap: 15px;flex-wrap: wrap;} .galleryImage {max-width: 100px;cursor: pointer;} .popupTaskImage {max-width:100%;width:1000px;margin:auto;background: #fff; padding:15px;position: relative;border-radius: 10px;overflow: auto;max-height: 100%;} .popupTaskImage span#closeButton {cursor: pointer;position: absolute;right: 0;font-size: 36px;top: 0;right: 10px;z-index: 98; background: #fff;height: 30px;display: flex;align-items: center;} .popupTaskImage img {max-width: 100%;object-fit: cover;} .w-md-auto{width:auto;} .email-verfy .form-control.is-valid {border-radius: 7px !important;} .email-verfy .form-control.is-invalid{border-radius: 7px !important;} .numberVrfy {display: flex;align-items: self-start;gap: 15px;} .numberVrfy .inputbox{width: 70%; position:relative;display: flex;} .numberVrfy .invalid-feedback.text-end {position: absolute;top: -14px;right:100px;background: #fff;left: auto;width: auto;padding: 0 5px;} .numberVrfy .valid-feedback.text-end {position: absolute;top: -14px;right: 15px;background: #fff;left: auto;width: auto;padding: 0 5px;} .numberVrfy .inputbox button {border: 0;padding: 0 10px;border-radius: 0 7px 7px 0;} span.document-info {position: relative;} .numberVrfy input.form-control.is-invalid {border-radius: 7px 0 0 7px;} .numberVrfy input.form-control.otp {border-radius: 7px 0 0 7px;} ul.nav-bsnsTab { border-bottom: 1px solid #eee;padding: 0px;display: flex; max-width:100%;overflow: auto;background: #fff;border-radius: 10px 10px 0 0;border-top: 2px solid #00a0ff;} ul.nav-bsnsTab li a{white-space: nowrap;color: #000000ad;font-weight: 500;display: block;padding:10px 12px;font-size: 14px; letter-spacing: 0.3px;position: relative;} ul.nav-bsnsTab li {padding:0px;} ul.nav-bsnsTab li a.active {color:#00a0ff;border-radius: 10px 10px 0 0;} ul.nav-bsnsTab li a:hover{color:#00a0ff;border-radius: 10px 10px 0 0;} ul.nav-bsnsTab li a:after {content: '';display: block; width: 1px;height: 15px; background: #00000069; position: absolute;right: 0;transform: rotate(20deg);top: 13px;} ul.nav-bsnsTab li:last-child a:after{display:none;} .number {position: relative;} .form-group.editAccount.un-verified {align-items: self-start;} .form-group.editAccount.un-verified label.form-label {position: relative;top:0px;} .form-group.editAccount.un-verified span.un-vrfy {position:absolute; background: #fff;text-align: right;display: block;top: -8px;right: 14px;} .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .form-select:invalid, .form-select.is-invalid {border-color:#e23e3d;} .deleteImg {position: absolute;bottom: 0;z-index: 999;right: 0;background: #eee;font-size: 16px;padding: 0;width: 30px;display: flex;align-items: center;justify-content: center; height: 30px;line-height: 7px;} span.reviewsIcon .labels {position: absolute; background: #fff;color: #000; width: 30px;height: 30px; display: flex;align-items: center;justify-content: center; border-radius: 20px;right: -13px; bottom: 0px; font-weight: 600;font-size: 18px;color: #00a0ff;} /*Typing Loader*/ .load {position: relative;} span.ifTyping {position: absolute;right: 0;top: 0;display: none;} .load .ui-autocomplete-loading+span.ifTyping{display:block;} .loader {position: relative;display: inline-block;width: 50px;vertical-align: middle;} .locationLoader{position: relative;} .locationLoader .ui-autocomplete-loading+span.ifTyping{display:block;} .loader-bars:before,.loader-bars:after,.loader-bars span { content: '';display: block; position: absolute; left: 0;top: 0;width: 5px;height:15px;background-color:#198754; -webkit-animation: grow 1.5s linear infinite;animation: grow 1.5s linear infinite;} .loader-bars:after {left: 10px; -webkit-animation: grow 1.5s linear -.5s infinite; animation: grow 1.5s linear -.5s infinite;} .loader-bars span { left:20px; -webkit-animation: grow 1.5s linear -1s infinite;animation: grow 1.5s linear -1s infinite;} .catSearch.angi span.ifTyping{ top: 11px;} @-webkit-keyframes grow { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0;} 50% { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1;} 100% { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0;} } @keyframes grow { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0;} 50% { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1;} 100% { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0;} } ul.ui-autocomplete { background: #ffffff;border: 1px solid #f6f6f9 !important; border-radius: 10px;box-shadow: 0 0 10px #0000002b;padding: 10px; z-index: 9999999 !important; } ul.ui-autocomplete li{padding:10px !important;cursor: pointer;font-size: 16px;} ul.ui-autocomplete li:nth-child(even) {background: #f6f6f9;} .signupST ul.ui-autocomplete{max-width:300px;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 0 !important;background: transparent !important;font-weight: normal !important; color: #282f53 !important;margin: 0 !important;} .header .dropdown-menu{inset-block-start: 2.5rem !important;} .header .profile-1 .dropdown-menu{inset-block-start:3.5rem !important;} .review span.reviewsIcon {margin-right: 20px;} .reviewsIcon{position:relative;} .reviewsIcon span.labels img {max-width: 20px !important;width: 20px !important;min-width: 20px;height: 20px;} span.online{position: relative;left: -10px;} span.online span.pulse {inset-block-start: 0;inset-inline-end: 0;inset-inline-start: 0;} span.away {position: relative;left: -10px;} span.away span.pulse { inset-block-start: 0;inset-inline-end: 0;inset-inline-start: 0; background: #f7b731;} .main-chat-list .main-img-user span.online {background: transparent !important; box-shadow: none; width: 7px; height: 7px;} .main-chat-list .main-img-user span.away {background: transparent !important; box-shadow: none; width: 7px; height: 7px;} .main-chat-list .main-img-user span.pulse {width: 7px;height: 7px;background: transparent;border: 0;box-shadow: none;left: 10px;} .main-chat-list .main-img-user span.online span.pulse{background: #22c03c;} .main-chat-list .main-img-user span.away span.pulse{background: #f7b731;} .main-img-user.online span.online {left: -3px;} .main-img-user.online span.away {left: -3px;} span.away .pulse:before{background:#f7b731;box-shadow: 0 0 0 #f7b731;} .chatBlock.ms-2 span.online {top: 10px;} .chatBlock.ms-2 span.away{top: 10px;} .chatTime{padding: 0 5px; gap:4px;min-width: 75px;text-align: center;justify-content: center;} .chatOnline.d-flex {max-width: 64%;} .chatTime.open-btn:before{width: 5px;height: 5px;} .main-chat-msg-name.box {display: flex;align-items: center; justify-content: space-between; width: 100%; margin-inline-start: 7px; flex-wrap: wrap;} a.bg-w.active {background: #fff;} .smoIcon{word-break: break-all;} #getFreeQuote .col-md-6.border-end {overflow: hidden;} .notification .notification-body.alert {color: #f7b731;background-color: rgba(247, 183, 49, 0.2);border-color:transparent;} .notification .notification-body.alert:before{ border-inline-end-color:rgba(247, 183, 49, 0.2);} .notification .notification-body span.avatar.bradius {width: 2.5rem;height: 2.5rem;line-height: 2.5rem;border-radius: 10px;max-width: 2.5rem;min-width: 2.5rem;} .bsnDetailFlex {display: flex;justify-content: space-between;width: 100%;align-items: self-start;} .bsnsEditPart {display: flex;align-items: center;gap: 15px;flex-wrap: wrap;justify-content: end;} span.fromD-flex {display: flex;align-items: center;gap: 0 5px;flex-wrap: wrap;} .catImgSpace img { height: 100%;object-fit: cover;} .sidebarLocation {position: sticky;top: 100px;} img.avatar-md.profile-user.brround.cover-image {object-fit: cover;} img.avatar-sm.profile-user.brround.cover-image{object-fit: cover;} .footer-social-list li a {font-size: 18px;} form.termandCondition label {display: block;} ul.checkiconlist li a {color: #282f53;} ul.checkiconlist li a:hover{color:var(--blue);} .location-area-search {display: flex;align-items: center;} .location-area-search span.from {min-width: 70px;text-align: center;} .bsns-menu.card li a {color: #131b5f;font-size: 16px;} .bsns-menu.card li a:hover{color:var(--orange);} .bsns-menu.card li {border-bottom: 1px solid #eee; padding: 10px 5px; overflow:hidden; display: flex;align-items: center;justify-content: space-between;} .bsns-menu.card li.active a {color:var(--orange);} .bsns-menu.card li:hover a{color:var(--orange);} .bsns-menu.card li:hover .bi-arrow-right-short::before {left: 0;color:var(--orange);} .bsns-menu.card li .bi {font-weight: 900; font-size: 28px; line-height: 0; overflow: hidden;} .bsns-menu.card li .bi-arrow-right-short::before { content: "\f135";left: 30px; position: relative; -webkit-transition: all .4s;transition: all .4s;} .bsns-menu.card li.active .bi-arrow-right-short::before {left:0px;color:var(--orange);} .footer-bottom {background: #090f40;padding: 20px;color: #ffffffb3;font-size: 13px;letter-spacing: 0.5px;} .paginationFlex .paginationCustome {display: flex;align-items: center; gap: 20px; justify-content: end; flex-wrap: wrap;} .cat-btn-group .btn {max-width: 300px;width: 100%;} select.form-select {height:40px;} .header form.d-lg-none .dropdown-item {color: #00a0ff;} .location-area-search select.form-control {max-width: 150px;} .location-area-search select.form-select {max-width: 150px;} .blogDetailSec table{ margin-bottom:30px;} .blogDetailSec table td {padding: 10px;} .blogDetailSec table th {padding: 10px;} .catSearch{position:relative;z-index: 10;} .catSearch #searchResults{left:0; top:39px;} .catSearch #searchLocations{left:0; top:39px;} span.handRoted{transform: rotate(90deg);margin-right: 10px;} .border1 {border: 1px solid #bbbacd;} .businessgallery .slick-slide{padding:0 10px;} .onoff {font-size: 12px;border: 1px solid #00000040;border-radius: 20px;width: 65px;display: flex;align-items: center;gap: 4px;height: 17px;color: #0000009c;} .onoff .bi {font-size: 16px;color: #00000059;} .onoff.enable {color: #09ad95;border-color: #09ad95;} .onoff.enable .bi {color: #09ad95; line-height: 0;} .onoff.desable {color:var(--orange);border-color:var(--orange);} .onoff.desable .bi {color:var(--orange); line-height: 0;} ul.categoryList li{padding: 10px;border: 1px solid #eee;border-bottom: 0;font-size: 14px;display: flex;align-items: center;justify-content: space-between;} ul.categoryList li:last-child {border-bottom: 1px solid #eee;} .alert-success.custom-alert-icon {border-inline-start: 0.313rem solid #09ad95 !important;color: var(--text-muted);background-color:#fff;border: 1px solid #e9edf4;font-size: .813rem;} .alert-success.custom-alert-icon .svg-success {fill: #09ad95;} .alert-danger.custom-alert-icon {border-inline-start: 0.313rem solid #e82646 !important;color: var(--text-muted);background-color:#fff;border: 1px solid #e9edf4;font-size: .813rem;} .alert-danger.custom-alert-icon .svg-danger {fill: #e82646;} span.domail {position: absolute;right:100px;top: 10px;font-size: 12px;} .card.bs a.btn {background: #00a0ff !important;border-color: #00a0ff;} .card.bs {border-left: 3px solid #00a0ff !important;border-right: 3px solid #00a0ff !important;border-top: 1px solid #e9edf4 !important;border-bottom: 1px solid #e9edf4 !important;} .form-step .form-check {border-top: 1px solid #eee;padding: 15px;margin-bottom:0px;padding-left:20px;position: relative;width: 100%;} .form-step .form-check:hover {background: #eeeeee87;} .form-step label.form-check.active{background: #eeeeee87;} .form-step .form-radio {border-top: 1px solid #eee;padding: 15px;margin-bottom:0px;padding-left:45px;position: relative;width: 100%;} .form-step .form-radio:hover {background: #eeeeee87;} .form-step label.form-radio.active{background: #eeeeee87;} .modal-dialog.getfreePopup label{margin: 0;} .formField {overflow: auto;} /*.top-footer .btn{background: linear-gradient(0deg, #ddd, #fff) !important;border-radius: 50px;transition: .5s;padding: 10px;margin-top: 20px;}*/ /*.top-footer .btn span{width: 100%;height: 100%;display: block;background: linear-gradient(0deg, #fff, #ddd);border-radius: 50px;line-height: calc(40px - 12px);*/ /*font-size:18px;color: #00a0ff;transition: .5s;padding: 10px;}*/ /*.top-footer .btn:hover{border-radius: 50px;opacity: 1;background: linear-gradient(0deg, #fff, #ddd) !important;}*/ /*.top-footer .btn:hover span{background:linear-gradient(0deg, #ddd, #fff);}*/ .top-footer .btn{border-radius: 50px;margin-top: 20px; color:#fff;} .top-footer .btn:hover{border-radius: 50px;} .footer-social-list{flex-wrap:wrap;} .footer-social-list a {position: relative;width:40px;height:40px;display: block;text-align: center;margin:0px;border-radius: 50%;padding: 6px;box-sizing: border-box; text-decoration: none;background: linear-gradient(0deg, #ddd, #fff);transition: .5s;} .footer-social-list a:hover{box-shadow: 0 10px 15px rgba(0,0,0,0.3); background: linear-gradient(0deg, #ddd, #fff); text-decoration:none;border-radius: 50%;} .footer-social-list a .bi, .footer-social-list a .fa {width: 100%;height: 100%;display:flex; align-items:center; justify-content:center; background: linear-gradient(0deg, #fff, #ddd);border-radius: 50%; line-height: calc(40px - 12px);font-size:18px;color: #262626;transition: .5s;} .footer-social-list a:nth-child(1):hover .fa {color: #3b5998;} .footer-social-list a:nth-child(2):hover .fa {color: #00aced;} .footer-social-list a:nth-child(3):hover .fa {color: #dd4b39;} .footer-social-list a:nth-child(4):hover .bi {color: #007bb6;} .footer-social-list a:nth-child(5):hover .fa {color: #e4405f;} .footer-social-list a:nth-child(6):hover .bi {color: #e4405f;} .input-group .scl {min-width: 105px;height: 40px;} .input-group .btn.text-bl{color: var(--blue) !important; min-width: 205px;padding-left: 0;padding-right: 0;} .bi-Facebook::before {content: "\f344";} .bi-Instagram::before {content: "\f437";} .bi-Twitter::before {content:"\f5ef";} .bi-YouTube::before {content:"\f62b";} .bi-LinkedIn::before {content:"\f472";} .bi-Pinterest::before {content:"\f0d2";} .bi-Flickr::before {content: "\f344";} .bi-Tumblr::before {content: "\f344";} .bi-Reddit::before {content: "\f344";} .bi-Wikipedia ::before {content: "\f344";} .bi-GMB ::before {content: "\f344";} .bi-GMB.CID ::before {content: "\f344";} .bi-Pinterest{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .bsGallery2 .selectgroup-button span{display:none;} .bsGallery2 .selectgroup-input:checked+.selectgroup-button span {transform: rotate(45deg); position: absolute;display: block;width: 82px;padding: 8px 0;color: #fff; font: 500 16px/1 Lato, sans-serif;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);text-transform: capitalize;text-align: center;right:-30px;display: block;} .bsGallery2 .selectgroup-input:checked+.selectgroup-button span i {display: block;transform: rotate(-45deg);} .bsGallery2 .selectgroup-input:checked+.selectgroup-button {z-index: 1;background: transparent;border: 2px solid #e82646;box-shadow: none;overflow: hidden;position: relative;border-radius: 15px !important;} .bsGallery2 .selectgroup-button {max-width: 200px;min-width: 200px;height: 150px;overflow: hidden;padding: 0;} .bsGallery2 .selectgroup-button img{height: 150px;object-fit: cover;border-radius: 10px; max-width: 100% !important;} .smoIconedite {min-width: 30px;height: 30px;background: #ebdede;display: flex; align-items: center;justify-content: center;border-radius: 30px;color: #000;} .smoIconedite:hover {background: #1170e4;color: #fff;} .tooltip-danger .popover-static {min-width: 200px;left: 15px;} .tooltip-danger.mtask .popover-static {min-width: 200px;left:-100px; top:10px;} .tooltip-danger.mtask .popover-arrow {margin-inline-start: 50%;} form.serachBlog.w-100 input.form-control {border-radius: 20px 0px 0 20px !important;} .bsnDetailFlex .border-bottom {border: 0 !important;} .bsnDetailFlex .border-top {border: 0 !important;} /*getfreeqoute*/ .loaderQuote { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.8);display: flex;justify-content: center;align-items: center; z-index: 9999;} span.cursor-pointer.clickBTN.cross span {font-size:21px;line-height: 10px;} .loaderQuote span {width: 50px;height: 50px;border-radius: 50%;border: 5px solid #3498db;border-top: 5px solid #f3f3f3;animation: spin 1s linear infinite;} .ui-autocomplete {z-index: 9999 !important; /* or any value higher than the modal's z-index */} .ui-autocomplete {max-height: 300px;overflow-y: auto; /* prevent horizontal scrollbar */overflow-x: hidden;} .ui-autocomplete::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border-radius: 10px;background-color:#00a0ff;} .ui-autocomplete::-webkit-scrollbar{width: 8px;background-color:#00a0ff;} .ui-autocomplete::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);background-color:#131B5F;} .modal-open {overflow: hidden !important;} div#getFreeQuote .modal-content{overflow: auto;border-radius: 0;border: 0;} div#getFreeQuote .modal-content .leaveSec{position:absolute;padding:10px; display: none; align-items: center;justify-content: center; background:#00000070;right: 0;left: 0;} div#getFreeQuote .modal-content .leaveBox{position: relative;bottom:0; border-radius:10px; background: #fff;left: 0; right: 0; padding:20px;text-align: center;overflow: hidden;transition: .3s;} div#getFreeQuote .modal-dialog.getfreePopup.openModal .modal-content .leaveSec {display: flex; top:0; bottom:0; z-index: 1;} div#getFreeQuote .modal-dialog.getfreePopup.openModal .clickBTN.cross{display:none;} .form-control.multiselect {height: 230px !important; font-size: 14px;} .form-control.multiselect option {padding: 5px;} .form-control.multiselect option:hover {background: #eeeeeeab;} .modal-dialog.getfreePopup {border-radius:3px;overflow: hidden;box-shadow:0 0 20px #0000001f; max-width:570px;} .modal-dialog.getfreePopup label {font-weight: 400;color: #000000b0;font-size: 16px;} .modal-dialog.getfreePopup label.form-label{font-weight: 400;color: #131b5f;font-size:17px !important;margin-bottom:5px;} .modal-dialog.getfreePopup .form-control{border:1px solid rgb(230 231 236);height: 45px !important;} span.cursor-pointer.clickBTN.cross {top:12px;right: 20px; position:absolute; z-index: 99999;} .bookmark-ribbone-secondary-right.clickBTN.cross:after{border-inline-start: 15px solid #131b5f;border-inline-end: 15px solid #131b5f;} .category {position: relative;} .getfreeqt .progress{height:4px;overflow: visible;border-radius: 0.625rem;position: relative; background: #00000029;} .getfreeqt .progress div#formProgressBar {background:#00a0ff;} .custom-progress-3 .progress-bar {position: relative;overflow: visible;margin: 0.313rem;border-radius: 0.25rem;animation: 2s progress-animate;height: auto;} .custom-progress-3 .progress-bar:before {content: "";position: absolute;width: 0.25rem;height: 0.25rem;inset-inline-start: 0.125rem;background-color: #fff;border-radius: 50%;} .custom-progress-3 .progress-bar .progress-bar-value.success {border: 0.125rem solid #09ad95;color: #09ad95;width: 2.5rem;height: 1.563rem;line-height: 1.313rem;border-radius: 3.125rem; background: #fff;font-size: .625rem;font-weight: 600;text-align: center;position: absolute;inset-inline-end: -0.625rem;} .modal-dialog.getfreePopup .getfreeqt {padding: 40px;} div#customeFieldOne h5 {text-align: center;font-size: 24px;font-weight: 400;line-height: 34px;} button.btnsub.prev {padding-left: 10px;padding-right: 20px;background: #eeeeee7a !important;border-color: rgb(230 231 236) !important;color: #000 !important;} button.btn-quit {padding:5px 20px;background: #eeeeee7a !important;border-color: rgb(230 231 236) !important;color: #000 !important; font-size: 16px;} div#customeFieldOne .form-check-input {width: 20px;height: 20px;top: 12px;left: 38px} .labelBox {border: 1px solid #eee;border-top: 0;border-radius: 10px;overflow: hidden;} .on-dateBox .form-check-input {width: 20px;height: 20px;top: 12px;left: 38px} .getFreeWhite {background: #fff;border-radius: 10px;padding-top:13px;} .form-step.stepbar .formField {display: none;} .getFreeWhite h2 {font-size: 24px;padding: 0 20px;} .newLeadSetting ul.numberlist{display: flex;gap:15px 35px;justify-content: center; flex-wrap: wrap;} .newLeadSetting ul.numberlist li{margin-bottom:0;} /*getfreeqoute*/ .socialAc ul li {padding: 7px 0;border-top: 1px solid #eee;display: flex;align-items: center;justify-content: space-between;font-size:14px;} .socialAc ul {margin-top: 15px;} span.show_hide {display: table;margin: 20px auto;font-weight: 600;color: var(--orange);cursor: pointer;} /*.card-body.content {height: 300px;overflow: hidden;}*/ /*.card-body.content.active {height:auto;overflow: hidden;}*/ .claimbns .btn {border-radius: 0px 7px 7px 7px;} .taskFormPage {flex-direction: column;display: flex;flex-wrap: wrap;padding-top: 60px;} .taskFormPage .form-control {height: 50px !important; font-size: 14px;} /*.taskFormPage .card {*/ /* max-height: 75vh;*/ /* overflow: auto;*/ /*}*/ .chatUserDetail{position:absolute;z-index: 9;top: 0;max-width:320px;right:-420px;-webkit-transition: all .4s;transition:all .4s;box-shadow:-5px 0 5px #0000002e;background: #fff;} span#closeUserDetail{cursor:pointer;position:absolute;z-index:9;right:10px;font-size:27px;color:var(--orange);} .chatUserDetail.active{right:0px;-webkit-transition:all .4s;transition:all .4s;} .progressbar {background: #00a0ff2e;height: 5px;margin-top: 40px;} .logoListSend {display: flex;gap: 15px; position: relative; max-width: 100%; overflow: auto; padding-right: 75px;flex-wrap: wrap;align-items: self-start; min-height: 50px;} .logoListSend span {display: flex; background: #eee;padding: 10px 15px; border-radius: 5px; position: absolute; right: 0; align-items: center;} .logoListSend img { height:50px;border:1px solid #eee;} .thankupage .notification .notification-icon{inset-inline-start: 0px;width: 0%;inset-block-start: 12px;} .thankupage .notification:before{inset-block-start: 0px;inset-inline-start: 8px;display:none;} .thankupage .notification>li {position: relative;min-height: 50px;padding: 10px 0;} .thankupage .notification .notification-body {box-shadow: none;margin-inline-start: 30px;margin-inline-end: 0;background: #fff;position: relative;padding: 0;border-radius: 6px;} .thankupage .notification .notification-icon span {text-decoration: none; width:20px; height:20px;border-radius: 50%;background: #00a0ff;line-height: 10px; color: #fff;font-size: 10px;border:0;display: flex;align-items: center; justify-content: center;} ul.popularList {display: flex;align-items: center;gap: 15px;flex-wrap: wrap;} ul.popularList li {padding: 10px 20px;border: 1px solid #eee;font-weight: 600;} .alert-success.thankualert{font-size: 18px;font-weight: 300;align-items: center;display: flex;gap: 10px} .alert-success.thankualert .bi{font-size:30px;} .taskFormPage label.form-label {font-weight: 400;color: #131b5f;font-size: 17px !important;margin-bottom: 5px;} /*mobilemenu*/ .mobileMenu {overflow: auto;display: flex;position: fixed;bottom: 0;background: #fff;left: 0;right: 0;padding: 10px; box-shadow: 0 -5px 5px #0000001f;justify-content: space-between;z-index: 99;} .mobileMenu a {text-align: center;display: block;margin: 0 10px;color:#000000b8;font-size:8px; white-space: nowrap;} .mobileMenu .bi {display: block;font-size:24px;line-height: 0;margin-bottom: 2px;color: #000;} .mobileMenu a.active{color:var(--blue);} .input-group .btn.text-bl {width: 100%;background: #fff;border: 0;text-align: right;padding: 0;} .input-group.sclbx input.form-control {border-radius: 0 20px 20px 0px !important;} /*mobilemenu*/ ul.post-th-list li {padding: 10px 0;border-bottom: 1px solid #eee; display: flex;flex-wrap: wrap;justify-content: space-between;} ul.post-th-list li:nth-child(1) {padding-top: 0;} ul.post-th-list li:last-child {padding-bottom: 0; border: 0;} .thankushowhide .ishide { opacity: 0; transition: opacity 0.5s ease-in-out;} .thankushowhide .ishide.active {opacity: 1;} .ishide.delede{opacity: 0; transition: opacity 0.5s ease-in-out; height: 0; transition: height 0.5s ease-in-out;} .cat-tags .in-active span.tag-addon .fe-x{display: none;} .cat-tags .active span.tag-addon .bi-plus{display: none;} .tag-addon i{line-height: 0;} .tag.tag-rounded{border-radius: 5px;padding: 0 5px !important;display: flex;align-items: center;gap: 10px;background: #fff;border:1px solid #58576438 !important;color: #00000078;} .tag.tag-rounded.checked {color:#00a0ff; background: #f3f7ff;} .tag.tag-rounded.active {color:#00a0ff; background: #f3f7ff;} .tag.tag-rounded.checked.in-active {color:#00000078 !important;background: #fff;} .tag.tag-rounded .form-check {padding-inline-start: 0;min-height: auto; margin:0;} button.toggle-button .form-switch .form-check-input {margin: 0;position: relative;} .tags.cat-tags {display: flex;align-items: center;flex-wrap: wrap;} a.btn.btn-danger-light.p-0 {font-size: 14px;width: 15px !important;height: 25px;display: flex;justify-content: center;align-items: center;min-width: 25px;border-radius: 15px;line-height: 0;margin-right: 5px;} span#addFaqField {background: #f0efff;color: #00a0ff;display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 8px;border-radius:10px; font-weight: bold; max-width:180px; gap:5px;margin: 15px 0;} .deleteFaq{background: #f0efff;color:#ff0044b5;display: flex;align-items: center;justify-content: center;cursor: pointer;padding:0 8px;border-radius: 0 7px 7px 0;font-weight: bold; border:0;font-size: 24px;} /*.catSearch {background: #dee2eb1f;padding: 2px;border-radius: 30px;box-shadow: 0 0 3px #00000054;margin-top: 20px;}*/ /*.form-step.stepOne + span.stepBar{position: absolute;display: block; width:0;background:#00a0ff;height: 5px;top: -5px;left: 0;transition:2s;}*/ /*.form-step.stepOne.d-none + span.stepBar{width: 20%;transition:2s;}*/ /*.steptwo + span.stepBar{position: absolute;display: block; width:60%;background:#00a0ff;height: 5px;top: -5px;left:20%;transition:2s;}*/ /*.d-none.steptwo + span.stepBar{width:0%;transition:2s;}*/ .element-item {max-width: 23%;padding:7px;box-shadow: 0 0 5px #00000033;border-radius: 7px; margin:1%;cursor: pointer;} span.emogiST{width:80px;height:80px;display: flex;align-items: center;justify-content: center;background: var(--blue);border-radius:25px;margin: auto;margin-bottom: 30px; font-size:42px;font-family: 'Oswald';font-weight: 900;text-shadow: 2px 5px #131b5f8f;margin-top:-70px;transform: rotate(135deg); color:#fff;} span.emogiST b {transform: rotate(223deg);color: #fff;} .bidTask {position:relative;border-radius: 20px;height: 100%;color: #fff;padding: 30px;} .step-position-1 {top: -10px;} .step-position-2 {top:50px;} .step-position-3 {top:130px;} section.sectionFirst {padding: 150px 0 160px;background: url(https://servicetasker.com.au/assets/images/bg-shap2.png) no-repeat top;background-size: unset !important; -moz-transform: skewY(-2deg);-webkit-transform: skewY(-2deg);-o-transform: skewY(-2deg);-ms-transform: skewY(-2deg);transform: skewY(-2deg);} section.sectionFirst .container {-moz-transform: skewY(2deg);-webkit-transform: skewY(2deg);-o-transform: skewY(2deg);-ms-transform: skewY(2deg);transform: skewY(2deg);} .card-cat-popular-item img.card-img-top {border-radius: 20px;box-shadow: 0 0 10px #0000001c;} .toast.jobPost {position: fixed;z-index: 999999;background: #fff;right: 14px;top: 87px;} /*home new slider*/ section.catSearch.home:before {content: '';display: block;height: 100%; width: 70%;background: #00a0ff;position: absolute;top: 0;border-end-end-radius: 400px;} .homeform {padding: 40px;position: relative;z-index: 1;box-shadow: 0 0 40px #00000014;} .homeform form {position: relative; z-index: 9;} .homeform .form-control {height: 50px !important;} .homeform:before {content: '';display: block;position: absolute;left: 0;right: 0;bottom: -12px;background: #fff;top: 0;border-radius: 20px;} .homeform:after {content: '';display: block;position: absolute;left: 0;right: 0;bottom: -20px;background: #131b5f;top: 10px;border-radius: 20px;z-index: -1;} .homeform button.btnsub{font-size: 20px;width: 100%;text-align: center;justify-content: center;} img.get-free-icon {position: absolute;right: 0;} .taskscroll.side { max-height: initial;} /*.taskscroll.side .card.rounded20{order:2;}*/ /*.taskscroll.side .card.rounded20.active {order: 1;}*/ .leasTask {max-height: calc(80vh - 10px);overflow: auto;position: relative;display: flex;flex-direction: column;} .main-chat-list {display: flex;flex-direction: column;position: relative;} .main-chat-list .chatList{background: #fff; display:flex;padding: 10px;border-radius: 5px; margin-bottom: 5px;transition: all 2s;} .main-chat-list .chatList.activeChat {background: #e1dfff8c;} .chatSideFixed .main-chat-list .main-img-user{min-width:40px;} .input-group.number.lead button.btn {background: #131b5f;color: #fff !important;font-size: 16px;} .card.about .card-body div {margin-bottom: 10px;} .card.about .card-body br + br{display:none;} a.side-menu__item.number-menu {color: var(--orange) !important;font-family: oswald !important;font-size: 20px !important;padding: 0; font-weight: 900;} img.mainLogo {min-width: 200px; max-width: 200px !important;} .notification:before{display:none;} ul.mynoti.notification:before{display:block;} ul.mynoti.notification .notification-body{box-shadow: 0px 0px 5px rgb(0 0 0 / 22%);border: 1px solid #00a0ff;margin-inline-start: 192px;} ul.mynoti.notification .notification-body:before{border-inline-end-color: #00a0ff;} .hicon {display: flex;} .highl-1 {background: #E2F3EB;color: #067868;} .highl-1 .bi{color:#13bfa6;} .highl-1:hover{background:#aeddc7;} i.tick {transform: rotate(-3deg);} .highl-2 {background:#F4E2D4;} .highl-2 .bi{color:#F4BC4D;} .highl-2:hover{background:#e0c5b0b5;} .highl-6 {background: #FFF2D9;} .highl-6 .bi{color:#FFA500;} .highl-6:hover{background:#FFE8BB;} .highl-5 {background: #E8F6FF;} .highl-5:hover{background:#BAE5FF;} .highl-3 {background: #EEF4FF;} .highl-3:hover{background:#DEE9FD;} span.h-item {padding:0px 5px;display: flex;align-items: center; gap:6px; font-size: 11px;cursor: default !important;} span.h-item .bi{font-size:10px;line-height: 0;} .higlight-items {display: flex;align-items: center; gap: 10px;flex-wrap: wrap;} .app-sidebar .ps__rail-x {display: none;} .app-sidebar .ps__rail-y {display: none;} .cover-image{object-fit: cover;} span.h-item-ad.highl-3{font-size: 11px;padding: 3px 7px;border-radius: 10px;} .calculateDescription img.slide {width: 100%;min-height:360px;object-fit: cover;border-radius:10px;} .blogCalculater {background: #00a0ff; position: relative; overflow: hidden; padding:50px 0;} .calculater {position: relative;z-index: 9;} .calculater .bg-primary-transparent {background-color: rgb(8 4 52 / 15%);} .select2-container{z-index:99;} form.calculateForm .form-group {width: 50%;} .calculateDescription {background-size: cover !important;} /*.form-control:disabled,.form-control[readonly]{background-color: transparent;}*/ /*.freeconnect {background: #131b5f;}*/ /*.freeconnect .freespan {color:#fff;}*/ /*.freeconnect span.icon-c.dollar{}*/ .freeconnect .freespan{ text-decoration: line-through;} .freeconnect .free b {font-weight: 900;color: #00a0ff;} .alert-verify.highl-1 i.bi.active {background: #13bfa6;border-color: #13bfa6;} .alert-verify.highl-3 i.bi-patch-check-fill{display:none;} .alert-verify.highl-3 .tick{display:none;} .social-list a {font-size: 24px;background: #131b5f;color: #fff;display: flex; width: 50px; height: 50px;align-items: center; justify-content: center; background:linear-gradient(#131b5f, #152189) padding-box, linear-gradient(to right, #00008bd6, #878fd3) border-box;border-radius: 50em;border: 4px solid transparent;padding: 10px;transition:all 2s; position: relative;} .social-list a span {font-size: 16px;margin-left: 0;width: 0;white-space: nowrap; overflow: hidden;transition: all 2s;} .social-list a:hover{width:150px;transition: all 2s;} .social-list a:hover span{ width:100px;transition: all 2s;margin-left: 10px;white-space: nowrap;} .rating span.star {width:40px;font-size: 42px;overflow: hidden;/* margin: auto; */} .rating span.star.star::before{display:none;} .responsive-navbar .profile-1 .dropdown-item{padding:5px 10px 10px 20px !important;} .alertboxs .btn-close {font-size: 26px;color: #5e600c;opacity: 1;} .alertboxs{color: #5e600c;} .alertboxs .btnv{color: #5e600c;} .referraCode {border:1px solid #cdc6c682;display: flex; padding:0; border-radius:10px; overflow: hidden;} span.textToCopy {padding: 10px;width:100%;overflow: auto;display: block;white-space: nowrap;} .referraCode .btn {background: #00a0ff;color: #fff;border-radius: 0;text-transform: uppercase;font-size: 14px;font-weight: bold;} a.smoIconedite.dlt {background: #ef0d0d40; color:#e82646;} a.smoIconedite.dlt:hover{background: #e82646; color:#fff;} .leas_service .alert.alert-default {background: #fff;border: 1px solid #eeeeeeab;padding: 15px !important;} .chat.showerror .alertboxs{display:none;} .user.chat .header.sticky.hor-header{position:fixed;top: 0;} .newGetfreeQuote {display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;} .newGetfreeQuote .form-radio {border-top: 1px solid #eee;padding: 15px;margin-bottom: 0px;padding-left: 45px;position: relative;width: 100%;} .newGetfreeQuote .custom-control-label::after {width: 20px;height: 20px;top:17px;left:15px;} .newGetfreeQuote .custom-control-label::before {width: 20px;height: 20px;top: 17px;left:15px;} .newGetfreeQuote .selectBox{height: 250px !important;} .newGetfreeQuote option {padding: 10px;background: #f3f7ff80;margin-bottom: 2px;} .catSearch.angi {display: flex;align-items: center;background: #fff;border-radius: 30px;padding: 0 5px;} .catSearch.angi .form-control { border:1px solid #fff; height: 60px !important; border-radius: 30px;} /*.catSearch.angi .form-control.is-invalid{border:1px solid #e23e3d;}*/ .newDesign{min-height:100vh;display: flex; align-items: center;} .newDesign.home{min-height:90vh;} .catSearch.angi span.pipe {min-width: 1px;background: #82898d;height: 80%;} .catSearch .postcodebox {width:73%;} .catSearch button.search {border: 0;background:#131b5f;color: #fff;font-size:16px;display: flex;height: 50px;width:130px;min-width: 130px;align-items: center;justify-content: center; border-radius: 25px;box-shadow: inset 0 0 3px #00000070;line-height: 16px;text-align: center;} .catSearch.angi .postcodebox .form-control {border-radius: 0;padding:0px;} .catList {display: flex;align-items: center;gap:50px;justify-content:center;margin-top: 25px;flex-wrap: wrap;} .item-cat p {margin: 0;font-size: 14px;text-align: center;} span.icon-cat {max-width: 60px;display: block;margin: auto;background: #ffffff57;padding: 10px;height: 60px;border-radius: 30px;} .mapIcon {padding: 0 10px;background: #fff;border-radius: 30px;} .newGetfreeQuote .step {background:#fff; border-radius:15px 15px 0 0;padding:20px;} .newGetfreeQuote .cardItems {background: #fff;padding:0px;border-radius:0;max-height:50vh;overflow: auto; color:#000;} .newGetfreeQuote .btngroup {background: #fff;padding:15px 30px;border-radius:0px 0px 15px 15px;box-shadow: 0 -3px 3px #0000000d;} .newGetfreeQuote div#imagePreview div{ margin-bottom: 10px;} .newGetfreeQuote h5 {font-size:18px;color: #090f40;text-align: center;} label.dateLable {position: absolute;margin: 0;top:-7px;left: 14px;background: #fff;font-size: 12px; padding-right: 25px;} /*.input-group.dateLb input:focus ~ label.dateLable{top:-12px; padding-right:0px;}*/ input#datepicker {border-radius: 7px;} ul.jbList li {margin-bottom:0px;padding: 10px;background:#fff;padding-left: 45px; width:100%;} ul.jbList li .bi {color: #00a0ff;} ul.jbList li::before{font-weight: bold; font-size:20px;left: 10px; background: #131b5f;} b.tex {font-weight: 900;letter-spacing: 0.3px;} .joinTaskr h2{ line-height: 35px;} .jbbox p{color: #ffffffcf;} .newStepForm {min-height: 90vh;} .newDesign .form-control.is-invalid~.invalid-feedback{position: absolute;} .newDesign .mapIcon .form-control.is-invalid~.invalid-feedback{bottom: -23px;white-space: nowrap;} .catSearch .postcodebox{position: relative;} .catSearch.angi .form-group {position: relative;} .prosessbarStep{position: absolute;top: 10px;height:4px;background:#00000008;left: 30px;right: 30px;} span.prosessbarStep span.step-01 {background: #00a0ff;display: block;width: 60%;height: 4px;} span.prosessbarStep span.step-02 {background: #00a0ff;display: block;width:80%;height: 4px;} .modal-dialog.getfreePopup .form-control.is-invalid {border: 1px solid #e23e3d;} span.prosessbarStep span.step-03 {background: #00a0ff;display: block;width:95%;height: 4px;} span.errorbox {display: flex;background: #fff;justify-content: center;margin-bottom: 20px;width: auto;padding: 0;border-radius: 5px;margin: auto;margin-bottom: 20px;} span.numb {font-size: 32px;background: #00a0ff;display: flex;align-items: center;justify-content: center;max-width: 60px;min-width: 60px;height: 60px;border-radius: 30px; color: #fff;font-weight: 900;text-shadow: 2px 5px #131b5f8f;margin: auto;} .blinking-text {color:#131b5f;font-weight:bold; } .card.card-info {background:#f3d805a8;} .blinking-text:hover {color: #00a0ff;} .biz-badge{position: relative;} .ss-popover {position: absolute;margin: 0;width: inherit;top: calc(100% + 10px);left: 50%;background: white;color: #737373;transform: translate(-50%, -55%) scale(0.001, 0.001);-ms-transform: translate(-50%, -55%) scale(0.001, 0.001); -webkit-transform: translate(-50%, -55%) scale(0.001, 0.001);-moz-transform: translate(-50%, -55%) scale(0.001, 0.001);-o-transform: translate(-50%, -55%) scale(0.001, 0.001);padding: 16px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.32); min-width: 256px;z-index: 3;border-radius: 2px;text-align: center;transition: 0.2s transform ease-in-out;} .vryfyBadge .badege img { max-height: 20px;} .biz-badge:hover .ss-popover {display: block;transform: translate(-50%, 0) scale(1, 1);-ms-transform: translate(-50%, 0) scale(1, 1);-webkit-transform: translate(-50%, 0) scale(1, 1); -moz-transform: translate(-50%, 0) scale(1, 1);-o-transform: translate(-50%, 0) scale(1, 1);} .vryfyBadge .badege {display: flex;align-items: center;gap: 10px;} .ss-popover::before {content: "";border: 15px solid white;border-top-color: transparent;border-right-color: transparent;border-left-color: transparent;background: transparent;position: absolute; right: calc(50% - 15px);top: -30px;height: 0;width: 0;} img.hires-cin {max-height:15px;} .hires {display:flex;align-items: center;gap:8px 15px;flex-wrap: wrap; margin-top: 10px;} /*Responsive*/ .media span.sourceLogo img {width: auto !important;height: auto;max-width: 100px;} .table-primary {background-color:#f3f7ff !important;} .table-secondary {background-color:#00a0ff !important; color:#fff !important;} .compare-table tbody tr td:nth-child(2) {background: #00a0ff;border-color: #e319571f;color: #fff;} .table-success {background-color: #d2ecb8 !important;} .table-warning {background-color: #f1d5a7 !important;} .compare-table tbody tr td:nth-child(4) {background: #f3f7ff;} .table-info {background-color: #cbe7fb !important;} .th-width{width:20%; vertical-align: middle !important;text-transform: capitalize !important;font-weight: bold !important;font-size: 16px !important;} .table tbody td{vertical-align: middle;} .text-nowrap {white-space: normal !important;} img.checkIcon {width: 40px;} .bidTask{height: auto;padding: 20px;display: flex;margin-bottom: 15px;background: #343a40;} span.emogiST{min-width:50px;width:50px;margin:0; margin-bottom: 0;margin-right: 20px;margin-top: 0;background: #343a40;} video.video {width: 100%;height: 400px;} .vdo{ overflow: hidden;} .bg-gray2 {background: #f0f0fa;overflow: hidden;margin-bottom:100px;} .review-img-items {display: flex;align-items: center;flex-wrap:wrap; gap:10px;margin-bottom: 20px;} .review-img-items span.image-container {position: relative;transition: transform .2s;height: 100px; width:100px;} .review-img-items span.image-container img{height: 100px;object-fit: cover;border-radius: 10px; width:100%;} .review-img-items span.image-container:hover{transform: scale(1.5); z-index: 9;} .review-img-items span.image-container:hover img {object-fit: contain;width: auto;height: auto;} .review-img-items span.image-container .btn{position: absolute;right: 3px;top: 3px;} .comment-box { display: none; } .comment-box.active { display: block; } .reply {margin-left: 20px; margin-top: 38px;} .reply .bz-reply-logo{height: 50px;width: 50px;border: 1px solid #bfc5d3;object-fit: cover;border-radius: 40px;} .bz-reply-item .bz-reply-logo{height: 50px;width: 50px;border: 1px solid #bfc5d3;object-fit: cover;border-radius: 40px;} .bz-reply-item {display: flex;align-items: center;gap: 10px;margin: 10px 0;} .modal-content {border-radius: 8px;padding: 20px;background-color: #f9f9f9;} .modal-header {border-bottom: none;padding-bottom: 0;} .modal-title {font-size: 1.25rem;font-weight: 500;} .btn-close {background: transparent;border: none;} .form-label {font-weight: 500;font-size: 0.875rem;} textarea.form-control {font-size: 1rem;color: #333;background-color: #fefefe;border: 1px solid #ddd;box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1);border-radius: 8px;} .btn-primary {background-color: #007bff;border: none;} .btn-light {background-color: #eaeaea;color: #333;} .btn-primary:hover {background-color: #0056b3;} .btn-light:hover {background-color: #d4d4d4;} .text-primary {color: #007bff;} .reply-toggle{cursor: pointer;} .min-height{height: 100%;object-fit: cover;border-radius: 20px;} .btn.pdf {background:#131b5f;font-size: 18px;letter-spacing: 0;color: #fff;} .btn.pdf:hover{background: #00a0ff;} .rev-disc span.document-info {font-size: 11px;color: #00a0ff;font-weight: bold;} .rev-disc .bs-popover-end>.popover-arrow::after{} .rev-disc .popover {min-width: 300px;left: -70%;bottom: 20px;top: auto;z-index: 99;box-shadow: 0px -16px 14px rgb(6 10 48 / 29%);border: 1px solid #00a0ff; margin:0;} .rev-disc .popover .popover-arrow{bottom: -17px;border-color: #000;left: 50%;transform: rotate(-90deg);} .rev-disc .bs-popover-end>.popover-arrow::before{border-inline-end-color: #00a0ff;} .rev-disc .popover-body {color: #000;text-align: center;} label.mb-0.rev-disc.tooltip-danger.d-block {line-height: 0;} .bsnListDtl .rev-disc .popover{min-width: 240px; left:0;box-shadow: 0px 0px 4px rgb(6 10 48 / 29%);} /*Background Check*/ span.back-check-icon {width: 60px;height: 60px;background: #eee;display: flex;align-items: center;justify-content: center;font-size: 26px;border-radius: 50%;margin-right: 10px;} .add-abn-form{display:none;} .licence-display-card.active .add-abn-form{display:block;} .licence-display-card.active .detail-abns{display:none;} .background-checks {background: #fff; padding: 20px; margin-bottom: 20px;} ul.paymentList.abnlistmenu li {overflow: hidden;} ul.paymentList li span {font-size: 11px;white-space: nowrap;} .check-icon-bi{position:relative;} .check-icon-bi span{position: absolute;right: -200px;white-space: nowrap;font-size: 10px;font-weight: bold;top: 10px;-webkit-transition: all .4s;transition: all .4s;} .check-icon-bi.vry span{top: 15px;} .check-icon-bi:hover span{right:30px;} .documentbox{display:none;} .trouble.active .documentbox{display:block;} .trouble.active .uploadDoc{display:none;} .detail-abns ul li {display: flex;} .detail-abns ul li span {display: block;width: 180px;} .chatbox2{display:none;} .chatbox1{display:none;} .chatbox2.passport-active{display:block;} .chatbox1.drivers-active{display:flex;} .licencing-agency{display:none;position: relative;} .agency-closs {position: absolute;right: 0;background: #eee;display: flex;width: 30px;height: 30px;align-items: center;justify-content: center;border-radius: 5px;font-weight: bold;cursor: pointer;} .add-licencens #addlicenc{display:none;} .add-licencens .licencing-agency{display:block;} .licenceDetail p{display: flex;align-items: center;gap: 10px;} .licenceDetail p b{display: block;width: 115px;} .gallerybox {display: flex;gap: 20px;align-items: center;margin-bottom: 20px;} .gallerybox img {height: 150px;object-fit: cover;border-radius: 10px;} #editButton {background:#00a0ff;} #editButton:hover {background: #090f40;} a.btnpdf {font-size:45px;color: #f30404;line-height:24px;text-align: center;background:#f304041f;padding-top: 12px;border-radius: 10px;width:60px;display: block;} a.btnpdf span{font-size: 12px;display: block;} .detail-abns.licenceDetail p b{display: block;width:135px;} span.ps-lic {position: relative;} ul.paymentList.abnlistmenu .ps-lic span.ps-or {position: absolute;top: 39px;left: 10px;font-weight: bold;font-size: 13px; color: #00a0ff;} ul.paymentList.abnlistmenu span.ps-lic li:nth-child(1) {border-bottom: 0;} .background-check-items{display:none;} .saer-technologies-pty-ltd .background-check-items{display:block;} img.badges {max-width:25px;} .background-check-items li span{font-size: 10px;color: #09ad95;} .credentials{display:none;} .saer-technologies-pty-ltd .credentials{display:block;} .bi-clipboard-check-fill::before {content:'\F71B';} .checkbystaf .bi {color: #13bfa6;font-size: 20px;} span.checkbystaf {font-size: 12px;font-weight: bold;display: flex;align-items: center;gap: 5px;} .card.credentials ul {padding: 0 30px;} .card.credentials ul div .bi {color: #13bfa6;font-size: 12px;} ul.paymentList.abnlistmenu span.ps-lic li {height: 50px;} .alert.alert-warning.new-alert {border: 0;border-radius: 15px;color:#131b5f !important;background:#f7c730;} .alert.alert-warning.new-alert p{display: flex;align-items: center;gap:0 5px;flex-wrap: wrap;} span.skill {display: flex;overflow: auto;gap: 15px;} span.skill a{color: #131b5f !important;margin-left: 0;white-space: nowrap; font-weight: normal;text-decoration:none;} span.skill a:hover{color: #fff !important;} .alert.alert-warning.new-alert button.btn-close {position: absolute;color:#131b5f94;opacity: 1;font-size: 20px;} ul.arrowlist ul.numberlist li:before{top: 0;font-size: 15px;} ul.arrowlist ul.numberlist li:before {margin-right: 10px;content: counter(item);background: #00a0ff;border-radius: 100%;color: white;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center; position: absolute;left: 0;font-family: none !important;} strong, b {font-weight: 600;} span.dollars {position: absolute;left: 10px;top: 10px;} span#rate-unit {white-space: nowrap;} input.pricedoller {padding-left: 25px;} .suggestion-box {position: absolute;background: #fff;max-height:300px;overflow-y: auto;width: 100%;z-index: 999;display: none;box-shadow: 0 5px 10px #00000029;border-radius: 10px;padding:10px;} .suggestion-box div {padding: 6px;cursor: pointer;border-bottom: 1px solid #eee;border-radius: 5px;} .suggestion-box div:hover {background: #f0f0f0;} .position-relative {position: relative;} .suggestion-box:before{content:'';} .priceDTL {display: flex;gap: 10px;} .users .priceDTL img {max-width:100px !important;height: 80px;object-fit: cover;border-radius: 5px;} .users img#imagePreview {max-width: 100% !important;} img.priceImg {width: 100%;height: 230px;object-fit: cover;border-radius: 10px;margin-bottom: 10px;} .priceListBox {border-radius: 10px;text-align: center;} .chatblank {min-height: 75vh;display: flex;justify-content: center;text-align: center;} .sdt {display: flex;align-items: center;} .sdt .form-control{border-radius:0px 7px 7px 0px;} span.stdcode {height: 40px;display: flex;min-width: 40px;align-items: center;justify-content: center;border: 1px solid #00000026;font-weight: 900;border-radius: 7px 0 0 7px;} .filltersearch {background: #00a0ff;padding: 15px;margin-bottom: 30px;margin-top: -20px;padding-top: 21px;} .filltersearch .catSearch button.search{height: 40px;font-size: 14px; letter-spacing: 0.5px;min-width: 101px;width: 100px;} .filltersearch .catSearch.angi .form-control{ height: 45px !important;} span.tile-op {font-size: 42px;font-weight: 900;line-height: 52px;text-transform: uppercase;display: block;margin-bottom: 20px;} .cat-items {margin:6px; margin-bottom: 0;overflow: hidden;border-radius: 10px;} .pagination-item .paginationCustome {background: transparent;padding-bottom: 50px;margin-top: 50px;} .reletedblogs .card{margin: 0;height: 100%;} .myprofile .avatar.side {margin: auto;display: block;} .myprofile h5 {text-align: center;margin: 10px 0 0;font-weight: bold;} button.btnsubs {background: #00a0ff;border: 0;color: #fff;white-space: nowrap;padding: 0 10px;} .input-group button.btnsub {border: 0;color: #fff;padding: 0 10px;border-radius: 10px;} .newStepForm .getFreeWhite h1 {color: #131b5f;font-weight: bold;font-size: 24px;} img.normalimg { height: auto !important; object-fit: inherit; width: 100%; border-radius: 10px; } .catImgSpace img.normalimg {height: auto !important;object-fit: inherit;width: 100%;border-radius: 10px;} .comp-items {background: var(--darkblue);color: #fff;padding: 30px;border-radius: 15px;height: 100%;} .comp-items .w-done {background: #00a0ff;padding: 10px 30px;text-transform: uppercase;font-weight: bold;display: table;margin: auto;border-radius: 5px; text-align: center;} .comp-items .w-done small {display: block;font-size: 11px;} .comp-items h3 {color: #fff;margin: 20px auto; text-align: center;} .comp-items h3 small {display: block;font-size: 15px;font-family: roboto;margin-top: 10px;} .gray-items-box {background: #F1F4FF;padding: 30px;height: 100%;border-radius: 10px;text-align: center;} b.tagline {display: block;font-weight: 900;} img.phone-items {width: 25px;} img.email-items {width: 25px;} .icon-me{border: 1px solid #c8ced8;border-radius: 5px;height: 45px;} .biz-item-logo{width: 100px;height: 100px;background: #f3f7ff;border-radius: 50px;min-width: 100px;display: flex;align-items: center;justify-content: center;overflow: hidden;border: 1px solid #ced8eb;} .biz-item-logo img.item-logo {width:70%;} img.avatar-logo.biz-itemLogo{ max-width: 125px;min-width: 125px;} .reviews-head.bsnsCard .badges {display: flex;align-items: center;gap: 15px;margin-top: 10px;} .revieshipage {background: #fff;padding: 30px;border-radius: 20px;box-shadow: 0 0 10px #0000001c;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 10px;} .catState img.removelistSlideImg {position: absolute;top: 10%;width: 45%;right: 0;height:90%;object-fit: cover;} span.ico-items {display: flex;margin: auto;width: 75px;margin-bottom: 10px;} /*start responsive*/ @media screen and (min-width:992px) and (max-width:1365px){ .rev-disc .popover {left: auto;right: 130px;bottom: auto;top: -140px;color: #000;margin: 0;box-shadow: -14px 0px 14px rgb(6 10 48 / 29%);} .rev-disc .popover .popover-arrow {bottom: auto;border-color: #000;left: auto;transform: rotate(-180deg);top: 51%;} .reviewsWork .rev-disc .popover{min-width: 260px;right: 135px;} .reviewsWork .rev-disc .popover .popover-arrow{top:44%;} .card-body.bsn-body{padding:5px;} .bsnListDtl .rev-disc .popover {min-width: 200px;left: 0;bottom: 20px;top: auto;} .bsnListDtl .rev-disc .popover .popover-arrow {border-color: #000;left: 56%;transform: rotate(-90deg);top: auto;bottom: -18px;} } @media screen and (min-width:100px) and (max-width:991px){ .fs-64.l-height-80 {line-height: 40px;} .chatSideFixed .input-group.search{padding: 10px;} img.get-free-icon {display:none;} .header-light.light-menu .app-sidebar {position:fixed;top: 0;bottom: 0;} .app-sidebar ul.side-menu {position: absolute;top: 68px;left: 0;bottom: 0;overflow: auto;right: 0;} .header-brand-img{max-width: 175px;font-size: 24px;} .formField{height:auto;} img.mainLogo{max-width:150px !important;min-width: 150px !important;} .bg-gray.authpage.login {padding-top:30px;} .header.sticky.hor-header{height:50px; display: flex; align-items: center;padding: 0;} .app-sidebar__toggle{order: 3;position: absolute;right: 20px;} .hicon {position: absolute;right: 0;} .header-brand-img{margin:0px 10px;line-height: 0;} .app-sidebar__toggle:before{display:none;} .close{display:none;} .sidenav-toggled .close{display:block;} .sidenav-toggled .open{display:none;} .horizontal .side-menu>li>a {padding:5px 25px !important;} h1.page-title{font-size:32px;margin-bottom: 15px;} .removelistSlide .container .row {margin: 0;} .removelistSlide img.removelistSlideImg{margin-top:20px;} .removelistSlide { height: auto;} .removelistSlide img.removelistSlideImg {top: auto; bottom: 0;height:auto; object-fit: cover; position:relative; width:100%;border-radius: 20px;} section.section.catgrySlider:before{display:none;} .bg-gray.forgot {padding-top:70px;} h1.blog_detail_h1 {font-size:32px;line-height:42px;} .footer1.socials{width:100%;} section.section.catgrySlider .container{height:auto;padding: 0;} section.section.removelistSlide{height: auto;margin-top: 50px;background: #00a0ff;padding:40px;padding-top:50px;} .form-control.multiselect{height: 38px !important;} .app .app-sidebar{inset-block-start: 49px;} .post-title{flex-wrap: wrap;} .searchBsnessCard .searchText{height: auto;} .m-top {margin-top: 0px;} h2 {font-size: 28px;} .fs-32 {font-size: 28px;} section.slderSection.topspace.mb-5 {padding-top: 80px;} .fs-30 {font-size: 24px !important;} .bsnDetailFlex{display:block;} .bsnsEditPart{justify-content: space-between; margin-top: 15px;} /*menu*/ .horizontal .app-sidebar{width: 100%;} .app .app-sidebar {inset-block-start: 0;} .horizontal .app-sidebar.horizontal-main {inset-inline-start: -100%;} .horizontal .app-sidebar.horizontal-main .app-sidebar__toggle {right:10px;top: 20px;} .app.sidenav-toggled .app-sidebar {inset-inline-start: 0;} .header-light.light-menu .app-sidebar i.bi.bi-person-circle.fs-56 {font-size: 56px;line-height: 50px;} .header form.d-lg-none .dropdown-item{font-size:17px;} .header form.d-lg-none .dropdown-item .fe{color: var(--orange); font-size: 20px;} hr.d-lg-none.mt-4 {margin: 0 !important;border-bottom: 1px solid #bbb2b2;} /*menu*/ form.serachBlog.w-100 {margin-bottom: 20px;} .hicon div#dbMsgNotification img.avatar-md{ min-height: 2.5rem;} section.sectionFirst{background:#fff; padding:50px 0 0;text-align: center; -moz-transform: skewY(-2deg);-webkit-transform: skewY(0deg);-o-transform: skewY(0deg);-ms-transform: skewY(0deg); transform: skewY(0deg);} section.sectionFirst .container{-moz-transform: skewY(0deg);-webkit-transform: skewY(0deg);-o-transform: skewY(0deg);-ms-transform: skewY(0deg); transform: skewY(0deg);} .step-position-1 {top: 0;} .step-position-2 {top: 0;} .step-position-3 {top: 0;} .newGetfreeQuote .cardItems{max-height:48vh; padding:10px;} .newGetfreeQuote h5{font-size:18px;} .getFreeWhite h2 {font-size: 20px;} .gallerybox{flex-wrap:wrap;} .stikyTag .location-page{padding-top: 10px;} } @media screen and (min-width:100px) and (max-width:767px){ h2{font-size: 32px;} body.tasks .alertboxs {display: none;} body.leads .alertboxs {display: none;} .calculater{text-align: center;} div#totalCost {justify-content: center;} .bidTask {margin-top:30px;height: auto;padding:20px;} span.emogiST{margin-top: -45px;} .reviews-head{display:block;} .my-reviews{text-align: center;} .card.my-reviews .one-line {display: block; margin:0;} img.avatar-logo{margin:auto;} .fs-42 {font-size: 24px;} .mbtopM{text-align:center;} section.slderSection {background: #f1f5fe;padding-right:20px; padding-left:20px; padding-bottom: 30px;} section.slderSection p.fs-20.f-roboto {text-align: center;} .btn-xxl{padding: 10px 20px 10px 32px; font-size:15px;} .fs-64 {font-size: 32px;} .card.bg-blue.rotetedForm {max-width: 275px;transform: rotate(-5deg); position: relative; top: 0; left: 15px;} .card.bg-blue.rotetedForm img.frame {position: absolute;right: -60px;top: 0;transform: rotate(30deg); width: 60px;} .announcement { height: auto; margin-bottom: 70px; padding: 40px 25px; border-radius: 50px;margin-top: 100px;} .announcement img.announce {margin-top: -230px;} .announcement .btn-xxl{padding: 10px 20px 10px 32px;width: 100%; font-size:15px;} .fs-56 {font-size: 32px;} .ownBoss{padding:40px 20px;} img.userAbslute { width: 120px;} span.cardItem01.sameIteme {transform: rotate(-10deg);width: 100px;padding:10px !important; font-size: 12px !important;gap: 4px !important;top: 50px;} span.cardItem01.sameIteme img { width: 15px;} span.cardItem02.sameIteme {left: 100px;top: -30px;} span.cardItem03.sameIteme {left: -80px;top: 80px;} span.cardItem02.sameIteme img.name {position: absolute;right: -53px;top: -66px;width: 100px;} span.cardItem03.sameIteme img.name {position: absolute;left: -30px;top: -107px;} span.cardItem06.sameIteme {right: 0;top:95px;background: #fff;position: absolute;padding: 10px !important;} span.cardItem06.sameIteme h5.fs-18.mb-1.m-0.f-oswald.fw-400 {font-size: 12px !important;} span.cardItem06.sameIteme h3.fs-20.m-0.f-oswald.fw-600{font-size: 13px !important;} span.cardItem04.sameIteme {left: 0;bottom:-70px;width: 150px; display:block;} span.cardItem04.sameIteme h5.fs-18 {font-size: 14px !important;} span.cardItem04.sameIteme img {height:12px;} .sameIteme {position: relative;} span.cardItem04.sameIteme .fs-13 {font-size: 8px !important;} span.cardItem05.sameIteme {right: 22px;bottom: -45px;position: absolute;} span.cardItem05.sameIteme img.name {position: absolute;right: -42px;top: -25px;width: 100px;} .be-your-own{margin-top:30px;} .be-your-own .btn-xxl{padding: 10px 20px 10px 32px;width: 100%; font-size:15px;} .myTabs .mt-100 {margin-top: 50px;} .taskersSlide h2.fs-56.text-center {text-align: left !important;margin-bottom: 50px;} .trending-areas h2.uppercase.fs-56 {text-align: center;margin: 0;} .trending-areas ul.nav.panel-tabs { display: flex; flex-wrap: wrap;height: auto;border-radius: 20px; padding:20px; margin-top:0px;} .trending-areas ul.nav.panel-tabs li {margin: 0;padding:15px 0;border-right: 0; border-bottom: 1px solid #BCBCBC;width: 50%; text-align: right;} .trending-areas ul.nav.panel-tabs li:nth-child(odd){text-align: left;} .trending-areas ul.nav.panel-tabs li a{font-size:20px;} .top-categories ul.list{display:flex; flex-wrap: wrap;} .trending-areas ul.trand li{width:50%;} .trending-areas ul.trand {display: flex;flex-wrap: wrap;} .trending-areas li a{font-size:16px;} .reletedblogs .btn-xxl{width:100%;} .mt-100 {margin-top: 50px;} .newDesign{min-height:inherit;display: flex;padding: 20px;} #openNave{display:block;} /*.card.accountMenu {-webkit-box-shadow: 0 8px 24px rgba(168, 180, 208, 0.1);box-shadow: 0 8px 24px rgba(168, 180, 208, 0.1);width: 250px;*/ /*-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;*/ /*position: fixed;background: #fff;left:-250px;top: 0;padding:0px !important; z-index: 99; height: 100vh; padding-top:55px !important; overflow: auto;}*/ /*.myaccountNav .card.accountMenu{left:0;}*/ .myaccountNav .accountNave .close {display:block;} .myaccountNav .accountNave .open{display:none;} .my-profile img {width: 40px;height: 40px;} .userDtl{display:none !important;} .userDtl.active{display:flex !important;} .side-menu__item.active .side-menu__label{color:var(--blue);} .authpage{padding-top: 30px;} .authpage .card.radius20.p-5 {padding: 30px 10px !important;} .myactPage .card-header.pb-3 {padding: 10px;} .myactPage .card-header.pb-3 h1.fs-32 {font-size: 24px;} .card.gigslist {background: transparent;box-shadow: none;} .card.gigslist .card-header.pb-3 {background: #fff; margin-bottom:20px;} .card.gigslist .card-body{background: #fff;padding:20px; border-radius: 10px;} .search {display: flex;align-items: center;gap: 10px;} .search .setti {padding: 5px;min-width: 40px;max-width: 40px;justify-content: center !important;} .myTaskFixed {position: fixed;top:50px;bottom: 0;z-index: 99;-webkit-transition: left 450ms ease, width 450ms ease; transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;inset-inline-start: -110%;} .activeTask .myTaskFixed {inset-inline-start: -0%;-webkit-transition: left 450ms ease, width 450ms ease; transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease; padding:0px 20px 0px 20px !important; border-radius: 0;} .myTaskSideFixed{inset-inline-end: -0%;-webkit-transition: left 450ms ease, width 450ms ease; transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;} .activeTask .myTaskSideFixed {position: fixed;top: 65px;bottom: 0;z-index: 99;-webkit-transition: left 450ms ease, width 450ms ease; transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;inset-inline-end: -100%;} .media.flex-wrap.S-mb {gap: 10px;margin-bottom: 8px;} /*chat*/ .chatFixed {background: #fff;left: 0;right: 0; padding: 0;padding-top: 10px;margin: 0; overflow: hidden;} .chatFixed {position: fixed;top:50px;bottom: 0;z-index: 99;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;inset-inline-start: -100%;} .activeChat .chatFixed {inset-inline-start: -0%;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;} .chatSideFixed{inset-inline-end: -0%;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;position:relative;top:0px;bottom: 0; padding-top:0px;} .activeChat .chatSideFixed {position: fixed;top: 65px;bottom: 0;z-index: 99;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;inset-inline-end: -100%;} .chatSideFixed .input-group.search {gap: 0;} .chatSideFixed .input-group.search input.form-control{height:40px;} .chatSideFixed .input-group.search span.input-group-text.btn{font-size:15px;} /*myaccount*/ .myAccountDetailFixed {background: #fff;left: 0;right: 0; padding: 0;padding-top: 10px;margin: 0;overflow: auto;} .myAccountDetailFixed {position: fixed;top:40px;bottom: 0;z-index: 99;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;inset-inline-start: -100%;} .activeMyaccountDetail .myAccountDetailFixed {inset-inline-start: -0%;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;} .myAccountSidebarFixed{inset-inline-end: -0%;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;position:relative;top:0px;bottom: 0; padding-top:0px;} .activeMyaccountDetail .myAccountSidebarFixed {position: fixed;top: 65px;bottom: 0;z-index: 99;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;inset-inline-end: -100%;} .bg-gray.topspace.myactPage {padding: 0;background: #fff !important; padding-top:70px;} .bg-gray.topspace.myactPage .card.accountMenus {box-shadow: none;} .bg-gray.topspace.myactPage .sideNave{ padding:0 !important;} .myAccountDetailFixed .card-header.abs-item h1 {padding: 10px;border-bottom: 1px solid #eee;padding-left: 15px; position:fixed;top:50px;background: #fff;z-index: 99;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;inset-inline-start: -100%;} .activeMyaccountDetail .myAccountDetailFixed .card-header.abs-item h1 {inset-inline-start: -0%;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease; right:0;} .myAccountDetailFixed .paymentTab {padding-top:27px;} .myAccountDetailFixed .tabs-menu-boxed ul li a {border: 1px solid #eee !important; border-radius: 5px !important; margin: 5px;} .myAccountDetailFixed .nav.panel-tabs a.active {color: #fff;background: #00a0ff !important;} .activeMyaccountDetail .alertboxs {display: none;} .myAccountDetailFixed{padding-bottom: 60px;} .myAccountDetailFixed .card {box-shadow: none;padding-top: 40px;} /*.myAccountDetailFixed .card-header.abs-item h1{position:fixed;background:#fff;z-index:9;left:0px;right:0;top:50px;padding: 10px;border-bottom: 1px solid #eee;padding-left: 15px;}*/ .myAccountDetailFixed .card-header.pb-3 {padding: 0 !important;} .bsn-page-mobile {background: #fff;left: 0;right: 0; padding: 0;padding-top: 10px;margin: 0; overflow: auto;} .bsn-page-mobile {position: fixed;top:40px;bottom: 0;z-index: 99;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;inset-inline-start:100%;} .activeBsnsDetail .bsn-page-mobile {inset-inline-start: -0%;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;} ul.nav-bsnsTab{padding: 0px 20px;display: block;border-top: 0;} ul.nav-bsnsTab li a{border-bottom: 1px solid #eee;} ul.nav-bsnsTab li a:after{content: "\f285"; font-family: bootstrap-icons !important; background: transparent;transform: none;width: auto;} .activeBsnsDetail .card-header.abs-item2 h1{position:fixed;background:#fff;z-index:9;left:0px;right:0;top:50px;padding: 10px;border-bottom: 1px solid #eee;padding-left: 15px;} .activeBsnsDetail .alertboxs {display: none;} .onbnspage .myAccountSidebarFixed{display:none;} .bsn-page-mobile {padding-bottom: 50px;} span.bsnsAddBtn {display: flex;margin-top: 60px;padding-bottom: 20px;} ul.nav-bsnsTab li:last-child a:after{display:block;} /*myaccount*/ .stikyTag .chatSideFixed{position:fixed;top:60px;} .chatUserDetail{display:none;position: fixed; top:49px;bottom: 0;background: #fff;z-index: 9;overflow: auto;padding-top: 70px;} .chatUserDetail.active{display:block;} .chatUserDetail .main-content-app {height: calc(83vh - 0px);overflow: scroll !important;} span#closeUserDetail {position:absolute;right:20px;font-size:24px;z-index:9;background: #eee;height: 35px;display:flex;align-items: center;width: 35px;justify-content: center; border-radius: 21px;color: #01a1ff;} div#ChatBody {height:calc(80vh - 100px);overflow:auto !important;} .h93vh {max-height: calc(93vh - 95px);overflow: auto;} .main-chat-list{max-height: calc(93vh - 25px);} .main-content-app {height:calc(100vh - 120px);} .chatFixed form#chat-msg-send {position: fixed;width: 100%;bottom: 0; display:none;} .activeChat .chatFixed form#chat-msg-send{display:block;} .browseTask {padding:10px !important;} .browseTask .taskscroll{max-height: initial;} /*.browseTask .rounded20 {border-radius: 0px;margin-bottom: 2px;padding-bottom: 15px;}*/ .bg-gray.topspace.brsTaskTop{ padding-top:20px;} span.text-or.Taskprice {position: absolute;top:0px;right: 15px;} .browseTask h1 {text-transform: inherit;font-size: 21px !important;} .browseTask img.avatar {width: 70px;height: 70px;} .browseTask span.avatar.img-bg{width: 70px;height: 70px;} .hide-in-bomile{display:none;} .taskDesc .textBx{height: 40px;overflow: hidden;position: relative;} .taskDesc span.read {color: var(--blue);} .taskDesc.active .textBx{height:auto;overflow: hidden;position: relative;} .browseTask .btn {font-size: 14px !important;} .serachBlog form.button-wrap {position:fixed;top:70px;right:40px; left:auto; width:0 !important;z-index: 99;overflow: hidden;} .serachBlog.active form.button-wrap{width:auto !important; left:0;} .serachBlog .button-wrap.mt32 input.form-control {border-radius: 0 !important;height: 40px;} .serachBlog .button-wrap.mt32 .input-group-text.bg-white.text-bd {border-radius: 0;border: 0;} .srch.addclass{font-size: 21px;background:#131b5f;color: #fff;display: flex;padding: 10px;width: 40px;height: 40px;align-items: center;justify-content: center; position: fixed;right: 0;top: 71px;} .cls.removeclass{font-size: 21px;background:#131b5f;color: #fff;display:none;padding: 10px;width: 40px;height: 40px;align-items: center;justify-content: center; position: fixed;right: 0;top: 71px;} .serachBlog.active .cls.removeclass{display: flex;} .serachBlog.active .srch.addclass{display:none;} .col-md-4.serachBlog.addClassHare {z-index: 9;} /*cat slider*/ img.catSlideImg{height: auto;position: relative;} section.section.catgrySlider .container {padding-top: 0;padding: 0;} section.section.catgrySlider .bg-blue.radius20.p-5 {border-radius: 0;padding: 35px !important;text-align: center;} section.section.catgrySlider .button-wrap.mt32{flex-wrap: wrap;justify-content: center;} section.section.catgrySlider .form-group{width: 100%;} section.section.catgrySlider .button-wrap.mt32 .btn-xl{width: 100%;} img.radius20.fristImg {height: auto;} .progressBar{max-width: 100%;width: 100%;bottom: 30px; right:0; position: relative;} .progressLeft {padding-left: 15px;} .introSec h2{font-size:32px;} .introSec {padding: 20px 0;} .fs-48 {font-size: 32px;line-height: 38px;} .myTaskFixed .remove-class-button {position: fixed;background: #fff;width: 100%;z-index: 9;top:50px;padding:5px 0px;} .activeTask .myTaskFixed .row.taskscrollSide {padding-top: 10px;} .bg-gray.forgot.p-50 {padding:30px 0 30px;padding-top: 70px;} .form-group.editAccount {display:block;margin-bottom:25px;} .rating-bsns{display:block;} .rating-bsns span.rc {display: block;} .myTaskFixed.taskscrollSide {max-height: calc(90vh - 0px);padding-top:55px !important;padding-bottom: 70px !important;} .dropdown.d-flex.notifications a.nav-link {padding: 0 !important;} .dropdown.d-flex.message a.nav-link {padding: 0 !important;} .form-group.editAccount.un-verified label.form-label {position: relative;top: -3px;} section.slderSection .btn-list .btn { max-width: 250px;} section.slderSection .btn-list{justify-content: center;} .btn-list{display: flex;flex-wrap: wrap;} .reviews-head img.avatar-logo{margin: 0;} .numberVrfy .inputbox{width: auto;} .form-group.editAccount.numberVrfy label { margin-bottom: 10px;} ul.nav.panel-tabs.paymentTab {flex-wrap: nowrap;} .paymentTab li a {font-size: 13px;} .catImgSpace img { margin-bottom: 25px;} .taskscrollSide{padding-top: 30px;} .l-height-sm-40 {line-height: 40px;} .ownboss .p-70 {padding: 30px;} .ownboss .mt-80 {margin-top: 0;} .be-your-own {margin-top: 0;} li.slide {margin-bottom:0px;} .slide-menu li {padding: 5px 0;} section.catSearch.home:before{border-end-start-radius: 400px; width:100%; height:90%;} img.get-free-icon {display:none;} .taskscroll.leadScroll span.accept {position:absolute;bottom: 0;z-index: 9;background: #fff;left: 0;right: 0;padding: 10px;display: flex;justify-content: center;} .taskscroll.leadScroll span.accept a.btn {width: 100%;} .taskscroll.leadScroll span.accept a.btn{font-size: 24px !important;} .towLine {height: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .bodypage.chat a.side-menu__item.number-menu {display: none;} .paginationCustome{ margin-bottom: 20px;} .leasTask{max-height: inherit;} .leadStatus {position: fixed;z-index: 9;left: 0;right: 0;background: #fff;top: 48px;padding-bottom: 15px;border-bottom: 1px solid #eee;} .myTaskFixed .B-title {margin-top: 20px;display: flex; gap: 10px;} .taskscroll.leadScroll .B-title {position: fixed;background: #fff;z-index: 9;left: 0;right: 0;top: 29px;padding: 12px 20px;border-bottom: 1px solid #eee;} .modal-dialog.getfreePopup .getfreeqt{padding: 15px;} .footer-bottom{margin-bottom: 60px;} .notification:before{inset-inline-start: -8px;} ul.mynoti.notification:before{display:none;} ul.mynoti.notification .notification-body:before{display:none;} ul.mynoti.notification>li{padding: 5px 0;} ul.mynoti.notification .notification-body{border: 1px solid #6c5ffc33;box-shadow: none;} /*tasksubmit*/ div#getFreeQuote .modal-content{height:100%;} .modal.show .modal-dialog{height:96%;} .modal-dialog .item-quotes {height: 100%;} .modal-dialog.getfreePopup .getfreeqt{height: 100%;} .modal-dialog.getfreePopup .form-step{height: 100%;} .modal-dialog.getfreePopup .formField {height: 100%;padding-bottom: 50px;} .modal-dialog.getfreePopup .btngroup{position:fixed;left: 0;bottom: 0;right: 0;justify-content: center !important;padding: 15px;background-image: linear-gradient(#ffffffcf, white);} .modal-dialog.getfreePopup button.btnsub {width: 100%;text-align: center;justify-content: center;} /*tasksubmit*/ .modal-dialog.getfreePopup .leaveSec .btngroup {position: relative;padding: 0;} .alertboxs .btnv{display:block;} .newLeadSetting ul.numberlist{ justify-content: start;} .bg-gray.topspace {min-height: auto;} /*table responsive*/ .responsiveTable .table>thead{display:none;} .responsiveTable .table{border:0 !important; } .responsiveTable tr{margin-bottom:20px;} .responsiveTable table.table td {border-bottom:0;display: flex;text-align:right;vertical-align: middle;align-items: self-start;gap: 5px;padding:10px; justify-content: space-between;font-size: 13px;} .responsiveTable table.table td::before {content: attr(data-label);min-width:100px;font-weight: bold;font-size: 12px;text-align:left;} .responsiveTable tr {margin-bottom: 20px;display: block;border: 1px solid #eee; box-shadow: 0 0 4px #0000005e;} .compare-table table.table td.tdfull{background: #131b5f;color: #fff;} .background-check-box ul.paymentList.abnlistmenu {display: block;} .hires{gap: 5px;flex-wrap: wrap;justify-content: center; margin:10px 0;} .filltersearch{margin-top:25px;padding:10px 0;padding-top: 15px;position: fixed;top: 20px;z-index:99;left: 0;right: 0;} .logoutbrowse {margin-top: 90px;} } .text-blue {color: #00a0ff !important;} @media screen and (min-width:100px) and (max-width:359px){ .myactPage .card-header:first-child {display: block;} .myactPage .card-header .smoIcon {justify-content: flex-start !important; margin-top: 10px;} .myactPage .card-header .ms-auto.btn.btn-info{ margin-top: 10px;} .iconBox-items{display: block;text-align: center;} img.mainLogo {max-width: 125px !important;min-width: 125px !important;} .vryfyBadge{justify-content: center !important;} } @media screen and (min-width:100px) and (max-width:479px){ .element-item {max-width:100%;margin:10px;} a.side-menu__item.number-menu{color:#131b5f !important;padding:0px;line-height: 0;} a.side-menu__item.number-menu span{display:none;} .leaveBox .btngroup {flex-wrap: wrap;justify-content: center !important;} body.leads a.side-menu__item.number-menu{display:none;} .appstore img {max-width: 130px;} .taskscroll.leadScroll span.accept a.btn {font-size: 18px !important;} .catSearch.angi{flex-wrap: wrap;background: transparent;} .catSearch .postcodebox{width: 100%;margin:10px 0 !important;} .catSearch.angi span.pipe{display: none;} .catSearch.angi .postcodebox .form-control {border-radius:30px;padding:0px;} .catSearch button.search{min-width:100%;} .catList{gap: 25px;} .catSearch.angi .form-control{padding: 0 25px;} .mapIcon{padding: 0 20px;padding-right: 0;} .form-control.is-valid, .was-validated .form-control:valid{background-position: right calc(1em + .1875rem) center;} .ratingslide img{max-width: 40px;} .find-local-Re {text-align: center;} .catgrySlider .remove {text-align:center;} .btn-list{justify-content: center;} .reviews-head span.d-flex.flex-wrap.align-items-center.gap-2 {justify-content: center;} .find-local-Re h1 {font-size:34px;} section.section.catgrySlider{padding:20px;background: #00a0ff;} .filltersearch .load {background: #fff;border-radius: 27px;} .filltersearch .catSearch button.search{width: 100%;} } @media screen and (min-width:100px) and (max-width:319px){ a.side-menu__item.number-menu{display:none;} } @media screen and (min-width:480px) and (max-width:767px){ .element-item {max-width:46%;margin:10px;} img.mainLogo {min-width: 170px !important; max-width:170px !important;} a.side-menu__item.number-menu{position:relative; right:0; top:0px;color: var(--blue) !important;font-size: 18px !important;} .hicon{align-items: center;} .appstore img {max-width: 130px;} .catList{gap: 25px;} .catList .item-cat {min-width: 100px;} .reviews-head span.d-flex.flex-wrap.align-items-center.gap-2 {justify-content: center;} } .notification_settings .form-switch .form-check-input{margin-left: -1.5em;} @media screen and (min-width:100px) and (max-width:575px){ .imgcard{max-width: 100%;width: 100%;margin-bottom: 20px;max-height: 200px;} .card.gigslist {background: transparent;box-shadow: none;} .card.gigslist .card-header.pb-3 {background: #fff; margin-bottom:20px;} .card.gigslist .card-body{background: #fff;padding:20px; border-radius: 10px;} .businssProfile{text-align: center;} .businssDetails {text-align: center;} .whychooseslide .coose-cols{display: block;text-align: center;} .whychooseslide .coose-cols img{ margin: auto;} .reviews-head{text-align: left;} .card.my-reviews .one-line {margin: 0;margin-bottom: 5px;} ul.jbList li{width:100%;} .notification_settings .checkml form.checkflex {margin-left: 24px;} .notification_settings .checkml h4 {margin: 0;} .fs-28 {font-size: 21px;} .reviews-head {text-align: center;} .reviews-head .phone{width:100%;} .bsnDetailFlex{flex-wrap: wrap;justify-content: center;gap: 15px;} .review.rattingCard .media.mt-0.d-block.d-sm-flex {text-align: center;} .location-area-search{flex-wrap: wrap; gap: 15px;} .location-area-search span.from {min-width: 100%;text-align: start;} .location-area-search select.form-control { max-width:100%;} .location-area-search select.form-select { max-width:100%;} .bill-info.addfund{flex-wrap:wrap;} .bill-info.addfund .valut {height: auto !important;} .bsnDetailFlex .border-bottom {border-bottom:1px solid #e9edf4 !important;} .bsnDetailFlex .border-top {border-top:1px solid #e9edf4 !important;} .catSearch span.title {text-align: center;display: block; font-size:34px; line-height:40px;} .catSearch p.pera{text-align: center;font-size:16px !important;} .input-group.number.lead {flex-wrap:wrap;justify-content: center; gap: 15px;} .input-group.number.lead input#ParentCate {width: 100%;border-radius: 7px;} .input-group.number.lead button.btn{border-radius:7px !important;width: 100%;} .form-group.flex-wrap-loc {flex-wrap: wrap;} .form-group.flex-wrap-loc button.btn {width: 100%;} a.mail-phone span {display: none;} .fs-36 {font-size: 24px;} .responsiveTable table.table td.tdfull{flex-wrap: wrap;} .responsiveTable table.table td.tdfull span{width: 100%;text-align: left;} } a.blink-hards {position: absolute;top: 15px;right: 15px;} a.blink-hard {position: absolute;top: 15px;right: 15px;} .blink-hard {animation: blinker 1s step-end infinite;} .bi-hide-lg {display: none;} .noty-icon{position: relative;display: flex;align-items: center;gap: 2px;margin-left: 14px;} .noty-icon i {font-size: 20px;position: relative;} .noty-icon .pulse{inset-block-start:0 !important;inset-inline-end: 0;inset-inline-start: 15px;} .countBadge {font-weight: 600;color: var(--orange);font-size: 11px;} @media screen and (min-width:100px) and (max-width:991px){ .app-sidebar__toggle{right:10px;padding:0;} nav.navigationExample {overflow: auto;} .hicon img.avatar-md {width: 25px;height: 25px;} .hicon {right:50px;} .horizontal .side-menu>li>a {font-family: 'roboto', sans-serif;font-size: 14px; font-weight: 400; text-transform: inherit;} .horizontal li.slide {margin-bottom:0px;border-bottom: 1px solid #eee;} .header-light.light-menu .app-sidebar li .bi {color:#55606e;font-size:20px;} .header-light.light-menu .app-sidebar li .fe {color:#55606e;font-size:20px;} .horizontal .side-menu>li>a.active .bi{color: var(--blue);} .horizontal .side-menu>li>a.active .fe{color: var(--blue);} .bi-hide-lg {display:block;} span.ctBadge{right:0;} .header .notifications .dropdown-menu {position: fixed;top: 0;} .header .dropdown.message .dropdown-menu{position: fixed;top: 0;} .progressLeft { padding-left: 15px;} .header .dropdown.mobileItems .dropdown-menu a.dropdown-item.text-center.p-3.text-muted {position: fixed;bottom: 0; background: #fff; border-top: 1px solid #eee;} .header .dropdown.mobileItems .drop-heading.border-bottom {position: fixed;top: 50px; background: #fff;width: 100%;} .header .message-menu-scroll {height: auto;} .header .dropdown.mobileItems .dropdown-menu {position: fixed;top: 0;bottom: 0; height: 85vh; overflow: auto; padding-top: 50px;padding-bottom: 50px; box-shadow: none;} .header .notifications-menu {height: auto;} .breadcrumb{overflow: auto;flex-wrap:nowrap !important;} .breadcrumb .breadcrumb-item {display: flex !important;} .breadcrumb .breadcrumb-item a{white-space: nowrap;} .breadcrumb .breadcrumb-item.active{white-space: nowrap;overflow: visible;} ol.breadcrumb1{overflow: auto;flex-wrap:nowrap !important;} ol.breadcrumb1 .breadcrumb-item1 {display: flex !important;} ol.breadcrumb1 .breadcrumb-item1 a{white-space: nowrap;} ol.breadcrumb1 .breadcrumb-item1.active{white-space: nowrap;overflow: visible;} .horizontal .side-menu>li>a{color: #000000d9;} .catSearch span.title {text-align: center;display: block;} .catSearch p.pera{text-align: center;} .taskFormPage .bg-gray.pt-65 { padding-top: 0;} ul.notification.d-flex {flex-wrap: wrap;gap: 20px;} .thankupage .notification .notification-icon{inset-block-start: 0;width: 20px; display: block;} .thankupage .notification>li {position: relative;min-height: auto;padding: 0;} .thankupage .notification .notification-body{background: transparent; padding-left: 25px;} .taskFormPage .card-header {flex-wrap: wrap;gap: 10px;justify-content: center;} .taskFormPage .card-header .open-btn{margin: auto;} .taskFormPage{padding-top: 20px;} div#customeFieldOne h5{font-size: 18px;font-weight: 400;line-height: 27px;} section.slderSection.topspace.catSearch.bg-blue {background: var(--blue);} .taskscroll.side .one-line-card{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;} .taskFormPage.thanku {padding-top:70px;} .alert-success.thankualert{display: block;text-align: center;border-inline-start: 0 !important;border-top: 5px solid #35b9a6;} .alert-success.thankualert .bi {font-size: 60px;display: table;margin: auto;} .taskFormPage.thanku h2 {text-align: center;font-size: 24px;} ul.popularList{justify-content: center;} .leas_service .alert.alert-default{flex-wrap: wrap;gap: 10px;} } @media screen and (min-width:576px) and (max-width:767px){ .bsnDetailFlex{flex-wrap: wrap;gap: 15px;} .bsnsEditPart{justify-content: flex-start;} .bidTask{padding: 20px;text-align: left !important;display: flex; gap: 20px;align-items: center;margin-top: 0;} span.emogiST{margin:0; min-width:80px;} .d-sm-flex.mt-2.flex-wrap.fs-14.align-items-center.gap-2.bsnsMB {justify-content: space-between;} .bsnDetailFlex .bsnsEditPart.pt-3.pt-sm-0.border-top {justify-content: space-between;} } @media screen and (min-width:768px) and (max-width:991px){ .chatSideFixed .main-img-user { width: 30px;height: 30px;} .cat-topW {padding-top: 20px;} .fs-64 { font-size:48px;} .btn-xxl {font-size: 16px;font-weight: 500;padding: 12px 15px 12px 25px;} .topspace {padding-top:70px;} .announcement{height: auto;} .fs-42 {font-size: 32px;} .bg-darkblue.ownBoss.p-70.rounded40 {padding: 20px;} .mt-100 {margin-top: 50px;} section.section1.mb-50.pt-50.pb-50.trending-areas {padding-bottom: 0;margin-bottom: 0;} .modal-dialog.getfreePopup{max-width: 760px;} .element-item {max-width:31%;margin:1%;} /*header*/ a.side-menu__item.number-menu{position:relative; right:0; top:0px;color: var(--blue) !important;} .hicon {align-items: center;} .footer h3{ font-size: 16px;} } @media screen and (min-width:992px) and (max-width:1199px){ .btn-xxl{padding: 12px 15px 12px 24px;} .taskscroll.side .one-line-card{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;} img.mainLogo {min-width:150px !important; max-width:150px !important;} span.side-menu__label.arrow .bi{font-size: 15px;} } /*new pages*/ .form-group.claimbns.catSearch.bg-blue {padding: 15px;border-radius: 10px;} .form-group.bg-blue.lc{padding: 15px;border-radius: 10px;} .comp-text-box {position: relative;right: 0;background: #ffffff9c;padding: 20px;width: 600px;} .mtask.undeline {text-decoration: underline;} .clip-path-round{clip-path: circle(50% at 50% 50%);} .catLists {border-bottom: 1px solid #eee;} .btn.btn-sm.editLocation {background: #e9e9f1;border-radius:20px;cursor: pointer;} span.toggle-popup.add {cursor: pointer;font-weight: 600;color: #02a1ff;} section.joinTasker {padding-top: 100px;} @-moz-document url-prefix() { .leasTask {overflow-y: scroll;scrollbar-color:#939AA8 #eee;scrollbar-width: thin;} .leasTask::-webkit-scrollbar {width:3px;background-color:#EEF4FF;} .leasTask::-webkit-scrollbar-thumb {background-color:#eee;} .taskscroll{overflow-y: scroll;scrollbar-color:#939AA8 #eee;scrollbar-width: thin;} .taskscroll::-webkit-scrollbar {width:3px;background-color:#EEF4FF;} .taskscroll::-webkit-scrollbar-thumb {background-color:#eee;} .taskscroll.side{overflow-y: hidden;} } ul.list-group.catlist span.list-group-item {cursor: pointer;display: flex; align-items: center;justify-content: space-between;position: relative;width: 100%;border: 0;} span.cross02 {display: block;width: 40px;height: 40px;background: url(https://servicetasker.com.au/assets/images/cross02.png) no-repeat center;background-size: 40px;margin: auto;} span.cross01 {display: block;width: 40px;height: 40px;background: url(https://servicetasker.com.au/assets/images/cross01.png) no-repeat center;background-size: 40px;margin: auto;} span.check01{display: block;width: 40px;height: 40px;background: url(https://servicetasker.com.au/assets/images/check01.png) no-repeat center;background-size: 40px;margin: auto;} span.check02{display: block;width: 40px;height: 40px;background: url(https://servicetasker.com.au/assets/images/check02.png) no-repeat center;background-size: 40px;margin: auto;} .newCostSide {position: sticky;top: 100px;box-shadow: 0 0 10px #00000045;padding: 20px;border-radius: 10px;height: 82vh; overflow: auto;} .newCostSide li a {font-size: 15px;} .newCostSide li {margin: 0;border-bottom: 1px solid #eee;padding: 8px 0;} .newCostSide ul li:before {top: 4px;position: relative;} .newCostSide li ul li {padding-left:20px; display: flex;} .blogDetailSec .newCostSide li ul li:before {content: '';width: 7px;height: 7px;background: #131b5f7a;border-radius: 10px;margin-right: 5px;top: 10px;} tr.bg-darkblue.text-white th {color: #fff;} .newCostGuide .panel-heading1 h4 {margin: 0;padding: 15px;} .keypoint {box-shadow: 0 0 5px #0003;padding: 20px;border-radius: 20px;border-left: 5px solid #2196F3;border-right: 5px solid #2196F3;} .keypoint img {max-width: 40px;} .breadcrum {background: #f3f7ff;padding: 10px;margin-top: 20px;border-radius: 5px;} .taskFormPage select.form-control.multiselect {height: auto !important;} .leas_service select.form-select {width:100px;} .sharebtngroup { position: fixed; top:640px; background: #fff; padding: 0; z-index: 9; display: table; transform: rotate(-90deg); box-shadow: 0px 0 6px #00000059; border-radius: 10px; padding: 10px; margin-left: -150px; transition: 0.5s; } .sharebtngroup ul {display: flex;gap: 20px;} .sharebtngroup a {display: flex;align-items: center;gap: 10px;} .sharebtngroup a .fa {width: 30px;height: 30px;background: #eee;border-radius: 15px;display: flex;align-items: center;justify-content: center;} .sharebtnCost .sharebtngroup{top: 180px;transition: 0.5s;} .ratingslide {position:relative;background: #fff;padding:15px;box-shadow: 0 0 10px #0003;border-left: 5px solid #0099f4;border-right: 5px solid #0099f4; display: flex; align-items: center;gap: 10px; text-align: center;justify-content: center;width: 230px;height: 230px;border-radius: 115px;} .ratingSlider {display: flex;align-items: center;justify-content: end;} .rateStar {font-size: 32px;font-weight: bold;color: #131b5f;line-height: 30px;} .ratingslide .star::before{font-size: 22px;} .ratingslide .star span::before{font-size: 22px;} .ratingslide img {max-width: 60px;} .ratingslide .star{width: 130px;} .leadEdit .btn:hover{color:#131b5f;} span.leadSetLoc {display: flex;align-items: center; gap: 5px 10px; background:#131b5f; padding: 5px 10px; border-radius: 5px;color: #fff;} .leadStatus {background: #131b5f;padding-bottom: 10px;border-radius: 10px;overflow: hidden;} .leadStatus .open-btn.open{border: 0;color: #fff;} .leadStatus .open-btn:before{display:none;} .valut {display: flex; align-items: center; gap: 10px 20px; flex-wrap: wrap;} .addLoBtn {min-width: 140px;padding: 6px 0;} .mynoti .dropdown-item {border-bottom: 1px solid #e9edf4;} .leas_service .tag.tag-rounded{width:100%;justify-content: space-between;padding: 5px 0 !important;border:0 !important; border-bottom: 1px solid #58576438 !important; border-radius: 0; margin: 0;} .leas_service button.btn-close {position: relative;font-size: 24px;color: #101c78;opacity: 1; padding:0;} .leas_service .tag.tag-rounded.checked { color: #00a0ff;background: #fff;} .socialFooter {background: #090f4057;padding: 10px 20px;border-radius:20px;justify-content: space-between;} img.whatsapp {max-width:40px !important;border-radius: 30px;border: 3px solid #fff;} .top-footer img:hover {color: transparent;opacity: 1;} span.abn{display:flex;align-items: center;gap: 5px;} span.abn span.v {display: none;font-size: 12px;color: #35b9a6;} span.abn.active span.v {display:block;} .joinST .bi {color: #fff;} .notify-items {background: #f3f7ff; padding-bottom:25px; padding-top:85px;} .jointasker {display: flex;align-items: center;} a.btn.bg-blue.joinST {display: flex;align-items: center;font-size: 15px;width:190px;justify-content: center;padding: 3px 0px; margin-left: 10px;} .joinST {animation: blinker 2s step-end infinite;} @keyframes blinker { 50% {background:#131b5f;}} .btn-group {border-radius: 20px;overflow: hidden;} .list-of-bsns {display: flex; flex-wrap:wrap; align-items: center;gap: 10px 20px;margin-top: 10px;} .customer-review {background: #fff;padding: 10px 15px; margin-top:10px;} .btn-group-sm>.btn{padding: 0px 0.51rem;} ul.paymentList li {padding: 10px;border-bottom: 1px solid #eee;} ul.paymentList li a {color: #363131;display: flex;align-items: center;gap: 10px; font-size:14px;} ul.paymentList li a .bi{font-size: 18px;} ul.paymentList li a.active{color: #00a0ff;} .balanceBox{text-align: center; border-radius: 10px;} .bsn-header .bsns-title {margin: 10px auto; display: table; text-align: center;} ul.bsns-menu li {padding: 10px;border-bottom: 1px solid #eee;} ul.bsns-menu li a {color: #363131;display: flex;align-items: center;gap: 10px;} ul.bsns-menu li a .bi{font-size: 18px;} ul.bsns-menu li a.active{color: #00a0ff;} .bsn-header span.abn{justify-content: center; margin-top: 10px;} ul.bsns-menu{margin-top: 20px;} .not_join_st {width: 100%;} .join_st{width: 100%;} .be-the-first{ align-items:center;display: flex;gap: 4px;} .pipline{display:block; width:4px; background:#131b5f78; height:15px;} .be-the-first b {line-height: 0;color: #131b5f;font-weight: 700;} .be-active-1 span.pipline.be-1{background:#13bfa6;} .be-active-2 .pipline.be-1,.be-active-2 .pipline.be-2{background:#13bfa6;} .be-active-3 .pipline.be-1,.be-active-3 .pipline.be-2,.be-active-3 .pipline.be-3{background:#13bfa6;} .bg-blue.playstore {padding: 30px 0;} .bg-blue.playstore h2{color:#fff; margin-bottom:10px;} .bg-blue.playstore p{max-width:590px;margin: auto; margin-bottom: 15px;} span.stripes {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;} .smallFooter {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .appstoreFooter img {max-width: 100px;} .moreDetails{display:none;} @media screen and (min-width:1200px) and (max-width:1400px){ .blog.costguidSection{padding-left: 70px;} } @media screen and (min-width:100px) and (max-width:767px){ .bg-blue.playstore h2 {font-size: 18px;font-family: roboto;} .smallFooter{justify-content: center; gap:10px;} span.stripes{justify-content:center;} span.cross02{background-size: 20px;width: 20px;height: 20px; margin: 0;} span.cross01{background-size: 20px;width: 20px;height: 20px; margin: 0;} span.check01{background-size: 20px;width: 20px;height: 20px; margin: 0;} span.check02{background-size: 20px;width: 20px;height: 20px; margin: 0;} } @media screen and (min-width:100px) and (max-width:575px){ .leas_service select.form-select{ width: 100%;} .form-group.flex-wrap-loc{justify-content: center;} .flex-wrap-loc.d-flex.gap-3.align-items-center {flex-wrap: wrap;gap: 8px 0 !important;justify-content: center;} .addLoBtn {min-width:100%;} span.numb{max-width: 40px;min-width: 40px;height: 40px;font-size: 20px;margin: 0;} .rateStar{font-size: 20px;} .ratingslide .star::before {font-size: 16px;} .ratingslide .star span::before {font-size: 16px;} .ratingslide img {max-width:40px;} .socialFooter{background: transparent;padding: 0; justify-content: center;} .footer-social-list { margin-bottom: 15px !important; justify-content: center;} } @media screen and (min-width:100px) and (max-width:767px){ .myaccountMobileMenu .card.accountMenus {box-shadow: none;} .myaccountMobileMenu ul.side-menu.sideNave{padding:0 !important;} .myaccountMobileMenu ul.side-menu.sideNave li a {font-size: 16px;} .myaccountMobileMenu .sideNave li.slide {padding: 10px 0;} .myaccountMobileMenu .side-menu .side-menu__icon{font-size:22px;} .myaccountMobileMenu i.bi.bi-chevron-right{font-size:22px;} .stripes{flex-wrap: wrap;border-radius: 15px;padding: 5px 5px;text-align: center;} img.stripelogo-new{width:100%;} span.leadSetLoc{border-radius: 0;} .sharebtnCost .sharebtngroup ul {display: flex;gap: 20px;} .newCostSide{margin-bottom: 40px; height:auto;} .sharebtngroup {position: relative;top: 0;margin: 0;transform: revert;} .sharebtnCost .sharebtngroup {top: 0;transition: 0.5s;} .myaccountMobileMenu .card.accountMenus {display:block;} ul.nav.panel-tabs.paymentTab {flex-wrap: wrap;} div#ChatBody{height: calc(100vh - 175px);} .light-menu.leads .header.sticky.hor-header{position: fixed;} .light-menu.leads .bg-gray.topspace.brsTaskTop {padding-top: 63px;} .logo-horizontal{width: 170px;} .stikyTag .topspace{padding-top:70px;} .rating-bsns{display: flex;flex-wrap: wrap;justify-content: center;gap: 0; margin-bottom: 10px;} .reviews-head .one-line {-webkit-line-clamp: initial;line-clamp: initial;text-align: center;} .reviews-head img.avatar-logo {margin: auto;display: block;} .comp-text-box{width:auto;} .bsnDetailFlex .bsnsMB {justify-content: center;display: flex;} .bsnDetailFlex .bsnsEditPart{justify-content: center;} .stikyTag .location-page {padding-top: 10px;} .ratingSlider{justify-content: start;margin-top:30px; margin-bottom:0px;} .ratingslide{text-align: left; justify-content: start; width: auto;height: auto;border-radius: 15px;} .ratingslide .mbrv {display: flex;align-items: center;gap: 10px;} .bsn-header { margin-top:0px;} .topspace {padding-top: 70px;} .slderSection h1{font-size: 30px; line-height: 38px;} .notify-items{padding-top:45px;} .leads .notify-items{padding-top: 120px;} /*.leads a.btn.bg-blue.joinST{margin-top:15px;}*/ .leadStatus{border-radius: 0;} a.btn.bg-blue.joinST{position: fixed;z-index:9;top: 12px;margin: 0;right: 38px;padding: 0;font-size: 13px;width: 140px;} /*.leads.activeTask a.btn.bg-blue.joinST{position: fixed;z-index: 99999;top: 12px;margin: 0;right: 38px;padding: 0;font-size: 13px;width: 140px;}*/ .sidenav-toggled .header.sticky.hor-header{z-index: 999999;} a.btn.bg-blue.joinST .bi{display:none;} section.joinTasker {padding-top: 65px;} .customer-review h5 {flex-wrap: wrap;justify-content: center;} .demoaccount {position: absolute;right: 135px;} ul.bsns-menu{display:flex; flex-wrap: wrap;justify-content: center;} .tab_wrapper>ul {display: none;} } @media screen and (min-width:768px) and (max-width:991px){ a.mail-phone span {display: none;} a.mail-phone2 span {display: none;} .main-content-body-chat {flex-direction: column;display: flex;} .main-content-app {height: calc(100vh - 75px);} .h93vh {max-height: calc(100vh - 135px);} .chatSideFixed .main-chat-list .main-img-user {min-width: 30px;} .min-height-500 {min-height: auto;} .stikyTag .topspace{padding-top:70px;} .my-reviews.alert.alert-default {padding: 10px !important;} img.avatar-logo{min-width:115px;max-width:115px;} .comp-text-box{width:400px;} .ratingSlider{justify-content: start; margin-top: 20px;} .ratingslide{text-align: left; justify-content: start; width: auto;height: auto;border-radius: 15px;} .ratingslide .mbrv {display: flex;align-items: center;gap: 10px;} .sharebtngroup{position: relative;top: 0;margin: 0;transform: revert;} .sharebtnCost .sharebtngroup ul {display: flex;gap: 20px;} .sharebtnCost .sharebtngroup{ top: 0;} .newCostSide{margin-bottom: 40px;} .sharebtnCost .sharebtngroup{box-shadow: none;margin:0;} .myaccountMobileMenu .card.accountMenus {display:block;} .notify-items{padding-top:50px;} .sharebtngroup { position: relative; top: 0; margin: 0; transform: revert; } .sharebtnCost .sharebtngroup { top: 0; transition: 0.5s; } } .worktime{display:flex; align-items:center; gap:10px; flex-wrap:wrap;padding: 15px;justify-content: space-between;} .openRow{display:flex; align-items:center;gap:10px;justify-content: space-between;padding:10px 15px;} .worktime div {width: 23%;} .openRow span {width:23%;} @media screen and (min-width:992px) and (max-width:1199px){ .worktime .day {width: 100%;} .sharebtngroup {position: relative;top: 0;margin: 0;transform: revert;} .sharebtnCost .sharebtngroup {top: 0;transition: 0.5s;} .sharebtnCost .sharebtngroup ul {display: flex;gap: 20px;} .newCostSide{margin-bottom: 40px;} .sharebtnCost .sharebtngroup{box-shadow: none;margin:0;} .myaccountMobileMenu .card.accountMenus {display:block;} a.btn.bg-blue.joinST .bi{display:none;} a.btn.bg-blue.joinST{font-size: 13px;width: 150px;} } @media screen and (min-width:360px) and (max-width:479px){ .worktime .day {width: 100%;} .worktime .opening{width:30%;} .worktime .hour24 {width:30%;} .worktime .closing{width:30%;} .openRow span {width: 30%;} span.dayW {display: none;} .jointasker {display: flex;align-items: center;position: fixed;top: 50px;left: 0;right: 0;justify-content: center; background: #fff;padding: 5px;gap: 10px;border-bottom: 1px solid #f3f7ff;} .demoaccount {position:relative;right:0;} a.btn.bg-blue.joinST{position:relative;right:0; top:0;} .leadStatus .open-btn.open{padding: 0px 8px;} .filltersearch .catSearch.angi{} } @media screen and (min-width:100px) and (max-width:359px){ .worktime div{width:47%;} .worktime .hour24 {width: 100%;} .worktime .day {width: 100%;} .openRow span {width:50%;} span.dayW { display: none;} span.open24-7{ display: none;} .jointasker {display: flex;align-items: center;position: fixed;top: 50px;left: 0;right: 0;justify-content: center; background: #fff;padding: 5px;gap: 10px;} .demoaccount {position:relative;right:0;} a.btn.bg-blue.joinST{position:relative;right:0; top:0;} .leadStatus .open-btn.open{padding: 0px 3px;} .background-check-box ul.paymentList li {width:100%;} } @media screen and (min-width:768px) and (max-width:1280px){ .worktime div {width: 30%;} .worktime .day {width: 100%;} .openRow span.dayW {display: none;} .openRow span {width: 30%;} .tabs-menu-boxed ul li a{padding: 10px 11px 11px 10px;font-size: 14px;} } @media screen and (min-width:100px) and (max-width:767px){ .vdo video.video{height:auto;} .nav.panel-tabs.paymentTab a{font-size: 12px;} .light-menu.leads .bg-gray.topspace.brsTaskTop {padding-top: 140px;} } .search-filter .bi-x-lg{display:none;} @media screen and (min-width:100px) and (max-width:575px){ ul.paymentTab {border: 0;margin-bottom: 15px;border-radius: 10px;overflow: hidden;} ul.paymentTab li {width:50%; padding:4px;} .nav.panel-tabs.paymentTab a.active {color: #fff;background: #00a0ff !important;} .nav.panel-tabs.paymentTab a{border-block-end:0 !important;border-radius: 10px;background: #fff;box-shadow: 0 0 3px #0003;font-size: 12px;text-align: center;} .cvc-required {width: 60px;} ul.paymentList {display: flex;flex-wrap: wrap;} .filltersearch .catSearch.angi {display: none;} .filltersearch .catSearch.angi.show{display:flex;} span.search-filter {color: #fff;text-align: right;display: block;} span.search-filter.show{display:flex; justify-content:space-between;margin-bottom: 10px;padding: 0 10px;} .search-filter.show .bi-x-lg{display:block;} .search-filter.show .bi-funnel{display: none;} .filltersearch .catSearch.angi {flex-wrap: wrap;background: transparent;} .filltersearch .load {background: #fff;border-radius: 27px;} .filltersearch .catSearch.angi span.pipe {display: none;} .catSearch .postcodebox{width: 100%;margin: 10px 0 !important;} } @media screen and (min-width:360px) and (max-width:767px){ .background-check-box ul.paymentList li {width: 100%;} .background-check-box ul.paymentList li:nth-child(even){text-align:left;} .background-check-box ul.paymentList li a{flex-wrap:wrap;width: 100%;display: block;} } @media screen and (min-width:480px) and (max-width:575px){ ul.paymentTab li {width:33%;} ul.paymentList {display: flex;flex-wrap: wrap;} ul.paymentList li {width: 50%;} } @media screen and (min-width:575px) and (max-width:767px){ ul.paymentList {display: flex;flex-wrap: wrap;} .logoutbrowse { margin-top: 110px; } } @media screen and (min-width:768px) and (max-width:991px){ ul.paymentTab {border: 0;margin-bottom:0px;border-radius:10px 10px 0 0 ;overflow: hidden;} ul.paymentTab li {width:20%; padding:4px;padding-bottom: 0;} .nav.panel-tabs.paymentTab a.active {color: #fff;background: #00a0ff !important;} .nav.panel-tabs.paymentTab a{border-block-end:0 !important;border-radius:10px 10px 0 0;background: #fff;box-shadow: 0 -2px 2px #0003; font-size: 12px;text-align: center;padding: 5px;display: flex;justify-content: center;height: 100%;align-items: center;} } @media screen and (min-width:100px) and (max-width:479px){ .light-menu.leads .bg-gray.topspace.brsTaskTop {padding-top: 140px;} .join_st .bg-gray.topspace {padding-top:100px;} .join_st .myAccountDetailFixed{top: 80px;} .join_st .myAccountDetailFixed .card-header.abs-item h1{top: 86px;} .join_st section.slderSection{margin-top: 40px;} .join_st .removelistSlide .container .row {padding-top: 120px;} .leads .join_st .myTaskFixed{top:85px;} .tasks .join_st .myTaskFixed{top:70px;} .join_st .leadStatus{top:87px;} .join_st .myTaskFixed .remove-class-button{top: 86px;} .join_st .bg-gray.topspace.business{padding-top:100px;} .light-menu.leads .join_st .bg-gray.topspace.brsTaskTop {padding-top: 180px;} .light-menu.leads .join_st .taskscroll.leadScroll .B-title{position: relative;} .join_st .chatFixed{top: 80px;} } @media screen and (min-width:480px) and (max-width:767px){ .light-menu.leads .join_st .bg-gray.topspace.brsTaskTop {padding-top:135px;} } :root{ --overlay-color-1: #00a0ff; --overlay-color-2: #131b5f; --anim-duration: 2s; } .getFreeBtn{position: absolute; left:0; top:0; right:0; bottom:0; border-radius: 25px;} .catSearch button.search { position: relative;overflow: hidden; background: transparent;font-weight: bold;} .catSearch button.search span.getfr{position: relative; opacity:1; } .getFreeBtn:after,.getFreeBtn:before {content: '';display: block;position: absolute;top: 0; bottom: 0; left: 0; right: 0;} .getFreeBtn:before {background: linear-gradient(135deg, var(--overlay-color-2) 0%, var(--overlay-color-1) 100%);animation: OpacityAnim var(--anim-duration) ease-in-out 0s infinite alternate;border-radius: 30px;} .getFreeBtn:after {background: linear-gradient(135deg, var(--overlay-color-1) 0%, var(--overlay-color-2) 100%); border-radius: 30px;animation: OpacityAnim var(--anim-duration) ease-in-out calc(-1 * var(--anim-duration)) infinite alternate;} @keyframes OpacityAnim {0%{opacity: 1.0}100%{opacity: 0.0}} img.g-review-icon { position: absolute;right: 15px;top: 15px;width: 15px;} /* new chat */ .chatbox {overflow: hidden;} @media screen and (min-width:100px) and (max-width:767px){ .bg-gray.topspace.chatPage {padding-top:50px;} .bg-gray.topspace.chatPage .container{padding:0;} .main-chat-header {position: fixed;top:49px;background: #fff;left: 0;right: 0;z-index: 9;} .chatbox {overflow: visible;} form#chat-msg-send {position: fixed;bottom: 0;} .main-content-body.main-content-body-chat.h-100 {background: #f3f7ff;} ul#chat_response_ul .media .media-body{padding-top:10px; padding-left:10px; padding-right: 10px;} .main-msg-wrapper{background-color:#fff;box-shadow: 0 0 7px #343a407a;} .main-chat-body .media.flex-row-reverse .main-msg-wrapper{background-color:#fff;border-end-start-radius: 20px;} .main-chat-footer{ background-color: #f3f7ff;} .chat-left .main-msg-wrapper{border-end-end-radius: 20px;} .chatReviewsItems { top: 110px;background: #fff;right: -11px;position: fixed;z-index: 9;padding: 5px !important; border-radius: 15px;box-shadow: 0 0 5px #00000040;} div#ChatBody {padding-top: 50px;} .main-chat-footer textarea#messages {/* padding: 0; */height: 50px !important;box-shadow: 0 0 7px #00000038;border-radius: 25px;} } .dateTime {background: #eef4ff;font-size: 13px;padding: 2px 5px;border-radius: 5px;} .table-primary {background-color:#f3f7ff !important;} .table-secondary {background-color:#00a0ff !important; color:#fff !important;} .compare-table tbody tr td:nth-child(2) {background: #00a0ff;border-color: #e319571f;color: #fff;} .table-success {background-color: #d2ecb8 !important;} .table-warning {background-color: #f1d5a7 !important;} .compare-table tbody tr td:nth-child(4) {background: #f3f7ff;} .table-info {background-color: #cbe7fb !important;} .th-width{width:20%; vertical-align: middle !important;text-transform: capitalize !important;font-weight: bold !important;font-size: 16px !important;} .table tbody td{vertical-align: middle;} .text-nowrap {white-space: normal !important;} img.checkIcon {width: 40px;} .bidTask{height: auto;padding: 20px;display: flex;margin-bottom: 15px;background: #343a40;} span.emogiST{min-width:50px;width:50px;margin:0; margin-bottom: 0;margin-right: 20px;margin-top: 0;background: #343a40;} video.video {width: 100%;height: 400px;} .vdo{overflow: hidden;} .bg-gray2 {background: #f0f0fa;overflow: hidden;margin-bottom:100px;} .v-slides {position: relative;height:100px;overflow: hidden; display:block;} .v-slide {position: absolute;opacity: 0;transform: translateY(100%); transition: opacity 1s ease-in-out, transform 1s ease-in-out; text-align: center; font-size: 64px;font-weight: 900; width:100%;-webkit-text-stroke-width:3px; -webkit-text-stroke-color:#fff; color:#131b5f;} .v-slide.show {opacity: 1;transform: translateY(0);} .hidden {opacity:0;} .console-underscore {display:inline-block;position:relative;top:-0.14em;left:10px;} .console-underscore{font-size:1em; color:#fff} span.color1{ background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red); -webkit-background-clip: text;-webkit-text-fill-color: transparent;} span.color2{color:#07fe75} span.color3{color:#d1f21d} span.color4{color:#f8d802} span.color5{color:#02f82a} span.color6{color:#02f8b5} @media screen and (min-width:100px) and (max-width:767px){ .vdo video.video{height:auto;} .v-slide{font-size:32px; line-height:40px;-webkit-text-stroke-width:1px;} .v-slides{height: 80px;} } .categoriesSlide button.slick-arrow {width: 35px;padding: 0;height: 35px;} .categoriesSlide .slick-prev:before, .categoriesSlide .slick-next:before{color:#131b5f; font-size:60px} .categoriesSlide .slick-prev:hover:before, .categoriesSlide .slick-prev:focus:before, .categoriesSlide .slick-next:hover:before, .slick-next:focus:before { color:#00a0ff;} .categoriesSlide .slick-prev.slick-disabled:before, .categoriesSlide .slick-next.slick-disabled:before {opacity: 0;} .categoriesSlide .slick-prev {left: -60px;} .categoriesSlide .slick-next:before {content: '\F27B';font-family: bootstrap-icons !important;} .categoriesSlide .slick-prev:before {content: '\F27A';font-family: bootstrap-icons !important;} .categoriesSlide .slick-dots li button:before{border-radius: 10px; background: #131b5f;} .categoriesSlide .slick-dots li.slick-active button:before {background: #131b5f;} .categoriesSlide .slick-dots{position: relative;bottom: -15px;} @media screen and (min-width:100px) and (max-width:1159px){ .categoriesSlide button.slick-arrow{top:0;background: #00a0ff;z-index: 999;} .categoriesSlide button.slick-arrow:hover{background:#131b5f;} .categoriesSlide .slick-prev {left: auto;right:38px;} .categoriesSlide .slick-next {right: 0;} .categoriesSlide .slick-prev:before, .categoriesSlide .slick-next:before {color: #fff;font-size: 30px;opacity: 1;} .categoriesSlide .slick-prev:hover:before, .categoriesSlide .slick-prev:focus:before, .categoriesSlide .slick-next:hover:before, .slick-next:focus:before { color:#fff;} .categoriesSlide .slick-prev.slick-disabled:before, .categoriesSlide .slick-next.slick-disabled:before {opacity: 1;} } /* on scroll */ .quoteFormBox .catSearch.angi {border: 1px solid #d1d7db;padding: 2px;} .quoteFormBox .catSearch.angi .form-control {height: 50px !important;} .stikyQuote .hideForQuote{display: none;} .quoteFormBox {position: absolute;left: 0;right: 0;display: flex;justify-content: center;top: -115px; height: 0;-webkit-transition: all .4s;transition: all .4s;} .stikyQuote .quoteFormBox{top:15px;-webkit-transition: all .4s;transition: all .4s;-webkit-transition: all .4s;transition: all .4s;} .getFreeQuoteBtn{position: fixed;left: 0;right: 0;display: flex;justify-content: center; top:-200px; background: #00a0ff;padding: 10px;} .getFreeQuoteBtn .getFree{position: relative;overflow: hidden;background: transparent;font-weight: normal;padding: 10px 30px;color: #fff;letter-spacing: 0.5px;font-size:18px;} .getFreeQuoteBtn span.getfr {position: relative;opacity: 1;} .getFreeQuoteBtn .getFreeBtn{border: 2px solid #fff;} .recent-items{border-radius: 20px;position: relative;color: #fff;box-shadow: -7px 7px 0 rgb(9 90 214 / 24%);height: 100%;} .recent-item {padding: 20px;border-radius: 20px;position: relative;background: #0f6cf9;z-index: 9;display: flex;flex-direction: column;justify-content: space-between;height: 100%;} .recent-item .location, .recent-item .desc, .recent-item .footer {font-size: 0.9rem;margin: 8px 0;display: flex;align-items: center;gap: 3px;} .location .bi {color: #ffffffa8;font-size: 18px;} .recent-items .footers {display: flex;justify-content: space-between;align-items: center;margin-top: 15px;padding: 0;border: 0;} .recent-items .footers .bi {color: #ffffffa3;font-size: 18px;} span.badges {background-color: #062b5f;padding:2px;font-size: 0.8rem;border-radius: 12px;display: flex;align-items: center;gap: 5px;padding-right: 10px;} .mobileMenu .bi{color:#000;font-size: 24px;} @media screen and (min-width:200px) and (max-width:479px){ .stikyQuote .getFreeQuoteBtn{-webkit-transition: all .4s;transition: all .4s;-webkit-transition: all .4s;transition: all .4s; top:50px;} .quoteFormBox{display: none;} .stikyQuote .hideForQuote{display:block;} .app-sidebar .getfree {padding: 5px;} .app-sidebar .getfree .bi {display: none;} .footer-social-list p { width: 100%; } } @media screen and (min-width:100px) and (max-width:359px){ .app-sidebar .getfree {display: none !important;} } @media screen and (min-width:480px) and (max-width:991px){ .quoteFormBox{display: none;} .stikyQuote .getFreeQuoteBtn{top:1px;background: transparent;left: auto;padding:0;right:50px;-webkit-transition: all .4s;transition: all .4s;-webkit-transition: all .4s;transition: all .4s;} .stikyQuote .hideForQuote{display:block;} .getFreeQuoteBtn .getFree{font-size: 18px;padding: 10px 20px;} } section.home{background:#00a0ff;margin-top: 82px;min-height: 90vh;padding:100px 0;display: flex;align-items: center;} img.capofchristmas {display: block;margin: auto;} section.catSearch.home:before{display:none;} @media screen and (min-width:100px) and (max-width:991px){ section.home{margin-top:50px;} .catList {gap: 10px;} .popupItems .close{display:block;} .paymentListWrapper {overflow-x: auto;width: 100%;} ul.paymentList.item-pt-menu {display: inline-flex;padding: 0;margin: 0;list-style: none;white-space: nowrap;flex-wrap: nowrap;} ul.paymentList li{border: 1px solid #eee;} img.articalbog{height:auto;} } .credit span{display:none;font-weight: normal;font-size: 13px;color: #000;} span.credit {font-weight: 900;display: flex;align-items: center;gap: 5px;} .debit{font-weight: 900;display: flex;align-items: center;gap: 5px;} .debit span{display:none;font-weight: normal;font-size: 13px;color: #000;} span.debit em {color: #3cbba9;} .appstoreFooter {display: flex;gap: 10px;} .users .appstoreFooter img {max-width: 100px !important;} @media screen and (min-width:360px) and (max-width:575px){ .selectgroup-pills .selectgroup-item {margin-inline-end: 0;width: 50%;padding: 0 5px;} .bsGallery2 .selectgroup-button {max-width: 100%;min-width: auto;object-fit: cover;} .bsGallery2 .selectgroup-button img{width: 100%;} } @media screen and (min-width:576px) and (max-width:767px){ .selectgroup-pills .selectgroup-item {margin-inline-end: 0;width:33%;padding: 0 5px;} .bsGallery2 .selectgroup-button {max-width: 100%;min-width: auto;object-fit: cover;} .bsGallery2 .selectgroup-button img{width: 100%;} } @media screen and (min-width:100px) and (max-width:359px){ .selectgroup-pills .selectgroup-item {margin-inline-end: 0;width:100%;padding: 0 5px;} .bsGallery2 .selectgroup-button {max-width: 100%;min-width: auto;object-fit: cover;} .bsGallery2 .selectgroup-button img{width: 100%;} } @media screen and (min-width:100px) and (max-width:767px){ .table-responsive.paymentHistry thead.border-top{display: none;} .table-responsive.paymentHistry tbody td{display:block;} .table-responsive.paymentHistry tbody tr {display: block;margin-bottom:10px;border: 1px solid #eee;border-radius: 20px;position: relative;} .table-responsive.paymentHistry td.dc{padding: 0 16px 10px;} .table-responsive.paymentHistry td.date {position: absolute;right: 15px;font-size: 13px;padding: 0;top: 10px;font-style: italic;color: #1170e4;} .table-responsive.paymentHistry td.disc {padding-bottom:10px;max-width: 100% !important;} .table-responsive.paymentHistry td{border:0;} .table-responsive.paymentHistry .credit span{display:inline;} .table-responsive.paymentHistry .debit span{display:inline;} .table-responsive.paymentHistry span.discption span {font-size: 13px;} .table-responsive.paymentHistry table.table-bordered.dataTable{border:0;} .table-responsive.paymentHistry tbody td.dc.dc-none {display: none;} td.pricetd{padding: 0 15px;} .table-responsive.paymentHistry td.disc p {word-break: break-all;} .table-responsive.paymentHistry.his td.pricetd {padding: 0 15px;position: absolute;right: 0;top: 10px;font-weight: bold;color: #09ad95;} .table-responsive.paymentHistry.his td.date{top:33px;bottom: auto;} .myprofile {display: flex;background: #f3f7ff;gap: 15px;padding: 10px;border-radius: 10px;} .myprofile h5 { text-align: left; margin: 0 0 10px; font-weight: bold; } .myprofile .avatar.side{margin:0;} } @media screen and (min-width:480px) and (max-width:767px){ .table-responsive.paymentHistry tbody tr{display: flex;align-items: center;justify-content: space-between;padding-bottom: 20px;} .table-responsive.paymentHistry .debit{gap: 0px;flex-wrap: wrap;text-align: right;justify-content: end;} .table-responsive.paymentHistry .credit{gap: 0px;flex-wrap: wrap;text-align: right;justify-content: end;} .table-responsive.paymentHistry .credit span{display:block; width:100%;} .table-responsive.paymentHistry .debit span{display:block; width:100%;} .table-responsive.paymentHistry td.date{position: absolute;right: auto;font-size: 13px;padding: 0;top: auto;bottom: 7px;left: 10px;font-style: italic;color: #1170e4;} .table-responsive.paymentHistry td.dc {padding: 0;padding-right: 15px;} .table-responsive.paymentHistry.his tbody tr{display:block;} .table-responsive.paymentHistry.his td.date {top: 33px;bottom: auto;right: 18px;left: auto;} .table-responsive.paymentHistry.his td.pricetd {padding: 0 15px;position: absolute;right: 0;top: 10px;font-weight: bold;color: #09ad95;} .table-responsive.paymentHistry.his tbody tr{padding-bottom:10px;} }