.header-bottom {
    background: linear-gradient(to bottom, #4ec5fb 0%, #00a8f3 68%);
}
.absolute-footer {
    background: linear-gradient(to top, #00a8f3, #4ec5fb);
}
.tieu-de {
    font-size: 16px;
    line-height: 45px;
    font-weight: 700;
    height: 45px;
    color: #0566fd;
    margin-bottom: 0;
    background-color: #afdbed;
    border: 4px solid #0566fd;
    border-radius: 4px;
    padding: 0 16px;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 20px;
}
h1, h2, h3, #footer h3 {
    background: #0671a1;
    background: linear-gradient(to top, #0671a1 0%, #00a8f3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.flatsome_recent_posts {
    background: #abc6db;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.widget_media_image .widget-title, .flatsome_recent_posts .widget-title, .widget-title-home {
    color: #FFF;
    background: #e35701;
    display: block;
    margin: -15px -15px 15px -15px;
    border-radius: 10px 10px 0px 0px;
    padding: 12px 15px;
    width: auto;
    font-size: 18px;
}
.slide-banner-avt {
    border: 2px solid #18b1f5;
    border-radius: 10px;
    box-shadow: 0 2px 20px #11aef5;
    padding: 5px;
}
.header-button-2 a {
  color: #ffffff;
  background: linear-gradient(to bottom, #20acdd 50%, #1ad5e7);
  height: 40px;
  width: 140px;
  padding-top: 2.5px;
}
.header-button-2 a:hover {
  color: #e1ed02;
  background: linear-gradient(to bottom, #0e6ab5 50%, #57a2df);
  height: 40px;
  width: 140px;
  padding-top: 2.5px;
}
.header-button-2::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px solid #1ceb00;
    transition: all .5s;
    animation: clippath 3s infinite linear;
    border-radius: 7px;
}
.header-button-2::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px solid #d75c08;
    transition: all .5s;
    animation: clippath 3s infinite -1.5s linear;
    border-radius: 7px;
}
@keyframes clippath {
0%, 100% {
    clip-path: inset(0 0 98% 0);
}
25% {
    clip-path: inset(0 98% 0 0);
}
50% {
    clip-path: inset(98% 0 0 0);
}
75% {
    clip-path: inset(0 0 0 98%);
}
}
.header-button-1 a {
  color: #ffffff;
  background: linear-gradient(to bottom, #20acdd 50%, #1ad5e7);
  height: 40px;
  width: 140px;
  padding-top: 2.5px;
}
.header-button-1 a:hover {
  color: #e1ed02;
  background: linear-gradient(to bottom, #0e6ab5 50%, #57a2df);
  height: 40px;
  width: 140px;
  padding-top: 2.5px;
}
.header-button-1::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px solid #1ceb00;
    transition: all .5s;
    animation: clippath 3s infinite linear;
    border-radius: 7px;
}
.header-button-1::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px solid #d75c08;
    transition: all .5s;
    animation: clippath 3s infinite -1.5s linear;
    border-radius: 7px;
}
@keyframes clippath {
0%, 100% {
    clip-path: inset(0 0 98% 0);
}
25% {
    clip-path: inset(0 98% 0 0);
}
50% {
    clip-path: inset(98% 0 0 0);
}
75% {
    clip-path: inset(0 0 0 98%);
}
}
.large-9 .post-item {
    background: #76767614;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    border: 1px;
    border-color: #fead00;
    border-style: solid;
}
.home-content > .col > .col-inner {
   max-height: 1000px;
   overflow: auto;
   padding: 10px;
   border: 2px solid #14aff5;
   border-radius: 10px;
   word-wrap: break-word;
}
.home-content > .col > .col-inner {
  height: 100%;
  overflow: auto;
}
.home-content > .col > .col-inner::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 10px;
}
.home-content > .col > .col-inner::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background-color: #14aff5;
}

.home-content > .col > .col-inner {
   max-height: 1000px;
   overflow: auto;
   padding: 10px;
   border: 2px solid #4ec5fb;
   box-shadow: 0 2px 30px #4ec5fb;
   border-radius: 10px;
   word-wrap: break-word;
}
.home-content > .col > .col-inner {
  height: 100%;
  overflow: auto;
}
.home-content > .col > .col-inner::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 10px;
}
.home-content > .col > .col-inner::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background-color: #4ec5fb;
}