.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Gilroy";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Gilroy";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Gilroy";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//*.elementor-widget-theme-post-content p {
    padding-bottom:0px;
}*/

.elementor-widget-image img {
    width: initial;
    height: initial;
}

.elementor-widget-theme-post-content p {
  font-size:1rem;
}

.main-header.elementor-sticky--active {
  background-color: #fff !important;
  border-bottom: 1px solid #EBE8E5;
}

.elementor-posts--skin-classic .elementor-post {
  overflow: visible!important;
}

.sf-input-checkbox {
  vertical-align: middle
}

.single .elementor-widget-dce-breadcrumbs ul {
  padding:0;
}

.elementor-widget-theme-post-content h3 {
  padding-top:10px;
}

.elementor-widget-theme-post-content h2 {
  padding-top:20px;
}

.elementor-widget-theme-post-content p { margin-bottom: 10px; }
.elementor-widget-theme-post-content p > :last-child { margin-bottom: 0 !important; }

iframe {
  padding:20px 0;
}

a:focus {
  font-weight:bold!important;
}


*:focus-visible {
outline: solid 3px #FFA8C6;
border-radius: 6px;
}

.text-answer:focus-visible {
outline: solid 3px #EB24BD !important;
}

@media only screen and (max-width: 767px) {
.dce-modal {
    padding:0 240px 0px 240px!important;
}
.modal-dialog {height:400px}
}

.skip-to-content-link {
background: black;
color: white !important;
height: 30px;
left: 50%;
padding: 8px;
position: absolute;
transform: translateY(-100%);
transition: transform 0.3s;
}

.skip-to-content-link:focus {
transform: translateY(0%);
}

.elementor-element-696cde5 .elementor-field-option input{
position: absolute;
top: 0px;
left: 0;
}

.elementor-element-3251dba .elementor-field-label {
padding-left:20px;
} 

.elementor-button:focus {
color: #ffffff!important;
background-color: #111833!important;
}




.elementor-button:hover {
color:white!important;background:#182b5a!important;
}

a.elementor-toggle-title:focus { text-decoration:underline;
}

.elementor-location-header .elementor-sticky {
  z-index: 999 !important;
}




.data8Error {
border: solid 1px #bf0a0a !important;
}

.searchandfilter ul {
padding-left: 10px;
padding-right: 10px;
}

.searchandfilter ul li li {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}

.cta_subcontent {
display: flex; 
align-items: center;
}

@media only screen and (max-width: 767px) {
.cta_subcontent {
justify-content: center;
}
}

.elementor-element-4478ab6f .elementor-shape-bottom {
display:none;
}

.quiz {
background: #ffffff;
padding: 0 45px 45px 45px;
border-radius: 20px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.29);
width: 580px;
margin: 0 auto; }

@media only screen and (max-width: 767px) {
.quiz {
padding: 15px;
box-shadow: none;
width: 100%; } }
.quiz-title {
font-size: 30px;
line-height: 40px;
font-weight: 500; }

@media (max-width: 767.98px) {
.quiz-title {
font-size: 20px;
line-height: 26px; } }
.quiz-subtitle {
font-size: 20px;
line-height: 26px;
font-weight: 300;
margin-bottom: 30px; }

@media (max-width: 767.98px) {
.quiz-subtitle {
font-size: 16px;
line-height: 21px; } }
.quiz-item {
display: none;
flex-direction: column; }
.quiz-item.active {
display: flex; }

.quiz-question {
font-weight: 700;
font-size: 20px;
color: #182b5a;
margin-bottom: 30px; }

@media (max-width: 767.98px) {
.quiz-question {
/*font-size: 18px;
line-height: 23px;*/
font-size: 21px;
line-height: 25px;
text-align: center; } }
.quiz-answers {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
margin-bottom: 10px; }

.quiz-answers__item, .comm-item {
background-color: #E3E3E3;
color: #333333;
font-size: 16px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
position: relative;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 13px 15px 16px 64px;
margin-bottom: 17px; }
.quiz-answers__item:hover, .quiz-answers__item:focus, .comm-item:hover, .comm-item:focus {
background-color: #3B7AF9;
color: #fff; }
.quiz-answers__item:hover .quiz-checkbox {
  background: #3B7AF9;
  border: solid 3px white; }
  .quiz-answers__item:hover .quiz-checkbox::before {
      display: none;
  }
 
.quiz-answers__item.selected {
background: #182B5A;
color: #fff; }

.quiz-answers__item.selected .quiz-checkbox {
    background: #182B5A;
    border-color: white;
}

.quiz-answers__item.selected .quiz-checkbox::before {
        font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

@media (max-width: 767.98px) {
.quiz-answers__item {
width: 100%;
font-size: 16px;
line-height: 21px;
margin: 0 0 20px 0; } }
.quiz-controls {
margin-top: 10px;
display: none; }
.quiz-controls.active {
display: flex; }

.quiz-controls__next {
border: 0;
background: #d313b8;
padding: 0.5rem 5rem 0.5rem 1rem;
color: white;
border-radius: 4px;
cursor: pointer;
position: relative;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25); }
.quiz-controls__next::after {
content: "→";
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%); }

.quiz-controls__previous {
display: none;
border: 0;
padding: 12px 28px;
background: #898989;
color: white;
border-radius: 23px;
cursor: pointer;
position: relative;
font-size: 16px;
font-weight: 500;

}
.quiz-controls__previous i {
padding-right: 1rem; }

.quiz-controls__previous img {
    height: 16px;
    padding-left:10px;
}

.quiz-controls__previous:hover {
    background: #182b5a;
}

.quiz-end {
display: flex;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); }

.quiz-end__side {
color: white;
width: 40%;
overflow: hidden;
border-bottom-left-radius: 10px; }

.quiz-end__side-top {
background: #182b5a;
padding: 2rem;
border-top-left-radius: 10px; }
@media (max-width: 540px) {
.quiz-end__side-top {
  border-top-left-radius: 0; } }

.quiz-end__side-bottom {
background: #3b7af9;
padding: 2rem;
border-bottom-left-radius: 10px;
height: 100%; }

.quiz-end__main {
background: white;
padding: 2rem;
width: 60%;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px; }

.quiz-end__list {
list-style: none;
margin: 0;
padding: 0; }

.quiz-end__list-item {
font-size: 18px;
line-height: 40px;
font-weight: bold; }
.quiz-end__list-item i {
margin-right: 10px;
color: #6ab061; }
.quiz-end__list-item span {
color: #6ab061; }

.quiz-end__icon {
margin-bottom: 30px;
margin-top: 30px;
text-align: center; }
.quiz-end__icon i {
font-size: 44px; }

.quiz-end__helped {
font-size: 24px;
line-height: 30px;
text-align: center; }
.quiz-end__helped span {
font-size: 30px;
font-weight: bold; }

.quiz-end__step {
display: flex;
margin-bottom: 2rem; }

.quiz-end__step-num {
font-size: 3rem;
padding-right: 1.5rem; }

.quiz-end__step-text {
font-size: 1.5rem; }

.quiz-end__writeoff {
font-size: 3rem;
font-weight: bold;
margin: 1.5rem 0; }

.quiz-icon-text {
display: flex;
margin-bottom: 1.5rem;
line-height: 1.4rem; }

.quiz-icon-text__icon {
min-width: 40px;
padding-right: 1rem; }

.quiz-icon-text i {
font-size: 1.75rem; }

.quiz-form {
text-align: left;
margin-top: 20px; }

.quiz-form__row {
display: flex; }

.quiz-form__half {
width: 50%;
padding-top: 15px; }
.quiz-form__half:first-child {
padding-right: 0.5rem; }
.quiz-form__half:last-child {
padding-left: 0.5rem; }

.quiz-form__advisors {
font-size: 14px;
line-height: 1rem; }
.quiz-form__advisors span {
font-weight: bold;
text-decoration: underline; }

.quiz-form__check {
display: flex;
align-items: center; }
.quiz-form__check input[type="checkbox"] {
width: 50px;
height: 40px;
margin: 0 1rem 0 0;
position: absolute;
z-index: 1; }
.quiz-form__check p {
font-size: 16px; }

.quiz-form__btn {
margin-top: 1.5rem;
text-align: center; }

.quiz-form label {
font-weight: bold;
display: inline-block;
margin-bottom: 0.5rem;
font-size: 18px;
color: #172d5a; }
.quiz-form input {
width: 100%;
padding: 15px 10px;
border: 2px transparent;
outline: 0;
background: #09132110;
margin-bottom: 35px;
border-bottom: solid 3px white; }
.quiz-form input:focus, .quiz-form input:active {
border-bottom: solid 3px #26326d; }
.quiz-form input.data8Error {
border: 2px solid red;
position: relative;
display: inline-block; }
.quiz-form input.data8Error.d8val_inttelephone::after {
  content: "Please enter a valid UK phone number";
  position: absolute;
  bottom: -20px;
  background: red;
  width: 100%; }
.quiz-form input::-webkit-input-placeholder {
font-size: 16px; }

.checkbox input[type="checkbox"] {
opacity: 0; }
.checkbox label {
position: relative;
display: inline-block;
padding-left: 22px; }
.checkbox label::before, .checkbox label::after {
position: absolute; }
.checkbox label::before {
height: 16px;
width: 16px;
border: 1px solid;
left: 0px;
top: 3px;
position: absolute;
content: "";
display: inline-block; }
.checkbox label::after {
position: absolute;
content: "";
display: inline-block;
height: 5px;
width: 9px;
border-left: 2px solid;
border-bottom: 2px solid;
transform: rotate(-45deg);
left: 4px;
top: 7px; }
.checkbox input[type="checkbox"] + label::after {
content: none; }
.checkbox input[type="checkbox"]:checked + label::after {
content: ""; }
.checkbox input[type="checkbox"]:focus + label::before {
outline: #3b99fc auto 5px; }

.quiz-description {
font-size: 18px;
font-weight: 200;
line-height: 22px;
margin-bottom: 40px; }

@media (max-width: 767.98px) {
.quiz-description {
font-size: 16px;
line-height: 20px; } }

.quiz-progress {
display: flex;
padding-top: 30px;
margin-bottom: 30px;
justify-content: center;
position: relative; }
.quiz-progress__item {
background: none;
width: 34px;
height: 34px;
border-radius: 50%;
margin-right: 2.5rem;
opacity: 1;
position: relative;
border: solid 2px #182B5A;
transition: all 0.5s ease;
}

@media (max-width: 500px) {
.quiz-progress__item {
    margin-right:0.2rem;
}

.quiz-progress__item::after {
    width: 0.2rem !important;
    left: -0.2rem !important;
}

.quiz-answers {
    padding: 0 20px 0 20px !important;
}

.quiz-progress {
    padding-top: 20px !important;
}
}
.quiz-progress__item::before {
font-family: "Font Awesome 5 Pro";
font-weight: 900;
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #182B5A;
}
.quiz-progress__item.active {
opacity: 1;
background: none;
}
.quiz-progress__item.active::before {
color: #182B5A;
}
.quiz-progress__item.complete {
opacity: 1;
background: #182B5A;
}
.quiz-progress__item.complete::before {
color: white;
}
.quiz-progress__item::after {
content: "";
position: absolute;
top: 50%;
left: -2.6rem;
transform: translateY(-50%);
background: #182B5A;
height: 2px;
width: 2.5rem;
}
.quiz-progress__item:first-child::after {
display: none;
}

.quiz-progress__item:last-child {
margin:0;
}


@media (max-width: 767.98px) {
.quiz-answers {
flex-direction: column; }

.quiz-answers__item {
width: 100%; }

.quiz-controls__next {
width: 100%;
margin: 0 0.5rem; }

.quiz-end {
flex-direction: column; }

.quiz-end__side,
.quiz-end__main {
width: 100%; }

.quiz-side__top {
padding: 1rem; }

.quiz-end__side-bottom,
.quiz-end__step {
display: none; }

.quiz-end__side-top {
padding: 1rem; }

.quiz-end__writeoff {
font-size: 2rem !important; }

.quiz-form__row {
display: block; }

.quiz-form__half {
width: 100%; }

.quiz-form {
padding: 0; }
.quiz-form input {
  margin-bottom: 0.5rem; }

.quiz-controls {
margin: 0; } }
.quiz-checkbox {
position: absolute;
top: 50%;
left: 13px;
transform: translateY(-50%);
height: 30px;
width: 30px;
background: white;
border: solid 3px #c3c3c3;
border-radius: 50%; }

.quiz-bg {
background: url("../images/SDA-Hero-Image.svg") no-repeat;
background-size: cover;
padding-top: 100px; }

.app_question_support p {
font-size: 16px;
line-height: 20px;
color: #182b5a; }

.app_question_support_heading {
font-weight: bold;
font-size: 18px !important;
margin-bottom: 10px;
}

@media only screen and (max-width: 1370px) {
.plan_review {
    padding:0 90px
}
}

@media only screen and (max-width: 1080px) {
.plan_review {
    padding:0
}
}

.plan_review .plan_card {
padding-bottom: 25px;
margin-top: 70px;
padding-top: 10px;
background-color: #fff;
opacity: .5
}

@media only screen and (max-width: 991px) {
.plan_review .plan_card {
    padding-bottom:77px
}
}

@media only screen and (max-width: 860px) {
.plan_review .plan_card {
    padding-bottom:30px
}
}

@media only screen and (max-width: 767px) {
.plan_review .plan_card {
    margin-top:55px;
    padding-bottom: 55px
}
}

.plan_review .plan_card .plan_card_wrap {
max-width: 618px;
-webkit-box-shadow: 0 10px 8px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 10px 8px 0 rgba(0,0,0,.2);
-ms-box-shadow: 0 10px 8px 0 rgba(0,0,0,.2);
box-shadow: 0 10px 8px 0 rgba(0,0,0,.2);
padding: 0 20px;
margin: 0 auto;
text-align: center;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
-ms-border-radius: 35px;
-o-border-radius: 35px;
border-radius: 35px;
background-color: #fffafe
}

@media only screen and (max-width: 1199px) {
.plan_review .plan_card .plan_card_wrap {
    padding:0 10px
}
}

@media only screen and (max-width: 991px) {
.plan_review .plan_card .plan_card_wrap {
    max-width:350px
}
}

@media only screen and (max-width: 767px) {
.plan_review .plan_card .plan_card_wrap {
    padding:0 20px
}
}

@media only screen and (max-width: 435px) {
.plan_review .plan_card .plan_card_wrap {
    max-width:320px;
    padding: 0 10px
}
}

@media only screen and (max-width: 360px) {
.plan_review .plan_card .plan_card_wrap {
    max-width:285px
}
}

.plan_review .plan_card .plan_card_wrap .plan_user_images {
max-height: 70px
}

.plan_review .plan_card .plan_card_wrap .plan_user_images img {
-moz-transform: translateY(-50px);
-o-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
max-height: 140px;
margin-left: auto;
margin-right: auto
}

.plan_review .plan_card .plan_card_wrap .plan_user_name {
padding-top: 15px
}

.plan_review .plan_card .plan_card_wrap .plan_user_name h5 {
font-size: 20px;
line-height: 1.2
}

.plan_review .plan_card .plan_card_wrap .plan_user_name p {
font-size: 13px;
color: #d313b8;
font-weight: 600;
padding: 0 0 20px 0
}

.plan_review .plan_card .plan_card_wrap .plan_footer {
padding-bottom: 30px
}

.plan_review .plan_card .plan_card_wrap .plan_footer p {
color: #15C406;
font-size: 28px;
font-weight: 600;
line-height: 1.3
}

@media only screen and (max-width: 1370px) {
.plan_review .plan_card .plan_card_wrap .plan_footer p {
    font-size:24px
}
}

@media only screen and (max-width: 1080px) {
.plan_review .plan_card .plan_card_wrap .plan_footer p {
    font-size:20px
}
}

.plan_review .plan_card .plan_card_wrap .plan_body {
padding-bottom: 25px;
padding-top: 25px
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart {
-webkit-box-flex: 0 0 50%;
-moz-box-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
position: relative
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .heading {
text-transform: uppercase;
font-size: 13px;
line-height: 1.3
}

@media only screen and (max-width: 1370px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .heading {
    font-size:11px
}
}

@media only screen and (max-width: 991px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .heading {
    font-size:10px
}
}

@media only screen and (max-width: 480px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .heading {
    font-size:10px
}
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .price {
font-size: 28px;
line-height: 1.2
}

@media only screen and (max-width: 1370px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .price {
    font-size:20px
}
}

@media only screen and (max-width: 991px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .price {
    font-size:18px
}
}

@media only screen and (max-width: 480px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .price {
    font-size:12px
}
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .Month {
font-size: 12px;
line-height: 1.2;
padding-top: 3px
}

@media only screen and (max-width: 1370px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .Month {
    font-size:11px
}
}

@media only screen and (max-width: 1080px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .Month {
    font-size:10px
}
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .repayments {
font-weight: 600;
font-size: 10px;
line-height: 1.2
}

@media only screen and (max-width: 1199px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .repayments {
    white-space:initial;
    word-break: break-word;
    text-align: center;
    margin: 0 auto
}
}

@media only screen and (max-width: 360px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .repayments {
    -ms-word-break:break-all;
    word-break: break-all;
    white-space: pre-wrap;
    padding: 0 8px;
    margin: 0 auto
}
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .plan_wrap {
width: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .plan_chart .clearfix {
margin: 0 auto;
display: table
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .c100 .slice {
top: 0
}

.plan_review .plan_card .plan_card_wrap .plan_body .c100.big {
font-size: 165px;
margin: 0 auto
}

.plan_review .plan_card .plan_card_wrap .plan_body .c100.big span {
top: 50%;
transform: translateY(-50%);
position: relative
}

.plan_review .plan_card .plan_card_wrap .plan_dec p {
font-size: 12px;
letter-spacing: 0;
line-height: 1.3;
line-height: normal
}

@media only screen and (max-width: 1370px) {
.plan_review .plan_card .plan_card_wrap .plan_dec p {
    font-size:14px
}
}

@media only screen and (max-width: 1080px) {
.plan_review .plan_card .plan_card_wrap .plan_dec p {
    padding:0;
    font-size: 12px;
    height: inherit!important
}
}

@media only screen and (max-width: 767px) {
.plan_review .plan_card .plan_card_wrap .plan_dec p {
    font-size:15px;
    line-height: 1.4
}
}

.plan_review .plan_chart_svg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center
}

.plan_review .plan_chart_svg svg {
max-width: 100%;
width: 100%
}

.plan_review .plan_chart_svg svg circle {
stroke-dasharray: 242;
fill: transparent;
stroke: #2f3d4c;
stroke-width: 5px
}

.plan_review .plan_chart_svg_bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center
}

.plan_review .plan_chart_svg_bg svg {
max-width: 100%;
width: 100%
}

.plan_review .plan_chart_svg_bg svg circle {
stroke-dasharray: 290;
fill: transparent;
stroke: #2f3d4c;
stroke-width: 5px
}

.plan_review .before_plan .plan_chart_svg svg circle {
stroke: red
}

.plan_review .after_plan .plan_chart_svg svg circle {
stroke: #15C406
}

.c100:after {
top: .04em;
left: .04em;
width: .92em;
height: .92em
}

@media only screen and (max-width: 435px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .plan_wrap {
    height:127px
}
}

@media only screen and (max-width: 1199px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .plan_wrap {
    height:147px
}
}

@media only screen and (max-width: 1024px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .plan_wrap {
    height:120px
}
}

.plan_card_slider,.plan_card_slider_advertorial {
position: relative;
padding: 50px 0 17px
}

@media only screen and (max-width: 991px) {
.plan_card_slider,.plan_card_slider_advertorial {
    padding:0
}
}

.plan_card_slider .slick-dots,.plan_card_slider_advertorial .slick-dots {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
list-style: none;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}

@media only screen and (max-width: 767px) {
.plan_card_slider .slick-dots,.plan_card_slider_advertorial .slick-dots {
    margin-top:25px
}
}

.plan_card_slider .slick-dots li,.plan_card_slider_advertorial .slick-dots li {
list-style: none;
padding: 0 5px
}

.plan_card_slider .slick-dots li button,.plan_card_slider_advertorial .slick-dots li button {
-webkit-appearance: none;
appearance: none;
outline: none;
background-color: transparent;
box-shadow: none;
padding: 0;
border: none;
width: 20px;
height: 20px;
border: 2px solid #d313b8;
font-size: 0;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background-color: #d313b8;
cursor: pointer
}

@media only screen and (max-width: 1370px) {
.plan_card_slider .slick-dots li button,.plan_card_slider_advertorial .slick-dots li button {
    width:15px;
    height: 15px
}
}

.plan_card_slider .slick-dots li.slick-active button,.plan_card_slider_advertorial .slick-dots li.slick-active button {
background-color: transparent
}

.plan_review .container {
padding-bottom: 50px
}

@media only screen and (max-width: 767px) {
.plan_review .container {
    padding-bottom:70px
}
}

.plan_review .slick-list.draggable {
padding: 0!important
}

.plan_review .slick-track {
padding-top: 40px;
padding-bottom: 100px
}

@media only screen and (max-width: 991px) {
.plan_review .slick-track {
    padding-top:0
}
}

.plan_review .slick-center {
transform: scale(1.2);
opacity: 1 !important;
position: relative;
z-index: 2;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}

@media only screen and (max-width: 991px) {
.plan_review .slick-center {
    transform:scale(1)
}
}

.plan_review .slick-arrow {
-webkit-appearance: none;
outline: none;
background-color: transparent;
border: none;
box-shadow: none;
position: absolute;
transform: translateY(-50px);
top: 50%;
z-index: 99;
cursor: pointer
}

@media only screen and (max-width: 767px) {
.plan_review .slick-arrow {
    transform:translateY(11px);
    top: auto;
    bottom: 0
}
}

.plan_review .slick-arrow img {
width: 29px
}

@media only screen and (max-width: 1370px) {
.plan_review .slick-arrow img {
    width:22px
}
}

@media only screen and (max-width: 767px) {
.plan_review .slick-arrow img {
    width:20px
}
}

.plan_review .slick-arrow.slick-prev {
left: -10%
}

@media only screen and (max-width: 1600px) {
.plan_review .slick-arrow.slick-prev {
    left:-3%
}
}

@media only screen and (max-width: 1370px) {
.plan_review .slick-arrow.slick-prev {
    left:-35px
}
}

@media only screen and (max-width: 991px) {
.plan_review .slick-arrow.slick-prev {
    left:15px
}
}

.plan_review .slick-arrow.slick-next {
right: -10%
}

@media only screen and (max-width: 1600px) {
.plan_review .slick-arrow.slick-next {
    right:-3%
}
}

@media only screen and (max-width: 1370px) {
.plan_review .slick-arrow.slick-next {
    right:-35px
}
}

@media only screen and (max-width: 991px) {
.plan_review .slick-arrow.slick-next {
    right:15px
}
}

@media only screen and (max-width: 1370px) {
.plan_review {
    padding:0 90px
}
}

@media only screen and (max-width: 1080px) {
.plan_review {
    padding:0
}
}

.plan_review .plan_card {
padding-bottom: 25px;
margin-top: 70px;
padding-top: 10px;
background-color: #fff;
opacity: .5
}

@media only screen and (max-width: 991px) {
.plan_review .plan_card {
    padding-bottom:77px
}
}

@media only screen and (max-width: 860px) {
.plan_review .plan_card {
    padding-bottom:30px
}
}

@media only screen and (max-width: 767px) {
.plan_review .plan_card {
    margin-top:55px;
    padding-bottom: 55px
}
}

.plan_review .plan_card .plan_card_wrap {
max-width: 618px;
-webkit-box-shadow: 0 10px 8px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 10px 8px 0 rgba(0,0,0,.2);
-ms-box-shadow: 0 10px 8px 0 rgba(0,0,0,.2);
box-shadow: 0 10px 8px 0 rgba(0,0,0,.2);
padding: 0 20px;
margin: 0 auto;
text-align: center;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
-ms-border-radius: 35px;
-o-border-radius: 35px;
border-radius: 35px;
background-color: #fffafe
}

@media only screen and (max-width: 1199px) {
.plan_review .plan_card .plan_card_wrap {
    padding:0 10px
}
}

@media only screen and (max-width: 991px) {
.plan_review .plan_card .plan_card_wrap {
    max-width:350px
}
}

@media only screen and (max-width: 767px) {
.plan_review .plan_card .plan_card_wrap {
    padding:0 20px
}
}

@media only screen and (max-width: 435px) {
.plan_review .plan_card .plan_card_wrap {
    max-width:320px;
    padding: 0 10px
}
}

@media only screen and (max-width: 360px) {
.plan_review .plan_card .plan_card_wrap {
    max-width:285px
}
}

.plan_review .plan_card .plan_card_wrap .plan_user_images {
max-height: 70px
}

.plan_review .plan_card .plan_card_wrap .plan_user_images img {
-moz-transform: translateY(-50px);
-o-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
max-height: 140px;
margin-left: auto;
margin-right: auto
}

.plan_review .plan_card .plan_card_wrap .plan_user_name {
padding-top: 15px
}

.plan_review .plan_card .plan_card_wrap .plan_user_name h5 {
font-size: 20px;
line-height: 1.2
}

.plan_review .plan_card .plan_card_wrap .plan_user_name p {
font-size: 13px;
color: #d313b8;
font-weight: 600;
padding: 0 0 20px 0
}

.plan_review .plan_card .plan_card_wrap .plan_footer {
padding-bottom: 30px
}

.plan_review .plan_card .plan_card_wrap .plan_footer p {
color: #15C406;
font-size: 28px;
font-weight: 600;
line-height: 1.3
}

@media only screen and (max-width: 1370px) {
.plan_review .plan_card .plan_card_wrap .plan_footer p {
    font-size:24px
}
}

@media only screen and (max-width: 1080px) {
.plan_review .plan_card .plan_card_wrap .plan_footer p {
    font-size:20px
}
}

.plan_review .plan_card .plan_card_wrap .plan_body {
padding-bottom: 25px;
padding-top: 25px
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart {
-webkit-box-flex: 0 0 50%;
-moz-box-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
position: relative
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .heading {
text-transform: uppercase;
font-size: 13px;
line-height: 1.3;
margin:0;
color:black;
}

@media only screen and (max-width: 1370px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .heading {
    font-size:11px
}
}

@media only screen and (max-width: 991px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .heading {
    font-size:10px
}
}

@media only screen and (max-width: 480px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .heading {
    font-size:10px
}
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .price {
font-size: 28px;
line-height: 1.2;
margin:0;
color:black;
}

@media only screen and (max-width: 1370px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .price {
    font-size:20px
}
}

@media only screen and (max-width: 991px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .price {
    font-size:18px
}
}

@media only screen and (max-width: 480px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .price {
    font-size:12px
}
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .Month {
font-size: 12px;
line-height: 1.2;
padding-top: 3px;
margin: 0;
color:black;
}

@media only screen and (max-width: 1370px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .Month {
    font-size:11px
}
}

@media only screen and (max-width: 1080px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .Month {
    font-size:10px
}
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .repayments {
font-weight: 600;
font-size: 10px;
line-height: 1.2;
color:black;
}

@media only screen and (max-width: 1199px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .repayments {
    white-space:initial;
    word-break: break-word;
    text-align: center;
    margin: 0 auto
}
}

@media only screen and (max-width: 360px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .repayments {
    -ms-word-break:break-all;
    word-break: break-all;
    white-space: pre-wrap;
    padding: 0 8px;
    margin: 0 auto
}
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .plan_wrap {
width: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .plan_chart .clearfix {
margin: 0 auto;
display: table
}

.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .c100 .slice {
top: 0
}

.plan_review .plan_card .plan_card_wrap .plan_body .c100.big {
font-size: 165px;
margin: 0 auto
}

.plan_review .plan_card .plan_card_wrap .plan_body .c100.big span {
top: 50%;
transform: translateY(-50%);
position: relative
}

.plan_review .plan_card .plan_card_wrap .plan_dec p {
font-size: 17px;
letter-spacing: 0;
line-height: 1.3;
line-height: normal
}

@media only screen and (max-width: 1370px) {
.plan_review .plan_card .plan_card_wrap .plan_dec p {
    font-size:14px
}
}

@media only screen and (max-width: 1080px) {
.plan_review .plan_card .plan_card_wrap .plan_dec p {
    padding:0;
    font-size: 12px;
    height: inherit!important
}
}

@media only screen and (max-width: 767px) {
.plan_review .plan_card .plan_card_wrap .plan_dec p {
    font-size:15px;
    line-height: 1.4
}
}

.plan_review .plan_chart_svg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center
}

.plan_review .plan_chart_svg svg {
max-width: 100%;
width: 100%
}

.plan_review .plan_chart_svg svg circle {
stroke-dasharray: 242;
fill: transparent;
stroke: #2f3d4c;
stroke-width: 5px
}

.plan_review .plan_chart_svg_bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center
}

.plan_review .plan_chart_svg_bg svg {
max-width: 100%;
width: 100%
}

.plan_review .plan_chart_svg_bg svg circle {
stroke-dasharray: 290;
fill: transparent;
stroke: #2f3d4c;
stroke-width: 5px
}

.plan_review .before_plan .plan_chart_svg svg circle {
stroke: red
}

.plan_review .after_plan .plan_chart_svg svg circle {
stroke: #15C406
}

.c100:after {
top: .04em;
left: .04em;
width: .92em;
height: .92em
}

@media only screen and (max-width: 435px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .plan_wrap {
    height:127px
}
}

@media only screen and (max-width: 1199px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .plan_wrap {
    height:147px
}
}

@media only screen and (max-width: 1024px) {
.plan_review .plan_card .plan_card_wrap .plan_body .plan_chart .plan_wrap {
    height:120px
}
}

/****************************************************************
*
* CSS Percentage Circle
* Author: Andre Firchow
*
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
position: absolute;
border: 0.08em solid #307bbb;
width: 0.84em;
height: 0.84em;
clip: rect(0em, 0.5em, 1em, 0em);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

.c100 {
position: relative;
font-size: 120px;
width: 1em;
height: 1em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
float: left;
margin: 0 0.1em 0.1em 0;
background-color: #cccccc;
}
.c100 *, .c100 *:before, .c100 *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.c100.center {
float: none;
margin: 0 auto;
}
.c100.big {
font-size: 240px;
}
.c100.small {
font-size: 80px;
}
.c100 > span {
position: absolute;
width: 100%;
z-index: 1;
left: 0;
top: 0;
width: 5em;
line-height: 5em;
font-size: 0.2em;
color: #cccccc;
display: block;
text-align: center;
white-space: nowrap;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.c100:after {
position: absolute;
top: 0.08em;
left: 0.08em;
display: block;
content: " ";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: whitesmoke;
width: 0.84em;
height: 0.84em;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.c100 .slice {
position: absolute;
width: 1em;
height: 1em;
clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
-webkit-transform: rotate(3.6deg);
-moz-transform: rotate(3.6deg);
-ms-transform: rotate(3.6deg);
-o-transform: rotate(3.6deg);
transform: rotate(3.6deg);
}
.c100.p2 .bar {
-webkit-transform: rotate(7.2deg);
-moz-transform: rotate(7.2deg);
-ms-transform: rotate(7.2deg);
-o-transform: rotate(7.2deg);
transform: rotate(7.2deg);
}
.c100.p3 .bar {
-webkit-transform: rotate(10.8deg);
-moz-transform: rotate(10.8deg);
-ms-transform: rotate(10.8deg);
-o-transform: rotate(10.8deg);
transform: rotate(10.8deg);
}
.c100.p4 .bar {
-webkit-transform: rotate(14.4deg);
-moz-transform: rotate(14.4deg);
-ms-transform: rotate(14.4deg);
-o-transform: rotate(14.4deg);
transform: rotate(14.4deg);
}
.c100.p5 .bar {
-webkit-transform: rotate(18deg);
-moz-transform: rotate(18deg);
-ms-transform: rotate(18deg);
-o-transform: rotate(18deg);
transform: rotate(18deg);
}
.c100.p6 .bar {
-webkit-transform: rotate(21.6deg);
-moz-transform: rotate(21.6deg);
-ms-transform: rotate(21.6deg);
-o-transform: rotate(21.6deg);
transform: rotate(21.6deg);
}
.c100.p7 .bar {
-webkit-transform: rotate(25.2deg);
-moz-transform: rotate(25.2deg);
-ms-transform: rotate(25.2deg);
-o-transform: rotate(25.2deg);
transform: rotate(25.2deg);
}
.c100.p8 .bar {
-webkit-transform: rotate(28.8deg);
-moz-transform: rotate(28.8deg);
-ms-transform: rotate(28.8deg);
-o-transform: rotate(28.8deg);
transform: rotate(28.8deg);
}
.c100.p9 .bar {
-webkit-transform: rotate(32.4deg);
-moz-transform: rotate(32.4deg);
-ms-transform: rotate(32.4deg);
-o-transform: rotate(32.4deg);
transform: rotate(32.4deg);
}
.c100.p10 .bar {
-webkit-transform: rotate(36deg);
-moz-transform: rotate(36deg);
-ms-transform: rotate(36deg);
-o-transform: rotate(36deg);
transform: rotate(36deg);
}
.c100.p11 .bar {
-webkit-transform: rotate(39.6deg);
-moz-transform: rotate(39.6deg);
-ms-transform: rotate(39.6deg);
-o-transform: rotate(39.6deg);
transform: rotate(39.6deg);
}
.c100.p12 .bar {
-webkit-transform: rotate(43.2deg);
-moz-transform: rotate(43.2deg);
-ms-transform: rotate(43.2deg);
-o-transform: rotate(43.2deg);
transform: rotate(43.2deg);
}
.c100.p13 .bar {
-webkit-transform: rotate(46.8deg);
-moz-transform: rotate(46.8deg);
-ms-transform: rotate(46.8deg);
-o-transform: rotate(46.8deg);
transform: rotate(46.8deg);
}
.c100.p14 .bar {
-webkit-transform: rotate(50.4deg);
-moz-transform: rotate(50.4deg);
-ms-transform: rotate(50.4deg);
-o-transform: rotate(50.4deg);
transform: rotate(50.4deg);
}
.c100.p15 .bar {
-webkit-transform: rotate(54deg);
-moz-transform: rotate(54deg);
-ms-transform: rotate(54deg);
-o-transform: rotate(54deg);
transform: rotate(54deg);
}
.c100.p16 .bar {
-webkit-transform: rotate(57.6deg);
-moz-transform: rotate(57.6deg);
-ms-transform: rotate(57.6deg);
-o-transform: rotate(57.6deg);
transform: rotate(57.6deg);
}
.c100.p17 .bar {
-webkit-transform: rotate(61.2deg);
-moz-transform: rotate(61.2deg);
-ms-transform: rotate(61.2deg);
-o-transform: rotate(61.2deg);
transform: rotate(61.2deg);
}
.c100.p18 .bar {
-webkit-transform: rotate(64.8deg);
-moz-transform: rotate(64.8deg);
-ms-transform: rotate(64.8deg);
-o-transform: rotate(64.8deg);
transform: rotate(64.8deg);
}
.c100.p19 .bar {
-webkit-transform: rotate(68.4deg);
-moz-transform: rotate(68.4deg);
-ms-transform: rotate(68.4deg);
-o-transform: rotate(68.4deg);
transform: rotate(68.4deg);
}
.c100.p20 .bar {
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-ms-transform: rotate(72deg);
-o-transform: rotate(72deg);
transform: rotate(72deg);
}
.c100.p21 .bar {
-webkit-transform: rotate(75.6deg);
-moz-transform: rotate(75.6deg);
-ms-transform: rotate(75.6deg);
-o-transform: rotate(75.6deg);
transform: rotate(75.6deg);
}
.c100.p22 .bar {
-webkit-transform: rotate(79.2deg);
-moz-transform: rotate(79.2deg);
-ms-transform: rotate(79.2deg);
-o-transform: rotate(79.2deg);
transform: rotate(79.2deg);
}
.c100.p23 .bar {
-webkit-transform: rotate(82.8deg);
-moz-transform: rotate(82.8deg);
-ms-transform: rotate(82.8deg);
-o-transform: rotate(82.8deg);
transform: rotate(82.8deg);
}
.c100.p24 .bar {
-webkit-transform: rotate(86.4deg);
-moz-transform: rotate(86.4deg);
-ms-transform: rotate(86.4deg);
-o-transform: rotate(86.4deg);
transform: rotate(86.4deg);
}
.c100.p25 .bar {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.c100.p26 .bar {
-webkit-transform: rotate(93.6deg);
-moz-transform: rotate(93.6deg);
-ms-transform: rotate(93.6deg);
-o-transform: rotate(93.6deg);
transform: rotate(93.6deg);
}
.c100.p27 .bar {
-webkit-transform: rotate(97.2deg);
-moz-transform: rotate(97.2deg);
-ms-transform: rotate(97.2deg);
-o-transform: rotate(97.2deg);
transform: rotate(97.2deg);
}
.c100.p28 .bar {
-webkit-transform: rotate(100.8deg);
-moz-transform: rotate(100.8deg);
-ms-transform: rotate(100.8deg);
-o-transform: rotate(100.8deg);
transform: rotate(100.8deg);
}
.c100.p29 .bar {
-webkit-transform: rotate(104.4deg);
-moz-transform: rotate(104.4deg);
-ms-transform: rotate(104.4deg);
-o-transform: rotate(104.4deg);
transform: rotate(104.4deg);
}
.c100.p30 .bar {
-webkit-transform: rotate(108deg);
-moz-transform: rotate(108deg);
-ms-transform: rotate(108deg);
-o-transform: rotate(108deg);
transform: rotate(108deg);
}
.c100.p31 .bar {
-webkit-transform: rotate(111.6deg);
-moz-transform: rotate(111.6deg);
-ms-transform: rotate(111.6deg);
-o-transform: rotate(111.6deg);
transform: rotate(111.6deg);
}
.c100.p32 .bar {
-webkit-transform: rotate(115.2deg);
-moz-transform: rotate(115.2deg);
-ms-transform: rotate(115.2deg);
-o-transform: rotate(115.2deg);
transform: rotate(115.2deg);
}
.c100.p33 .bar {
-webkit-transform: rotate(118.8deg);
-moz-transform: rotate(118.8deg);
-ms-transform: rotate(118.8deg);
-o-transform: rotate(118.8deg);
transform: rotate(118.8deg);
}
.c100.p34 .bar {
-webkit-transform: rotate(122.4deg);
-moz-transform: rotate(122.4deg);
-ms-transform: rotate(122.4deg);
-o-transform: rotate(122.4deg);
transform: rotate(122.4deg);
}
.c100.p35 .bar {
-webkit-transform: rotate(126deg);
-moz-transform: rotate(126deg);
-ms-transform: rotate(126deg);
-o-transform: rotate(126deg);
transform: rotate(126deg);
}
.c100.p36 .bar {
-webkit-transform: rotate(129.6deg);
-moz-transform: rotate(129.6deg);
-ms-transform: rotate(129.6deg);
-o-transform: rotate(129.6deg);
transform: rotate(129.6deg);
}
.c100.p37 .bar {
-webkit-transform: rotate(133.2deg);
-moz-transform: rotate(133.2deg);
-ms-transform: rotate(133.2deg);
-o-transform: rotate(133.2deg);
transform: rotate(133.2deg);
}
.c100.p38 .bar {
-webkit-transform: rotate(136.8deg);
-moz-transform: rotate(136.8deg);
-ms-transform: rotate(136.8deg);
-o-transform: rotate(136.8deg);
transform: rotate(136.8deg);
}
.c100.p39 .bar {
-webkit-transform: rotate(140.4deg);
-moz-transform: rotate(140.4deg);
-ms-transform: rotate(140.4deg);
-o-transform: rotate(140.4deg);
transform: rotate(140.4deg);
}
.c100.p40 .bar {
-webkit-transform: rotate(144deg);
-moz-transform: rotate(144deg);
-ms-transform: rotate(144deg);
-o-transform: rotate(144deg);
transform: rotate(144deg);
}
.c100.p41 .bar {
-webkit-transform: rotate(147.6deg);
-moz-transform: rotate(147.6deg);
-ms-transform: rotate(147.6deg);
-o-transform: rotate(147.6deg);
transform: rotate(147.6deg);
}
.c100.p42 .bar {
-webkit-transform: rotate(151.2deg);
-moz-transform: rotate(151.2deg);
-ms-transform: rotate(151.2deg);
-o-transform: rotate(151.2deg);
transform: rotate(151.2deg);
}
.c100.p43 .bar {
-webkit-transform: rotate(154.8deg);
-moz-transform: rotate(154.8deg);
-ms-transform: rotate(154.8deg);
-o-transform: rotate(154.8deg);
transform: rotate(154.8deg);
}
.c100.p44 .bar {
-webkit-transform: rotate(158.4deg);
-moz-transform: rotate(158.4deg);
-ms-transform: rotate(158.4deg);
-o-transform: rotate(158.4deg);
transform: rotate(158.4deg);
}
.c100.p45 .bar {
-webkit-transform: rotate(162deg);
-moz-transform: rotate(162deg);
-ms-transform: rotate(162deg);
-o-transform: rotate(162deg);
transform: rotate(162deg);
}
.c100.p46 .bar {
-webkit-transform: rotate(165.6deg);
-moz-transform: rotate(165.6deg);
-ms-transform: rotate(165.6deg);
-o-transform: rotate(165.6deg);
transform: rotate(165.6deg);
}
.c100.p47 .bar {
-webkit-transform: rotate(169.2deg);
-moz-transform: rotate(169.2deg);
-ms-transform: rotate(169.2deg);
-o-transform: rotate(169.2deg);
transform: rotate(169.2deg);
}
.c100.p48 .bar {
-webkit-transform: rotate(172.8deg);
-moz-transform: rotate(172.8deg);
-ms-transform: rotate(172.8deg);
-o-transform: rotate(172.8deg);
transform: rotate(172.8deg);
}
.c100.p49 .bar {
-webkit-transform: rotate(176.4deg);
-moz-transform: rotate(176.4deg);
-ms-transform: rotate(176.4deg);
-o-transform: rotate(176.4deg);
transform: rotate(176.4deg);
}
.c100.p50 .bar {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.c100.p51 .bar {
-webkit-transform: rotate(183.6deg);
-moz-transform: rotate(183.6deg);
-ms-transform: rotate(183.6deg);
-o-transform: rotate(183.6deg);
transform: rotate(183.6deg);
}
.c100.p52 .bar {
-webkit-transform: rotate(187.2deg);
-moz-transform: rotate(187.2deg);
-ms-transform: rotate(187.2deg);
-o-transform: rotate(187.2deg);
transform: rotate(187.2deg);
}
.c100.p53 .bar {
-webkit-transform: rotate(190.8deg);
-moz-transform: rotate(190.8deg);
-ms-transform: rotate(190.8deg);
-o-transform: rotate(190.8deg);
transform: rotate(190.8deg);
}
.c100.p54 .bar {
-webkit-transform: rotate(194.4deg);
-moz-transform: rotate(194.4deg);
-ms-transform: rotate(194.4deg);
-o-transform: rotate(194.4deg);
transform: rotate(194.4deg);
}
.c100.p55 .bar {
-webkit-transform: rotate(198deg);
-moz-transform: rotate(198deg);
-ms-transform: rotate(198deg);
-o-transform: rotate(198deg);
transform: rotate(198deg);
}
.c100.p56 .bar {
-webkit-transform: rotate(201.6deg);
-moz-transform: rotate(201.6deg);
-ms-transform: rotate(201.6deg);
-o-transform: rotate(201.6deg);
transform: rotate(201.6deg);
}
.c100.p57 .bar {
-webkit-transform: rotate(205.2deg);
-moz-transform: rotate(205.2deg);
-ms-transform: rotate(205.2deg);
-o-transform: rotate(205.2deg);
transform: rotate(205.2deg);
}
.c100.p58 .bar {
-webkit-transform: rotate(208.8deg);
-moz-transform: rotate(208.8deg);
-ms-transform: rotate(208.8deg);
-o-transform: rotate(208.8deg);
transform: rotate(208.8deg);
}
.c100.p59 .bar {
-webkit-transform: rotate(212.4deg);
-moz-transform: rotate(212.4deg);
-ms-transform: rotate(212.4deg);
-o-transform: rotate(212.4deg);
transform: rotate(212.4deg);
}
.c100.p60 .bar {
-webkit-transform: rotate(216deg);
-moz-transform: rotate(216deg);
-ms-transform: rotate(216deg);
-o-transform: rotate(216deg);
transform: rotate(216deg);
}
.c100.p61 .bar {
-webkit-transform: rotate(219.6deg);
-moz-transform: rotate(219.6deg);
-ms-transform: rotate(219.6deg);
-o-transform: rotate(219.6deg);
transform: rotate(219.6deg);
}
.c100.p62 .bar {
-webkit-transform: rotate(223.2deg);
-moz-transform: rotate(223.2deg);
-ms-transform: rotate(223.2deg);
-o-transform: rotate(223.2deg);
transform: rotate(223.2deg);
}
.c100.p63 .bar {
-webkit-transform: rotate(226.8deg);
-moz-transform: rotate(226.8deg);
-ms-transform: rotate(226.8deg);
-o-transform: rotate(226.8deg);
transform: rotate(226.8deg);
}
.c100.p64 .bar {
-webkit-transform: rotate(230.4deg);
-moz-transform: rotate(230.4deg);
-ms-transform: rotate(230.4deg);
-o-transform: rotate(230.4deg);
transform: rotate(230.4deg);
}
.c100.p65 .bar {
-webkit-transform: rotate(234deg);
-moz-transform: rotate(234deg);
-ms-transform: rotate(234deg);
-o-transform: rotate(234deg);
transform: rotate(234deg);
}
.c100.p66 .bar {
-webkit-transform: rotate(237.6deg);
-moz-transform: rotate(237.6deg);
-ms-transform: rotate(237.6deg);
-o-transform: rotate(237.6deg);
transform: rotate(237.6deg);
}
.c100.p67 .bar {
-webkit-transform: rotate(241.2deg);
-moz-transform: rotate(241.2deg);
-ms-transform: rotate(241.2deg);
-o-transform: rotate(241.2deg);
transform: rotate(241.2deg);
}
.c100.p68 .bar {
-webkit-transform: rotate(244.8deg);
-moz-transform: rotate(244.8deg);
-ms-transform: rotate(244.8deg);
-o-transform: rotate(244.8deg);
transform: rotate(244.8deg);
}
.c100.p69 .bar {
-webkit-transform: rotate(248.4deg);
-moz-transform: rotate(248.4deg);
-ms-transform: rotate(248.4deg);
-o-transform: rotate(248.4deg);
transform: rotate(248.4deg);
}
.c100.p70 .bar {
-webkit-transform: rotate(252deg);
-moz-transform: rotate(252deg);
-ms-transform: rotate(252deg);
-o-transform: rotate(252deg);
transform: rotate(252deg);
}
.c100.p71 .bar {
-webkit-transform: rotate(255.6deg);
-moz-transform: rotate(255.6deg);
-ms-transform: rotate(255.6deg);
-o-transform: rotate(255.6deg);
transform: rotate(255.6deg);
}
.c100.p72 .bar {
-webkit-transform: rotate(259.2deg);
-moz-transform: rotate(259.2deg);
-ms-transform: rotate(259.2deg);
-o-transform: rotate(259.2deg);
transform: rotate(259.2deg);
}
.c100.p73 .bar {
-webkit-transform: rotate(262.8deg);
-moz-transform: rotate(262.8deg);
-ms-transform: rotate(262.8deg);
-o-transform: rotate(262.8deg);
transform: rotate(262.8deg);
}
.c100.p74 .bar {
-webkit-transform: rotate(266.4deg);
-moz-transform: rotate(266.4deg);
-ms-transform: rotate(266.4deg);
-o-transform: rotate(266.4deg);
transform: rotate(266.4deg);
}
.c100.p75 .bar {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.c100.p76 .bar {
-webkit-transform: rotate(273.6deg);
-moz-transform: rotate(273.6deg);
-ms-transform: rotate(273.6deg);
-o-transform: rotate(273.6deg);
transform: rotate(273.6deg);
}
.c100.p77 .bar {
-webkit-transform: rotate(277.2deg);
-moz-transform: rotate(277.2deg);
-ms-transform: rotate(277.2deg);
-o-transform: rotate(277.2deg);
transform: rotate(277.2deg);
}
.c100.p78 .bar {
-webkit-transform: rotate(280.8deg);
-moz-transform: rotate(280.8deg);
-ms-transform: rotate(280.8deg);
-o-transform: rotate(280.8deg);
transform: rotate(280.8deg);
}
.c100.p79 .bar {
-webkit-transform: rotate(284.4deg);
-moz-transform: rotate(284.4deg);
-ms-transform: rotate(284.4deg);
-o-transform: rotate(284.4deg);
transform: rotate(284.4deg);
}
.c100.p80 .bar {
-webkit-transform: rotate(288deg);
-moz-transform: rotate(288deg);
-ms-transform: rotate(288deg);
-o-transform: rotate(288deg);
transform: rotate(288deg);
}
.c100.p81 .bar {
-webkit-transform: rotate(291.6deg);
-moz-transform: rotate(291.6deg);
-ms-transform: rotate(291.6deg);
-o-transform: rotate(291.6deg);
transform: rotate(291.6deg);
}
.c100.p82 .bar {
-webkit-transform: rotate(295.2deg);
-moz-transform: rotate(295.2deg);
-ms-transform: rotate(295.2deg);
-o-transform: rotate(295.2deg);
transform: rotate(295.2deg);
}
.c100.p83 .bar {
-webkit-transform: rotate(298.8deg);
-moz-transform: rotate(298.8deg);
-ms-transform: rotate(298.8deg);
-o-transform: rotate(298.8deg);
transform: rotate(298.8deg);
}
.c100.p84 .bar {
-webkit-transform: rotate(302.4deg);
-moz-transform: rotate(302.4deg);
-ms-transform: rotate(302.4deg);
-o-transform: rotate(302.4deg);
transform: rotate(302.4deg);
}
.c100.p85 .bar {
-webkit-transform: rotate(306deg);
-moz-transform: rotate(306deg);
-ms-transform: rotate(306deg);
-o-transform: rotate(306deg);
transform: rotate(306deg);
}
.c100.p86 .bar {
-webkit-transform: rotate(309.6deg);
-moz-transform: rotate(309.6deg);
-ms-transform: rotate(309.6deg);
-o-transform: rotate(309.6deg);
transform: rotate(309.6deg);
}
.c100.p87 .bar {
-webkit-transform: rotate(313.2deg);
-moz-transform: rotate(313.2deg);
-ms-transform: rotate(313.2deg);
-o-transform: rotate(313.2deg);
transform: rotate(313.2deg);
}
.c100.p88 .bar {
-webkit-transform: rotate(316.8deg);
-moz-transform: rotate(316.8deg);
-ms-transform: rotate(316.8deg);
-o-transform: rotate(316.8deg);
transform: rotate(316.8deg);
}
.c100.p89 .bar {
-webkit-transform: rotate(320.4deg);
-moz-transform: rotate(320.4deg);
-ms-transform: rotate(320.4deg);
-o-transform: rotate(320.4deg);
transform: rotate(320.4deg);
}
.c100.p90 .bar {
-webkit-transform: rotate(324deg);
-moz-transform: rotate(324deg);
-ms-transform: rotate(324deg);
-o-transform: rotate(324deg);
transform: rotate(324deg);
}
.c100.p91 .bar {
-webkit-transform: rotate(327.6deg);
-moz-transform: rotate(327.6deg);
-ms-transform: rotate(327.6deg);
-o-transform: rotate(327.6deg);
transform: rotate(327.6deg);
}
.c100.p92 .bar {
-webkit-transform: rotate(331.2deg);
-moz-transform: rotate(331.2deg);
-ms-transform: rotate(331.2deg);
-o-transform: rotate(331.2deg);
transform: rotate(331.2deg);
}
.c100.p93 .bar {
-webkit-transform: rotate(334.8deg);
-moz-transform: rotate(334.8deg);
-ms-transform: rotate(334.8deg);
-o-transform: rotate(334.8deg);
transform: rotate(334.8deg);
}
.c100.p94 .bar {
-webkit-transform: rotate(338.4deg);
-moz-transform: rotate(338.4deg);
-ms-transform: rotate(338.4deg);
-o-transform: rotate(338.4deg);
transform: rotate(338.4deg);
}
.c100.p95 .bar {
-webkit-transform: rotate(342deg);
-moz-transform: rotate(342deg);
-ms-transform: rotate(342deg);
-o-transform: rotate(342deg);
transform: rotate(342deg);
}
.c100.p96 .bar {
-webkit-transform: rotate(345.6deg);
-moz-transform: rotate(345.6deg);
-ms-transform: rotate(345.6deg);
-o-transform: rotate(345.6deg);
transform: rotate(345.6deg);
}
.c100.p97 .bar {
-webkit-transform: rotate(349.2deg);
-moz-transform: rotate(349.2deg);
-ms-transform: rotate(349.2deg);
-o-transform: rotate(349.2deg);
transform: rotate(349.2deg);
}
.c100.p98 .bar {
-webkit-transform: rotate(352.8deg);
-moz-transform: rotate(352.8deg);
-ms-transform: rotate(352.8deg);
-o-transform: rotate(352.8deg);
transform: rotate(352.8deg);
}
.c100.p99 .bar {
-webkit-transform: rotate(356.4deg);
-moz-transform: rotate(356.4deg);
-ms-transform: rotate(356.4deg);
-o-transform: rotate(356.4deg);
transform: rotate(356.4deg);
}
.c100.p100 .bar {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.c100:hover {
cursor: default;
}
.c100:hover > span {
width: 3.33em;
line-height: 3.33em;
font-size: 0.3em;
color: #307bbb;
}
.c100:hover:after {
/* top: 0.04em;
left: 0.04em;
width: 0.92em;
height: 0.92em; */
}
.c100.dark {
background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
border-color: #c6ff00 !important;
}
.c100.dark > span {
color: #777777;
}
.c100.dark:after {
background-color: #666666;
}
.c100.dark:hover > span {
color: #c6ff00;
}
.c100.green .bar, .c100.green .fill {
border-color: #4db53c !important;
}
.c100.green:hover > span {
color: #4db53c;
}
.c100.green.dark .bar, .c100.green.dark .fill {
border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
color: #5fd400;
}
.c100.orange .bar, .c100.orange .fill {
border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
color: #dd9d22;
}
.c100.orange.dark .bar, .c100.orange.dark .fill {
border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
color: #e08833;
}

      .before_plan .c100 .bar,.before_plan .c100.green .fill {
                border-color: #FF0000!important
            }
.flexbox {
display:flex;
}

.clickable {
cursor:pointer;
}



.cc-window {
opacity: 1;
transition: opacity 1s ease;
}

.cc-window.cc-invisible {
opacity: 0;
}

.cc-animate.cc-revoke {
transition: transform 1s ease;
}

.cc-animate.cc-revoke.cc-top {
transform: translateY(-2em);
}

.cc-animate.cc-revoke.cc-bottom {
transform: translateY(2em);
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
transform: translateY(0);
}

.cc-grower {
max-height: 0;
overflow: hidden;
transition: max-height 1s;
}

.cc-link,
.cc-revoke:hover {
text-decoration: underline;
}

.cc-revoke,
.cc-window {
position: fixed;
overflow: hidden;
box-sizing: border-box;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 16px;
line-height: 1.5em;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
z-index: 9999;
}

.cc-window.cc-static {
position: static;
}

.cc-window.cc-floating {
padding: 2em;
max-width: 24em;
-ms-flex-direction: column;
flex-direction: column;
}

.cc-window.cc-banner {
padding: 1em 1.8em;
width: 100%;
-ms-flex-direction: row;
flex-direction: row;
}

.cc-revoke {
padding: 0.5em;
}

.cc-header {
font-size: 18px;
font-weight: 700;
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
cursor: pointer;
}

.cc-link {
opacity: 0.8;
display: inline-block;
padding: 0.2em;
}

.cc-link:hover {
opacity: 1;
}

.cc-link:active,
.cc-link:visited {
color: initial;
}

.cc-btn {
display: block;
padding: 0.4em 0.8em;
font-size: 0.9em;
font-weight: 700;
border-width: 2px;
border-style: solid;
text-align: center;
white-space: nowrap;
}

.cc-banner .cc-btn:last-child {
min-width: 140px;
}

.cc-close {
display: block;
position: absolute;
top: 0.5em;
right: 0.5em;
font-size: 1.6em;
opacity: 0.9;
line-height: 0.75;
}

.cc-close:focus,
.cc-close:hover {
opacity: 1;
}

.cc-revoke.cc-top {
top: 0;
left: 3em;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}

.cc-revoke.cc-bottom {
bottom: 0;
left: 3em;
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
}

.cc-revoke.cc-left {
left: 3em;
right: unset;
}

.cc-revoke.cc-right {
right: 3em;
left: unset;
}

.cc-top {
top: 1em;
}

.cc-left {
left: 1em;
}

.cc-right {
right: 1em;
}

.cc-bottom {
bottom: 1em;
}

.cc-floating > .cc-link {
margin-bottom: 1em;
}

.cc-floating .cc-message {
display: block;
margin-bottom: 1em;
}

.cc-window.cc-floating .cc-compliance {
-ms-flex: 1;
flex: 1;
}

.cc-window.cc-banner {
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}

.cc-banner.cc-top {
left: 0;
right: 0;
top: 0;
}

.cc-banner.cc-bottom {
left: 0;
right: 0;
bottom: 0;
}

.cc-banner .cc-message {
-ms-flex: 1;
flex: 1;
}

.cc-compliance {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: justify;
align-content: space-between;
}

.cc-compliance > .cc-btn {
-ms-flex: 1;
flex: 1;
}

.cc-btn + .cc-btn {
margin-left: 0.5em;
}

@media print {
.cc-revoke,
.cc-window {
display: none;
}
}

@media screen and (max-width: 900px) {
.cc-btn {
white-space: normal;
}
}

.cc-deny {
display: none;
}

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
.cc-window.cc-top {
top: 0;
}

.cc-window {
font-size: 11px;
}

.cc-window.cc-bottom {
bottom: 0;
}
.cc-window.cc-banner,
.cc-window.cc-left,
.cc-window.cc-right {
left: 0;
right: 0;
}

.cc-window.cc-banner .cc-compliance {
-ms-flex: 1;
flex: 1;
max-width: 100px;
}

.cc-window.cc-floating .cc-compliance {
max-width: 100px;
}
.cc-window.cc-floating {
max-width: none;
flex-direction: row;
}
.cc-window .cc-message {
margin-bottom: 1em;
}
.cc-window.cc-banner {
-ms-flex-align: unset;
-ms-grid-row-align: unset;
align-items: unset;
}
}

.cc-floating.cc-theme-classic {
padding: 1.2em;
border-radius: 5px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
text-align: center;
display: inline;
-ms-flex: none;
flex: none;
}

.cc-theme-classic .cc-btn {
border-radius: 5px;
}

.cc-theme-classic .cc-btn:last-child {
min-width: 100px;
}

.cc-window.cc-floating {
padding: 1em;
}

.cc-btn {
min-width: 100px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
display: inline-block;
}

.cc-theme-edgeless.cc-window {
padding: 0;
}

.cc-floating.cc-theme-edgeless .cc-message {
margin: 2em 2em 1.5em;
}

.cc-banner.cc-theme-edgeless .cc-btn {
margin: 0;
padding: 0.8em 1.8em;
height: 100%;
}

.cc-banner.cc-theme-edgeless .cc-message {
margin-left: 1em;
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
margin-left: 0;
}


.elementor-field.error {
border: solid 1px #da0000 !important;
}

.elementor-field.success {
border: solid 1px #4c8d30 !important;
}

.elementor-field-group-phone, .elementor-field-group-email {
position: relative;
}

.elementor-field-group-phone.error:before {
position: absolute;
content: "Please enter a valid UK phone number.";
font-size: 14px;
color: #da0000;
bottom: -30px;
left: 20px;
}

.elementor-field-group-email.error:before {
   position: absolute;
content: "Please enter a valid email address.";
font-size: 14px;
color: #da0000;
bottom: -30px;
left: 20px;
}


.elementor-field-group-phone.success:before {
position: absolute;
content: "Phone number is valid.";
font-size: 14px;
color: #4c8d30;
bottom: -30px;
left: 20px;
}

.elementor-field-group-email.success:before {
   position: absolute;
content: "Email address is valid.";
font-size: 14px;
color: #4c8d30;
bottom: -30px;
left: 20px;
}

@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}

.elementor-field-group-phone.active:after, .elementor-field-group-email.active:after {
   content: "\f110";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 20px;
    top: 33px;
    font-size: 20px;
    transition: transform .5s ease;
    display: inline-block;
animation: spin 2s infinite linear;
color: #2f2984;
}

#happens-next {
position: relative;
}

#happens-next:after {
content: '';
position: absolute;
width:100%;
height:100%;
left: 50%;
top: 0;
background: #25346D;
}

@media only screen and (max-width: 600px) {
#happens-next:after {
display:none;
}
}



.elementor-element-696cde5 .elementor-field-option input[type="radio"] {
position:relative!important;
}

body .elementor-816 .elementor-element.elementor-element-764870e .elementor-labels-above .elementor-field-group > label {
position: absolute;
left: 20px;
}






/* do for calc-fix too */
.page-id-5791 .quiz, .page-id-5894 .quiz {
color: #003a63;
padding: 30px 0;
text-align: center;
}
.page-id-5791 .quiz--home,  .page-id-5894 .quiz--home {
margin-top: -260px;
}
@media (max-width: 767.98px) {
.page-id-5791 #feefo-block, .page-id-5894 #feefo-block {
 background: #bed8f4;
}
.page-id-5791 .quiz--home .page-id-5894 .quiz--home {
 margin-top: -70px !important;
}
}
.page-id-5791 .quiz-title, .page-id-5894 .quiz-title {
font-size: 30px;
line-height: 40px;
font-weight: 500;
}
@media (max-width: 767.98px) {
.page-id-5791 .quiz-title, .page-id-5894 .quiz-title {
 font-size: 20px;
 line-height: 26px;
}
}
.page-id-5791 .quiz-subtitle, .page-id-5894 .quiz-subtitle {
font-size: 20px;
line-height: 26px;
font-weight: 300;
margin-bottom: 30px;
}
@media (max-width: 767.98px) {
.page-id-5791 .quiz-subtitle, .page-id-5894 .quiz-subtitle {
 font-size: 16px;
 line-height: 21px;
}
}
.page-id-5791 .quiz-item, .page-id-5894 .quiz-item {
display: none;
flex-direction: column;
}
.page-id-5791 .quiz-item.active, .page-id-5894 .quiz-item.active {
display: flex;
}
.page-id-5791 .quiz-question, .page-id-5894 .quiz-question {
font-weight: 700;
font-size: 24px;
line-height: 31px;
margin-bottom: 30px;
color: #333;
}
@media (max-width: 767.98px) {
.page-id-5791 .quiz-question, .page-id-5894 .quiz-question {
 font-size: 18px;
 line-height: 23px;
}
}
.page-id-5791 .quiz-answers, .page-id-5894 .quiz-answers {
display: flex;
padding: 0 40px 0 40px;
flex-wrap: wrap;
width: 100%;
max-width: 600px;
margin: 0 auto 40px auto;
justify-content: center;
}
.page-id-5791 .quiz-answers__item, .page-id-5894 .quiz-answers__item {
padding: 16px 1rem;
margin: 10px;
cursor: pointer;
font-weight: 700;
font-size: 16px;
background: white;
width: 45%;
border: solid 3px #113382;
text-align: center;
justify-content: center;
-ms-user-select: none;
user-select: none;
color: #113382;
border-radius: 50px;
}
.page-id-5791 .quiz-answers__item:hover, .page-id-5894 .quiz-answers__item:hover,
.page-id-5791 .quiz-answers__item:focus, .page-id-5894 .quiz-answers__item:focus  {
background: #113382;
color: white;
transition: all 0.3s ease;
}
.page-id-5791 .quiz-answers__item.selected, .page-id-5894 .quiz-answers__item.selected {
background: white;
color: #003a63;
}
@media (max-width: 767.98px) {
.page-id-5791 .quiz-answers__item, .page-id-5894 .quiz-answers__item {
 width: 100%;
 font-size: 16px;
 line-height: 21px;
 margin: 0 0 20px 0;
}
}
.page-id-5791 .quiz-controls, .page-id-5894 .quiz-controls {
display: flex;
flex-direction: column !important;
}
.page-id-5791 .quiz-controls.active, .page-id-5894 .quiz-controls.active {
display: flex;
}
.page-id-5791 .quiz-controls__next, .page-id-5894 .quiz-controls__next {
border: 0 !important;
background: #113382 !important;
padding: 1rem 3rem 1rem 3rem !important;
color: white;
border-radius: 4px;
cursor: pointer;
position: relative;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
max-width: 350px;
margin: 0 auto 30px auto;
}
.page-id-5791 .quiz-controls__next.resultsBtn, .page-id-5894 .quiz-controls__next.resultsBtn {
background: #4a8b2c !important;
}
.page-id-5791 .quiz-controls__previous, .page-id-5894 .quiz-controls__previous {
display: none;
border: 0;
background: white !important;
color: #171717 !important;
cursor: pointer;
position: relative;
margin: auto;
font-size: 12px !important;
font-weight: 500;
border: solid 2px #bebebe !important;
padding: 10px 30px !important;
}
.page-id-5791 .quiz-controls__previous i, .page-id-5894 .quiz-controls__previous i {
padding-right: 1rem;
}
.page-id-5791 .quiz-end, .page-id-5894 .quiz-end {
display: flex;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}
.page-id-5791 .quiz-end__side, .page-id-5894 .quiz-end__side {
color: white;
width: 40%;
overflow: hidden;
border-bottom-left-radius: 10px;
}
.page-id-5791 .quiz-end__side-top, .page-id-5894 .quiz-end__side-top {
background: #003a63;
padding: 2rem;
border-top-left-radius: 10px;
height: 100%;
}
.page-id-5791 .quiz-end__side-bottom, .page-id-5894 .quiz-end__side-bottom {
background: #6ab061;
padding: 2rem;
border-bottom-left-radius: 10px;
height: 100%;
}
.page-id-5791 .quiz-end__main, .page-id-5894 .quiz-end__main {
background: white;
padding: 2rem;
width: 60%;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.page-id-5791 .quiz-end__step, .page-id-5894 .quiz-end__step {
display: flex;
margin-bottom: 2rem;
}
.page-id-5791 .quiz-end__step-num, .page-id-5894 .quiz-end__step-num {
font-size: 3rem;
padding-right: 1.5rem;
}
.page-id-5791 .quiz-end__step-text, .page-id-5894 .quiz-end__step-text {
font-size: 1.5rem;
}
.page-id-5791 .quiz-end__writeoff, .page-id-5894 .quiz-end__writeoff {
font-size: 3rem;
font-weight: bold;
margin: 1.5rem 0;
}
.page-id-5791 .quiz-icon-text, .page-id-5894 .quiz-icon-text {
display: flex;
margin-bottom: 1.5rem;
line-height: 1.4rem;
}
.page-id-5791 .quiz-icon-text__icon, .page-id-5894 .quiz-icon-text__icon {
min-width: 40px;
padding-right: 1rem;
}
.page-id-5791 .quiz-icon-text i, .page-id-5894 .quiz-icon-text i {
font-size: 1.75rem;
}
.page-id-5791 .quiz-form, .page-id-5894 .quiz-form {
padding: 0 3rem;
text-align: left;
}
.page-id-5791 .quiz-form__row, .page-id-5894 .quiz-form__row {
display: flex;
}
.page-id-5791 .quiz-form__half, .page-id-5894 .quiz-form__half {
width: 50%;
}
.page-id-5791 .quiz-form__half:first-child, .page-id-5894 .quiz-form__half:first-child {
padding-right: 0.5rem;
}
.page-id-5791 .quiz-form__half:last-child, .page-id-5894 .quiz-form__half:last-child {
padding-left: 0.5rem;
}
.page-id-5791 .quiz-form__advisors, .page-id-5894 .quiz-form__advisors {
font-size: 14px;
line-height: 1rem;
}
.page-id-5791 .quiz-form__advisors span, .page-id-5894 .quiz-form__advisors span {
font-weight: bold;
text-decoration: underline;
}
.page-id-5791 .quiz-form__check, .page-id-5894 .quiz-form__check {
display: flex;
align-items: center;
}
.page-id-5791 .quiz-form__check input[type=checkbox], .page-id-5894 .quiz-form__check input[type=checkbox] {
width: 50px;
height: 40px;
margin: 0 1rem 0 0;
position: absolute;
z-index: 1;
}
.page-id-5791 .quiz-form__check p, .page-id-5894 .quiz-form__check p {
font-size: 16px;
}
.page-id-5791 .quiz-form__btn, .page-id-5894 .quiz-form__btn {
margin-top: 1.5rem;
text-align: center;
}
.page-id-5791 .quiz-form label, .page-id-5894 .quiz-form label {
font-weight: bold;
display: inline-block;
margin-bottom: 0.5rem;
}
.page-id-5791 .quiz-form input, .page-id-5894 .quiz-form input {
background: #f1f1f1;
padding: 1rem;
width: 100%;
border: none;
font-size: 1.2rem;
margin-bottom: 1.5rem;
}
.page-id-5791 .text-answer, .page-id-5894 .text-answer {
border: solid 1px #c4c4c4 !important;
padding: 10px 12px !important;
border-radius: 8px !important;
}
.page-id-5791 .checkbox input[type=checkbox], .page-id-5791 .checkbox input[type=checkbox], .page-id-5894 .checkbox input[type=checkbox], .page-id-5894 .checkbox input[type=checkbox] {
opacity: 0;
}
.page-id-5791 .checkbox label, .page-id-5894 .checkbox label {
position: relative;
display: inline-block;
padding-left: 22px;
}
.page-id-5791 .checkbox label::before, .page-id-5791 .checkbox label::after, .page-id-5894 .checkbox label::before, .page-id-5894 .checkbox label::after {
position: absolute;
}
.page-id-5791 .checkbox label::before, .page-id-5894 .checkbox label::before {
height: 16px;
width: 16px;
border: 1px solid;
left: 0px;
top: 3px;
position: absolute;
content: "
"
;
display: inline-block;
}
.page-id-5791 .checkbox label::after, .page-id-5894 .checkbox label::after {
position: absolute;
content: "
"
;
display: inline-block;
height: 5px;
width: 9px;
border-left: 2px solid;
border-bottom: 2px solid;
transform: rotate(-45deg);
left: 4px;
top: 7px;
}
.page-id-5791 .checkbox input[type=checkbox] + label::after, .page-id-5894 .checkbox input[type=checkbox] + label::after {
content: none;
}
.page-id-5791 .checkbox input[type=checkbox]:checked + label::after, .page-id-5894 .checkbox input[type=checkbox]:checked + label::after {
content: "
"
;
}
.page-id-5791 .checkbox input[type=checkbox]:focus + label::before, .page-id-5894 .checkbox input[type=checkbox]:focus + label::before {
outline: #3b99fc auto 5px;
}
.page-id-5791 .quiz-description, .page-id-5894 .quiz-description {
font-size: 18px;
font-weight: 200;
line-height: 22px;
margin-bottom: 40px;
}
@media (max-width: 767.98px) {
.page-id-5791 .quiz-description, .page-id-5894 .quiz-description {
 font-size: 16px;
 line-height: 20px;
}
}
.page-id-5791 .quiz-progress, .page-id-5894 .quiz-progress {
display: flex;
justify-content: flex-start;
margin: 0 auto 15px;
max-width: 310px;
  border: solid 2px #D9D9D9;
  border-radius: 10px;
  height: 15px;
  padding: 0;
}
.page-id-5791 .quiz-progress__item, .page-id-5894 .quiz-progress__item {
background: none;
width: 11%;
height: 11px;
border-radius: 0;

margin: 0;
position: relative;
border: none;
transition: all 0.5s ease;
}

.page-id-5791 .quiz-progress__item:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.page-id-5791 .quiz-progress__item:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

@media (max-width: 500px) {
  
.page-id-5791 .quiz-progress {
      padding-top: 0 !important;
  }
.page-id-5791 .quiz-progress__item, .page-id-5894 .quiz-progress__item {
 margin-right: 0.2rem;
}
.page-id-5791 .quiz-progress__item::after, .page-id-5894 .quiz-progress__item::after {
 width: 0.2rem !important;
 left: -0.2rem !important;
}
.page-id-5791 .quiz-answers, .page-id-5894 .quiz-answers {
 padding: 0 20px 0 20px !important;
}

}
.page-id-5791 .quiz-progress__item::before, .page-id-5894 .quiz-progress__item::before {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #0978d3;
}
.page-id-5791 .quiz-progress__item.active, .page-id-5894 .quiz-progress__item.active {
opacity: 1;
background: #5EA24D;
}
.page-id-5791 .quiz-progress__item.active::before, .page-id-5894 .quiz-progress__item.active::before {
color: #113382;
display: none;
}
.page-id-5791 .quiz-progress__item.complete, .page-id-5894 .quiz-progress__item.complete {
opacity: 1;
background: #5EA24D;
}
.page-id-5791 .quiz-progress__item.complete::before, .page-id-5894 .quiz-progress__item.complete::before {
color: white;
}
.page-id-5791 .quiz-progress__item::after, .page-id-5894 .quiz-progress__item::after {
content: "
display: none;
position: absolute;
top: 50%;
left: -2.6rem;
transform: translateY(-50%);
background: #113382;
height: 2px;
width: 2.5rem;
}
.page-id-5791 .quiz-progress__item:first-child::after, .page-id-5894 .quiz-progress__item:first-child::after {
display: none;
}
.page-id-5791 .quiz-progress__item:last-child, .page-id-5894 .quiz-progress__item:last-child {
margin: 0;
}
.page-id-5791 .app_question_support, .page-id-5894 .app_question_support {
background: #f2faff;
padding: 30px 40px;
border-top: solid 1px #dce6ec;
margin-top: 30px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.page-id-5791 .app_question_support_heading, .page-id-5894 .app_question_support_heading {
font-weight: bold;
}
.page-id-5791 .text-answer, .page-id-5894 .text-answer {
outline: none;
}
.page-id-5791 .text-answer.error, .page-id-5894 .text-answer.error {
border: solid 1px #da0000 !important;
}
.page-id-5791 .text-answer.success, .page-id-5894 .text-answer.success {
border: solid 1px #4c8d30 !important;
}
.page-id-5791 .text-answer:focus, .page-id-5791 .text-answer:active, .page-id-5894 .text-answer:focus, .page-id-5894 .text-answer:active {
border-color: initial;
}
.page-id-5791 .phoneDiv, .page-id-5791 .emailDiv, .page-id-5894 .phoneDiv, .page-id-5894 .emailDiv {
position: relative;
width: 100%;
}
.page-id-5791 .phoneDiv.error:before, .page-id-5894 .phoneDiv.error:before {
position: absolute;
content:"Please enter a valid UK number.";
font-size: 14px;
color: #da0000;
bottom: -30px;
left: 20px;
}
.page-id-5791 .emailDiv.error:before, .page-id-5894 .emailDiv.error:before {
position: absolute;
content: "Please enter a valid email address."";
font-size: 14px;
color: #da0000;
bottom: -30px;
left: 20px;
}
.page-id-5791 .phoneDiv.success:before, .page-id-5894 .phoneDiv.success:before {
position: absolute;
content: "Phone number is valid";
font-size: 14px;
color: #4c8d30;
bottom: -30px;
left: 20px;
}
.page-id-5791 .emailDiv.success:before, .page-id-5894 .emailDiv.success:before {
position: absolute;
content: "Email address is valid.";"
font-size: 14px;
color: #4c8d30;
bottom: -30px;
left: 20px;
}
@keyframes spin {
0% {
 transform: rotate(0deg);
}
100% {
 transform: rotate(359deg);
}
}
.page-id-5791 .phoneDiv.active:after, .page-id-5791 .emailDiv.active:after, .page-id-5894 .phoneDiv.active:after, .page-id-5894 .emailDiv.active:after {
content: "\f110";
font-family: "Font Awesome 5 Pro";
position: absolute;
right: 20px;
top: 10px;
font-size: 20px;
transition: transform 0.5s ease;
display: inline-block;
animation: spin 2s infinite linear;
color: #666;
}

.page-id-5791 .quiz-checkbox, .page-id-5894 .quiz-checkbox {
display: none;
}




#elementor-tab-content-1271 {
display:block!important;
}



.elementor-816 .elementor-element.elementor-element-1f91c5f .elementor-button:hover {
background:#4B75CC!important;
}


.elementor-tab-content a {
text-decoration: underline;
}





/* default page settings */
.page-id-490  section .elementor-widget-container ul, .page-id-2015  section .elementor-widget-container ul, .page-id-573  section .elementor-widget-container ul, .page-id-3  section .elementor-widget-container ul {
margin-bottom:30px!important;
}

.page-id-490 section .elementor-widget-container h2, .page-id-2015  section .elementor-widget-container h2, .page-id-573  section .elementor-widget-container h2, .page-id-3  section .elementor-widget-container h2 {
margin-top:30px!important;
}

a {
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;

-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;

/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}





/* forms */
body .gform_wrapper .gform_footer input[type=submit] {
background:#64A70B;
color:white;
font-weight:bold;
border:0;
border-radius:12px;
padding: 10px 60px;
box-shadow:none;
}

h1.elementor-heading-title a {
  font-size:12px!important;
  vertical-align:top;
  line-height:22px!important;
}




/* Table of Contents block */ 
#body-content span, #body-content p {
  line-height:1.6875rem;
}

#body-content ul {
  margin-bottom:20px;
}

#body-content h2, #body-content h3, #body-content h4 {
  margin:20px 0 10px 0;
}


/* button */
[type=button], [type=submit], button {
  color:white;
  background:#64A70B;
}

input[type=button]:hover, input[type=submit]:hover, button:hover {
  background:#182b5a!important;
}

/* a-z listing */
.elementor-53938 .elementor-element.elementor-element-a11582c .az-links li {
  width: 1.7em;
  height: 1.7em;
}

.az-columns li a {
  font-family:"sofia-pro";
}


#body-content h2.elementor-toc__header-title {
  margin:0;
}

.elementor-59971 .elementor-element.elementor-element-2b0aa24 .elementor-button:hover,
.elementor-59971 .elementor-element.elementor-element-2b0aa24 .elementor-button:focus{
  background:white!important;
  color:#1C2C69!important;
}


/* breadcrumbs */
a.bread-home, a.bread-parent {
  text-transform: none!important;
  font-size: 0.625rem;
}

.elementor-widget-dce-breadcrumbs .dce-separator {
  font-size: 0.625rem;
  vertical-align: top;
  font-weight:400;
}

#twilio-webchat-widget-root .css-1hikuf3 {
  background: rgb(61, 69, 131);
}

#twilio-webchat-widget-root .css-19hxaiu {
  background: transparent;
  border: none;
}

#twilio-webchat-widget-root .css-cz5opi {
  background: rgb(61, 69, 131);
}

@media (max-width: 500px) {

.page-id-7495 .elementor-element-2c241a1 {
display: none;   
}

}

.funnel-box {
  background: white;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  padding: 15px 40px;
}

.funnel-progress {
  margin-bottom: 15px;
}

.funnel-progress-bar {
  width: 100%;
  background: #F0F0F0;
  height: 4px;
  border-radius: 10px;
}

.funnel-progress-inner {
  background: #5EA24D;
  border-radius: 10px;
  height: 4px;
  transition: width 1s ease-in-out;
}

.funnel-progress-text {
  color: #6C6C6C;
}

.funnel-progress-percent {
  font-size: 27px;
  font-weight: 500;
  color: #00040D;
}

.funnel-item {
  margin-bottom: 20px;
  opacity: 0.5;
}

.funnel-item.active {
  opacity: 1;
}

.funnel-item.complete {
  opacity: 1;
}

.funnel-item.complete .funnel-item-value {
  color: #000000;
  font-weight: bold;
}

.funnel-item-title {
  font-size: 15px;
  color: #626262;
  font-weight: 500;
  margin-bottom: 5px;
}

.funnel-item-value {
  background: #EFEFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  padding: 10px 20px;
  width: 100%;
  max-width: 195px;
  color: #4A4A4A;
  font-weight: 500;
  font-size: 15px;
}

.funnel-details {
  flex-wrap: wrap;
}

.funnel-details .funnel-item {
  width: 195px;
  margin-right: 20px;
}

.page-template-template-funnel .quiz-controls {
      display: flex;
      margin: 0;
  }

  .page-template-template-funnel .quiz-controls__next, .page-template-template-funnel .quiz-controls__previous {
      margin: 0;
  }

  .page-template-template-funnel .quiz-controls__next {
      width: 100%;
      max-width: 230px;
  }

  .page-template-template-funnel .quiz-controls__previous {
      background: #969696;
      color: white;
      border-radius: 27px;
      padding: 16px 31px;
      margin-right: 8px;
  }

  .page-template-template-funnel .quiz-controls__previous svg {
      width: 16px;
      margin-right: 5px;
  }

  .page-template-template-funnel .quiz-question {
      color: #00040D;
      font-size: 24px;
      font-weight: 500;
      text-align: left;
      margin-bottom: 10px;
  }

  .page-template-template-funnel .quiz-answers {
      margin: 0;
  }


  .page-template-template-funnel .quiz {
      padding: 0;
      margin: 0;
      max-width: 600px;
  }

  .page-template-template-funnel .quiz-progress {
      display: none;
  }

  .page-template-template-funnel .app_question_support p {
      color: #4B4B4B;
      font-size: 15px;
      line-height: 20px;
      text-align: left;
  }

  .page-template-template-funnel .quiz-answers {
      flex-direction: column;
      border-top: none;
      border-bottom: none;
  }

  .page-template-template-funnel .quiz-answers__item {
      background: white;
      border-radius: 0;
      color: #4A8B2C;
      font-weight: bold;
      box-shadow: 0px 3px 6px #00000029;
      width: 100%;
      justify-content: flex-start;
  }

  .page-template-template-funnel .quiz-answers__item:hover {
      background: #4A8B2C;
      color: white;
      border-color: #4A8B2C;
  }

  .page-template-template-funnel .text-answer {
      box-shadow: inset 0px 3px 6px #00000029;
      border: 1px solid #D1D1D1;
      padding: 15px;
      width: 100%;
  }

  .page-template-template-funnel .emailDiv, .page-template-template-funnel .phoneDiv {
      width: 100%;
  }

  .page-template-template-funnel .emailDiv.active:after,.page-template-template-funnel .phoneDiv.active:after {
      top: 25%;
  }
  
  footer a {
      color:white!important;
  }
  
  
  
  
  
  
/* Knowledge Hub Filter */ 

#featured-header .dce-post-button a {
  width:auto!important;
}

#featured-header .dce-post-button a:hover {
  background:#17385B;
  color:white;
}

.dce-pagination .current {
  background: #CECECE!important;
}

.dce-pagination .inactive {
  background: transparent;
  border: 1px solid #A8A8A8;
  color: #080101;
}

.searchandfilter ul {
  padding-left:0;
}

.searchandfilter ul li {
  display:inline-block;
}

.searchandfilter ul li li {
  padding:5px 10px;
}


@media only screen and (max-width: 600px) {
  
.searchandfilter ul li {
  display:block;
}

#featured-header .dce-post-button a {
  width:100%!important;
}

}

body.mega-active .elementor-element-b5107c4 {
  background-color: white !important;
}

.elementor-63712 .elementor-element.elementor-element-3412df48 li::before {
background: #62A754;
}
.tc-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.tc-dots-dot {
  width: 15px !important;
  height: 15px !important;
  padding:0 !important;
  background:transparent !important;
}

.tc-dots-dot:hover {
  background: white !important;
}

.tc-dots-dot.active {
  background: white !important;
}
  
  
  
  
  
/* General Body Copy - just do Fees page inititally */
body .dce-content-wrapper p, body .dce-content-wrapper li {
  font-size:1rem!important;
  line-height:1.6875rem!important;
}

body.dce-content-wrapper p {
  margin-bottom:20px;
  font-family:Gilroy
}

body.dce-content-wrapper ul {
  margin-bottom:20px;
  font-family:Gilroy
}



.dce-content-wrapper table {
  border-collapse: collapse;
  width: 100%;
  border: 0;
  border-radius: 0 60px 0 60px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  font-family: Gilroy;
  margin-top: -1px;
  margin-bottom:30px!important;
}
.dce-content-wrapper th {
  background-color: #87A694;
  color: white;
  font-size: 20px!important;
  padding: 10px 40px!important;
  text-align: left;
}
.dce-content-wrapper td {
  padding: 10px 40px!important;
  border: 1px solid #EBE8E5!important;
}
.dce-content-wrapper th:last-child {
  border-radius: 0 60px 0 0;
}

.dce-content-wrapper table tbody tr:nth-child(even) td,
.dce-content-wrapper table tbody tr.even td, 
.dce-content-wrapper tr:nth-child(even),
.dce-content-wrapper tr:nth-child(odd),
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
  background-color: transparent!important; /* Set both even and odd rows to have a white background */
}
.dce-content-wrapper tr:last-child td {
  border-left: none!important;
  border-bottom: none!important;
}
.dce-content-wrapper tr:first-child th {
  border: none!important;
}
.dce-content-wrapper tr:last-child td {
  padding-top: 20px!important;
  padding-bottom: 20px!important;
}


.dce-content-wrapper {
  font-family: Gilroy
}

.dce-content-wrapper ul {
  margin-bottom:20px;
}

table {
  font-size:1rem;
  overflow-x: auto !important;
}

.LandbotLivechat iframe {
  padding: 0 !important;
}

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton {
    background-color: #1A4F65 !important;
    border: solid 2px #3E8DB4;
}

#elementor-popup-modal-69656 {
    z-index: 99999999999;
}

.text-answer.error {
    border: solid 1px #da0000 !important;
}

.text-answer.success {
    border: solid 1px #4c8d30 !important;
}

.text-answer:focus, .text-answer:active {
    border-color: initial;
}

.phoneDiv, .emailDiv {
    position: relative;
    width: 100%;
}

.phoneDiv.error:before {
   position: absolute;
   content: "Please enter a valid UK number.";
   font-size: 14px;
   color: #da0000;
   bottom: 5px;
   left: 20px;
}

.emailDiv.error:before {
       position: absolute;
   content: "Please enter a valid email address.";
   font-size: 14px;
   color: #da0000;
   bottom: 5px;
   left: 20px;
}


.phoneDiv.success:before {
   position: absolute;
   content: "Phone number is valid.";
   font-size: 14px;
   color: #4c8d30;
   bottom: 5px;
   left: 20px;
}

.emailDiv.success:before {
       position: absolute;
   content: "Email address is valid.";
   font-size: 14px;
   color: #4c8d30;
   bottom: 5px;
   left: 20px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.phoneDiv.active:after, .emailDiv.active:after {
       content: "\f110";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        right: 20px;
        top: 10px;
        font-size: 20px;
        transition: transform .5s ease;
        display: inline-block;
		animation: spin 2s infinite linear;
		color: #666666;
}

.elementor-control-custom_php {
    height: 300px !important;
    overflow-y:scroll !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://hub.ukdebtexpert.co.uk/wp-content/uploads/2026/04/font.woff2') format('woff2'),
		url('https://hub.ukdebtexpert.co.uk/wp-content/uploads/2026/04/font.woff') format('woff');
}
/* End Custom Fonts CSS */