@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

ul {

    margin: 0;

    padding: 0;
}


@font-face {
    font-display: swap;
    font-family: Kanit;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Kanit-Light.ttf)
}

@font-face {
    font-display: swap;
    font-family: Kanit;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Kanit-SemiBold.ttf)
}


h1,

h2,

h3,

h4,

h5,

h6 {

    margin-bottom: 0;

    font-family: Kanit, sans-serif;
}



a {

    text-decoration: none;
}



a:hover {

    text-decoration: none;

    cursor: pointer !important;
}



input {

    outline: 0;
}



form .group {

    display: flex;

    position: relative;
}

form .group .icon-search {

    position: absolute;

    right: 22px;

    top: 8px;

    cursor: pointer;
}

form .group input.radius {

    border-radius: 30px;
}



@media (min-width: 1200px) {

    .container {

        max-width: 1200px !important;
    }
}

.no-padding {

    padding-right: 0;

    padding-left: 0;
}



p {

    line-height: 1.6;

    margin: 0.8em 0;
}



body {

    font-family: 'Inter', sans-serif;

    font-size: 16px;
}



.swiper {

    width: 100%;

    height: 100%;
}






.mySwiper {

    height: 20%;

    box-sizing: border-box;

    padding: 10px 0;
}



.mySwiper .swiper-slide {

    width: 25%;

    height: 100%;

    opacity: 0.4;
}



.mySwiper .swiper-slide-thumb-active {

    opacity: 1;
}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    width: 10px;

    height: 10px;
}



.breadcrumb-item+.breadcrumb-item::before {

    color: #fff;

    content: "/" !important;
}



.home .header-main {

    z-index: 1000;

    width: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}

.home .header-main .main-nav .logo {

    margin-right: 10px;

    margin-bottom: 20px;
}

.home .header-main .main-nav .navbar-nav {

    margin-left: 10px;
}

.home .header-main .main-nav .navbar-nav .nav-item {

    margin: 0 4px;
}

.home .header-main .main-nav .navbar-nav .nav-item a.nav-link {

    font-size: 16px;

    color: #000000;

    font-weight: 600;
}

.home .header-main .main-nav .btn-dropmenu i,

.home .header-main .main-nav .search-header i {

    color: #fff;
}

.home .header-main .main-nav .dropdown-toggle::after {

    color: #fff;
}



.header-main .main-nav .logo {

    margin-right: 10px;

    margin-bottom: 20px;
}

.header-main .main-nav .navbar-nav {

    margin-left: 10px;
}

.header-main .main-nav .navbar-nav .nav-item {

    margin: 0 4px;
}

.header-main .main-nav .navbar-nav .nav-item a.nav-link {

    font-size: 16px;

    color: #333;

    font-weight: 600;
}

.header-main .main-nav .navbar-nav .nav-item .sub-menu li a {

    color: #333 !important;
}

.header-main .main-nav .navbar-nav .nav-item:hover a {

    color: #145D2F;
}

.header-main .navbar-brand img {

    width: 165px;
}

.header-main .main-nav .navbar-nav .nav-item {

    position: relative;
}

.header-main #mega-menu ul {

    list-style: none;
}

.header-main .nav-item .sub-menu li {

    position: relative;
}

.header-main .btn-dropmenu i {

    color: #333;
}

.header-main span.btn-dropmenu {

    position: absolute;

    right: -6px;

    color: #084F9D;

    top: 8px;
}

.header-main .dropdown-toggle::after {

    color: #333;
}

.header-main .search-header {

    cursor: pointer;

    margin-right: 5px;
}

.header-main .search-header i {

    color: #333;
}

.header-main .search-header form {

    display: none;
}



@media (max-width: 991px) {

    #mega-menu ul {

        padding-left: 10px;
    }



    #mega-menu ul {

        display: none;
    }



    .navbar-nav .nav-item .sub-menu {

        display: none;

        padding-left: 20px;
    }



    .btn-dropmenu i.fa.rotate {

        transform: rotate(-180deg);

        transition: all 0.3s;
    }



    .btn-dropmenu i {

        padding: 8px 11px;

        border-radius: 33px;

        font-size: 20px;

        color: red !important;

        font-weight: bold;
    }
}

@media (min-width: 991px) {

    .nav-item .sub-menu {

        overflow: hidden;

        animation-name: menu-effect-out;

        animation-duration: 0.2s;

        animation-direction: alternate;

        animation-fill-mode: forwards;

        animation-timing-function: linear;

        transition: all 0.2s ease;

        visibility: hidden;

        height: auto;

        position: absolute;

        white-space: nowrap;

        border-radius: 5px;

        box-shadow: 0 2px 8px #00000026;

        list-style: none;

        padding: 10px 20px;

        z-index: 1000;
    }



    .nav-item:hover .sub-menu {

        /*  display: revert !important;*/

        animation-name: menu-effect-in;

        visibility: visible;

        /*  animation-duration: 0.3s;*/

        animation-direction: alternate;

        animation-fill-mode: backwards;

        animation-timing-function: linear;

        background: #fff;

        visibility: visible;
    }



    @keyframes menu-effect-in {

        from {

            height: 0px;
        }

        to {

            height: auto;
        }
    }

    @keyframes menu-effect-out {

        from {

            height: 200px;
        }

        to {

            height: 0;
        }
    }

    .main-nav .navbar-nav .menu-item-mega a {

        position: relative;
    }



    .menu-item-mega {

        position: static !important;
    }



    .menu-item-mega .mega-item a {

        text-transform: inherit;
    }



    div#mega-menu {

        position: absolute;

        width: 100%;

        background: #fff;

        right: 0px;

        z-index: 100;

        visibility: hidden;

        box-shadow: 0 2px 8px #bebebe;
    }



    div#mega-menu .mega-item a {

        color: #333;

        padding-left: 0;

        padding-right: 0;

        text-transform: inherit;
    }



    div#mega-menu ul {

        list-style: none;

        display: flex;

        width: 100%;

        flex-wrap: wrap;

        justify-content: center;

        margin-left: auto;

        padding-left: 20px;

        padding-top: 10px;

        padding-bottom: 10px;
    }



    div#mega-menu .mega-item {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

        padding-top: 10px;

        padding-bottom: 10px;

        display: flex;
    }



    div#mega-menu .mega-item:before {

        content: "\f105";

        display: block;

        color: #FF000A;

        font-family: 'FontAwesome';

        margin-right: 5px;

        font-weight: bold;
    }



    .main-nav .nav-item:hover #mega-menu {

        visibility: visible;
    }
}

.header-main .search-header form {

    position: absolute;

    right: 25px;
}

.header-main .search-header form input {

    border: 8px solid #f2f2f2;

    height: 50px;
}



.header-main .search-header form.show {

    display: block;
}



footer .section-footer {

    background: #145D2F;

    padding-top: 50px;
}

footer .footer-title {

    color: #fff;

    font-weight: 700;

    font-size: 20px;

    line-height: 24px;

    margin-bottom: 20px;
}

footer .info-item {

    margin-bottom: 10px;
}

footer .info-item i {

    color: #fff;

    margin-right: 5px;
}

footer .info-item span {

    color: #fff;

    font-size: 14px;
}

footer .menu-footer li {

    display: flex;

    align-items: center;

    line-height: 32px;
}

footer .menu-footer li::before {

    content: "\f105";

    color: #fff;

    font-family: 'FontAwesome';

    display: block;

    margin-right: 5px;
}

footer .menu-footer li a {

    color: #fff;

    font-weight: 300;
}

footer .copyright {

    color: #fff;

    border-top: 1px solid #fff;

    padding: 16px;

    padding-bottom: 16px;
}



.slider-home .swiper-slide .slide-link::after {

    content: '';

    background: #3333333b;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;
}

.slider-home .swiper-slide .slide-link {

    width: 100%;
}

.slider-home .swiper-slide .slide-link img {

    height: 750px;
}

.slider-home .swiper-pagination-bullet {

    border: 1px solid #fff;

    opacity: 1;
}

.slider-home .swiper-pagination-bullet-active {

    background: #fff;
}



section.intro {

    padding-top: 50px;
}

section.intro .intro-item {

    position: relative;
}

section.intro .intro-item .box-text {

    position: absolute;

    bottom: 0;

    width: 100%;

    padding: 18px 10px;

    background: linear-gradient(0deg, #145D2F 0%, rgba(20, 93, 47, 0) 100%);
}

section.intro .intro-item .box-text h4 {

    color: #fff;

    font-weight: 700;

    font-size: 14px;

    line-height: 17px;
}

section.intro .intro-item .box-text i {

    color: #fff;
}

section.intro .intro-item .box-text::after {

    content: '';

    background: url("../images/icon-arrow-right.svg");

    background-repeat: no-repeat;

    display: block;

    position: absolute;

    right: 10px;

    width: 20px;

    height: 20px;
}



.service-home {

    padding-top: 50px;

    padding-bottom: 50px;
}

.service-home .grid-row {

    display: grid;

    grid-template-columns: repeat(5, 1fr);
}

.steps .grid-row .grid-col:first-child .service-item .icon-box img {

    filter: invert(1);
}

.service-home .grid-row .grid-col:first-child .service-item .icon-box:hover img {

    filter: brightness(0) invert(1);
}

.service-home .icon-box {

    border: 1px solid #ccc;

    border-radius: 50px;

    width: 80px;

    height: 80px;

    padding: 18px;

    margin: auto;
}

.service-home .icon-box:hover {

    background-color: #145D2F;
}

.service-home .icon-box:hover img {

    filter: brightness(0) invert(1);
}

.service-home .text-box p {

    font-weight: 700;

    font-size: 14px;

    line-height: 17px;
}

.service-home .text-box a {

    color: #000000;

    font-size: 14px;

    text-decoration: underline;
}



.section-title {

    margin-bottom: 30px;
}

.section-title:after {

    content: '';

    display: block;

    width: 130px;

    height: 10px;



    margin: 12px auto;

    background-size: 100%;

    background-repeat: no-repeat;
}

.section-title h2 {

    font-weight: 700;

    font-size: 30px;
    line-height: 44px;

    
}



.service-home-2 {

    background: #EBEBEB;

    padding-top: 50px;

    padding-bottom: 50px;
}

.service-home-2 .service-box {

    padding: 15px 25px;
}

.service-home-2 .icon-box img {

    height: 80px;

    padding: 10px;
}

.service-home-2 .text-box h3 {

    font-size: 20px;

    font-weight: 700;

    margin-top: 5px;

    margin-bottom: 5px;

    text-transform: uppercase;
}

.service-home-2 .box-1,

.service-home-2 .box-2,

.service-home-2 .box-3 {

    color: #fff;

    text-align: center;

    font-weight: 700;

    padding: 8px 0;

    font-size: 30px;

    line-height: 48px;
}

.service-home-2 .box-1 {

    background: #E23A59;
}

.service-home-2 .box-2 {

    background: #145D2F;
}

.service-home-2 .box-3 {

    background: #FCC82B;
}



.product-home {

    padding-top: 50px;

    padding-bottom: 30px;
}



.product-item {

    box-shadow: 0px 0px 11px 3px #00000040;

    padding: 10px;

    border-radius: 10px;
}

.product-item .product-image img {

    border-radius: 20px;

    height: 250px;

    object-fit: cover;
}

.product-item .product-text h5 {

    color: #333;

    font-weight: 700;

    font-size: 14px;

    line-height: 17px;

    text-transform: uppercase;

    margin-bottom: 12px;

    margin-top: 15px;
}

.product-item .product-text a.view-more {

    text-decoration: underline;

    color: #145D2F;

    padding-top: 10px;

    padding-bottom: 20px;

    display: inline-block;
}



section.process {




    padding-top: 50px;

    padding-bottom: 50px;
}

section.process .process-wrapper {

    width: 100%;

    margin: auto;
}

section.process .process-item {

    position: relative;

    text-align: center;

    display: inline-block;

    margin-left: 48px;

    margin-right: 48px;
}

section.process .process-item p {

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    
}

section.process .process-item::after {

    content: "\f101";

    font-family: 'FontAwesome';

    display: block;

    position: absolute;

    right: -66px;

    top: 20px;

    color: #fff;

    font-size: 35px;
}

section.process .process-item .process-img {

    width: 80px;

    height: 80px;

    border: 1px solid #ccc;

    background: #FFFFFF;

    border-radius: 50px;

    padding: 10px;

    margin: 0 auto;

    position: relative;
}

section.process .process-item .process-img img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);
}

section.process .process-item:last-child::after {

    content: unset;
}

section.process .section-title {

    position: relative;
}

section.process .section-title:after {

    filter: brightness(0) invert(1);
}

/*section.process .section-overlay {

    content: '';

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    top: 0;

    background: #145d304a;
}*/



section.advantages {

    padding-top: 50px;

    padding-bottom: 50px;
}


section.advantages ul.list li::before {

    content: "\f046";

    font-family: "FontAwesome";

    display: block;

    margin-right: 10px;
}



section.service-packages {

    position: relative;

    background: url("../images/banner-goi-dv.jpg");

    background-size: cover;

    background-repeat: no-repeat;

    padding-top: 50px;

    padding-bottom: 50px;
}

section.service-packages .section-overlay {

    content: '';

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    top: 0;

    background: #145d304a;
}

section.service-packages .section-title {

    position: relative;
}

section.service-packages .section-title:after {

    filter: brightness(0) invert(1);
}

section.service-packages .service-packages-item {

    background: #fff;

    padding: 6px;

    text-align: center;

    border-radius: 0px 0px 20px 20px;
}

section.service-packages .service-packages-item a.btn-dk {

    text-transform: uppercase;

    padding: 8px 20px;

    font-weight: 700;

    display: inline-block;

    color: #fff;

    border-radius: 10px;

    margin-bottom: 18px;

    margin-top: 10px;
}

section.service-packages .col:first-child .service-packages-title {

    background: url(../images/goi-co-ban.png);

    background-size: 100%;

    height: 82px;

    background-repeat: no-repeat;
}

section.service-packages .col:first-child .service-packages-title h3 {

    line-height: 80px;

    height: 100%;

    font-size: 24px;

    color: #fff;

    text-transform: uppercase;
}

section.service-packages .col:first-child a.btn-dk {

    background: #145D2F;
}

section.service-packages .service-packages-title h3 {

    line-height: 80px;

    height: 100%;

    font-size: 24px;

    color: #fff;

    font-weight: 700;

    text-transform: uppercase;
}

section.service-packages .col:nth-child(2) .service-packages-title {

    background: url(../images/goi-nang-cao.png);

    background-size: 100%;

    height: 82px;

    background-repeat: no-repeat;
}

section.service-packages .col:nth-child(2) a.btn-dk {

    background: #E23A59;
}

section.service-packages .col:last-child .service-packages-title {

    background: url(../images/goi-toan-dien.png);

    background-size: 100%;

    height: 82px;

    background-repeat: no-repeat;
}

section.service-packages .col:last-child a.btn-dk {

    background: #FCC82B;
}

section.service-packages .service-packages-content {

    padding-left: 20px;
}

section.service-packages .service-packages-content li {

    display: flex;

    align-items: center;

    margin-bottom: 20px;
}

section.service-packages .service-packages-content li::before {

    content: "\f111";

    font-family: 'FontAwesome';

    display: block;

    color: #145D2F;

    font-size: 6px;

    margin-right: 5px;
}

section.service-packages .service-packages-price {

    font-weight: 700;

    font-size: 20px;

    line-height: 24px;

    margin-top: 10px;

    margin-bottom: 20px;
}



.sign-consultation {

    padding-top: 50px;

    padding-bottom: 50px;
}



.regis-form {



    border-radius: 20px;

    padding: 30px;

    width: 95%;

    margin-left: auto;
}

.regis-form button.btn-dk {

   

    background: #145D2F;

    color: #fff;

    text-transform: uppercase;
    border: 1px solid;
}



.follow-social {

    margin-top: 20px;
}

.follow-social span {

    display: block;

    font-weight: 700;
}

.follow-social a {

    position: relative;

    display: inline-block;

    width: 40px;

    height: 40px;

    border-radius: 50px;

    margin-right: 10px;

    margin-top: 20px;
}

.follow-social a i {

    color: #fff;

    font-size: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);
}

.follow-social a.facebook {

    background: #3A5897;
}

.follow-social a.instagram {

    background: linear-gradient(340deg, #20254C 10.98%, #29254D 15.44%, #41234F 22.7%, #692152 31.89%, #A01F57 42.5%, #DA1C5C 52.6%, #DC255A 57.21%, #E13D56 64.74%, #EA654E 74.24%, #F69C44 85.24%, #FBB040 89.02%);

    transform: matrix(1, 0, 0, -1, 0, 0);
}

.follow-social a.twitter {

    background: #1DA1F2;
}

.follow-social a.youtube {

    background: #FF0000;
}



section.about-us {

    background: #EBEBEB;

    padding-top: 50px;

    padding-bottom: 50px;
}

section.about-us h3 {

    font-weight: 700;

    font-size: 24px;

    line-height: 29px;

    margin-bottom: 25px;
}



section.about-us .card-header button {

    color: #333;

    font-size: 14px;
}

section.about-us .card-header i {

    font-size: 16px;
}

section.about-us .about-left img {

    height: 230px;

    object-fit: cover;

    border-radius: 20px;
}

section.about-us .questions {

    background: #fff;

    box-shadow: 0px 0px 11px 6px rgba(0, 0, 0, 0.25);

    border-radius: 20px;
}



.intro-item .box-image {

    overflow: hidden;
}



.intro-item .box-image img {

    transition: all 0.5s;
}



.intro-item .box-image:hover img {

    transform: scale(1.1);
}



section.about-us .card-header button:hover {

    color: #145D2F;
}



.product-item .product-text a.view-more:hover {

    font-weight: 600;
}



li.nav-item.active a {

    color: #145D2F !important;
}



.product-image {

    overflow: hidden;

    border-radius: 20px;
}



.product-image img {

    transition: all 0.3s;
}



.product-image:hover img {

    transform: scale(1.1);
}



.service-packages-item .btn-dk {

    overflow: hidden;

    position: relative;
}



.service-packages-item .btn-dk:before {

    position: absolute;

    top: 0px;

    left: -49%;

    z-index: 2;

    display: block;

    content: '';

    width: 30%;

    height: 39px;

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);

    -webkit-transform: skewX(-25deg);

    transform: skewX(-25deg);

    z-index: 10000;
}



.service-packages-item .btn-dk:hover::before {

    -webkit-animation: shine .75s;

    animation: shine .75s;
}



@-webkit-keyframes shine {

    100% {

        left: 80%;
    }
}

@keyframes shine {

    100% {

        left: 80%;
    }
}

.product-title:hover {

    color: #145D2F !important;
}



.event-item.video span.icon-img img {

    transition: all 1s;
}



.event-item.video:hover span.icon-img img {

    transform: scale(1.2);
}



.event-item.video {

    overflow: hidden;
}



.event-item.video img {

    transition: all 1s;
}



.event-item.video:hover img {

    transform: scale(1.1);
}



section.process .process-wrapper {

    display: grid;

    grid-template-columns: repeat(5, 1fr);
}



.first-post a {

    display: block;

    overflow: hidden;
}



.first-post a img {

    transition: all 0.3s;
}



.first-post a img:hover {

    transform: scale(1.1);
}



section.process .process-item .process-img:hover {

    background: #145D2F;
}



section.process .process-item .process-img:hover img {

    filter: brightness(0) invert(1);
}



.regis-form button.btn-dk {

    transition: all 0.5s;
}



button.btn.btn-dk:hover {

    background: #094720;
}






.about-left .box-img {

    overflow: hidden;

    border-radius: 20px;
}



.about-left .box-img img {

    transition: all 5s;
}



.about-left .box-img:hover img {

    transform: scale(1.1);
}



.service-home-2 .service-box {

    transition: all 1s;
}



.service-home-2 .service-box:hover {

    box-shadow: 0 14px 28px #00000040, 0 10px 10px #0000001a;
}



.service-item .text-box a:hover {

    color: #145D2F;

    font-weight: bold;
}



.service-packages-item,

.product-item {

    transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
}



.service-packages-item:hover {

    -webkit-transform: translateY(-6px);

    -ms-transform: translateY(-6px);

    transform: translateY(-6px);

    box-shadow: 0 25px 12px #00000033, 0 20px 8px #00000045;
}



.product-item:hover {

    -webkit-transform: translateY(-6px);

    -ms-transform: translateY(-6px);

    transform: translateY(-6px);

    box-shadow: 0 14px 28px #00000040, 0 10px 10px #0000001a;
}



.wrap-breadcrumbs {

    background: #145D2F;

    margin-top: 6px;
}

.wrap-breadcrumbs .breadcrumb {

    background: transparent;

    margin-bottom: 0;
}

.wrap-breadcrumbs .breadcrumb .breadcrumb-item {

    color: #fff;
}

.wrap-breadcrumbs .breadcrumb .breadcrumb-item a {

    color: #fff;
}



.page-tempate {

    padding-top: 30px;
}



.page-title {

    font-weight: 700;

    font-size: 14px;

    margin-bottom: 15px;
}



.about-title {

    color: #145D2F;

    font-weight: 700;

    font-size: 24px;

    line-height: 29px;

    margin-bottom: 15px;
}



section.certificate {

    padding-top: 50px;

    padding-bottom: 50px;

    background: #F2F2F2;
}



.service-content {

    border-top: 1px solid #145D2F;

    padding-top: 20px;
}

.service-content .icon-box .icon {

    width: 60px;

    height: 60px;

    border: 1px solid #fff;

    border-radius: 50px;

    display: flex;
}

.service-content .icon-box .icon img {

    margin: auto;
}

.service-content .icon-box p {

    padding-left: 10px;
}

.service-content .col-inner {

    color: #fff;

    background: #145D2F;

    padding: 30px;
}

.service-content .service-img {

    height: 100%;
}

.service-content .service-img img {

    height: 100%;

    object-fit: cover;

    object-position: right;
}



.cat-service-title {

    font-weight: 700;

    font-size: 24px;

    line-height: 29px;

    color: #145D2F;
}



section.solution {

    background: #F2F2F2;

    padding-top: 30px;

    padding-bottom: 30px;
}

section.solution .solution-title {

    font-weight: 700;

    font-size: 24px;

    line-height: 29px;

    color: #145D2F;

    

    border-bottom: 1px solid #145D2F;

    padding-bottom: 15px;

    margin-bottom: 15px;
}



.solution-img {

    margin-bottom: 10px;

    padding: 10px;
}

.solution-img img {

    width: 100%;
}



.archive-product {

    padding-top: 30px;

    padding-bottom: 30px;
}



.navigation-wrapper .pagination li {

    margin-right: 8px;

    border-radius: 5px;
}

.navigation-wrapper .pagination li a {

    color: #333;

    padding: 10px 18px;

    font-weight: 600;
}

.navigation-wrapper .pagination li.active a {

    background: #145D2F;
}



.specifications-info {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 20px;

    padding-bottom: 20px;

    margin-top: 20px;

    justify-content: space-between;
}

.specifications-info table {

    width: 49% !important;

    margin-bottom: 30px;
}

.specifications-info table tr {

    border-bottom: 1px solid #ccc;
}

.specifications-info table tr td {

    padding: 5px;
}



.single-product {

    padding-top: 30px;

    padding-bottom: 30px;
}



.top-info .product-title {

    font-size: 25px;

    font-weight: 700;

    line-height: 36px;

    color: #145D2F;

    margin-bottom: 10px;
}

.top-info .characteristics {

    font-size: 16px;

    font-weight: 700;

    line-height: 19px;

    color: #000000;
}



.archive-blog,

.gallery-page {

    padding-top: 30px;

    padding-bottom: 30px;
}



.entry-title {

    font-weight: 700;

    font-size: 24px;

    line-height: 30px;

    margin-bottom: 15px;

    line-height: 30px;
}



.first-post {

    border-bottom: 1px solid #145D2F;

    padding-bottom: 20px;

    margin-bottom: 20px;
}

.first-post .post-title {

    color: #333;

    font-weight: 700;

    font-size: 14px;

    line-height: 21px;

    margin-bottom: 16px;
}



.meta-post .date-post {

    margin-right: 20px;
}

.meta-post i {

    margin-right: 5px;
}



.post-list {

    margin-top: 30px;
}

.post-list .post-title {

    color: #333;

    font-weight: 700;

    font-size: 14px;

    line-height: 21px;

    margin-bottom: 10px;
}

.post-list .media-body p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    max-height: 4.5em;
}

.post-list .post-item a img {

    width: 230px;

    height: 150px;
}



.widget-title {

    color: #fff;

    background: #145D2F;

    font-weight: 600;

    text-transform: uppercase;

    padding: 10px 20px;
}



.sidebar-post-item .post-title {

    color: #333;

    font-size: 14px;

    line-height: 21px;
}

.sidebar-post-item a img {

    width: 120px;

    height: 88px;

    object-fit: cover;
}



.video-sidebar {

    position: relative;

    overflow: hidden;

    margin-top: 20px;
}



.video-sidebar .icon-video {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 80px;

    transition: all 0.8s;
}



.video-sidebar .video iframe {

    width: 100%;

    height: 166px;
}



.single-blog {

    padding-top: 30px;

    padding-bottom: 30px;
}



.related-posts {

    border-top: 1px solid #145D2F;

    padding-top: 30px;

    margin-top: 20px;
}

.related-posts .related-posts-title {

    color: #145D2F;

    font-weight: 700;

    font-size: 14px;

    text-transform: uppercase;

    margin-bottom: 15px;
}

.related-posts .box-text .post-title {

    color: #333;

    margin-top: 10px;

    font-weight: 700;

    font-size: 14px;

    margin-bottom: 15px;

    line-height: 21px;
}

.related-posts .box-text .label {

    background: #D9D9D9;

    border-radius: 4px;

    display: inline-block;

    padding: 4px 6px;
}



.event-item.video {

    position: relative;
}



.event-item img {

    transition: all 0.5s;

    width: 100%;

    height: 300px;

    object-fit: cover;
}



.event-text-box {

    position: absolute;

    bottom: 0px;

    display: flex;

    align-items: center;

    width: 100%;

    padding: 15px 10px 18px 10px;

    background: linear-gradient(0deg, #145D2F 0%, rgba(20, 93, 47, 0) 100%);
}



.event-text-box h5 {

    color: #fff;
}



.event-item.video span.icon-img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);
}



.event-item.video span.icon-img img {

    width: 58px;

    height: 58px;

    transition: all 1s;
}



.post-title:hover {

    color: #145D2F;
}



.langgue .nav-item.dropdown .dropdown-menu {

    min-width: 75px;
}



@media (max-width: 768px) {

    section.slider-home .banner-slider .swiper-slide img {

        height: auto;
    }
}

@media (max-width: 426px) {

    footer #footer .footer-block .block-item img {

        margin-right: 5px;

        width: 10px;
    }



    footer #footer .footer-block .block-item span {

        font-size: 10px;
    }



    footer #footer .footer-menu ul li.nav-item {

        padding: 0;

        line-height: 22px;
    }
}

@media (max-width: 992px) {

    .navbar .navbar-brand {

        display: none;
    }



    .home .navbar-toggler-icon i {

        color: #fff;
    }



    .main-nav .navbar .navbar-collapse.mobile {

        position: fixed;

        height: 100%;

        width: 80%;

        background: #fff;

        top: 0;

        left: -1000px;

        z-index: 100;

        transition: all 0.3s;
    }



    .main-nav .navbar .collapse {

        display: block;
    }



    .overlay-mobile.show {

        position: fixed;

        width: 100%;

        height: 100%;

        background-color: #0e0e0e82;

        z-index: 100;

        display: block;

        top: 0;

        left: 0;
    }



    .main-nav .navbar .navbar-collapse.mobile.active {

        left: 0px;
    }



    .header-wrapper .header-main .main-nav .navbar-nav {

        margin-top: 30px;
    }



    .home .header-main .main-nav .navbar-nav .nav-item a.nav-link {

        color: #333;
    }



    .main-nav {

        display: flex;
    }



    a.navbar-brand.mobile {

        margin-left: auto;

        margin-right: auto;
    }



    .section.process {

        background-size: cover;
    }



    section.advantages .advantages-item {

        padding: 20px;
    }



    .regis-form {

        width: 100%;
    }



    .wrap-breadcrumbs {

        margin-top: 10px;
    }



    .header-main .search-header form {

        display: block;

        margin-top: 25px;
    }



    .first-post .post-title {

        margin-top: 10px;
    }



    .header-main .search-header i {

        display: none;
    }



    .navbar-toggler:focus {

        outline: 0;

        box-shadow: unset;

        border: unset;
    }



    .specifications-info table {

        width: 100% !important;
    }
}

@media (min-width: 992px) {

    .navbar-brand.mobile {

        display: none;
    }



    .navbar-toggler {

        display: none;
    }
}

@media (max-width: 540px) {

    .post-list .media {

        display: block;
    }

    .post-list .post-title {

        margin-top: 10px;
    }

    .post-list .post-item a img {

        width: 100%;

        height: auto;
    }



    .questions h5 {

        display: flex;

        align-items: center;
    }



    .slider-home .swiper-slide .slide-link img {

        height: 350px;
    }



    .home .header-main .main-nav .dropdown-toggle::after {

        color: #333;
    }



    .follow-social {

        text-align: center;
    }



    .regis-form button.btn-dk {

        width: 100%;
    }



    section.process {

        background-size: cover;
    }



    section.process .process-wrapper {

        display: grid;

        grid-gap: 50px;

        grid-template-columns: 100%;
    }



    section.process .process-item::after {

        left: 50%;

        right: unset;

        top: 115px;

        color: #fff;

        font-size: 35px;

        transform: translateX(-50%) rotate(90deg);
    }



    .service-home .grid-row {

        display: flex;

        flex-wrap: wrap;
    }

    .service-home .grid-row .grid-col {

        margin-bottom: 20px;
    }

    .service-home .grid-row .grid-col:first-child,

    .service-home .grid-row .grid-col:nth-child(2) {

        width: 50%;
    }

    .service-home .grid-row .grid-col:nth-child(3),

    .service-home .grid-row .grid-col:nth-child(4),

    .service-home .grid-row .grid-col:nth-child(5) {

        width: 33.33%;
    }



    section.about-us .card-header button {

        text-align: left;
    }
}

.contact-page {

    padding-top: 30px;

    padding-bottom: 50px;
}

.contact-page .contact-info {

    padding-top: 50px;

    padding-bottom: 30px;
}

.contact-page .contact-info .contact-info-item img {

    width: 50px;
}

.contact-page .contact-info .contact-info-item .box-tex {

    padding-left: 20px;
}

.contact-page .contact-info .contact-info-item .box-tex a {

    display: block;

    color: #145D2F;

    text-decoration: underline;
}

.contact-page .contact-form {

    padding-top: 15px;
}

.contact-page .contact-form h2 {

    font-weight: 700;

    font-size: 30px;

    line-height: 36px;

    color: #145D2F;

    text-transform: uppercase;

    margin-bottom: 15px;
}

.contact-page .contact-form h3 {

    font-weight: 700;

    font-size: 16px;

    line-height: 19px;

    text-transform: uppercase;

    margin-bottom: 10px;
}

.contact-page .contact-form label {

    font-weight: 600;
}

.contact-page .btn-send {

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    background: #145D2F;
}