/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

::-webkit-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background of the scrollbar track */
    border-radius: 10px; /* Rounding the corners of the track */
}

::-webkit-scrollbar-thumb {
    background: #888; /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounding the corners of the thumb */
    border: 2px solid #f1f1f1; /* Space between thumb and track */
}

::-webkit-scrollbar-thumb:hover {
    background: #555; /* Color when hovered */
}

/* Custom scrollbar for Firefox */
html {
    scrollbar-width: thin; /* Scrollbar width (auto, thin, none) */
    scrollbar-color: #888 #f1f1f1; /* Thumb color and track color */
}

html::-webkit-scrollbar-corner {
    background: #f1f1f1; /* Background color for the corner where two scrollbars meet */
}

/* Custom scrollbar for IE and Edge */
@supports (-ms-overflow-style: none) {
    * {
        -ms-overflow-style: none; /* Hide default scrollbar */
    }
}
html, body {
    font-family: 'Sarabun';
}
.cons {
    color: #1E1E1E;
    font-size: 30px;
    font-weight: 400;
    display: block;
    text-decoration: underline !important;
        margin-bottom: 15px;
}
.cons svg {
    width: 28px;
    max-height: 38px;
    vertical-align: middle;
    margin-right: 20px;
    display: inline-block;
}
.cons svg {
    width: 37px;
    height: 37px;
}
form#searchform button {
    font-family: "Sarabun", Sans-serif;
    font-size: 28px;
    font-weight: 500;
    background-color: #C1282F;
    border-radius: 8px 8px 8px 8px;
    color: #fff;
    margin: 25px auto 65px;
    display: block;
    width: 100%;
    padding: 25px 50px;
}

form#searchform {
    max-width: 445px;
    padding-top: 20px;
}

input#s {
    border: 1px #D7D7D7 solid;
    color: #A7A7A7;
    font-size: 22px;
    border-radius: 7px;
    padding: 20px 15px;
}
span.ico:after {
    content: '';
    background: url(/wp-content/themes/hello-theme-child/images/ar2.svg);
    display: inline-block;
    width: 26px;
    height: 23px;
    float: right;
    background-repeat: no-repeat;
    margin-top: 8px;
    cursor: pointer;

}
span.ico::after {  
  transition: transform 0.5s ease;
}

span.ico.open::after {
  transform: rotate(180deg);
}
.hidden {
    display: none;   
    opacity: 0;
    height: 0;
    overflow: hidden;
}
#searchform label {
    font-size: 23px;
    display: block;
    margin-bottom: 20px;
}


#searchform input[type="checkbox"] {
    width: 23px;
    height: 23px;
    vertical-align: middle;
    border: 2px solid #E1E1E1;
    box-sizing: border-box;
    border-radius: 7px;
    margin-right: 18px;

}
#searchform h3 {
    border-bottom: 1px #D7D7D7 solid;
    padding-bottom: 15px;
    font-size: 34px;
    font-weight: 600;
    padding-top: 10px;
    cursor: pointer;
}
a.elementor-button.elementor-button-link.elementor-size-sm {
    padding: 25px 60px !important;
}

a.elementor-button.elementor-button-link.elementor-size-xl {
    padding: 25px 60px !important;
}
.elementor-button-icon .e-font-icon-svg {    
    font-size: 36px;
}
.elementor-button-icon .e-font-icon-svg {
    font-size: 36px;
    margin-top: -5px;
}

span.page-numbers.prev {
    color: #cecccc !important;
    border: 2px #ccc solid;
    padding: 11px 21px 12px;
    border-radius: 100%;
    font-size: 23px;
    line-height: 30px;
}

a.page-numbers.next {
    color: #cecccc !important;
    border: 2px #ccc solid;
    padding: 11px 21px 12px;
    border-radius: 100%;
    font-size: 23px;
    line-height: 30px;
}

a.page-numbers {
    border-radius: 100%;
    border: 2px #ccc solid;
    padding: 11px 21px 12px;
    font-size: 23px;
    line-height: 30px;
}
nav.elementor-pagination {
    margin-top: 30px;
}

span.page-numbers.current {
    border-radius: 100%;
    border: 2px #C1282F solid;
    padding: 11px 21px 12px;
    font-size: 23px;
    line-height: 30px;
}
.elementor-180 .elementor-element.elementor-element-354c849 .elementor-button {
    margin-bottom: -10px;
}
#form-field-custome_checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 32px;
    height: 32px;
    border: 2px solid #ccc;
    border-radius: 10px;
    background-color: white;
    cursor: pointer;
    position: relative;
    margin-bottom: -12px;
    color: #fff;
}

/* Style for checked state */
#form-field-custome_checkbox:checked {
    background-color: #C1282F;
    border-color: #C1282F;
}


/* Create the checkmark */
#form-field-custome_checkbox:checked::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 17px;
    top: 6px;
    left: 3px;
    background: url('data:image/svg+xml;utf8,<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.19968 17C7.79968 17 7.53301 16.8667 7.26634 16.6L0.733008 9.66667C0.199674 9.13334 0.199674 8.33334 0.733008 7.8C1.26634 7.26667 2.06634 7.26667 2.59967 7.8L8.06634 13.6667L19.2663 1.4C19.6663 0.866668 20.5997 0.733334 21.133 1.13333C21.6663 1.53333 21.7997 2.46667 21.3997 3L21.2663 3.13333L9.13301 16.4667C8.86634 16.8667 8.46634 17 8.19968 17Z" fill="#C1282F"/></svg>') no-repeat center center;
}
.elementor-278 .elementor-element.elementor-element-9e561b5 .elementor-button {
    padding: 22px 60px !important;
}

.elementor-form-spinner{
display:none!important;
}
span.custom_pages {
    font-size: 24px;
    font-weight: 700;
    display: none;
}
svg.e-font-icon-svg.e-fas-minus {
    font-size: 30px;
}

svg.e-font-icon-svg.e-fas-plus {
    font-size: 30px;
}
.elementor-accordion-item .e-child {
    margin-left: -10px;
}
#searchform label {
    line-height: 39px;
}
.nopad a.elementor-button.elementor-button-link.elementor-size-sm {
    padding: 25px 0px !important;
}
.noptin-form-id-1170 .noptin-optin-form-wrapper select {
    height: 60px;
}
@media (max-width: 767px){
    form#searchform {
        max-width: 100%;        
    }
    .elementor-1128 .elementor-element.elementor-element-357c77f h2 {
        font-size: 35px;
        line-height: 39px;
    }
    .elementor-1128 .elementor-element.elementor-element-357c77f p, .elementor-1128 .elementor-element.elementor-element-357c77f ul, .elementor-1128 .elementor-element.elementor-element-357c77f ol {
        margin-bottom: 15px;
        line-height: 35px;
    }
	.elementor-278 .elementor-element.elementor-element-413e5aa svg {
    height: 20px;
    width: 20px;
}
.elementor-278 .elementor-element.elementor-element-413e5aa a {
    font-size: 20px;
}
	
	.elementor-278 .elementor-element.elementor-element-3b7cf995 {
    align-items: center;
}
	.elementor-element.elementor-element-58f7bb2.elementor-widget__width-inherit.elementor-widget.elementor-widget-post-info {
    padding: 0px 10px;
}
	.alert_block a.elementor-button.elementor-button-link.elementor-size-xl {
    padding: 20px 25px !important;
}
}
@media (min-width: 1024px) and (max-width: 1700px) {
    .e-con > .e-con-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    a.elementor-button.elementor-button-link.elementor-size-sm {
        padding: 20px 45px !important;
    }
}