body, p {font-family: 'Lato', 'Athiti', 'Kanit', sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Lato', 'Athiti', 'Kanit', sans-serif;
}
section {background: transparent;}
.content-allmid {
    align-items: center;
    display: flex;
    flex-flow: wrap;
}

.header {
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}
.header h2 {
    display: inline-block;
    color: #000;
    position: relative;
    z-index: 1;
    padding: 2px 30px;
}
.header-mini {
    text-align: left;
    margin-bottom: 20px;
    position: relative;
    border-bottom: solid 1px #484848;
}

.header-mini h4 {
    color: #484848;
    margin-bottom: 0px;
}
.header-mini a {
    position: absolute;
    right: 0;
    bottom: 0px;
}

a {
    color:#000;
    transition: all .3s ease;
}
a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
    color:#fff;
}
::selection {
    background: #484848;
}
.sys-product h2:hover, h2:active {
    color: #3c3c3c;
}
p { margin-bottom: 10px;}

ul {
    margin: 0px;
    padding: 0px;
}
ul.item-3-column > li {
    width: 33.33333333%;
    display: inline-block;
    float: left;
    padding: 1%;
}
ul.item-4-column > li {
    width: 25%;
    display: inline-block;
    float: left;
    padding: 1%;
}
ul.item-2-column > li {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 1%;
}
.clear-none { clear: none !important;}

.btn-main {
    color: #fff;
    display: inline-block;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    padding: 8px 25px;
    background: #004daf;
    transition: all .5s ease;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
}
.btn-main:hover, .btn-mainblue:active {
    color: #484848;
    box-shadow: none;
    background: #ccc;
}
.btn-txt {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: 600;
}
.btn-txt:before {
    position: absolute;
    content: '';
    width:10px;
    height: 2px;
    background-color: #484848;
    left: -25px;
    top: 50%;
    transition: all .5s ease;
}
.btn-txt:after {
    position: absolute;
    content: '';
    width:10px;
    height: 2px;
    background-color: #484848;
    right: -25px;
    top: 50%;
    transition: all .5s ease;
}
.btn-txt:hover:before {left: -15px;}
.btn-txt:hover:after {right: -15px;}
.no-paading {padding: 0px;}

/* TOPBAR */
#topbar {
       background-image: linear-gradient(140deg, #cfcfcf 0%, #9c9c9c 50%, #cfcfcf 100%);
}
.img100{ width: 100%;}
.relative{ position: relative;}
#topbar i{ margin-right: 4px;}
#topbar a{ font-size: 14px; line-height: 40px; color: #000;}
#topbar a:hover, #topbar a:focus, #topbar a:active{color: #0070ff;}
#topbar p{ margin: 0; display: inline-block;}
.tb-menu-topleft{ display: inline-block; float: left;}
.tb-menu-topright{float: right; text-align: right;}
#topbar .fa{
    font-size: 12px;
    vertical-align: middle;
    line-height: 36px;
    margin-left: 2px;
}
.tb-account, .tb-currency, .tb-search, .tb-language{
    display: inline-block;
    float: left;
}
.topbar-dropdown .title{ padding: 0;}
.topbar-dropdown a.list-entry{color: #787878!important;}
.topbar-dropdown a.list-entry:hover{color: #000!important;}
.flag{ width: 15px;}
.top-menu-item{ 
    display: inline-block;
    position: relative;
    float: left;
    padding: 0 10px
}
.top-menu-item:after{
    content: "";
    display: inline-block;
    height: 15px;
    width: 1px;
    top: 13px;
    position: absolute;
    left: -1px;
    background: rgba(0, 0, 0, 0.08);
}
.tb-language{ padding-right: 0;}

/*Menu*/
#mainMenu nav > ul > li > a {
    font-family: 'Lato', 'Athiti', 'Kanit', sans-serif;
}
#mainMenu nav > ul > li .dropdown-menu > li > a,
#mainMenu nav > ul > li .dropdown-menu > li > span,
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    font-family: 'Lato', 'Athiti', 'Kanit', sans-serif;
}
#header[data-transparent=true]+#google-map, #header[data-transparent=true]+#slider, #header[data-transparent=true]+.fullscreen, #header[data-transparent=true]+.halfscreen {
    top: -80px;
    margin-bottom: -80px;
}
/*Menu*/
#header #header-wrap #logo a > img {
    height: 80px;
    margin: 0px;
    margin-top: 0px;
}
#header.header-sticky {height: 60px;line-height: 60px;}
#header.header-sticky #header-wrap #logo {height: 60px;}
#header.header-sticky #header-wrap #logo a > img {height: 60px;margin: 2px 0px 0px;}
#header.header-sticky.sticky-active #header-wrap #logo a > img {
    /* filter: brightness(0) invert(1); */
}
#header.header-transparent #header-wrap, #header.header-transparent.dark #header-wrap {
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 53%, rgba(255,255,255,0) 100%);
}
#header.header-sticky #mainMenu nav > ul > li > a {color: #000;}
#mainMenu nav > ul > li > a {
    color: #224229;
    font-size: 18px;
    font-family: 'Lato', 'Athiti', 'Kanit', sans-serif;
    /* text-shadow: 2px 2px 6px #3b3b3b;*/
}
#mainMenu nav > ul > li {
    position: relative;
    margin-left: 0px;
    transition: all .0s ease;
}

#mainMenu nav > ul > li.hover-active > a,
#mainMenu nav > ul > li.hover-active > span,
#mainMenu nav > ul > li.current > a,
#mainMenu nav > ul > li.current > span,
#mainMenu nav > ul > li:hover > a,
#mainMenu nav > ul > li:hover > span,
#mainMenu nav > ul > li:focus > a,
#mainMenu nav > ul > li:focus > span {
    color: #004daf!important;
}

#header.header-sticky #header-wrap {    background-image: linear-gradient(140deg, #cfcfcf 0%, #9c9c9c 50%, #cfcfcf 100%);}

/*Menu Level2*/
#mainMenu nav > ul > li .dropdown-menu {
    border-style: solid;
    border-color: #fff;
    border-width: 0px !important;
    margin-top: 6px;
    border-radius: 0px;
    padding: 0px;
    background: rgba(255,255,255,.9);
}
#mainMenu nav > ul > li:hover > ul {margin-top: -6px;}
#mainMenu nav > ul > li .dropdown-menu > li > a,
#mainMenu nav > ul > li .dropdown-menu > li > span,
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    color: #484848;
    font-size: 14.5px;
    font-family: 'Lato', 'Athiti', 'Kanit', sans-serif;
}
#mainMenu nav > ul > li .dropdown-menu > li:hover { background:#0d5d1e111; }
#mainMenu nav > ul > li .dropdown-menu > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > a:active, #mainMenu nav > ul > li .dropdown-menu > li > span:focus, #mainMenu nav > ul > li .dropdown-menu > li > span:hover, #mainMenu nav > ul > li .dropdown-menu > li > span:active, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
    background-color: #0d5d1e111;
    color: #ffffff;
}
#mainMenu nav > ul > li .dropdown-menu > li.current > a, #mainMenu nav > ul > li .dropdown-menu > li.current > span, #mainMenu nav > ul > li .dropdown-menu > li:hover > a, #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #mainMenu nav > ul > li .dropdown-menu > li:focus > a, #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li:active > a, #mainMenu nav > ul > li .dropdown-menu > li:active > span, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span {
    color: #004daf !important;
    padding: 12px 17px 12px 21px;
}
#mainMenu nav > ul > li .dropdown-submenu:before {color: #0d5d1e;}
#mainMenu nav > ul > li .dropdown-submenu:hover:before {color: #fff;}

/*Menu level3*/
#mainMenu nav > ul > li .dropdown-submenu > ul {margin-top: 6px;}
#mainMenu nav > ul > li .dropdown-submenu:hover > ul {margin-top: 0px;}
#header.header-sticky .header-extras > ul > li > a:not(.btn), #header.header-sticky .header-extras > ul > li .topbar-dropdown > .title {color: #fff;}
#header .header-extras > ul > li > a:not(.btn), #header .header-extras > ul > li .topbar-dropdown > .title {
    color: #224229;
    transition: all .0s ease;
}
#header .form-control {color: #fff;}


/* ============================================================== 
     # GOLABOL 
=================================================================== */

.default-padding {padding-top: 120px;padding-bottom: 120px;}
.default-padding {padding-top: 120px;padding-bottom: 120px;}

.default-padding, .default-padding-top, .default-padding-bottom, .default-padding-mx {position: relative;z-index: 1;}
.bg-gray { background-color: #eff2f5;}
.overflow-hidden {overflow: hidden!important;}
.bg-fixed {
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
}
.container-full {max-width: 1400px;width: 90%;padding: 0 15px;margin: auto;}
.title-h { position: absolute; top: -62px;}
.title-h h2{color: #fff;}

.btn-more {position: absolute;right: -42px;top: -60px;}
.product-info p {padding: 0 10px;line-height: 18px;color: #fff;}



/* ============================================================== 
   service
=================================================================== */
.service-sec {
    background-color: #fafafa;
        background-image: url(../_images/bg-f-service.jpg);
    background-size: cover;
}
.cf-titles {margin-bottom: 30px;}
.cf-titles h3 {font-size: 40px;    margin-bottom: 10px;}
.body-content h2 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 10px;
}


/* ============================================================== 
    topseller
=================================================================== */
.topseller {background-image: url(../_images/Bg-s-white.jpg);}
.topseller-carousel {
    padding: 0 50px;
}
.topseller .justify-content-lg-between{margin-bottom: 30px;}
.topseller .text-lg-start h2 {color: #000;}
.nft3-creator-column {padding: 20px 20px 25px;text-align: center;background: #1c1f26;}
.nft3-creator-column .item-bottom h6{color: #fff;}
.nft3-creator-column .cover-img {overflow: hidden;border-radius: 5px 5px 0 0;}
.nft3-creator-column .cover-img img {transform: scale(1.02);}
.nft3-creator-column .profile-wrapper {
    display: inline-block;
    margin-top: -35px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 50%;
    border: 0px solid #000;
}
.nft3-creator-column .profile-wrapper img {border-radius: 50%;transform: scale(0.7);}
.nft3-creator-column .item-bottom {margin-top: 0px;}
.nft3-creator-column .item-bottom span {
    display: inline-block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    color: hsla(0,0%,91%,.906);
    text-transform: capitalize;
}
.nft3-creator-column .follow-btn {margin-top: 20px;}
.nft3-creator-column .follow-btn a {
    padding: 8px 30px;
    font-size: 13px;
    color: hsla(0,0%,91%,.906);
    display: inline-block;
    border: 1px solid hsla(0,0%,100%,.2);
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all .3s ease-in;
}
.nft3-creator-column .follow-btn a:hover {border-color: transparent;color: #fff;}
.nft3-creator-column .follow-btn a:hover:before {opacity: 1;}
.nft3-creator-column .follow-btn a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: linear-gradient(92.29deg,#0029ff -9.05%,#cb0753 103.12%);
    border-radius: 6px;
    z-index: -1;
    transition: all .3s ease-in;
    opacity: 0;
}
/* ============================================================== 
     collection
=================================================================== */
.nft3-top-collection{padding-bottom: 60px;background-color: #000;
background-size: cover;
    background-position: center;
    background-attachment: fixed !important;background-image: url(../_images/bg-why.jpg);}
.text-lg-start h2 {color: #fff;}
.text-lg-start {text-align: left!important;}
.text-lg-end {text-align: right!important;}
.mt-4 {margin-top: 1.5rem!important;}
.g-3, .gy-3 {--bs-gutter-y: 1rem;}
.g-3, .gx-3 {--bs-gutter-x: 1rem;}
.pb-120 {padding-bottom: 120px;}
.explore-btn a {
    padding: 10px 25px;
    font-size: 14px;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 600;
    color: #000000;
    background: #bdbdbd;
    border-radius: 4px;
    transition: all .3s ease-in;
}
.position-relative {position: relative!important;}
.justify-content-lg-between {justify-content: space-between!important;}
.nft3-collection-item {
    background-color: #1c1f26;
    padding: 25px;
    border-radius: 5px;
    transition: all .3s ease-in; margin-bottom: 20px;
}
.nft3-collection-item .content-wrapper{margin-left:20px}
.nft3-collection-item .content-wrapper h6{font-size: 24px;color: #fff;margin-bottom:0}
.nft3-collection-item .content-wrapper span{color:hsla(0,0%,91%,.906);font-size:14px;margin-top:5px;display:block}
.nft3-collection-item:hover {
    box-shadow: 0 0 15px 0 #ffffff;
    transform: translateY(-2px);
}
.nft3-collection-item:hover h6{color:#d1bf7b}

/* ============================================================== 
     # nft3
=================================================================== */

.align-items-center {align-items: center!important;}

.justify-content-between {justify-content: space-between!important;}
.d-flex {display: flex!important;}
.title-nft h5 {font-size: 36px;margin-top: -19px;}

.nft3-filter-item-wrapper{background-color:#1c1f26;padding:20px 20px 25px;border-radius:5px;position:relative}
.nft3-filter-item-wrapper .downcount-timer{position:absolute;top:20px;left:20px;z-index:10;background:#cb0753;padding:6px 10px;border-radius:4px}
.nft3-filter-item-wrapper .downcount-timer li{display:inline-block;color:#fff;font-weight:600}
.nft3-filter-item-wrapper .thumb-wrapper{border-radius:5px 5px 0 0;overflow:hidden}
.nft3-filter-item-wrapper .thumb-wrapper img{width: 100%;transition:all .3s ease-in;transform:scale(1.02);}
.nft3-filter-item-wrapper .thumb-wrapper:hover img{transform:scale(1.06)}
.nft3-filter-item-wrapper .item-title{margin-top:20px}
.nft3-filter-item-wrapper .item-title h2{font-size:16px;transition:all .3s ease-in;color: #fff;}
.nft3-filter-item-wrapper .item-title h2:hover{color:#cb0753}
.nft3-filter-item-wrapper .item-meta .amount{color:#ffac12;font-weight:700;font-size:16px;display:inline-block}
.nft3-filter-item-wrapper .item-meta .like-count{font-weight:500;font-size:14px;color:hsla(0,0%,91%,.906);display:inline-block}
.nft3-filter-item-wrapper .item-meta .like-count i{color:hsla(0,0%,91%,.906)}
.nft3-filter-item-wrapper .item-meta span i{margin-right:5px;text-align:center;border-radius:50%;font-size:14px;color:#ffac12}
.nft3-filter-item-wrapper .item-btns{margin-top:20px}
.nft3-filter-item-wrapper .item-btns .btn{padding: 8px 25px;
    display: inline-block;
    color: hsl(0deg 0% 100%);
    border-radius: 4px;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    z-index: 1;
    transition: all .3s ease-in;
    background-color: #004daf;}
      
.amount img {width: 15%;}
.news-title a {color: #fff;}
.news-title a:hover {color: #004daf;}
.news-title  p{margin-bottom: 0px}

.nft3-filter-item-wrapper .item-btns .btn:focus{box-shadow:none}
.nft3-filter-item-wrapper .item-btns .item-btn-1{border-color:rgba(55,50,95,.9)}
.nft3-filter-item-wrapper .item-btns .item-btn-1:hover{background:#37325f}
.nft3-filter-item-wrapper .item-btns .item-btn-2{margin-left:12px;background:rgba(0,41,255,.15);border-color:rgba(0,41,255,.35)}
.nft3-filter-item-wrapper .item-btns .item-btn-2:before{content:"";position:absolute;left:0;width:100%;top:0;height:100%;background:linear-gradient(92.29deg,#0029ff -9.05%,#cb0753 103.12%);z-index:-1;transition:all .3s ease-in;opacity:0}
.nft3-filter-item-wrapper .item-btns .item-btn-2:hover{border-color:transparent}.nft3-filter-item-wrapper .item-btns .item-btn-2:hover:before{opacity:1}
@media(min-width:576px)and (max-width:1300px){.nft3-filter-item-wrapper .item-btns .btn{padding:8px 16px}}


/*learn-area*/
.learn-left-content h2 {
    color: #04091e;
    font-size: 48px;
    font-weight: 600;
    line-height: 62.2px;
}
.hero-left-content p {
    font-size: 20px;
    font-weight: 500;
    color: #747681;
    margin-bottom: 50px;
}
.learn-left-content .btn {
    background: linear-gradient(95.49deg,#fcad02 -36.87%,#ff0041 98.63%);
    color: #fff;
    border-radius: 30px;
}
.hero-btn a {
    background: #fff;
    color: #747681;
    padding: 20px 47px;
    border: 1px solid transparent;
    font-size: 20px;
    font-weight: 600;
    transition: .3s ease-in-out;
}
.hero-btn a.btn.hero-sec-btn {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    margin-left: 24px;
}
.learn-left-content .btn.hero-sec-btn, .learn-left-content .btn:hover {border-color: #747681!important;color: #747681!important;}
.hero-btn a.btn.hero-sec-btn:hover {background: #fff;color: #747681;border: 1px solid transparent;}

.learn-left-content .btn.hero-sec-btn:hover {background: linear-gradient(95.49deg,#fcad02 -36.87%,#ff0041 98.63%)!important;color: #fff!important;}
.hero-btn a:hover {border: 1px solid #fff;background: 0 0;color: #fff;}
.hero-right-area {margin: 0 5px;}
.hero-right-img {overflow: hidden;}
.hero-right-img img {transition: .5s;}
.hero-right-area:hover .hero-right-img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.hero-right-img img { width: 100%;}
.learn-right-content .single-hero-meta {box-shadow: 0 20px 35px 10px rgb(4 9 30 / 5%);}

.single-hero-meta {background: #fff;padding-top: 20px;padding-left: 20px;padding-bottom: 10px;}
.single-hero-meta img {float: left;margin-right: 18px;margin-top: 3px;}
.hero-meta-text h4 {font-size: 16px;font-weight: 600;font-family: Urbanist;color: #04091e;}
.hero-meta-text span {font-size: 14px;font-weight: 500;color: #747681;}



    .nft3-blog-area{background-color: #000;}
    .nft3-blog-area .blog-content{margin-top:30px;position:relative;z-index:3}
@media(max-width:575.98px){.nft3-blog-area{overflow:hidden}}
  .nft3-blog-title{text-align:center}
  .nft3-article article .thumb-wrapper{overflow:hidden;border-radius:6px}
  .nft3-article article .thumb-wrapper img{transition:all .3s ease-in;border-radius:5px;transform:scale(1.03)}
  .news-wrapper{background-color:#1c1f26;padding:30px 30px 30px 25px;border-radius:10px;width:90%;margin:-66px auto auto;position:relative;z-index:10}
  .news-wrapper .news-top{display:flex;align-items:center}
  .news-wrapper .news-top .token-btn a{padding:4px 25px;background-color:#0029ff;font-size:14px;font-weight:500;border-radius:4px;color:#fff;display:inline-block}
  .news-wrapper .news-top .comment-btn{margin-left:20px}
  .news-wrapper .news-top .comment-btn a{color:#fff;font-size:14px;font-weight:500}
  .news-wrapper .news-top .comment-btn a i{margin-right:6px}
  .news-wrapper .news-title{margin-top:25px}
  .news-wrapper .news-title h5{transition:all .3s ease-in}
  .news-wrapper .news-title h5:hover{color:#cb0753}
  .news-wrapper .author-details{display:flex;align-items:center;margin-top:25px}
  .news-wrapper .author-details .thumb-wrapper img{border-radius:50%}
  .news-wrapper .author-details .author-info{margin-left:15px}
  .news-wrapper .author-details .author-info h6{font-size:16px;margin-bottom:0}
  .news-wrapper .author-details .author-info span{font-weight:600;font-size:14px;color:hsla(0,0%,91%,.906)}
  .nft3-news-right .news-wrapper{margin-top:0;padding:0 0 0 25px;width:100%}
  .img-fluid, .img-thumbnail {max-width: 100%;height: auto;}
  .news-title h2{color: #fff;height: 85px;}
  @media(max-width:991.98px){.nft3-news-right{margin-top:30px}}
  .nft3-news-column{margin-bottom:30px}
  .nft3-news-column article{background-color:#1c1f26;border-radius:5px;padding:20px;display:flex;align-items:center}
  .nft3-news-column article .thumb-wrapper img{border-radius:6px;width:260px}
  @media(max-width:575.98px){.nft3-news-column article{flex-direction:column;align-items:flex-start}
  .nft3-news-column article .thumb-wrapper{border-radius:5px;overflow:hidden;width:100%}
  .nft3-news-column article .thumb-wrapper img{width:100%;transform:scale(1.02)}
  .nft3-news-column article .news-wrapper{margin:0;padding:30px 0 0}
}
  .nft3-news-explore-btn .arrow-shape{display:inline-block;margin-right:15px}
  .nft3-news-explore-btn a:before{border-radius:4px}
.primary-btn a {
    padding: 13px 30px;
    display: inline-block;
    background: linear-gradient(92.29deg,#0029ff -9.05%,#cb0753 103.12%);
    font-size: 14px;
    color: #fff;
    font-family: Inter,sans-serif;
    font-weight: 600;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    z-index: 1;
}
.primary-btn a:hover:before {opacity: 1;}
.primary-btn a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(92.29deg,#cb0753 -9.05%,#0029ff 103.12%);
    z-index: -1;
    transition: all .3s ease-in;
    opacity: 0;
}
.nft3-blog-title h2{color: #fff;}
.nft3-blog-title p{color: #fff;}
.position-absolute {
    position: absolute !important;
}
.step-shape-left {
    width: 300px;
    left: 0;
    top: 0;
    z-index: -1;
}
/*---------------------------------------------------- */
/*whychoose*/
/*----------------------------------------------------*/

/*---------------------------------------------------- */
/*whychoose*/
/*----------------------------------------------------*/

.whychoose  {
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed !important;
}
.whychoose-item {
    padding: 30px 25px;
    background-color: hsl(0deg 0% 100% / 65%);
}
.whychoose .whychoose-item--wrapper{
     border-bottom: 2px solid #f5f5f5;
}
.whychoose-thumb {
    text-align: center;
}
.whychoose .whychoose-item--wrapper:nth-child(3){
    border-bottom: none;
}
.whychoose-item--wrapper > div {
    padding: 10px;
    /* border-right: 2px solid #f5f5f5; */
    /* background-color: hsl(0deg 0% 100% / 65%); */
}
.nft3-top-collection .cf-titles h3 {color: #fff;}
.whychoose-item--wrapper > div:nth-child(3){
    border-right: none;
}
.whychoose-thumb {
    margin-bottom: 30px;
}
.whychoose-content p {
    height: 196px;
}
.whychoose-thumb i {
    width: 106px;
    height: 106px;
    border-width: 2px;
    border-color: #9dd53a;
    border-style: solid;
    display: inline-block;
    font-size: 48px;
    color: #9dd53a;
    line-height: 112px;
    border-radius: 50%;
    text-align: center;
}
.whychoose-item:hover i
{
    background-image: -moz-linear-gradient( 90deg, rgb(118,194,27) 0%, rgb(167,218,66) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(118,194,27) 0%, rgb(167,218,66) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(118,194,27) 0%, rgb(167,218,66) 100%);
    color: #fff;
     border-color: #fff;
}


.whychoose-content h3{
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
}
.whychoose-content,.whychoose-thumb {
    position: relative;
    z-index: 1;
}
.whychoose-item:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 1;
}
.whychoose-item:hover::before {
    background-color: #fff;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -10px;
    left: -10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.06);
    box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.06);
}
/*Home page 2 (service)*/
/*----------------------------------------------------*/
.service-section-2 {
    padding-bottom: 40px;    padding-top: 40px;
}
.service-section .heading h2 {
    margin-bottom: 0px;
}
.gallery {    padding: 0px 40px;}
  .gallery .service-item-area {
    width: 100%;
    float: left;
    padding: 10px; }
    .gallery .service-item-area .service-item-text {
      left: 0;
      right: 0;
      width: 80%;
      opacity: 0;
      bottom: 95px;
      margin: 0 auto;
      visibility: hidden;
      position: absolute;
      background-color: #fff;
      padding:15px;
      -webkit-transition: .5s all ease-in-out;
      -o-transition: .5s all ease-in-out;
      transition: .5s all ease-in-out; }
      .gallery .service-item-area .service-item-text:after {
        left: 50%;
        content: '';
        bottom: -15px;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #fff; }
      .gallery .service-item-area .service-item-text h3 {
    /* font-size: 36px; */
    font-weight: 700;
    padding-top: 5px;line-height: 22px;
}
        .gallery .service-item-area .service-item-text h3 a {
            font-size: 18px;
            color: #000!important;
        }
        .gallery .service-item-area .service-item-text h3 a:hover {
            color: #cbbc9d!important;
        }
      .gallery .service-item-area .service-item-text span {
        font-weight: 700;
        color: #cbbc9d!important; }
    .gallery .service-item-area .service-item-img {
      overflow: hidden;
      position: relative; }
      .gallery .service-item-area .service-item-img img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .5s all ease-in-out;
        -o-transition: .5s all ease-in-out;
        transition: .5s all ease-in-out; width: 100%;}
      
    .gallery .service-item-area:hover .service-item-text {
      opacity: 1;
      bottom: 55px;
      visibility: visible; }
    .gallery .service-item-area:hover .service-item-img img {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
    .gallery .service-item-area:hover .service-item-img:after {
      width: 100%; }
      .parallax{
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

.certified{}
/*custom*/
.mostpopular{background-image: url(../_images/Bg-s-white.jpg);}



/*footer*/
.footer__newslatter {margin-bottom: 30px;}
.footer__newslatter h6 {
    font-size: 20px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.footer__newslatter form {position: relative;margin-bottom: 30px;}
.footer__newslatter form input {
    height: 52px;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 50px;
    padding-left: 30px;
    font-size: 14px;
    color: #666;
}
.footer__newslatter form button {position: absolute;right: 3px;top: 2px;}
.site-btn {
    font-size: 14px;
    color: #fff;
    background:#000;
    font-weight: 600;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
}
.address-f h2 {
    letter-spacing: 0px;
    font-size: 28px;
    margin-bottom: 0px;
}
img.qr-code:hover {
    cursor: pointer;
    animation-name: swing2;
    animation-duration: 1s;
    animation-delay: .3s;
}
@-webkit-keyframes swing2 {
   10% { -webkit-transform: rotate(-10deg); }
   20% { -webkit-transform: rotate(8deg); }
   30% { -webkit-transform: rotate(-5deg); }
   40% { -webkit-transform: rotate(4deg); }
   50% { -webkit-transform: rotate(-3deg); }
   60% { -webkit-transform: rotate(2deg); }
   70% { -webkit-transform: rotate(-1deg); }
   80% { -webkit-transform: rotate(1deg); }
   90% { -webkit-transform: rotate(-1deg); }
   100% { -webkit-transform: rotate(0deg); }
}
.footer:not(#breadcrumb .footer){padding-top: 55px;background-image: url(../_images/bg-f-gth.jpg); background-size: cover;}
.footer__copyright__text {border-top: 1px solid #e1e1e1;padding: 18px 0 25px;text-align: center;margin-top: 35px;}
.footer__copyright__text p {margin-bottom: 0;}
.footer__widget h6 {
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-size: 18px;
    margin-top: 53px;
}
.social-f {
    margin-top: 50px;
}
img.qr-code {
    width: 60%;
}
.social-icons.social-icons-border.social-icons-rounded {
    margin-top: 5px;
}
.footer__widget ul li {    list-style: none;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    padding-right: 10px;}
.footer__widget {
    padding-bottom: 19px;
}
.footer__widget ul li a {font-size: 16px;color: #000;line-height: 30px;}
.footer__logo {text-align: center;}
.footer__logo img {
    width: 100%;
    /* filter: brightness(0) invert(1); */
}
.footer .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
footer {padding-bottom: 0px;}
#footer{ background-color: #000;}
.footer-content {padding: 20px 0px;}
 #footer a {color: #686868 !important;}
#footer a:hover {color: #b57d00!important;}
#footer p {color: #fff;}
.widget .widget-title, .widget > h4 {font-family: 'Lato', 'Athiti', 'Kanit', sans-serif;margin-bottom: 10px;}
.fa-map-marker:before {content: "\f041" !important;}

#footer .f-contact i {margin:0px 3px;width: 18px;}

#footer .social-icons { margin-top:3px; float: right;}
.social-icons.social-icons-border li a {border: 1px solid #000;background: transparent;color: #000;}
.social-icons h2{color: #fff;}
#footer .social-icons a {color: #fff!important;}
.social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover {background-color: #eee;color: #0070ff;}

.social-icons.social-icons-colored .social-instagram a, .social-icons.social-icons-colored-hover .social-instagram a:hover {background-color: #cc830a;}
.social-icons.social-icons-colored .social-line a, .social-icons.social-icons-colored-hover .social-line a:hover{
    background: #00b900;
    border-radius: 4px;
    overflow: hidden;
}
.social-icons li img{height: 20px;margin-top: -3px;}
.social-icons li:hover img {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}
.address-f {
    margin-top: 50px;
}
#footer .copyright-content {
    background-color: #fee00c;
    border-top: none;
    min-height: 40px;
    padding: 5px 0;
}
.copyright-text {
    font-size: 12px;
    color: #000;
    padding: 0px;
    font-weight: 300;
    letter-spacing: 0.8px;
    text-align: center;
}

#goToTop{
    bottom: 48px !important;
    right: 10px;
    background-color: rgba(138, 138, 138, 0.3) !important;
}
#goToTop i {color: #000;}
#goToTop:after, #goToTop:before {background-color: #ffde3c;}

.engine_by_shopup_bottom{
    background-color: #fff;
    border-top: none;
    color: #484848;
    padding: 3px;
    margin-top: -10px;
}
.lines, .lines:before, .lines:after {background-color: #000 !important;}


@media (max-width: 480px){


.specialty-area .specialty-items {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}




}