html {font-size: 112.5%;} /*18px*/

body {
    color: #4a4a4a;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 1.75;
}

p {margin-bottom: 1rem;}

h1, h2, h3, h4, h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  line-height: 1.3;
}

h4, h5 {
    font-weight: 500;
}

h1 {
  margin-top: 0;
  font-size: 3.052rem;
}

h2 {font-size: 2.441rem;}

h3 {font-size: 1.953rem;}

h4 {font-size: 1.563rem;}

h5 {font-size: 1.25rem;}

small, .text_small {font-size: 0.8rem;}


.site-branding img {
    height: 45px;
}

.hero-heading h1 {
    color: #E10A0A;
    font-size: 64px;
    font-weight: 600;
    line-height: 73.2px;
}

.heading-red h1 {
    color: #E10A0A;
}

p {
    line-height: 28px !important;
}

.above-norm p, .above-norm li {
    font-size: 20px;
    line-height: 32px;
}

.above-norm li {
    display: flex;
    flex-direction: row;
    padding: 8px 0;
}

ul.custom-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

ul.custom-list li {
    display: flex;
    flex-direction: row;
}

ul.custom-list i {
    color: #E10A0A;
    padding-right: 24px;
    padding-top: 8px;
}

body, body.page, article.page {
    margin: 0;
}

header.site-header .container {
    padding: 16px 0;
    display: flex;
    align-items: center;
}

nav.main-navigation {margin-left: auto;width: auto; }

.main-navigation ul {
    align-items: center;
}

.main-navigation li {
    margin: 0 15px;
}

.main-navigation li a {
    color: #333333;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
}

.main-navigation li a:hover {
    text-decoration: none;
    color: #E10A0A;
    background: linear-gradient(92.27deg, #E10A0A 0%, #BD1D65 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-navigation li.btn-menu a {
    background: linear-gradient(92.27deg, #E10A0A 0%, #BD1D65 100%);
    border-color: #E10A0A;
    color: #ffffff;
    padding: 8px 48px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 100px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.main-navigation li.btn-menu a:hover {
    background: linear-gradient(92.27deg, #af0808 0%, #92174e 100%);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
}

.entry-content {
    margin: 0;
}

.menu-separator a {
    color: #9E9E9E !important;
    text-decoration: none !important;
    pointer-events: none !important;
}

.bottom-menu-separator {
    margin-top: 20px !important;
}

footer.site-footer {
    background-color: #333;
    padding: 64px 0;
}

.btn {
    border-radius: 100px;
    padding: 8px 48px;
    font-weight: 500;
}

.btn-block {
    padding: 8px 16px;
}

.btn-primary {
    background: linear-gradient(92.27deg, #E10A0A 0%, #BD1D65 100%);
    border-color: #E10A0A;
    color: #ffffff !important;
}

.btn-outline {
    border: 2px solid #FFF;
    color: #fff;
}

table.features {
    margin-bottom: 0;
}

table.features td:last-child {
    background-color: #FF6464;
    color: #fff;
}

.main-navigation ul.sub-menu {
    flex-direction: column;
    background-color: #fff;
    padding: 16px;
}

.main-navigation ul.sub-menu li {
    padding: 8px 0;
}

table.table.table-bordered td {
    text-align: left;
    vertical-align: middle;
}

section.blogs, section.form-details {
    padding: 64px 0;
}

form.otp {
    display: flex;
}

form.otp .form-group {
    margin: 0 auto;
}

form.otp .form-group input.form-control {
    border-radius: 8px;
    width: 60px;
    height: 80px;
    margin: 16px;
    padding-left: 3px;
    font-size: 32px;
    line-height: 80px;
    text-align: center;
}

.otp.form-inline {
    flex-direction: column;
}

.otp.form-inline .text-center .btn {
    border-radius: 100px;
}

.protection-box .elementor-widget-wrap {
    border: none !important;
    box-shadow: 0px 47px 46px -27px rgb(0 0 0 / 16%), 0px 2px 12px rgb(0 0 0 / 6%) !important;
}

.protection-box .elementor-widget-wrap::before {

}

.protection-box .btn-primary {
    position: absolute;
    bottom: -54px;
}

ul.pricing {
    list-style: none;
    padding: 0;
    margin: 32px 16px;
}

ul.pricing.desc {
    margin-top: 160px;
}

ul.pricing.desc.basic {
    margin-top: 178px;
}

ul.pricing li {
    padding: 16px 0;
}

ul.pricing.desc li {
    font-weight: 500;
    color: #666;
    text-align: right;
}

ul.pricing.desc.basic li {
    font-size: 16px;
    font-weight: 400;
    height: 70px;
}

ul.pricing.basic li {
    height: 70px;
}

ul.pricing.basic li:first-child {
    height: auto;
}

ul.pricing li.mosquito {
    display: flex;
    border-bottom: solid 1px #eee;
    border-top: solid 1px #eee;
    height: 117px !important;
    align-items: center;
    justify-content: center;
}

ul.pricing li h3 {
    background-color: #ffffff;
    color: #5e279f;
    padding: 16px;
    border: 1px solid #eee;
    margin: 0 -32px;
    margin-bottom: 16px;
    box-shadow: 0 8px 25px 0 rgb(0 0 0 / 12%);
    font-weight: 700;
}

ul.pricing li h3.highlighted {
    background-color: transparent;
    color: #5e279f;
    border: none;
    box-shadow: none;
}


.pricing-product {
    padding: 24px;
    border-radius: 10px;
    color: #333;
    box-shadow: 0px 47px 46px -27px rgba(0, 0, 0, 0.16), 0px 2px 12px rgba(0, 0, 0, 0.06);
}

.pricing-product table {
    background-color: #ffffff;
}

.pricing-product.xtra {
    background-color: #F7941D;
}

.pricing-product.xtra td {
    border: 2px solid #F7941D;
    color: #333;
}

.pricing-product.basic {
    background-color: #fe0000;
}

.pricing-product.basic td {
    border: 2px solid #fe0000;
    color: #333;
}

.pricing-product.medic {
    background-color: #27AAE1;
}

.pricing-product.medic td {
    border: 2px solid #27AAE1;
    color: #333;
}

.product-badge {
    position: absolute;
    top: 16px;
    right: -8px;
    /* display: inline-block; */
    text-align: right;
}

.product-badge img {
    height: 24px;
    width: auto;
}

footer .site-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

footer .site-info a {
    text-align: center;
    margin-bottom: 32px;
}

footer .site-info a img {
    height: 60px;
}

footer .site-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
}

footer .site-info ul li {
    padding: 0 16px;
    margin: 0 auto;
}

footer .site-info ul li a, footer .site-info p {
    color: #fff;
}

.copyright {
    color: #fff;
    display: flex;
    flex-direction: row;
}

.copyright ul.social {
    margin-left: auto;
    margin-right: 0;
}

.lembaga-container::before {
    content: "";
    width: 60%;
    height: 100%;
    background: url("d71e439c8bd876-lembaga.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: -100px;
}

table.table.recommended {
    vertical-align: top;
}

table.table.recommended td {
    border-top: none;
    border-color: #333;
}

table.table.recommended tr:first-child td {
    border-top: none;
    background-color: #fff;
    border-bottom: none;
    border-radius: 10px;
}

table.table.recommended tr:nth-child(1) td, table.table.recommended tr:nth-child(2) td  {
    border-right: none;
    border-top: none;
}

table.table.recommended td:first-child {
    border-right: 1px solid #333;
    border-top: none;
}

.form-inline input.form-control {
    width: 320px;
    border-radius: 100px 0 0 100px;
    padding-left: 24px;
    height: 42px;
}

.form-inline button.btn.btn-primary {
    border-radius: 0 100px 100px 0;
}

.panel {
    border: none;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0px 47px 46px -27px rgba(0, 0, 0, 0.16), 0px 2px 12px rgba(0, 0, 0, 0.06);
}

.panel .panel-body {
    padding: 24px;
}

.panel ul.custom-list {
    margin-bottom: 24px;
}


.col-md-3 .right-arrow {
    position: absolute;
    top: 25%;
    right: -15px;
}

.right-arrow {
    position: absolute;
    top: 25%;
    right: -140px;
}

.right-arrow img {
    width: 30px;
    height: 30px;
}

.affliates {
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 32px;
}
section.blogs {
    background-color: #f5f5f7;
}
.text p {
        font-size: 16px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hero-wrap:before {
    background-color: #1fb5c3;
    content: "";
    position: absolute;
    bottom: 14px;
    right: 0;
    width: 40%;
    height: 436px;
}

#life, #medic, #lifeForm, #medicForm {
  display: none;
}
#basicXtraForm, #lifeForm, #medicForm {
    margin-top: 34px;
}

.article-card {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    cursor: pointer;
}

.article-card:hover .image a img {
    transform: scale(1.03);
}
.article-card .image a img {
    transition: 0.4s;
}

.col-md-4.article-col {
    display: flex;
    flex-direction: row;
    width: 33%;
    padding: 16px;
}
.row.list-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.article-col .detail {
    padding: 16px;
}
.detail h5.title {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 0;
    height: 78px;
    overflow: hidden;
}

ul.meta.caption {
  color: #FFC333;
    list-style: none;
    display: flex;
    padding: 0;
    padding-bottom: 8px;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
}

ul.meta.caption li {
    padding-right: 16px;
}

.article-col .detail .text a {
  color: #FF6464;
  font-weight: 500;
}

section.hero-banner {
    background-color: #F1F8F8;
    padding: 64px 0;
}

section.hero-banner .heading {
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.policy {
 display: flex;
 align-items: center;
 min-height: 62.5vh;
}

table.table.recommended a {
    color: #E10A0A;
    font-weight: 500;
    padding-left: 8px;
}

table.table.recommended a:hover {
    color: #4e0404;
    text-decoration: none;
}

table.recommended i {
    font-size: 14px;
}

.link-icon {
    display: flex;
    align-items: baseline;
}

.lang {}

.lang .btn-link {
    padding: 8px 0;
}

.lang .btn-link:hover, .btn-link:active, .btn-link:focus {
    text-decoration: none;
    box-shadow: none;
    border: none;
}

.lang .dropdown-menu {
    display: none;
}

.lang .dropdown-menu.show {
    display: block;
}

@media only screen and (max-width: 425px) {
    
html {font-size: 100%;} /*16px*/

body {
  background: white;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #000000;
}

p {margin-bottom: 1rem;}

h1, h2, h3, h4, h5 {
  margin: 3rem 0 1.38rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  line-height: 1.3;
}
    
h4, h5 {
   font-weight: 600; 
}

h1 {
  margin-top: 0;
  font-size: 3.052rem;
}

h2 {font-size: 2.441rem;}

h3 {font-size: 1.953rem;}

h4 {font-size: 1.563rem;}

h5 {font-size: 1.25rem;}

small, .text_small {font-size: 0.8rem;}
    
p, .above-norm p, .above-norm li {
    font-size: 16px;
    line-height: 22.4px;
}

header.site-header .container {
    padding: 16px;
}

button.menu-toggle {
    background-color: transparent;
    border: none;
}

.site-branding img {
    height: 46px;
}
   
.main-navigation.toggled .menu-top-menu-container {
    position: absolute;
    top: 124px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9;
}

.menu-top-menu-container ul#primary-menu li {padding: 16px 32px;text-align: center;}
    
.col-md-3 .right-arrow {
    bottom: auto;
    top: 76%;
    left: 50%;
    right: 0;
    transform: translateX(-50%) rotate(90deg);
}

.buy-now-section .col-md-3.text-center {
    padding-bottom: 48px;
}
.affliates {
    flex-direction: column;
    align-items: center;
}

footer .site-info ul {
    flex-direction: column;
    margin: 0 auto;
}

footer .site-info a {
}

footer .site-info ul li {
    margin: inherit;
}

.copyright {
    flex-direction: column-reverse;
    text-align: center;
}

.copyright ul.social {
    flex-direction: row;
    margin-right: auto;
}

footer .site-info ul li {
    font-size: 16px;
}
    
.right-arrow {
    position: absolute;
    bottom: 0;
    top: auto;
    right: 0;
    transform: rotate(90deg);
}
    
.otp.form-inline .form-group {
    display: flex;
    flex-direction: row;
}

form.otp .form-group input.form-control {
    margin: 16px 4px;
    width: 50px;
    height: 60px;
}
    
    .hero-wrap:before {
    display: none;
}
    
 .btn {
    border-radius: 100px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
    
#basicXtraForm, #lifeForm, #medicForm {
    margin-top: 0px;
    margin-bottom: 24px;
}
    
.row.list-row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
    
.col-md-4.article-col {
    width: 100%;
}
    
.form-inline input.form-control {
    width: 200px;
    border-radius: 100px 0 0 100px;
    padding-left: 24px;
    height: 42px;
}

.form-inline button.btn.btn-primary {
    border-radius: 0 100px 100px 0;
    margin-bottom: 16px;
    height: 42px;
}
.form-details .btn {
    width: 100%;
}
    
    .chilli:before {
     content: none !important;
    }
ul.pricing {
    margin: 32px 0px;
}
.horizontal-scroll .elementor-container.elementor-column-gap-default {
    display: flex;
    flex-direction: row !important;
    flex-wrap: inherit;
    overflow-x: auto;
}
.mobile-hide {
    display: none;    
}
}