:root{--blue:#00A0FF;--black:#000;--white:#fff;--darkblue:#131B5F;--gray:#F3F7FF;--orange:#131B5F;--red:#b60a0a;--green:#13bfa6;--red:#e23e3d;--bg:#f6f9ff;--panel:#ffffff;--line:#e7eefc;--ink:#0f1b3a;--muted:#5c6f93;--brand:#2563eb;--brand-500:#3b82f6;--brand-400:#60a5fa;--danger:#ef4444;--shadow: 0 12px 30px rgba(37,99,235,.10);--radius-xl:20px;--overlay-color-1: #00a0ff;--overlay-color-2: #131b5f;--anim-duration: 2s;} body{background:var(--white);font-family: 'Roboto', sans-serif; font-size:15px; line-height:24px; color:#282f53;} a{color: var(--blue);text-decoration:none;} .f-roboto{font-family: 'Roboto', sans-serif;} .f-oswald{font-family: 'Oswald', sans-serif;} img{max-width:100%;} .fs-10{font-size:10px;} .fs-11{font-size:11px;} .fs-12{font-size:12px;} .fs-13{font-size:13px;} .fs-14{font-size:14px;} .fs-16{font-size:16px;} .fs-18{font-size:18px;} .fs-32{font-size:clamp(21px, 0.4rem + 4vw, 32px);} .fs-30{font-size:30px;} .fs-36 {font-size:clamp(21px, 0.4rem + 4vw, 36px);} .fs-24 {font-size:clamp(18px, 0.4rem + 4vw, 24px);} .fs-42{font-size:clamp(21px, 0.4rem + 4vw, 42px);} .fs-56{font-size:clamp(24px, 0.4rem + 4vw, 56px);} .l-height-10 {line-height:10px;} .l-height-12 {line-height:12px;} .l-height-15 {line-height:15px;} .l-height-20 {line-height: 20px;} .l-height-21 {line-height: 21px;} .l-height-18 {line-height: 18px;} .l-height-24 {line-height: 24px;} .l-height-28 {line-height: 28px;} .l-height-38 {line-height: 38px;} span.unverified {color: #F44336;} span.verified {color: #4CAF50;} .ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .topspace a{text-decoration: none;} .open-btn {line-height: 17px;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.open.active {color: #fff;border: 1px solid var(--blue);background: var(--blue);} .open-btn.open {color: var(--blue);border: 1px solid var(--blue);} .open-btn.active {color: var(--green);border: 1px solid var(--green);} span.icon-c {display: flex;background: #00a0ff;width: 20px;height: 20px;align-items: center;justify-content: center;border-radius: 30px;position: relative;color: #fff;font-weight: bold;font-size: 12px;} .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;} .textbox {padding: 10px;} svg {width:18px;min-width:18px;height:18px;color:#00a0ff;} .bg-darkblue {background: var(--darkblue); color:#fff;} a:-webkit-any-link:focus-visible{outline-offset:0px; outline: none;} .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;} h2,h3,h4,h5,h6{font-family: 'Oswald', sans-serif;color: var(--darkblue);font-weight: bold;} .h1, h1{font-size:clamp(26px, 0.4rem + 4vw, 42px);font-family: 'Oswald', sans-serif;font-weight: bold;} h1.h1_title{font-size:clamp(26px, 0.4rem + 4vw, 56px);} .h2, h2{font-size:clamp(21px, 0.4rem + 4vw, 32px);} h2.title{font-size:clamp(21px, 0.4rem + 4vw, 42px);} .h3, h3 {font-size:clamp(18px, 0.2rem + 4vw, 24px);} .h4, h4 {font-size:clamp(16px, 0.2rem + 4vw, 20px);} .h5, h5 {font-size:clamp(16px, 0.2rem + 4vw, 20px);} .h6, h6 {font-size:clamp(16px, 0.2rem + 4vw, 20px);} .slderSection .title{font-size:calc(1rem + 2.5vw);font-family: 'Oswald', sans-serif;line-height: calc(1.5rem + 3vw);} .alert-info {color: var(--blue);background-color: rgba(17, 112, 228, 0.2);border-color: rgba(17, 112, 228, 0.1);} .bg-gray {background: var(--gray);} .bg-blue {background:var(--blue); color:#fff;} .text-bd {color: var(--darkblue);} .text-bl {color: var(--blue);} .step3 {width: 48px;height: 40px;position: relative;top: 7px;} .mt-30 {margin-top: 30px;} .mb-30 {margin-bottom: 30px;} .mt-40 {margin-top:40px;} .mt-50 {margin-top:50px;} .mt-60 {margin-top:60px;} .mb-40 {margin-bottom:40px;} .mb-50 {margin-bottom:50px;} .mb-60 {margin-bottom:60px;} .pt-30{padding-top: 30px;} .pt-40{padding-top: 40px;} .pt-50{padding-top: 50px;} .pt-60{padding-top: 60px;} .pb-30{padding-bottom: 30px;} .pb-40{padding-bottom: 40px;} .pb-50{padding-bottom: 50px;} .pb-60{padding-bottom: 60px;} .btn {border-radius:50px;transition: background-color 0.3s ease, transform 0.3s ease;padding: 15px 20px;border: 0;} .btn:hover{transform: translateY(-2px);} .btn-xxl {font-size: 16px;font-weight: 500;padding: 16px 20px 16px 32px;} .btn-info {background: var(--darkblue) !important;border-color: var(--darkblue);color: #fff;} .btn-info:hover{background: var(--blue) !important;border-color: var(--darkblue);color: #fff;} .btn-secondary {color: #fff;background: var(--blue);} .btn-secondary:hover {color: #fff;background: var(--darkblue);} .btn.bg-default{background: #f9f7f7;} .btn.bg-default:hover{background:#e7e6e6;} .btn-outline{border: 2px solid var(--blue);} .btn svg{margin-left: 10px;} .btn-secondary svg,.btn-info svg{color: #fff;} .blog br {display: none;} .card-body.content br {display: none;} .text-dark{color:#282f53;} .checklistDetailSec h2 {margin-bottom: 25px !important;} .bg-darkblue .btn,.bg-blue .btn{border:2px solid #fff;} .blogDetailSec br {display: none;} .introFullContent br {display: none;} .description.catdetal br {display: none;} ul.checkList {list-style-type: none;padding: 0;margin: 0;} 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;} ul.numberlist {list-style: none;counter-reset: item;padding: 0;} 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.checkiconlist{list-style: none;padding: 0;margin: 0;} ul.checkiconlist li {margin-bottom: 15px;position:relative;padding-left: 27px;} ul.checkiconlist li:before {content: '\F26C';font-family: "bootstrap-icons";color: #00a0ff;border-radius: 100%;position: absolute;left: 0;font-size: 20px;top: 11px;line-height: 0;} .btn.pdf {background: #00a0ff;color: #fff;} ul.checkiconlist.text-white li:before{color: #fff;} .checkiconlist a{text-decoration:none;} ul.checkiconlist li a {color: #282f53;} ul.checkiconlist li a:hover {color: var(--blue);} .main-img-user.online2 span.online {position: absolute;left: auto;right: 5px;top: 6px;} .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 {white-space: nowrap;position: absolute;top: 0;left: 0;overflow: hidden;} .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;} .card-header {background: #fff;} .alert-default {background-color: #f9f7f7;} .card-header {border-radius: 20px 20px 0 0 !important;} .header.newHeader {position: fixed;top: 0;left: 0;right: 0;box-shadow: 0 0 10px #00000010;background: #fff;z-index:999;} .container {max-width: 1280px;} .headItems {display: flex;align-items: center;justify-content: space-between;} .app-sidebar {position: relative;} .header.newHeader .app-sidebar__toggle {display: none;position: absolute;background: #fff;height: 30px;right: 10px;top:12px;} .itemsProfile {display: none;} .header.newHeader ul.side-menu {margin: 0;padding: 0;display: flex;flex-wrap: wrap; list-style-type: none;} ul.side-menu li {position: relative;} .header.newHeader .side-menu>li>a {font-family: 'roboto', sans-serif;color: var(--darkblue);font-size: 16px;font-weight: 500;text-decoration: none;display: block;padding: 16px 5px;} 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;} span.side-menu__label.arrow .bi-arrow-right-short::before {content: "\f135";left: 30px;position: relative;-webkit-transition: all .4s;transition: all .4s;} .header.newHeader .side-menu__item:hover .side-menu__icon, .header.newHeader .side-menu__item:focus .side-menu__icon, .header.newHeader .side-menu__item.active, .header.newHeader .side-menu__item:hover, .header.newHeader .side-menu__item:focus { color: var(--blue);} .header.newHeader .side-menu .slide .side-menu__item:hover span.side-menu__label.arrow .bi-arrow-right-short::before {left: 0;} .hicon {display: flex;} .hicon .dropdown {align-items: center;gap: 15px;} .btn-default {color: #282f53;background: #e9e9f1;border-color: #e9e9f1;} .btn-default:hover{background:#e9e9f185;} .jointasker {display: flex;align-items: center;gap: 12px;} .joinST {animation: blinker 2s step-end infinite; color:#fff;background: var(--blue);padding: 5px 15px; font-size: 14px;} .demoaccount {padding: 5px 15px;font-size: 14px;} img.avatar-md.profile-user.brround.cover-image {object-fit: cover;} .avatar {position: relative;width: 55px;height: 55px;min-width: 55px;border-radius: 100%;object-fit: cover;} .avatar-md {width: 2.5rem;height: 2.5rem;line-height: 2.5rem;font-size: 1rem;} .avatar-sm {width: 1.6rem;height: 1.6rem;line-height: 1.6rem;font-size: 0.75rem;} .avatar-lg {width: 3rem;height: 3rem;line-height: 3rem;font-size: 1.25rem;} .avatar-xl {width: 4rem;height: 4rem;line-height: 4rem;font-size: 1.75rem;} .avatar-xxl {width: 5rem;height: 5rem;line-height: 5rem;font-size: 2rem;} .brround {border-radius: 50%;} .profile-1 .dropdown-item{padding:10px;font-size: 14px;border-bottom: 1px solid #eee;display: flex;align-items: center;gap:10px;line-height: 19px;} .dropdown-item:focus, .dropdown-item:hover {background-color: #6c5ffc0d;} .profile-1 svg {width:18px;height:18px;color:#00a0ff;} .profile-1 .dropdown-item.active, .profile-1 .dropdown-item:active{color:var(--blue);} .drop-heading a {text-decoration: none;} .drop-heading {padding-bottom: 8px;} /*megamenu*/ .header.newHeader .mega-menus {border-radius: 5px; display:none;position: absolute;top: 100%;left: 50%;transform:translateX(-40%);background: #fff;color: #333;padding: 20px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);z-index: 1000;gap: 40px;min-width:1200px;max-width: 90vw;} .header.newHeader .mega-menus ul{list-style-type: none;} .header.newHeader .slide:hover .mega-menus {display:block;} .header.newHeader .slide:hover .mega-menus {display:block;} .featuredMega {display: flex;gap:20px;border-bottom: 1px solid #eee; padding-bottom:20px; margin-bottom:20px;} .featuredMega ul.mg-menu {display: grid;grid-template-columns: repeat(4, 1fr);width: 100%;gap: 10px;} .featuredMega span.title {font-size: 24px;} .nonFeaturedMega ul {display:grid; grid-template-columns: repeat(5, 1fr);width: 100%; gap: 10px;} .mega-menus li a{line-height: 15px;display: block;font-size: 13px;text-decoration: none;color: #000;} .mega-menus .back{display:none;position: sticky;top: 0;background: #fff;padding: 10px 20px;border-bottom: 1px solid #eee;z-index: 9;} .login ul {list-style-type: none;margin: 0;padding: 0;} .login ul li a {font-family: 'roboto', sans-serif;color: var(--blue);font-size: 16px;font-weight: 500;text-decoration: none;} .login ul li .btn {color: #fff;font-size: 14px; padding: 7px 10px;} .login ul li .btn.bg-blue:hover, .login ul li .btn.bg-blue:focus {background-color: #131b5f !important;} /*end mega menu*/ @keyframes blinker { 50% {background:#131b5f;}} @keyframes OpacityAnim {0%{opacity: 1.0}100%{opacity: 0.0}} @-webkit-keyframes pulse {0% {-webkit-transform: scale(0);opacity: 0;}8% {-webkit-transform: scale(0);opacity: 0;}15% {-webkit-transform: scale(0.1);opacity: 1;} 30% {-webkit-transform: scale(0.5);opacity: 1;}100% {opacity: 0;-webkit-transform: scale(1.1);}} @keyframes pulse {0% {-webkit-transform: scale(0);opacity: 0;} 8% {-webkit-transform: scale(0);opacity: 0;} 15% {-webkit-transform: scale(0.1);opacity: 1;} 30% {-webkit-transform: scale(0.5);opacity: 1;} 100% {opacity: 0;-webkit-transform: scale(1.1);}} @-moz-keyframes pulse {0% {-webkit-transform: scale(0);opacity: 0;} 8% {-webkit-transform: scale(0);opacity: 0;} 15% {-webkit-transform: scale(0.1);opacity: 1;} 30% {-webkit-transform: scale(0.5);opacity: 1;} 100% {opacity: 0;-webkit-transform: scale(1.1);}} @keyframes pulse {0%,100% { box-shadow:0 0 0 0 rgba(37,99,235,0.4); }50% { box-shadow:0 0 0 10px rgba(37,99,235,0); }} @-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;}} .blink-btn {background-color:#00a0ff;color: white;padding: 8px 16px;font-weight: bold;border-radius: 6px;text-decoration: none;animation: blink 1s infinite;box-shadow: 0 0 10px rgba(255, 64, 129, 0.5);} @keyframes blink {0%, 100% { background-color:#00a0ff; }50% { background-color:#131b5f; }} .profile-1 .dropdown-menu {min-width: 12rem;} .mobileItems .dropdown-menu {min-width: 300px;padding: 0;inset-block-start: 2.1rem;max-width: 300px;} .header .notifications-menu {height: 300px;} .mobileItems .dropdown-item{white-space: normal;align-items: self-start;border-bottom: 1px solid #eee;padding: 10px;} .mobileItems .dropdown-menu .dropdown-item {border-block-end: 1px solid #e9edf4;} .dropdown-item:focus, .dropdown-item:hover{background-color: #6c5ffc0d;} .notifyimg {color: #fff;float: left;height: 40px;line-height: 43px;margin-inline-end: 0;text-align: center;vertical-align: middle;width: 40px;min-width: 40px;font-size: 16px;align-items: center;} .noty-icon {color: #131b5f;text-decoration: none;} .noty-icon i {font-size: 20px;position: relative;} .noty-icon svg{width: 20px; height: 20px;} .noty-icon .pulse {display: block;position: absolute;inset-block-start:0px;inset-inline-end:0px;inset-inline-start:15px;width: 7px;height: 7px;border-radius: 50%;background: #22c03c;} .pulse:before {content: "";inset-block-start: -4px;inset-inline-end: -4px;width: 15px;height: 15px;position: absolute;border-radius: 50%;background: rgba(34, 192, 60, 0.6);cursor: pointer;box-shadow: 0 0 0 rgba(34, 192, 60, 0.9);animation: pulse 1s linear infinite;} .drop-heading.border-bottom {padding: 10px;} 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; font-size:9px;} #dbMsgNotification span.mb-1.fw-900 {font-size: 12px;} .notifications-menu span, .message-menu span {font-size: 12px;color: #76839a;} .wd-90p{width: 90%;} div#dbMsgNotification {height: 300px;} .message-menu.message-menu-scroll.scrl {overflow: auto;} .dropdown-menu-arrow:before {content: "";width: 13px;height: 13px;background: #fff;position: absolute;inset-block-start: -7px;inset-inline-end: 28px;transform: rotate(45deg);border-block-start: 1px solid #e9edf4;border-inline-start: 1px solid #e9edf4;} /*end header*/ /*footer*/ .playstore {background: linear-gradient(180deg, #ddf4ff, #f0f7ff);padding: 50px 0;} .footer {padding: 50px 0;} .footer h3 { margin-bottom: 20px;font-weight: 500;font-family: 'Oswald', sans-serif;text-transform: uppercase;font-size: 20px;} .list-unstyled {padding-left: 0;list-style: none;} .footer a {color: #ffffffb3;border: 0; display:block;text-decoration: none;margin-bottom: 8px;} .footer a:hover{color:#fff;} .socialFooter {background: #090f4057;padding: 10px 20px;border-radius: 20px;justify-content: space-between;} img.whatsapp {max-width: 40px;width: 40px;height: 40px;border-radius: 30px;border: 3px solid #fff;} .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 svg {color: #262626;} .footer-social-list a span{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;} .text-muted {color:#6c757d!important;} .footer-bottom {background: #090f40;padding: 20px;color: #ffffffb3;font-size: 13px;letter-spacing: 0.5px;} .smallFooter {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} span.stripes {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;} .appstoreFooter {display: flex;gap: 10px;} .appstoreFooter img {max-width: 100px;} .footer .top-footer .btn:hover {color: #fff !important;background: #00a0ff !important;} .footer .top-footer .btn:hover svg{color: #fff !important;} /*mobilemenu*/ .mobileMenu {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:999;gap:10px;} .mobileMenu2{overflow: auto; display:flex; gap:10px; justify-content:space-between; width:100%;} .mobileMenu a{text-align: center;display: block;margin: 0 10px;color:#000000b8;font-size:8px;white-space: nowrap;text-decoration: none;} /*.mobileMenu .bi {display: block;font-size:24px;line-height: 0;margin-bottom: 2px;color: #000;}*/ .mobileMenu a.active{color:var(--blue);} /*.mobileMenu .bi{color:#000;font-size: 24px;}*/ .mobileMenu svg {color: #000;width: 20px;height: 20px;margin: auto; display: block;} /*End footer*/ .card {border: 1px solid var(--line);border-radius: var(--radius-xl);box-shadow: var(--shadow);} 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:1px dashed #afb6c1;border-radius: 5px;padding:10px 15px;} .uploadfile input[type="file"] {position: absolute;top: 0;cursor: pointer;opacity: 0;left: 0px;width: 100%; bottom:0;} span.buttonfullfield {font-size: 36px;display:block;width: 100%;color: #ada9a8; height:auto; text-align: 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;color: var(--darkblue); font-size:15px;} .TaskImage.uploadImg {margin-bottom: 20px;} .review-author.border-md-end {border-right: 1px solid #9f98987d;padding-right: 10px;} /*home page*/ section.home {background:linear-gradient(135deg, #00a0ff, #131b5f);margin-top: 55px;min-height: 90vh;padding: 100px 0;display: flex;align-items: center;} .catSearch.angi {display: flex;align-items: center;background: #fff;border-radius: 30px;padding: 0 5px;box-shadow: 0 0 10px #00000033;position: relative;z-index: 10;} .catSearch.angi .form-group,.load {position: relative;} .catSearch.angi .form-control {border: 1px solid #fff;height: 60px;min-height: 60px;border-radius: 30px;} .catSearch.angi span.pipe {min-width: 1px;background: #82898d5c;height: 80%;} .catSearch .postcodebox {width: 73%;} .catSearch button.search{position: relative;overflow: hidden;background: transparent;font-weight: bold;min-width: 130px;height: 50px;border: 0;} .getFreeBtn {position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 25px;} .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}} .catSearch button.search span.getfr {position: relative;opacity: 1;color: #fff;} .textEffect {font-size:calc(1.375rem + 2.5vw);font-weight: 700;padding:40px 0;display:block;} .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} .p-70 {padding: 30px;} .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;text-decoration: none;} .open-btn.open {color:var(--blue);border: 1px solid var(--blue);} 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;list-style-type: none;margin: 0; max-height: 300px;overflow-y: auto;overflow-x: hidden; max-width: 350px;} ul.ui-autocomplete li{padding:10px !important;cursor: pointer;} ul.ui-autocomplete li:nth-child(even) {background: #f6f6f9;} .catList {display: flex;align-items: center;gap: 50px;justify-content: center;margin-top: 25px;flex-wrap: wrap;} span.icon-cat {width: 60px;display:flex;margin: auto;background: #ffffff57;padding: 10px;height: 60px;border-radius: 30px; align-items:center;} span.icon-cat img {height: auto;} .item-cat p{margin:0;text-align: center;} .item-cat a {text-decoration: none;} .space {padding: 70px 0;} .bidTask {height: auto;padding: 20px;display: flex;margin-bottom: 15px;background: #343a40;position: relative;border-radius: 20px;color: #fff;gap: 20px;} span.emogiST {width:50px;height:50px;display: flex;align-items: center;justify-content: center;background:#343a40;border-radius: 25px;margin: 0;font-size: 42px;font-family: 'Oswald';font-weight: 900;transform: rotate(135deg);color: #fff;} span.emogiST b {transform: rotate(223deg);color: #fff;} video.video{width: 100%;height: 400px;} .vdo {overflow: hidden;} .cta {padding: 50px 0;} .ownboss .bg-darkblue {padding: 70px;} .browsePopulrCat {grid-template-columns: repeat(4, 1fr);grid-gap: 25px;display: grid;} .browsePopulrCat .card {margin: 0;border: 1px solid var(--line);border-radius: var(--radius-xl);box-shadow: var(--shadow);} .cat-items {margin: 6px;margin-bottom: 0;overflow: hidden;border-radius: 10px;} .card-img-top {height: 224px;object-fit: cover;} .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);} .rating {display: flex;align-items: center;justify-content: center;gap: 5px;font-size: 32px;color: #c3bebe;} .rating.pcat {position: absolute;top: 10px;right: 10px;font-size: 13px;background: #facc15;padding:0px 10px;border-radius: 20px;color: #000;/* gap: 5px; */box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);} .browsePopulrCat .card-title{text-decoration: none;color: var(--darkblue);font-size:18px;line-height: 28px;margin: 0;} .table-primary {background-color:#f3f7ff !important;} .table-secondary {background-color:#00a0ff6e !important; color:#000 !important;} .compare-table tbody tr td:nth-child(2) {background:#00a0ff6e;border-color: #e319571f;color: #000;} .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;} 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;} .bg-gray2 {background: #f0f0fa;overflow: hidden;margin-bottom: 100px;} span.tile-op {font-size:calc(1rem + 2vw);font-weight: 900;line-height:calc(1.7rem + 2vw);display: block;margin-bottom: 20px;color: var(--darkblue);} .reletedblogs .card {border-radius:20px;overflow: hidden;} .reletedblogs img.card-img-top {height: 186px;object-fit: cover;} .blogarrow {position: absolute;right:20px;top:15px;font-size: 32px;color: var(--blue);} .blogTitle a {text-decoration:none; color:var(--darkblue); font-size:16px; line-height: 23px; font-weight: 500;} ul.list {list-style-type: none;padding: 0;margin: 0;} .trending-areas li a {color: #505577;font-family: 'Roboto', sans-serif;text-decoration: none;} .trending-areas li a:hover{color:var(--blue);} .trending-areas li {margin-bottom: 8px;color: #50557799;} .cta .btn:hover {color: #000;background: #00a0ff;} .categoriesSlide .slick-next:before {content: '\F27B';font-family: bootstrap-icons !important;} .categoriesSlide .slick-prev:before, .categoriesSlide .slick-next:before {color: #131b5f;font-size: 60px;} .categoriesSlide .slick-prev:before {content: '\F27A';font-family: bootstrap-icons !important;} .categoriesSlide .slick-prev.slick-disabled:before, .categoriesSlide .slick-next.slick-disabled:before {opacity: 0;} .categoriesSlide .slick-dots {position: relative;bottom:0px;} .categoriesSlide .slick-dots li.slick-active button:before {background: #131b5f;border-radius:10px;} .categoriesSlide .slick-dots li button:before {border-radius: 10px;background: #131b5f;} .leadPopup h2 {line-height: 48px;display: flex;flex-wrap: wrap;gap: 0 10px;justify-content: center;text-align: center;font-size: 32px;} .getfreePopup .item-quotes {padding:20px;padding-bottom:0;} .getfreePopup .cross {position: absolute;right: 13px;font-size: 24px;z-index: 9;cursor: pointer;top: 10px;background: #eee;display: flex;width: 40px;height: 40px;align-items: center;justify-content: center;border-radius: 20px;} 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-dialog.getfreePopup.openModal .modal-content .leaveSec {display: flex;top: 0;bottom: 0;z-index:99;border-radius: 10px;overflow: hidden; background: #fff;} 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;} .formField.step-item h5 {font-family: 'Roboto';font-size: 21px;} .leaveBox h2 {font-size: 32px;} .popupformbtn {display: flex;justify-content: space-between;border-top: 1px solid #eee;margin-top:40px;padding-top:10px;margin-bottom:10px;} /*.labelBox {border: 1px solid #a19292;border-top: 0;border-radius: 10px;overflow: hidden;}*/ .form-step .form-radio {border: 1px solid #c4cad0;padding: 10px;position: relative;width: 100%;background: #f8fafc;border-radius: 10px;margin-bottom: 10px;display: flex;align-items: center;} .form-step .form-check {border: 1px solid #c4cad0;padding: 10px;position: relative;width: 100%;background: #f8fafc;border-radius: 10px;margin-bottom: 10px;display: flex;align-items: center;} .form-step .form-check input[type=checkbox]{border-radius: .25em;width: 20px;height: 20px;margin: 0 10px 0px 0px;} div#imagePreview {column-count: 3;column-gap: 10px;} div#imagePreview div {position: relative;overflow: hidden;border-radius: 5px;box-shadow: 0 0 3px #00000030; margin-bottom: 10px;} div#imagePreview div button.remove {border: 0;position: absolute;top: 4px;right: 4px;width: 25px;height: 25px;line-height: 11px;font-size: 17px;display: flex;align-items: center;justify-content: center;border-radius: 15px;} div#customeFieldOne .form-check-input {width: 20px;height: 20px;margin: 0 10px 0px 0px;} button.btnsub {padding: 5px;display: flex;align-items: center;padding-left: 15px;border-radius: 30px;font-size: 13px;letter-spacing: 0.5px;position: relative;overflow: hidden;background: #00a0ff;border-color: #00a0ff;} button.btnsub.prev {padding-left: 10px;padding-right: 20px;background:#9b94947a;border-color: rgb(230 231 236);color: #000;} label.selectgroup-item {position: relative;} .selectgroup-button {display: block;border: 1px solid #e9edf4;text-align: center;padding: 0.375rem 1rem;position: relative;cursor: pointer;border-radius: 5px;color: #fff;background: #131b5f8a;webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;font-size: 0.875rem;line-height: 1.5rem;min-width: 2.375rem;} .selectgroup-input:checked + .selectgroup-button {z-index: 1;background: #00a0ff;border-color: #00a0ff;color: #fff;} .selectgroup-input {opacity: 0;position: absolute;z-index: -1;inset-block-start: 0;inset-inline-start: 0;} .text-gr {color: #505577;text-decoration: none;} .mainNew {margin-top: 60px;} section.slderSection {padding: 70px 0;} ol.breadcrumb1, .breadcrumb {position: relative;display: flex;align-items: center;gap: 6px;color: #A8B5E5;font-weight: 500;font-family: 'Roboto';padding:10px 0;letter-spacing: 0.3px;border-radius: 15px;list-style-type: none;} li.breadcrumb-item1 a, li.breadcrumb-item1 {color: var(--orange);font-weight: 400;font-family: 'Roboto'; text-decoration:none;} .breadcrumb-item1.active {color: #00a0ff;} .breadcrumb-item1+.breadcrumb-item1::before {display: inline-block;padding-inline-end: 0.5rem;padding-inline-start: 0.5rem;content: "/";color: #c0c9da;} .catlist{list-style-type: none;padding: 0; margin: 0;} .form-control:focus{box-shadow: none;} .form-control.is-valid:focus, .was-validated .form-control:valid:focus{box-shadow: none;} .slideUpdate {background:linear-gradient(135deg, #00a0ff, #131b5f);position: relative;padding:50px 0 50px;} .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;} /*.slideUpdate:before {content: '';display: block;background:linear-gradient(135deg, #00a0ff, #131b5f);position: absolute;top: 0;z-index: 1;bottom: 0;left: 0;width: 66%;}*/ .slideUpdate img.removelistSlideImg {position: absolute;top: 0;width: 45%;right: 0;height: 100%;object-fit: cover;} .slideUpdate .container {position: relative;z-index: 2;} .popover {position: absolute;inset-block-start: 0;inset-inline-start: 0;z-index: 1;display: block;max-width: 276px;font-style: normal;font-weight: 400;line-height: 1.5;text-align: start;text-align: start; text-decoration: none;text-shadow: none;text-transform: none;letter-spacing: normal;word-break: normal;word-spacing: normal;white-space: normal;line-break: auto;font-size: 0.76562rem; word-wrap: break-word;background-color: #fff;background-clip: padding-box;border: 0px solid #d3dfea;border-radius: 0.3rem;box-shadow: 0px 16px 18px rgba(6, 10, 48, 0.1);border-radius: 5px;-webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1)); filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));} .ratingSlider {display: flex;align-items: center;justify-content: end;} .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;} .ratingslide img {max-width: 60px;} .rateStar {font-size: 32px;font-weight: bold;color: #131b5f;line-height: 30px;} .ratingslide .star {width: 130px;display: inline-block;position: relative;} .ratingslide .star span::before {font-size: 22px;} .ratingslide .star::before {font-size: 22px;} .rev-disc span.document-info {font-size: 11px;color: #00a0ff;font-weight: bold;position: relative;} .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 {position: absolute;bottom: -13px;border-color: #000;left: 50%;transform: rotate(-90deg);} .rev-disc .popover-body {color: #000;text-align: center;} ul.row {list-style-type: none;padding: 0;margin: 0;} .progressSec {position: relative;min-height: auto;} img.radius20.fristImg {object-fit: cover;width: 100%; height: 100%; border-radius: 15px;} .cleaning img.radius20.fristImg {height: auto;} img.normalimg2 {border-radius: 10px;} img.fristImg2{border-radius: 10px;} /*.progressLeft {padding-left: 70px;}*/ .catImgSpace img.normalimg {height:100%;object-fit: cover;width: 100%;border-radius: 10px;} ul.arrowlist {padding:0px;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;} img.avatar-logo.biz-itemLogo {max-width:80px;min-width:80px;border-radius: 10px;margin-right: 10px;height: auto; border: 1px solid #a79f9f;} .reviews-head a {text-decoration: none;} .reviews-head .bsTitle {font-weight:bold;font-size: 18px;} .electricians img.radius20.fristImg {height: auto;} .doors-installation-experts img.radius20.fristImg {height: auto;} /*faq*/ .faq_panel {border:1px solid #a4aaad;background:#edf2fa3d;border-radius: 5px;padding: 3px;} .faq_panel .faqTitle {display: block;padding: 10px;font-weight:500;color: var(--darkblue);position: relative;text-decoration: none; border-bottom: 1px solid #dbd5d5;} .faq_panel .faqTitle.collapsed{ border-bottom:0;} .faq_panel p {margin: 0;} .faq_panel a:before {content: "\e994";position: absolute;font-family: "feather" !important;inset-inline-end: 10px;inset-block-start: 10px;font-size: 15px;transition: all 0.5s;transform: scale(1);} .faq_panel a.collapsed:before {content: "\e9af";position: absolute;font-family: "feather" !important;inset-inline-end: 10px;inset-block-start: 10px;font-size: 15px;transition: all 0.5s;transform: scale(1);} /*.faq_panel {border-left: 3px solid #00a0ff;border-right: 3px solid #00a0ff;box-shadow:0 0 5px #1f1e1e40;background: #fff;border-radius: 5px;}*/ /*.faq_panel .faqTitle {display: block;padding: 10px;font-weight: bold;color: var(--darkblue);position: relative;text-decoration: none;}*/ /*.faq_panel p {margin: 0;}*/ /*.faq_panel a:before {content: "\e994";position: absolute;font-family: "feather" !important;inset-inline-end: 16px;inset-block-start: 15px;font-size: 15px;transition: all 0.5s;transform: scale(1);}*/ /*.faq_panel a.collapsed:before {content: "\e9af";position: absolute;font-family: "feather" !important;inset-inline-end: 16px;inset-block-start: 15px;font-size: 15px;transition: all 0.5s;transform: scale(1);}*/ /*faq*/ .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;border-radius: 20px;} #msgDisplayP{right:10px;z-index:9999;width:300px;position:fixed;bottom:10px;overflow:auto;max-height: 100%;} #msgDisplayP button.btn-close {position: absolute;top: 5px;right: 5px;background: transparent;font-size: 20px;line-height: 0;padding: 0;} #notiMsg{right: 0;z-index: 9999;width: 300px;position: fixed; bottom:0;} #notiMsg .myNotify {right: 0;z-index: 9999;width: 300px;position: fixed; bottom:0;} #msgDisplayP .myNotify {right: 0;z-index: 9999;width: 300px;position: relative; margin-bottom: 5px !important;display: block;text-decoration: none;} #msgDisplayP .myNotify h5{font-size:13px;} #msgDisplayP .myNotify .alert-info {margin: 0;} .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;} .recentPostTask{grid-template-columns: repeat(3, 1fr); grid-gap: 25px; display: grid;} .img-A, .img-G, .img-L, .img-R, .img-X {background: #6c5ffc;text-transform: uppercase;color: #fff; max-width:35px; height:35px; min-width:35px;display: flex;align-items: center;justify-content: center;} .img-F, .img-B, .img-Z, .img-S, .img-J {background: var(--blue);text-transform: uppercase;color: #000; max-width:35px; height:35px; min-width:35px;display: flex;align-items: center;justify-content: center;} .img-K, .img-C,.img-l, .img-M, .img-N, .img-O, .img-P {background: #35b9a6;text-transform: uppercase;color: #fff; max-width:35px; height:35px; min-width:35px;display: flex;align-items: center;justify-content: center;} .img-Q, .img-D, .img-I, .img-T, .img-U, .img-V {background: #e5a623;text-transform: uppercase;color: #fff; max-width:35px; height:35px; min-width:35px;display: flex;align-items: center;justify-content: center;} .img-W, .img-E, .img-Y, .img-H {background: var(--orange);text-transform: uppercase;color: #fff; max-width:35px; height:35px; min-width:35px;display: flex;align-items: center;justify-content: center;} .img-a, .img-g, .img-i, .img-r, .img-x {background: #6c5ffc;text-transform: uppercase;color: #fff; max-width:35px; height:35px; min-width:35px;display: flex;align-items: center;justify-content: center;} .img-f, .img-b, .img-z, .img-s, .img-j {background: var(--blue);text-transform: uppercase;color: #000; max-width:35px; height:35px; min-width:35px;display: flex;align-items: center;justify-content: center;} .img-k, .img-c,.img-l, .img-m, .img-n, .img-o, .img-p {background: #35b9a6;text-transform: uppercase;color: #fff; max-width:35px; height:35px; min-width:35px;display: flex;align-items: center;justify-content: center;} .img-q, .img-d, .img-t, .img-u, .img-v {background: #e5a623;text-transform: uppercase;color: #fff; max-width:35px; height:35px; min-width:35px;display: flex;align-items: center;justify-content: center;} .img-w, .img-e, .img-y, .img-h {background: var(--orange);text-transform: uppercase;color: #fff; max-width:35px; height:35px; min-width:35px;display: flex;align-items: center;justify-content: center;} img.thumb-sm {max-width: 45px;height: 45px;object-fit: cover;border-radius: 25px;} .review-profile{max-width: 45px;min-width: 45px;height: 45px;border-radius: 25px;} .r-post-card .title {font-size: 18px;color: var(--darkblue); font-weight: bold;} .r-post-card .title a{text-decoration:none;} .recentPostTask .avatar.sm {width: 35px;min-width: 35px;height: 35px;} .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;} .rating.fs-14.text-bd {font-size: 15px;color: var(--darkblue);} .reviews-head.bzCard .btn-info {padding: 5px;} .reviews-head.bsnsCard {display: flex;align-items: self-start;} .reviews-head.bsnsCard .btn-info {padding: 5px 10px;} .reviews-head.bsnsCard .badges {display: flex;align-items: center;gap:8px;margin-top: 10px;flex-wrap: wrap;} .priceList br {display: none;} span.ico-items {display: flex;margin: auto;width: 75px;margin-bottom: 10px;} .fs-20 {font-size: 20px ;} span.ico-items img{height: auto;} .trending-areas ul.nav.panel-tabs {height: 90px;display: flex;align-items: center;justify-content: space-around;box-shadow: rgba(19, 27, 95, 0.06) 0px 10px 15px 5px;margin-bottom: 50px;border-width: 1px;border-style: solid; border-color: rgb(238, 238, 238);border-image: initial;background: rgb(246, 246, 249);border-radius: 100px;} .trending-areas ul.nav.panel-tabs li a {font-size: 24px;color: rgb(80, 85, 119);} .trending-areas ul.nav.panel-tabs li a.active {color: var(--blue);} .container.trending-areas.top-categories li {margin: 0;} #cta-bar {position: fixed;bottom:0px;left: 0;right: 0;background:linear-gradient(135deg, #00a0ff, #131b5f);color: white;transform: translateY(200%);transition: transform 0.4s ease;box-shadow:0 -5px 5px #00000021;z-index: 9999; display: flex;justify-content:center;padding:0px;align-items: center;} #cta-bar p{margin: 0;color: #000;max-width: 200px;} #cta-bar .btn.btn-outline{position:relative;width: 100%;max-width: 200px; padding: 10px 20px;} #cta-bar span.getfr {position: relative; color:var(--darkblue);} #cta-bar .btn.btn-outline.pulse:before{width: auto;height: auto;left: 0;bottom: 0;border-radius:5px;top: 0;right: 0;background: var(--blue);color: #fff;clip-path: polygon(0 0, 0% 100%, 100% 0);} #cta-bar2 {position: relative;background:#fff;transition: transform 0.4s ease;z-index: 9999;padding:0px;max-width:90px;min-width:140px;} #cta-bar2 p{margin: 0;color: #000;max-width: 200px;} #cta-bar2 .btn.btn-outline{position:relative;margin: 0;font-size: 16px;white-space: normal;padding:5px;} .zoom-btn{ transition: all 0.3s ease; animation: zoomInOut 2s infinite ease-in-out;} @keyframes zoomInOut {0%, 100% {transform: scale(0.8);}50% {transform: scale(1.1); background:var(--blue); color:#fff;}} section.getFreeQuotePage {background:linear-gradient(135deg, #00a0ff, #131b5f);padding:50px 0;margin-top:60px;height:83vh; min-height:600px;} .bg-secondary-transparent {background-color: rgba(5, 195, 251, 0.1);} .bg-success-transparent {background-color: rgba(0, 230, 130, 0.1);} .alert-default {background-color: #f9f7f7;} .newCostSide {position: sticky;top: 100px;/*box-shadow: 0 0 10px #00000045;*/padding: 20px;/*border-radius: 10px;*/height: 82vh;overflow: auto;border-left: 1px solid #b9b6b6;} .blogDetailSec ul {list-style-type: none;padding: 0;margin-bottom:20px;} .blogDetailSec ul li{position: relative;padding-left:30px;margin-bottom: 8px;} .blogDetailSec ul li:before {content: '\F135';font-family: bootstrap-icons;font-size: 24px;color: #00a0ff;position: absolute;left: 0;} .newCostSide ul {list-style-type: none;padding: 0;margin-bottom:20px;} .newCostSide ul li{position: relative;padding-left:30px;margin-bottom: 8px;} .newCostSide ul li:before {content: '\F135';font-family: bootstrap-icons;font-size: 24px;color: #00a0ff;position: absolute;left: 0;} .newCostSide li {margin: 0;border-bottom: 1px solid #eee;padding: 8px 0;} .newCostSide li a{text-decoration: none;color: #282f53;} .newCostSide li a:hover{color:#00a0ff;} .slideList br{display: none;} .slideList span.title {font-size: 20px;line-height:28px; color:var(--darkblue);} .slideList ul {padding:0px;list-style: none;} .slideList ul li {margin-bottom: 15px;position: relative;padding-left: 30px;text-align: left;} .slideList ul li:before {content: '\F272';font-family: "bootstrap-icons";color: #00a0ff;border-radius: 100%;position: absolute;left: 0;font-size: 20px;top: 13px;line-height: 0;} .slideList {padding:15px;box-shadow:none; border:0;border-radius: 0;display: flex;align-items: center;gap:10px;} .slideList.card{border-radius: 20px;box-shadow: 0 0 30px #00000024;display: block;padding: 30px;} .slideList.card span.title {font-weight: 900;font-size: 24px;line-height: 34px; margin-bottom: 20px;} .slideList.card .btn{width:100%;} /*section.slideUpdate.catDPage:after {content: '';display: block;background: #0000002e;position: absolute;top: 0;z-index: 1;bottom: 0;right: 0;width: 40%;}*/ section.slideUpdate.catDPage{ background:linear-gradient(135deg, #00a0ff, #131b5f);} .btn.bg-blue:hover{background: #131b5f; color:#fff;} .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.pagination {flex-wrap: wrap;} .appstore {display: flex;gap: 15px;justify-content: center;} img.articalbog {width: 100%;max-height: 500px;object-fit: cover;border-radius: 20px;height: auto;} .blogDetailSec ul.numberlist li:before{color:#fff;content: counter(item);font-size: 15px;font-family: 'Roboto' !important;} .blogDetailSec h2 {margin-bottom: 25px;} svg.blogarrow {width: 35px;height: 35px;} .paginationCustome {display: flex;align-items: center;gap:0 10px;flex-wrap: wrap;justify-content: center;} .paginationCustome ul {margin: 0;} .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;} .sharebtnCost .sharebtngroup {top: 180px;transition: 0.5s;} .sharebtngroup ul {display:flex;gap:20px;list-style-type:none;padding: 0;margin: 0;} .autoadjust {column-count: 3;column-gap: 15px;} .autoadjust .reviewsItems {padding: 8px;break-inside: avoid;background: #fff;border-radius: 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);overflow: hidden; border: 1px solid #dfe2e9;} .newReviewsSec {display: flex;gap: 30px; align-items: self-start;} .reviewRate.card {padding: 30px;max-width: 400px;min-width: 400px;position: relative;text-align: center;} .reviewHead {display: flex;gap: 10px;} span.name.fw-600.d-block {line-height: 15px;} .reviewRate.card img {height: auto;} .price {font-weight: 900;font-size: 34px;color: var(--blue);padding: 15px 0;} .avragePrice {display: flex;justify-content: center;gap: 10px;} .priceCat span.btn {background: var(--darkblue);color: #fff;padding: 0 5px;border-radius: 5px;font-size: 13px;display: table;margin: auto;} .priceCat.low {position: relative;top: 50px;} .priceCat.high{position: relative;top:40px;} .text-center.reviwTitle {font-size: 24px;font-weight: bold;line-height: 38px;} .blogDetailSec .newCostSide2 li {margin: 0;} .tableContent {padding: 20px;margin-bottom: 40px;} .table_title {font-weight: 900;font-size: 28px;line-height: 34px;margin-bottom: 20px;color: var(--darkblue);} .newCostSide2 {position: sticky;top: 100px;padding: 20px;height: 82vh;overflow: auto;} .newCostSide2 li a{text-decoration: none;color: #282f53;} .newCostSide2 li {border-bottom: 1px solid #eee;padding: 8px 0;} .slideUpdate .remove p {color: #fff;margin-bottom: 10px;font-size: 20px;} .slideUpdate .remove p.title {font-weight: bold;font-size: 28px;} .d-flex.align-items-center.mapIcon.locationLoader {margin-left: 7px;} .postcodebox svg {width: 25px;height: 25px;color: #00a0ff;} svg.list-gray {color: #505577;position: relative;top: 0px;width: 25px;height: 25px;} ol.breadcrumb1, .breadcrumb{flex-wrap: wrap;} .blogPost {margin-top:60px;} .calculater .bg-primary-transparent {background-color: rgb(8 4 52 / 15%);} .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:hover {width: 150px;transition: all 2s;} .social-list a span {font-size: 16px;margin-left: 0;width: 0;white-space: nowrap;overflow: hidden;transition: all 2s;} .social-list a:hover span {width: 100px;transition: all 2s;margin-left: 10px;white-space: nowrap;} .card.bs {border-left:3px solid #00a0ff; border-right:3px solid #00a0ff; border-top:1px solid #e9edf4; border-bottom: 1px solid #e9edf4;text-decoration: none;color: #000000d4;} span.handRoted {transform: rotate(90deg);margin-right: 10px;} .social-list svg{color:#fff; width:20px; height:20px;} .alpha-list {list-style: lower-alpha;margin-left: 20px;padding: 0;} .tab_wrapper {display: inline-block;width: 100%;position: relative;} .tab_wrapper.left_side>ul {width: 25%;float: var(--float-left);border-block-end: 1px solid #ccc;clear: both;display: inline-block;margin-block-end: 0; padding: 0;list-style-type: none;} .tab_wrapper.left_side>ul li {width: 100%;box-sizing: border-box;margin: 0;padding: 12px 18px;border-width: 1px;border-inline-end: 0;border-inline-start: 0;position:relative;border-block-start: 1px solid #e9edf4;cursor: pointer;font-weight: 500;} .tab_wrapper>ul li.active {color: #fff;} .tab_wrapper>ul li.active {border-color: #00a0ff;background: #00a0ff;} .tab_wrapper.left_side>ul li:after {inset-inline-start: 0;inset-block-start: 0;content: "";position: absolute;width: 5px;height: 100%;background: #ccc;} .tab_wrapper.left_side>ul li.active:before {inset-inline-end: -1px;position: absolute;inset-block-start: 0;content: "";width: 2px;height: 100%;background: #fff;} .tab_wrapper.left_side>ul li.active:after {inset-inline-start: 0;inset-block-start: 0;width: 5px;height: 100%;background: var(--blue);} .tab_wrapper.left_side .content_wrapper {width: 75%;border: 1px solid #e9edf4;float: var(--float-left);box-sizing: border-box;position: relative;inset-block-start: -5px;padding: 20px} .tab_wrapper.first_tab.left_side {display: flex;} .tab_wrapper .content_wrapper .accordian_header {display: none;padding: 10px 20px;text-transform: uppercase;font-weight: bold;border-block-start: 1px solid #eee;border-block-end: 1px solid #fff;position: relative;cursor: pointer;} ul.arrowlist ul {list-style-type: none;padding: 0;margin: 0;} .hide{display:none;} /*lead page*/ .filltersearch {background: #00a0ff;padding: 15px;margin-bottom: 30px;} .browseTaskSide {position: relative;z-index: 1;} .taskscroll.side {max-height: initial;overflow: auto;} .leasTask {max-height: calc(73vh - 0px);overflow: auto;position: relative;display: flex;flex-direction: column; gap:10px;padding: 10px;} .leasTask.paginate{max-height: calc(65vh - 0px);} .card.rounded20 {border:1px solid #0000003b;position: relative;overflow: visible;padding: 15px;box-shadow:none; border-radius: 15px;} .media {display: flex;} .higlight-items{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;} 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;} .dateTime {line-height: 21px;background: #eef4ff;font-size: 13px;padding:0px 5px;border-radius: 5px;} .card.rounded20.active {border:1px solid #00a0ff;background: #00a0ff0d;} .taskscroll {max-height: calc(80vh - 10px);overflow: auto;} .myTaskFixed {padding: 20px;box-shadow:none;} ul.ans-qsn {list-style-type: none;padding: 0;margin: 0;} .post-title {display: flex;align-items: self-start;justify-content: space-between;gap: 15px;} .leasTask {overflow-y: scroll;scrollbar-color:#939AA8 #f3f7ff;scrollbar-width: thin;} .leasTask::-webkit-scrollbar {width:1px;background-color:#EEF4FF;} .leasTask::-webkit-scrollbar-thumb {background-color:#f3f7ff;} .taskscroll{overflow-y: scroll;scrollbar-color:#939AA8 #f3f7ff;scrollbar-width: thin;} .taskscroll::-webkit-scrollbar {width:1px;background-color:#EEF4FF;} .taskscroll::-webkit-scrollbar-thumb {background-color:#f3f7ff;} .taskscroll.side{overflow-y: hidden;} @-moz-document url-prefix() { .leasTask {overflow-y: scroll;scrollbar-color:#939AA8 #f3f7ff;scrollbar-width: thin;} .leasTask::-webkit-scrollbar {width:2px;background-color:#EEF4FF;} .leasTask::-webkit-scrollbar-thumb {background-color:#f3f7ff;} .taskscroll{overflow-y: scroll;scrollbar-color:#939AA8 #f3f7ff;scrollbar-width: thin;} .taskscroll::-webkit-scrollbar {width:2px;background-color:#EEF4FF;} .taskscroll::-webkit-scrollbar-thumb {background-color:#f3f7ff;} .taskscroll.side{overflow-y: hidden;} } /*end browse task*/ /*Myaccount*/ .notification-banner {background-color: #f7c730;flex-wrap: wrap;color: #131b5f;padding: 5px;display: flex;justify-content: space-between;align-items: center;font-size: 13px;line-height: 20px;gap: 5px;border: 1px solid #ae964d;border-radius: 5px;margin-bottom: 20px;} .notification-banner button {background-color: #534c0c;border: none;padding: 3px 10px;color: #fff;/* font-weight: bold; */border-radius: 5px;cursor: pointer;font-size: 14px;} .notification_settings .checkml {padding: 10px;border-bottom: 1px solid #eee;} .custom-alert-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);justify-content: center;align-items: center;z-index: 99999;} .custom-alert-box {background-color: #fff;padding: 25px 30px;border-radius: 10px;width:100%;max-width: 800px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);opacity: 0;transform: scale(0.8);animation: fadeIn 0.3s forwards;} .custom-alert-box h2 {margin-top: 0;color: #000;font-size: 24px;padding-bottom: 20px;border-bottom: 1px solid #eee;font-family: 'Roboto';font-weight: normal;} ul.alerts {list-style-type: none;padding: 0;margin: 0;} ul.alerts li {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #eee;} .sideNew .me {display: grid;grid-template-columns: 76px 1fr;gap: 14px;align-items: center;padding-bottom: 14px;border-bottom: 1px dashed var(--line);margin-bottom: 14px;} .sideNew {background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-xl);box-shadow: var(--shadow);padding: 22px;} .sideNew .avatar-wrap {position: relative;width: 76px;height: 76px;} .sideNew .avatarName {width: 76px;height: 76px;border-radius: 50%;background: linear-gradient(135deg, #cfe1ff, #ffffff 70%);display: grid;place-items: center;font-weight: 800;color: #1e3a8a;border: 4px solid #eef3ff;font-family: 'Oswald', sans-serif;} .sideNew .cam {position: absolute;right: -2px;bottom: -2px;width: 28px;height: 28px;border-radius: 999px;display: grid;place-items: center;background: linear-gradient(135deg, var(--brand), var(--brand-500)); box-shadow: 0 6px 14px rgba(37, 99, 235, .25);color: #fff;border: 2px solid #fff;} .sideNew .cam input#profile_photo {opacity: 0;width: 28px;height: 28px;border-radius: 15px;z-index: 9;} .sideNew .cam svg {color:#fff;position: absolute;} .sideNew .me h3 {font-size: 24px;margin: 0 0 4px 0;} .sideNew .loc {font-size: 13.5px;color: var(--muted);display: flex;gap: 8px;align-items: center;} .sideNew .quote {margin-top: 14px;display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;padding: 12px 14px;border-radius: 999px;color: #fff;background: linear-gradient(135deg, var(--brand), var(--brand-400));border: 0;cursor: pointer;font-weight: 700;box-shadow: 0 12px 22px rgba(37, 99, 235, .28);} .sideNew .verify-cta {margin-top: 12px;width: 100%;padding: 12px 14px;border-radius: 12px;background: #eef4ff;color: #1d4ed8;border: 1px solid #d7e4ff;font-weight: 700;display: flex;align-items: center;gap: 10px;cursor: pointer; animation: pulse 1.5s infinite;} .sideNew .navBox {margin-top: 12px;display: grid;gap: 4px;} .sideNew .navBox .item {display: flex;gap: 8px;align-items: center;padding: 8px 14px;border-radius: 12px;color: var(--ink);text-decoration: none;border: 1px solid transparent;transition: .18s;font-size: 14px;} .sideNew .navBox .item:hover {background: #f5f9ff;border-color: #e6eeff;} .sideNew .navBox .item.active {background: linear-gradient(180deg, #eaf2ff, #ffffff);border-color: #dbe7ff;font-weight: 700;} .custom-alert-buttons {position: absolute;right: 15px;top: 10px;} .custom-alert-buttons button {border: none;border-radius: 5px;font-size: 20px;cursor: pointer;} .fs-28{font-size:28px;} .numberVrfy .inputbox {width: 70%;position: relative;display: flex;} .numberVrfy .inputbox span.stdcode {height: 45px;display: flex;min-width: 40px;align-items: center;justify-content: center;border: 1px solid #00000026;font-weight: 900;border-radius: 7px 0 0 7px;} .numberVrfy .inputbox button {border: 0;padding: 0 10px;border-radius: 0 7px 7px 0;} .numberVrfy input.form-control.is-invalid{border-radius: 7px 0 0 7px;} .numberVrfy .invalid-feedback.text-end, .numberVrfy .valid-feedback.text-end {position: absolute;top: -9px;right: 100px;background: #fff;left: auto;width: auto;padding: 0 5px;margin: 0;line-height: 15px;} .sideNew .avatarPic {width: 76px;height: 76px;border-radius: 50%;background: linear-gradient(135deg, #cfe1ff, #ffffff 70%);border: 4px solid #eef3ff;} .side-menu__label {white-space: nowrap;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;margin-block-start: 3px;} .task-list {list-style: none;position: relative;margin: 0;padding: 0px 0 0;color: #3c4858;} .task-list:before {content: "";position: absolute;inset-block-start: 4px;inset-block-end: 0;height: 90%;inset-inline-start: 15px;border-inline-start: 1px solid #e0e9f1;} .task-list li {margin-block-end:10px;padding-inline-start: 55px;position: relative;} .task-list li .task-icon {position: absolute;inset-inline-start: 10px;inset-block-start: 5px;border-radius: 50%;padding: 2px;width: 12px;height: 12px;z-index: 2; background: var(--blue);} .number{position: relative;} .form-group.editAccount.un-verified span.un-vrfy {line-height: 15px;position: absolute;background: #fff;text-align: right;display: block;top: -8px;right: 14px;} 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;} .form-group.editAccount {position: relative;} div#sweet-alert h3{font-size:20px;} button.un.e-mailvry {border: 0;background: #00a0ff;margin: 0;padding: 9px; font-size:13px; color:#fff;border-radius: 0 7px 7px 0;} .custom-alert-overlay {display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.5);justify-content: center;align-items: center;z-index: 99999;} .custom-alert-overlay.active {display: flex;} .custom-alert-overlay.active div#alertBox {opacity: 1;} ul.alerts .freeLeads {background: linear-gradient(to right, #00c853, #64dd17);color: #fff;padding: 10px;border-radius: 10px;display: flex;align-items: center;} ul.alerts .claim-btn {background: #ffd600;font-size: 14px;min-width: 150px;padding: 5px;text-align: center;border-radius: 10px;color: #000;animation: zoomInOut 1.5s ease-in-out infinite;margin-left: auto;} .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 { padding: 5px 20px;background: #00a0ff;color: #fff;border-radius: 0;text-transform: uppercase;font-size: 14px;font-weight: bold;} 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;} /*business profile*/ ul.bsnListDtl {margin-top: 20px;font-size: 14px;border: 1px solid #f0f4fd;list-style-type: none;padding: 0;} ul.bsnListDtl li {padding: 6px;border-bottom: 1px solid #f0f4fd;display: flex;justify-content: space-between;gap: 10px;align-items: center;} .businssProfile img {max-height: 150px;} .background-check-items{display: none; } img.badges {max-width: 25px;} ul.bsnListDtl span {font-weight: bold;font-size: 11px;} .socialAc ul {margin-top: 15px;list-style-type: none;padding: 0;} .socialAc ul li {padding: 7px 0;border-top: 1px solid #eee;display: flex;align-items: center;justify-content: space-between;font-size: 14px;} .card-footer{background:#fff;} /*ligth popup*/ ul.list-style-type-none {padding: 0;} label.custom-control.custom-checkbox {position: relative;padding-left: 20px;} label.custom-control.custom-checkbox input.custom-control-input {position: absolute;left: 0;top: 6px;} .summernoteSec .panel-heading.note-toolbar {border-bottom: 1px solid #eee;justify-content: start;display: flex;flex-wrap: wrap;} .summernoteSec .btn{background: #fff;padding: 5px;} .summernoteSec .dropdown-toggle::after{display:none;} /*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;} /*chatpage*/ .chatUserDetail {position: fixed;z-index: 9;top: 100px;max-width: 320px;right: -420px;-webkit-transition: all .4s;transition: all .4s;box-shadow: -5px 0 5px #0000002e;background: #fff;} .mynotifyItems .dropdown-item {padding: 10px;border: 1px solid #eeeeeeb8;border-radius: 5px;margin-bottom: 5px;} .gapbox{gap:8px 15px;} div#getFreeQuote{backdrop-filter: blur(5px);} .form-control{border: 1.5px solid #acb2bb;background: #fbfdff; height:45px;} .getfreePopup button.btnsub{padding: 10px 20px; font-size:15px;} .getfreePopup button.btnsub:hover{background:var(--darkblue); color:#fff;} .getFreeWhite {background: #fff;border-radius: 10px;padding-top: 13px;} .getFreeWhite h2 {font-size: 24px;padding: 0 20px;} .input-group-text{border: 1.5px solid #acb2bb;} .text-itm-bx-bl {border-left: 3px solid #00a0ff;box-shadow: 0 0 5px #00000036;} .reviews-head.bsnsCard .badges span svg {width: 15px;height: 13px;} .reviews-head.bsnsCard .badges span {display:flex;gap:5px;align-items: center;border: 1px dashed #cfe1ff;border-radius:15px;padding:1px 9px;background: #f6fbff;font-size: 13px;line-height: 20px;} .info, .info.succ {display: flex;gap: 12px;align-items: flex-start;border-radius:10px;background: #f0f6ff;border: 1px solid #e1ecff;color: #0b3a82;padding:8px;line-height: 1.5;border-left: 4px solid #00a0ff;} .info.succ{background: #ecfdf5;border-color: #c7f7d4;color: #065f46;} .alertboxs{display:none;} .newGetfreeQuote .cardItems{color:#000;} .newGetfreeQuote.getfreeqt{padding:30px;} .progress {border-radius: 0;height: 3px;} div#formProgressBar {background: #00a0ff;} .newStepForm {min-height: 90vh;} .newGetfreeQuote.getfreeqt button.btnsub{padding: 10px 20px; font-size:16px;letter-spacing: 0;} .newGetfreeQuote.getfreeqt label {margin-bottom: 5px;} .newGetfreeQuote.getfreeqt .button {width: 100%;display: inline-flex;align-items: center;justify-content: center;gap: 10px;height: 54px;border-radius: 14px;background: var(--blue);color: #fff;font-weight: 800;font-size: 1.05rem;border: none;cursor: pointer;} .trust {display: flex;gap: 14px;flex-wrap: wrap;justify-content: center;margin-top: 14px;color: #0e3a7a;} .trust .pill {display: flex;gap:5px;align-items: center;font-size: 12px;} .guarantee-box {background-color: #e6f7ff;border: 1px solid #b3e0ff;border-radius: 8px;padding:8px;color: #0056b3;font-size: 13px;line-height: 1.5;display: flex;align-items: flex-start;gap: 10px;text-align: left;} .newStepForm .getFreeWhite h1 {color: #131b5f;font-weight: bold;font-size: 24px;} .newStepForm .step {padding:20px 30px 0;} .newStepForm .step h5 {font-family: 'Roboto';font-size: 21px;} /*.newGetfreeQuote .cardItems {*/ /*background: #fff;*/ /*padding: 0px;*/ /*border-radius: 0;*/ /*max-height: 50vh;*/ /*overflow: auto;*/ /*color: #000;*/ /*}*/ .newGetfreeQuote.getfreeqt .labelBox label {gap: 10px;border: 1px solid #c4cad0;padding: 10px;position: relative;width: 100%;background: #f8fafc;border-radius: 10px;margin-bottom: 10px;display: flex;align-items: center;} .newGetfreeQuote.getfreeqt .labelBox label.dateLable {background: #fff;border: 0;position: absolute;padding: 0 5px;display: table;width: auto;top: -12px;left: 10px;margin: 0;} .input-groupdateLb {position: relative;} .priceList.new {display: flex;align-items: self-start;flex-wrap: wrap;} .priceList p {margin-bottom: 10px;flex: 1 1 60%;} .priceList ul.list-unstyled{flex: 1 1 30%;display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px;margin-left: 30px;} .priceList.new .content-wrapper:not(:has(ul)) p {flex: 1 1 100%;} .newStepForm .newGetfreeQuote.getfreeqt .labelBox label input.custom-control-input {position: relative; top:0;} section.bg-gray.pt-5.noflow+section.bg-gray.space {padding: 1px 0 0;} .bz-reply-item {display: flex;align-items: center;gap: 10px;margin: 10px 0;} .bz-reply-item .bz-reply-logo {height: 45px;width: 45px;min-width: 45px;border: 1px solid #bfc5d3;object-fit: cover;border-radius: 40px;} .comment-box {display: none;} .comment-box.active {display: block;} .reply-toggle {cursor: pointer;} .reply-toggle svg {position: relative;top: -2px;} .btn.edit-button{padding: 5px 15px;} .note-btn.btn.btn-default.btn-sm {padding: 0 10px;} .bizGallery .bsGallery2{column-count: 3;column-gap: 10px;padding: 20px 0;} .bizGallery .bsGallery2 .selectgroup-button{padding:0; background:#fff;position: relative;} .bizGallery .bsGallery2 .selectgroup-button .delete-btn.deleteImg {position: absolute;right: 10px;background: #ecc9c9;padding: 8px;width: 30px;display: flex;align-items: center;justify-content: center;top: 10px;height: 30px;box-shadow: 0 0 4px #000;} 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;} .paymentR .selectgroup-button {background: #f0efff;color: #131b5f;} .review.autoadjust{column-count: 3;column-gap: 15px;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));display: grid;} .openRow {display: flex;align-items: center;gap: 10px;justify-content: space-between;padding: 10px 15px;} .openRow span{width: 23%;} .worktime {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;padding: 15px;justify-content: space-between;border: 1px solid #acb2bb;} .worktime div {width: 23%;} .worktime .form-control{padding:0 5px;text-align: center;font-size: 14px; height: 25px;} .bsns-title {text-align: center;display: block;margin: 10px;} span.abn span.v {display: none;font-size: 12px;color: #35b9a6;} span.abn.active span.v {display: block;} span.abn {display: flex;align-items: center;gap: 5px;justify-content: center;margin-top: 10px;} span.dollars {position: absolute;left: 10px;top: 10px;} .relative {position: relative;} .relative .form-control{ padding-left: 25px;} .hidden {opacity: 0;} .alert {box-shadow: 0 0 3px #00000052;} .balanceBox.bg-blue {padding: 20px;border-radius: 20px;text-align: center;} span.stripes-adfund {display: flex;background: #f6fbff;border: 1px dashed #cfe1ff;padding: 10px;border-radius: 10px;color: #153b7a;flex-wrap: wrap;align-items: center;gap: 10px;} img.stripelogo-new {max-width: 300px;} nav.navBox.abnlistmenu .item {overflow: hidden; position: relative;} .background-checks {background: #131b5f;padding: 10px;margin-bottom: 0px;border: 1px solid transparent;border-radius: 10px;border-color: #dbe7ff;text-align: center;} .background-checks h2 {color: #fff;font-size: 26px;} .background-checks p {color: #fff;} .check-icon-bi span {position: absolute;right: -200px;white-space: nowrap;font-size: 10px;font-weight: bold;top:8px;-webkit-transition: all .4s;transition: all .4s;} .check-icon-bi:hover span {right: 38px;} .check-icon-bi.vry span {top: 9px;} nav.navBox.abnlistmenu .item svg {width: 22px;min-width: 22px;height: 22px;} .gallerybox {display: flex;gap: 20px;align-items: center;margin-bottom: 20px;} .btnpdf {font-size: 45px;color: #f30404;line-height: 24px;text-align: center;background: #f304041f;padding: 12px;border-radius: 10px;width:85px;display: block;} .btnpdf svg {width: 40px;height: 40px;} .gallerybox img {height: 150px;object-fit: cover;border-radius: 10px;} .btnpdf span {margin-top: 10px;font-size:18px;display: block;} .loc-list-tab {display: flex;align-items: center;gap: 5px;flex-wrap: wrap; justify-content: center;} .loc-list-tab .badge {background: #eadfdf;font-size: 16px;color: var(--darkblue);} .loc-list-tab .badge.active{background:var(--blue); color:#fff;} /*my task*/ .tooltip-danger.mtask .popover-static {min-width: 200px;left: -100px;top:25px;} .tooltip-danger.mtask .popover-arrow {margin-inline-start: 50%;top: -18px;transform: rotate(90deg);} span.quotebybiz {display: inline-block;background: #4caf5036 !important;border: 1px dashed #4CAF50 !important;color: #2a612c;font-weight: bold;padding: 0 10px;border-radius: 10px;font-size: 13px;} .col-md-8.myTaskFixed.taskscrollSide {background: #fff;max-height: calc(90vh - 10px);overflow: auto;padding: 15px;border-radius: 10px;} .myTaksItems {position: relative;overflow: visible;padding: 10px;background: #fff;border-radius: 15px; box-shadow: 0 0px 5px rgba(37, 99, 235, .10);} .myTaksItems.active {border: 1px dashed #00a0ff;background: #00a0ff21;} .tooltip-danger.mtask .popover-static {min-width: 200px;left: -100px;top:25px;} .tooltip-danger.mtask .popover-arrow {margin-inline-start: 50%;top: -18px;transform: rotate(90deg);} span.quotebybiz {display: inline-block;background: #4caf5036 !important;border: 1px dashed #4CAF50 !important;color: #2a612c;font-weight: bold;padding: 0 10px;border-radius: 10px;font-size: 13px;} .taskscroll.side .leasTask{border-radius: 15px;} /*end my task*/ .status-success {background:#13bfa617;padding: 0 10px;border-radius:20px;border: 1px dashed #13bfa6;color: #0c6c5e;display: inline-block;text-align: center;} .status-success.btn:hover{background: #0c6c5e; color:#fff;} .status-success.btn:hover svg{color:#fff;} .status-warning {background: #ffc10733;padding: 0 10px;border-radius:20px;border: 1px dashed #c89325;color: #9d7011;display: inline-block;text-align: center;} .status-warning.btn:hover{background: #9d7011; color:#fff;} .status-warning.btn:hover svg{color:#fff;} .status-danger {background: #e826463d;padding: 0 10px;border-radius:20px;border: 1px dashed #e82646;color: #e82646;display: inline-block;text-align: center;} .status-danger.btn:hover{background: #e82646; color:#fff;} .status-danger.btn:hover svg{color:#fff;} .status-info{background: #00a0ff36;padding: 0 10px;border-radius:20px;border: 1px dashed var(--blue);color: var(--blue);display: inline-block;text-align: center;} .status-info.btn:hover{background: var(--blue); color:#fff;} .status-info.btn:hover svg{color:#fff;} .status-default{background:#c5c5cf47;padding: 0 10px;border-radius:20px;border: 1px dashed #8e8e97;color:#3a3d40;display: inline-block;text-align: center;} .status-default.btn:hover{background: #3a3d40; color:#fff;} .status-default.btn:hover svg{color:#fff;} .status-secondary{background:#ecf6ff;padding: 0 10px;border-radius:20px;border: 1px dashed var(--blue);color: var(--blue);display: inline-block;text-align: center;} .status-secondary.btn:hover{background: var(--blue); color:#fff;} .status-secondary.btn:hover svg{color:#fff;} .status-primary{background:#6c5ffc1a;padding: 0 10px;border-radius:20px;border: 1px dashed #6c5ffc;color: #6c5ffc;display: inline-block;text-align: center;} .status-primary.btn:hover{background:#6c5ffc; color:#fff;} .status-primary.btn:hover svg{color:#fff;} .status-st{background:#1b28a94f;padding: 0 10px;border-radius:20px;border: 1px dashed #141b5f;color: #141b5f;display: inline-block;text-align: center;} .status-st:hover{background:#141b5f; color:#fff;} .status-st.btn:hover svg{color:#fff;} .status-dark-success {background: #0c6c5e;padding: 0 10px;border-radius:20px;border: 1px dashed #0c6c5e;color: #fff;display: inline-block;text-align: center;} .status-dark-success:hover{background: #0c6c5e; color:#fff;} .status-dark-warning {background:#FFC107;padding: 0 10px;border-radius:20px;border: 1px dashed #FFC107;color: #fff;display: inline-block;text-align: center;} .status-dark-warning:hover{background: #FFC107; color:#fff;} .status-dark-danger{background: #e82646;padding: 0 10px;border-radius:20px;border: 1px dashed #e82646;color: #fff;display: inline-block;text-align: center;} .status-dark-danger:hover{background: #e82646; color:#fff;} .status-dark-info{background: var(--blue);padding: 0 10px;border-radius:20px;border: 1px dashed var(--blue);color: #fff;display: inline-block;text-align: center;} .status-dark-info:hover{background: var(--blue); color:#fff;} .status-dark-default{background:#cad1dd;padding: 0 10px;border-radius:20px;border: 1px dashed #cad1dd;color:#000;display: inline-block;text-align: center;} .status-dark-default:hover{background:#898f99; color:#fff;} .status-dark-secondary{background: var(--blue);padding: 0 10px;border-radius:20px;border: 1px dashed var(--blue);color: var(--blue);display: inline-block;text-align: center;} .status-dark-secondary:hover{background: var(--blue); color:#fff;} .status-dark-primary{background:#6c5ffc;padding: 0 10px;border-radius:20px;border: 1px dashed #6c5ffc;color: #fff;display: inline-block;text-align: center;} .status-dark-primary:hover{background:#6c5ffc; color:#fff;} .status-dark-st{background:#141b5f;padding: 0 10px;border-radius:20px;border: 1px dashed #141b5f;color: #fff;display: inline-block;text-align: center;} .status-dark-st:hover{background:#1b28a9; color:#fff;} .profile-card{margin-top: 22px;background: #ecf6ff;padding: 16px;border-radius: 12px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap; border: 1px dashed #0b6fff;} .profile-card .avatar {background: #0b6fff;color: #fff;min-width: 48px;width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 18px;font-family: 'Oswald', sans-serif;} .profile-card .contact {flex: 1;margin-left: 12px;} .modal-body.reviewPopup .rating {display: inline-block;font-size: 0;} .modal-body.reviewPopup .stars {font-size: 25px;cursor: pointer;color: #ccc;margin-right: 5px; } .modal-body.reviewPopup .stars.selected {color: #ffcc00;} .modal-body.reviewPopup .rating span.stars {width: 40px;font-size: 42px;overflow: hidden;} .modal-body.reviewPopup .rating .stars:hover {color: #efdf06;} .business-list {display: flex;flex-direction: column;gap: 14px;} .business-list .bizlist {background: #ffffff;border-radius: 12px;padding: 14px;box-shadow: 0 0px 2px rgb(205 216 235);border: 1px dashed #b1a9a9;display: flex;flex-direction: column;gap: 14px;} .business-list .biz{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .business-list .logo {width: 90px;height:80px;border-radius: 8px;background: #f7f9fc;display: flex;align-items: center;justify-content: center;font-size: 13px;color: #7d8ca4;margin-right: 16px;} .business-list .logo img {width: 100%;border-radius: 10px;max-height:80px;} .business-list .biz-info {flex: 1;} .business-list .biz-name {font-weight: 600;color:var(--darkblue);font-size: 17px;} .biz-sub {color:#606874;margin-top:8px;display: flex;align-items: center;gap: 10px;flex-wrap: wrap;} .reviewPhone{display: flex; align-items:center; gap:15px;} span.image-container {max-width: 150px;position: relative;border-radius: 10px;overflow: hidden;display: block;} span.image-container img {width: 100%;} span.image-container button.status-dark-danger.delete-btn {position: absolute;/* top: 0; */right: 5px;bottom: 5px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;} .detailImg {display: flex;gap: 15px;flex-wrap: wrap;} .detailImg img {width: 150px;height: 100px;object-fit: cover;border-radius: 10px;} .memberplan {position: absolute;left: 0;/* right: 0; */top: 0;overflow: hidden;height: 120px;width: 122px;} .memberShip {transform: rotate(-45deg);position: absolute;top: 31px;left: -36px;width: 160px;border-radius: 0;box-shadow: 0px 2px 2px #0000005e;} /*chat*/ .h93vh.tab-content.main-chat-list.flex-2 {display: flex;flex-direction: column;position: relative;max-height: calc(100vh - 158px);overflow: auto;} .chatList {background: #fff;display: flex;padding: 10px;border-radius:0px;margin-bottom:0px;transition: all 2s;border-bottom: 1px solid #eee;} .main-img-user {display: block;position: relative;width: 36px;height: 36px;border-radius: 100%;min-width: 36px;} .main-img-user img {width: 100%;height: 100%;object-fit: cover;border-radius: 100%;} .main-content-body-chat {flex-direction: column;display: flex;} .chatbox {overflow: hidden;} .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;} .chatUserDetail.active {right: 0px;-webkit-transition: all .4s;transition: all .4s;} .main-chat-msg-name.box {display: flex;align-items: center;justify-content: space-between;width: 100%;flex-wrap: wrap;} .main-chat-header {display: flex;align-items: center;gap: 10px;padding:7px 10px;border-bottom: 1px solid #eee;} span#closeUserDetail {position: absolute;right: 0;font-weight: bold;font-size: 28px;} .editNots input.form-control{font-size: 12px;} .editNots button.close {display: none;} .editNots.active button.close {display:block;} .editNots .input-group .btn {position: relative;z-index: 2;border-color:#01a1ff;background:#01a1ff;color:#fff;font-size: 13px;padding: 3px 10px;border-radius: 0;} ul#chat_response_ul {list-style-type: none;padding: 0;margin: 0;} .main-msg-wrapper {padding: 10px 15px;background-color: #fff;font-size: 13px;margin-block-end:0px;display: inline-block;border-radius: 20px;position: relative;box-shadow: 0 0 5px #00000054; border-start-start-radius: 0;} .main-chat-body .media.flex-row-reverse .main-msg-wrapper {background-color: #6c5ffc33;color: #000;position: relative;border-radius: 20px;border-start-end-radius: 0;padding: 10px 15px;font-size: 13px;margin-block-end:0px; display: inline-block;/* border-radius: 20px; */} ul#chat_response_ul .media .media-body {max-width: 85%;margin-inline-start: 0;margin-inline-end: 0;} .media .chatGallery img {width: auto;height: auto;max-height:200px;max-width: 80%;border-radius: 10px;} .uploadUimg.chat {position: relative;overflow: hidden;bottom: 0px;min-width:17px;} .uploadUimg.chat input[type="file"] {position: absolute;padding: 0;cursor: pointer;opacity: 0;height: 30px;} .uploadUimg.chat .fe {font-size: 16px;color: #131b5f;} .main-chat-footer {display: flex;align-items: center;gap: 10px;padding: 10px;} .btn.btn-primary.send-btn{padding: 10px;width: 50px;height: 50px;min-width: 50px;} .editNots.active input.form-control{} .editNots svg {width: 15px;min-width: 15px;height: 18px;color: #01a1ff;} .editNots.active .input-group {border: 1px solid #9f9797;border-radius: 5px;overflow: hidden;} .main-chat-body{overflow: auto;scrollbar-width: none;} .cat-topW {overflow: hidden;display: flex;} .chatPage{margin-top:60px;height:93vh;border-top: 2px solid #00a0ff;} .main-chat-list{height:93vh; overflow: auto;background: #fff;max-width:300px} .main-chat-list::-webkit-scrollbar {width:2px;} .main-chat-list::-webkit-scrollbar-thumb {background:#d7dce7;} .chatbox {overflow: hidden;flex: 1;position: relative;height:93vh;} .media .chatGallery img{max-height: 200px;} .main-chat-header {background: #fff;} .main-chat-footer .form-control{padding:9px 10px;} .chatUserDetail{bottom: 0;padding: 20px;z-index: 99;} span#closeUserDetail{top: 4px;background: #eee;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 20px;} .chatUserDetail{overflow: auto; } .editNots input.form-control {border: 0 !important;} .main-chat-footer {background-color: #fff;} .main-chat-footer .form-control{padding:10px;} .chatbox.taskscrollBlank {padding: 30px;} .chatOnline.d-flex {position: relative;} .chatOnline span.online {position: absolute;} .chatOnline span.away {position: absolute;} form#chat-msg-send {margin-top: auto;} @media screen and (min-width:100px) and (max-width:767px){ .chatbox{flex:auto;} .main-chat-list{max-width:100%;} .cat-topW{display:block;} .chatPage{margin-top:50px;} .main-chat-header{position: sticky;top: 0;} .activeChat .main-chat-list.flex-2.chatSideFixed {top: 0;} .chatbox.chatFixed {padding: 0;} .main-chat-footer textarea#messages{box-shadow: none;border-radius: 5px;} .main-chat-footer{padding-top:10px; gap:5px;} .mail-phone span {display: none;} .chatFixed {background: #fff;left: 0;right: 0; padding: 0;padding-top: 10px;margin: 0;overflow: hidden;} .chatFixed {position:fixed;top:55px;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;} .btn.btn-primary.send-btn {padding: 10px;width: 40px;height: 40px;min-width: 40px;} .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%;} div#ChatBody {background: #f3f7ff;padding-bottom: 75px;height: 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;} .activeChat .chatFixed form#chat-msg-send {position:fixed;bottom: 0;left: 0;right: 0;} /*lead*/ .browseTaskSide .card-header {position: fixed;top: 55px;padding: 0;border-radius: 0 !important;left: 0;right: 0;z-index: 9;} .bg-gray.topspace.brsTaskTop.pt-4.ne {background: #fff !important;padding-top: 100px !important;} .browseTaskSide .card {box-shadow: none;border: 0;} .browseTaskSide .card.rounded20{border: 1px solid #0000003b !important;} .leadSetLoc{border-radius: 0;} } /*chat*/ /*lead*/ .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 .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;} .leadSetLoc{display:flex;align-items: center;gap: 10px;padding:5px 10px;} .taskscroll{scrollbar-width: none;max-height: calc(90vh - 10px);} .leasTask{scrollbar-width: none;} .post-title{position: sticky;top: 0;background: #fff;z-index: 9;border-bottom: 1px solid #eee;padding-bottom: 15px;} .myTaskFixed.newsc{max-height: calc(85vh - 10px);} .browseTaskSide.newsc{max-height: calc(85vh - 10px);} span.free {color: #0c6c5e;} .freeconnect .freespan{ text-decoration: line-through;} .cursor-pointer{cursor: pointer;} span.btn-close.sendmail {position: absolute;right: 15px;} /*end lead*/ .topspace{min-height: 83vh;} .slderSection.topspace{min-height:auto;} .leadPaginat {position: absolute;bottom: 0;background: #fff;padding-bottom: 10px;border-top: 1px solid #c9c3c3;} .card.sdow {overflow: hidden; height:100%;} .row.leadRow{height:85%;} .card.rounded20.expired {border: 1px solid #e82646;background: #e826460f;} .leasTask2 {max-height: calc(58vh - 0px);overflow: auto;position: relative;display: flex;flex-direction: column; gap:15px;padding: 10px; background: #fff;border-radius: 15px;} .leasTask2 .card.rounded20 {border:1px solid #0000003b;position: relative;overflow: visible;padding: 15px;box-shadow:none; border-radius: 15px;} .leasTask2 .card.rounded20.active {border: 1px solid #00a0ff;background: #00a0ff0d;} .leasTask2 .card.rounded20.expired {border: 1px solid #e82646;background: #e826460f;} .alert.alert-info.noti {position: relative;box-shadow: 0px 0px 10px #0000003d;border: 2px solid var(--blue);padding: 10px;background: var(--blue);color: #fff;} .alert.alert-info.noti button.btn-close {position: absolute;right: 0;background: #fff;font-size: 34px;top: 0;padding: 0;} .freeLeads .claim-btn {background: #ffc107;color:#2c2404;display: inline-block;padding: 0px 15px;border-radius: 20px;} .blog4box{column-count: 4;column-gap: 15px;} .blog4box .status-default{overflow: hidden;background: #c5c5cf1c;padding: 15px; margin-bottom: 15px;} .fialTip {background: linear-gradient(135deg, #00a0ff, #131b5f);border-radius: 20px;padding: 20px;color: #fff;} .blogDetailSec .fialTip ul li:before{color:#fff;} .fialTip h2 {margin-bottom: 10px;color: #fff;} section.slderSection.topspace.catSearch {background: linear-gradient(135deg, #00a0ff, #131b5f);} .ctAction{background: linear-gradient(135deg, #00a0ff, #131b5f);} .btn.otp-btn {background: #01a1ff;color: #fff;padding: 10px;border-radius: 0 7px 7px 0;} .btn.otp-btn:hover{background:linear-gradient(135deg, #00a0ff, #131b5f);} .newStepForm{background:linear-gradient(135deg, #00a0ff, #131b5f);} .form-control{font-size:14px;} .spaceRemove + .ifRemove {padding-top: 0; margin-bottom:0 !important;} /*new sidebar menu*/ .sideNew .navBox li {list-style-type: none;padding: 0;margin: 0;} .sideNew .navBox .submenu .item{ font-size:13px;border: 0;background: transparent;position: relative; overflow: hidden;} .sideNew .navBox .submenu .item svg{width: 14px;min-width: 14px;} .sideNew .navBox .submenu .item.active{border: 0;background: transparent;color: #00a0ff;} .sideNew .navBox .submenu .item:hover{border: 0;background: transparent;color: #00a0ff;} .sideNew .navBox .submenu {display: none;} .sideNew .navBox .arrow {transition: transform 0.3s;} .sideNew .navBox .has-submenu.active .arrow {transform: rotate(90deg);} .sideNew .navBox .has-submenu.active .submenu {display: block;} .sideNew .navBox .accuntList.item.submenu-toggle {display: flex;justify-content: space-between;align-items: center;} .sideNew .navBox li.has-submenu .accuntList.item.submenu-toggle:hover{background:linear-gradient(180deg, #01a1ff, #084adf);border-color: #047bf1; color: #fff;} .sideNew .navBox li.has-submenu.active .accuntList.item.submenu-toggle{background:linear-gradient(180deg, #01a1ff, #084adf);border-color: #047bf1; color: #fff;} /*Responsive*/ @media screen and (min-width:100px) and (max-width:991px){ section.slideUpdate.catDPage:after{display:none;} .app-sidebar {position: fixed;inset-block-start: 0;inset-block-end: 0;inset-inline-start: -130%;color: #282f53;z-index: 99;background: #fff;-webkit-box-shadow: 0 8px 24px rgba(168, 180, 208, 0.1);box-shadow: 0 8px 24px rgba(168, 180, 208, 0.1);-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;border-inline-end: 1px solid #e9edf4;} .header.newHeader ul.side-menu{display:block;} .header.newHeader .app-sidebar__toggle{display:block;} .header.newHeader {height: 55px;display: flex;align-items: center;border-block-end: 1px solid #e9edf4;} img.mainLogo {max-width: 125px;height: auto;} .accountSect {margin-right: 50px;} .sidenav-toggled .app-sidebar {inset-inline-start: 0;width: 100%;} .header.newHeader .side-menu>li>a {padding:8px 15px;border-bottom: 1px solid #eeeeee; font-size:14px;} .itemsProfile {display: flex;align-items: center;gap: 10px;padding: 10px;border-bottom: 1px solid #eee;} .app-sidebar .getfree {padding: 5px;font-size: 12px; border:0;} .app-sidebar .getfree .bi {display: none;} .itemsProfile{gap:5px;} .app-sidebar ul.side-menu {position: absolute;top: 68px;left: 0;bottom: 0;overflow: auto;right: 0;} .mega-menus .back{display:block;} .header.newHeader .mega-menus {position: fixed;top: 0;min-width: 100%;left: 1000px;bottom: 0;transform: translateX(0%);display: block;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;overflow: auto;padding: 0;} .header.newHeader .app-sidebar ul.side-menu.openSubmenu .mega-menus {left: 0; padding-bottom: 100px;} .featuredMega {padding: 20px;padding-top: 10px;margin: 0;display:block;} .nonFeaturedMega {padding: 20px;} .featuredMega span.title {margin: 0;} .featuredMega ul.mg-menu {grid-template-columns: repeat(1, 1fr);} .nonFeaturedMega ul{grid-template-columns: repeat(1, 1fr);} .header.newHeader .mega-menus ul{padding:0;} form.logout button.dropdown-item {background: #eee;padding: 5px;color: #00a0ff;display: flex;align-items: center;gap: 5px;border-radius: 5px;max-width: 100px;justify-content: center;} form.logout {padding: 8px 14px;} .footer .btn.btn-xxl {padding: 10px;font-size: 13px;} .categoriesSlide {overflow: hidden;} .categoriesSlide .slick-dots{ bottom: 0;} .slick-dotted.slick-slider {margin-bottom: 0;} .space {padding: 50px 0;} .ownboss .bg-darkblue {padding: 30px;} /*.progressLeft {padding-left: 15px;}*/ .mainNew{margin-top: 50px;} .slideUpdate:before{width: 100%;} .ratingslide {text-align: left;justify-content: start;width: auto;height: auto;border-radius: 15px;} .slideUpdate img.removelistSlideImg {height: auto;z-index: 9;width: 100%;position: relative;margin-top: 50px;} .slideUpdate{margin-top:0px;padding: 50px 0px;text-align: center;} .ratingSlider { justify-content:center; margin-top: 20px;} .ratingslide .mbrv {display: flex;align-items: center;gap: 10px;} .textEffect{padding:20px 0;} .reviewRate.card {padding: 20px;max-width: 300px;min-width: 300px;} .autoadjust{column-count:2;} .blogPost {margin-top:54px;} #cta-bar{display:none;} .filltersearch{position: fixed;z-index: 9;left: 0;right: 0;top: 54px;} .taskscrollside {margin-top: 110px;} .header.newHeader ul.side-menu{padding-bottom: 80px;} .priceList ul.list-unstyled{flex: 1 1 100%;margin: 20px 0 0;} .priceList.new{text-align: left;} } @media screen and (min-width:100px) and (max-width:767px){ .footerLast {margin-bottom: 60px;} .smallFooter {justify-content: center;gap: 10px;} .vdo video.video { height: auto;} .browsePopulrCat {grid-template-columns: repeat(1, 1fr);} .recentPostTask {grid-template-columns: repeat(1, 1fr);} /*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;} 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;} .opportunity{padding: 30px;} .reviews-head.bzCard {text-align: center;} .reviews-head.bsnsCard{flex-wrap: wrap;justify-content: center;text-align: center;} .reviews-head.bsnsCard .media-body{width:100%;} .priceList {text-align: center;} .card-body.locAll {padding:20px 0;} .trending-areas ul.nav.panel-tabs{box-shadow: none;height: 60px;margin-bottom: 30px;background: var(--blue);border-radius: 0;} .trending-areas ul.nav.panel-tabs li a.active {color: #ffffff;} .trending-areas ul.nav.panel-tabs li a {font-size: 24px;color: var(--darkblue);} .newReviewsSec{flex-wrap: wrap;justify-content: center;} .slideList{flex-wrap: wrap;justify-content: center;text-align: center;} #cta-bar{bottom:72px;border-bottom: 1px solid #000;} .newCostSide2 {position: relative;top: 0;padding: 0;height: auto;overflow: auto;} .tab_wrapper.left_side>ul { display: none;} .tab_wrapper .content_wrapper .accordian_header {display: flex;align-items: center;justify-content: space-between;} .tab_wrapper.left_side .content_wrapper{width: 100%;} .dflt{display: none;} .tab_content {padding: 20px;} .tab_wrapper.left_side .content_wrapper{padding:0px;} .tab_wrapper .content_wrapper .accordian_header.active {color: var(--blue);border: 1px solid #eee;} .tab_wrapper .content_wrapper .accordian_header .arrow {float: var(--float-right);display: inline-block;width: 12px;height: 12px;position: relative;border-radius: 2px;transform: rotate(-135deg);background: #fff;border-block-start: 3px solid #ccc;border-inline-start: 3px solid #ccc;} .tab_wrapper .content_wrapper .accordian_header.active:after {position: absolute;inset-block-start: 0;inset-inline-start: 0;content: "";width: 5px;height: 100%;background:var(--blue);} .tab_wrapper .content_wrapper .accordian_header.active .arrow {transform: rotate(45deg);margin-block-start: 5px;border-block-start: 3px solid var(--blue);border-inline-start: 3px solid var(--blue);} .leasTask{max-height: initial;padding: 0;} /*myaccount*/ .myAccountDetailFixed {position: fixed;top: 40px;bottom:0px;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%;padding: 0;overflow: auto;padding-top: 35px;padding-bottom: 65px; background: #fff;} .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;} .myAccountDetailFixed .card{border-radius:0;} .myAccountDetailFixed .card-header.abs-item h1 {padding: 10px;border-bottom: 1px solid #eee;padding-left: 15px;position: fixed;top: 54px;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%;font-size: 15px;} .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;} .numberVrfy .inputbox{width:100%;} .myAccountDetailFixed .card{box-shadow: none;border: 0;} /*end myaccount*/ ul.alerts .freeLeads{flex-wrap: wrap;text-align: center;justify-content: center;} ul.alerts .claim-btn{ margin-left: 0;} .header .dropdown.mobileItems .dropdown-menu {position: fixed;top:50px;bottom: 0;height: 85vh;overflow: auto;padding-top: 50px;padding-bottom: 50px;box-shadow: none;left: 0;right: 0;width: 100%;max-width: 100%;border-radius: 0; border: 0;border-top: 1px solid #eee;} .header .dropdown.mobileItems .drop-heading.border-bottom {position: fixed;top: 53px;background: #fff;width: 100%;} .header .notifications-menu {height: auto;} .notifications-menu span.notification-subtext { color: #0d6efd;} .sideNew nav.navBox.bsns-menu {display: flex;flex-wrap: wrap;justify-content: center;} .sideNew nav.navBox.bsns-menu .item{padding: 4px 8px; border: 1px solid #a8b5e5;font-size: 14px;} .table-responsive.paymentHistry td {border: 0;} .table-responsive.paymentHistry.his td.date {top:33px;bottom: auto;} .table-responsive.paymentHistry tbody td {display: block;} .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;right: 18px;left: auto;} .paymentListWrapper {overflow-x: auto;width: 100%;margin-top: 10px;padding: 10px 0;} .paymentList.navBox {display: inline-flex;padding: 0;margin: 0;list-style: none;white-space: nowrap;flex-wrap: nowrap;} .myTaskFixed {position: fixed;background: #fff; 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;border-radius: 0;} .post-title{flex-wrap: wrap;position:relative;} .taskscrollSide .mytask-tt {position: fixed;background: #fff;width:100%;padding: 10px;top: 52px;inset-inline-start: -110%;border-bottom: 1px solid #837d7d;z-index: 99;display: flex;gap:5px; align-items: center;} .activeTask .myTaskFixed .mytask-tt{inset-inline-start: -0%;} .col-md-8.myTaskFixed.taskscrollSide{padding-bottom: 100px;padding-top:60px;} ol.breadcrumb1, .breadcrumb {flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;scrollbar-width: none;margin: 0;font-size: 13px;padding: 5px 0;} /*.activeTask .taskscroll.leadScroll .B-title {position: fixed;background: #fff;z-index: 9;left: 0;right: 0;top:50px;padding: 12px 20px;border-bottom: 1px solid #837d7d;}*/ .taskscrollSide .mytask-tt h1{font-size: 21px;line-height: 30px;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} .B-title {font-size: 21px;line-height: 30px;display: flex;align-items: center;gap: 6px;} .taskscrollSide .mytask-tt .remove-class-button svg{width:30px; height:27px;} .hideDetailPage svg{width:30px; height:27px;} .activeTask .myTaskFixed.newsc .taskscroll.leadScroll .lead-tt {position: fixed;background: #fff;width: 100%;padding: 10px;top: 52px;left:0;border-bottom: 1px solid #837d7d;z-index: 99;display: flex;gap: 5px; align-items: center;} .review-author.border-md-end {border-right: 1px solid #9f98987d;padding-right: 10px;} /*.activeTask .myTaskFixed.newsc .taskscroll.leadScroll .lead-tt {position: fixed;background: #fff;width: 100%;padding: 10px;top: 52px;inset-inline-start: -110%;border-bottom: 1px solid #837d7d;z-index: 99;display: flex;gap: 5px;align-items: center;} .activeTask .myTaskFixed.newsc .taskscroll.leadScroll .lead-tt {inset-inline-start: -0%;}*/ } @media screen and (min-width:100px) and (max-width:575px){ .catSearch.angi {flex-wrap: wrap;background: transparent;box-shadow: none;} .catSearch.angi span.pipe { display: none;} .catSearch .postcodebox {width: 100%; margin:10px 0 !important;} .mapIcon {padding: 0 10px;background: #fff;border-radius: 30px;} .catSearch button.search {min-width: 100%;} .catList{gap:20px} section.home{min-height: auto;padding: 50px 0;} .autoadjust{column-count: 1;} } @media screen and (min-width:100px) and (max-width:479px){ span.dayW {display: none;} .openRow span {width: 30%;} .worktime .day {width: 100%;} .worktime div {width:30%;} .table-responsive.paymentHistry tbody tr {display: block;margin-bottom: 10px;border: 1px solid #eee;border-radius: 20px;position: relative;} .table-responsive.paymentHistry td.date {position: absolute;right: 15px;font-size: 13px;padding: 0;top: 10px;font-style: italic;color: var(--blue);} .table-responsive.paymentHistry thead.border-top {display: none;} .table-responsive.paymentHistry tbody td {display: block;} .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 #c7ccd6;border-top: 1px solid #c7ccd6;} .btn.bg-blue.joinST {position: relative;right: 0;top: 0;padding: 3px 10px;font-size: 13px;} span.demoaccount {padding: 3px 10px;display: block;font-size: 13px;} .business-list .biz-info {flex: auto;} .blog4box {column-count:1;} .table-responsive.paymentHistry tbody td.dc.dc-none {display: none;} } @media screen and (min-width:100px) and (max-width:359px){ .app-sidebar .getfree {display: none !important;} .iconBox-items{display: block;text-align: center;border-bottom: 1px solid #eee;padding-bottom: 20px;} .numberVrfy .inputbox {flex-wrap: wrap;gap: 10px;} .numberVrfy input.form-control.is-invalid {border-radius: 7px;} .numberVrfy .inputbox button{padding: 7px;border-radius: 7px;} .priceList ul.list-unstyled{grid-template-columns: 1fr;} .bizGallery .bsGallery2{column-count: 2;} } @media screen and (min-width:576px) and (max-width:991px){ .recentPostTask {grid-template-columns: repeat(2, 1fr);} .reviews-head.bzCard {text-align:left;} .reviews-head.bsnsCard{flex-wrap:nowrap;justify-content:space-between;text-align: left;} .reviews-head.bsnsCard .media-body{width:100%;} .priceList {text-align: left;} .reviews-head.bsnsCard .btn-info {min-width: 130px;} } @media screen and (min-width:480px) and (max-width:767px){ .browsePopulrCat {grid-template-columns: repeat(2, 1fr);} .reviewRate.card{max-width: 400px;} .table-responsive.paymentHistry tbody tr {display:flex; margin-bottom: 10px;border: 1px solid #eee;border-radius: 20px;position: relative; gap: 15px; align-items: center; justify-content: space-around;} .table-responsive.paymentHistry td.date {font-style: italic;color: var(--blue);} .table-responsive.paymentHistry td.disc {padding-bottom: 10px;max-width: 100% !important;} .table-responsive.paymentHistry tbody td.dc.dc-none{display: none;} .table-responsive.paymentHistry thead.border-top {display: none;} .btn.bg-blue.joinST {position: relative;right: 0;top: 0;padding: 3px 10px;font-size: 13px;} span.demoaccount {padding: 3px 10px;display: block;font-size: 13px;} .blog4box {column-count: 2;} } @media screen and (min-width:100px) and (max-width:575px){ .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 .bi-x-lg {display: none;} .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;} .taskscrollside {margin-top: 70px;} .reviews-head.bsnsCard .badges{justify-content: center;} } @media screen and (min-width:480px) and (max-width:639px){ .card-img-top{height: 150px;} } @media screen and (min-width:768px) and (max-width:1199px){ .sideNew{padding: 10px;} .sideNew .navBox .item{font-size: 14px;} .item-title{min-width: 56%;max-width: 56%;} .blog4box {column-count:3;} } @media screen and (min-width:768px) and (max-width:991px){ .post-title{flex-wrap: wrap;} .item-title{min-width:100%;max-width:100%;} .browsePopulrCat {grid-template-columns: repeat(3, 1fr);} .card-img-top{ height: 160px;} /*lead*/ .bg-gray.topspace.brsTaskTop.pt-4.ne {height: auto;min-height: inherit;background: #fff !important; padding-top: 92px !important;} .browseTaskSide.newsc {max-height: inherit;} .browseTaskSide .card-header {position: fixed;top: 55px;padding: 0;border-radius: 0 !important;left: 0;right: 0;z-index: 9;} .myTaskFixed.newsc {position: fixed;background: #fff;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%;max-height: initial;padding-top: 20px;} .activeTask .myTaskFixed.newsc {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;border-radius: 0;} .post-title{flex-wrap: wrap;position: relative;} .B-title {font-size: 21px;line-height: 30px;display: flex;align-items: center;gap: 6px;width: 100%;} .hideDetailPage svg {width: 30px;height: 27px;} .leadSetLoc{border-radius: 0;} .leasTask{max-height: inherit;} .myTaskFixed.newsc .lead-tt {position: fixed;background: #fff;width: 100%;padding: 10px;top: 52px;inset-inline-start: -110%;border-bottom: 1px solid #837d7d;z-index: 99;display: flex;gap: 5px;align-items: center;} .activeTask .myTaskFixed.newsc .lead-tt {inset-inline-start: -0%;} .card.sdow {box-shadow: none;border: 0;} .taskscroll.side .leasTask{flex-direction: row;flex-wrap: wrap;} .taskscroll.side .leasTask .card.rounded20{width:48%;} }