:root {
    --bodycolor:                        #000000;
    --primarycolor:                     #10B981;
    --secondarycolor:                   #EDA0A0;
    --whitecolor:                       #ffffff;

    --bodyfontfamily:                       "Epilogue", serif;
    --secondaryfontfamily:                  "Barlow", serif;
    --bodyfontsize:                         18px;
    --bodyfontlineheight:                   30px;
    --bodyfontweight:                       400;

    --bodysmallfontsize:                    16px;
    --bodysmallfontlineheight:              28px;
}


/* Apply a box-sizing border-box globally to all elements */
*, *::before, *::after { box-sizing: border-box; }

body { overflow-x: hidden; }

/* Resetting some common styles */
body, h1.workplandigitalh1, h2.workplandigitalh1, h3.workplandigitalh1, h4.workplandigitalh1, h5.workplandigitalh1, h6.workplandigitalh1, p, figure, blockquote, dl, dd { margin: 0; padding: 0; }

/* Apply a standard font family and basic text styling */
body { font-family: var(--bodyfontfamily); font-weight: var(--bodyfontweight); font-style: normal; font-size: var(--bodyfontsize); line-height: var(--bodyfontlineheight); color: var(--bodycolor); margin: 0; padding: 0; }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
    body { font-size: var(--bodysmallfontsize); line-height: var(--bodysmallfontlineheight); }
}

/* Ensure images are responsive and don't overflow the container */
img { max-width: 100%; height: auto; display: block; }

/* Links should not be underlined, but can have hover effect */
a { text-decoration: none; transition: 400ms; /* Add smooth transition for color change */ color: var(--primarycolor); }
a:hover { color: var(--secondarycolor); /* Change color on hover */ }

/* Headings should be clear with some margin and padding */
h1.workplandigitalh1,
h2.workplandigitalh2,
h3.workplandigitalh3,
h4.workplandigitalh4,
h5.workplandigitalh5,
h6.workplandigitalh6 {
    line-height: normal;
    font-family: var(--bodyfontfamily);
    margin: 0 0 20px 0;
}

/* Media Query for Tablets and larger devices */
h1.workplandigitalh1 { font-size: 80px; line-height: 106px; }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
    h1.workplandigitalh1 { font-size: 60px; line-height: 86px; }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    h1.workplandigitalh1 { font-size: 48px; line-height: 70px; }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}


h2.workplandigitalh2 { font-size: 50px; line-height: 66px; }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
    h2.workplandigitalh2 { font-size: 40px; line-height: 56px; }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    h2.workplandigitalh2 { font-size: 34px; line-height: 50px; }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    h2.workplandigitalh2 { font-size: 26px; line-height: 40px; }
}


h3.workplandigitalh3 { font-size: 42px; line-height: 58px; }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
    h3.workplandigitalh3 { font-size: 32px; line-height: 48px; }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    h3.workplandigitalh3 { font-size: 26px; line-height: 36px; }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    h3.workplandigitalh3 { font-size: 22px; line-height: 32px; }
}


h4.workplandigitalh4 { font-size: 32px; line-height: 48px; }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
    h4.workplandigitalh4 { font-size: 26px; line-height: 40px; }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    h4.workplandigitalh4 { font-size: 22px; line-height: 32px; }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    h4.workplandigitalh4 { font-size: 20px; line-height: 30px; }
}


h5.workplandigitalh5 { font-size: 24px; line-height: 40px; }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
    h5.workplandigitalh5 { font-size: 20px; line-height: 32px; }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    h5.workplandigitalh5 { font-size: 18px; line-height: 28px; }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}



/* Paragraphs should have some margin */
p { margin-bottom: 16px; }

/* Remove the default list styling (bullets or numbers) */
ul, ol { list-style: none; padding-left: 0; margin: 0; }

/* Make sure all form controls have a standard style */
.form-field { width: 100%; }
input, textarea, select, button { border-radius: 10px; backdrop-filter: blur(50px); background-color: transparent; color: #000000; padding: 8px 20px 12px 20px; margin: 0; border: 2px solid rgb(0 0 0 / 15%); font-weight: 600; font-size: 18px; line-height: 26px; width: 100%; }
input:focus, textarea:focus, select:focus, button:focus { outline: none; box-shadow: none; }
textarea { border-radius: 30px; min-height: 163px; }
input::placeholder, textarea::placeholder { color: #333333; font-size: 16px; line-height: normal; font-weight: 500; }

input[type="submit"] { font-size: 16px; line-height: 23px; color: var(--whitecolor); padding: 13px 37px; border-radius: 50px; border: 3px solid; max-width: 286px; background-color: var(--secondarycolor); border-color: var(--secondarycolor); cursor: pointer; margin: 0; text-align: left; transition: 400ms; }
input[type="submit"]:hover { background-color: var(--bodycolor); border-color: var(--bodycolor); color: var(--whitecolor); }
input[type="submit"]:hover + span.arrow svg path { fill: var(--whitecolor); }
.form-row .submit-button { position: relative; max-width: 286px; margin: 30px auto 0 auto; }
.form-row .submit-button span.arrow { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); }
.form-row .submit-button span.arrow svg path { transition: 400ms; }

/* Clearfix for floats */
.clearfix::after { content: ""; clear: both; display: block; }

/* Utility classes for text alignment */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.secondaryfontfamily { font-family: var(--secondaryfontfamily) }
.bodytext { font-size: var(--bodyfontsize); line-height: var(--bodyfontlineheight); }

/* Utility classes for Font Weight */
.fw-thin { font-weight: 100; }
.fw-extralight { font-weight: 200; }
.fw-light { font-weight: 300; }
.fw-regular { font-weight: 400; }
.fw-medium { font-weight: 500; }
.fw-semibold { font-weight: 600; }
.fw-bold { font-weight: 700; }
.fw-extrabold { font-weight: 800; }
.fw-black { font-weight: 900; }

/* Utility class for uppercase */
/*.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-lowercase { text-transform: lowercase; }*/

/* Utility class for White Text */
.white-text, .white-text h1.workplandigitalh1, .white-text h2.workplandigitalh1, .white-text h3.workplandigitalh1, .white-text h4.workplandigitalh1, .white-text h5.workplandigitalh1, .white-text h6.workplandigitalh1 { color: var(--whitecolor); }
.white-text.content { color: #ffffff; }

.position-relative { position:relative; }
.z-1 { z-index:1; }

.primarytextcolor { color: var(--primarycolor) }

/* Utility class for Flex Gap */
.flex-gap15 { gap: 15px; }
.flex-gap25 { gap: 25px; }
.flex-gap35 { gap: 35px; }
.flex-gap45 { gap: 45px; }

/* Utility class for Flex Gap */
.margin0 { margin: 0; }
.padding0 { padding: 0; }


/* Utility class for hiding elements */
.hidden { display: none; }

/* Container class for keeping content centered and within bounds */
.container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
/* Media Query for Tablets and larger devices */
@media screen and (min-width:768px) {
    .container { width: 100%; }
}
@media screen and (min-width:1440px) {
    .container { width: 1330px; }
}

[class*="button--"] { display: inline-block; }
[class*="button--"] a { font-size: 16px; line-height: 23px; background-color: #10B981; color: var(--whitecolor); padding: 14px 37px 13px 37px; border-radius: 8px; font-weight: 600; }
[class*="button--"] a > span svg path { transition: all 400ms; }

[class*="button--"].button--with-arrow a { display: flex; align-items: center; gap: 15px; }
[class*="button--"].button--with-arrow a svg { width: 7px; }
[class*="button--"].button--with-arrow a span.button-arrow { display: flex; align-items: center; justify-content: center; }

[class*="button--"] a:hover { background-color: #3E7B60; color:var(--whitecolor) }
[class*="button--"] a:hover > span svg path { fill: var(--primarycolor); }

.button--2 a { background-color: transparent; border-color: #A5B2BA; }
.button--2 a > span svg path { fill: var(--secondarycolor); }

.button--2 a:hover { background-color: var(--secondarycolor); border-color: var(--secondarycolor); color: var(--whitecolor); }
.button--2 a:hover > span svg path { fill: var(--whitecolor); }

.button--3 a { background-color: var(--secondarycolor); border-color: var(--secondarycolor); }
.button--3 a > span svg path { fill: var(--bodycolor); }

.button--3 a:hover { background-color: var(--bodycolor); border-color: var(--bodycolor); color: var(--whitecolor); }
.button--3 a:hover > span svg path { fill: var(--whitecolor); }

.title { margin: 0 0 80px 0; }
.title h2.workplandigitalh1 { padding: 0 0 20px 0; margin: 0 0 0 0; }
.title h2.workplandigitalh1 span { color: #3682AE; }
.title .title-bottom span.horizintal-line { width: 75px; height: 3px; background-color: #D9D9D9; }

ul li { padding: 0 0 0 25px; position: relative; font-family: var(--secondaryfontfamily); }
ul li + li { margin: 10px 0 0 0; }
ul li:before { content: ''; background-color: #10B981; width: 10px; height: 10px; position: absolute; left: 0; top: 11px; border-radius: 50%; }


.workplandigital-gradient-title h1.workplandigitalh1,
.workplandigital-gradient-title h2.workplandigitalh2 { background: linear-gradient(90.68deg, #000000 2.1%, #10B981 97.92%); background-clip: text; -webkit-text-fill-color: transparent; }

.content { font-family: var(--secondaryfontfamily); color: #555555; }
@media (max-width: 1199.98px) {
    .content { font-weight: 500; }
}



.inner-banner-title .inner-banner-title-inner h1 { margin: 0; }




section.banner { background: #ffffff url(../image/banner-bg-pattern.png) no-repeat center center / cover; height: 100vh; position:relative; }
section.banner .container,
section.banner .banner-inner { height: inherit; }
section.banner .banner-details { display: flex; align-items: center; height:inherit; }
section.banner .banner-details .banner-left { width: 700px; }
section.banner .banner-details .banner-left .banner-top-title {display: inline-block;}
section.banner .banner-details .banner-left .banner-top-title span.title-main-arrow svg { width: 6px; display: block; }
section.banner .banner-details .banner-left .banner-top-title .banner-top-title-main { display: flex; align-items: center; gap: 10px; background-color: rgb(197 230 223 / 50%); font-size: 18px; font-weight: 600; line-height: normal; letter-spacing: 1.6px; font-family: var(--secondaryfontfamily); padding: 5px 15px 7px 15px; border-radius: 6px; margin: 0 0 20px 0; }
section.banner .banner-details .banner-right { width: calc(100% - 700px); }
section.banner .banner-details .banner-right .banner-right-form form  .steps-button .steps-submit-button svg { width: 10px; display: block; }
section.banner .banner-details  .banner-ratings-stars .rating-each img { display: block; width: 16px; }
section.banner .banner-details .banner-right .banner-right-form { position: relative; z-index: 1; width: 450px; backdrop-filter: blur(20px); box-shadow: 0px 9px 24px 0px #0000001A; border: 1px solid; border-image-source: linear-gradient(138.69deg, rgba(62, 123, 96, 0.3) 0%, rgba(16, 185, 129, 0.25) 40.5%, rgba(119, 211, 183, 0.2) 74.5%, rgba(197, 230, 223, 0.2) 100%); border-radius: 10px; overflow: hidden; }
section.banner .banner-details .banner-bg-image { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 600px; z-index: 0; height: 100%; display: flex; align-items: center; }
section.banner .banner-details .banner-bg-image img { height: 700px; backdrop-filter: blur(20px); box-shadow: 0px 9px 24px 0px #0000001A; object-fit: cover; width: 100%; object-position: 10%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
section.banner .banner-details .banner-left .banner-title { margin: 0 0 30px 0; }
section.banner .banner-details .banner-left .banner-bottom-title { font-size: 22px; font-weight: 400; line-height: normal; font-family: var(--secondaryfontfamily); color: #555555; margin: 0 0 50px 0; }
section.banner .banner-details .banner-ratings .banner-ratings-inner .banner-ratings-stars { display: flex; align-items: start; gap: 5px; }
section.banner .banner-details .banner-ratings .banner-ratings-image { position: absolute; left: -40px; top: 50%; transform: translateY(-50%); }
section.banner .banner-details .banner-ratings .banner-ratings-image img { display:block; }
section.banner .banner-details .banner-ratings .rating-text { transform: translateY(3px); font-size:14px; }
section.banner .banner-details .banner-ratings .rating-text span { font-weight: 600; font-size: 18px; padding: 0 5px; }
section.banner .banner-details .banner-right .banner-ratings-mobile { display: none; }
section.banner .banner-details .banner-ratings .banner-ratings-inner .banner-ratings-stars .banner-ratings-left .banner-ratings-main { font-size: clamp(1.75rem, 1.175rem + 2.875vw, 4.625rem); font-weight: 700; line-height: 1; }
section.banner .banner-details .banner-ratings .banner-ratings-inner .banner-ratings-stars .banner-ratings-right { padding: 0 0 0 30px; display: flex; flex-direction: column; gap: 10px; font-size: 18px; line-height: normal; }
section.banner .banner-details .banner-ratings .banner-ratings-inner .banner-ratings-stars .banner-ratings-left .banner-ratings-main h2 { margin: 0; }

section.banner .banner-details .banner-ratings .banner-ratings-inner .banner-ratings-stars .stars { display: flex; margin-right: 8px; }
section.banner .banner-details .banner-ratings .banner-ratings-inner .banner-ratings-stars .star { width: 34px; height: 34px; }
section.banner .banner-details .banner-ratings .banner-ratings-inner .banner-ratings-stars .star-bg { fill: #C5E6DF; }
section.banner .banner-details .banner-ratings .banner-ratings-inner .banner-ratings-stars .star-fill { fill: #3E7B60; }

section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper { backdrop-filter: blur(20px); box-shadow: 0px 9px 24px 0px #0000001A; background: linear-gradient(139.07deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.5) 99.38%); border-radius: 10px; padding: 30px; transition:400ms; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls { margin: 0; padding: 0; color: #2D2D2D; font-family: var(--secondaryfontfamily); transition: 400ms; }

section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-actual-form-field {position:relative;}
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field > p { margin: 0; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field input[type="text"],
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field input[type="email"],
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field input[type="number"]{}

section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-actual-form-field label { position: absolute; top: 8px; left: 20px; color: #2D2D2D; transition: 400ms; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-actual-form-field >p > br { display: none; }

section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-actual-form-field + .contact-form-field.contact-actual-form-field { margin: 26px 0 0 0; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls > .cf7mls-btns.cf7mls-btns-last-step { width: 100%; display: block; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls > .cf7mls-btns.cf7mls-btns-last-step .cf7mls_back.action-button { width: 100%; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field input.contact-form-submit-button-field { float: none; width: 100%; margin: 16px 0 0 0; display: block; min-width: 100%; text-align: center; font-size: 16px; background-color: #10B981; color: var(--whitecolor); padding: 17px 37px 16px 37px; border-radius: 8px; font-weight: 600; line-height: normal; font-family: var(--bodyfontfamily); transition: 400ms; border: none; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-actual-form-field.filled label { top: -10px; z-index: 1; backdrop-filter: blur(50px); background-color: transparent; padding: 0 10px; font-size: 14px; line-height: 22px; }

section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-form-submit-button-main { position: relative; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-form-submit-button-main .wpcf7-spinner { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); margin: 0; }


section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-actual-form-field input[type="text"],
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-actual-form-field input[type="email"],
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-actual-form-field input[type="number"] { padding: 12px 20px 8px 20px; }

section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-actual-form-field input[type="text"].wpcf7-not-valid,
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-actual-form-field input[type="email"].wpcf7-not-valid,
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-actual-form-field input[type="number"].wpcf7-not-valid{border-color:#dc3232;}

section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field.contact-actual-form-field span.wpcf7-not-valid-tip { display: none; }
section.banner .banner-details .banner-right .banner-right-form form .wpcf7-response-output.wpcf7-validation-errors svg { fill: #ffffff; float: none; margin: 0 auto 10px auto; }

section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-main-label { font-weight: 600; font-size: 24px; line-height: 34px; position: relative; padding: 0 0 0 33px; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-main-label:before { content: ''; background: url(../image/form-icon.png) no-repeat center center / cover; position: absolute; left: 0; top: 10px; width: 16px; height: 16px; }


section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-radio { display: flex; flex-direction: column; align-items: self-start; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-radio span.wpcf7-list-item { width: 100%; margin: 0; backdrop-filter: blur(50px); padding: 8px 20px 12px 20px; border-radius: 8px; border: 2px solid rgb(0 0 0 / 15%); overflow: hidden; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-radio span.wpcf7-list-item label { display: flex; align-items: center; justify-content: start; position: relative; cursor:pointer; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-radio span.wpcf7-list-item label span.wpcf7-list-item-label { position: relative; padding-left: 34px; cursor: pointer; display: inline-block; font-size: 18px; line-height: 26px; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-radio span.wpcf7-list-item label span.wpcf7-list-item-label:before { content: ''; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; border: none; border-radius: 100%; background-color: rgb(0 0 0 / 15%); transition: 400ms; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-radio span.wpcf7-list-item label input[type="radio"] { position: absolute; left: -9999px; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-radio span.wpcf7-list-item label span.wpcf7-list-item-label::after { background-color: #10B981; width: 8px; height: 8px; position: absolute; border-radius: 50%; left: 5px; top: 10px; transition: 400ms; transform: scale(0); }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-radio span.wpcf7-list-item label input[type="radio"]:checked + span.wpcf7-list-item-label:after { transform: scale(1); }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-radio span.wpcf7-list-item label input[type="radio"]:checked + span.wpcf7-list-item-label:before { background-color: transparent; border: 2px solid #10B981; opacity: 1; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-radio span.wpcf7-list-item + span.wpcf7-list-item { margin: 10px 0 0 0; }


section.banner .banner-details .banner-right .banner-right-form form.sent .wpcf7-response-output { background-color: #10B981; color: #fff; margin: 0; border-radius: 0; padding: 20px 30px; text-align: center; border: none; position: absolute; height: 100%; z-index: 2; top: 0; width: 100%; display: flex; align-items: center; font-size: 44px; line-height: 74px; font-family: var(--secondaryfontfamily); font-weight: 600; }
section.banner .banner-details .banner-right .banner-right-form form.sent .fieldset-cf7mls-wrapper { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }


section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls > .cf7mls-btns button.action-button:only-child { width: 100%; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls > .cf7mls-btns { display: flex; align-items: center; gap: 15px; min-height: auto; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls > .cf7mls-btns .action-button { margin: 0; font-size: 16px; background-color: #10B981; color: var(--whitecolor); padding: 17px 37px 16px 37px; border-radius: 8px; font-weight: 600; line-height: normal; font-family: var(--bodyfontfamily); transition: 400ms; float: none; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls > .cf7mls-btns .cf7mls_back.action-button { width: 130px; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls > .cf7mls-btns .cf7mls_next.action-button { width: calc(100% - 145px); }


section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-checkbox-wrapper { display: flex; flex-direction: column; align-items: self-start; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-checkbox-wrapper span.wpcf7-list-item { width: 100%; margin: 0; backdrop-filter: blur(50px); padding: 11px 20px 11px 20px; border-radius: 8px; border: 2px solid rgb(0 0 0 / 15%); overflow: hidden; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-checkbox-wrapper span.wpcf7-list-item label { display: flex; align-items: center; justify-content: start; position: relative; cursor: pointer; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-checkbox-wrapper span.wpcf7-list-item label span.wpcf7-list-item-label { position: relative; padding-left: 34px; cursor: pointer; display: inline-block; font-size: 18px; line-height: 26px; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-checkbox-wrapper span.wpcf7-list-item label span.wpcf7-list-item-label:before { content: ''; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; border: none; border-radius: 100%; background-color: rgb(0 0 0 / 15%); transition: 400ms; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-checkbox-wrapper span.wpcf7-list-item label input[type="checkbox"] { position: absolute; left: -9999px; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-checkbox-wrapper span.wpcf7-list-item label span.wpcf7-list-item-label::after { background-color: #10B981; width: 8px; height: 8px; position: absolute; border-radius: 50%; left: 5px; top: 10px; transition: 400ms; transform: scale(0); }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-checkbox-wrapper span.wpcf7-list-item label input[type="checkbox"]:checked + span.wpcf7-list-item-label:after { transform: scale(1); }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-checkbox-wrapper span.wpcf7-list-item label input[type="checkbox"]:checked + span.wpcf7-list-item-label:before { background-color: transparent; border: 2px solid #10B981; opacity: 1; }
section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper fieldset.fieldset-cf7mls .contact-form-field .contact-form-checkbox-wrapper span.wpcf7-list-item + span.wpcf7-list-item { margin: 10px 0 0 0; }

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    section.banner { height: auto; padding: 40px 0; }
    section.banner .banner-details .banner-bg-image { position: static; transform: none; width: 100%; margin: 30px 0 0 0; }
    section.banner .banner-details { flex-direction: column; gap: 15px; }
    section.banner .banner-details .banner-bg-image img { height: auto; border-radius: 10px; }
    section.banner .banner-details .banner-left { width: 100%; }
    section.banner .banner-details .banner-right { width: 100%; }
    section.banner .banner-details .banner-left .banner-bottom-title{margin: 0;}
    section.banner .banner-details .banner-right .banner-right-form { width: 100%; }

    section.banner .banner-ratings-mobile { display: block; }
    section.banner .banner-details .banner-left .banner-title { margin: 0 0 5px 0; }
    section.banner .banner-details .banner-left .banner-title h1 { margin: 0; }
    section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper { border-radius: 10px 10px 0 0; }
    section.banner .banner-details .banner-right .banner-ratings-mobile { display: block; padding: 0 10px 20px 10px; }
    section.banner .banner-details .banner-ratings-mobile .banner-ratings { width: calc(100% - 40px); margin: 0 0 0 40px; }
    section.banner .banner-details .banner-ratings .banner-ratings-inner .banner-ratings-stars { flex-direction: column; }
    section.banner .banner-details .banner-ratings .banner-ratings-inner .banner-ratings-stars .banner-ratings-right { padding: 0; width: 100%; }
    section.banner .banner-details .banner-ratings .banner-ratings-inner .banner-ratings-stars .banner-ratings-left { width: 100%; }

    section.banner .banner-details .banner-ratings.banner-ratings-desktop { display: none; }

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    section.banner .banner-details .banner-ratings { padding: 0; margin: 0; }
    section.banner .banner-details .banner-ratings .rating-text span { padding: 0; }
    section.banner .banner-details .banner-ratings .banner-ratings-inner { flex-direction: column; align-items: self-start; gap: 10px; padding: 0; }

    section.banner .banner-details .banner-right .banner-right-form .fieldset-cf7mls-wrapper { padding: 10px; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .banner-ratings-mobile {
        padding: 10px;
    }
}


.inner-banner-title { padding: 80px 0; position: relative; background-color: #C5E6DF; }
.inner-banner-title .inner-banner-title-inner .title { margin:0 0 20px 0; }
.inner-banner-title .inner-banner-title-inner .content { font-weight:500; }


@media screen and (min-width: 768px) {
    /* Flexbox for simple layout control */
    .flex { display: flex; }
    .align-center { align-items: center; }
    .align-top { align-items: flex-start; }
    .align-bottom { align-items: flex-end; }
    .space-between { justify-content: space-between; }
    .justify-center { justify-content: center; }
    .justify-end { justify-content: flex-end; }
    .row-wrap { flex-flow: row wrap; }
    .flex-reverse { flex-flow: row-reverse; }
}