.heading-menu,
#scroll,
#allFea {
display: none;
}
.opmRelPrd {
margin-top: 40px;
}
:root {
--color-base-red: #e80e19;
--color-base-green: #09ab58;
--color-base-blue: #006deb;
--color-base-yellow: #ffca14;
--color-black: #000000;
--color-white: #ffffff;
--color-black-900: #1a1a1a;
--color-black-800: #222222;
--color-black-700: #333333;
--color-black-600: #4d4d4d;
}
.bg-white{background: #ffffff;}
.text-center {
text-align: center !important;
}
.page-wrapper--base {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
.page-wrapper--base *,
.page-wrapper--base *::before,
.page-wrapper--base *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-wrapper--base .font-xs {
font-size: 12px;
line-height: 1.4;
}
.page-wrapper--base .font-sm {
font-size: 14px;
line-height: 1.4;
}
.page-wrapper--base .font-md {
font-size: 16px;
line-height: 1.5;
}
.page-wrapper--base .font-base {
font-size: 17px;
line-height: 1.5;
margin-top: 0;
}
.page-wrapper--base .font-lg,
.page-wrapper--base .pricing-table tbody tr td,
.pricing-table tbody tr .page-wrapper--base td {
font-size: 17px;
line-height: 1.5;
}
.color-red {
color: var(--color-base-red);
}
.content-list li {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2388_1997)'%3e%3cpath d='M10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.0833 0 12.1083 0.158333 13.075 0.475C14.0417 0.791667 14.9333 1.23333 15.75 1.8L14.3 3.275C13.6667 2.875 12.9917 2.5625 12.275 2.3375C11.5583 2.1125 10.8 2 10 2C7.78333 2 5.89583 2.77917 4.3375 4.3375C2.77917 5.89583 2 7.78333 2 10C2 12.2167 2.77917 14.1042 4.3375 15.6625C5.89583 17.2208 7.78333 18 10 18C12.2167 18 14.1042 17.2208 15.6625 15.6625C17.2208 14.1042 18 12.2167 18 10C18 9.7 17.9833 9.4 17.95 9.1C17.9167 8.8 17.8667 8.50833 17.8 8.225L19.425 6.6C19.6083 7.13333 19.75 7.68333 19.85 8.25C19.95 8.81667 20 9.4 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM8.6 14.6L4.35 10.35L5.75 8.95L8.6 11.8L18.6 1.775L20 3.175L8.6 14.6Z' fill='%233DB372'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2388_1997'%3e%3crect width='20' height='20' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
background-repeat: no-repeat;
background-position: 0 4px;
padding-left: 32px;
margin-bottom: 16px;
font-size: 17px; font-weight: 300;
}
.content-list li:last-child {
margin-bottom: 0;
}
.page-wrapper--base .font-xl {
font-size: 20px;
line-height: 1.4;
}
.page-wrapper--base .font-2xl {
font-size: 22px;
line-height: 1.4;
letter-spacing: -0.15px;
}
.page-wrapper--base .font-h6,
.page-wrapper--base h6 {
font-size: 18px;
font-weight: 600;
line-height: 1.3;
margin-top: 0;
margin-bottom: 12px;
}
.page-wrapper--base .font-h5,
.page-wrapper--base h5 {
font-size: 20px;
font-weight: 600;
line-height: 1.3;
margin-top: 0;
margin-bottom: 12px;
}
.page-wrapper--base .font-h4,
.page-wrapper--base h4 {
font-size: 24px;
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.25px;
margin-top: 0;
margin-bottom: 12px;
margin-left: 0;
;
}
.page-wrapper--base .font-h3,
.page-wrapper--base h3 {
font-size: 36px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.5px;
margin-top: 0;
margin-bottom: 12px;
}
.page-wrapper--base .font-h2,
.page-wrapper--base h2 {
font-size: 48px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -1.25px;
margin-top: 0;
margin-bottom: 12px;
}
.page-wrapper--base .font-h1,
.page-wrapper--base h1 {
font-size: 60px;
font-weight: 600;
line-height: 1.1;
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 12px;
}
.page-wrapper--base .font-display-xl {
font-size: 72px;
font-weight: 600;
line-height: 1.1;
letter-spacing: -2.5px;
}
.page-wrapper--base .font-display-2xl {
font-size: 84px;
font-weight: 600;
line-height: 1.05;
}
.page-wrapper--base .font-display-3xl {
font-size: 96px;
font-weight: 600;
line-height: 1.05;
}
.page-wrapper--base .fw-regular {
font-weight: 300;
}
.page-wrapper--base .fw-medium {
font-weight: 400;
}
.page-wrapper--base .fw-semibold {
font-weight: 500;
}
.page-wrapper--base .fw-bold {
font-weight: 600;
}
.page-wrapper--base p {
font-size: 17px;
font-weight: 300;
line-height: 1.7;
margin-top: 0;
margin-bottom: 16px;
}
@media only screen and (max-width: 992px) {
.page-wrapper--base h1 {
font-size: 48px;
}
.page-wrapper--base .font-h2,
.page-wrapper--base h2 {
font-size: 40px;
}
.form-section {
margin: 0 auto;
margin-top: 32px;
}
}
@media only screen and (max-width: 767px) {
.page-wrapper--base .font-display-xl,
.page-wrapper--base h1 {
font-size: calc(3rem + 1vw);
}
.page-wrapper--base h2 {
font-size: calc(2rem + 2vw);
}
}
.pricing-table {
max-width: 860px;
width: 100%;
border-collapse: collapse;
margin: auto;
table-layout: fixed;
}
.pricing-table thead tr th:first-child,
.pricing-table thead tr td:first-child,
.pricing-table tbody tr th:first-child,
.pricing-table tbody tr td:first-child {
text-align: left;
}
.pricing-table thead tr th {
padding: 20px;
}
.pricing-table thead tr th:nth-child(2) {
background: hsl(46.25, 100%, 93%);
opacity: 1;
}
.pricing-table thead tr th:nth-child(2)>img {
margin: 0 auto;
max-width: 230px;
}
.pricing-table thead tr th:nth-child(3)>img {
margin: 0 auto;
max-width: 191px;
}
.pricing-table th,
.pricing-table td {
vertical-align: middle;
}
.pricing-table tbody tr td {
padding: 20px;
font-weight: 400;
border-top: 1px solid #e3e3e3;
}
.pricing-table tbody tr td:nth-child(2),
.pricing-table tbody tr td:nth-child(3) {
text-align: left;
}
.pricing-table tbody tr:last-child td {
border-bottom: 1px solid #e3e3e3;
}
.pricing-table tbody tr:nth-child(1) td:nth-child(2) {
background: hsla(46.25, 100%, 93%, 0.9);
}
.pricing-table tbody tr:nth-child(2) td:nth-child(2) {
background: hsla(46.25, 100%, 93%, 0.85);
}
.pricing-table tbody tr:nth-child(3) td:nth-child(2) {
background: hsla(46.25, 100%, 93%, 0.8);
}
.pricing-table tbody tr:nth-child(4) td:nth-child(2) {
background: hsla(46.25, 100%, 93%, 0.75);
}
.pricing-table tbody tr:nth-child(5) td:nth-child(2) {
background: hsla(46.25, 100%, 93%, 0.7);
}
.pricing-table tbody tr:nth-child(6) td:nth-child(2) {
background: hsla(46.25, 100%, 93%, 0.65);
}
.pricing-table tbody tr:nth-child(7) td:nth-child(2) {
background: hsla(46.25, 100%, 93%, 0.6);
}
.pricing-table tbody tr:nth-child(8) td:nth-child(2) {
background: hsla(46.25, 100%, 93%, 0.55);
}
.pricing-table tbody tr:nth-child(9) td:nth-child(2) {
background: hsla(46.25, 100%, 93%, 0.5);
}
.pricing-table tbody tr:nth-child(10) td:nth-child(2) {
background: hsla(46.25, 100%, 93%, 0.45);
}
.page-wrapper--base .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.75rem;
margin-left: -0.75rem;
padding-top: 0;
padding-bottom: 0;
}
.page-wrapper--base .row>* {
padding-left: 12px;
padding-right: 12px;
max-width: 100%;
}
.page-wrapper--base .row.g-0 {
margin-right: 0;
margin-left: 0;
}
.page-wrapper--base .row.g-0>* {
padding-left: 0;
padding-right: 0;
}
.page-wrapper--base .col {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.page-wrapper--base .col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.page-wrapper--base .col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.page-wrapper--base .col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.page-wrapper--base .col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.page-wrapper--base .col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.page-wrapper--base .col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.page-wrapper--base .col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.page-wrapper--base .col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.page-wrapper--base .col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.page-wrapper--base .col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.page-wrapper--base .col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.page-wrapper--base .col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.page-wrapper--base .col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
@media only screen and (min-width: 576px) {
.page-wrapper--base .col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.page-wrapper--base .col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.page-wrapper--base .col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.page-wrapper--base .col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.page-wrapper--base .col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.page-wrapper--base .col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.page-wrapper--base .col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.page-wrapper--base .col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.page-wrapper--base .col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.page-wrapper--base .col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.page-wrapper--base .col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.page-wrapper--base .col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.page-wrapper--base .col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.page-wrapper--base .col-md {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.page-wrapper--base .col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.page-wrapper--base .col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.page-wrapper--base .col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.page-wrapper--base .col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.page-wrapper--base .col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.page-wrapper--base .col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.page-wrapper--base .col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.page-wrapper--base .col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.page-wrapper--base .col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.page-wrapper--base .col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.page-wrapper--base .col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.page-wrapper--base .col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
}
@media only screen and (min-width: 992px) {
.page-wrapper--base .col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.page-wrapper--base .col-lg {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.page-wrapper--base .col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.page-wrapper--base .col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.page-wrapper--base .col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.page-wrapper--base .col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.page-wrapper--base .col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.page-wrapper--base .col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.page-wrapper--base .col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.page-wrapper--base .col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.page-wrapper--base .col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.page-wrapper--base .col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.page-wrapper--base .col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.page-wrapper--base .col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.page-wrapper--base .col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.page-wrapper--base .col-xl {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.page-wrapper--base .col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.page-wrapper--base .col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.page-wrapper--base .col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.page-wrapper--base .col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.page-wrapper--base .col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.page-wrapper--base .col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.page-wrapper--base .col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.page-wrapper--base .col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.page-wrapper--base .col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.page-wrapper--base .col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.page-wrapper--base .col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.page-wrapper--base .col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
}
.page-wrapper--base .container--xl {
max-width: 1280px;
width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
}
.page-wrapper--base .w-100 {
width: 100%;
}
.page-wrapper--base .p-0 {
padding: 0;
}
.page-wrapper--base .pt-0 {
padding-top: 0;
}
.page-wrapper--base .pb-0 {
padding-bottom: 0 !important;
}
.page-wrapper--base .pl-0 {
padding-left: 0;
}
.page-wrapper--base .pr-0 {
padding-right: 0;
}
.page-wrapper--base .px-0 {
padding-left: 0;
padding-right: 0;
}
.page-wrapper--base .py-0 {
padding-top: 0;
padding-bottom: 0;
}
.page-wrapper--base .pt-40 {
padding-top: 40px;
}
.page-wrapper--base .pb-40 {
padding-bottom: 40px;
}
.page-wrapper--base .py-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.page-wrapper--base .py-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.page-wrapper--base .py-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.page-wrapper--base .py-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.page-wrapper--base .py-120 {
padding-top: 120px;
padding-bottom: 120px;
}
.page-wrapper--base .m-0 {
margin: 0;
}
.page-wrapper--base .mx-0 {
margin-left: 0;
margin-right: 0;
}
.page-wrapper--base .my-0 {
margin-top: 0;
margin-bottom: 0;
}
.page-wrapper--base .mt-0 {
margin-top: 0;
}
.page-wrapper--base .mb-0 {
margin-bottom: 0;
}
.page-wrapper--base .ml-0 {
margin-left: 0;
}
.page-wrapper--base .mr-0 {
margin-right: 0;
}
.page-wrapper--base .mx-auto {
margin-left: auto;
margin-right: auto;
}
.page-wrapper--base .ml-auto {
margin-left: auto;
}
.page-wrapper--base .mr-auto {
margin-right: auto;
}
.page-wrapper--base .m-auto {
margin: auto;
}
.page-wrapper--base .m-1 {
margin: 0.25rem;
}
.page-wrapper--base .m-2 {
margin: 0.5rem;
}
.page-wrapper--base .m-3 {
margin: 0.75rem;
}
.page-wrapper--base .m-4 {
margin: 1rem;
}
.page-wrapper--base .m-5 {
margin: 1.25rem;
}
.page-wrapper--base .m-6 {
margin: 1.5rem;
}
.page-wrapper--base .m-8 {
margin: 2rem;
}
.page-wrapper--base .m-10 {
margin: 2.5rem;
}
.page-wrapper--base .m-12 {
margin: 3rem;
}
.page-wrapper--base .m-16 {
margin: 4rem;
}
.page-wrapper--base .m-20 {
margin: 5rem;
}
.page-wrapper--base .m-24 {
margin: 6rem;
}
.page-wrapper--base .m-32 {
margin: 8rem;
}
.page-wrapper--base .mt-0 {
margin-top: 0;
}
.page-wrapper--base .mt-1 {
margin-top: 0.25rem;
}
.page-wrapper--base .mt-2 {
margin-top: 0.5rem;
}
.page-wrapper--base .mt-3 {
margin-top: 0.75rem;
}
.page-wrapper--base .mt-4 {
margin-top: 1rem;
}
.page-wrapper--base .mt-5 {
margin-top: 1.25rem;
}
.page-wrapper--base .mt-6 {
margin-top: 1.5rem;
}
.page-wrapper--base .mt-7 {
margin-top: 2rem;
}
.page-wrapper--base .mt-8 {
margin-top: 2.5rem;
}
.page-wrapper--base .mr-0 {
margin-right: 0;
}
.page-wrapper--base .mr-1 {
margin-right: 0.25rem;
}
.page-wrapper--base .mr-2 {
margin-right: 0.5rem;
}
.page-wrapper--base .mr-3 {
margin-right: 0.75rem;
}
.page-wrapper--base .mr-4 {
margin-right: 1rem;
}
.page-wrapper--base .mr-5 {
margin-right: 1.25rem;
}
.page-wrapper--base .mr-6 {
margin-right: 1.5rem;
}
.page-wrapper--base .mb-0 {
margin-bottom: 0;
}
.page-wrapper--base .mb-1 {
margin-bottom: 0.25rem;
}
.page-wrapper--base .mb-2 {
margin-bottom: 0.5rem;
}
.page-wrapper--base .mb-3 {
margin-bottom: 0.75rem;
}
.page-wrapper--base .mb-4 {
margin-bottom: 1rem;
}
.page-wrapper--base .mb-5 {
margin-bottom: 1.25rem;
}
.page-wrapper--base .mb-6 {
margin-bottom: 1.5rem;
}
.page-wrapper--base .ml-0 {
margin-left: 0;
}
.page-wrapper--base .ml-1 {
margin-left: 0.25rem;
}
.page-wrapper--base .ml-2 {
margin-left: 0.5rem;
}
.page-wrapper--base .ml-3 {
margin-left: 0.75rem;
}
.page-wrapper--base .ml-4 {
margin-left: 1rem;
}
.page-wrapper--base .ml-5 {
margin-left: 1.25rem;
}
.page-wrapper--base .ml-6 {
margin-left: 1.5rem;
}
.page-wrapper--base .mx-0 {
margin-left: 0;
margin-right: 0;
}
.page-wrapper--base .mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.page-wrapper--base .mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.page-wrapper--base .mx-3 {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.page-wrapper--base .mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.page-wrapper--base .mx-5 {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.page-wrapper--base .mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.page-wrapper--base .my-0 {
margin-top: 0;
margin-bottom: 0;
}
.page-wrapper--base .my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.page-wrapper--base .my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.page-wrapper--base .my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.page-wrapper--base .my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.page-wrapper--base .my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.page-wrapper--base .my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.page-wrapper--base .mt-40,
.page-wrapper--base .my-40 {
margin-top: 40px;
}
.page-wrapper--base .mb-40,
.page-wrapper--base .my-40 {
margin-bottom: 40px;
}
.page-wrapper--base .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-wrapper--base .inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.page-wrapper--base .flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.page-wrapper--base .flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-wrapper--base .flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-wrapper--base .flex-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.page-wrapper--base .justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.page-wrapper--base .justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-wrapper--base .justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.page-wrapper--base .justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-wrapper--base .justify-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.page-wrapper--base .justify-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.page-wrapper--base .items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.page-wrapper--base .items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-wrapper--base .items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.page-wrapper--base .items-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.page-wrapper--base .items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.page-wrapper--base .content-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.page-wrapper--base .content-center {
-ms-flex-line-pack: center;
align-content: center;
}
.page-wrapper--base .content-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.page-wrapper--base .content-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.page-wrapper--base .content-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.page-wrapper--base .content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.page-wrapper--base .flex-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.page-wrapper--base .flex-grow {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.page-wrapper--base .flex-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.page-wrapper--base .flex-shrink {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.page-wrapper--base .flex-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.page-wrapper--base .flex-initial {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.page-wrapper--base .flex-none {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.page-wrapper--base .gap-0 {
gap: 0;
}
.page-wrapper--base .gap-2 {
gap: 2px;
}
.page-wrapper--base .gap-4 {
gap: 4px;
}
.page-wrapper--base .gap-8 {
gap: 8px;
}
.page-wrapper--base .gap-12 {
gap: 12px;
}
.page-wrapper--base .gap-16 {
gap: 16px;
}
.page-wrapper--base .relative {
position: relative;
}
.page-wrapper--base .absolute {
position: absolute;
}
.page-wrapper--base .block {
display: block;
}
.page-wrapper--base .inline {
display: inline;
}
.page-wrapper--base .inline-block {
display: inline-block;
}
.page-wrapper--base .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-wrapper--base .inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.page-wrapper--base .grid {
display: grid;
}
.page-wrapper--base .inline-grid {
display: inline-grid;
}
.page-wrapper--base .hidden {
display: none;
}
.page-wrapper--base .table {
display: table;
}
.page-wrapper--base .table-row {
display: table-row;
}
.page-wrapper--base .table-cell {
display: table-cell;
}
.page-wrapper--base .contents {
display: contents;
}
.page-wrapper--base .list-item {
display: list-item;
}
@media (min-width: 640px) {
.page-wrapper--base .sm\:block {
display: block;
}
.page-wrapper--base .sm\:inline {
display: inline;
}
.page-wrapper--base .sm\:inline-block {
display: inline-block;
}
.page-wrapper--base .sm\:flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-wrapper--base .sm\:inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.page-wrapper--base .sm\:grid {
display: grid;
}
.page-wrapper--base .sm\:inline-grid {
display: inline-grid;
}
.page-wrapper--base .sm\:hidden {
display: none;
}
.page-wrapper--base .sm\:table {
display: table;
}
.page-wrapper--base .sm\:table-row {
display: table-row;
}
.page-wrapper--base .sm\:table-cell {
display: table-cell;
}
.page-wrapper--base .sm\:contents {
display: contents;
}
.page-wrapper--base .sm\:list-item {
display: list-item;
}
}
@media (min-width: 768px) {
.page-wrapper--base .md\:block {
display: block;
}
.page-wrapper--base .md\:inline {
display: inline;
}
.page-wrapper--base .md\:inline-block {
display: inline-block;
}
.page-wrapper--base .md\:flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-wrapper--base .md\:inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.page-wrapper--base .md\:grid {
display: grid;
}
.page-wrapper--base .md\:inline-grid {
display: inline-grid;
}
.page-wrapper--base .md\:hidden {
display: none;
}
.page-wrapper--base .md\:table {
display: table;
}
.page-wrapper--base .md\:table-row {
display: table-row;
}
.page-wrapper--base .md\:table-cell {
display: table-cell;
}
.page-wrapper--base .md\:contents {
display: contents;
}
.page-wrapper--base .md\:list-item {
display: list-item;
}
}
@media (min-width: 1024px) {
.page-wrapper--base .lg\:block {
display: block;
}
.page-wrapper--base .lg\:inline {
display: inline;
}
.page-wrapper--base .lg\:inline-block {
display: inline-block;
}
.page-wrapper--base .lg\:flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-wrapper--base .lg\:inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.page-wrapper--base .lg\:grid {
display: grid;
}
.page-wrapper--base .lg\:inline-grid {
display: inline-grid;
}
.page-wrapper--base .lg\:hidden {
display: none;
}
.page-wrapper--base .lg\:table {
display: table;
}
.page-wrapper--base .lg\:table-row {
display: table-row;
}
.page-wrapper--base .lg\:table-cell {
display: table-cell;
}
.page-wrapper--base .lg\:contents {
display: contents;
}
.page-wrapper--base .lg\:list-item {
display: list-item;
}
}
@media (min-width: 1280px) {
.page-wrapper--base .xl\:block {
display: block;
}
.page-wrapper--base .xl\:inline {
display: inline;
}
.page-wrapper--base .xl\:inline-block {
display: inline-block;
}
.page-wrapper--base .xl\:flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-wrapper--base .xl\:inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.page-wrapper--base .xl\:grid {
display: grid;
}
.page-wrapper--base .xl\:inline-grid {
display: inline-grid;
}
.page-wrapper--base .xl\:hidden {
display: none;
}
.page-wrapper--base .xl\:table {
display: table;
}
.page-wrapper--base .xl\:table-row {
display: table-row;
}
.page-wrapper--base .xl\:table-cell {
display: table-cell;
}
.page-wrapper--base .xl\:contents {
display: contents;
}
.page-wrapper--base .xl\:list-item {
display: list-item;
}
}
.page-wrapper--base .text-white {
color: var(--color-white);
}
.page-wrapper--base .text-black {
color: var(--color-black);
}
.page-wrapper--base .text-right {
text-align: right;
}
.page-wrapper--base .text-left {
text-align: left;
}
.page-wrapper--base .tracking-tighter {
letter-spacing: -0.8px;
}
.page-wrapper--base .tracking-tight {
letter-spacing: -0.4px;
}
.page-wrapper--base .tracking-normal {
letter-spacing: 0;
}
.page-wrapper--base .tracking-wide {
letter-spacing: 0.4px;
}
.page-wrapper--base .tracking-wider {
letter-spacing: 0.8px;
}
.page-wrapper--base .tracking-widest {
letter-spacing: 1.6px;
}
.page-wrapper--base .bg-gradient-yellow-light {
background: -webkit-gradient(linear,
left top,
left bottom,
from(#fff0bc),
to(rgba(255, 248, 224, 0.76)));
background: linear-gradient(180deg,
#fff0bc 0%,
rgba(255, 248, 224, 0.76) 100%);
}
.page-wrapper--base .bg-white {
background: var(--color-white);
}
.page-wrapper--base .bg-black {
background: #000000;
}
.page-wrapper--base .bg-black-900 {
background-color: var(--color-black-900);
}
.page-wrapper--base .bg-black-800 {
background-color: var(--color-black-800);
}
.page-wrapper--base .bg-black-700 {
background-color: var(--color-black-700);
}
.page-wrapper--base .bg-black-600 {
background-color: var(--color-black-600);
}
.page-wrapper--base .rounded-none {
border-radius: 0;
}
.page-wrapper--base .rounded-sm {
border-radius: 0.125rem;
}
.page-wrapper--base .rounded {
border-radius: 0.25rem;
}
.page-wrapper--base .rounded-md {
border-radius: 0.375rem;
}
.page-wrapper--base .rounded-lg {
border-radius: 0.5rem;
}
.page-wrapper--base .rounded-xl {
border-radius: 0.75rem;
}
.page-wrapper--base .rounded-2xl {
border-radius: 1rem;
}
.page-wrapper--base .rounded-3xl {
border-radius: 1.5rem;
}
.page-wrapper--base .rounded-full {
border-radius: 9999px;
}
.page-wrapper--base .table-responsive {
overflow-x: auto;
}
.page-wrapper--base .button-icon--right {
padding-right: 16px;
}
.video_player_wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(7, 13, 20, 0.84);
width: 100%;
height: 100%;
-webkit-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
z-index: 99999;
overflow-y: auto;
opacity: 0;
display: none;
}
.video_player_wrapper * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.video_player_wrapper.active {
display: block;
opacity: 1;
}
.video_player_container {
width: 100%;
max-width: 75%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: auto;
padding: 40px 0;
}
.video_player_close_btn {
width: 36px;
height: 36px;
border-radius: 100px;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
position: relative;
}
.video_player_close_btn:before {
content: "";
width: 2px;
height: 32px;
background-color: #fff;
border-radius: 2px;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.video_player_close_btn:after {
content: "";
width: 2px;
height: 32px;
background-color: #fff;
border-radius: 2px;
position: absolute;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.video_player {
width: 100%;
height: 0;
padding-top: 56.25%;
position: relative;
margin: 12px auto 0;
}
.video_player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.button--light {
display: inline-block;
border-radius: 4px;
width: auto;
cursor: pointer;
padding: 12px 24px;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.2px;
font-family: inherit;
color: var(--color-black);
background: var(--color-white);
border: 1px solid var(--color-black);
}
.button--light:hover {
text-decoration: none;
opacity: 0.9;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.button--primary {
display: inline-block;
border-radius: 4px;
width: auto;
cursor: pointer;
padding: 12px 24px;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.2px;
font-family: inherit;
color: var(--color-white);
background: var(--color-base-red);
border: 1px solid var(--color-base-red);
}
.button--primary:hover {
text-decoration: none;
opacity: 0.9;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.heading-menu {
display: none;
}
/*---- Loading css start--------*/
.form-card-spinner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: inherit;
}
.loading-spinner {
width: 48px;
height: 48px;
border-radius: 50%;
position: relative;
-webkit-animation: rotate 1s linear infinite;
animation: rotate 1s linear infinite;
}
.loading-spinner::before {
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
inset: 0;
border-radius: 50%;
border: 5px solid #ddd;
-webkit-animation: prixClipFix 2s linear infinite;
animation: prixClipFix 2s linear infinite;
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes prixClipFix {
0% {
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
}
25% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
}
50% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
}
75% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
}
100% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
}
}
@keyframes prixClipFix {
0% {
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
}
25% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
}
50% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
}
75% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
}
100% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
}
}
/*---- Loading css end--------*/
.alternative-section-icon {
width: 32px;
height: 32px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.alternative-section-icon img {
width: 32px;
height: 32px;
}
.alternative-section-img img {
max-width: 540px;
width: 100%;
height: auto;
}
.section__title-header {
max-width: 1050px;
margin: auto;
}
.toggle-tab {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 4px;
padding: 4px;
border-radius: 100px;
background: var(--color-black);
}
.toggle-tab .tab-item {
padding: 10px 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
border-radius: 100px;
font-size: 18px;
line-height: 1.5;
font-weight: 500;
cursor: pointer;
color: var(--color-white);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.toggle-tab .tab-item.active {
background-color: var(--color-white);
color: var(--color-black);
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.icon-24,
.icon-chevron-right--white {
background-repeat: no-repeat;
background-size: 24px;
width: 24px;
height: 24px;
display: inline-block;
}
.icon-chevron-right--white {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMThMMTUgMTJMOSA2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.pills-tab-header {
margin: 20px 0;
padding: 14px 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pills-tab {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
gap: 12px;
padding: 6px;
border-radius: 72px;
scrollbar-width: none;
}
.pills-tab::-webkit-scrollbar {
width: 0;
}
.pills-tab .tab-item {
border-radius: 50px;
padding: 12px 24px;
cursor: pointer;
font-weight: 400;
font-size: 18px;
font-weight: 500;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.pills-tab.pills-tab-dark .tab-item {
border: 1px solid #5b5b5b;
background-color: #2e2e2e;
color: var(--color-white);
}
.pills-tab.pills-tab-dark .tab-item.active {
background: var(--color-base-yellow);
border-color: var(--color-base-yellow);
color: var(--color-black);
}
.pills-tab-body {
background: var(--color-white);
padding: 40px;
}
.appoptics-pills-tab-body{min-height: 430px;}
img,
picture {
max-width: 100%;
display: block;
}
.feature-section img {
border-radius: 6px;
box-shadow: 0px 8px 24px 8px #eeeeee;
}
.is-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.asterisk {
vertical-align: text-bottom;
color: gray;
font-weight: 300;
}
.note-card {
padding: 24px;
background: #f6f6f6;
border-radius: 12px;
}
.key-points-ul {
display: inline-flex;
flex-wrap: wrap;
gap: 10px;
}
.key-points-ul>li {
position: relative;
padding: 8px 24px 8px 40px;
border: 1px solid #ddd;
border-radius: 32px;
font-weight: 400;
}
.key-points-ul>li::before {
content: "";
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDEwLjQ5NTdDMjAgMTAuNDg3MSAyMCAxMC40NzQzIDIwIDEwLjQ2NTdDMjAgMTAuMzk3IDIwIDEwLjMyODQgMTkuOTk1NyAxMC4yNjRDMTkuOTk1NyAxMC4yMjU0IDE5Ljk5MTQgMTAuMTg2OCAxOS45OTE0IDEwLjE0MzlDMTkuOTkxNCAxMC4xMDUzIDE5Ljk4NzEgMTAuMDY2NyAxOS45ODcxIDEwLjAyODFDMTkuOTgyOCA5Ljk4MDkxIDE5Ljk4MjggOS45MzM3MiAxOS45Nzg1IDkuODg2NTNDMTkuOTc4NSA5Ljg1NjUgMTkuOTc0MiA5LjgyNjQ3IDE5Ljk3NDIgOS43OTY0NEMxOS45NyA5Ljc0NDk2IDE5Ljk2NTcgOS42OTM0OCAxOS45NjE0IDkuNjQyQzE5Ljk2MTQgOS42MjA1NSAxOS45NTcxIDkuNTk0ODEgMTkuOTU3MSA5LjU3MzM2QzE5Ljk1MjggOS41MTc1OSAxOS45NDQyIDkuNDYxODIgMTkuOTM5OSA5LjQwMTc2QzE5LjkzOTkgOS4zODg4OSAxOS45MzU2IDkuMzcxNzMgMTkuOTM1NiA5LjM1ODg2QzE5LjM2OTEgNC4zNzM4NyAxNS4xMzczIDAuNSAxMCAwLjVDNC44NjI2NiAwLjUgMC42MzA5MDEgNC4zNzM4NyAwLjA2NDM3NzcgOS4zNjMxNUMwLjA2NDM3NzcgOS4zNzYwMiAwLjA2MDA4NTggOS4zOTMxOCAwLjA2MDA4NTggOS40MDYwNUMwLjA1NTc5NCA5LjQ2MTgyIDAuMDQ3MjEwMyA5LjUxNzU5IDAuMDQyOTE4NSA5LjU3NzY1QzAuMDM4NjI2NiA5LjU5OTEgMC4wMzg2MjY2IDkuNjI0ODQgMC4wMzg2MjY2IDkuNjQ2MjlDMC4wMzQzMzQ3IDkuNjk3NzcgMC4wMzAwNDI5IDkuNzQ5MjUgMC4wMjU3NTExIDkuODAwNzNDMC4wMjU3NTExIDkuODMwNzYgMC4wMjE0NTkyIDkuODYwNzkgMC4wMjE0NTkyIDkuODkwODJDMC4wMTcxNjc0IDkuOTM4MDEgMC4wMTcxNjczIDkuOTg1MiAwLjAxMjg3NTUgMTAuMDMyNEMwLjAxMjg3NTUgMTAuMDcxIDAuMDA4NTgzNzIgMTAuMTA5NiAwLjAwODU4MzcyIDEwLjE0ODJDMC4wMDg1ODM3MiAxMC4xODY4IDAuMDA0MjkxODYgMTAuMjI1NCAwLjAwNDI5MTg2IDEwLjI2ODNDMC4wMDQyOTE4NiAxMC4zMzcgMCAxMC40MDU2IDAgMTAuNDdDMCAxMC40Nzg1IDAgMTAuNDkxNCAwIDEwLjVDMCAxMC41IDAgMTAuNSAwIDEwLjUwNDNDMCAxMC41MDg2IDAgMTAuNTA0MyAwIDEwLjUwODZDMCAxMC41MTcyIDAgMTAuNTMgMCAxMC41Mzg2QzAgMTAuNjA3MiAxLjYzMDgxZS0wOCAxMC42NzU5IDAuMDA0MjkxODYgMTAuNzQwMkMwLjAwNDI5MTg2IDEwLjc3ODkgMC4wMDg1ODM3MiAxMC44MTc1IDAuMDA4NTgzNzIgMTAuODYwNEMwLjAwODU4MzcyIDEwLjg5OSAwLjAxMjg3NTUgMTAuOTM3NiAwLjAxMjg3NTUgMTAuOTc2MkMwLjAxNzE2NzMgMTEuMDIzNCAwLjAxNzE2NzQgMTEuMDcwNiAwLjAyMTQ1OTIgMTEuMTE3OEMwLjAyMTQ1OTIgMTEuMTQ3OCAwLjAyNTc1MTEgMTEuMTc3OCAwLjAyNTc1MTEgMTEuMjA3OUMwLjAzMDA0MjkgMTEuMjU5MyAwLjAzNDMzNDcgMTEuMzEwOCAwLjAzODYyNjYgMTEuMzYyM0MwLjAzODYyNjYgMTEuMzgzNyAwLjA0MjkxODUgMTEuNDA5NSAwLjA0MjkxODUgMTEuNDMwOUMwLjA0NzIxMDMgMTEuNDg2NyAwLjA1NTc5NCAxMS41NDI1IDAuMDYwMDg1OCAxMS42MDI1QzAuMDYwMDg1OCAxMS42MTU0IDAuMDY0Mzc3NyAxMS42MzI2IDAuMDY0Mzc3NyAxMS42NDU0QzAuNjMwOTAxIDE2LjYyNjEgNC44NjI2NiAyMC41IDEwIDIwLjVDMTUuMTM3MyAyMC41IDE5LjM2OTEgMTYuNjI2MSAxOS45MzU2IDExLjY0MTFDMTkuOTM1NiAxMS42MjgzIDE5LjkzOTkgMTEuNjExMSAxOS45Mzk5IDExLjU5ODJDMTkuOTQ0MiAxMS41NDI1IDE5Ljk1MjggMTEuNDg2NyAxOS45NTcxIDExLjQyNjZDMTkuOTYxNCAxMS40MDUyIDE5Ljk2MTQgMTEuMzc5NSAxOS45NjE0IDExLjM1OEMxOS45NjU3IDExLjMwNjUgMTkuOTcgMTEuMjU1IDE5Ljk3NDIgMTEuMjAzNkMxOS45NzQyIDExLjE3MzUgMTkuOTc4NSAxMS4xNDM1IDE5Ljk3ODUgMTEuMTEzNUMxOS45ODI4IDExLjA2NjMgMTkuOTgyOCAxMS4wMTkxIDE5Ljk4NzEgMTAuOTcxOUMxOS45ODcxIDEwLjkzMzMgMTkuOTkxNCAxMC44OTQ3IDE5Ljk5MTQgMTAuODU2MUMxOS45OTE0IDEwLjgxNzUgMTkuOTk1NyAxMC43Nzg4IDE5Ljk5NTcgMTAuNzM1OUMxOS45OTU3IDEwLjY2NzMgMjAgMTAuNTk4NyAyMCAxMC41MzQzQzIwIDEwLjUyNTcgMjAgMTAuNTEyOSAyMCAxMC41MDQzQzIwIDEwLjUgMjAgMTAuNSAyMCAxMC40OTU3QzIwIDEwLjUgMjAgMTAuNSAyMCAxMC40OTU3WiIgZmlsbD0iIzJCQjY3MyIvPgo8cGF0aCBkPSJNMTQuMjg1OCA4TDguNjM4NDQgMTMuMzU3MUw2LjA3MTQ3IDEwLjkyMjEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
position: absolute;
left: 12px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.faq-content-section .accordion-container {
max-width: 980px;
margin: 0 auto;
padding: 0px 16px;
}
.faq-content-section h2 {
margin-bottom: 40px;
}
.faq-content-section h3 {
font-weight: 500;
padding: 20px 0;
cursor: pointer;
}
.accordion-container {
width: 100%;
}
.accordion-container .accordion-item {
border-bottom: 1px solid #ebeae7;
}
.accordion-container .accordion-item h4,
.accordion-container .accordion-item h3 {
margin: 0;
font-size: 20px;
line-height: 1.5;
letter-spacing: -0.35px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-right: 16px;
}
.accordion-container .accordion-item .accordion-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.accordion-container .accordion-item .accordion-head.active .plusminus::before {
content: "-";
}
.accordion-container .accordion-item .accordion-head.active h3 {
color: #006deb;
}
.accordion-container .accordion-item .accordion-body {
max-width: 90%;
}
.accordion-container .accordion-item .accordion-body p a {
color: #000;
}
.accordion-container .accordion-item .plusminus {
font-size: 24px;
font-weight: 200;
border: 1px solid #444444;
width: 24px;
height: 24px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100px;
color: #444444;
position: relative;
top: 0;
}
.accordion-container .accordion-item .plusminus::before {
position: absolute;
content: "+";
top: -2px;
}
.accordion-container .accordion-body {
display: none;
}
@media screen and (max-width: 767.98px) {
.faq-content-section .faq-container {
padding: 60px 16px;
}
}
.compare-table {
display: block;
position: relative;
}
.compare-table thead {
font-size: 18px;
font-weight: 600;
text-align: left;
}
.compare-table thead th,
.compare-table tr td {
padding: 12px;
font-size: 16px;
}
.compare-table thead th {
font-size: 18px;
}
.compare-table thead th:first-child {
width: 33.33%;
border: 1px solid #d8d8d8;
}
.compare-table thead th:nth-child(2) {
width: 33.33%;
background: #f9fffd;
border-top: 4px solid #00ac69;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
}
.compare-table thead th:last-child {
width: 33.33%;
background: #f6f6f6;
border-top: 4px solid #898e91;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
}
.compare-table tr td {
border: 1px solid #d8d8d8;
font-weight: 400;
}
.val-desc {
display: block;
font-size: 12px;
font-weight: 300;
}
.content-sec .row:nth-child(even) {
flex-direction: row-reverse;
}
.casesstudy-section {
background: #f9f9f9;
}
.thumbnail {
cursor: pointer;
transition: all 0.3s;
}
.thumbnail:hover {
opacity: 0.7;
cursor: zoom-in;
}
.popupModal {
display: none;
position: fixed;
z-index: 999999;
padding-top: 60px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.8);
}
.modal-content {
margin: auto;
display: block;
max-width: 90%;
animation-name: zoomIn;
animation-duration: 0.3s;
border-radius: 8px;
}
.modal-container {
max-width: 1200px;
position: relative;
margin: 0 auto;
}
.close-popup {
position: absolute;
top: -7%;
right: 5%;
color: #fff;
font-size: 40px;
font-weight: bold;
cursor: pointer;
transition: 0.3s;
}
.close:hover {
color: #bbb
}
.close-popup::before,
.close-popup::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 2px;
background-color: #fff;
/* Change color as needed */
transform-origin: center;
}
.close-popup::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.close-popup::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.close-popup:hover::before,
.close-popup:hover::after {
background-color: #cacaca;
}
/* Tablet - Medium Screens */
@media screen and (max-width: 1024px) {
.close-popup {
top: -8%;
right: 4%;
font-size: 36px;
}
}
/* Tablet & Small Laptops */
@media screen and (max-width: 768px) {
.close-popup {
top: -10%;
right: 3%;
font-size: 32px;
}
}
/* Mobile - Landscape */
@media screen and (max-width: 600px) {
.close-popup {
top: -12%;
right: 2%;
font-size: 30px;
}
}
/* Mobile - Portrait */
@media screen and (max-width: 480px) {
.close-popup {
top: -14%;
right: 2%;
font-size: 26px;
}
}
/* Extra Small Devices */
@media screen and (max-width: 360px) {
.close-popup {
top: -16%;
right: 1%;
font-size: 24px;
}
}
.promo-top-banner,
.gartnerPromotion {
display: none !important;
}
.close:hover {
color: #bbb;
}
.zsiq_floatmain,
.zsiq_theme11 {
display: none !important;
}
#survey {
display: none !important;
}
.top-feature-list span {
border-radius: 100px;
border: 1px solid #f2eee0;
background: var(--color-white);
font-size: 17px;
padding: 8px 16px 8px 40px;
font-weight: 400;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.top-feature-list span::before {
content: "";
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDEwLjQ5NTdDMjAgMTAuNDg3MSAyMCAxMC40NzQzIDIwIDEwLjQ2NTdDMjAgMTAuMzk3IDIwIDEwLjMyODQgMTkuOTk1NyAxMC4yNjRDMTkuOTk1NyAxMC4yMjU0IDE5Ljk5MTQgMTAuMTg2OCAxOS45OTE0IDEwLjE0MzlDMTkuOTkxNCAxMC4xMDUzIDE5Ljk4NzEgMTAuMDY2NyAxOS45ODcxIDEwLjAyODFDMTkuOTgyOCA5Ljk4MDkxIDE5Ljk4MjggOS45MzM3MiAxOS45Nzg1IDkuODg2NTNDMTkuOTc4NSA5Ljg1NjUgMTkuOTc0MiA5LjgyNjQ3IDE5Ljk3NDIgOS43OTY0NEMxOS45NyA5Ljc0NDk2IDE5Ljk2NTcgOS42OTM0OCAxOS45NjE0IDkuNjQyQzE5Ljk2MTQgOS42MjA1NSAxOS45NTcxIDkuNTk0ODEgMTkuOTU3MSA5LjU3MzM2QzE5Ljk1MjggOS41MTc1OSAxOS45NDQyIDkuNDYxODIgMTkuOTM5OSA5LjQwMTc2QzE5LjkzOTkgOS4zODg4OSAxOS45MzU2IDkuMzcxNzMgMTkuOTM1NiA5LjM1ODg2QzE5LjM2OTEgNC4zNzM4NyAxNS4xMzczIDAuNSAxMCAwLjVDNC44NjI2NiAwLjUgMC42MzA5MDEgNC4zNzM4NyAwLjA2NDM3NzcgOS4zNjMxNUMwLjA2NDM3NzcgOS4zNzYwMiAwLjA2MDA4NTggOS4zOTMxOCAwLjA2MDA4NTggOS40MDYwNUMwLjA1NTc5NCA5LjQ2MTgyIDAuMDQ3MjEwMyA5LjUxNzU5IDAuMDQyOTE4NSA5LjU3NzY1QzAuMDM4NjI2NiA5LjU5OTEgMC4wMzg2MjY2IDkuNjI0ODQgMC4wMzg2MjY2IDkuNjQ2MjlDMC4wMzQzMzQ3IDkuNjk3NzcgMC4wMzAwNDI5IDkuNzQ5MjUgMC4wMjU3NTExIDkuODAwNzNDMC4wMjU3NTExIDkuODMwNzYgMC4wMjE0NTkyIDkuODYwNzkgMC4wMjE0NTkyIDkuODkwODJDMC4wMTcxNjc0IDkuOTM4MDEgMC4wMTcxNjczIDkuOTg1MiAwLjAxMjg3NTUgMTAuMDMyNEMwLjAxMjg3NTUgMTAuMDcxIDAuMDA4NTgzNzIgMTAuMTA5NiAwLjAwODU4MzcyIDEwLjE0ODJDMC4wMDg1ODM3MiAxMC4xODY4IDAuMDA0MjkxODYgMTAuMjI1NCAwLjAwNDI5MTg2IDEwLjI2ODNDMC4wMDQyOTE4NiAxMC4zMzcgMCAxMC40MDU2IDAgMTAuNDdDMCAxMC40Nzg1IDAgMTAuNDkxNCAwIDEwLjVDMCAxMC41IDAgMTAuNSAwIDEwLjUwNDNDMCAxMC41MDg2IDAgMTAuNTA0MyAwIDEwLjUwODZDMCAxMC41MTcyIDAgMTAuNTMgMCAxMC41Mzg2QzAgMTAuNjA3MiAxLjYzMDgxZS0wOCAxMC42NzU5IDAuMDA0MjkxODYgMTAuNzQwMkMwLjAwNDI5MTg2IDEwLjc3ODkgMC4wMDg1ODM3MiAxMC44MTc1IDAuMDA4NTgzNzIgMTAuODYwNEMwLjAwODU4MzcyIDEwLjg5OSAwLjAxMjg3NTUgMTAuOTM3NiAwLjAxMjg3NTUgMTAuOTc2MkMwLjAxNzE2NzMgMTEuMDIzNCAwLjAxNzE2NzQgMTEuMDcwNiAwLjAyMTQ1OTIgMTEuMTE3OEMwLjAyMTQ1OTIgMTEuMTQ3OCAwLjAyNTc1MTEgMTEuMTc3OCAwLjAyNTc1MTEgMTEuMjA3OUMwLjAzMDA0MjkgMTEuMjU5MyAwLjAzNDMzNDcgMTEuMzEwOCAwLjAzODYyNjYgMTEuMzYyM0MwLjAzODYyNjYgMTEuMzgzNyAwLjA0MjkxODUgMTEuNDA5NSAwLjA0MjkxODUgMTEuNDMwOUMwLjA0NzIxMDMgMTEuNDg2NyAwLjA1NTc5NCAxMS41NDI1IDAuMDYwMDg1OCAxMS42MDI1QzAuMDYwMDg1OCAxMS42MTU0IDAuMDY0Mzc3NyAxMS42MzI2IDAuMDY0Mzc3NyAxMS42NDU0QzAuNjMwOTAxIDE2LjYyNjEgNC44NjI2NiAyMC41IDEwIDIwLjVDMTUuMTM3MyAyMC41IDE5LjM2OTEgMTYuNjI2MSAxOS45MzU2IDExLjY0MTFDMTkuOTM1NiAxMS42MjgzIDE5LjkzOTkgMTEuNjExMSAxOS45Mzk5IDExLjU5ODJDMTkuOTQ0MiAxMS41NDI1IDE5Ljk1MjggMTEuNDg2NyAxOS45NTcxIDExLjQyNjZDMTkuOTYxNCAxMS40MDUyIDE5Ljk2MTQgMTEuMzc5NSAxOS45NjE0IDExLjM1OEMxOS45NjU3IDExLjMwNjUgMTkuOTcgMTEuMjU1IDE5Ljk3NDIgMTEuMjAzNkMxOS45NzQyIDExLjE3MzUgMTkuOTc4NSAxMS4xNDM1IDE5Ljk3ODUgMTEuMTEzNUMxOS45ODI4IDExLjA2NjMgMTkuOTgyOCAxMS4wMTkxIDE5Ljk4NzEgMTAuOTcxOUMxOS45ODcxIDEwLjkzMzMgMTkuOTkxNCAxMC44OTQ3IDE5Ljk5MTQgMTAuODU2MUMxOS45OTE0IDEwLjgxNzUgMTkuOTk1NyAxMC43Nzg4IDE5Ljk5NTcgMTAuNzM1OUMxOS45OTU3IDEwLjY2NzMgMjAgMTAuNTk4NyAyMCAxMC41MzQzQzIwIDEwLjUyNTcgMjAgMTAuNTEyOSAyMCAxMC41MDQzQzIwIDEwLjUgMjAgMTAuNSAyMCAxMC40OTU3QzIwIDEwLjUgMjAgMTAuNSAyMCAxMC40OTU3WiIgZmlsbD0iIzJCQjY3MyIvPgo8cGF0aCBkPSJNMTQuMjg1OCA4TDguNjM4NDQgMTMuMzU3MUw2LjA3MTQ3IDEwLjkyMjEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
position: absolute;
left: 12px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/*------- new css --------*/
.custom-choice-table .pricing-table thead tr th:nth-child(1),
.custom-choice-table .pricing-table tbody tr td:first-child {
background: hsl(46.25, 100%, 93%);
}
.custom-choice-table .pricing-table thead tr th:last-child,
.custom-choice-table .pricing-table tbody tr td:last-child {
background: #fff;
}
.custom-choice-table .pricing-table th,
.custom-choice-table .pricing-table td {
vertical-align: top;
}
.custom-choice-table .pricing-table {
max-width: 1024px;
}
@media screen and (min-width: 992px) {
.title-break {
display: block;
}
}
.smarter-choice-section {background: #fbfbfb;}
.custom-content-list{margin-bottom: 24px;}
.light-bg{background: #fbfbfb;}
/* Thanks Message */
.thanks-message {
padding: 24px;
background: linear-gradient(154deg, #a1eac457, #ffffff9c);
border-radius: 4px;
display: none;
min-height: 400px;
}
.thanks-message p {
margin: 8px 0 0;
text-align: center;
}
.thanks-message .thanks-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0 12px;
text-align: center;
flex-direction: column;
}
.thanks-message .thanks-content h6 {
margin-bottom: 0;
}
/*----- form css start---------*/
.form-group-wrapper .form-group-item,
.form-group-wrapper select {
flex: 50%;
}
.form-group-item {
position: relative;
margin-bottom: 16px;
}
.w-100 {
width: 100% !important;
}
.mt-16{margin-top: 16px;}
.font-2xl {
font-size: 22px !important;
line-height: 1.4 !important;
letter-spacing: -.15px;
font-weight: 600 !important; text-align:center; margin: 0 0 12px !important;
}
.ml-auto {
margin-left: auto;
}
.button--light {
display: inline-block;
border-radius: 4px;
width: auto;
cursor: pointer;
padding: 12px 24px;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
letter-spacing: -.2px;
font-family: inherit;
color: var(--color-black);
background: var(--color-white);
border: 1px solid var(--color-black);
}
.button--light:hover {
text-decoration: none;
opacity: .9;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.button--primary {
display: inline-block;
border-radius: 4px;
width: auto;
cursor: pointer;
padding: 12px 24px;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
letter-spacing: -.2px;
font-family: inherit;
color: var(--color-white);
background: var(--color-base-red);
border: 1px solid var(--color-base-red);
}
.button--primary:hover {
text-decoration: none;
opacity: .9;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.form-group {
margin-bottom: 12px;
}
.form-card-wrapper>.form-card {
border: 1px solid #ffffff;
background-color: #ffffff;
border-radius: 8px;
max-width: 440px;
width: 100%;
-webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .04);
box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .04);
}
.form-item {
margin-bottom: 16px;
}
.form-item>label {
width: 100%;
margin-bottom: 4px;
display: block;
font-weight: 400;
}
.form-item #country_state,
.form-item #ukcountry_region {
margin-top: 16px;
}
.asterisk {
color: #E80E19;
}
.form-control {
font-family: inherit;
font-weight: 400;
font-size: 14px;
line-height: normal;
border: 1px solid #dddddd;
background-color: #ffffff;
border-radius: 4px;
width: 100%;
padding: 12px 12px;
color: var(--color-black);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-control::-webkit-input-placeholder {
color: #444444;
font-size: 14px;
}
.form-control::-moz-placeholder {
color: #444444;
font-size: 14px;
}
.form-control:-ms-input-placeholder {
color: #444444;
font-size: 14px;
}
.form-control::-ms-input-placeholder {
color: #444444;
font-size: 14px;
}
.form-control::placeholder {
color: #444444;
font-size: 14px;
}
.form-control:focus,
.form-control:focus-within {
outline: unset;
-webkit-box-shadow: 0 0 1.5px -.25px var(--color-base-blue);
box-shadow: 0 0 1.5px -.25px var(--color-base-blue);
border: 1px solid var(--color-base-blue);
}
.form-control.is-invalid {
border-color: #E80E19;
padding-right: calc(1.5em + .75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF1E1E'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF1E1E' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem);
background-color: var(--color-white);
}
.form-select,
.form-item select {
font-family: inherit;
font-weight: 400;
font-size: 14px;
line-height: normal;
border: 1px solid #dddddd;
background-color: #ffffff;
border-radius: 4px;
width: 100%;
padding: 12px 12px;
color: var(--color-black);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
--form-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-image: var(--form-bg-img), var(--form-bg-icon, none);
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 16px 12px;
}
.form-select::-webkit-input-placeholder,
.form-item select::-webkit-input-placeholder {
color: #444444;
font-size: 14px;
}
.form-select::-moz-placeholder,
.form-item select::-moz-placeholder {
color: #444444;
font-size: 14px;
}
.form-select:-ms-input-placeholder,
.form-item select:-ms-input-placeholder {
color: #444444;
font-size: 14px;
}
.form-select::-ms-input-placeholder,
.form-item select::-ms-input-placeholder {
color: #444444;
font-size: 14px;
}
.form-select::placeholder,
.form-item select::placeholder {
color: #444444;
font-size: 14px;
}
.form-select:focus,
.form-select:focus-within,
.form-item select:focus,
.form-item select:focus-within {
outline: unset;
-webkit-box-shadow: 0 0 1.5px -.25px var(--color-base-blue);
box-shadow: 0 0 1.5px -.25px var(--color-base-blue);
border: 1px solid var(--color-base-blue);
}
.form-select.is-invalid,
.form-item select.is-invalid {
--form-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF1E1E'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF1E1E' stroke='none'/%3e%3c/svg%3e");
padding-right: 4.125rem;
border-color: #FF1E1E !important;
background-position: right .75rem center, center right 2.25rem;
background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}
.was-validated .form-control:invalid {
border-color: red;
}
.form-error {
margin-top: 4px;
font-size: 14px;
color: #E80E19;
display: none;
}
.form-feedback-error {
margin-top: 4px;
font-size: 13px;
line-height: normal;
color: var(--color-base-red);
display: none;
}
textarea {
resize: vertical;
}
textarea.form-control {
height: auto;
padding: 12px;
}
.form-field-info {
position: relative;
}
.form-field-info .info-tooltip {
visibility: hidden;
width: 208px;
background-color: black;
color: #fff;
text-align: center;
padding: 8px;
border-radius: 6px;
position: absolute;
top: -64px;
left: -90px;
z-index: 1;
font-size: 12px;
line-height: 1.3;
white-space: normal;
word-break: break-word;
}
.form-field-info .info-tooltip::after {
content: "";
position: absolute;
top: 100%;
left: 48%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #111111 transparent transparent transparent;
}
.form-field-info:hover .info-tooltip {
visibility: visible;
}
.form-field-info .info-icon {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaW5mby1jaXJjbGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMTVBNyA3IDAgMSAxIDggMWE3IDcgMCAwIDEgMCAxNG0wIDFBOCA4IDAgMSAwIDggMGE4IDggMCAwIDAgMCAxNiIvPgogIDxwYXRoIGQ9Im04LjkzIDYuNTg4LTIuMjkuMjg3LS4wODIuMzguNDUuMDgzYy4yOTQuMDcuMzUyLjE3Ni4yODguNDY5bC0uNzM4IDMuNDY4Yy0uMTk0Ljg5Ny4xMDUgMS4zMTkuODA4IDEuMzE5LjU0NSAwIDEuMTc4LS4yNTIgMS40NjUtLjU5OGwuMDg4LS40MTZjLS4yLjE3Ni0uNDkyLjI0Ni0uNjg2LjI0Ni0uMjc1IDAtLjM3NS0uMTkzLS4zMDQtLjUzM3pNOSA0LjVhMSAxIDAgMSAxLTIgMCAxIDEgMCAwIDEgMiAwIi8+Cjwvc3ZnPg==") no-repeat;
background-size: 16px;
width: 16px;
height: 16px;
display: inline-block;
}
#VideosAndLogos,
#scroll,
.heading-menu {
display: none;
}
.form-card-spinner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: inherit;
}
.loading-spinner {
width: 48px;
height: 48px;
border-radius: 50%;
position: relative;
-webkit-animation: rotate 1s linear infinite;
animation: rotate 1s linear infinite;
}
.loading-spinner::before {
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
inset: 0;
border-radius: 50%;
border: 5px solid #ddd;
-webkit-animation: prixClipFix 2s linear infinite;
animation: prixClipFix 2s linear infinite;
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes prixClipFix {
0% {
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
}
25% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
}
50% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
}
75% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
}
100% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
}
}
@keyframes prixClipFix {
0% {
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
}
25% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
}
50% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
}
75% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
}
100% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
}
}
.form-card {
min-height: 400px;
}
.form-section form{padding:24px;}
.form-section form input:not([type=checkbox]):not([type=radio]) {
font-family: inherit;
font-weight: 400;
font-size: 15px;
border-radius: 4px;
width: 100%;
padding: 10px 12px;
line-height: 1.3;
color: #444444;
}
.form-section form input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder {
color: #444444;
}
.form-section form input:not([type=checkbox]):not([type=radio])::-moz-placeholder {
color: #444444;
}
.form-section form input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder {
color: #444444;
}
.form-section form input:not([type=checkbox]):not([type=radio])::-ms-input-placeholder {
color: #444444;
}
.form-section form input:not([type=checkbox]):not([type=radio])::placeholder {
color: #444444;
}
.form-section form select {
font-family: inherit;
font-weight: 400;
font-size: 15px;
border: 1px solid #dddddd;
border-radius: 4px;
width: 100%;
padding: 10px 12px;
line-height: 1.467;
color: #444444;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 99%;
background-position-y: 9px;
padding-right: 22px;
}
.form-section form select::-webkit-input-placeholder {
color: #444444;
}
.form-section form select::-moz-placeholder {
color: #444444;
}
.form-section form select:-ms-input-placeholder {
color: #444444;
}
.form-section form select::-ms-input-placeholder {
color: #444444;
}
.form-section form select::placeholder {
color: #444444;
}
.form-section form small {
display: block;
margin: 0 auto;
font-size: 12px;
text-align: center !important;
}
.form-section form small input[type=checkbox] {
width: -moz-max-content;
width: -webkit-max-content;
width: max-content;
display: inline-block;
margin-right: 10px;
}
.form-section form small .form-check-label {
text-align: left;
font-size: 13px;
position: relative;
top: 2px;
line-height: 1.5;
}
.form-section form small .form-check-label>a {
text-align: left;
font-size: 13px;
color: #1a4eb0;
}
.input-group {
max-width: 480px;
margin: auto;
}
.edi-btn .error-field,
.edi-btn .error-field1 {
display: block;
position: absolute;
background-color: rgba(0, 0, 0, 0);
padding: 0;
line-height: normal;
font-size: 13px;
font-weight: 300;
color: #E80E19;
z-index: 1;
display: none;
bottom: 0;
left: 0;
}
.edi-btn .form-group-item.error,
.edi-btn .form-group-item.error1 {
position: relative;
}
.edi-btn .form-group-item.error input,
.edi-btn .form-group-item.error textarea,
.edi-btn .form-group-item.error1 input,
.edi-btn .form-group-item.error1 textarea {
border-color: #E80E19 !important;
}
#meGDPRMessage {
margin: 0px 0 8px;
font-size: 13px;
width: 100% !important; text-align:center;
}
#meGDPRMessage a {
color: #1a4eb0;
}
#meGDPRMessage label {
line-height: 1.5;
color: initial;
display: inline-block;
max-width: 480px;
font-size: 13px;
}
.checkmarkgdpr {
margin: 0 !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 20px !important;
height: 20px !important;
border: 1px solid #ddd !important;
border-radius: 4px !important;
margin-right: 8px !important;
background: #ffffff !important;
}
.checkmarkgdpr::before {
content: "";
display: inline-block !important;
top: -1px !important;
left: 0px !important;
position: relative !important;
width: 6px !important;
height: 11px !important;
border-style: solid !important;
border-width: 0 2px 2px 0 !important;
-webkit-transform: rotate(45deg) scale(1) !important;
transform: rotate(45deg) scale(1) !important;
-webkit-transition: 120ms -webkit-transform ease-out !important;
transition: 120ms -webkit-transform ease-out !important;
transition: 120ms transform ease-out !important;
transition: 120ms transform ease-out, 120ms -webkit-transform ease-out !important;
opacity: 0;
}
.checkmarkgdpr.enableCheckgdpr::before {
opacity: 1;
}
.terms-content {
font-size: 13px;
margin-bottom: 16px;
line-height: 1.5; text-align:center; margin-top:0;
}
.terms-content>a {
font-size: 13px;
color: inherit;
text-decoration: underline;
}
.terms-content strong {
font-weight: 500;
}
.form-group-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0 12px;
}
.form-group-wrapper>div:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: flex-start;
align-items: flex-start;
gap: 12px;
}
.form-group-wrapper .form-group-item {
margin-bottom: 0;
}
.form-group-wrapper select {
margin-bottom: 16px;
}
.form-group-wrapper .form-group-item,
.form-group-wrapper select {
flex: 50%;
}
#ukcountry_region:not(.form-group-wrapper #ukcountry_region),
#country_state:not(.form-group-wrapper #country_state) {
margin-top: 12px;
}
@media screen and (max-width:992px) {
.form-card-wrapper .form-card{
margin: 40px auto 0;
}
}
.custom-choice-table .pricing-table thead tr th:nth-child(2)>img {height: auto; max-width: 160px;}
.custom-choice-table .pricing-table thead tr th:nth-child(1)>img {height: auto; margin: 0 auto;}
.custom-choice-table .pricing-table thead tr th{vertical-align: middle !important;}
.custom-choice-table .pricing-table td strong{font-weight: 600;}
.image-holder{width:100%; max-width: 500px;}
/*------- form css end ----------*/
/*---- Sam page css ------*/
.solar-sam-table .pricing-table thead tr th:nth-child(2)>img {
height: auto;
max-width: 220px;
}
.solar-comparison-table p {
text-align: center;
margin: 0;
display: flex;
flex-direction: column;
gap: 6px; line-height: 1.5;
}
.solar-comparison-table p span{display: block; margin: 0 auto;}
.solar-comparison-table .pricing-table tbody tr td:nth-child(1) {
font-weight: 500;
}
.icon-24, .icon-chevron-right--white, .icon-x--red, .icon-check--green {
background-repeat: no-repeat;
background-size: 24px;
width: 24px;
height: 24px;
display: inline-block;
}
.icon-check--green {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjI1IDZMOS4yNSAxN0w0LjI1IDEyIiBzdHJva2U9IiMwOUFCNTgiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}
.icon-x--red {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljc1IDZMNi43NSAxOCIgc3Ryb2tlPSIjRTgwRTE5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi43NSA2TDE4Ljc1IDE4IiBzdHJva2U9IiNFODBFMTkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}
.icon-chevron-right--white {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMThMMTUgMTJMOSA2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.icon-x--warning {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2224%22%20viewBox%3D%220%200%2026%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_9992_2)%22%3E%3Cpath%20d%3D%22M21.6871%2024H4.31298C2.75621%2024%201.36217%2023.1836%200.583824%2021.8159C-0.194596%2020.4483%20-0.194596%2018.8153%200.58375%2017.4477L9.27084%202.18411C10.0492%200.816439%2011.4433%200%2013%200C14.5567%200%2015.9509%200.816439%2016.7292%202.18411L25.4162%2017.4477C26.1946%2018.8153%2026.1946%2020.4483%2025.4162%2021.8159C24.6379%2023.1836%2023.2438%2024%2021.6871%2024ZM13%201.89117C12.1173%201.89117%2011.3268%202.35414%2010.8854%203.12972L2.19833%2018.3933C1.75696%2019.1688%201.75696%2020.0948%202.19833%2020.8703C2.63969%2021.6458%203.43025%2022.1088%204.31298%2022.1088H21.6871C22.5698%2022.1088%2023.3603%2021.6459%2023.8017%2020.8703C24.243%2020.0948%2024.2431%2019.1688%2023.8017%2018.3933L15.1146%203.12972C14.6733%202.35416%2013.8828%201.89117%2013%201.89117Z%22%20fill%3D%22%23FF8E47%22%2F%3E%3Cpath%20d%3D%22M14.4911%207.08837L14.2074%2015.4225C14.1837%2016.1192%2013.6201%2016.6716%2012.9328%2016.6716C12.2431%2016.6716%2011.6785%2016.1155%2011.6581%2015.4161L11.415%207.08837C11.415%206.45618%2011.9249%205.93896%2012.5481%205.93896H13.3581C13.9813%205.93896%2014.4911%206.45618%2014.4911%207.08837Z%22%20fill%3D%22%23FF8E47%22%2F%3E%3Cpath%20d%3D%22M14.4911%2019.0827C14.4911%2019.9447%2013.8028%2020.643%2012.9531%2020.643C12.1035%2020.643%2011.415%2019.9447%2011.415%2019.0827C11.415%2018.2208%2012.1034%2017.5225%2012.9531%2017.5225C13.8029%2017.5225%2014.4911%2018.2208%2014.4911%2019.0827Z%22%20fill%3D%22%23FF8E47%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_9992_2%22%3E%3Crect%20width%3D%2226%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
background-repeat: no-repeat; width: 24px; background-size: 23px;
}
.top-sec-recognition {
background: background linear-gradient(180deg, #ffffff 0%, rgba(255, 248, 224, 0.76) 100%);
}
.top-sec-recognition h5 {
font-size: 20px;
margin-bottom: 24px;
}
.recognized-content .img-holder {
text-align: center;
margin: 0 auto;
display: inline-block;
}
.recognized-content a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: -50px;
display: flex;
align-items: flex-end;
justify-content: center;
opacity: 0;
text-decoration: none;
font-size: 14px;
transition: all ease 450ms;
}
.recognized-item:hover .recognized-content a {
bottom: -28px;
opacity: 1; text-decoration: none;
}
.recognized-content a span {
display: inline-block;
line-height: 16px;
margin-left: -1px;
}
.recognized-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
padding: 0px 0 50px;
}
.recognized-item {
text-align: center;
padding: 0 40px;
position: relative;
}
.recognized-item::before {
position: absolute;
content: "";
right: 0;
bottom: 20%;
width: 1px;
height: 100px;
background: #d1bf82;
transform: translateY(25%);
}
.recognized-logo {
margin: auto;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.recognized-content,
.recognized-content h2 {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
margin: 0;
letter-spacing: 0;
}
.recognized-container .recognized-item:nth-child(1) .recognized-logo svg {
width: 120px;
height: 28px;
}
.recognized-container .recognized-item:nth-child(2) .recognized-logo svg {
width: 80px;
}
.recognized-container .recognized-item:nth-child(3) .recognized-logo svg {
width: 148px;
height: 34px;
}
.recognized-container .recognized-item:nth-child(3)::before {
display: none;
}
@media screen and (max-width: 1024px) {
.recognized-container {
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
}
@media screen and (max-width: 991px) {
.recognized-content a {
position: relative;
opacity: 1;
bottom: 0;
margin-top: 12px;
}
.recognized-item::before {
display: none;
}
.recognized-container {
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
gap: 40px;
}
.recognized-item {
padding: 0;
}
}
.recognized-logo {
display: inline-block;
background: url('https://cdn.manageengine.com/products/applications_manager/images/apm-recognized-sprite.svg') no-repeat;
background-size: 996px 230px; /* Full sprite size */
}
.recognized-logo.reg-gartner {
width: 200px;
height: 70px;
background-position: 30px -18px;
}
.recognized-logo.reg-customer-choice {
width: 220px;
height: 70px;
background-position: -114px -6px;
background-size: 810px;
}
.recognized-logo.reg-capterra {
width: 180px;
height: 70px;
background-position: -345px -7px;
background-size: 800px;
}
.recognized-content span {
display: block;
}
/*testimonical css */
.cs-bottom-cta-card {
text-align: center;
background: #eff6fe;
padding: 36px 24px;
border-radius: 12px;
display: flex;
flex-direction: column;
gap: 8px;
margin: 40px 0 20px;
}
.cs-speaker-card {
background: linear-gradient(180deg, #100f0b 0%, rgb(62 58 43) 100%);
padding: 40px 110px 40px;
font-size: 18px;
position: relative;
margin: -90px auto 0px;
text-align: center;
color: #fff;
max-width: 1170px;
border-radius: 12px;
}
.cs-speaker-card .cs-speaker-quote {
font-size: 20px;
line-height: 1.5;
margin-bottom: 16px;
}
.cs-speaker-designation {
font-size: 15px; color: #ffca14;
font-weight: 300;
}
.cs-quote-icon {
height: 48px;
width: 48px;
background: url(https://cdn.manageengine.com/products/applications_manager/images/case-study-quote.svg) no-repeat;
background-size: 48px;
filter: grayscale(1); position: absolute;
left: 4%;
top: 8%;
}
@media only screen and (max-width: 991.98px) {
.cs-subcontent-highlight-section {
flex-wrap: wrap;
gap: 24px;
justify-content: start;
align-items: center;
}
}
/*---------- featue card section start ---------*/
.feature-content-grid {
display: flex;
flex: 1;
gap: 30px;
margin: 32px 0px 0px;
}
.feature-content-grid .feature-content-card {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.feature-content-grid .feature-content-card a {
font-style: italic;
}
.feature-content-grid .feature-content-card h3{margin-bottom: 12px; text-align: left; font-size: 24px;}
.feature-content-grid >* {
flex: 1;
width: 50%;
}
.feature-content-card {
padding: 40px;
background: #fbfbfb;
border-radius: 24px;
border: 3px solid #f9f9f9;
/* filter: grayscale(1);*/
position: relative;
}
.feature-content-card a {
font-size: 17px;
}
.feature-content-card .benefit-card {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 24px;
gap: 24px;
border-radius: 12px;
background: #fff;
margin-bottom: 24px;
border: 1px solid #f0f0f0;
}
.feature-content-card .benefit-card p {
margin: 0px;
}
.feature-content-card .benefit-card:last-child {
margin-bottom: 0;
}
.feature-content-card.benefit-card h5 {
margin-bottom: 8px;
line-height: 1.15;
}
.feature-content-card.benefit-card p {
margin-bottom: 0;
}
.feature-content-card.green-color-card {
background: linear-gradient(46deg, #def4ec 0%, #ffffff 100%);
border-color: #eefaf6;
filter: unset; transition: all 0.3s;
}
.feature-content-card.green-color-card:hover{transform: scale(1.03); transition: all 0.3s;}
.green-color-card .icon-check--green {
background-size: 34px;
width: 34px;
height: 34px;
}
.feature-content-card.white-color-card {
background: #ffffff;
border: none;
padding: 0px;
}
.icon-container.icon-orange {
filter: grayscale(1);
}
.feature-card-sectionul li {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 0 4px;
padding-left: 32px;
margin-bottom: 16px;
}
.widget-mt {
margin-top: 64px;
}
@media screen and (max-width: 767.98px) {
.feature-content-grid >* {
width: 100%;
}
.feature-content-grid {
margin: 0px;
flex-direction: column;
}
.feature-content-card{padding: 16px;}
.feature-card-section{
padding: 20px 0px;
}
}
.featue-content .content-list li span{font-weight: 600;}
.feature-content-list {
margin-top: 24px;
}
.compare-icon {
position: absolute;
right: 20px;
top: 20px;
background: #e1f5ee;
width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.compare-icon.red-icon { background: #ffebec;border: 1px solid #fbe5e6;}
.compare-icon.green-icon {background: #e1f5ee;border: 1px solid #dbf3ea;}
.compare-icon.red-icon .icon-x--red{ background-size: 28px;
width: 28px;
height: 28px;}
.feature-content-card .featue-content>p {
max-width: 85%;
}
.icon-check--green{ background-size: 26px;
width: 26px;
height: 26px;}
.expense-item {
background: #ffffff;
border-radius: 12px;
padding: 24px;
margin-bottom: 16px;
display: flex;
align-items: center;
gap: 20px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.icon-container {
width: 48px;
height: 48px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.icon-orange {
background: #fff9f6;
}
.icon-green {
background: #f1fffa;
}
.arrow-icon {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.arrow-icon svg {
width: 100%;
height: 100%;
}
.expense-details {
flex: 1;
}
.expense-title {
font-size: 17px;
color: #444; line-height: 1.7;
}
.expense-title span{font-weight: 600;}
.badge-paid {
background: #10b981;
color: white;
}
@media (max-width: 600px) {
.expense-item {
padding: 20px;
gap: 16px;
}
}
/*--------- featue card section end -------*/
/*---------- CompPage css start ----------*/
:root {
--theme-mid-dark-color: #fff0c0;
--theme-medium-color: #222222;
--text-light-color: #DEEAFC;
}
.apm-CompPage-Box.numdata.has-pattern .flex::before {
content: '';
position: absolute;
inset: 0;
background-image: url(https://www.manageengine.com/ems/images/icon/bg-pattern-2.svg);
background-repeat: no-repeat;
background-size: 120%;
background-position: center;
opacity: .35;
pointer-events: none;
z-index: 0;
}
.apm-CompPage-Box.numdata .box {
position: relative;
z-index: 1;
}
.apm-CompPage-Box .flex {
position: relative;
display: flex;
max-width: 1280px;
width: fit-content;
margin: auto;
align-items: center;
justify-content: center;
}
.apm-CompPage-Box {
padding: 100px 40px;
}
.apm-CompPage-Box.dark {
color: var(--text-light-color);
}
.apm-CompPage-Box.numdata .flex {
position: relative;
background-color: var(--theme-mid-dark-color);
padding: 60px;
border-radius: 20px;
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: center; background-color: #ffe697;
}
.apm-CompPage-Box.numdata .flex::before {
content: '';
position: absolute;
inset: 0;
background-image: url(../images/apm-sollar-bg-pattern.svg);
background-size: cover;
pointer-events: none;
z-index: 0;
}
.apm-CompPage-Box.numdata .box.big {
background-color: var(--theme-medium-color);
padding: 40px;
border-radius: 10px;
max-width: 520px;
flex: 1 1 520px; color: #fff;
}
.apm-CompPage-Box.numdata .box.big h2 {
margin: 0 0 20px; font-size: 32px;
}
.apm-CompPage-Box.numdata .box.big ul {
margin: 0;
padding-left: 22px;
}
.apm-CompPage-Box.numdata .box.big li {
margin: 0 0 6px 0;
list-style: disc; font-size: 17px;
line-height: 32px;
font-weight: 300;
}
.apm-CompPage-Box.numdata .box.small {
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: center;
align-items: stretch;
flex: 2 1 400px;
}
.apm-CompPage-Box.numdata .smallbox {
width: 40%;
min-width: 220px;
max-width: 280px;
text-align: center;
}
.apm-CompPage-Box.numdata .smallbox img {
height: 60px;
max-width: 50px;
margin: 0 auto;
width: auto; filter: invert(1);
}
.apm-CompPage-Box.numdata .smallbox h2 {
margin: 0;
font-size: 28px;
line-height: 1.2; font-size: 35px;
line-height: normal;
font-weight: 600; color: #000;
}
.apm-CompPage-Box.numdata .smallbox p {
margin: 6px 0 0;
opacity: .9; color: #000;
}
@media (max-width:768px) {
.apm-CompPage-Box {
padding: 40px 20px;
}
.apm-CompPage-Box.numdata .flex {
padding: 24px;
gap: 24px;
}
.apm-CompPage-Box.numdata .box.big {
padding: 24px; max-width: 420px;
flex: 1 1 420px;
}
.apm-CompPage-Box.numdata .box.small {
gap: 20px;
}
.apm-CompPage-Box.numdata .smallbox {
width: 48%;
min-width: 160px;
}
}
@media (max-width:480px) {
.apm-CompPage-Box.numdata .smallbox {
width: 100%;
max-width: none;
}
}
/*---------- CompPage css end ----------*/
/*--- Btn cssstart -----*/
.ctn-div {
display: flex;
align-items: center;
justify-content: center;
margin: 60px 0px 0px;
}
.apm-btn {
border: 0;
border-radius: 6px;
font-weight: 400;
font-size: calc(1rem + 2px);
line-height: 1.5;
cursor: pointer;
text-align: center;
padding: 12px 24px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #E1E2E5;
color: inherit;
background-color: #ffffff;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
font-family: inherit;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; border-color: #E80E19;
}
.apm-btn:hover {
color: #E80E19;
border-color: #E80E19;
}
.apm-btn>.apm-btn-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.apm-btn>.apm-btn-icon+span {
margin-left: 8px;
}
.apm-btn.apm-btn-primary {
border: 1px solid #E80E19 !important;
background-color: #E80E19 !important;
color: #ffffff;
}
.apm-btn.apm-btn-primary:hover {
background-color: #db0b15;
border-color: #db0b15;
}
.apm-btn.apm-btn-primary:focus {
background-color: #d00610;
border-color: #d00610;
}
.apm-btn.apm-btn-secondary {
border: 1px solid #000000 !important;
background-color: #000000 !important;
color: #ffffff;
}
.apm-btn.apm-btn-secondary:hover {
background-color: #444444;
border-color: #444444;
}
.apm-btn.apm-btn-secondary:focus {
background-color: #444444;
border-color: #444444;
}
.apm-btn>span:last-child.apm-btn-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 8px;
}
a.apm-btn {
text-decoration: none;
}
a.apm-btn.btn-secondary {
color: #000 !important;
border: 1px solid #000000;
}
.apm-btn.btn-primary {
background-color: #E80E19;
color: #ffffff;
}
.apm-btn>span:last-child.apm-btn-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 8px;
}
/*------- Btn css end -------*/
.apm-gartner-appoptics-sprite i {
background: url(../images/apm-gartner-appoptics-sprite.svg) no-repeat;
background-size: 410px;
width: 38px;
height: 38px;
display: block;
}
.icon-1 i {
background-position: -3px 0px;
}
.icon-2 i {
background-position: -69px 0px;
}
.icon-3 i {
background-position: -136px 0px;
}
.icon-4 i {
background-position: -203px 0px;
}
.icon-5 i {
background-position: -271px -2px;
}
.icon-6 i {
background-position: -335px 0px;
}
.icon-holder .apm-gartner-appoptics-sprite {
display: flex;
align-items: center;
justify-content: center;
}
.icon-holder {
margin-bottom: 10px;
}
.icon-industry i {
background-position: -5px -81px;
width: 50px;
height: 50px;opacity: 0.65;
}
.icon-customer i{ background-position: -84px -70px;
width: 50px;
height: 50px;opacity: 0.65;
}
.icon-tech i{ background-position:-161px -84px;opacity: 0.65;
width: 50px;
height: 50px;}
.icon-lang i{ background-position:-236px -78px;;
width: 50px;
height: 50px;opacity: 0.65;}
.banner-section {padding: 60px 0px 160px !important;}