:root{
--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;
}
/*Myaccount Sidebar */
.myprofile .avatar.side{width: 76px;height: 76px;border-radius: 50%;background: linear-gradient(135deg, #cfe1ff, #ffffff 70%);display:flex;place-items: center;font-weight: 800;color: #1e3a8a;    justify-content: center;
font-size: 42px;border: 4px solid #eef3ff;font-family: 'Oswald', sans-serif;}
.sideNew {background: var(--panel);    border: 1px solid var(--line);border-radius: var(--radius-xl);box-shadow: var(--shadow);padding: 22px;}
.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 .avatar-wrap {position: relative;width: 76px;height: 76px;}
.sideNew .avatarPic{width: 76px;height: 76px;border-radius: 50%;background: linear-gradient(135deg, #cfe1ff, #ffffff 70%);    border: 4px solid #eef3ff;}
.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 svg {position: absolute;}
.sideNew .cam input#profile_photo {opacity: 0;width: 28px;height: 28px;border-radius: 15px;z-index: 9;}
.sideNew .me h3 {margin: 0 0 4px 0;font-family: 'Oswald', sans-serif;}
.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;}
.card{border: 1px solid var(--line);border-radius: var(--radius-xl);box-shadow: var(--shadow);}
.loc .icon {width: 18px;height: 18px;color: #3b82f6;}
@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); }
}
.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:16px;}
.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;}
.sideNew .navBox .icon{width:18px;height:18px;color:#3b82f6}
.sideNew .hr{height:1px; background:var(--line); margin:8px 0}
.sideNew .signout .item{color:#b91c1c;width: 100%;background: #fff;}
.sideNew .signout .item:hover{background:#fff1f2;border-color:#ffe4e6}
.form-control{padding: 14px 14px;border-radius: 12px;background: #fff;border: 1px solid #dfe7fb;outline: none;font-size: 15px;transition: border .15s, box-shadow .15s;font-family: 'Roboto', sans-serif;}
.calculateForm .form-control {    height: auto !important;}

/*New Header*/
.header.newHeader {position: fixed;background: #fff;left: 0;right: 0;z-index: 99999;top: 0;box-shadow: 0 0 10px #00000010;}
.header-items {display: flex;align-items: center;justify-content: space-between;}
.header.newHeader ul.side-menu {margin: 0;padding: 0;display: flex;flex-wrap: wrap;}
.header.newHeader .side-menu>li>a{font-family: 'roboto', sans-serif; color:var(--darkblue); font-size:16px; font-weight:500;    text-decoration: none;}
.header.newHeader .side-menu>li>a.active{color:var(--blue);}
.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);}
.side-menu__item:hover .side-menu__icon, .side-menu__item:hover .side-menu__label, .side-menu__item:focus .side-menu__icon, .side-menu__item:focus .side-menu__label {
color: var(--blue);}
.header.newHeader .side-menu>li>a{padding: 16px 5px !important;}
.header.newHeader .side-menu .slide .side-menu__item.active span.side-menu__label.arrow .bi-arrow-right-short::before{left:0;}
.header.newHeader .side-menu .slide .side-menu__item:hover span.side-menu__label.arrow .bi-arrow-right-short::before{left:0;}
.header.newHeader .app-sidebar__toggle {display: none;}
.header.newHeader .side-menu .slide .side-menu__item.active span.side-menu__label.arrow .bi-arrow-right-short::before{left:0;}
.header.newHeader .side-menu .slide .side-menu__item:hover span.side-menu__label.arrow .bi-arrow-right-short::before{left:0;}
/*End header*/


/*all slider section*/
.slideUpdate{background: #d5d9f2;position: relative;padding:110px 0 130px;margin-top: 84px;}
.slideUpdate:before {content: '';display: block;background: #00a0ff;position: absolute;top: 0;z-index: 1;bottom: 0;left: 0;width:60%;}
.slideUpdate .container {position: relative;z-index: 2;}
.slideUpdate img.removelistSlideImg {position: absolute;top:0;width: 45%;right: 0;height:100%;object-fit: cover;}
.slideUpdate h1.title {font-size: 50px;font-weight: 900;line-height: 65px;margin: 0;}

/*Home page*/
.catSearch.angi{box-shadow: 0 0 10px #00000033;}
.getFreeTitle{line-height: 80px;font-size: 64px;font-weight: 700;}
.textEffect{line-height: 80px;font-size: 64px;font-weight: 700;}
span.tile-op {font-size:62px;font-weight: 900;line-height:74px;display: block;margin-bottom: 20px;}
.recentPostTask {grid-template-columns: repeat(3, 1fr); grid-gap: 25px;display: grid;}
.browsePopulrCat{grid-template-columns: repeat(4, 1fr); grid-gap: 25px;display: grid;}
.browsePopulrCat .card-title{font-size:16px;text-align: center; color: #000;}
.browsePopulrCat .card{margin: 0;}
h1.hometitle{font-size:64px;}
.recentPostTask .smoIcon .bi{border: 1px solid var(--darkblue);}
.text-muted {color: #4E556F !important;}
.playstore {background: linear-gradient(180deg, #ddf4ff, #f0f7ff);padding: 50px 0;}
/*End home page*/

.footer .top-footer .btn:hover{color: #fff !important;background: #00a0ff !important;}
/*megamenu*/

.mega-menus {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;}
.horizontal .slide:hover .mega-menus {display:block;}
.featuredMega {display: flex;gap:20px;border-bottom: 1px solid #eee;    padding-bottom: 30px;    margin-bottom: 30px;}
.featuredMega ul.mg-menu {display: grid;grid-template-columns: repeat(4, 1fr);width: 100%;}
.featuredMega span.title {    font-size: 24px;}
.nonFeaturedMega ul {display:grid !important;grid-template-columns: repeat(5, 1fr);width: 100%;}
.mega-menus li a{    font-size: 12px !important;}
/*end mega menu*/

@media screen and (min-width:992px) and (max-width:1199px){
.slideUpdate h1.title{font-size:38px;line-height:48px;} 
span.tile-op{line-height:64px;font-size:50px;}
.horizontal .slide:hover .mega-menus {display:none;}
}
@media screen and (min-width:100px) and (max-width:767px){
.sideNew .navBox{gap:8px;}   
.reviews-head span.btn.btn-sm.btn-info.btn-pill.mt-2.d-md-none{display:block;}
section.home{min-height: auto;    padding: 50px 0;}
.getFreeTitle {line-height: 50px;font-size: 36px;}
.textEffect{line-height: 50px;font-size: 36px;}
.card-img-top{height:auto;}
.recentPostTask{grid-template-columns: repeat(2, 1fr);}
.browsePopulrCat{grid-template-columns: repeat(2, 1fr);}
h1.hometitle {font-size: 48px;}
}
@media screen and (min-width:100px) and (max-width:991px){
.fs-50 {font-size: 32px;}  
.slideUpdate:before{width: 100%;}
.slideUpdate img.removelistSlideImg{height: auto;z-index: 9;width: 100%;position: relative;margin-top: 50px;}
.slideUpdate{margin-top: 20px;padding-bottom: 0;padding-top: 70px;}
.slideUpdate h1.title{font-size:32px;line-height:44px;}
ol.breadcrumb1, .breadcrumb{padding: 13px 0;}
span.tile-op{line-height:42px;font-size:32px;}

.header.newHeader .app-sidebar{width: 100%;}
.header.newHeader  .app-sidebar__toggle {right:10px;top: 20px;}
.horizontal .slide:hover .mega-menus {display:none;}
}

@media screen and (min-width:100px) and (max-width:575px){
.recentPostTask{grid-template-columns: repeat(1, 1fr);}
.browsePopulrCat{grid-template-columns: repeat(1, 1fr);}
h1.hometitle {font-size:42px;}
.catSearch.angi {box-shadow: none;}
.catSearch.angi{flex-wrap: wrap;background: transparent;}
.catSearch .postcodebox{width: 100%;margin:10px 0 !important;}
.catSearch.angi span.pipe{display: none;}
.catSearch.angi .postcodebox .form-control {border-radius:30px;padding:0px;}
.catSearch button.search{min-width:100%;}
}