/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
    --color-primary: #013F94,
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
input,
textarea,
select,
b,
span,
label {
    font-family: "Kanit", serif !important;
}

p,
textarea,
select,
span,
input,
a {
    font-weight: 400;
}

.font-24 {
    font-size: 24px !important;
}

.font-32 {
    font-size: 32px !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500;
}

.color-primary {
    color: var(--primary-light, #2963FF);
}

.b-d-0 {
    border-bottom: 0px !important;
}

#logo img {
    max-height: 70px !important;
}

.section-title {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    backdrop-filter: blur(10);
    height: 258px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.section-title h1 {
    color: #fff;
}

#footer.dark {
    background-color: #091741;
}

#footer.dark #copyrights {
    color: #fff;
}

aside .accordion .accordion-item {
    border: 0px solid !important;
}

#searchBox .input-group {
    /*border: 1px solid #cecece;
	*/
    border: 1px solid var(--Gray-5, #E0E0E0);
    background: var(--base-color-white, #FFF);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

#searchBox .input-group span,
#searchBox .input-group input::placeholder {
    color: #BDBDBD;
}

#searchBox .input-group .input-group-text {
    background-color: #fff;
    border: 0px;
}

#searchBox .input-group .form-control {
    background-color: #fff;
    border: 0px;
}

#accordionProductDetail.accordion .accordion-item {
    overflow-x: hidden !important;
    border-left: 0px;
    border-right: 0px !important;
}

#accordionProductDetail.accordion .accordion-item .accordion-header {
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

#accordionProductDetail.accordion .accordion-button {
    border-bottom: 0px;
}

#accordionProductDetail.accordion .accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none;
}

.flex-control-nav.flex-control-thumbs {
    justify-content: center;
}

#related-portfolio.portfolio-carousel .portfolio-image,
#portfolio.portfolio .portfolio-image {
    height: 250px;
}

#related-portfolio.portfolio-carousel .portfolio-image img,
#portfolio.portfolio .portfolio-item .portfolio-image img {
    max-width: auto;
    max-height: 250px;
    display: block;
    margin: auto;
    width: auto !important;
    height: 250px;
}

#search-input-section .widget .tagcloud a {
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 22px;
    background: var(--Gray-6, #F2F2F2);
    color: var(--Gray-3, #828282);
    border: 0px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

#search-input-section .widget .tagcloud a.active,
#search-input-section .widget .tagcloud a:hover,
#search-input-section .widget .tagcloud a:active,
#search-input-section .widget .tagcloud a:focus {
    /* background: var(--color-primary, #013F94) !important; */
    background: #013F94 !important;
    color: #FFF !important;
}

@media (max-width: 768px) {
    #logo img {
        max-height: 57px !important;
    }
}