/* 0a69de */
.headbar .htitle{
color: #0a69de;
}
.container-fluid{
padding: 0 40px;
}
#header .header-inner,
.hero-banner-wrap{
/* background: #929292;
background: linear-gradient(to right, rgba(235, 235, 235, 1), rgba(228, 228, 228, 1) 18%, rgba(255, 255, 255, 1) 32%,
rgba(137, 150, 172, 1) 43%, rgba(202, 206, 213, 1) 68%, rgba(255, 255, 255, 1));

background:linear-gradient(to right, rgba(235, 235, 235, 1), rgba(228, 228, 228, 1) 18%, rgba(255, 255, 255, 1) 32%,
rgba(204, 224, 216, 1) 43%, rgba(202, 206, 213, 1) 68%, rgba(255, 255, 255, 1)); */
}
.hero-banner-wrap .container-fluid{
padding: 0px 40px 40px 40px;
}
#header .header-inner::before{
position: absolute;
content: "";
width: 100%;
height: 5px;
top: 0;
left: 0;
background: var(--gradient-green);
}
#header .header-inner #logo{
width: 150px;
height: 150px;
background: #fff;
border-radius: 50%;
align-content: center;
text-align: center;
position: absolute;
left: 0;
top: 0;
border-top-left-radius: 0;
box-shadow: 0 5px 10px rgba(150, 150, 150, 0.28);
}
#header .header-inner #logo a > img{
height: 70%;
}
#header.header-sticky.sticky-active .header-inner{
background: linear-gradient(to right, rgba(146, 146, 146, 0.24), rgba(228, 228, 228, 0.59) 18%, rgba(255, 255, 255,
0.29) 32%, rgba(137, 150, 173, 0.41) 43%, rgba(202, 206, 213, 0.48) 68%, rgba(255, 255, 255, 0.47));
backdrop-filter: blur(20px);
}
#header.header-sticky.sticky-active .header-inner #logo{ zoom: 0.8;}

.top-link{
float: right;
line-height: normal;
overflow: hidden;
}
.top-link .alink{ position: relative;}
.top-link .alink img{
height: 52px;
margin-right: -20px;
}
.alink p{
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
z-index: 2;
padding: 0 30px;
color: #fcfffb;
text-shadow: 0 2px 1px rgba(26, 125, 42, 1);
font-weight: 600;
}

/* #slider{border-radius: 20px;} */
#slider::before,
#slider::after{
display: none;
}

.sect-service{
padding: 80px 0;
padding-top: 0;
}

.sect-articles{
background: url(../images/bg-about.png) no-repeat;
background-size: 100%;
background-position: center;
}

/* Icon Boxes */
.sect-value{
background: url(../images/bg-ab.png) no-repeat;
background-size: 100%;
background-position: center;
}
.icon-box {
/* background: #fff; */
padding: 20px !important;
border-radius: 20px;
/* box-shadow: 0 10px 30px rgba(0,0,0,0.08); */
transition: all 0.4s ease;
/* height: 100%; */
position: relative;
overflow: hidden;
margin-bottom: 0 !important;
}

.icon-box::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: var(--gradient-green);
transform: scaleX(0);
transition: transform 0.4s ease;
}

.icon-box:hover::before {
transform: scaleX(1);
}

.icon-box:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.icon-wrapper {
width: 80px;
height: 80px;
background: var(--gradient-green);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 25px;
position: relative;
transition: all 0.4s ease;
box-shadow: 0 18px 19px #cbec6b;
}

.icon-box:hover .icon-wrapper {
transform: scale(1.1);
box-shadow: 0 10px 25px rgba(139, 184, 58, 0.4);
}

.icon-emoji {
font-size: 2.5em;
line-height: 1;
}
.icon-emoji img{
width: 43px;
filter: brightness(1) invert(1);
}

.icon-box h4 {
font-size: 1.3em;
font-weight: 600;
color: var(--primary-color);
margin-bottom: 15px;
line-height: 1.3;
}

.icon-box p {
color: #666;
line-height: 1.6;
margin: 0;
font-size: 0.95em;
}

@media (max-width: 768px) {
.icon-box {
padding: 30px 20px;
margin-bottom: 20px;
}

.icon-wrapper {
width: 60px;
height: 60px;
margin-bottom: 20px;
}

.icon-emoji {
font-size: 2em;
}

.icon-box h4 {
font-size: 1.2em;
}
}

.article-content h4{ margin-bottom: 0;}
.sect-service .service-slide .article-card{
border-radius: 20px;
overflow: hidden;
box-shadow: 1px -7px 30px rgba(0, 0, 0, 0.08);
}
.article-card.service-card .article-content{
min-height: initial;
padding-right: 60px;
}
.article-card.service-card .article-content .btn-circle{
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
}
.article-card.service-card .article-content .btn-circle:not(:hover){
background: #e2e2e2;
color: #333;
}
.sect-service .service-slide .article-card .article-content p{ display: none;}

/* banner */
.sect-banner.banner-style-2{
padding: 0;
overflow: initial;
}
.sect-banner.banner-style-2 .inner{
position: relative;
overflow: hidden;
background: #0756b4;
background: #0756B4;
background: linear-gradient(0deg, rgba(7, 86, 180, 1) 0%, rgba(25, 137, 212, 1) 100%);
padding: 120px 0;
}
.sect-banner.banner-style-2 .bnr-right{
right: 4%;
top: -60px;
border-radius: initial;
}
.sect-banner.banner-style-2 .bnr-right img{ border-radius: 200px 0;}

/* ball */
.ball {
--delay:0s;
--size:0.4;
--speed: 20s;
aspect-ratio: 1;
width: calc( 150% * var(--size) );
/* background: linear-gradient(259.53deg, #0A3FFF 6.53%, #F55F0A 95.34%); */
background: linear-gradient(259.53deg, #26cad5 6.53%, #12ef15 95.34%);
filter: blur(10vw);
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
animation: loop var(--speed) infinite linear;
animation-delay: var(--delay);
transform-origin: 50% 50%;
opacity: 0.6;
}

@keyframes loop {
0% {
transform: translate3D(0%, 51%, 0) rotate(0deg);
}
5% {
transform: translate3D(8%, 31%, 0) rotate(18deg);
}
10% {
transform: translate3D(22%, 13%, 0) rotate(36deg);
}
15% {
transform: translate3D(40%, 2%, 0) rotate(54deg);
}
20% {
transform: translate3D(46%, 21%, 0) rotate(72deg);
}
25% {
transform: translate3D(50%, 47%, 0) rotate(90deg);
}
30% {
transform: translate3D(53%, 80%, 0) rotate(108deg);
}
35% {
transform: translate3D(59%, 98%, 0) rotate(125deg);
}
40% {
transform: translate3D(84%, 89%, 0) rotate(144deg);
}
45% {
transform: translate3D(92%, 68%, 0) rotate(162deg);
}
50% {
transform: translate3D(99%, 47%, 0) rotate(180deg);
}
55% {
transform: translate3D(97%, 21%, 0) rotate(198deg);
}
60% {
transform: translate3D(80%, 7%, 0) rotate(216deg);
}
65% {
transform: translate3D(68%, 25%, 0) rotate(234deg);
}
70% {
transform: translate3D(59%, 41%, 0) rotate(251deg);
}
75% {
transform: translate3D(50%, 63%, 0) rotate(270deg);
}
80% {
transform: translate3D(38%, 78%, 0) rotate(288deg);
}
85% {
transform: translate3D(21%, 92%, 0) rotate(306deg);
}
90% {
transform: translate3D(3%, 79%, 0) rotate(324deg);
}
100% {
transform: translate3D(0%, 51%, 0) rotate(360deg);
}
}
.glow-container {
overflow-x: hidden;
overflow-y: hidden;
width: 100%;
}

.sect-banner.banner-style-2 .cta-box .h-title{
font-size: 2.25em;
letter-spacing: 0;
margin-bottom: 20px;
}



/* article */
.sect-articles .article-slide{ margin: 0;}
.sect-articles .article-card,
.sect-articles .article-slide .flickity-viewport{
border-radius: 25px;
}
.sect-articles .article-card{
margin: 0;
position: relative;
overflow: hidden;
z-index: 3;
}
.sect-articles .article-image{ height: initial;}
.sect-articles .article-content{
position: absolute;
bottom: 0;
min-height: initial;
background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.05) 100%);
width: 100%;
padding: 30px;
padding-top: 60px;
}
.sect-articles .article-content h4,
.sect-articles .article-content p,
.sect-articles .article-meta,
.sect-articles .article-meta i{
color: #fff;
}
.sect-articles .article-content h4{
margin-bottom: 10px;
font-size: 1.6em;
}
.sect-articles .article-card:hover{ transform: none;}
.sect-articles .article-meta span{
padding: 8px 14px;
background-color: rgba(255, 255, 255, 0.35);
backdrop-filter: blur(8px);
border-radius: 50px;
margin-bottom: 15px;
margin-left: -4px;
font-weight: 600;
}
.sect-articles .article-card .btn-circle{
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
width: 50px;
aspect-ratio: 1;
height: initial;
align-content: center;
font-size: 1.6em;
background: rgba(255, 255, 255, 0.35);
backdrop-filter: blur(8px);
}
.sect-articles .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a{
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
margin: 3px 0 5px 0;
}
.sect-articles .post-thumbnail-list .post-thumbnail-entry > img{
float: left;
display: block;
height: 79px;
width: 120px;
margin-right: 16px;
border-radius: 10px;
}
.sect-articles .cright{ padding-left: 40px;}
.sect-articles{ padding-bottom: 80px;}

#footer{
border:none;
/* background: linear-gradient(0deg, rgba(7, 86, 180, 1) 0%, rgba(25, 137, 212, 1) 100%); */
background: linear-gradient(to top, rgba(251, 251, 251, 1), rgb(255, 255, 255) 57.56%, rgba(247, 247, 247, 1));
}
#footer, #footer p, #footer a, #footer a:not(.btn):not(:hover),
#footer h4, #footer strong, #footer .name-th{
color: #333 !important;
}
#footer a:hover{ color: var(--primary-color) !important;}
#footer .list-contact li a:not(:hover) i,
#footer .social-icons li a:not(:hover){
background: #c6c8cd !important;
color: #505866 !important;
}
#footer .social-icons li a:hover{ color: #fff !important;}
#footer .logo-footer{
height: 196px;
margin-right: 0;
}
#footer::before{
position: absolute;
content: "";
width: 100%;
height: 5px;
top: 0;
left: 0;
background: var(--gradient-green);
background: #929292;
background: linear-gradient(90deg, rgba(146, 146, 146, 1) 0%, rgba(228, 228, 228, 1) 18%, rgba(255, 255, 255, 1) 32%,
rgba(137, 150, 172, 1) 43%, rgba(202, 206, 213, 1) 68%, rgba(255, 255, 255, 1) 100%);
}