@font-face {
    font-family: 'Cherry'; /*a name to be used later*/
    src: url('../../font/Gantgaw-Regular.ttf'); /*URL to font*/
}

/* body, div, p, span, a, h1, h2, h3, h4, h5, h6, li {
    font-family: 'Cherry' !important;
}

.mm-font {
    font-family: 'Cherry';
} */

.nav-img {
    width: 50px;
    height: 50px;
    max-height: 50px !important;
}

.txt-white {
    color: #ffffff !important;
}

.txt-color {
    color: #6A4C4C !important;
}

.sec-color {
    color: #7A7A7A !important;
}

.btn-color {
    background-color: #FCD423 !important;
    color: #fff;
    border-radius: 30px;
    padding: 10px 25px;
}

.btn-color:hover, .btn-color:active, .btn-color:focus {
    background-color: #fff !important;
    color: #FCD423;
    border: 2px solid #FCD423;
}

.active {
    color: #FCD423 !important;
    /* font-weight: bold !important; */
}

.navmenu a:hover, .navmenu a:focus, .navmenu a:active {
    color: #FCD423 !important;
}

.f-24 {
    font-size: 1.5rem !important;
}

.f-14 {
    font-size: 0.875rem !important;
}

.f-12 {
    font-size: 0.75rem !important;
}

.f-16 {
    font-size: 1rem !important;
}

.f-18 {
    font-size: 1.125rem !important;
}

.f-20 {
    font-size: 1.25rem !important;
}

.custom-head {
    border-left: 5px solid #FCD423;
    padding-left: 10px;
}

.blog-frame iframe {
    width: 100%;
    height: 18.75rem;
}

.title {
    line-height: 0.5;
    text-align: center;
}

.tit1 {
    display: inline-block;
    position: relative;  
}

.tit1:before, .tit1:after {
    content: "";
    position: absolute;
    height: 12px;
    border-top: 2px solid #6A4C4C;
    top: 0;
    width: 50px;
}

.tit1:before {
    right: 100%;
    margin-right: 15px;
}

.tit1:after {
    left: 100%;
    margin-left: 15px;
}

.tit {
    display: inline-block;
    position: relative;  
}

.tit:before, .tit:after {
    content: "";
    position: absolute;
    height: 12px;
    border-bottom: 2px solid #6A4C4C;
    top: 0;
    width: 5.25rem;
}

.tit:before {
    right: 100%;
    margin-right: 15px;
}

.tit:after {
    left: 100%;
    margin-left: 15px;
}

.service-item {
    box-shadow: 0px 0px 9px 0px #6A4C4C;
    border-radius: 5px;
    border-bottom: 5px solid #6A4C4C;
}

.service-item-img {
    width: 100%;
    height: 250px;
    display: block;
    object-fit: cover;
    border-radius: 5px 5px 0px 0px;
}

.why_choose_us_item {
    box-shadow: 0px 0px 9px 0px #6A4C4C;
    border: 1px solid #6A4C4C;
    padding: 25px;
}

.item-image img {
    width: 10rem;
    height: 10rem;
    border-radius: 10px;
    box-shadow: 0px 0px 9px 0px #6A4C4C;
    object-fit: cover;
}

.footer-bg {
    background-image: url(/frontend/img/group.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.team-sec {
    background-image: url(/frontend/img/group.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.txt-center {
    text-align: center;
}

.team-item {
    width: 50%;
    margin: auto;
    background-color: #fff;
    border: 1px solid #6A4C4C;
    border-radius: 10px;
}

.team-img img {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.about-logo {
    width: 5rem;
    height: 5rem;
    background: #fff !important;
    border-radius: 5px;
}

.about-logo img {
    width: 100%;
    border-radius: 5px;
    height: 5rem;
    object-fit: cover;
}

.icon-hand {
    color: #fff;
    font-size: 1.5rem;
}

.icon-social {
    color: #fff !important;
    background: #FCD423;
    padding: 7px;
    border-radius: 50%;
    margin-left: 2px;
    font-size: 1.1rem;
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
}

.icon-social:hover, .icon-social:active, .icon-social:focus {
    color: #FCD423 !important;
    background: transparent;
    border: 1px solid #FCD423;
}

.footer-link span {
    margin-right: 20px;
    font-size: .8rem;
    font-weight: bold;
}

.footer-link {
    display: block;
    margin-bottom: 10px;
}

.footer-link:hover, .footer-link:active, .footer-link:focus {
    color: #FCD423 !important;
}

.scroll-top {
    background-color: #FCD423 !important;
}

.scroll-top:hover, .scroll-top:active, .scroll-top:focus {
    background-color: transparent !important;
    color: #FCD423 !important;
    border: 1px solid #FCD423;
}

.scroll-top i:hover, .scroll-top i:active, .scroll-top i:focus {
    color: #FCD423 !important;
}

.footer-term {
    background: #000000;
    padding: 10px 0;
}

.credits a {
    color: #fcd423;
}

.ser-img {
    text-align: center;
    padding: 10px;
}

.ser-img img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0px 0px 9px 0px #6A4C4C;
    aspect-ratio: 1 / 1;
}

.service-link-item {
    padding-left: 20px;
}

.link-item span {
    margin-right: 20px;
}

.link-item:hover, .link-item:focus, .link-item.active {
    color: #FCD423 !important;
}

.blog-img {
    padding: 5px;
    width: 100%;
    aspect-ratio: 1 / 1;
}

.blog-img img{
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0px 0px 9px 0px #6A4C4C;
}

.blog-it {
    border: 1px solid #6A4C4C;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0px 0px 9px 0px #6A4C4C;
}

.wrap-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pagination-row {
    margin-top: 30px;
    text-align: center;
}

.pagination-row nav {
    display: inline-block;
}

.pagination .disabled .page-link{
    background-color: #F9E58F !important;
}

.pagination .active .page-link{
    background-color: transparent !important;
    color: #FCD423 !important;
    border: 1px solid #FCD423;
}

.page-link {
    background-color: #FCD423 !important;
    color: #fff !important;
}

.page-link:hover, .page-link:active, .page-link:focus {
    background-color: transparent !important;
    color: #FCD423 !important;
    border: 1px solid #FCD423;
}

.about-sec {
    text-align: center;
}

.act-img {
    padding: 5px;
}

.act-img img {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    object-fit: cover;
    box-shadow: 0px 0px 9px 0px #6A4C4C;
}

.google-map iframe {
    width: 100%;
    border-radius: 10px;
    /* box-shadow: 0px 0px 9px 0px #6A4C4C; */
}

.contact-form-card {
    border: 1px solid #6A4C4C;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 9px 0px #6A4C4C;
}

.form-in:hover, .form-in:active, .form-in:focus {
    border: 1px solid #FCD423;
    box-shadow: 0px 0px 9px 0px #FCD423;
}

.b-frame iframe {
    width: 100%;
    height: 400px;
}

span.date {
    float: right;
}

.bl-img img {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    object-fit: cover;
}

.service-list {
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 9px 0px #6A4C4C;
}

.service-list-item {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #6A4C4C;
}

.service-list-item:hover, .service-list-item:active, .service-list-item:focus {
    color: #FCD423 !important;
}

.item-active {
    color: #FCD423 !important;
}

.item-icon {
    float: right;
    margin-right: 5px;
}

.service-ul {
    margin: 15px 10px;
}

.service-li {
    margin-bottom: 10px;
}

.service-ul a:hover, .service-ul a:active, .service-ul a:focus {
    color: #FCD423 !important;
}

.service-title {
    padding: 5px 10px;
    border-radius: 0px 0px 0px 15px;
    border-bottom: 3px solid #FCD423;
    box-shadow: 0px 0px 9px 0px #6A4C4C;
}

.product-item {
    border-radius: 10px;
    box-shadow: 0px 0px 9px 0px #6A4C4C;
    padding-bottom: 10px;
}

.product-img img {
    width: 100%;
    aspect-ratio: 1 / .7;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}

.des-p {
    padding: 0px 10px;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    height: 100px;
}

swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

/* .product-image-sec {
    box-shadow: 0px 0px 9px 0px #6A4C4C;
} */

swiper-slide {
    box-shadow: 0px 0px 9px 0px #6A4C4C;
}

swiper-container {
    box-shadow: 0px 0px 9px 0px #6A4C4C;
}

.order-btn-fb {
    display: block;
    text-align: center;
    background: #1877F2;
    color: #fff;
    padding: 10px;
    width: 80%;
    margin: 0 auto;
    border-radius: 10px;
    margin-bottom: 15px;
}

.order-btn-fb:hover, .order-btn-fb:active, .order-btn-fb:focus {
    background: transparent;
    border: 2px solid #1877F2;
    color: #1877F2;
    font-weight: bold;
}

.order-btn-vb {
    display: block;
    text-align: center;
    background: #AD3EE5;
    color: #fff;
    padding: 10px;
    width: 80%;
    margin: 0 auto;
    border-radius: 10px;
    margin-bottom: 15px;
}

.order-btn-vb:hover, .order-btn-vb:active, .order-btn-vb:focus {
    background: transparent;
    border: 2px solid #AD3EE5;
    color: #AD3EE5;
    font-weight: bold;
}

.social-stick {
    background: #ededed;
    position: fixed;
    bottom: 68px;
    right: 10px;
    padding: 15px;
    border-radius: 100%;
    font-size: 1.4rem;
    color: #6A4C4C;
}

.social-stick:hover {
    background-color: transparent;
    border: 2px solid #6A4C4C;
    color: #6A4C4C;
}

.social-sticky-list a li img {
    width: 3.438rem;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.social-sticky-list {
    position: fixed;
    bottom: 110px;
    right: 30px;
    list-style: none;
    line-height: 4;
    display: none;
}

@media screen and (max-width: 800px) {
    .footer-bg {
        background-size: contain !important;
    }
}