a {
  color: var(--color-black);
  text-decoration: none;
  background-color: transparent;
}

.logo-section img {
  height: 7rem;
}
.topbar-section a {
     color: var(--white);
}
 .menu-section > ul > li > a {
     height: 5.4rem;
     line-height: 5.4rem;
     color: var(--color-highlight);
     text-transform: uppercase;
     font-weight: 600;
     text-align: center;
}
 .menu-section .active {
     color: var(--color-highlight) !important;
}
 .entire-action-header .btn-action-header {
     color: var(--color-highlight);
}
 .entire-action-header .btn-action-header:hover {
     color: #bbbbbb;
}
 .entire-action-header {
     position: relative;
}
 .entire-action-header .form-dropdown {
     position: absolute;
     padding: 10px;
     background-color: var(--white);
     width: 350px;
     top: 100%;
     left: auto;
     right: 0;
     z-index: 1000;
     margin-bottom: 0;
     -webkit-animation: nav_menu_anim_close 0.3s both;
     -o-animation: nav_menu_anim_close 0.3s both;
     animation: nav_menu_anim_close 0.3s both;
     -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
     transition: opacity 0.3s ease, visibility 0.3s ease;
     opacity: 0;
     filter: opacity(0);
     visibility: hidden;
     -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
     box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
}
 .entire-action-header:hover .form-dropdown {
     -webkit-animation: nav_menu_anim_open 0.3s both;
     -o-animation: nav_menu_anim_open 0.3s both;
     animation: nav_menu_anim_open 0.3s both;
     opacity: 1;
     filter: opacity(1);
     visibility: visible;
     pointer-events: unset;
}

.text-secondary {
  color: #fff !important;
}
.tag--item {

  color: var(--white);
}
.article-item .article-title a {
  color: var(--color-main);
  font-weight: 600;
}
.article-category a {
    background: #e5e5e5;
    border-radius: 3px;
    padding: 0 5px 0 5px;
}
.product-title a {
  color: var(--color-main);
   font-weight: 600;
}
.title-section {
  font-size: 2.2rem;
  color: var(--color-black);
  font-weight: 600;
  text-transform: uppercase;
}

.title-section .more {
  float: right;
}
.title-section .more a{
  font-size:14px;
  font-weight: 500;
  text-transform: none;
}
.list_category .img_category img{
    max-width: 280px;
    
}
.section-counter {
    padding : 30px 0 30px 0;
}
.section-counter .counter-text {
  padding: 10px;
  float: left;
}
.section-counter .counter-text .counter-value {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 5px;
}
.section-counter .counter-text p {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
}
.section-counter .counter-icon {
    float:left;
    max-width: 80px;
}

.section-counter .counter-text .counter-value::after {
  content: '+';
  margin-right: 5px;
}

footer {
    background: var(--color-highlight);

}

.entire-info-website address p i {
  font-size: 15px;
  width: 18px;
  color: var(--white);
}
footer h3, footer .h3 {
  font-size: 1.85rem;
}

.form-get-more-deals .content-form .form-group {
    flex: 0 0 78%;
}

.form-get-more-deals .content-form .form-group:last-child {
    flex: 0 0 22%;
}

.form-get-more-deals .content-form .form-group:last-child span.btn {
    background: var(--white);
    height: 42px;
    padding: 0;
    border-radius: 0 2.25rem 2.25rem 0!important;
    line-height: 42px;
    color: var(--color-highlight);
    margin-left: 5px;
    text-transform: uppercase;
}

.form-get-more-deals .content-form .form-group input {
    height: 42px;
    border-radius: 2.25rem 0 0 2.25rem!important;
    border: 0px solid #000 !important;
    background: #efefef;
}


.copyright {
  padding: 10px 0;
  border-top: 1px solid #0f9ed8;
  color: #fff;
}

.myButton{
border-radius: 50%;
height: 100px;
width: 100px;
background-color: red;
border: black solid 2px;
color: Black;
font-weight: bolder;
}

/* Button dang ky - mo tai khoan */