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

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

/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
  --color-primary-dark: #01423e;
  --color-primary: #157954;

  --gradient-primary: linear-gradient(
    to right,
    var(--color-primary-dark),
    var(--color-primary)
  );
}
html {
	font-size: 1.041666666vw;
}
body,
body *
{
     font-family: "Be Vietnam Pro", sans-serif;
}
.sr-only {
    border: 0;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    clip-path: inset(50%);
    height: .0625rem;
    margin: -.0625rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .0625rem;
    word-wrap: normal !important;
  }
#header .header-main 
{
    padding: .325rem 0;
    background: #01423e;
     background: var(--gradient-primary);
    height: auto !important;
}
.blog-author-image {
    background: black;
    }
#wide-nav.header-bottom
{
   background: #01423e;
    border-bottom: thin solid #333;
    box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px;
}
#wide-nav.header-bottom .nav>li>a
{
    font-size: 1.0625rem;
    text-transform:none;
    color: #fff;
    font-weight: 400;
    padding:.25rem .25rem .5rem;
}
#wide-nav.header-bottom .nav>li:not(:first-child)
{
    margin-left: 1.125rem;
}
#wide-nav.header-bottom .nav>li>a i
{
    color: #fff;
    opacity:1;
    margin-left:.325rem;
}

header .nav > li > a::after
{
    position: absolute;
    content: "";
    left: auto;
    right: 0;
    bottom: .425rem;
    width: 0;
    height: .1rem;
    background: #D0D34D;
    background: linear-gradient( 135deg, #E6C766 0%, #C9A227 50%, #9F7A14 100% );
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
}

header .nav > li:hover> a:after,
header .nav > li:focus> a:after
{
    visibility: visible;
    opacity: 1;
    width: 100%;
    left: 0;
    right: auto;
}
.nav-right.header-nav>li
{
	margin: 0 .75rem;
}
/* dt blog */
.dt-blog-wrapper
{
	margin:0 0 1.5rem;
	padding-top: 1rem;
}
.dt-blog-featured
{
	display:flex;
	flex-wrap:nowrap;
	padding-bottom: 2rem;
	margin-bottom:2rem;
	align-items: flex-start;
	position: relative;
}
.dt-blog-featured::after
{
    content: '';
    position: absolute;
    width: calc(100% - 15px * 2);
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-bottom:1px solid #E0E0E0;
}
.dt-blog-featured__slider
{
	width: 50%;
	flex:none;
}
.dt-blog-featured__center
{
	padding-left: 2rem;
	flex-grow: 1;
}

.dt-blog-featured__center .post-item
{
	display:flex;
	flex-direction:row-reverse;
	margin-bottom:1rem;
	border-bottom: thin solid #eee;
	padding-bottom: 1rem;
}
.dt-blog-featured__center .post-item:last-child
{
    border:None;
}
.dt-blog-featured__center .post-item .box-image
{
	width: 7.5rem;
	flex: none;
}
.dt-blog-featured > div:not(.dt-blog-featured__slider) .post-item .from_the_blog_excerpt 
{
    display:none;	
}
.dt-blog-featured .post-title a
{
	text-transform:none;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.4;
	display:block;
	color: #333;
	text-align:left;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.dt-blog-featured__right .post-item
{
	margin-bottom:1rem;
	position:relative;
}
.dt-blog-featured__right .post-item .box-text
{
	position:absolute;
	left:0;
	bottom:0;
	bottom: 0;
    left: 0;
    width: 100%;
    top: 0;
    background: linear-gradient(183deg, rgba(0, 0, 0, 0.001) 0%, rgba(0, 0, 0, 0.65) 100%);
    display:flex;
    align-items:flex-end;
    border-radius:.5rem;
}
.dt-blog-featured__right .post-item .post-title a
{
	color:#fff;
	font-size:1.125rem;
	transition:0.2s all;
}
.dt-blog-featured__right .post-item:hover .post-title a
{
    transform: translateY(-30px);
    text-decoration:underline;
}
.dt-blog-featured__center .post-item .post-title:hover a,
.dt-blog-featured__slider .post-item .post-title:hover a
{
    color:#D0D34D;
    text-decoration:underline;
    background: linear-gradient( 135deg, #E6C766 0%, #C9A227 50%, #9F7A14 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.dt-blog-featured__slider .post-item .box-text
{
	padding-left:0;
	padding-right:0;
}
.dt-blog-featured__center .post-item .box-text
{
	padding-left:0;
	padding-top:0;
	padding-bottom:0;
}
.dt-blog-featured__slider .post-item .post-title a
{
	font-size: 1.125rem;
}
.dt-blog-featured__slider .post-item .from_the_blog_excerpt
{
	color: #828282;
	font-size: .9375rem;
	line-height: 1.5;
	text-align:left;
	margin-top:.5rem;
}
.dt-blog-wrapper .post-item .box-image
{
    border-radius: .5rem;
    overflow: hidden;
   
}
.dt-blog-archive #post-list .post-item .box-image
{
    width: 100%;
    flex: none;
}
.dt-blog-featured__slider .flickity-page-dots
{
	bottom: 0;
}

.dt-blog-archive #post-list .post-item
{
	display:flex;
	align-items: flex-start;
	flex-direction: column;
}
.dt-blog-archive #post-list .post-item .box-text
{
	text-align:left;
	padding-left:24px;
	padding-top:0;
}
.dt-blog-archive #post-list .post-item .post-title
{
    margin-top: 0;
    font-size: 1.125rem;
    text-transform:none;
    margin-bottom:.5rem;
    font-weight: 500;
    line-height: 1.4;
    display:block;
    color: #333;
    text-align:left;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.dt-blog-archive #post-list .post-title:hover a
{
    color:#D0D34D;
    text-decoration:underline;
    background: linear-gradient( 135deg, #E6C766 0%, #C9A227 50%, #9F7A14 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.dt-blog-archive #post-list .post-item .from_the_blog_excerpt
{
	color: #828282;
	font-size: .9375rem;
	line-height: 1.5;
	text-align:left;
	margin-top:.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
#post-list ul.page-numbers
{
	display:flex;
	list-style-type:none;
	justify-content:center;
}
#post-list ul.page-numbers a,
#post-list ul.page-numbers span
{
	width:2.5rem;
	padding:.375rem;
	border-radius:.375rem;
	border:thin solid #ccc;
	display:flex;
	justify-content:center;
	font-size:14px;
	line-height: 1.4;
}
#post-list ul.page-numbers a:hover,
#post-list ul.page-numbers span
{
	background:#D0D34D;
	border-color:#D0D34D;
	color:#fff;
    background: linear-gradient( 135deg, #E6C766 0%, #C9A227 50%, #9F7A14 100% ); 
}
#post-list ul.page-numbers li
{
	margin-left:12px;
}
body .post-meta
{
	display:flex;
	align-items:center;
	margin-bottom: .5rem;
	margin-top: .25rem;
	color:#828282;
	font-size: .825rem;
	font-weight:300;
}
body .post-meta > *
{
	padding:0;
	margin-left:0;
	margin-right: unset;
}
.post-meta .author-name
{
	margin-right: 0.65rem;
	text-transform: none;
	flex: none;
	display: flex;
	align-items: center;
}
.dt-blog-featured__slider .post-meta
{
	margin-top:.5rem;
}
.dt-blog-featured__right .post-meta
{
	display:none;
}
.top-divider
{
    display:none;
}
.header-search i
{
    color:#fff;
}
body .slider-nav-light .flickity-page-dots .dot,body .slider-nav-simple .flickity-page-dots .dot {color: #2a5913;top: 6.5px;left: 6.5px;width: 8px;height: 8px;content: "";background-color: #2a5913;border-radius: 2px;transition: all 0.25s ease 0s;border: 2px solid #fff;}
body .slider-nav-light .flickity-page-dots .dot.is-selected,body .slider-nav-simple .flickity-page-dots .dot.is-selected { color: #2a5913; content: ""; background-color: #2a5913; top: 3.5px; left: 3.5px; height: 13px; width: 13px; border-radius: 2px; }
.posts-list
{
    display:flex;
    flex-wrap:wrap;
    margin: 1.75rem 0 0;
}
.posts-list .post-item
{
    flex-basis:calc((100% - 4rem)/3);
    margin-right:2rem;
    margin-left: unset;
    margin-bottom: 1rem;
}
.posts-list .post-item:nth-child(3n+3)
{
    margin-right:0;
}
.cat-post__header
{
    display:flex;
    align-items:center;
}
.cat-post__header a
{
    flex:none;
    font-weight:500;
    font-size:.9rem;
    padding-right:1.5rem;
    position: relative;
}
.cat-post__header a:hover
{
    color:#2a5913;
}
.cat-post__header a:hover img
{
    filter: invert(24%) sepia(10%) saturate(5356%) hue-rotate(62deg) brightness(102%) contrast(85%);
}
.cat-post__header a:before
{
    content:'';
    position:absolute;
    width:1rem;
    height:1rem;
    background:url('assets/images/arrow.svg');
    background-size:contain;
    background-repeat:no-repeat;
    transform:rotate(-90deg) scale(.85);
    right:0rem;
    top:.125rem;
}
.cat-nav__list-child-home
{
    display:flex;
    flex-wrap:wrap;
    list-style-type:none;
}
.cat-post__wrap
{
    border-bottom:thin solid #ccc;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}
.cat-post__wrap:last-child
{
    border:none;
}
.cat-title
{
    font-size:1.5rem;
    font-weight:500;
    margin-bottom: 0;
}
.cat-nav__list-child-home
{
    margin: 1.25rem 0 0;
}
.cat-nav__item-child-home a
{
    padding:.35rem 1.25rem;
    border:thin solid var(--color-primary-dark);
    border-radius:1.75rem;
    font-size:.875rem;
    font-weight:500;
    color:#01423e;
    margin-right: .5rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
}
.cat-nav__item-child-home a:before
{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width: calc(100% + 0px);
    height: calc(100% + 0px);
    z-index: -1;
    transform-origin: left;
    transform: scale(0, 1);
    background:#01423e;
     background: var(--gradient-primary);
    border:thin solid #01423e;
    transition: transform 0.35s cubic-bezier(0.3, 1, 0.8, 1);
    transform-style: preserve-3d;
    
}
.cat-nav__item-child-home a:hover:before,
.cat-nav__item-child-home a.active:before
{
    transform:scale(1);
}
.cat-nav__item-child-home a:hover,
.cat-nav__item-child-home a.active
{
    border-color:transparent;
    color: #fff;
}
.blog-author-image
{
    width:1.5rem;
    height:1.5rem;
    border-radius:50%;
    overflow:hidden;
    border:thin solid #eee;
    margin-right: .3125rem;
}
.post-bottom
{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:1rem 0 0;
}
.dt-blog-featured__center .post-bottom
{
    display:none;
}
.post-read
{
    margin:unset !important;
    border:thin solid #d9d9d9;
    border-radius:1.5rem;
    padding:0 .5rem;
    color:#555;
}
.copy-link img
{
    width:1.65rem;
    filter: invert(33%) sepia(0%) saturate(1%) hue-rotate(176deg) brightness(91%) contrast(82%);
}
.posts-list .post-title 
{
    font-size:1rem;
    font-weight:500;
}
#animatedLoader {
  position: fixed;
  z-index: 9999999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
  pointer-events: none;
  -ms-touch-action: none;
  touch-action: none;
}

#animatedLoader.fade-in {
opacity: 1;
visibility: visible;
background: rgb(0 0 0 / 52%);
pointer-events: all;
}

#animatedLoader.fade-out {
  opacity: 0;
  visibility: hidden;
}

#animatedLoader .loader {
  width: 2.5rem;
  height: 2.5rem;
  border: .1875rem solid #2a5913;
  border-top-color: white;
  border-radius: 50%;
  -webkit-animation: rotateAnimation 1s linear infinite;
  animation: rotateAnimation 1s linear infinite;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

#animatedLoader .loader::before,
#animatedLoader .loader::after {
  content: none;
}

@-webkit-keyframes rotateAnimation {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

@keyframes rotateAnimation {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
body .back-to-top.button.icon
{
    display:flex;
    align-items:center;
    justify-content:center;
    border-color:#2a5913;
    
}
body .back-to-top:after
{
    content:'';
    position:absolute;
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    transform-origin: bottom;
    transform: scale(1, 0);
    left:-1px;
    bottom:-1px;
    background:#2a5913;
    transition: transform 0.35s cubic-bezier(0.3, 1, 0.8, 1);
}
body .back-to-top:hover
{
    border-color:#fff;
    background:#fff;
}
body .back-to-top:hover i
{
    color:#fff;
}
body .back-to-top:hover:after
{
    transform:scale(1);

}
body .back-to-top i
{
    line-height:1;
    height: auto;
    color:#2a5913;
    position:relative;
    z-index:2;
}
.footer-section
{
    display:none;
}
.entry-content.single-page .post-content a
{
    color: #0f68c8;
        font-weight: 600;
        text-decoration: underline;
}
.absolute-footer
{
    background:#01423e;
     background: var(--gradient-primary);
    padding: .5rem;
    text-align: center;
}
.absolute-footer .footer-primary
{
    text-align:center;
    float: none;
}
.copyright-footer
{
    color:#ddd;
    font-size: 0.875rem;
}
.dt-breadscrumb .breadcrumb
{
    font-size: 13px;
    line-height: 1.4;
    margin-top:-.5rem;
    display:flex;
    list-style-type:none;
    margin-bottom: 1REM;
}
.dt-breadscrumb li
{
    margin-right:.8rem;
    margin-left:0 !important;
}
.dt-breadscrumb li *
{
    color:#666;
}
.dt-breadscrumb li:not(:first-child):before
{
    content:'>';
    position:relative;
    left:-.325rem;
}
.dt-breadscrumb li a:hover
{
    color:#D0D34D;
    background: linear-gradient( 135deg, #E6C766 0%, #C9A227 50%, #9F7A14 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.breadcrumb-row .col
{
    padding-bottom:0;
}
.archive-page-header .page-title
{
    font-size:1.75rem;
    font-weight:700;
     background: linear-gradient(
    135deg,
    #E6C766 0%,
    #C9A227 50%,
    #9F7A14 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.post-sidebar .section-title-main
{
    text-transform:uppercase;
    font-weight:600;
    font-size:1.375rem;
    margin:-1rem 0 1rem;
    position:relative;
    padding-left:1.5rem;
    margin-bottom: 0;
}
.post-sidebar .section-title-main:before
{
    content:'';
    position:absolute;
    width:.5rem;
    height: 62%;
    left:0;
    top:15%;
    background:#2a5913;
}
.post-sidebar .section-title-container
{
    margin-bottom:.75rem;
}
.post-sidebar
{
    border-left:thin solid #eee;
    padding-left:1.5rem;
}
.post-sidebar .col
{
    padding-bottom:0;
}
.cat-nav__item  
{
    list-style-type:none;
    padding-left:0;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}
.cat-nav__item>a
{
    text-transform:uppercase;
    font-size:.9rem;
    font-weight:600;
    color:#333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .625rem 0;
    border-bottom: thin dashed #ddd;
}
.cat-nav__item>a .act
{
    position:absolute;
    width:1.5rem;
    height:1.5rem;
    right:0;
   
}
.cat-nav__item>a .act:after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  height: .1875rem;
  width: 50%;
  background: #01423e;
  top: 50%;
  left: 50%;
}

.cat-nav__item>a .act:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #01423e;
  height: 50%;
  width: .1875rem;
  transition:all .25s;
}
.cat-nav__item.active>a,
.cat-nav__item:hover>a,
.cat-nav__item-child:hover>a,
.cat-nav__item-child.active a
{
    color:#2a5913;
}
.cat-nav__item.active>a .act:before,
.cat-nav__item.active>a .act:after
{
    background:#2a5913;
}
.cat-nav__item .act.show:before
{
   
    transform: translate(-50%, -50%) rotate(90deg);
}
.act img
{
    width: .9rem;
    position: relative;
    top: -.125rem;
}
.cat-nav__item.active .cat-nav__list-child
{
    display:block;
}
.cat-nav__list-child
{
    /* display:none; */
    margin:0;
    padding:.5rem .75rem 0;
}
.cat-nav__list-child li
{
    margin-left:0 !important;
}
.cat-nav__item-child a
{
    font-size:1rem;
    font-weight:500;
    color:#333;
}
.breadcrumb-row,
.post-date.badge
{
    /* display:none; */
}
/* TOC */
.dt-toc
{
  margin: 1rem 0;
}
.dt-toc .toc-header
{
  position: relative;
  display:flex;
  align-items:center;
  color:#01423e;
  background:#fff;
  cursor: pointer;
  border-bottom: thin solid #eaeaea;
}
.toc-header h3
{
   margin: 0;
   font-weight: 600;
   padding: .5rem 0 .5rem 1rem;
   font-size: .9375rem;
   width: 100%;
   background: #01423e;
   color: #fff;
   padding-left:2.5rem;
}
.toc-header h3:before
{
    content:'';
    position:absolute;
    left:1rem;
    top:50%;
    transform:translateY(-50%);
    width:1rem;
    height:1rem;
    background-image:url(assets/images/table-of-contents-com.svg);
    background-size:contain;
    filter:brightness(100);
    background-position:center;
    background-repeat:no-repeat;
}
.toc-item
{
   font-size:.875rem;
   font-weight:400;
}
.toc-content
{
    border: thin solid #ccc;
    border-top: none;
    padding-left: 1rem;
    max-height: 90vh;
    overflow-y: auto;
}
.toc-content a *
{
    font-weight:400;
}
.toc-item a
{
  padding: .5rem 2rem .5rem 0;
  display:inline-block;
  border-bottom: thin solid #D0D2D3;
  font-weight: 500;
  color: #333;
}
.toc-item a:hover
{
    color:#2a5913;
}
.toc-item:last-child a
{
    border:none;
}
.list-child-toc
{
  padding-left:1.5rem;
}
.dt-toc.collapse .toc-content
{
  height:0;
  visibility:hidden;
  opacity:0;
  
}
.toc-trigger
{
  visibility:hidden;
  z-index:-1;
  position:fixed;
  left: 4rem !important;
  bottom: unset;
  top: 50%;
  margin:auto;
  width: 2.625rem;
  height: 2.625rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: thin solid rgba(0, 0, 0, 0.35);
  transition: opacity 0.25s 0s ease-in-out;
  transform: translateY(-50%);
}
.dt-toc.sticky-toc .toc-trigger
{
  visibility:visible;
  z-index:9;
}
.toc-trigger a
{
  display:flex;
  color: #01423e;
  padding: .375rem;
  transition: none;
}
.toc-trigger svg
{
  width:100%;
  height: 100%;
}
.dt-toc .toc-header span.act
{
    content: url(assets/images/arrow.svg);
    position: absolute;
    height: .8rem;
    width: .8rem;
    display: block;
    top: 0;
    user-select: none;
    right: .625rem;
    bottom: 0;
    margin: auto;
    transition: transform 0.25s 0s ease-in-out;
    filter: invert(1);
}
.dt-toc.collapse .toc-header span.act
{
   transform: rotate(-90deg);
}
.dt-toc.expand
{
  width:100%;
  height:100%;
  position:fixed;
  display:flex;
  justify-content:center;
  align-items:center;
  top:0;
  left:0;
  background-color: rgba(0, 0, 0, 0.65);
  margin: 0;
  z-index:1001;
}
.dt-toc.expand .toc-wrapper
{
  width:43.75rem;
  max-width:92vw;
  padding: 0;
  background:#fff;
  box-sizing: border-box;
  box-shadow:-.0625rem 0.125rem 0.25rem rgba(0,0,0,.25);
}

.dt-toc.expand .toc-trigger
{
  z-index:-1;
  visibility:hidden;
}
.dt-toc.expand .toc-header span.act
{
  content: url(assets/images/close.svg);
  transform: none;
  height: 1.5rem;
  width: 1.5rem;
  transition: all .1s;
  opacity:0;
  right: -.25rem;
  animation: zoomIn .45s .1s ease-out;
  animation-fill-mode:both;
}
.dt-toc.expand .toc-content>.toc-item:last-child a
{
  border:none;
}
.toc-trigger:hover
{
  background:#01423e;
  border-color:#01423e;
  color:#fff;
  transition:all .2s;
}
.dt-toc.expand .toc-trigger:hover
{
  transition:none;
}
.toc-trigger:hover svg *
{
  color:#fff;
}
.entry-header-top
{
    display:flex;
    justify-content:space-between;
    align-items: center;
    margin-bottom:2rem;
}
.entry-header-top-right
{
    display:flex;
}
.post-view
{
    margin-right:1rem;
    color: #555;
}
.post-view img {
     width: 1.5rem; 
     filter: invert(33%) sepia(0%) saturate(1%) hue-rotate( 176deg ) brightness(100%) contrast(22%);
}
.entry-title
{
    font-size:2rem;
    font-weight:500;
    text-align:left;
     background: linear-gradient(
    135deg,
    #E6C766 0%,
    #C9A227 50%,
    #9F7A14 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.entry-header-text
{
    padding-left:0 !important;
    padding-bottom: .5rem;
}
.entry-title + .entry-divider,
.comments-area
{
    display:none;
}
.single-post .article-inner 
{
    /* max-width:45rem; */
    margin-left:auto;
    margin-right:auto;
}
.single-post .related-post
{
	/* max-width:45rem; */
	margin-left:auto;
	margin-right:auto;
}
.featured_content
{
    font-size:1.3125rem;
    border-top:thin solid #ccc;
    padding-top:1rem;
    color:#2a5913;
}
.single-post .article-inner .post-meta
{
     border-top:thin solid #ccc;
     padding-top:1rem;
     justify-content: space-between;
     margin-bottom: 2.5rem;
}
.entry-image
{
    min-width:calc(60rem);
    left:50%;
    transform:translateX(-50%);
   
}
.entry-image img
{
    aspect-ratio: 16/9;
    overflow: hidden;
    object-fit:cover; 
}
.wp-caption .wp-caption-text
{
    background:#01423e !important;
    color:#fff !important;
    font-size:.875rem;
}
.wp-caption .wp-caption-text *
{
    color:#fff !important;
    font-size:.875rem;
}
.single-post .blog-single .entry-content
{
    padding-right:0;
    padding-left:0;
    padding-top:0;
    position: relative;
}
.single-post .blog-single .entry-content>.post-content:nth-child(1)
{
    padding-top:1rem;
}
.single-post .row-divided>.col+.col:not(.large-12)
{
    border:none;
}
.blog-share
{
    text-align:right;
    border-bottom:thin dashed #ccc;
    padding-bottom:10px;
}
.blog-share .is-divider
{
    display:none;
}
.related .post-title 
{
    font-size:14px;
    text-align:left;
    text-transform:none;
    line-height:1.4;
}
.related .box-text
{
    padding-left:10px;
    padding-right:10px;
}
.related .is-divider
{
    display:none;
}
/* Single video */
.video-info
{
    display:flex;
    margin-bottom: 20px;
}
.video-wrapper 
{
    margin-top: -30px;
    padding: 30px 0;
    background: #111;
    margin-bottom: 30px;
    height: auto !important;
}
.video-info h1 {
    margin: 0;
    font-size: 24px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
}
.info-meta>span,
.info-meta .likes
{
    display:flex;
    align-items:center;
}
.info-meta img
{
    filter: invert(.5);
    width: 20px;
    margin-right:5px;
}
.info-meta .likes
{
    margin-left: 1.5rem;
}
.info-meta,
.like-count 
{
    color: #888;
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    font-weight: 400;
}
.player {
    margin-bottom: 25px;
    max-width:60rem;
    margin-left:auto;
    margin-right:auto;
}
.player .embed-responsive {
    z-index: 999;
    background: #111;
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.player-sticky.sticky-on .embed-responsive {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0;
    width: 400px;
}
.video-options>div
{
    flex-basis: calc((100% - 3*1rem)/4);
    max-width: 10rem;
    margin-right: 1rem;
}
.video-options>div:last-child
{
    margin-right:0;
}
.video-options .option {
    border: 1px solid #e5e5e5;
    display: block;
    text-align: center;
    padding: 1.25rem 0;
    color: #999;
    height: 5rem;
    text-decoration: none;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-size:1rem;
}
.video-options .icon
{
    filter: invert(.5);
    width: 1.25rem;
    margin-bottom:5px;
}
#lightoff {
    display: none;
    background: #01423e;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    z-index: 10;
}
.video-wrapper ~ .row .entry-image
{
    display:none;
}
.article-inner iframe
{
    margin-bottom:1rem;
}
.related-post__title
{
    font-size:1.5rem;
    font-weight:500;
}
.related-post__title + .posts-list
{
    margin-top:1rem;
}
.load-end
{
    position:absolute;
    bottom:-.5rem;
    width:100%;
    text-align:center;
    
}

.zoomimg-wrapper .zoomimg-caption-wrapper
{
  color:#fff;
  width: 100%;
  height: auto;
  z-index: 99997;
  position: absolute;
  left: 50% !important;
  bottom:.5rem;
  transform:translateX(-50%);
  opacity: 0;
  transition: none;
  text-align: center;
}

.zoomimg-caption-wrapper .share-post
{
  margin-top:1rem;
}
body .fancybox-slide--image .fancybox-content
{
    display:flex;
    flex-direction:column;
    overflow:visible;
}
body .fancybox-slide--image .fancybox-content *
{
    position:static;
}
body .fancybox-slide--image .fancybox-content .dt-img-caption
{
    text-align:center;
    color:#fff;
    padding:.5rem 0;
}
.category-video-phan-tich-crypto .large-9
{
    width:100%;
    flex-basis:100%;
    max-width:100%;
}
.category-video-phan-tich-crypto .post-sidebar
{
    display:none;
}
.category-video-phan-tich-crypto #post-list
{
    display:flex;
    flex-wrap:wrap;
}
.category-video-phan-tich-crypto #post-list .post,
.category-video-phan-tich-crypto .posts-list .post-item
{
    flex-basis:calc((100% - 3*1.5rem)/4);
    max-width:calc((100% - 3*1.5rem)/4);
    margin-right:1.5rem;
    margin-bottom:1.5rem;
    background:#01423e;
    border-radius:1rem;
    overflow:hidden;
}
.category-video-phan-tich-crypto #post-list .post:nth-child(4n+4),
.category-video-phan-tich-crypto .posts-list .post-item:nth-child(4n+4)
{
    margin-right: 0;
}
.category-video-phan-tich-crypto #post-list .post-item,
.category-video-phan-tich-crypto .posts-list .post-item
{
    flex-wrap:wrap;
}
.category-video-phan-tich-crypto #post-list .post-item .from_the_blog_excerpt,
.category-video-phan-tich-crypto .posts-list .post-item .from_the_blog_excerpt
{
    display:none;
}
.category-video-phan-tich-crypto #post-list .post-item .box-image,
.category-video-phan-tich-crypto .posts-list .post-item .box-image
{
    width:100%;
}
.category-video-phan-tich-crypto #post-list .post-item .box-text,
.category-video-phan-tich-crypto .posts-list .post-item .box-text
{
    padding:1rem;
    padding-top:.5rem;
}
.category-video-phan-tich-crypto .post-meta,
.category-video-phan-tich-crypto .post-read
{
    color:#ddd;
}
.category-video-phan-tich-crypto .date-meta img,
.category-video-phan-tich-crypto .copy-link img
{
    filter: brightness(0%) invert(99%) sepia(1%) saturate(1574%) hue-rotate(276deg) brightness(112%) contrast(73%);
}
.category-video-phan-tich-crypto #post-list .post-item .post-title,
.category-video-phan-tich-crypto .posts-list .post-item .post-title
{
    color:#fff;
}
.dt-blog-archive #post-list .post-title:hover a,
.category-video-phan-tich-crypto .posts-list .post-item .post-title:hover a
{
     color:#D0D34D;
    text-decoration:underline;
    background: linear-gradient( 135deg, #E6C766 0%, #C9A227 50%, #9F7A14 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

#wrapper .banner_left,
#wrapper .banner_right
{
	position:fixed;
	width:16vw !important;
	left:1vw;
}
#wrapper .banner_right
{
	left:unset;
	right:1vw;
}
.banner_left img,
.banner_right img
{
	max-width:100%;
	border-radius: 15px;
	margin-bottom:1rem;
}
/*--------------------------------------------------------------
>>> popup
--------------------------------------------------------------*/

.popup-wrapper
{
position:fixed;
width:100%;
height:100%;
top:0;
left: 0;
display:flex;
align-items:center;
justify-content:center;
background-color: rgba(0,0,0,.65);
opacity: 0;
visibility:hidden;
z-index:-1;
}
.popup-wrapper.show
{
  opacity: 1;
  visibility:visible;
  z-index: 1002;
  transition: none;
}
.popup-wrapper.show .popup
{
  animation: zoomIn .5s ease-out;
  animation-fill-mode: forwards;
}
.popup
{width: auto;max-width: 101423epx;background:transparent;padding: 0;background: transparent;/* max-height: 85%; *//* overflow-y: auto; */scroll-behavior: smooth;box-sizing: border-box;transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);}
.popup-header
{
position:relative;
}
.popup__subtitle
{
font-size: .875rem;
font-weight:400;
}
.popup-content-inner img
{
	border-radius:.5rem;
}
.popup__title
{
font-size: 1.25rem;
font-weight:400;
margin: .5rem 0 .75rem;
}
.close-btn
{
  position: absolute;
  cursor:pointer;
  right: -1.35rem;
  top: -1rem;
  background: #E4E6EB;
  border-radius: 50%;
  width: 2.1875rem;
  height: 2.1875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .35rem;
  box-sizing: border-box;
  transition:all .25s;
}
.close-btn:hover
{
background: #d0d1d3;
}
.popup__image
{
flex-basis:60%;
max-width:60%;
}
.close-btn img
{
	width:90%;
}
@keyframes zoomIn {
    0% {
      transform: scale3d(0, 0, 0);
      opacity: 0;
    }
    100% {
      transform: scale3d(1,1,1);
      opacity: 1;
    }
  }
.popup__content
{
 flex-basis:40%;
  max-width:40%;
  padding-left:2rem;
  box-sizing:border-box;
}
.popup-contents
{
align-items:flex-start;
}
#header #logo
{
    width:6rem;
}
#header #logo img
{
   width:5.5rem; 
    max-height:unset !important;
}
header .nav > li > a
{
     color: #fff;
     border-color: #fff;
     font-weight: 600;
}
header .nav > li.current-menu-item > a,
header .nav > li:hover> a,
header .nav > li:focus> a,
header .nav > li> a:hover,
header .nav > li.active a
{
    color: #D0D34D;
    background: linear-gradient( 135deg, #E6C766 0%, #C9A227 50%, #9F7A14 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
header .nav > li.active a:after
{
    background: #D0D34D;
    background: linear-gradient( 135deg, #E6C766 0%, #C9A227 50%, #9F7A14 100% );
}
.single .entry-category
{
    display:none;
}
.single .article-inner  .post-read
{
    margin-left:.75rem !important;
    display:inline-block;
    color:#828282;
}

.post-sidebar  .row.popularpost-row .row
{
	flex-direction:column;
}

.post-sidebar  .row.popularpost-row .row .col
{
	max-width:100%;
	flex-basis:100%;
	padding-bottom: 1rem;
}
.post-sidebar  .row.popularpost-row .post-item .box-text
{
	position:absolute;
	left:0;
	bottom:0;
	bottom: 0;
	left: 0;
	width: 100%;
	top: 0;
	background: #000000;
	background: linear-gradient(183deg, rgba(0, 0, 0, 0.001) 0%, rgba(0, 0, 0, 0.65) 100%);
	display:flex;
	align-items:flex-end;
	border-radius:.5rem;
	text-align:left;
	padding-bottom: .5rem;
}
.post-sidebar  .row.popularpost-row .post-title a,
.post-sidebar  .row.popularpost-row .box-text-inner
{
	color:#fff;
	font-size: 1.0625rem;
	transition:0.2s all;
	text-align:left;
	margin-left: 0;
}
.post-sidebar  .row.popularpost-row .post-item:hover .post-title a
{
    
    text-decoration:underline;
}
.post-sidebar  .row.popularpost-row .post-title:hover a,
.post-sidebar  .row.popularpost-row .post-title:hover a
{
    color:#fff;
    text-decoration:underline;
}
.post-sidebar .post-item:hover .box-text
{
	opacity:1 !important;
}
.product-sidebar .products-list .readmore
{
    display:none;
}
.dt-post-popular  .post
{
    margin-bottom:1.25rem;
}
.dt-post-popular .box-image img
{
    height: 11rem;
    border-radius:.5rem;
    overflow:hidden;
    object-fit: cover;
}
.dt-post-popular .from_the_blog_excerpt,
.dt-post-popular .post-meta
{
	display:none;
}
.dt-blog-wrapper .post-sidebar .section-title-container + p
{
	display:none;
}
.dt-post-popular .post-title a
{
	color: #fff;
	font-size: 1.125rem;
	transition: 0.2s all;
	text-align: left;
	margin-left: 0;
	text-transform:none;
	font-weight:400;
	font-family: 'Oswald', sans-serif;
}
.dt-blog-wrapper .post-sidebar .post:last-child
{
	margin-bottom:0;
}
.post-sidebar .newpost-row  .box-image
{
    width:30%;
    overflow: hidden;
    border-radius: .5rem;
}
.post-sidebar .newpost-row  .box-image .image-cover
{
   padding-top:70% !important;
}
.post-sidebar .newpost-row  .box-text
{
    padding:0 0 0 10px;
}
.post-sidebar .newpost-row  .box-text .post-title a
{
    font-size: .9375rem;
    text-transform:none;
    text-align:left;
    color:#000;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: 400;
    margin-bottom: .25rem;
    line-height: 1.5;
    font-family: 'Oswald', sans-serif;
}
.post-sidebar .newpost-row .box-text .post-title:hover a
{
    color:#2a84b8;
    text-decoration:underline;
}
.post-sidebar .newpost-row .post-item
{
    padding-bottom: .75rem;
}
.post-sidebar .newpost-row .post-item .is-divider
{
    display:none;
}
.post-sidebar .section-title-container
{
    margin-bottom:.625rem;
}
.post-sidebar .post-meta
{
    display: none !important;
}

.dt-blog-archive #post-list .post-item .box-text
{
	text-align:left;
	padding-top:.75rem;
	padding-bottom: 0;
	padding-left: 0;
}
.dt-blog-archive #post-list .post-item .post-title
{
    margin-top: 0;
    font-size: 1.125rem;
    text-transform:none;
    margin-bottom:.5rem;
    font-weight: 500;
    line-height: 1.4;
    display:block;
    color: #333;
    text-align:left;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.dt-blog-archive #post-list .post-title:hover a
{
    color:#D0D34D;
    text-decoration:underline;
    background: linear-gradient( 135deg, #E6C766 0%, #C9A227 50%, #9F7A14 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.dt-blog-archive #post-list .post-item .from_the_blog_excerpt
{
	color: #828282;
	font-size: .9375rem;
	line-height: 1.5;
	text-align:left;
	margin-top:.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
#post-list ul.page-numbers
{
	display:flex;
	list-style-type:none;
	justify-content:center;
}
#post-list ul.page-numbers a,
#post-list ul.page-numbers span
{
	width:2.5rem;
	padding:.375rem;
	border-radius:.375rem;
	border:thin solid #ccc;
	display:flex;
	justify-content:center;
	font-size:14px;
	line-height: 1.4;
}
#post-list ul.page-numbers a:hover,
#post-list ul.page-numbers span
{
	background:#D0D34D;
	border-color:#D0D34D;
	color:#fff;
    background: linear-gradient( 135deg, #E6C766 0%, #C9A227 50%, #9F7A14 100% );
}
#post-list ul.page-numbers li
{
	margin-left:12px;
}

.post-sidebar .post-meta
{
	display:flex;
	align-items:center;
	color:#828282;
	font-size: .75rem;
	font-weight:300;
	margin-bottom: 0 !important;
}
.dt-blog-wrapper .post-meta > *
{
	padding:0;
	margin-left:0;
}
.dt-blog-wrapper .post-meta .author-name
{
	margin-right: 0.65rem;
	text-transform: none;
}
.dt-blog-archive .post-meta .author-name,
.posts-list .post-meta .author-name
{
    display:none;
}
.dt-blog-featured__slider .post-meta
{
	margin-top:.5rem;
}
.dt-blog-featured__right .post-meta
{
	display:none;
}
.dt-blog-wrapper .large-9,
.archive  .large-9
{
	flex-grow:1;
	max-width: 72%;
}

.dt-blog-wrapper .post-sidebar,
.archive .post-sidebar
{
	flex:none;
	width:28%;
	max-width: 28%;
	padding-left:1rem;
	box-sizing: border-box;
}
.dt-blog-archive #post-list
{
    display:flex;
    flex-wrap:wrap;
}
.dt-blog-archive #post-list .post
{
    flex-basis:calc((100% - 30px)/2);
    max-width:calc((100% - 30px)/2);
    margin-right:30px;
    margin-bottom:30px;
}
.dt-blog-archive #post-list .post:nth-child(2n+2)
{
    margin-right:0;   
}
body .post-title
{
    letter-spacing:0;
}
.dt-blog-archive #post-list .post-title a
{
    text-transform:none;
    text-align:left;
    line-height:1.5;
    color: #000;
    font-size:17px;
    font-weight: 600;
    width: 100%;
    font-family: 'Oswald', sans-serif;
}
.dt-blog-archive #post-list .article-inner
{
    box-shadow:none;
}
.dt-blog-archive #post-list .box-text
{
    padding:10px 0 0;
    box-shadow:none;
}
.dt-blog-archive #post-list .box-image img
{
    /* height:240px; */
    object-fit:cover;
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
    height:auto;
    
}
.dt-blog-archive .post-item .post-meta
{
    color:#555;
    justify-content: flex-start;
    margin-top:4px;
}
.dt-blog-archive .post-meta>*
{
    margin-left:0;
}
.date-meta
{
    /* display: none !important; */
}
.dt-blog-archive .post-meta .date-meta
{
    color:#999;
    font-size:.825rem;
    display: flex;
    align-items: center;
}
.dt-blog-archive .post-meta .date-meta img
{
    margin-right:.25rem;
}
.dt-blog-wrapper .post-cat
{
    margin-left:0;
}
.post-cat a
{
    transition: background-color 0.2s ease;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    pointer-events: auto;
    color:#fff;
}
.post-cat a:hover
{
    background:#D0D34D;
    background: linear-gradient( 135deg, #E6C766 0%, #C9A227 50%, #9F7A14 100% );
}
.dt-blog-archive .post-cat
{
    position:absolute;
    top:-24px;
}
.dt-blog-archive .large-9
{
    max-width: 100%;
    flex-basis: 100%;
}
.dt-blog-archive .large-3
{
    max-width: 30%;
    flex-basis: 30%;
    display: none;
}

.post-sidebar .box-text .post-title
{
    font-size:.85rem;
    text-transform:none;
    text-align:left;
    color:#000;
    margin-top: 0;
    margin-bottom: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: 500;
}
.post-sidebar .post-item
{
    padding-bottom: 0;
}
.post-sidebar .post-item .is-divider
{
    display:none;
}
.post-sidebar .section-title-container
{
    margin-bottom:10px;
}
#post-list .post-style-2 .date_mate
{
    position:absolute;
    z-index:999;
    background:#2a84b8;
    bottom: 1rem;
    left:1rem;
    color:#fff;
    padding:.5rem;
    text-transform:uppercase;
    text-align:center;
    font-size:1.325rem;
    font-weight:600;
    line-height:1;
}
#post-list .post-style-2 .date_mate b
{
    display:block;
    font-size:.875rem;
    font-weight:400;
    margin-bottom:.325rem;
}
body .section-title-normal,
body .section-title-normal span
{
    box-shadow:none;
    border: none;
    margin-bottom: 0;
}
.dt-blog-wrapper .cat-nav__list-child-home
{
    margin:-1rem 0 2rem;
}
.gradient-section
{
    /* background:var(--color-primary-dark); */
    background:var(--color-primary-dark);
    background-image:var(--gradient-primary),url('assets/images/Mask group.png');
    background-size: 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
}
body div.wpforms-container-full .wpforms-form button[type=submit],
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    border-radius: .75rem;
    font-size: .875rem;
    font-weight: 600;
    color: #D6D9D8;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: all 0.35s ease;
    text-transform:uppercase;
    /* Gradient nền chính */
    background: var(--gradient-primary);

    /* Border sáng nhẹ */
    border: 1px solid rgba(208, 211, 77, 0.6);

    /* Glow nhẹ */
    box-shadow:
        0 0 20px rgba(21, 121, 84, 0.4),
        inset 0 0 15px rgba(255, 255, 255, 0.05);
}
body div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 0 30px rgba(208, 211, 77, 0.5),
        0 10px 25px rgba(0, 0, 0, 0.4);
    
    background: var(--gradient-primary);

    color: #fff;
}
body div.wpforms-container-full .wpforms-form button[type=submit]:before,
.btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.3),
        transparent
    );
    transition: 0.6s;
}
body div.wpforms-container-full .wpforms-form button[type=submit]:hover:before,
.btn:hover::before {
    left: 100%;
}
.dt-title-container  .section-title-main
{
    
    padding: .5rem 1rem;
   
    text-align:center;
     background: linear-gradient(
    135deg,
    #E6C766 0%,
    #C9A227 50%,
    #9F7A14 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.contact-section div.wpforms-container-full .wpforms-form .wpforms-field-medium
{
    width:100%;
    max-width:unset;
    border-radius:.5rem;
}
#main .contact-section
{
    padding:3rem 0;
}
.gradient-section .dt-title-container .section-title-main
{
    color:#fff;
    background: linear-gradient( 135deg, #F5E08A 0%, #D0B24C 30%, #B88A1A 60%, #E6C766 100% ); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    text-align:left;
}
.contact-section div.wpforms-container-full .wpforms-form label.wpforms-error
{
    font-weight:400;
    margin-top:.25rem;
}
.contact-section .dt-wrap
{
    display:flex;
    gap:2rem;
}
.contact-section .dt-wrap .section-image-container img
{
   transition:all .25s;
}
.contact-section .dt-wrap .section-image-container
{
    flex:none;
    width:35%;
    overflow:hidden;
    border-radius:1.5rem;
}
.contact-section .dt-wrap .section-image-container:hover img
{
    transform:scale(1.05);
}
.contact-section .dt-wrap .section-image-container *
{
    height:100%;
    object-fit:cover;
}
.contact-section .text
{
    flex-grow:1;
}
.footer-wrapper
{
    display:none;
}
.contact-section .text h1
{
    text-transform:uppercase;
     background: linear-gradient(
    135deg,
    #E6C766 0%,
    #C9A227 50%,
    #9F7A14 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.connect-section .section-title
{
    text-align:center;
    justify-content:center;
}
.section h2.section-title
{
    font-size:2rem;
}
.section h1
{
    font-size:2rem;
}
.follow-btns
{
    display:flex;
    justify-content:center;
    gap:3rem;
}

.follow-btns .section-image-container
{
    display:flex;
    align-items:center;
    gap:1rem;
    background-image: linear-gradient(90deg,rgba(21, 121, 84,.5) 10%,rgba(21, 121, 84,.4) 20%,rgba(21, 121, 84,.3) 30%,rgba(21, 121, 84,.2) 45%,rgba(21, 121, 84,.1) 60%,rgba(21, 121, 84,0));
    border-radius:9rem;
    transition:all .25s;
    padding-right:2rem;
}
.follow-btns .section-image-container:hover
{
    background-image: linear-gradient(270deg, rgba(21, 121, 84, .5) 10%, rgba(21, 121, 84, .4) 20%, rgba(21, 121, 84, .3) 30%, rgba(21, 121, 84, .2) 45%, rgba(21, 121, 84, .1) 60%, rgba(21, 121, 84, 0));
}
.follow-btns .section-image-container img
{
    width:5rem;
    transition:all .5s;
}
.follow-btns .section-image-container:hover img
{
    transform:rotate(360deg);
}
.follow-btns .section-image-container .dt_image-content
{
    font-weight:700;
    color:#fff;
    font-size:1.5rem;
}
.follow-btns + .section-title-container
{
    margin-top:3rem;
}
.connect-btns
{
    display:flex;
    justify-content:center;
    gap:2rem;
    font-weight:600;
    color:#fff;
}
.contact-section div.wpforms-container-full .wpforms-form .wpforms-field-label
{
    font-weight:400;
    margin-bottom:.5rem;
}
.contact-section .wpforms-container,
.contact-section .wpforms-form
{
    margin-bottom:0;
}
/*
#main input,
#main select,
#main textarea {
  width: 100%;
  padding: .75rem 1rem;;
  border-radius: .75rem;
  border: 1px solid rgba(208,178,76,0.25);
  background: linear-gradient(
    145deg,
    rgba(1,66,62,0.9),
    rgba(1,66,62,0.75)
  );
  color: #E8E6DA;
  font-size: 15px;
  transition: all 0.3s ease;
  outline: none;
  backdrop-filter: blur(4px);
}
#main select
{
    padding:.5rem 1rem;
}

#main input::placeholder,
#main textarea::placeholder {
  color: rgba(232,230,218,0.5);
}

#main input:focus,
#main select:focus,
#main textarea:focus {
  border: 1px solid #D0B24C;
  box-shadow:
    0 0 0 2px rgba(208,178,76,0.15),
    0 8px 20px rgba(0,0,0,0.3);
  background: linear-gradient(
    145deg,
    rgba(1,66,62,1),
    rgba(1,66,62,0.85)
  );
}

#main textarea {
  min-height: 140px;
  resize: vertical;
}


#main label {
  display: block;
  margin-bottom: 8px;
  color: #D0B24C;
  font-weight: 500;
  letter-spacing: 0.5px;
}

#main input:focus,
#main select:focus,
#main textarea:focus {
  transform: translateY(-2px);
}
#main input:hover,
#main select:hover,
#main textarea:hover {
  border-color: rgba(208,178,76,0.5);
}
*/
.result-section .section-title
{
    padding:0 8rem;
    text-align:center;
}
.result-section .section-title .section-title-main
{
    text-align:center;
}
.result-section .large-columns-4
{
    padding: 1.5rem !important;
    border:thin solid #ccc;
    border-radius:2rem;
    background-image: linear-gradient(-45deg,rgba(21, 121, 84,.5) 1%,rgba(21, 121, 84,.3) 2%,rgba(21, 121, 84,.15) 6%,rgba(21, 121, 84,.08) 11%,rgba(21, 121, 84,.03) 18%,rgba(21, 121, 84,0) 30%,rgba(21, 121, 84,0) 70%,rgba(21, 121, 84,.03) 82%,rgba(21, 121, 84,.08) 89%,rgba(21, 121, 84,.15) 94%,rgba(21, 121, 84,.3) 98%,rgba(21, 121, 84,.5) 99%);
    gap: 1.5rem;
}
.result-section .gallery-col img
{
    aspect-ratio: 3/4;
    object-fit: cover;
    width: 100%;
    height:auto;
     border-radius:1.5rem;
    transition:all .25s;
}
.result-section .gallery-col
{
    border-radius:1.5rem;
    overflow:hidden;
    padding: 0;
    max-width:calc((100% - 1.5rem*3)/4);
}
.result-section .gallery-col:hover img
{
    transform:scale(1.05);
     border-radius:1.5rem;
}
.intro-section .dt_image-img img,
.banner-section .dt_image-img img
{
    aspect-ratio: 3/4;
    object-fit: cover;
    width: 100%;
    height:auto;
    border: Thin solid #ccc;
    border-radius: 1.5rem;
}
.banner-section .dt_image-img img
{
    aspect-ratio: 4/5;
}
#main .intro-section
{
    padding:3rem 0;
}
.intro-section .stack 
{
    gap: 6rem;
}
.intro-section *
{
    color:#fff;
}
.intro-section .dt-wrap
{
    font-size:1.125rem;
    line-height:1.8;
}
.intro-section .stack
{
    align-items:center;
}
.intro-section .dt-wrap li
{
    list-style:none;
    padding-left:0;
    margin-left:0;
}
.intro-section .dt-wrap li
{
    position:relative;
    padding-left:2rem;
}
.intro-section .dt-wrap li:before
{
    content:'';
    position:absolute;
    left:0rem;
    top:50%;
    transform:translateY(-50%);
    width:1.25rem;
    height:1.25rem;
    background-image:url(assets/images/check-mark-button.svg);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;

}
.intro-section .dt_image-img,
.banner-section .dt_image-img
{
    position:relative;
    /* border-radius:1.5rem; */
    transition:all .25s;
}
.intro-section .dt_image-img:hover,
.banner-section .dt_image-img:hover
{
   transform:translateY(-.5rem);
}
.intro-section .dt_image-img:before
{
    content:'';
    position:absolute;
    right:-3rem;
    bottom:-3rem;
    width:12rem;
    height:18rem;
    background-image:url(assets/images/award.png);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    border:thin solid #ccc;
    border-radius:1.5rem;
    background-color:#21263a;
    transform:scale(.8);
}
.program-section .section-title
{
    justify-content:center;
}
.program-section .stack 
{
    gap:2rem;
     margin-top:8rem;
}
.program-section .dt-wrap,
.benefit-section .dt-wrap
{
    border-radius:2.5rem;
    border:thin solid #ccc;
    padding:1.5rem;
    padding-bottom: 2rem;
    text-align:center;
    background:#054d42;
    color:#fff;
    padding-top:8rem;
    position:relative;
}
.program-section .dt_image-content>*:first-child,
.benefit-section .dt_image-content>*:first-child
{
    text-transform:uppercase;
    font-weight:700;
    font-size:2rem;
    margin-bottom:1rem;
}
.benefit-section .dt_image-content>*:first-child
{
    font-size:1.5rem;
    margin-top:1rem;
}
.program-section .dt-wrap .btn
{
    margin-top:1rem;
}
.program-section,
.process-section
{
    background:#01423e;
}
.program-section .dt-wrap .dt_image-img
{
    position:absolute;
    transform:translateY(-50%);
    top:0;
    text-align:center;
    width:100%;
    left: 0;
}
.program-section .dt-wrap .dt_image-img img
{
    width:16rem;
}
.banner-section
{
    background: var(--color-primary-dark);
    background-image:var(--gradient-primary),url('assets/images/Mask group.png');
    background-size: 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
}
#main .banner-section
{
    padding:3rem 0;
}

.banner-section .section-title {
    font-size: clamp(40px, 6vw, 72px);
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 24px;
    animation: fadeInUp 0.8s ease 0.2s backwards;
}


.banner-section .section-title .name {
    display: block;
    color: #ffffff;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* Style cho "MASTER" - outline vàng neon */
.banner-section .section-title .master {
    display: block;
    color: transparent;
    -webkit-text-stroke: 2px #D0D34D;
    text-stroke: 2px #D0D34D;
    text-shadow: 
        0 0 20px rgba(208, 211, 77, 0.5),
        0 0 40px rgba(208, 211, 77, 0.3);
}


.banner-section .section-title .trader {
    display: block;
    color: #ffffff;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.banner-section .dt-title-container .section-title-main
{
    background: transparent;
    -webkit-text-fill-color: unset;
    text-align: left;
    padding: 0;
    font-size: 5rem;
}
.banner-section p
{
    color:#fff;
    font-size:1.125rem;
}
.banner-section .stack
{
    gap:5rem;
}
.banner-section .section-image-container
{
    position:relative;
}
.banner-section .dt_image-content
{
    position:absolute;
    background:#003124b3;
    width:70%;
    bottom:1rem;
    left:1rem;
    padding:1rem;
    color:#fff;
    text-transform:uppercase;
    font-weight:200;
    border-radius:.75rem;
}
.banner-section .dt_image-content b
{
    display:block;
    font-size:1.5rem;
    font-weight:700;
    color:#D0D34D;
}
.banner-section .dt_image-content:before
{
    content:'';
    position:absolute;
    right:1rem;
    top:50%;
    transform:translateY(-50%);
    width:4.25rem;
    height:4.25rem;
    background-image:url(assets/images/bar.png);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;

}
#main .benefit-section
{
    padding:3rem 0;
}
.benefit-section .section-title
{
    justify-content:center;
}
.benefit-section .section-title .section-title-main
{
    justify-content:center;
    text-align:center;
    padding:0 10%;
}
.benefit-section .stack
{
    gap:2rem;
    flex-wrap:wrap;
}
.benefit-section .stack .dt-wrap
{
    width:calc((100% - 2rem)/2);
    color:#fff;
    padding: 1.5rem;
    background-image: linear-gradient(-45deg,rgba(21, 121, 84,.5) 1%,rgba(21, 121, 84,.3) 2%,rgba(21, 121, 84,.15) 6%,rgba(21, 121, 84,.08) 11%,rgba(21, 121, 84,.03) 18%,rgba(21, 121, 84,0) 30%,rgba(21, 121, 84,0) 70%,rgba(21, 121, 84,.03) 82%,rgba(21, 121, 84,.08) 89%,rgba(21, 121, 84,.15) 94%,rgba(21, 121, 84,.3) 98%,rgba(21, 121, 84,.5) 99%);

}
.benefit-section .dt_image-img img
{
    aspect-ratio: 16/10;
    object-fit: cover;
    width: 100%;
    height:auto;
    border-radius:1.5rem;
    transition:all .25s;
}
.benefit-section .dt_image-img
{
    overflow:hidden;
     border-radius:1.5rem;
}
.benefit-section .dt_image-img:hover img
{
    transform:scale(1.05);
}
.section p
{
    font-size:1.125rem;
}
.process-section .section-title
{
    justify-content:center;
}
.process-section .dt-wrap
{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:2rem;
    row-gap:3rem;
}
.process-section .dt-wrap .section-image-container
{
    width:Calc((100% - 2*2rem)/3);
    text-align:center;
    color:#fff;
    transition:all .25s;
}
.process-section .dt-wrap .section-image-container:hover
{
    transform:translateY(-.5rem);
}
.process-section .dt_image-content>*:first-child
{
    font-size:1.125rem;
    margin-top:1rem;
}
.process-section .dt_image-img img
{
    height:5rem;
    width:auto;
}
.rule-section .dt-wrap .section-image-container
{
    width:calc((100% - 2rem)/2);
    border:thin solid #ccc;
    border-radius:1.5rem;
    padding:1.5rem;
        background-image: linear-gradient(-45deg,rgba(21, 121, 84,.5) 1%,rgba(21, 121, 84,.3) 2%,rgba(21, 121, 84,.15) 6%,rgba(21, 121, 84,.08) 11%,rgba(21, 121, 84,.03) 18%,rgba(21, 121, 84,0) 30%,rgba(21, 121, 84,0) 70%,rgba(21, 121, 84,.03) 82%,rgba(21, 121, 84,.08) 89%,rgba(21, 121, 84,.15) 94%,rgba(21, 121, 84,.3) 98%,rgba(21, 121, 84,.5) 99%);

}
.rule-section .dt_image-img img
{
    height:8rem;
}
@media only screen and (max-width: 1023px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


.header-main.has-widget
{
	margin-bottom:2rem;
}
  html 
  {
    font-size: 3.7325vw;
  }
  
  .off-canvas-left .mfp-content
  {
      background:#fff;
      border-right:.3125rem solid #2a5913;
  }
  h2.section-title span
  {
      font-size:1.5rem;
  }
  .mobile-nav *
  {
      color:#fff;
  }
  .off-canvas .nav-vertical>li>a
  {
      color:#333;
  }
  .dt-blog-featured__slider
     {
         width:100%;
         margin-bottom:2.5rem;
     }
     .dt-blog-featured
     {
         flex-wrap:wrap;
     }
     .dt-blog-featured__center
     {
         padding-left:0;
     }
    .dt-blog-featured__slider .flickity-page-dots
    {
        bottom:-1.75rem;
    }
    .cat-title
    {
        font-size:1.125rem;
    }
    .posts-list .post-item
    {
        width:100%;
        flex-basis: 100%;
        margin-right: 0;
    }
    .cat-nav__list-child-home
    {
        flex-wrap:nowrap;
        overflow-x:auto;
    }
    .cat-nav__list-child-home a
    {
        white-space:nowrap;
    }
    .dt-blog-wrapper
    {
        padding-top:0;
    }
    .archive-page-header .page-title
    {
        font-size:1.5rem;
    }
    .dt-blog-archive #post-list .post-item
    {
        flex-wrap:wrap;
    }
    .dt-blog-archive #post-list .post-item>*
    {
        width: 100% !important;
        padding-left: 0 !important;
    }
    .dt-blog-archive #post-list .post-item .box-text
    {
        padding-top:.5rem;
    }
    .dt-blog-archive .post
    {
        margin-bottom:1rem;
    }
    .post-sidebar
    {
        border:None;
        margin-top:1.5rem;
    }
    .entry-title
    {
        font-size:1.5rem;
    }
    .post-read
    {
        font-size:.9rem;
    }
    .featured_content
    {
        font-size:1.125rem;
    }
    .single-post .article-inner .post-meta
    {
        margin-bottom:1.5rem;
    }
    .entry-image
    {
        min-width:auto;
    }
    .toc-trigger
    {
        left:1rem !important;
    }
    .related-post
    {
        padding-left:15px;
        padding-right:15px;
    }
       .player-sticky.sticky-on .embed-responsive {
        top: 0rem;
        bottom: auto;
        width: 100%;
    }
     .zoomimg-wrapper {
        display: none !important;
      }
      .dt-blog-featured__slider
      {
          min-width:100vw;
          left:-15px;
          position: relative;
      }
      .dt-blog-featured__slider .box-image
      {
          border-radius:0 !important;
      }
      .dt-blog-featured__slider .box-text
      {
          padding-left:15px !important;
          padding-right:15px !important;
      }
      .category-video-phan-tich-crypto #post-list .post,
      .category-video-phan-tich-crypto .posts-list .post-item
      {
          flex-basis:calc((100% - 0rem)/1);
          max-width:calc((100% - 0rem)/1);
          margin-right:0rem;
      }
      .category-video-phan-tich-crypto #post-list .post:nth-child(2n+2),
      .category-video-phan-tich-crypto .posts-list .post-item:nth-child(2n+2)
      {
          margin-right:0;
      }
      .category-video-phan-tich-crypto #post-list .post-item .box-text,
      .category-video-phan-tich-crypto .posts-list .post-item .box-text
      {
          padding:1rem !important;
      }
      .category-video-phan-tich-crypto #post-list .post-item .post-title,
      .category-video-phan-tich-crypto .posts-list .post-item .post-title
      {
          font-size:1rem;
      }
      .popup-contents>*
      {
        flex-basis:100%;
        max-width:100%;
        padding: 0;
      }
	.popup
	{
		max-width:90%;
	}
      .category-video-phan-tich-crypto .post-meta, .category-video-phan-tich-crypto .post-read
      {
          font-size:.75rem;
          white-space:nowrap;
      }
	#wrapper .banner_left, #wrapper .banner_right
	{
		order:2;
		position:static;
		width: calc((100% - 0rem)/1) !important;
	}
	#wrapper .banner_left
	{
		margin-right: 1rem;
	}
}
@media screen and (min-width: 1441px) {
    html {
      font-size: 16px;
    }
}