@font-face {
    font-family: 'SVN-Poppins-Regular';
    src: url(../fonts/SVN-Poppins-Regular/SVN-Poppins-Regular.eot);
    src: url(../fonts/SVN-Poppins-Regular/SVN-Poppins-Regular.eot?#iefix) format('embedded-opentype'),
         url(../fonts/SVN-Poppins-Regular/SVN-Poppins-Regular.otf) format('otf'),
         url(../fonts/SVN-Poppins-Regular/SVN-Poppins-Regular.svg#SVN-Poppins-Regular) format('svg'),
         url(../fonts/SVN-Poppins-Regular/SVN-Poppins-Regular.ttf) format('truetype'),
         url(../fonts/SVN-Poppins-Regular/SVN-Poppins-Regular.woff) format('woff'),
         url(../fonts/SVN-Poppins-Regular/SVN-Poppins-Regular.woff2) format('woff2');
         font-weight: inherit;
         font-style: inherit;
}
@font-face {
font-family: 'SVN-Poppins-Regular';
src: url(../fonts/SVN-Poppins-SemiBold/SVN-Poppins-SemiBold.eot);
src: url(../fonts/SVN-Poppins-SemiBold/SVN-Poppins-SemiBold.eot?#iefix) format('embedded-opentype'),
        url(../fonts/SVN-Poppins-SemiBold/SVN-Poppins-SemiBold.otf) format('otf'),
        url(../fonts/SVN-Poppins-SemiBold/SVN-Poppins-SemiBold.svg#SVN-Poppins-SemiBold) format('svg'),
        url(../fonts/SVN-Poppins-SemiBold/SVN-Poppins-SemiBold.ttf) format('truetype'),
        url(../fonts/SVN-Poppins-SemiBold/SVN-Poppins-SemiBold.woff) format('woff'),
        url(../fonts/SVN-Poppins-SemiBold/SVN-Poppins-SemiBold.woff2) format('woff2');
        font-weight: bold;
         font-style: inherit;
}
  
html, body{font-family: 'SVN-Poppins-Regular'; font-size: 14px; background: #000000; color: #fff;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0px;}
.max-md{max-width: 1000px; margin-left: auto; margin-right: auto;}
/* .max-lg{max-width: 1005px; margin-left: auto; margin-right: auto;} */

.sec-title{margin-bottom: 60px; margin-top: 60px;}
.sec-title h3{font-weight: bold; font-size: 36px;} 

.link-yellow{display: inline-block; background: #FFC451; color: #fff; line-height: 30px; padding: 0 20px; border-radius: 5px; overflow: hidden;    position: relative; z-index: 1;     vertical-align: top;}
.link-yellow:hover, .link-yellow.active{    background: #f37022;}
.link-yellow:after { content: ""; position: absolute; top: 0; left: 0; width: 500%; height: 1000%; background: #f37022; z-index: -1; transform-origin: 0% 0%; transform: translateX(calc(20% - 13px)) translateY(10%) rotate(-45deg); /transform: translateY(10%) translateX(16%) rotate(-45deg); transition: transform .3s; }
.link-yellow:hover::after { transform: translateY(10%) translateX(-13px) rotate(-45deg); }

.text-gradient{background: url(../images/bg/7.jpg)no-repeat center center; background-size: 100% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;}

.list-check{text-align: justify;}
.list-check .item{margin-bottom: 15px; position: relative; padding-left: 20px;}
.list-check .item .icon{position: absolute; left: 0; top: 0;}
.list-check .item .icon img{max-width: 12px;}

.mb-15{margin-bottom: 15px;}

.marg-box-30{margin-left: -15px; margin-right: -15px;}
.marg-box-30 .padd-15{padding-left: 15px; padding-right: 15px;}

.eff-img{transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s;}
.eff-img:hover{box-shadow: 0px 0px 158px 0px rgb(244 124 45); transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s;}

@media screen and (max-width: 767px){
    .sec-title h3{font-size: 26px;}
}

/* ----------- DEFAULT -------------------------------------- */
/* ELEMENT */
a{text-decoration: none;}
a:hover, a:focus{border-color: rgba(255, 255, 255, 0); outline: none;text-decoration: none;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
img{max-width: 100%;}
ul{margin: 0px;}
.btn.focus, .btn:focus{outline: 0; box-shadow: none; outline: none; box-shadow: none;}

/* CORE */
[class*="col-"], [class*="container-"]{padding-left: 10px; padding-right: 10px;}
.row{margin-left: -10px; margin-right: -10px;}

/* CUSTOM */
.wrapper-default { max-width: 1920px; margin: auto;  overflow: hidden;}

.title-page{margin-bottom: 32px;}
.title-page .desc{font-size: 16px; color: #000; margin-top: 35px;}
.title-page h3 { color: #000000; margin: 0px;  font-weight: 600; font-size: 24px;}
.title-page .float-right a{color: #d13434;}
.title-page .float-right a:hover{color: #c81c1c; text-decoration: underline;}

.title-box{margin-bottom: 30px;}
.title-box h3{font-weight: bold; margin: 0px; font-size: 24px; font-weight: bold}

.breadcrumb-page .banner img{width: 100%;}

@media(max-width: 767px){
    .title-sec{    margin-bottom: 15px!important;}
    .max-w{padding-left: 5px; padding-right: 5px;}
}

/* ----------- PRELOADER -------------------------------------- */
.preloader { width: 100%; height: 100%; top: 0; position: fixed; z-index: 99999; background: #fff; }
.lds-ripple{display:inline-block;width:64px;height:64px;position:absolute;top:calc(50% - 3.5px);left:calc(50% - 3.5px)}.lds-ripple .lds-pos{position:absolute;border:2px solid #2962FF;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.1,.5,1) infinite}.lds-ripple .lds-pos:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:28px;left:28px;width:0;height:0;opacity:0}5%{top:28px;left:28px;width:0;height:0;opacity:1}100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}

/* ----------- TO TOP -------------------------------------- */
.to-top { position: fixed; bottom: 50px; right: 44px; width: auto; height: auto; z-index: 116; cursor: pointer; display: none; -webkit-transform: translate3d(0,0,0); border-radius: 50%; }
.to-top img{height: 42px; width: 42px;}
@media(max-width: 1360px){
    .social-list{padding-right: 50px;}
    .to-top{position: absolute; cursor: pointer; right: 0; top: -8px; width: 50px; text-align: right;}
    .to-top img{height: 36px;}
    .social-list{}
}
@media(max-width: 992px){
    .social-list {padding-top: 10px;}
    .social-list .item{margin-left: 0px!important; margin-right: 10px!important;}
    .to-top{right: 10px; top: 10px;}
}
/* BOX SLICK */
.box-slick{position: relative;}
.box-slick .box-arrows-slick img{    height: 13px;}
.box-slick .box-arrows-slick .slick-arrows{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.box-slick .box-arrows-slick .prev { left: -15px; }
.box-slick .box-arrows-slick .next{ right: -15px;}
.slick-slide:focus{    border-color: rgba(255, 255, 255, 0);outline: none;}
.box-slick .slick-nav a#prev-slick{position: absolute; bottom: 30px; z-index: 3; right: 164px;}
.box-slick .slick-nav a#next-slick{position: absolute; bottom: 30px; z-index: 3; right: 143px;}
.box-slick .slick-nav a img{max-height: 17px;}
.box-slick .slick-nav::after{width: 95px; height: 1px; position: absolute; content: ""; background: rgba(255, 255, 255, 0.7607843137254902); right: 186px; bottom: 38px;}
@media(max-width: 1100px){
    .box-slick {
        margin: 0px auto 0px;
    }
}
/* ----------- HEADER -------------------------------------- */
.header-default{position: relative; margin-left: -10px; margin-right: -10px; padding: 10px 0;} 
.h-logo{display: inline-block;}
.h-logo img{max-width: 235px;}
.nav-holder{float: none; text-align: center;}
.nav-holder nav li a { font-size: 14px; text-transform: uppercase; color: #00ff52;}
.nav-holder nav{float: none;}
.nav-holder{vertical-align: top; float: left; }

.header-default .dark-header{display: inline-block; }

/* .H MENU */
.main-menu nav>ul{padding-left: 0px; padding-right: 0px;}
.main-menu nav>ul>li { position: relative; z-index: 0; margin-left: 30px;} 
.main-menu nav>ul>li:hover>a, .main-menu nav>ul>li.active>a{color: #Ffff; }
.h-right { position: absolute; top: 17px; right: 0; }
.h-right a.close-form{background: url(../images/icon/cancel-music.svg)no-repeat center center; background-size: 15px 15px;font-size: 0px;}

/* Effect 17: move up fade out, push border */
.cl-effect-17 a { color: #00ff52; text-shadow: none; padding: 10px 0; position: relative; position: relative; }
nav.cl-effect-17 ul>li>a{position: relative;z-index: 2; float: none;}
nav.cl-effect-17 ul>li.active a, nav.cl-effect-17 ul>li:hover a, nav.cl-effect-17 ul>li a:hover, nav.cl-effect-17 ul>li.current a{color: #ffffff!important;}




/* BOX-ACC-RIGHT */
.box-acc-right a.link-logout{display: inline-block; background: #fff; color: #fff; text-align: center; min-width: 72px; border-radius: 7px; line-height: 31px; margin-left: 26px;}
@media screen and (min-width: 1065px){
    .nav-holder{float: none;}
    .main-menu nav>ul{display: flex; justify-content: space-between!important; padding-left: 15px; padding-right: 15px;}
}
@media only screen and (max-width: 1064px){
    .cl-effect-17 a::after{right: 0; left: auto; top: 8px;}
    .header-default{    text-align: left;}
}
@media(max-width: 1000px){
    header{min-height: inherit;}
    .h-logo img { max-width: 160px; }
    .box-acc-right.d-inline-block { display: block!important; float: none!important; border-top: 1px solid #d8d8d8; }
}
/* ----------- PAGE / HOME -------------------------------------- */
#slick-slider-main .item .content .desc{color: #CEFD00; font-size: 22px; font-weight: bold; margin-bottom: 30px; }
#slick-slider-main .item .content .text { margin-bottom: 70px;}
#slick-slider-main .slick-dots li button:before{font-size: 0px; display: none;}
#slick-slider-main .slick-dots li button { width: 12px; height: 12px; background: transparent; border: 1px solid #FFFFFF; }
#slick-slider-main .slick-dots li.slick-active button{background: #FFAE00; border-color: #FFAE00;}
#slick-slider-main .slick-dots { width: auto; right: 0; bottom: 45px!important; left: 0; max-width: 1226px; margin-left: auto; margin-right: auto; text-align: left;     padding-left: 10px;}

/* custom */
#slick-slider-main .item{position: relative; min-height: 100vh;}
#slick-slider-main .item .banner{right: 0; max-width: 630px; position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
#slick-slider-main .item .content{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2;    padding-left: 10px;}

a.link-gradient-yellow{background: -moz-linear-gradient(39deg, rgba(212,180,73,1) 0%, rgba(165,126,45,1) 15%, rgba(250,243,151,1) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(212,180,73,1)), color-stop(15%, rgba(165,126,45,1)), color-stop(100%, rgba(250,243,151,1))); background: -webkit-linear-gradient(39deg, rgba(212,180,73,1) 0%, rgba(165,126,45,1) 15%, rgba(250,243,151,1) 100%); background: -o-linear-gradient(39deg, rgba(212,180,73,1) 0%, rgba(165,126,45,1) 15%, rgba(250,243,151,1) 100%); background: -ms-linear-gradient(39deg, rgba(212,180,73,1) 0%, rgba(165,126,45,1) 15%, rgba(250,243,151,1) 100%); background: linear-gradient(51deg, rgba(212,180,73,1) 0%, rgba(165,126,45,1) 15%, rgba(250,243,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D4B449', endColorstr='#FAF397',GradientType=1 ); line-height: 42px; padding: 0 15px; color: #000; border-radius: 100px;}
a.link-gradient-yellow:hover, a.link-gradient-yellow:focus{color: #fff; font-weight: bold;}

/* BREADCRUMB-LINE */
.breadcrumb-line-bg{background: #f7f5ee; line-height: 43px; margin-bottom: 20px;}
.breadcrumb-line a{color: #a7a7a7; font-size: 12px;}
.breadcrumb-line a:hover{    color: #fff;}

/* SLIDER-POST-LIST */
.slider-post-list .post-item .banner img { box-shadow: 0 14px 25px rgba(0,0,0,0.16); width: 100%; }
.slider-post-list .post-item .text { background: #2a2b32; color: #fff; padding: 25px; width: 238px; height: 235px; line-height: 24px; overflow: hidden; position: absolute; left: 0; top: 40%; }
.slider-post-list .post-item .content { position: relative; padding: 20px; padding-left: 115px; padding-bottom: 54px; }
.arrows-slider-slick { position: absolute; right: 0; bottom: 0; width: 120px; height: 30px;    }
.arrows-slider-slick img{height: 16px;}
.arrows-slider-slick .slick-arrow{ cursor: pointer; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;   background: transparent; padding: 5px 8px 8px;   display: inline-block!important;}
.arrows-slider-slick .slick-arrow:hover{background: #e8e8e8; border-radius: 3px;}
.slide-count-wrap{position: absolute; right: 55px; bottom: 0; color: #2a2b32; font-size: 22px; font-weight: 600;}
@media(max-width: 1100px){
    #slick-post{    right: auto!important;}
    .arrows-slider-slick{right: 20px;}
}
.content-main-box{    position: relative;}

/* ----- CUSTOM / HEADER ---------------------------------------- */

.fea-right .item .language-box{display: block; height: auto; padding: 0; margin: 0; border: 0; width: auto; text-align: left;}
.fea-right .item .language-box .form-control{padding-left: 0; color: #FF0A0A; text-align: left; line-height: inherit; font-size: 11px; margin-left: -9px; height: 12px; min-width: 70px;position: relative; top: -2px;}

.header-main-top{position: relative; width: 100%; left: 0; z-index: 99; }
.header-main-top .max-lg{    max-width: 1246px;}
.language-box{display: inline-block; height: 30px; width: 55px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.15); padding-top: 5px; margin-left: 25px;}
.language-box .form-control{height: auto; background: transparent; border: 0; box-shadow: none; color: #fff; line-height: 30px;padding: 0; padding-left: 10px;}

.main-menu nav>ul>li:last-child{margin-right: 0px;}
@media(max-width: 1064px){
    nav.cl-effect-17 ul>li.active::before, nav.cl-effect-17 ul>li:hover::before, nav.cl-effect-17 ul>li::after, nav.cl-effect-17 ul>li.active::after, nav.cl-effect-17 ul>li:hover::after{display: none;}
}
@media(max-width: 767px){
    .list-top{position: static; background: #062342;}
    .list-icon-left .item{min-width: 130px;}
    #slick-slider-main .slick-dots{bottom: 70px!important;}
}
@media(max-width: 650px){
    #slick-slider-main .item .content .desc{font-size: 16px;    }
    #slick-slider-main .item .content .text{font-size: 14px;    }
}
header.menu-small { position: fixed;    top: 0; background: #000000db; }
header.menu-small .h-logo{    left: 10px;}
header.menu-small .header-default{    min-height: 40px;}
header.menu-small nav.cl-effect-17 ul>li::after{    bottom: 9px;}
header.menu-small .header-top{display: none;}



/* ----------- MENU -------------------------------------- */
.main-menu nav>ul>li.link-login { position: relative; margin-left: 70px; }
.main-menu nav>ul>li.link-login:after{background: #fff; margin: auto; height: 10px; width: 1px; left: -40px; right: auto; top: 11px;}

.hamburger{position: absolute; right: 0; top: 8px;}
@media(max-width: 1064px){
    .vismobmenu{left: 0px; top: 0; background: #171510e6; height: 100vh; padding: 0;}
    /* header.menu-small .vismobmenu{ box-shadow: 0 3px 6px hsl(0deg 0% 0% / 27.06%);} */
    .header-main-top .h-logo{display: inline-block!important; position: relative; left: 10px;}
    .header-default .dark-header{display: inline-block!important;}
    .header-top .logo{    display: none;}
    .header-top .fea-right{display: block; float: none; padding-top: 10px;}
    .header-top{padding-left: 0; padding-right: 0; padding-bottom: 10px; min-height: inherit;}
    .header-top .fea-right .list-icon{display: inline-block; float: right;}
}
@media(max-width: 767px){
    .header-default .h-menu{    margin-right: 0px;}
    .header-main-top{position: relative; top: 0;}
}

/* ----------- default -------------------------------------- */
.content-page{}

.section-title-main{padding-bottom: 20px; margin-bottom: 10px; position: relative;}
.section-title-main::after{position: absolute; content: ""; width: 100%; height: 1px; background: #4caf50; bottom: 0; left: 0;}
.section-title-main h3{color: #4caf50;     font-size: 26px; margin-bottom: 15px;}
.section-title-main .desc{font-size: 18px;}

.link-gradient-gray{
    /* ff 3.6+ */ background:-moz-linear-gradient(180deg, #8E8E8E 0%, #A5A5A5 27%, #686868 100%); /* safari 5.1+,chrome 10+ */ background:-webkit-linear-gradient(180deg, #8E8E8E 0%, #A5A5A5 27%, #686868 100%); /* opera 11.10+ */ background:-o-linear-gradient(180deg, #8E8E8E 0%, #A5A5A5 27%, #686868 100%); /* ie 6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#8E8E8E', GradientType=1 ); /* ie 10+ */ background:-ms-linear-gradient(180deg, #8E8E8E 0%, #A5A5A5 27%, #686868 100%); /* global 94%+ browsers support */ background:linear-gradient(180deg, #8E8E8E 0%, #A5A5A5 27%, #686868 100%);
    border: 0; border-radius: 100px; line-height: 38px; padding: 0 30px; position: relative; overflow: hidden; color: #fff; display: inline-block;
}
.link-gradient-gray:hover, .link-gradient-gray.active{
    color: #fff;
}
.link-gradient-gray:hover:after { position: absolute; top: -50%; right: -50%; bottom: -50%; left: -50%; content: ""; -webkit-transform: rotate( 60deg ) translate(-5em,7.5em); transform: rotate( 60deg ) translate(-5em,7.5em); -webkit-animation: a .9s forwards; animation: a .9s forwards; opacity: .7; background: -webkit-linear-gradient(top,hsla(21,63%,73%,0),hsla(0,0%,100%,.5) 50%,hsla(21,63%,73%,0)); background: linear-gradient( 180deg ,hsla(21,63%,73%,0),hsla(0,0%,100%,.5) 50%,hsla(21,63%,73%,0)); }
@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(60deg) translate(1em, -14em);
        transform: rotate(60deg) translate(1em, -14em);
    }
}

/* ----------- SECTION slider -------------------------------------- */
.bg-slider{position: relative; background: url(../images/bg/1.jpg) no-repeat center center;}
.bg-slider .sec-slider{padding: 0;}
.bg-slider .content-bottom{color: #FFEDA2; text-align: center; position: absolute; bottom: 15px; left: 0; right: 0; margin: auto; }
.slick-banner-main .slick-dots{bottom: 20px;}
@media(max-width: 767px){
    .bg-slider .content-bottom{display: none;}
    .block-slick-main{background: url(../images/bg/12.jpg) no-repeat center top;}
    .block-slick-main{padding-top: 10px!important;}
    .slick-banner-main .row.d-flex{}
    .slick-banner-main .row.d-flex .col-md-6:first-child{order: 2;}
    .slick-banner-main .row.d-flex .col-md-6:last-child{order: 1;}
    .block-slick-main .list-app{justify-content: center!important;}
    .block-slick-main .banner-main{margin-bottom: 20px;}
    .slick-banner-main .slick-dots { bottom: -30px; }
}

/* BLOCK-SLICK-MAIN */
.block-slick-main{position: relative; min-height: 530px; background-size: 100% 100%; padding-top: 40px; padding-bottom: 40px;} 
.block-slick-main .block-nav .slick-arrow{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 20px;}
.block-slick-main .block-nav .slick-arrow img{width: 28px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.block-slick-main .block-nav .slick-arrow:last-child{left: inherit; right: 20px;}
.block-slick-main .block-nav .slick-arrow:hover img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

.block-slick-main .list-app{}
.block-slick-main .list-app img{width: 92px; margin-right: 10px;}
.block-slick-main .list-app a{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.block-slick-main .list-app a:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.block-slick-main .banner-main{max-width: 370px; margin: auto; border-radius: 20px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.block-slick-main .banner-main .icon-play{position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.block-slick-main .banner-main:hover{background: #00000085; }
.block-slick-main .banner-main .icon-play{opacity: 0.5; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.block-slick-main .banner-main:hover .icon-play{opacity: 1;}
.block-slick-main .banner-main .icon-play img{width: 50px;}
.block-slick-main .title{margin-bottom: 10px;}
.block-slick-main .title .text-gradient{display: block; font-size: 24px; font-weight: bold;}
.block-slick-main .max-w-content{max-width: 350px; min-height: 340px;}
.block-slick-main .desc{font-size: 20px; color: #000000; margin-bottom: 5px;}
.block-slick-main .desc-sm{font-size: 16px; color: #000000; margin-bottom: 5px;}
@media screen and (max-width: 992px){
    .block-slick-main .banner-main{margin-bottom: 30px!important;}
    .block-slick-main .max-w-content{margin: auto;}
}

/* ----------- FOOTER -------------------------------------- */
footer .bg{background: url(../images/bg/2.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 270px; border-top-left-radius: 100px; border-top-right-radius: 100px; }
.copyright{background: #03c12a; color: #ffffff; padding:  12px 15px;}
.copyright a{color: #00ff3f;}
.footer-main{padding: 50px 0 35px;}
.footer-main .logo{width: 175px;}

.item-footer .title-footer{color: #00ff3f; margin-bottom: 20px;}
.list-app-footer .d-block{margin-bottom: 15px;}
.list-app-footer .img{width: 95px;}
.list-app-footer a{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.list-app-footer a:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.list-followus-footer .d-block{margin-bottom: 20px;}
.list-followus-footer .img{width: 30px;}
.list-followus-footer a{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.list-followus-footer a:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.list-info-footer .d-flex{margin-bottom: 10px;}
.list-info-footer .d-flex .icon{width: 25px; margin-right: 10px;}
.list-info-footer a{color: #fff;}
@media screen and (max-width: 767px){
    footer .bg{padding: 1px 20px 10px; border-top-left-radius: 30px; border-top-right-radius: 30px;}
    .footer-main{    flex-wrap: wrap;}
    .footer-main .logo{flex: 0 0 auto; width: 100%; margin-bottom: 20px;}
    .footer-main .logo img{width: 115px; display: block; margin: auto;}
    .footer-main .list-info-footer{flex: 0 0 auto; width: 100%; margin-bottom: 20px;}
    .copyright{font-size: 12px;}
}

/* ----------- SEC 6 / ĐỐI TÁC -------------------------------------- */
.sec-partner{background: url(../images/bg/2.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 270px; border-top-left-radius: 100px; border-top-right-radius: 100px; }
@media screen and (min-width: 768px){
    .sec-partner .list-logo .col-md-2{flex: 0 0 auto; width: 20%;}
}
.sec-partner .item-logo{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; max-width: 135px; margin: auto auto 65px;}
.sec-partner .item-logo:hover{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
@media screen and (max-width: 767px){
    .sec-partner{border-top-left-radius: 30px; border-top-right-radius: 30px;}
}
/* ----------- SEC 4 / GIẢI PHÁP META SMART TAP TO EARN -------------------------------------- */
.bg-main-2{background: url(../images/bg/3.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 270px; border-top-left-radius: 100px; border-top-right-radius: 100px; }
.sec-solution{padding-bottom: 50px;}
.item-solution{border: 1px solid #00ff3f; border-radius: 10px; min-height: 290px; margin-bottom: 20px;}
.item-solution .banner{width: 100px; left: -22px; top: -13px;}
.item-solution .banner img{width: 100px;}
.item-solution .title{background: url(../images/bg/4.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #ffffff; font-weight: bold; font-size: 17px; padding: 8px 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-bottom: 10px; padding-left: 100px;}
.item-solution .desc{padding-left: 90px; color: #04cf45; font-size: 12px; margin-bottom: 15px;}
.item-solution .detail{padding-left: 65px; font-size: 12px;}
.item-solution .content{padding-right: 10px; padding-bottom: 10px;}
.item-solution.bg-1{background: url(../images/bg/6-1.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.item-solution.bg-2{background: url(../images/bg/6-2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.item-solution.bg-3{background: url(../images/bg/6-3.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.marg-box-45{margin-left: -22.5px; margin-right: -22.5px;}
.marg-box-45 .padd-45{padding-left: 22.5px; padding-right: 22.5px;}
@media screen and (max-width: 767px){
    .bg-main-2{border-top-left-radius: 30px; border-top-right-radius: 30px;}
    .item-solution{max-width: 305px; margin-left: auto; margin-right: auto; margin-bottom: 45px;}
}

/* ----------- SEC 5 / META SMART -------------------------------------- */
.sec-mission .bg-sm{background: url(../images/bg/2.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 270px; border-top-left-radius: 100px; border-top-right-radius: 100px; padding: 1px 55px 5px;}
.sec-mission .item-mission{margin-bottom: 40px;}
.sec-mission .item-mission .content .title{background: url(../images/bg/4.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #ffffff; font-weight: bold; font-size: 18px; padding: 5px 10px; border-radius: 100px;}
.sec-mission .item-mission .banner{margin: 0 15px; border: 1px solid #00ff3f; border-bottom: 0; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.sec-mission .item-mission .banner img{width: 100%;}
.sec-mission .item-mission .content .detail{padding: 20px; background: url(../images/bg/5.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0 15px 0; min-height: 195px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
@media screen and (max-width: 767px){
    .sec-mission .bg-sm{padding: 1px 20px 10px; border-top-left-radius: 30px; border-top-right-radius: 30px;}
}

/* ----------- SEC 2 / HỆ SINH THÁI META SMART -------------------------------------- */
.sec-ecosystem{}
.sec-ecosystem .bg-sm{background: url(../images/bg/2.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 270px; border-top-left-radius: 100px; border-top-right-radius: 100px; padding: 55px 55px 60px;}
.sec-ecosystem .banner-main{max-width: 415px; margin: auto auto 20px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
.sec-ecosystem .banner-main:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.item-ecosystem{min-height: 410px; background: url(../images/bg/8.png) no-repeat center top; background-size: 100% 100%; max-width: 365px; margin: auto; padding: 20px;}
.item-ecosystem .content{font-size: 12px;}
.item-ecosystem .banner{margin-bottom: 10px; height: 230px;}
.item-ecosystem .banner img{max-height: 230px; display: block; margin: auto;}
.item-ecosystem .title{margin-bottom: 10px; font-size: 14px;}

.text-blue-sm{color: #04cf45;}
.text-greenlight-sm{color: #04cf45;}
.text-yellow-sm{color: #04cf45;}
.text-green-sm{color: #04cf45;}

.bg-main-1{background: url(../images/bg/9.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.slick-item-ecosystem .slick-dots { bottom: -30px; }
@media screen and (max-width: 767px){
    .slick-item-ecosystem{margin-bottom: 45px!important;}
    .sec-ecosystem .bg-sm{border-top-left-radius: 30px; border-top-right-radius: 30px; padding: 1px 20px 20px;}
}

/* ----------- SEC 1 / CÁC TÍNH NĂNG META SMART CARD -------------------------------------- */
.item-feature{min-height: 580px; padding: 190px 20px 20px; background: url(../images/bg/10-1.png) no-repeat center top; background-size:100% 100%;  margin-top: 50px; margin-bottom: 70px;} 
.item-feature .banner{top: -60px; left: 0; right: 0; margin: auto;}
.item-feature .banner img{width: 210px; display: block; margin: auto;}
.item-feature .content{z-index: 1;}
.item-feature .content .title{font-size: 18px; color: #04cf45; font-weight: bold; margin-bottom: 10px;}
.item-feature .content .desc{margin-bottom: 10px; color: #04cf45; font-size: 12px;}
.item-feature .content .detail{font-size: 12px;}

.item-feature.bg-1{background: url(../images/bg/10-1.png) no-repeat center top; background-size:100% 100%;}
.item-feature.bg-2{background: url(../images/bg/10-2.png) no-repeat center top; background-size:100% 100%;}
.item-feature.bg-3{background: url(../images/bg/10-3.png) no-repeat center top; background-size:100% 100%;}

@media screen and (min-width: 1024px){
    .marg-box-60{margin-left: -30px; margin-right: -30px;}
    .marg-box-60 .padd-60{padding-left: 30px; padding-right: 30px;}    
}
@media screen and (max-width: 767px){   
    .item-feature{max-width: 310px; margin-left: auto; margin-right: auto; margin-top: 80px; margin-bottom: 0;} 
    .sec-feature{padding-bottom: 50px;}
    .sec-feature .sec-title{margin-bottom: 20px;}
}

/* CUSTOM HEADER */
@media screen and (min-width: 768px){
    .main-menu .logo-mb{display: none;}
    
}
.sliding-menu-wrapper, .main-menu .menusb ul{width: 300px!important;}
.logo-mb{padding-top: 10px; height: 45px;}
.logo-mb img{max-width: 158px; display: block; margin: auto;}

.eff-top{-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.eff-top:hover{-moz-transform: translateY(-20px); -webkit-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}

.eff-img img{-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.item-mission:hover .eff-img img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

.detail{text-align: justify;}

.list-logo{}
.list-logo .item-logo{padding: 20px 5px; border-radius: 10px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.list-logo .item-logo:hover{background: #cccccc2b; }
.list-logo .item-logo img{height: 110px; display: block; margin: auto; border-radius: 10px;}
@media screen and (max-width: 767px){
    .list-app-footer{display: flex; width: 100%; align-items: center!important; gap: 10px;}
    .list-app-footer .title-footer{min-width: 120px;}
    .list-app-footer a img{height: 26px;}

    .list-followus-footer{display: flex; width: 100%; align-items: center!important; gap: 20px;}
    .list-followus-footer .title-footer{min-width: 80px;}
    .list-followus-footer a img{height: 26px; width: 26px;}
}

.block-login-main { min-height:100vh; }
.block-login-main .container.custom-w { max-width:1410px; }
.block-login-main .banner img { width:550px; }
.block-login-main .custom-h { min-height:100vh; }
.block-login-main .form-login { max-width:460px; margin:auto; }
.block-login-main .form-login .form-title-container { font-size:24px; font-weight:600; color:#07c509; margin-bottom:35px; }
.block-login-main .form-login .form-control.custom { height:46px; line-height:46px; font-size:14px; font-weight:500; color:#23262f; border-radius:4px; border:1px solid #ededed; }
.block-login-main .form-login .form-control.custom:focus,.block-login-main .form-login .form-control.custom:hover { border-color:#07c509; }
.block-login-main .form-login select.form-control.custom { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../images/icon-down-select.png) no-repeat right #fff; background-size:10px 10px; background-position-x:calc(100% - 5px); height:40px; padding-top:0; padding-bottom:0; }
.block-login-main .form-login .link-forgot { display:inline-block; cursor:pointer; font-size:14px; font-weight:500; color:#07c509; }
.block-login-main .form-login .link-forgot:hover{color: #029703; text-decoration: underline!important;}
.block-login-main .form-login .box-link-forgot { margin-bottom:50px; }
.block-login-main .form-login .desc { color:#8c939d; }
.block-login-main .form-login .form-check.custom-circle .form-check-input { background:url(../images/login/icon-check.png) no-repeat center center; border:0; width:16px; height:16px; background-size:100%; }
.block-login-main .form-login .form-check.custom-circle .form-check-input:checked { background:url(../images/login/icon-check-active.png) no-repeat center center; background-size:100%; }
.block-login-main .form-login .form-check.custom-circle .link-agreement { font-weight:bold; color:#23262f; position:relative; }
.block-login-main .form-login .form-check.custom-circle .link-agreement::before { content:""; position:absolute; left:0; bottom:-3px; width:0%; height:2px; background:#23262f; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; }
.block-login-main .form-login .form-check.custom-circle .link-agreement:hover::before { width:100%; }
.block-login-main .form-login .page-tips { margin-top:42px; padding:12px; line-height:20px; border-radius:8px; background:#ef5b5b 14; font-size:14px; font-weight:500; color:#ef5b5b; }
.block-login-main .form-login .country-code-component { height:40px; line-height:40px; font-size:14px; font-weight:500; color:#23262f; border-radius:4px; border:1px solid #ededed; width:90px; padding-left:16px; padding-right:16px; }
.block-login-main .form-login .country-code-component:focus,.block-login-main .form-login .country-code-component:hover { border-color:#07c509; }
.block-login-main .form-login .list-btn { background:#f5f7fa; width:min-content; padding:2px; font-size:14px; border-radius:4px; min-height:32px; }
.block-login-main .form-login .list-btn .btn-change { height:28px; background:#f5f7fa; color:#606266; border-radius:4px; padding:2px 10px; font-size:14px; border:0; }
.block-login-main .form-login .list-btn .btn-change:hover,.block-login-main .form-login .list-btn .btn-change:focus,.block-login-main .form-login .list-btn .btn-change.active { background:#08c509; color:#fff !important; }
.block-login-main .select-country { min-width:85px; }
@media screen and (max-width: 767px){
    .block-login-main{padding-top: 50px;}
    .block-login-main .custom-h { min-height:inherit; }
    .block-login-main .custom-h .banner { max-width:250px; margin:auto auto 30px; }
    .block-login-main .form-login .form-title-container { text-align:center; }
    .block-login-main::before { display:none; }
}
.btn-login{background: #07c509; height: 46px; color: #fff; font-weight: bold;}
.btn-login:hover, .btn-login:focus{background: #029703;}
.list-followus-footer a img{height: 35px;}


/* Ảnh partner footer */
.item-logo .d-flex .align-items-end {
  max-width: 100%;
  height: auto;
  /* aspect-ratio: 16 / 9; */ /* Hoặc dùng tỉ lệ */
}