: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:16px;    line-height: 26px;}
img{max-width:100%;}
.fs-13{font-size:13px;}
.fs-14{font-size:14px;}
.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;}
.h1, h1{font-size:calc(1.375rem + 2.5vw);font-family: 'Oswald', sans-serif;}
.h2, h2{font-size:calc(1rem + 1.1vw);font-family: 'Oswald', sans-serif;color: var(--darkblue);font-weight: bold;}
.h3, h3 {font-size: calc(0.8rem + 0.8vw);}
.slderSection .title{font-size:calc(1rem + 2.5vw);font-family: 'Oswald', sans-serif;}
.alert-info {color: #1170e4;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);}

.btn {border-radius: 30px;transition: background-color 0.3s ease, transform 0.3s ease;}
.btn:hover{transform: translateY(-2px);}
.btn-xxl {font-size: 18px;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);}
.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;}
.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);}
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: 5px 10px 10px 20px;font-size: 13px;border-bottom: 1px solid #eee;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #6c5ffc0d;}
/*megamenu*/
.header.newHeader .mega-menus {border-radius: 5px;  display:none;position: absolute;top: 100%;left: 50%;transform:translateX(-50%);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;}
.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; }
}

.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 .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;border-radius: 30px;border: 3px solid #fff;}
.footer-social-list{flex-wrap: wrap;}
.footer .footer-social-list a {position: relative;width: 40px;height: 40px;display: block;text-align: center;margin: 0px;border-radius: 50%;padding: 6px;box-sizing: border-box;text-decoration: none;background: linear-gradient(0deg, #ddd, #fff);transition: .5s;}
.footer-social-list a .bi, .footer-social-list a .fa {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: linear-gradient(0deg, #fff, #ddd);border-radius: 50%;line-height: calc(40px - 12px);font-size: 18px;color: #262626;transition: .5s;}
.footer-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;}
/*mobilemenu*/
.mobileMenu {overflow: auto;display: flex;position: fixed;bottom: 0;background: #fff;left: 0;right: 0;padding: 10px;box-shadow: 0 -5px 5px #0000001f;justify-content: space-between;z-index:999;gap: 20px;}
.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;}
/*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: 2px dashed #e9edf4;border-radius: 5px;
padding: 0 15px;}
.uploadfile input[type="file"] {position: absolute;top: 0;cursor: pointer;opacity: 0;left: 0px;width: 100%;}
span.buttonfullfield {font-size: 36px;display: flex;width: 100%;color: #ada9a8; height: 50px; align-items: center; gap: 15px;}
.one-line {overflow: hidden; display: -webkit-box;-webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.two-line {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.three-line {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.uploadfile p {margin: 0;color: var(--darkblue); font-size:15px;}
.TaskImage.uploadImg {margin-bottom: 20px;}

/*home page*/
section.home {background: #00a0ff;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: #82898d;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;min-height: 52px;}
.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}

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 {max-width: 60px;display: block;margin: auto;background: #ffffff57;padding: 10px;height: 60px;border-radius: 30px;}
.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;}
.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: 5px 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: 20px;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: 40px;overflow: hidden;}
.reletedblogs img.card-img-top {height: 186px;object-fit: cover;}
.blogarrow {position: absolute;right: 10px;top: 5px;font-size: 32px;color: var(--blue);}
.blogTitle a {text-decoration: none;color: var(--darkblue);font-size: 20px;line-height: 28px;}
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;}
.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: -15px;}
.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: 30px;padding-bottom:0;}
.getfreePopup .cross {position: absolute;right: 20px;font-size: 24px;z-index: 9;cursor: pointer;top: 6px;}
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: 1;}
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;}
.leaveBox h2 {font-size: 32px;}
.labelBox {border: 1px solid #eee;border-top: 0;border-radius: 10px;overflow: hidden;}
.form-step .form-radio {border-top: 1px solid #eee;padding: 15px;margin-bottom: 0px;position: relative;width: 100%;}
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: 16px;letter-spacing: 0.5px;position: relative;overflow: hidden;background: #00a0ff !important;border-color: #00a0ff !important;}
button.btnsub.prev {padding-left: 10px;padding-right: 20px;background: #eeeeee7a !important;border-color: rgb(230 231 236) !important;color: #000 !important;}
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: #9aa0ac;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: #6c5ffc1a;border-color: #00a0ff;color: #00a0ff;}
.uploadImg .uploadfile {position: relative;display: flex;align-items: center;overflow: hidden;border: 2px dashed #e9edf4;border-radius: 5px;padding: 0 15px;}
.selectgroup-input {opacity: 0;position: absolute;z-index: -1;inset-block-start: 0;inset-inline-start: 0;}
span.buttonfullfield {font-size: 36px;display: flex;width: 100%;color: #ada9a8;height: 50px;align-items: center;gap: 15px;}
.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: #d5d9f2;position: relative;padding: 110px 0 130px;}
.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: #00a0ff;position: absolute;top: 0;z-index: 1;bottom: 0;left: 0;width: 60%;}
.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;}
.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;}
.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 {height: 100%;object-fit: cover;width: 100%;    border-radius: 15px;}
.progressLeft {padding-left: 70px;}
.catImgSpace img.normalimg {height: auto !important;object-fit: inherit;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: 100px;min-width: 100px;border-radius: 10px;margin-right: 10px;    height: auto;}
.reviews-head a {text-decoration: none;}
.reviews-head .bsTitle {font-weight: 500;font-size: 18px;}
/*faq*/
.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;}
.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;}
.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;}
.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;}
.img-W, .img-E, .img-Y, .img-H {background: var(--orange);text-transform: uppercase;color: #fff; max-width:35px; height:35px; min-width:35px;}

.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;}
.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;}
.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;}
.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;}
.img-w, .img-e, .img-y, .img-h {background: var(--orange);text-transform: uppercase;color: #fff; max-width:35px; height:35px; min-width:35px;}
.r-post-card .title {font-size: 18px;color: var(--darkblue);}
.r-post-card .title a{text-decoration:none;}
.recentPostTask .avatar.sm {width: 35px;min-width: 35px;height: 35px;}

@media screen and (min-width:100px) and (max-width:991px){
.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 #eeeeee7d; 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;}
.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 0 0px;}
.ratingSlider {    justify-content: start;    margin-top: 20px;}
.ratingslide .mbrv {display: flex;align-items: center;gap: 10px;}
}
@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;}
}
@media screen and (min-width:576px) and (max-width:991px){
.recentPostTask {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (min-width:100px) and (max-width:359px){
.app-sidebar .getfree {display: none !important;}
}
@media screen and (min-width:480px) and (max-width:767px){
.browsePopulrCat {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (min-width:100px) and (max-width:576px){
.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;}

}