/*css*/
.latest-posts{
/*margin-top: 30px*/
}
.pagination li{
border-radius: 5px
}
.comingsoon{
margin: 50px auto;
font-size: 25px
}
.footer-menu{
padding-bottom: 20px
}
.free{
position: relative
}
.tooltip-lable-free{
position: absolute; z-index: 1000; right: 10px; 
top: 2px; color: white; background-color: #00c3ff; 
height: 15px; padding: 0 10px; border-radius: 10px; font-size: 10px
}
.tooltip-lable-premium{
position: absolute; z-index: 1000; right: 2px; top: 2px; 
color: white; background-color: #ff7900; height: 15px; 
padding: 0 10px; border-radius: 10px; font-size: 10px
}
.tooltip-lable-premium-free{
position: absolute; z-index: 1000; right: -30px; top: 2px; 
color: white; background-color: #ff7900; height: 15px; 
padding: 0 10px; border-radius: 10px; font-size: 10px
}

.quote{
 padding: 10px;
border: var(--border-stacks-content) solid 1px;
    border-radius: 8px;
    margin: 10px 0;

}
.post-single li, .post-single p{
line-height: 1.4em;
margin: 5px 0
}

p, .post-single a{
line-height: 1.4em;
}

.navbar-nav .dropdown-menu {
  
        min-width: 190px;
    }

.has-dropdown::before{
   
content: "";
    position: absolute;
    left: -20px; /* Điều chỉnh vị trí ngang của mũi tên */
    top: 50%; /* Điều chỉnh vị trí dọc của mũi tên */
    transform: translateY(-50%); /* Đảm bảo mũi tên ở giữa */
    width: 0;
    height: 0;

    border: solid transparent;
    
    
    border-width: 12px;
    margin-left: 50%;
    margin-top: 16px;
    z-index: 9999999;
    opacity: 0;
    border-bottom-color: var(--arrow-color);



}
.has-dropdown:hover::before{
opacity: 1
}

button:active{
border: none
}

.alert-info{
border-radius: 8px;
padding: 5px 8px;
font-weight: bold
}
.page .col-md-6{
padding: 0
}
.page .padding-left, .main-post-content .padding-left{
 padding-left: 15px
}

.page p{
 margin: 5px 0
}

.page img{
border-radius: 8px;
}
.Post2 p, .Post2 em{

font-size: 105%
}
.Post2 .col-md-6 p{
 
}

.Post2 .sub-content p{
 font-size: 96%;
 line-height: 1.6em;
 padding: 2px
}
.Post2 .sub-content p strong{
/*text-decoration: underline*/
 
}





.Post2 .head-content p{
 font-size: 100%;
 /*text-decoration: line-through*/
 
}

.Post2 .head-content p::first-letter {
  font-weight: bold;

}
blockquote::first-letter{
  font-size: 120%;
  font-weight: bold;
  color: var(--a-link);
}

[class*=" icon-"], [class^=icon-] {
font-size: 10px!important;

}

.Post2 .fa, .Post2 .fas, .Post2 .fab{
font-weight: 700;
vertical-align: baseline;
font-size: 80%;

}
.Post2 .col-3{
 padding: 5px;
text-align: center;
overflow: hidden;
}
.Post2 .col-3 img{
 width: 100%;
border-radius: 10px;
overflow: hidden;
opacity: 0.9
}

.Post2 .col-3 img:hover{
opacity: 1
}
.Post2 .price{
  /*border: var(--bs-info-border-subtle) dotted 1px;*/
  border-radius: 8px;
background-color: var(--bg-post-panel);
padding: 10px;
margin-bottom: 5px
}
.price-service{
 color: var(--bs-info-text-emphasis);

}
.services-slide{margin-top: 50px; padding-top: 0}