/*
Theme Name: Blogza
Theme URI: https://themeansar.com/free-themes/blogza-free-wordpress-theme/
Template: blogus
Author: Themeansar
Author URI: https://themeansar.com
Description: Blogza is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. Blogza is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. Blogza is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogus/blogza/ and documentation at https://docs.themeansar.com/docs/blogus/
Tags: blog,portfolio,news,grid-Layout,one-column,two-columns,three-columns,flexible-header,left-sidebar,right-sidebar,custom-background,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,post-formats,rtl-language-support,theme-options,sticky-post,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 0.5.1723462716
Updated: 2024-08-12 11:38:36
*/
body {
font-family: 'Roboto', sans-serif;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: 'Roboto', sans-serif;
}
.bs-blog-post p{margin-bottom:20px;}
.post {
box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1) !important;
/* padding: 10px; */
border-radius:20px;
}
.nv-itm-cst a {
color: #000;
}
.boiler_help{font-size:35px;}
body {
background: #ffffff !important;
}
footer li a{color: #fff;font-size:15px;}
div#manage-ajax-response .caf-post-title {
background: #fff!important;
padding-top:30px;
}
.boiler_help {
font-size: 35px;
position: absolute;
top: 2%;
}
.home .col-md-12{
position:relative;
}
footer.footer {
display: none;
}
main#content h1, main#content h2, main#content h3, main#content h4, main#content h5{
font-family:Inter, system-ui, sans-serif;
}
.bs-blog-post.single h1 {
font-size: 42px !important;
font-weight: 500 !important;
margin-top: 30px;
margin-bottom: 0px;
}
.single .single-class{
padding-bottom:0px!important;
}
.featured-blogs h3 {
height: 60px;
}
span.bs-author {
display: none;
}
.bs-header {
position: relative;
}
span.bs-blog-date {
position: absolute;
top: 0;
font-family: Inter, system-ui, sans-serif;
font-size: 16px;
margin: 20px 0px;
}
.bs-blog-date:before {
content: "Last Updated";
font-family: Inter, system-ui, sans-serif;
font-weight: 500;
color: #444 !important;
}
span.bs-blog-date a{color: #444;
}
.caf-post-layout1 .caf-content{
/* height:95px; */
overflow: hidden !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
padding: 0px 10px !important;
}
span.bs-blog-date a:hover{
text-decoration:none;
}
span.bs-blog-date a:hover {
color: #000;
}
.bs-blog-post.single img{width:100%;}
main#content strong {
font-family: Inter, system-ui, sans-serif;
}
main#content li a {
font-family: Inter, system-ui, sans-serif;
font-weight:400;
line-height: 25px;
}
.bs-blog-post.single h2, .bs-blog-post.single h3{
color: #000;
font-weight: 700;
}
p strong{color: #000;}
.py-4.px-3.mb-4.bs-card-box.bs-single-related {
display: none;
}
.bs-header h1.title a:hover {
color: #000 !important;
}
ul.caf-filter-container.caf-filter-layout1{
text-align: end !important;
}
span.comment {
display: none;
}
.caf-meta-content {
padding: 0px !important;
border-bottom:none !important;
}
span.date i {
display: none;
}
span.date.caf-col-md-6.caf-pl-0 {
position: absolute;
top: 12px;
font-size: 14px;
font-weight: 600;
padding-left: 10px !important;
text-overflow: unset;
}
div#manage-ajax-response .caf-post-title h2 a {
color: #000;
font-size: 20px;
line-height:25px;
}
.author {
display: none;
}
div#manage-ajax-response a.caf-read-more {
background: none;
border: none;
font-weight: 600;
font-size: 16px;
}
.hrs_header .hrs_logo img{
height: 3.5rem;
}
ul.navbar-nav{
margin-left: auto !important;
padding: 0px;
}
div#manage-ajax-response div#manage-post-area {
padding: 15px;
border-radius:20px;
position: relative;
}
.caf-featured-img-box {
border-radius: 20px 20px 0px 0px;
}
div#manage-ajax-response .manage-layout1{
border-radius:20px;
box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}
div#manage-ajax-response a.caf-read-more:hover {
color: #000 !important;
}
div#manage-ajax-response a.caf-read-more:before {
content: "\f061";
font-family: 'Font Awesome 5 Free';
margin-right: 7PX;
}
ul.caf-filter-container.caf-filter-layout1 li a {
background: transparent !important;
color: #000 !important;
font-size: 20px !important;
}
ul.caf-filter-container.caf-filter-layout1 li a.active {
border-bottom: 2px solid;
border-radius: 0px;
}
header.bs-headthree.six {
display: none;
}
.hrs_header {
padding: 1rem 0px;
}
.post .small {
padding: 20px !important;
}
.post .small p {
height: 230px;
}
.bs-social li a i {
font-size: 20px;
width: 35px;
height: 35px;
}
.switch .slider::before {
font-size: 20px;
}
.site-title {
font-family: 'Roboto', sans-serif;
}
.navbar-wp .navbar-nav > li> a {
font-family: 'Roboto', sans-serif;
}
.navbar-nav {
padding-right: 0;
justify-content: flex-start;
padding-top: 1rem;
padding-bottom: 1rem;
-moz-column-gap: 1.5rem;
-webkit-column-gap: 1.5rem;
-o-column-gap: 1.5rem;
column-gap: 1.5rem;
row-gap: 1rem;
}
.desk-header {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.right-nav a {
font-size: 20px;
width: 35px;
height: 35px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.site-branding-text .site-title {
font-size: inherit;
}
.bs-blog-post {
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.bs-blog-post:hover {
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.bs-blog-thumb.lg {
height: auto;
}
.bs-blog-post .bs-blog-thumb img {
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
min-height: 300px;
}
.list-blog.bs-blog-post {
margin-bottom: 0;
padding: 0;
}
.bs-blog-post .small {
padding: 0;
}
.b-ai-menu-content-gpt::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 0px !important;
}
::-webkit-scrollbar-thumb:hover {
background: #888 !important;
}
.indx-timeline::-webkit-scrollbar-thumb {
display: block !important;
}
.rounded-full{text-decoration:none !important;font-weight:500 !important;}
.bs-blog-meta .bs-author .auth img {
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.bs-blog-post .bs-header {
padding-right: 0;
padding-left: 0;
}
.bs-info-author-block .bs-author-pic img {
margin-left: auto;
margin-right: auto;
}
footer .site-branding-text .site-title-footer a {
font-family: 'Roboto', sans-serif;
}
figure {
display: grid;
margin-bottom: 0;
margin-bottom: 10px;
grid-template-rows: 1fr auto;
break-inside: avoid;
}
button:focus:not(:focus-visible) {
outline: 2px dotted #000;
}
.navbar-toggler.x:focus, button:focus {
outline: 2px dotted #000;
border: 1px solid;
}
p a {
text-decoration: underline;
}
.article_content a, .bs-blog-post single a, .entry-content a, .comment-body a, .textwidget a, .content-area a {
text-decoration: underline;
}
.bs-headthree .bs-header-main {
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
background-size: cover;
}
.bs-headthree .bs-header-main .inner {
display: flex;
text-align: center;
height: auto;
align-items: center;
min-height: 150px;
padding: 15px 0;
margin: 0;
}
.bs-headthree .navbar-brand {
margin-right: unset;
}
.bs-menu-full {
position: relative;
}
.bs-headthree .navbar-brand .custom-logo {
max-width: 100%;
height: auto;
object-fit: cover;
}
.bs-headthree.six {
margin-bottom: 50px;
}
.bs-headthree.six .bs-social {
flex-wrap: wrap;
justify-content: flex-end;
padding: 0;
}
.bs-headthree.six .navbar-wp {
margin-left: 0;
margin-top: 0;
height: auto;
margin-right: 0;
margin-bottom: 0;
margin-bottom: 30px;
-moz-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
border: 1px solid;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
z-index: 999;
min-height: 58px;
padding: 0;
}
.bs-headthree.six .navbar-wp .navbar-nav > li> a {
padding: 0;
}
.bs-blog-post .bs-blog-thumb .bs-blog-category {
margin-left: 0;
position: absolute;
left: 20px;
margin-right: 0;
top: 20px;
right: 20px;
}
.site-branding-text .site-title a {
font-size: 60px;
}
.bs-masonry-columns.c2 {
-moz-columns: 2;
-webkit-columns: 2;
-o-columns: 2;
columns: 2;
-moz-column-gap: 1.5rem;
-webkit-column-gap: 1.5rem;
-o-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.bs-blog-post .bs-blog-meta a {
font-weight: 500;
}
.bs-masonry-columns.c3 {
-moz-columns: 3;
-webkit-columns: 3;
-o-columns: 3;
columns: 3;
-moz-column-gap: 2rem;
-webkit-column-gap: 2rem;
-o-column-gap: 2rem;
column-gap: 2rem;
}
.bs-masonry-columns div {
display: inline-block;
width: 100%;
}
.bs-blog-post .bs-blog-thumb:hover img {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.bs-blog-post.single .bs-blog-thumb:hover img {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.menu-link-description {
display: inline-table;
font-weight: 700;
font-size: 11px;
line-height: 10px;
line-height: normal;
width: max-content;
position: absolute;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
top: 0;
word-break: keep-all;
z-index: 9;
overflow-wrap: unset;
padding: 2px 4px;
margin: 0 3px;
}
.menu-link-description:after {
width: 0;
height: 0;
position: absolute;
left: 3px;
content: '';
bottom: -4px;
border-left: 0 solid transparent;
border-top: 5px solid #fff;
border-right: 5px solid transparent;
}
.blog-post-list {
display: flex;
flex-direction: column;
gap: 70px;
}
.page-class .bs-card-box.padding-20 {
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
padding: 0;
}
img {
max-width: 100%;
display: block;
}
figure>img {
grid-row: 1 / -1;
grid-column: 1;
}
figure a {
text-decoration: none;
color: black;
}
.blogza-background-wrapper .squares, .blogza-background-wrapper .circles, .blogza-background-wrapper .triangles {
width: 100%;
height: 100%;
position: fixed;
left: 0;
overflow: hidden;
top: 0;
z-index: -1;
}
.squares .square, .circles .circle, .triangles .triangle {
width: 20px;
height: 20px;
position: absolute;
opacity: 0.1;
bottom: -100px;
animation: animate 8s linear infinite;
}
.circles .circle {
-moz-border-radius: 100px !important;
-webkit-border-radius: 100px !important;
-o-border-radius: 100px !important;
border-radius: 100px !important;
}
.triangles .triangle {
width: 0;
height: 0;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-o-border-radius: 0 !important;
border-radius: 0 !important;
border-bottom-style: solid;
border-bottom-width: 42px;
border-left-width: 25px;
border-left-style: solid;
border-right-width: 25px;
border-right-style: solid;
}
.squares .square:nth-child(1) {
width: 80px;
height: 80px;
left: 25%;
animation-delay: 0s;
}
.circles .circle:nth-child(1) {
width: 22px;
height: 20px;
left: 10%;
animation-delay: 0s;
}
.triangles .triangle:nth-child(1) {
left: 45%;
border-bottom-width: 22px;
border-left-width: 10px;
border-right-width: 10px;
animation-delay: 0s;
}
.squares .square:nth-child(2) {
width: 20px;
height: 20px;
left: 10%;
animation-duration: 12s;
animation-delay: 2s;
}
.circles .circle:nth-child(2) {
width: 84px;
height: 80px;
left: 45%;
animation-delay: 12s;
}
.triangles .triangle:nth-child(2) {
left: 25%;
border-bottom-width: 28px;
border-left-width: 15px;
border-right-width: 15px;
animation-delay: 12s;
}
.squares .square:nth-child(3) {
width: 20px;
height: 20px;
left: 70%;
animation-delay: 4s;
}
.circles .circle:nth-child(3) {
width: 53px;
height: 50px;
left: 90%;
animation-delay: 4s;
}
.triangles .triangle:nth-child(3) {
left: 80%;
border-bottom-width: 28px;
border-left-width: 15px;
border-right-width: 15px;
animation-delay: 4s;
}
.squares .square:nth-child(4) {
width: 60px;
height: 60px;
left: 40%;
animation-duration: 18s;
animation-delay: 0s;
}
.circles .circle:nth-child(4) {
width: 53px;
height: 50px;
left: 60%;
animation-delay: 18s;
}
.triangles .triangle:nth-child(4) {
left: 30%;
border-bottom-width: 38px;
border-left-width: 20px;
border-right-width: 20px;
animation-delay: 18s;
}
.squares .square:nth-child(5) {
width: 20px;
height: 20px;
left: 65%;
animation-delay: 0s;
}
.circles .circle:nth-child(5) {
width: 43px;
height: 40px;
left: 90%;
animation-delay: 1s;
}
.triangles .triangle:nth-child(5) {
left: 70%;
border-bottom-width: 42px;
border-left-width: 25px;
border-right-width: 25px;
animation-delay: 1s;
}
.squares .square:nth-child(6) {
width: 110px;
height: 110px;
left: 75%;
animation-delay: 3s;
}
.squares .square:nth-child(7) {
width: 100px;
height: 100px;
left: 35%;
animation-delay: 7s;
}
.squares .square:nth-child(8) {
width: 25px;
height: 25px;
left: 50%;
animation-duration: 45s;
animation-delay: 15s;
}
.squares .square:nth-child(9) {
width: 15px;
height: 15px;
left: 20%;
animation-duration: 35s;
animation-delay: 2s;
}
.squares .square:nth-child(10) {
width: 100px;
height: 100px;
left: 85%;
animation-duration: 11s;
animation-delay: 0s;
}
.about_author svg.svg-inline--fa.fa-linkedin.ml-1 {
display: inline-block;
width: 3%;
}
.about_author a{color: #000;}
@media screen and (max-width: 991px) {
footer .container {
margin: 0!important;
width: 100% !important;
min-width: 100% !important;
}
footer .flex.justify-between.text-white.flex-col.md\:flex-row.md\:text-left .col-sm:nth-child(1){
width: 25%;
}
footer .flex.justify-between.text-white.flex-col.md\:flex-row.md\:text-left .col-sm:nth-child(2){
width: 22%;
}
footer .flex.justify-between.text-white.flex-col.md\:flex-row.md\:text-left .col-sm:nth-child(3){
width: 21%;
vertical-align:top;
}
footer .flex.justify-between.text-white.flex-col.md\:flex-row.md\:text-left .col-sm:nth-child(4){
width: 30%;
vertical-align:top;
}
div#manage-ajax-response .caf-post-title h2 a {
color: #000;
font-size: 16px;
line-height: 25px;
}
footer .flex.justify-between.text-white.flex-col.md\:flex-row.md\:text-left {
display: inline-block;
width: 100%;
}
footer .flex.justify-between.text-white.flex-col.md\:flex-row.md\:text-left .col-sm{
display: inline-block;
/* width: 49%; */
margin-bottom:20px;
}
.featured-blogs h3{font-size:18px;}
.about_author .flex.flex-col {
padding: 20px !important;
}
.bg-teal a {
padding: 2px !important;
}
.leading-7{overflow-x:scroll;}
.about_author svg.svg-inline--fa.fa-linkedin.ml-1 {
display: inline-block;
width: 4%;
}
.about_author .p-6{
padding:0px !important;
}
.about_author .items-stretch{
padding:0px !important;
}
.caf-post-layout1 .caf-content {
/* height: 180px !important; */
text-align: left !important;
padding-top: 20px !important;
}
.single-post main#content {
margin: 0px 20px !important;
}
.bs-headthree .navbar-brand .custom-logo {
width: 200px;
height: auto;
}
.bs-headthree.six .navbar-wp .navbar-nav > li> a {
padding: 13px 8px;
}
.navbar-nav {
gap: 0;
padding: 0;
}
}
@media (max-width: 991.98px) {
.bs-masonry-columns.c3 {
-moz-columns: 2;
-webkit-columns: 2;
-o-columns: 2;
columns: 2;
}
}
@media screen and (max-width: 767px) {
.content td, .single td {
padding: 8px 11.2px;
width: 120px !important;
}
.bs-latest-heading span {
display: none;
}
.bs-headthree .navbar-brand .custom-logo {
width: 120px;
height: auto;
}
.bs-masonry-columns.c3 {
-moz-columns: 1;
-webkit-columns: 1;
-o-columns: 1;
columns: 1;
}
.bs-masonry-columns.c2 {
-moz-columns: 1;
-webkit-columns: 1;
-o-columns: 1;
columns: 1;
}
.bs-blog-post .bs-blog-meta {
justify-content: start;
}
}
@media screen and (max-width: 600px){
.boiler_help{position:relative; margin-bottom:20px;}
footer .flex.justify-between.text-white.flex-col.md\:flex-row.md\:text-left {
display: flex;
width: 100%;
}
footer .flex.justify-between.text-white.flex-col.md\:flex-row.md\:text-left .col-sm {
width: 100% !important;
}
.about_author svg.svg-inline--fa.fa-linkedin.ml-1 {
display: inline-block;
width: 10%;
}
table{width:400px !important;}
}
*,
:before,
:after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb
}
:before,
:after {
--tw-content: ""
}
html {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
tab-size: 4;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, apple color emoji, segoe ui emoji, Segoe UI Symbol, noto color emoji;
font-feature-settings: normal;
font-variation-settings: normal;
scroll-behavior: smooth;
}
body {
margin: 0;
line-height: inherit
}
hr {
height: 0;
color: inherit;
border-top-width: 1px
}
abbr:where([title]) {
text-decoration: underline dotted
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit
}
a {
color: inherit;
text-decoration: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0
}
button,
select {
text-transform: none
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
background-color: transparent;
background-image: none
}
:-moz-focusring {
outline: auto
}
:-moz-ui-invalid {
box-shadow: none
}
progress {
vertical-align: baseline
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
summary {
display: list-item
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0
}
fieldset {
margin: 0;
padding: 0
}
legend {
padding: 0
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0
}
dialog {
padding: 0
}
textarea {
resize: vertical
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af
}
button,
[role=button] {
cursor: pointer
}
:disabled {
cursor: default
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle
}
img,
video {
max-width: 100%;
height: auto
}
[hidden] {
display: none
}
html {
font-family: Inter, system-ui, sans-serif;
font-size: 16px;
scroll-behavior: smooth;
}
.section-padding {
padding-left: 1rem;
padding-right: 1rem
}
@media(min-width:768px) {
.section-padding {
padding-left: 2rem;
padding-right: 2rem
}
}
.calendar div {
min-height: 75px
}
.result-product-ul li {
background-image: url(https://cdn.iheat.co.uk/images/icons/svg/tick-green.svg);
background-position: left 0 top 4px;
background-repeat: no-repeat;
background-size: 12px auto;
line-height: 1.35em;
margin-bottom: 8px;
padding-left: 20px
}
.checkbox {
display: flex;
align-items: center;
justify-content: center
}
.checkbox:checked:after {
content: "";
background-image: url(https://cdn.iheat.co.uk/icons/tick-white.svg);
background-repeat: no-repeat;
width: 60%;
height: 60%;
background-size: cover
}
.deposit-amount {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 99.9%;
height: 12px;
background: #a4afc9;
outline: none;
transition: opacity .2s;
border-radius: 50px
}
.deposit-amount::-webkit-slider-thumb {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 30px;
height: 30px;
background: #112149;
cursor: pointer;
border-radius: 100%;
position: relative
}
.deposit-amount::-moz-range-thumb {
width: 30px;
height: 30px;
background: #dc3545;
cursor: pointer
}
.whats-included {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0;
grid-row-gap: 0
}
.whats-included .div1 {
grid-area: 1/1/5/3
}
.whats-included .div2 {
grid-area: 1/3/1/5
}
.whats-included .div3 {
grid-area: 3/3/2/4
}
.whats-included .div4 {
grid-area: 3/4/2/5
}
.whats-included .div5 {
grid-area: 5/3/3/5
}
.whats-included .div6 {
grid-area: 1/5/3/7
}
.whats-included .div7 {
grid-area: 5/5/3/7
}
.how-we-work-swiper .swiper-slide {
transition: .5s
}
.boiler-swiper .swiper-slide {
height: auto
}
.fade-enter-active,
.fade-leave-active {
transition: opacity .5s
}
.fade-enter,
.fade-leave-to {
opacity: 0
}
.\!loading {
display: block !important;
width: 50px !important;
height: 50px !important;
border: 5px solid #122149 !important;
border-radius: 50% !important;
border-top-color: #e9eef7 !important;
animation: spin 1s ease-in-out infinite !important;
-webkit-animation: spin 1s ease-in-out infinite !important
}
/* .loading {
display: block;
width: 50px;
height: 50px;
border: 5px solid #122149;
border-radius: 50%;
border-top-color: #e9eef7;
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite
} */
@keyframes spin {
to {
-webkit-transform: rotate(360deg)
}
}
.calendar {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 30px 1fr 1fr 1fr 1fr 1fr;
grid-template-areas: ". . . . . . ." ". . . . . . ." ". . . . . . ." ". . . . . . ." ". . . . . . ."
}
@media(max-width:500px) {
.calendar {
grid-template-rows: 22px 1fr 1fr 1fr 1fr 1fr
}
}
.sidebar-items div:last-child {
margin-bottom: 0
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background: 0 0;
background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 50%
}
.selected {
position: relative;
display: flex;
aspect-ratio: auto;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: .375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: #00bddd;
--tw-bg-opacity: 1;
background-color: #00bddd;
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
/*
.selected {
position: relative;
display: flex;
aspect-ratio: auto;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: .375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(18 33 73/var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(18 33 73/var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
} */
@supports(aspect-ratio:1 / 1) {
.selected {
aspect-ratio: auto
}
}
@supports not (aspect-ratio:1 / 1) {
.selected:before {
padding-top: 10%;
float: left;
content:
}
.selected:after {
clear: both;
content: "";
display: block
}
}
@media(min-width:640px) {
.selected {
aspect-ratio: 1/1
}
@supports(aspect-ratio:1 / 1) {
.selected {
aspect-ratio: 1/1
}
}
@supports not (aspect-ratio:1 / 1) {
.selected:before {
padding-top: 10%;
float: left;
content:
}
.selected:after {
clear: both;
content: "";
display: block
}
}
}
.selected:after {
content: "";
position: absolute;
background-image: url(https://cdn.iheat.co.uk/icons/tick-white.svg);
background-repeat: no-repeat;
width: 25%;
height: 25%;
bottom: 40%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto
}
.alternative {
position: relative;
display: flex;
aspect-ratio: auto;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: .375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(22 163 74/var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(22 163 74/var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
@supports(aspect-ratio:1 / 1) {
.alternative {
aspect-ratio: auto
}
}
@supports not (aspect-ratio:1 / 1) {
.alternative:before {
padding-top: 10%;
float: left;
content:
}
.alternative:after {
clear: both;
content: "";
display: block
}
}
@media(min-width:640px) {
.alternative {
aspect-ratio: 1/1
}
@supports(aspect-ratio:1 / 1) {
.alternative {
aspect-ratio: 1/1
}
}
@supports not (aspect-ratio:1 / 1) {
.alternative:before {
padding-top: 10%;
float: left;
content:
}
.alternative:after {
clear: both;
content: "";
display: block
}
}
}
.alternative:after {
content: "";
position: absolute;
background-image: url(https://cdn.iheat.co.uk/icons/tick-white.svg);
background-repeat: no-repeat;
width: 25%;
height: 25%;
bottom: 35%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto
}
.\!day {
z-index: 10;
display: flex;
aspect-ratio: auto;
cursor: pointer;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: .375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(243 244 246/var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(116 116 116/var(--tw-text-opacity));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
@supports(aspect-ratio:1 / 1) {
.\!day {
aspect-ratio: auto
}
}
@supports not (aspect-ratio:1 / 1) {
.\!day:before {
padding-top: 10%;
float: left;
content:
}
.\!day:after {
clear: both;
content: "";
display: block
}
}
@media(min-width:640px) {
.\!day {
aspect-ratio: 1/1
}
@supports(aspect-ratio:1 / 1) {
.\!day {
aspect-ratio: 1/1
}
}
@supports not (aspect-ratio:1 / 1) {
.\!day:before {
padding-top: 10%;
float: left;
content:
}
.\!day:after {
clear: both;
content: "";
display: block
}
}
}
@media(min-width:768px) {
.\!day:hover {
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
}
.day {
z-index: 10;
display: flex;
aspect-ratio: auto;
cursor: pointer;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: .375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(243 244 246/var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(116 116 116/var(--tw-text-opacity));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
@supports(aspect-ratio:1 / 1) {
.day {
aspect-ratio: auto
}
}
@supports not (aspect-ratio:1 / 1) {
.day:before {
padding-top: 10%;
float: left;
content:
}
.day:after {
clear: both;
content: "";
display: block
}
}
@media(min-width:640px) {
.day {
aspect-ratio: 1/1
}
@supports(aspect-ratio:1 / 1) {
.day {
aspect-ratio: 1/1
}
}
@supports not (aspect-ratio:1 / 1) {
.day:before {
padding-top: 10%;
float: left;
content:
}
.day:after {
clear: both;
content: "";
display: block
}
}
}
@media(min-width:768px) {
.day:hover {
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
}
.day-number {
margin-bottom: auto;
margin-top: 10%;
display: flex;
justify-content: center;
border-radius: .375rem;
font-size: 15px
}
@media(min-width:640px) {
.day-number {
font-size: .875rem;
line-height: 14px
}
}
@media(min-width:768px) {
.day-number {
font-size: 1rem;
line-height: 16px
}
}
.blank {
display: flex;
aspect-ratio: auto;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: .375rem;
border-right-width: 1px;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(243 244 246/var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity))
}
@supports(aspect-ratio:1 / 1) {
.blank {
aspect-ratio: auto
}
}
@supports not (aspect-ratio:1 / 1) {
.blank:before {
padding-top: 10%;
float: left;
content:
}
.blank:after {
clear: both;
content: "";
display: block
}
}
@media(min-width:640px) {
.blank {
aspect-ratio: 1/1;
border-width: 1px
}
@supports(aspect-ratio:1 / 1) {
.blank {
aspect-ratio: 1/1
}
}
@supports not (aspect-ratio:1 / 1) {
.blank:before {
padding-top: 10%;
float: left;
content:
}
.blank:after {
clear: both;
content: "";
display: block
}
}
}
.not-available {
display: flex;
aspect-ratio: auto;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: .375rem;
border-right-width: 1px;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(243 244 246/var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(116 116 116/var(--tw-text-opacity))
}
@supports(aspect-ratio:1 / 1) {
.not-available {
aspect-ratio: auto
}
}
@supports not (aspect-ratio:1 / 1) {
.not-available:before {
padding-top: 10%;
float: left;
content:
}
.not-available:after {
clear: both;
content: "";
display: block
}
}
@media(min-width:640px) {
.not-available {
aspect-ratio: 1/1;
border-width: 1px
}
@supports(aspect-ratio:1 / 1) {
.not-available {
aspect-ratio: 1/1
}
}
@supports not (aspect-ratio:1 / 1) {
.not-available:before {
padding-top: 10%;
float: left;
content:
}
.not-available:after {
clear: both;
content: "";
display: block
}
}
}
.cost {
margin-bottom: 20%;
margin-top: auto;
display: flex;
justify-content: center;
border-radius: .375rem;
font-size: 11px;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(18 33 73/var(--tw-text-opacity))
}
@media(min-width:640px) {
.cost {
font-size: .875rem;
line-height: 14px
}
}
@media(min-width:768px) {
.cost {
margin-bottom: 10%;
font-size: 1rem;
line-height: 16px
}
}
.selected .cost {
margin-bottom: 10%;
margin-top: auto;
display: flex;
justify-content: center;
border-radius: .375rem;
font-size: 9px;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
}
@media(min-width:640px) {
.selected .cost {
font-size: .875rem;
line-height: 14px
}
}
@media(min-width:768px) {
.selected .cost {
margin-bottom: 10%;
font-size: 1rem;
line-height: 16px
}
}
.alternative .cost {
margin-bottom: -16%;
margin-top: auto;
display: flex;
justify-content: center;
border-radius: .375rem;
font-size: 9px;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
}
@media(min-width:640px) {
.alternative .cost {
font-size: .875rem;
line-height: 14px
}
}
@media(min-width:768px) {
.alternative .cost {
margin-bottom: 10%;
font-size: 1rem;
line-height: 16px
}
}
.text {
margin-bottom: 10%;
margin-top: auto;
display: flex;
justify-content: center;
border-radius: .375rem;
padding-left: .25rem;
padding-right: .25rem;
font-size: 8px;
--tw-text-opacity: 1;
color: rgb(18 33 73/var(--tw-text-opacity))
}
@media(min-width:768px) {
.text {
margin-bottom: 10%;
font-size: 12px
}
}
*,
:before,
:after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.container {
width: 100%
}
@media(min-width:100%) {
.container {
max-width: 100%
}
}
@media(min-width:1024px) {
.container {
max-width: 1024px
}
}
@media(min-width:1360px) {
.container {
max-width: 1360px
}
}
@media(min-width:1536px) {
.container {
max-width: 1536px
}
}
.container-v5 {
max-width: 1120px
}
.blob {
margin: .5rem;
height: .5rem;
width: .5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(22 163 74/var(--tw-bg-opacity));
box-shadow: 0 0 #000;
transform: scale(1);
animation: pulse 2s infinite
}
.blob-online {
margin: .5rem;
display: inline-block;
height: .5rem;
width: .5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(22 163 74/var(--tw-bg-opacity));
box-shadow: 0 0 #000;
transform: scale(1);
animation: pulse 2s infinite
}
.blob-offline {
margin: .5rem;
display: inline-block;
height: .5rem;
width: .5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(220 38 38/var(--tw-bg-opacity));
box-shadow: 0 0 #000
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
.visible {
visibility: visible
}
.collapse {
visibility: collapse
}
.fixed {
position: fixed
}
.absolute {
position: absolute
}
.relative {
position: relative
}
.inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0
}
.inset-y-0 {
top: 0;
bottom: 0
}
.-bottom-12 {
bottom: -3rem
}
.-bottom-16 {
bottom: -4rem
}
.-right-1 {
right: -.25rem
}
.-right-12 {
right: -3rem
}
.-right-2 {
right: -.5rem
}
.-right-4 {
right: -1rem
}
.-top-1 {
top: -.25rem
}
.-top-2 {
top: -.5rem
}
.-top-4 {
top: -1rem
}
.-top-5 {
top: -1.25rem
}
.-top-8 {
top: -2rem
}
.bottom-0 {
bottom: 0
}
.bottom-2 {
bottom: .5rem
}
.bottom-5 {
bottom: 1.25rem
}
.bottom-8 {
bottom: 2rem
}
.left-0 {
left: 0
}
.left-1\/2 {
left: 50%
}
.left-10 {
left: 2.5rem
}
.left-12 {
left: 3rem
}
.left-2 {
left: .5rem
}
.left-5 {
left: 1.25rem
}
.left-6 {
left: 1.5rem
}
.left-\[10\%\] {
left: 10%
}
.left-\[15\%\] {
left: 15%
}
.right-0 {
right: 0
}
.right-10 {
right: 2.5rem
}
.right-20 {
right: 5rem
}
.right-4 {
right: 1rem
}
.right-40 {
right: 10rem
}
.right-5 {
right: 1.25rem
}
.right-\[-10\%\] {
right: -10%
}
.right-\[0\%\] {
right: 0%
}
.right-\[10\%\] {
right: 10%
}
.top-0 {
top: 0
}
.top-10 {
top: 2.5rem
}
.top-36 {
top: 9rem
}
.top-6 {
top: 1.5rem
}
.top-8 {
top: 2rem
}
.top-\[-15\%\] {
top: -15%
}
.top-\[-15px\] {
top: -15px
}
.top-\[-30\%\] {
top: -30%
}
.top-\[35\%\] {
top: 35%
}
.top-auto {
top: auto
}
.top-full {
top: 100%
}
.z-0 {
z-index: 0
}
.z-10 {
z-index: 10
}
.z-20 {
z-index: 20
}
.z-30 {
z-index: 30
}
.z-50 {
z-index: 50
}
.z-\[45\] {
z-index: 45
}
.order-first {
order: -9999
}
.col-span-10 {
grid-column: span 10/span 10
}
.col-span-12 {
grid-column: span 12/span 12
}
.col-span-2 {
grid-column: span 2/span 2
}
.col-span-4 {
grid-column: span 4/span 4
}
.col-span-5 {
grid-column: span 5/span 5
}
.col-span-6 {
grid-column: span 6/span 6
}
.row-span-3 {
grid-row: span 3/span 3
}
.row-span-6 {
grid-row: span 6/span 6
}
.m-0 {
margin: 0
}
.m-2 {
margin: .5rem
}
.m-3 {
margin: .75rem
}
.m-4 {
margin: 1rem
}
.mx-1 {
margin-left: .25rem;
margin-right: .25rem
}
.mx-2 {
margin-left: .5rem;
margin-right: .5rem
}
.mx-3 {
margin-left: .75rem;
margin-right: .75rem
}
.mx-4 {
margin-left: 1rem;
margin-right: 1rem
}
.mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.my-1 {
margin-top: .25rem;
margin-bottom: .25rem
}
.my-3 {
margin-top: .75rem;
margin-bottom: .75rem
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem
}
.my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.my-auto {
margin-top: auto;
margin-bottom: auto
}
.-ml-px {
margin-left: -1px
}
.-mt-2 {
margin-top: -.5rem
}
.mb-0 {
margin-bottom: 0
}
.mb-1 {
margin-bottom: .25rem
}
.mb-10 {
margin-bottom: 2.5rem
}
.mb-12 {
margin-bottom: 3rem
}
.mb-14 {
margin-bottom: 3.5rem
}
.mb-16 {
margin-bottom: 4rem
}
.mb-2 {
margin-bottom: .5rem
}
.mb-20 {
margin-bottom: 5rem
}
.mb-3 {
margin-bottom: .75rem
}
.mb-4 {
margin-bottom: 1rem
}
.mb-5 {
margin-bottom: 1.25rem
}
.mb-6 {
margin-bottom: 1.5rem
}
.mb-8 {
margin-bottom: 2rem
}
.mb-auto {
margin-bottom: auto
}
.ml-0 {
margin-left: 0
}
.ml-1 {
margin-left: .25rem
}
.ml-10 {
margin-left: 2.5rem
}
.ml-2 {
margin-left: .5rem
}
.ml-3 {
margin-left: .75rem
}
.ml-4 {
margin-left: 1rem
}
.ml-6 {
margin-left: 1.5rem
}
.ml-auto {
margin-left: auto
}
.mr-0 {
margin-right: 0
}
.mr-1 {
margin-right: .25rem
}
.mr-10 {
margin-right: 2.5rem
}
.mr-2 {
margin-right: .5rem
}
.mr-3 {
margin-right: .75rem
}
.mr-4 {
margin-right: 1rem
}
.mr-6 {
margin-right: 1.5rem
}
.mr-8 {
margin-right: 2rem
}
.mr-auto {
margin-right: auto
}
.ms-1 {
margin-inline-start: .25rem
}
.mt-0 {
margin-top: 0
}
.mt-1 {
margin-top: .25rem
}
.mt-10 {
margin-top: 2.5rem
}
.mt-12 {
margin-top: 3rem
}
.mt-14 {
margin-top: 3.5rem
}
.mt-16 {
margin-top: 4rem
}
.mt-2 {
margin-top: .5rem
}
.mt-20 {
margin-top: 5rem
}
.mt-3 {
margin-top: .75rem
}
.mt-4 {
margin-top: 1rem
}
.mt-5 {
margin-top: 1.25rem
}
.mt-6 {
margin-top: 1.5rem
}
.mt-8 {
margin-top: 2rem
}
.mt-auto {
margin-top: auto
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.inline {
display: inline
}
.flex {
display: flex
}
.inline-flex {
display: inline-flex
}
.table {
display: table
}
.grid {
display: grid
}
.contents {
display: contents
}
.hidden {
display: none
}
.faq-hidden {
animation: FAQHidden 0.3s ease-in-out forwards;
}
@keyframes FAQHidden {
0% {
max-height: 400px;
padding-bottom: 1rem;
opacity: 1;
}
100% {
max-height: 0;
padding-bottom: 0;
opacity: 0;
display: none;
}
}
.faq-visible {
animation: FAQShow 0.3s ease-in-out forwards;
}
@keyframes FAQShow {
0% {
max-height: 0;
padding-bottom: 0;
opacity: 0;
display: none;
}
100% {
max-height: 400px;
padding-bottom: 1rem;
opacity: 1;
}
}
.aspect-square {
aspect-ratio: 1/1
}
.h-0 {
height: 0
}
.h-10 {
height: 2.5rem
}
.h-12 {
height: 3rem
}
.h-14 {
height: 3.5rem
}
.h-16 {
height: 4rem
}
.h-2 {
height: .5rem
}
.h-20 {
height: 5rem
}
.h-24 {
height: 6rem
}
.h-3 {
height: .75rem
}
.h-3\.5 {
height: .875rem
}
.h-4 {
height: 1rem
}
.h-5 {
height: 1.25rem
}
.h-6 {
height: 1.5rem
}
.h-7 {
height: 1.75rem
}
.h-8 {
height: 2rem
}
.h-\[100px\] {
height: 100px
}
.h-\[150px\] {
height: 150px
}
.h-\[1px\] {
height: 1px
}
.h-\[265px\] {
height: 265px
}
.h-\[270px\] {
height: 270px
}
.h-\[300px\] {
height: 300px
}
.h-\[30px\] {
height: 30px
}
.h-\[350px\] {
height: 350px
}
.h-auto {
height: auto
}
.h-full {
height: 100%
}
.h-screen {
height: 100vh
}
.max-h-5 {
max-height: 1.25rem
}
.max-h-6 {
max-height: 1.5rem
}
.max-h-7 {
max-height: 1.75rem
}
.max-h-\[170px\] {
max-height: 170px
}
.max-h-\[200px\] {
max-height: 200px
}
.max-h-\[350px\] {
max-height: 350px
}
.max-h-\[400px\] {
max-height: 400px
}
.max-h-\[60px\] {
max-height: 60px
}
.max-h-\[70px\] {
max-height: 70px
}
.min-h-\[110px\] {
min-height: 110px
}
.min-h-\[150px\] {
min-height: 150px
}
.min-h-\[170px\] {
min-height: 170px
}
.min-h-\[250px\] {
min-height: 250px
}
.min-h-\[285px\] {
min-height: 285px
}
.min-h-\[350px\] {
min-height: 350px
}
.min-h-\[400px\] {
min-height: 400px
}
.min-h-\[60px\] {
min-height: 60px
}
.min-h-\[80px\] {
min-height: 80px
}
.min-h-full {
min-height: 100%
}
.min-h-screen {
min-height: 100vh
}
.w-1\/2 {
width: 50%
}
.w-1\/5 {
width: 20%
}
.w-10 {
width: 2.5rem
}
.w-10\/12 {
width: 83.333333%
}
.w-12 {
width: 3rem
}
.w-14 {
width: 3.5rem
}
.w-16 {
width: 4rem
}
.w-2 {
width: .5rem
}
.w-2\/12 {
width: 16.666667%
}
.w-2\/3 {
width: 66.666667%
}
.w-2\/5 {
width: 40%
}
.w-20 {
width: 5rem
}
.w-24 {
width: 6rem
}
.w-28 {
width: 7rem
}
.w-3 {
width: .75rem
}
.w-3\.5 {
width: .875rem
}
.w-3\/12 {
width: 25%
}
.w-32 {
width: 8rem
}
.w-36 {
width: 9rem
}
.w-4 {
width: 1rem
}
.w-4\/12 {
width: 33.333333%
}
.w-40 {
width: 10rem
}
.w-44 {
width: 11rem
}
.w-48 {
width: 12rem
}
.w-5 {
width: 1.25rem
}
.w-5\/12 {
width: 41.666667%
}
.w-5\/6 {
width: 83.333333%
}
.w-6 {
width: 1.5rem
}
.w-6\/12 {
width: 50%
}
.w-7\/12 {
width: 58.333333%
}
.w-8 {
width: 2rem
}
.w-8\/12 {
width: 66.666667%
}
.w-9\/12 {
width: 75%
}
.w-\[180px\] {
width: 180px
}
.w-\[20\%\] {
width: 20%
}
.w-\[200px\] {
width: 200px
}
.w-\[50\%\] {
width: 50%
}
.w-\[500px\] {
width: 500px
}
.w-\[50px\] {
width: 50px
}
.w-\[65\%\] {
width: 65%
}
.w-\[80px\] {
width: 80px
}
.w-\[90px\] {
width: 90px
}
.w-auto {
width: auto
}
.w-fit {
width: fit-content
}
.w-full {
width: 100%
}
.w-max {
width: max-content
}
.w-screen {
width: 100vw
}
.min-w-\[100px\] {
min-width: 100px
}
.min-w-\[130px\] {
min-width: 130px
}
.min-w-\[240px\] {
min-width: 240px
}
.min-w-\[300px\] {
min-width: 300px
}
.max-w-2xl {
max-width: 42rem
}
.max-w-3xl {
max-width: 48rem
}
.max-w-5xl {
max-width: 64rem
}
.max-w-\[100px\] {
max-width: 100px
}
.max-w-\[125\%\] {
max-width: 125%
}
.max-w-\[125px\] {
max-width: 125px
}
.max-w-\[150px\] {
max-width: 150px
}
.max-w-\[180px\] {
max-width: 180px
}
.max-w-\[200px\] {
max-width: 200px
}
.max-w-\[220px\] {
max-width: 220px
}
.max-w-\[300px\] {
max-width: 300px
}
.max-w-\[340px\] {
max-width: 340px
}
.max-w-\[350px\] {
max-width: 350px
}
.max-w-\[400px\] {
max-width: 400px
}
.max-w-\[480px\] {
max-width: 480px
}
.max-w-\[500px\] {
max-width: 500px
}
.max-w-\[50px\] {
max-width: 50px
}
.max-w-\[600px\] {
max-width: 600px
}
.max-w-\[60px\] {
max-width: 60px
}
.max-w-\[70px\] {
max-width: 70px
}
.max-w-\[80\%\] {
max-width: 80%
}
.max-w-\[80px\] {
max-width: 80px
}
.max-w-full {
max-width: 100%
}
.max-w-lg {
max-width: 32rem
}
.max-w-md {
max-width: 28rem
}
.max-w-xl {
max-width: 36rem
}
.max-w-xs {
max-width: 20rem
}
.flex-1 {
flex: 1 1 0%
}
.flex-auto {
flex: 1 1 auto
}
.flex-shrink-0 {
flex-shrink: 0
}
.grow {
flex-grow: 1
}
.border-collapse {
border-collapse: collapse
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-full {
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-0 {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-90 {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-default {
cursor: default
}
.cursor-grab {
cursor: grab
}
.cursor-pointer {
cursor: pointer
}
.select-none {
-webkit-user-select: none;
user-select: none
}
.resize {
resize: both
}
.list-decimal {
list-style-type: decimal
}
.list-disc {
list-style-type: disc
}
.list-image-none {
list-style-image: none
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.auto-cols-auto {
grid-auto-columns: auto
}
.grid-flow-col {
grid-auto-flow: column
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr))
}
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr))
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr))
}
.grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr))
}
.flex-row {
flex-direction: row
}
.flex-row-reverse {
flex-direction: row-reverse
}
.flex-col {
flex-direction: column
}
.flex-col-reverse {
flex-direction: column-reverse
}
.flex-wrap {
flex-wrap: wrap
}
.content-between {
align-content: space-between
}
.items-start {
align-items: flex-start
}
.items-end {
align-items: flex-end
}
.items-center {
align-items: center
}
.items-stretch {
align-items: stretch
}
.justify-start {
justify-content: flex-start
}
.justify-end {
justify-content: flex-end
}
.justify-center {
justify-content: center
}
.justify-between {
justify-content: space-between
}
.justify-evenly {
justify-content: space-evenly
}
.justify-items-center {
justify-items: center
}
.gap-0 {
gap: 0
}
.gap-1 {
gap: .25rem
}
.gap-10 {
gap: 2.5rem
}
.gap-2 {
gap: .5rem
}
.gap-3 {
gap: .75rem
}
.gap-4 {
gap: 1rem
}
.gap-6 {
gap: 1.5rem
}
.gap-8 {
gap: 2rem
}
.gap-\[3px\] {
gap: 3px
}
.gap-x-10 {
column-gap: 2.5rem
}
.gap-y-10 {
row-gap: 2.5rem
}
.gap-y-3 {
row-gap: .75rem
}
.gap-y-6 {
row-gap: 1.5rem
}
.gap-y-8 {
row-gap: 2rem
}
.self-end {
align-self: flex-end
}
.self-center {
align-self: center
}
.overflow-auto {
overflow: auto
}
.overflow-hidden {
overflow: hidden
}
.overflow-visible {
overflow: visible
}
.overflow-scroll {
overflow: scroll
}
.overflow-x-auto {
overflow-x: auto
}
.overflow-y-auto {
overflow-y: auto
}
.overflow-x-hidden {
overflow-x: hidden
}
.overflow-y-hidden {
overflow-y: hidden
}
.overscroll-contain {
overscroll-behavior: contain
}
.whitespace-nowrap {
white-space: nowrap
}
.rounded {
border-radius: .25rem
}
.rounded-2xl {
border-radius: 1rem
}
.rounded-3xl {
border-radius: 1.5rem
}
.rounded-full {
border-radius: 9999px
}
.rounded-lg {
border-radius: .5rem
}
.rounded-md {
border-radius: .375rem
}
.rounded-none {
border-radius: 0
}
.rounded-xl {
border-radius: .75rem
}
.rounded-b-2xl {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem
}
.rounded-b-lg {
border-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem
}
.rounded-b-xl {
border-bottom-right-radius: .75rem;
border-bottom-left-radius: .75rem
}
.rounded-l-lg {
border-top-left-radius: .5rem;
border-bottom-left-radius: .5rem
}
.rounded-l-md {
border-top-left-radius: .375rem;
border-bottom-left-radius: .375rem
}
.rounded-l-xl {
border-top-left-radius: .75rem;
border-bottom-left-radius: .75rem
}
.rounded-r-lg {
border-top-right-radius: .5rem;
border-bottom-right-radius: .5rem
}
.rounded-r-md {
border-top-right-radius: .375rem;
border-bottom-right-radius: .375rem
}
.rounded-r-none {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.rounded-t-lg {
border-top-left-radius: .5rem;
border-top-right-radius: .5rem
}
.rounded-bl-none {
border-bottom-left-radius: 0
}
.rounded-tl-lg {
border-top-left-radius: .5rem
}
.rounded-tl-xl {
border-top-left-radius: .75rem
}
.rounded-tr-lg {
border-top-right-radius: .5rem
}
.rounded-tr-xl {
border-top-right-radius: .75rem
}
.border {
border-width: 1px
}
.border-0 {
border-width: 0
}
.border-2 {
border-width: 2px
}
.border-4 {
border-width: 4px
}
.border-y {
border-top-width: 1px;
border-bottom-width: 1px
}
.border-b {
border-bottom-width: 1px
}
.border-b-2 {
border-bottom-width: 2px
}
.border-b-4 {
border-bottom-width: 4px
}
.border-l-0 {
border-left-width: 0
}
.border-l-2 {
border-left-width: 2px
}
.border-l-4 {
border-left-width: 4px
}
.border-r {
border-right-width: 1px
}
.border-r-2 {
border-right-width: 2px
}
.border-t {
border-top-width: 1px
}
.border-t-2 {
border-top-width: 2px
}
.border-solid {
border-style: solid
}
.border-dashed {
border-style: dashed
}
.border-dotted {
border-style: dotted
}
.border-none {
border-style: none
}
.border-\[\#02B878\] {
--tw-border-opacity: 1;
border-color: rgb(2 184 120/var(--tw-border-opacity))
}
.border-\[\#c2168a\] {
--tw-border-opacity: 1;
border-color: rgb(194 22 138/var(--tw-border-opacity))
}
.border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0/var(--tw-border-opacity))
}
.border-blue-400 {
--tw-border-opacity: 1;
border-color: rgb(96 165 250/var(--tw-border-opacity))
}
.border-blue-500 {
--tw-border-opacity: 1;
border-color: rgb(59 130 246/var(--tw-border-opacity))
}
.border-blue-600 {
--tw-border-opacity: 1;
border-color: rgb(37 99 235/var(--tw-border-opacity))
}
.border-blue-700 {
--tw-border-opacity: 1;
border-color: rgb(29 78 216/var(--tw-border-opacity))
}
.border-buttonred {
--tw-border-opacity: 1;
border-color: rgb(220 53 69/var(--tw-border-opacity))
}
.border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 246/var(--tw-border-opacity))
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235/var(--tw-border-opacity))
}
.border-gray-30 {
--tw-border-opacity: 1;
border-color: rgb(226 231 232/var(--tw-border-opacity))
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219/var(--tw-border-opacity))
}
.border-gray-400 {
--tw-border-opacity: 1;
border-color: rgb(156 163 175/var(--tw-border-opacity))
}
.border-green-500 {
--tw-border-opacity: 1;
border-color: rgb(34 197 94/var(--tw-border-opacity))
}
.border-grey {
--tw-border-opacity: 1;
border-color: rgb(217 217 217/var(--tw-border-opacity))
}
.border-lightbluegrey {
--tw-border-opacity: 1;
border-color: rgb(233 238 247/var(--tw-border-opacity))
}
.border-lightgrey {
--tw-border-opacity: 1;
border-color: rgb(243 244 246/var(--tw-border-opacity))
}
.border-navy {
--tw-border-opacity: 1;
border-color: rgb(18 33 73/var(--tw-border-opacity))
}
.border-red-500 {
--tw-border-opacity: 1;
border-color: rgb(239 68 68/var(--tw-border-opacity))
}
.border-transparent {
border-color: transparent
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255/var(--tw-border-opacity))
}
.bg-\[\#000\] {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-\[\#005bab1a\] {
background-color: #005bab1a
}
.bg-\[\#005bab\] {
--tw-bg-opacity: 1;
background-color: rgb(0 91 171/var(--tw-bg-opacity))
}
.bg-\[\#0092861a\] {
background-color: #0092861a
}
.bg-\[\#009286\] {
--tw-bg-opacity: 1;
background-color: rgb(0 146 134/var(--tw-bg-opacity))
}
.bg-\[\#00AFB9\] {
--tw-bg-opacity: 1;
background-color: rgb(0 175 185/var(--tw-bg-opacity))
}
.bg-\[\#00b67a30\] {
background-color: #00b67a30
}
.bg-\[\#025c3e\] {
--tw-bg-opacity: 1;
background-color: rgb(2 92 62/var(--tw-bg-opacity))
}
.bg-\[\#02B878\] {
--tw-bg-opacity: 1;
background-color: rgb(2 184 120/var(--tw-bg-opacity))
}
.bg-\[\#031493\] {
--tw-bg-opacity: 1;
background-color: rgb(3 20 147/var(--tw-bg-opacity))
}
.bg-\[\#07b87826\] {
background-color: #07b87826
}
.bg-\[\#1E40AF\] {
--tw-bg-opacity: 1;
background-color: rgb(30 64 175/var(--tw-bg-opacity))
}
.bg-\[\#95c11f1a\] {
background-color: #95c11f1a
}
.bg-\[\#95c11f\] {
--tw-bg-opacity: 1;
background-color: rgb(149 193 31/var(--tw-bg-opacity))
}
.bg-\[\#F07167\] {
--tw-bg-opacity: 1;
background-color: rgb(240 113 103/var(--tw-bg-opacity))
}
.bg-\[\#FFEC00\] {
--tw-bg-opacity: 1;
background-color: rgb(255 236 0/var(--tw-bg-opacity))
}
.bg-\[\#dc3545\] {
--tw-bg-opacity: 1;
background-color: rgb(220 53 69/var(--tw-bg-opacity))
}
.bg-\[\#ea1f2e1a\] {
background-color: #ea1f2e1a
}
.bg-\[\#ea1f2e\] {
--tw-bg-opacity: 1;
background-color: rgb(234 31 46/var(--tw-bg-opacity))
}
.bg-\[\#ee2e251a\] {
background-color: #ee2e251a
}
.bg-\[\#ee2e25\] {
--tw-bg-opacity: 1;
background-color: rgb(238 46 37/var(--tw-bg-opacity))
}
.bg-\[\#ff3e171a\] {
background-color: #ff3e171a
}
.bg-\[\#ff3e17\] {
--tw-bg-opacity: 1;
background-color: rgb(255 62 23/var(--tw-bg-opacity))
}
.bg-\[\#fff3de\] {
--tw-bg-opacity: 1;
background-color: rgb(255 243 222/var(--tw-bg-opacity))
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-blue-100 {
--tw-bg-opacity: 1;
background-color: rgb(219 234 254/var(--tw-bg-opacity))
}
.bg-blue-200 {
--tw-bg-opacity: 1;
background-color: rgb(191 219 254/var(--tw-bg-opacity))
}
.bg-blue-600 {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235/var(--tw-bg-opacity))
}
.bg-blue-800 {
--tw-bg-opacity: 1;
background-color: rgb(30 64 175/var(--tw-bg-opacity))
}
.bg-blue-900 {
--tw-bg-opacity: 1;
background-color: rgb(30 58 138/var(--tw-bg-opacity))
}
.bg-bordergrey {
--tw-bg-opacity: 1;
background-color: rgb(201 201 201/var(--tw-bg-opacity))
}
.bg-buttongreen {
--tw-bg-opacity: 1;
background-color: rgb(0 182 122/var(--tw-bg-opacity))
}
.bg-buttonred {
--tw-bg-opacity: 1;
background-color: rgb(220 53 69/var(--tw-bg-opacity))
}
.bg-darkgreen {
--tw-bg-opacity: 1;
background-color: rgb(2 92 62/var(--tw-bg-opacity))
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235/var(--tw-bg-opacity))
}
.bg-gray-300 {
--tw-bg-opacity: 1;
background-color: rgb(237 237 237)
}
.bg-gray-400 {
--tw-bg-opacity: 1;
background-color: rgb(156 163 175/var(--tw-bg-opacity))
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251/var(--tw-bg-opacity))
}
.bg-gray-700 {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81/var(--tw-bg-opacity))
}
.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55/var(--tw-bg-opacity))
}
.bg-green-100 {
--tw-bg-opacity: 1;
background-color: rgb(220 252 231/var(--tw-bg-opacity))
}
.bg-green-600 {
--tw-bg-opacity: 1;
background-color: rgb(22 163 74/var(--tw-bg-opacity))
}
.bg-green-800 {
--tw-bg-opacity: 1;
background-color: rgb(22 101 52/var(--tw-bg-opacity))
}
.bg-grey {
--tw-bg-opacity: 1;
background-color: rgb(217 217 217/var(--tw-bg-opacity))
}
.bg-lightblue {
--tw-bg-opacity: 1;
background-color: rgb(154 177 237/var(--tw-bg-opacity))
}
.bg-lightbluegrey {
--tw-bg-opacity: 1;
background-color: rgb(233 238 247/var(--tw-bg-opacity))
}
.bg-lightergrey {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity))
}
.bg-lightgreen {
--tw-bg-opacity: 1;
background-color: rgb(217 242 230/var(--tw-bg-opacity))
}
.bg-lightgrey {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity))
}
.bg-navy {
--tw-bg-opacity: 1;
background-color: rgb(18 33 73/var(--tw-bg-opacity))
}
.bg-orange-100 {
--tw-bg-opacity: 1;
background-color: rgb(255 237 213/var(--tw-bg-opacity))
}
.bg-red-100 {
--tw-bg-opacity: 1;
background-color: rgb(254 226 226/var(--tw-bg-opacity))
}
.bg-secondblue {
--tw-bg-opacity: 1;
background-color: rgb(189 198 217/var(--tw-bg-opacity))
}
.bg-v5-alt-blue {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity))
}
.bg-v5-dark-blue {
--tw-bg-opacity: 1;
background-color: rgb(23 33 73/var(--tw-bg-opacity))
}
.bg-v5-light-blue {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235/var(--tw-bg-opacity))
}
.bg-v5-light-gray {
--tw-bg-opacity: 1;
background-color: rgb(242 242 242/var(--tw-bg-opacity))
}
.bg-verydarkbluegrey {
--tw-bg-opacity: 1;
background-color: rgb(29 42 80/var(--tw-bg-opacity))
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-white\/70 {
background-color: #ffffffb3
}
.bg-yellow-100 {
--tw-bg-opacity: 1;
background-color: rgb(254 249 195/var(--tw-bg-opacity))
}
.bg-yellow-200 {
--tw-bg-opacity: 1;
background-color: rgb(254 240 138/var(--tw-bg-opacity))
}
.bg-opacity-10 {
--tw-bg-opacity: .1
}
.bg-opacity-20 {
--tw-bg-opacity: .2
}
.bg-opacity-60 {
--tw-bg-opacity: .6
}
.bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.bg-gradient-to-l {
background-image: linear-gradient(to left, var(--tw-gradient-stops))
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops))
}
.from-gray-100 {
--tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-transparent {
--tw-gradient-from: transparent var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.via-gray-100 {
--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #f3f4f6 var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.via-white {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.to-homemove {
--tw-gradient-to: #c9faf9 var(--tw-gradient-to-position)
}
.to-transparent {
--tw-gradient-to: transparent var(--tw-gradient-to-position)
}
.to-white {
--tw-gradient-to: #fff var(--tw-gradient-to-position)
}
.bg-cover {
background-size: cover
}
.bg-center {
background-position: center
}
.bg-no-repeat {
background-repeat: no-repeat
}
.fill-\[\#005bab\] {
fill: #005bab
}
.fill-\[\#009286\] {
fill: #009286
}
.fill-\[\#01a36d\] {
fill: #01a36d
}
.fill-\[\#025c3e\] {
fill: #025c3e
}
.fill-\[\#1E40AF\] {
fill: #1e40af
}
.fill-\[\#95c11f\] {
fill: #95c11f
}
.fill-\[\#dc3545\] {
fill: #dc3545
}
.fill-\[\#ea1f2e\] {
fill: #ea1f2e
}
.fill-\[\#ee2e25\] {
fill: #ee2e25
}
.fill-\[\#ff3e17\] {
fill: #ff3e17
}
.fill-black {
fill: #000
}
.fill-blue-800 {
fill: #1e40af
}
.fill-buttongreen {
fill: #00b67a
}
.fill-buttonred {
fill: #dc3545
}
.fill-darkgreen {
fill: #025c3e
}
.fill-gray-300 {
fill: #d1d5db
}
.fill-gray-500 {
fill: #6b7280
}
.fill-gray-600 {
fill: #4b5563
}
.fill-gray-800 {
fill: #1f2937
}
.fill-navy {
fill: #122149
}
.fill-white {
fill: #fff
}
.fill-yellow-900 {
fill: #713f12
}
.object-contain {
object-fit: contain
}
.object-cover {
object-fit: cover
}
.object-scale-down {
object-fit: scale-down
}
.p-0 {
padding: 0
}
.p-1 {
padding: .25rem
}
.p-12 {
padding: 3rem
}
.p-2 {
padding: .5rem
}
.p-3 {
padding: .75rem
}
.p-4 {
padding: 1rem
}
.p-5 {
padding: 1.25rem
}
.p-6 {
padding: 1.5rem
}
.p-8 {
padding: 2rem
}
.p-\[4px\] {
padding: 4px
}
.px-0 {
padding-left: 0;
padding-right: 0
}
.px-1 {
padding-left: .25rem;
padding-right: .25rem
}
.px-12 {
padding-left: 3rem;
padding-right: 3rem
}
.px-14 {
padding-left: 3.5rem;
padding-right: 3.5rem
}
.px-2 {
padding-left: .5rem;
padding-right: .5rem
}
.px-3 {
padding-left: .75rem;
padding-right: .75rem
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem
}
.py-0 {
padding-top: 0;
padding-bottom: 0
}
.py-0\.5 {
padding-top: .125rem;
padding-bottom: .125rem
}
.py-1 {
padding-top: .25rem;
padding-bottom: .25rem
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem
}
.py-14 {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem
}
.py-2 {
padding-top: .5rem;
padding-bottom: .5rem
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem
}
.py-24 {
padding-top: 6rem;
padding-bottom: 6rem
}
.py-3 {
padding-top: .75rem;
padding-bottom: .75rem
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem
}
.py-\[3px\] {
padding-top: 3px;
padding-bottom: 3px
}
.py-\[5px\] {
padding-top: 5px;
padding-bottom: 5px
}
.pb-0 {
padding-bottom: 0
}
.pb-10 {
padding-bottom: 2.5rem
}
.pb-12 {
padding-bottom: 3rem
}
.pb-16 {
padding-bottom: 4rem
}
.pb-2 {
padding-bottom: .5rem
}
.pb-3 {
padding-bottom: .75rem
}
.pb-4 {
padding-bottom: 1rem
}
.pb-6 {
padding-bottom: 1.5rem
}
.pb-8 {
padding-bottom: 2rem
}
.pl-0 {
padding-left: 0
}
.pl-1 {
padding-left: .25rem
}
.pl-2 {
padding-left: .5rem
}
.pl-3 {
padding-left: .75rem
}
.pl-4 {
padding-left: 1rem
}
.pl-6 {
padding-left: 1.5rem
}
.pl-8 {
padding-left: 2rem
}
.pr-0 {
padding-right: 0
}
.pr-1 {
padding-right: .25rem
}
.pr-2 {
padding-right: .5rem
}
.pr-3 {
padding-right: .75rem
}
.pr-4 {
padding-right: 1rem
}
.pr-6 {
padding-right: 1.5rem
}
.pr-8 {
padding-right: 2rem
}
.pt-0 {
padding-top: 0
}
.pt-1 {
padding-top: .25rem
}
.pt-12 {
padding-top: 3rem
}
.pt-14 {
padding-top: 3.5rem
}
.pt-2 {
padding-top: .5rem
}
.pt-20 {
padding-top: 5rem
}
.pt-3 {
padding-top: .75rem
}
.pt-32 {
padding-top: 8rem
}
.pt-4 {
padding-top: 1rem
}
.pt-5 {
padding-top: 1.25rem
}
.pt-6 {
padding-top: 1.5rem
}
.pt-8 {
padding-top: 2rem
}
.pt-\[50\%\] {
padding-top: 50%
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.indent-3 {
text-indent: .75rem
}
.align-middle {
vertical-align: middle
}
.text-2xl,
.text-3xl {
font-size: 24px;
line-height: 34px
}
.text-4xl {
font-size: 35px;
line-height: 45px
}
.text-5xl {
font-size: 42px;
line-height: 52px
}
.text-\[11px\] {
font-size: 11px
}
.text-\[13px\] {
font-size: 13px
}
.text-\[30px\] {
font-size: 30px
}
.text-base {
font-size: 1rem;
line-height: 16px
}
.text-lg {
font-size: 20px;
line-height: 30px
}
.text-sm {
font-size: .875rem;
line-height: 14px
}
.text-xl {
font-size: 22px;
line-height: 32px
}
.text-xs {
font-size: .75rem;
line-height: 12px
}
.font-bold {
font-weight: 600
}
.font-medium {
font-weight: 500
}
.font-semibold {
font-weight: 600
}
.uppercase {
text-transform: uppercase
}
.capitalize {
text-transform: capitalize
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.leading-4 {
line-height: 1rem
}
.leading-5 {
line-height: 1.25rem
}
.leading-6 {
line-height: 1.5rem
}
.leading-7 {
line-height: 1.75rem
}
.leading-\[15px\] {
line-height: 15px
}
.leading-none {
line-height: 1
}
.leading-normal {
line-height: 1.5
}
.leading-tight {
line-height: 1.25
}
.text-\[\#005bab\] {
--tw-text-opacity: 1;
color: rgb(0 91 171/var(--tw-text-opacity))
}
.text-\[\#009286\] {
--tw-text-opacity: 1;
color: rgb(0 146 134/var(--tw-text-opacity))
}
.text-\[\#022A1C\] {
--tw-text-opacity: 1;
color: rgb(2 42 28/var(--tw-text-opacity))
}
.text-\[\#025c3e\] {
--tw-text-opacity: 1;
color: rgb(2 92 62/var(--tw-text-opacity))
}
.text-\[\#02B878\] {
--tw-text-opacity: 1;
color: rgb(2 184 120/var(--tw-text-opacity))
}
.text-\[\#1E40AF\] {
--tw-text-opacity: 1;
color: rgb(30 64 175/var(--tw-text-opacity))
}
.text-\[\#95c11f\] {
--tw-text-opacity: 1;
color: rgb(149 193 31/var(--tw-text-opacity))
}
.text-\[\#dc3545\] {
--tw-text-opacity: 1;
color: rgb(220 53 69/var(--tw-text-opacity))
}
.text-\[\#ea1f2e\] {
--tw-text-opacity: 1;
color: rgb(234 31 46/var(--tw-text-opacity))
}
.text-\[\#ee2e25\] {
--tw-text-opacity: 1;
color: rgb(238 46 37/var(--tw-text-opacity))
}
.text-\[\#ff3e17\] {
--tw-text-opacity: 1;
color: rgb(255 62 23/var(--tw-text-opacity))
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0/var(--tw-text-opacity))
}
.text-blue-400 {
--tw-text-opacity: 1;
color: rgb(96 165 250/var(--tw-text-opacity))
}
.text-blue-500 {
--tw-text-opacity: 1;
color: rgb(59 130 246/var(--tw-text-opacity))
}
.text-blue-600 {
--tw-text-opacity: 1;
color: rgb(37 99 235/var(--tw-text-opacity))
}
.text-blue-700 {
--tw-text-opacity: 1;
color: rgb(29 78 216/var(--tw-text-opacity))
}
.text-blue-800 {
--tw-text-opacity: 1;
color: rgb(30 64 175/var(--tw-text-opacity))
}
.text-blue-900 {
--tw-text-opacity: 1;
color: rgb(30 58 138/var(--tw-text-opacity))
}
.text-buttongreen {
--tw-text-opacity: 1;
color: rgb(0 182 122/var(--tw-text-opacity))
}
.text-buttonred {
--tw-text-opacity: 1;
color: rgb(220 53 69/var(--tw-text-opacity))
}
.text-darkgreen {
--tw-text-opacity: 1;
color: rgb(2 92 62/var(--tw-text-opacity))
}
.text-gray-100 {
--tw-text-opacity: 1;
color: rgb(243 244 246/var(--tw-text-opacity))
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235/var(--tw-text-opacity))
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 213 219/var(--tw-text-opacity))
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175/var(--tw-text-opacity))
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128/var(--tw-text-opacity))
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99/var(--tw-text-opacity))
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81/var(--tw-text-opacity))
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55/var(--tw-text-opacity))
}
.text-green-500 {
--tw-text-opacity: 1;
color: rgb(34 197 94/var(--tw-text-opacity))
}
.text-green-600 {
--tw-text-opacity: 1;
color: rgb(22 163 74/var(--tw-text-opacity))
}
.text-green-800 {
--tw-text-opacity: 1;
color: rgb(22 101 52/var(--tw-text-opacity))
}
.text-grey {
--tw-text-opacity: 1;
color: rgb(217 217 217/var(--tw-text-opacity))
}
.text-navy {
--tw-text-opacity: 1;
color: rgb(18 33 73/var(--tw-text-opacity))
}
.text-red-600 {
--tw-text-opacity: 1;
color: rgb(220 38 38/var(--tw-text-opacity))
}
.text-red-800 {
--tw-text-opacity: 1;
color: rgb(153 27 27/var(--tw-text-opacity))
}
.text-textgrey {
--tw-text-opacity: 1;
color: rgb(116 116 116/var(--tw-text-opacity))
}
.text-v5-dark-blue {
--tw-text-opacity: 1;
color: rgb(23 33 73/var(--tw-text-opacity))
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
}
.text-yellow-800 {
--tw-text-opacity: 1;
color: rgb(133 77 14/var(--tw-text-opacity))
}
.text-yellow-900 {
--tw-text-opacity: 1;
color: rgb(113 63 18/var(--tw-text-opacity))
}
.underline {
text-decoration-line: underline
}
.line-through {
text-decoration-line: line-through
}
.decoration-buttonred {
text-decoration-color: #dc3545
}
.underline-offset-2 {
text-underline-offset: 2px
}
.underline-offset-4 {
text-underline-offset: 4px
}
.underline-offset-8 {
text-underline-offset: 8px
}
.opacity-0 {
opacity: 0
}
.opacity-100 {
opacity: 1
}
.opacity-20 {
opacity: .2
}
.opacity-30 {
opacity: .3
}
.opacity-50 {
opacity: .5
}
.opacity-60 {
opacity: .6
}
.opacity-70 {
opacity: .7
}
.bg-blend-darken {
background-blend-mode: darken
}
.mix-blend-multiply {
mix-blend-mode: multiply
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-gray-300 {
--tw-shadow-color: #d1d5db;
--tw-shadow: var(--tw-shadow-colored)
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px
}
.outline {
outline-style: solid
}
.brightness-0 {
--tw-brightness: brightness(0);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.invert {
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-blur {
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.duration-150 {
transition-duration: .15s
}
.duration-300 {
transition-duration: .3s
}
.ease-in {
transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}
.ease-in-out {
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.ease-linear {
transition-timing-function: linear
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
@supports(aspect-ratio:1 / 1) {
.aspect-square {
aspect-ratio: 1/1
}
}
@supports not (aspect-ratio:1 / 1) {
.aspect-square:before {
padding-top: 10%;
float: left;
content:
}
.aspect-square:after {
clear: both;
content: "";
display: block
}
}
@keyframes pulse {
0% {
transform: scale(.95);
box-shadow: 0 0 #059669b3
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px #05966900
}
to {
transform: scale(.95);
box-shadow: 0 0 #05966900
}
}
.payment-item:not(:last-child) {
margin-bottom: -1px
}
.quote-step {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none
}
button:disabled,
button[disabled] {
opacity: .5
}
.swiper-button-disabled {
opacity: .5
}
.fade-enter-active,
.fade-leave-active {
transition: opacity .5s ease
}
.fade-enter-from,
.fade-leave-to {
opacity: 0
}
.step-fade-enter-active,
.step-fade-leave-active {
transition: opacity .2s ease
}
.step-fade-enter-from,
.step-fade-leave-to {
opacity: 0
}
.calendar-fade-enter-active,
.calendar-fade-leave-active {
transition: opacity .3s ease
}
.calendar-fade-enter-from,
.calendar-fade-leave-to {
opacity: 0
}
[v-cloak] {
display: none
}
.smooth {
transition: all 1s cubic-bezier(.7, 0, .2, 1)
}
.slow-smooth {
transition: all .5s cubic-bezier(.7, 0, .2, 1)
}
.fast-smooth {
transition: all .3s cubic-bezier(.7, 0, .2, 1)
}
@keyframes circleShow {
0% {
r: 2
}
10% {
r: 2
}
20% {
r: 35
}
30% {
r: 35
}
40% {
r: 2
}
to {
r: 2
}
}
.circle-show {
animation-duration: 12s;
animation-name: circleShow;
animation-iteration-count: infinite;
transition: all 1s cubic-bezier(.7, 0, .2, 1)
}
.is-collapsible {
padding-left: 15px;
border-left: 2px solid #122149
}
.is-collapsed {
display: none
}
.is-active-li {
color: #122149;
font-weight: 700
}
.toc-list-item {
margin: 8px 0;
color: #122149
}
.blog-link {
padding: 0 20px
}
.blog-link nav {
width: 100%;
max-width: 500px
}
.blog-link nav ul {
width: 100%;
display: flex;
justify-content: space-between
}
#swiper-pagination {
position: relative;
padding-left: 10px;
display: flex;
align-items: center
}
#swiper-pagination .swiper-pagination-bullet {
width: 14px;
height: 14px;
margin-right: 15px;
outline: none
}
#swiper-pagination .swiper-pagination-bullet-active {
background-color: #dc3545;
width: 20px;
height: 20px
}
.swal2-styled.swal2-confirm.addons {
border-radius: 9999px;
background-color: #dbeafe;
color: #1e40af
}
.swal2-cancel.swal2-styled.addons {
border-radius: 9999px;
background-color: #122149;
color: #fff
}
.swal2-popup.addons {
border-radius: 10px
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: -20px !important
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
background-color: #fff;
opacity: 1;
height: 10px;
width: 10px
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,
.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active {
background-color: #122149;
height: 10px;
width: 10px
}
.swiper-button-next,
.swiper-button-prev {
color: #112149
}
.swiper-button-lock {
display: flex
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0
}
.swiper-button-next {
background-image: url(https://cdn.iheat.co.uk/icons/arrow-right-regular-gray.svg)
}
.swiper-button-next:hover:after {
transform: scale(1.2);
transition: transform .3s ease-in-out
}
.swiper-button-next:after {
content: "" !important;
background-repeat: no-repeat;
width: 25px;
height: 25px;
transform: scale(1);
transition: transform .3s ease-in-out
}
.swiper-button-prev {
background-image: url(https://cdn.iheat.co.uk/icons/arrow-left-regular-gray.svg)
}
.swiper-button-prev:hover:after {
transform: scale(1.2);
transition: transform .3s ease-in-out
}
.swiper-button-prev:after {
content: "" !important;
background-repeat: no-repeat;
width: 25px;
height: 25px;
transform: scale(1);
transition: transform .3s ease-in-out
}
.lds-ellipsis {
position: relative;
width: 80px;
height: 80px
}
.lds-ellipsis div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #a0a0a0;
animation-timing-function: cubic-bezier(0, 1, 1, 0)
}
.lds-ellipsis div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 .6s infinite
}
.lds-ellipsis div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 .6s infinite
}
.lds-ellipsis div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 .6s infinite
}
.lds-ellipsis div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 .6s infinite
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0)
}
to {
transform: scale(1)
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1)
}
to {
transform: scale(0)
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0)
}
to {
transform: translate(24px)
}
}
.arrow {
animation: bounce 1s;
animation-direction: alternate;
animation-iteration-count: infinite
}
@keyframes bounce {
0% {
transform: translateZ(0)
}
to {
transform: translate3d(5px, -5px, 0)
}
}
@media(min-width:1536px) {
.\32xl\:container {
width: 100%
}
@media(min-width:100%) {
.\32xl\:container {
max-width: 100%
}
}
@media(min-width:1024px) {
.\32xl\:container {
max-width: 1024px
}
}
@media(min-width:1360px) {
.\32xl\:container {
max-width: 1360px
}
}
@media(min-width:1536px) {
.\32xl\:container {
max-width: 1536px
}
}
}
.placeholder\:normal-case::placeholder {
text-transform: none
}
.checked\:bg-navy:checked {
--tw-bg-opacity: 1;
background-color: rgb(18 33 73/var(--tw-bg-opacity))
}
.hover\:border-gray-500:hover {
--tw-border-opacity: 1;
border-color: rgb(107 114 128/var(--tw-border-opacity))
}
.hover\:border-gray-700:hover {
--tw-border-opacity: 1;
border-color: rgb(55 65 81/var(--tw-border-opacity))
}
.hover\:bg-\[\#005bab\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 91 171/var(--tw-bg-opacity))
}
.hover\:bg-\[\#009286\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 146 134/var(--tw-bg-opacity))
}
.hover\:bg-\[\#95c11f\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(149 193 31/var(--tw-bg-opacity))
}
.hover\:bg-\[\#dc3545\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(220 53 69/var(--tw-bg-opacity))
}
.hover\:bg-\[\#ea1f2e\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(234 31 46/var(--tw-bg-opacity))
}
.hover\:bg-\[\#ee2e25\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(238 46 37/var(--tw-bg-opacity))
}
.hover\:bg-\[\#ff3e17\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 62 23/var(--tw-bg-opacity))
}
.hover\:bg-black:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0/var(--tw-bg-opacity))
}
.hover\:bg-blue-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(239 246 255/var(--tw-bg-opacity))
}
.hover\:bg-blue-900:hover {
--tw-bg-opacity: 1;
background-color: rgb(30 58 138/var(--tw-bg-opacity))
}
.hover\:bg-buttonred-dark:hover {
--tw-bg-opacity: 1;
background-color: rgb(193 38 52/var(--tw-bg-opacity))
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity))
}
.hover\:bg-gray-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235/var(--tw-bg-opacity))
}
.hover\:bg-gray-400:hover {
--tw-bg-opacity: 1;
background-color: rgb(156 163 175/var(--tw-bg-opacity))
}
.hover\:bg-gray-800:hover {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55/var(--tw-bg-opacity))
}
.hover\:bg-green-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(187 247 208/var(--tw-bg-opacity))
}
.hover\:bg-green-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(240 253 244/var(--tw-bg-opacity))
}
.hover\:bg-green-900:hover {
--tw-bg-opacity: 1;
background-color: rgb(20 83 45/var(--tw-bg-opacity))
}
.hover\:bg-lightbluegrey:hover {
--tw-bg-opacity: 1;
background-color: rgb(233 238 247/var(--tw-bg-opacity))
}
.hover\:bg-navy:hover {
--tw-bg-opacity: 1;
background-color: rgb(18 33 73/var(--tw-bg-opacity))
}
.hover\:bg-orange-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 247 237/var(--tw-bg-opacity))
}
.hover\:bg-red-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(254 242 242/var(--tw-bg-opacity))
}
.hover\:text-blue-900:hover {
--tw-text-opacity: 1;
color: rgb(30 58 138/var(--tw-text-opacity))
}
.hover\:text-gray-400:hover {
--tw-text-opacity: 1;
color: rgb(156 163 175/var(--tw-text-opacity))
}
.hover\:text-gray-500:hover {
--tw-text-opacity: 1;
color: rgb(107 114 128/var(--tw-text-opacity))
}
.hover\:text-gray-600:hover {
--tw-text-opacity: 1;
color: rgb(75 85 99/var(--tw-text-opacity))
}
.hover\:text-green-900:hover {
--tw-text-opacity: 1;
color: rgb(20 83 45/var(--tw-text-opacity))
}
.hover\:text-navy:hover {
--tw-text-opacity: 1;
color: rgb(18 33 73/var(--tw-text-opacity))
}
.hover\:text-orange-900:hover {
--tw-text-opacity: 1;
color: rgb(124 45 18/var(--tw-text-opacity))
}
.hover\:text-red-900:hover {
--tw-text-opacity: 1;
color: rgb(127 29 29/var(--tw-text-opacity))
}
.hover\:underline:hover {
text-decoration-line: underline
}
.hover\:opacity-50:hover {
opacity: .5
}
.hover\:shadow-lg:hover {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.focus\:z-10:focus {
z-index: 10
}
.focus\:border-2:focus {
border-width: 2px
}
.focus\:border-blue-300:focus {
--tw-border-opacity: 1;
border-color: rgb(147 197 253/var(--tw-border-opacity))
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px
}
.focus\:ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.focus\:ring-navy:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(18 33 73 / var(--tw-ring-opacity))
}
.active\:bg-gray-100:active {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity))
}
.active\:text-gray-500:active {
--tw-text-opacity: 1;
color: rgb(107 114 128/var(--tw-text-opacity))
}
.active\:text-gray-700:active {
--tw-text-opacity: 1;
color: rgb(55 65 81/var(--tw-text-opacity))
}
.group:hover .group-hover\:ml-8 {
margin-left: 2rem
}
.group:hover .group-hover\:mr-2 {
margin-right: .5rem
}
.group:hover .group-hover\:translate-y-1 {
--tw-translate-y: .25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:rotate-90 {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:border-buttonred-dark {
--tw-border-opacity: 1;
border-color: rgb(193 38 52/var(--tw-border-opacity))
}
.group:hover .group-hover\:bg-gray-400 {
--tw-bg-opacity: 1;
background-color: rgb(156 163 175/var(--tw-bg-opacity))
}
.group:hover .group-hover\:bg-teal-400 {
--tw-bg-opacity: 1;
background-color: #0098bd;
}
.group:hover .group-hover\:border-buttonteal-dark {
--tw-border-opacity: 1;
border-color: #0098bd;
}
.group:hover .group-hover\:fill-white {
fill: #fff
}
.group:hover .group-hover\:underline {
text-decoration-line: underline
}
.group:hover .group-hover\:font-color-teal {
color: #0098bd;
}
.peer:checked~.peer-checked\:block {
display: block
}
:is(.dark .dark\:border-gray-600) {
--tw-border-opacity: 1;
border-color: rgb(75 85 99/var(--tw-border-opacity))
}
:is(.dark .dark\:bg-gray-700) {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81/var(--tw-bg-opacity))
}
:is(.dark .dark\:text-gray-400) {
--tw-text-opacity: 1;
color: rgb(156 163 175/var(--tw-text-opacity))
}
:is(.dark .dark\:text-green-400) {
--tw-text-opacity: 1;
color: rgb(74 222 128/var(--tw-text-opacity))
}
:is(.dark .dark\:ring-offset-gray-800) {
--tw-ring-offset-color: #1f2937
}
:is(.dark .dark\:focus\:ring-navy:focus) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(18 33 73 / var(--tw-ring-opacity))
}
@media(min-width:640px) {
.sm\:col-span-4 {
grid-column: span 4/span 4
}
.sm\:col-span-6 {
grid-column: span 6/span 6
}
.sm\:mx-2 {
margin-left: .5rem;
margin-right: .5rem
}
.sm\:mb-0 {
margin-bottom: 0
}
.sm\:ml-2 {
margin-left: .5rem
}
.sm\:mr-12 {
margin-right: 3rem
}
.sm\:mr-4 {
margin-right: 1rem
}
.sm\:mt-0 {
margin-top: 0
}
.sm\:block {
display: block
}
.sm\:inline {
display: inline
}
.sm\:flex {
display: flex
}
.sm\:table {
display: table
}
.sm\:hidden {
display: none
}
.sm\:w-6\/12 {
width: 50%
}
.sm\:w-\[80\%\] {
width: 80%
}
.sm\:w-auto {
width: auto
}
.sm\:max-w-\[130px\] {
max-width: 130px
}
.sm\:max-w-\[170px\] {
max-width: 170px
}
.sm\:max-w-\[250px\] {
max-width: 250px
}
.sm\:flex-1 {
flex: 1 1 0%
}
.sm\:grow-0 {
flex-grow: 0
}
.sm\:rotate-0 {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.sm\:flex-row {
flex-direction: row
}
.sm\:items-center {
align-items: center
}
.sm\:justify-end {
justify-content: flex-end
}
.sm\:justify-between {
justify-content: space-between
}
.sm\:gap-6 {
gap: 1.5rem
}
.sm\:rounded-tr-none {
border-top-right-radius: 0
}
.sm\:border-b-0 {
border-bottom-width: 0
}
.sm\:p-12 {
padding: 3rem
}
.sm\:p-6 {
padding: 1.5rem
}
.sm\:p-8 {
padding: 2rem
}
.sm\:px-0 {
padding-left: 0;
padding-right: 0
}
.sm\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.sm\:px-8 {
padding-left: 2rem;
padding-right: 2rem
}
.sm\:py-14 {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.sm\:pb-0 {
padding-bottom: 0
}
.sm\:pl-0 {
padding-left: 0
}
.sm\:pr-12 {
padding-right: 3rem
}
.sm\:pr-6 {
padding-right: 1.5rem
}
.sm\:text-left {
text-align: left
}
.sm\:text-right {
text-align: right
}
.sm\:text-5xl {
font-size: 42px;
line-height: 52px
}
.sm\:text-base {
font-size: 1rem;
line-height: 16px
}
.sm\:text-lg {
font-size: 20px;
line-height: 30px
}
.sm\:text-sm {
font-size: .875rem;
line-height: 14px
}
}
@media(min-width:768px) {
.md\:relative {
position: relative
}
.md\:-bottom-6 {
bottom: -1.5rem
}
.md\:-left-6 {
left: -1.5rem
}
.md\:bottom-\[-10\%\] {
bottom: -10%
}
.md\:left-40 {
left: 10rem
}
.md\:right-0 {
right: 0
}
.md\:right-\[-30\%\] {
right: -30%
}
.md\:right-\[2\%\] {
right: 2%
}
.md\:top-0 {
top: 0
}
.md\:top-\[-40\%\] {
top: -40%
}
.md\:top-full {
top: 100%
}
.md\:order-last {
order: 9999
}
.md\:col-span-1 {
grid-column: span 1/span 1
}
.md\:col-span-12 {
grid-column: span 12/span 12
}
.md\:col-span-2 {
grid-column: span 2/span 2
}
.md\:col-span-4 {
grid-column: span 4/span 4
}
.md\:col-span-6 {
grid-column: span 6/span 6
}
.md\:mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem
}
.md\:mx-auto {
margin-left: auto;
margin-right: auto
}
.md\:my-0 {
margin-top: 0;
margin-bottom: 0
}
.md\:my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.md\:mb-0 {
margin-bottom: 0
}
.md\:mb-1 {
margin-bottom: .25rem
}
.md\:mb-2 {
margin-bottom: .5rem
}
.md\:mb-3 {
margin-bottom: .75rem
}
.md\:mb-4 {
margin-bottom: 1rem
}
.md\:mb-6 {
margin-bottom: 1.5rem
}
.md\:ml-0 {
margin-left: 0
}
.md\:mr-0 {
margin-right: 0
}
.md\:mr-4 {
margin-right: 1rem
}
.md\:mr-8 {
margin-right: 2rem
}
.md\:mr-auto {
margin-right: auto
}
.md\:mt-0 {
margin-top: 0
}
.md\:mt-2 {
margin-top: .5rem
}
.md\:block {
display: block
}
.md\:inline-block {
display: inline-block
}
.md\:inline {
display: inline
}
.md\:flex {
display: flex
}
.md\:hidden {
display: none
}
.md\:h-16 {
height: 4rem
}
.md\:max-h-\[300px\] {
max-height: 300px
}
.md\:max-h-\[500px\] {
max-height: 500px
}
.md\:min-h-\[350px\] {
min-height: 350px
}
.md\:min-h-\[45px\] {
min-height: 45px
}
.md\:w-16 {
width: 4rem
}
.md\:w-28 {
width: 7rem
}
.md\:w-3\/12 {
width: 25%
}
.md\:w-48 {
width: 12rem
}
.md\:w-5\/12 {
width: 41.666667%
}
.md\:w-6\/12 {
width: 50%
}
.md\:w-8\/12 {
width: 66.666667%
}
.md\:w-\[30\%\] {
width: 30%
}
.md\:w-\[400px\] {
width: 400px
}
.md\:w-\[80px\] {
width: 80px
}
.md\:w-\[85\%\] {
width: 85%
}
.md\:w-auto {
width: auto
}
.md\:w-full {
width: 100%
}
.md\:w-max {
width: max-content
}
.md\:max-w-\[200px\] {
max-width: 200px
}
.md\:max-w-\[250px\] {
max-width: 250px
}
.md\:max-w-\[300px\] {
max-width: 300px
}
.md\:max-w-\[400px\] {
max-width: 400px
}
.md\:max-w-\[500px\] {
max-width: 500px
}
.md\:max-w-\[650px\] {
max-width: 650px
}
.md\:max-w-\[700px\] {
max-width: 700px
}
.md\:max-w-full {
max-width: 100%
}
.md\:max-w-none {
max-width: none
}
.md\:rotate-0 {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.md\:flex-row {
flex-direction: row
}
.md\:flex-col {
flex-direction: column
}
.md\:flex-nowrap {
flex-wrap: nowrap
}
.md\:items-center {
align-items: center
}
.md\:justify-start {
justify-content: flex-start
}
.md\:justify-center {
justify-content: center
}
.md\:justify-between {
justify-content: space-between
}
.md\:justify-evenly {
justify-content: space-evenly
}
.md\:gap-10 {
gap: 2.5rem
}
.md\:gap-12 {
gap: 3rem
}
.md\:gap-2 {
gap: .5rem
}
.md\:gap-8 {
gap: 2rem
}
.md\:gap-x-20 {
column-gap: 5rem
}
.md\:rounded-2xl {
border-radius: 1rem
}
.md\:rounded-tr-none {
border-top-right-radius: 0
}
.md\:border-4 {
border-width: 4px
}
.md\:bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity))
}
.md\:object-cover {
object-fit: cover
}
.md\:p-12 {
padding: 3rem
}
.md\:p-16 {
padding: 4rem
}
.md\:p-4 {
padding: 1rem
}
.md\:p-6 {
padding: 1.5rem
}
.md\:p-8 {
padding: 2rem
}
.md\:px-0 {
padding-left: 0;
padding-right: 0
}
.md\:px-12 {
padding-left: 3rem;
padding-right: 3rem
}
.md\:px-16 {
padding-left: 4rem;
padding-right: 4rem
}
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.md\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.md\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.md\:px-8 {
padding-left: 2rem;
padding-right: 2rem
}
.md\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.md\:py-2 {
padding-top: .5rem;
padding-bottom: .5rem
}
.md\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem
}
.md\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem
}
.md\:py-3 {
padding-top: .75rem;
padding-bottom: .75rem
}
.md\:py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.md\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem
}
.md\:pb-0 {
padding-bottom: 0
}
.md\:pl-4 {
padding-left: 1rem
}
.md\:pr-12 {
padding-right: 3rem
}
.md\:pr-8 {
padding-right: 2rem
}
.md\:pt-12 {
padding-top: 3rem
}
.md\:pt-14 {
padding-top: 3.5rem
}
.md\:pt-4 {
padding-top: 1rem
}
.md\:pt-40 {
padding-top: 10rem
}
.md\:pt-5 {
padding-top: 1.25rem
}
.md\:pt-6 {
padding-top: 1.5rem
}
.md\:pt-\[95\%\] {
padding-top: 95%
}
.md\:text-left {
text-align: left
}
.md\:text-center {
text-align: center
}
.md\:text-2xl,
.md\:text-3xl {
font-size: 24px;
line-height: 34px
}
.md\:text-4xl {
font-size: 35px;
line-height: 45px
}
.md\:text-5xl {
font-size: 42px;
line-height: 52px
}
.md\:text-6xl {
font-size: 58px;
line-height: 70px
}
.md\:text-base {
font-size: 1rem;
line-height: 16px
}
.md\:text-lg {
font-size: 20px;
line-height: 30px
}
.md\:text-sm {
font-size: .875rem;
line-height: 14px
}
.md\:text-xl {
font-size: 22px;
line-height: 32px
}
}
@media(min-width:1024px) {
.lg\:bottom-\[-20\%\] {
bottom: -20%
}
.lg\:left-28 {
left: 7rem
}
.lg\:top-12 {
top: 3rem
}
.lg\:col-span-2 {
grid-column: span 2/span 2
}
.lg\:col-span-3 {
grid-column: span 3/span 3
}
.lg\:col-span-4 {
grid-column: span 4/span 4
}
.lg\:col-span-6 {
grid-column: span 6/span 6
}
.lg\:col-span-8 {
grid-column: span 8/span 8
}
.lg\:mx-0 {
margin-left: 0;
margin-right: 0
}
.lg\:my-16 {
margin-top: 4rem;
margin-bottom: 4rem
}
.lg\:mb-0 {
margin-bottom: 0
}
.lg\:mb-2 {
margin-bottom: .5rem
}
.lg\:mb-4 {
margin-bottom: 1rem
}
.lg\:mb-8 {
margin-bottom: 2rem
}
.lg\:ml-0 {
margin-left: 0
}
.lg\:ml-4 {
margin-left: 1rem
}
.lg\:mr-0 {
margin-right: 0
}
.lg\:mr-8 {
margin-right: 2rem
}
.lg\:mr-auto {
margin-right: auto
}
.lg\:mt-0 {
margin-top: 0
}
.lg\:mt-2 {
margin-top: .5rem
}
.lg\:mt-8 {
margin-top: 2rem
}
.lg\:block {
display: block
}
.lg\:inline {
display: inline
}
.lg\:flex {
display: flex
}
.lg\:hidden {
display: none
}
.lg\:h-5 {
height: 1.25rem
}
.lg\:h-\[300px\] {
height: 300px
}
.lg\:w-4\/12 {
width: 33.333333%
}
.lg\:w-40 {
width: 10rem
}
.lg\:w-48 {
width: 12rem
}
.lg\:w-5 {
width: 1.25rem
}
.lg\:w-5\/12 {
width: 41.666667%
}
.lg\:w-6\/12 {
width: 50%
}
.lg\:w-7\/12 {
width: 58.333333%
}
.lg\:w-8\/12 {
width: 66.666667%
}
.lg\:w-\[70\%\] {
width: 70%
}
.lg\:w-auto {
width: auto
}
.lg\:w-full {
width: 100%
}
.lg\:min-w-\[380px\] {
min-width: 380px
}
.lg\:max-w-\[100\%\] {
max-width: 100%
}
.lg\:max-w-\[40px\] {
max-width: 40px
}
.lg\:max-w-\[625px\] {
max-width: 625px
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.lg\:flex-row {
flex-direction: row
}
.lg\:flex-nowrap {
flex-wrap: nowrap
}
.lg\:items-start {
align-items: flex-start
}
.lg\:justify-start {
justify-content: flex-start
}
.lg\:justify-between {
justify-content: space-between
}
.lg\:gap-y-12 {
row-gap: 3rem
}
.lg\:rounded-r-lg {
border-top-right-radius: .5rem;
border-bottom-right-radius: .5rem
}
.lg\:rounded-bl-lg {
border-bottom-left-radius: .5rem
}
.lg\:rounded-bl-xl {
border-bottom-left-radius: .75rem
}
.lg\:border-b {
border-bottom-width: 1px
}
.lg\:border-l-0 {
border-left-width: 0
}
.lg\:border-l-2 {
border-left-width: 2px
}
.lg\:border-r-0 {
border-right-width: 0
}
.lg\:border-t {
border-top-width: 1px
}
.lg\:border-t-0 {
border-top-width: 0
}
.lg\:border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 246/var(--tw-border-opacity))
}
.lg\:border-grey {
--tw-border-opacity: 1;
border-color: rgb(217 217 217/var(--tw-border-opacity))
}
.lg\:p-3 {
padding: .75rem
}
.lg\:p-4 {
padding: 1rem
}
.lg\:px-0 {
padding-left: 0;
padding-right: 0
}
.lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem
}
.lg\:py-0 {
padding-top: 0;
padding-bottom: 0
}
.lg\:py-14 {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.lg\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem
}
.lg\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem
}
.lg\:py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.lg\:pb-0 {
padding-bottom: 0
}
.lg\:pr-0 {
padding-right: 0
}
.lg\:pr-4 {
padding-right: 1rem
}
.lg\:pr-8 {
padding-right: 2rem
}
.lg\:pt-0 {
padding-top: 0
}
.lg\:pt-24 {
padding-top: 6rem
}
.lg\:text-left {
text-align: left
}
.lg\:text-2xl,
.lg\:text-3xl {
font-size: 24px;
line-height: 34px
}
.lg\:text-4xl {
font-size: 35px;
line-height: 45px
}
.lg\:text-5xl {
font-size: 42px;
line-height: 52px
}
.lg\:text-6xl {
font-size: 58px;
line-height: 70px
}
.lg\:text-\[1\.1em\] {
font-size: 1.1em
}
.lg\:text-base {
font-size: 1rem;
line-height: 16px
}
.lg\:text-lg {
font-size: 20px;
line-height: 30px
}
.lg\:leading-3 {
line-height: .75rem
}
}
@media(min-width:1280px) {
.xl\:top-\[45\%\] {
top: 45%
}
.xl\:col-span-3 {
grid-column: span 3/span 3
}
.xl\:col-span-9 {
grid-column: span 9/span 9
}
.xl\:mb-0 {
margin-bottom: 0
}
.xl\:ml-0 {
margin-left: 0
}
.xl\:mt-0 {
margin-top: 0
}
.xl\:block {
display: block
}
.xl\:inline {
display: inline
}
.xl\:flex {
display: flex
}
.xl\:hidden {
display: none
}
.xl\:w-3\/12 {
width: 25%
}
.xl\:w-4\/12 {
width: 33.333333%
}
.xl\:w-5\/12 {
width: 41.666667%
}
.xl\:w-8\/12 {
width: 66.666667%
}
.xl\:w-9\/12 {
width: 75%
}
.xl\:w-full {
width: 100%
}
.xl\:max-w-\[550px\] {
max-width: 550px
}
.xl\:flex-row {
flex-direction: row
}
.xl\:justify-between {
justify-content: space-between
}
.xl\:gap-10 {
gap: 2.5rem
}
.xl\:border-r {
border-right-width: 1px
}
.xl\:border-t-0 {
border-top-width: 0
}
.xl\:border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235/var(--tw-border-opacity))
}
.xl\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
/* custom */
.img-with-top-pos {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
gap: 2rem;
justify-content: flex-start;
}
.relative-pos {
position: relative;
}
.mt-36 {
margin-top: 6rem;
}
.gap-5-rem {
gap: 5rem;
}
.nv-itm-cst {
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
}
.fa-fb-clr {
color: #4267B2;
}
.fa-yt-clr {
color: #FF0000;
}
.border-teal-500 {
border-color: #0098bd;
}
.border-buttonteal {
border-color: #00bddd;
}
.text-buttonteal {
--tw-text-opacity: 1;
color: #00bddd;
}
.bg-teal {
background-color: #0098bd;
}
.bg-teal-400 {
background-color: #00bddd;
}
.bg-buttonteal {
background-color: #00bddd;
transition: background-color 0.4s;
}
.bg-buttonteal:hover {
background-color: #0098bd !important;
}
.bg-white-600 {
background-color: #fff;
}
.text-teal-600 {
color: #0098bd;
}
.text-white-600 {
color: #fff;
}
.btn-default-bg {}
.product-card {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.chr-ltd-line {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.chr-ltd-4-line {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
/* custom */
html {
--background: #212226;
--primary: #00af41;
--line: #a6a7b5;
}
.indx-timeline {
padding: 0.25rem 0.5rem 0.5rem 2rem;
background: #ffffff;
letter-spacing: 0.03em;
color: white;
display: flex;
align-items: center;
justify-content: flex-start;
overflow-x: scroll;
overflow-y: clip;
}
/* hidden scrollbar */
.indx-timeline::-webkit-scrollbar {
display: none;
}
.indx-timeline::-webkit-scrollbar-thumb {
display: none;
}
.indx-timeline dl {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
position: relative;
}
.indx-timeline dl::after {
content: "";
display: block;
background: rgb(255, 255, 255);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 152, 189, 1) 5%, rgba(0, 152, 189, 1) 95%, rgba(255, 255, 255, 0) 100%);
height: 0.2rem;
position: absolute;
bottom: -0.1rem;
left: -2rem;
right: 0;
}
.indx-timeline dl .cell {
grid-column: span 2;
display: flex;
flex: 1;
}
.indx-timeline dl .cell .cell-content {
display: inline-flex;
flex-direction: column;
border-left: 2px dashed #0098bb;
position: relative;
background: #ffffff;
align-items: flex-start;
}
.indx-timeline dl .cell .cell-content::before {
content: "";
display: block;
background: #f2f2f2;
background-image: url("/static/images/engage.svg");
background-size: 60%;
background-position: center center;
background-repeat: no-repeat;
height: 3rem;
width: 3rem;
position: absolute;
left: -1.6rem;
border-radius: 50%;
z-index: 1;
}
.indx-timeline dl .cell:nth-child(2) .cell-content::before {
background-image: url("/static/images/select.svg");
background-size: 60%;
}
.indx-timeline dl .cell:nth-child(3) .cell-content::before {
background-image: url("/static/images/sit-back.svg");
background-size: 50%;
}
.indx-timeline dl .cell .cell-content::after {
content: "";
display: block;
background: #0098bd;
height: 0.5rem;
width: 0.5rem;
position: absolute;
left: -0.25rem;
border-radius: 50%;
}
.indx-timeline dl .cell .cell-content dt {
background: #ffffff;
color: #000;
/* padding-bottom: 0.25em; */
padding: 0 0.25rem 0.25rem 2.5rem;
position: relative;
left: -0.25rem;
text-transform: uppercase;
font-size: 1.2rem;
font-weight: 600;
}
.indx-timeline dl .cell .cell-content dd {
background: #ffffff;
margin: 0;
position: relative;
left: 2rem;
color: #000000;
text-align: left;
}
.indx-timeline dl .cell .cell-content {
padding-bottom: 1rem;
}
.indx-timeline dl .cell .cell-content::after {
bottom: -0.25rem;
}
.indx-timeline dl .cell .cell-content dd:last-child {
padding-bottom: 0.5rem;
max-width: 85%;
}
.indx-timeline dl .cell .cell-content {
padding: 0 2rem 2rem 0;
min-width: 250px;
}
/* */
.ribbon-item-box::after {
content: "Popular";
display: block;
background: rgb(211, 35, 35);
/* background: linear-gradient(180deg, rgba(211,35,35,1) 0%, rgba(255,147,147,1) 30%, rgba(211,35,35,1) 100%); */
height: 1.5rem;
width: 16rem;
position: absolute;
right: -4rem;
text-align: center;
margin: 0 auto;
transform: rotate(45deg);
display: flex;
align-items: center;
justify-content: center;
top: 3rem;
color: #ffffff;
}
/* */
.result-product-card {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
}
.invertImage {
filter: invert(1) brightness(5) saturate(0.1);
-webkit-filter: invert(1) brightness(5) saturate(0.1);
-moz-filter: invert(1) brightness(5) saturate(0.1);
-o-filter: invert(1) brightness(5) saturate(0.1);
-ms-filter: invert(1) brightness(5) saturate(0.1);
}
/* */
#togglestart_quote {
display: none; /* Initially hidden */
}
#start_quote {
cursor: pointer;
user-select: none;
}
#mobile_menu{
display: none;
}
img#mobile_close {
display: none;
}
article.small.single li a {
color: #000;
text-decoration: none;
}
/* .single-post main#content {
margin: 0px 100px;
} */
.bs-widget-title .title:before {
background: #0098bd !important;
}
p.form-submit .submit {
background: #0098bd !important;
border: 2px solid #0098bd !important;
}
.bs-breadcrumb-section {
display: none;
}
/* a:hover {
background: transparent !important;
color: #000 !important;
} */
.bs-info-author-block:nth-child(2){
display: none;
}
nav.navigation.post-navigation {
display: none;
}
.post-share {
display: none;
}
div#comments {
display: none;
}
.leading-normal{
overflow: hidden !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
}
.caf-post-title {
height: 80px;
}
.toc-wrapper {
margin-top: 20px;
}
.bs-blog-category {
display: none;
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246);
}
::selection {
color: white !important;
background: blue !important;
}
a.bs_upscr.bounceInup.animated {
display: none !important;
}
.author_link img {
width: auto !important;
}
a.author_link {
text-decoration: none !important;
}
/* Style the scrollbar track */
::-webkit-scrollbar {
width: 16px !important;
background-color: #c9c9c9 !important;
}
/* Style the scrollbar thumb */
::-webkit-scrollbar-thumb {
background-color: #c9c9c9 !important;
/* border-radius: 10px !important; */
height:60px;
}
/* Style the scrollbar thumb when hovered */
::-webkit-scrollbar-thumb:hover {
background-color: #555 !important;
}
.js-toc-mobile li {
list-style: circle;
}
.caf-post-title h2:hover {
color: #0098bd !important;
}
/* Add the up arrow on the top scrollbar button */
::-webkit-scrollbar-button:single-button:vertical:decrement {
background: url('data:image/svg+xml;utf8,') no-repeat center;
background-color: #f1f1f1;
height: 16px;
display: block;
}
/* Add the down arrow on the bottom scrollbar button */
::-webkit-scrollbar-button:single-button:vertical:increment {
background: url('data:image/svg+xml;utf8,') no-repeat center;
background-color: #f1f1f1;
height: 16px;
display: block;
}
/* Hide the second set of up/down buttons (if they appear) */
::-webkit-scrollbar-button:double-button:vertical:decrement,
::-webkit-scrollbar-button:double-button:vertical:increment {
display: none;
}
.about_author {
padding-bottom: 60px;
}
.caf-row.loading{opacity:0;}
footer li a:hover {
color: #fff;
}
span.bs-blog-date a{
pointer-events: none;
}
.col-sm ul li img {
width: 110px;
}
/* */
@media (min-width: 768px) {
.md\:mb-1 {
margin-bottom: .25rem !important;
}
}