@import url('../vendor/fontawesome-free/css/all.css');
@import url('font.css');


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
    --bs-body-line-height: 1.7;
    --main-color: #2B2B85;
    --breadcrumbs-color: #666666;
}

@media (min-width: 1350) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1350px;
    }
}
html {
    scroll-behavior: smooth;
}

body {
  font-family: 'Montserrat', sans-serif;
    color: #222;
    font-size: 14px;
    line-height: 21px;
}

p:last-child {
    margin-bottom: 0;
}

a {
    color: #2a3580;
    text-decoration: none;
}

    a:hover {
       color:#000;
        text-decoration: none;
    }
 p{
     font-weight:400;
 }
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.h1, h1 {
    font-size: 26px;
}

.h2, h2 {
    font-size: 22px;
}

.h3, h3 {
    font-size: 20px;
}

.h4, h4 {
    font-size: 17px;
}

.h5, h5 {
    font-size: 14px;
}

.h6, h6 {
    font-size: 11px;
}

@media(max-width:767px) {
    body {
        font-size: 14px;
    }

    p {
        font-size: 14px;
    }

    .h1, h1 {
        font-size: calc(26px * 0.8);
    }

    .h2, h2 {
        font-size: calc(23px * 0.8);
    }

    .h3, h3 {
        font-size: calc(20px * 0.8);
    }

    .h4, h4 {
        font-size: calc(17px * 0.8);
    }

    .h5, h5 {
        font-size: calc(14px * 0.8);
    }

    .h6, h6 {
        font-size: calc(11px * 0.8);
    }
}

@media (max-width: 1100px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
}

.form-control {
    font-size: 14px;
}

    .form-control:focus {
        box-shadow: none;
    }

.swiper-pagination {
    bottom: 0 !important
}

.swiper {
    --swiper-pagination-bullet-inactive-color: #2a3580;
    --swiper-pagination-bullet-size: 10px;
    --swiper-pagination-color: #ff1a40
}

.swiper-pagination-bullet {
    transition: all .5s;
    border-radius: 10px;
    opacity: 1;
}


.swiper-button-next, .swiper-button-prev {
    color: #fff;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 10rem;
    font-size: 20px;
}

    .swiper-button-next:after, .swiper-button-prev:after {
        color: #000;
        font-size: 20px;
    }

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
/*#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #37517e;
}

    #preloader:before {
        content: "";
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        border: 6px solid #37517e;
        border-top-color: #fff;
        border-bottom-color: #fff;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        -webkit-animation: animate-preloader 1s linear infinite;
        animation: animate-preloader 1s linear infinite;
    }

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}*/
*{
    font-weight:400;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 996;
    background: #47b2e4;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    transition: all 0.4s;
}

    .back-to-top i {
        font-size: 24px;
        color: #fff;
        line-height: 0;
    }

    .back-to-top:hover {
        background: #6bc1e9;
        color: #fff;
    }

    .back-to-top.active {
        visibility: visible;
        opacity: 1;
    }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-bottom .phone-nn {
    display: flex;
    gap: 20px;
    align-items: center;
}
    .header-bottom .phone-nn .phone {
        display: flex;
        gap: 13px;
        background: #F0F4F7;
        padding: 8px 21px;
        border-radius: 41px;
        align-items: center;
        color: #2C2A86;
        font-weight: 300;
    }
        .header-bottom .phone-nn .phone img{
            width:22px;
        }
    .header-bottom .phone-nn .ngonngu {
        display: flex;
        background: #F0F4F7;
        gap: 5px;
        border-radius: 41px;
        padding: 8px 18px;
    }

#header {
    transition: all 0.5s;
    z-index: 997;
    position: relative;
}

#header .header-large-device {
    background-color: transparent;
    z-index: 9;
    width: 100%;
}
/*   .home #header .header-large-device {
    position:absolute;
}*/

#header .header-top {
    padding: 15px 0;
    
}

.home #header .header-top {
    background: #fff;
}
.warp-header-top_bottom .header-top .align-items-center {
    justify-content: flex-end;
}
#header .header-bottom {
    background: #fff;
    padding: 12px 0;
}
.warp-header-top_bottom .header-bottom .align-items-center {
    justify-content: flex-end;
}
.warp-header-top_bottom .header-top .align-items-center .header-contact-wrap {
    position:relative;
}
    .warp-header-top_bottom .header-top .align-items-center .header-contact-wrap .fa-envelope,
    .warp-header-top_bottom .header-top .align-items-center .header-contact-wrap .fa-phone-alt {
        color: #15A79D
    }
    .warp-header-top_bottom .header-top .align-items-center .header-contact-wrap:after {
        position: absolute;
        bottom: -12px;
        right: 0;
        height: 1px;
        background: #D9D9D9;
        content: '';
        width: 379px;
    }
#header.header-scrolled .header-large-device, #header.header-scrolled .header-mobile-device {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1024;
    width: 100%;
    box-shadow: 0 0 3px rgb(0 0 0 / 30%);
    background: #fff;
}

#header.header-scrolled .header-mobile-device {
    background: #fff;
}



#header .logo {
    font-size: 30px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

    #header .logo a {
        color: #fff;
    }

    #header .logo img {
        width: 204px;
    }

.header-large-device {
    display: block;
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
    .header-large-device {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .header-large-device {
        display: none;
    }
}

.header-mobile-device {
    display: none;
}

.header-contact:not(:last-child) {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgb(153 153 153/30%);
}

.header-contact a {
    color: #000 !important;
    font-weight: 400;
}

    .header-contact a span {
        font-weight: 400;
    }

#header .social-links a {
    color: #fff;
    line-height: 0;
    transition: 0.3s;
    display: inline-block;
}

    #header .social-links a:hover {
        color: #fff;
    }

    #header .social-links a:not(:last-child) {
        margin-right: 10px;
    }

.language .lang-toggle {
    border: 1px solid rgb(0 0 0 / 20%);
    border-radius: 5px;
    background-color: transparent;
    height: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #fff;
    border-color: #fff;
}

    .language .lang-toggle img {
        margin-left: 5px;
    }

.header-top .header-items:not(:last-child) {
    margin-right: 15px;
}

.header-mobile-device .header-search-wrap {
    border: 1px solid #ccc;
    border-radius: 5px
}

    .header-mobile-device .header-search-wrap .form-control {
        border: 0;
        background-color: transparent;
        padding-left: 20px;
        height: 40px;
    }

    .header-mobile-device .header-search-wrap .button-search {
        height: 40px;
        width: 40px;
        background-color: #c43238;
        color: #fff;
        border-radius: 5px !important;
        border: 0;
    }

@media only screen and (min-width: 768px) and (max-width: 1400px) {
    .header-mobile-device {
        display: block;
    }
}

@media only screen and (max-width: 991px) {

    #header .header-mobile-device .logo img {
        max-height: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .header-mobile-device {
        display: block;
    }

    #header .header-mobile-device .logo img {
        max-height: 70px;
    }
}

#topbar {
    background: #2a3580;
    font-size: 14px;
    transition: all 0.5s;
    color: #fff;
}

    #topbar .contact-info .contact-info-item:not(:last-child) {
        margin-right: 15px;
    }

    #topbar .contact-info i {
        font-style: normal;
        color: #fff;
    }

        #topbar .contact-info a, #topbar .contact-info i span {
            padding-left: 5px;
            color: #000;
        }

        #topbar .contact-info i a {
            line-height: 0;
            transition: 0.3s;
            transition: 0.3s;
        }

            #topbar .contact-info i a:hover {
                color: #2a3580;
                text-decoration: none;
            }

    #topbar .social-links a {
        color: #fff;
        line-height: 0;
        transition: 0.3s;
        padding: 10px 5px;
    }

        #topbar .social-links a:hover {
            color: #fff;
        }

@media(max-width: 1100px) {
    #topbar {
        display: none;
    }
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
    padding: 0;
}

    .navbar ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
        flex-wrap: wrap;
    }

    .navbar li {
        position: relative;
    }

    .navbar a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        font-weight: unset;
        white-space: nowrap;
        border-color: transparent;
        transition: 0.3s;
        padding: 7px 10px 5px;
      font-family: 'Montserrat', sans-serif;
        letter-spacing: 1px;
        font-weight: 500;
    }

.home .navbar a {
    color: #1c0e07;
    font-weight: 700;
}
/*#header.header-scrolled .header-large-device .navbar a {
    color: #2d74b4
}*/
@media(max-width:1200px) {
    .navbar a {
        padding: 15px 16px;
    }
}

.navbar a i,
.navbar a:focus i {
    line-height: 0;
    margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover > a {
    color: #fff;
}

.navbar .getstarted,
.navbar .getstarted:focus {
    padding: 10px 20px;
    margin-left: 30px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background-color: #2a3580;
    justify-content: center;
}

    .navbar .getstarted:hover,
    .navbar .getstarted:focus:hover {
        color: #fff;
        background: #4bc700;
    }

.navbar .dropdown ul {
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 30px);
    margin: 0;
    padding: 0px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    border-radius: 0;
    max-width: 280px;
    min-width: 280px;
    border-top: 3px solid #c43238;
}


    .navbar .dropdown ul a {
        padding: 10px 20px;
        font-size: 14px;
        text-transform: none;
        font-weight: 500;
        color: #000;
        white-space: unset;
    }

        .navbar .dropdown ul a i {
            font-size: 12px;
        }

        .navbar .dropdown ul a:hover,
        .navbar .dropdown ul .active:hover,
        .navbar .dropdown ul li:hover > a {
            color: #fff;
        }

    .navbar .dropdown ul li:hover > a {
        color: #b98205 !important
    }

.navbar .dropdown:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}

.rightmenu .getstarted {
    padding: 10px 30px;
    margin-left: 30px;
    border-radius: 10rem;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    background-color: #fff;
}

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover > ul {
        left: -100%;
    }
}

@media (min-width: 1200px) {
    .navbar .dropdown ul {
        width: 250px;
        left: 0;
    }

    .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
        position: relative;
        color: #2C2A86 ;
        transition:.3s linear;
    }
}

.navbar .dropdown ul::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

.navbar .dropdown ul::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.navbar .dropdown ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #c1c1c1;
}
/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
    color: #000;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}


@media (max-width: 1400px) {
    .mobile-nav-toggle {
        display: block;
    }

    .navbar ul {
        display: none;
    }
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: -100%;
    left: 0;
    bottom: 0;
    transition: 0.3s;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
}

.mobile-nav-active .navbar-mobile {
    right: 0%;
    opacity: 1;
    visibility: visible;
}

    .mobile-nav-active .navbar-mobile .bg-menu-active {
        right: 0%;
        opacity: 1;
        visibility: visible;
        background-color: rgb(0 0 0 / 50%);
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
    }

.navbar-mobile .mobile-nav-toggle {
    padding: 10px 4px 10px 14px;
    color: #fff;
    animation: animationR 1s linear infinite;
}

@keyframes animationR {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}


.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: 15px;
    left: unset;
    padding: 10px 0;
    border-radius: 0;
    background-color: #fff;
    overflow-y: auto;
    transition: 0.3s;
    width: 280px;
    height: 100%;
    z-index: 1;
    overflow-x: hidden;
}

.mobile-nav-active .navbar-mobile ul {
    right: 0
}

.navbar-mobile li {
    padding: 10px 35px;
}

.navbar-mobile a {
    font-size: 15px;
    color: #000;
    padding: 0
}

    .navbar-mobile a:hover,
    .navbar-mobile .active,
    .navbar-mobile li:hover > a {
        color: #2C2A86;
        background-color: transparent;
        box-shadow: unset
    }

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
    margin: 15px;
    color: #fff;
}

.navbar-mobile .dropdown ul {
    position: static;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 99;
    opacity: 1;
    visibility: visible !important;
    background: #fff;
    box-shadow: none;
    border: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
    min-width: 100%;
    max-width: 100%;
    border-left: 2px solid #dadada;
}

    .navbar-mobile .dropdown ul.submenu2 {
        display: none
    }

    .navbar-mobile .dropdown ul li {
        min-width: unset;
        padding: 10px 0
    }

        .navbar-mobile .dropdown ul li:last-child {
            padding: 10px 0 0px
        }

        .navbar-mobile .dropdown ul li:first-child {
            padding-top: 0
        }

    .navbar-mobile .dropdown ul a {
        padding: 0 0;
        font-weight: 700;
        font-size: 14px;
        color: #5f2300;
    }

        .navbar-mobile .dropdown ul a i {
            font-size: 12px;
        }

        .navbar-mobile .dropdown ul a:hover,
        .navbar-mobile .dropdown ul .active:hover,
        .navbar-mobile .dropdown ul li:hover > a {
            color: #c73036;
            background: none
        }

.navbar-mobile .dropdown > .dropdown-active {
    display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    width: 100%;
    height: 80vh;
    background: #37517e;
}

    #hero .container {
        padding-top: 72px;
    }

    #hero h1 {
        margin: 0 0 10px 0;
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        color: #fff;
    }

    #hero h2 {
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 50px;
        font-size: 24px;
    }

    #hero .btn-get-started {
        font-family: "Jost", sans-serif;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 10px 28px 11px 28px;
        border-radius: 50px;
        transition: 0.5s;
        margin: 10px 0 0 0;
        color: #fff;
        background: #47b2e4;
    }

        #hero .btn-get-started:hover {
            background: #209dd8;
        }

    #hero .btn-watch-video {
        font-size: 16px;
        display: flex;
        align-items: center;
        transition: 0.5s;
        margin: 10px 0 0 25px;
        color: #fff;
        line-height: 1;
    }

        #hero .btn-watch-video i {
            line-height: 0;
            color: #fff;
            font-size: 32px;
            transition: 0.3s;
            margin-right: 8px;
        }

        #hero .btn-watch-video:hover i {
            color: #47b2e4;
        }

    #hero .animated {
        animation: up-down 2s ease-in-out infinite alternate-reverse both;
    }

.single-hero-slider {
    position: relative;
}

    .single-hero-slider .hero-slider-content {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        background: rgba(0,0,0,.2);
    }

        .single-hero-slider .hero-slider-content * {
            color: #fff;
            font-family: 'Josefin Sans', sans-serif;
        }

        .single-hero-slider .hero-slider-content .title {
            font-size: 38px;
            text-transform: uppercase;
            line-height: 50px;
        }

        .single-hero-slider .hero-slider-content .content {
            font-size: 16px;
            display: flex;
            align-items: center;
            padding: 30px 70px;
        }

.slider-content {
    position: relative;
}

    .slider-content .slider-content-bg {
        position: relative;
        padding-top: 100%;
        width: 100%;
    }

        .slider-content .content,
        .slider-content .slider-content-bg img {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

@media (max-width: 991px) {
    #hero {
        height: 100vh;
        text-align: center;
    }

        #hero .animated {
            -webkit-animation: none;
            animation: none;
        }

        #hero .hero-img {
            text-align: center;
        }

            #hero .hero-img img {
                width: 50%;
            }

    .single-hero-slider .hero-slider-content .section-title .title {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    #hero h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    #hero .hero-img img {
        width: 70%;
    }
}

@media (max-width: 575px) {
    #hero .hero-img img {
        width: 80%;
    }

    #hero .btn-get-started {
        font-size: 16px;
        padding: 10px 24px 11px 24px;
    }

    /*    .hero-slider-img {
        height: 575px;
    }

        .hero-slider-img img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }*/
}

@-webkit-keyframes up-down {
    0% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes up-down {
    0% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-10px);
    }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
    padding: 30px 0;
    overflow: hidden;
    position: relative;
}

.home section {
    padding: 40px 0;
    overflow: hidden;
    position: relative;
}

.section-bg {
    background-color: #f3f5fa;
}

.section-title {
    padding-bottom: 30px;
}

    .section-title .title {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 0;
        padding-bottom: 0;
        position: relative;
        color: #5f2300;
        text-transform: uppercase;
        display: inline-block;
        line-height: 1.7;
        font-family: 'Josefin Sans', sans-serif;
    }


        .section-title .title span {
            color: #2C2A86;
        }

    .section-title .subtitle {
        position: relative;
        font-weight: 400;
        font-size: 20px;
        color: #000;
    }

    .section-title .desc {
        margin-bottom: 0;
    }

    .section-title .headline {
        color: #006277;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 700;
    }

@media(max-width: 991px) {
    section {
        padding: 40px 0;
    }

    .home section {
        padding: 40px 0;
    }
}

@media(max-width: 767px) {
    .section-title {
        padding-bottom: 15px;
    }

        .section-title .title {
            font-size: 22px;
        }

        .section-title .subtitle {
            font-size: 18px
        }
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
    padding: 12px 0;
    text-align: center;
}

    .clients img {
        max-width: 45%;
        transition: all 0.4s ease-in-out;
        display: inline-block;
        padding: 15px 0;
        filter: grayscale(100);
    }

        .clients img:hover {
            filter: none;
            transform: scale(1.1);
        }

@media (max-width: 768px) {
    .clients img {
        max-width: 40%;
    }
}

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about .content h3 {
    font-weight: 600;
    font-size: 26px;
}

.about .content ul {
    list-style: none;
    padding: 0;
}

    .about .content ul li {
        padding-left: 28px;
        position: relative;
    }

        .about .content ul li + li {
            margin-top: 10px;
        }

    .about .content ul i {
        position: absolute;
        left: 0;
        top: 2px;
        font-size: 20px;
        color: #47b2e4;
        line-height: 1;
    }

.about .content p:last-child {
    margin-bottom: 0;
}

.about .content .btn-learn-more {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 4px;
    transition: 0.3s;
    line-height: 1;
    color: #47b2e4;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    margin-top: 6px;
    border: 2px solid #47b2e4;
}

    .about .content .btn-learn-more:hover {
        background: #47b2e4;
        color: #fff;
        text-decoration: none;
    }

.about-us-img {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
}

    .about-us-img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.about-us-content table {
    width: 100% !important;
}

.about-us-area .about-us-content:not(:last-child) {
    margin-bottom: 20px;
}

.about-us-content .about-img {
    position: relative;
    text-align: center;
}

    .about-us-content .about-img img {
        height: 65px;
        object-fit: contain;
    }

.about-us-content .about-content {
    padding-top: 15px;
    text-align: center;
}

    .about-us-content .about-content .title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0;
        padding-bottom: 0;
        position: relative;
        font-family: 'montserrat';
        letter-spacing: 1px;
        text-transform: uppercase;
        display: inline-flex;
        align-items: flex-end;
    }

    .about-us-content .about-content .content * {
        color: #000;
        font-size: 14px;
    }

@media(max-width:767px) {
    .about-us-content table, .about-us-content table tbody, .about-us-content table tr, .about-us-content table td {
        display: block;
    }

        .about-us-content table td {
            margin-bottom: 10px;
        }
}
/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us .content {
    padding: 60px 100px 0 100px;
}

    .why-us .content h3 {
        font-weight: 400;
        font-size: 34px;
        color: #37517e;
    }

    .why-us .content h4 {
        font-size: 20px;
        font-weight: 700;
        margin-top: 5px;
    }

    .why-us .content p {
        font-size: 15px;
        color: #848484;
    }

.why-us .img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.why-us .accordion-list {
    padding: 0 100px 60px 100px;
}

    .why-us .accordion-list ul {
        padding: 0;
        list-style: none;
    }

    .why-us .accordion-list li + li {
        margin-top: 15px;
    }

    .why-us .accordion-list li {
        padding: 20px;
        background: #fff;
        border-radius: 4px;
    }

    .why-us .accordion-list a {
        display: block;
        position: relative;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        padding-right: 30px;
        outline: none;
        cursor: pointer;
    }

    .why-us .accordion-list span {
        color: #47b2e4;
        font-weight: 600;
        font-size: 18px;
        padding-right: 10px;
    }

    .why-us .accordion-list i {
        font-size: 24px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .why-us .accordion-list p {
        margin-bottom: 0;
        padding: 10px 0 0 0;
    }

    .why-us .accordion-list .icon-show {
        display: none;
    }

    .why-us .accordion-list a.collapsed {
        color: #343a40;
    }

        .why-us .accordion-list a.collapsed:hover {
            color: #47b2e4;
        }

        .why-us .accordion-list a.collapsed .icon-show {
            display: inline-block;
        }

        .why-us .accordion-list a.collapsed .icon-close {
            display: none;
        }

@media (max-width: 1024px) {

    .why-us .content,
    .why-us .accordion-list {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 992px) {
    .why-us .img {
        min-height: 400px;
    }

    .why-us .content {
        padding-top: 30px;
    }

    .why-us .accordion-list {
        padding-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .why-us .img {
        min-height: 200px;
    }
}

/*--------------------------------------------------------------
# Skills
--------------------------------------------------------------*/
.skills .content h3 {
    font-weight: 700;
    font-size: 32px;
    color: #37517e;
    font-family: "Poppins", sans-serif;
}

.skills .content ul {
    list-style: none;
    padding: 0;
}

    .skills .content ul li {
        padding-bottom: 10px;
    }

    .skills .content ul i {
        font-size: 20px;
        padding-right: 4px;
        color: #47b2e4;
    }

.skills .content p:last-child {
    margin-bottom: 0;
}

.skills .progress {
    height: 60px;
    display: block;
    background: none;
    border-radius: 0;
}

    .skills .progress .skill {
        padding: 0;
        margin: 0 0 6px 0;
        text-transform: uppercase;
        display: block;
        font-weight: 600;
        font-family: "Poppins", sans-serif;
        color: #37517e;
    }

        .skills .progress .skill .val {
            float: right;
            font-style: normal;
        }

.skills .progress-bar-wrap {
    background: #e8edf5;
    height: 10px;
}

.skills .progress-bar {
    width: 1px;
    height: 10px;
    transition: 0.9s;
    background-color: #4668a2;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
    box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
    padding: 50px 30px;
    transition: all ease-in-out 0.4s;
    background: #fff;
}

    .services .icon-box .icon {
        margin-bottom: 10px;
    }

        .services .icon-box .icon i {
            color: #47b2e4;
            font-size: 36px;
            transition: 0.3s;
        }

    .services .icon-box h4 {
        font-weight: 500;
        margin-bottom: 15px;
        font-size: 24px;
    }

        .services .icon-box h4 a {
            color: #37517e;
            transition: ease-in-out 0.3s;
        }

    .services .icon-box p {
        line-height: 24px;
        font-size: 14px;
        margin-bottom: 0;
    }

    .services .icon-box:hover {
        transform: translateY(-10px);
    }

        .services .icon-box:hover h4 a {
            color: #47b2e4;
        }

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
    background: linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.9)), url("../img/cta-bg.jpg") fixed center center;
    background-size: cover;
    padding: 120px 0;
}

    .cta h3 {
        color: #fff;
        font-size: 28px;
        font-weight: 700;
    }

    .cta p {
        color: #fff;
    }

    .cta .cta-btn {
        font-family: "Jost", sans-serif;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 12px 40px;
        border-radius: 50px;
        transition: 0.5s;
        margin: 10px;
        border: 2px solid #fff;
        color: #fff;
    }

        .cta .cta-btn:hover {
            background: #47b2e4;
            border: 2px solid #47b2e4;
        }

@media (max-width: 1024px) {
    .cta {
        background-attachment: scroll;
    }
}

@media (min-width: 769px) {
    .cta .cta-btn-container {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}

/*--------------------------------------------------------------
# hinhanh
--------------------------------------------------------------*/
.hinhanh #hinhanh-flters {
    list-style: none;
    margin-bottom: 20px;
}

    .hinhanh #hinhanh-flters li {
        cursor: pointer;
        display: inline-block;
        margin: 10px 5px;
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        color: #444444;
        transition: all 0.3s;
        padding: 8px 20px;
        border-radius: 8px;
        font-family: "Poppins", sans-serif;
    }

        .hinhanh #hinhanh-flters li:hover,
        .hinhanh #hinhanh-flters li.filter-active {
            background: #2a3580;
            color: #fff;
        }

.hinhanh .hinhanh-container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem
}

.hinhanh .hinhanh-item .hinhanh-img {
    overflow: hidden;
    border-radius: 10px
}

    .hinhanh .hinhanh-item .hinhanh-img img {
        transition: all 0.6s;
    }

.hinhanh .hinhanh-item .hinhanh-info {
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    right: 0;
    transition: all 0.3s;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .hinhanh .hinhanh-item .hinhanh-info .preview-link,
    .hinhanh .hinhanh-item .hinhanh-info .details-link {
        font-size: 20px;
        color: #fff;
        transition: 0.3s;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #2a3580;
        width: 50px;
        height: 50px;
        border-radius: 10rem;
    }

        .hinhanh .hinhanh-item .hinhanh-info .preview-link:hover,
        .hinhanh .hinhanh-item .hinhanh-info .details-link:hover {
            color: #fff;
        }

    .hinhanh .hinhanh-item .hinhanh-info .details-link {
        right: 10px;
    }

.hinhanh .hinhanh-item:hover .hinhanh-img img {
    transform: scale(1.15);
}

.hinhanh .hinhanh-item:hover .hinhanh-info {
    opacity: 1;
}

/*--------------------------------------------------------------
# hinhanh Details
--------------------------------------------------------------*/
.hinhanh-details {
    padding-top: 40px;
}

    .hinhanh-details .hinhanh-details-slider img {
        width: 100%;
    }

    .hinhanh-details .hinhanh-details-slider .swiper-pagination {
        margin-top: 20px;
        position: relative;
    }

        .hinhanh-details .hinhanh-details-slider .swiper-pagination .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background-color: #fff;
            opacity: 1;
            border: 1px solid #47b2e4;
        }

        .hinhanh-details .hinhanh-details-slider .swiper-pagination .swiper-pagination-bullet-active {
            background-color: #47b2e4;
        }

    .hinhanh-details .hinhanh-info {
        padding: 30px;
        box-shadow: 0px 0 30px rgba(55, 81, 126, 0.08);
    }

        .hinhanh-details .hinhanh-info h3 {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
        }

        .hinhanh-details .hinhanh-info ul {
            list-style: none;
            padding: 0;
            font-size: 15px;
        }

            .hinhanh-details .hinhanh-info ul li + li {
                margin-top: 10px;
            }

    .hinhanh-details .hinhanh-description {
        padding-top: 30px;
    }

        .hinhanh-details .hinhanh-description h2 {
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .hinhanh-details .hinhanh-description p {
            padding: 0;
        }

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {
    position: relative;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 5px;
    background: #fff;
    transition: 0.5s;
}

    .team .member .pic {
        overflow: hidden;
        width: 180px;
        border-radius: 50%;
    }

        .team .member .pic img {
            transition: ease-in-out 0.3s;
        }

    .team .member:hover {
        transform: translateY(-10px);
    }

    .team .member .member-info {
        padding-left: 30px;
    }

    .team .member h4 {
        font-weight: 700;
        margin-bottom: 5px;
        font-size: 20px;
        color: #37517e;
    }

    .team .member span {
        display: block;
        font-size: 15px;
        padding-bottom: 10px;
        position: relative;
        font-weight: 500;
    }

        .team .member span::after {
            content: "";
            position: absolute;
            display: block;
            width: 50px;
            height: 1px;
            background: #cbd6e9;
            bottom: 0;
            left: 0;
        }

    .team .member p {
        margin: 10px 0 0 0;
        font-size: 14px;
    }

    .team .member .social {
        margin-top: 12px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .team .member .social a {
            transition: ease-in-out 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50px;
            width: 32px;
            height: 32px;
            background: #eff2f8;
        }

            .team .member .social a i {
                color: #37517e;
                font-size: 16px;
                margin: 0 2px;
            }

            .team .member .social a:hover {
                background: #47b2e4;
            }

                .team .member .social a:hover i {
                    color: #fff;
                }

            .team .member .social a + a {
                margin-left: 8px;
            }

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .row {
    padding-top: 40px;
}

.pricing .box {
    padding: 60px 40px;
    box-shadow: 0 3px 20px -2px rgba(20, 45, 100, 0.1);
    background: #fff;
    height: 100%;
    border-top: 4px solid #fff;
    border-radius: 5px;
}

.pricing h3 {
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 20px;
    color: #37517e;
}

.pricing h4 {
    font-size: 48px;
    color: #37517e;
    font-weight: 400;
    font-family: "Jost", sans-serif;
    margin-bottom: 25px;
}

    .pricing h4 sup {
        font-size: 28px;
    }

    .pricing h4 span {
        color: #47b2e4;
        font-size: 18px;
        display: block;
    }

.pricing ul {
    padding: 20px 0;
    list-style: none;
    color: #999;
    text-align: left;
    line-height: 20px;
}

    .pricing ul li {
        padding: 10px 0 10px 30px;
        position: relative;
    }

    .pricing ul i {
        color: #28a745;
        font-size: 24px;
        position: absolute;
        left: 0;
        top: 6px;
    }

    .pricing ul .na {
        color: #ccc;
    }

        .pricing ul .na i {
            color: #ccc;
        }

        .pricing ul .na span {
            text-decoration: line-through;
        }

.pricing .buy-btn {
    display: inline-block;
    padding: 12px 35px;
    border-radius: 50px;
    color: #47b2e4;
    transition: none;
    font-size: 16px;
    font-weight: 500;
    font-family: "Jost", sans-serif;
    transition: 0.3s;
    border: 1px solid #47b2e4;
}

    .pricing .buy-btn:hover {
        background: #47b2e4;
        color: #fff;
    }

.pricing .featured {
    border-top-color: #47b2e4;
}

    .pricing .featured .buy-btn {
        background: #47b2e4;
        color: #fff;
    }

        .pricing .featured .buy-btn:hover {
            background: #23a3df;
        }

@media (max-width: 992px) {
    .pricing .box {
        max-width: 60%;
        margin: 0 auto 30px auto;
    }
}

@media (max-width: 767px) {
    .pricing .box {
        max-width: 80%;
        margin: 0 auto 30px auto;
    }
}

@media (max-width: 420px) {
    .pricing .box {
        max-width: 100%;
        margin: 0 auto 30px auto;
    }
}

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .faq-list {
    padding: 0 100px;
}

    .faq .faq-list ul {
        padding: 0;
        list-style: none;
    }

    .faq .faq-list li + li {
        margin-top: 15px;
    }

    .faq .faq-list li {
        padding: 20px;
        background: #fff;
        border-radius: 4px;
        position: relative;
    }

    .faq .faq-list a {
        display: block;
        position: relative;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        padding: 0 30px;
        outline: none;
        cursor: pointer;
    }

    .faq .faq-list .icon-help {
        font-size: 24px;
        position: absolute;
        right: 0;
        left: 20px;
        color: #47b2e4;
    }

    .faq .faq-list .icon-show,
    .faq .faq-list .icon-close {
        font-size: 24px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .faq .faq-list p {
        margin-bottom: 0;
        padding: 10px 0 0 0;
    }

    .faq .faq-list .icon-show {
        display: none;
    }

    .faq .faq-list a.collapsed {
        color: #37517e;
        transition: 0.3s;
    }

        .faq .faq-list a.collapsed:hover {
            color: #47b2e4;
        }

        .faq .faq-list a.collapsed .icon-show {
            display: inline-block;
        }

        .faq .faq-list a.collapsed .icon-close {
            display: none;
        }

@media (max-width: 1200px) {
    .faq .faq-list {
        padding: 0;
    }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
    border-top: 3px solid #47b2e4;
    border-bottom: 3px solid #47b2e4;
    padding: 30px;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}

    .contact .info i {
        font-size: 20px;
        color: #47b2e4;
        float: left;
        width: 44px;
        height: 44px;
        background: #e7f5fb;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        transition: all 0.3s ease-in-out;
    }

    .contact .info h4 {
        padding: 0 0 0 60px;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #37517e;
    }

    .contact .info p {
        padding: 0 0 10px 60px;
        margin-bottom: 20px;
        font-size: 14px;
        color: #6182ba;
    }

    .contact .info .email p {
        padding-top: 5px;
    }

    .contact .info .social-links {
        padding-left: 60px;
    }

        .contact .info .social-links a {
            font-size: 18px;
            display: inline-block;
            background: #333;
            color: #fff;
            line-height: 1;
            padding: 8px 0;
            border-radius: 50%;
            text-align: center;
            width: 36px;
            height: 36px;
            transition: 0.3s;
            margin-right: 10px;
        }

            .contact .info .social-links a:hover {
                background: #47b2e4;
                color: #fff;
            }

    .contact .info .email:hover i,
    .contact .info .address:hover i,
    .contact .info .phone:hover i {
        background: #47b2e4;
        color: #fff;
    }

.contact .php-email-form {
    width: 100%;
    border-top: 3px solid #47b2e4;
    border-bottom: 3px solid #47b2e4;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

    .contact .php-email-form .form-group {
        padding-bottom: 8px;
    }

    .contact .php-email-form .validate {
        display: none;
        color: red;
        margin: 0 0 15px 0;
        font-weight: 400;
        font-size: 13px;
    }

    .contact .php-email-form .error-message {
        display: none;
        color: #fff;
        background: #ed3c0d;
        text-align: left;
        padding: 15px;
        font-weight: 600;
    }

        .contact .php-email-form .error-message br + br {
            margin-top: 25px;
        }

    .contact .php-email-form .sent-message {
        display: none;
        color: #fff;
        background: #18d26e;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }

    .contact .php-email-form .loading {
        display: none;
        background: #fff;
        text-align: center;
        padding: 15px;
    }

        .contact .php-email-form .loading:before {
            content: "";
            display: inline-block;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            margin: 0 10px -6px 0;
            border: 3px solid #18d26e;
            border-top-color: #eee;
            -webkit-animation: animate-loading 1s linear infinite;
            animation: animate-loading 1s linear infinite;
        }

    .contact .php-email-form .form-group {
        margin-bottom: 20px;
    }

    .contact .php-email-form label {
        padding-bottom: 8px;
    }

    .contact .php-email-form input,
    .contact .php-email-form textarea {
        border-radius: 0;
        box-shadow: none;
        font-size: 14px;
        border-radius: 4px;
    }

        .contact .php-email-form input:focus,
        .contact .php-email-form textarea:focus {
            border-color: #47b2e4;
        }

    .contact .php-email-form input {
        height: 44px;
    }

    .contact .php-email-form textarea {
        padding: 10px 12px;
    }

    .contact .php-email-form button[type=submit] {
        background: #47b2e4;
        border: 0;
        padding: 12px 34px;
        color: #fff;
        transition: 0.4s;
        border-radius: 50px;
    }

        .contact .php-email-form button[type=submit]:hover {
            background: #209dd8;
        }

@-webkit-keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
    padding: 15px 0;
    background: #f3f3f3;
    min-height: 40px;
}

.top-background {
    display: block;
    min-height: 330px;
    position: relative;
}

    .top-background.has-search {
    }

    .top-background .top-background-img img,
    .top-background .top-background-content {
        position: absolute;
        top: 0;
        left: 0;
    }

    .top-background .top-background-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .top-background .top-background-content {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        align-content: center;
    }

      /*  .top-background .top-background-content:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            background: rgb(0 0 0 / 30%);
            width: 100%;
            height: 100%;
        }*/

        .top-background .top-background-content .top-background-title {
            color: #fff;
            font-size: 35px;
            text-shadow: -1px 14px 9px rgba(0, 0, 0, 0.78);
            font-weight: 900;
            text-transform: uppercase;
        }

    .top-background.has-search .top-background-content {
        /*   align-items: end;*/
        align-content: end;
        padding-bottom: 40px;
    }

    .top-background .top-background-search {
        margin-top: 30px;
    }

.top-background-search .top-background-search_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
}

    .top-background-search .top-background-search_form .form-select {
        font-size: 14px;
    }

.top-background-search_form-button .form-button_submit {
    border-radius: 5px;
    width: 100%;
    background: rgb(204,0,0);
    background: linear-gradient(90deg, rgb(199 48 54) 0%, rgb(199 48 54) 100%);
    color: #fff;
    text-align: center;
    height: 38px;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.top-background-search_form-item {
    width: 21.5%;
    position: relative;
}

.top-background-search_form-button {
    width: 12%;
}

@media (min-width: 1200px) {
    .top-background-search_form-item {
        width: 21.5%;
        position: relative;
    }

    .top-background-search_form-button {
        width: 12%;
    }
    /*.top-background .top-background-content .top-background-title {
        min-height: 250px;
        display: flex;
        align-items: center;
    }*/
    .top-background .top-background-content {
        align-items: center;
    }
}

@media (max-width: 767px) {
    .top-background-search .top-background-search_form {
        display: block
    }

    .top-background-search_form-item {
        width: 85%;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }

    .top-background-search_form-button {
        width: 30%;
        margin: 0 auto;
    }

    .top-background.has-search {
        min-height: 460px;
    }
}

@media (max-width: 767px) {
    .top-background .top-background-content .top-background-title {
        text-align: center;
        font-size: 28px;
    }
}

.breadcrumbs h2 {
    font-size: 28px;
    font-weight: 600;
    color: #37517e;
}

.breadcrumbs ol {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0 0 0 0;
    margin: 0;
    font-size: 14px;
    white-space: nowrap;
}

    .breadcrumbs ol a {
        color: #222;
        font-weight:400;
    }

    .breadcrumbs ol .active a {
        color: #2C2A86;
        font-weight: bold;
    }

    .breadcrumbs ol .active {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .breadcrumbs ol li + li {
        padding-left: 10px;
    }

        .breadcrumbs ol li + li::before {
            display: inline-block;
            padding-right: 10px;
            color: var(--breadcrumbs-color);
            content: "/";
        }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
    background-color: #fff;
    color: #222;
    background-position: bottom;
}

.footer-newsletter .form-control {
    border-radius: 0rem;
    height: 44px;
    padding: 12px 20px;
}

.footer-newsletter .submit {
    background: #4bc700;
    color: #fff;
    font-weight: 700;
    border: 0;
    height: 44px;
    padding: 12px 40px;
    text-transform: uppercase;
}

#footer .footer-top {
    padding: 50px 0 15px;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    background-image: url('../img/bg/footer-bg 3.jpg');
}

#footer .footer-contact {
    margin-bottom: 20px;
}

    #footer .footer-contact h3 {
        font-size: 28px;
        margin: 0 0 10px 0;
        padding: 2px 0 2px 0;
        line-height: 1;
        text-transform: uppercase;
        font-weight: 600;
        color: #fff;
    }

    #footer .footer-contact p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 8px;
        display: flex;
    }

        #footer .footer-contact p i {
            color: #fff;
            margin-top: 4px;
            flex: 0 0 18px;
            width: 18px;
        }

    #footer .footer-contact a {
        color: #222
    }

.footer-contact .logo img {
    filter: brightness(0) invert(1);
}

#footer .footer-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#footer .footer-links {
    margin-bottom: 30px;
}

    #footer .footer-links ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #footer .footer-links ul i {
            padding-right: 2px;
            color: #fff;
            font-size: 18px;
            line-height: 1;
        }

        #footer .footer-links ul li {
            padding: 6px 0;
            display: flex;
            align-items: center;
        }

            #footer .footer-links ul li:first-child {
                padding-top: 0;
            }

        #footer .footer-links ul a {
            color: #fff;
            transition: 0.3s;
            display: inline-block;
            line-height: 1;
            font-size: 15px;
        }

            #footer .footer-links ul a:hover {
                text-decoration: underline;
                color: #666;
            }

#footer .social-links a {
    font-size: 18px;
    display: inline-block;
    color: #666;
    line-height: 1;
    padding: 0 8px;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    transition: 0.3s;
}

    #footer .social-links a img {
        height: 18px;
    }

    #footer .social-links a:hover {
        color: #c43238;
        text-decoration: none;
    }

#footer .footer-bottom {
    color: #666;
}

    #footer .footer-bottom .member-company {
        display: flex;
        font-family: 'montserrat';
        letter-spacing: 1px;
        font-size: 14px;
        padding: 20px 0 20px;
        border-top: 1px solid rgb(0 0 0 / 20%);
        text-align: center;
        color: #c73036
    }

        #footer .footer-bottom .member-company .item {
        }

            #footer .footer-bottom .member-company .item.title {
                border-right: 1px solid rgb(0 0 0 / 20%);
                padding: 0 12px;
            }

        #footer .footer-bottom .member-company .member-item {
            text-transform: uppercase;
            padding: 0 12px;
        }

            #footer .footer-bottom .member-company .member-item:hover {
                color: #2a3580
            }

#footer .copyright {
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font-size: 13px;
   
}

    #footer .credits a,
    #footer .copyright a {
        transition: 0.3s;
        color: #fff;
    }

@media (max-width: 768px) {
    #footer .footer-bottom {
        padding-top: 0;
        padding-bottom: 20px;
    }

    #footer .copyright,
    #footer .credits {
        text-align: center;
        float: none;
    }

    #footer .credits {
        padding-top: 4px;
    }

    #footer .footer-title {
        font-size: 16px;
    }

    #footer .footer-bottom .member-company {
        display: block;
    }

        #footer .footer-bottom .member-company .item.title {
            margin-bottom: 8px;
        }

        #footer .footer-bottom .member-company .member-item {
            display: block;
            margin-bottom: 5px;
        }
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

.blog .entry {
    margin-bottom: 24px;
}

    .blog .entry:last-child {
        margin-bottom: 0;
    }

.blog.blog-article .entry .row {
    --bs-gutter-x: 0;
}

.blog .entry .entry-img {
    overflow: hidden;
    position: relative;
    padding-top: 56.25%;
    display: block;
}

.blog.blog-article .entry .entry-img {
    overflow: hidden;
    position: relative;
    padding-top: 65%;
    display: block;
    border-radius: 9px;
}

.blog .entry .entry-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: all 0.5s;
    border-radius: 9px;
}

.blog .entry:hover .entry-img img {
    transform: scale(1.2);
}

.blog.blog-article .entry .entry-content {
    padding: 20px 0;
    color: #000;
    height: 100%;
    border-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 20px;
}

.blog .entry .entry-title {
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    margin: 0 0 10px 0;
    color: #2C2A86;
}

article.entry.detailentry .entry-title {
    transition: .3s linear;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

article.entry.detailentry:hover .entry-title {
    color: #2C2A86;
    transition: .3s linear;
}

.blog .entry.entry-single .entry-title {
    font-size: 26px;
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .blog .entry.entry-single .entry-title {
        font-size: 20px;
    }
}


.blog .entry.entry-single .entry-content {
    font-size: 14px;
}

    .blog .entry.entry-single .entry-content a {
        color: #1b38ff;
    }

    .blog .entry.entry-single .entry-content blockquote {
        padding-left: 12px;
        font-size: 14px;
    }

.blog .entry .entry-title a {
    color: #2a3580;
    transition: 0.3s;
}

    .blog .entry .entry-title a:hover {
        color: #0a57ff;
    }

.blog .entry .entry-decription {
    margin-bottom: 0;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.blog .entry .entry-link a {
    color: #2a3580;
    font-family: 'montserrat';
    font-weight: 700;
    font-size: 16px;
}

@media(max-width: 767px) {
    .blog.blog-article .entry .entry-content {
        padding: 15px;
        display: block;
    }
}

.blog .blog-pagination {
    color: #4bc700;
    padding-top: 30px;
}

    .blog .blog-pagination ul {
        display: flex;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .blog .blog-pagination li {
        margin: 0 5px;
        transition: 0.3s;
    }

        .blog .blog-pagination li a {
            color: #000;
            padding: 7px 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

        .blog .blog-pagination li.active, .blog .blog-pagination li:hover {
            background: #2a3580;
            cursor:pointer;
        }

            .blog .blog-pagination li.active a, .blog .blog-pagination li:hover a {
                color: #fff;
            }

.header-search {
    position: relative;
}

    .header-search .search-toggle,
    .header-search .search-toggle:hover {
        background-color: transparent;
        color: #fff;
        height: 35px;
        width: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0;
        box-shadow: unset;
        font-size: 17px;
        border: 1px solid #fff;
        border-radius: 5px;
    }

        .header-search .search-toggle:hover {
            border: 1px solid #c43238;
            cursor: pointer;
        }

        .header-search .search-toggle.open .s-open {
            display: none;
        }

        .header-search .search-toggle .s-close {
            display: none;
        }

        .header-search .search-toggle.open .s-close {
            display: block;
        }

    .header-search .search-wrap.open {
        opacity: 1;
        right: 100%;
        visibility: visible;
        z-index: 99;
    }

    .header-search .search-wrap {
        background-color: #fff;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 48%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        visibility: hidden;
        width: 340px;
        z-index: -99;
        padding-bottom: 0;
        margin-right: 10px;
        border: 1px solid #ccc;
    }

        .header-search .search-wrap .form-control {
            border: 0;
            box-shadow: none;
            height: 38px;
            font-size: 14px;
        }

        .header-search .search-wrap .input-group-append {
            border-left: 1px solid #ccc;
            margin-left: 0;
        }

        .header-search .search-wrap .form-control:focus {
            border: 0;
            box-shadow: 0;
        }

.btn-contact {
    color: #282728;
    padding: 8px 12px;
    border: 1px solid;
    border-radius: 20px;
    transition: .3s linear;
    cursor: pointer;
}

    .btn-contact:hover {
        background: #c40a0a;
        border: 1px solid #c40a0a;
        transition: .3s linear;
        color: #fff;
    }
    /*   .btn-contact:not(.no-line):before, .btn-contact:not(.no-line):after {
        content: "";
        position: absolute;
        background: #2d74b4;
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
    }

    .btn-contact:after {
        width: 1px;
        height: calc(100% + 2px);
        top: 10px;
        right: -6px;
    }

    .btn-contact:before {
        width: calc(100% + 2px);
        height: 1px;
        bottom: -6px;
        left: 10px;
    }

    .btn-contact:hover, .btn-contact:focus {
        background: #fff;
        color: #2d74b4;
        border-color: #2d74b4
    }

        .btn-contact:hover:before, .btn-contact:active:before, .btn-contact:focus:before {
            width: 0
        }

        .btn-contact:hover:after, .btn-contact:active:after, .btn-contact:focus:after {
            height: 0
        }*/
    .btn-contact svg {
        fill: #282728;
        height: 9px;
        width: 9px;
        transform: scale(1.8);
        margin-left: 5px;
        transition: linear .3s;
    }

    .btn-contact:hover svg {
        fill: #fff;
        transition: linear .3s;
    }



.video {
    position: relative;
    border: 8px solid #fff;
    box-shadow: 7px 7px 10px rgb(0 0 0 /20%);
}

    .video img {
        width: 100%;
    }

    .video .icon-play {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

        .video .icon-play i {
            color: #fff;
            opacity: 0.68;
        }

.dangky {
    background-image: url('../img/bg/Banners4.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    background-position: center;
}

    .dangky .form-dangky .section-title .title::after {
        margin-left: 0
    }

    .dangky .form-control {
        background: #fff;
        border-radius: 5px;
        text-align: left;
        padding-left: 25px;
        padding-right: 25px;
        font-size: 14px;
        box-shadow: 0 0 13px rgb(0 0 0/13%)
    }

    .dangky input.form-control {
        height: 55px;
    }

    .dangky select.form-control,
    .dangky input.form-control {
        height: 42px;
    }

    .dangky .form-control::placeholder {
        color: #000;
        font-style: italic;
    }

    .dangky label {
        color: #ff0000;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .dangky .submit,
    .contact-area .submit {
        padding: 7px 14px;
        background: rgb(204,0,0);
        background: linear-gradient(90deg, rgb(199 48 54) 0%, rgb(199 48 54) 100%);
        color: #fff;
        border-radius: 0;
        display: inline-flex;
        font-weight: 400;
        font-size: 12px;
        text-transform: uppercase;
        line-height: 1;
        align-items: center;
        justify-content: center;
        align-content: center;
        border: 0;
    }

        .dangky .submit svg,
        .contact-area .submit svg {
            height: 15px;
            width: 15px;
            fill: #fff;
            transform: scale(1.5);
            margin-left: 5px;
        }

        .dangky .submit span,
        .contact-area .submit span {
            display: flex;
            align-items: center;
        }


@media (min-width: 992px) {
    .dangky .col-lg-5 {
        flex: 0 0 auto;
        width: 45.66666667%;
    }
}



.skitter .box_clone img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    height: inherit !important;
}

@media screen and (max-width: 1024px) {
    .container_skitter, .banner-home, .banner .image {
        --height-skitter: 346px;
        height: var(--height-skitter) !important;
        width: auto !important;
        object-fit: cover;
        min-height: var(--height-skitter);
    }

        .container_skitter .image img, .container_skitter .box_clone img {
            object-fit: cover;
        }

    .skitter .box_clone img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 20;
        height: var(--height-skitter);
    }
}

@media screen and (max-width: 991px) {
    .container_skitter, .banner-home, .banner .image {
        --height-skitter: 277px;
        height: var(--height-skitter) !important;
        width: auto !important;
        object-fit: cover;
        min-height: var(--height-skitter);
    }

        .container_skitter .image img, .container_skitter .box_clone img {
            object-fit: cover;
        }

    .skitter .box_clone img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 20;
        height: var(--height-skitter);
    }
}

@media screen and (max-width: 600px) {
    .container_skitter, .banner-home, .banner .image {
        --height-skitter: 135px;
        height: var(--height-skitter) !important;
        width: auto !important;
        object-fit: cover;
        min-height: var(--height-skitter);
    }

        .container_skitter .image img, .container_skitter .box_clone img {
            object-fit: cover;
        }

    .skitter .box_clone img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 20;
        height: var(--height-skitter);
    }
}

.entry .entry-img .zoom-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-content: center;
    align-items: center;
    justify-content: center;
    background-color: rgb(12 50 133 / 50%)
}

.entry:hover .entry-img .zoom-icon {
    display: flex
}

.entry .entry-img .zoom-icon i {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 22px;
}

.entry-feature {
    position: relative;
}

.blog-tintuc .entry .entry-img {
    padding-top: 71%;
    margin-bottom: 14px;
    border-radius: 9px;
}

.blog-tintuc .entry .entry-content {
}

    .blog-tintuc .entry .entry-content .entry-title {
        font-size: 16px;
        color: #000;
        line-height: 1.5;
        font-weight: bold;
        text-transform: capitalize;
        padding-bottom: 6px;
        position: relative;
      font-family: 'Montserrat', sans-serif;
        margin-bottom: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        transition: .3s linear;
        -webkit-line-clamp: 2;
    }

.blog-tintuc .entry:hover .btn-contact {
    background: #c40a0a;
    border: 1px solid #c40a0a;
    transition: .3s linear;
    color: #fff;
}

    .blog-tintuc .entry:hover .btn-contact svg {
        fill: #fff;
        transition: linear .3s;
    }

.blog-tintuc .entry:hover .entry-content .entry-title {
    color: #dd0000;
    transition: .3s linear;
}

.blog-tintuc .entry .entry-content .entry-decription {
    font-size: 14px;
    font-weight: 300;
}

.blog-tintuc .entry.entry-feature .entry-img {
    padding-top: 74%;
}

.blog .entry.entry-feature .entry-content {
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    padding: 15px;
    background: rgb(12,50,133);
    background: linear-gradient(0deg, rgba(1,165,79,1) 70%, rgba(255,255,255,0) 100%);
    width: 100%;
}

@media(max-width:991px) {
    .blog-tintuc .entry .entry-img {
        padding-top: 56.25%;
    }

    .blog-tintuc .entry.entry-feature .entry-img {
        padding-top: 45%;
    }
}

@media(max-width:556px) {

    .blog-tintuc .entry.entry-feature .entry-img {
        padding-top: 100%;
    }
}

.blog-tintuc .entry .entry-content .link,
.blog-tintuc .entry .entry-content .link:hover {
    color: #ff1a40
}

.about-us-area {
}

@media(max-width: 767px) {
    .about-us-area {
        background-image: unset;
    }
}



.visao .section-title .title::after {
    margin-left: 0;
    margin-right: auto
}

.visao-content * {
    color: #000;
    font-size: 16px;
}

.visao-content ul {
    list-style-type: none;
    padding: 0;
}

.visao-content ul li {
    display: flex;
    align-items: center;
    align-content: center;
    padding-left: 30px;
    position: relative;
}

.visao-content ul li:not(:last-child) {
    margin-bottom: 15px;
}

.visao-content ul li:before {
    content: "";
    background-image: url(../img/icon/check-mark.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}


.visao-content .section-title .title span {
    color: #dc0100 !important;
    font-size: 30px;
    display: block;
    font-weight: bold;
    font-size: 50px;
    width: 100%;
}

.visao-content .section-title .title {
    width: 100%;
}

@media(max-width: 767px) {
    .visao {
        background-image: unset;
        background-color: #fff;
    }

    .visao-content * {
        font-size: 14px;
    }
}

.map iframe {
    width: 100%;
}

.pb-50 {
    padding-bottom: 50px;
}

.pt-10 {
    padding-top: 10px;
}

.sidebar-toggle-button {
    position: fixed;
    padding: 2px 10px;
    top: 40%;
    left: 0;
    border: 1px solid #000;
    background: #fff;
    color: #000;
    font-size: 20px;
    z-index: 1;
}



/*test-cssmk*/
.sidebar-wrapper .sidebar-widget {
    margin-bottom: 24px;
    border: 1px solid #e2e5f1;
    border-radius: 10px;
    overflow: hidden;
}

    .sidebar-wrapper .sidebar-widget:last-child {
        margin-bottom: 0px;
    }

.sidebar-widget {
  /*  margin-bottom: 40px;*/
    background-color: #fff;
overflow:hidden;
    border-radius: .75rem;
}

    .sidebar-widget .sidebar-search {
        margin-top: 20px;
    }

.mt-0 {
    margin-top: 0;
}

.mt-0, .my-0 {
    margin-top: 0 !important;
}

.sidebar-widget .sidebar-search .sidebar-search-form {
    position: relative;
}

    .sidebar-widget .sidebar-search .sidebar-search-form input {
        background: transparent none repeat scroll 0 0;
        border: none;
        font-size: 14px;
        height: 43px;
        padding: 2px 55px 2px 18px;
        color: #000;
        border-radius: 13px;
      outline:none;
    }

input {
    background: #eceff8;
    border: 2px solid #eceff8;
    height: 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 10px;
    font-size: 14px;
    color: #737373;
    width: 100%;
}

.sidebar-widget .sidebar-search .sidebar-search-form button {
    background: transparent none repeat scroll 0 0;
    border-color: #a1a5aa;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: none;
    border-width: medium medium medium 1px;
    padding: 1px 15px 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #000;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    font-size: 17px;
}

.sidebar-widget h4.sidebar-widget-title {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    line-height: 1;
    padding:15px 0;
}

.sidebar-widget .sidebar-widget-title {
    font-size: 16px;
    position: relative;
    font-weight: 700 !important;
}

.sidebar-widget .news-catigory {
    margin-top: 18px;
}

    .sidebar-widget .news-catigory ul li {
        margin-bottom: 0;
    }

        .sidebar-widget .news-catigory ul li + li {
            border-top: 1px solid #ececec;
        }

        .sidebar-widget .news-catigory ul li a {
            padding: 7px 5px 7px 0;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            display: block;
            color: #333333;
            text-transform: capitalize;
        }

        .sidebar-widget .news-catigory ul li:last-child {
            margin-bottom: 0;
        }

        .sidebar-widget .news-catigory ul li + li {
            border-top: 1px solid #ececec;
        }

        .sidebar-widget .news-catigory ul li a.active {
            color: #2a3580;
            font-weight: 600;
        }

        .sidebar-widget .news-catigory ul li a.active {
            color: #ff2f2f;
            font-weight: 600;
        }

        a, .sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title h4 a:hover, .single-contact-info-3 > i, .single-contact-info-3 ul li i, .breadcrumb-content ul li, .shop-topbar-wrapper .shop-topbar-left .view-mode a.active, .sidebar-widget .sidebar-widget-list ul li a:hover, .single-product-wrap .product-content-position h3 a:hover, .sidebar-widget .news-catigory ul li a:hover, .breadcrumb-content ul li a:hover, .main-menu > nav > ul > li > ul li:hover > a, .header-action .same-style-2 a:hover, .mobile-header-active .clickalbe-sidebar-wrap .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:hover > a, .dec-review-topbar a.active {
            color: var(--themes-color);
        }

a, button, img, input, span {
    -webkit-transition: all .1s ease 0s;
    -o-transition: all .1s ease 0s;
    transition: all .1s ease 0s;
}

.hotline {
    text-align: right;
}

.sidebar-widget .news-catigory ul li.hotline {
    border-radius: 6px;
    border: 2px dashed #000;
    color: #004488;
    margin: 8px;
    display: grid;
    align-items: center;
    padding: 8px 10px;
    grid-template-columns: 24px 1fr;
    grid-gap: 10px;
    text-align: left;
}

    .sidebar-widget .news-catigory ul li.hotline a {
        padding: 0;
        background: none;
        flex: unset;
    }

.sidebar-widget .news-catigory ul li a {
    padding: 7px 5px 7px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    color: #333333;
    text-transform: capitalize;
}

li.hotline strong {
    color: #000;
}

.number {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../img/bg/bg-number.jpg');
    position: relative;
    background-attachment: fixed
}

    .number:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0/60%);
    }

.number-counter-item {
    padding: 20px 20px;
    border: 1px solid rgba(255,255,255,.1);
    text-align: center;
    color: #fff;
    transition: all 0.5s;
    background: transparent;
}

    .number-counter-item:hover {
        background: linear-gradient(0deg, rgb(28 126 197) 0%, rgb(9 123 234) 100%);
        cursor: pointer;
        transition: all 0.5s;
    }

.number-counter-item-img {
    margin-bottom: 20px
}

.number-counter-item .title {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.number-count {
    margin-bottom: 10px;
    font-size: 48px;
    font-weight: 700;
    line-height: 55px;
}

article.entry.detailentry:hover {
    background: #F2F2F2;
    transition: 0.5s;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: pointer;
    pointer-events: unset;
}

.dichvu .swiper-button-next, .dichvu .swiper-button-prev {
    top: 50%
}

section#trangchu_tintuc {
    background-color: #fff;
}

.dangky select#Specialist-select {
    font-size: 15px;
    text-align: left;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 33px 14px;
    background-position: right 0.75rem center;
}


@media screen and (max-width: 1392px) {
    .dangky select#Specialist-select {
        font-size: 14px;
        background-size: 12px 14px;
    }
}

@media screen and (max-width: 1190px) {
    .dangky select#Specialist-select {
        font-size: 12px;
        background-size: 0px 0px;
    }
}

@media screen and (max-width: 1164px) {
    .dangky select#Specialist-select {
        font-size: 12px;
        background-size: 0px 0px;
    }
}

@media screen and (max-width: 991px) {
    .dangky .form-control {
        text-align: left;
    }

    .dangky select#Specialist-select {
        font-size: 14px;
        background-size: 14px 19px;
    }
}

span.detail-xemthem {
    position: relative;
    width: 100px;
    height: 100px;
    top: 26px;
    left: 31rem;
}

@media screen and (max-width: 1196px) {
    span.detail-xemthem {
        top: 16px;
        left: 26rem;
    }
}

@media screen and (max-width: 1400px) {
    span.detail-xemthem {
        top: 16px;
        left: 24rem;
    }
}

@media screen and (max-width: 1200px) {
    span.detail-xemthem {
        top: 16px;
        left: 20rem;
    }
}

@media screen and (max-width: 500px) {
    span.detail-xemthem {
        top: 6px;
        left: 6rem;
    }
}

@media(max-width: 991px) {
    .sidebar-wrapper {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        max-width: 300px;
        bottom: 0;
        transition: 0.3s;
        z-index: 9997;
        background-color: #fff;
        padding: 15px;
        height: 100vh;
        overflow-y: scroll;
        margin-top: 0;
    }

    .mobile-sidebar-active .sidebar-wrapper {
        left: 0%;
     
    }
    .sidebar-wrappered2 {
        margin-top: 0 !important;
    }
}

.container {
    position: relative;
}

.contact-infos {
    border-radius: 10px;
    background-color: #fff;
    padding: 25px;
}

    .contact-infos .title {
        border-bottom: 3px solid #d7d8d9;
        text-transform: uppercase;
        padding-bottom: 8px;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 22px;
        margin-bottom: 8px;
        color: #000;
    }

    .contact-infos .list-menu li {
        font-size: 15px;
    }

/*.sidebar .widget-title {
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 0 0;
    margin: 0 0 15px 0;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(42, 53,128,1);
}*/

    .sidebar .widget-title span {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        color:#000;
        display:block;
        margin-bottom:16px;
    }

       /* .sidebar .widget-title span::after {
            content: "";
            position: absolute;
            top: 0;
            right: -22px;
            border-top: 38px solid transparent;
            border-left: 22px solid #2a3580;
        }*/

.sidebar .recent-posts .post-item + .post-item {
    margin-top: 15px;
}

.sidebar .recent-posts .post-item {
    display: flex;
    align-content: center;
    align-items: center;
}

.sidebar .recent-posts img {
    width: 65px;
    height: 56.25px;
    float: left;
    object-fit: cover;
    border-radius:5px;
}

.sidebar .recent-posts .post-title {
    width: calc(100% - 65px);
    font-size: 15px;
    margin-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

    .sidebar .recent-posts .post-title a {
        color: #000;
        transition: 0.3s;
    }

        .sidebar .recent-posts .post-title a:hover {
            color: #2C2A86;
        }

.sidebar .recent-posts .post-item.active .post-title a {
    color: #2C2A86;
    font-weight: 600;
}

@media (min-width: 1200px) {
    .entries-blog .col-xl-9 {
        flex: 0 0 auto;
        width: 70%;
    }

    .entries-blog .col-xl-3 {
        flex: 0 0 auto;
        width: 30%;
    }
}

.sidebar-widget .shop-catigory ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .sidebar-widget .shop-catigory ul li {
        padding-left: 8px;
        padding-right: 8px;
    }

        .sidebar-widget .shop-catigory ul li a {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
        }

        .sidebar-widget .shop-catigory ul li {
            margin-top: 7.5px;
     border-top:1px solid #eee;
            padding-top: 7.5px;
        }

.entry-single .entry-content img {
    max-width: 700px;
    height: auto !important;
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .entry-single .entry-content img {
        max-width: 100%;
        height: auto !important;
    }
}

.sidebar-toggle-button {
    position: fixed;
    padding: 6px 10px;
    top: 40%;
    left: 0;
    border: 1px solid #000;
    background: #fff;
    color: #000;
    font-size: 20px;
    z-index: 1;
}

.mobile-sidebar-active .sidebar-wrapper {
    left: 0%;
}

.shop-catigory a.active {
    color: #2a3580;
    font-weight: 600;
}

.fb_iframe_widget iframe {
    position: absolute;
    width: 100% !important;
}

.fb_iframe_widget_fluid span {
    width: 100% !important;
}

.tienich {
    background-image: url('../img/bg/bg-tienich.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.tienich {
    background-image: url('../img/bg/bg-tienich.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.single-tienich-wrap {
    border: 2px dashed #9b8b80;
    padding-top: 56.25%;
    position: relative;
}

    .single-tienich-wrap .tienich-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

        .single-tienich-wrap .tienich-content .title {
            font-size: 60px;
            color: #2a3580;
            font-family: 'montserrat';
            font-weight: 700;
            line-height: 1.1;
        }

        .single-tienich-wrap .tienich-content .content {
            font-size: 18px;
        }

    .single-tienich-wrap.tienich-contact {
        background-color: #2a3580;
        border: 2px dashed #2a3580;
    }

        .single-tienich-wrap.tienich-contact .tienich-content .title {
            color: #fff000;
        }

            .single-tienich-wrap.tienich-contact .tienich-content .title span {
                font-size: 30px;
            }

        .single-tienich-wrap.tienich-contact .tienich-content .content {
            color: #fff;
            font-weight: 700;
        }

        .single-tienich-wrap.tienich-contact .tienich-content .link {
            padding: 7px 20px;
            background: #fff;
            color: #8f4444;
            border-radius: 10rem;
            display: inline-block;
            font-weight: 500;
            text-transform: uppercase;
        }

@media(max-width:991px) {
    .single-tienich-wrap-item:not(:last-child) {
        margin-bottom: 20px;
    }
}

.home section.introduction {
    background-image: url('../img/bg/BGs5.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 22.5px;
    font-family: 'montserrat';
    letter-spacing: 1px;
    text-align: justify;
    padding: 30px 0;
    line-height: 1.5;
}

.introduction .form-dangky {
    background-image: url('../img/icon/pngegg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.introduction .lienhe-btn {
    display: inline-flex;
    background-color: #fff;
    padding: 5px;
    justify-content: center;
    align-items: center;
    width: 254px;
    height: 60px;
}

    .introduction .lienhe-btn .link {
        background-color: #fff;
        border: 1px dashed #2a3580;
        color: #995859;
        width: 100%;
        height: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px
    }

    .introduction .lienhe-btn:hover .link {
        background-color: #f4c900;
        border: 1px dashed #000;
        color: #000;
    }

    .introduction .lienhe-btn:hover {
        background-color: #f4c900;
    }

@media(max-width: 991px) {
    .introduction .form-dangky {
        background-size: 15%;
        background-position: bottom right;
    }
}

@media(max-width: 767px) {
    .introduction p {
        font-size: 18px;
    }

    .introduction .form-dangky {
        background-size: 25%;
        background-position: bottom right;
    }
}

.duantieubieu {
    background-image: url('../img/bg/BGs2.jpg');
    background-repeat: no-repeat;
    background-position: bottom left;
    position: relative;
    z-index: 1;
}

    .duantieubieu:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: #f8f6f459;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

.duantieubieu-item {
    margin-bottom: 24px;
}

    .duantieubieu-item .entry {
        position: relative;
        transition: all 0.5s;
        overflow: hidden;
        border: 1px solid #f3f3f3;
        background-color: #fff;
        border-radius: 12px;
    }

        .duantieubieu-item .entry:hover {
            box-shadow: 0 10px 28px rgb(0 0 0 / 10%), 0 8px 8px rgb(0 0 0 / 7%);
            border-color: transparent;
        }

        .duantieubieu-item .entry .entry-img {
            position: relative;
            padding-top: 100%;
        }

            .duantieubieu-item .entry .entry-img img {
                position: absolute;
                width: 100%;
                height: 100%;
                object-fit: cover;
                top: 0;
                left: 0;
            }



    .duantieubieu-item:hover .entry .entry-content .btn-contact svg {
        fill: #fff;
        transition: linear .3s;
    }

    .duantieubieu-item:hover .entry .entry-content .btn-contact {
        background: #c40a0a;
        border: 1px solid #c40a0a;
        transition: .3s linear;
        color: #fff;
    }

    .duantieubieu-item .entry .entry-content {
        width: 100%;
        bottom: 5px;
        left: 0;
        padding: 15px;
        transition: all 0.5s;
        padding-top: 10px;
    }

        .duantieubieu-item .entry .entry-content .entry-title {
            font-size: 18px;
            color: #000;
            font-weight: 700;
            line-height: 1.5;
            padding-bottom: 6px;
          font-family: 'Montserrat', sans-serif;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            transition: .3s linear;
        }

            .duantieubieu-item .entry .entry-content .entry-title span {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                height:54px;
            }

    .duantieubieu-item .entry:hover .entry-img:after {
        opacity: 0;
    }

/*    .duantieubieu-item .entry .entry-img:before {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,.5);
        content: '';
        -webkit-transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
        -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-105%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-105%,0)
    }*/


    .duantieubieu-item .entry:hover .entry-img:before {
        -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,105%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,105%,0)
    }

    .duantieubieu-item .entry .entry-content .entry-link {
        color: rgb(5 126 233);
        padding-top: 10px;
    }

@media(max-width:991px) {
    .duantieubieu-item:not(:last-child) {
        margin-bottom: 20px;
    }
}

.hinhanh .gallery-img {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.hinhanh {
    padding: 24px 0
}

    .hinhanh .gallery-img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .hinhanh .gallery-img .xemthem {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 58%);
        color: #fff;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-align: center;
    }

@media(max-width:767px) {
    .hinhanh .row {
        --bs-gutter-x: 10px;
    }
}
/*.doitac {
    background-image: url('../img/bg/bg_doitac.jpg');
    background-repeat:no-repeat;
    background-size:cover;
}*/
.doitac .title-category h3 {
    text-align: center;
    font-weight: 300 !important;
    font-size: 16px;
}
.doitac .warp-slide-ed{
    position:relative;
}
.doitac .brandSwiper a img {
    transition: .3s linear;
}
.doitac .brandSwiper a .single-brand {
    overflow:hidden;
}
    .doitac .brandSwiper a:hover img {
        transform: scale(1.1);
        transition: .3s linear;
    }


    .doitac .warp-slide-ed .swiper-button-next,
    .doitac .warp-slide-ed .swiper-button-prev {
        background: none
    }

.doitac .warp-slide-ed .swiper-button-prev,
.doitac .warp-slide-ed.swiper-rtl .swiper-button-next {
    left: -18px;
    padding: 0;
    width: 40px;
    height: auto;
}

.doitac .warp-slide-ed .swiper-button-next,
.doitac .warp-slide-ed .swiper-rtl .swiper-button-prev {
    right: -18px;
    padding: 0;
    width: 40px;
    height: auto;
}
.doitac .section-title1 {
    color: #2C2A86;
    text-transform: unset;
    text-align: center;
    font-size: 20px;
}
.single-brand {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: #fff;
}

.single-brand img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 8px;
}

.gallery-img {
    overflow: hidden;
}

.gallery-row .gallery-img {
    position: relative;
    display: block;
    padding-top: 100%;
    width: 100%;
}

.gallery-row > .col-12 > .gallery-img {
    padding-top: 50%;
    margin-bottom: 10px;
}

.gallery-img a img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.gallery-img a:hover img {
    transform: rotate(-1deg) scale(1.1);
    transition: all 1s;
}

.gallery-img a text {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    color: #fff;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
}

@media(max-width:991px) {
    .gallery-row .col-12 .gallery-img a {
        padding-top: 34%;
    }
}

@media(max-width:767px) {
    .gallery-img {
        margin-bottom: 10px;
    }
}

.terminal-item {
    text-align: center;
}

.terminal-img {
    margin-bottom: 20px;
}

    .terminal-img .img {
        width: 77px;
        height: 77px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        border-radius: 10rem;
        border: 2px solid #fff;
    }

        .terminal-img .img img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 100%;
        }

.terminal-content {
    text-align: center;
}

    .terminal-content .title {
        color: #fee900;
        font-size: 19px;
    }

    .terminal-content .content * {
        color: #fff;
        font-size: 14px;
    }

.danhgia {
    background-image: url('../img/bg/bg-danhgia.jpg');
    background-repeat: no-repeat;
    padding: 30px 30px 10px;
    background-size: cover;
}

.danhgia-title {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    color: #fff;
    font-family: 'montserrat';
    text-transform: uppercase;
    text-align: center;
}

@media(max-width: 767px) {
    .about-content-wrap {
        background-color: #2a3580;
        padding-top: 59px;
    }

    .gallery-row {
        --bs-gutter-x: 10px;
    }

    .lienhe .email-form {
        background: #f6f6f6;
        padding: 47px 40px;
        margin-top: 20px;
    }

    .about-us-content .about-content .title {
        font-size: 16px;
    }
}

.entry-single ul li:not(:last-child) {
    margin-bottom: 1rem;
}

.entry-single .entry-content {
    margin-bottom: 1rem;
}

.hoatdong .row {
    --bs-gutter-x: 10px;
}

.hoatdong .swiper-pagination {
    position: relative;
    margin-top: 7px;
}

@media (max-width: 767px) {
    .page-gioithieu .section-title .title {
        font-size: 19px;
    }

    .page-gioithieu .about-us-content .about-content .title {
        font-size: 19px;
    }
}

@media(min-width: 991px) {
    .blog-tintuc.blog .entry .entry-decription {
        height: 63px;
    }
}

.blog-tintuc.blog .entry .entry-content .link-xemthem {
    color: #007abb;
    fill: #007abb
}

.relatedprojectSwiper .swiper-button-next, .relatedprojectSwiper .swiper-button-prev {
    background-color: rgb(255 255 255 / 50%);
}

.swiper-button-next, .swiper-button-prev {
    color: #fff;
    background-color: #2B2B85;
    padding: 5px;
    height: 35px;
    width: 35px;
    border-radius: 0;
    box-shadow: none;
}

    .swiper-button-next:after, .swiper-button-prev:after {
        display: none
    }

    .swiper-button-next svg, .swiper-button-prev svg {
        fill: #ffffff;
        height: 35px;
        width: 35px;
    }

    .swiper-button-prev svg {
        transform: rotate(-180deg)
    }

.menu-project {
    fill: #8d8989;
    border: 1px solid rgb(0 0 0 / 20%);
    border-radius: 5px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 45px;
    height: 35px;
}

    .menu-project:hover {
        border: 1px solid #c43238;
    }

.project-menu__side-close {
    position: absolute;
    right: 30px;
    top: 15px;
    z-index: 1;
    width: 33px;
    height: 33px;
    color: #818181;
    text-align: center;
    line-height: 31px;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.menu-project * {
    fill: #8d8989;
    color: #8d8989;
    width: 23px;
    height: 23px;
}

.project-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 400px;
    height: 100%;
    background: rgba(255, 255, 255, 0.98);
    z-index: 9999;
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    ;
}

.menu-project-toggle {
    cursor: pointer;
}

.menu-project-active .project-menu {
    right: 0
}

.project-menu__side-logo {
    margin-bottom: 30px;
}

.project-menu__side-title {
    font-family: 'montserrat';
    letter-spacing: 1px;
    background: linear-gradient(90deg, rgba(42, 53,128,1) 0%, rgb(42 53 128) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 700;
}

.project-menu__side-wrap {
    height: calc(100% - 30px);
    overflow-y: scroll;
    padding-right: 20px;
}

    .project-menu__side-wrap::-webkit-scrollbar-track {
        background-color: #F5F5F5;
    }

    .project-menu__side-wrap::-webkit-scrollbar {
        width: 3px;
        height: 3px;
    }

    .project-menu__side-wrap::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #c1c1c1;
    }

.project-menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 60%);
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    cursor: unset;
}

.menu-project-active .project-menu-bg {
    opacity: 1;
    visibility: visible;
}

.product-details-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}

    .product-details-title .product-details-name {
        color: #5f2300;
        font-size: 26px;
        display: inline-block;
        vertical-align: middle;
    }

    .product-details-title .line {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 2px;
        opacity: 1;
        background-color: #d4d5d5;
        margin: 0 15px;
    }

    .product-details-title .status {
        font-size: 18px;
        color: #229d4e;
        font-weight: 600;
    }

.project__detail-col2-content-wrap {
    background: #fff;
}

.project__detail-col2-item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #d3d3d3;
}

@media (max-width: 767px) {
    .project__detail-col2-item {
        display: block;
    }
}

.project__detail-col2-item:first-child {
    padding-top: 20px;
}

.project__detail-col2-item:last-child {
    border-bottom: none;
    padding-bottom: 35px;
}

.project__detail-col2-item *:nth-child(1) {
    width: 120px;
    font-weight: 600;
    color: #464646;
}

.project__detail-col2-item *:nth-child(2) {
    width: calc(100% - 120px);
    color: #464646;
}

@media (max-width: 767px) {
    .project__detail-col2-item *:nth-child(2),
    .project__detail-col2-item *:nth-child(1) {
        width: 100%;
    }
}

.product-description-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}

    .product-description-title .product-description-name {
        color: #5f2300;
        font-size: 20px;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle;
        font-weight: 700;
        text-transform: uppercase;
    }

    .product-description-title .line {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 2px;
        opacity: 1;
        background-color: #d4d5d5;
        margin: 0 15px;
    }

.product-details-img {
    position: relative;
    padding-top: 77.25%;
    width: 100%;
    display: block;
}

    .product-details-img img,
    .product-details-img iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.related .section-title {
    padding-bottom: 15px;
}

    .related .section-title .title {
        font-size: 20px;
    }

        .related .section-title .title::after {
            display: none;
        }

.description-review-wrapper .description-item {
    margin-bottom: 30px;
}

.description-wrap .video {
    box-shadow: unset;
}

.language .dropdown-menu {
    font-size: 14px;
}

@media(max-width: 767px) {
    .language .dropdown-menu img {
        width: 25px;
    }
}

@media(min-width: 1366px) {
    .entry-single {
        min-height: 250px;
    }
}

.detail-xemthem {
    font-size: 14px;
}

    .detail-xemthem i {
        margin-left: 5px;
    }

.dangky-footer input {
    height: 42px;
}

.dangky-footer .btn {
    border-color: #fff;
    color: #fff;
    fill: #fff;
    background-color: #0c4da1;
}

.tracking-form {
    padding: 20px 30px;
    border: 1px solid rgb(0 0 0 / 30%);
    border-radius: 8px;
}

    .tracking-form .tracking-form-search .btn {
        background-color: #0c4da1;
        color: #fff;
        border-color: #0c4da1;
        fill: #fff;
    }

.gioithieu-img {
    position: relative;
    padding: 30px;
}

    .gioithieu-img img {
        border-radius: 15px;
    }

    .gioithieu-img:after {
        content: "";
        width: 150px;
        height: 150px;
        background-color: #fe9d31;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: 50%;
        z-index: -1;
        animation: animationFramesFive 12s infinite linear alternate;
        box-shadow: 0 5px 15px rgb(0 0 0 / 16%);
    }

@keyframes animationFramesFive {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-30px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(30px)
    }

    100% {
        transform: translateY(0)
    }
}

.video-img img {
    aspect-ratio: 16/9;
}

.trietly-item {
    display: flex;
}

.trietly .trietly-item:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc
}

.trietly-item .trietly-img {
    width: 80px;
    position: relative;
}

.trietly-item .trietly-content {
    width: calc(100% - 80px);
    position: relative;
}

.trietly-item .trietly-img img {
    height: 65px;
    object-fit: contain;
}

.trietly-content-item .trietly-content {
    padding-left: 15px;
    width: calc(100% - 80px);
}

.trietly-item .trietly-content .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    font-family: 'montserrat';
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: flex-end;
}

.trietly-item .trietly-content .content * {
    color: #000;
    font-size: 14px;
}

.btn_link .btn {
    background: linear-gradient(0deg, rgba(36,127,197,1) 0%, rgba(5,126,233,1) 100%);
}

.custom-thumb .tp-thumb-over {
    width: 100%;
    height: 100%;
    bottom: -10px;
    left: 0px;
    z-index: 1;
    padding-bottom: 15px;
    padding-top: 15px;
    justify-content: end;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

    .custom-thumb .tp-thumb-over:hover {
        cursor: pointer
    }


.custom-thumb .tp-thumb-image {
    display: block;
    position: relative;
    width: 70px;
    height: 70px;
    margin: auto
}

.custom-thumb .tp-thumb-title {
    letter-spacing: 0;
    margin-top: 5px;
    font-size: 14px;
    color: #ffffff;
    display: block;
    line-height: 23px;
    text-align: center;
    font-weight: 700
}

.herothumb {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 9;
}

.custom-thumb {
    transform: translateY(10px);
    transition: all 0.5s;
    background: rgba(27,26,26,0.5);
}

    .custom-thumb:hover, .swiper-slide-thumb-active .custom-thumb {
        transform: translateY(0px);
        background: #0c4da1;
    }

@media(min-width: 1400px) {
    .slider .hero-slider-img img {
        width: 100%;
        object-fit: cover;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .slider .hero-slider-img img {
        height: 600px;
        width: 100%;
        object-fit: cover;
    }

    .single-hero-slider .hero-slider-content .title {
        font-size: 28px;
        line-height: 40px;
    }

    .slider-content .slider-content-bg {
        position: relative;
        padding-top: 41%;
        width: 100%;
    }
}

.visao-content .section-title .subtitle {
    position: relative;
    font-weight: bold;
    margin-bottom: 5px;
    color: #85A945;
}

    .visao-content .section-title .subtitle:after {
       
        content: '';
        height: 2px;
        width: 200px;
        position: absolute;
        left: 120px;
        top: 50%;
        background: #1EA79E;
        transform: translateY(-50%);
    }
.visao .view-more {
    text-align: center;
    width: 500px;
}
.visao .view-more a {

    background: #1EA79E !important;
    color: #fff !important;
    border: 1px solid #1EA79E;
    transition: .3s linear;
}

.visao .view-more a:hover {
    background: #fff !important;
    color: #1EA79E !important;
    transition: .3s linear;
}

.visao .view-more svg g{
    fill: #ffff !important;
    transition: .3s linear;
}
    .visao .view-more a:hover svg g {
        fill: #1EA79E !important;
        transition: .3s linear;
    }

    .visao-content .section-title .title {
        font-weight: 100;
        font-size: 20px;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background: none;
        color: #2C2A86;
        font-weight: bold;
    }
.visao-content .subtitle1 img {
    position: absolute;
    top: -10px;
    left: 42px;
    width: 25px;
}
.visao-content .warp-subtile {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}
.visao-content .subtitle1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
    color: #98CB5C;
    text-align: center;
    width: 286px;
    position: relative;
}
    .visao-content .subtitle1 .nameUser {
        text-align: end;
        margin-top: 3px;
        font-weight: 300;
    }
    .visao-content .section-title {
        padding: 0;
    }

.visao-content {
    width: 500px;
}
    .visao-content .decription {
        font-weight: 300;
    }
.section-title1 {
    color: #2C2A86;
    font-weight: bold;
    position: relative;
    padding-left: 10px;
    font-size:20px;
    
}

   /* .section-title1:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: #dd0000;
    }*/

.section-title2 {
    color: #fff;
    font-weight: bold;
    position: relative;
    padding-left: 10px;
    text-transform: uppercase;
}

.section-title2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #fff;
}

.duantaydo {
    background: #c40a0a;
}

.nav-tabs .nav-link {
    border-radius: 0;
}

.btn-custom_White {
    color: #fff;
    cursor: pointer;
    border: 1px solid #fff;
}

    .btn-custom_White svg {
        fill: #fff;
    }

    .btn-custom_White:hover {
        color: #fff;
        border: 1px solid #fff !important;
    }

.trongoi .listitems .item {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 15px;
}

.trongoi .wapperCenter {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

    .trongoi .wapperCenter > div > .section-title6 .title {
        font-size: 80px;
        text-transform: uppercase;
        color: #ffb606;
        text-shadow: #00000047 2px 1px 20px;
    }

        .trongoi .wapperCenter > div > .section-title6 .title > span {
            display: block;
        }

.trongoi .listitems .item .title {
    font-size: 18px;
}

.whyChooseUs .listitemsRight .item {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .whyChooseUs .listitemsRight .item .content p {
        margin: 0;
    }

    .whyChooseUs .listitemsRight .item .content .title {
        text-transform: uppercase;
    }

.whyChooseUs .listitemsRight {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.whyChooseUs .contentLeft .subtitle {
    font-size: 40px;
    text-shadow: 2px 0 #5f2300, -2px 0 #5f2300, 0 2px #5f2300, 0 -2px #5f2300, 1px 1px #5f2300, -1px -1px #5f2300, 1px -1px #5f2300, -1px 1px #5f2300;
    color: #f6f5f3;
    line-height: 1.2;
    font-weight: bold;
}

    .whyChooseUs .contentLeft .subtitle span {
        text-shadow: none;
        color: #dd0000;
        font-size: 50px !important;
    }

.whyChooseUs .contentLeft .desc {
    max-width: 500px;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 30px;
}

.whyChooseUs .listitemsRight .item .content p {
    font-size: 15px;
}

.dangky2 .form-dangky {
    /*    border: 2px solid #fff;*/
    position: relative;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    width: 600px;
}

    .dangky2 .form-dangky .section-title .title2 {
        padding: 20px;
        color: #fff;
        background: #dd0000;
        text-transform: uppercase;
    }

    .dangky2 .form-dangky:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        z-index: -1;
        box-shadow: inset 0px 0px 3px 1px #fff;
    }

    .dangky2 .form-dangky:after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        backdrop-filter: blur(50px);
        z-index: -2;
    }

.btn-custom_Red {
    background: #dd0000;
    color: #fff;
    border: 1px solid #dd0000;
}

    .btn-custom_Red:hover {
        background: #fff;
        border: 1px solid #fff;
        color: #dd0000;
    }

        .btn-custom_Red:hover svg {
            fill: #dd0000;
        }

    .btn-custom_Red svg {
        fill: #fff;
    }

.title2-red {
    background: #fff !important;
    color: #dd0000 !important;
}

.section-title3 {
    color: #fff;
    font-weight: bold;
    position: relative;
    padding-left: 10px;
    text-transform: uppercase;
}

    .section-title3:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: #dd0000;
    }


.maunha .listItems {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    gap: 10px;
}

#footer .footer-top ul {
    list-style: none;
    padding: 0;
}

    #footer .footer-top ul li a {
        color: #fff;
    }

    #footer .footer-top ul li {
        margin-bottom: 6px;
    }

.blog-tintuc .entry .entry-content .entry-decription {
    height: 63px;
}

@media only screen and (max-width : 1400px) {

    .whyChooseUs .col-md-5 {
        width: 45% !important;
    }

    .dangky2 .form-dangky {
        width: 520px;
    }

    .blog-tintuc .entry .entry-content .entry-title {
        padding: 0;
        margin-bottom: 8px;
    }
}

@media only screen and (max-width : 1025px) {
    .dangky2 .form-dangky {
        width: auto !important;
    }
}

@media only screen and (max-width : 821px) {

    .maunha > .gallery-area > .container {
        max-width: 100% !important;
    }

    .dangky2 .form-dangky {
        width: auto !important;
    }

    .maunha .listItems {
        grid-template-columns: auto auto auto auto;
    }

    .duantieubieu-item .entry .entry-img {
        padding-top: 83%;
    }

    .duantaydo .swiper-slide a > .item .entry-img {
        height: 220px;
    }

    .whyChooseUs .col-md-5 {
        width: 43% !important;
    }

    .trongoi .wapperCenter > div > .section-title6 .title {
        font-size: 60px;
    }
}

@media only screen and (max-width : 769px) {
    .trongoi .wapperCenter > div > .section-title6 .title {
        font-size: 60px;
    }

    .whyChooseUs .listitemsRight .item .content .title {
        font-size: 20px;
    }

    .whyChooseUs .contentLeft .subtitle {
        font-size: 38px;
    }

        .whyChooseUs .contentLeft .subtitle span {
            font-size: 48px !important;
        }

    .dangky2 .form-dangky .section-title p {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* số dòng hiển thị */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #footer .copyright .viewcount {
        font-size: 10px;
        justify-content: center;
    }
}

@media only screen and (max-width : 500px) {
    .description-review-wrapper .description-item .description-wrap p img {
        width: 100% !important;
        height: 100% !important;
    }

    .duantaydo .slider .item .title h2 {
        height: 49px;
    }

    .duantaydo .tagProject .listProject li button {
        font-size: 12px;
    }

    .visao-content {
        width: auto !important;
    }

    .trongoi .listitems .item .title {
        text-align: left;
    }

    .visao-content .subtitle1,
    .visao-content .section-title .title {
        font-size: 18px;
        line-height: 1.4;
    }

        .visao-content .section-title .title span {
            font-size: 39px;
        }

    .duantaydo .tagProject .listProject {
        font-size: 11px;
    }

    .duantaydo .swiper-slide a .item .entry-img {
        height: 168px !important;
    }

    .duantaydo .slider .item .title h2 {
        font-size: 16px;
    }

    .duantaydo .slider .item .title img {
        width: 14px !important;
    }

    .duantaydo .slider .item .desc {
        font-size: 12px;
    }

    .trongoi .wapperCenter {
        width: 100%;
        text-align: center;
    }

        .trongoi .wapperCenter .listitems {
            display: inline-block;
            padding: 0 23px;
        }

        .trongoi .wapperCenter > div > .section-title6 .title {
            font-size: 50px;
        }

    .maunha .listItems {
        grid-template-columns: auto auto;
    }

    .whyChooseUs .col-md-5 {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .whyChooseUs .listitemsRight .item img {
        width: 60px !important;
    }

    .whyChooseUs .listitemsRight .item {
        flex-direction: column;
    }

        .whyChooseUs .listitemsRight .item .content {
            text-align: center;
        }

            .whyChooseUs .listitemsRight .item .content .desc {
                width: 100% !important;
            }

    .whyChooseUs .contentLeft .pt-2.pb-1 {
        text-align: center;
        margin-bottom: 20px;
    }

    .whyChooseUs .listitemsRight .item .content .title {
        font-size: 18px;
    }

    .whyChooseUs .listitemsRight .item .content p {
        font-size: 14px;
    }

    .blog-tintuc .entry .entry-content .entry-title {
        font-size: 15px;
    }

    .blog-tintuc .entry .entry-content .entry-decription {
        font-size: 13px;
    }
}

#footer .footer-contact .nameCompany {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
}

#footer .footer-contact .text-justify {
    font-weight: 300;
}


@media only screen and (max-width : 398px) {
    /*    .duantaydo .tagProject,
    .duantaydo .tagProject .listProject li:last-child button,
    .duantaydo .tagProject .listProject li:first-child button {
        border-radius: unset;
    }*/
    .duantaydo .tagProject .listProject li:first-child button {
        padding-left: 6px;
    }

    .duantaydo .tagProject .listProject li:last-child button {
        padding-right: 6px;
    }

    .duantaydo .tagProject .listProject li button {
        padding: 10px 5px;
    }
}

.description-review-wrapper .description-item .description-wrap p img {
    width: 100% !important;
    height: auto !important;
}

.description-products .sidebar-widget h4.sidebar-widget-title {
    font-size: 17px;
}

@media only screen and (max-width : 398px) {
}



.widget-content.recent-posts {
    padding: 15px;

}

.sidebar .recent-posts .post-title a {
    transition: .3s linear;
}

    .sidebar .recent-posts .post-title a:hover {
        text-decoration: underline;
        transition: .3s linear;
    }

.duantieubieu-item .entry .entry-content .entry-title {
    color: #2C2A86;
}

.duantieubieu-item.duantieubieuB .entry .entry-content .entry-title {
    color: #000;
    transition: .3s linear;
}

.duantieubieu-item:hover .entry .entry-content .entry-title {

    transition: .3s linear;
}


/* typical phone screen resolution */
@media only screen and (max-width : 1400px) {
    .header-moblie_Name {
        text-transform: uppercase;
        color: #5f2300 !important;
        text-align: center;
        margin: 0;
        font-size: 18px;
        line-height: 1.6;
    }

        .header-moblie_Name span {
            color: #dc0100;
            font-size: 25px;
        }

    .btn-close_moblie {
        position: absolute;
        background: #2C2A86 !important;
        left: -16px;
        bottom: 45%;
        border-radius: 0 50% 50% 0;
        z-index: 999;
        transform: translateY(-50%);
    }
}

@media only screen and (max-width : 600px) {
    .header-moblie_Name {
        font-size: 12px;
    }
}

@media only screen and (max-width : 500px) {
    .header-moblie_Name {
        font-size: 11px;
    }

    .visao-content .section-title .title {
        font-size: 16px;
    }

    .header-moblie_Name span {
        font-size: 22px;
    }
}

@media only screen and (max-width : 400px) {
    .header-moblie_Name {
        font-size: 8px;
    }

    .visao-content .section-title .title {
        font-size: 14px;
    }
}

@media only screen and (max-width : 340px) {
    .duantaydo .tagProject .listProject li button {
        padding: 10px 2px;
    }

    .duantaydo .tagProject .listProject li:first-child button {
        padding-left: 2px;
    }

    .duantaydo .tagProject .listProject li:last-child button {
        padding-right: 2px;
    }

    .visao-content .section-title .title {
        font-size: 13px;
    }

    .header-moblie_Name {
        font-size: 8px;
    }

    .visao-content .subtitle1 {
        font-size: 17px;
    }
}

@media only screen and (max-width : 307px) {

    .visao-content .section-title .title {
        font-size: 12px;
    }

    .header-moblie_Name {
        font-size: 7px;
    }
}

@media only screen and (max-width : 310px) {
    .duantaydo .tagProject,
    .duantaydo .tagProject .listProject li:last-child button,
    .duantaydo .tagProject .listProject li:first-child button {
        border-radius: unset;
    }
}

@media only screen and (max-width: 800px) {
    .copyright .copyrightFlex {
        flex-direction: column;
    }
}


.dichvunhanhs {
    padding: 20px 0 !important;
}

@media only screen and (max-width: 500px) {
    .dichvunhanhs .row {
        flex-direction: column-reverse !important;
    }
}

/*
    ===============================
                Product Detail
    ===============================
*/

.modal-dialog {
    margin: 2% auto 0;
    max-width: 960px;
    width: 960px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .modal-dialog {
        width: 720px;
        max-width: 720px;
    }
}

@media only screen and (max-width: 767px) {
    .modal-dialog {
        width: 100%;
        max-width: 100%;
        padding: 35px 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .modal-dialog {
        width: 480px;
        max-width: 480px;
        padding: 35px 0;
    }
}

.modal-dialog .modal-header .close {
    color: #333;
    cursor: pointer;
    opacity: 1;
}

.modal-dialog .modal-body {
    padding: 35px 15px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .modal-dialog .modal-body {
        padding: 35px 30px;
    }
}

.modal-dialog .quickview-big-img img {
    width: 100%;
}

.quickview-img img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .product-details-content {
        margin: 25px 0 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product-details-content {
        margin: 30px 0 0;
    }
}

.product-details-content h2 {
    font-size: 25px;
    font-weight: 400;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .product-details-content h2 {
        font-size: 22px;
    }
}

.product-details-content .product-ratting-review-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 16px 0 10px;
}

    .product-details-content .product-ratting-review-wrap .product-ratting-digit-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 35px;
        position: relative;
    }

        .product-details-content .product-ratting-review-wrap .product-ratting-digit-wrap:before {
            position: absolute;
            content: "";
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: -18px;
            background-color: #BCBCBC;
            height: 15px;
            width: 1px;
        }

        .product-details-content .product-ratting-review-wrap .product-ratting-digit-wrap .product-ratting {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .product-details-content .product-ratting-review-wrap .product-ratting-digit-wrap .product-ratting i {
                font-size: 12px;
                color: #ff9806;
                margin-right: 2px;
            }

        .product-details-content .product-ratting-review-wrap .product-ratting-digit-wrap .product-digit {
            margin-left: 18px;
        }

            .product-details-content .product-ratting-review-wrap .product-ratting-digit-wrap .product-digit span {
                font-size: 16px;
                color: #484848;
            }

    .product-details-content .product-ratting-review-wrap .product-review-order span {
        font-size: 15px;
        margin-right: 10px;
    }

        .product-details-content .product-ratting-review-wrap .product-review-order span:last-child {
            margin-right: 0;
        }

    .product-details-content .product-ratting-review-wrap.product-ratting-mrg-none {
        margin: 33px 0 14px;
    }

@media only screen and (max-width: 767px) {
    .product-details-content .product-ratting-review-wrap.product-ratting-mrg-none {
        margin: 15px 0 14px;
    }
}

.product-details-content p {
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}

.product-details-content .pro-details-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: 22px 0 22px;
}
    .product-details-content .pro-details-price ins.amount {
        color: var(--main-color);
        text-decoration: none;
        font-weight:bold;
    }
    .product-details-content .pro-details-price span {
        font-size: 22px;
        font-weight: 500;
        font-family: inherit;
    }

        .product-details-content .pro-details-price span.new-price {
            color: #ff2f2f;
        }

        .product-details-content .pro-details-price span.old-price {
            text-decoration: line-through;
            font-size: 20px;
            color: #000000;
            margin-left: 15px;
        }

    .product-details-content .pro-details-price.pro-details-price-4 {
        margin: 0px 0 25px;
    }

.product-details-content .pro-details-color-wrap {
    margin-bottom: 25px;
}

    .product-details-content .pro-details-color-wrap span {
        display: block;
        font-weight: 600;
        margin: 0 0 7px;
        line-height: 1;
        letter-spacing: .5px;
    }

.product-details-content .pro-details-size {
    margin-bottom: 20px;
}

    .product-details-content .pro-details-size span {
        display: block;
        font-weight: 600;
        margin: 0 0 7px;
        line-height: 1;
        letter-spacing: .5px;
    }

    .product-details-content .pro-details-size .pro-details-size-content ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .product-details-content .pro-details-size .pro-details-size-content ul li {
            margin-right: 5px;
        }

            .product-details-content .pro-details-size .pro-details-size-content ul li:last-child {
                margin-right: 0;
            }

            .product-details-content .pro-details-size .pro-details-size-content ul li label {
                display: inline-block;
                border: 1px solid #E3E4E9;
                line-height: 1;
                text-align: center;
                padding: 10px;
            }

                .product-details-content .pro-details-size .pro-details-size-content ul li label:hover {
                    background-color: #ff2f2f;
                    color: #ffffff;
                    border: 1px solid #ff2f2f;
                }

                .product-details-content .pro-details-size .pro-details-size-content ul li label.active {
                    background-color: #ea1c00;
                    color: #ffffff;
                    border: 1px solid #ea1c00;
                }

.product-details-content .pro-details-group {
    margin: 35px 0 25px;
}

    .product-details-content .pro-details-group .single-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 28px;
    }

        .product-details-content .pro-details-group .single-group:last-child {
            margin-bottom: 0px;
        }

        .product-details-content .pro-details-group .single-group .pro-dec-title-price {
            margin-left: 10px;
        }

            .product-details-content .pro-details-group .single-group .pro-dec-title-price .pro-dec-title h5 {
                font-size: 15px;
                font-weight: 600;
                margin: 0 0 5px;
            }

                .product-details-content .pro-details-group .single-group .pro-dec-title-price .pro-dec-title h5 a {
                    color: #000000;
                }

            .product-details-content .pro-details-group .single-group .pro-dec-title-price .pro-dec-price span {
                font-size: 16px;
                font-weight: 500;
                font-family: inherit;
            }

                .product-details-content .pro-details-group .single-group .pro-dec-title-price .pro-dec-price span.new-price {
                    color: #ff2f2f;
                }

                .product-details-content .pro-details-group .single-group .pro-dec-title-price .pro-dec-price span.old-price {
                    text-decoration: line-through;
                    font-size: 14px;
                    color: #000000;
                    margin-left: 7px;
                }

.product-details-content .product-details-meta {
    margin: 11px 0 19px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-details-content .product-details-meta {
        margin: 20px 0 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-content .product-details-meta {
        margin: 20px 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    .product-details-content .product-details-meta {
        margin: 20px 0 20px;
    }
}

.product-details-content .product-details-meta ul li {
    margin: 0 0 5px;
}

    .product-details-content .product-details-meta ul li:last-child {
        margin: 0 0 0px;
    }

    .product-details-content .product-details-meta ul li span {
        display: inline-block;
        width: 105px;
        font-weight: 600;
        letter-spacing: .5px;
    }

    .product-details-content .product-details-meta ul li a {
        color: #1C1C1C;
    }

        .product-details-content .product-details-meta ul li a:hover {
            color: #ff2f2f;
        }

.product-details-content .pro-details-action-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .product-details-content .pro-details-action-wrap {
        display: block;
    }
}

.product-details-content .pro-details-action-wrap.pro-details-action-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-details-content .pro-details-action-wrap .pro-details-add-to-cart {
    margin-right: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-content .pro-details-action-wrap .pro-details-add-to-cart {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .product-details-content .pro-details-action-wrap .pro-details-add-to-cart {
        margin-bottom: 20px;
    }
}
.product-details-content .pro-details-action-wrap .pro-details-add-to-cart a.cus {
    background-color: #c00113;
}
  
    .product-details-content .pro-details-action-wrap .pro-details-add-to-cart a {
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        line-height: 1;
        background-color: #5dac46;
        padding: 18px 50px 17px;
        border-radius: .75rem;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-details-content .pro-details-action-wrap .pro-details-add-to-cart a {
        padding: 18px 30px 17px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-content .pro-details-action-wrap .pro-details-add-to-cart a {
        padding: 14px 18px 15px;
    }
}

.product-details-content .pro-details-action-wrap .pro-details-add-to-cart a:hover {
    background-color: #ea1c00;
}

.product-details-content .pro-details-action-wrap .pro-details-action {
    position: relative;
}

    .product-details-content .pro-details-action-wrap .pro-details-action > a {
        display: inline-block;
        font-size: 17px;
        line-height: 1;
        padding: 16px 18px 17px;
        color: #000000;
        border: 1px solid #EDEDED;
        margin-right: 15px;
        position: relative;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-details-content .pro-details-action-wrap .pro-details-action > a {
        padding: 16px 15px 17px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-content .pro-details-action-wrap .pro-details-action > a {
        padding: 12px 14px 13px;
        margin-right: 5px;
    }
}

.product-details-content .pro-details-action-wrap .pro-details-action > a:last-child {
    margin-right: 0px;
}

.product-details-content .pro-details-action-wrap .pro-details-action > a:hover {
    background-color: #ff2f2f;
    color: #ffffff;
}

.product-details-content.pro-details-content-mrg .pro-details-price {
    margin: 22px 0 12px;
}

.product-details-content.pro-details-content-mrg .pro-details-color-wrap {
    margin-bottom: 35px;
}

    .product-details-content.pro-details-content-mrg .pro-details-color-wrap span {
        font-size: 15px;
    }

.product-details-content.pro-details-content-mrg .pro-details-size {
    margin-bottom: 30px;
}

    .product-details-content.pro-details-content-mrg .pro-details-size span {
        font-size: 15px;
    }

.product-details-content.pro-details-content-mrg .pro-details-quality span {
    font-size: 15px;
}

.product-details-content.pro-details-content-mrg .product-details-meta {
    margin: 21px 0 29px;
}

    .product-details-content.pro-details-content-mrg .product-details-meta ul li span {
        font-size: 15px;
    }

.pro-details-quality span {
    display: block;
    font-weight: 500;
    margin: 3px 10px 0px 0px;
    letter-spacing: .5px;
}

.pro-details-quality .cart-plus-minus {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    position: relative;
}

    .pro-details-quality .cart-plus-minus .qtybutton {
        color: #000000;
        cursor: pointer;
        float: inherit;
        font-size: 18px;
        line-height: 20px;
        margin: 0;
        position: absolute;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        top: 0;
    }

        .pro-details-quality .cart-plus-minus .qtybutton.dec {
            height: 31px;
            width: 31px;
            line-height: 31px;
            border: 1px solid #E3E4E9;
        }

        .pro-details-quality .cart-plus-minus .qtybutton.inc {
            height: 31px;
            width: 31px;
            line-height: 31px;
            border: 1px solid #E3E4E9;
            right: 0px;
        }

    .pro-details-quality .cart-plus-minus input.cart-plus-minus-box {
        background: transparent none repeat scroll 0 0;
        border: medium none;
        color: #3A3A3A;
        float: left;
        font-size: 14px;
        font-weight: 500;
        height: 31px;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 92px;
    }

        .pro-details-quality .cart-plus-minus input.cart-plus-minus-box.plus-minus-width-inc {
            width: 120px;
        }

.pro-details-color-content ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .pro-details-color-content ul li {
        margin-right: 5px;
        display: inline-block;
    }

        .pro-details-color-content ul li:last-child {
            margin-right: 0;
        }

        .pro-details-color-content ul li label {
            width: 31px;
            height: 31px;
            font-size: 0;
            display: inline-block;
            border: 1px solid #E3E4E9;
            position: relative;
        }

            .pro-details-color-content ul li label.active::before {
                color: #fff;
                content: "\eed8";
                font-family: IcoFont;
                font-size: 20px;
                position: absolute;
                z-index: 9;
                left: 50%;
                top: 50%;
                -webkit-transform: translateY(-50%) translateX(-50%);
                -ms-transform: translateY(-50%) translateX(-50%);
                transform: translateY(-50%) translateX(-50%);
            }

            .pro-details-color-content ul li label.white {
                background-color: #fff;
            }

            .pro-details-color-content ul li label.azalea {
                background-color: #FBBBBB;
            }

            .pro-details-color-content ul li label.dolly {
                background-color: #F3E66D;
            }

            .pro-details-color-content ul li label.peach-orange {
                background-color: #FFCC8A;
            }

            .pro-details-color-content ul li label.mona-lisa {
                background-color: #FB9696;
            }

            .pro-details-color-content ul li label.cupid {
                background-color: #F5A8DE;
            }

            .pro-details-color-content ul li label.one {
                background-color: #D0CCF8;
            }

            .pro-details-color-content ul li label.two {
                background-color: #B6E3F6;
            }

            .pro-details-color-content ul li label.three {
                background-color: #D1D0AE;
            }

            .pro-details-color-content ul li label.four {
                background-color: #BED4A5;
            }

            .pro-details-color-content ul li label.five {
                background-color: #C4BB6C;
            }

            .pro-details-color-content ul li label.six {
                background-color: #A0D1B7;
            }

            .pro-details-color-content ul li label.seven {
                background-color: #E1A8A8;
            }

            .pro-details-color-content ul li label.eight {
                background-color: #B8BBD4;
            }

            .pro-details-color-content ul li label.nine {
                background-color: #A8A6B4;
            }

            .pro-details-color-content ul li label.ten {
                background-color: #5D6061;
            }

@media only screen and (max-width: 767px) {
    .pro-details-color-content.mt-50 {
        margin-top: 20px;
    }
}

.product-dec-social {
    position: absolute;
    bottom: -33px;
    right: -7px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

@media only screen and (max-width: 767px) {
    .product-dec-social {
        left: 0;
        right: auto;
    }
}

.product-dec-social a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

    .product-dec-social a.facebook {
        background-color: #5678bf;
    }

    .product-dec-social a.twitter {
        background-color: #73c2fd;
    }

    .product-dec-social a.instagram {
        background-color: #e4405f;
    }

    .product-dec-social a.pinterest {
        background-color: #c32026;
    }

.product-dec-social.show {
    visibility: visible;
    opacity: 1;
    right: 15px;
}

.quickview-slide-active a {
    display: block;
    margin: 0 5px;
}

    .quickview-slide-active a img {
        width: 100%;
    }

.easyzoom-style {
    position: relative;
}

    .easyzoom-style a.easyzoom-pop-up {
        position: absolute;
        right: 25px;
        bottom: 20px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        display: inline-block;
        background-color: #fff;
        color: #000;
        font-size: 16px;
        text-align: center;
        border-radius: 100%;
        z-index: 999;
    }

@media only screen and (max-width: 767px) {
    .easyzoom-style a.easyzoom-pop-up {
        width: 40px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }
}

.easyzoom-style a.easyzoom-pop-up i {
    line-height: 50px;
}

@media only screen and (max-width: 767px) {
    .easyzoom-style a.easyzoom-pop-up i {
        line-height: 40px;
    }
}

.easyzoom-style a.easyzoom-pop-up:hover {
    color: #ff2f2f;
}

.easyzoom-style .easyzoom {
    display: block;
}

    .easyzoom-style .easyzoom > a {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

        .easyzoom-style .easyzoom > a img {
            width: 100%;
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
            object-fit: contain;
            max-height: 500px;
        }

.easyzoom-style .easyzoom-popup > a img {
    width: 100%;
}

.product-dec-small-style1 {
    width: 420px;
    margin: 13px auto 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .product-dec-small-style1 {
        width: 400px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-dec-small-style1 {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-dec-small-style1 {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .product-dec-small-style1 {
        width: 100%;
    }
}

.product-dec-small-style1 .product-dec-small {
    margin: 0 5px 0px 5px;
    cursor: pointer;
}

    .product-dec-small-style1 .product-dec-small img {
        width: 100%;
    }

    .product-dec-small-style1 .product-dec-small.slick-active {
        border: 1px solid transparent;
    }

        .product-dec-small-style1 .product-dec-small.slick-active.slick-current {
            border: 1px solid #ff2f2f;
        }

    .product-dec-small-style1 .product-dec-small:last-child {
        margin: 0 0 0px;
    }

.product-dec-small-style1 span {
    color: #262626;
    font-size: 10px;
    position: absolute;
    line-height: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 9;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #979797;
    color: #1E1E1E;
    text-align: center;
    border-radius: 100%;
}

    .product-dec-small-style1 span:hover {
        color: #ffffff;
        border: 1px solid #ff2f2f;
        background-color: #ff2f2f;
    }

    .product-dec-small-style1 span.pro-dec-prev {
        left: -5%;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-dec-small-style1 span.pro-dec-prev {
        left: -4%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-dec-small-style1 span.pro-dec-prev {
        left: -4%;
    }
}

@media only screen and (max-width: 767px) {
    .product-dec-small-style1 span.pro-dec-prev {
        left: -2%;
    }
}

.product-dec-small-style1 span.pro-dec-next {
    left: auto;
    right: -4.7%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-dec-small-style1 span.pro-dec-next {
        right: -4%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-dec-small-style1 span.pro-dec-next {
        right: -4%;
    }
}

@media only screen and (max-width: 767px) {
    .product-dec-small-style1 span.pro-dec-next {
        right: -2%;
    }
}

.product-dec-small-style1 .slick-slide,
.product-dec-small-style2 .slick-slide {
    border: 1px solid transparent;
}

.dec-review-topbar {
    border-bottom: 1px solid #ebebeb;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top:15px;
}

    .dec-review-topbar a {
        display: inline-block;
        font-size: 18px;
        color: #000000;
        padding: 0 30px 22px;
        margin: 0 14px 0 0;
        position: relative;
    }

        .dec-review-topbar a:last-child {
            margin: 0 0px 0 0;
        }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dec-review-topbar a {
        padding: 0 15px 22px;
        margin: 0 7px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .dec-review-topbar a {
        padding: 0 10px 10px;
        margin: 0 0px 10px 0;
        font-size: 16px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .dec-review-topbar a {
        padding: 0 7px 10px;
    }
}

.dec-review-topbar a:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ff2f2f;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

.dec-review-topbar a.active {
    color: #ff2f2f;
    font-weight: 500;
}

    .dec-review-topbar a.active:before {
        opacity: 1;
        visibility: visible;
    }

@media only screen and (max-width: 767px) {
    .dec-review-topbar.mb-45 {
        margin-bottom: 25px;
    }
}

.dec-review-topbar.dec-review-topbar-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: none;
}

.dec-review-bottom .description-wrap p {
    font-size: 15px;
    line-height: 30px;
    margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
    .dec-review-bottom .description-wrap p {
        font-size: 14px;
        margin: 0 0 18x;
        line-height: 27px;
    }
}

.dec-review-bottom .description-wrap p:last-child {
    margin: 0 0 0px;
}

.dec-review-bottom .specification-wrap table {
    width: 100%;
}

    .dec-review-bottom .specification-wrap table tbody {
        border: 1px solid #f0f0f0;
        width: 100%;
    }

        .dec-review-bottom .specification-wrap table tbody tr {
            border-bottom: 1px solid #f0f0f0;
        }

            .dec-review-bottom .specification-wrap table tbody tr td {
                border-right: 1px solid #f0f0f0;
                font-size: 14px;
                color: #000000;
                padding: 17px 30px;
            }

                .dec-review-bottom .specification-wrap table tbody tr td.title {
                    font-weight: 500;
                    font-size: 15px;
                }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dec-review-bottom .specification-wrap table tbody tr td {
        padding: 17px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dec-review-bottom .specification-wrap table tbody tr td {
        padding: 17px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .dec-review-bottom .specification-wrap table tbody tr td {
        padding: 17px 15px;
    }
}

.dec-review-bottom .specification-wrap table tbody tr td.width1 {
    width: 300px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dec-review-bottom .specification-wrap table tbody tr td.width1 {
        width: 200px;
    }
}

@media only screen and (max-width: 767px) {
    .dec-review-bottom .specification-wrap table tbody tr td.width1 {
        width: 100px;
    }
}

.dec-review-bottom .review-wrapper h2 {
    font-size: 22px;
    margin: 0 0 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dec-review-bottom .review-wrapper h2 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .dec-review-bottom .review-wrapper h2 {
        font-size: 18px;
        margin: 0 0 18px;
    }
}

.dec-review-bottom .single-review {
    margin: 0 0 60px;
    padding: 50px 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dec-review-bottom .single-review {
        padding: 50px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .dec-review-bottom .single-review {
        padding: 30px;
        display: block;
        margin: 0 0 30px;
    }
}

.dec-review-bottom .single-review .review-img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
}

.dec-review-bottom .single-review .review-content {
    margin-left: 20px;
}

@media only screen and (max-width: 767px) {
    .dec-review-bottom .single-review .review-content {
        margin-left: 0px;
    }
}

.dec-review-bottom .single-review .review-content .review-top-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 15px;
}

@media only screen and (max-width: 767px) {
    .dec-review-bottom .single-review .review-content .review-top-wrap {
        display: block;
        margin: 10px 0 10px;
    }
}

.dec-review-bottom .single-review .review-content .review-top-wrap .review-name h5 {
    font-size: 13px;
    margin: 0;
    color: #535353;
}

    .dec-review-bottom .single-review .review-content .review-top-wrap .review-name h5 span {
        font-weight: 600;
        font-size: 14px;
        color: #000000;
    }

.dec-review-bottom .single-review .review-content .review-top-wrap .review-rating {
    line-height: 1;
}

@media only screen and (max-width: 767px) {
    .dec-review-bottom .single-review .review-content .review-top-wrap .review-rating {
        margin: 10px 0 0px;
    }
}

.dec-review-bottom .single-review .review-content .review-top-wrap .review-rating i {
    font-size: 14px;
    color: #d5d6d8;
}

    .dec-review-bottom .single-review .review-content .review-top-wrap .review-rating i.yellow {
        color: #f5b223;
    }

.dec-review-bottom .single-review .review-content p {
    font-size: 15px;
    line-height: 28px;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .dec-review-bottom .single-review .review-content p {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .dec-review-bottom .single-review.pro-details-9-single-review {
        padding: 50px 12px;
    }
}

.dec-review-bottom .ratting-form-wrapper > span {
    display: block;
    line-height: 1;
    font-size: 16px;
}

.dec-review-bottom .ratting-form-wrapper p {
    font-size: 14px;
    margin: 9px 0 0;
    color: #535353;
}

    .dec-review-bottom .ratting-form-wrapper p span {
        color: red;
    }

.dec-review-bottom .ratting-form-wrapper .ratting-form {
    margin: 30px 0 0;
}

    .dec-review-bottom .ratting-form-wrapper .ratting-form .star-box-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 16px 0 29px;
    }

        .dec-review-bottom .ratting-form-wrapper .ratting-form .star-box-wrap .single-ratting-star {
            margin-right: 17px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .dec-review-bottom .ratting-form-wrapper .ratting-form .star-box-wrap .single-ratting-star a {
                color: #535353;
            }

            .dec-review-bottom .ratting-form-wrapper .ratting-form .star-box-wrap .single-ratting-star:hover i {
                color: #f5b223;
            }

    .dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style label {
        margin: 0 0 5px;
    }

        .dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style label span {
            color: red;
        }

    .dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style input, .dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style textarea {
        background: transparent;
        border: 1px solid #CDCDCD;
        height: 50px;
        padding: 5px 10px;
    }

        .dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style input:focus, .dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style textarea:focus {
            border: 1px solid #262626;
        }

    .dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style textarea {
        height: 150px;
    }

    .dec-review-bottom .ratting-form-wrapper .ratting-form .form-submit {
        margin-top: 20px;
    }

        .dec-review-bottom .ratting-form-wrapper .ratting-form .form-submit input {
            padding: 8px 35px;
            line-height: 30px;
            color: #fff;
            border-width: 0;
            font-weight: 600;
            display: inline-block;
            width: auto;
            height: auto;
            letter-spacing: 1px;
            text-transform: uppercase;
            background-color: #000000;
        }

            .dec-review-bottom .ratting-form-wrapper .ratting-form .form-submit input:hover {
                background: #ff2f2f;
            }

.product-dec-left {
    position: relative;
    float: left;
    width: 115px;
    padding-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-dec-left {
        width: 110px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-dec-left {
        width: 135px;
    }
}

@media only screen and (max-width: 767px) {
    .product-dec-left {
        width: 90px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product-dec-left {
        width: 100px;
    }
}

.product-dec-right {
    float: right;
    position: relative;
    width: calc(100% - 115px);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-dec-right {
        width: calc(100% - 110px);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-dec-right {
        width: calc(100% - 135px);
    }
}

@media only screen and (max-width: 767px) {
    .product-dec-right {
        width: calc(100% - 90px);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product-dec-right {
        width: calc(100% - 100px);
    }
}

.product-dec-small-style2 {
    text-align: center;
}

    .product-dec-small-style2 .product-dec-small {
        margin: 5px 0px 5px 0px;
        cursor: pointer;
    }

        .product-dec-small-style2 .product-dec-small img {
            width: 100%;
        }

        .product-dec-small-style2 .product-dec-small.slick-active {
            border: 1px solid transparent;
        }

            .product-dec-small-style2 .product-dec-small.slick-active.slick-current {
                border: 1px solid #ff2f2f;
            }

        .product-dec-small-style2 .product-dec-small:last-child {
            margin: 0 0 0px;
        }

    .product-dec-small-style2 span {
        color: #262626;
        font-size: 10px;
        line-height: 1;
        cursor: pointer;
        z-index: 9;
        width: 24px;
        height: 24px;
        line-height: 24px;
        border: 1px solid #979797;
        color: #1E1E1E;
        text-align: center;
        border-radius: 100%;
        display: inline-block;
    }

        .product-dec-small-style2 span:hover {
            color: #ffffff;
            border: 1px solid #ff2f2f;
            background-color: #ff2f2f;
        }

.sidebar-active.col-lg-6 {
    padding-left: 15px;
    padding-right: 15px;
}

    .sidebar-active.col-lg-6.is-affixed {
        padding-left: 0px;
        padding-right: 0px;
    }

        .sidebar-active.col-lg-6.is-affixed .inner-wrapper-sticky {
            padding-left: 15px;
            padding-right: 15px;
        }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pro-details-content-mt-md {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .modal-header {
        padding: 10px 1rem;
    }
}

/*------ 17. Breadcrumb style  --------*/
.breadcrumb-area {
    padding: 45px 0;
}

.breadcrumb-content ul li {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #ff2f2f;
    margin-right: 18px;
    text-transform: capitalize;
    position: relative;
}

    .breadcrumb-content ul li::before {
        position: absolute;
        content: url(https://www.pharmacity.vn/icons/breadcrumb-dot.svg);
        right: -15px;
        top: 38%;
        transform: translateY(-50%);
        z-index: 9;
    }

    .breadcrumb-content ul li:last-child::before {
        display: none;
    }

    .breadcrumb-content ul li a {
        color: #000000;
        font-weight: 600;
    }

        .breadcrumb-content ul li a:hover {
            color: #2C2A86;
        }



.product-policy {
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 15px;
    font-size: 0.5em;
    display: block;
    /* flex-wrap: wrap; */
    display: flex;
    margin: 30px -10px 0;
}

.product-policy__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    padding: 0 10px
}

.product-policy__item__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    margin-right: 10px;
}

policy__item__text {
    color: #5C5C5C;
    font-size: 13px;
    line-height: 1.4;
}

@media(max-width: 991px) {
    .product-policy__item:not(:last-child) {
        margin-bottom: 15px;
    }

    .product-policy__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

@media (max-width: 767.98px) {
    .product-policy__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 13px;
    }

    .product-policy {
        margin: 30px 0 0;
    }
}



/*
    ===============================
                 Tầm Nhìn
    ===============================
*/
.tamnhin{
    position:relative;
}

.tamnhin .bg {
    position: absolute;
    background: #F4FAFF;
    width: 100%;
    top: 0;
    height: 100%;
    opacity: .3;
}
.tamnhin .list-item .item:first-child,
.tamnhin .list-item .item:nth-child(4){
    display:flex;
    justify-content:center;
}
.tamnhin .list-item .item:nth-child(4) .warp-item,
.tamnhin .list-item .item:first-child .warp-item {
    width: 510px;
       
}
.tamnhin .list-item .item .warp-item h3{
    margin:0;
}
.tamnhin .list-item .item:nth-child(4) .warp-item h3,
.tamnhin .list-item .item:first-child .warp-item h3 {
    color: #2C2A86;
    margin: 10px 0
}
.tamnhin .list-item .item:nth-child(4) .warp-item p,
.tamnhin .list-item .item:first-child .warp-item p{
    font-size:16px;
    font-weight:300;
}
.tamnhin .list-item .item:nth-child(4) img,
.tamnhin .list-item .item:first-child img {
    width: 70px;
    height: auto;
}


/*
    ===============================
            Giá Trị Cốt Lõi
    ===============================
*/
.giatricotloi .img-logo-news {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.giatricotloi h2:after {
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%);
    width: 248px;
    height: 1px;
    background: #15A79D;
    content: '';
}
.giatricotloi h2 {
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: linear-gradient(270deg, #2d2db5 0%, #0ad7c9 96.34%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    margin-bottom: 110px;
    position:relative;
}

.giatricotloi .list-item {
    color: #2C2A86;
    justify-content: center;
    gap: 110px;
}
    .giatricotloi .list-item span {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        text-align: center;
        z-index: 1;
        line-height: normal;
    }
    .giatricotloi .list-item .giatri-tile {
        width: 200px;
        height: 200px;
        position: relative;
        cursor: pointer;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
        align-items: center;
        transition: .3s linear all;
        justify-content: center;
        background: linear-gradient(180deg, #05066D 0%, #15A79D 85.3%);
        user-select: none;
    }
        .giatricotloi .list-item .giatri-tile .bg-gg {
            position: absolute;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
            transition: .3s linear all;
            opacity: 0;
            background: linear-gradient(180deg, #15A79D 0%, #05066D 85.3%);
        }
        .giatricotloi .list-item .giatri-tile:hover .bg-gg {
            transition: .3s linear all;
            opacity: 1;
        }
        .giatricotloi .list-item .giatri-tile a:after {
            content: '';
            background: rgba(61, 60, 60, 0.50);
            width: 95%;
            height: 94%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            left: 50%;
            border-radius: 50%;
            transition: .3s linear;
        }




/*
    ===============================
            Sản Phẩm Home
    ===============================
*/

.product-warp .product-area .product-img img{
    height:190px;
    object-fit:cover;
}
.product-warp .product-area .swiper-button-prev,
.product-warp .product-area .swiper-rtl .swiper-button-next {
    left: 0;
    padding: 0;
    width: 40px;
    height: auto;
    background: none;
}

.product-warp .product-area .swiper-button-next,
.product-warp .product-area .swiper-rtl .swiper-button-prev {
    right: 0;
    padding: 0;
    width: 40px;
    height: auto;
    background: none;
}
.product-warp .product-area .section-title {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}
.product-warp .product-area .section-title img{
    width:50px;
}
.product-warp .product-area .section-title h2{
    font-size: 20px;
}
.product-warp .product-area .warp-slidedd {
    padding: 0px 28px;
    position: relative;
}
.product-warp .product-area .warp-slidedd .view-more {
    padding: 6px 20px;
    background: #2C2A86;
    border-radius: 40px;
    font-size: 16px;
    color: #F0F4F7;
}
.product-warp .product-area .warp-slidedd .product-content .product-title {
    font-size: 16px;
    margin-bottom:20px;
    height:42px;
}
.product-warp .product-area .warp-slidedd .warp-content {
    background: #F4FAFF;
    padding: 8px;
    padding-bottom: 25px;
    border-radius: 13px;
    transition:.3s linear;
}
.product-warp .product-area .warp-slidedd .warp-content:hover {
    background: #1EA79E;
    transition: .3s linear;
}





/*
    ===============================
           Dịch vụ Home
    ===============================
*/
.dichvu-rita .list-item {
    display: flex;
    justify-content: space-between;

}
.dichvu-rita .warp-content {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    font-size: 16px;
    font-weight:300;
}
.dichvu-rita img {
    width: 70px;
}
.dichvu-rita .content {
    display: flex;
    flex-direction: column;
}
.dichvu-rita .col-lg-2.text-center {
    border: 0.5px solid var(--x3, #EAEAEA);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    background: #FFF;
    transition: .3s linear;
    user-select: none;
}
.dichvu-rita img{
    margin-top:30px;
}
.dichvu-rita .content span:first-child {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin: 12px 0;
}
    .dichvu-rita .item{
        text-align:center;
    }
    /*
    ===============================
          Liên hệ HOME
    ===============================
*/
    .contact-rita .container {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

.contact-rita .phone {
    display: flex;
    align-items: center;
    position: relative;
    width: 360px;
}
.contact-rita img{
    width:30px;
}
.contact-rita input {
    background: transparent;
    border: none;
    font-size: 16px;
    outline: none;
}
.contact-rita .phone:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #2C2A86;
}
.contact-rita .dangky {
    border: none;
    background: #2C2A86;
    color: #fff;
    padding: 15px 35px;
    border-radius: 53px;
}
.contact-rita h3 {
    font-weight: 300;
    color: #2C2A86;
}


/*
    ===============================
          Tin Tuc Su Kien HOME
    ===============================
*/

.blog-tintuc_sukien .item-1 {
    grid-area: item1;
}

.blog-tintuc_sukien .item-2 {
    grid-area: item2;
}

.blog-tintuc_sukien .item-3 {
    grid-area: item3;
}

.blog-tintuc_sukien .item-4 {
    grid-area: item4;
}
.blog-tintuc_sukien .entry-img img {
    height: 100%;
    transition: .3s linear;
    object-fit:cover;
    width:100%;
}
.blog-tintuc_sukien .entry {
    height: 120px;
}

.blog-tintuc_sukien .entry:hover .entry-img img {
    transform: scale(1.1);
    transition: .3s linear;
}
.blog-tintuc_sukien .item-1 .entry {
  margin-right:25px;
}
.blog-tintuc_sukien .grid-container {
    display: grid;
    grid-template-areas:
        'item1 item1  item2 item2 '
        'item1 item1 item3 item3 '
        'item1 item1  item4 item4';
    gap: 7px;
    padding: 10px;
}


.blog-tintuc_sukien .item-2 .entry,
.blog-tintuc_sukien .item-3 .entry,
.blog-tintuc_sukien .item-4 .entry {
    display: flex;
    gap: 10px;
}

.blog-tintuc_sukien .section-subtitle{
    font-weight:300;

}
.blog-tintuc_sukien .warp-title{
    text-align:center;
}
.blog-tintuc_sukien .entry-content .entry-title {
    font-size: 18px;
    display: -webkit-box;
    line-height: 1.3;
    -webkit-line-clamp: 2; /* số dòng hiển thị */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-tintuc_sukien .entry-content .entry-decription {
    display: -webkit-box;
    line-height: 1.3;
    -webkit-line-clamp: 2; /* số dòng hiển thị */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0;
}
.blog-tintuc_sukien .item-1 .entry-content {
    margin-top: 20px;
    padding: 10px;
    padding-top: 0;
}
.blog-tintuc_sukien .item-warp .entry {
 /*   background: #F4FAFF;*/
}
.blog-tintuc_sukien .entry-content .sub-content{
    font-weight:300;
}
.blog-tintuc_sukien .entries .view-more svg {
    width: 12px;
    color: #2C2A86;
    fill: #2C2A86;
  
}
.blog-tintuc_sukien .entries .view-more {
    text-align: center;
    color: #3D3C3C;
    display: block;
    margin-top: 30px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}



/*
    ===============================
          Bài Viết Sức Khỏe HOME
    ===============================
*/


.blog-suckhoe .entries .warp-slide .entry {
  
    align-items: center;
    height:140px
}
    .blog-suckhoe .entries .warp-slide .entry:hover img{
        transform:scale(1.1);
        transition:.3s linear;
    }
    .blog-suckhoe .entries .warp-slide .entry img {
     
        transition: .3s linear;
    }
    .blog-suckhoe .entries .warp-slide .entry img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
.blog-suckhoe .entries .warp-slide .entry .entry-img{
    height:100%;
    overflow:hidden;
}

.blog-suckhoe .entries .warp-slide .entry .entry-img .warp-img {
    height: 100%;
    overflow: hidden;
}
.blog-suckhoe .entries .warp-slide .entry .entry-content h3 {
    font-weight: 300;
    font-size: 16px;
    display: -webkit-box;
    line-height: 1.3;
    -webkit-line-clamp: 3; /* số dòng hiển thị */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-suckhoe .entries .warp-slide .entry .entry-content .sub-content {
    color: #605E5E;
    font-size:14px;
}
.blog-suckhoe .warp-title{
    text-align:center;
    margin-bottom:15px;
}


.blog-suckhoe .entries .view-more {
    text-align: center;
    display: block;
    color: #2C2A86;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 300;
}
.blog-suckhoe .entries .view-more svg {
    width: 12px;
    color: #2C2A86;
    fill: #2C2A86;
}


.hinhanh-rita .swiper-slide {
    height: 180px;
}

.hinhanh-rita .swiper-slide .img-user {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.hinhanh-rita .swiper-slide:hover .gallery-icon {
    opacity:1;
    transition:.3s linear;
}
.hinhanh-rita .swiper-slide .gallery-icon {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: #1ea79e61;
    transition: .3s linear;
}
.hinhanh-rita .swiper-slide .gallery-icon .img-find {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
}
 /*
===============================
        Footer 
===============================
*/
.footer-top .warp-footer .footer-item:first-child .footer-widget {
    display: flex;
    justify-content: center;
    gap: 30px;
    color:  #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom:1px solid #fff;
}
.footer-top .warp-footer .footer-item:nth-child(2) .footer-widget h4 {
    margin-top:30px;
    color: #F8FFFE;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.footer-top .warp-footer .footer-item:nth-child(2) .footer-widget p {
    color:  #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.footer-top .cpy-ct {
   text-align:center;
}
#footer .footer-top {
    padding-bottom: 28px;
}
#footer .footer-top .warp-footer .footer-item:first-child {
   
}  





/*
===============================
        RESPONSIVE
===============================
*/
/* typical phone screen resolution */


@media only screen and (max-width : 768px) {
    .warp-gioithieu {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .visao-content {
        width: 80%;
    }
  
    .giatricotloi .list-item .giatri-tile {
        width: 150px;
        height: 150px;
    }
    .blog-tintuc_sukien .item-1 .entry {
        height: 358px;
    }
    .blog-tintuc_sukien .entry {
        height: 108px;
    }
    .product-warp .product-area .product-img img {
        height: 146px;
    }
    .contact-rita .container {
        flex-direction: column;
        gap: 19px
    }
    .dichvu-rita .warp-content {
        flex-direction: column;
        text-align: center;
    }
    .contact-rita .phone {
        width: 278px;
    }
    .hinhanh-rita .swiper-slide {
        height: 120px;
    }
    #footer .footer-top .warp-footer .footer-item:first-child {
        width: 100%;
        margin-bottom: 16px;
    }
  
    #footer .copyright .viewcount.item {
        justify-content: center;
    }
}

@media only screen and (max-width : 600px   ) {
    .visao-content .img-mobile img {
        height: 250px;  
    }
    .visao-content .img-mobile {
        text-align: center;
        margin-top: 15px;
    }
    .tamnhin .list-item .item:nth-child(4) img, .tamnhin .list-item .item:first-child img {
        width: 50px;
        height: auto;
    }
    .tamnhin .list-item .item:nth-child(4) .warp-item p, .tamnhin .list-item .item:first-child .warp-item p {
        font-size: 14px;
        font-weight: 300;
        display: -webkit-box;
        line-height: 1.3;
        -webkit-line-clamp: 3; /* số dòng hiển thị */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .tamnhin .list-item .item:nth-child(4) .warp-item h3, .tamnhin .list-item .item:first-child .warp-item h3 {
        color: #2C2A86;
        margin: 5px 0;
    }
    .tamnhin .list-item .item:nth-child(4) .warp-item, .tamnhin .list-item .item:first-child .warp-item {
      
        padding: 0 10px;
    }
    .giatricotloi .list-item .giatri-tile {
        width: 110px;
        height: 110px;
    }
    .giatricotloi .list-item {
        justify-content: center;
        gap: 10px;
    }
    .blog-tintuc_sukien .grid-container {
        display: grid;
        grid-template-areas:
            'item1 item1 item1  '
            'item1 item1 item1  '
            'item2 item3 item4';
    }
    .blog-tintuc_sukien .entry .entry-img {
        overflow: unset;
    }
    .blog-tintuc_sukien .item-2 .entry, .blog-tintuc_sukien .item-3 .entry, .blog-tintuc_sukien .item-4 .entry {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }
 
    .blog-tintuc_sukien .item-4,
    .blog-tintuc_sukien .item-3,
    .blog-tintuc_sukien .item-2 {
        background: #F4FAFF;
        height: 190px;
    }
        .blog-tintuc_sukien .item-4 .entry-content,
        .blog-tintuc_sukien .item-3 .entry-content,
        .blog-tintuc_sukien .item-2 .entry-content {
          padding:0 10px;
        }
    .blog-tintuc_sukien .entry-content .entry-title{
        font-size:15px;
    }
    .hinhanh-rita .swiper-slide {
        height: 200px;
    }
 
    #footer .credits a, #footer .copyright a {
        transition: 0.3s;
        color: #fff;
        display: block;
    }
    .contact-rita .dangky {   
        padding: 9px 30px;
    }
    .contact-rita img {
        width: 20px;
    }
    .contact-rita .phone {
        width: 190px;
    }
    .dichvu-rita img {
        width: 50px;
    }
    .dichvu-rita .content span:first-child {
        color: #2C2A86;
        font-weight: 400;
        font-size: 16px;
    }
    .dichvu-rita .warp-content {
     
        font-size: 14px;
        
    }
    .dichvu-rita .item {
        padding-bottom: 14px;
    }
    .home section {
        padding: 20px 0;
    }
}

.product-mored .widget-content .post-item:hover .product-img img {
    transform:scale(1.1);
    transition:.3s linear;
}
.product-mored .widget-content .post-item .product-img {
    overflow: hidden;
    border-bottom: 1px solid #ebebeb
}
    .product-mored .widget-content .post-item .product-img img {
        height: 200px;
        transition: .3s linear;
        object-fit: cover;
        width: 100%;
    }
.product-mored .widget-content .post-item .post-title {
    font-size: 15px;
    margin: 20px 0;
    transition: .3s linear;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height:42px;
}
    .product-mored .widget-content .post-item .post-title a {
        font-weight: 600;
        color: #2b2a86;
    }
    .product-mored .widget-content .post-item:hover .post-title {
        transition: .3s linear;
        color: #2C2A86;
    }
.product-mored .widget-content .post-item {

    padding-bottom: 20px;
    transition: .3s linear;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 12px rgba(15,61,145,.12);
    border-radius: 12px
}
    .product-mored .widget-content .post-item .post-button{
        text-align:center;
    }
        .product-mored .widget-content .post-item .post-button a {
            padding: 6px 20px;
            background: #5dac46;
            border-radius: 40px;
            font-size: 16px;
            color: #F0F4F7;
        }
/*.widget-content.recent-posts {
    display: flex;
    gap: 10px;
    flex-direction: column;
}*/
.product-mored .widget-content .post-item:hover {
   /* background: #1EA79E;
    transition: .3s linear;*/
}
#h2_ProductName {
    color: #2b2a86;
    text-transform: uppercase;
    font-weight: 600;
}


.breadcrumb-area {
    padding: 15px  0;
    background-color: #f0f2f5;
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    margin-bottom:1.5rem;
}

.breadcrumb-content ul li::before {
    z-index: 2;
}

.product-details-content > *:not(:last-child) {
    margin-bottom: 10px;
}

.product-details-content h1 {
    font-size: 26px;
}

.breadcrumb-content ul li {
    font-size: 14px
}
.breadcrumb-content ul{
    margin:0;
}
.breadcrumb-content ul li a {
    font-weight: 400;
}
.des-product {
    color: #e92a2a;
    font-weight: 500;
    font-size: 18px;
    padding: 0 15px 15px;
    margin: 0 14px 0 0;
    position: relative;
}
    .des-product:after {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        width: 100%;    
        height: 2px;
        background-color: #ff2f2f;
        z-index: 2;
      
        background-color: #e92a2a;
    }
.dec-review-topbar{
   
    margin-bottom:45px;
}
#des-details1 p img{
    width:100%;
    height:auto;

}
#des-details1 p {
    font-family: 'montserrat', sans-serif !important;
}
#des-details1 p span{
    font-family: 'montserrat', sans-serif !important;
}
@media (min-width: 768px) {
    .add-to-cart-wrap-mobile {
        display: none;
    }
}

.add-to-cart-wrap-mobile > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
    .add-to-cart-wrap-mobile > div .product-addcart-btn {
        flex: 1;
        gap:10px;
        font-size: 16px;
        color: #fff;
        line-height: 32px;
        height: auto;
        padding: 0 0 2px;
        background: #ea1c00;
        border-radius: 7px;
        border: 0;
        font-weight: 400;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        font-weight: 500;
        font-family: 'Open Sans', sans-serif;
    }
    .add-to-cart-wrap-mobile > div a {
        width: 40px;
        height: 38px;
        margin-left: 8px;
        background: #fff;
        border: 1px solid #e92a2a;
        border-radius: 7px;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        color: #e92a2a;
    }

.add-to-cart-wrap-mobile {
    padding: 8px;
    /* padding-bottom: 15px; */
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 24%);
    box-shadow: 0 0 10px rgb(0 0 0 / 24%);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
@media (max-width: 767.97px){
    .product-details-content .pro-details-action-wrap {
        display: none !important;
    }
}
.shop-topbar-wrapper {
    border: 1px solid #e9e9e9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 10px 10px;
}
    .shop-topbar-wrapper .shop-topbar-left {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
        .shop-topbar-wrapper .shop-topbar-left p {
            display: inline-block;
            margin: 0px 0 0;
            color: #000000;
            font-weight:400;
        }
    .shop-topbar-wrapper .product-sorting-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
        .shop-topbar-wrapper .product-sorting-wrapper .shorting-style {
            margin-left: 20px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }
            .shop-topbar-wrapper .product-sorting-wrapper .shorting-style.product-shorting {
                margin-left: 0;
            }
            .shop-topbar-wrapper .product-sorting-wrapper .shorting-style label {
                color: #000000;
                cursor: pointer;
                margin: 3px 11px 0 0;
                font-size: 14px;
                font-weight: 600;
            }
            .shop-topbar-wrapper .product-sorting-wrapper .shorting-style select {
                -moz-appearance: none;
                -webkit-appearance: none;
                background: #fff url(../../assets/images/icon-img/shop.png) no-repeat scroll right 10px center;
                border: 1px solid #ebebeb;
                border-radius: 3px;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #000000;
                cursor: pointer;
                font-size: 14px;
                height: 30px;
                padding-left: 10px;
                width: 170px;
                font-weight: 400;
                outline:none;
            }
            .shop-topbar-wrapper .product-sorting-wrapper .shorting-style.product-shorting select {
                width: 110px;
                outline:none;
            }
            .shop-topbar-wrapper .product-sorting-wrapper .shorting-style select option {
                background: #fff;
                border: 0px solid #626262;
                padding-left: 10px;
                font-size: 14px;
                font-weight: 300;
                outline:none;
            }
        .shop-topbar-wrapper .product-sorting-wrapper .shorting-style {
            margin-left: 20px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }
.product-details-img {
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    overflow:hidden;
    outline:none;
}

.desc-warped1 {
    background-color: #fff;
    border-radius: .75rem;
    padding: 0 24px;
    padding-bottom: 25px;
}




/*#des-details1 {
    max-height: 290px;
    overflow: hidden;
    transition: max-height 0.3s linear;
}*/
.expanded {
    max-height: none !important;
    transition: max-height 0.3s linear;
}
.toggleButton1-des {
    background: none;
    border: none;
    text-decoration: underline;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 6.25%,hsla(0,0%,100%,.95) 17.71%,#fff);
    width: 100%;
    height: 80px;
    transition: max-height 0.3s linear;
}

.tab-content.dec-review-bottom.mb-30 {
    position: relative;
    transition: max-height 0.3s linear;
}


.toggleButton1-des.expanded2 {
    position: unset;
    transform: unset;
    transition: max-height 0.3s linear;
}
.breadcrumb-content ul li a {
    color: #00000052;
}
.breadcrumb-content ul li.active a {
    color: #2C2A86;
    font-weight: 500;
}
.bg-about {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    left: 0;
}
.about-warp .nav-pills {
    justify-content: center;
    gap: 10px;
    border-bottom: 1px solid #e6e6e6;
}
.about-warp .nav-link {
    background: none !important;
    color: #999999 !important;
    padding: 0 20px;
    line-height: 60px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 1rem;
    transition: .3s linear;
}
.about-warp .nav-link.active {
    color: var(--main-color) !important;
}
.about-warp .nav-link:hover {
    color: var(--main-color) !important;
    transition: .3s linear;
}


.about-warp .nav-link.active:after {
    background: var(--main-color);
    width: 100%;
    transition: .3s linear;
}
.about-warp .nav-link:hover:after {
    background: var(--main-color);
    width: 100%;
    transition: .3s linear;
}
.about-warp .nav-link:after {
    content: '';
    transition: .3s linear;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 3px;
    width: 0;
    background: var(--main-color);
    margin: auto;
    margin-bottom: -2px;
}
.bg-about ol li a,
.bg-about ol li {
    color: var(--breadcrumbs-color);
}


/* typical phone screen resolution */

@media only screen and (max-width : 667px) {

    .about-warp .nav-item {
        display: inline-block;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: -1px;
    }

    .about-warp .nav.nav-pills.mb-3 {
        display: inline-block;
        width:100%;
        white-space: nowrap;
        text-align:center;
    }

    .about-warp .warp-scroll {
        max-width: 100%;
        overflow-x: auto;
    }
}

 .category-img {
    width:52px;
    height:auto;
}
.img-vendorss {
    border-radius: .75rem;
    padding: 5px;
    width: 55px;
    height: 55px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}
.warp-vendorss-detail {
    display: flex;
    gap: 10px;
    align-items: center;
}

.warp-vendorss-detail1 {
    display: inline-block;
    border-radius: .75rem;
    border: 1px solid #e5e5e5;
}

.warp-noidung1 .container {
    padding: 0;
}
/*.title-sp-ll {*/
    /*padding: 15px 0;*/
    /*text-align:center;
}*/

.section-title-tab-wrap {
    padding-top: 30px;
}
.set-height{

    overflow-y:scroll;    
}
.vendorProduct-more .section-title-tab-wrap {
    background-color: #fff;
    border-radius: .75rem;
    padding: 0 24px;

}

.vendorProduct-more .bg-white {
    border-radius: .75rem
}

.mySwiper5 {
    padding: 10px;
}

/* typical tablet screen resolution */
@media only screen and (max-width : 834px) {
    .mySwiper6 {
        padding: 10px;
    }
  
}

.product-details-content .pro-details-price {
    font-size: 23px;
    font-weight: 500;
    gap:10px;
}

.product-details-content .pro-details-price del{
    font-size:18px;
    color:var(--breadcrumbs-color)
}


.pro-details-add-to-cart.contact  a{
    padding: 18px 10px 17px !important;
    text-align:center;
}

.pro-pagination-style ul {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

/************************************
             List Product 
*************************************/
.duantieubieu-item .entry .entry-content .product-price .amount {
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
    color:var(--main-color);
}

.duantieubieu-item .entry .entry-content .entry-title{
    margin:0;
    padding:0;
}
    .duantieubieu-item .entry .entry-content .entry-title span {
        position: static;
        left: 0;
        top: 32px;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 5px 0;
        font-style: normal;
        font-weight: 600;
        font-size: 1rem;
        line-height: 24px;
        white-space: wrap;
        color: #2b2a86;
        height: 50px;
        display: -webkit-box;
        width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        text-transform: uppercase;
        text-align: center;
    }


.btn-product-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 5px 0;
    height: 44px;
    width: 100%;
    border: none;
    border-radius: 12px;
    font-style: normal;
    font-size: 1rem;
    line-height: 24px;
    background: #5dac46;
    color: #fff;
    cursor: pointer;
}
.warp-category {
    border:none !important;
}

/************************************
          End  List Product 
*************************************/
.mobile-sidebar-active .bg-sidebar-active {
    right: 0%;
    opacity: 1;
    visibility: visible;
    background-color: rgb(0 0 0 / 50%);
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}
.slider .heroSwiper .swiper-button-next i{

}
.slider .hero-slider-img img {
    height: 560px;object-fit:cover;
}
.navbar li {
    position: relative;
    cursor:pointer;
}
.warp-header-top_bottom .navbar li a:after {
    content: '';
    transition: .3s linear;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 3px;
    width: 0;
    background: var(--main-color);
    position:absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom:-13px;
}
.warp-header-top_bottom .navbar li:hover a:after {
    background: var(--main-color);
    width: 100%;
    transition: .3s linear;
}
.warp-header-top_bottom .header-bottom .align-items-center {
    justify-content: flex-end;
}
.navbar a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: unset;
    white-space: nowrap;
    border-color: transparent;
    transition: 0.3s;
    padding: 7px 10px 5px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
    font-weight: 700;
}
.fas.fa-search {
    color: var(--main-color);
    font-size: 20px;
}

.giatricotloi .bg-new {
    position: absolute;
    width: 94%;
    height: 94%;
    border-radius: 50%;
    overflow: hidden;
}
    .giatricotloi .bg-new img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .3s linear;
       
    }

.giatricotloi .list-item .giatri-tile:hover .bg-new img {
    transform:scale(1.1);
    transition:.3s linear;
}
.dichvu-rita .content .dec {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 40px;
}
.dichvu-rita .col-lg-2.text-center{

    position:relative;
}
.dichvu-rita .col-lg-2.text-center:after {
    content: '';
    transition: .3s linear;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 3px;
    width: 0;
    background: var(--main-color);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    position: absolute;
}
.dichvu-rita .col-lg-2.text-center:hover:after {
    background: var(--main-color);
    width: 100%;
    transition: .3s linear;
}
    .dichvu-rita .title-dv.text-center h2 {
        color: #2B2B85;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 56px;
        position: relative;
    }
    .dichvu-rita .title-dv.text-center h2:after {
        content: '';
        width: 90px;
        height: 2px;
        background: #15A79D;
        bottom: -14px;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
    }

    .gioithieuRita .list-item .item .content {
        padding: 30px 40px;
        height: 100%;
        position: relative;
        display: flex;
        background: #FAFAFA;
        flex-direction: column;
        justify-content: space-between;
    }
.gioithieuRita .list-item .item:nth-child(2n) .warp-item {
    flex-direction: row-reverse;
}
.gioithieuRita .list-item .item .content .decs {
    color: #3D3C3C;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 22px;
    line-height: 1.4;
}
.gioithieuRita .list-item .item .content h3 {
    color:  #2B2B85;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position:relative;
}
.gioithieuRita .list-item .item .content h3:after {
    content: '';
    left: 0;
    bottom: -10px;
    width: 190px;
    height: 1px;
    position:absolute;
    background: #92CC5B;
}
.gioithieuRita .btn-xemthem svg path {
    transition: .3s linear;
}
.gioithieuRita .btn-xemthem:hover svg path {
    fill: #2d2db5;
    transition: .3s linear;
}
.gioithieuRita .btn-xemthem:hover:after {
    opacity:1;
}
/*.gioithieuRita .btn-xemthem:hover {
    background: #fff;
    color: #15A79D;
    transition: .3s linear;
    font-weight:500;
}*/
/*.gioithieuRita .btn-xemthem:after {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #15A79D;
    content: '';
    width: 100%;
    border-radius: 5px;
    height: 100%;
    opacity: 0;
}*/
.gioithieuRita .btn-xemthem {
    background: linear-gradient(270deg, #0528A2 50.22%, rgba(7, 106, 255, 0.49) 96.43%);
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 5px;
    gap: 10px;
    transition: .3s linear;
    position: relative;
    color: #fff;
    z-index: 1;
}
    .gioithieuRita .btn-xemthem .bg-gg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: -1;
        transition: .3s linear;
        opacity: 0;
        border-radius: 5px;
    }
    .gioithieuRita .btn-xemthem:hover {
        color: #2d2db5;
        transition: .3s linear;
        font-weight:500;
    }
    .gioithieuRita .btn-xemthem:after {
        background: linear-gradient(white, white) padding-box, linear-gradient(270deg, #0528A2 50.22%, rgba(7, 106, 255, 0.49) 96.43%) border-box;
        border-radius: 5px;
        border: 2px solid transparent;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        opacity: 0;
        z-index:-1;
        transition: .3s linear;
    }
    .gioithieuRita .btn-xemthem:hover:after {
        transition: .3s linear;
        opacity: 1;
    }
   
    .gioithieuRita .btn-xemthem:hover .bg-gg {
        transition: .3s linear;
        opacity: 1;
    }
        .gioithieuRita .warp-btn {
            display: inline-block;
        }
.gioithieuRita .warped-btn {
    text-align:end;
}

.hottline-phone-rita {
    display: inline-block;
    position: fixed;
    bottom: 21px;
    left: 21px;
    padding: 7px 12px;
    border-radius: 10px;
    background: #92CC5B;
    border: 1px solid #92CC5B;
    transition: .3s linear;
}
   /* .hottline-phone-rita:hover .phone {
        color: #92CC5B;
    }
    .hottline-phone-rita:hover {
        background: #ffff;
        transition: .3s linear;
    }*/
.hottline-phone-rita .phone {
    color: #3D3C3C;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.footer-top .warp-footer .footer-item:first-child .footer-widget p a {
    transition: .3s linear;
    cursor: pointer;
}
    .footer-top .warp-footer .footer-item:first-child .footer-widget p a:hover {
    font-weight: 700;
    transition: .3s linear;
    color:#fff !important;
}
#scrollUp {
    width: 40px;
    height: 40px;
    background-color: #92CC5B;
    color: #fff;
    right: 20px;
    bottom: 80px;
    text-align: center;
    overflow: hidden;
    border: 0.5px solid #92CC5B;
    background-image: url('../img/icon.png');
    align-items: center;
    display: flex;
    z-index:99 !important;
}

.gioithieuRita .list-item .item .warp-item img {
    height: 100%;
    object-fit: cover;
}


@media only screen and (max-width : 1025px) {
    .slider .hero-slider-img img {
        height: 400px;
    }
}
/* typical tablet screen resolution */
@media only screen and (max-width : 834px) {
    .gioithieuRita .warped-btn {
        margin-top: 20px;
    }
    .dichvu-rita .list-item{
        justify-content:center;
    }
    .dichvu-rita .col-lg-2.text-center{
        margin:10px;
    }
    .slider .hero-slider-img img {
        height: 300px;
    }
    .giatricotloi .list-item span{
        font-size:14px;
    }
    .giatricotloi h2 {
        font-size: 38px;
        margin-bottom: 70px;
    }
    .giatricotloi .img-logo-news {
        height: 177px;
    }
    .footer-top .warp-footer .footer-item:nth-child(2) .footer-widget p {
        max-width: 672px;
        margin:auto;
    }
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .slider .hero-slider-img img {
        height: 180px;
    }
    .swiper-button-next, .swiper-button-prev{
        display:none;
    }
    .giatricotloi h2 {
        font-size: 26px;
        margin-bottom: 50px;
    }
    .giatricotloi .img-logo-news {
        height: 141px;
    }
    .giatricotloi .list-item {
        gap: 40px;
    }
    .dichvu-rita .col-lg-2.text-center {
        width: 48%;
        margin:0;
    }
    .dichvu-rita .list-item{
        gap:10px;
    }
    .gioithieuRita .list-item .item .content{
        padding-top:10px;
    }
    .footer-top .warp-footer .footer-item:first-child .footer-widget {
        flex-wrap: wrap;
        gap: 0;
        justify-content: space-between;
    }
        .footer-top .warp-footer .footer-item:first-child .footer-widget p {
            width: 49%;
       
        }
        .footer-top .warp-footer .footer-item:first-child .footer-widget p:last-child {
            width: 100%;
        }
    .footer-top .warp-footer .footer-item:nth-child(2) .footer-widget p {
        max-width: 340px;
    }

}



/* typical phone screen resolution */
@media only screen and (max-width : 400px) {
    .slider .hero-slider-img img {
        height: 160px;
    }
}
@media only screen and (max-width : 366px) {
    .slider .hero-slider-img img {
        height: 140px;
    }
}
@media only screen and (max-width : 300px) {
    .slider .hero-slider-img img {
        height: 120px;
    }
}
/* landscape orientation */

.navbar a.active::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -13px;
    width: 102%;
    height: 3px;
    transition: .3s linear;
    background: var(--main-color);
}
.sidebar-widget h4.sidebar-widget-title span{
    font-weight:bold;

}
/*.sidebar-widget .section-title1 {
    background: #92cc5ba3;
    color: #36355c;
}*/
.entry.detailentry {
    border-radius: 9px;
    overflow: hidden;
}
.overlay {
    height: 100%;
    width: 100%;
    /* display: none; */
    transform: scale(0.9);
    position: fixed;
    z-index: 7777;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: .25s linear;
    background-color: rgb(0,0,0);
    background-color: rgb(0 0 0 / 72%) /* Black with a little bit see-through */;
}
.open {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 26px;
    cursor: pointer;
    color: white;
    transition: .25s linear;
}
.overlay-content {
    position: relative;
    top: 50%;
    width: 80%;
    text-align: center;
    left: 50%;
    max-width: 1250px;
    transform: translate(-50%, -50%);
}
    .overlay-content .warp-search {
        display: flex;
        background: rgba(0,0,0,.65);
    }
.overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    background: transparent;
    width: 100%;
    color: white;
    outline:none;
}
.overlay button {
    padding: 15px;
    background: transparent;
    font-size: 17px;
    border: none;
    cursor: pointer;
}
.overlay-content .warp-search button i {
    color: white;
}
.overlay .closebtn:hover {
    color: #ccc;
}

.overlay .closebtn:hover {
    transform: rotate(180deg);
}
.about-warp .tab-content p img{
    max-width:700px !important;
    height:auto !important;
}
.sidebar-toggle-button {
    position: fixed;
    padding: 10px 10px;
    top: 40%;
    left: -22px;
    border: 1px solid #2a3580;
    background: #00914d;
    color: #fff;
    font-size: 30px;
    z-index: 1;
    text-align: right;
    background-color: #2a3580;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: end;
}

@media only screen and (max-width : 767px) {

    .shop-topbar-wrapper {
        display: block;
        padding: 15px 15px;
        -webkit-box-pack: inherit;
        -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
    }
        .shop-topbar-wrapper .product-sorting-wrapper .shorting-style {
            margin-left: 0px;
            display: block;
            margin-bottom: 15px;
            margin-top: 15px;
        }
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .about-warp .tab-content p img {
        max-width: 100% !important;
        height: auto !important;
    }
    .duantieubieu-item .entry .entry-img {
        padding-top: 100%;
    }
    .btn-product-contact {
        height: 32px;
        font-size:15px;
    }
}

.blog .blog-pagination li a {
    color: #000;

}
    .blog .blog-pagination li a.active {
        background: #2a3580;
        color: #fff;
    }
.htppRita {
    background: url('../img/bg/BG-HTPP.jpg ') no-repeat center center fixed;
    height: 800px;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
    .htppRita .container{
        position:unset;
    }
    .htppRita .title {
        color: #FFF;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .htppRita .decs p {
        position: absolute;
        left: 50%;
        top: 42%;
        transform: translateY(-50%);
        color: #FFF;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.3;
        max-width: 407px;
    }



    .title-cus{
        position:relative;
    }
        .title-cus:after {
            content: '';
            width: 90px;
            height: 3px;
            background: #15A79D;
            bottom: -14px;
            left: 50%;
            transform: translateX(-50%);
            position: absolute;
        }


.blog-tintuc_sukien .entry .entry-img a {
    width: 200px;
    display: block;
    overflow: hidden;
    height: 120px;
    border-radius: 10px;
}
.blog-tintuc_sukien .item-1 .entry .entry-img a {
    height: 320px;
    width:100%;
}
.blog-tintuc_sukien .item-1 .entry .entry-decription{
    display:none;
}
.blog-tintuc_sukien .item-warp .entry .entry-content{
    padding:10px;   
}
.blog-tintuc_sukien .item-warp .entry .entry-title {
    transition: .3s linear;
}
.blog-tintuc_sukien .item-warp .entry:hover .entry-title {
    color: #2C2A86;
    transition: .3s linear;
}


.img-map {
    position: absolute;
    top: 70px;
    left: 32%;
    width: 342px;
}
/* typical phone screen resolution */
@media only screen and (max-width : 1440px) {
    .htppRita { 
        height: 625px
    }
    .img-map {
  
        top: 107px;
        left: 32%;
        width: 242px;
    }
}

/* landscape orientation */
@media only screen and (max-width : 1100px) {
    .htppRita {
        height: 429px;
    }
    .img-map {

        top: 67px;
        left: 31%;
        width: 188px;
    }
}
/* typical tablet screen resolution */
@media only screen and (max-width : 834px) {
    .sidebar-wrapper .sidebar-widget:nth-child(3) {
        border:none;
    }
        .sidebar-wrapper .sidebar-widget:nth-child(3) .sidebar-widget-title {
            border-bottom: 1px solid #cccccc38;
        }
        .blog-tintuc_sukien .item-warp:not(:first-child) .entry .entry-content {
            max-width: 178px;
        }
    .img-map {
        top: 47px;
        left: 33%;
        width: 162px;
    }
    .htppRita {
        height: 364px;
        padding:20px !important;
    }
        .htppRita .decs p {
            font-size: 16px;
            max-width: 300px;
        }
        .htppRita .title {
            font-size: 18px;
        }
    .blog-tintuc_sukien .entry .entry-img a {
        width: 150px;
        height: 100px;
    }
    .blog-tintuc_sukien .item-1 .entry .entry-img a {
        height: 260px;
    }
    .blog-tintuc_sukien .item-1 .entry {
        margin-right: 12px;
    }
    .blog-tintuc_sukien .entry-content .entry-title{
        font-size:16px;
    }
   
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .sidebar-toggle-button.cus {
        width: 40px;
        height: 40px;
        padding: 6px 9px;
    }
    .sidebar-toggle-button.cus .fas.fa-list {
        font-size: 20px;
    }
    .img-map {
        top: 42px;
        left: 13px;
        width: 152px;
    }
    .htppRita .decs p {
        font-size: 14px;
        left: 47%;
        top: 39%;
        max-width: 198px;
    }
    .htppRita .title {
        font-size: 16px;
    }
    .footer-top .warp-footer .footer-item:nth-child(2) .footer-widget h4,
    .gioithieuRita .list-item .item .content h3,
    .dichvu-rita .title-dv.text-center h2,
    .section-title1
    {
        font-size: 18px;
    }
    .giatricotloi h2 {
        font-size: 24px;
    }
    .gioithieuRita .btn-xemthem {
        padding: 7px 8px;
    }
    .giatricotloi .list-item span {
        padding: 0 20px;
    }
}
/* landscape orientation */
.mySwiper7 .entry-decription-sl,
.mySwiper7 .entry-title-sl {
    display: -webkit-box;
    line-height: 1.3;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mySwiper7 {
    margin-top: 41px;
}
.mySwiper7 .entry-img-sl a {
    height: 140px;
    display: block;
    margin-bottom:10px;
}
    .mySwiper7 .entry-img-sl a img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 11px;
    }


.sidebar-toggle-button.cus {
    left: 0;
    color: #000;
    border-radius: 0;
    background: #fff;
    border: 1px solid #000;
}
@media only screen and (max-width : 340px) {
    .htppRita .title {
        font-size: 13px;
    }
    .htppRita .decs p {
        font-size: 13px;
        left: 47%;
        top: 37%;
        max-width: 198px;
    }
    #header .logo img {
        width: 162px;
    }
    .mySwiper7 .entry-img-sl a {
        height: 109px;
        display: block;
        margin-bottom: 10px;
    }
    .mySwiper7 .entry-title-sl{
        font-size:14px;
    }
    .mySwiper7 .entry-decription-sl{
        font-size:13px;
    }
    .footer-top .warp-footer .footer-item:first-child .footer-widget p {
       font-size:12px;
    }
}
    /* typical tablet screen resolution */
.mobile-sidebar-active .bg-black {
    right: 0%;
    opacity: 1;
    visibility: visible;
    background-color: rgb(0 0 0 / 50%) !important;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.has-child > ul.sub-menu {
    padding-left: 15px;
    width: 100%;
    display: none;
}