@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*:not(i),
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content .title,
.rs-project-details .project-information .project-content .title {
    font-family: "Kanit", sans-serif;
    font-style: normal;
}

.full-width-header .rs-header .menu-area .logo-area img {
    max-height: 75px;
}

.full-width-header .rs-header .menu-area .rs-menu-area {
    margin-right: 0px;
    justify-content: center;
}

.full-width-header .rs-header .expand-btn-inner ul .btn-quote {
    margin-left: 0px;
}

.full-width-header .rs-header .menu-area .row-table .col-cell.header-logo {
    flex: none;
}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a,
.sec-title .sub-text,
.full-width-header .mobile-navbar-menu .nav-menu li a,
.rs-footer.footer-main-home .footer-top .footer-title {
    font-family: "Kanit", sans-serif;
}

.sec-title .title {
    font-size: 35px;
}

/* set white text */
.readon.more,
.gridFilter.gridfilter-style2 button:hover,
.gridFilter.gridfilter-style2 button.active,
.full-width-header .rs-header .expand-btn-inner ul .btn-quote .quote-button,
ul.check-lists2 li:before,
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li i,
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em i,
.rs-project.project-style1 .project-item .project-content .p-icon a i {
    color: #fff;
}

/* set yellow background */
.rs-project.project-style1 .project-item .project-content .p-icon,
.btn-part .bg-yellow,
.rs-footer.footer-main-home .footer-top p input[type="submit"] {
    background: #F7C705;
}

.rs-project.project-style1 .project-item .project-content .p-icon {
    position: relative;
    height: 100%;
}

.rs-project.project-style1 .project-item .project-content .project-inner {
    justify-content: space-between;
    padding: 0px;
    align-items: stretch;
}

.rs-project.project-style1 .project-item .project-content .project-inner .title {
    padding: 15px;
}

.rs-project.project-style1 .project-item .project-content .p-icon a i:before {
    top: unset;
}

.rs-counter.counter-style1 .rs-counter-list {
    background: #FFFFFF1F;
    clip-path: unset;
}

.rs-counter.counter-style1 .rs-counter-list .count-text {
    border-left: 10px solid #D8342F;
    padding: 0px 10px;
}

.img-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rs-choose.choose-style1 .widget-wrap-content {
    padding: 0px;
}

.rs-choose.choose-style1 .widget-wrap-content .rs-addon-services .services-item .serial-number {
    background-color: #D8342F;
    color: #fff;
}

.sec-title .sub-text.sub-text5 {
    color: #D8342F;
}

.gridFilter button.active {
    background: #D8342F;
}

.gridFilter button:hover {
    background: #D8342F !important;
}

.rs-project.project-style4 .project-item .project-content:before {
    background: rgba(0, 0, 0, 0.5);
    background: #F7C70577;
}

@media only screen and (min-width:992px) {
    .rs-contact.contact-style1.contact-modify1 .contact-section {
        padding: 0 35px 0 0px;
    }
}

.rs-footer.footer-main-home .footer-top .footer-logo a img {
    height: 130px;
    margin-bottom: 2rem;
}

.rs-contact.contact-style6 .contact-box {
    background-color: #f1f1f1;
}

.rs-contact.contact-style6 .contact-box .content-text .title a {
    color: #616161;
}

.rs-contact.contact-style6 .contact-box .content-text .services-txt,
.rs-contact.contact-style6 .contact-box .content-text span a {
    color: #818181
}

.rs-contact.contact-style1.contact-modify1 .contact-map iframe {
    height: 100%;
}

.loader .loader-icon img {
    width: 60px;
}

.fs-16 {
    font-size: 16px;
}

.fs-20 {
    font-size: 20px;
}

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

.rs-footer.footer-main-home .footer-bottom {
    background: #DC352F;
}

.rs-project.project-style1 .project-item .project-content .p-icon {
    line-height: normal;
    background-color: #F7C705;
}

.arrow-wrap {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #F7C705;
}

.arrow-wrap a {
    color: #fff;
    font-weight: 800;
    font-size: 25px;
}

.rs-process.process-style3 .process-bg {
    background-image: none
}

.project-border:not(:last-child) {
    border-right: 1px solid #E2DDDF;
}

.project-flex {
    display: flex;
    justify-content: center;
}