﻿/*
Theme Name: Zota Templage
Theme URI: https://www.zota.vn/project
Author: Zota Team
Author URI: https://www.zota.vn/
Description: Designed and developed by Zota
Text Domain: zota
Tags: thiet ke web da nang, thiet ke web wordpress
*/

/*
======================================
[ Body ]
======================================
*/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
@font-face { font-family: 'Segoe-Ui-Semibold'; src: url('assets/fonts/Segoe-Ui-Semibold/Segoe-Ui-Semibold.eot'); src: url('assets/fonts/Segoe-Ui-Semibold/Segoe-Ui-Semibold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Segoe-Ui-Semibold/Segoe-Ui-Semibold.ttf')  format('truetype'), url('assets/fonts/Segoe-Ui-Semibold/Segoe-Ui-Semibold.svg#Segoe-Ui-Semibold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'UTM-Avo-Bold'; src: url('assets/fonts/Avo/UTM-Avo-Bold.eot'); src: url('assets/fonts/Avo/UTM-Avo-Bold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Avo/UTM-Avo-Bold.woff') format('woff'), url('assets/fonts/Avo/UTM-Avo-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PoppinsVN'; src: url('assets/fonts/PoppinsVN/PoppinsVN-400.eot'); src: url('assets/fonts/PoppinsVN/PoppinsVN-400.eot?#iefix') format('embedded-opentype'), url('assets/fonts/PoppinsVN/PoppinsVN-400.woff') format('woff'), url('assets/fonts/PoppinsVN/PoppinsVN-400.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PoppinsVN'; src: url('assets/fonts/PoppinsVN/PoppinsVN-500.eot'); src: url('assets/fonts/PoppinsVN/PoppinsVN-500.eot?#iefix') format('embedded-opentype'), url('assets/fonts/PoppinsVN/PoppinsVN-500.woff') format('woff'), url('assets/fonts/PoppinsVN/PoppinsVN-500.ttf') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'PoppinsVN'; src: url('assets/fonts/PoppinsVN/PoppinsVN-600.eot'); src: url('assets/fonts/PoppinsVN/PoppinsVN-600.eot?#iefix') format('embedded-opentype'), url('assets/fonts/PoppinsVN/PoppinsVN-600.woff') format('woff'), url('assets/fonts/PoppinsVN/PoppinsVN-600.ttf') format('truetype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'PoppinsVN'; src: url('assets/fonts/PoppinsVN/PoppinsVN-400i.eot'); src: url('assets/fonts/PoppinsVN/PoppinsVN-400i.eot?#iefix') format('embedded-opentype'), url('assets/fonts/PoppinsVN/PoppinsVN-400i.woff') format('woff'), url('assets/fonts/PoppinsVN/PoppinsVN-400i.ttf') format('truetype'); font-weight: normal; font-style: italic; }
body { font-family: 'PoppinsVN', sans-serif; font-size: 17px; }
a, a:focus, a:hover { text-decoration: none; outline: 0; }

/*
======================================
[ Header ]
======================================
*/
.header { background: #fff; -webkit-box-shadow: 0 2px 2px rgba(88, 88, 88, 0.175); box-shadow: 0 4px 4px rgba(88, 88, 88, 0.175); }
.scrollUp {
    transform: translateY(-150px);
}
.header .bar i { color: #156953; }
.header .wrap { position: relative; background: #156953; }
.relative { position: relative; }
.logo { position: absolute; top: -42px; left: 0; right: 0; z-index: 999; background: #fff; border-radius: 50%; width: 120px; height: 120px; margin: 0 auto; display: flex; justify-content: center; align-items: center; border: 10px solid #156953; }
.fixed {transition: all 0.5s;position: fixed;z-index: 9999;width: 100%;top: 0;right: 0;left: 0;}
.search-wrap { position: absolute; right: 0; z-index: 99; background: #fff; padding: 10px; left: 0; }
.search-form .buttom-search { background-color: #60b126; border: 0; color: #fff; text-transform: uppercase; font-size: 14px; height: 40px; width: 70px; }
.search-form input.form-control::placeholder { color: #60b126; opacity: 1; }
.search-form input.form-control:-ms-input-placeholder { color: #60b126; }
.search-form input.form-control::-ms-input-placeholder { color: #60b126; }
.search-form input.form-control { height: 40px; border-radius: 4px; background: #fff; color: #444; }
.search-form .form-control { border: solid 1px #60b126; -webkit-box-shadow: none; box-shadow: none; }
.search-form .form-group { margin: 0; }

/*
======================================
[ Menu Main ]
======================================
*/
.menu-primary { margin: 0; text-align: center; }
.menu-primary ul { list-style: none; margin-bottom: 0; padding: 0; }
.menu-primary>ul>li { position: relative; display: inline-block; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; margin: 0 10px; }
.menu-primary>ul>li>a { text-transform: uppercase; display: block; color: #ffffff; font-size: 15px; padding: 10px; }
.menu-primary ul li.menu-item-has-children:hover >ul.sub-menu { display: block; }
.menu-primary>ul>li:not(.menu-item-has-children)>a:after { background: transparent; content: ''; width: 0; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -o-transition: width 0.2s ease; transition: width 0.2s ease; }
.menu-primary>ul>li:hover a:after, .menu-primary ul li.current-menu-item > a:after { background: #ffffff; width: 100%; }
.menu-primary ul.sub-menu { padding: 0; display: none; width: 200px; position: absolute; z-index: 200; background: #60b126; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; text-align: left; }
.menu-primary >ul >li > ul.sub-menu { top: 44px; }
.menu-primary >ul >li > ul.sub-menu > li > ul { left: 200px; top: 0; }
.menu-primary>ul>li:hover.menu-item-has-children:before { content: ""; position: absolute; top: 39px; left: 0; right: 0; text-align: center; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #60b126 transparent; z-index: 9; }
.menu-primary ul.sub-menu li { padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.31); position: relative; }
.menu-primary ul.sub-menu li:last-child { border: none; }
.menu-primary ul.sub-menu li a { color: #fff; }
.menu-primary ul.sub-menu li:hover { background: rgba(0, 0, 0, 0.16); border-bottom: 1px solid rgba(255, 255, 255, 0.39); }
.menu-primary ul li.menu-item-has-children:after {font-weight: 900;font-family: 'Font Awesome 5 Free';position: absolute;top: 12px;right: -15px;color: #ffffff;}
.menu-primary >ul >li.menu-item-has-children:after { content: "\f107"; }
.menu-primary ul>li>ul>li.menu-item-has-children:after { content: "\f101"; }

/*
======================================
[ Menu Mobi ]
======================================
*/
a.mobile-btn { display: block; position: absolute; width: 40px; height: 40px; border: 3px solid #156953; border-radius: 100%; padding: 2px; font-size: 20px; text-align: center; top: 50%; transform: translateY(-50%); z-index: 999; }
a.mobile-btn i { color: #156953; }
.position-right { right: 10px; }
.position-left { left: 10px; }
.nav-mobile { background: #fff; top: 0; position: fixed; width: 80%; z-index: 9999; display: none; left: 0; height: 60%; }
ul.accordion-responsive { list-style: none; padding: 0; }
ul.accordion-responsive li { border-bottom: 1px solid #eee; position: relative; }
ul.accordion-responsive li a { color: #444; font-size: 14px; padding: 10px; display: block; text-transform: uppercase; }
ul.accordion-responsive li .dcjq-icon:after { display: inline-block; font-weight: 900; font-family: 'Font Awesome 5 Free'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); position: absolute; right: 0; color: #60b126; top: 0; width: 40px; height: 40px; text-align: center; line-height: 3; }
ul.accordion-responsive li .dcjq-icon:after { content: "\f107" }
ul.accordion-responsive li .dcjq-icon.active:after { content: "\f106"; }
ul.accordion-responsive li ul { list-style: none; padding: 0; }
ul.accordion-responsive li ul >li { padding-left: 20px; }
ul.accordion-responsive li ul >li a:before { font-weight: 900; font-family: 'Font Awesome 5 Free'; content: "\f054"; margin-right: 10px; }

/*
======================================
[ Footer ]
======================================
*/
footer.footer { position: relative; background-color: #f4f4f4; -webkit-background-size: auto; -moz-background-size: auto; background-size: auto; color: #444; }
footer.footer i { color: #e31f1b; text-align: center; width: 40px; height: 40px; border: 1px solid; padding: 12px; margin-right: 10px; }
footer.footer h4 { position: relative; }
footer.footer h4 strong { display: block; font-size: 15px; margin-bottom: 20px; font-family: 'UTM-Avo-Bold'; text-transform: uppercase; }
footer.footer ul.menu { list-style: square; padding: 0 0 0 20px; }
footer.footer ul.menu li { padding: 7px; color: #e31f1c; }
footer.footer ul.menu li a { color: #444; }
footer.footer .social i { font-size: 20px; width: 35px; height: 32px; text-align: center; color: #fff; line-height: 1.6; }
footer.footer .social i.icon-facebook { background: #3b5998 }
footer.footer .social i.icon-google { background: #db4437 }
footer.footer .social i.icon-youtube { background: #e62117 }
footer.footer .social i.icon-linkedin { background: #00aff0 }
footer.footer .copyright { padding: 10px 0; font-size: 15px; line-height: 1.8; background: linear-gradient(-90deg, #156953 0%, #007c72 100%); color: #fff; }
footer.footer .copyright span { display: block; }

/*
======================================
[ Contact From ]
======================================
*/
.contact-form { position: relative; }
.contact-form .input-group { margin-bottom: 5px; float: left; border: 1px solid #eee; }
.contact-form .input-group  br { display: none; }
.contact-form .input-group-text { background: #fff; border: none; color: #444; border-radius: 0; }
.contact-form .input-group .input-group-addon { border-radius: 0px; border: none; position: relative; padding: 0px 10px; background-color: #fff; }
.contact-form .input-group .input-group-addon i { color: #d41836; font-size: 20px; width: 20px; height: 20px; }
.contact-form .input-group .form-control { background-color: rgb(255, 255, 255); border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #0E0E0E; min-height: 34px; border: none; -webkit-box-shadow: none; box-shadow: none; border-left: 1px solid #fff; background-clip: unset; }

/*
======================================
[ Overlay ]
======================================
*/
.zoom-on-hover { position: relative; overflow: hidden; display: block; }
.zoom-on-hover:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.zoom-on-hover img { transition: transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; -webkit-transition: -webkit-transform .3s ease-out; }
.countdown span { display: inline-block; background: #007c72; position: relative; color: #fff; border-radius: 3px; font-size: 15px; text-align: center; margin: 5px; padding: 0px 0 5px; width: 60px; }
.countdown i { display: block; font-size: 25px; font-style: normal; font-weight: bold; border-bottom: 1px solid rgba(255, 255, 255, 0.28); margin-bottom: 0px; }
.countdown { text-align: center; margin-bottom: 10px; margin-top: 10px; }
.countdown span:before { width: 10px; height: 10px; border-radius: 50%; border: 1px solid #fff; left: 0; right: 0; top: 10px; position: absolute; margin: 0 auto; }
.registration-wrap {position: relative; z-index: 9999; color: #fff; background: linear-gradient(45deg, #156953 50%, #007c72 100%);}
.registration-wrap .info { color: #fff; text-align: center; }
.registration-wrap .info h2 { font-family: 'UTM-Avo-Bold'; font-size: 24px; text-transform: uppercase; }
.registration-wrap .price { background: #F44336; width: 320px; border-radius: 40px; overflow: hidden; margin: 20px auto; }
.registration-wrap .price b { display: block; margin-top: 5px; }
.registration-wrap .price span { width: 50%; float: left; display: block; }
.registration-wrap .price span:first-child { font-size: 24px; font-weight: 600; padding: 10px; background: #00000057; }
.heading { text-align: center; }
.heading h2 { font-family: 'UTM-Avo-Bold'; font-size: 22px; text-transform: uppercase; }
.heading p { margin: 20px 0; }
.heading span.separator { position: relative; display: inline-block; margin: 0 auto; text-align: center; }
.heading span.separator i { font-size: 20px; }
.heading span.separator:before { content: ""; position: absolute; width: 150px; height: 10px; right: 25px; margin: 0 auto; top: 0px; }
.heading span.separator:after { content: ""; position: absolute; width: 150px; height: 10px; left: 25px; margin: 0 auto; top: 0; }
.heading.red span.separator i { color: #156953; }
.heading.red span.separator:before, .heading.red span.separator:after { border-bottom: 2px solid #156953; }
.heading.white span.separator i { color: #fff; }
.heading.white span.separator:before, .heading.white span.separator:after { border-bottom: 2px solid #fff; }
.heading.white { color: #fff; position: relative; }
.abouts .wrap ul { list-style: none; padding: 0; }
.abouts .wrap ul li span { width: 50px; height: 50px; border: 1px dashed; display: flex; border-radius: 50%; margin-right: 10px; align-items: center; justify-content: center; font-weight: 600; font-size: 40px; }
.abouts .wrap ul li { display: flex; align-items: center; margin: 10px 0; color: #156953; }
.abouts .wrap ul li strong {
    width: 80%;
}
.route .item { position: relative; width: 345px; height: 345px; border-radius: 50%; display: block; font-family: 'Segoe-Ui-Semibold'; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, .3); margin: 10px auto; }
.route .info { position: absolute; left: 0; right: 0; color: #fff; text-align: center; top: 50%; transform: translateY(-50%); z-index: 9; }
.route .stage {background: rgb(0, 0, 0, 0.65); padding: 5px 10px 10px; line-height: 1.8; }
.route .stage span { display: block; font-family: 'PoppinsVN', sans-serif; }
.table-price .item { background: linear-gradient(to bottom, #156953 0, #007c72 83%); text-align: center; color: #fff; padding: 5px; border-bottom: 5px solid #156953; position: relative; }
.table-price .item img { width: 300px; height: auto; border-radius: 100%; margin: 10px auto; /*background: #00000057;*/ object-fit: cover;}
.table-price .item .info > span { display: block; }
.table-price .item h2 { font-family: 'UTM-Avo-Bold'; font-size: 18px; text-transform: uppercase; color: #ffffff; padding: 10px; }
.table-price .info > span { border-bottom: 1px solid #ffffff52; padding: 10px; }
.table-price .item .wrap { position: relative; z-index: 9; }
.table-price .item:before { content: ""; position: absolute; border: 1px solid rgba(255, 255, 255, 0.41); left: 5px; right: 5px; top: 5px; bottom: 5px; }
.route .item img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
.route .item:after { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(to bottom, #156953 0, #15695300 83%);-webkit-transition: background .3s; transition: background .3s; }
.route .info h3 { font-family: 'UTM-Avo-Bold'; text-transform: uppercase; font-size: 20px; display: block; margin: 0px 0; }
.process { position: relative; background: #fff; }
.process:before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 100%; background: #156953; }
.process .item { background: rgba(255, 255, 255, 0.1); position: relative; padding: 10px; }
.process .item:before { content: ""; position: absolute; border: 1px solid rgba(255, 255, 255, 0.41); left: 5px; right: 5px; top: 5px; bottom: 5px; }
.process .item .wrap { position: relative; z-index: 9; }
.process .item img { height: 250px; width: 100%; object-fit: contain; }
.process .item h3 { color: #ffffff; text-transform: uppercase; font-size: 16px; font-family: 'UTM-Avo-Bold'; padding: 20px 0; text-align: center}
.process .item span { color: #d41836; display: block; margin-bottom: 20px; }
.schedule { background: #156953; color: #fff; }
.schedule ul { list-style: none; padding: 0; clear: both; overflow: hidden; }
.schedule ul li { display: block; float: left; width: 100%; padding: 5px 0 5px 25px; position: relative; }
.schedule ul li:before { content: "\f058"; width: 15px; left: 0; top: 50%; transform: translate(0, -50%); position: absolute; font-weight: 900; font-family: "Font Awesome 5 Free"; color: #fdaf17; }
.schedule a { color: #fff; background: #FF5722; padding: 8px 20px; border-radius: 4px; display: inline-block; }
.schedule img { height: 100%; object-fit: cover; width: 100%; }
.img-wrap { position: relative; z-index: 9; }
.img-wrap:before { position: absolute; content: ''; bottom: -10px; right: -10px; width: 80px; height: 80px; background: #fdaf17; z-index: -1; }
.img-wrap:after { position: absolute; content: ''; top: -10px; left: -10px; width: 80px; height: 80px; background: #fdaf17; z-index: -1; }
img.object-fit { height: 465px; object-fit: cover; }

/*
======================================
[ Gallery ]
======================================
*/
.metabox-gallery { position: relative; }
.gallery-full { margin-bottom: 10px; }
.gallery-thumbnail .owl-item { border: 2px solid rgba(0, 0, 0, 0); }
.gallery-thumbnail .owl-item.current { border: 1px solid red; }
.gallery-full img { height: 400px; object-fit: cover; background: #f5f5f5; padding: 5px; width: 100%; }
.gallery-thumbnail img { height: 70px; object-fit: cover; width: 100%; padding: 10px; }
.single-product-wrap h1 { font-family: 'UTM-Avo-Bold'; font-size: 18px; width: 100%; line-height: 1.6; margin: 5px 0; color: #444; font-weight: 600; }
.single-product-wrap .order { margin: 10px 0; }
.single-product-wrap .order .btn--order { display: block; text-transform: uppercase; font-size: 15px; vertical-align: middle; text-align: center; overflow: hidden; font-family: 'Segoe-Ui-Semibold'; }
.single-product-wrap .order .btn--order i { float: left; width: 50px; font-size: 30px; font-style: normal; text-align: center; }
.single-product-wrap .order .btn--order i:before { font-weight: 900; font-family: "Font Awesome 5 Free"; }
.single-product-wrap .order .btn-call i:before { content: "\f291"; }
.single-product-wrap .order .btn-add-cart i:before { content: "\f291"; }
.single-product-wrap .order .btn-add-cart { background: #e62117; color: #fff; }
.single-product-wrap .order .btn-call { background: #60b126; color: #fff; }
.single-product-wrap .order .btn--order b { text-transform: none; font-size: 15px; display: block; }
.single-product-wrap .order .btn--order span { margin: 10px 0 0; display: block; }
.single-product-wrap .price > span.amount, .single-product-wrap .price > ins span.amount, .woocommerce-variation-price span.amount { color: #d40736; font-weight: bold; font-size: 25px; font-family: 'UTM-Avo-Bold'; }
.amount {color:yellow; font-weight: bold;}
.single-product-wrap .price > del span.amount { font-family: 'UTM-Avo-Bold'; font-size: 15px; color: #333; font-weight: bold; }
.single-product-wrap .price > ins { text-decoration: none; }
.single-product-wrap .gift { border: 1px solid #e62117; position: relative; background: #fff; margin-top: 20px; padding: 20px 0 0px; }
.single-product-wrap .gift ul { list-style-type: square; }
.single-product-wrap .gift ul li { padding: 5px 0 0 0; }
.single-product-wrap .gift span { position: absolute; background: #e62117; color: #fff; padding: 5px 10px; top: -15px; left: 20px; }

/*
======================================
[ Social]
======================================
*/
.share-wrap a { font-size: 15px; width: 30px; height: 30px; text-align: center; color: #fff; line-height: 2; border-radius: 100%; display: inline-block; }
.share-wrap .facebook { background: #3b5998 }
.share-wrap .twitter { background: #db4437 }
.share-wrap .pinterest { background: #e62117 }
.share-wrap .linkedin { background: #00aff0 }
.blog-wrap .item { box-shadow: rgba(34, 34, 34, 0.07) 3px 3px 9px 0px; }
.blog-wrap .item a.post-title { display: block; margin: 10px 0; font-weight: 600; color: #444; font-size: 17px; }
.blog-wrap .item span { font-size: 14px; color: #999; }
.blog-wrap .item span>a { color: #999; }
.blog-wrap .item a.readmore { border: 1px solid; color: #e31f1b; padding: 5px 10px; border-radius: 20px; }

/*
======================================
[ Overlay ]
======================================
*/
.overlay { position: relative; }
.overlay:before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.5); left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.overlay .container { position: relative; z-index: 9; }

/*
======================================
[ Breadcrumbs ]
======================================
*/
.breadcrumbs { background: #44464b; color: #fff; padding: 15px 0 1px; }
.breadcrumbs a { color: #fff; }

/*
======================================
[ Heading ]
======================================
*/
h1.h1 { font-family: 'UTM-Avo-Bold'; font-size: 18px; width: 100%; line-height: 1.2; color: #60b126; font-weight: 700; text-align: center; text-transform: uppercase;}
h2.widget-title { font-family: 'UTM-Avo-Bold'; font-size: 20px; position: relative; color: #44464b; }
h2.widget-title span { display: inline-block; position: relative; z-index: 999; padding: 10px 0; text-transform: uppercase; }
h3.h3 { font-size: 15px; position: relative; font-weight: 100; color: #e62117; text-transform: uppercase; background: #fff; overflow: hidden; }
h3.h3 span { position: relative; }
h3.h3:before { content: "\f083"; font-family: 'Font Awesome 5 Free'; font-weight: 900; background: #60b126; display: inline-block; margin-right: 10px; color: #fff; width: 35px; height: 35px; padding: 10px; }
h3.h3:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #60b126; position: absolute; left: 35px; top: 13px; }

/*
======================================
[ Single Page ]
======================================
*/
.entry-meta { background: #ffffff; padding: 10px; font-size: 14px; }
.entry-meta span { margin-right: 10px; }
.entry-meta a { color: #d61231; }
.tag-list a { color: #444; background: #f5f5f5; padding: 2px 10px; border-radius: 10px; font-size: 13px; }
.entry-content h2 { font-size: 16px; font-family: 'UTM-Avo-Bold'; line-height: 1.6; font-weight: 900; }
.entry-content h3 { font-size: 18px; font-family: 'UTM-Avo-Bold'; line-height: 1.6; font-weight: 900; }
.entry-content strong, .entry-content b { font-family: 'UTM-Avo-Bold'; line-height: 1.6; font-weight: 900; }
.nav-fixed { background: none; text-align: center; position: fixed; bottom: 0.4%; left: 4%; right: 4%; padding-top: 1px; z-index: 999; font-size: 20px;}
.nav-fixed a img { display: block; margin: 5px auto; width: 25px; }
.nav-fixed a { color: #ffd700; padding: 5px 10px; background: #0e4c3c; display: block; margin: 1px; border-radius: 20px;}

.feedback .item img {
    height: 250px;
    object-fit: cover;
	width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	border: 1px solid #e3e3e3;
}
.feedback .item {
	display: none;
}
.registration-post {
	color: #fff;
    background: linear-gradient(45deg, #156953 50%, #007c72 100%);
}