/* CUSTOM */
.title-main span { position: relative; } 
.line-text { margin-top: -10px; margin-right: -20px; } 
.read-aboutus { margin-top: 40px; } 

/* PRODUCT */
.wrap-product { background: #f7f8f9; position: relative; z-index: 1; } 
/* .wrap-product::after { content: url(../images/set/after.png); position: absolute; right: 0; bottom: 0; z-index: -1; } */
.info-price { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; } 
.price-text { font-family: var(--font-bold); font-size: 20px; color: var(--color-main); margin-top: 10px; } 
.price-text span { color: #000; } 
/* .price-text { font-family: var(--font-semi); font-size: 20px; color: var(--color-hover); } */
.info-price .detail:hover img { -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(54%) saturate(7426%) hue-rotate(316deg) brightness(111%) contrast(101%); filter: brightness(0) saturate(100%) invert(99%) sepia(54%) saturate(7426%) hue-rotate(316deg) brightness(111%) contrast(101%); } 
.info-product { padding: 15px 20px 25px 20px; background: #fff; } 
.info-product .address { font-size: 13px; color: #808080; text-transform: capitalize; font-family: "Inter_Regular"; margin: 5px 0 10px 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; } 
.info-product .tools { font-family: "Inter_Regular"; } 
.flex-tools { margin-top: 15px; } 
.product:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } 
.feature { padding: 5px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; text-transform: uppercase; left: 20px; top: 20px; background: var(--color-main); color: #000; font-family: var(--font-bold); font-size: 10px; color: #fff; } 
.product .status { padding: 5px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; right: 20px; top: 20px; background: #836f50; color: #fff; font-family: var(--font-bold); font-size: 10px; } 

/* VIDEO */
.wrap-video { position: relative; z-index: 11; } 
.play { left: 0; right: 0; bottom: 0; margin: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 50%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; /* padding: 15px; */ } 
.play img { padding: 10px; } 
.image-video img { height: 375px; } 

/* ALBUM */
.wrap-album { position: relative; z-index: 1; } 
.main-album { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } 
.items-album:nth-child(1) { grid-area: 1 / 1 / 5 / 6; } 
.items-album:nth-child(2) { grid-area: 1 / 6 / 3 / 10; } 
.items-album:nth-child(3) { grid-area: 1 / 10 / 3 / 13; } 
.items-album:nth-child(4) { grid-area: 3 / 6 / 5 / 9; } 
.items-album:nth-child(5) { grid-area: 3 / 9 / 5 / 13; } 

.section-project { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } 
.main-news .price-text { font-size: 15px; } 
.main-project { background: #a96b12; } 

/* SOCIAL */
.social-header ul li img { -webkit-filter: brightness(0) saturate(100%) invert(32%) sepia(39%) saturate(6267%) hue-rotate(81deg) brightness(94%) contrast(101%); filter: brightness(0) saturate(100%) invert(32%) sepia(39%) saturate(6267%) hue-rotate(81deg) brightness(94%) contrast(101%); } 
.line-bottom { position: relative; padding-bottom: 10px; } 
.line-bottom::after { position: absolute; border-bottom: 2px solid #fff; content: ""; left: 0; bottom: 0; width: 35px; } 
.filter-image img { -webkit-filter: brightness(0) saturate(100%) invert(32%) sepia(39%) saturate(6267%) hue-rotate(81deg) brightness(94%) contrast(101%); filter: brightness(0) saturate(100%) invert(32%) sepia(39%) saturate(6267%) hue-rotate(81deg) brightness(94%) contrast(101%); } 
/* .social-footer li { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; } */
.flw { font-family: var(--font-semi); font-size: 18px; color: #fff; } 
.footer-info { color: #c7c7c7; font-family: "Inter_Regular"; font-size: 13px; line-height: 27px; margin: 15px 0; position: relative; padding-bottom: 20px; } 
.footer-info::after { position: absolute; content: ""; border-bottom: 1px solid #fff; width: 110px; left: 0; right: 0; bottom: 0; text-align: center; margin: auto; } 


/* ABOUT */
.wrap-aboutus { position: relative; z-index: 1; background: url(../images/set/after-aboutus.png) no-repeat bottom right; } 
.aboutus-image { z-index: 1; top: -60px; } 
.about-L { position: relative; z-index: 1; } 
.about-L::after { position: absolute; content: url(../images/set/pattern.png); left: 40px; bottom:0; z-index: -1; } 
.name-aboutus { font-size: 35px; color: #555555; text-transform: uppercase; font-family: var(--font-bold); } 
.desc-aboutus { -webkit-line-clamp: 7; font-size: 14px; line-height: 30px; margin-top: 15px; position: relative; padding-left: 30px; color: #333; } 
.desc-aboutus::after { position: absolute; content: url(../images/set/line-left.png); left: 0; top: 10px; -webkit-filter: brightness(0) saturate(100%) invert(39%) sepia(51%) saturate(722%) hue-rotate(356deg) brightness(102%) contrast(96%); filter: brightness(0) saturate(100%) invert(39%) sepia(51%) saturate(722%) hue-rotate(356deg) brightness(102%) contrast(96%); } 

/* STATISTIC */
.number-item-name a { font-size: 40px; } 
.number-item-name span { font-size: 15px; } 
.plus-statistic { position: relative; top: -15px; } 

/* CRITICAL */
.wrap-criteria { margin-top: 35px; } 
.box-criteria { margin: 10px 0; } 
.criteria-name { margin-bottom: 0.25rem; } 
.criteria-name a { font-family: "Inter_Medium"; font-size: 20px; color: #000; line-height: 1.5; } 
.criteria-name a.text-split { -webkit-line-clamp: 2; } 
.criteria-desc { color: #8a8888; line-height: 1.6; font-size: 13px; -webkit-line-clamp: 2; } 
.criteria .criteria-image { -webkit-transition: all linear 0.3s; -o-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; width: 55px; } 
.criteria-info { width: -webkit-calc(100% - 75px); width: -moz-calc(100% - 75px); width: calc(100% - 75px); } 
.criteria:hover .criteria-image { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition: all linear 0.3s; -o-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; } 

/* NEW */
.wrap-title { background: var(--color-main); -webkit-background-size: 100% 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; } 
.title-news span { font-family: "Mulish_Black"; font-size: 36px; color: var(--color-main); background: #fff; padding: 5px 60px; } 
.title-news .out-line { color: var(--color-main); margin-left: 40px; padding: 0; background: none; text-shadow: -1px -1px 0 #ffffff80, 1px -1px 0 #ffffff80, -1px 1px 0 #ffffff80, 1px 1px 0 #ffffff80; font-style: italic; font-weight: 1000; line-height: normal; letter-spacing: 4.32px; } 

/* text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; */
.main-news .image { -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; overflow: hidden; } 
.news-info { padding: 20px; } 
.news-info .name a { font-size: 14px; color: #000; -webkit-line-clamp: 2; font-family: var(--font-bold); } 
.news-info .name a:hover { color: var(--color-main); } 
.news-info .desc { font-size: 13px; color: #808080; line-height: 25px; -webkit-line-clamp: 2; margin-top: 5px; } 
.items-news { background: #fff; padding: 15px 0; } 
.line-news { width: 65%; height: 5px; background: var(--color-main); } 
.bg-news { background: var(--color-main); padding: 15px 30px; } 
.main-news { border: 1px solid #e9e9e9 !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } 
/* .main-news .image img { border-radius: 10px 10px 0 0; } */
.wrap-news { background: #fff; } 
.wrap-partner { background: #fff; } 
.read-more a { position: relative; margin-top: 5px; display: block; font-family: var(--font-bold); font-size: 14px; color: var(--color-main); z-index: 1; } 
.read-more a::after { background: #FFDE59; width: 76px; height: 4px; position: absolute; content: ""; left: 0px; bottom: 4px; -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: -o-transform 0.5s; -moz-transition: transform 0.5s, -moz-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; z-index: -1; } 
.read-more a:hover::after { -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } 
/* .read-more a:hover { color: var(--color-main); } */

/* FORM */
.wrap-form { background: var(--color-main); -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; } 
.title-form { text-align: center; font-size: 18px; font-family: var(--font-bold); text-transform: capitalize; margin-bottom: 25px; margin-top: -10px; color: #fff; } 
/* .main-form { background: url(../images/set/bg-form.png) no-repeat; background-size: 100% 100%; padding: 30px 40px; margin-top: -94px; } */
.logo-footer { margin-top: -15px; display: block; } 

/* */
.wrap-connect { padding-bottom: 90px; background: #836f50; } 
.items-connect { padding: 17px 25px; border: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-bottom: 15px; position: relative; } 
.items-connect .image { width: 95px; height: 95px; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } 
.items-connect .info-connect { width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px); } 
.info-connect .desc a { font-family: "Mulish_Black"; font-size: 30px; color: #fff; } 
.info-connect .name { font-family: var(--font-regular); font-size: 18px; color: #fff; } 

.animation-ripple:nth-child(2) .glow-on-hover:before { -webkit-animation: glowing 25s linear infinite; -moz-animation: glowing 25s linear infinite; -o-animation: glowing 25s linear infinite; animation: glowing 25s linear infinite; } 
.animation-ripple:nth-child(3) .glow-on-hover:before { -webkit-animation: glowing 30s linear infinite; -moz-animation: glowing 30s linear infinite; -o-animation: glowing 30s linear infinite; animation: glowing 30s linear infinite; } 
.animation-ripple:nth-child(6) .glow-on-hover:before { -webkit-animation: glowing 20s linear infinite; -moz-animation: glowing 20s linear infinite; -o-animation: glowing 20s linear infinite; animation: glowing 20s linear infinite; } 
.animation-ripple:nth-child(4) .glow-on-hover:before { -webkit-animation: glowing 25s linear infinite; -moz-animation: glowing 25s linear infinite; -o-animation: glowing 25s linear infinite; animation: glowing 25s linear infinite; } 
.animation-ripple:nth-child(5) .glow-on-hover:before { -webkit-animation: glowing 30s linear infinite; -moz-animation: glowing 30s linear infinite; -o-animation: glowing 30s linear infinite; animation: glowing 30s linear infinite; } 


.animation-ripple { margin-bottom: 15px; } 

.glow-on-hover { width: 100%; height: 100%; border: none; outline: none; color: #fff; background: none; cursor: pointer; position: relative; z-index: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } 

/* .glow-on-hover:before { content: ''; background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); position: absolute; top: -2px; left:-2px; background-size: 400%; z-index: -1; filter: blur(1px); width: calc(100% + 4px); height: calc(100% + 4px); animation: glowing 20s linear infinite; opacity: 1; transition: opacity .3s ease-in-out; border-radius: 20px; } 

.glow-on-hover:active { color: #000 } 

.glow-on-hover:active:after { background: transparent; } 

.glow-on-hover:hover:before { opacity: 1; } 

.glow-on-hover:after { z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; background: #fff; left: 0; top: 0; border-radius: 20px; } 

@keyframes glowing { 
 0% { background-position: 0 0; } 
 50% { background-position: 400% 0; } 
 100% { background-position: 0 0; } 
 }*/



/* CSS CUSTOM */
.product .i_left { position: absolute; height: 0; -webkit-border-radius: 0 50px; -moz-border-radius: 0 50px; border-radius: 0 50px; width: 2px; left: 0; top: 0; background: -webkit-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet); background: -webkit-gradient(linear, left bottom, left top, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet)); background: -moz-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet); background: linear-gradient(to top, red, orange, yellow, green, blue, indigo, violet); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease } 
.product .i_right { position: absolute; height: 0; width: 2px; right: 0; bottom: 0; background: -webkit-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet); background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet)); background: -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet); background: linear-gradient(to bottom, red, orange, yellow, green, blue, indigo, violet); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease } 
.product .i_top { position: absolute; height: 2px; width: 0; right: 0; top: 0; background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); background: -webkit-gradient(linear, left top, right top, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet)); background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease } 
.product .i_bottom { position: absolute; height: 2px; width: 0; left: 0; bottom: 0; background: -webkit-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet); background: -webkit-gradient(linear, right top, left top, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet)); background: -moz-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet); background: linear-gradient(to left, red, orange, yellow, green, blue, indigo, violet); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease } 
.product:hover .i_left { height: 100%; bottom: 0; top: inherit } 
.product:hover .i_top { width: 100%; left: 0 } 
.product:hover .i_right { height: 100%; top: 0; bottom: inherit } 
.product:hover .i_bottom { width: 100%; right: 0; left: inherit } 
.view-all a { margin: auto; display: block; font-family: var(--font-bold); font-size: 15px; text-transform: uppercase; color: #000; background: var(--color-main); width: 150px; height: 45px; line-height: 45px; } 
.view-all a:hover { background: #000; color: var(--color-main); } 


.detail-product .box-product { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #ccc; margin-bottom: 2rem; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } 
.detail-product .detail-image { width: 30%; } 
.detail-product .detail-image .pic-product { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } 
.detail-product .detail-image img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } 
.detail-product .info-product { width: 50%; padding: 0 20px; background: none; } 
.detail-product .unit-price { width: 20%; padding-right: 10px; } 
.detail-product .unit-price span { background: var(--color-main); display: block; text-align: right; padding: 10px; font-family: "Inter_Bold"; color: #fff; } 

.detail-form .main-form { padding: 0; margin: 0; background: #fff; padding: 15px; position: -webkit-sticky; position: sticky; top: 95px; -webkit-box-shadow: rgba(0, 0, 0, 0.01) 0px 0px 0px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.01) 0px 0px 0px 1px; box-shadow: rgba(0, 0, 0, 0.01) 0px 0px 0px 1px; } 
.detail-form .title-form { display: none; } 
.detail-form .newsletter-input { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; } 
.detail-form .newsletter-input input { border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.detail-form .col-content textarea { border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.detail-form .col-submit { position: unset; margin: auto; text-align: center; } 
.detail-form .newsletter-button { margin: 10px 0 0 0; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } 
.detail-form .col-input { margin: 0; } 

.sticky-news { background: #fff; padding: 15px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px; } 
.sticky-news ul { border: none; background-color: unset; } 
.sticky-news .title-category { background: var(--color-main); color: #fff; letter-spacing: .8px; padding: 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 15px; font-size: 16px; font-weight: 600; display: inline-block; text-transform: uppercase; } 
.sticky-news .numb { background: var(--color-main); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; width: 40px; height: 35px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Inter_Bold"; font-size: 18px; } 
.sticky-news ul li a { font-family: "Inter_Regular"; color: #000; -webkit-line-clamp: 2; width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); } 
.sticky-news ul li { padding: 10px 0; border-bottom: 1px solid #ccc; } 
.hover-shadow { padding: 15px 15px 0 15px; background: #fff; } 
.hover-shadow:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } 

.col-profile { background: #fff; padding: 15px 20px; box-shadow:rgb(0 0 0 / 3%) 0px 5px 15px; } 
.name-profile { font-family: "Mont_Medium"; color: #555; font-size: 20px; text-align: center; } 
.desc-profile { font-family: "Mont_Regular"; color: #555; font-size: 18px; text-align: center; } 
.content-profile { line-height: 1.7; text-align: center; } 
.content-profile, .wa, .viber { font-family: "Inter_Regular"; color: #777; font-size: 15px; } 

.tel { border-radius: 8px; padding: 10px; background: #009BA1; border: 1px solid #009BA1; font-family: "Inter_Regular"; color: #fff; font-size: 15px; } 
.wa { border-radius: 8px; border: 1px solid #ccc; padding: 10px; } 
.wa img, .tel img { width: 25px; } 
.tel img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(14%) hue-rotate(212deg) brightness(104%) contrast(104%); } 
.tel:hover { color: #fff; background: #1DBABF; border: 1px solid #1DBABF; }