h1, h2, h3 {
font-weight: bolder !important;
}
.ct-box-shadow {
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5)
}
#Top_barr {
background-image: none !important;
}
#Subheader .title {
font-size: 40px;
color: #363797;
}
i.ct-description-tip {
color: #363797;
font-size: 1.5em;
margin: 0 0.5em;
cursor: pointer;
}
#Top_bar .top_bar_right .top-bar-right-icon  {
color: #363797;
margin: 0 25px 0;
}
#Top_bar .menu {
margin-bottom: 0;
}
#Top_bar .menu > li > a {
text-decoration: none;
} #rev_slider_1_1_wrapper .hesperiden.tp-bullets  {
z-index: 11111;
}
#rev_slider_1_1_wrapper .hesperiden .tp-bullet.rs-touchhover, #rev_slider_1_1_wrapper .hesperiden .tp-bullet.selected {
background-color: #303192 !important;
} ul.ct-list  {
margin-left: 0 !important;
color: white;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
font-size: 1.2em;
}
ul.ct-list li {
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: space-between;
align-items: center;
justify-content: flex-start;
}
ul.ct-list li::before {
margin-right: 10px;
content: '';
display: inline-block;
height: 20px;
width: 20px;
background-image: url(https://citytasker.co.uk/wp-content/themes/betheme-child/imgs/bullet-orange.svg);
background-repeat: no-repeat;
background-size: contain;
}
@media only screen and (max-width: 768px) {
ul.ct-list {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
}
ul.ct-list.blue li::before {
background-image: url(https://citytasker.co.uk/wp-content/themes/betheme-child/imgs/bullet-blue.svg);
} input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
width: 100% !important;
}
#Top_bar .menu > li.current-menu-item > a,
#Top_bar .menu > li.current_page_item > a,
#Top_bar .menu > li.current-menu-parent > a,
#Top_bar .menu > li.current-page-parent > a, #Top_bar .menu > li.current-menu-ancestor > a, #Top_bar .menu > li.current-page-ancestor > a, #Top_bar .menu > li.current_page_ancestor > a, #Top_bar .menu > li.hover > a {
text-decoration: none;
} .road-map-main {
margin: 50px 0 51px;
.road-map-wrapper {
position: relative;
display: flex;
flex-direction: column;
height: 175px;
@media (max-width: 991px) {
margin-bottom: 25px;
height: auto;
display: block;
}
&::before {
content: "";
width: 100%;
clear: both;
display: block;
}
&::after {
content: "";
width: 100%;
clear: both;
display: block;
}
.road-map-circle {
width: 200px;
height: 200px;
border-radius: 50%;
border: 25px solid transparent;
border-top-color: #2f3192;
border-right-color: #2f3192;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transform: rotate(45deg);
@media (max-width: 992px) {
position: unset;
border: 25px solid #2f3192;
}
.road-map-circle-text {
display: flex;
flex-wrap: nowrap;
justify-content: space-evenly;
align-items: center;
width: 110px;
height: 110px;
border-radius: 50%;
background-color: #f15a24;
font-size: 20px;
font-weight: 600;
line-height: 26px;
text-transform: capitalize;
color: #fff;
box-shadow: 0px 0px 10px 5px #00000021;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transform: rotate(-45deg);
}
}
.road-map-card {
width: 35%;
float: right;
background: #2f3192;
padding: 20px 20px;
z-index: 1;
position: absolute;
right: 0;
border-radius: 15px;
&::before {
content: "";
width: 25%;
height: 20px;
background: #2f3192;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -23%;
z-index: -1;
}
@media (max-width: 991px) {
width: 100%;
margin-top: 30px;
position: unset;
&::before {
content: "";
width: 20px;
height: 30%;
top: 50%;
transform: translateX(-50%);
left: 50%;
}
}
@media (max-width: 425px) {
top: 45%;
}
.card-head {
font-size: 20px;
font-weight: 600;
text-transform: capitalize;
margin: 0 0 15px;
color: #fff;
}
.card-text {
color: #fff;
margin: 0;
display: flex;
flex-direction: row;
overflow: hidden;
@media (max-width: 1199px) {
-webkit-line-clamp: 4;
}
}
}
&:nth-of-type(even) {
.road-map-circle {
border-bottom-color: #2f3192;
border-left-color: #2f3192;
border-top-color: transparent;
border-right-color: transparent;
@media (max-width: 991px) {
border-color: #2f3192;
}
}
.road-map-card {
// float: left;
left: 0;
&::before {
right: -23%;
left: unset;
@media (max-width: 991px) {
content: "";
width: 20px;
height: 30%;
top: 50%;
transform: translateX(-50%);
left: 50%;
}
@media (max-width: 425px) {
top: 45%;
}
}
}
}
}
} .timeline_items li h3:before,
.timeline .post-item:before { border: none !important;
background-image: url(https://citytasker.test/wp-content/uploads/2023/12/ct-icon.svg) !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
width: 25px;
height: 33px;
margin-left: -13px;
margin-top: -5px;
border-radius: 0;
}
.timeline_items li h3 span {
color: #ee714e !important;
font-size: 0.7em !important;
display: inline-block;
padding: 5px;
} .flatpickr-months .flatpickr-month {
height: 42px;
} .bordered-row {
padding: 1em;
border: 1px solid #80808017;
border-radius: 6px;
} .form-switch {
display: flex;
align-items: flex-end;
}
.ct-btn {
background-color: #2f3192;
color: white;
border: none;
padding: 5px 10px;
border-radius: 25px;
font-size: 0.8em;
font-weight: 300;
cursor: pointer;
transition: all 0.3s;
text-decoration: none !important;
}
.ct-btn.lg {
padding: 10px 20px !important;
font-size: 1em !important;
}
.ct-btn:hover {
background-color: #22237e;
}
.ct-btn.ct-btn-orange {
background-color: #f2602c;
}
.ct-btn.ct-btn-orange:hover {
background-color: #d84b1f;
}
.accordion .question  {
margin-bottom: 1em !important;
}
.accordion b {
font-weight: normal !important;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
color: #2f3192 !important;
}
input[type="checkbox"] ~ label {
margin-left: 10px;
}
.form-check-input:checked {
background-color: #363797 !important;
border-color: #363797 !important;
}
.form-switch .form-check-input {
width: 4em !important;
height: 2em !important;
} .nav-pills .nav-link {
background-color: #e5e5e5;
color: #2f3192 !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff !important;
background-color: #373795;
} .ct-product-tab .tab-content {
width: 100%;
}  .mfn-checkout-steps {
display: none !important;
}
.order-meta-wrapper h3  {
font-size: 1.5em;
color: #2f3192 !important;
} .modal-backdrop {
z-index: 99999 !important;
}
.modal {
z-index: 99999999999 !important;
} .wc-stripe-banner-checkout.active {
width: 100% !important;
max-width: 100% !important;
text-align: center;
}
.wc-stripe-banner-checkout fieldset legend {
margin: 1em auto !important;
}
ul.wc_stripe_checkout_banner_gateways {
margin-bottom: 1em !important;
}
.woocommerce form.checkout_coupon .button {
background-color: #f2602c;
color: white;
}
.wc-block-components-notice-banner.is-info>svg {
fill: white;
}
.wc-block-components-notice-banner.is-info {
background-color: #f7f7f7;
border-color: #363798;
} .woocommerce-checkout .your-guest-order-message-class {
display: none;
} #Footer  { color: #fff !important; }
#Footer .fluentform input[type=email].ff-el-form-control {
border-radius: 25px !important;
padding: 15px 100px 15px 15px !important;
height: 50px !important;
border: 1px solid #363798 !important;
}
#Footer .fluentform button {
border-radius: 25px !important;
background-color: #f2602c !important;
}
#Footer .fluentform .ff-message-success {
margin-bottom: 1em !important;
border-radius:6px !important;
}
#Footer ul#footer-menu {
display: flex;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
}
#Footer ul#footer-menu li {
margin: 0 1em;
}
@media only screen and (max-width: 768px) {
#Footer ul#footer-menu {
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
}
#Footer ul#footer-menu li {
margin: 0.5em 0;
}
}
.mfn-footer h1,
.mfn-footer h2,
.mfn-footer h3 {
color: #212529 !important;
text-align: center !important;
}
#Footer a {
color: #ffffff !important;
text-decoration: none !important;
}
#Footer .footer_copy {
background-color: #1e2064;
}
#Footer .footer_copy .social li a {
font-size: 32px !important;
}
#footer-bottom .container {
max-width: 1320px !important;
}
#ct-footer-modal  button.close {
background-color: transparent;
color: #363798;
padding: 0;
position: absolute;
top: 10px;
right: 10px;
font-weight: bold;
font-size: 2em;
}
#ct-footer-modal .card {
border: none;
box-shadow: 0 0 10px 5px #00000021;
border-radius: 15px;
padding: 20px;
background-color: #f2602c;
color: white;
font-size: 1.2em;
font-weight: 600;
text-align: left;
margin-bottom: 20px;
justify-content: space-around;
align-items: flex-start;
align-content: flex-start;
}
#ct-footer-modal .card.blue {
background-color: #2f3192;
}
#ct-footer-modal .card.blue button {
background-color: #f2602c;
}
#ct-footer-modal .card h3 {
color: white !important;
}
#ct-footer-modal .card p {
color: white !important;
}
#ct-footer-modal .card button {
background-color: #2f3192;
}
#ct-footer-modal .card .book-now {
text-decoration: underline !important;
display: block;
font-size: 1em;
padding: 0;
align-self: flex-end;
}
#ct-footer-modal a.get-started-popup-link {
text-decoration: none !important;
text-align: left;
pointer: cursor;
display: block;
}
#ct-footer-modal a.get-started-popup-link:hover { box-shadow: 0 0 10px 5px #00000021;
}
#ct-footer-modal a.get-started-popup-link h3 {
text-align: left !important;
}
@media only screen and (max-width: 768px) {
#Top_bar #logo img.logo-mobile {
height: 70px !important;
}
.top_bar_right {
display: none;
}
footer#footer .mobile-one.tablet-one .mcb-column-inner p {
text-align: center;
display: flex;
justify-content: space-evenly;
}
#footer-bottom {
display: flex;
justify-content: center;
}
}  .ct-slides {
width: 100%;
margin-top: 3em;
}
.ct-slides > .swiper-wrapper { }
.ct-slides > .swiper-wrapper > .ct.swiper-slide {
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
padding: 2em;
border-radius: 12px;
text-align: left;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
opacity: 0.5;
scale: 0.9;
}
.ct-slides > .swiper-wrapper > .ct.swiper-slide.swiper-slide-active {
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
opacity: 1;
scale: 1;
transition: opacity 0.3s, box-shadow 0.3s, transform 0.3s;
}
.ct-slides > .swiper-wrapper > .ct.swiper-slide .ct-review-head .ct-review-date {
font-size: 0.8em;
color: rgb(155, 157, 203);
font-weight: bold;
}
.ct-slides > .swiper-wrapper > .ct.swiper-slide hr {
border: none;
height: 1px;
background-color: rgba(194, 194, 218, 0.9);
margin: 1em 0;
}
.ct-slides > .swiper-wrapper > .ct.swiper-slide .ct_progress .progress_icon {
width: 24px;
height: 24px;
font-size: small;
} .ct_steps_container h2 {
text-align : center;
margin-bottom: 50px;
}
.ct_steps_container .ct_steps_container_des .ct_step {
margin-bottom: 2em;
position: relative;
cursor : pointer;
}
.ct_steps_container .ct_steps_container_des .ct_step:not(:last-child)::before {
content: '';
position: absolute;
box-sizing: content-box;
height: calc(100% + 25px);
width: 3px;
background-color: #f5f5f5;
top: 25px;
left: 7px;
bottom: -10px;
margin-left: -3px;
display: block;
}
.ct_steps_container .ct_steps_container_des .ct_step h3 {
padding-left: 50px;
position: relative;
}
.ct_steps_container .ct_steps_container_des .ct_step h3:before {
content: '';
display: inline-block;
position: absolute;
box-sizing: content-box;
border: none !important;
background-image: url(https://citytasker.co.uk/wp-content/uploads/2023/12/ct-icon.svg) !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
width: 20px;
height: 28px;
top: 5px;
left: -5px;
border-radius: 0;
}
.ct_steps_container .ct_steps_container_des .ct_step p {
padding-left: 50px;
position: relative;
}
.ct_steps_container .ct_steps_container_img .ct_steps_img  {
height: auto;
padding-top: 70%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 2em;
width: 100%;
} wc-block-components-product-name {
pointer-events: none !important;
text-decoration: none !important;
color: #2f3192 !important;
font-size: 1.2em;
}
.wc-block-cart-item__prices {
text-align: left;
}
.wc-block-components-product-metadata {
text-align: left;
}
.wc-block-cart-item__quantity {
text-align: left;
}
.wc-block-cart-item__quantity button.wc-block-cart-item__remove-link,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
background-color: #f2602c;
color: white;
border: none;
padding: 5px 10px;
border-radius: 25px;
font-size: 0.8em;
font-weight: 300;
cursor: pointer;
transition: all 0.3s;
text-decoration: none;
} .ct-child-pages .card.ct-child-page  {
border: none !important;
text-align: center;
border-radius: 6px;
margin-bottom: 30px;
box-shadow: 0 0 10px 5px #00000021;
transition: all 0.3s;
cursor: pointer;
}
.ct-child-pages .card.ct-child-page:hover {
box-shadow: 0 0 10px 5px #00000021;
transform: translateY(-5px);
}
.ct-child-pages .card {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ct-child-pages .card.ct-child-page .page-image {
width: 100%;
height: auto;
padding: 50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 6px 6px 0 0 !important;
margin-bottom: 15px;
}
.ct-child-pages .card.ct-child-page a.btn {
background-color: #2f3192;
width: fit-content !important;
color: white;
padding: 10px 15px;
border-radius: 25px;
cursor: pointer;
transition: all 0.3s;
text-decoration: none;
margin: 1em auto 2em !important;
} .ct-garden-services-child-content .featured-img img {
width: 100%;
height: auto;
border-radius: 6px;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}
.ct-garden-services-child-content p {
color: grey;
} .b-dics {
border-radius: 15px !important;
}
.b-dics__slider {
opacity: 1 !important;
}
.b-dics__slider:after {
background-color: white !important;
height: 2px !important;
}
.b-dics__slider:before { }
.b-dics__text {
text-transform: uppercase ;
background-color: rgba(0,0,0,0.7) !important;
padding: 3px 10px !important;
color: white !important;
font-family: 'Roboto', sans-serif !important;
border-radius: 6px;
font-size: 1em;
opacity: 1 !important;
width: 72px !important;
text-aling: center;
}
.b-dics.b-dics--vertical .b-dics__section:last-child .b-dics__image-container .b-dics__text {
top: initial !important;
bottom: 10px !important;
} button.splide__pagination__page {
background-color: #2f3192 !important;
padding: initial !important;
} @media only screen and (max-width: 769px)  { .ct-collection-quote-box {
width: 100% !important;
} #ct-booking-form #progressbar li {
display: none;
font-size: 2em;
font-weight: 600;
text-align: center;
line-height: 1.5em;
background: #fbfbfb;
color: #373694;
border-radius: 6px;
border:1px solid #cdc4c4;
-webkit-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.51);
box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.51);
margin: 0 auto;
width: 90% !important;
}
#ct-booking-form #progressbar li.active {
display: block;
width: 100% !important;
}
#ct-booking-form #progressbar li:after,
#ct-booking-form #progressbar li:before {
content: none;
}
#ct-booking-form #progressbar li.active.previous-active {
display: none !important;
}
#volume-container .fs-title, #item-container .fs-title {
font-size: 1.5em;
}
#volume-container .fs-title,
#volume-container p,
#item-container .fs-title,
#item-container p {
text-align: center;
}
input[type="button"][value="Next"],
.multistepsform .previous.action-button,
#ct-submit{
width: 100% !important;
height: 70px;
font-size: 2em;
}
.ct-product-tab .nav-pills {
display: block !important;
overflow: auto !important;
white-space: nowrap !important;
width: 100%;
padding-bottom: 1em;
margin: 3em auto;
}
.ct-product-tab .nav-pills .nav-link {
display: inline-block !important;
text-align: center !important;
padding: 14px;
}
.ct-product-tab .nav-pills .nav-link.active,
.ct-product-tab .nav-pills .nav-link:hover {
background-color: #2f3192;
}  ::-webkit-scrollbar {
width: 10px;
} ::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 6px;
} ::-webkit-scrollbar-thumb {
background: #2f3192;
border-radius:25px;
} ::-webkit-scrollbar-thumb:hover {
background: #2f3192;
} .woocommerce ul.order_details {
padding-left: 0;
}
.woocommerce .woocommerce-customer-details address{
padding-left: 0;
}
.woocommerce .woocommerce-customer-details address:before {
content: none;
} .ct-info-text {
display: block !important;
} .ct-slides > .swiper-wrapper > .ct.swiper-slide {
background: rgb(245 245 252 / 90%);
opacity: 1;
scale: 1;
border-radius: 6px;
}
.ct-slides > .swiper-wrapper > .ct.swiper-slide.swiper-slide-active {
box-shadow: none;
}
}