:root {
    --tdh-text-heading: 'aktiv-grotesk-thai' , Helvetica, Arial, sans-serif;
    --tdh-text-content: 'aktiv-grotesk-thai' , Helvetica, Arial, sans-serif;
    --tdh-paragraph-size: 17px;
    --tdh-post-size: 18px;
    --tdh-text-lineheight:  1.4;
    --tdh-text-weight:  500;
} 
body {
    -webkit-font-smoothing: unset;
    text-rendering: unset;
}
body,
.main-header .breadcrumb{
    font-family: var(--tdh-text-heading) !important;
    font-size: var(--tdh-paragraph-size) !important;
    line-height: var(--tdh-text-lineheight);
    font-weight: var(--tdh-text-weight);
}
ul li,
.article-content{
    line-height: var(--tdh-text-lineheight)
}
.btn{
    font-family: var(--tdh-text-heading);
} 
.article .article-content,
.article .p,
.article .article-content span {
    font-family: var(--tdh-text-content);
    font-size: var(--tdh-paragraph-size) !important;
    line-height: var(--tdh-text-lineheight)
}
.announcements-list img,
.article-content img,
.markdown-content img {
    margin: 15px 0;
} 
p {
    font-weight: 400;
    line-height: 1.5;
    font-size: var(--tdh-paragraph-size);
}
.main-header-title+p {
    font-size: 18px;
}
.package-content>p,
.package-desc,
.package-features {
    font-weight: var(--tdh-text-weight);
    color: #000; 
}
.price-cycle, .price-setup-fee, .price-starting-from,
.domain-lookup-result.list-group .list-group-item .domain,
.price-xs,
#order-standard_cart .cart-body .order-summary h2{
    font-weight: var(--tdh-text-weight);
} 

/*Header*/
.lagom-layout-top .app-nav-menu .menu li a.btn {
    padding: 10px 20px;
    border-radius: 0;
    font-size: 17px;
    font-weight: 500;
}
.lagom-layout-top .app-nav .app-nav-menu .menu>li>a {
    font-weight: 600;
    font-size: 17px;
    padding: 16px;
}
h1, h2, h3, h4, h5, h6,
.banner-home .banner-title,
.login-title,
.btn,
.main-header-title{
    font-weight: 700;
    line-height: 1.4;
} 
.section-hook-output .section-title,
.section-hook-output>h3,
.section .section-title, .section>h3,
.panel-sidebar .panel-title,
b, strong,
.article-content b,
.article-content strong,
.markdown-content b,
.markdown-content strong,
.main-header-title{
    font-weight: 700;
} 
.list-features .h6,
.message-title {
    font-weight: 600;
}
ul.top-nav>li,
.package-title,
.list-group-lg .list-group-item-heading,
.tile-title,
.price-left-h .price-amount,
.section-hook-output .section-title, .section-hook-output>h3, .section .section-title, .section>h3,
#tableTicketsList tbody tr td:first-of-type{
    font-weight: 600;
}
.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-menu-item>a,
.dropdown-menu>li>a {
    font-weight: 600;
    font-size: 16px;
}

/*Pricing*/
#order-standard_cart .cart-body .products .product header span {
    font-size: 19px;
    font-weight: 600;
}
.package .package-content p{
    text-align: left;
}
.main-content .package-title+.package-price{
    margin-top: 8px;
}
.package .price-amount,
.panel-summary .panel-heading .panel-title,
.client-home-panels .panel-domain-register .panel-heading .panel-title,
.panel-title{
    color: var(--link-color);
    font-weight: 600;
}   
.package-body .package-features>li {
    padding: 2px 0;
    text-align: left;
    list-style-type: disc;
    font-weight: 500;
    color: #000;
} 
.package-content>.package-features {
    padding-left: 20px;
}
.panel-check .check-content>span,
.panel-check .check-title {
    font-weight: 600;
    font-size: 16px;
}
.addon-promo-container .radio-inline,
.price-cycle,
.section .section-desc,
.summary-list .list-item-main,
.summary-list .list-item .item-value,
.summary-list .list-item-title,
.summary-list .list-item,
.price-total,
.addon-promo-container .radio-inline,
.article-details>li,
label{
    font-size: 16px;
    font-weight: 500;
}  
label {
    color: #000;
} 
.panel-choose-domain .panel-domain-option .radio span {
    font-weight: 500;
    font-size: 18px;
}
.panel-check-group .check-cycle .check-subtitle .save {
    background-color: #34b65f;
    color: #fff;
    padding: 1px 12px;
    border-radius: 30px;
}
.panel-check .check-title {
    line-height: 1.6;
    font-size: 18px;
    font-weight: 500;
}
.product-info {
    color: #000;
    line-height: 1.6;
}
.form-control, input[type=password]:not(.form-control),
input[type=text]:not(.form-control), select:not(.form-control),
.table>tbody>tr>th, .table>thead>tr>th, table>tbody>tr>th, table>thead>tr>th{
    font-weight: 500;
}
#order-standard_cart .products .product div.product-desc ul {
    padding-left: 25px;
}
#order-standard_cart .products .product div.product-desc li,
#order-standard_cart .order-summary .summary-container .product-name{
    font-size: var(--tdh-paragraph-size);
}
#order-standard_cart .products .product div.product-desc li span,
#order-standard_cart .products .product div.product-desc li strong {
    font-weight: 500 !important;
}
#order-standard_cart label,
#order-standard_cart p.domain-renewal-desc {
    font-weight: 400 !important;
    font-size: 16px !important;
}
#order-standard_cart .summary-container {
    font-size: 1rem !important;
    font-weight: 400 !important;
}
#order-standard_cart .order-summary .total-due-today .amt {
    font-weight: 600;
}
#order-standard_cart .cart-sidebar .list-group-item {
    font-size: 16px !important;
}
#order-standard_cart .cart-sidebar h3,
#order-standard_cart .sidebar-collapsed h3 {
    font-size: 18px !important;
}
#order-standard_cart .header-lined p {
    display: none;
} 
.main-header .main-header-title + p {
    color: var(--text-body-color);
}
#order-premium_comparison .main-container #headline,
#order-premium_comparison .main-container #tagline{
    display: none;
}
.row-product-selection #order-premium_comparison .price-table-container .price-table ul li {
  padding: 12px 0 10px;
  font-weight: 400;
  line-height: 1.4;
}
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    background-color: #fff;
}


@media only screen and (min-width: 768px) {
    
    /*Pricing*/
    .main-content .products .row .col {
        width: 50%;
        flex-basis: auto; 
    }
    
}

@media (min-width: 992px) {
    
    
    /*header 2025*/
    body.scrolling.scrolled-top {
        padding-top: 155px !important;
    }
    .app-nav .header-top {
        background-color: #e9eef6; 
        height: 30px;
    }
    .header-top .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%; 
    }
    .header-top p,
    .header-top a {
        font-size: 14px;
        margin: 0;
        color: #2f4259;
    }
    .header-top ul{
        display: flex;
        margin: 0;
        padding: 0;
}
    .header-top ul li{
        list-style-type: none;
    }
    .header-top ul li + li {
        margin-left: 12px;
    }
    .header-top ul li span.elementor-icon-list-text{
        padding-left: 5px;
    }
    .header-top ul li span.elementor-icon-list-icon{
        font-size: 12px;
    }
    .app-nav-header .logo img{
        height: auto;
        width: 350px;
    }
    .lagom-layout-top .app-nav-header {
        margin: 14px 0 0;
    }
    .lagom-layout-top .app-nav .app-nav-menu .menu > li > a {
        padding: 8px 9px;
        height: auto; 
    }
    .lagom-layout-top .app-nav-menu {
        margin: 0;
        padding: 10px 0;
    }
    .lagom-layout-top .app-nav-menu .menu > li {
        min-height: unset;
    }
    
    .lagom-layout-top .app-nav-menu .menu-primary.menu > li > a:not(.btn):after{
        display: block;
        content: "";
        position: absolute;
        bottom: 0;
        left: 9px;
        right: 9px;
        height: 3px;
        background: #c7d1e1;
    }
    
    .lagom-layout-top.scrolled-top .sticky-navigation.sticky-navigation--default #header{
        margin-top: 14px !important;
    }
    
    
}

@media only screen and (min-width: 1360px) {
    
    .app-nav .container{
        max-width: 1320px;
    }
    
    
}