:root{
    --DarkBlue : #051F3F;
    --LightBlue : #063D7F;
    --Sky : #0071CE;
    --Green : #279F00;
    --DarkGreen : #164F2E;
    --LightGreen : #3C875F;
    --Gray : #ccc;
    --Gray2 : #A5A5A5;
    --Gray3 : #A7A7A7;
    --Gray4 : #7a736a;
    --DarkGray : #7A7A7A;
    --LightGray : #E2E2E2;
    --White : #FFFFFF;
    --DarkWhite : #E2E2E2;
    --Black : #30322D;
    --Noto : "Noto Sans Thai", Sans-serif;
}

#Roongsombat{
    .topbar-one{
        background-color: var(--DarkBlue);
        .topbar-one__info__item span{
            color: var(--LightGreen);
        }
        .topbar-one__social{
            a{
                svg{
                    width: 13px;
                    height: 13px;
                    fill: var(--White);
                }
            }
            #language{
                ul{
                    list-style: none;
                    display: flex;
                    margin-bottom: 0;
                    padding-left: 0;
                    li{
                        display: flex;
                        color: var(--White);
                        a{
                            color: var(--White);
                            font-family: var(--Noto);
                            font-size: 16px;
                        }
                        a:hover{
                            color: var(--Green);
                        }
                    }
                    li.current-lang{
                        a{
                            color: var(--Green);
                        }
                    }
                    li:first-of-type::after{
                        content: '|';
                        display: block;
                        padding: 0 10px;
                    }
                }
            }
        }
    }
    .main-header{
        .main-header__left{
            #menu-primary-menu{
                li{
                    a:hover{
                        color: var(--Sky);
                    }
                }
            }
        }
        .main-header__right{
            .main-header__cart,.search-toggler,.floens-btn{
                display: none;
            }
            .main-header__sidebar-btn{
                .main-header__sidebar-btn__box:nth-child(2){
                    background-color: var(--LightGreen);
                }
            }
        }
    }
}
#BannerRSB{
    .main-slider-two__bg::after{
        background-color: transparent;
    }
    .main-slider-two__tagline{
        background-color: rgba(255,255,255,.5);
    }
    .hero-slider__slick-button{
        font-size: 16px;
        font-weight: 400;
        font-family: var(--Noto);
        background-color: var(--LightGray) !important;
        color: var(--Sky);
    }
    .hero-slider__slick-button:hover{
        color: var(--White);
    }
    .hero-slider__slick-button::after{
        background-color: var(--DarkGray) !important;
    }
    /* .hero-slider__slick-button--next{
        right: -41px;
        bottom: 188px;
    }
    .hero-slider__slick-button--prev{
        right: -106px;
        bottom: 42px;
    } */
}
#RSBSec1{
    .reliable-one__image{
        > img{
            z-index: 2;
        }
        .experience{
            z-index: 3;
            .experience__inner{
                background-color: var(--DarkGreen);
                h3{
                    background-color: var(--LightGreen);
                }
            }
        }
    }
    .reliable-one__content{
        .sec-title{
            border-bottom: 1px solid var(--LightGray);
            .sec-title__tagline:before{
                background-color: var(--DarkGreen);
            }
            .sec-title__tagline::after{
                background-color: var(--LightGreen);
            }
        }
        #Sec1Button{
            .floens-btn{
                i::after{
                    background-color: var(--Gray);
                }
            }
        }
    }
}
#RSBSec2{
    .projects-three__top{
        border-bottom: 1px solid var(--White);
    }
    .projects-three__bg::after{
        background-color: rgba(24,89,132,.75);
    }
    .projects-three__card{
        border-right: 1px solid var(--White);
    }
    .projects-three__card:first-child{
        border-left: 1px solid var(--White);
    }
    .projects-three__card__bg::after{
        background: linear-gradient(0deg, rgba(60,135,95,.2) 0%, rgba(60,135,95,.7) 100%);
    }
    .sec-title__tagline{
        color: var(--LightGreen);
        font-size: 16px;
        font-family: var(--Noto);
        font-weight: 500;
    }
    .sec-title__tagline::before{
        background-color: var(--DarkGreen);
    }
    .sec-title__tagline::after{
        background-color: var(--LightGreen);
    }
    .sec-title__title{
        color: var(--White);
        font-size: 50px;
        font-family: var(--Noto);
        font-weight: 600;
    }
    .floens-btn{
        i{
            color: var(--White);
        }
        i::after{
            background-color: var(--White);
        }
    }
    .floens-btn:hover{
        i{
            color: var(--DarkBlue);
        }
        i::after{
            background-color: var(--DarkBlue);
        }
    }
}
#RSBSec3{
    .gallery-one__card__hover{
        background-color: rgba(60,135,95,.6);
    }
    .gallery-one__card__icon{
        background-color: var(--White);
    }
    .gallery-one__card__icon::after,.gallery-one__card__icon::before{
        background-color: var(--Sky);
    }
}
#RSBSec5{
    .services-three__top{
        .sec-title__tagline::before{
            background-color: var(--DarkGreen);
        }
        .sec-title__tagline::after{
            background-color: var(--LightGreen);
        }
    }
    .services-three{
        padding-bottom: 111px;
        .services-three__inner{
            .services-three__inner__wrapper{
                a{
                    background-color: var(--White);
                    .icon-play{
                        color: var(--Sky);
                    }
                }
            }
        }
        .services-three__inner::after{
            background-color: rgba(60,135,95,.6);
        }
    }
    .container-fluid{
        .service-card-two__title{
            a{
                font-size: 22px;
                font-family: var(--Noto);
                font-weight: 600;
                color: var(--DarkBlue);
            }
        }
    }
}
#RSBSec6{
    .blog-card__image{
        a{
            background-color: rgba(60,135,95,.6);
        }
    }
    .blog-three{
        padding-bottom: 111px;
    }
    .sec-title__tagline::after{
        background-color: var(--LightGreen);
    }
    .sec-title__tagline::before{
        background-color: var(--DarkGreen);
    }
    .blog-card__date{
        .blog-card__date__day{
            font-size: 20px;
            font-weight: 600;
            font-family: var(--Noto);
            background-color: var(--LightGreen);
        }
        .blog-card__date__month{
            font-size: 16px;
            font-weight: 600;
            font-family: var(--Noto);
            background-color: var(--White);
            color: var(--Black);
        }
    }
    .blog-card__content{
        background-color: var(--White);
        .blog-card__title{
            a{
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                
            }
        }
        .blog-card__title::before{
            background-color: var(--LightGreen);
        }
        .description{
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 0;
        }
    }
}
#RSBSec7{
    .contact-one{
        background-color: var(--DarkWhite);
        .contact-one__content{
            .sec-title.sec-title--border{
                border-bottom: 1px solid var(--Gray2);
                .sec-title__tagline::before{
                    background-color: var(--DarkGreen);
                }
                .sec-title__tagline::after{
                    background-color: var(--LightGreen);
                }
            }
            .contact-one__info__item{
                .contact-one__info__icon{
                    background-color: var(--LightGreen);
                }
                .contact-one__info__icon::after{
                    background-color: var(--DarkGreen);
                }
            }
        }
    }
    .contact-one__form{
        .contact-one__form__title::before{
            background-color: var(--LightGreen);
        }
        iframe{
            height: 200px !important;
            margin-top: -9px;
        }
        iframe:first-of-type{
            margin-top: 0;
        }
    }
}
.main_policy{
    text-align: right;
    a{
        color: var(--Gray3);
        font-family: var(--Noto);
        transition: all .3s ease;
        margin-right: 10px;
    }
    a:last-of-type{
        margin-right: 0;
    }
    a:hover,a:focus{
        color: var(--Sky);
        transition: all .3s ease;
    }
}
.product__add-to-cart{
    a:before{
        background-color: var(--DarkBlue);
        transition: 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        top: 0;
        left: 0;
        right: auto;
        height: 100%;
        width: 0;
    }
    a:hover:before{
        left: auto;
        right: 0;
        width: 100%;
        transform: unset;
    }
}
ul.products{
    .product__all-content:nth-last-of-type(2){
        display: none;
    }
}
.main-footer__bottom__copyright{
    text-align: center !important;
}
ul.wp-block-categories-list.wp-block-categories{
    > li{
        > .children{
            opacity: 0;
            visibility: hidden;
            height: 0;
            transition: all .3s ease;
            > li:last-of-type{
                border: none;
            }
        }
    }
    > li:hover{
        > .children{
            opacity: 1;
            visibility: visible;
            height: auto;
            transition: all .3s ease;
        }
    }
    li:hover{
        a{
            color: var(--Gray4) !important;
        }
        a::after{
            color: var(--Sky) !important;
        }
        a::before{
            opacity: 0;
        } 
    }
    li{
        padding: 0 !important;
        a{
            position: relative;
            width: 100%;
            padding: 16.5px 0;
        }
        a::after{
            top: 0;
        }
        a:hover::before{
            opacity: 1;
        }
        a:hover,a:hover::after{
            color: var(--White) !important;
        }
    }
}
.woocommerce-ordering{
    display: none;
}
.product__item__btn{
    a:first-of-type{
        display: none;
    }
}
.product-sku{
    color: var(--Green);
}
#woosq-popup{
    .sku_wrapper{
        display: none;
    }
}
html {
    scroll-behavior: smooth;
  }
#page{
    header.main-header.sticky{
        position: fixed;
        z-index: 999;
        width: 100%;
        transition: all .3s ease
    }
    .mt120{
        margin-top: 120px;
    }
}
.RSBPHome{
    .projects-three__card__bg{
        height: 100% !important;
        opacity: .3;
    }
    .projects-three__card:hover{
        .projects-three__card__bg{
            opacity: 1;
        }
    }
}
.mobile-nav__content .main-menu__list li > a{
    font-family: var(--Noto) !important;
}
.sidebar-one__info__list li{
    color: var(--Gray3) !important;
}
.sidebar-one__social.floens-social.sidebar-one__item{
    svg.e-font-icon-svg.e-fab-x-twitter{
        width: 17px;
        height: 17px;
    }
    a{
        color: #fff;
    }
}
.ff_submit_btn_wrapper_custom{
    button.ff-btn.ff-btn-submit.ff-btn-md.floens-btn.ff_btn_style.wpf_has_custom_css{
        border: none;
        border-radius: 0;
        padding: 18px 15px;
        background-color: #0071CE !important;
    }
    .floens-btn::before, .floens-btn::after{
        background-color: #051F3F !important;
    }
}
ul#menu-primary-menu{
    li.current-page-ancestor{
        a{
            color: var(--Sky) !important;
            text-shadow: 0 0 0.5px currentColor !important;
        }
    }
}
.product__all-content.post{
    border: none;
    padding: 0;
    .product__add-to-cart{
        justify-content: flex-start;
        a:before{
            background-color: #051F3F;
        }
    }
}
.product__all-content.post.form{
    .thm-btn{
        margin-top: 20px;
        border-radius: 0 !important;
        border: none !important;
    }
    .thm-btn::before{
        background-color: #051F3F;
    }
}
.current-menu-item{
    a{
        color: #0071ce !important;
        text-shadow: 0 0 0.5px currentColor;
    }
}