/************************************************* Header ********************************************************************/
#Header{font-size:22px; padding-bottom:30px;} 
#Header .Logo{padding:30px 0px;} #Header .row a{color:#fff;}#Header .row a:hover{color:#323f4e;}
#Header .Logo img{width:400px;}
sup { vertical-align:super; font-size:medium;} 

/******* Slider ********************************************************************/
.MainBanner .btn-lg{width:536px;} 
.MainBanner .carousel-caption{z-index:999;display:flex;justify-content:center;align-items:center;margin:auto;top:0%;left:0;bottom:0;right:0;position:absolute; line-height:1.2;}
.InnerBanner .carousel-caption{z-index:999;margin:auto;left:0;bottom:0;right:0;position:absolute; line-height:1.2; background:rgba(0,0,0,.6); padding-top:10px; padding-bottom:10px;}

.MainBanner .carousel .carousel-item {transition-duration:1s;}
.MainBanner .carousel-caption h1{color:#000; text-shadow:4px 4px 6px #fff !important;}

#ClassesArea .mb-4{margin-bottom:30px !important;}
#ClassesArea .textbox{min-height:130px;}
#ClassesArea a{color:#666666;} #ClassesArea.bg-primary a{color:#FFF;} 

.TextClass{min-height:170px;}
#TeamArea{font-size:15px;} #TeamArea .textreview{min-height:150px;} #TeamArea .boxcustomer{padding:28px; min-height:335px;}

.Comingsoon{background:url(../images/coming-soon.png.man_.png) no-repeat top center; opacity:.2; min-height:400px;}
.Choosebox .List {padding:0; margin:0 0 15px 0; list-style-type:none;}
.Choosebox .List li{background:url(../images/arrow.png) no-repeat 0.1em 0.56em; padding:0px 0 0px 60px; margin:0px; min-height:95px; line-height:26px;}

.followarea .list-inline a{font-size:54px; line-height:33px; margin:0px; color:#fff; padding:6px; 
/* 	background:#24a7fe; */
border-radius:13px; text-align:center; display:inline-block; width:66px; height:66px;}
.followarea .list-inline a:hover{color:#24a7fe;background:#fff;}
.followarea .list-inline-item:not(:last-child) {margin-right:5px;}

.row.slideshow {margin-left:-15px!important;margin-right:-15px!important;}
.row.slideshow div[class^="col"] {padding-left:-15px!important;padding-right:-15px!important;}

#MapArea{background:url(../images/map.jpg) no-repeat top center; background-size:cover;font-size:14px; line-height:30px;height:440px;}
#MapArea .container1 {background: rgb(60,60,60); background: linear-gradient(90deg, rgba(60,60,60,.82) 50%, rgba(255,255,255,0.0) 50%);} 
.Head{min-height:50px;}
/* .tab-content p{margin-bottom:0px;} */

.tb_source_outer {
width: 36px;
height: 36px;
border-radius: 50%;
position: absolute;
top: -16px;
right: -16px;
background-color: #fff;
padding: 4px;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}.table-responsive th.text-center {
background: #00a6eb;
border: 1px solid #dee2e6;
}

.mt-5.wa-thk {
margin: 3em auto;
}
.Socailicon {
width:46px;
height:46px;
border-radius: 50%;
position: absolute;
top: 15px;
right: 15px;
background-color: #fff;
padding: 4px;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.page-template-order-form .checkout-me h1 {
text-align: center;
width: 100%;
}
.page-template-checkout-form button.package-button {
display: none !important;
}
.small {letter-spacing:0.5px !important}
.card {box-shadow:0px 5px 16px rgba(223, 241, 223, 0.5); transition:0.8s; background:#f5f5f5; margin:0 auto; box-sizing:border-box; overflow:hidden; border-radius:7px !important;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} 
/* .card-body p{margin-bottom:0px;} */
.card-header,.card-footer {border-radius:7px !important}
.card-columns .text-warning {color:#edbb35 !important;}
.card .content {position:relative; z-index:2}
.card-columns .card {margin-bottom:0px !important;}
.borderbtm{border-bottom:dashed 1px #fff;}
.borderdark{border-bottom:dashed 1px #aaaaaa;}
.form_row .cbrow {padding-left:25px; position:relative;}
.form_row .cbrow input[type="checkbox"] {position:absolute; top:6px; left:0;}

/* appearance for checked radiobutton */
input[type="radio"] {
/* remove standard background appearance */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* create custom radiobutton appearance */
display: inline-block;
width: 14px;
height: 14px;
padding:2px;
/* background-color only for content */
background-clip: content-box;
border: 2px solid #bbbbbb; vertical-align:middle;
border-radius: 50%;
}
input[type="radio"]:checked {
background-color: #34bcf4 !important;
border: 2px solid #34bcf4;
}

input[type="checkbox"] {
/* remove standard background appearance */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* create custom radiobutton appearance */
display: inline-block;
width: 14px;
height: 14px;
padding:2px;
/* background-color only for content */
background-clip: content-box;
border: 2px solid #bbbbbb; vertical-align:middle;
}
input[type="checkbox"]:checked {
background-color: #34bcf4 !important;
border: 2px solid #34bcf4;
}

.booking-summary button a {
color: #fff;
}

.Beforetext{position:absolute; bottom:6px; right:6px; left:6px; background:#00a6eb; padding:5px; font-size:18px; font-weight:bold; text-align:center; text-transform:uppercase;}

.animate-img a img{moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.animate-img a:hover img{-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.animate-btn .btn{text-transform:uppercase;}.animate-btn .btn:hover {-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.w-536 .btn-lg{width:536px;} 



.animate-btn .btn:hover .ml-1{margin-left:10px !important;}

ul#sumry li {
    display: inline-block;
    text-align: left;
    padding: 3px 4px;
}

ul#sumry {
    text-align: left;
    padding: 0px 10px;
}

/********** Footer ***************************************************************************************************/
#Footer{color:#fff; font-size:14px; line-height:30px; background:#1a3668;}
#Footer a{color:#fff;} #Footer a:hover{color:#323f4e;}
#Footer .FLinks a{display:block; margin-bottom:1px;}
#Footer .form-control{height:52px; font-size:15px; border-bottom:solid 1px #2e4a7c !important; background:#1a3668;}
#Footer textarea{height:86px;}

#Footer .list-inline a{font-size:27px; line-height:18px; margin:0px; color:#1ea6fe; padding:6px; background:#fff; border-radius:8px; text-align:center; display:inline-block; width:40px; height:40px;}
#Footer .list-inline a:hover{color:#fff;background:#323f4e;}
#Footer .list-inline-item:not(:last-child) {margin-right:5px;}

.CopyText{font-size:12px; color:#00a6eb; letter-spacing:.010em;}

#PayNow {font-weight:500;}
#PayNow ul li img {max-width: 100px;display: block;}
.payment-method p a {
    background: #00a6eb;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin-top: 10px;
    color: #fff;
}

.payment-method p a:hover {
    background: #000;
}

.card-group-custom {margin-bottom:0;}
.card-group-custom .card-header + .collapse > .card-body,
.card-group-custom .card-header + .collapse > .list-group {border-top:0;}
.card-group-custom .card + .card {margin-top:0;}
.card-custom {display:block; margin:0; background:inherit; border:0; border-radius:0; box-shadow:none; text-align:left;}
.card-custom a {display: block; color:#fff !important; font-size:17px; font-weight:600; background:#323f4e; padding:11px 40px 11px 10px; margin-bottom:1px;}
.card-custom a:hover, .card-custom .active-acc a {color:#fff !important;background:#808184;}
.card-custom .card-header {padding:0; border-bottom:0; border-top-left-radius:0; border-top-right-radius:0; background-color:transparent;}
.card-custom .card-body {padding:10px; background:#eeeeee; border:0; margin-bottom:10px;}
.card-custom .card-title {margin-bottom:0;}
* + .card-group-custom {margin-top:35px;}

.boxhover:hover{box-shadow:0px 0px 12px rgba(0,0,0,.5);moz-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}

.card-classic .card-title a .card-arrow:after {opacity:0; visibility:hidden;}
.card-classic .card-title a.collapsed .card-arrow::before, .card-classic .card-title a.collapsed .card-arrow::after {color:#8491a5;}
.card-classic .card-title a.collapsed .card-arrow::before {opacity:0; visibility:hidden;}
.card-classic .card-title a.collapsed .card-arrow::after {opacity:1; visibility:visible;}
.card-classic .card-arrow {position:absolute;top:16px;right:10px;z-index:2;height:20px;width:20px;transition:.33s all ease;text-align:center;}
.card-classic .card-arrow::before, .card-classic .card-arrow::after {position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;transition:.15s;}
.card-classic .card-arrow::before {content:''; background:url(../images/img-left.png) no-repeat top center; opacity:1; visibility:visible;}
.card-classic .card-arrow::after {content:''; background:url(../images/img-right.png) no-repeat top center; opacity:0; visibility:hidden;}

.card-title h3 span {
position: absolute;
display: inline-block;
width: 50px;
left: 0;
top: 50%;
color: #fff;
font-size: 18px;
margin-top: -9px;
text-align: center;
text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}
.card-title h3 {
font-size: 18px;
line-height: 1.2;
/*     background: #0091cd; */
background:#45c600;
padding-left: 50px;
position: relative;border-radius:7px; margin-bottom:0px !important;
}

.card-title h3 a {
display: block;
padding: 14px 50px 14px 20px;border-radius:0px 7px 7px 0px;
position: relative;
color: #fff;
background: #323f4e;
margin-bottom: 1px;
transition: all 0.2s ease;
}
.card-body a{display:inline-block; padding:0px; background:none; font-size:14px; color:#0091cd;}
.card-body a:hover{background:none; color:#000;}

.instant-quote .bg-light{background:#f7f7f7; border-radius:7px; overflow:hidden;}
.instant-quote .selected .bg-light{border:solid 2px #323f4e;}
.bg-white .instant-quote .selected .bg-light{border:solid 2px #00a6ec;}
.instant-quote .bg-light{border:solid 2px #fff;} 
.instant-quote .selected .fs-18{color: #666666;}
.instant-quote a.selected{color:#000;}
.counter {width: 150px; margin: auto; display: flex; align-items: center; justify-content: center;}
.counter input {width: 80px; line-height: 40px; font-size: 20px; font-weight:700; text-align: center; border:solid 1px #00a6eb; color: #00a6eb; appearance: none; outline: 0;}
.counter span {display: block; font-size: 35px; padding: 0 20px; cursor: pointer; color: #00a6eb; user-select: none;}

#ClassesArea.bg-white a {color:#666666;}
#green_team_quote_generator .quote_next {
background-image: url(../images/quote-icons/arrow.png);
background-repeat: no-repeat;
background-position: right+15px center;
background-size: auto 35%;
-webkit-transition: background-position .5s;
transition: background-position .5s;
cursor: pointer;
}
#green_team_quote_generator .btn-primary {
background-color: #00a7ed;
border-radius: 5px;
color: #fff;
padding: 12px 50px;
border: none;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
cursor: pointer;
font-size: 125%;
}

#green_team_quote_generator .quote_next:hover {
background-position: right+5px center;
}

/* package css start*/

.booking-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
padding: 20px;
}

.booking-summary {
background-color: #ffffff;
border: none;
border-radius: 10px;
padding: 1em 0em;
margin-bottom: 20px;
text-align: center;
}

.booking-summary p {
color: #000000;
font-size: 16px;
padding: 0em 2em;
line-height: 30px;
text-align: left;
}

.booking-summary button {
background-color: #00A6EB;
color: white;
border: none;
padding: 10px 20px;
border-radius: 30px;
cursor: pointer;
}

.pricing-card {
background-color: #3ac569;
color: white;
border-radius: 10px;
padding: 20px;
position: relative;
}

.pricing-card .badge {
position: absolute;
top: 10px;
right: 10px;
background-color: red;
color: white;
padding: 5px;
border-radius: 5px;
}
.booking-summary h2 {
color: #00A6EB;
    margin-bottom: 5px;
font-size: 22px;
border-bottom: 2px solid;
padding-bottom: 10px;
width: 100%;
font-weight: 600;
}
.sidebar-me {
margin-top: 120px;
}
.checkout-form h2 {
font-weight: 900;
margin-bottom: 20px;
}
.checkout-me h1 {
font-weight: 600;
margin-bottom: 20px;
color: #fff;
border-bottom: 2px solid #fff;
display: inline-block;
padding-bottom: 10px;
margin-top: 20px;
font-size: 3.5em; 
}
.ff-el-group.ff-custom_html.nextme-2 {
      padding: 0px;
    width: 100%;
    text-align: center;
}

.ff-el-group.ff-custom_html.nextme-2 p {
    color: #fff;
    margin: 0px;
}

.ff-el-group.ff-custom_html.nextme-2 p button {
    padding: 10px;
    color: #fff;
  background: #000000;
    color: #fff !important;
    text-align: center;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    border-radius: 5px;
}
.ff-el-group.ff-custom_html.nextme-2 p button:hover{  background: #fff; color:#00a6eb !important;}

div#check-me2 {
    padding: 37px 20px; position: relative;
}
.checkout-form {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 10px;    
    margin-bottom: 50px;
padding: 23px 20px;
}

.checkout-form h2, .checkout-form h3 {
color: #333;
}

.form-row {
display: flex;
gap: 10px;
margin-bottom: 15px;
}

.ff-el-group.ff-custom_html.nextme {
    margin: 0px;
}
.nextme p {
    margin: 0px !important;
    padding: 0px !important;
    display: inline-block !important;
}
.ff-el-group.ff-custom_html.nextme a {
  width: 100%;
    background: #000;
    display: block;
    padding: 6px 30px;
    font-size: 14px;
    border-radius: 7px;
    position: absolute;
    left: 0;
      bottom: -20px;
}
.ff-el-group.ff-custom_html.nextme a:hover{    background: #00a6eb; color:#fff;}
.ff-el-group.ff-custom_html.nextme {
    position: relative;
    width: 100%;
    padding: 0px 6px;
    max-width: 90%;
}

input {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}

.payment-method img {
width: 100%;
margin-bottom: 10px;
max-width: 100%;
float: left;
display: block;
}

button {
background-color: #007bff;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}

button:hover {
background-color: #0056b3;
}

.captcha {
background-color: #f7f7f7;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #ddd;
text-align: center;
}

.terms label {
display: block;
margin-bottom: 10px;
}
.pricing-container {
display: flex;
justify-content: center;
gap: 20px;
padding: 20px;
}


.page-template-checkout-form .pricing-card h2 {
min-height: 70px;
}

.page-template-checkout-form .pricing-card .price:before {
width: 161px;
height: 155px;
top: 0px;
left: -20px;
}
.page-template-checkout-form .pricing-card p.price {
height: 150px;
}

.pricing-card {
width: 300px;
padding: 20px;
border-radius: 10px;
text-align: center;        
    min-height: 1100px;
border: 4px solid white;
color: white; position: relative;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.pricing-card button {
position: absolute;
left: 0;
right: 0;
bottom: 40px;
width: 100%;
max-width: 200px;
margin: 0 auto !important;
display: inline-block;
}

.pricing-card h2 {
font-size: 2rem;
margin-bottom: 10px;
font-weight: 900;
display: flex;
align-items: center;
height: auto;
min-height: 175px;
text-align: center;
justify-content: center;
}
.pricing-card .price {
position:relative;
}


.pricing-card .price{
    font-size: 1.6rem;
font-weight: bold;
margin: 10px 0;
padding: 2em 2em;
}

.pricing-card .price:before {
background: url(/wp-content/uploads/2025/01/arrow.png);
background-repeat: no-repeat;
background-position: center 0px;
position: absolute;
content: "";
width: 175px;
height: 170px;
background-size: 100% 100%;
top: 12px;
left: -20px;
right: 0;
margin: 0 auto;
}

.pricing-card:hover .price:before{    opacity: 0.5;}

.pricing-card .first-clean {
font-size: 1.5rem;
/* background: white; */
color: #ffffff;
padding: 5px 10px;
border-radius: 30px;
/* max-width: 177px; */
margin: 20px auto;
width: 100%;
font-weight: 600;
}

.mob{
display:none;

}


/* 
.pink p.first-clean {
color: #ff99c8;
}

.green p.first-clean{  color: #2ED037;}

.blue p.first-clean{  color: #0070C0;}
*/



.pricing-card ul {
list-style: none;
padding: 0;
text-align: left;
margin-bottom: 20px;
}
.pb-4.text-md-left.text-center {
margin-top: 20px;
}
.wa-me {
/*     display: flex;
align-items: center; */
}
.wa-me .col-md-8.col-sm-7.col-lg-8 {
display: flex;
align-items: center;
padding: 0px 5em;
}.pb-4.text-md-left.text-center.wa-me .card-me img {
width: 85px;
}
.pricing-card ul li {
margin-bottom: 10px; position:relative; padding-left:25px;     font-weight: 600;
}
.payment-method .col-md-4 a {
display: block !important;
width: 100%;
}
.payment-method input {
width: 100% !important;
display: block;
font-size: 12px !important;
}
.pricing-card ul li:before{
position:absolute;
content:"";
left:-5px;
top: 10px;
background:url('/wp-content/uploads/2025/01/mark.png');
background-repeat: no-repeat;
width: 25px;
height:25px;
background-size: 100% 100%;
}

.pricing-card button {
background-color: white;
color: white;
border: none;
border-radius: 30px;
padding: 10px 20px;
font-size: 1rem;
cursor: pointer;
transition: background-color 0.3s ease;
}

.pricing-card button:hover {
background-color: #000;
}
.pink button {
color: #ff99c8;
}
.pricing-card button:hover {
color: #fff !important;
}
.pricing-card.green button{color:#2ED037;}
.pricing-card.blue button {
color: #007bff;
}
.pink {
background-color: #ff99c8;
}

.green {
background-color: #3ac569;
position: relative;
}

.green .badge {

background: url(/wp-content/uploads/2025/01/most.png);
width: 77px;
height: 70px;
background-repeat: no-repeat;
background-size: 100%;
font-size: 0px !important;
right: -18px;
top: 44px;
position: absolute;
z-index: 1;
}
.page-template-templatescheckout-form-php .green .badge {
    z-index: 0;
}


.checkout-form h3 {
font-weight: 600;
font-size: 20px;
margin: 21px 0px;
}
.blue {
background-color: #007bff;
}
.checkout-me .pricing-card {
width: 100%;
}

.checkout-form button {
width: 100%;
border-radius: 6px;
background: #00A6EB;
}
.booking-summary button:hover {
background: #000;
}

.checkout-form button:hover {
background: #000;
}
.payment-method {
display: flex;    margin-bottom: 60px;
justify-content: space-between;
align-items: center;
}
.terms a {
color: #000;
}
.payment-method p {
margin: 0px 10px 0px 10px !important;!i;!;
}

/* Hide number input arrows in all browsers */
.fluentform input[type="number"] {
-moz-appearance: textfield; /* Firefox */
-webkit-appearance: none; /* Safari, Chrome */
appearance: none; /* Standard */
}

/* Hide number field arrows in WebKit browsers (Chrome, Safari, Edge) */
.fluentform input[type="number"]::-webkit-inner-spin-button, 
.fluentform input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.fluentform input[type="number"] {
-webkit-appearance: none;
-moz-appearance: textfield;
text-align: center;      padding: 5px 15px;   font-size: 16px;
width: 150px; /* Adjust width as needed */
}

.fluentform .quantity-wrapper {
display: flex;
align-items: center;
justify-content: center;
}

.fluentform .quantity-wrapper button {
background: #00a6eb;
color: white;
border: none;
padding: 4px 10px;
cursor: pointer;
font-size: 25px; 
border-radius: 3px;
margin: 0 5px;
}

.fluentform .quantity-wrapper button:hover {
background: #000;
}
span.coupon-error {
    position: relative;
    top: 89px;
    font-size: 11px;
    color: red;
    line-height: 20px;
    z-index: 22;
    background: #fff;
    width: 100%;
    padding: 5px;
}

.discount button {
position: absolute;
right: -4px;
width: 158px;
height: 46px;
top: 32px;
background: #000;
color: #fff !important;
padding: 0px;
left: auto;
border-radius: 0px 10px 10px 0px;
}

.discount {
width: 100%;
height: auto;
min-height: 200px;
text-align: left;
position: absolute;
left: auto;
width: 100%;
max-width: 90%;
margin: 0 auto !important;
bottom: 0;
right: auto;
}

.page-template-checkout-form .discount .discount {
    position: relative;

}










p.price span.org-price {
display: block;
font-size: 16px;
color: red;     text-decoration: line-through;
}

.pricing-card .price {
line-height: 28px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 190px;
}

/* 
.ff-el-group.clickme{ opacity: 1;}


.ff-el-group.has-conditions {
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s;
}

.ff-el-group.has-conditions.active {
max-height: 500px; 
opacity: 1;
visibility: visible;
} */


/* .hide-me {
opacity: 0;
height: 0;
overflow: hidden;
transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out;
}

.hide-me.active {
opacity: 1;
height: auto;
} */

/* .ff-el-group {
transition: all 0.5s ease-in-out;
}
*/

/* .ff-el-group:not(:first-of-type) { 
visibility: hidden;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease-out, transform 0.5s ease-out, visibility 0s linear 0.5s; 
}

.ff-el-group.show {
visibility: visible;
opacity: 1;
transform: translateY(0);
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
*/

/* .ff-el-group {
transition: all 0.5s ease-in-out;
}
*/
.pricing-card img {
width: 100%;
max-width: 285px;
height: 170px;    filter: brightness(0) invert(1);
}

/* Initially hidden elements */
.clickup2,
.clickup3,
.clickup4,
.clickup5,
.clickup6,
.clickup7,
.clickup8,
.clickup9,
.clickup10,
.clickup11,
.clickup12,
.clickup13,
.clickup14,
.clickup15,
.clickup16,
.clickup17,
.clickup18,
.childshow,.after-2,.wa-me{  
opacity: 0;
transform: translateY(100px);
height: 0;
overflow: hidden;
transition: opacity 0.8s ease, transform 0.8s ease, height 0.8s ease;
animation-name
}
.ff-t-container.ff-column-container.ff_columns_total_1.clickup5.has-conditions.hidden-section.show.ff_cond_v {
    display: none !important;
}





/* .ff-el-group.clickup1 .ff-el-input--content .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(2) .clickup5{display:none !important;} */
/* Class to show the next div smoothly
Do you have a conservatory or glazed pod>> clickup5
*/
/* Class to show the next div smoothly */
.show {
opacity: 1;
transform: translateY(0);
height: auto;
overflow: visible;
padding-top: 0px; /* Adds space before appearing */
}

/* .clickup6.show{padding-top: 170px; } */

.ff-el-group.ff-text-center.hide-btn.has-conditions.ff_submit_btn_wrapper {
padding-top: 100px;
}



.page-id-1023 .w-100.px-0.mx-0 {
display: none;
}

.ff-el-group.ff-text-center.hide-btn{display:none;}


.ff-el-group.qunt-1 {
background: url('/wp-content/uploads/2025/02/conservatry-door.png');
background-size: 161px 119px;
    background-repeat: no-repeat;
    background-position: center -7px;
    padding-top: 100px !important;
}

.ff-el-group.qunt-2 {
background: url('/wp-content/uploads/2025/02/windows-conservatry.png');
background-size: 161px 119px;
    background-repeat: no-repeat;
    background-position: center -7px;
    padding-top: 100px !important;
}


.ff-el-group.qunbt-3 {
background: url('/wp-content/uploads/2025/02/doors.png');
background-size: 270px 182px;
background-repeat: no-repeat;
background-position: center -37px;
padding-top: 100px !important;
}

.ff-el-group.qunt-4 {
background: url('/wp-content/uploads/2025/02/Website-icons-45.png');
background-size: 269px 195px;
background-repeat: no-repeat;
background-position: center -40px;
padding-top: 100px !important;
}

.ff-el-group.qunt-5 {
background: url('/wp-content/uploads/2025/02/velux-1.png') !important;
background-size: 269px 195px !important;
background-repeat: no-repeat !important;
background-position: center 0px !important;
padding-top: 100px !important;
background-color: #fff !important;
}


.content-wrapper {
display: flex;
gap: 20px;
}

.ff-t-container.ff-column-container.ff_columns_total_2.center-col.has-conditions.ff_cond_v {
width: 100%;
width: 100%;
max-width: 545px;
margin: 20px auto;
}
.center-col .ff-t-cell {
background: #fff;
font-size: 8px;
color: #00a6eb;
border-radius: 10px;
line-height: 20px;
height: auto;
min-height: 310px;
display: flex;
align-items: center;
justify-content: center;
}

.mycont {
background: #fff;
max-width: 300px;
margin: 0 auto;
border-radius: 10px;
/* font-size: 11px; */
padding: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
line-height: 30px;
height:310px;
}.mycont h3 {
color: #00a6eb;
font-size: 20px !important;
}
.mycont h3 {
font-size: 20px !important;
}


.btn-sub {
/*     display: none !important; */
}



.box-qun.center-div{
background: url('/wp-content/uploads/2025/02/NEw_Conservatory-roof-numbered-1.png') !important;
background-size: 240px 200px !important;
background-repeat: no-repeat !important;
background-position: center 0px !important;
padding-top: 100px !important;
background-color: #fff !important;
}




.ff-el-group.box-qun.center-col {
font-size: 8px;
color: #00a6eb;
border-radius: 10px;
line-height: 20px;
height: auto;
min-height: 310px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 300px;
margin: 20px auto;
flex-direction: column;
}
.box-qun.center-div button {
height: 33px;
align-items: center;
display: flex;
}

.box-qun.center-div{ font-size: 11px;
color: #00a6eb;
border-radius: 10px;
line-height: 44px;
height: auto;
min-height: 310px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 300px;
margin: 20px auto;
flex-direction: column;
background: #fff;}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label {
background-size: auto 160px !important;
}

.main-content {
flex: 2;
}
.ff-t-cell {
text-align: center;
}
.sidebar {
flex: 1;
background-color: #f9f9f9;
padding: 20px;
border-left: 1px solid #ddd;
}
.error.text-danger {
position: relative;
top: 20px;
background: red;
color: #fff !important;
width: auto !important;
display: inline-block;
padding: 10px;
}

.ff-el-form-check.ff-el-form-check-.ff-el-image-holder {
background: #fff;
padding: 20px; border-radius: 10px;
margin: 15px 6px !important; 
 border: 4px solid #fff !important; 
}
label.ff-el-image-input-src {
background-size: 110px auto !important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder.ff_item_selected {
border: 4px solid #92D050 !important;
}
label.ff-el-form-check-label span {
color: #00A6EB !important;
font-size: 16px !important;
font-weight: 600 !important;
}
label.ff-el-form-check-label span span.myspan {
      display: block;
    font-size: 11px !important;
    position: absolute;
    bottom: -6px;
    text-align: center;
    left: 1px !important;
    width: 100% !important;
}
.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label {
margin: 0 auto;
}

.clickup1 .ff-el-form-check.ff-el-form-check-.ff-el-image-holder label.ff-el-image-input-src {
background-size: 100% 150px !important;
margin: 0px auto;
background-position: center center !important;
}

.fluentform label.ff-el-image-input-src {
width: 220px;
min-height: 180px;
}
.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span {     box-shadow: none;
background-color: transparent !important;}

label.ff-el-form-check-label {
width: 100%;
}
.ff-el-group.ff-custom_html.has-conditions.ff_cond_v h4 {
font-size: 35px;
font-weight: 600;
}
.ff-el-group.ff-custom_html.has-conditions.ff_cond_v p {
width: 100%;
max-width: 55%;
margin: 0 auto;
}

.ff-el-group.ff-custom_html.has-conditions.ff_cond_v {
padding: 5em 0em 1em 0em;
}

.ff_list_buttons {
text-align: center;
}
.rangeslider__fill {
background: #ffffff !important;}

.rangeslider__handle {
background: #18a7eb;
border: 1px solid #ffffff;}
.asterisk-right label, .ff_cond_v h3 {
font-size: 1.5em !important;
font-weight: 600;
margin: 0px;
padding: 1em 0em;
}
.btn-sub {
margin-top: 3em;
}

.frm-fluent-form .ff-t-container {
align-items: center;
}
.page-id-1023 .container-fluid {
max-width: 1450px;
}

.range-me label {
font-size: 1em !important;
}

button.nextbtn {
background-color: rgba(255, 255, 255, 1);
border-color: #1a7efb;
color: rgba(0, 166, 235, 1);
min-width: 100%;
}
/* .after-2 { */
/* padding-top: 50px; */
/* } */
.error.text-danger {
display: none;
}
.wa-me {
margin-top: 150px !important;
}
button.count-to-gate {
    margin-top: 20px !important;
}
@media (min-width:768px) and (max-width:1024px) {
.fluentform label.ff-el-image-input-src {
width: 200px !important;
min-height: 140px !important;
margin-bottom: 0px !important;
background-size: 70px 50px !important;
}
.range-me label {
font-size: 14px !important;
line-height: 20px !important;
}
.fluentform label.ff-el-image-input-src {

height: 100px;
width: 100px;
}
.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check {
display: inline-block;
width: 45% !important;
}

}


.booking-summary ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
}
.booking-summary li {
padding: 4px 20px;
border-bottom: 1px solid #eee;
display: block;
font-size: 12px; 
text-transform: capitalize;
text-align: left;
}
.booking-summary li:last-child {
border-bottom: none;
}
.booking-summary li span {
font-weight: bold;
color: #555;
}

.nextbtn {
margin: 0 auto;
max-width: 300px;
}
.nextbtn button {
margin: 0 auto;
background: #fff;
color: #00a6eb;
}

button.dynamic-nextbtn {
margin: 20px auto;
background-color: rgba(255, 255, 255, 1) !important;
border-color: #1a7efb;
color: rgba(0, 166, 235, 1) !important;
max-width: 300px !important;
width: 100%;
}
button.dynamic-nextbt:hover{background: #000;   color: #fff;}
.nextbtn button:hover{    background: #000;   color: #fff;}






/* package css end*/












@media (min-width:320px) and (max-width:767px) {


}



/*****************************************************  Blog  ********************************************************/
#Blog a{color:#00a6eb; }#Blog a:hover{color:#000;}
.blogbox{box-shadow: 3px 3px 5px rgba(0,0,0,0.75);} .blogboxlist{box-shadow: 3px 3px 5px rgba(0,0,0,0.75); padding:20px 25px;} 
.blogtext{padding:20px;} .blogtext h3{min-height:55px;}
.Blogdes{min-height:140px;}

/*************************************************************************************************************/
.container-fluid{max-width:1230px;}
.container-new{max-width:1680px !important;padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto;}





@media (min-width:991px){
#ClassesArea .boxshadow{ moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
#ClassesArea .boxshadow:hover {
box-shadow:0 10px 20px rgba(7,62,89,0.8);
transform:scale(1.1);
-webkit-transform:scale(1.1);

-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;

-webkit-backface-visibility: hidden;
backface-visibility: hidden;}

.carousel-caption .btn:hover,#Footer img:hover {-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
#Footer img{transition:.33s all ease;}
.boxhover:hover {-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
#Footer img{transition:.33s all ease;}
.termicon img{width:60%; margin:auto;}
.videomain{ width:50%;}
.bnrshadow{box-shadow:-0px 20px 20px rgba(0,0,0,.5);}
}

@media (min-width: 767.98px) {
}
@media (min-width: 1920px) {
.container-fluid{max-width:1230px;}
.container-new{max-width:1680px !important; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto;}
.navbar .navbar-nav .nav-link {padding:25px 25px;}
.dropdown-toggle::after {margin-left:4px;}

.gutter-lg {margin-left:-29px!important;margin-right:-29px!important;}
.gutter-lg div[class^="col"]{padding-left:29px!important;padding-right:29px!important;}

#ClassesArea .mb-xl-5{margin-bottom:30px !important;}
}

@media (min-width:1459.98px) and (max-width:1600px) {
}

@media (min-width: 1600px) {
}

@media (min-width: 1359.98px) and (max-width: 1459.98px) {	}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {
.gutter-sm #Navigation{padding-left:0px !important;padding-right:0px !important;}
}
@media (min-width: 991.98px) and (max-width: 1199.98px) {
.fs-21 {font-size:19px !important;} #ClassesArea .textbox {min-height:140px;} .fs-18 {font-size:15px !important;}
.gutter-mbl {margin-left:-7px!important;margin-right:-7px!important;}
.gutter-mbl div[class^="col"]{padding-left:7px!important;padding-right:7px!important;}

.Slider .slideshow{width:98%; margin:auto !important;}
.Slider .cycle-prev, .Slider .cycle-next {position:absolute; top:45%; right:-5px; z-index:99; cursor:pointer;}
.Slider .cycle-prev {left:-5px; right:auto;}
#TeamArea .boxcustomer{padding:20px; min-height:370px;}
.card-columns {column-count:3;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
#Header{font-size:22px; padding-bottom:20px;} 
.MainBanner .btn-lg{width:380px; font-size:14px;} 
.fs-41 {font-size:27px !important;} .fs-28{font-size:24px !important;}
lh-12 {line-height:1 !important;}
.fs-21 {font-size:19px !important;} .Headcls {min-height:55px; line-height:1.2;} #ClassesArea .textbox {min-height:180px;} .fs-18 {font-size:15px !important;}
.Choosebox .List li{background:url(../images/arrow.png) no-repeat 0.1em 0.56em; padding:8px 0 8px 50px; margin:0px; line-height:26px;}
.Slider .slideshow{width:98%; margin:auto !important;}
.Slider .cycle-prev, .Slider .cycle-next {position:absolute; top:45%; right:-5px; z-index:99; cursor:pointer;}
.Slider .cycle-prev {left:-5px; right:auto;} 
#PayNow .w-75{width:84% !important;}	
.gutter-mbl {margin-left:-7px!important;margin-right:-7px!important;}
.gutter-mbl div[class^="col"]{padding-left:7px!important;padding-right:7px!important;}
.gutter-sm #Navigation{padding-left:0px !important;padding-right:0px !important;}
.card-columns {column-count:2;}
.tb_source_outer {top:-12px;right:-12px;}
#TeamArea .boxcustomer{padding:15px; min-height:440px;}
}
@media (max-width: 767.98px) {
#Header{font-size:16px;} 
#Header .Logo{padding:20px 0px 40px 0;}
.fs-33 {font-size:26px !important;}
/* .MainBanner .carousel-caption{position:static !important; display:block;} */
.MainBanner .btn-lg{width:100%; margin-top:5px;} #ClassesArea .textbox {min-height:160px;} 
.Choosebox .List li{background:url(../images/arrow.png) no-repeat 0.1em 0.56em; padding:8px 0 8px 50px; min-height:unset; line-height:26px;}
.Slider .slideshow{width:98%; margin:auto !important;}
.Slider .cycle-prev, .Slider .cycle-next {position:absolute; top:45%; right:-5px; z-index:99; cursor:pointer;}
.Slider .cycle-prev {left:-5px; right:auto;} #TeamArea .boxcustomer{padding:20px; min-height:unset;}
.fs-41 {font-size:28px !important;}
.fs-28 {font-size:20px !important;}

#MapArea .w-50{width:60% !important}
#MapArea .container1 {background: rgb(60,60,60); background: linear-gradient(90deg, rgba(60,60,60,.82) 60%, rgba(255,255,255,0.0) 40%);} 
#PayNow .w-75{width:100% !important;}
.card-columns {column-count:1;}
.gutter-mbl {margin-left:-7px!important;margin-right:-7px!important;}
.gutter-mbl div[class^="col"]{padding-left:7px!important;padding-right:7px!important;}

.card-title h3 span {width:30px; font-size:16px; margin-top:-8px;}
.card-title h3 {line-height: 1.2; padding-left:30px;}
.card-title h3 a {padding:12px 40px 12px 14px;font-size:16px !important; font-weight:500;}

.w-536 .btn-lg{width:100%;}

}
.page-template-checkout-form .pricing-card {
    min-height: 817px;
}

.page-template-checkout-form .discount {
min-height: 92px;}

@media (max-width: 576px){
#Header .Logo{padding:20px 0px;} .fs-41 {font-size:22px !important;} .fs-28{font-size:20px !important;}
.MainBanner .btn-lg, .animate-btn .btn-lg{font-size:12px;} #ClassesArea .textbox {min-height:unset;}
#MapArea .w-50{width:100% !important}
#MapArea .container1 {background: rgb(60,60,60); background: linear-gradient(90deg, rgba(60,60,60,.82) 100%, rgba(255,255,255,0.0) 0%);} 
.Head {min-height:35px;}
.card-columns {column-count:1;}
.card-title h3 a {font-size: 14px !important;}
.termicon img{width:40%; margin:auto;}

.InnerBanner .carousel-caption{position:static !important; display:block;}

.fs-22 {font-size:18px !important; line-height:1.3;}

}

div#clickup8-hidden-0, #hiddenClickup5, #hiddenHideBtn {
    display: none !important;
}

.ff-el-group.ff-custom_html.nextme {
    display: none;
}


/*popup for privacy policy */


 .popup-content .bg-white.text-dark.fs-14.rounded.p-4 {
    overflow-y: scroll !important;
    height: 80vh;
}
.popup-content button.close-btn {
    width: auto;     position: absolute;
    right: 45px;    background-color: #007bff;
}
 .popup-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
        }
        .popup-content {
            background: #fff;
               width: 80%;
            padding: 20px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
            border-radius: 10px;
        }
        .close-btn {
            background: red;
            color: white;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            float: right;
            border-radius: 5px;
        }


/* .clickup4 .ff_el_checkable_photo_holders .ff-el-image-holder:nth-child(5){background:red;} */

@media (min-width: 768px) and (max-width:1024px) {
.ff-el-form-check.ff-el-form-check-.ff-el-image-holder {
	margin: -1px 2px !important;}


.checkout-me h1 {
font-size: 2.5em;
}

.booking-summary h2 {
font-size: 18px;}

.booking-summary li {
padding: 4px 10px;
font-size: 11px;
}
.checkout-form input {
font-size: 13px;
}
.booking-summary button a {
font-size: 11px;
}
.payment-method p {
font-size: 12px;         margin-top: 10px !important;
}
.checkout-form h3 {
font-size: 16px;
}

.wa-me .col-lg-8 {
padding: 0em 0em !important;
display: block !important;
text-align: center;
}
.checkout-form h2 {
font-size: 25px;
}	
.payment-method {
display: block;}

.payment-method .col-lg-4 {
width: 100%;
max-width: 100%;
flex: auto;
}
.payment-method  .col-lg-8{    width: 100%;
max-width: 100%;
flex: auto;}

.wa-me .col-lg-4, .wa-me .col-lg-8 {
flex: auto;
max-width: 100%;
width: 100%;
align-items: center;
justify-content: center;
display: flex;}
.payment-metho .col-lg-8{    width: 100% !important;
max-width: 100% !important;
flex: auto !important;}
.pricing-card h2 {
font-size: 1.5rem; font-weight:900;}
.pricing-card .price:before {
width: 135px;
height: 135px;
top: 27px;

}


}



@media (min-width:300px) and (max-width:767px) {
	
	.child-2 {
    width: 55%;
}

.child-1 {
    width: 45%;
}

.pricing-card.pink.mob.package-2 .inner-mobile p.price {
/*top: -22px;
left: 1px;
padding: 1em 0.6em;
	*/
    }
	
.package-2 .pricing-card ul {
padding-right: 2%;
}
	
	.green.mob.package-2 span.mob-spn {
    font-size: 10px;
    line-height: 13px;
}
	.blue.mob.package-2 span.mob-spn {
    font-size: 8px;
    line-height: 13px;
}
   .blue.mob.package-2 p.price {
        font-size: 2em;
    }
.roof .mob.green.package-2 p.price {
        font-size: 2.5em;
        top: 3px;
        left: 0px;
    }
	
.page-template-checkout-form .checkout.pricing-card p.price {
height: 194px;
top: -12px;
left: 4px;
}
.checkout.pricing-card ul {
        margin: 0px 0px 2px 14px !important;
    }
    .pricing-card.blue.mob.checkout ul {
        margin: 0px 0px 2px 25px !important;
    }
	.checkout .inner-mobile p.price {
    padding: 1em 1.5em;
}
.sidebar-me {
    margin-top: 10px;
}
.checkout.pricing-card .first-clean {
      font-size: 0.8rem !important;
    margin: 0px 0px 0px 0px !important;
    padding-left: 0px !important;
        padding-right: 10px !important;
}

.page-template-checkout-form .pricing-card h2 {
    min-height: 35px;
}
.checkout.pricing-card .mob .discount button {
    top: 30px;
}
    .checkout .inner-mobile p.price {
  
        font-size: 1.6em;}

	.img-fluid {
        max-width: 70%;
    height: auto;
    width: 100%;
}
	
	
	a#count2, a#ex-count2 {
    display: none !important;
}
	label.ff-el-form-check-label span span.myspan {
    bottom: -14px;
}
	
	#Header .Logo img {
    width: 200px;
}
.page-template-order-form .row.gutter-mbl .col-sm-6.text-sm-left {
    text-align: left;
}
.page-template-order-form .col-sm-6.text-sm-right.mb-sm-0.mb-3.align-self-center {
    display: none;
}
	section.py-5.mb-1.bg-primary.text-white.watertech {
    padding-top: 0px !important;         padding-bottom: 0px !important;
}
.watertech h1.font-weight-bold.mb-5.fs-48.text-center.text-shadow.text-white {
    margin: 0px !important; display: none;
}
.page-id-1023 .col-sm-6.text-sm-right.mb-sm-0.mb-3.align-self-center {
    display: none;
}
.pricing-container {
display: block !important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check {
        margin: 0px 2px -3px 2px !important;
display: inline-block;
/* width: 176px !important; */
/* width: 141px !important; */
width: 48% !important;
float: none !important;
padding: 0px 2px !important;
border-radius: 4px;
}

.ff-el-group {
    text-align: center;
}

.ff-el-group .ff-el-input--content {
    text-align: center;
    width: 100%;
}

.ff_el_checkable_photo_holders {
    text-align: center;
    width: 100%;
}

.page-template-order-form .checkout-me h1 {
font-size: 20px;         margin-top: 0px;
}


.checkout-me .pricing-card {
        margin: 0px 0px 10px 0px;
}


.mob.green .badge {
    right: -6px;
    top: 5px;
}

.pricing-card ul li {

font-size: 13px;
}
.pricing-card button {
font-size: 12px;
bottom: auto;
top: 65px; height: 35px;
}
.pricing-card button.package-button {
        top: 4px;
        background: #000;
        color: #fff !important;
        width: 100% !important;
        /* max-width: 171px; */
        font-size: 10px;
         right: 5px !important;
        padding: 1px 0px !important;
        left: auto;
        height: 29px;
        position: relative;
}

.roof .pricing-card button.package-button {
        top: 10px;}

.terms label {
margin-bottom: 10px;
font-size: 13px;
}
.terms p {
font-size: 14px;
}
	
	.checkout-form button {
		width: 100%;
		border-radius: 6px;
		background: #00A6EB;
		max-width: 100%;
/* 		position: absolute; */
		left: 0;
		bottom: 10px;
		font-size: 10px;
		padding: 10px 0px;
}
	.booking-summary button {
    padding: 8px 20px;
    margin-top: 13px;
}
	
.checkout-me h1 {
font-size: 2.5em;
text-align: center;
display: block;
}
.pb-4.text-md-left.text-center.wa-me .card-me img {
width: 55px;
}
.table-bordered td, .table-bordered th {
border: 1px solid #dee2e6;
line-height: 23px;
font-size: 14px;
}
.container-fluid.mt-5.wa-thk button.btn.btn-success {
font-size: 12px;
}
.checkout-form {
margin-bottom: 50px;
}
.booking-summary h2 {
font-size: 18px;}

.booking-summary li {
padding: 4px 10px;
font-size: 11px;
}
.checkout-form input {
font-size: 13px;
}
.booking-summary button a {
font-size: 11px;
}
.payment-method p {
font-size: 12px;       
margin-top: 10px !important;
}
.checkout-form h3 {
font-size: 16px;         
text-align: center;
}

.wa-me .col-lg-8 {
padding: 0em 0em !important;
display: block !important;
text-align: center;
}
.checkout-form h2 {
font-size: 25px;
}	
.payment-method {
display: block; margin-bottom: 25px;
}

.payment-method .col-lg-4 {
width: 100%;
max-width: 100%;
flex: auto;
}
.payment-method  .col-lg-8{    width: 100%;
max-width: 100%;
flex: auto;}

.wa-me .col-lg-4, .wa-me .col-lg-8 {
flex: auto;
max-width: 100%;
width: 100%;
align-items: center;
    justify-content: right;
    padding-right: 10px;
display: flex;}
.payment-metho .col-lg-8{    width: 100% !important;
max-width: 100% !important;
flex: auto !important;}
.pricing-card h2 {
         font-size: 1rem;}
.pricing-card .price:before {
width: 135px;
height: 135px;
top: 27px;

}
.checkout-me .col-md-4, .checkout-me .col-md-8 {
flex: auto;
max-width: 100%;
width: 100%;
}
.payment-method img {
object-fit: contain;
}

.mob {
display: block !important;
}
.inner-mobile {
display: flex;
}


.mob.blue .inner-mobile {
        display: flex;
               padding-top: 20px;
    }
.inner-mobile p.price {
height: 203px;
font-size: 2em;
        padding: 1em 1.4em;
text-align: center;
position: absolute;
top: -22px;
left: 7px;
}

.pricing-card.blue.mob.myblue p.price {
        padding: 3.4em 1.5em;        
	top: -11px;
        left: 5px;
}

.pricing-card{display:none;}

.mob.pricing-card .price:before {
        width: 180px !important;
        height: 175px !important;
        background-size: 80% 80% !important;
        top: 32px !important;
        left: -19px !important;
}
	
    .pricing-card.blue.mob.package-2 .price:before {
        width: 180px !important;
        height: 175px !important;
        background-size: 80% 80% !important;
        top: 50px !important;
        left: -17px !important;
    }
	
.pricing-card.blue.mob.package-2 p.price {
        padding: 4em 1.4em;}
	    .roof .pricing-card.blue.mob.package-2 p.price {
        padding: 3em 1.4em;
    }
.mob.pricing-card ul li {
            margin-bottom: 3px;
        padding-left: 25px;
        font-size: 9px;
        line-height: 15px;
}
.pricing-card h2 {
min-height: 25px;
margin-bottom: 0px;
}
.pricing-card h2 {
        justify-content: center;
        padding-right: 0;
        padding-left: 0;
}

.roof .pricing-card h2 { padding-left: 0px;}

.blue.mob. p.price {
    font-size: 2.5em;
}

.blue.mob.checkout p.price {
          font-size: 1.6em;
}

.mob.pricing-card .first-clean {
font-size: 0.8rem;        
padding: 0px; text-align: right;
        padding-right: 10px;
margin: 0px 0px 40px 0px;
}
.mob .discount {
width: 100%;        max-width: 96%;     
min-height: 70px;
            bottom: -30px;
}
.mob.pricing-card ul li:before {
left: 5px;
top: 5px;
width: 20px;
height: 14px;
}

.pricing-container {
padding: 0;
}.main-content.container.checkout-me {
padding: 0px 8px !important;
}
.mob .discount button {
right: -4px;
        width: 130px;
height: 35px;    
        top: 0px;

left: auto;
font-size: 10px;
}
.mob .discount input {
width: 100%;
font-size: 8px;
}

.discount label {
font-size: 12px;
}
.pricing-card.pink.mob {
padding: 10px 10px;
}

.pricing-card ul {

list-style: none;
padding: 0;
text-align: left;
margin-bottom: 4px;
float: right;
width: 100%;
position: relative;
right: 0;
        padding-left: 0;
        padding-right: 0;
margin: 0px 0px 2px 14px;
min-height: 110px;
display: flex;
        align-items: baseline;
flex-direction: column;
justify-content: center;

}
.pricing-card.blue ul {
    margin-top: 10px;
}

span.mob-spn {
        height: auto !important;
        font-size: 14px;
        line-height: 16px;
           margin: 5px 0px 0px 0px;
}
.row.gutter-mbl {
    text-align: left;
}
.center-col {
padding-top: 0px;
}
.nextbtn {
/* display: block !important; */
}
.page-template-checkout-form .pricing-card {
    min-height: 230px;
/* padding-bottom: 40px; */
        padding-bottom: 0px !important;
}
.pricing-card {
min-height: auto;       
        padding: 4px 0px 2px 5px !important;
}

.next-button {
display: block !important;
}

.center-col .ff-t-cell {
        margin: 20px 8px;
        display: inline-block;
        /* width: 46%; */
		        width: 100%;
}
.fluentform input[type="number"] {
 
    padding: 2px 10px;
    font-size: 16px;
    width: 60px;
}
button.dynamic-nextbtn {
    max-width: 220px !important;
}

.center-col .ff-t-cell {
          min-height: 270px;
}
.fluentform .quantity-wrapper button {
    padding: 2px 10px;
    font-size: 15px;
}
.clickup18 img.alignnone.wp-image-1262.size-medium {
    width: 100% !important;
    max-width: 80% !important;
    height: auto !important;
}
.clickup18 h3, .wa-me label {
    font-size: 1em !important;
}
.box-qun.center-div {
    background-size: 200px 175px !important;
    padding-top:100px !important;     min-height: 240px;
}

.mycont {
    height: 250px;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label {
background-size: auto 200px !important;
 } 

.range-me label {
font-size: 14px !important;
line-height: 20px !important;
}
.fluentform label.ff-el-image-input-src {

height: auto !important;

}
form#fluentform_3 .clickup1 .ff-el-form-check.ff-el-form-check-.ff-el-image-holder label.ff-el-image-input-src {
        background-size: 140px 100px !important;
        margin: 0px auto !important;
        background-position: center !important;
        width: auto;
        min-height: 100px;
}
.clickup8 .ff-el-group.qunt-5 {
        background-size: 70% 70% !important;
        margin: 0px auto !important;
        background-position: 44px 0px !important;
        width: auto;
        min-height: 91px;
    }
	.center-col label {
         font-size: 9px !important;
        line-height: 14px !important;
}

form#fluentform_3 .ff-el-form-check.ff-el-form-check-.ff-el-image-holder label.ff-el-image-input-src {
             background-size: 100% 100% !important;
        margin: 0px auto !important;
        background-position: center;
        min-height: 110px;
        height: auto !important;
        width: 100%;
     
 
}
.asterisk-right label, .ff_cond_v h3 {
    font-size: 1.2em !important;
}
.ff-el-group.ff-custom_html.has-conditions.ff_cond_v {
/*     padding: 2em 0em 1em 0em; */
	        padding: 0em 0em 1em 0em;
}
.hide-me.cont-btn {
           position: relative;
        text-align: center;
        width: 100%;
}
.cont-btn a {
    display: block;
    position: absolute;
    /* bottom: 0; */
    left: 37%;
    /* top: 0px; */
    bottom: -25px;
    background: #fff;
    padding: 10px 20px;
    border-radius: 5px;
}



.cont-btn a:hover{
    background: #000;
	color:#fff;

}

.ff-el-group.box-qun.center-col {
        min-height: 230px;}
.ff-el-group.qunt-5{ 

background-size: 70% 70% !important;
margin: 0px auto !important;
background-position: 16px 24px !important;
width: auto;
/* min-height: 84px; */
        min-height: 30px;
}
.ff-el-group.qunt-2, .ff-el-group.qunt-1, .ff-el-group.qunbt-3, .ff-el-group.qunt-4 {
    padding-top: 135px !important;
}

.center-col .ff-el-group{
background-size: 66% 68% !important;
        margin: 0px auto !important;
        background-position: center 15px;
        width: auto;
        min-height: 35px;
}

.ff-el-group.qunbt-3 {
        background-size: 99% 76% !important;
    margin: 0px auto !important;
    background-position: 1px 2px !important;
    width: auto;
    min-height: 122px;
}
		
.ff-el-group.qunt-4{        

background-size: 100% 100% !important;
        margin: 0px auto !important;
        background-position: -16px -31px !important;
        width: auto;
        min-height: 100px;
		
		}
.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder span {
         border: none !important;
        border-radius: 0 !important;
        margin-left: -1px;
        width: 100%;
        padding: 0px !important;
        font-size: 10px !important;
        white-space: normal;
            width: 100% !important;}
	
	.ff-t-container.ff-column-container.ff_columns_total_2.center-col.has-conditions.ff_cond_v {
    width: 100%;
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 20px auto;
}

.ff-el-group.ff-custom_html.has-conditions.ff_cond_v p {
    max-width: 100%;
}

.hide-me.clickup9 .ff_el_checkable_photo_holders .ff-el-image-holder:nth-child(2) label.ff-el-form-check-label span {
    position: relative;
    top: 2px;
}

.after-2, .childshow {
    width: 100%;
    max-width: 300px !important;
}

.ff-el-group.ff-custom_html.nextme {
    display: block;
}


}




/* Next buttons hide*/
a#count1, a#ex-count1 {
    display: none;
}