:root {
    --font-kanit: 'Kanit', sans-serif;
    --font-inter: 'Inter', sans-serif;
    /* Colors --------------- */
    --primary-color: #000000;
    --primary-color-opc: 0, 0, 0;
    --primary-color2: #F94834;
    --primary-color2-opc: 249, 72, 52;
    --title-color: #000000;
    --title-color-opc: 0, 0, 0;
    --white-color: #fff;
    --paragraph-color: #00000099;
    --border-color: #EEEEEE;
    --border-color-opc: 230, 230, 230;
}

/* Default unit test header css  */

.site-title h3 {
    margin: 0;
}

.set-menu h4 {
    margin: 15px 0;
    font-size: 18px;
}

.set-menu h4 a,
.site-title h3 a {
    color: var(--primary-color);
}

.sticky-post-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 40px;
    opacity: .3;
}

.blog-details-page ul li a {
    color: var(--title-color);
}

.comment-respond .logged-in-as a {
    color: var(--title-color);
}

.blog-details-page li ul,
.blog-details-page li ol {
    margin-top: 10px;
    margin-left: 20px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    border-radius: 3px;
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: var(--primary-color);
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

#content[tabindex="-1"]:focus {
    outline: 0;
}

.bypostauthor {
    display: block;
}

.gallery-caption {
    display: block;
}

.wp-caption-text {
    margin: 0.8075em 0;
}

.wp-block-button {
    margin-bottom: 20px;
}

.alignfull,
.alignwide {
    margin-bottom: 20px;
}

.alignleft {
    float: left;
    margin-right: 2em;
    clear: both;
}

.alignright {
    float: right;
    margin-left: 2em;
    margin-bottom: 20px;
    clear: both;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 20px;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.blog-details-page {
    margin-top: 120px;
}

.page-content-wrapper:after,
.details-page-content:after,
.wp-block-image:after {
    content: "";
    clear: both;
    display: table;
}

.page-content-wrapper ul.comment {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-content-wrapper ul.comment .single-comment-area {
    margin-bottom: 30px;
}

.wp-block-group.has-background {
    padding: 20px;
    margin-bottom: 30px;
}

.wp-block-cover p.wp-block-cover-text {
    font-size: 2em !important;
    z-index: 1;
    margin-bottom: 0;
    max-width: 840px;
    padding: 0.44em;
    text-align: center;
    line-height: 1.8;
    color: #fff !important;
}

.wp-block-gallery:not(.has-nested-images) {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    gap: 15px;
    margin-right: 5px;
}

.wp-block-query-pagination span.current {
    font-family: var(--font-inter);
    font-size: 16px;
    font-weight: 700;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid var(--primary-color);
    display: inline-block;
    text-align: center;
    padding: 10px 5px;
    background-color: var(--primary-color2);
    border-color: var(--primary-color2);
    color: var(--white-color);
}

.wp-block-query-pagination a {
    color: rgba(63, 68, 75, 0.5);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 700;
    border-radius: 40px;
    border: 1px solid rgba(63, 68, 75, 0.5);
    transition: 0.5s;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
}

pre.wp-block-code {
    background: var(--primary-color);
    border: none;
}

.wp-block-code code {
    color: #ffffff;
}

pre.wp-block-preformatted {
    margin-top: 10px;
}

pre {
    margin-top: 15px;
    color: #212529;
    background-color: var(--primary-color2);
    background-image: linear-gradient(#f8f8f8 50%, rgb(67 143 249 / 10%) 50%);
    background-size: 38px 38px;
    border: 1px solid var(--primary-color);
    display: block;
    line-height: 19px;
    margin-bottom: 20px;
    overflow: visible;
    overflow-y: hidden;
    padding: 0 0 0 4px;
    word-break: break-word;
}

.wp-block-file__button {
    color: #fff;
    padding: 5px 10px;
    background: #32373c;
    text-decoration: none;
}

/*--------------------------------------------------------------
  # End Accessibility
--------------------------------------------------------------*/

.blog-details-page .details-navigation p a {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-kanit);
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
}

.wp-block-search__input {
    border: 1px solid #cecece;
}

.wp-block-search__button.has-icon.wp-element-button {
    background-color: var(--primary-color);
    min-width: 90px;
    height: 46px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    color: var(--white-color);
    font-size: 22px;
    margin: 0;
}

.wp-block-search__button {
    margin-left: -2px;
}

.single-widget .search-box button:hover::after {
    transform: skewX(45deg) scale(1, 1);
}

.single-widget .search-box button::after {
    position: absolute;
    content: "";
    display: block;
    left: 15%;
    right: -20%;
    top: -4%;
    height: 150%;
    width: 150%;
    bottom: 0;
    border-radius: 2px;
    background-color: var(--primary-color2);
    transform: skewX(45deg) scale(0, 1);
    z-index: -1;
    transition: all 0.5s ease-out 0s;
}

.wp-block-tag-cloud a,
.tagcloud a {
    color: rgba(var(--title-color-opc), 0.5);
    font-family: var(--font-dmsans);
    font-size: 12px !important;
    font-weight: 500;
    line-height: 1;
    padding: 9px 14px;
    border-radius: 100px;
    background: #F3F3F3;
    transition: 0.5s;
}

.inquiry-form-area {
    margin-top: 120px;
}

.comment-respond {
    background: #FAF8FB;
    border: 1px solid rgba(var(--primary-color-opc), 0.05);
    padding: 45px 55px;

}

.comment-respond #reply-title {
    display: flex;
    justify-content: space-between;
}

.comment-respond #reply-title small {
    font-size: 16px;
}

.comment-respond .form-inner input {
    background-color: var(--white-color);
    border-color: rgba(var(--primary-color-opc), 0.1);
}

.comment-respond .form-inner input {
    color: var(--title-color);
    font-family: var(--font-inter);
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    width: 100%;
    padding: 10px 20px;
    outline: none;
    border: 1px solid rgba(var(--primary-color-opc), 0.2);
    border-radius: 5px;
}

.comment-respond .form-inner textarea {
    background-color: var(--white-color);
    border-color: rgba(var(--primary-color-opc), 0.1);
}

.wp-block-cover p.has-large-font-size {
    color: #fff !important;
}

.author-name-deg {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.author-name-deg h6 {
    margin-bottom: 0;
    font-size: 24px;
}

.author-name-deg span {
    color: rgba(var(--title-color-opc), 0.5);
    font-family: var(--font-kanit);
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

.details-content-wrapper table {
    width: 100%;
}

.details-content-wrapper table td {
    text-align: center;
}

.blog-details-content table,
.comment-area table {
    width: 100%;
    border-left: 1px solid var(--primary-color);
    border-top: 1px solid var(--primary-color);
    margin-bottom: 30px;
}

table tr,
.blog-details-page table tr {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    font-family: var(--font-unbounded);
}

table th,
.blog-details-page table th,
.blog-details-page table tr,
.blog-details-page table td,
.comments-area table th,
.comments-area table tr,
.comments-area table td {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    font-family: var(--font-unbounded);
}

.comment-content p {
    color: rgba(var(--title-color-opc), 0.5);
    font-family: var(--font-inter);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 28px;
}

.comment-form .comment-form-cookies-consent,
.comment-form .comment-notes {
    margin-bottom: 20px;
}

.comment-form .comment-form-cookies-consent input {
    margin-right: 8px;
    vertical-align: baseline;
}

p.form-submit input.submit {
    border: none;
    padding: 20px 30px;
    background-color: var(--primary-color);
    display: inline-block;
    line-height: 1;
    color: #fff;
}

.wp-block-button__link:hover {
    background: var(--primary-color2);
    color: #fff;
}

.details-content-wrapper .nice-select {
    margin-bottom: 30px;
}

/* Blog Details css  */
.details-content-wrapper ul {
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 0;
}

.details-content-wrapper ul li {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.details-content-wrapper ol li {
    margin-bottom: 15px;
}

/* page paginate csss  */
.details-content-wrapper .pagination {
    margin: 70px 0 0 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
    border-radius: 40px;
    padding: 6px 20px;
}

.details-content-wrapper .pagination li {
    margin: 0;
}

.details-content-wrapper .pagination a {
    color: var(--paragraph-color);
    font-family: var(--font-inter);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid rgba(var(--primary-color-opc), 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

.details-content-wrapper .pagination span.current {
    background-color: var(--primary-color2);
    color: var(--white-color);
    font-family: var(--font-inter);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid var(--primary-color2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

nav.wp-block-query-pagination {
    margin-bottom: 10px !important;
}

.wp-block-query-pagination-numbers {
    display: flex;
    gap: 10px;
}

/* Blog Sideba css  */
.blog-sidebar-area ol,
.blog-sidebar-area ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.blog-sidebar-area ol ol,
.blog-sidebar-area ul ul {
    margin-top: 10px;
    margin-left: 15px;
}

.blog-sidebar-area ol li,
.blog-sidebar-area ul li {
    margin-bottom: 25px;
    transition: 0.5s;
}

.blog-sidebar-area ol li:last-child,
.blog-sidebar-area ul li:last-child {
    margin-bottom: 0;
}

.blog-sidebar-area ol li a,
.blog-sidebar-area ul li a {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-kanit);
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.3px;
    transition: 0.5s;
}

.blog-sidebar-area .nice-select {
    float: none;
    white-space: normal;
    word-break: break-word;
}

.blog-sidebar-area table#wp-calendar {
    width: 100%;
    border-collapse: collapse;
}

.blog-sidebar-area table#wp-calendar td#today {
    color: var(--primary-color2);
}

.blog-sidebar-area table#wp-calendar tbody td {
    border: 1px solid rgba(var(--primary-color-opc), 0.5);
    padding: 5px;
    text-align: center;
}

.blog-sidebar-area img {
    max-width: 100%;
    height: auto;
}

.tagcloud a {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-kanit);
    font-size: 10px !important;
    font-weight: 400;
    display: block;
    line-height: 1;
    padding: 9px 12px;
    border-radius: 100px;
    text-transform: uppercase;
    background: var(--white-color);
    transition: 0.5s;
}

.tagcloud {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.blog-sidebar-area .wp-block-heading {
    color: var(--title-color);
    font-family: var(--font-kanit);
    font-size: 20px;
    font-weight: 500;
    line-height: 0.9;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--title-color);
    display: inline-block;
    margin-bottom: 30px;
}

.blog-sidebar-area .single-widget label {
    color: var(--title-color);
    font-family: var(--font-kanit);
    font-size: 20px;
    font-weight: 500;
    line-height: 0.9;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--title-color);
    display: inline-block;
    margin-bottom: 30px;
    width: auto;
}

.blog-details-page form.post-password-form {
    text-align: center;
}

.blog-sidebar-area .single-widget .search-group .form-inner2 {
    position: relative;
}

.search-group .form-inner2 input,
.post-password-form input {
    border: 1px solid #cecece;
    width: inherit;
    background-color: #fff;
    margin-right: 0;
    padding: 8px;
    width: 100%;
}

.search-group .form-inner2 button,
.post-password-form input[type="submit"] {
    border: 1px solid #ccc;
    width: inherit;
    background-color: #cecece;
    margin-left: -5px;
    padding: 8px 18px;
}

.blog-sidebar-area .single-widget .search-group .form-inner2 button {
    position: absolute;
    right: 0;
    padding: 6px 18px 10px 18px;
}

.search-group .form-inner2 button {
    padding: 6px 18px 10px 18px;
}

blockquote {
    padding: 28px 40px;
    border-radius: 20px;
    background-color: #FFF9F6;
}

blockquote h4 {
    margin: 20px 0 0;
}

blockquote p {
    color: rgba(var(--title-color-opc), 0.5);
    font-family: var(--font-kanit);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.9;
    padding-top: 20px;
    margin-bottom: 20px;
}

.blog-details-page .single-post-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.blog-details-page .single-post-list li {
    padding-left: 20px;
}

.blog-details-page .single-post-list li::before {
    content: "";
    background-image: url('../img/vernex-post-before.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 16px;
    height: 16px;
}


.project-details-page ul {
    list-style: none;
}

.project-details-page ul.single-post-list li {
    padding-left: 26px;
    position: relative;
    font-size: 17px;
}

.project-details-page .single-post-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding-left: 0px;
}

.project-details-page .single-post-list li::before {
    content: "";
    background-image: url('../img/vernex-post-before.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 16px;
    height: 16px;
}

.project-details-page p {
    font-size: 18px;
}

.project-grid-page .project-card a.project-img img {
    min-height: 437px;
    object-fit: cover;
}

.home6-project-section .project-info-flow-card a img {
    min-height: 465px;
    object-fit: cover;
}

.home4-project-section .project-slider-area .project-card3 img {
    min-height: 493px;
    object-fit: cover;
}

.home4-blog-section .blog-card a img {
    min-height: 317px;
    object-fit: cover;
}

.home1-project-section .home1-project-slider-wrap .project-card .project-img-wrap img {
    min-height: 443px;
    object-fit: cover;
}

.home1-blog-section .blog-card a img {
    min-height: 380px;
    object-fit: cover;
}

.home2-blog-section .blog-card a img {
    min-height: 325px;
    object-fit: cover;
}

.home3-blog-section .blog-card-area .blog-card a img {
    min-height: 260px;
}

.home5-project-section .project-card3 img {
    object-fit: cover;
    width: 100%;
    max-height: 540px;
}


.blog-grid-page .blog-card a img {
    max-height: 380px;
    object-fit: cover;
}

.post-image img,
.blog-card.magnetic-item .swiper-slide img {
    min-height: 345px;
    max-height: 380px;
    object-fit: cover;
}

.blog-sidebar-page .blog-card a img {
    max-height: 380px;
    object-fit: cover;

}

.blog-masonary-page .blog-card a img {
    max-height: 309px;
    object-fit: cover;
}

.home5-blog-section .blog-card a img {
    min-height: 561px;
    object-fit: cover;
}

.blog-grid-section .blog-card a img {
    max-height: 381px;
    object-fit: cover;
}

.project-masonary-page .project-card3 img {
    max-height: 540px !important;
    object-fit: cover;
}

.post-not-found img {
    height: 100px;
    margin-bottom: 30px;
}

.post-not-found .form-inner2 input#s {
    width: 90%;
}

.related-property-section .property-card a img {
    max-height: 327px;
    object-fit: cover;
}

.main-container .sidebar-wrapper {
    z-index: 2;
}

.home2-property-section .property-card .property-img-wrap a img {
    max-height: 327px;
    object-fit: cover;
}

.service-details-page .details-content-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
    -moz-columns: 2;
    columns: 2;
    margin-bottom: 0px;
    margin-top: 0px;
}

.service-details-page .details-content-wrapper ul li {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-kanit);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.34px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.service-details-page .details-content-wrapper ul li svg {
    fill: var(--primary-color2);
}