/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.button{
	font-weight: lighter;
}
.tabs-about {
	border: 0 !important;
	box-shadow: 0 0 8px gray;
	border-radius: 8px;
	overflow: hidden;
  .nav-tabs {
    background: #000;
    display: flex;

    .tab {
      flex: 1;
      text-align: center;

      a {
        display: block;
        width: 100%;
        color: white;
        border: 0 !important;
        padding: 12px 0;
        position: relative; // cần cho ::after định vị
        transition: 0.3s;
      }

      &.active {
        a {
          background: var(--fs-color-primary);

          &::after {
            content: "";
            position: absolute;
            bottom: -8px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid var(--fs-color-primary);
          }
        }
      }
    }
  }
}

.icon-box{
	&.d-flex{
		justify-self: center;
		gap: 8px;
		.icon-box-img{
			margin: 0 !important;
		}
		.icon-box-text{
			margin: 0 !important;
		}
	}
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}