@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,500,500i,600,600i,700,700i|Open+Sans:400,400i,600,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family='Sarabun, sans-serif&display=swap);

@import url("https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i");


@font-face {
    font-family: 'UTM Avo';
    src: url('UTM Avo.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UTM AvoBold';
    src: url('UTM AvoBold.ttf');
    font-weight: normal;
    font-style: normal;
}

/*
Template Name: Mosto - Software and App Landing Pages HTML Template
Template URI: http://pixner.net/mosto/
Author: pixelaxis
Author URI: https://themeforest.net/user/pixelaxis
Description: Mosto - Software and App Landing Pages HTML Template. Mosto is a Pixel-Perfect Powerful,
Mordern  Software and App Landing Pages HTML Template for all types of landing pages.
Version: 1.0.0
Text Domain:
*/
/*
///// CSS Index \\
01. Reset CSS Start
---------------------------
02. General CSS
---------------------------
*/
/*! HTML5 Boilerplate v7.0.1 | MIT License | https://html5boilerplate.com/ */
/* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    font-size: 15px;
    line-height: 23px;
    font-family: 'Sarabun', sans-serif;
}

.banner img {
  max-height: 500px;
  margin: 0 auto;
  text-align: center;
}

.col-lg-3.col-md-4.col-sm-6.col-12.wow.fadeInUp {
    margin-bottom: 70px;
}

.shop-related-prodcut.shop-related-prodcut-chitiet .single-product a.cart-pr {
    color: #fff;
}


.slider-logo.owl-carousel.owl-loaded.owl-drag img {
    height: 100% !important;
    padding: 10px;
    object-fit: contain;
}

.section-title .bar::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #ffffff;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

.shop-related-prodcut .section-title h2 {
    font-size: 25px;
}

.bg_info h2.heading {
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.shop-related-prodcut .section-title {
    margin-bottom: 15px;
}

.single-product {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -webkit-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -moz-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -o-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -os-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    max-height: 534px;
    overflow: hidden;
    margin-bottom: 40px;
}

.single-product .product-img {
    position: relative;
    height: 325px;
    overflow: hidden;
}

.single-product .product-img .add-to-cart-btn {
    display: block;
    position: absolute;
    left: 0;
    bottom: -48px;
    width: 100%;
    background: #0fd186;
    color: #ffffff;
    height: auto;
    letter-spacing: 2px;
    padding: 5px 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    overflow: hidden;
    -webkit-transition: .4s;
    transition: .4s;
}

a.cart-pr {
    text-align: right;
    float: right;
}

a.demo {
    text-align: right;
    float: right;
    color: #ffb708;
    margin-right: 10px;
}

.single-product .product-content {
    padding: 8px;
    border-top: 0 solid #e1e1e1;
    background: #fff;
    float: left;
    width: 100%;
}

.price_cat h5 {
    float: left;
    padding-right: 8px;
}

.price_cat p {
    text-align: right;
    color: gray;
    float: left;
    text-decoration: line-through;
    font-size: 13px;
    color: #4e4747;
    font-style: normal;
    margin: 0;
}

.price_cat span span {
    float: right;
}

.span-gia {
    text-decoration: line-through;
    padding-left: 5px;
    line-height: 28px;
    font-size: 14px;
}

.price_cat span {
    float: left;
}

.single-product .product-content h3 {
    font-size: 16px;
    text-align: left;
    float: left;
    width: 100%;
    line-height: 20px;
    margin-top: 0;
    display: block;
    font-weight: 400;
    color: #096f47;
    margin-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 3;
    height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.badge.badge-danger {
    background-color: #ff4c3b;
    padding: 5px 14px;
    position: relative;
    margin-left: 10px;
}

.badge::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 7px solid #ff4c3b;
    border-bottom: 5px solid transparent;
    left: -5px;
    top: 2.1px;
}

.badge::after {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    background-color: #ffffff;
    border-radius: 5px;
    top: 3.5px;
    right: 4px;
}

.show-img-pc img {
    width: 100%;
}

.single-product:hover .product-img .add-to-cart-btn {
    bottom: 0;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
    display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}


.widget-categories ul {
    margin-top: -9px;
}

.widget-categories ul li {
    padding: 0;

}

.widget-categories ul li a {
    justify-content: space-between;
    color: #222;
    padding: 7px 0;
}

.widget-categories ul li a:hover {
    color: #0fd186;
}

.widget-categories ul li:first-child a {
    padding-top: 0;
}

.widget-follow ul {
    margin: -5px;
    justify-content: flex-start;
}

.widget-follow ul li {
    padding: 5px;
}

.widget-follow ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-color: #bccaea;
    color: rgba(80, 76, 137, 0.8);
}

.widget-follow ul li a.active, .widget-follow ul li a:hover {
    border: none;
    color: #ffffff;
    background: -moz-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background: -webkit-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background: -ms-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}

.widget-search .search-form {
    margin-top: -20px;
}

.widget-search input {
    font-size: 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #bccaea;
    background: transparent;
    margin-bottom: 30px;
}

.widget-search input::placeholder {
    color: #4c588f;
}

.widget-search button {
    width: auto;
    min-width: 150px;
    outline: none;
    color: #ffffff;
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-image: -moz-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background-image: -webkit-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background-image: -ms-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    border: none;
}

.widget-search button i {
    margin-right: 5px;
}

.widget-post {
    position: relative;
}

.widget-post .widget-slider .item .thumb {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 25px;
}

.widget-post .widget-slider .item .thumb a {
    display: block;
}

.widget-post .widget-slider .item .thumb img {
    width: 100%;
}

.widget-post .widget-slider .item .content .p-title {
    margin-bottom: 7px;
    font-size: 22px;
}

.widget-post .widget-slider .item .content .p-title a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
}

.widget-post .widget-slider .item .content .meta-post {
    font-size: 14px;
}

.widget-post .widget-slider .item .content .meta-post a {
    color: #222;
}

.widget-post .widget-slider .item .content .meta-post a i {
    color: #ee4730;
    font-size: 14px;
    margin-right: 5px;
    text-shadow: 0.624px 2.934px 2px rgba(232, 58, 153, 0.3);
}

.widget-post .slider-nav {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 50px;
    justify-content: space-between;
}

.widget-post .slider-nav span {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 10px;
    box-shadow: 0px 2px 5px 0px rgba(0, 18, 50, 0.2);
    color: #222;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.widget-post .slider-nav span:hover, .widget-post .slider-nav span.active {
    color: #ffffff;
    background: -moz-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background: -webkit-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background: -ms-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}

/*Trial Section Starts Here*/
.trial-wrapper {
    align-items: center;
    justify-content: space-between;
    padding-left: 58px;
    padding-right: 58px;
    border-radius: 30px;
    background: -ms-linear-gradient(0deg, #5c68f2 12%, #9468f9 67%, #cc68ff 100%);
    background: -moz-linear-gradient(0deg, #5c68f2 12%, #9468f9 67%, #cc68ff 100%);
    background: -webkit-linear-gradient(0deg, #5c68f2 12%, #9468f9 67%, #cc68ff 100%);
}

.visao-chon.feature-section.padding-top.padding-bottom.oh.pos-rel .title-products {
    font-size: 36px;
    font-weight: bold;
    color: #d52027;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.trial-wrapper .trial-content {
    width: 50%;
}

.trial-wrapper .trial-content .title {
    max-width: 380px;
    margin-bottom: 27px;
}

.trial-wrapper * {
    position: relative;
    z-index: 1;
}

.post-details .widget-categories ul li {
    position: relative;
    list-style: none;
    padding-left: 20px;
    margin-bottom: 2px;
}

.post-details .widget-categories ul li a {
    padding: 0;
    float: left;
    margin-right: 10px;
    line-height: 22px;
}

.post-details .widget-categories ul li:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0fd186;
}

/*.features-area.marketing-features .single-holder-box h3{
      font-size: 20px;
    padding-top: 20px;
}
.page-title-banner*/


.menu-toolbar {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0 -22px 21px 0 rgba(10, 166, 105, .06);
    position: relative;
    z-index: 2;
}

.nice-select.form-control {
    margin: 10px 0;
}

.menu-toolbar .filter-desktop ul {
    list-style: none;
    padding: 0 0;
    margin: 0 0;
}

.menu-toolbar .filter-desktop ul li {
    float: left;
    margin-right: 48px;
    border-bottom: 2px solid transparent;
    position: relative;
}

.menu-toolbar .filter-desktop ul li a {
    display: inline-block;
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    color: #2d2d2d;
    margin-right: 3px;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 9;
    background: #fff;
    border: 1px solid #ebebeb;
}

.menu-toolbar .filter-desktop ul {
    list-style: none;
    padding: 0 0;
    margin: 0 0;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu li:first-child {
    font-weight: normal;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu li {
    display: block;
    margin: 0 15px;
    padding: 0;
    min-width: 260px;
    border-bottom: 1px solid #ebebeb;
    float: left;
}

.menu-toolbar .filter-desktop ul li {
    float: left;
    margin-right: 48px;
    border-bottom: 2px solid transparent;
    position: relative;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu li a {
    line-height: normal;
    height: auto;
    padding: 10px 0;
    font-size: 14px;
    color: #7c7c7c;
    display: block;
    margin-right: 0;
}

.menu-toolbar .filter-desktop ul li a {
    display: inline-block;
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    color: #2d2d2d;
    margin-right: 3px;
    padding: 0px;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu li a {
    line-height: normal;
    font-size: 14px;
    color: #7c7c7c;
}

.menu-toolbar .filter-desktop ul {
    list-style: none;
}

.menu-toolbar .filter-desktop ul li:hover > i, .menu-toolbar .filter-desktop ul li.active > i {
    color: #0fd185;
}

.menu-toolbar .filter-desktop ul li i {
    font-size: 13px;
}

.menu-toolbar .filter-desktop ul li:hover ul.sub-menu, .menu-toolbar .filter-desktop ul li.active ul.sub-menu {
    display: block;
}

.menu-toolbar .filter-desktop ul li:hover, .menu-toolbar .filter-desktop ul li.active {
    border-bottom: 2px solid #0fd185;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu li a:hover {
    color: #363636;
    font-weight: bold;
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    font-size: 15px;
    line-height: 23px;
    font-family: 'Sarabun', sans-serif;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
    font-size: 15px;
    line-height: 23px;
    font-family: 'Sarabun', sans-serif;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
    font-size: 15px;
    line-height: 23px;
    font-family: 'Sarabun', sans-serif;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
    max-width: 100%;
    height: auto !important;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

table {
    border-collapse: collapse;
    background: none !important;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

html {
    font-size: 18px;
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    overflow-x: hidden;
    font-family: 'Sarabun', sans-serif;

}

.pricing-slider span.salePrice {
    color: #d21515;
    font-size: 20px;
}

.order-1 .customer label.label, .order-1 .customer span.no-required {
    display: block;
    font-size: 15px;
    color: #000;
    padding: 0;
    line-height: 34px;
    text-align: left;
    font-weight: normal;
}

.order-1 .payment .step .link {
    display: block;
    padding: 8px 35px 8px 30px;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-weight: bold;
    background: #f0f0f0;
    position: relative;
}

.menu-toolbar .col-lg-9.col-md-7 {
    padding-left: 0;
}

img {
    border-style: none;
    max-width: 100%;
    height: auto;
}

.page-header.single-header {
    height: 520px;
    padding: 0;
}

.page-header.single-header::before {
    /*width: 100%;
    height: 100%;
    background: -moz-linear-gradient(0deg, #2102ae 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #2102ae 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #2102ae 0%, #e83a99 100%);
    opacity: .7;*/
}

.page-header.single-header.blog-single-header {
    height: 450px;
}

table td {
    color: ;
    border: 1px solid #d7d7e5;
}

h1,
h2 {
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    color: #333;
    /*font-family: "Josefin Sans", sans-serif;*/
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #333;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #ee4730;
}

h1 {
    font-size: 42px;
}

h2 {
    font-size: 36px;

}

h3 {
    font-size: 28px;


}

h4 {
    font-size: 24px;

}

h5 {
    font-size: 20px;


}

h6 {
    font-size: 18px;

    font-weight: 500;
}

p {

}

p:last-child {

}

p a {
    color: #d42027;
}

p a:hover {
    color: #ee4730;
}


.post-details .tags-area .tags {
    font-size: 16px;
    margin-bottom: 15px;
}

.post-details .tags-area .tags span {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    font-weight: 600;
}

.post-details .tags-area .tags a {
    color: #222;
}

.post-details .tags-area .tags a::after {
    content: ",";
}

.post-details .tags-area .tags a:last-child::after {
    display: none;
}

.post-details .tags-area .social-icons {
    margin: -5px;
    margin-bottom: 10px;
    justify-content: flex-start;
}

.post-details .tags-area .social-icons li {
    padding: 5px;
}

.post-details .tags-area .social-icons li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-color: #bccaea;
    color: rgba(80, 76, 137, 0.8);
}

.post-details .tags-area .social-icons li a.active, .post-details .tags-area .social-icons li a:hover {

    background: -moz-linear-gradient(-30deg, #0fd186 0%, #0fd186 100%);
}

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

.blog-single-section {
    margin-top: -280px;
    position: relative;
    z-index: 1;
}

.menu-toolbar .filter-desktop ul {
    list-style: none;
    padding: 0 0;
    margin: 0 0;
    display: flex;
}

.menu-toolbar .filter-desktop ul li {
    margin-right: 50px;
    position: relative;
    padding: 0;
}

.menu-toolbar .filter-desktop ul li:nth-last-child(2) {
    /*margin-right: 0;*/
}

.menu-toolbar .filter-desktop ul li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #12d288;
    position: absolute;
    bottom: -1px;
    left: 0;
    opacity: 0;
}

.menu-toolbar .filter-desktop ul li:hover:after,
.menu-toolbar .filter-desktop ul li.active:after {
    opacity: 1;
}

.menu-toolbar .filter-desktop ul li:hover > a,
.menu-toolbar .filter-desktop ul li.active > a {
    /*font-weight: 700;*/
    color: #12d288;
}

.menu-toolbar .filter-desktop ul li:hover > i,
.menu-toolbar .filter-desktop ul li.active > i {
    color: #12d288;
}

.menu-toolbar .filter-desktop ul li:hover ul.sub-menu {
    display: block;
}

.menu-toolbar .filter-desktop ul li a {
    line-height: 52px;
    font-size: 14px;
    color: #42464e;
    margin-right: 0px;
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative;
    font-size: 15px;
}

.menu-toolbar .filter-desktop ul li a svg,
.menu-toolbar .filter-desktop ul li a img {
    margin-right: 10px;
}

.menu-toolbar .filter-desktop ul li a .fa-angle-down {
    margin-left: 5px;
}

.menu-toolbar .filter-desktop ul li .badge {
    display: none;
}

.menu-toolbar .filter-desktop ul li .badge.d {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background: #ed1f1f;
    border-radius: 4px;
    padding: 0 4px;
    line-height: 15px;
    position: absolute;
    top: 13px;
    right: -35px;
}

#coverage {
    float: left;
    width: 100%;
}


@media (max-width: 575px) {
    p {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }


    h3 {
        font-size: 20px;

    }

    h4 {
        /*  font-size: 20px;
line-height: 25px;
margin-top: -14px;*/
    }

    h5 {
        font-size: 24px;

    }

    h6 {
        font-size: 20px;

    }
}

a {
    display: inline-block;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;

}

select,
input,
textarea,
button {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #bccaea;
    outline: none;
}

textarea {
    height: 200px;
    resize: none;
    padding: 10px;
}

input,
button,
select {
    height: 50px;
    color: #222;
}

label,
button,
select {
    cursor: pointer;
}

input {
    background: #f4f4f4;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 10px;
}

input:focus {
    border: 1px solid #ff8a00;
}

input[type="submit"] {
    cursor: pointer;
    background-color: #0a3d62;
    color: #ffffff;
    font-weight: 700;
    padding: 0;
}


.index-container .favorite-themes {
    position: relative;
}

.index-container .favorite-themes:after {
    content: "";
    width: 295px;
    height: 873px;
    background: url(http://webvaseo.com.vn/templates/img-add/shape-right-index.png) no-repeat center center;
    position: absolute;
    bottom: -200px;
    right: -80px;
}

.giaodien_new h2 {
    font-size: 35px;
    font-weight: bold;
    color: #096f47;
    margin-bottom: 25px;
    text-align: center;
}

.giaodien_new p.desc {
    text-align: left;
    color: #42464e;
    font-size: 21px;
    font-weight: 300;
    margin: 10px 0 40px;
    position: relative;
}

.index-container .favorite-themes .container {
    position: relative;
}

.index-container .favorite-themes h2 {
    text-align: left;
    font-weight: bold;
    font-size: 36px;
    color: #096f47;
    margin: 70px 0 0;
    position: relative;
}

.index-container .favorite-themes p.desc {
    text-align: left;
    color: #42464e;
    font-size: 21px;
    font-weight: 300;
    margin: 10px 0 40px;
}

.index-container .favorite-themes .more-theme {
    display: inline-block;
    padding-right: 27px;
    font-size: 18px;
    font-weight: 400;
    color: #096f47;
    background-size: auto;
    position: absolute;
    right: 15px;
    top: 55px;
}

.index-container .favorite-themes .more-theme:before {
    content: "";
    width: 26px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 7px;
    background: url(http://webvaseo.com.vn/templates/img-add/more-theme.png) no-repeat center right;
}

.index-container .favorite-themes .more-theme:hover:before {
    opacity: .6;
}

.index-container .favorite-themes .theme-item {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -webkit-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -moz-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -o-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -os-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    max-height: 386px;
    overflow: hidden;
    margin-bottom: 40px;
}

.index-container .favorite-themes .theme-item.mobile {
    border: none;
    min-height: 386px;
}

.index-container .favorite-themes .theme-item.mobile .theme-image {
    background: url(http://webvaseo.com.vn/templates/img-add/bg-theme-mobile.png) no-repeat top center;
    border: none;
    text-align: center;
    padding-top: 42px;
}

.index-container .favorite-themes .theme-item.mobile .theme-image img {
    width: 168px;
}

.index-container .favorite-themes .theme-item.mobile .theme-info {
    border: 1px solid #e1e1e1;
    border-radius: 0 0 5px 5px;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .ti-info-alt {
    position: absolute;
    bottom: 110px;
    right: 25px;
    color: #b6b6b6;
    font-size: 20px;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip {
    font-size: 12px;
    opacity: 1 !important;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-arrow {
    display: none;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner {
    background: #fff;
    padding: 5px;
    font-size: 12px;
    width: 320px;
    max-width: 320px;
    text-align: left;
    color: #797777;
    border: 1px solid #e1e1e1;
    position: relative;
    box-shadow: #e1e1e1 0 0 15px 5px;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner:after,
.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 7px;
    margin-left: -7px;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner:before {
    border-color: rgba(225, 225, 225, 0);
    border-bottom-color: #e1e1e1;
    border-width: 8px;
    margin-left: -8px;
}

.index-container .favorite-themes .theme-item .theme-image {
    position: relative;
    height: 285px;
    overflow: hidden;
}

.index-container .favorite-themes .theme-item .theme-image img {
    width: 100%;
    position: relative;
}

.index-container .favorite-themes .theme-item .theme-image:hover .theme-action {
    height: 100%;
}

.index-container .favorite-themes .theme-item .theme-image .theme-action {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    text-align: center;
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}

.index-container .favorite-themes .theme-item .theme-image .theme-action:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}

.index-container .favorite-themes .theme-item .theme-image .theme-action .button {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;

}

.index-container .favorite-themes .theme-item .theme-image .theme-action a {
    display: block;
    width: 165px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    margin: 0 auto;
    font-weight: 400;
}

.index-container .favorite-themes .theme-item .theme-image .theme-action a:hover {
    text-decoration: none;
}

.index-container .favorite-themes .theme-item .theme-image .theme-action a.view-demo {
    color: #fff;
    background-image: -moz-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -webkit-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -ms-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    margin-bottom: 15px;
}

.index-container .favorite-themes .theme-item .theme-image .theme-action a.view-detail {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
}

.index-container .favorite-themes .theme-item .theme-info {
    padding: 25px;
    border-top: 0 solid #e1e1e1;
    background: #fff;
}

.index-container .favorite-themes .theme-item .theme-info h3 {
    font-size: 18px;
    font-weight: 400;
    color: #096f47;
    margin: 0;
    line-height: inherit;
}

.index-container .favorite-themes .theme-item .theme-info h3 a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #096f47;
    margin-bottom: 5px;
    height: 23px;
    overflow: hidden;
}

.index-container .favorite-themes .theme-item .theme-info .price {
    display: block;
    font-size: 16px;
}

.index-container .favorite-themes .theme-item .theme-info .price b {
    color: #4e4747;
    font-weight: bold;
}

.index-container .favorite-themes .theme-item .theme-info .price.has-compare b {
    color: #e61919;
}

.index-container .favorite-themes .theme-item .theme-info .price.has-compare i {
    text-decoration: line-through;
    font-size: 12px;
    color: #4e4747;
    font-style: normal;
}

.row.justify-content-center.mb-30-none {


}


.preview-box {
    text-align: center;
    margin-bottom: 2em;
    padding: 1em;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #d6dfe8;
    height: 530px;
    overflow: hidden;
    position: relative;
}

h2.heading {
    font-size: 40px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 20px;
}

.text-center {
    text-align: center;
}

.text-center {
    padding: 20px 0;
    text-align: center;
    margin: auto;
}

.how-content .title a {
    text-decoration: blue !important;
    color: #333 !important;
}

.amazing-feature-bottom .col-lg-3 {

    float: left;
    flex: auto;
}

.bg_img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.right_center {
    background-position: right center;
}

.left_center {
    background-position: left center;
}

.bottom_center {
    background-position: bottom center;
}

.bottom_left {
    background-position: bottom left;
}

.bottom_right {
    background-position: bottom right;
}

.top_center {
    background-position: top center;
}

.top_left {
    background-position: top left;
}

.top_right {
    background-position: top right;
}

.bg_contain {
    background-size: contain;
}

.bg-xl-100, .footer-link li::after, .footer-section::before, .banner-2 .banner-bg-2, .banner-bg-6, .banner-shape-9, .app-bg, .testimonial-wrapper .testimonial-area::after, .testimonial-wrapper .testimonial-area::before, .invest-range-slider .ui-slider-handle::after, .invest-range-slider .ui-slider-handle::before, .feature-item .feature-thumb::after, .feature-item .feature-thumb::before, .how-main-bg, .how--item .anime-item::after, .how--item .anime-item::before, .how-wrapper::after, .to-access-item .to-access-thumb span::before, .to-access-item .to-access-thumb span::after, .work-slider .owl-nav [class*=owl-]::before, .addon-wrapper .item, .recharge-item .recharge-thumb .anime::before, .recharge-item .recharge-thumb .anime::after, .about-feature-counter-area::after, .about-feature-counter-area::before, .pricing-item-4 .pricing-header::after, .pricing-item-4::after, .pricing-item-4::before, .counter-area-5::after, .counter-area-5::before, .team-item .team-thumb::before, .team-item .team-thumb::after, .history-item .history-content::before, .history-item .history-content::after, .team-con-wrapper::before, .contact-content .section-header a::before, .map-section::before, .maps-wrapper::before, .post-item.style-two::before, .post-item.style-two::after {
    position: absolute;
    content: '';
}

.social-icons, .footer-link, .header-section .header-wrapper, .banner-4 .banner-odometer, .banner-4 .banner-odometer .counter-item, .banner-nav-container .ban-nav, .banner-1-slider-wrapper .ban-click, .counter-wrapper-3, .counter-wrapper-3 .counter-item, .banner-odometer-two, .banner-odometer-two .counter-item, .banner-12 .banner-odometer, .banner-12 .banner-odometer .counter-item, .sponsor-slider-wrapper .sponsor-thumb, .widget-tags ul, .widget-categories ul li a, .widget-post .widget-slider .item .content .meta-post, .widget-post .slider-nav, .trial-wrapper, .faq-item, .trigger, .exclusive-item, .colaboration-item, .amount-area, .download-options, .range-wrapper-2 .pricing-range .pricing-range-bottom, .coverage-right-area .rating-area, .coverage-wrapper div[class*="border-item"], .feature-item, .feature-item .feature-thumb, .feature-video-area .button-area, .download-area, .counter-area, .counter--item, .how--item, .bal-list, .counter-wrapper-2, .counter-item-2 .title, .advance-feature-item, .to-access-item .to-access-thumb, .count-slider, .count-slider .count-item, .pricing-menu, .ex-item .ex-thumb, .addon-wrapper .addon-center, .addon-wrapper .item, .cost-wrapper .cost-icon, .cost-wrapper .cost-icon .icon, .recharge-item .recharge-thumb, .recharge-wrapper, .help-item, .about-feature-counter-area, .pricing-item-4 .pricing-header, .pricing-wrapper-4, .counter-area-4, .counter-area-4 .counter-item-4, .page-header-content .breadcrumb li a, .counter-area-5, .counter-area-5 .counter-item-5, .sponsor-slider-4 .sponsor-thumb, .team-wrapper, .team-con-area, .team-con-area .item, .team-con-area .team-icons, .progress-area .progress-item .progress-label, .partner-item, .user-counter-wrapper, .review-item .review-thumb, .review-item .review-thumb .review-author-content, .comunity-wrapper, .coming-soon, .countdown, .account-section, .error-section, .error-section .man1, .error-section .man2, .feature-tab-menu, .cola-item, .user-range-area, .contact-form .form-group .form-check, .contact-item, .blog-author, .comment-area li .blog-item, .post-details .post-content, .post-details .post-content .entry-meta, .post-details .post-content .entry-meta .thumb, .post-details .tags-area, .post-details .tags-area .tags, .app-button-group, .button-group, .banner-button-group, .video-button-2 {
    display: flex;
    flex-wrap: wrap;
}

.banner-5 .banner-bg-5, .banner-9-video .video-button, .extra-bg, .banner-video-14 .video-button, .feature-item::before, .feature-item::after, .feature-video-area .button-area, .custom-wrapper .circle::after, .custom-wrapper .calculate-bg, .how--item .how-content .serial, .how--item .anime-item, .member-counter-area .member-bg, .to-access-item .to-access-thumb span, .count-slider .count-item::after, .count-slider .count-item .serial, .ex-item::before, .addon-wrapper::before, .addon-wrapper .addon-center, .addon-wrapper .addon-center::after, .addon-wrapper .addon-center::before, .recharge-item .recharge-thumb .anime, .pricing-item-4 .pricing-header::before, .page-header.single-header::before, .anime-item-2, .anime-item-2::after, .anime-item-2::before, .user-counter-wrapper .user-counter-bg, .post-details .post-content .entry-meta .thumb::before, .video-button::after, .video-button::before, .video-button-2, .video-button-2 span, .video-button-2 span::after, .video-button-2 span::before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}

#how_products {
    float: left;
    width: 100%;
    padding: 0;
    background: #fff;
}

.padding-top {
    padding-top: 80px;
}

.padding-bottom {
    padding-bottom: 80px;
}

.padding-top-2 {
    padding-top: 40px;
}

.padding-bottom-2 {
    padding-bottom: 40px;
}


.pricing-item.website .pricing-thumb {
    height: auto;
    margin-bottom: 15px;
    width: 100%;
}

.pricing-item.website {
    border-radius: 20px;
    background-color: #ffffff;
    text-align: center;
    padding: 10px;
    margin: 0 auto 30px;
    position: relative;
}

.pricing-item.website .pricing-thumb img {
    width: 100%;
    height: 100%;
}


.banner-1-slider-wrapper .owl-carousel .owl-item .banner-thumb {
    width: 500px;
}

.page-detail-bottom.page-detail-bottom-chitiet {
    float: left;
    width: 100%;
}

.shop-related-prodcut.shop-related-prodcut-chitiet {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.hotrofooter h4 {


    line-height: 49px;
    font-size: 28px;
    /*! font-weight: 700; */
    margin-bottom: 25px;
    margin-bottom: 12px;
    color: #fff;
    font-size: 30px;
    line-height: 46px;
    /*! font-weight: bold; */
    /*! color: #d42027; */
    margin: 0;
    margin-bottom: 0px;
    padding: 0px 0 0 0;
    position: relative;
    margin-bottom: 20px;
    font-family: UTM AvoBold !important;
}

.hotrofooter .widget p {
    margin-bottom: 35px;
    color: #fff;
    width: 79%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 35px;
    font-size: 18px;
}

.hotrofooter .textwidget ul {
    display: table;
    width: 100%;
}

.widget ul {
    list-style-type: none;
    margin: 0;
}

.hotrofooter .textwidget ul li {
    display: table-cell;
    /*! text-align: left; */
}

.hotrofooter h4 span {
    color: #e1e81f;
}

.hotrofooter .textwidget ul li a {
    color: #e1e81f; /*! font-weight: bold; */
    font-size: 17px;
    font-family: UTM Avo;
}

.hotrofooter ul li {
    display: inline;
}

.hotrofooter {
    text-align: center;
}

.hotrofooter {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0px;
    text-align: center;
    border-bottom: 1px solid #333353;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.hotrofooter .textwidget ul li > span.info-name {
    display: block;
    color: #969696;
    font-size: 20px;
    font-family: UTM AvoBold;
}

.hotrofooter .textwidget ul li > i {
    /*! float: left; */
    font-size: 40px;
    padding: 0px 10px 10px 0;
}

.hotrofooter ul li i {
    font-size: 24px;
}

.widget {
    background: none !important;
}

.hero-content h1 {
    color: #333;
    font-size: 65px;
    margin: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: bold;


}

.hero-content h3 {
    font-size: 40px;
    line-height: 45px;
}

.giaodien_new .single-product .product-img {
    position: relative;
    height: 433px;
    overflow: hidden;
}

.giaodien_new .single-product {


    max-height: 529px;

}

.giaodien_new .more-theme::before {
    content: "";
    width: 26px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 7px;
    background: url(../images/more-theme.png) no-repeat center right;
}

.giaodien_new .more-theme {
    display: inline-block;
    padding-right: 27px;
    font-size: 18px;
    font-weight: 400;
    color: #096f47;
    background-size: auto;
    position: absolute;
    right: 15px;

}

.hero-content .p li {

    line-height: 28px;
    margin-bottom: 7px;
    font-size: 17px;
}

.hero-content .p {
    list-style: none;
    margin-bottom: 20px;
}

.hero-content p {

    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 18px;
}

.hero-content {
    position: relative;

    text-align: left;
}

.hero-content .p li {

    font-size: 20px;
    color: #333;
    margin: 10px 0px;
    line-height: 1.5;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.hero-content .p li .fa.fa-gift {
    color: #d21515;
    margin-right: 10px;
}

.hero-content .p li .fa {
    margin-right: 10px;
}

.hero-content .video-btn i {
    font-size: 30px;
    position: relative;
    margin-left: 5px;
    top: 4px;
    -webkit-transition: .4s;
    transition: .4s;
}

.dangky-email-google.pricing-section.oh.padding-bottom-2.single-pricing .section-header .title {
    color: #fff;
}

.col-lg-4.col-md-5.col-12.feature-info.order-1.order-md-2 .price .giacu {
    text-decoration: line-through;
    padding-left: 5px;
    line-height: 28px;
    font-size: 14px;
    color: #333;
    font-weight: 300;
}

.theme-action.button {
    float: left;
    width: 100%;
}

.shop-details .title span {
    line-height: 30px;
    display: block;
    font-size: 25px;
    color: #42464e;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 1px;
}

table * {
    font-size: 15px !important;
    font-family: 'Sarabun', sans-serif !important;
}

.shop-description ul {
    padding-left: 13px !important;
}

.shop-description ul li {
    list-style: disc !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-family: 'Sarabun', sans-serif !important;
}

.page-header .page-header-content.hide {
    display: none;
    z-index: -9;
    opacity: 0;
    visibility: hidden;
}

.page-header-content {
    text-align: center;
    position: relative;
    z-index: 1;
}

.fa-angle-right::before {
    content: "\f105" !important;
}

.page-header-content .title {
    font-size: 35px;
    line-height: 70px;
    margin: 0;
    font-weight: 500;
}

.pricing-section .pricing-item ul li i {
    margin-right: 15px;
}

.pricing-section .pricing-item ul {
    text-align: left;
}

.recharge-item .recharge-content .title {
    font-size: 16px;
}

.recharge-section .email_price {
    background: #fff;
    margin-top: 15px;
}

.pricing-section-email-hosting .pricing-item .pricing-content .pricing-header .title {
    font-size: 40px;
}

.banner-content-6 .title {
    font-size: 50px;
}

.banner-content-10 .title {
    font-size: 50px;
    line-height: 60px;
}

#giaodien {
    padding: 20px;
}

#giaodien .convencing-feature-content h3 {
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 0
}

.shop-details-area.blog-area .code {
    padding-top: 15px;
    margin-bottom: 0
}

h2.heading {
    font-family: 'Sarabun', sans-serifBold, sans-serif;
}

.shop-related-prodcut .section-title h2 {
    font-family: 'Sarabun', sans-serifBold, sans-serif;
}

.shop-related-prodcut .product-content h5 {

}

.shop-related-prodcut .product-content h5 .span-gia {
    font-size: 16px;
}

.description-add.templateDetail h3 {
    font-size: 25px;
}

.templateDetail .description .title {
    font-size: 20px;
    padding-bottom: 10px;
    color: #333 !important;
}

.css-tuyendung.main-article .pagination {
    margin-top: 20px;
}

.templateDetail .description > :before {
    background-color: #0fd186 !important;
}

.templateDetail .description:before {
    border-left: 1px dashed #0fd186 !important;
}

.bg_info.bg_info-chitiet {
    padding-bottom: 50px;
}

.pricing-section-banggia .pricing-item-2 {
    margin-bottom: 10px;
}

.pricing-section-banggia .pricing-item-2 ul li {
    border-bottom: 1px solid #f2ebeb;
    padding: 5px 0;
}


/*detail product*/
.shop-details .image-desktop a {
    display: block;
    width: 100%;
    height: 499px;
    overflow: hidden;
}

.shop-details .image-desktop {
    background: url(../images/bg-image-desktop-detail.png) no-repeat center bottom;
    width: 626px;
    height: 575px;
    padding-top: 75px;
    padding-left: 44px;
}

.shop-details .image-desktop a img {
    width: 88.5%;
    height: auto;
}

.shop-details .image-mobile {
    background: url(../images/bg-feature-image-mobile.png) no-repeat center center;
    width: 266px;
    height: 300px;
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: -5px;
    padding-top: 51px;
    padding-left: 46px;
}

.shop-details .image-mobile a {
    display: block;
    width: 166px;
    height: 249px;
    overflow: hidden;
}

.shop-details .image-mobile a img {
    width: 100%;
    height: auto;
}

.shop-details .title {

}

.shop-details .title span {
    line-height: 30px;
    display: block;
    font-size: 30px;
    color: #42464e;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 10px;
}

.code {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #d21515;
}

.col-lg-4.col-md-5.col-12.feature-info.order-1.order-md-2 .price {
    margin: 10px 0;
    font-size: 20px;
    color: #d21515;
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 28px;
}

.shop-details .desc {
    margin: 20px 0;
}

.theme-action.button {
    margin: 20px 0;
}

.theme-action {
    width: 100%;
    height: 0;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}

.shop-details .button .preview {
    border: 1px solid #0fd186;
    color: #0fd186;
    outline: none;
    line-height: 45px;
    background: none;
    float: left;
    font-size: 18px;
    text-transform: uppercase;
}

.shop-details .shop-details-tabs {

    text-align: left;
}

.button .view-detail {
    color: #fff;
    background: #2ad38b;
    background: linear-gradient(to right, #0fd186, #0fd186);
    border-radius: 45px;
    display: inline-block;
    line-height: 45px;
    padding: 0 23px;
    outline: none;
    -webkit-user-select: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    font-size: 18px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    text-transform: uppercase;
    float: left;

}

.shop-details .shop-details-tabs #tabs {
    padding: 0;
    margin: 0 0 40px;
    list-style-type: none;
    border-bottom: 1px solid #eee;
}

b, strong {
    font-weight: bolder;
    font-weight: 700;
}

.shop-details .shop-details-tabs #tabs li.active {
    background-color: #ffffff;
    position: relative;
}

.shop-details .shop-details-tabs #tabs li {
    display: inline-block;
    padding: 12px 50px 8px;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    background: #eaeaea;
}

.shop-details .shop-details-tabs #tabs li.active::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    top: 0;
    left: 0;
    background: #30d796;
}

.shop-details .shop-details-tabs #tabs li.inactive {
    background-color: #eeeeee;
    padding: 12px 50px;
}

.shop-details .shop-details-tabs .content.show {
    display: block;
}

.shop-details .shop-details-tabs .content {
    display: none;
}

.show {
    display: block !important;
}

.shop-related-prodcut .section-title .bar {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.section-title .bar {
    height: 4px;
    width: 85px;
    background: #333;
    margin: 15px auto 15px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .padding-top {
        padding-top: 100px;
    }

    .padding-bottom {
        padding-bottom: 100px;
    }

    .padding-top-2 {
        padding-top: 50px;
    }

    .padding-bottom-2 {
        padding-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .padding-top {
        padding-top: 50px;
    }

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

    .padding-top-2 {
        padding-top: 60px;
    }

    .padding-bottom-2 {
        padding-bottom: 60px;
    }

    .pt-lg-120 {
        padding-top: 120px !important;
    }

    .mt-lg-120 {
        margin-top: 120px !important;
    }

    .lg-oh {
        overflow: hidden;
    }

    .pt-lg-half {
        padding-top: 60px !important;
    }

    .pb-lg-half {
        padding-bottom: 60px !important;
    }

    .mt-lg--90 {
        margin-top: -90px;
        position: relative;
        z-index: 9;
    }
}

.pr {
    position: relative;
}

/*Section Header*/
.mb-30-none {
    /*margin-bottom: -30px !important;*/
}

.tab-item {
    display: none;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
}

.tab-item.active {
    display: block;
}

.tab-menu li {
    cursor: pointer;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-50 {
    margin-top: 50px;
}

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

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

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

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

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

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

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

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-50 {
    padding-bottom: 50px;
}

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

.mb-40-none {
    margin-bottom: -40px;
}

.how-item-3 .how-content .title {
    margin-bottom: 15px;

    font-size: 16px;
    line-height: 23px;
    height: 46px;
    overflow: hidden;
}

.how-item-3 .how-content .span-gia {
    text-decoration: line-through;
    color: #999;
    padding-left: 15px;
}

.how-item-3 .how-content .add-to-cart-btn {
    display: none;
}

.how-item-3 .how-content .button-3 {
    display: inline-block;
    width: 90%;
    padding: 4px;
    clear: both;
    margin-bottom: 10px;
}

.section-header .title {
    font-family: '' Sarabun ', sans-serif', sans-serif;
}

.main-article .post-item .post-content {
    margin: 0;
}

.main-article .col-md-6 {
    display: inline-block;
    float: left;
}

.main-article .post-item .post-content .title {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
}

.contact-section.padding-top.padding-bottom .title {

}

table td {
    padding: 10px;
}

.post-details ul {

}

.post-details ul li {
    list-style: inside disclosure-closed;
}

.post-details ul ul {
    padding-left: 25px;
}

.post-details ul ul ul li {
    list-style: inside;
}

.main-article .post-item .post-content p {
    margin-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    -webkit-line-clamp: 3;
    height: 87px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.main-article .post-item .post-thumb img {
    width: 100%;
    height: 240px !important;
    object-fit: cover;
    border: 1px solid #eae5e5;
    border-radius: 5px;
    padding: 5px;
}

.convence-feature .tab-content {
    background: #fff;
}

.buocthietke-mobile .am-item .am-content .title {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.buocthietke-mobile .am-content p {
    font-size: 16px;
    padding: 0;
    margin-top: 10px;
    line-height: 23px;
    height: 115px;
    overflow: visible;
    overflow: hidden;
}

.feature-services-design .desc1 {
    position: relative;
    display: inline-block;
    padding-left: 36px;
    padding-bottom: 10px;
}

.feature-services-design .desc1 i {
    color: #23a036;
    font-size: 21px;
    position: absolute;
    top: 2px;
    left: 0;
}

#how.dichvu-giaiphap .how-item .title {
    font-size: 18px;

}

.visao-chon .feature-item {
    padding: 10px;
    position: relative;
}

.visao-chon .feature-item .feature-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 116px;
}

.visao-chon .feature-item .feature-content .title {
    margin: 0;
    font-size: 18px;
}

.pricing-section.single-pricing .show-feature {
    font-family: '' Sarabun ', sans-serif', sans-serif;
}

.faq-section .faq-item .title {
    font-size: 18px;
}

.faq-section .faq-item .faq-content p {
    font-size: 15px;

}

.single-pricing .item-price h2 {
    font-family: '' Sarabun ', sans-serif', sans-serif;
    font-size: 30px;
    padding-bottom: 15px;
    color: red;
}

.single-pricing .pricing-item-2 ul li {
    font-size: 16px;
}

.pricing-section-banggia.pricing-section.oh.padding-bottom-2.single-pricing .section-header .title {
    color: #fff;
}


.faq-section .faq-header .title {
    font-family: '' Sarabun ', sans-serif', sans-serif;
}

.pricing-slider-wrapper .foot-note h3 {
    font-size: 20px;
}

.pricing-slider-wrapper .foot-note ol li {
    font-size: 17px;
}


.footer-shape-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.footer-shape-2 {
    position: absolute;
    right: 0;
    top: 50px;
    z-index: -1;
}

.single-product .product-content h5 {
    font-size: 18px;
    color: #e61919;
    font-weight: 600;
    margin: 0;
    margin-top: 5px;
}

#ajax-product-list {
    padding-top: 20px;
}

@media (min-width: 1200px) {
    .pr-xl-15 {
        padding-right: 15px;
    }
}

.c-thumb {
    overflow: hidden;
}

.c-thumb a {
    display: block;
}

.c-thumb img {
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.cl-white {
    color: #ffffff;
}

.cl-white * {
    color: #ffffff;
}

.cl-white *::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cl-white p {
    color: rgba(255, 255, 255, 0.9);
}

.cl-black {
    color: #222;
}

.cl-black h1, .cl-black h2, .cl-black h3, .cl-black h4, .cl-black h5 {
    color: #333;
}

@media (min-width: 992px) {
    .mw-lg-100 {
        min-width: 100%;
    }

    .amazing-feature-bottom .col-lg-3 {
        width: 20%;
        float: left;
        flex: auto;
    }

}

@media (min-width: 1200px) {
    .mw-xl-100 {
        min-width: 100%;
    }
}

.oh {
    overflow: hidden;
}

/*Section-Header Starts Here*/
.section-bg {
    background: #f8f9fa;
}

.body-bg {
    background: #0a1227;
}

.theme-bg {
    background: #ee4730;
}

.theme-one {
    background: #ff8a00;
}

.theme-two {
    background: #05c3de;
}

.theme-six {
    background: #2c18b4;
}

.mw-100 {
    max-width: 100%;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    visibility: hidden;
    opacity: 0;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

/*Social Icons*/
.social-icons {

}

.social-icons li {
    padding: 7.5px;
    list-style: none !important;
}

.social-icons li a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #333;
    border-radius: 50%;
    color: #333;
}

.social-icons li a.active, .social-icons li a:hover {

    border-color: #333;
}

.section-header {
    text-align: center;
    margin: 0 auto 40px;
    max-width: 1000px;
    position: relative;
    z-index: 1;
}

.section-header .cate {

}

#feature {
    padding-top: 144px;
}

#how .section-header .title {
    color: #fff;
    color: #fff;
    max-width: 441px;
}

#how {
    /*padding-top: 100px;*/
}

.realtime-section .realtime-content .bal-list li {
    padding-bottom: 14px;
    font-size: 18px;
    max-width: none;
    font-weight: 500;
}


@media (max-width: 767px) {
    .section-header .cate {
        margin-bottom: 25px;
    }

    .close {
        top: -13px !important;
        position: relative !important;
    }

    .home-tab .mobile-tab .tabmobile .tab-name h3 {
        padding: 15px 40px 15px 15px;
        font-size: 18px;
        text-align: left;
        display: flex;
        align-items: center;
        position: relative;
    }
    .home-tab .mobile-tab .tabmobile .tab-name {
        background: rgba(255,255,255,.2);
        border-radius: 10px;
        margin: 0 0 20px;
        overflow: hidden;
        border: solid 1px #ebebeb;
        border-radius: 10px;
    }
    .home-tab .mobile-tab .tabmobile .tab-name .tab-content.active {
        display: block;
        border-top: solid 1px #ebebeb;
        padding: 15px 15px;
    }
    .home-tab .mobile-tab .tabmobile .tab-name .tab-content {
        display: none;
    }
    .home-tab .mobile-tab .tabmobile .tab-name .tab-content ul {
        padding-left: 0;
    }
    .home-tab .mobile-tab .tabmobile .tab-name .tab-content.one .block-content ul li {
        background: url(../../checked.png?v=1) no-repeat;
        background-position-y: 8px;
    }
    .home-tab .mobile-tab .tabmobile .tab-name .tab-content.two .block-content ul li {
        background: url(../../checked-two.png?v=1) no-repeat;
        background-position-y: 8px;
    }
    .home-tab .mobile-tab .tabmobile .tab-name .tab-content.three .block-content ul li {
        background: url(../../checked-three.png?v=3) no-repeat;
        background-position-y: 8px;
    }
    .home-tab .mobile-tab .tabmobile .tab-name .tab-content.four .block-content ul li {
        background: url(../../checked-four.png?v=4) no-repeat;
        background-position-y: 8px;
    }
    .home-tab .mobile-tab .tabmobile .tab-name .tab-content ul li {
        text-align: left;
        list-style: none;
        font-size: 16px;
        font-weight: 400;
        color: #42464e;
        position: relative;
        background-position: left;
        padding-left: 30px;
        background-position-y: 5px;
        margin-bottom: 20px;
    }
    .giaodien_new a.btn-registration.load-more-news-product {
        margin: 25px 0 0 0;
    }
    .home-tab .mobile-tab .tabmobile .tab-name h3:before {
        font-family: "Font Awesome 5 Free";
        font-size: 20px;
        position: absolute;
        right: 15px;
        top: 23px;
        content: "\f107" !important;
        font-weight: bold;
    }
    .home-tab .mobile-tab .tabmobile .tab-name h3 p {
        padding-left: 15px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: bold;
    }
    .home-tab .mobile-tab .tabmobile .tab-name .tab-content {
        border-top: solid 1px #ebebeb;
        padding: 15px 15px;
    }


}

.section-header .title {
    margin-bottom: 18px;
    font-weight: 700;
}

.section-header .title:last-child {
    margin-bottom: -19px;
    color: #333;
}

@media (min-width: 768px) {


    .section-header .title {
        font-size: 35px;
        line-height: 46px;
        font-weight: bold;
        color: #333;
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 0px;
        margin-bottom: 0px;
        margin-bottom: 0px;
        margin-bottom: 0px;
        margin-bottom: 0px;
        padding: 0px 0 0 0;
        position: relative;
        margin-bottom: 10px;
    }
}

.section-header p i {
    color: #ee4730;
}

.section-header .thumb {
    width: 100px;
    text-align: center;
    margin: 0 auto 30px;
}

.section-header .thumb img {
    margin: 0 auto;
    max-width: 100%;
}

@media (min-width: 768px) {
    .section-header {
        margin-bottom: 60px;
    }

    .section-header .thumb {
        width: 175px;
        margin-bottom: 53px;
    }

    .section-header.mb-olpo {
        margin-bottom: 45px;
    }
}

.section-header.left-style {
    text-align: left;
    margin-left: 0;
    max-width: 100%;
}

.mw-725 {
    max-width: 725px;
}

.mw-500 {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.ratings span {
    color: #ffcc00;
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

.select-bar .current {
    display: block;
    margin-top: 2px;
}

.select-bar .list {
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
}

.select-bar .list::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
}

.select-bar .list::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.select-bar .list::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.select-bar .list li {
    padding: 0 20px;
}

.nice-select:after {
    width: 10px;
    height: 10px;
}

.pos-rel {
    position: relative;
    padding: 35px 0;
}

.pos-rel .container {
    position: relative;
    z-index: 1;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 15px !important;
    border-left: 4px solid #0fd186;
    padding-left: 15px;
}

@media (max-width: 991px) {
    .white-lg-black {
        color: rgba(255, 255, 255, 0.9);
    }

    .white-lg-black .title {
        color: #ffffff;
    }

    .banner .block-title h1 {
        margin-top: 50px;
    }

    .website-design .block-title h1 {
        font-size: 32px !important;
    }

    .website-design .block-title {
        text-align: center;
        margin: 20px 0 0 0;
    }

    .banner-1 {
        background-image: unset!important;
    }

    .website-design .block-title P {
        margin-bottom: 20px !important;
        text-align: center;
        /* font-size: 17px!important; */
    }

    .website-design .block-title .btn-registration {
        height: 55px;
        line-height: 55px;
        font-size: 20px;
        padding: 0 30px;
        max-width: 250px;
    }

    .website-design .btn-registration.km {
        margin-bottom: 40px;
    }

    .website-design .block-title .text-graphic {
        font-size: 14px !important;
        margin: -20px 0 20px -17px !important;
        text-align: center;
        padding-left: 57px !important;
    }

    .website-design .block-title .text-graphic:before {
        left: 17px !important;
        top: -7px !important;
        width: 40px !important;
        height: 45px !important;
    }

    .parameter-swiper .swiper-container {
        padding: 40px 0 !important;
    }

    .parameter .block-content .parameter-swiper {
        margin-top: -105px !important;
    }

    .banner-swiper img {
        display: inline-block!important;
        max-width: 100%;
        /* width: 100%; */
        height: auto;
    }

    .banner-swiper {
        text-align: center;
    }

    .parameter .block-content .parameter-swiper .swiper-slide {
        box-shadow: 0 10px 24px 0 rgb(0 117 71 / 12%) !important;
    }
}

@media (max-width: 1199px) {
    .white-xl-black {
        color: rgba(255, 255, 255, 0.9);
    }

    .white-xl-black .title {
        color: #ffffff;
    }
}

.mt-120 {
    margin-top: 120px;
}

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

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


@media only screen and (max-width: 1024px) {
    .ld-unsecuredloan .products h2 {
        text-align: center;
        margin-bottom: 60px;
        line-height: 43px;
        margin: 0 0 30px;
        padding: 0 0 25px;
        font-weight: 300;
        color: #363636;
        font-size: 25px;
        line-height: 1.2;
        position: relative;
        width: 95%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .what .one {
        padding-top: 35px;
        margin-bottom: 69px;
    }

    .ld-unsecuredloan .what h2 {
        font-size: 23px;
        font-weight: 500;
        color: #d42027;
        text-align: left;
        margin-bottom: 16px;
        line-height: 28px;
    }

    .ld-unsecuredloan .why {
        background: url(http://webvaseo.com.vn/templates/img-add/bg-why.png) no-repeat top center;
        padding: 167px 0 73px;
        background-size: cover;
        margin-top: -255px;
        position: relative;
        z-index: 2;
    }

    .contact-section {
        margin-top: -476px;
        position: relative;
        z-index: 9;
    }

    .page-header.single-header {
        height: 471px;
        padding: 0;
    }

    #r3 ul li {
        color: #fff;
        font-size: 18px !important;
        font-family: 'Sarabun', sans-serif;
        margin-bottom: 21px;
        list-style-image: url(/templates/frontend/resources/assets/images/list.png);
        line-height: 23px !important;
    }


    .col-lg-4.col-md-5.col-12.feature-info.order-1.order-md-2 .price {
        margin: 10px 0;
        font-size: 20px;
        color: #d21515;
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 21px;
    }

    .page-header-content .title {
        font-size: 30px;
        line-height: 42px;
        margin: 0;
        font-weight: 500;
    }

    .page-header-content .title {
        font-size: 30px;
        line-height: 35px;
        margin: 0;
        font-weight: 500;
    }

    .single-product .product-content {
        padding: 10px;
        border-top: 0 solid #e1e1e1;
        background: #fff;
        float: left;
        width: 100%;
    }

    .banner-1 {
        padding: 50px 0;
        padding-bottom: 50px;
        padding-bottom: 140px;
        padding-bottom: 45px;
        margin-bottom: 50px;
    }

    .select-box {
        margin-top: 8px;
        width: 171px;
    }

    .menu-toolbar .filter-desktop ul li {
        float: left;
        margin-right: 10px;
        border-bottom: 2px solid transparent;
        position: relative;
    }

    .menu-toolbar .filter-desktop ul li a {
        display: inline-block;
        height: auto;
        line-height: 20px;
        font-size: 16px;
        color: #2d2d2d;
        margin-right: 3px;
        padding: 0px;
        text-transform: none;
    }

    .header-section .header-wrapper .menu li.menu-item-has-children > a {
        color: #fff;
        text-transform: uppercase;
        font-size: 14px !important;
    }

    .header-section .header-wrapper .menu li a {
        padding: 7px 1px !important;
    }

    .banner-1-slider-wrapper .owl-carousel .owl-item .banner-thumb {
        width: 398px;
    }

    .ld-unsecuredloan .products {
        padding: 30px 0 0;
        position: relative;
    }

    .ld-unsecuredloan .products h2 {
        text-align: center;
        margin-bottom: 60px;
        line-height: 43px;
        margin: 0 0 30px;
        padding: 0 0 25px;
        font-weight: 300;
        color: #363636;
        font-size: 22px;
        line-height: 33px;
        position: relative;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 0px;
        margin-bottom: 19px;
    }

    .hero-content h1 {
        color: #d42027;
        font-size: 28px;
        margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 17px;
        line-height: 36px;
        font-family: UTM AvoBold !important;
    }

    .feat-slider .main-thumb img {
        display: block;
        max-width: 399px;
        float: right;
    }

    .visao-chon .feature-item .feature-content .title {
        margin: 0;
        font-size: 16px;
        line-height: 22px;
    }

    .index-container .optimize h2 {
        font-size: 30px;
        font-weight: 500;
        color: #222;
        margin-top: 0px;
        margin-bottom: 5px;
        padding-bottom: 13px;
    }

    section#feature {
        display: none;
    }

    .index-container .optimize .list_category .icon {
        display: inline-block;
        width: 100px;
        height: 84px;
        margin-bottom: 10px;
        position: relative;
        border-radius: 15px;
    }

    .index-container .optimize .list_category a {
        text-decoration: none;
        text-align: center;
        display: block;
        margin-bottom: 9px;
    }

    .index-container .optimize .list_category span {
        font-size: 15px;
        display: block;
        color: #333;
    }

    .banner-content-home .title {
        line-height: 62px;
        font-size: 50px;
    }

    .amazing-feature-section22 .section-header.left-style {
        padding-top: 0
    }

    .amazing-feature-section22 .topper-feature {
        padding-top: 20px;
    }

    .amazing-feature-section22 .section-header .cate {
        margin-bottom: 20px;
        font-size: 21px;
    }

    .pricing-section-banggia .pricing-item-2 .cate {
        font-size: 18px;
    }

    .pricing-section-banggia.single-pricing .pricing-item-2 ul li {
        font-size: 15px;
    }

    .pricing-section-banggia.single-pricing .pricing-item-2 .get-button {
        padding: 5px 10px;
        border-radius: 10px;
        width: 100%;
    }

    .pricing-section-banggia .text-lienhe {
        margin-top: 15px;
        padding-bottom: 0;
    }

    .pricing-section-banggia {
        padding-bottom: 10px;
    }

    .faq-section-hosting .faq-header {
        margin-bottom: 15px;
    }

    .faq-section-hosting .faq-item {
        margin-bottom: 20px;
    }

    .page-header-email-hosting .page-header-content .title {
        font-size: 30px;
    }

    .pricing-section-email-hosting .section-header {
        margin-bottom: 0
    }

    .pricing-section-email-hosting {
        padding-top: 30px;
    }

    .pricing-section-email-hosting .section-header .cate {
        margin-bottom: 25px;
        display: inline-block;
    }

    .banner-6-tenmien .title {
        font-size: 30px;
    }

    .how-section-temmien {
        padding: 30px 0;
    }

    .convence-feature-tenmien .lg-oh {
        padding: 0;
    }

    .convence-feature-tenmien .feature-tabs {
        margin-bottom: 0
    }

    .convence-feature-tenmien {
        padding-bottom: 0
    }

    .how-item-3 .how-content .button-3 {
        width: 100%;
    }

    .shop-related-prodcut {
        padding: 30px 0;
    }

    .ld-unsecuredloan .banner .block-img img {
        margin: 0;
        width: 100%;
    }

    #main-unsecured-loan .banner .block-content h1 {
        font-size: 35px;
    }

    .ld-unsecuredloan .what:before {
        display: none;
    }

    .ld-unsecuredloan .what:after {
        display: none;
    }

    .ld-unsecuredloan .what .two .block-img img {
        margin: 0;
        width: 100%;
    }

    .ld-unsecuredloan .why h2 {

    }

    .omnichannel img {
        width: 100%;
    }

    .omnichannel .concept .block-image img {
        margin: 0;
    }

    .omnichannel .architecture {
        display: none !important;
    }

    .omnichannel .buy .slide-buy .swiper-container {
        padding: 0;
    }

    .omnichannel .banner h1 {
        font-size: 25px;
    }

    .omnichannel .banner .btn-registration {
        height: auto;
        line-height: inherit;
        font-size: 20px;
        padding: 10px 20px;
    }

    .omnichannel .banner p {
        font-size: 16px;
        padding-bottom: 25px;
    }

    .omnichannel .concept .title h2 {
        font-size: 25px;
    }

    .omnichannel .utility h2 {
        font-size: 25px;
    }

    .omnichannel .utility p.title_small {
        font-size: 18px;
    }

    .omnichannel .utility .button_bottom .btn-registration {
        line-height: inherit;
        height: auto;
        font-size: 20px;
        padding: 10px 20px;
    }

    .omnichannel .function h2 {
        font-size: 25px;
    }

    .omnichannel .function .two {
        margin-top: 30px;
    }

    .omnichannel .function .button_bottom .btn-registration {
        font-size: 20px;
        line-height: inherit;
        height: auto;
        padding: 10px 20px;
    }

    .omnichannel .function.function2 {
        padding-top: 0
    }

    .omnichannel .function .item .block-content .title_icon {
        font-size: 18px;
    }

    .omnichannel .function .four {
        margin-top: 0;
    }

    .omnichannel .function .button_bottom .btn-registration {
        height: auto;
        line-height: inherit;
        font-size: 20px;
        padding: 10px 20px;
    }

    .omnichannel .feedback {
        padding: 80px 0;
    }

    .omnichannel .buy h2 {
        font-size: 25px;
    }

    .feedback .swiper-wrapper .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .feedback .swiper-wrapper .row .col-md-3 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .buy .slide-buy .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .buy .slide-buy .row .col-md-3 {
        padding-left: 5px;
        padding-right: 5px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 10px;
    }

    .omnichannel .support h2 {
        font-size: 25px;
        padding-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .pb-max-lg-0 {
        padding-bottom: 0 !important;
    }

    .pt-max-lg-0 {
        padding-top: 0 !important;
    }

    .mt-max-lg-0 {
        margin-top: 0 !important;
    }

    .mb-max-lg-0 {
        margin-bottom: 0 !important;
    }

    .bg-max-lg-ash {
        background: -ms-linear-gradient(89deg, #edf2fd 12%, #cbd9f5 100%) !important;
        background: -moz-linear-gradient(89deg, #edf2fd 12%, #cbd9f5 100%) !important;
        background: -webkit-linear-gradient(89deg, #edf2fd 12%, #cbd9f5 100%) !important;
    }
}

@media (max-width: 767px) {
    .pb-max-md-0 {
        padding-bottom: 0 !important;
    }

    .pt-max-md-0 {
        padding-top: 0 !important;
    }

    .mt-max-md-0 {
        margin-top: 0 !important;
    }

    .mb-max-md-0 {
        margin-bottom: 0 !important;
    }

    .banner-quanly-fanpage.banner-15.bg_img.oh.pos-rel {
        padding: 100px 0px 30px 0;
    }

    #how {
        padding-top: 27px;
    }

    .home-tab .desktop-tab {
        display: none;
    }
    .home-tab .mobile-tab {
        display: block!important;
    }
}

.ash-gradient-bg {
    background: -ms-linear-gradient(-89deg, #edf2fd 12%, #cbd9f5 100%);
    background: -moz-linear-gradient(-89deg, #edf2fd 12%, #cbd9f5 100%);
    background: -webkit-linear-gradient(-89deg, #edf2fd 12%, #cbd9f5 100%);
}

@media (min-width: 768px) {
    .mb-md-95 {
        margin-bottom: 95px;
    }
}

@media (max-width: 1199px) {
    .mt-max-xl-0 {
        margin-top: 0;
    }
}

.bg-xl-100 {
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
}

@media (min-width: 1200px) {
    .bg-xl-100 {
        bottom: 160px;
    }
}

@media (min-width: 992px) {
    .footer-top {
        padding-bottom: 112px;
    }
}

.footer-top .logo {
    max-width: 300px;
    margin: 0 auto 30px;
}

.footer-top .logo a {
    display: block;
}

.footer-top .logo a img {
    width: 100%;
}

.footer-bottom {
    overflow: hidden;
    padding-bottom: 27px;
}

.footer-link {
    justify-content: center;
    margin: -5px -20px;
}

.footer-link li {
    padding: 5px 20px;
    position: relative;
}

.footer-link li a {
    font-size: 16px;
    color: #ffffff;
}

.footer-link li a:hover {
    color: #ee4730;
}

@media (max-width: 575px) {
    .footer-link li a {
        font-size: 14px;
    }
}

.footer-link li::after {
    width: 2px;
    height: 19px;
    background: #5e5bb7;
    right: 0;
    top: 11px;
}

.footer-link li:last-child::after {
    display: none;
}

.hotrofooter .widget {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 30px 0 0 0;
    margin: 0 auto 30px;
}

@media (min-width: 992px) {
    .footer-link {
        margin: -5px -40px;
    }

    .footer-link li {
        padding: 5px 40px;
    }
}

.content-footer p {
    margin-bottom: 8px;
    display: inline-block;
    color: #333;
    line-height: 22px;
    font-weight: 400;
    line-height: 26px;
    font-weight: 400;
    display: inline-block;
    font-size: 17px;
    vertical-align: top;
}

.content-footer .item-footer .nav-item-footer ul li a {
    line-height: 23px;
    font-weight: 400;
    display: inline-block;
    font-size: 17px;
    vertical-align: top;
    margin-bottom: 10px;
    color: #333;
}

.content-footer .item-footer .title-footer {
    line-height: inherit;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 15px;
    display: inline-block;
    color: #000;
    margin-bottom: 0px;
    font-size: 18px;
    text-transform: uppercase;
}

.copyright {
    text-align: center;
    padding: 13px 0;
    /* background: #fff; */
    border-top: 1px solid #2d2d2d;

    color: #7d8492;
    /* padding: 5px 0; */
    border-top: 1px solid #24282e;
    font-size: 13px;
    position: relative;
}

.copyright p {
    margin: 0 !important;
    color: #333;
}

.footer-section {
    position: relative;
    overflow: hidden;
    background-color: #f1f1f1;
    position: relative;
    z-index: 1;
}

.footer-section::before {

}

.hc-nav-trigger.hc-nav-1 {
    display: none !important;
}

.second-nav {
    display: none;
}

@media (min-width: 1200px) {
    .footer-section::before {
        height: 210px;
    }
}

@media (max-width: 767px) {
    .footer-section::before {
        display: none;
    }
}

.footer-section .container {
    position: relative;
    z-index: 1;
}

/*Header Section Starts Here*/
.header-section {
    width: 100%;

    /*top: 10px;*/
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    padding: 8px 0;
    background: #fff;
    top: 0;
    box-shadow: 0 0 46px 0 rgb(5 35 61 / 7%);
}

.header-section .header-wrapper {
    justify-content: space-between;
    align-items: center;
    display: inline-block;
    width: 100%;
}

.header-section .header-wrapper .logo {

}

.header-section .header-wrapper .logo a {
    display: block;
}


.dangky-email-google .pricing-item-2 .price .retailPrice {
    text-decoration: line-through;
    color: #999;
}

.dangky-email-google .pricing-item-2 {
    margin-bottom: 10px;
}

.dangky-email-google .pricing-item-2 ul li {
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
}

.dangky-email-google .pricing-item-2 .item-price.enterprise .wrap-bottom a {
    font-size: 20px;
    margin-top: 10px;
}

@media (min-width: 992px) {
    .header-section .header-wrapper .menu {
        display: flex;
        flex-wrap: wrap;

        margin-left: auto;
        margin-right: 45px;
    }

    .header-section .header-wrapper .menu li {
        padding: 5px 0;
        position: relative;
        float: left;
        color: #000;
    }

    .header-section .header-wrapper .menu li a {

        color: #000;
        font-weight: 500;
        text-transform: capitalize;
        padding: 7px 7px !important;

    }


    .header-section .header-wrapper .menu li .submenu {
        min-width: 265px;
        background: #fff;
        box-shadow: 0 0 5px rgba(136, 136, 136, 0.1);
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: top;
        z-index: 999;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;

        background: #fff;
        box-shadow: 0 0 5px #ccc;
    }


    .header-section .header-wrapper .menu li .submenu li {
        padding: 0;
        width: 100%;
        padding: 4px 18px;
        border-bottom: 1px solid rgba(223, 185, 185, 0.2);
    }

    .header-section .header-wrapper .menu li .submenu li:hover {
        background: #e4faee;
    }

    .header-section .header-wrapper .menu li .submenu li a {
        text-transform: capitalize;
        font-size: 14px;
        line-height: 24px;
        display: flex;
        justify-content: space-between;
        padding: 3px;
        color: #333;
        width: 100%;
        font-weight: 400;

    }

    .header-section .header-wrapper .menu li .submenu li a:hover {
        color: #013f19;


    }

    .header-section .header-wrapper .menu li .submenu li:hover ul li a {
        background: none;
    }

    .header-section .header-wrapper .menu li .submenu li:last-child > a {
        border: none;
    }

    .header-section .header-wrapper .menu li .submenu li .submenu {
        left: 100%;
        top: 0;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        transform-origin: left;
    }

    .header-section .header-wrapper .menu li .submenu li:hover > .submenu {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
    }

    .header-section .header-wrapper .menu li:hover > .submenu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-section .header-wrapper .menu {
        margin-right: 30px;
    }

    .header-section .header-wrapper .menu li a {
        padding: 5px;
        font-size: 14px;
    }

    .header-section .header-wrapper .menu li .submenu {
        min-width: 180px;
    }

    .header-section .header-wrapper .menu li .submenu li a {
        font-size: 14px;
        padding: 6px 20px;
    }
}

@media (max-width: 991px) {
    .header-section .header-wrapper .menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        max-height: calc(100vh - 130px);
        z-index: 9;
        background-color: #ffffff;
        overflow-y: auto;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: top;
    }

    .header-section .header-wrapper .menu li {
        width: 100%;
        padding: 0;
    }

    .header-section .header-wrapper .menu li a {
        padding: 5px 10px;
        display: flex;
        align-items: center;
        border-top: 1px solid rgba(59, 54, 140, 0.1);
        font-weight: 500;
        text-transform: capitalize;
        justify-content: space-between;
        color: #333;
    }

    .header-section .header-wrapper .menu li a:hover {
        background: rgba(51, 64, 106, 0.98);
        color: #ffffff;
    }

    .header-section .header-wrapper .menu li a.header-button {
        display: inline-flex;
        padding: 10px 50px;
        background: #33406a;
        border: none;
        color: #ffffff;
        margin-bottom: 15px !important;
        margin-top: 15px !important;
    }

    .header-section .header-wrapper .menu li .submenu {
        display: none;
        padding-left: 20px;
    }

    .header-section .header-wrapper .menu li .submenu li a {
        font-size: 16px;
    }

    .header-section .header-wrapper .menu.active {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.header-section .header-wrapper .select-bar {
    border: none;
    background-color: transparent;
}

.header-section .header-wrapper .select-bar::after {
    border-color: #665cb2;
    width: 8px;
    height: 8px;
}

.header-section .header-wrapper .select-bar .current {
    color: #ffffff;
    text-transform: uppercase;
}

.header-section .header-wrapper .header-button {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 6px 19px;
    color: #ffffff;
    /* border: 1px solid #6df2b9; */
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-left: 0;
    background: linear-gradient(to right, #d42027, #d42027);
    margin-top: 6px;
}

.header-section .header-wrapper .header-button {
    border: 1px solid #d42027
}

.header-section .header-wrapper .header-button:hover {
    background: #ffffff;
    color: #ee4730;
}

header.header-section {
    padding: 0;
}

@media (max-width: 1199px) {
    .header-section .header-wrapper .header-button {
        padding: 7px 25px;
        font-size: 14px;
        margin-left: 12px;
    }
}

.header-section.inner-header .header-button {
    border-color: #bc66ef;
}

.header-section.inner-header.active .header-button {
    border-color: #665cb2;
}

.header-section.active {
    background: #fff;
    top: 0;
    box-shadow: 0 0 46px 0 rgba(5, 35, 61, .07);
    position: fixed;
    z-index: 999;
}

@media (max-width: 991px) {
    .header-section.active {
        background: #fff;
    }
}

.header-section.header-cl-black.active {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(59, 54, 140, 0.3);
    box-shadow: 0 -2px 5px rgba(59, 54, 140, 0.1);
}

.header-section.header-cl-black .header-wrapper .header-bar span {
    background: #333;
}

.header-section.header-cl-black .header-wrapper .select-bar .current {
    color: #333;
}

@media (min-width: 576px) {
    .header-section.header-cl-black .header-wrapper .header-button {
        color: #333;
    }
}

@media (min-width: 992px) {
    .header-section.header-cl-black .header-wrapper .menu li a {
        color: #333;
    }

    .header-section.header-cl-black .header-wrapper .select-bar::after {
        border-color: #0c0026;
    }
}

.header-section.header-white-dark .header-button {
    border-color: #8c69c5;
}

.header-section.header-white-dark .header-button.light {
    border-color: #7d92fc;
}

.header-section.header-white-dark.active {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(59, 54, 140, 0.3);
    box-shadow: 0 -2px 5px rgba(59, 54, 140, 0.1);
}

@media (min-width: 576px) {
    .header-section.header-white-dark.active .header-wrapper .header-button {
        color: #333;
    }

    .header-section.header-white-dark.active .header-wrapper .header-button.light {
        border-color: #8c69c5;
    }
}

@media (min-width: 992px) {
    .header-section.header-white-dark.active .header-wrapper .menu li a {
        color: #333;
    }

    .header-section.header-white-dark.active .header-wrapper .menu li ul li a {
        color: #ffffff;
    }

    .header-section.header-white-dark.active .header-wrapper .menu li ul li a:hover {
        color: #ee4730;
    }
}

.header-section.header-white-dark.active .header-wrapper .header-bar span {
    background: #333;
}

.header-section.header-white-dark.active .header-wrapper .select-bar::after {
    border-color: #333;
}

.header-section.header-white-dark.active .header-wrapper .select-bar .current {
    color: #333;
}

@media (max-width: 991px) {
    .header-section.header-white-dark .header-button {
        color: #333;
    }
}

.header-section.header-white-dark .header-wrapper .header-bar span {
    background: #333;
}

.header-section.header-white-dark .header-wrapper .select-bar::after {
    border-color: #ffffff;
}

@media (max-width: 991px) {
    .header-section.header-white-dark .header-wrapper .select-bar .current {
        color: #333;
    }

    .header-section.header-white-dark .header-wrapper .select-bar::after {
        border-color: #333;
    }
}

.header-section .header-right {
    align-items: center;
}

.row.giaodien_new {
    float: left;
    width: 100%;
}

.row.giaodien_new h2 {
    text-align: left;
    font-weight: bold;
    font-size: 36px;
    color: #096f47;
    margin: 50px 0 0;
    position: relative;
}

.row.giaodien_new p.desc {
    text-align: left;
    color: #42464e;
    font-size: 21px;
    font-weight: 300;
    margin: 10px 0 40px;
}

@media (min-width: 992px) {
    .header-section.header-logo-change.active .logo {
        display: none !important;
    }

    .header-section.header-logo-change.active .logo.d-lg-none {
        display: block !important;
    }
}

.menu-item-has-children > a::after {
    content: "\f107" !important;
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    margin-left: 5px;
    font-size: 11px;
}

/*Header Bar Starts*/
.header-bar {
    position: relative;
    cursor: pointer;
    width: 25px;
    height: 20px;
    margin-left: auto;
}

.header-bar span {
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    background-color: #ffffff;
    left: 0;
}

.header-bar span:first-child {
    top: 0;
}

.header-bar span:nth-child(2) {
    top: 52%;
    transform: translateY(-65%);
}

.header-bar span:last-child {
    bottom: 0;
}

.header-bar.active span:first-child {
    -webkit-transform: rotate(45deg) translate(3px, 9px);
    -ms-transform: rotate(45deg) translate(3px, 9px);
    transform: rotate(45deg) translate(3px, 9px);
}

.header-bar.active span:nth-child(2) {
    opacity: 0;
}

.header-bar.active span:last-child {
    -webkit-transform: rotate(-45deg) translate(3px, -9px);
    -ms-transform: rotate(-45deg) translate(3px, -9px);
    transform: rotate(-45deg) translate(3px, -9px);
}

/*Banner Section Three Starts Here*/
.banner-3 {
    padding: 100px 0 47px;
}

@media (max-width: 991px) {
    .banner-3 {
        padding: 200px 0 150px;
    }
}

.banner-content-3 .banner-button-group .play-button {
    color: #ffffff;
}

.banner-content-3 .banner-button-group .play-button img {
    width: 60px;
}

.banner-content-3 .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 15px;
}

.banner-content-3 p {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    margin-bottom: 33px;
}

.bottom-shape.d-none.d-md-block img {
    display: none;
}

@media (max-width: 767px) {
    .banner-content-3 .title {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 10px;
    }

    .banner-content-3 p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}


@media (min-width: 992px) {
    .banner-thumb-3 {
        -webkit-transform: translateX(-140px);
        -ms-transform: translateX(-140px);
        transform: translateX(-140px);
    }
}

/*Banner Four Section Starts*/
.banner-4 {
    padding: 115px 0 47px;
}

@media (max-width: 991px) {
    .banner-4 {
        padding: 200px 0 150px;
    }
}

.banner-4 .banner-odometer {
    justify-content: space-between;
    width: 100%;
    max-width: 605px;
    margin-top: 50px;
}

@media screen and (min-width: 500px) {
    .banner-4 .banner-odometer {
        position: relative;
    }

    .banner-4 .banner-odometer::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        left: 50%;
        top: 0;
        background: rgba(59, 54, 140, 0.4);
    }
}

@media (min-width: 992px) {
    .banner-4 .banner-odometer {
        margin-top: -115px;
    }
}

.banner-4 .banner-odometer .counter-item {
    max-width: 50%;
}

.banner-4 .banner-odometer .counter-item .counter-thumb {
    width: 65px;
}

.banner-4 .banner-odometer .counter-item .counter-thumb img {
    width: 100%;
}

.banner-4 .banner-odometer .counter-item .counter-content {
    width: calc(100% - 65px);
    padding-left: 25px;
}

.banner-4 .banner-odometer .counter-item .counter-content .title {
    margin: 0;
    font-weight: 300;
    font-size: 60px;
    line-height: 1;
    display: block;
}

.banner-4 .banner-odometer .counter-item .counter-content .title span {
    background: linear-gradient(-90deg, #e28d6f 0%, #e83b99 100%);
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: 0.968px 3.881px 1.92px rgba(232, 58, 153, 0.31);
}

.banner-4 .banner-odometer .counter-item:nth-child(even) .title span {
    background: linear-gradient(-90deg, #de3792 0%, #7f6be6 100%);
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

@media (max-width: 767px) {
    .banner-4 .banner-odometer .counter-item .counter-content .title {
        font-size: 40px;
    }
}

@media screen and (max-width: 499px) {
    .banner-4 .banner-odometer .counter-item {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .banner-4 .banner-odometer .counter-item .counter-content .title {
        font-size: 40px;
    }

    .banner-4 .banner-odometer .counter-item:last-child {
        margin-bottom: 0;
    }
}

.banner-nav-container {
    position: relative;
}

.banner-nav-container .ban-nav {
    width: 160px;
    font-size: 44px;
    line-height: 1;
    justify-content: space-between;
    z-index: 9;
    position: absolute;
    top: 50%;
    left: 100px;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

@media (min-width: 576px) and (max-width: 991px) and (min-width: 768px) {
    .banner-nav-container .ban-nav {
        left: 200px;
        font-size: 30px;
    }
}

@media (max-width: 575px) {
    .banner-nav-container .ban-nav {
        font-size: 30px;
        width: 120px;
        margin-top: 30px;
    }
}

@media screen and (max-width: 499px) {
    .banner-nav-container .ban-nav {
        left: 80px;
    }
}

@media screen and (max-width: 449px) {
    .banner-nav-container .ban-nav {
        left: 50px;
    }
}

@media screen and (max-width: 389px) {
    .banner-nav-container .ban-nav {
        left: 30px;
    }
}

@media screen and (max-width: 350px) {
    .banner-nav-container .ban-nav {
        left: 20px;
        width: 100px;
        top: 60%;
    }
}

.banner-nav-container .ban-nav a {
    color: #6358f6;
}

.banner-nav-container .ban-nav a.active, .banner-nav-container .ban-nav a:hover {
    color: #ee4730;
    text-shadow: 1px -3px 3px rgba(238, 71, 48, 0.4);
}

@media (min-width: 992px) {
    .banner-nav-container {
        width: 787px;
        height: 859px;
    }

    .banner-nav-container .banner-4-slider {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 446px;
        height: 862px;
    }
}

.banner-nav-container .banner-4-slider {
    position: relative;
    border-radius: 52px 52px 120px 120px;
    padding: 3px 12px 0;
    overflow: hidden;
}

.banner-nav-container .banner-4-slider::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(img/slide-container.png) no-repeat center top;
    background-size: contain;
    top: 0;
    left: 0;
}

@media (max-width: 991px) {
    .banner-nav-container .banner-4-slider {
        width: 224px;
        height: 431px;
        margin: 0 auto;
        padding: 3px 6px 0;
        border-radius: 26px 26px 60px 60px;
    }
}

@media (max-width: 991px) {
    .banner-nav-container {
        margin-top: 60px;
    }
}

@media (max-width: 575px) {
    .banner-nav-container {
        margin-top: 40px;
    }
}

.banner-4-slider .slide-item,
.banner-4-slider .owl-item,
.banner-4-slider .owl-stage,
.banner-4-slider .owl-stage-outer {
    width: 100%;
    height: 100%;
}

/*Banner One Section Starts*/
.banner-content-1 .banner-button-group .button-4 {
    padding: 15px 37px;
    font-size: 16px;
}

.banner-content-1 .banner-button-group .button-4.active {
    background: transparent;
    color: #333;
    border: 1px solid #1ae8ad;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner-content-1 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

@media (max-width: 767px) {
    .banner-content-1 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}


.padding-bottom {
    padding-bottom: 55px;
}

.padding-top {
    padding-top: 35px;
}

.coverage2 {
    padding-top: 0
}

h2 {
    font-size: 20px;

}

p {
    font-size: 16px;
    line-height: 26px;
    color: #333;
    margin-bottom: 7px !important;
}

.banner-1.bg_img form {
    width: 100%;
    margin: 0 auto;
    padding: 40px 30px;
    background-image: -moz-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -webkit-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -ms-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    border-radius: 15px;
}

.banner-1.bg_img form h2 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

.banner-1.bg_img form .item input[type=text] {
    height: 45px;
    background-color: #fff;
}

.banner-1.bg_img form .item {
    margin-bottom: 20px;
}

.banner-1.bg_img form .item span {
    font-size: 15px;
    color: #fff;
}

.banner-1.bg_img form .item input[type=submit] {
    height: 45px;
    background: #fff;
    color: #000;
    text-transform: uppercase;
}

.banner-1.bg_img form .item:last-child {
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .banner-content-1 .title {
        font-size: 60px;
        line-height: 70px;
    }
}

@media (max-width: 767px) {
    .banner-content-1 .title {
        margin-bottom: 10px;
    }

    .banner-content-1 p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}


@media (min-width: 992px) {
    .banner-1 {
        padding: 100px 0 100px 0;
    }
}

.banner-1 .container {
    position: relative;
    z-index: 99;
}

.dot-3, .dot-4,
.dot-1, .dot-2 {
    position: absolute;
}

.dot-1 {
    bottom: 60px;
    animation: lefTRight 50s linear infinite;
    -webkit-animation: lefTRight 50s linear infinite;
    -moz-animation: lefTRight 50s linear infinite;
}

.dot-2 {
    top: 60px;
    animation: righTLeft 50s linear infinite;
    -webkit-animation: righTLeft 50s linear infinite;
    -moz-animation: righTLeft 50s linear infinite;
}

.dot-3 {
    top: 20%;
    left: 50%;
    animation: zigZag 50s alternate infinite;
    -webkit-animation: zigZag 50s alternate infinite;
    -moz-animation: zigZag 50s alternate infinite;
}

@media (max-width: 991px) {
    .dot-3 {
        top: 13%;
    }
}

.dot-4 {
    bottom: 20%;
    left: 30%;
    animation: zigZag 50s alternate infinite;
    -webkit-animation: zigZag 50s alternate infinite;
    -moz-animation: zigZag 50s alternate infinite;
}

.banner-1-slider-wrapper {
    position: relative;
}

.banner-1-slider-wrapper .ban-click {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: rotate(90deg) translate(-157%, 144%);
    -ms-transform: rotate(90deg) translate(-157%, 144%);
    transform: rotate(90deg) translate(-157%, 144%);
    align-items: center;
    z-index: 9;
    cursor: pointer;
}

.banner-1-slider-wrapper .ban-click .thumb {
    width: 30px;
}

.banner-1-slider-wrapper .ban-click .thumb img {
    width: 100%;
}

.banner-1-slider-wrapper .ban-click span {
    display: block;
    width: calc(100% - 30px);
    padding-left: 20px;
    font-weight: 600;
}

.banner-1-slider-wrapper .ban-click.two {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    top: auto;
    bottom: 70px;
    left: calc(100% + 40px);
}

.banner-1-shape {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0;
    /* display: none!important; */
    height: 100%;
    display: inline-block !important;
}

.banner-1-shape img {
    height: 100%;
    object-fit: cover;
}

.banner-1.bg_img {
    position: relative;
    background-color: rgba(212, 32, 39, 0.05);
}

@media (max-width: 767px) {
    .banner-1-slider-wrapper .ban-click.two {
        left: auto;
        right: 50px;
    }
}

.banner-1-slider-wrapper .arrow {
    position: absolute;
    top: 20%;
    left: 20%;
}

.banner-1-slider-wrapper .banner-1-slider {
    width: 766px;
}

@media (max-width: 1199px) {
    .banner-1-slider-wrapper .banner-1-slider {
        width: 600px;
    }
}

@media (max-width: 1199px) and (max-width: 991px) {
    .banner-1-slider-wrapper .banner-1-slider {
        width: 100%;
        margin: 0 auto 40px;
    }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .banner-1-slider-wrapper .banner-1-slider {
        width: 100%;
        margin: 0 auto 30px;
    }
}

@media (max-width: 991px) {
    .banner-1-slider-wrapper {
        max-width: 400px;
        margin: 40px auto 0;
    }

    .banner-1-slider-wrapper .ban-click {
        top: 65%;
    }
}

@media screen and (max-width: 991px) and (max-width: 499px) {
    .banner-1-slider-wrapper .ban-click {
        top: 85%;
    }
}

.banner-1-shape {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0;
}

.banner-1-shape img {
    width: 100%;
}

/*Banner Section Two Starts Here*/
.banner-content-2 .banner-button-group .button-4 {
    padding: 15px 37px;
    font-size: 16px;
}

.banner-content-2 .banner-button-group .button-4.active {
    background: transparent;
    color: #333;
    border: 1px solid #dcdcfa;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner-content-2 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

@media (max-width: 767px) {
    .banner-content-2 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

@media (max-width: 575px) {
    .banner-content-2 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

.banner-content-2 .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 15px;
}

.banner-content-2 p {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    margin-bottom: 38px;
}

@media (max-width: 1199px) {
    .banner-content-2 .title {
        font-size: 60px;
        line-height: 70px;
    }
}

@media (max-width: 767px) {
    .banner-content-2 .title {
        margin-bottom: 10px;
    }

    .banner-content-2 p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}


.banner-2 {
    padding: 185px 0 80px;
    position: relative;
}

@media (min-width: 992px) {
    .banner-2 {
        padding: 225px 0 165px;
    }
}

.banner-2 .container {
    position: relative;
    z-index: 99;
}

.banner-2 .banner-bg-2 {
    right: 0;
    bottom: 0;
    height: 100%;
    width: 63%;
    background-position: left bottom;
}

@media (max-width: 991px) {
    .banner-2 .banner-bg-2 {
        display: none;
    }
}

@media (min-width: 1200px) {
    .banner-2 .banner-bg-2 {
        width: 65%;
    }
}

@media (min-width: 1400px) {
    .banner-2 .banner-bg-2 {
        width: 62%;
    }
}

@media screen and (min-width: 1700px) {
    .banner-2 .banner-bg-2 {
        width: 61%;
    }
}

@media screen and (min-width: 1800px) {
    .banner-2 .banner-bg-2 {
        width: 60%;
    }
}

@media (max-width: 991px) {
    .banner-2 {
        background: white;
    }
}

.banner-2 .elem-5 {
    bottom: 83%;
    left: 60%;
    animation: rotate 4s alternate infinite;
}

.banner-2 .elem-4 {
    top: 75%;
    left: 95%;
    animation: rotate 10s alternate infinite;
}

.banner-2 .elem-3 {
    bottom: 83%;
    left: 60%;
    animation: rotate 4s alternate infinite;
}

.banner-2 .elem-7 {
    bottom: 90%;
    left: 70%;
    animation: rotate 4s alternate infinite;
}

.banner-2 .elem-6 {
    top: 60%;
    left: 5%;
    animation: rotate 10s alternate infinite;
}

.banner-2 .elem-1 {
    top: 40%;
    right: 7%;
    left: auto;
    animation: rotate 3s alternate infinite;
}

.banner-2 .elem-2 {
    top: 20%;
    right: 5%;
    left: auto;
    animation: rotate 4s alternate infinite;
}

.top-left {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.top-left img {
    max-width: 100%;
}

/*Banner Section Six Starts Here*/
.banner-content-6 {
    max-width: 750px;
    margin: 0 auto 36px;
    text-align: center;
}

.banner-content-6 .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 30px;
}

.banner-content-6 .banner-button-group {
    justify-content: center;
}

@media (max-width: 991px) {
    .banner-content-6 .title {
        font-size: 60px;
        line-height: 72px;
    }
}

@media (max-width: 767px) {
    .banner-content-6 .title {
        font-size: 42px;
        line-height: 54px;
    }
}

@media (max-width: 575px) {
    .banner-content-6 .title {
        font-size: 36px;
        line-height: 44px;
    }
}

.banner-bg-6 {
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 101%;
    height: 101%;
    min-width: 1920px;
}

.banner-bg-6 img {
    width: 100%;
}

.banner-6 {
    padding: 160px 0 0;
    background: #5937ca;
}

@media (max-width: 767px) {
    .banner-6 {
        padding: 160px 0 80px;
    }
}

/*Banner Section Five Starts Here*/
.banner-5 {
    position: relative;
}

.banner-5 .banner-thumb-5 {
    -webkit-transform: translateX(-255px);
    -ms-transform: translateX(-255px);
    transform: translateX(-255px);
}

@media (min-width: 992px) {
    .banner-5 {
        padding: 130px 0 90px;
    }
}

.banner-5 .container {
    position: relative;
    z-index: 99;
}

.banner-5 .banner-bg-5 {
    width: 100%;
    height: 100%;
}

.banner-5 .banner-bg-5 img {
    width: 100%;
}

@media (max-width: 991px) {
    .banner-5 {
        background: #ffffff;
        padding: 185px 0 140px;
    }
}

@media (max-width: 575px) {
    .banner-5 {
        padding: 145px 0 100px;
    }
}

.banner-shape-5 {
    position: absolute;
    left: calc(50% - 270px);
    right: 0;
    top: 0;
    text-align: right;
    bottom: 250px;
}

.banner-shape-5 img {
    height: 100%;
}

@media screen and (min-width: 1700px) {
    .banner-shape-5 img {
        height: auto;
        width: 100%;
    }
}

.banner-search-form {
    position: relative;
}

.banner-search-form input {
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #d2d3eb;
    background: transparent;
    padding-left: 35px;
}

.banner-search-form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-image: -ms-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background-image: -moz-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background-image: -webkit-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    box-shadow: 0px 19px 29px 0px rgba(19, 40, 137, 0.21);
    width: auto;
    padding: 0 30px;
    color: #ffffff;
    font-weight: 600;
}

@media screen and (max-width: 400px) {
    .banner-search-form input {
        padding-left: 20px;
        height: 50px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    }

    .banner-search-form button {
        height: 50px;
        padding: 0 20px;
        font-size: 13px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    }
}

.banner-content-5 {
    position: relative;
    z-index: 9;
}

.banner-content-5 .banner-search-form {
    margin-bottom: 37px;
    max-width: 458px;
}

@media (max-width: 575px) {
    .banner-content-5 .banner-search-form {
        margin-bottom: 25px;
    }
}

.banner-content-5 .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 15px;
}

.banner-content-5 p {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    margin-bottom: 38px;
}

@media (max-width: 1199px) {
    .banner-content-5 .title {
        font-size: 60px;
        line-height: 70px;
    }
}

@media (max-width: 767px) {
    .banner-content-5 .title {
        margin-bottom: 10px;
    }

    .banner-content-5 p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}


/*Banner Section Seven Starts Here*/
.banner-content-7 .banner-button-group .button-4 {
    padding: 15px 37px;
    font-size: 16px;
}

.banner-content-7 .banner-button-group .button-4.active {
    background: transparent;
    color: #333;
    border: 1px solid #a4a1d1;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner-content-7 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

@media (max-width: 767px) {
    .banner-content-7 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

@media (max-width: 575px) {
    .banner-content-7 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

.banner-content-7 .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 15px;
}

.banner-content-7 p {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    margin-bottom: 38px;
}

@media (max-width: 1199px) {
    .banner-content-7 .title {
        font-size: 60px;
        line-height: 70px;
    }
}

@media (max-width: 767px) {
    .banner-content-7 .title {
        margin-bottom: 10px;
    }

    .banner-content-7 p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}


.banner-7 {
    padding: 270px 0 15px;
}

@media (max-width: 991px) {
    .banner-7 {
        padding: 200px 0 15px;
    }
}

@media (max-width: 767px) {
    .banner-7 {
        padding: 160px 0 15px;
    }
}

.counter-wrapper-3 {
    justify-content: center;
    margin-top: 190px;
}

.counter-wrapper-3 .counter-item {
    width: calc(100% / 3);
    justify-content: center;
    margin-bottom: 30px;
}

.counter-wrapper-3 .counter-item .counter-thumb {
    width: 65px;
}

.counter-wrapper-3 .counter-item .counter-thumb img {
    width: 100%;
}

.counter-wrapper-3 .counter-item .counter-content {
    width: auto;
    max-width: calc(100% - 65px);
    padding-left: 25px;
}

.counter-wrapper-3 .counter-item .counter-content .title {
    margin: 0;
    font-weight: 300;
    font-size: 60px;
    line-height: 1;
    display: block;
}

.counter-wrapper-3 .counter-item .counter-content .title span {
    background: linear-gradient(-90deg, #e28d6f 0%, #e83b99 100%);
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: 0.968px 3.881px 1.92px rgba(232, 58, 153, 0.31);
}

.counter-wrapper-3 .counter-item:nth-child(even) .title span {
    background: linear-gradient(-90deg, #de3792 0%, #7f6be6 100%);
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

@media (max-width: 991px) {
    .counter-wrapper-3 .counter-item .counter-content .name {
        font-size: 14px;
    }

    .counter-wrapper-3 .counter-item .counter-content .title {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .counter-wrapper-3 .counter-item {
        width: 50%;
        max-width: 50%;
    }

    .counter-wrapper-3 .counter-item .counter-content .title {
        font-size: 40px;
    }
}

@media screen and (max-width: 499px) {
    .counter-wrapper-3 .counter-item {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .counter-wrapper-3 .counter-item .counter-content {
        width: 100%;
    }

    .counter-wrapper-3 .counter-item .counter-content .title {
        font-size: 40px;
    }

    .counter-wrapper-3 .counter-item:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .counter-wrapper-3 {
        margin-top: 120px;
    }
}

@media (max-width: 767px) {
    .counter-wrapper-3 {
        margin-top: 60px;
    }
}

/*Banner Section Eight Starts Here*/
.banner-content-8 .banner-button-group .button-4 {
    padding: 15px 37px;
    font-size: 16px;
}

.banner-content-8 .banner-button-group .button-4.active {
    background: transparent;
    color: #333;
    border: 1px solid #a4a1d1;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner-content-8 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

@media (max-width: 767px) {
    .banner-content-8 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

@media (max-width: 575px) {
    .banner-content-8 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

.banner-content-8 .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 15px;
}

.banner-content-8 p {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    margin-bottom: 38px;
}

@media (max-width: 1199px) {
    .banner-content-8 .title {
        font-size: 60px;
        line-height: 70px;
    }
}

@media (max-width: 767px) {
    .banner-content-8 .title {
        margin-bottom: 10px;
    }

    .banner-content-8 p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}


.banner-8 {
    padding: 270px 0 15px;
    position: relative;
}

@media (max-width: 991px) {
    .banner-8 {
        padding: 200px 0 115px;
        background: #ffffff;
    }
}

@media (max-width: 767px) {
    .banner-8 {
        padding: 160px 0 100px;
    }
}

@media (min-width: 768px) {
    .banner-8 .counter-wrapper-3 {
        margin-top: 80px;
    }
}

@media (min-width: 992px) {
    .banner-8 .counter-wrapper-3 {
        margin-top: 130px;
    }
}

@media screen and (min-width: 1920px) {
    .banner-8 .counter-wrapper-3 {
        margin-top: 220px;
    }
}

.banner-shape-8 {
    position: absolute;
    left: calc(50% - 200px);
    right: 0;
    top: 0;
    text-align: right;
    bottom: 250px;
}

.banner-shape-8 img {
    height: 100%;
}

@media screen and (min-width: 1700px) {
    .banner-shape-8 img {
        height: auto;
        width: 100%;
    }
}

/*Banner Section Nine Starts Here*/
.banner-9 {
    padding: 130px 0 0;
}

.banner-shape-9 {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 101%;
    z-index: 2;
}

.banner-shape-9 img {
    width: 100%;
}

.banner-content-9 {
    text-align: center;
    max-width: 735px;
    margin: 0 auto 60px;
}

.banner-content-9 .banner-button-group {
    justify-content: center;
}

.banner-content-9 .banner-button-group .button-4 {
    padding: 15px 37px;
    font-size: 16px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner-content-9 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

@media (max-width: 767px) {
    .banner-content-9 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

@media (max-width: 575px) {
    .banner-content-9 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

.banner-content-9 .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 15px;
}

.banner-content-9 p {
    max-width: 460px;
    font-size: 24px;
    line-height: 34px;
    margin: 0 auto;
    margin-bottom: 38px;
}

@media (max-width: 1199px) {
    .banner-content-9 .title {
        font-size: 60px;
        line-height: 70px;
    }
}

@media (max-width: 767px) {
    .banner-content-9 .title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .banner-content-9 p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}


.banner-9-video {
    z-index: 3;
    position: relative;
}

.banner-9-video img {
    width: 100%;
    z-index: -1;
}

.banner-9-video .video-button {
    z-index: 9;
}

/*Banner Section 10 Starts Here*/
.banner-content-10 .banner-button-group .button-4 {
    padding: 15px 37px;
    font-size: 16px;
}

.banner-content-10 .banner-button-group .button-4.active {
    background: transparent;
    color: #ffffff;
    border: 1px solid #5236a5;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner-content-10 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

@media (max-width: 767px) {
    .banner-content-10 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

@media (max-width: 575px) {
    .banner-content-10 .banner-button-group .button-4 {
        font-size: 14px;
        padding: 10px 25px;
    }
}

.banner-content-10 .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 15px;
}

.banner-content-10 p {
    font-size: 24px;
    line-height: 34px;
    max-width: 455px;
    margin: 0;
    margin-bottom: 38px;
}

@media (max-width: 1199px) {
    .banner-content-10 .title {
        font-size: 60px;
        line-height: 70px;
    }
}

@media (max-width: 767px) {
    .banner-content-10 .title {
        margin-bottom: 10px;
    }

    .paymentsuccess-2 {
        margin-top: 85px !important;
    }

    .banner-content-10 p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }

    table * {
        font-size: 12px !important;
        font-family: 'Sarabun', sans-serif !important;
        line-height: 18px;
    }

    table td {
        padding: 2px;
    }

    .row.justify-content-center .col-lg-12.mb-70.mb-lg-0 {
        padding: 0;
    }

    .main-article.blog-section.padding-top.padding-bottom.css-tuyendung .col-lg-12 {
        padding: 0;
    }

    .content-footer p {
        margin-bottom: 8px;
        display: inline-block;
        color: #333;
        line-height: 22px;
        font-weight: 400;
        line-height: 19px;
        font-weight: 400;
        display: inline-block;
        vertical-align: top;
    }


}


@media (max-width: 575px) {

    .hotrofooter .widget p {
        margin-bottom: 35px;
        color: #fff;
        width: 79%;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 35px;
        font-size: 18px;
        display: none;
    }

    .hotrofooter {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 0px;
        text-align: center;
        border-bottom: 1px solid #333353;
        margin-bottom: 8px;
        padding-bottom: 0px;
    }

    .hotrofooter h4 {
        line-height: 49px;
        font-size: 28px;
        margin-bottom: 25px;
        margin-bottom: 12px;
        color: #fff;
        font-size: 18px;
        line-height: 30px;
        margin: 0;
        margin-bottom: 0px;
        padding: 0px 0 0 0;
        position: relative;
        margin-bottom: 20px;
        font-family: UTM AvoBold !important;
    }

    .hotrofooter .textwidget ul {
        display: table;
        width: 100%;
        display: none;
    }

    .banner-content-10 .title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .banner-content-10 p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .banner-content-10 .banner-button-group .button-4 {
        font-size: 16px;
        padding: 10px 30px;
    }

    .banner-content-10 .banner-button-group .play-button img {
        width: 40px;
    }

    .banner-content-10 .banner-button-group .play-button i {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-content-10 .banner-button-group .play-button span {
        padding-left: 10px;
    }
}

.banner-10 {
    padding: 185px 0 120px;
    position: relative;
}

@media (min-width: 576px) {
    .banner-10 {
        padding: 185px 0 140px;
    }
}

@media (min-width: 992px) {
    .banner-10 {
        padding: 200px 0 190px;
    }
}

@media (min-width: 1400px) {
    .banner-10 {
        padding: 282px 0 190px;
    }
}

.banner-10 .container {
    position: relative;
    z-index: 99;
}

.banner-thumb-10 {
    -webkit-transform: translateX(-233px);
    -ms-transform: translateX(-233px);
    transform: translateX(-233px);
}

.banner-10-trops {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.banner-10-trops div[class*="trops"] {
    position: absolute;
}

.banner-10-trops .trops-1 {
    top: 70%;
    left: 20%;
    animation: zigZag 50s alternate infinite;
    -webkit-animation: zigZag 50s alternate infinite;
    -moz-animation: zigZag 50s alternate infinite;
}

.banner-10-trops .trops-2 {
    top: 30%;
    left: 50%;
    animation: rotate2 50s alternate infinite;
    -webkit-animation: rotate2 50s alternate infinite;
    -moz-animation: rotate2 50s alternate infinite;
}

.banner-10-trops .trops-3 {
    top: 50%;
    left: 55%;
    animation: rev-rotate 30s alternate infinite;
    -webkit-animation: rev-rotate 30s alternate infinite;
    -moz-animation: rev-rotate 30s alternate infinite;
}

.banner-10-trops .trops-4 {
    top: 20%;
    left: 75%;
    animation: rev-rotate 30s alternate infinite;
    -webkit-animation: rev-rotate 30s alternate infinite;
    -moz-animation: rev-rotate 30s alternate infinite;
}

.banner-10-trops .trops-5 {
    top: 23%;
    left: 85%;
    animation: zigZag2 50s alternate infinite;
    -webkit-animation: zigZag2 50s alternate infinite;
    -moz-animation: zigZag2 50s alternate infinite;
}

.banner-10-trops .trops-6 {
    top: 58%;
    left: 97%;
    animation: zigZag2 20s alternate infinite;
    -webkit-animation: zigZag2 20s alternate infinite;
    -moz-animation: zigZag2 20s alternate infinite;
}

.banner-10-trops .trops-7 {
    top: 40%;
    left: 98%;
    animation: rotate2 50s alternate infinite;
    -webkit-animation: rotate2 50s alternate infinite;
    -moz-animation: rotate2 50s alternate infinite;
}

/*Banner 11 Section Starts Here*/
.extra-bg {
    width: calc(100%);
    height: calc(100%);
}

@media (max-width: 991px) {
    .extra-bg {
        background: #ffffff !important;
    }
}

@media (min-width: 992px) {
    .banner-11 {
        padding: 210px 0 100px;
    }
}

@media (min-width: 1400px) {
    .banner-11 {
        padding: 310px 0 110px;
    }
}

@media (max-width: 991px) {
    .banner-11 {
        padding: 185px 0 140px;
    }
}

@media (max-width: 575px) {
    .banner-11 {
        padding: 145px 0 100px;
    }
}

.banner-search-form.style-two button {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-weight: 600;
    text-align: center;
    padding: 0;
}

@media screen and (max-width: 400px) {
    .banner-search-form.style-two input {
        padding: 0 80px 0 20px;
        height: 50px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    }

    .banner-search-form.style-two button {
        height: 50px;
        height: 50px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    }
}

.banner-content-11 {
    position: relative;
    z-index: 9;
}

.banner-content-11 .banner-search-form {
    margin-bottom: 37px;
    max-width: 458px;
}

@media (max-width: 575px) {
    .banner-content-11 .banner-search-form {
        margin-bottom: 25px;
    }
}

.banner-content-11 .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 15px;
}

.banner-content-11 p {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    margin-bottom: 38px;
}

@media (max-width: 1199px) {
    .banner-content-11 .title {
        font-size: 60px;
        line-height: 70px;
    }
}

@media (max-width: 767px) {
    .banner-content-11 .title {
        margin-bottom: 10px;
    }

    .banner-content-11 p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}

@media (max-width: 575px) {
    .banner-content-11 .title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .banner-content-11 p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .banner-content-11 .banner-button-group .button-4 {
        font-size: 16px;
        padding: 10px 30px;
    }

    .banner-content-11 .banner-button-group .play-button img {
        width: 40px;
    }

    .banner-content-11 .banner-button-group .play-button i {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-content-11 .banner-button-group .play-button span {
        padding-left: 10px;
    }
}

.banner-odometer-two {
    justify-content: space-between;
    width: 100%;
    max-width: 605px;
    margin-top: 50px;
}

@media (min-width: 1200px) {


    .banner-odometer-two {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: 120px;
        justify-content: flex-start;
    }

    .banner-odometer-two .counter-item {
        padding: 0 20px;
        max-width: 50%;
    }
}

.banner-odometer-two .counter-item {
    max-width: 50%;
}

.banner-odometer-two .counter-item .counter-thumb {
    width: 65px;
}

.banner-odometer-two .counter-item .counter-thumb img {
    width: 100%;
}

.banner-odometer-two .counter-item .counter-content {
    width: calc(100% - 65px);
    padding-left: 25px;
}

.banner-odometer-two .counter-item .counter-content .title {
    margin: 0;
    font-weight: 300;
    font-size: 60px;
    line-height: 1;
    display: block;
}

.banner-odometer-two .counter-item .counter-content .title span {
    background: linear-gradient(-90deg, #e28d6f 0%, #e83b99 100%);
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: 0.968px 3.881px 1.92px rgba(232, 58, 153, 0.31);
}

.banner-odometer-two .counter-item:nth-child(even) .title span {
    background: linear-gradient(-90deg, #de3792 0%, #7f6be6 100%);
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

@media (max-width: 767px) {
    .banner-odometer-two .counter-item .counter-content .title {
        font-size: 40px;
    }
}

@media screen and (max-width: 499px) {
    .banner-odometer-two .counter-item {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .banner-odometer-two .counter-item .counter-content .title {
        font-size: 40px;
    }

    .banner-odometer-two .counter-item:last-child {
        margin-bottom: 0;
    }
}

.banner-thumb-11 {
    position: relative;
}

@media (min-width: 1200px) {
    .banner-thumb-11 .main-thumb {
        margin-top: 20px;
        margin-left: -55px;
    }
}

.banner-thumb-11 .boy, .banner-thumb-11 .girl, .banner-thumb-11 .tree1, .banner-thumb-11 .tree2, .banner-thumb-11 .graph {
    position: absolute;
}

.banner-thumb-11 .girl, .banner-thumb-11 .boy {
    bottom: -110px;
}

.banner-thumb-11 .girl {
    left: 250px;
}

.banner-thumb-11 .boy {
    left: 480px;
}

.banner-thumb-11 .tree1 {
    bottom: -85px;
    left: 190px;
}

.banner-thumb-11 .tree2 {
    bottom: -85px;
    left: 805px;
}

.banner-thumb-11 .graph {
    bottom: 263px;
    left: 240px;
}

.banner-thumb-11 .graph img {
    animation: upDown 2s alternate infinite;
    -webkit-animation: upDown 2s alternate infinite;
    -moz-animation: upDown 2s alternate infinite;
}

@media (max-width: 1399px) {
    .banner-thumb-11 .main-thumb {
        width: 800px;
    }

    .banner-thumb-11 img {
        max-width: 100%;
    }

    .banner-thumb-11 .boy {
        width: 200px;
        left: 350px;
    }

    .banner-thumb-11 .graph {
        width: 135px;
        left: 250px;
        bottom: 200px;
    }

    .banner-thumb-11 .girl {
        width: 200px;
        left: 200px;
    }

    .banner-thumb-11 .tree2 {
        width: 60px;
        left: 550px;
    }

    .banner-thumb-11 .tree1 {
        width: 60px;
        left: 150px;
    }
}

/*Banner Section 12 Starts Here*/
@media (min-width: 992px) {
    .banner-content-12 {
        margin-bottom: 50px;
    }
}

.banner-content-12 .banner-button-group .play-button {
    color: #ffffff;
}

.banner-content-12 .banner-button-group .play-button img {
    width: 60px;
}

.banner-content-12 .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 15px;
}

.banner-content-12 p {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    margin-bottom: 33px;
}

.home2-price-tab-content .item-highlights .item__desc {
    color: #fff;
}

.click-search {
    cursor: pointer;
}

@media (max-width: 767px) {
    .banner-content-12 .title {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 10px;
    }

    .banner-content-12 p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}

@media (max-width: 575px) {

    .visao-chon .feature-item {
        padding: 6px 9px !important;
        position: relative;
    }

    .content-footer .item-footer .logo {
        display: none;
    }

    .banner-content-12 .title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .banner-content-12 p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .banner-content-12 .banner-button-group .button-4 {
        font-size: 16px;
        padding: 10px 30px;
    }

    .banner-content-12 .banner-button-group .play-button img {
        width: 40px;
    }

    .banner-content-12 .banner-button-group .play-button i {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-content-12 .banner-button-group .play-button span {
        padding-left: 10px;
    }
}

.banner-12 {
    padding: 115px 0 47px;
}

@media (max-width: 991px) {
    .banner-12 {
        padding: 200px 0 150px;
    }
}

.banner-12 .banner-odometer {
    justify-content: space-between;
    width: 100%;
    max-width: 605px;
    margin-top: 50px;
}

@media screen and (min-width: 500px) {
    .banner-12 .banner-odometer {
        position: relative;
    }

    .banner-12 .banner-odometer::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        left: 50%;
        top: 0;
        background: rgba(59, 54, 140, 0.4);
    }
}

@media (min-width: 992px) {
    .banner-12 .banner-odometer {
        margin-top: -115px;
    }
}

.banner-12 .banner-odometer .counter-item {
    max-width: 50%;
}

.banner-12 .banner-odometer .counter-item .counter-thumb {
    width: 65px;
}

.banner-12 .banner-odometer .counter-item .counter-thumb img {
    width: 100%;
}

.banner-12 .banner-odometer .counter-item .counter-content {
    width: calc(100% - 65px);
    padding-left: 25px;
}

.banner-12 .banner-odometer .counter-item .counter-content .title {
    margin: 0;
    font-weight: 300;
    font-size: 60px;
    line-height: 1;
    display: block;
}

.banner-12 .banner-odometer .counter-item .counter-content .title span {
    background: linear-gradient(-90deg, #e28d6f 0%, #e83b99 100%);
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: 0.968px 3.881px 1.92px rgba(232, 58, 153, 0.31);
}

.banner-12 .banner-odometer .counter-item:nth-child(even) .title span {
    background: linear-gradient(-90deg, #de3792 0%, #7f6be6 100%);
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

@media (max-width: 767px) {
    .banner-12 .banner-odometer .counter-item .counter-content .title {
        font-size: 40px;
    }
}

@media screen and (max-width: 499px) {
    .banner-12 .banner-odometer .counter-item {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .banner-12 .banner-odometer .counter-item .counter-content .title {
        font-size: 40px;
    }

    .banner-12 .banner-odometer .counter-item:last-child {
        margin-bottom: 0;
    }
}

/*Banner Section 13 Starts Here*/
.banner-content-13 .banner-button-group .play-button {
    color: #ffffff;
}

.banner-content-13 .banner-button-group .play-button img {
    width: 60px;
}

.banner-content-13 .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 15px;
}

.banner-content-13 p {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    margin-bottom: 33px;
}

@media (max-width: 767px) {
    .banner-content-13 .title {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 10px;
    }

    .banner-content-13 p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}

@media (max-width: 575px) {
    .banner-content-13 .title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .banner-content-13 p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .banner-content-13 .banner-button-group .button-4 {
        font-size: 16px;
        padding: 10px 30px;
    }

    .banner-content-13 .banner-button-group .play-button img {
        width: 40px;
    }

    .banner-content-13 .banner-button-group .play-button i {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-content-13 .banner-button-group .play-button span {
        padding-left: 10px;
    }
}

.banner-content-13 .cate {
    margin-bottom: 25px;
    color: #ff8a00;
}

@media (max-width: 767px) {
    .banner-content-13 .cate {
        margin-bottom: 10px;
    }
}

.banner-13 {
    padding: 300px 0 295px;
}

@media (max-width: 1199px) {
    .banner-13 {
        background: #ffffff !important;
        padding: 200px 0 150px;
    }
}

.banner-thumb-13 {
    position: absolute;
    right: calc(50% - 230px);
    bottom: 0;
}

/*banner Section 15 Starts Here*/
.banner-15 {
    padding: 170px 0 98px;
}

@media (max-width: 991px) {
    .banner-15 {
        padding: 200px 0 150px;
    }
}

.banner-content-15 .banner-button-group {
    margin: -15px;
}

.banner-content-15 .banner-button-group a {
    margin: 15px;
}

.banner-content-15 .banner-button-group .play-button {
    color: #ffffff;
}

.banner-content-15 .banner-button-group .play-button img {
    width: 60px;
}

.banner-content-15 .cate {
    margin-bottom: 25px;
    color: #ff8a00;
}

@media (max-width: 767px) {
    .banner-content-15 .cate {
        margin-bottom: 10px;
    }
}

.banner-content-15 .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 15px;
}

.banner-content-15 p {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    margin-bottom: 33px;
}

@media (max-width: 767px) {
    .banner-content-15 .title {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 10px;
    }

    .banner-content-15 p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}

@media (max-width: 575px) {
    .banner-content-15 .title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .banner-content-15 p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .banner-content-15 .banner-button-group .button-4 {
        font-size: 16px;
        padding: 10px 30px;
    }

    .banner-content-15 .banner-button-group a span {
        display: none;
    }
}

@media (min-width: 992px) {
    .banner-content-15 {
        margin-bottom: 120px;
    }
}

/*Banner Section 14 Starts Here*/
.banner-14 {
    padding: 200px 0 120px;
}

@media (min-width: 992px) {
    .banner-14 {
        padding: 245px 0 60px;
    }
}

.banner-content-14 {
    position: relative;
    z-index: 9;
}

.banner-content-14 .banner-search-form {
    margin-bottom: 25px;
    max-width: 458px;
}

@media (max-width: 575px) {
    .banner-content-14 .banner-search-form {
        margin-bottom: 20px;
    }
}

.banner-content-14 .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 15px;
}

.banner-content-14 p {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    margin-bottom: 38px;
}

@media (max-width: 1199px) {
    .banner-content-14 .title {
        font-size: 60px;
        line-height: 70px;
    }
}

@media (max-width: 991px) {
    .banner-content-14 {
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .banner-content-14 {
        margin-bottom: 45px;
    }

    .banner-content-14 .title {
        margin-bottom: 10px;
    }

    .banner-content-14 p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}

@media (max-width: 575px) {
    .banner-content-14 .title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .banner-content-14 p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .banner-content-14 .banner-button-group .button-4 {
        font-size: 16px;
        padding: 10px 30px;
    }

    .banner-content-14 .banner-button-group .play-button img {
        width: 40px;
    }

    .banner-content-14 .banner-button-group .play-button i {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-content-14 .banner-button-group .play-button span {
        padding-left: 10px;
    }
}

.banner-content-14 .cate {
    margin-bottom: 25px;
    color: #ff8a00;
}

@media (max-width: 767px) {
    .banner-content-14 .cate {
        margin-bottom: 10px;
    }
}

.banner-video-14 {
    position: relative;
}

@media (max-width: 991px) {
    .banner-video-14 img {
        width: 100%;
    }
}

.sponsor-slider-wrapper {
    margin-top: 60px;
}

@media (min-width: 768px) {
    .sponsor-slider-wrapper {
        margin-top: 80px;
    }
}

.sponsor-slider-wrapper .sponsor-thumb {
    max-width: 100%;
    height: 45px;
    align-items: center;
    justify-content: center;
}

.sponsor-slider-wrapper .sponsor-thumb img {
    max-height: 100%;
    width: auto;
}

.sponsor-slider-wrapper .slider-heading {
    display: block;
    margin-bottom: 22px;
}

@media (min-width: 768px) {
    .sponsor-slider-wrapper .slider-heading {
        margin-bottom: 32px;
    }
}

/*App Banner Starts Here*/
.app-bg {
    bottom: -330px;
    left: 0;
    right: 0;
    top: 0;
}

.app-download-section {
    position: relative;
}

.app-download-content .title {
    font-size: 76px;
    line-height: 86px;
    margin-bottom: 15px;
}

.app-download-content p {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    margin-bottom: 58px;
}

.app-download-content .cate {
    margin-bottom: 24px;
}

@media (max-width: 1199px) {
    .app-download-content .cate {
        margin-bottom: 18px;
    }

    .app-download-content .title {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 0;
    }

    .app-download-content p {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .app-download-content .title {
        margin-bottom: 10px;
    }

    .app-download-content p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}

@media (max-width: 575px) {
    .app-download-content .title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .app-download-content p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }
}

.app-download {
    padding: 185px 0 80px;
    position: relative;
}

@media (min-width: 992px) {
    .app-download {
        padding: 120px 0 140px;
    }
}

.app-download .container {
    position: relative;
    z-index: 99;
}

.app-download .app-button-group {
    margin-bottom: 40px;
}

.app-download .app-button-group a {
    box-shadow: 0px 19px 21px 0px rgba(41, 17, 168, 0.3);
}

.app-download .joined {
    margin-bottom: 45px;
    display: block;
}

.app-download .amount span {
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
    text-shadow: 0px 11px 13px rgba(22, 74, 191, 0.3);
}

@media (min-width: 768px) {
    .app-download .amount {
        font-size: 66px;
    }
}

@media (max-width: 1199px) {
    .app-download .app-button-group {
        margin-bottom: 30px;
    }

    .app-download .joined {
        margin-bottom: 35px;
    }
}

@media (max-width: 575px) {
    .app-download .app-button-group {
        margin-bottom: 20px;
    }

    .app-download .joined {
        margin-bottom: 20px;
    }
}

/*Blog-Sedebar Starts Here*/
.widget {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 20px;
    margin: 0 auto 30px;
}

@media screen and (max-width: 350px) {
    .widget {
        padding: 30px 15px;
    }
}

.widget:last-child {
    margin-bottom: 0;
}

.widget .title {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 500;
}

.widget-tags ul {
    margin: -5px;
}

.widget-tags ul li {
    padding: 5px;
}

.widget-tags ul li a {
    font-size: 14px;
    text-transform: capitalize;
    color: #222;
    padding: 6px 30px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #bccaea;
}

.widget-tags ul li a:hover, .widget-tags ul li a.active {
    color: #ffffff;
    border-color: transparent;
    background: -moz-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background: -webkit-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background: -ms-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}

@media screen and (max-width: 380px) {
    .widget-tags ul li a {
        padding: 2px 20px;
    }
}


@media (max-width: 991px) {
    .trial-wrapper .trial-content, .trial-wrapper .trial-button {
        width: 100%;
    }

    .trial-wrapper .trial-content {
        margin-bottom: 45px;
    }
}

@media (max-width: 575px) {
    .trial-wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }

    .trial-wrapper .trial-content {
        margin-bottom: 35px;
    }

    .trial-wrapper .trial-content .title {
        margin-bottom: 20px;
    }
}

.trial-wrapper.style-two {
    border-radius: 30px;
    background-color: #f0f5fc;
    box-shadow: 4.405px 5.44px 17px 0px rgba(166, 166, 255, 0.31);
}

.trial-wrapper.style-three {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.ball-1 {
    position: absolute;
    bottom: 0;
    right: -30px;
    left: 40px;
    top: -40px;
}

.ball-1 img {
    max-width: 100%;
}

@media (max-width: 1199px) {
    .ball-1 {
        display: none;
    }
}

/*Faq Section Starts Here*/
.faq-header {
    position: sticky;
    top: 100px;
}

.faq-header .cate {
    width: 78px;
    margin-bottom: 45px;
}

.faq-header .cate img {
    width: 100%;
}

@media (max-width: 575px) {
    .faq-header .cate {
        width: 50px;
        margin-bottom: 35px;
    }
}

.faq-header .title {
    margin-bottom: 15px;
}

.faq-header a {
    color: #333;
}

.faq-header a:hover {
    color: #ee4730;
}

.faq-header a i {
    margin-left: 5px;
}

@media (max-width: 991px) {
    .faq-header {
        margin-bottom: 50px;
    }
}

@media (max-width: 575px) {
    .faq-header {
        margin-bottom: 40px;
    }

    .faq-header .title {
        margin-bottom: 7px;
    }
}

.faq-item {
    margin-bottom: 38px;
}

.faq-item .faq-thumb {
    width: 65px;
    height: 65px;
    text-align: center;
    line-height: 65px;
    font-size: 24px;
    font-weight: 600;
    color: #33406a;
    border: 1px solid rgba(83, 92, 152, 0.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.faq-item .faq-content {
    width: calc(100% - 65px);
    padding-left: 30px;
}

.faq-item .faq-content .title {
    margin-top: 0;
    margin-bottom: 15px;
}

@media (max-width: 575px) {
    .faq-item .faq-thumb {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .faq-item .faq-content {
        width: calc(100% - 40px);
        padding-left: 20px;
    }

    .faq-item .faq-content .title {
        margin-bottom: 20px;
    }
}

/*Testimonial Section Starts Here*/
.testimonial-wrapper {
    border-radius: 20px;
    background: -ms-linear-gradient(16deg, #e1a1ed 0%, #ac7df1 35%, #7658f4 100%);
    background: -moz-linear-gradient(16deg, #e1a1ed 0%, #ac7df1 35%, #7658f4 100%);
    background: -webkit-linear-gradient(16deg, #e1a1ed 0%, #ac7df1 35%, #7658f4 100%);
    padding: 80px 80px 110px;
    position: relative;
}

.testimonial-wrapper .testimonial-area {
    max-width: 830px;
    margin: 0 auto;
    position: relative;
}

.testimonial-wrapper .testimonial-area .testimonial-item .testimonial-thumb {
    width: 140px;
    height: 140px;
    border: 1px solid #05c3de;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 30px;
    padding: 8px;
}

@media (max-width: 575px) {
    .testimonial-wrapper .testimonial-area .testimonial-item .testimonial-thumb {
        margin-bottom: 20px;
        height: 120px;
        width: 120px;
    }
}

.testimonial-wrapper .testimonial-area .testimonial-item .testimonial-thumb .thumb {
    width: 100%;
    height: 100%;
    border: 7px solid #05c3de;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.testimonial-wrapper .testimonial-area .testimonial-item .testimonial-thumb .thumb img {
    width: 100%;
}

.testimonial-wrapper .testimonial-area .testimonial-item .testimonial-content {
    padding: 0 30px;
    text-align: center;
}

.testimonial-wrapper .testimonial-area .testimonial-item .testimonial-content p {
    color: #ffffff;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .testimonial-wrapper .testimonial-area .testimonial-item .testimonial-content p {
        font-size: 24px;
        line-height: 34px;
    }
}

@media (min-width: 992px) {
    .testimonial-wrapper .testimonial-area .testimonial-item .testimonial-content p {
        font-weight: 600;
    }
}

@media (min-width: 576px) {
    .testimonial-wrapper .testimonial-area .testimonial-item .testimonial-content p {
        margin-bottom: 45px;
    }
}

.testimonial-wrapper .testimonial-area .testimonial-item .testimonial-content .ratings {
    margin-bottom: 32px;
}

.testimonial-wrapper .testimonial-area .testimonial-item .testimonial-content .title {
    font-family: "Open Sans", sans-serif;
    text-transform: capitalize;
    background: rgba(0, 0, 0, 0.102);
    display: inline-block;
    margin: 0;
    padding: 11px 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.testimonial-wrapper .testimonial-area .testimonial-item .testimonial-content .title a {
    color: #ffffff;
}

@media (max-width: 575px) {
    .testimonial-wrapper .testimonial-area .testimonial-item .testimonial-content .ratings {
        margin-bottom: 20px;
    }

    .testimonial-wrapper .testimonial-area .testimonial-item .testimonial-content .title {
        font-size: 20px;
        /*font-family: "Josefin Sans", sans-serif;*/
    }
}

.testimonial-wrapper .testimonial-area::after, .testimonial-wrapper .testimonial-area::before {
    width: 80px;
    height: 60px;
    opacity: .1;
}

.testimonial-wrapper .testimonial-area::after {
    background: url(img/before.png) no-repeat right bottom;
    background-size: contain;
    top: 30px;
    left: 0;
}

.testimonial-wrapper .testimonial-area::before {
    background: url(img/after.png) no-repeat left top;
    background-size: contain;
    right: 0;
    bottom: -50px;
}

.testimonial-wrapper .button-area {
    margin-top: 40px;
    text-align: center;
}

@media (min-width: 768px) {
    .testimonial-wrapper .button-area {
        margin-top: 0;
        position: absolute;
        top: 40px;
        right: 40px;
        text-align: right;
    }
}

.testimonial-wrapper .button-area .button-2 {
    text-transform: uppercase;
}

.testimonial-wrapper .trigger {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.testimonial-wrapper .testi-next {
    left: -20px;
}

.testimonial-wrapper .testi-prev {
    right: -20px;
}

@media (min-width: 768px) {
    .testimonial-wrapper.style-two {
        padding: 35px 50px 81px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .testimonial-wrapper.style-two {
        padding: 90px 50px 131px;
        max-width: 630px;
        margin-left: auto;
        margin-right: auto;
        height: 635px;
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .testimonial-wrapper.style-two {
        padding: 90px 50px 131px;
        height: 635px;
    }
}

@media (min-width: 768px) {
    .testimonial-wrapper.style-two .testimonial-area::before {
        right: 20px;
        bottom: -20px;
    }

    .testimonial-wrapper.style-two .testimonial-area::after {
        top: 35px;
        left: 15px;
    }

    .testimonial-wrapper.style-two .testimonial-area .testimonial-item .testimonial-thumb {
        margin-bottom: 20px;
    }

    .testimonial-wrapper.style-two .testimonial-area .testimonial-item .testimonial-content {
        padding: 0;
    }

    .testimonial-wrapper.style-two .testimonial-area .testimonial-item .testimonial-content p {
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper {
        padding: 60px;
    }
}

@media (max-width: 575px) {
    .testimonial-wrapper {
        padding: 50px 0;
    }

    .testimonial-wrapper .trigger {
        display: none;
    }
}

@media screen and (max-width: 575px) and (max-width: 450px) {
    .testimonial-wrapper .testimonial-area::after, .testimonial-wrapper .testimonial-area::before {
        display: none;
    }
}

.trigger {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    background: #262f6e;
    align-items: center;
    justify-content: center;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.trigger img {
    width: 30px;
    margin-top: 4px;
}

.trigger.active, .trigger:hover {
    background: -moz-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background: -webkit-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background: -ms-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.5);
}

/*Exclusive Section Starts Here*/
.exclusive-item {
    align-items: center;
    border: 1px solid #cac7f6;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
    max-width: 400px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.exclusive-item:hover {
    background: #ffffff;
    border-color: #ffffff;
    box-shadow: 0px 0px 15px 0px rgba(52, 69, 199, 0.4);
}

.exclusive-item .exclusive-thumb {
    width: 60px;
}

.exclusive-item .exclusive-thumb img {
    width: 100%;
}

.exclusive-item .exclusive-content {
    width: calc(100% - 60px);
    padding-left: 20px;
}

.exclusive-item .exclusive-content .title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 28px;
}

.feature-1-thumb {
    text-align: left;
    margin-top: 170px;
    position: relative;
}

@media screen and (max-width: 1366px) {
    .feature-1-thumb img {
        max-width: 700px;
    }

    banner-content-home .title {
        line-height: 71px;
        margin-bottom: 28px;
        font-size: 61px;
    }

}

@media screen and (max-width: 1200px) {
    .feature-1-thumb img {
        max-width: 650px;
    }
}

@media screen and (min-width: 1650px) {
    .feature-1-thumb.ex-feature img {
        -webkit-transform: translateX(80px);
        -ms-transform: translateX(80px);
        transform: translateX(80px);
    }
}

.feature-1-thumb .main-thumb {
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.feature-1-thumb .layer {
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    position: absolute;
    top: 6px;
    left: 6px;
}

.feature-1-thumb .layer img {
    max-width: 904px;
}

@media screen and (max-width: 1310px) {
    .feature-1-thumb .layer {
        top: -3px;
        left: 3px;
    }

    .feature-1-thumb .layer img {
        max-width: 680px;
    }
}

@media screen and (max-width: 1200px) {
    .feature-1-thumb .layer img {
        max-width: 630px;
    }
}

.feature-1-thumb:hover .main-thumb {
    -webkit-transform: skeW(-9deg, 6deg);
    -ms-transform: skeW(-9deg, 6deg);
    transform: skeW(-9deg, 6deg);
}

.feature-1-thumb:hover .layer:nth-child(5) {
    -webkit-transform: translate(24px, -160px) skeW(-9deg, 6deg);
    -ms-transform: translate(24px, -160px) skeW(-9deg, 6deg);
    transform: translate(24px, -160px) skeW(-9deg, 6deg);
}

.feature-1-thumb:hover .layer:nth-child(4) {
    -webkit-transform: translate(18px, -120px) skeW(-9deg, 6deg);
    -ms-transform: translate(18px, -120px) skeW(-9deg, 6deg);
    transform: translate(18px, -120px) skeW(-9deg, 6deg);
}

.feature-1-thumb:hover .layer:nth-child(3) {
    -webkit-transform: translate(12px, -80px) skeW(-9deg, 6deg);
    -ms-transform: translate(12px, -80px) skeW(-9deg, 6deg);
    transform: translate(12px, -80px) skeW(-9deg, 6deg);
}

.feature-1-thumb:hover .layer:nth-child(2) {
    -webkit-transform: translate(6px, -40px) skeW(-9deg, 6deg);
    -ms-transform: translate(6px, -40px) skeW(-9deg, 6deg);
    transform: translate(6px, -40px) skeW(-9deg, 6deg);
}

@media (max-width: 991px) {
    .feature-1-thumb .layer:nth-child(5) {
        -webkit-transform: translate(24px, -120px) skeW(-9deg, 6deg);
        -ms-transform: translate(24px, -120px) skeW(-9deg, 6deg);
        transform: translate(24px, -120px) skeW(-9deg, 6deg);
    }

    .feature-1-thumb .layer:nth-child(4) {
        -webkit-transform: translate(18px, -90px) skeW(-9deg, 6deg);
        -ms-transform: translate(18px, -90px) skeW(-9deg, 6deg);
        transform: translate(18px, -90px) skeW(-9deg, 6deg);
    }

    .feature-1-thumb .layer:nth-child(3) {
        -webkit-transform: translate(12px, -60px) skeW(-9deg, 6deg);
        -ms-transform: translate(12px, -60px) skeW(-9deg, 6deg);
        transform: translate(12px, -60px) skeW(-9deg, 6deg);
    }

    .feature-1-thumb .layer:nth-child(2) {
        -webkit-transform: translate(6px, -30px) skeW(-9deg, 6deg);
        -ms-transform: translate(6px, -30px) skeW(-9deg, 6deg);
        transform: translate(6px, -30px) skeW(-9deg, 6deg);
    }

    .feature-1-thumb:hover .layer, .feature-1-thumb:hover .main-thumb {
        -webkit-transform: translate(0, 0) skeW(0, 0) !important;
        -ms-transform: translate(0, 0) skeW(0, 0) !important;
        transform: translate(0, 0) skeW(0, 0) !important;
    }
}

@media (max-width: 767px) {
    .feature-1-thumb .main-thumb img {
        width: 100%;
    }

    .feature-1-thumb .layer {
        left: 1%;
        top: 1%;
    }

    .feature-1-thumb .layer img {
        width: 98%;
    }
}

@media screen and (max-width: 499px) {
    .feature-1-thumb {
        margin-top: 90px;
    }

    .feature-1-thumb .layer:nth-child(5) {
        -webkit-transform: translate(12px, -60px) skeW(-9deg, 6deg);
        -ms-transform: translate(12px, -60px) skeW(-9deg, 6deg);
        transform: translate(12px, -60px) skeW(-9deg, 6deg);
    }

    .feature-1-thumb .layer:nth-child(4) {
        -webkit-transform: translate(9px, -45px) skeW(-9deg, 6deg);
        -ms-transform: translate(9px, -45px) skeW(-9deg, 6deg);
        transform: translate(9px, -45px) skeW(-9deg, 6deg);
    }

    .feature-1-thumb .layer:nth-child(3) {
        -webkit-transform: translate(6px, -30px) skeW(-9deg, 6deg);
        -ms-transform: translate(6px, -30px) skeW(-9deg, 6deg);
        transform: translate(6px, -30px) skeW(-9deg, 6deg);
    }

    .feature-1-thumb .layer:nth-child(2) {
        -webkit-transform: translate(3px, -15px) skeW(-9deg, 6deg);
        -ms-transform: translate(3px, -15px) skeW(-9deg, 6deg);
        transform: translate(3px, -15px) skeW(-9deg, 6deg);
    }

    .feature-1-thumb:hover .layer, .feature-1-thumb:hover .main-thumb {
        -webkit-transform: translate(0, 0) skeW(0, 0) !important;
        -ms-transform: translate(0, 0) skeW(0, 0) !important;
        transform: translate(0, 0) skeW(0, 0) !important;
    }
}

/*Colaboration Section Starts Here*/
.colaboration-item .colaboration-thumb {
    width: 90px;
    height: 90px;
    padding: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #cac7f6;
}

.colaboration-item .colaboration-thumb .icon {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-image: -ms-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    background-image: -moz-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    background-image: -webkit-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    box-shadow: 2.419px 9.703px 18.24px 0.76px rgba(253, 160, 133, 0.5);
    -webkit-box-shadow: 2.419px 9.703px 18.24px 0.76px rgba(253, 160, 133, 0.5);
    color: #ffffff;
    line-height: 70px;
    text-align: center;
    font-size: 50px;
}

.colaboration-item .colaboration-content {
    width: calc(100% - 90px);
    padding-left: 27px;
}

.colaboration-item .colaboration-content .title {
    margin: 0;
    margin-bottom: 13px;
}

.colaboration-item .colaboration-content p {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 399px) {
    .colaboration-item .colaboration-thumb {
        width: 60px;
        height: 60px;
        padding: 5px;
    }

    .colaboration-item .colaboration-thumb .icon {
        font-size: 36px;
        line-height: 50px;
    }

    .colaboration-item .colaboration-content {
        width: calc(100% - 60px);
        padding-left: 18px;
    }

    .colaboration-item .colaboration-content .title {
        font-size: 20px;
    }
}

.colaboration-slider {
    padding-bottom: 33px;
}

.cola-next, .cola-prev {
    font-size: 20px;
    line-height: 1;
    color: #33406a;
    font-weight: 700;
}

.cola-next:hover, .cola-prev:hover {
    color: #333;
}

.collaboration-anime-area {
    position: relative;
}

@media (max-width: 1199px) {
    .collaboration-anime-area .main-thumb img {
        width: 100%;
        max-width: 600px;
    }
}

.collaboration-anime-area .mobile,
.collaboration-anime-area .girl {
    position: absolute;
}

.collaboration-anime-area .mobile img,
.collaboration-anime-area .girl img {
    width: 100%;
}

.collaboration-anime-area .mobile {
    bottom: 90px;
    right: 295px;
}

@media screen and (max-width: 1300px) {
    .collaboration-anime-area .mobile {
        width: 210px;
        right: 320px;
    }
}

@media (max-width: 1199px) {
    .collaboration-anime-area .mobile {
        width: 180px;
        right: 180px;
    }
}

@media (max-width: 767px) {
    .collaboration-anime-area .mobile {
        width: 180px;
        right: 50%;
        -webkit-transform: translate(50%);
        -ms-transform: translate(50%);
        transform: translate(50%);
        bottom: 50px;
    }
}

.collaboration-anime-area .mobile .show-up {
    opacity: 0;
}

.collaboration-anime-area .girl {
    width: 294px;
    bottom: 75px;
    right: 540px;
    z-index: 1;
}

@media screen and (max-width: 1300px) {
    .collaboration-anime-area .girl {
        width: 240px;
        right: 500px;
    }
}

@media (max-width: 1199px) {
    .collaboration-anime-area .girl {
        width: 200px;
        right: 340px;
    }
}

@media screen and (max-width: 530px) {
    .collaboration-anime-area .mobile {
        position: relative;
        width: 100%;
        right: 0;
        bottom: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        margin: 35px auto 0;
        max-width: 180px;
    }

    .collaboration-anime-area .girl {
        display: none;
    }

    .collaboration-anime-area .main-thumb {
        display: none;
    }
}

.mobile-slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    padding: 4px;
}

@media screen and (max-width: 1300px) {
    .mobile-slider {
        -webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        border-radius: 26px;
    }
}

@media (max-width: 1199px) {
    .mobile-slider {
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px;
    }
}

.mobile-slider::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(img/mobile-container.png) no-repeat center center;
    background-size: contain;
}

.mobile-slider .mobile-item,
.mobile-slider .owl-item,
.mobile-slider .owl-stage,
.mobile-slider .owl-stage-outer {
    width: 100%;
    height: 100%;
}

/*Smart Watch Section Starts Here*/
@media (min-width: 992px) {
    .smart-watch-content {
        max-width: 480px;
    }
}

@media (min-width: 768px) {
    .smart-watch-content .app-button-group {
        margin-top: -22px;
    }
}

.smart-watch-section {
    position: relative;
}

@media (max-width: 1399px) {
    .smart-watch img {
        max-width: 680px;
    }
}

.smart-bg {
    position: absolute;
    top: -160px;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: right top;
    background-size: 100% 100%;
}

/*Pricing Section Starts Here*/
@media (min-width: 992px) {
    .pricing-content {
        max-width: 480px;
    }
}

.pricing-content .button-group {
    margin-top: -10px;
}

@media (min-width: 768px) {
    .pricing-content .button-group {
        margin-top: -32px;
    }
}

@media (max-width: 991px) {
    .pricing-content {
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .pricing-content {
        margin-bottom: 50px;
    }
}

.pricing-range {
    background: #ffffff;
    border-radius: 30px;
}

.pricing-range .pricing-range-top {
    background-image: -ms-linear-gradient(90deg, #d8d8fd 0%, white 100%);
    background-image: -moz-linear-gradient(90deg, #d8d8fd 0%, white 100%);
    background-image: -webkit-linear-gradient(90deg, #d8d8fd 0%, white 100%);
    padding: 40px 0 0;
    border-radius: 30px 30px 0 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .pricing-range .pricing-range-top {
        padding-top: 30px;
    }
}

@media (max-width: 575px) {
    .pricing-range .pricing-range-top {
        padding-top: 30px;
    }
}

.pricing-range .pricing-header {
    margin-bottom: 116px;
}

.pricing-range .pricing-header .cate {
    display: block;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 17px;
    color: #333;
}

.pricing-range .pricing-header .select-container {
    max-width: 270px;
    margin: 0 auto;
}

.pricing-range .pricing-header .select-bar {
    height: 44px;
    border: 1px solid #cac7f6;
    background-color: rgba(105, 105, 201, 0.102);
    width: 100%;
    color: #333;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .pricing-range .pricing-header {
        margin-bottom: 100px;
    }
}

@media (max-width: 575px) {
    .pricing-range .pricing-header {
        margin-bottom: 90px;
    }
}

.amount-area {
    width: 100%;
    margin-bottom: 30px;
}

.amount-area .item {
    text-align: center;
    margin-bottom: 30px;
    width: 50%;
}

.amount-area .item .title {
    margin: 0;
    line-height: 1;
    background: linear-gradient(-90deg, #4410e0 0%, #ff0089 100%);
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    font-weight: 600;
}

.amount-area .item .title sup {
    font-size: 50%;
    background: #ff0089;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

.amount-area .item .info {
    display: block;
}

.amount-area .item:nth-child(odd) {
    border-right: 1px solid #8585c6;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .amount-area {
        margin-bottom: 0;
    }

    .amount-area .item .title {
        font-size: 40px;
    }
}

@media (max-width: 575px) {
    .amount-area .item .title {
        font-size: 30px;
    }

    .amount-area .item .info {
        font-size: 16px;
    }

    .amount-area {
        margin-bottom: 0;
    }

    .hero-content h1 {
        color: #d42027;
        font-size: 22px;
        margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        line-height: 36px;
        font-family: UTM AvoBold !important;
    }

    .hero-content .p li {
        line-height: 22px;
        font-size: 16px;
    }


}

.invest-range-slider {
    height: 14px;
    border-radius: 7px;
    margin: 0 30px;
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px);
    background-color: #ffe9cf;
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(134, 134, 231, 0.5);
    border: none;
}

.invest-range-slider .ui-slider-range {
    border-radius: 7px 0 0 7px;
    background-image: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background-image: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background-image: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
}

.invest-range-slider .ui-slider-handle {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #dc3893;
    border: none;
    top: -10px;
    cursor: pointer;
    outline: none;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.invest-range-slider .ui-slider-handle::after, .invest-range-slider .ui-slider-handle::before {
    width: 8px;
    height: 8px;
}

.invest-range-slider .ui-slider-handle::after {
    top: 45%;
    left: 45%;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.invest-range-slider .ui-slider-handle::before {
    bottom: 45%;
    right: 45%;
    border-bottom: 1px solid #ffffff;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    border-right: 1px solid #ffffff;
}

.pricing-range-bottom {
    padding: 55px 30px 40px;
    text-align: center;
}

@media (min-width: 1200px) {
    .pricing-range-bottom .custom-button {
        padding: 15px 50px;
        border-radius: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pricing-range-bottom .custom-button {
        padding: 15px 50px;
        border-radius: 30px;
    }
}

.pricing-range-bottom .download-options {
    margin-top: 21px;
}

.pricing-range-bottom .download-options .custom-button {
    box-shadow: 0 -10px 10px rgba(238, 71, 48, 0.2);
}

@media (max-width: 1199px) and (min-width: 992px) {
    .pricing-range-bottom {
        padding: 50px 30px 40px;
    }
}

@media (max-width: 767px) {
    .pricing-range-bottom .custom-button {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .pricing-range-bottom {
        padding: 45px 30px 30px;
    }
}

.download-options {
    margin: -7px;
    justify-content: center;
}

.download-options li {
    padding: 7px;
}

.download-options li a {
    width: 48px;
    height: 48px;
    line-height: 48px;
    background: #b7b9cf;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 24px;
}

.download-options li a:hover, .download-options li a.active {
    background: #ee4730;
}

@media (max-width: 767px) {
    .download-options {
        margin: -5px;
    }

    .download-options li {
        padding: 5px;
    }

    .download-options li a {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
    }
}

.range-wrapper {
    position: relative;
}

@media (min-width: 992px) {
    .range-wrapper {
        padding-bottom: 100px;
        padding-top: 100px;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .range-wrapper {
        padding-bottom: 120px;
        padding-top: 120px;
    }
}

.range-wrapper .pricing-range {
    position: relative;
    z-index: 1;
}

.range-wrapper .shape-1, .range-wrapper .shape-2 {
    position: absolute;
}

.range-wrapper .shape-1 {
    top: 0;
    right: -190px;
}

.range-wrapper .shape-2 {
    bottom: 0;
    left: -90px;
}

.range-wrapper-2 .pricing-range .pricing-range-top {
    padding-left: 20px;
    padding-right: 20px;
}

.range-wrapper-2 .pricing-range .pricing-range-top .tags-area {
    text-align: center;
}

@media (max-width: 991px) {
    .range-wrapper-2 .pricing-range .pricing-range-top .tags-area {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

.range-wrapper-2 .pricing-range .pricing-range-top .tags-area .tags {
    display: inline-block;
    background: -ms-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    background: -moz-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    background: -webkit-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    box-shadow: 4.232px 12.292px 10.56px 0.44px rgba(121, 107, 232, 0.5);
    color: #ffffff;
    padding: 17px 60px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    margin-top: -40px;
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .range-wrapper-2 .pricing-range .pricing-range-top .tags-area .tags {
        font-size: 28px;
        padding: 7px 40px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .range-wrapper-2 .pricing-range .pricing-range-top .tags-area .tags {
        font-size: 20px;
        padding: 7px 40px;
    }
}

@media (max-width: 575px) {
    .range-wrapper-2 .pricing-range .pricing-range-top .tags-area .tags {
        padding: 5px 30px;
        font-size: 18px;
        margin-bottom: 10px;
    }
}

.range-wrapper-2 .pricing-range .pricing-range-top .select-bar {
    background: #6969c9;
}

.range-wrapper-2 .pricing-range .pricing-range-top .select-bar::after {
    border-color: #ffffff;
    right: 20px;
}

.range-wrapper-2 .pricing-range .pricing-range-top .select-bar .current {
    color: #ffffff;
}

.range-wrapper-2 .pricing-range .pricing-range-top .invest-range-slider {
    margin: 0;
}

.range-wrapper-2 .pricing-range .pricing-range-top .amount-area {
    margin-bottom: 5px;
}

@media (min-width: 576px) {
    .range-wrapper-2 .pricing-range .pricing-range-top .pricing-header {
        margin-bottom: 100px;
    }
}

.range-wrapper-2 .pricing-range .pricing-range-bottom {
    justify-content: space-between;
    align-items: center;
}

.range-wrapper-2 .pricing-range .pricing-range-bottom .cate {
    display: block;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .range-wrapper-2 .pricing-range .pricing-range-bottom .cate {
        margin-bottom: 25px;
    }
}

@media (max-width: 575px) {
    .range-wrapper-2 .pricing-range .pricing-range-bottom .left, .range-wrapper-2 .pricing-range .pricing-range-bottom .right {
        width: 100%;
    }

    .range-wrapper-2 .pricing-range .pricing-range-bottom .left {
        margin-bottom: 22px;
    }

    .range-wrapper-2 .pricing-range .pricing-range-bottom .left .cate {
        margin-bottom: 20px;
    }

    .range-wrapper-2 .pricing-range .pricing-range-bottom .download-options {
        margin-top: 15px;
    }
}

@media (min-width: 768px) {
    .range-wrapper-2 .pricing-range .pricing-range-bottom {
        padding: 75px 30px 40px;
    }
}

@media (min-width: 768px) {
    .range-wrapper-2 .pricing-range .pricing-range-bottom,
    .range-wrapper-2 .pricing-range .pricing-range-top {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 992px) {
    .range-wrapper-2 .pricing-range .pricing-range-bottom,
    .range-wrapper-2 .pricing-range .pricing-range-top {
        padding-left: 90px;
        padding-right: 90px;
    }
}

.top-shape, .bottom-shape {
    position: absolute;
    z-index: 1;
    width: 102%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.top-shape img, .bottom-shape img {
    width: 100%;
}

@media (max-width: 1199px) {
    .top-shape, .bottom-shape {
        min-width: 1400px;
    }

    .top-shape.mw-0, .bottom-shape.mw-0 {
        min-width: 0;
    }
}

.top-shape {
    top: -3px;
}

.bottom-shape {
    bottom: -2px;
}

.ball-2,
.ball-3,
.ball-4,
.ball-5,
.ball-6,
.ball-7,
.ball-8 {
    position: absolute;
}

.ball-2 img,
.ball-3 img,
.ball-4 img,
.ball-5 img,
.ball-6 img,
.ball-7 img,
.ball-8 img {
    max-width: 100%;
}

@media (max-width: 767px) {
    .ball-2,
    .ball-3,
    .ball-4,
    .ball-5,
    .ball-6,
    .ball-7,
    .ball-8 {
        display: none;
    }
}

.ball-2 {
    opacity: .6;
    top: 40px;
    right: 15%;
}

@media (max-width: 991px) {
    .ball-2 {
        opacity: .3;
    }
}

.ball-3 {
    opacity: .6;
    top: 50%;
    right: 15%;
}

.ball-3.style2 {
    top: 5%;
    right: 30%;
    opacity: 1;
}

.ball-4 {
    opacity: .6;
    top: 110px;
    left: 5%;
}

@media (max-width: 991px) {
    .ball-4 {
        opacity: .3;
    }
}

.ball-5 {
    opacity: .6;
    top: 90px;
    left: 25%;
}

@media (max-width: 991px) {
    .ball-5 {
        opacity: .3;
    }
}

.ball-6 {
    opacity: .3;
    top: 45%;
    left: 5%;
}

.ball-6.style2 {
    top: 65%;
    left: 0%;
    opacity: 1;
}

.ball-7 {
    opacity: .3;
    top: 33%;
    left: 15%;
}

.ball-8 {
    opacity: .5;
    top: 33%;
    left: 15%;
}

/*Subscribe Seciton Starts Here*/
.subscribe-form {
    position: relative;
}

.subscribe-form input {
    height: 60px;
    border: 1px solid #c1c3f0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #ffffff;
    padding-left: 30px;
    background: transparent;
}

.subscribe-form input::placeholder {
    color: #8e8ddc;
}

.subscribe-form button {
    font-weight: 600;
    text-transform: uppercase;
    height: 60px;
    line-height: 60px;
    padding: 0 35px;
    /* background: -ms-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -moz-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -webkit-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);*/
    background: #23a036;
    /*    box-shadow: 0px 17px 24px 0px rgba(18, 83, 252, 0.51);
*/
    border: none;
    outline: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    width: auto;
}

@media (max-width: 575px) {
    .subscribe-form input {
        height: 50px;
        padding-left: 20px;
        font-size: 14px;
    }

    .subscribe-form button {
        line-height: 50px;
        font-size: 14px;
        padding: 0 20px;
        height: 50px;
    }
}

@media (min-width: 992px) {
    .subscribe-thumb {
        margin-top: -80px;
    }

    .subscribe-pt {
        padding-top: 80px;
    }
}

@media (min-width: 1200px) {
    .subscribe-thumb {
        margin-top: -185px;
    }

    .subscribe-pt {
        padding-top: 185px;
    }
}

/*Coverage Section Starts Here*/
.coverage-right-area .rating-area {
    margin-bottom: 13px;
}

@media (min-width: 992px) {
    .coverage-right-area .rating-area {
        justify-content: flex-end;
    }
}

.coverage-right-area .rating-area .average {
    font-weight: 600;
    margin-left: 10px;
}

.coverage-right-area .amount {
    margin: 0;
    color: #38a20e;
    text-shadow: 1.452px 5.822px 8.64px rgba(56, 162, 14, 0.4);
    margin-bottom: 15px;
}

.coverage-right-area a {
    color: #333;
}

.coverage-right-area a i {
    color: #337adb;
    margin-left: 10px;
}

@media (max-width: 767px) {
    .coverage-right-area .rating-area {
        margin-bottom: 5px;
    }

    .coverage-right-area .amount {
        margin-bottom: 5px;
    }
}

.coverage-header {
    margin-bottom: 35px;
}

@media (min-width: 768px) {
    .coverage-header {
        margin-bottom: 45px;
    }
}

@media (min-width: 992px) {
    .coverage-header {
        margin-bottom: 0;
    }
}

.coverage-wrapper {
    position: relative;
    margin-top: 45px;
}

@media (min-width: 768px) {
    .coverage-wrapper {
        margin-top: 60px;
    }
}

.coverage-wrapper div[class*="border-item"] {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.coverage-wrapper div[class*="border-item"] * {
    margin: 0;
}

.coverage-wrapper div[class*="border-item"] .title {
    font-weight: 600;
    line-height: 28px;
    margin-top: 10px;
}

.coverage-wrapper .border-item-1 {
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 5.806px 23.287px 30.72px 1.28px rgba(232, 58, 153, 0.5);
}

.coverage-wrapper .border-item-2 {
    background: -moz-linear-gradient(0deg, #83c3fa 0%, #66b7ff 47%, #6290fb 75%, #5e69f6 100%);
    background: -webkit-linear-gradient(0deg, #83c3fa 0%, #66b7ff 47%, #6290fb 75%, #5e69f6 100%);
    background: -ms-linear-gradient(0deg, #83c3fa 0%, #66b7ff 47%, #6290fb 75%, #5e69f6 100%);
    box-shadow: 5.806px 23.287px 30.72px 1.28px rgba(94, 105, 246, 0.5);
}

.coverage-wrapper .border-item-3 {
    background: -moz-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    background: -webkit-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    background: -ms-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    box-shadow: 5.806px 23.287px 30.72px 1.28px rgba(253, 160, 133, 0.5);
}

.coverage-wrapper .border-item-4 {
    background: -moz-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
    background: -webkit-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
    background: -ms-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
    box-shadow: 5.806px 23.287px 30.72px 1.28px rgba(121, 107, 232, 0.5);
}

.coverage-wrapper .border-item-5 {
    background: -moz-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    background: -webkit-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    background: -ms-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    box-shadow: 10.418px 30.257px 30.72px 1.28px rgba(121, 107, 232, 0.5);
}

.coverage-wrapper .border-item-6 {
    background: -moz-linear-gradient(0deg, #97ee85 0%, #64b3f4 99%);
    background: -webkit-linear-gradient(0deg, #97ee85 0%, #64b3f4 99%);
    background: -ms-linear-gradient(0deg, #97ee85 0%, #64b3f4 99%);
    box-shadow: 5.806px 23.287px 30.72px 1.28px rgba(100, 179, 244, 0.5);
}

@media (min-width: 768px) {
    .coverage-wrapper {
        min-height: 609px;
    }

    .coverage-wrapper div[class*="border-item"] {
        position: absolute;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .coverage-wrapper div[class*="border-item"] * {
        color: #ffffff;
        text-transform: capitalize;
    }

    .coverage-wrapper .border-item-1 {
        width: 214px;
        height: 214px;
        left: 70px;
        top: 75px;
    }

    .coverage-wrapper .border-item-1 .title {
        line-height: 1 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .coverage-wrapper .border-item-1 {
        top: 0;
        left: 0;
    }
}

@media (min-width: 768px) {
    .coverage-wrapper .border-item-2 {
        width: 155px;
        height: 155px;
        background: -moz-linear-gradient(0deg, #83c3fa 0%, #66b7ff 47%, #6290fb 75%, #5e69f6 100%);
        background: -webkit-linear-gradient(0deg, #83c3fa 0%, #66b7ff 47%, #6290fb 75%, #5e69f6 100%);
        background: -ms-linear-gradient(0deg, #83c3fa 0%, #66b7ff 47%, #6290fb 75%, #5e69f6 100%);
        box-shadow: 5.806px 23.287px 30.72px 1.28px rgba(94, 105, 246, 0.5);
        top: 80px;
        right: 155px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .coverage-wrapper .border-item-2 {
        top: 80px;
        right: 40px;
    }
}

@media (min-width: 768px) {
    .coverage-wrapper .border-item-2 .name {
        font-size: 16px;
    }

    .coverage-wrapper .border-item-2 .title {
        font-size: 40px;
    }

    .coverage-wrapper .border-item-3 {
        width: 155px;
        height: 155px;
        background: -moz-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
        background: -webkit-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
        background: -ms-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
        box-shadow: 5.806px 23.287px 30.72px 1.28px rgba(253, 160, 133, 0.5);
        top: 110px;
        right: 380px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .coverage-wrapper .border-item-3 {
        top: 140px;
        right: 240px;
    }
}

@media (min-width: 768px) {
    .coverage-wrapper .border-item-3 .name {
        font-size: 16px;
    }

    .coverage-wrapper .border-item-3 .title {
        font-size: 40px;
    }

    .coverage-wrapper .border-item-4 {
        width: 155px;
        height: 155px;
        background: -moz-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
        background: -webkit-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
        background: -ms-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
        box-shadow: 5.806px 23.287px 30.72px 1.28px rgba(121, 107, 232, 0.5);
        bottom: 50px;
        left: 235px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .coverage-wrapper .border-item-4 {
        bottom: 0;
        left: 100px;
    }
}

@media (min-width: 768px) {
    .coverage-wrapper .border-item-4 .name {
        font-size: 16px;
    }

    .coverage-wrapper .border-item-4 .title {
        font-size: 28px;
    }

    .coverage-wrapper .border-item-5 {
        width: 100px;
        height: 100px;
        background: -moz-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
        background: -webkit-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
        background: -ms-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
        box-shadow: 10.418px 30.257px 30.72px 1.28px rgba(121, 107, 232, 0.5);
        bottom: 175px;
        left: 500px;
    }
}

.dangky-bocongthuong img {
    max-width: 321px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .coverage-wrapper .border-item-5 {
        left: 365px;
        bottom: 170px;
    }
}

@media (min-width: 768px) {
    .coverage-wrapper .border-item-5 .name {
        font-size: 16px;
    }

    .coverage-wrapper .border-item-5 .title {
        font-size: 28px;
        margin-top: 0 !important;
    }

    .coverage-wrapper .border-item-6 {
        width: 100px;
        height: 100px;
        background: -moz-linear-gradient(0deg, #97ee85 0%, #64b3f4 99%);
        background: -webkit-linear-gradient(0deg, #97ee85 0%, #64b3f4 99%);
        background: -ms-linear-gradient(0deg, #97ee85 0%, #64b3f4 99%);
        box-shadow: 5.806px 23.287px 30.72px 1.28px rgba(100, 179, 244, 0.5);
        right: 130px;
        bottom: 110px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .coverage-wrapper .border-item-6 {
        right: 40px;
        bottom: 60px;
    }
}

@media (min-width: 768px) {
    .coverage-wrapper .border-item-6 .name {
        font-size: 16px;
    }

    .coverage-wrapper .border-item-6 .title {
        font-size: 28px;
        margin-top: 0 !important;
    }
}

@media (max-width: 767px) {
    .coverage-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: -20px;
    }

    .coverage-wrapper div[class*="border-item"] {
        width: calc((100% / 3) - 13.33px);
        margin-bottom: 20px;
        padding: 20px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .coverage-wrapper div[class*="border-item"] * {
        color: #ffffff;
        margin: 0;
    }

    .coverage-wrapper div[class*="border-item"] .name {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) and (max-width: 499px) {
    .coverage-wrapper div[class*="border-item"] {
        width: calc(50% - 10px);
    }
}

/*Feature Section Starts Here*/
.feature-item {
    padding: 30px;
    border: 1px solid #e2e2ec;
    border-radius: 10px;
    margin-bottom: 20px;
    position: relative;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    cursor: pointer;

}

.index-container .feature-themes .feature-item .feature-info {
    display: none !important;
}

.index-container .feature-themes .feature-item.swiper-slide-active .feature-info {
    display: block !important;
}

.feature-item .feature-thumb {
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #cecbf5;
    align-items: center;
    justify-content: center;
    position: relative;
    animation: rotate 3s linear infinite;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
}

.feature-item .feature-thumb::after, .feature-item .feature-thumb::before {
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-image: -ms-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    background-image: -moz-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    background-image: -webkit-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    box-shadow: 5.806px 23.287px 30.72px 1.28px rgba(253, 160, 133, 0.5);
}

.feature-item .feature-thumb::after {
    top: 6px;
    right: 6px;
}

.feature-item .feature-thumb::before {
    bottom: 6px;
    left: 6px;
}

.feature-item .feature-thumb .thumb {
    width: 71px;
    height: 71px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    animation: rev-rotate 3s linear infinite;
    -webkit-animation: rev-rotate 3s linear infinite;
    -moz-animation: rev-rotate 3s linear infinite;
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232, 58, 153, 0.5);
}

.feature-item .feature-thumb .thumb img {
    width: 100%;
}

.feature-item:nth-of-type(4n + 2) .feature-thumb::after, .feature-item:nth-of-type(4n + 2) .feature-thumb::before {
    background-image: -ms-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    background-image: -moz-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    background-image: -webkit-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    box-shadow: 10.418px 30.257px 30.72px 1.28px rgba(121, 107, 232, 0.5);
}

.feature-item:nth-of-type(4n + 2) .feature-thumb .thumb {
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(121, 107, 232, 0.5);
}

.feature-item:nth-of-type(4n + 3) .feature-thumb::after, .feature-item:nth-of-type(4n + 3) .feature-thumb::before {
    background-image: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background-image: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background-image: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
}

.feature-item:nth-of-type(4n + 3) .feature-thumb .thumb {
    box-shadow: 2.419px 9.703px 18.24px 0.76px rgba(253, 160, 133, 0.5);
}

.feature-item:nth-of-type(4n + 4) .feature-thumb::after, .feature-item:nth-of-type(4n + 4) .feature-thumb::before {
    background-image: -ms-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
    background-image: -moz-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
    background-image: -webkit-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
}

.feature-item:nth-of-type(4n + 4) .feature-thumb .thumb {
    box-shadow: 4.232px 12.292px 10.56px 0.44px rgba(121, 107, 232, 0.5);
}

.feature-item .feature-content {
    width: calc(100% - 90px);
    padding-left: 30px;
}

.feature-item .feature-content .title {
    margin: 0;
    margin-bottom: 29px;
}

@media (max-width: 767px) {
    .feature-item .feature-content .title {
        margin-bottom: 20px;
    }
}

.feature-item::before {
    width: 100%;
    height: 100%;
    /*    background: url(img/feature-bg.png) no-repeat center center;
*/
    background-size: cover;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    opacity: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* border: 1px solid #cecbf5; */
}

.feature-item * {
    position: relative;
    z-index: 1;
}

.feature-item.active, .feature-item:hover {
    border-color: transparent;
}

.feature-item.active .feature-thumb, .feature-item.active .feature-thumb .thumb, .feature-item:hover .feature-thumb, .feature-item:hover .feature-thumb .thumb {
    animation-play-state: running;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
}

.feature-item.active .feature-content .title, .feature-item:hover .feature-content .title {

}

.feature-item.active .feature-content p, .feature-item:hover .feature-content p {
    color: rgba(255, 255, 255, 0.9);
}

.feature-item.active::before, .feature-item:hover::before {
    opacity: 1;
}

@media (max-width: 575px) {
    .feature-item {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 499px) {
    .feature-item .feature-thumb {
        margin-bottom: 20px;
    }

    .feature-item .feature-content {
        padding: 0;

    }
}

.feature-item::after {
    width: 100%;
    height: 100%;
    z-index: 99;
}

.feature--thumb {
    width: 522px;
}

@media (max-width: 1199px) {
    .feature--thumb {
        width: 700px;
    }
}

@media (max-width: 991px) {
    .feature--thumb {
        margin: 0 auto 40px;
        width: 100%;
        max-width: 450px;
    }

    .feature--thumb img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .feature--thumb {
        max-width: 400px;
    }
}

@media (min-width: 992px) {
    .feature--thumb.style-two {
        width: 650px;
    }

    .feature--thumb.style-two .owl-item .main-thumb img {
        width: 100%;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .feature--thumb.style-two {
        width: 1000px;
    }
}

@media (min-width: 992px) and (min-width: 1200px) and (min-width: 1400px) {
    .feature--thumb.style-two {
        width: 1100px;
    }

    .feature--thumb.style-two img {
        width: auto !important;
    }
}

@media (min-width: 992px) {
    .feature--thumb.style-two .owl-item .main-thumb {
        direction: rtl;
        width: auto;
    }
}

.feature-shapes {
    position: absolute;
    right: 0;
    top: 0;
}

.feature-shapes img {
    width: 100%;
    max-width: 595px;
}

@media (max-width: 1399px) {
    .feature-shapes {
        max-width: 395px;
    }
}

.feature-shapes.style-two {
    left: 0;
    right: auto;
    max-width: 695px;
}

/*How Section Starts Here*/
.how-item {
    margin-bottom: 40px;
    text-align: center;
}

.how-item .how-thumb {
    position: relative;
    margin-bottom: 40px;
}

.how-item .how-thumb::before {
    /*    position: absolute;
    counter-increment: how-counter;
    content: counter(how-counter);
    -webkit-border-radius: 46px 43px 68px 38px;
    -moz-border-radius: 46px 43px 68px 38px;
    border-radius: 46px 43px 68px 38px;
    height: 70px;
    width: 68px;
    line-height: 70px;
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 5.806px 23.287px 30.72px 1.28px rgba(232, 58, 153, 0.5);
    color: #ffffff;
    /*font-family: "Josefin Sans", sans-serif;
    font-size: 54px;
    top: 0;
    left: 0;*/
}

@media (max-width: 991px) {
    .how-item .how-thumb::before {
        font-size: 40px;
    }
}

@media (max-width: 991px) and (max-width: 575px) {
    .how-item .how-thumb::before {
        font-size: 30px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
}

.how-item .how-thumb img {
    max-width: 100%;
    height: 150px;
}

.how-item .how-content .download-options {
    margin-bottom: 28px;
}

.how-item .how-content .download-options li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
}

.how-item .how-content .download-options li a.active, .how-item .how-content .download-options li a:hover {
    background: -ms-linear-gradient(-127deg, #5d27c6 29%, #2e34ff 100%);
    background: -moz-linear-gradient(-127deg, #5d27c6 29%, #2e34ff 100%);
    background: -webkit-linear-gradient(-127deg, #5d27c6 29%, #2e34ff 100%);
    box-shadow: 0.975px 7.94px 12px 0px rgba(47, 105, 252, 0.47);
}

.how-item .how-content .button-3 {
    margin-bottom: 22px;
    font-size: 16px;
    padding: 6px 0;
    display: block;
}

.how-item .how-content .title {
    margin-bottom: 32px;
}

.how-item .how-content .title a {
    text-decoration: underline;
    color: #3036ff;
}

@media (max-width: 991px) {
    .how-item {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
    }

    .how-item .how-thumb {
        margin-bottom: 30px;
    }

    .how-item .button-3 {
        margin-bottom: 25px;
    }

    .how-item .title {
        margin-bottom: 22px;
    }

    .how-item .download-options {
        margin-bottom: 18px;
    }
}

.row {
    counter-reset: how-counter;
}

.row div[class*="col"]:nth-of-type(3n + 2) .how-item .how-thumb::before {
    background: -moz-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    background: -webkit-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    background: -ms-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    box-shadow: 4.232px 12.292px 15.36px 0.64px rgba(209, 62, 157, 0.5);
}

.row div[class*="col"]:nth-of-type(3n + 3) .how-item .how-thumb::before {
    background: -moz-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    background: -webkit-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    background: -ms-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    box-shadow: 2.661px 10.673px 13.44px 0.56px rgba(151, 134, 20, 0.5);
}

/*Amazing Feature Section Starts Here*/
.feature-video-area {
    position: relative;
    z-index: 9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .feature-video-area .thumb img {
        max-width: 600px;
    }
}

.feature-video-area .button-area {
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.feature-video-area .button-area .title {
    color: #ffffff;
    margin-bottom: 40px;
    width: 100%;
}

@media (max-width: 575px) {
    .feature-video-area .button-area .title {
        margin-bottom: 20px;
    }
}

@media (max-width: 575px) {
    .feature-video-area .button-area {
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .feature-video-area {
        max-width: 450px;
    }

    .feature-video-area .thumb img {
        width: 100%;
    }
}

.feature-top-shape {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    min-width: 1920px;
    top: -3px;
}

@media screen and (max-width: 1550px) {
    .feature-top-shape {
        left: auto;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        right: -175px;
    }
}

.feature-top-shape img {
    width: 100%;
}

.am-item {
    padding: 80px 20px;
    text-align: center;
    margin-bottom: 30px;
    border-radius: 20px;
    box-shadow: 1.95px 15.881px 30px 0px rgba(47, 105, 252, 0.1);
    background-color: #ffffff;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.am-item .am-thumb {
    height: 110px;
    margin-bottom: 45px;
}

.am-content p {
    padding: 10px 0;
    height: 110px;
    overflow: hidden;
}

.am-item {
    padding: 20px 10px;
    text-align: center;
    margin-bottom: 0;
    border-radius: 20px;
    box-shadow: 1.95px 15.881px 30px 0px rgba(47, 105, 252, 0.1);
    background-color: #ffffff;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.am-item .am-thumb img {
    height: 100%;
}

.am-item .am-content .title {
    font-weight: 700;
    margin-bottom: 10px;
}

@media (min-width: 992px) and (max-width: 1399px) {
    .am-item {
        padding: 50px 20px;
    }

    .am-item .am-thumb {
        height: 80px;
    }
}

@media (max-width: 575px) {
    .am-item {
        max-width: 280px;
        margin: 0 auto 30px;
    }
}

.am-item:hover, .am-item.active {
    box-shadow: 1.95px 15.881px 30px 0px rgba(47, 105, 252, 0.31);
}

.feature-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (min-width: 992px) {
    .feature-background {
        bottom: 80px;
    }
}

@media (min-width: 992px) {
    .amazing-feature-bottom {
        margin-top: 15px;

        color: #333;
    }

    .amazing-feature-bottom .section-header p {
        max-width: 520px;
    }
}

.shape-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.downarrow {
    position: absolute;
    left: 100%;
    top: 20px;
}

.ft-shape {
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1399px) {
    .ft-shape {
        display: none;
    }
}

.ft-shape img {
    max-width: 100%;
}

.rocket {
    position: absolute;
    top: 0;
    left: -10%;
}

.am-obj {
    position: absolute;
    top: 30%;
    left: 1540px;
}

.am-obj.two {
    top: 70%;
    left: 1600px;
    animation: zigZag 60s alternate infinite;
}

/*Sponsor Section Starts Here*/
@media (max-width: 991px) {
    .spon-cont {
        margin-bottom: 40px;
        text-align: center;
    }
}

.sponsor-thumb {
    max-width: 95px;
    margin: 0 auto;
}

.sponsor-thumb img {
    max-width: 100%;
}

/*Download Section Starts Here*/
.download-area {
    max-width: 735px;
    margin: 0 auto 15px;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .download-area {
        margin-bottom: 35px;
    }
}

.download-item {
    margin-bottom: 25px;
    padding: 0 15px;
    text-align: center;
}

.download-item .thumb {
    width: 94px;
    height: 94px;
    text-align: center;
    line-height: 94px;
    font-size: 60px;
    color: #ffffff;
    background: #b7b9cf;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 14px;
}

.download-item .content .title {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    margin: 0;
    font-weight: 600;
    text-transform: capitalize;
}

.download-item:hover .thumb, .download-item.active .thumb {
    background: #ee4730;
}

@media (max-width: 767px) {
    .download-item .thumb {
        font-size: 40px;
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
}


/*Custom Plan Section Starts Here*/
.custom-plan {
    background-size: 100% 100%;
}

@media (max-width: 1199px) {
    .custom-plan {
        background-image: none !important;
    }
}

.custom-wrapper {
    position: relative;
    padding: 220px 0 180px;
}

.custom-wrapper .section-header {
    max-width: 700px;
}

@media (min-width: 768px) {
    .custom-wrapper .section-header {
        margin-bottom: 45px;
    }
}

.custom-wrapper .circle {
    display: block;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 15px;
    overflow: hidden;
    background: -webkit-linear-gradient(-65deg, #2621b5 0%, #891dbd 100%);
    animation: rotate 1s linear infinite;
}

@media (min-width: 768px) {
    .custom-wrapper .circle {
        display: none;
    }
}

.custom-wrapper .circle::after {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffffff;
}

.custom-wrapper .circle.two {
    left: 30%;
    top: calc(100% - 40px);
}

.custom-wrapper .custom-area {
    position: relative;
    z-index: 1;
}

.custom-wrapper .calculate-bg {
    height: 100%;
    height: 100%;
}

.custom-wrapper .calculate-bg img {
    height: 100%;
}

.custom-wrapper .custom-button {
    text-transform: capitalize;
}

@media (max-width: 1199px) {
    .custom-wrapper {
        padding: 180px 0;
    }
}

.theme-shadow {
    box-shadow: 0px 5px 20px rgba(238, 71, 48, 0.5);
}

/*Counter Section Statrs Here*/
.counter-area {
    justify-content: space-between;
    margin: 0 -15px -27px;
}

.counter--item {
    margin: 0 15px 20px;
}

.counter--item .counter-thumb {
    width: 80px;
}

.counter--item .counter-thumb img {
    width: 100%;
}

.counter--item .counter-content {
    width: calc(100% - 80px);
    padding-left: 30px;
}

.counter--item .counter-content .title {
    margin: 0;
}

.counter--item .counter-content .title span {
    color: #ff8a00;
}

@media (min-width: 768px) {
    .counter--item .counter-content .title {
        font-size: 60px;
        margin-bottom: 2px;
    }
}

@media (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
    .counter--item .counter-content .title {
        font-size: 48px;
    }
}

.counter--item .counter-content span {
    color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 575px) {
    .counter--item .counter-thumb {
        width: 60px;
    }

    .counter--item .counter-content {
        width: calc(100% - 60px);
        padding-left: 20px;
    }
}

.counter-thumb-1 {
    position: relative;
    z-index: 1;
}

@media (max-width: 1199px) {
    .counter-thumb-1 img {
        max-width: 700px;
    }
}

@media (max-width: 991px) {
    .counter-section {
        background-color: #2c18b4;
    }
}

div[class*="elem"] {
    position: absolute;
}

@media (max-width: 991px) {
    div[class*="elem"] {
        display: none;
    }
}

div[class*="elem"] img {
    max-width: 100%;
}

.elem-1 {
    opacity: .5;
    top: 33%;
    animation: lefTRight 25s linear infinite;
    -webkit-animation: lefTRight 25s linear infinite;
    -moz-animation: lefTRight 25s linear infinite;
}

.elem-2 {
    top: 30%;
    animation: righTLeft 25s linear infinite;
    -webkit-animation: righTLeft 25s linear infinite;
    -moz-animation: righTLeft 25s linear infinite;
}

.elem-3 {
    top: 33%;
    left: 40%;
    animation: zigZag 25s alternate infinite;
    -webkit-animation: zigZag 25s alternate infinite;
    -moz-animation: zigZag 25s alternate infinite;
}

.elem-4 {
    top: 60%;
    left: 90%;
    animation: zigZag 25s alternate-reverse infinite;
    -webkit-animation: zigZag 25s alternate-reverse infinite;
    -moz-animation: zigZag 25s alternate-reverse infinite;
}

.elem-5 {
    bottom: 12%;
    left: 35%;
    animation: rotate 40s linear infinite;
    -webkit-animation: rotate 40s linear infinite;
    -moz-animation: rotate 40s linear infinite;
}

.elem-6 {
    top: 40%;
    left: 10%;
    animation: zigZag 50s alternate infinite;
    -webkit-animation: zigZag 50s alternate infinite;
    -moz-animation: zigZag 50s alternate infinite;
}

.elem-7 {
    bottom: 15%;
    left: 15%;
    animation: zigZag 25s alternate-reverse infinite;
    -webkit-animation: zigZag 25s alternate-reverse infinite;
    -moz-animation: zigZag 25s alternate-reverse infinite;
}

/*How Section Two Starts Here*/
.downarrow2 {
    text-align: right;
    -webkit-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    transform: translateX(-150px);
}

@media (min-width: 992px) {
    .downarrow2 {
        -webkit-transform: translateX(-150px);
        -ms-transform: translateX(-150px);
        transform: translateX(-150px);
    }
}

@media screen and (max-width: 525px) {
    .downarrow2 {
        -webkit-transform: translateX(-70px);
        -ms-transform: translateX(-70px);
        transform: translateX(-70px);
    }

    .downarrow2 img {
        max-height: 70px;
    }
}

.downarrow2 img {
    max-width: 100%;
}

.how-bottom, .how-top {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 1920px;
    width: 100%;
}

.how-bottom img, .how-top img {
    width: 100%;
}

.how-top {
    top: 0;
}

.how-bottom {
    bottom: 100px;
}

.how-main-bg {
    top: 0;
    left: 0;
    height: calc(100% - 135px);
    width: 100%;
}

.how--item {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 100px;
    position: relative;
}

.how--item .how-content {
    position: relative;
    text-align: center;
    max-width: 255px;
}

.how--item .how-content .button-4 {
    display: block;
    padding: 16px 5px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 34px;
}

.how--item .how-content .serial {
    top: 20%;
}

.how--item .how-content * {
    position: relative;
    z-index: 1;
}

.how--item .how-content .thumb {
    height: 140px;
    margin-bottom: 30px;
}

.how--item .how-content .thumb img {
    height: 100%;
}

.how--item .how-content p {
    color: #ffffff;
}

@media (min-width: 768px) {
    .how--item .how-thumb {
        max-width: calc(90% - 255px);
    }
}

.how--item:nth-of-type(2n + 2) {
    flex-direction: row-reverse;
}

.how--item:nth-of-type(2n + 2) .how-thumb {
    direction: rtl;
}

@media (min-width: 992px) {
    .how--item:nth-of-type(2n + 1) .how-content {
        margin-left: 8.333333%;
    }

    .how--item:nth-of-type(2n + 2) .how-content {
        margin-right: 8.333333%;
    }
}

.how--item .anime-item {
    position: absolute;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: -ms-linear-gradient(-127deg, #0015fe 0%, #fe36c0 88%);
    background: -moz-linear-gradient(-127deg, #0015fe 0%, #fe36c0 88%);
    background: -webkit-linear-gradient(-127deg, #0015fe 0%, #fe36c0 88%);
    z-index: 1;
}

@media (max-width: 767px) {
    .how--item .anime-item {
        display: none;
    }
}

.how--item .anime-item::after, .how--item .anime-item::before {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: -ms-linear-gradient(-127deg, #0015fe 0%, #fe36c0 88%);
    background: -moz-linear-gradient(-127deg, #0015fe 0%, #fe36c0 88%);
    background: -webkit-linear-gradient(-127deg, #0015fe 0%, #fe36c0 88%);
    box-shadow: 3.694px -4.728px 38px 0px rgba(17, 65, 189, 0.52);
}

.how--item .anime-item::before {
    -webkit-animation: inner-ripple 2000ms linear infinite;
    -moz-animation: inner-ripple 2000ms linear infinite;
    animation: inner-ripple 2000ms linear infinite;
}

.how--item .anime-item::after {
    -webkit-animation: outer-ripple 2000ms linear infinite;
    -moz-animation: outer-ripple 2000ms linear infinite;
    animation: outer-ripple 2000ms linear infinite;
}

@media (max-width: 767px) {
    .how--item {
        margin-bottom: 120px;
    }

    .how--item .how-content {
        margin: 0 auto 40px;
    }

    .how--item .how-thumb img {
        width: 100%;
    }
}

.how-wrapper {
    position: relative;
    padding-top: 45px;
}

.how-wrapper .plane {
    z-index: 3;
    position: absolute;
    left: calc(50% - 46px);
    bottom: calc(100% - 20px);
}

.how-wrapper::after {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 10px;
    height: calc(100% + 150px);
    background: -ms-linear-gradient(-127deg, #9441d4 15%, #ff51ff 100%);
    background: -moz-linear-gradient(-127deg, #9441d4 15%, #ff51ff 100%);
    background: -webkit-linear-gradient(-127deg, #9441d4 15%, #ff51ff 100%);
}

@media (max-width: 767px) {
    .how-wrapper {
        padding-top: 80px;
    }

    .how-wrapper::after {
        display: none;
    }
}

.member-counter-area {
    position: relative;
    margin-top: 160px;
}

.member-counter-area .member-bg {
    width: 100%;
    height: 100%;
    text-align: center;
    min-width: 720px;
}

.member-counter-area .member-bg img {
    height: 100%;
    max-width: 100%;
}

.member-counter-area .up-bal {
    position: absolute;
    bottom: 99%;
    left: calc(50% - 268px);
    width: 555px;
}

.member-counter-area .up-bal img {
    max-width: 100%;
}

.member-counter-area .up-bal.two {
    bottom: 75%;
    left: calc(50% - 366px);
    width: 700px;
}

.member-counter-area .member-counter {
    position: relative;
    z-index: 1;
    text-align: center;
}

.member-counter-area .member-counter .title {
    margin-bottom: 23px;
}

.member-counter-area .member-counter p {
    margin-bottom: 49px;
}

.member-counter-area .member-counter .custom-button {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 15px 45px;
    margin-bottom: 28px;
    box-shadow: 0px 10px 20px rgba(238, 71, 48, 0.9);
}

.member-counter-area .member-counter .download-options li a {
    background: #b7b9cf;
}

.member-counter-area .member-counter .download-options li a i {
    color: #553fdc;
}

.member-counter-area .member-counter .download-options li a.active, .member-counter-area .member-counter .download-options li a:hover {
    background: #ee4730;
}

.member-counter-area .member-counter .download-options li a.active i, .member-counter-area .member-counter .download-options li a:hover i {
    color: #ffffff;
}

@media (max-width: 767px) {
    .member-counter-area .member-counter .title {
        margin-bottom: 10px;
    }

    .member-counter-area .member-counter p {
        margin-bottom: 30px;
    }

    .member-counter-area .member-counter .custom-button {
        margin-bottom: 30px;
    }
}

/*Real Data Section Starts Here*/
.bal-list li {
    padding: 0;
    font-weight: 600;
    color: #333;
    width: 100%;
    max-width: 285px;
    padding-left: 30px;
    position: relative;
    margin-bottom: 3px;
}

.bal-list li::before {
    position: absolute;
    content: "\f00c";
    left: 0;
    top: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #333;
    font-size: 12px;
}


#main-unsecured-loan .banner {
    background: url('http://webvaseo.com.vn/templates/img-add/bg-top.png') no-repeat top center;
    min-height: 655px;
    padding: 105px 0 60px;
    background-size: cover;
    background-position-y: -58px;
    position: relative;
    z-index: 1;
    padding-top: 175px;
}

#main-unsecured-loan .banner .block-content p {
    font-size: 18px;
    font-weight: 300;
    color: #42464e;
    margin-bottom: 10px;
}

#main-unsecured-loan .banner .block-content h1 {
    font-weight: bold;
    font-size: 42px;
    color: #d42027;
    margin-bottom: 25px;
    display: inline-block;
}

#main-unsecured-loan .banner .block-content ul {
    padding: 0;
    list-style: none;
    margin-bottom: 45px;
    margin-top: 40px;
}

#main-unsecured-loan .banner .block-content ul li {
    font-size: 18px;
    font-weight: 300;
    color: #42464e;
    padding-left: 38px;
    background: url('http://webvaseo.com.vn/templates/img-add/tick.png') no-repeat top left;
    margin-bottom: 15px;
}

.btn-registration {
    color: #fff;
    background: #d42027;
    background: linear-gradient(to right, #d42027, #d42027);
    border-radius: 45px;
    display: inline-block;
    line-height: 63px;
    padding: 0 25px;
    outline: none;
    -webkit-user-select: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    font-size: 16px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

#main-unsecured-loan .banner .block-content .btn-registration {
    height: 75px;
    line-height: 75px;
    padding: 0 80px;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    background-image: -moz-linear-gradient(0deg, #01c2a4 0%, #20d4b0 100%);
    background-image: -webkit-linear-gradient(0deg, #01c2a4 0%, #20d4b0 100%);
    background-image: -ms-linear-gradient(0deg, #01c2a4 0%, #20d4b0 100%);
}

#main-unsecured-loan .banner .scroll-down {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 25px;
}

.ld-unsecuredloan .banner .block-img img {
    margin-left: -299px;
    margin-top: -160px;
}

#main-unsecured-loan .what {
    /*background: url('http://webvaseo.com.vn/templates/img-add/bg-what.png') no-repeat bottom center;*/
    padding-bottom: 50px;
    margin-top: 0px;
    position: relative;
}


.what .one {
    padding-top: 100px;
    margin-bottom: 90px;
}

.what .one .block-content {
    padding-left: 85px;
}

.ld-unsecuredloan .what h2 {
    text-align: left;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #1e2022;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

.ld-unsecuredloan .what .block-item p {
    font-weight: 400;
    color: #42464e;
    margin-bottom: 20px;
    display: flex;
    font-size: 18px;
    line-height: 1.5;
    color: #1e2022;
    padding-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.ld-unsecuredloan .what .one .block-content p {

}

.ld-unsecuredloan .what .one .block-img img {
    margin: 0 auto;
    margin-top: 0px;
    max-width: 403px;
}

.ld-unsecuredloan .what .block-item ul {
    padding: 0;
    list-style: none;
    margin-bottom: 45px;
}

.ld-unsecuredloan .what .two .block-content ul {
    padding-right: 66px;
}

.ld-unsecuredloan .what .block-item ul li {
    display: flex;
    font-size: 18px;
    line-height: 1.5;
    color: #1e2022;
    padding-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.ld-unsecuredloan .what .block-item ul li .fa.fa-check-circle {
    font-size: 17px;
    padding-right: 10px;
    color: #d52027;
}

.btn.btn-primary {
    background: #e93536 !important;
    border: #ccc !important;
}

.video-btn {

    color: #333;
    font-size: 18px;
}

.ld-unsecuredloan .what .block-item .btn-registration {
    line-height: 59px;
    padding: 0 38px;
    font-size: 28px;
    font-weight: 500;
    color: #fff;

}

.ld-unsecuredloan img {
    max-width: none;
}

.ld-unsecuredloan .what .two .block-img img {
    /* margin-left: -300px;
     margin-top: -25px; */
    max-width: 100%;
}

.btn-registration:before {
    content: "";
    border-radius: 45px;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .04);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.btn-registration:hover:before, .btn-registration:focus:before, .btn-registration:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.ld-unsecuredloan .what:before {
    content: "";
    width: 159px;
    height: 601px;
    position: absolute;
    bottom: 200px;
    z-index: 2;
    right: 0;
    /*background: url(http://webvaseo.com.vn/templates/img-add/shape-right-what.png) no-repeat top right;*/
}

.ld-unsecuredloan .what:after {
    /*content: "";
    width: 152px;
    height: 587px;
    position: absolute;
    top: -330px;
    z-index: 2;
    left: 0;
    background: url(http://webvaseo.com.vn/templates/img-add/shape-left-what.png) no-repeat top left;*/
}

.ld-unsecuredloan .banner .scroll-down .ti-arrow-down {
    /*background: url(http://webvaseo.com.vn/templates/img-add/down-arrow.png) no-repeat top center;*/
    width: 9px;
    height: 46px;
    background-size: contain;
    display: inline-block;
    animation: bounce 2s ease infinite;
}

.ld-unsecuredloan .why {
    /*background: url(http://webvaseo.com.vn/templates/img-add/bg-why.png) no-repeat top center;*/
    padding: 195px 0 180px;
    background-size: cover;
    margin-top: -230px;
    position: relative;
    z-index: 2;
}

.ld-unsecuredloan .why .item p {
    padding: 0 10px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.ld-unsecuredloan .products h2 {
    font-size: 18px;
    margin-bottom: 13px;
    line-height: 26px;
}

.ld-unsecuredloan .why h2 {
    color: #fff;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 50px;
    font-size: 35px;
    font-weight: 500;
    /* color: #d42027; */
    /* text-align: left; */
    margin-bottom: 30px;
    line-height: 1.3;
}

.ld-unsecuredloan .why .item {
    text-align: center;
    margin-bottom: 0px;
    background: #fff;
    border-radius: 35px;
    padding: 33px 0 27px;
    min-height: 380px;
}

.ld-unsecuredloan .why .slide-why {
    margin: -35px;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.ld-unsecuredloan .why .slide-why .swiper-container {
    padding: 35px;
}

/* .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
} */
.ld-unsecuredloan .why .item {
    text-align: center;
    margin-bottom: 35px;
    background: #fff;
    border-radius: 35px;
    padding: 40px 0 30px;
    min-height: 380px;
}

.ld-unsecuredloan .why .item img {
    margin-bottom: 15px;
}

.ld-unsecuredloan .why .item h3 {
    font-size: 18px;
    font-weight: 500;
    color: #42464e;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}

.ld-unsecuredloan .why .item h3:before {
    content: "";
    width: 40px;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.ld-unsecuredloan .why .item h3.one:before {
    background: #7486e9;
}

.ld-unsecuredloan .why .item p {
    font-weight: 400;
    font-size: 16px;
    text-align-last: center;
    margin-bottom: 0;
    padding: 0 20px;
    color: #333;
    line-height: 25px;
}

.ld-unsecuredloan .why .item h3.two:before {
    background: #ffbb02;
}

.ld-unsecuredloan .why .item h3.three:before {
    background: #0758d2;
}

.ld-unsecuredloan .why .item h3.four:before {
    background: #ff7039;
}

.ld-unsecuredloan .why .scroll-down .ti-arrow-down {
    background: url(http://webvaseo.com.vn/templates/img-add/down-arrow.png) no-repeat top center;
    width: 9px;
    height: 46px;
    background-size: contain;
    display: inline-block;
    animation: bounce 2s ease infinite;
    margin-left: 12px;
}

.ld-unsecuredloan .why .scroll-down {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 85px;
}

.ld-unsecuredloan .products {
    padding: 0px 0 0;
    position: relative;
}

.ld-unsecuredloan .products h2 {
    font-size: 42px;
    font-weight: bold;
    color: #096f47;
    margin-bottom: 25px;
}

.title-products span {
    font-size: 18px;
    color: #333;
    text-align: center;
    float: left;
    width: 100%;
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    margin: 10px 0;
}

.ld-unsecuredloan .products .block-grid {
    margin: 0 -25px;
    margin-top: 0px;
    float: left;
    margin-top: 30px;
}

.ld-unsecuredloan .products .block-grid .item {
    background: #fff;
    text-align: center;
    padding: 40px 10px 20px;
    border-radius: 10px;
    min-height: 530px;
    margin-bottom: 50px;
    box-shadow: 3px 3px 1px 0 rgba(10, 136, 88, .18);
    position: relative;
    border: 2px solid rgba(10, 136, 88, .18);
}

.ld-unsecuredloan .products .block-grid .item.three ul li {

}


.ld-unsecuredloan .products .block-grid .item > div {
    height: 70px;
}

.ld-unsecuredloan .products .block-grid .item h4 {
    font-size: 18px;
    color: #42464e;
    font-weight: 400;
}

.ld-unsecuredloan .products .block-grid .item h3 {
    font-weight: bold;
    font-size: 26px;
    color: #d21515;
    margin: 0px 0;
}

.ld-unsecuredloan .products .block-grid .item ul {
    padding: 0 20px;
    list-style: none;
    margin-bottom: 0;
    min-height: 250px;
}

.ld-unsecuredloan .products .block-grid .item ul li {
    display: flex;
    font-size: 16px;
    line-height: 1.5;
    color: #1e2022;
    padding-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.ld-unsecuredloan .products .block-grid .item ul li .fa.fa-check-circle {
    font-size: 17px;
    padding-right: 10px;
    color: #d52027;

}

.ld-unsecuredloan .products .block-grid .item ul li:first-child {
    background-position-y: 19px;
    border-top: solid 1px #ebebeb;
    padding-top: 20px;
    margin-top: 20px;
}

.ld-unsecuredloan .products .block-grid .item .btn-registration {
    font-weight: 500;
    font-size: 24px;
    height: 46px;
    line-height: 46px;

}

.ld-unsecuredloan .products .block-grid .item label {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: #ff8da2;
    border-radius: 3px;
    font-weight: bold;
    vertical-align: top;
    margin: -5px 0 0 7px;
    padding: 0 5px;
    position: absolute;
    right: 27px;
    top: 27px;
}

.ld-unsecuredloan .products:after {
    content: "";
    width: 100%;
    /*height: 1311px;*/
    position: absolute;
    bottom: 220px;
    left: 0;
    background-size: cover;
    background-position-y: 0;
    /*background: url(http://webvaseo.com.vn/templates/img-add/bg-products.png?v2) no-repeat;*/
}

.ld-unsecuredloan .products .container {
    position: relative;
    z-index: 1;
}

.ld-unsecuredloan .faq {
    /*background: url(http://webvaseo.com.vn/templates/img-add/bg-faq.png?v=2) no-repeat top center;*/
    padding-top: 505px;
    margin-top: -350px;
    background-position-y: -15px;
    padding-bottom: 235px;
    position: relative;
    z-index: 0;
}

.ld-unsecuredloan .faq h2 {
    font-size: 38px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-top: -120px;
    padding-bottom: 85px;
}

.ld-unsecuredloan .faq .block-faq {
    padding: 0 68px;
    margin-top: -40px;
}

.ld-unsecuredloan .faq .block-faq .in-faq {
    padding: 40px 50px 40px;
    background: #fff;
    box-shadow: 0 0 50px 0 rgba(10, 136, 88, .16);
    border-radius: 10px;
}

.ld-unsecuredloan .faq .block-faq .in-faq .item-line {
    text-align: left;
    margin-bottom: 20px;
}

.ld-unsecuredloan .faq .block-faq .in-faq .item-line h4 {
    position: relative;

    border: solid 1px #c6ebde;
    border-radius: 10px;
    line-height: 25px;

    padding-left: 15px;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    cursor: pointer;
    color: #42464e;
    padding: 10px;
    padding-right: 40px;

}


.ld-unsecuredloan .faq .block-faq .in-faq .item-line h4 .icon:after {
    content: "";
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 35px;
    /*background: url(http://webvaseo.com.vn/templates/img-add/plus.png) center no-repeat;*/
    position: absolute;
    right: 10px;
    top: 12px;
}

.ld-unsecuredloan .faq .block-faq .in-faq .item-line p {
    font-size: 16px;
    color: #42464e;
    line-height: 26px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: justify;
    display: none;
    padding: 0 0 0 20px;
}

.ld-unsecuredloan .faq .block-faq .in-faq .item-line.active h4 .icon:before {
    content: "";
    width: 30px;
    height: 30px;
    background: #d42027;
    z-index: 0;
    position: absolute;
    right: 10px;
    top: 12px;
    border-radius: 30px;
}

.ld-unsecuredloan .faq .block-faq .in-faq .item-line h4 .icon:after {
    content: "";
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 35px;
    /*background: url(http://webvaseo.com.vn/templates/img-add/plus.png) center no-repeat;*/
    position: absolute;
    right: 10px;
    top: 12px;
}

.ld-unsecuredloan .faq .block-faq .in-faq .item-line.active h4 .icon:after {
    /*background: url(http://webvaseo.com.vn/templates/img-add/minus.png) center no-repeat;*/
    z-index: 1;
}

.ld-unsecuredloan .faq .block-faq .in-faq .item-line.active h4 {
    font-weight: bold;
    border: none;
    background: transparent;
}

.omnichannel img {
    max-width: none;
}

.omnichannel .banner {
    padding: 115px 0 40px;
    position: relative;
    z-index: 1;
    /*background: url(http://webvaseo.com.vn/templates/img-add/bg_banner.png) no-repeat center top;*/
    margin-top: 0;
    background-position-x: 0;
    background-size: 101%;
    background-position-y: -68px;
}

.omnichannel .banner h1 {
    font-size: 42px;
    font-weight: 700;
    color: #5c5ed5;
    line-height: 1.2;
    margin: 60px 0 25px;
}

.omnichannel .banner span {
    font-size: 20px;
    font-weight: 300;
    color: #5c5ed5;
    display: block;
    margin-bottom: 5px;
}

.omnichannel .banner p {
    font-size: 18px;
    font-weight: 300;
    color: #42464e;
    margin-bottom: 40px;
}

.omnichannel .banner .btn-registration {
    font-size: 28px;
    font-weight: 500;
    height: 74px;
    line-height: 74px;
    color: #fff;
    padding: 0 56.43px;
    background-image: -moz-linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    background-image: -webkit-linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    background-image: -ms-linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    background-image: linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    box-shadow: 0 0 30px 0 rgba(9, 196, 122, .3);
}

.omnichannel .concept {
    text-align: left;
    padding-top: 80px;
    padding-bottom: 0;
    position: relative;
    z-index: 0;
}

.omnichannel .concept .block-image img {
    margin-left: -48px;
    margin-top: -40px;
}

.omnichannel .concept .title h2 {
    font-size: 38px;
    font-weight: 700;
    color: #5c5ed5;
    position: relative;
    display: block;
    margin: 0 0 30px;
}

.omnichannel .concept .block-content ul {
    padding: 0;
    list-style: none;
}

.omnichannel .concept .block-content ul li {
    padding-left: 33px;
    text-align: left;
    /*background: url(http://webvaseo.com.vn/templates/img-add/icon_title_concept.png) no-repeat top left;*/
    background-size: auto;
    padding-top: 0;
    margin-bottom: 30px;
}

.omnichannel .concept .block-content ul li p {
    font-weight: 400;
    color: #42464e;
    font-size: 16px;
    text-align: left;
    margin-bottom: 0;
    text-align: justify;
}

.omnichannel .concept .scroll-down {
    display: block;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 9;
    text-decoration: none;
    background: none;
    width: auto;
    height: unset;
}

.omnichannel .concept .scroll-down i {
    animation: bounce 2s infinite;
    display: block;
}

.omnichannel .utility {
    text-align: center;
    /*background: url(http://webvaseo.com.vn/templates/img-add/bg_utility.png) no-repeat top center;*/
    margin-top: 0;
    padding-top: 82px;
    padding-bottom: 79px;
    position: relative;
    z-index: 9;
    background-size: cover;
}

.omnichannel .utility p.title_small {
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 7px;
    padding-top: 80px;
}

.omnichannel .utility h2 {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 65px;
    padding-bottom: 40px;
    margin-top: 15px;
}

.omnichannel .utility .item .box-content {
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 0 50px 0 rgba(24, 24, 76, .26);
    z-index: 1;
    min-height: 290px;
    background: #fff;
    padding: 60px 35px 45px 35px;
    position: relative;
}

.omnichannel .utility .item .icon {
    width: 116px;
    height: 116px;
    box-shadow: 0 0 40px 0 rgba(77, 78, 188, .24);
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: -120px;
}

.omnichannel .utility .item h4 {
    font-size: 18px;
    font-weight: bold;
    color: #42464e;
    line-height: 24px;
    position: relative;
    margin-bottom: 15px;
    padding: 0 15px;
}

.omnichannel .utility .item p {
    font-size: 16px;
    font-weight: 400;
    color: #42464e;
    margin-bottom: 0;
    text-align: justify;
    text-align-last: center;
}

.omnichannel .utility .button_bottom {
    margin-top: 60px;
}

.omnichannel .utility .button_bottom .btn-registration {
    font-size: 28px;
    font-weight: 500;
    height: 74px;
    line-height: 74px;
    color: #fff;
    padding: 0 56.43px;
    background-image: -moz-linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    background-image: -webkit-linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    background-image: -ms-linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    background-image: linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    box-shadow: 0 0 30px 0 rgba(9, 196, 122, .3);
}

.omnichannel .utility .item .box-content:before {
    content: "";
    width: calc(100% - 40px);
    height: 15px;
    position: absolute;
    z-index: 0;
    background: #fff;
    box-shadow: 0 0 0 0 rgba(20, 158, 146, .12);
    border-radius: 12px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    opacity: .502;
}

.omnichannel .architecture {
    padding: 75px 0 52px;
    text-align: center;
    /*background: url(http://webvaseo.com.vn/templates/img-add/bg_architecture.png) no-repeat center top;*/
    background-size: cover;
    position: relative;
}

.omnichannel .architecture h2 {
    font-size: 42px;
    font-weight: 700;
    color: #5c5ed5;
    line-height: 1.2;
    margin: 0 0 10px;
    display: inline-block;
    padding-bottom: 14px;
}

.omnichannel .architecture p {
    font-size: 21px;
    font-weight: 300;
    color: #42464e;
    margin-bottom: 45px;
}

.omnichannel .architecture .detail {
    width: 1100px;
    height: 450px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    color: #6d6f7b;
    margin-bottom: 100px;
}

.omnichannel .architecture .detail .channel {
    position: absolute;
    top: 30px;
    left: 55px;
    z-index: 2;
}

.omnichannel .architecture .detail h4 {
    position: absolute;
    display: inline-block;
    margin: 0 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}

.omnichannel .architecture .detail .channel h4 {
    width: 100px;
    top: 15px;
    right: -40px;
}

.omnichannel .architecture .detail .report {
    position: absolute;
    top: 25px;
    left: 245px;
    z-index: 2;
}

.omnichannel .architecture .detail .report h4 {
    top: 40px;
    right: -25px;
}

.omnichannel .architecture .detail .warehouse {
    position: absolute;
    top: 145px;
    left: 5px;
    z-index: 2;
}

.omnichannel .architecture .detail .warehouse h4 {
    top: 30px;
    left: -30px;
}

.omnichannel .architecture .detail .order {
    position: absolute;
    top: 150px;
    left: 330px;
    z-index: 2;
}

.omnichannel .architecture .detail .order h4 {
    top: 35px;
    right: -5px;
}

.omnichannel .architecture .detail .shipping {
    position: absolute;
    left: 50px;
    bottom: 20px;
    z-index: 2;
}

.omnichannel .architecture .detail .shipping h4 {
    bottom: 30px;
    left: -50px;
}

.omnichannel .architecture .detail .customer {
    position: absolute;
    left: 210px;
    bottom: -5px;
    z-index: 2;
}

.omnichannel .architecture .detail .customer h4 {
    bottom: 25px;
    right: -35px;
}

.omnichannel .architecture .detail .seller {
    position: absolute;
    left: 165px;
    top: 150px;
    z-index: 2;
}

.omnichannel .architecture .detail .line-1 {
    position: absolute;
    top: 55px;
    left: 80px;
    z-index: 1;
}

.omnichannel .architecture .detail .sapo {
    position: absolute;
    bottom: -20px;
    right: 410px;
    z-index: 2;
}

.omnichannel .architecture .detail .sellatstore {
    position: absolute;
    top: 10px;
    right: 250px;
    z-index: 2;
}

.omnichannel .architecture .detail .sellatstore h4 {
    top: 5px;
    right: -5px;
}

.omnichannel .architecture .detail .sellatchannel {
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 2;
}

.omnichannel .architecture .detail .sellatchannel h4 {
    top: 70px;
    right: -55px;
}

.omnichannel .architecture .detail .sellatwebsite {
    position: absolute;
    top: 195px;
    right: 75px;
    z-index: 2;
}

.omnichannel .architecture .detail .sellatwebsite h4 {
    top: 35px;
    right: -65px;
}

.omnichannel .architecture .detail .sellatsocial {
    position: absolute;
    bottom: -30px;
    right: 150px;
    z-index: 2;
}

.omnichannel .architecture .detail .sellatsocial h4 {
    bottom: -15px;
    left: 35px;
}

.omnichannel .architecture .detail .line-2 {
    position: absolute;
    right: 90px;
    bottom: -25px;
}

.omnichannel .architecture .scroll-down {
    display: block;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    bottom: 32px;
    left: 48%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 9;
    text-decoration: none;
    background: none;
    width: auto;
    height: unset;
}

.omnichannel .architecture .detail {
    width: 1100px;
    height: 450px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    color: #6d6f7b;
    margin-bottom: 100px;
}

.omnichannel .architecture {
    padding: 75px 0 52px;
    text-align: center;
    /*background: url(http://webvaseo.com.vn/templates/img-add/bg_architecture.png) no-repeat center top;*/
    background-size: cover;
    position: relative;
}

.omnichannel .architecture .scroll-down {
    display: block;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    bottom: 32px;
    left: 48%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 9;
    text-decoration: none;
    background: none;
    width: auto;
    height: unset;
}

.omnichannel .architecture .scroll-down i {
    animation: bounce 2s infinite;
    display: block;
}

.omnichannel .architecture .scroll-down i:before {
    content: "";
    width: 9px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    /*background: url(http://webvaseo.com.vn/templates/img-add/arrow-down.png) no-repeat top center;*/
}

.omnichannel .function {
    position: relative;
    z-index: 2;
    padding-top: 80px;
}

.omnichannel .function p.title_small {
    font-size: 21px;
    font-weight: 300;
    color: #42464e;
    margin-bottom: 15px;
}

.omnichannel .function h2 {
    font-size: 42px;
    font-weight: 700;
    color: #5c5ed5;
    line-height: 1.2;
    margin: 0 0 10px;
}

.omnichannel .function .item.item_left {
    margin-top: 90px;
}

.omnichannel .function .item .block-content {
    padding-right: 85px;
}

.omnichannel .function .item .block-content .title_icon {
    line-height: 53px;
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 0 24px 24px 0;
    font-size: 24px;
    font-weight: bold;
    text-transform: none;
    background-image: -moz-linear-gradient(45deg, #7f81ff 47%, #b652f6 100%);
    background-image: -webkit-linear-gradient(45deg, #7f81ff 47%, #b652f6 100%);
    background-image: -ms-linear-gradient(45deg, #7f81ff 47%, #b652f6 100%);
    background-image: linear-gradient(45deg, #7f81ff 47%, #b652f6 100%);
    color: #fff;
    padding: 0 25px 0 50px;
    margin: 20px 0 35px 0;
    position: relative;
}

.omnichannel .function .item .block-content .title_icon .icon {
    display: inline-block;
    vertical-align: top;
    height: 26px;
    width: 24px;
    /*background: url(http://webvaseo.com.vn/templates/img-add/icontitle_fun_1.png) no-repeat center center;*/
    position: absolute;
    top: 12px;
    left: 14px;
}

.omnichannel .function .item .block-content ul {
    padding: 0;
    list-style: none;
}

.omnichannel .function .item .block-content ul li {
    text-align: left;
    /*background: url(http://webvaseo.com.vn/templates/img-add/iconcheck_fun_1.png) no-repeat top left;*/
    background-size: auto;
    padding-top: 0;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;

}

.omnichannel .function .item .block-content ul li h3 {
    font-size: 16px;
    color: #42464e;
    font-weight: 700;
    margin-bottom: 13px;
    padding-left: 33px;


}

.omnichannel .function .item .block-content ul li p {
    font-weight: 400;
    color: #42464e;
    font-size: 16px;
    text-align: left;
    margin-bottom: 32px;
    text-align: justify;
}

.omnichannel .function .two {
    margin-top: 153px;
}

.omnichannel .function .button_bottom .btn-registration {
    font-size: 28px;
    font-weight: 500;
    height: 74px;
    line-height: 74px;
    color: #fff;
    padding: 0 56.43px;
    background-image: -moz-linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    background-image: -webkit-linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    background-image: -ms-linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    background-image: linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    box-shadow: 0 0 30px 0 rgba(9, 196, 122, .3);
}

.omnichannel .function.function2 {
    background-color: #f2f2ff;
    margin-top: -35px;
    z-index: 0;
    padding-bottom: 80px;
}

.omnichannel .function .three {
    margin-top: 40px !important;
}

.omnichannel .function .four {
    margin-top: 90px;
}

.omnichannel .function.function2 .button_bottom {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
    bottom: -35px;
}

.omnichannel .function .four .block-content {
    padding-right: 20px;
    padding-left: 54px;
}

.omnichannel .function .three .block-content {
    padding-right: 32px;
}

.omnichannel .function .four .block-image img {
    margin-left: -86px;
}

.omnichannel .function .two .block-image img {
    margin-left: -58px;
}

.omnichannel .feedback {
    padding: 115px 0 168px;
    text-align: center;
    background: url(http://webvaseo.com.vn/templates/img-add/bg_feedback.png) no-repeat center top;
    background-size: cover;
    position: relative;
}

.omnichannel .feedback .title p.title_small {
    color: #42464e;
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 7px;
}

.omnichannel .feedback .title h2 {
    font-size: 42px;
    font-weight: 700;
    color: #5c5ed5;
    line-height: 1.3;
    padding-bottom: 40px;
    display: inline-block;
    padding-top: 20px;
}

.omnichannel .brand {
    margin-left: -30px;
    padding-top: 65px;
}


.omnichannel .slider-feedback .item .play {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 34%;
    left: 43%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: url(http://webvaseo.com.vn/templates/img-add/play.png) no-repeat center center;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    -ms-animation-name: pulse;
    -moz-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    background-size: contain;
}

.slider-feedback .owl-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.slider-feedback .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    float: left;
    margin: 3px;
    border: 1px solid #887afd;
    border-radius: 50%;
}

.slider-feedback .owl-dots .owl-dot.active {
    background: #887afd;
}

.slider-feedback {
    padding-bottom: 35px;
}

.omnichannel .feedback .scroll-down i:before {
    content: "";
    width: 9px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(http://webvaseo.com.vn/templates/img-add/arrow-down.png) no-repeat top center;
}

.omnichannel .feedback .scroll-down i {
    animation: bounce 2s infinite;
    display: block;
}

.omnichannel .feedback .scroll-down {
    display: block;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    bottom: 132px;
    left: 49%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 9;
    text-decoration: none;
    background: none;
    width: auto;
    height: unset;
}

.omnichannel .buy {
    text-align: center;
    background: url(http://webvaseo.com.vn/templates/img-add/bg_buy.png) no-repeat top center;
    margin-top: -80px;
    padding-top: 35px;
    padding-bottom: 135px;
    position: relative;
    z-index: 9;
}

.omnichannel .buy p.title_small {
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 7px;
    padding-top: 85px;
}

.omnichannel .buy h2 {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 0;
    padding-bottom: 30px;
    display: inline-block;
    padding-top: 25px;
}

.omnichannel .buy .item .icon {
    width: 139px;
    height: 125px;
    display: inline-block;
}

.omnichannel .buy .item .icon.buy-1 {
    background: url(http://webvaseo.com.vn/templates/img-add/buy_1.png) no-repeat center center;
}

.buy .item .icon.buy-2 {
    background: url(http://webvaseo.com.vn/templates/img-add/buy_2.png) no-repeat center center;
}

.omnichannel .buy .item .icon.buy-3 {
    background: url(http://webvaseo.com.vn/templates/img-add/buy_3.png) no-repeat center center;
}

.omnichannel .buy .item .icon.buy-4 {
    background: url(http://webvaseo.com.vn/templates/img-add/buy_4.png) no-repeat center center;
}

.omnichannel .buy .slide-buy .swiper-container {
    padding: 40px;
}

.omnichannel .buy .item .box-content {
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 0 30px 0 rgba(36, 37, 94, .26);
    z-index: 1;
    min-height: 445px;
    background: #fff;
    padding: 25px 20px 30px 30px;
    position: relative;
}

.omnichannel .buy .item h4 {
    font-size: 18px;
    font-weight: bold;
    color: #42464e;
    line-height: 24px;
    position: relative;
    margin-bottom: 16px;
    padding-top: 17px;
    text-align: left;
    padding-bottom: 8px;

}

.omnichannel .buy .item ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.omnichannel .buy .item .btn-more {
    display: block;
    text-align: left;
    position: relative;
    padding-right: 20px;
    color: #7f81ff;
    font-size: 15px;
    line-height: 26px;
    font-style: italic;
}

.omnichannel .buy .item ul li {
    text-align: left;
    padding-top: 0;
    margin-bottom: 13px;
    padding-left: 20px;
    position: relative;
}

.omnichannel .buy .item ul li:before {
    background: url(http://webvaseo.com.vn/templates/img-add/check_buy.png) no-repeat top left;
    background-size: auto;
    content: "";
    width: 13px;
    height: 10px;
    position: absolute;
    top: 5px;
    left: 0;
}

.omnichannel .buy .item .btn-more:after {
    width: 16px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    left: 100px;
    top: 8px;
    background-image: url(http://webvaseo.com.vn/templates/img-add/left-arrow.png);
}

.omnichannel .buy .button_bottom .btn-registration {
    font-size: 28px;
    font-weight: 500;
    height: 74px;
    line-height: 74px;
    color: #fff;
    padding: 0 56.43px;
    background-image: -moz-linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    background-image: -webkit-linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    background-image: -ms-linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    background-image: linear-gradient(0deg, #16d78c 0%, #22e166 100%);
    box-shadow: 0 0 30px 0 rgba(9, 196, 122, .3);
}

.omnichannel .support {
    text-align: center;
    padding: 10px 0 52px;
    text-align: center;
    position: relative;
}

.omnichannel .support h2 {
    font-size: 42px;
    font-weight: 700;
    color: #5c5ed5;
    line-height: 1.3;
    padding-bottom: 40px;
}

.omnichannel .support .block-content-padding {
    padding-left: 70px;
}

.omnichannel .support .block-content {
    display: flex;
    flex-flow: wrap;
    margin-top: 20px;
}

.omnichannel .support .block-content .item {
    width: calc(100% / 2);
    padding: 0;
    text-align: left;
    padding: 0 25.5px;
    margin-bottom: 68px;
}

.omnichannel .support .block-content .item:nth-child(1), .omnichannel .support .block-content .item:nth-child(3) {
    padding-left: 0;
    padding-right: 45px;
}

.omnichannel .support .block-content .item img {
    max-width: 36px;
    max-height: 36px;
}

.omnichannel .support .block-content .item h4 {
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
    color: #42464e;
    margin-bottom: 12px;
    display: inline-block;
    padding-left: 5px;
}

.omnichannel .support .block-content .item p {
    font-size: 16px;
    font-weight: 400;
    color: #42464e;
    line-height: 24px;
    padding: 0;
    margin: 0;
    text-align: justify;
}

.omnichannel .support:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(http://webvaseo.com.vn/templates/img-add/bg_support.png) no-repeat center top;
    background-size: cover;
    background-position-y: 170px;
    width: 100%;
    height: 100%;
    opacity: .6;
}


@media (min-width: 992px) and (max-width: 1199px) {
    .bal-list li {
        max-width: 255px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .bal-list li {
        max-width: 255px;
    }
}

@media (max-width: 575px) {
    .bal-list li {
        max-width: 100%;
    }
}

.realtime-content .bal-list {
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .realtime-content .bal-list {
        margin-bottom: 35px;
    }
}

.reliable-top, .reliable-bottom {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    min-width: 1920px;
}

.reliable-top img, .reliable-bottom img {
    width: 100%;
}

.reliable-top {
    top: -2px;
}

.reliable-bottom {
    bottom: -2px;
}

.reliable-video {
    position: relative;
}

.reliable-video img {
    width: 100%;
}

/*Convencing Feature Section Starts Here*/
.feature-tabs {
    border: none;
    justify-content: space-between;

}

.feature-tabs li {
    margin-bottom: 15px;
    padding: 0 10px;
}

.feature-tabs li a {
    text-align: center;
    display: block;
}

.feature-tabs li a .thumb {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232, 58, 153, 0.5);
    font-size: 36px;
    color: #ffffff;
    margin: 0 auto 20px;
}

.feature-tabs li a .subtitle {
    text-transform: capitalize;
    color: #333;
}

.feature-tabs li a.active {
    background-color: #0fd186;
}

.feature-tabs li a.active .subtitle {
    color: #fff;
}

.feature-tabs li:nth-of-type(5n + 2) a .thumb {
    background: -ms-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    background: -moz-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    background: -webkit-linear-gradient(0deg, #f6d365 0%, #fda085 100%);
    box-shadow: 2.419px 9.703px 18.24px 0.76px rgba(253, 160, 133, 0.5);
}

.feature-tabs li:nth-of-type(5n + 3) a .thumb {
    background: -ms-linear-gradient(0deg, #95b4ff 0%, #7397ff 100%);
    background: -moz-linear-gradient(0deg, #95b4ff 0%, #7397ff 100%);
    background: -webkit-linear-gradient(0deg, #95b4ff 0%, #7397ff 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(115, 151, 255, 0.5);
}

.feature-tabs li:nth-of-type(5n + 4) a .thumb {
    background: -ms-linear-gradient(0deg, #9df3a7 0%, #57d464 100%);
    background: -moz-linear-gradient(0deg, #9df3a7 0%, #57d464 100%);
    background: -webkit-linear-gradient(0deg, #9df3a7 0%, #57d464 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(87, 212, 100, 0.5);
}

.feature-tabs li:nth-of-type(5n + 5) a .thumb {
    background: -ms-linear-gradient(0deg, #63eef7 0%, #3ad1e5 100%);
    background: -moz-linear-gradient(0deg, #63eef7 0%, #3ad1e5 100%);
    background: -webkit-linear-gradient(0deg, #63eef7 0%, #3ad1e5 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(58, 209, 229, 0.5);
}

@media (max-width: 991px) {
    .feature-tabs li {
        margin-bottom: 20px;
    }

    .feature-tabs li a .thumb {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .feature-tabs li a .subtitle {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .feature-tabs li {
        width: calc(50% - 20px);
    }
}

.convencing-feature-content .title {
    margin-bottom: 28px;
}

.convencing-feature-content p {
    margin-bottom: 38px;
}

@media (max-width: 767px) {
    .convencing-feature-content .title {
        margin-bottom: 20px;
    }

    .convencing-feature-content p {
        margin-bottom: 28px;
    }
}

@media (max-width: 991px) {
    .convencing-feature-thumb img {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .convencing-feature-thumb {
        margin-bottom: 40px;
    }
}

/*Counter Section Two Start Here*/
.counter-wrapper-area-2 {
    padding: 75px 0 76px;
    border-radius: 30px;
    background: #ffffff;
    box-shadow: 1.21px 4.851px 19.2px 0.8px rgba(60, 57, 213, 0.1);
    position: relative;
    z-index: 1;
    margin-top: 50px;
}

@media (min-width: 1200px) {
    .counter-wrapper-area-2 {
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
        margin-top: -90px;
    }
}

@media (max-width: 575px) {
    .counter-wrapper-area-2 {
        padding: 52px 0 53px;
    }
}

.counter-wrapper-2 {
    margin-bottom: -30px;
}

.counter-item-2 {
    width: 25%;
    text-align: center;
    margin-bottom: 30px;
    border-right: 1px solid #bccaea;
}

.counter-item-2 .title {
    align-items: center;
    justify-content: center;
    margin-bottom: -5px;
    margin-top: 0;
}

.counter-item-2:nth-of-type(4n + 4) {
    border: none;
}

@media (max-width: 991px) {
    .counter-item-2 .title {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .counter-item-2 {
        width: 50%;
    }

    .counter-item-2:nth-of-type(4n + 2) {
        border: none;
    }
}

@media (max-width: 575px) {
    .counter-item-2 .name {
        font-size: 14px;
    }
}

/*Advance Feature Section Starts Here*/
.advance-feature-item {
    margin: 0 -15px;
    align-items: center;
}

.advance-feature-item .advance-feature-thumb, .advance-feature-item .advance-feature-content {
    width: 50%;
    padding: 0 15px;
}

.advance-feature-item .advance-feature-thumb img, .advance-feature-item .advance-feature-content img {
    width: 100%;
}

@media (max-width: 991px) {
    .advance-feature-item .advance-feature-thumb, .advance-feature-item .advance-feature-content {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .advance-feature-item .advance-feature-thumb {
        max-width: 450px;
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .advance-feature-item:nth-child(even) {
        flex-direction: row-reverse;
    }
}

.advance-feature-item.style-two .advance-feature-thumb {
    width: calc(100% - 610px);
}

.advance-feature-item.style-two .advance-feature-content {
    width: 610px;
    padding: 0 15px;
}

.advance-feature-item.style-two .advance-feature-content img {
    width: 100%;
}

@media (max-width: 1199px) {
    .advance-feature-item.style-two .advance-feature-thumb, .advance-feature-item.style-two .advance-feature-content {
        width: 50%;
    }
}

@media (max-width: 991px) {
    .advance-feature-item.style-two .advance-feature-thumb, .advance-feature-item.style-two .advance-feature-content {
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .advance-feature-item.style-two {
        justify-content: space-between;
    }

    .advance-feature-item.style-two .advance-feature-thumb {
        max-width: 540px;
    }

    .advance-feature-item.style-two .advance-feature-thumb img {
        width: auto;
    }
}

@media screen and (min-width: 1400px) and (min-width: 1650px) {
    .advance-feature-item.style-two .advance-feature-thumb {
        max-width: 410px;
    }
}

@media (min-width: 1400px) {
    .advance-feature-item.style-two:nth-child(odd) .advance-feature-thumb {
        direction: rtl;
    }

    .advance-feature-item.style-two:nth-child(odd) .advance-feature-thumb img {
        max-width: unset;
    }
}

/*To Access Section Stars Here*/
.to-access-item {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: rgba(225, 232, 255, 0.702);
    box-shadow: 3.871px 15.525px 68px 0px rgba(29, 40, 143, 0.5);
    padding: 60px 15px;
    text-align: center;
    margin: 0 auto 30px;
}

@media (max-width: 575px) {
    .to-access-item {
        max-width: 350px;
    }
}

.to-access-item .to-access-thumb {
    margin: 0 auto 28px;
    width: 90px;
    height: 90px;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.to-access-item .to-access-thumb span {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #c2c6f7;
    animation: rotate2 8s linear infinite;
    -webkit-animation: rotate2 8s linear infinite;
    -moz-animation: rotate2 8s linear infinite;
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
}

.to-access-item .to-access-thumb span::before, .to-access-item .to-access-thumb span::after {
    width: 10px;
    height: 10px;
    background-size: contain;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 1.21px 4.851px 6.72px 0.28px rgba(232, 58, 153, 0.39);
    left: 5px;
    bottom: 5px;
}

.to-access-item .to-access-thumb span::after {
    width: 13px;
    height: 13px;
    left: auto;
    bottom: auto;
    right: 5px;
    top: 5px;
}

.to-access-item .to-access-thumb .thumb {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(219, 218, 255, 0.5);
    background: #ffffff;
}

.to-access-item .to-access-thumb .thumb img {
    width: 100%;
}

.to-access-item.active .to-access-thumb span, .to-access-item:hover .to-access-thumb span {
    animation-play-state: running;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
}

.to-access-item.style-two {
    box-shadow: none;
    border: 1px solid #d6defb;
    background: transparent;
}

/*Work Section Starts Here*/
.work-item {
    max-width: 540px;
    margin: 0 auto 40px;
    text-align: center;
}

@media (min-width: 768px) {
    .work-item {
        padding-top: 10px;
    }
}

.work-item .work-thumb {
    width: 288px;
    margin: 0 auto 30px;
}

.work-item .work-thumb img {
    max-width: 100%;
}

.work-item .work-content .title {
    margin-bottom: 28px;
}

.work-item .work-content p {
    margin-bottom: 38px;
}

@media (max-width: 575px) {
    .work-item .work-thumb {
        max-width: 180px;
        margin-bottom: 10px;
    }

    .work-item .work-content .title {
        margin-bottom: 18px;
    }

    .work-item .work-content p {
        margin-bottom: 28px;
    }
}

.work-slider .owl-nav [class*=owl-] {
    background: transparent;
    font-size: 24px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    line-height: 1;
    margin-top: -12px;
    width: auto;
    margin: 0;
    color: rgba(255, 255, 255, 0.3);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    font-weight: 400;
}

@media (max-width: 575px) {
    .work-slider .owl-nav [class*=owl-] {
        font-size: 14px;
        top: 70px;
        padding: 0;
        color: rgba(255, 255, 255, 0.8);
    }
}

.work-slider .owl-nav [class*=owl-]::before {
    left: 0px;
    width: 100%;
    height: 24px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    background: url(img/arrow.png) no-repeat center center;
    background-size: contain;
}

@media (max-width: 575px) {
    .work-slider .owl-nav [class*=owl-]::before {
        height: 14px;
    }
}

.work-slider .owl-nav [class*=owl-]:hover {
    background: transparent;
}

.work-slider .owl-nav [class*=owl-]:hover:before {
    left: 10px;
}

.work-slider .owl-nav [class*=owl-].disabled {
    opacity: 0;
}

.work-slider .owl-nav .owl-next {
    right: 0;
}

.work-slider .owl-nav .owl-prev {
    left: 0;
}

.count-slider {
    border-radius: 20px;
    background-color: white;
    padding: 45px 0;
    position: relative;
    z-index: 2;
}

@media (min-width: 768px) {
    .count-slider {
        -webkit-transform: translateY(95px);
        -ms-transform: translateY(95px);
        transform: translateY(95px);
        margin-top: -65px;
    }
}

@media (max-width: 767px) {
    .count-slider {
        padding: 25px 0;
    }
}

.count-slider .count-item {
    width: 25%;
    text-align: center;
    min-height: 110px;
    padding: 10px;
    align-items: center;
    justify-content: center;
    position: relative;
    border-right: 1px solid #d9deef;
    cursor: pointer;
}

.count-slider .count-item::after {
    width: 100%;
    height: 100%;
}

.count-slider .count-item .title {
    margin: 0;
}

.count-slider .count-item .serial {
    font-size: 100px;
    line-height: 1;
    color: rgba(59, 54, 140, 0.102);
}

@media (max-width: 767px) {
    .count-slider .count-item {
        min-height: 80px;
    }

    .count-slider .count-item .serial {
        font-size: 60px;
    }
}

@media screen and (max-width: 510px) {
    .count-slider .count-item {
        width: 50%;
        min-height: 50px;
    }

    .count-slider .count-item:nth-child(even) {
        border: none;
    }

    .count-slider .count-item .serial {
        font-size: 50px;
    }
}

.pricing-item-2 .item-price {
    background: #ffffff;
    text-align: center;
    padding: 30px 15px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border: 1px solid #f0f0f4;
    border-radius: 10px;
}

.pricing-item-2 .cate {
    margin-bottom: 30px;
}

.pricing-item-2 .thumb {
    height: 88px;
    margin-bottom: 32px;
}

.pricing-item-2 .thumb img {
    margin: 0 auto;
    height: 100%;
    width: auto;
}

.pricing-item-2 .title {
    font-weight: 600;
    line-height: 1;
    margin: 0;
}

.pricing-item-2 .title sup {
    top: -13px;
    font-size: 55%;
}

.pricing-item-2 .info {
    display: block;
    color: #00bc9c;
    margin-bottom: 20px;
}

.pricing-item-2 ul {
    margin-bottom: 20px;
}

.pricing-item-2 ul li {
    padding: 6px 0;
}

.pricing-item-2 .get-button i {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    transition: 0s;
}

.pricing-item-2 .item-price:hover {
    border-radius: 5px;
    box-shadow: 0px 0px 30px rgba(59, 54, 140, 0.2);
    z-index: 1;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.pricing-item-2:hover .get-button {
    background: -ms-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -moz-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -webkit-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    box-shadow: 0px 10px 7px 0px rgba(17, 83, 252, 0.35);
    color: #ffffff;
    border-color: transparent;
}

.pricing-slider .row {
    margin-left: -5px;
    margin-right: -5px;
}

.pricing-slider .row .col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.pricing-item-2:hover .get-button i {
    padding-left: 0;
}

@media (max-width: 767px) {
    .pricing-item-2 {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }
}

.pricing-slider-wrapper {
    margin: -50px;
}

.pricing-slider-wrapper .pricing-slider {
    padding: 50px;
    overflow: hidden;
}

.pricing-slider-wrapper .pricing-slider .owl-stage-outer {
    overflow: visible;
}

.pricing-slider-wrapper .pricing-slider .owl-stage-outer .owl-item {
    visibility: hidden;
}

.pricing-slider-wrapper .pricing-slider .owl-stage-outer .owl-item:hover {
    z-index: 99;
}

.pricing-slider-wrapper .pricing-slider .owl-stage-outer .owl-item.active {
    visibility: visible;
}

.pricing-menu {
    position: relative;
    z-index: 99;
    justify-content: space-between;
    width: 235px;
    margin: 0 auto 50px;
}

.pricing-menu li {
    color: #ffffff;
    text-transform: capitalize;
    padding: 5px 10px;
    width: 50%;
    position: relative;
}

.pricing-menu li::before {
    position: absolute;
    content: "";
    width: 70px;
    height: 40px;
    background: #ee4730;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    right: -43px;
    top: 50%;
    margin-top: -20px;
}

.pricing-menu li::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: #ffffff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: -15px;
    z-index: 1;
    top: 50%;
    right: -38px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
}

.pricing-menu li:nth-child(even) {
    text-align: right;
}

.pricing-menu li:nth-child(even)::before {
    left: -27px;
    right: auto;
}

.pricing-menu li:nth-child(even)::after {
    right: auto;
    left: -22px;
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
}

.pricing-menu li.active::after, .pricing-menu li.active::before {
    display: none;
    z-index: -9;
}

/*Feat Nav*/
.feat-nav {
    margin: -5px;
    margin-top: 50px;
}

.feat-nav a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #333;
    background: #ffffff;
    font-size: 24px;
    font-weight: 700;
    margin: 5px;
}

.feat-nav a:hover, .feat-nav a.active {
    color: #ffffff;
    background: -ms-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    background: -moz-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    box-shadow: 0px 10px 10px 0px rgba(231, 51, 81, 0.3);
}

@media (min-width: 576px) {
    .feat-nav {
        margin: -10px;
        margin-top: 80px;
    }

    .feat-nav a {
        margin: 10px;
    }
}

/*Feature Item Two Section Starts Here*/
.feature-item-2 {
    text-align: center;
    margin-bottom: 50px;
}

.feature-item-2 .feature-thumb {
    width: 160px;
    height: 160px;
    padding: 25px;
    border-radius: 50%;
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232, 58, 153, 0.5);
    margin: 0 auto 40px;
}

.feature-item-2 .feature-thumb img {
    max-width: 100%;
}

.feature-item-2 .feature-content .title {
    font-weight: 700;
    margin-bottom: 30px;
}

@media (max-width: 575px) {
    .feature-item-2 .feature-thumb {
        width: 100px;
        height: 100px;
        padding: 15px;
        margin-bottom: 30px;
    }

    .feature-item-2 .feature-content .title {
        margin-bottom: 20px;
    }
}

.owl-item:nth-of-type(3n + 2) .feature-item-2 .feature-thumb, div[class*="col"]:nth-of-type(3n + 2) .feature-item-2 .feature-thumb {
    background: -ms-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
    background: -moz-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
    background: -webkit-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(121, 107, 232, 0.5);
}

.owl-item:nth-of-type(3n + 3) .feature-item-2 .feature-thumb, div[class*="col"]:nth-of-type(3n + 3) .feature-item-2 .feature-thumb {
    background: -ms-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    background: -moz-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    background: -webkit-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    box-shadow: 4.232px 12.292px 10.56px 0.44px rgba(121, 107, 232, 0.5);
}

/*Experience Section Starts Here*/
.ex-item {
    position: relative;
    border-radius: 20px;
    border: 1px solid #6e7fee;
    overflow: hidden;
    padding: 40px 25px;
    margin-bottom: 30px;
    text-align: center;
}

.ex-item * {
    position: relative;
    z-index: 1;
}

.ex-item::before {
    width: 100%;
    height: 100%;
    background: url(img/ex-bg.png) no-repeat center center;
    background-size: cover;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    opacity: 0;
}

.ex-item .ex-thumb {
    width: 100px;
    height: 100px;
    padding: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: -ms-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
    background: -moz-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
    background: -webkit-linear-gradient(0deg, #d180dd 0%, #796be8 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(121, 107, 232, 0.5);
    margin: 0 auto 30px;
}

.ex-item .ex-thumb img {
    max-height: 100%;
}

.ex-item .ex-content .title {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .ex-item {
        max-width: 400px;
    }
}

@media screen and (max-width: 400px) {
    .ex-item .ex-thumb {
        width: 80px;
        height: 80px;
    }
}

.ex-item:hover, .ex-item.active {
    border-color: transparent;
}

.ex-item:hover::before, .ex-item.active::before {
    opacity: 1;
}

.ex-item:hover .ex-thumb, .ex-item.active .ex-thumb {
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232, 58, 153, 0.5);
}

.ex-item:hover *, .ex-item.active * {
    color: #ffffff;
}

.owl-item:nth-of-type(4n + 2) .ex-item .ex-thumb, div[class*="col"]:nth-of-type(4n + 2) .ex-item .ex-thumb {
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232, 58, 153, 0.5);
}

.owl-item:nth-of-type(4n + 3) .ex-item .ex-thumb, div[class*="col"]:nth-of-type(4n + 3) .ex-item .ex-thumb {
    background: -ms-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    background: -moz-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    background: -webkit-linear-gradient(0deg, #e1358f 0%, #7e6ce7 100%);
    box-shadow: 4.232px 12.292px 10.56px 0.44px rgba(121, 107, 232, 0.5);
}

.owl-item:nth-of-type(4n + 4) .ex-item .ex-thumb, div[class*="col"]:nth-of-type(4n + 4) .ex-item .ex-thumb {
    background: -ms-linear-gradient(0deg, #f6be65 0%, #e6603a 100%);
    background: -moz-linear-gradient(0deg, #f6be65 0%, #e6603a 100%);
    background: -webkit-linear-gradient(0deg, #f6be65 0%, #e6603a 100%);
    box-shadow: 2.419px 9.703px 18.24px 0.76px rgba(253, 160, 133, 0.5);
}

/*Addon Section Starts Here*/
.addon-wrapper {
    width: 730px;
    height: 730px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f0f5fc;
    position: relative;
    margin: 0 auto;
}

.addon-wrapper::before {
    width: 1920px;
    height: 100%;
    background: url(img/addon-bg.png) no-repeat center center;
    background-size: contain;
    z-index: -1;
}

.addon-wrapper .addon-center {
    width: 135px;
    height: 135px;
    background: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.addon-wrapper .addon-center::after, .addon-wrapper .addon-center::before {
    border: 1px solid #a6c1ff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.addon-wrapper .addon-center::after {
    width: 230px;
    height: 230px;
}

.addon-wrapper .addon-center::before {
    width: 540px;
    height: 540px;
}

.addon-wrapper .addon-center img {
    max-width: 100%;
}

.addon-wrapper .item {
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    background: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.addon-wrapper .item:nth-child(2) {
    top: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.addon-wrapper .item:nth-child(3) {
    top: 145px;
    left: 110px;
}

.addon-wrapper .item:nth-child(4) {
    top: 145px;
    right: 110px;
}

.addon-wrapper .item:nth-child(5) {
    top: 330px;
    left: 30px;
}

.addon-wrapper .item:nth-child(6) {
    top: 330px;
    right: 30px;
}

.addon-wrapper .item:nth-child(7) {
    bottom: 60px;
    right: 145px;
}

.addon-wrapper .item:nth-child(8) {
    bottom: 60px;
    left: 145px;
}

@media (max-width: 991px) {
    .addon-wrapper {
        width: 690px;
        height: 690px;
    }

    .addon-wrapper .addon-center::before {
        width: 510px;
        height: 510px;
    }
}

@media (max-width: 767px) {
    .addon-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: auto;
        height: auto;
        border-radius: 0;
        margin: -15px;
    }

    .addon-wrapper .addon-center {
        display: none;
    }

    .addon-wrapper .item {
        margin: 15px;
        position: relative;
        -webkit-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        transform: translate(0) !important;
        top: unset !important;
        bottom: unset !important;
        left: unset !important;
        right: unset !important;
    }
}

/*Cost Section Starts Here*/
.cost-wrapper {
    max-width: 730px;
    margin: 0 auto;
    border: 2px solid #472efc;
    border-radius: 20px;
    padding: 0 15px 60px;
    margin-top: 45px;
}

.cost-wrapper .section-header {
    max-width: 530px;
}

.cost-wrapper .cost-icon {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background-color: #f0f5fc;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
}

.cost-wrapper .cost-icon .icon {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232, 58, 153, 0.5);
    align-items: center;
    justify-content: center;
}

.cost-wrapper .button-3 {
    text-transform: capitalize;
}

@media (max-width: 767px) {
    .cost-wrapper .button-3 {
        font-size: 14px;
        padding: 12px 25px;
    }
}

@media (max-width: 575px) {
    .cost-wrapper {
        padding-bottom: 40px;
    }

    .cost-wrapper .cost-icon {
        margin-bottom: -50px;
    }
}

/*Client Section Starts Here*/
.client-item {
    text-align: center;
    margin: 15px;
}

.client-item .client-content {
    padding: 25px 25px 30px;
    background: #ffffff;
    border-radius: 20px;
}

@media (max-width: 767px) {
    .client-item .client-content {
        padding: 25px 15px 30px;
    }
}

.client-item .client-content p {
    max-width: 210px;
    margin: 0 auto 4px;
}

@media (max-width: 767px) {
    .client-item .client-content p {
        font-size: 16px;
    }
}

.client-item .client-content .rating {
    font-size: 16px;
    color: #ffcc00;
}

.client-item .client-thumb {
    width: 74px;
    height: 74px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin: 20px auto 0;
}

.client-item .client-thumb a {
    display: block;
}

.client-item .client-thumb img {
    width: 100%;
}

@media (min-width: 992px) {
    .client-slider {
        width: 1110px;
    }
}

.button-client {
    text-transform: uppercase;
    font-weight: 600;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #cac7f6;
    color: #ffffff;
    padding: 15px 35px;
}

.button-client:hover {
    color: #ffffff;
    background: -moz-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -webkit-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -ms-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
}

@media (max-width: 991px) {
    .client-header {
        margin-bottom: 50px;
    }
}

@media (max-width: 575px) {
    .client-header {
        margin-bottom: 30px;
    }
}

/*How Section Three Starts Here*/
.how-item-3 {
    background: #ffffff;
    border-radius: 20px;
    padding: 20px 15px 20px;
    text-align: center;
    margin: 0 auto 30px;
}

.how-item-3 .how-thumb {
    height: 170px;
    margin-bottom: 40px;
}

.how-item-3 .how-thumb img {
    max-height: 100%;
    width: auto;
}

.how-item-3 .how-content .title {
    margin-bottom: 15px;
}

.how-item-3 .how-content p {
    margin-bottom: 15px;
}

.how-item-3 .how-content a {
    font-weight: 400;
    text-transform: capitalize;
}

/*Faster Section Starts Here*/
.faster-content .group {
    margin: -10px;
}

.faster-content .get-button {
    margin: 10px;
    font-weight: 400;
}

.faster-content .get-button.active {
    background: -moz-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -ms-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -webkit-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    box-shadow: 0px 10px 7px 0px rgba(17, 83, 252, 0.35);
    color: #ffffff;
    border: none;
}

.faster-content .get-button.active i {
    padding-left: 5px;
}

/*Safe Section Starts Here*/
.safe-content .group {
    margin: -10px;
}

.safe-content .get-button {
    margin: 10px;
    font-weight: 400;
}

.safe-content .get-button.active {
    background: -moz-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -ms-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -webkit-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    box-shadow: 0px 10px 7px 0px rgba(17, 83, 252, 0.35);
    color: #ffffff;
    border: none;
}

.safe-content .get-button.active i {
    padding-left: 5px;
}

/*Pricing Section Three Stars Here*/
.pricing-item {
    border-radius: 20px;
    background-color: #ffffff;
    text-align: center;
    padding: 30px;
    margin: 0 auto 30px;
    position: relative;
}

.pricing-item .tag {
    position: absolute;
    display: block;
    width: 160px;
    height: 50px;
    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    border-radius: 0 25px 25px 0;
    background: #f0f5fc;
    line-height: 50px;
    font-size: 24px;
    /*font-family: "Josefin Sans", sans-serif;*/
    text-transform: capitalize;
    color: #333;
    top: 55px;
    left: -25px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


.app-item .tag {
    position: absolute;
    display: block;
    width: 160px;
    height: 50px;
    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    border-radius: 0 25px 25px 0;
    background: #f0f5fc;
    line-height: 50px;
    font-size: 24px;
    /*font-family: "Josefin Sans", sans-serif;*/
    text-transform: capitalize;
    color: #333;
    top: 55px;
    left: 0px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(0deg);
}


@media screen and (max-width: 499px) {
    .pricing-item .tag {
        font-size: 20px;
        width: 140px;
    }
}

.pricing-item .pricing-thumb {
    height: 155px;
    margin-bottom: 15px;
}

@media screen and (max-width: 499px) {
    .pricing-item .pricing-thumb {
        height: 120px;
    }
}

.pricing-item .pricing-thumb img {
    width: auto;
    height: 100%;
}

.pricing-item .pricing-content .pricing-header {
    margin-bottom: 20px;
}

.pricing-item .pricing-content .pricing-header .title {
    font-size: 45px;
    line-height: 64px;
    margin-top: -20px;
    margin-bottom: -5px;
}

.pricing-section .pricing-item .pricingHeader .title {
    font-size: 20px;
    height: auto;
    overflow: hidden;
    margin-bottom: 0;
    line-height: inherit;
    margin-top: 10px;
    margin-bottom: 5px;
}

.banner-content-11 .title {
    font-size: 50px;
    margin-bottom: 0
}

.banner-content-11 p {
    font-size: 20px;
    margin-bottom: 20px;
}

.banner-content-15 .title {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 5px;
}

.banner-content-15 p {
    font-size: 20px;
    line-height: 27px;
    margin: 0;
    margin-bottom: 27px;
}

.realtime-section .realtime-content .bal-list li {
    padding-bottom: 14px;
}

.banner-content-home .title {
    line-height: 55px;
    margin-bottom: 28px;
    font-size: 41px;
    color: #d42027;
    font-weight: 500;
}

.banner-content-home .banner-button-group {
    margin-top: 15px;
}

.sponsor-section .sponsor-slider {
    background: #fff;
    padding: 10px;
    border-radius: 15px;
}

.sponsor-section {
    padding: 40px 0;
}

@media screen and (max-width: 499px) {
    .pricing-item .pricing-content .pricing-header .title {
        font-size: 48px;
    }
}

.pricing-item .pricing-content .pricing-header .title sup {
    top: -.5em;
    font-weight: 400;
    font-size: 55%;
}

.pricing-item .pricing-content .pricing-header .cate {
    text-transform: capitalize;
}

.pricing-item .pricing-content ul {
    margin-bottom: 26px;
}

.pricing-item .pricing-content ul li.active {
    text-decoration: none;
    color: #333;
}

.pricing-item .pricing-content ul li {
    padding: 5px 0 5px;
    border-bottom: 1px dashed #ddd;
}

.pricing-item .pricing-content ul li.no-active {

    text-decoration: line-through;
    color: #B1B3B5;
    font-size: 16px;
}

.pricing-item .pricing-content ul li:last-child {
    border: none;
}

.pricing-item .pricing-content .button-3 {
    padding: 10px;
    text-transform: capitalize;
    font-weight: 400;
    max-width: 250px;
    margin: 0 auto;
}

/*Recharge Section Starts Here*/
.recharge-item {
    text-align: center;
    padding: 0 15px;
    width: 20%;
    margin-bottom: 55px;
}

.recharge-item .recharge-thumb {
    margin: 0 auto 28px;
    width: 90px;
    height: 90px;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.recharge-item .recharge-thumb .anime {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #c2c6f7;
    animation: rotate2 8s linear infinite;
    -webkit-animation: rotate2 8s linear infinite;
    -moz-animation: rotate2 8s linear infinite;
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
}

.recharge-item .recharge-thumb .anime::before, .recharge-item .recharge-thumb .anime::after {
    width: 10px;
    height: 10px;
    background-size: contain;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 1.21px 4.851px 6.72px 0.28px rgba(232, 58, 153, 0.39);
    left: 5px;
    bottom: 5px;
}

.recharge-item .recharge-thumb .anime::after {
    width: 13px;
    height: 13px;
    left: auto;
    bottom: auto;
    right: 5px;
    top: 5px;
}

.recharge-item .recharge-thumb .thumb {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(219, 218, 255, 0.5);
    background: #ffffff;
}

.recharge-item .recharge-thumb .thumb img {
    width: 100%;
}

.recharge-item .recharge-content .title {
    text-transform: capitalize;
}

@media (max-width: 767px) {
    .recharge-item {
        width: 100%;
        max-width: 165px;
    }
}

.recharge-item.active .recharge-thumb .anime, .recharge-item:hover .recharge-thumb .anime {
    animation-play-state: running;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
}

.recharge-wrapper {
    justify-content: center;
    margin: 0 -15px -63px;
}

/*Help Section Starts Here*/
.help-item {
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0px 5px 20px 0px rgba(183, 184, 185, 0.2);
    align-items: center;
    padding: 30px 15px;
    margin: 0 auto 30px;
}

@media (max-width: 991px) {
    .help-item {
        max-width: 450px;
    }
}

.help-item .help-thumb {
    width: 80px;
}

.help-item .help-thumb img {
    width: 100%;
}

.help-item .help-content {
    width: calc(100% - 80px);
    padding-left: 30px;
}

.help-item .help-content .title {
    margin: 0;
    margin-bottom: 18px;
    text-transform: capitalize;
}

.help-item .help-content a {
    color: #00bc9c;
}

@media screen and (max-width: 400px) {
    .help-item .help-thumb {
        width: 60px;
    }

    .help-item .help-content {
        width: calc(100% - 60px);
        padding-left: 20px;
    }
}

/*Testimonial Two Section Starts Here*/
@media (max-width: 991px) {
    .testi-wrapper {
        margin-bottom: 60px;
    }
}

.testi-wrapper .testi-header {
    margin-bottom: 40px;
}

.testi-wrapper .testi-header .button-3 {
    padding: 10px 35px;
    font-size: 16px;
}

.sponsor-slider-two .sponsor-thumb {
    width: 100%;
}

.tool-wrapper {
    position: relative;
}

.tool-wrapper .owl-nav .owl-prev, .tool-wrapper .owl-nav .owl-next {
    padding: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    background: -moz-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -ms-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -webkit-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    box-shadow: 0px 10px 11px 0px rgba(49, 86, 246, 0.3);
    position: absolute;
    top: 50%;
    margin: 0;
    margin-top: -15px;
}

.tool-wrapper .owl-nav .owl-prev {
    left: -15px;
}

.tool-wrapper .owl-nav .owl-next {
    right: -15px;
}

/*App Video Section Starts Here*/
.app-video-thumb {
    position: relative;
    padding-right: 30px;
}

.app-video-thumb .video-button {
    position: absolute;
    top: 58%;
    right: 110%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 1600px) {
    .app-video-thumb img {
        max-width: 800px;
    }

    .app-video-thumb .video-button {
        right: 89%;
    }
}

@media screen and (max-width: 1399px) {
    .app-video-thumb img {
        max-width: 700px;
    }

    .app-video-thumb .video-button {
        right: 80%;
    }
}

@media (max-width: 1199px) {
    .app-video-thumb {
        padding-right: 0;
    }

    .app-video-thumb img {
        max-width: 600px;
    }

    .app-video-thumb .video-button {
        right: 82%;
    }
}

@media (max-width: 991px) {
    .app-video-thumb {
        margin-bottom: 50px;
    }

    .app-video-thumb img {
        width: 100%;
        max-width: 100%;
    }

    .app-video-thumb .video-button {
        right: 57%;
    }
}

@media (max-width: 575px) {
    .app-video-thumb {
        margin-bottom: 40px;
    }

    .app-video-thumb .rtl {
        direction: ltr;
    }

    .app-video-thumb img {
        max-width: unset;
        min-width: 395px;
    }

    .app-video-thumb .video-button {
        right: 50%;
    }
}

@media screen and (max-width: 400px) {
    .app-video-thumb .video-button {
        right: unset;
        left: 50%;
    }
}

/*About Feature Section Starts Here*/
.about-feature-thumb {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.about-counter-item {
    margin-bottom: 40px;
    max-width: 33.33%;
    text-align: center;
}

.about-counter-item .title {
    margin-bottom: 7px;
}

.about-counter-item .title span {
    background: linear-gradient(90deg, #e2906e 0%, #e83b99 100%);
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: 1.871px 8.803px 7px rgba(232, 58, 153, 0.22);
}

.about-counter-item .title span:last-child {
    background: #e83b99;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

.about-counter-item p {
    color: #ffffff;
}

.about-feature-counter-area {
    justify-content: space-between;
    padding: 20px 0;
    position: relative;
}

.about-feature-counter-area::after, .about-feature-counter-area::before {
    width: 1px;
    height: calc(100% - 40px);
    top: 0;
    background: #5338af;
}

.about-feature-counter-area::after {
    left: 27%;
}

.about-feature-counter-area::before {
    left: 70%;
}

@media screen and (max-width: 449px) {
    .about-feature-counter-area {
        padding-bottom: 0;
        justify-content: flex-start;
        margin-left: -35px;
        margin-right: -35px;
    }

    .about-feature-counter-area::before, .about-feature-counter-area::after {
        display: none;
    }

    .about-feature-counter-area .about-counter-item {
        padding: 0 35px;
        max-width: 100%;
    }
}

.feat-counter .title {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .feat-counter .title {
        margin-bottom: 20px;
    }
}

.feat-counter .title span {
    background: linear-gradient(90deg, #e2906e 0%, #e83b99 100%);
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: 0.968px 3.881px 1.92px rgba(232, 58, 153, 0.31);
}

/*Pricing Section Four Starts Here*/
.pricing-item-4 {
    text-align: center;
    border-radius: 90px;
    padding: 0 15px 60px 35px;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.pricing-item-4 .pricing-header {
    width: 230px;
    height: 230px;
    margin: 0 auto 38px;
    border: 2px solid #d22c48;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.pricing-item-4 .pricing-header * {
    width: 100%;
}

.pricing-item-4 .pricing-header::after {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.302);
}

.pricing-item-4 .pricing-header::before {
    width: 208px;
    height: 208px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: -moz-linear-gradient(-90deg, #eb82f7 0%, #e3455a 99%);
    background: -ms-linear-gradient(-90deg, #eb82f7 0%, #e3455a 99%);
    background: -webkit-linear-gradient(-90deg, #eb82f7 0%, #e3455a 99%);
}

.pricing-item-4 .pricing-header .title {
    font-weight: 600;
    text-shadow: -1.336px 6.871px 8px rgba(58, 78, 229, 0.5);
    margin: 0;
    margin-bottom: -4px;
}

.pricing-item-4 .pricing-header .title sup {
    font-size: 55%;
    font-weight: 400;
    top: -.4em;
}

.pricing-item-4 .pricing-header span {
    text-transform: capitalize;
}

.pricing-item-4 * {
    position: relative;
    z-index: 1;
    color: #ffffff;
}

.pricing-item-4 .pricing-body .info {
    display: inline-block;
    margin: 0;
    line-height: 40px;
    padding: 5px 30px 0px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #ffffff;
    margin-bottom: 25px;
    font-weight: 600;
}

.pricing-item-4 .pricing-body ul {
    margin-bottom: 38px;
}

.pricing-item-4 .pricing-body ul li {
    padding: 0;
    margin-bottom: 13px;
}

.pricing-item-4 .pricing-body .button-3 {
    color: #ffffff;
    border-color: rgba(225, 232, 255, 0.3);
}

.pricing-item-4 .pricing-body .button-3.active {
    border: none;
}

.pricing-item-4 .pricing-body .button-3.active:hover {
    color: #ffffff;
}

.pricing-item-4::after {
    background: -ms-linear-gradient(-90deg, #f093fb 0%, #f5576c 100%);
    background: -moz-linear-gradient(-90deg, #f093fb 0%, #f5576c 100%);
    background: -webkit-linear-gradient(-90deg, #f093fb 0%, #f5576c 100%);
    left: 20px;
    top: 115px;
    bottom: 15px;
    right: 0;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
}

.pricing-item-4::before {
    left: 0;
    top: 100px;
    bottom: 0;
    right: 0;
    border: 2px solid #d22c48;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
}

@media (max-width: 1199px) {
    .pricing-item-4 .pricing-header {
        width: 200px;
        height: 200px;
        margin: 0 auto 30px;
    }

    .pricing-item-4 .pricing-header::before {
        width: 178px;
        height: 178px;
    }

    .pricing-item-4 .pricing-header .title {
        font-size: 40px;
    }

    .pricing-item-4 .pricing-body ul li {
        font-size: 16px;
        margin-bottom: 5px;
    }
}

.pricing-item-4:nth-of-type(3n + 3) {
    padding: 0 35px 60px 15px;
}

.pricing-item-4:nth-of-type(3n + 3)::after {
    background: -ms-linear-gradient(-90deg, #667eea 0%, #764ba2 100%);
    background: -moz-linear-gradient(-90deg, #667eea 0%, #764ba2 100%);
    background: -webkit-linear-gradient(-90deg, #667eea 0%, #764ba2 100%);
    right: 20px;
    top: 115px;
    bottom: 15px;
    left: 0;
}

.pricing-item-4:nth-of-type(3n + 3)::before {
    border-color: #6976de;
}

.pricing-item-4:nth-of-type(3n + 3) .pricing-header {
    border-color: #6976de;
}

.pricing-item-4:nth-of-type(3n + 3) .pricing-header::before {
    background: -ms-linear-gradient(-90deg, #667eea 0%, #764ba2 100%);
    background: -moz-linear-gradient(-90deg, #667eea 0%, #764ba2 100%);
    background: -webkit-linear-gradient(-90deg, #667eea 0%, #764ba2 100%);
}

.pricing-item-4:nth-of-type(3n + 2)::before {
    border-color: #26a2fb;
}

.pricing-item-4:nth-of-type(3n + 2)::after {
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 1.871px 8.803px 109px 0px rgba(9, 9, 181, 0.31);
    background: -ms-linear-gradient(-90deg, #68e0cf 0%, #209cff 100%);
    background: -moz-linear-gradient(-90deg, #68e0cf 0%, #209cff 100%);
    background: -webkit-linear-gradient(-90deg, #68e0cf 0%, #209cff 100%);
}

.pricing-item-4:nth-of-type(3n + 2) .pricing-header {
    border-color: #26a2fb;
}

.pricing-item-4:nth-of-type(3n + 2) .pricing-header::before {
    background: -ms-linear-gradient(-90deg, #68e0cf 0%, #209cff 100%);
    background: -moz-linear-gradient(-90deg, #68e0cf 0%, #209cff 100%);
    background: -webkit-linear-gradient(-90deg, #68e0cf 0%, #209cff 100%);
}

@media (min-width: 992px) {
    .pricing-item-4:nth-of-type(3n + 2) .pricing-body .info {
        font-size: 36px;
        line-height: 50px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        margin-bottom: 35px;
    }
}

@media (max-width: 991px) {
    .pricing-item-4 {
        width: 100% !important;
        padding: 0 30px 45px !important;
        max-width: 330px;
    }

    .pricing-item-4::after {
        right: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        top: 115px !important;
    }

    .pricing-item-4::before {
        top: 100px;
        display: block !important;
    }
}

.pricing-wrapper-4 {
    align-items: center;
}

.pricing-wrapper-4 .pricing-item-4 {
    width: 30%;
}

@media (max-width: 1199px) {
    .pricing-wrapper-4 .pricing-item-4 {
        width: 32.5%;
    }
}

.pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2) {
    width: 40%;
}

@media (min-width: 992px) {
    .pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2) {
        padding: 0 15px 60px;
    }

    .pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2) .pricing-header {
        width: 340px;
        height: 340px;
    }

    .pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2) .pricing-header .title {
        font-size: 74px;
        margin-bottom: 0;
    }

    .pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2) .pricing-header span {
        font-size: 24px;
    }

    .pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2) .pricing-header::before {
        width: 306px;
        height: 306px;
    }

    .pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2)::before {
        -webkit-border-radius: 110px;
        -moz-border-radius: 110px;
        border-radius: 110px;
    }

    .pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2)::after {
        bottom: 0;
        left: 0;
        right: 0;
        top: 85px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2) {
        width: 35%;
    }

    .pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2) .pricing-header {
        width: 290px;
        height: 290px;
    }

    .pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2) .pricing-header .title {
        font-size: 60px;
        margin-bottom: 0;
    }

    .pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2) .pricing-header span {
        font-size: 22px;
    }

    .pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2) .pricing-header::before {
        width: 264px;
        height: 264px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) and (min-width: 992px) {
    .pricing-wrapper-4 .pricing-item-4:nth-of-type(3n + 2) .pricing-body .info {
        font-size: 30px;
        line-height: 46px;
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        border-radius: 28px;
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .pricing-wrapper-4 {
        margin-left: -15px;
        margin-right: -15px;
        justify-content: center;
    }

    .pricing-wrapper-4 .pricing-item-4 {
        margin-left: 15px;
        margin-right: 15px;
    }
}

div[class*="col"]:nth-of-type(3n + 3) .pricing-item-4 {
    padding: 0 35px 60px 15px;
}

div[class*="col"]:nth-of-type(3n + 3) .pricing-item-4::after {
    background: -ms-linear-gradient(-90deg, #667eea 0%, #764ba2 100%);
    background: -moz-linear-gradient(-90deg, #667eea 0%, #764ba2 100%);
    background: -webkit-linear-gradient(-90deg, #667eea 0%, #764ba2 100%);
    right: 20px;
    top: 115px;
    bottom: 15px;
    left: 0;
}

div[class*="col"]:nth-of-type(3n + 3) .pricing-item-4::before {
    border-color: #6976de;
}

div[class*="col"]:nth-of-type(3n + 3) .pricing-item-4 .pricing-header {
    border-color: #6976de;
}

div[class*="col"]:nth-of-type(3n + 3) .pricing-item-4 .pricing-header::before {
    background: -ms-linear-gradient(-90deg, #667eea 0%, #764ba2 100%);
    background: -moz-linear-gradient(-90deg, #667eea 0%, #764ba2 100%);
    background: -webkit-linear-gradient(-90deg, #667eea 0%, #764ba2 100%);
}

div[class*="col"]:nth-of-type(3n + 2) .pricing-item-4::before {
    border-color: #26a2fb;
}

div[class*="col"]:nth-of-type(3n + 2) .pricing-item-4::after {
    bottom: 0;
    left: 0;
    right: 0;
    background: -ms-linear-gradient(-90deg, #68e0cf 0%, #209cff 100%);
    background: -moz-linear-gradient(-90deg, #68e0cf 0%, #209cff 100%);
    background: -webkit-linear-gradient(-90deg, #68e0cf 0%, #209cff 100%);
}

div[class*="col"]:nth-of-type(3n + 2) .pricing-item-4 .pricing-header {
    border-color: #26a2fb;
}

div[class*="col"]:nth-of-type(3n + 2) .pricing-item-4 .pricing-header::before {
    background: -ms-linear-gradient(-90deg, #68e0cf 0%, #209cff 100%);
    background: -moz-linear-gradient(-90deg, #68e0cf 0%, #209cff 100%);
    background: -webkit-linear-gradient(-90deg, #68e0cf 0%, #209cff 100%);
}

/*Counter Section Four Starts Here*/
.counter-wrapper-4 {
    background: #ffffff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-top: -100px;
    padding: 47px 60px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1199px) {
    .counter-wrapper-4 {
        margin-top: 0;
    }
}

@media (max-width: 1199px) {
    .counter-wrapper-4 {
        padding: 40px;
    }
}

@media (max-width: 991px) {
    .counter-wrapper-4 {
        padding: 40px 20px;
    }
}

@media (max-width: 767px) {
    .counter-wrapper-4 {
        padding: 0;
        margin: 0;
        background: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}

.counter-area-4 {
    align-items: center;
    justify-content: space-between;
    margin-bottom: -30px;
}

.counter-area-4 .counter-item-4 {
    align-items: center;
    width: auto;
    max-width: calc(100% / 3);
    margin-bottom: 30px;
}

.counter-area-4 .counter-item-4 .counter-thumb {
    width: 106px;
}

.counter-area-4 .counter-item-4 .counter-thumb img {
    max-width: 100%;
}

.counter-area-4 .counter-item-4 .counter-content {
    max-width: calc(100% - 106px);
    padding-left: 25px;
}

.counter-area-4 .counter-item-4 .counter-content .title {
    margin: 0;
    font-weight: 600;
    margin-bottom: 7px;
}

@media (max-width: 1199px) {
    .counter-area-4 .counter-item-4 {
        width: 100%;
    }

    .counter-area-4 .counter-item-4 .counter-thumb {
        width: 80px;
    }

    .counter-area-4 .counter-item-4 .counter-content {
        width: calc(100% - 80px);
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .counter-area-4 .counter-item-4 {
        width: 100%;
    }

    .counter-area-4 .counter-item-4 .counter-thumb {
        width: 50px;
    }

    .counter-area-4 .counter-item-4 .counter-content {
        padding-left: 15px;
        width: calc(100% - 50px);
    }

    .counter-area-4 .counter-item-4 .counter-content .title {
        font-size: 36px;
        line-height: 1;
    }

    .counter-area-4 .counter-item-4 .counter-content p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .counter-area-4 {
        margin-left: -20px;
        margin-right: -20px;
    }

    .counter-area-4 .counter-item-4 {
        max-width: 260px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .counter-area-4 .counter-item-4 .counter-thumb {
        width: 70px;
    }

    .counter-area-4 .counter-item-4 .counter-content {
        width: calc(100% - 70px);
    }
}

/*Page Header Starts Here*/
.page-header {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: url(/templates/frontend/resources/images/footer2.png) center !important;
    padding: 70px 0 60px;
    background-size: cover;
    font-size: 17px;
    padding: 40px 0;
}

@media (max-width: 767px) {
    .page-header {
        padding: 180px 0 100px;
    }
}


@media (max-width: 991px) {
    .page-header.single-header {
        height: 550px;
    }

    .page-header.single-header.blog-single-header {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .page-header.single-header {
        height: 450px;
    }

    .page-header.single-header.blog-single-header {
        height: 300px;
    }
}

@media (max-width: 767px) {
    .page-header-content .title {
        font-size: 48px;
        line-height: 55px;
    }
}

@media (max-width: 575px) {
    .page-header-content .title {
        font-size: 42px;
        line-height: 50px;
    }
}

.page-header-content .breadcrumb {
    justify-content: center;
    background: transparent;
    padding: 0;
}

.page-header-content .breadcrumb li {
    text-transform: capitalize;
    padding: 5px;
}

.page-header-content .breadcrumb li a {
    align-items: center;
}

.page-header-content .breadcrumb li a::after {
    font-family: "Flaticon";
    font-weight: 500;
    margin-left: 10px;
    content: "\f104";
}

.page-header-content .breadcrumb li a:hover {
    color: #05c3de;
}

/*About Section Starts Here*/
.counter-area-5 {
    align-items: center;
    justify-content: space-between;
    margin: 0 -15px;
    position: relative;
}

.counter-area-5::after, .counter-area-5::before {
    width: 1px;
    height: 100%;
    top: 0;
    background: #d8daf3;
}

.counter-area-5::after {
    left: 67%;
}

.counter-area-5::before {
    left: 32%;
}

@media screen and (max-width: 767px) {
    .counter-area-5 {
        justify-content: flex-start;
    }

    .counter-area-5::before, .counter-area-5::after {
        display: none;
    }
}

.counter-area-5 .counter-item-5 {
    align-items: center;
    width: auto;
    max-width: calc(100% / 3);
    padding: 15px;
}

.counter-area-5 .counter-item-5 .counter-thumb {
    width: 65px;
}

.counter-area-5 .counter-item-5 .counter-thumb img {
    max-width: 100%;
}

.counter-area-5 .counter-item-5 .counter-content {
    width: calc(100% - 65px);
    padding-left: 15px;
}

.counter-area-5 .counter-item-5 .counter-content .title {
    font-weight: 600;
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .counter-area-5 .counter-item-5 {
        width: 100%;
        max-width: 180px;
    }

    .counter-area-5 .counter-item-5 .counter-thumb {
        width: 55px;
    }

    .counter-area-5 .counter-item-5 .counter-content {
        width: calc(100% - 55px);
        padding-left: 10px;
    }

    .counter-area-5 .counter-item-5 .counter-content .title {
        font-size: 30px;
    }

    .counter-area-5 .counter-item-5 .counter-content p {
        font-size: 16px;
    }
}

@media (max-width: 1199px) {
    .about-thumb {
        max-width: 600px;
        margin-bottom: 60px;
    }

    .about-thumb img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .about-thumb {
        margin-bottom: 50px;
    }
}

@media (max-width: 575px) {
    .about-thumb {
        margin-bottom: 40px;
    }
}

/*Team Section Starts Here*/
.team-item {
    margin-bottom: 40px;
}

.team-item .team-thumb {
    position: relative;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    padding-right: 14px;
    padding-bottom: 14px;
    margin-bottom: 40px;
}

.team-item .team-thumb::before {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: url(img/team_odd.png) no-repeat center center;
    background-size: cover;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.team-item .team-thumb::after {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #2229b2;
    z-index: -1;
}

.team-item .team-thumb img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
}

.team-item .team-content {
    text-align: center;
}

.team-item .team-content .title a:hover {
    color: #ee4730;
}

.team-item .team-content .info {
    display: block;
    margin-bottom: 20px;
}

.team-item .team-content .linkedin {
    width: 50px;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 5px 10px;
    margin-bottom: 0;
    border: 1px solid #cbcaee;
    font-size: 24px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #333;
}

.team-item:hover .team-thumb {
    padding: 0;
}

.team-item:hover .team-thumb::before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (max-width: 767px) {
    .team-item .team-thumb {
        max-width: 350px;
        margin: 0 auto 25px;
    }

    .team-item .team-content .info {
        margin-bottom: 10px;
    }
}

div[class*="col"]:nth-child(even) .team-item .team-thumb {
    padding: 0;
    padding-left: 15px;
    padding-top: 15px;
}

div[class*="col"]:nth-child(even) .team-item .team-thumb::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

div[class*="col"]:nth-child(even) .team-item:hover .team-thumb {
    padding: 0;
}

div[class*="col"]:nth-child(even) .team-item:hover .team-thumb::before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.load-more {
    text-align: center;
}

.load-more a {
    font-size: 30px;
    line-height: 1;
    color: rgba(59, 54, 140, 0.8);
    font-weight: 600;
}

.load-more a:hover {
    color: #ee4730;
}

/*Sponsor Slider Four Starts Here*/
.sponsor-slider-4 .sponsor-thumb {
    max-width: 100%;
    height: 45px;
    align-items: center;
    justify-content: center;
}

.sponsor-slider-4 .sponsor-thumb img {
    width: auto;
    height: 100%;
}

/*History Section Starts Here*/
.history-slider .owl-stage-outer {
    padding-top: 20px;
}

.history-item {
    text-align: center;
}

.history-item .history-content {
    margin: 0 auto 52px;
    position: relative;
}

.history-item .history-content .content {
    padding: 35px 15px;
    max-width: 220px;
    border-radius: 20px;
    box-shadow: 3.629px 14.554px 30.72px 1.28px rgba(24, 37, 163, 0.2);
    background: #ffffff;
    margin: 0 auto 52px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    opacity: 0;
    visibility: hidden;
}

.history-item .history-content::before {
    height: 28px;
    width: 2px;
    background: #2c18b4;
    left: calc(50%);
    top: calc(100% + 7px);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    opacity: 0;
    visibility: hidden;
}

.history-item .history-content::after {
    width: 100%;
    height: 2px;
    background: #2c18b4;
    top: calc(100% + 52px);
    left: 0;
}

.history-item .history-content .title {
    font-size: 18px;
    margin: 0;
    margin-bottom: 4px;
    font-weight: 600;
}

.history-item .history-content p {
    margin-top: 0;
    font-size: 14px;
}

.history-item .history-thumb {
    padding-top: 23px;
    position: relative;
    cursor: pointer;
}

.owl-item.center .history-item .history-content::before, .owl-item.center .history-item .history-content .content {
    opacity: 1;
    visibility: visible;
}

.anime-item-2 {
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #2c18b4;
    z-index: 1;
    top: 0;
    left: 50%;
}

.anime-item-2::after, .anime-item-2::before {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #2c18b4;
    box-shadow: 3.694px -4.728px 38px 0px rgba(17, 65, 189, 0.52);
    margin-left: -5px;
    margin-top: -5px;
    cursor: pointer;
}

.anime-item-2::before {
    -webkit-animation: inner-ripple 2000ms linear infinite;
    -moz-animation: inner-ripple 2000ms linear infinite;
    animation: inner-ripple 2000ms linear infinite;
}

.anime-item-2::after {
    -webkit-animation: outer-ripple 2000ms linear infinite;
    -moz-animation: outer-ripple 2000ms linear infinite;
    animation: outer-ripple 2000ms linear infinite;
}

/*Chart Section Starts Here*/
.chart-header .title {
    font-weight: 600;
}

.chart-counter-item {
    margin-bottom: 32px;
}

@media (min-width: 992px) {
    .chart-counter-item:last-child {
        margin-bottom: 0;
    }
}

.chart-counter-item p {
    margin-bottom: 34px;
}

.chart-counter-item .title {
    font-weight: 600;
    text-shadow: 1.247px 5.869px 3px rgba(232, 58, 153, 0.3);
}

.chart-counter-item .title span {
    background: linear-gradient(-90deg, #e83b99 0%, #e28e6f 100%);
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

@media (max-width: 767px) {
    .chart-counter-item p {
        margin-bottom: 25px;
    }
}

#chartContainer {
    height: 400px;
}

@media (max-width: 767px) {
    #chartContainer {
        height: 300px;
    }
}

/*Team Single Starts Here*/
.team-wrapper {
    align-items: flex-start;
}

.team-wrapper .team-thumb {
    width: 100%;
    max-width: 350px;
    text-align: center;
    margin-bottom: 35px;
}

.team-wrapper .team-thumb img {
    width: 100%;
}

.team-wrapper .team-content {
    width: calc(100% - 350px);
    padding-left: 40px;
}

.team-wrapper .team-content .author .title {
    text-transform: capitalize;
    margin-bottom: -5px;
}

.team-wrapper .team-content .author .info {
    color: #222;
    margin-bottom: 26px;
}

.team-wrapper .team-content .content .s-item {
    margin-bottom: 74px;
}

.team-wrapper .team-content .content .s-item .subtitle {
    font-size: 28px;
    text-transform: capitalize;
    margin-top: -9px;
    margin-bottom: 28px;
}

.team-wrapper .team-content .content .s-item p {
    margin-bottom: 37px;
}

@media (max-width: 991px) {
    .team-wrapper .team-content .content .s-item {
        margin-bottom: 54px;
    }
}

@media (max-width: 767px) {
    .team-wrapper .team-content .content .s-item {
        margin-bottom: 44px;
    }
}

.team-wrapper .team-content .content .s-item:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .team-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }

    .team-wrapper .team-thumb {
        max-width: 200px;
    }

    .team-wrapper .team-content {
        width: calc(100% - 200px);
        padding-left: 30px;
    }

    .team-wrapper .team-content .author .title {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {

    .content-footer {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .team-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }

    .team-wrapper .team-content {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .team-wrapper .team-content .item {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .team-wrapper .team-content .team-icons {
        justify-content: center;
        margin-top: -5px;
        margin-left: -5px;
        margin-right: -5px;
    }

    .team-wrapper .team-content .team-icons li {
        padding: 5px;
    }

    .team-wrapper .team-content .team-icons li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .team-wrapper .team-content .content .subtitle {
        font-size: 24px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) and (max-width: 575px) {
    .team-wrapper .team-content .content .subtitle {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .team-wrapper .team-content .content p {
        margin-bottom: 30px;
    }

    .team-wrapper .team-content .author .title {
        margin-bottom: 0;
    }

    .team-wrapper .team-thumb {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .team-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .team-wrapper .team-thumb {
        margin-bottom: 25px;
    }

    .team-wrapper .team-content .author .title {
        margin-bottom: 5px;
    }

    .team-wrapper .team-content .author .info {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 22px;
    }

    .team-wrapper .team-content .content p {
        font-size: 16px;
    }
}

.team-con-wrapper {
    padding: 24px 40px;
    border-top: 1px solid #c6d0e3;
    border-bottom: 1px solid #c6d0e3;
    position: relative;
    margin-bottom: 60px;
}

.team-con-wrapper::before {
    height: calc(100% - 30px);
    width: 1px;
    background: #c6d0e3;
    left: 50%;
    top: 15px;
}

@media (max-width: 991px) {
    .team-con-wrapper::before {
        display: none;
    }
}

@media (max-width: 991px) {
    .team-con-wrapper {
        margin-bottom: 50px;
    }
}

.team-con-area {
    justify-content: space-between;
    margin-bottom: -30px;
    align-items: center;
}

.team-con-area .item {
    margin-bottom: 26px;
}

.team-con-area .item .item-thumb {
    width: 42px;
}

.team-con-area .item .item-thumb img {
    max-width: 100%;
}

.team-con-area .item .item-content {
    width: calc(100% - 42px);
    padding-left: 13px;
}

.team-con-area .item .item-content span, .team-con-area .item .item-content a {
    font-size: 14px;
    line-height: 22px;
    display: block;
    color: #222;
}

.team-con-area .item .item-content a {
    color: #31d7a9;
}

.team-con-area .item .item-content .up {
    margin-bottom: 2px;
}

@media (max-width: 991px) {
    .team-con-area .item {
        margin-bottom: 20px;
        width: 100%;
    }
}

.team-con-area .team-icons {
    margin: -10px;
    margin-bottom: 22.5px;
}

@media (max-width: 991px) {
    .team-con-area .team-icons {
        width: 100%;
    }
}

.team-con-area .team-icons li {
    padding: 10px;
}

.team-con-area .team-icons li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0;
    margin-bottom: 0;
    border: 1px solid #cbcaee;
    font-size: 24px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #333;
}

.progress-area {
    margin-bottom: -40px;
}

.progress-area .progress-item {
    margin-bottom: 40px;
}

.progress-area .progress-item .progress-label {
    justify-content: space-between;
    padding-bottom: 6px;
    text-transform: capitalize;
}

.progress-area .progress-item .progress-label span {
    display: block;
    margin-bottom: 10px;
}

@media (max-width: 575px) {
    .progress-area .progress-item .progress-label span {
        font-size: 16px;
    }
}

.progress-area .progress-item .progress {
    height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: #ffe9cf;
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(134, 134, 231, 0.5);
}

.progress-area .progress-item .progress .progress-bar {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: -moz-linear-gradient(0deg, #0081ea 0%, #7fffe0 100%);
    background: -webkit-linear-gradient(0deg, #0081ea 0%, #7fffe0 100%);
    background: -ms-linear-gradient(0deg, #0081ea 0%, #7fffe0 100%);
}

.progress-area .progress-item:nth-of-type(3n + 2) .progress .progress-bar {
    background: -moz-linear-gradient(0deg, #4d39ff 0%, #f590ff 100%);
    background: -webkit-linear-gradient(0deg, #4d39ff 0%, #f590ff 100%);
    background: -ms-linear-gradient(0deg, #4d39ff 0%, #f590ff 100%);
}

.progress-area .progress-item:nth-of-type(3n + 3) .progress .progress-bar {
    background: -moz-linear-gradient(0deg, #ff8000 0%, #ffbc48 100%);
    background: -webkit-linear-gradient(0deg, #ff8000 0%, #ffbc48 100%);
    background: -ms-linear-gradient(0deg, #ff8000 0%, #ffbc48 100%);
}

/*Partner Section Starts Here*/
.partner-item {
    justify-content: center;
    background: #ffffff;
    padding: 60px 20px;
    margin: 0 auto 30px;
    text-align: center;
}

.partner-item a {
    display: block;
}

.partner-item img {
    max-height: 115px;
    max-width: 100%;
}

/*User Counter Section Starts Here*/
.user-counter-wrapper {
    position: relative;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .user-counter-wrapper {
        min-height: 490px;
    }
}

.user-counter-wrapper .user-counter-bg {
    width: 100%;
    height: 100%;
    min-width: 690px;
}

.user-counter-wrapper * {
    position: relative;
    z-index: 1;
}

.user-counter-wrapper .section-header .title {
    font-weight: 600;
}

@media (min-width: 768px) {
    .user-counter-wrapper .section-header .title {
        font-size: 76px;
    }
}

/*Review Section Starts Here*/
.review-item {
    margin: 0 auto 30px;
}


.review-item .review-content {
    padding: 40px 30px 70px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: -moz-linear-gradient(16deg, #6c01d6 0%, #712de5 35%, #7658f4 100%);
    background: -ms-linear-gradient(16deg, #6c01d6 0%, #712de5 35%, #7658f4 100%);
    background: -webkit-linear-gradient(16deg, #6c01d6 0%, #712de5 35%, #7658f4 100%);
    color: #ffffff;
    position: relative;
}

.review-item .review-content::before, .review-item .review-content::after {
    position: absolute;
    content: "";
}

.review-item .review-content::before {
    width: 79px;
    height: 63px;
    background: url(img/review-before.png) no-repeat center center;
    background-size: contain;
    top: 30px;
    left: 30px;
}

.review-item .review-content::after {
    width: 79px;
    height: 63px;
    background: url(img/review-after.png) no-repeat center center;
    background-size: contain;
    right: 30px;
    bottom: 30px;
}

.review-item .review-thumb {
    margin: -30px 30px 0;
    padding: 15px 30px;
    background: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    align-items: center;
    justify-content: space-between;
}

.review-item .review-thumb .review-author-thumb {
    width: 55px;
    padding: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #daccff;
    overflow: hidden;
}

.review-item .review-thumb .review-author-thumb a {
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #6e0fd1;
    overflow: hidden;
}

.review-item .review-thumb .review-author-thumb img {
    width: 100%;
}

.review-item .review-thumb .review-author-content {
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 55px);
    padding-left: 18px;
}

.review-item .review-thumb .review-author-content .left {
    width: calc(100% - 20px);
}

.review-item .review-thumb .review-author-content .left .title {
    font-size: 18px;
    margin: 0;
    margin-bottom: -4px;
}

.review-item .review-thumb .review-author-content .left span {
    font-size: 14px;
}

.review-item .review-thumb .review-author-content .icon {
    width: 20px;
    text-align: right;
}

.review-item .review-thumb .review-author-content .icon a {
    font-size: 14px;
    color: #222;
}

.review-item .review-thumb .review-author-content .icon a:hover {
    color: #ee4730;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .review-item .review-thumb {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 380px) {
    .review-item .review-thumb {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*Comunity Section Starts Here*/
.comunity-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 160px;
}

@media (min-width: 992px) {
    .comunity-bg {
        bottom: 360px;
    }
}

.comunity-wrapper {
    align-items: center;
    justify-content: center;
    padding: 80px 0;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

@media (min-width: 576px) {
    .comunity-wrapper {
        padding: 100px 0;
    }
}

@media (min-width: 992px) {
    .comunity-wrapper {
        min-height: 490px;
    }
}

.comunity-wrapper .button-3 {
    padding: 10px 35px;
}

@media (max-width: 575px) {
    .comunity-wrapper .button-3 {
        font-size: 16px;
    }
}

.comunity-wrapper .buttons {
    position: relative;
    z-index: 1;
}

.comunity-asking {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ffffff;
    padding: 65px 35px;
}

@media (max-width: 575px) {
    .comunity-asking {
        padding: 0;
        background: transparent;
    }
}

.comunity-asking img {
    width: 100%;
}

.comunity-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: comunity 40s linear infinite;
    -webkit-animation: comunity 40s linear infinite;
    -moz-animation: comunity 40s linear infinite;
}

.comunity-area.two {
    top: -100%;
}

.comunity-area.three {
    top: 100%;
}

@keyframes comunity {
    0% {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
    }

    50% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: .9;
    }

    99.99% {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.comunity-item {
    position: absolute;
}

.comunity-item img {
    width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.comunity-item:nth-child(1) {
    width: 141px;
    height: 141px;
    opacity: .8;
    left: calc(50% + 255px);
    top: 310px;
}

.comunity-item:nth-child(2) {
    width: 63px;
    height: 63px;
    opacity: .4;
    left: calc(50% + 465px);
    top: 260px;
}

.comunity-item:nth-child(3) {
    width: 64px;
    height: 64px;
    opacity: .5;
    left: calc(50% + 53px);
    top: 340px;
}

.comunity-item:nth-child(4) {
    width: 42px;
    height: 42px;
    opacity: .5;
    left: calc(50% + 177px);
    top: 290px;
}

.comunity-item:nth-child(5) {
    width: 65px;
    height: 65px;
    opacity: .5;
    left: calc(50% + 280px);
    top: 212px;
}

.comunity-item:nth-child(6) {
    width: 42px;
    height: 42px;
    opacity: .5;
    left: calc(50% + 390px);
    top: 158px;
}

.comunity-item:nth-child(7) {
    width: 65px;
    height: 65px;
    opacity: .5;
    left: calc(50% + 460px);
    top: 70px;
}

.comunity-item:nth-child(8) {
    width: 65px;
    height: 65px;
    opacity: .3;
    right: calc(50% + 120px);
    top: 387px;
}

.comunity-item:nth-child(9) {
    width: 65px;
    height: 65px;
    opacity: .5;
    right: calc(50% + 345px);
    top: 362px;
}

.comunity-item:nth-child(10) {
    width: 105px;
    height: 105px;
    opacity: .5;
    right: calc(50% + 210px);
    top: 265px;
}

.comunity-item:nth-child(11) {
    width: 45px;
    height: 45px;
    opacity: .3;
    right: calc(50% + 87px);
    top: 278px;
}

.comunity-item:nth-child(12) {
    width: 68px;
    height: 68px;
    opacity: .2;
    left: calc(50% - 15px);
    top: 210px;
}

.comunity-item:nth-child(13) {
    width: 68px;
    height: 68px;
    opacity: .65;
    left: calc(50% + 170px);
    top: 90px;
}

.comunity-item:nth-child(14) {
    width: 44px;
    height: 44px;
    opacity: .5;
    left: calc(50% + 325px);
    top: 10px;
}

.comunity-item:nth-child(15) {
    width: 43px;
    height: 43px;
    opacity: .5;
    left: calc(50% + 65px);
    top: 70px;
}

.comunity-item:nth-child(16) {
    width: 49px;
    height: 49px;
    opacity: .4;
    right: calc(50% + 475px);
    top: 296px;
}

.comunity-item:nth-child(17) {
    width: 49px;
    height: 49px;
    opacity: .4;
    right: calc(50% + 390px);
    top: 256px;
}

.comunity-item:nth-child(18) {
    width: 45px;
    height: 45px;
    opacity: .5;
    right: calc(50% + 265px);
    top: 205px;
}

.comunity-item:nth-child(19) {
    width: 75px;
    height: 75px;
    opacity: .2;
    right: calc(50% + 213px);
    top: 133px;
}

.comunity-item:nth-child(20) {
    width: 110px;
    height: 110px;
    opacity: .3;
    right: calc(50% - 16px);
    top: 10px;
}

.comunity-item:nth-child(21) {
    width: 146px;
    height: 146px;
    opacity: .3;
    right: calc(50% + 375px);
    top: 86px;
}

.comunity-item:nth-child(22) {
    width: 61px;
    height: 61px;
    opacity: .3;
    right: calc(50% + 280px);
    top: 55px;
}

/*Faq Section Two Starts Here*/
.sticky-menu {
    position: sticky;
    top: 120px;
}

.faq-menu {
    padding: 60px 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.faq-menu ul li a {
    padding: 8px 0;
    color: #ffffff;
    position: relative;
}

.faq-menu ul li a::before {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    left: 12px;
    top: 10px;
    opacity: 0;
}

.faq-menu ul li a:hover, .faq-menu ul li a.active {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    padding-left: 30px;
}

.faq-menu ul li a:hover::before, .faq-menu ul li a.active::before {
    opacity: 1;
}

@media (max-width: 575px) {
    .faq-menu {
        padding: 40px 30px;
    }
}

@media (max-width: 991px) {
    .faq-menu {
        max-width: 400px;
        margin: 0 auto 30px;
    }
}

.faq-video {
    padding: 10px;
    background: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
}

@media (max-width: 991px) {
    .faq-video {
        max-width: 400px;
        margin: 0 auto;
    }
}

.faq-video .video-area {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    display: block;
    overflow: hidden;
}

.faq-video .video-area img {
    width: 100%;
}

.faq-video .video-area .video-button-2 i {
    background: #ff8a00;
    border-color: #ff8a00;
}

.faq-video .title {
    margin: 0;
    padding: 20px 0 10px;
}

.faq--wrapper {
    margin-bottom: 53px;
}

.faq--wrapper .main-title {
    font-weight: 700;
    margin: 0;
    margin-bottom: 26px;
}

.faq--wrapper:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .faq--wrapper {
        margin-bottom: 43px;
    }

    .faq--wrapper .main-title {
        margin-bottom: 16px;
    }
}

.faq--item {
    background: #ffffff;
    padding: 26px 30px;
    position: relative;
    border: 1px solid #dee2f1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.faq--item:last-child {
    margin-bottom: 0;
}

.faq--item .faq-title {
    cursor: pointer;
}

.faq--item .faq-title .title {
    margin: 0;
    padding-right: 15px;
    font-weight: 600;
    font-size: 22px;
}

.faq--item .faq-title .icon {
    width: 12px;
    height: 12px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    position: absolute;
    right: 30px;
    top: 35px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.faq--item .faq-content {
    padding-top: 30px;
    padding-bottom: 10px;
    display: none;
}

.faq--item.open .icon {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.faq--item.active .faq-content {
    display: block;
}

@media (max-width: 575px) {
    .faq--item {
        padding-left: 15px;
        padding-right: 15px;
    }

    .faq--item .faq-title .title {
        font-size: 20px;
    }

    .faq--item .faq-title .icon {
        right: 15px;
        top: 32px;
    }
}

.mt-70 {
    margin-top: 70px;
}

/*Privacy Section Starts Here*/
.privacy-item {
    margin-bottom: 62px;
}

.privacy-item .title {
    margin: 0;
    margin-bottom: 31px;
}

.privacy-item p {
    margin-bottom: 40px;
}

@media (max-width: 991px) {
    .privacy-item {
        margin-bottom: 40px;
    }

    .privacy-item .title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .privacy-item p {
        margin-bottom: 30px;
    }
}

.privacy-item:last-child {
    margin-bottom: 0;
}

.page-left-thumb {
    position: absolute;
    bottom: 0;
    right: calc(50% + 400px);
    z-index: 1;
}

/*Coming Soon Section Starts Here*/
.coming-soon {
    min-height: 100vh;
    padding: 120px 0;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.coming-wrapper .title {
    margin: 0;
    margin-bottom: 30px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
    font-size: 50px;
}

@media (min-width: 576px) {
    .coming-wrapper .title {
        font-size: 60px;
    }
}

@media (min-width: 768px) {
    .coming-wrapper .title {
        font-size: 86px;
    }
}

.countdown {
    justify-content: center;
    margin: -10px;
}

.countdown li {
    margin: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.051);
    padding: 40px 15px;
}

.countdown li .c-title {
    font-size: 76px;
    color: #3ad1e5;
    text-shadow: 2.419px 9.703px 12.48px rgba(58, 209, 229, 0.5);
    line-height: 1;
    margin: 0;
    margin-bottom: 18px;
}

.countdown li p {
    /*font-family: "Josefin Sans", sans-serif;*/
    font-size: 24px;
    line-height: 1.4;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 300;
}

@media (min-width: 992px) {
    .countdown {
        margin: -22px;
    }

    .countdown li {
        min-width: 150px;
        margin: 22px;
    }
}

@media (max-width: 991px) {
    .countdown li {
        min-width: 130px;
    }

    .countdown li .c-title {
        font-size: 50px;
    }

    .countdown li p {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .countdown li {
        padding: 30px 15px;
        min-width: 130px;
    }
}

.notify-form {
    max-width: 540px;
    margin: 60px auto 0;
    position: relative;
}

.notify-form input {
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.102);
    color: #ffffff;
    padding-left: 40px;
    padding-right: 160px;
    height: 70px;
}

.notify-form input::placeholder {
    color: #c1a8ec;
}

.notify-form button {
    height: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232, 58, 153, 0.5);
    border: none;
    color: #ffffff;
    position: absolute;
    top: 10px;
    right: 10px;
    width: auto;
    padding: 0 20px;
}

@media screen and (max-width: 449px) {
    .notify-form {
        text-align: left;
    }

    .notify-form button {
        position: relative;
        margin-right: auto;
        right: unset;
        top: unset;
    }

    .notify-form input {
        padding: 0 20px;
        margin-bottom: 10px;
    }
}

/*Account Section Starts Here*/
.account-section {
    padding: 30px 0;
    min-height: 100vh;
    justify-content: center;
}

.account-title {
    margin-bottom: 30px;
    position: relative;
}

@media (max-width: 767px) {
    .account-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .account-title > * {
        max-width: 50%;
    }

    .account-title .logo {
        display: block;
    }

    .account-title .logo img {
        max-width: 100%;
    }
}

.account-title .back-home {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    text-align: left;
    display: inline-flex;
    align-items: center;
}

@media (min-width: 768px) {
    .account-title .back-home {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.account-title .back-home i {
    margin-right: 10px;
    font-size: 24px;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
}

.account-title .back-home span {
    line-height: 1;
}

@media (min-width: 768px) {
    .account-title {
        margin-bottom: 80px;
    }
}

.account-wrapper {
    max-width: 540px;
    margin: 0 auto;
    border-radius: 30px;
    background: #ffffff;
    padding: 60px 0;
}

@media (max-width: 575px) {
    .account-wrapper {
        font-size: 16px;
    }
}

.account-wrapper.top-gap {
    margin-top: 100px;
}

@media (min-width: 1200px) {
    .account-wrapper.top-gap {
        margin-top: 130px;
    }
}

.account-header {
    padding: 0 40px 40px;
    text-align: center;
}

@media (max-width: 575px) {
    .account-header {
        padding: 0 15px 30px;
    }
}

.account-header span a {
    color: #0403c4;
    font-weight: 600;
    text-transform: capitalize;
}

.account-header .title {
    margin-bottom: 23px;
}

.account-header .sign-in-with {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 40px;
    color: #222;
    border: 1px solid #aa9dd0;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}

.account-header .sign-in-with img {
    width: 24px;
    margin-right: 10px;
}

@media (max-width: 575px) {

    .ld-unsecuredloan .products .block-grid {
        margin: 0 auto;
    }

    .what .one .block-content {
        padding-left: 0;
    }

    .account-header .sign-in-with {
        padding: 12px 30px;
    }

    .account-header .sign-in-with img {
        width: 20px;
    }
}

.or {
    position: relative;
    text-align: center;
}

.or::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    height: 1px;
    width: 100%;
    background: #dddce7;
}

.or span {
    display: inline-block;
    padding: 0 12px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    background: #ffffff;
    position: relative;
    z-index: 1;
}

.account-body {
    padding: 10px 40px 0;
    text-align: center;
}

@media (max-width: 575px) {
    .account-body {
        padding: 0 15px 0;
    }
}

.account-body span a {
    color: #0403c4;
    font-weight: 600;
    text-transform: capitalize;
}

.account-form {
    text-align: left;
}

.account-form .form-group {
    margin-bottom: 13px;
}

.account-form .form-group label {
    font-size: 18px;
    font-weight: 600;
    /*font-family: "Josefin Sans", sans-serif;*/
    color: #333;
}

.account-form .form-group input {
    border: 1px solid rgba(59, 54, 140, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f6f6fa;
    padding: 0 30px;
    height: 60px;
}

.account-form .form-group button {
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232, 58, 153, 0.5);
    width: auto;
    padding: 0 45px;
    color: #ffffff;
    margin-top: 20px;
}

@media (min-width: 576px) {
    .account-form .form-group button {
        margin-top: 40px;
    }
}

.mt-15 {
    margin-top: 15px;
}

.mt-40 {
    margin-top: 40px;
}

.sign-in-recovery {
    font-size: 16px;
    margin-top: 10px;
    display: block;
}

.sign-in-recovery a {
    color: #0403c4;
    font-weight: 600;
    text-transform: capitalize;
}

.form-head {
    text-align: center;
    max-width: 345px;
    margin: 0 auto 40px;
    font-size: 16px;
}

@media (min-width: 576px) {
    .form-head {
        margin-bottom: 60px;
    }
}

/*Error Section Starts Here*/
.error-section {
    position: relative;
    padding: 100px 0;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.error-section .man1, .error-section .man2 {
    position: absolute;
    height: calc(100% - 160px);
    top: 50%;
    align-items: center;
    justify-content: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.error-section .man1 img, .error-section .man2 img {
    max-height: 100%;
}

.error-section .man1 {
    left: calc(50% + 230px);
}

.error-section .man2 {
    right: calc(50% + 230px);
}

.error-wrapper {
    text-align: center;
    max-width: 550px;
    margin: 0 auto;
}

.error-wrapper .title {
    margin: 0;
    font-size: 230px;
    line-height: 1;
    text-shadow: 1.21px 4.851px 13.44px rgba(25, 83, 200, 0.37);
    color: #ffffff;
    margin-bottom: 60px;
}

.error-wrapper .subtitle {
    color: #ffffff;
    margin-bottom: 20px;
}

@media (max-width: 575px) {
    .error-wrapper .title {
        font-size: 130px;
        margin-bottom: 40px;
    }

    .error-wrapper .subtitle {
        margin-bottom: 10px;
    }
}

/*Feature Tab Section Starts Here*/
.feature-tab-menu {
    justify-content: center;
    padding: 7px 75px;
    background: url(img/feature-tab.png) no-repeat center center;
    background-size: cover;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 70px;
}

.feature-tab-menu li {
    width: calc(100% / 3);
    padding: 10px 15px;
}

.feature-tab-menu li a {
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    padding: 10px;
}

.feature-tab-menu li a.active {
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 3.936px 4.528px 6px 0px rgba(0, 0, 0, 0.004);
}

@media (max-width: 1199px) {
    .feature-tab-menu {
        padding: 12px 25px;
    }
}

@media (max-width: 767px) {
    .feature-tab-menu {
        padding: 12px;
        margin-bottom: 50px;
    }

    .feature-tab-menu li {
        width: auto;
        padding: 7px 10px;
    }

    .feature-tab-menu li a {
        padding: 10px 20px;
        font-size: 14px;
    }
}

.feature-tab-header {
    margin-bottom: 40px;
}

.feature-tab-header .title {
    margin-bottom: 20px;
    text-transform: capitalize;
}

@media (min-width: 768px) {
    .feature-tab-header {
        margin-bottom: 60px;
    }
}

.cola-item {
    margin-bottom: 70px;
    align-items: center;
    flex-wrap: wrap-reverse;
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 767px) {
    .cola-item {
        margin-bottom: 50px;
    }
}

.cola-item:last-child {
    margin-bottom: 0;
}

.cola-item:nth-child(even) {
    flex-direction: row-reverse;
}

.cola-item:nth-child(odd) .cola-thumb {
    text-align: right;
}

.cola-item .cola-thumb img {
    max-width: 100%;
}

@media (max-width: 767px) {
    .cola-item .cola-thumb {
        margin-bottom: 20px;
    }
}

.cola-item .cola-content .thumb {
    width: 108px;
    margin-bottom: 32px;
}

.cola-item .cola-content .thumb img {
    width: 100%;
}

.cola-item .cola-content .cate {
    color: #ff8a00;
    font-weight: 600;
    /*font-family: "Josefin Sans", sans-serif;*/
    text-transform: capitalize;
    display: block;
    margin-bottom: 27px;
}

.cola-item .cola-content .title {
    font-weight: 700;
    margin-bottom: 10px;
}

.cola-item .cola-content ul li {
    padding: 0;
    margin-bottom: 10px;
}

.cola-item .cola-content ul li:last-child {
    margin-bottom: 0;
}

.cola-item .cola-content ul li::before {
    content: "\f00c";
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    margin-right: 7px;
    font-size: 14px;
}

@media (max-width: 991px) {
    .cola-item .cola-content .thumb {
        width: 70px;
        margin-bottom: 22px;
    }

    .cola-item .cola-content .cate {
        margin-bottom: 17px;
    }
}

@media (max-width: 767px) {
    .cola-item .cola-content ul li {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .cola-item .cola-content ul li:last-child {
        margin-bottom: 0;
    }
}

/*Single Pricing Section Starts Here*/
.single-pricing {
    margin-top: -420px;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .single-pricing {
        margin-top: -270px;
    }
}

.show-feature {
    font-size: 24px;
    color: #1153fc;
    text-transform: capitalize;
    /*font-family: "Josefin Sans", sans-serif;*/
    text-decoration: underline;
    font-weight: 700;
}

/*Estimate Plan Section Starts Here*/
.invest-range-area .main-amount {
    margin-bottom: 30px;
    position: relative;
}

@media (min-width: 576px) {
    .invest-range-area .main-amount {
        margin-bottom: 40px;
    }
}

.invest-range-area .main-amount::after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #dc3893;
    bottom: -26px;
    font-size: 16px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.invest-range-area .main-amount input {
    background: transparent;
    border: none;
    height: 20px;
    color: #33406a;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    text-align: center;
    color: #dc3893;
}

.user-range-area {
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    text-align: center;
}

.user-range-area .min-user, .user-range-area .max-user {
    width: 100px;
}

.user-range-area .min-user .title, .user-range-area .max-user .title {
    font-weight: 700;
    margin-bottom: -3px;
}

@media (min-width: 768px) {
    .user-range-area .min-user .title, .user-range-area .max-user .title {
        font-size: 28px;
    }
}

.user-range-area .min-user span, .user-range-area .max-user span {
    display: block;
}

.user-range-area .invest-amount {
    width: calc(100% - 220px);
}

.user-range-area .invest-amount .invest-range-slider {
    margin: 0 auto;
}

@media (max-width: 575px) {
    .user-range-area .min-user, .user-range-area .max-user {
        width: 40px;
        margin-top: 30px;
    }

    .user-range-area .min-user .title, .user-range-area .max-user .title {
        margin-bottom: -10px;
    }

    .user-range-area .invest-amount {
        width: 100%;
        order: -1;
    }
}

/*Contact Section Starts Here*/
.contact-section {
    margin-top: -535px;
    position: relative;
    z-index: 9;
}

@media (max-width: 991px) {
    .contact-section {
        margin-top: -470px;
    }
}

@media (max-width: 767px) {
    .contact-section {
        margin-top: -350px;
    }
}

.contact-wrapper {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0px 11px 19.2px 0.8px rgba(66, 58, 232, 0.1);
    padding: 65px 40px 0;
    margin-bottom: 80px;
}

@media (max-width: 575px) {
    .contact-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) {
    .contact-wrapper {
        margin-bottom: 100px;
    }
}

@media (min-width: 992px) {
    .contact-wrapper {
        margin-bottom: 0;
    }
}

.contact-form .form-group {
    margin-bottom: 23px;
}

.contact-form .form-group label {
    font-size: 18px;
    font-weight: 600;
    /*font-family: "Josefin Sans", sans-serif;*/
    color: #333;
}

.contact-form .form-group input {
    border: 1px solid rgba(59, 54, 140, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f6f6fa;
    padding: 0 30px;
    height: 60px;
}

.contact-form .form-group input[type="submit"] {
    background: -moz-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -ms-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -webkit-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    width: auto;
    padding: 0 50px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 auto;
    display: block;
    border: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    box-shadow: 0 10px 30px rgba(118, 93, 234, 0.502);
}

.contact-form .form-group button {
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232, 58, 153, 0.5);
    width: auto;
    padding: 0 45px;
    color: #ffffff;
    margin-top: 20px;
}

@media (min-width: 576px) {
    .contact-form .form-group button {
        margin-top: 40px;
    }
}

.contact-form .form-group textarea {
    border: 1px solid rgba(59, 54, 140, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f6f6fa;
    padding: 30px;
    height: 140px;
}

.contact-form .form-group .form-check {
    align-items: center;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 15px;
}

.contact-form .form-group .form-check input {
    width: 22px;
    height: 22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: transparent;
}

.contact-form .form-group .form-check label {
    margin: 0;
    padding-left: 10px;
    width: calc(100% - 22px);
    font-size: 16px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    color: #6f6c9f;
}

.contact-form .form-group:last-child {
    -webkit-transform: translateY(23px);
    -ms-transform: translateY(23px);
    transform: translateY(23px);
}

.contact-form .form-group input, .contact-form .form-group textarea {
    padding: 15px;
}

@media (max-width: 575px) {
    .contact-form .form-group input::placeholder, .contact-form .form-group textarea::placeholder {
        font-size: 14px;
    }
}

.contact-content .man {
    margin-top: 20px;
    margin-bottom: 65px;
}

.contact-content .section-header .title {
    font-weight: 600;
}

.contact-content .section-header p {
    margin-bottom: 35px;
}

.contact-content .section-header a {
    color: #222;
    padding-left: 25px;
    position: relative;
}

.contact-content .section-header a i {
    margin-left: 5px;
}

.contact-content .section-header a::before {
    border-radius: 50%;
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    opacity: 0.502;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.contact-content .section-header a:hover::before {
    left: calc(100% - 30px);
}

.contact-area {
    margin-bottom: -40px;
}

.contact-item {
    align-items: center;
    margin-bottom: 40px;
}

.contact-item .contact-thumb {
    width: 78px;
}

.contact-item .contact-thumb img {
    max-width: 100%;
}

.contact-item .contact-contact {
    width: calc(100% - 78px);
    padding-left: 30px;
}

.contact-item .contact-contact .subtitle {
    margin: 0;
    margin-bottom: 5px;
}

.contact-item .contact-contact a {
    color: #222;
}

.contact-item .contact-contact p {
    margin: 0;
}

/*Do Section Starts Here*/
.do-item {
    text-align: center;
    background: url(img/do-bg.png) no-repeat center center;
    background-size: cover;
    padding: 70px 30px 60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.do-item .title {
    margin-bottom: 22px;
}

.do-item p {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 22px;
}

.do-item a {
    width: 48px;
    height: 48px;
    line-height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 1.21px 4.851px 13.44px 0.56px rgba(232, 58, 153, 0.37);
}

@media (max-width: 575px) {
    .do-item {
        padding: 60px 15px 50px;
    }

    .do-item .title {
        margin-bottom: 13px;
    }
}

/*Map Section Starts Here*/
.map-section {
    position: relative;
}

.map-section::before {
    background: #e5ebf8;
    top: 85px;
    left: 0;
    right: 0;
    bottom: 210px;
}

@media (max-width: 575px) {
    .map-section::before {
        top: 45px;
        bottom: 100px;
    }
}

.maps-wrapper {
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 40px;
    z-index: 1;
}

.maps-wrapper::before {
    bottom: -40px;
    top: 40px;
    right: -50px;
    left: 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: -ms-linear-gradient(0deg, #83c3fa 0%, #66b7ff 47%, #6290fb 75%, #5e69f6 100%);
    background: -moz-linear-gradient(0deg, #83c3fa 0%, #66b7ff 47%, #6290fb 75%, #5e69f6 100%);
    background: -webkit-linear-gradient(0deg, #83c3fa 0%, #66b7ff 47%, #6290fb 75%, #5e69f6 100%);
    box-shadow: 5.806px 23.287px 30.72px 1.28px rgba(94, 105, 246, 0.5);
}

.maps-wrapper .maps {
    height: 490px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .maps-wrapper::before {
        bottom: -30px;
        top: 30px;
        right: -30px;
        left: 30px;
    }
}

@media (max-width: 575px) {
    .maps-wrapper {
        margin-bottom: 20px;
    }

    .maps-wrapper::before {
        bottom: -20px;
        top: 20px;
        right: 0;
        left: 0;
    }
}

/*All Animations Starts Here*/
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

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

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

@-moz-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes rev-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@-webkit-keyframes rev-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@-moz-keyframes rev-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes righTLeft {
    0% {
        right: 0;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        right: 100%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes righTLeft {
    0% {
        right: 0;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        right: 100%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes righTLeft {
    0% {
        right: 0;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        right: 100%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes lefTRight {
    0% {
        left: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        left: 100%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes lefTRight {
    0% {
        left: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        left: 100%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes lefTRight {
    0% {
        left: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        left: 100%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes zigZag {
    0% {
        -webkit-transform: rotate(0deg) translate(-10px, -10px);
        -ms-transform: rotate(0deg) translate(-10px, -10px);
        transform: rotate(0deg) translate(-10px, -10px);
    }

    20% {
        -webkit-transform: rotate(360deg) translate(-100px, -100px);
        -ms-transform: rotate(360deg) translate(-100px, -100px);
        transform: rotate(360deg) translate(-100px, -100px);
    }

    40% {
        -webkit-transform: rotate(0deg) translate(100px, 100px);
        -ms-transform: rotate(0deg) translate(100px, 100px);
        transform: rotate(0deg) translate(100px, 100px);
    }

    60% {
        -webkit-transform: rotate(360deg) translate(10px, 10px);
        -ms-transform: rotate(360deg) translate(10px, 10px);
        transform: rotate(360deg) translate(10px, 10px);
    }

    80% {
        -webkit-transform: rotate(0deg) translate(70px, 70px);
        -ms-transform: rotate(0deg) translate(70px, 70px);
        transform: rotate(0deg) translate(70px, 70px);
    }

    100% {
        -webkit-transform: rotate(360deg) translate(-10px, -10px);
        -ms-transform: rotate(360deg) translate(-10px, -10px);
        transform: rotate(360deg) translate(-10px, -10px);
    }
}

@keyframes outer-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-filter: alpha(opacity=50);
    }

    80% {
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
    }

    100% {
        transform: scale(3.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(3.5);
        -moz-transform: scale(3.5);
        -ms-transform: scale(3.5);
        -o-transform: scale(3.5);
    }
}

@-webkit-keyframes outer-ripple {
    0% {
        transform: scale(1.5);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
    }

    80% {
        transform: scale(3.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(3.5);
        -moz-transform: scale(3.5);
        -ms-transform: scale(3.5);
        -o-transform: scale(3.5);
    }

    100% {
        transform: scale(4.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(4.5);
        -moz-transform: scale(4.5);
        -ms-transform: scale(4.5);
        -o-transform: scale(4.5);
    }
}

@-moz-keyframes outer-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-filter: alpha(opacity=50);
    }

    80% {
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
    }

    100% {
        transform: scale(3.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(3.5);
        -moz-transform: scale(3.5);
        -ms-transform: scale(3.5);
        -o-transform: scale(3.5);
    }
}

/* inner ripple */
@keyframes inner-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    30% {
        transform: scale(2);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
    }

    100% {
        transform: scale(2.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
    }
}

@-webkit-keyframes inner-ripple {
    0% {
        transform: scale(2);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
    }

    30% {
        transform: scale(2.5);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
    }

    100% {
        transform: scale(3.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(3.5);
        -moz-transform: scale(3.5);
        -ms-transform: scale(3.5);
        -o-transform: scale(3.5);
    }
}

@-moz-keyframes inner-ripple {
    0% {
        transform: scale(2);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
    }

    30% {
        transform: scale(2.5);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
    }

    100% {
        transform: scale(3.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(3.5);
        -moz-transform: scale(3.5);
        -ms-transform: scale(3.5);
        -o-transform: scale(3.5);
    }
}

@keyframes rotate2 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(1440deg);
        -ms-transform: translate(-50%, -50%) rotate(1440deg);
        transform: translate(-50%, -50%) rotate(1440deg);
    }
}

@keyframes zigZag2 {
    0% {
        -webkit-transform: rotate(0deg) translate(-10px, -10px);
        -ms-transform: rotate(0deg) translate(-10px, -10px);
        transform: rotate(0deg) translate(-10px, -10px);
    }

    20% {
        -webkit-transform: rotate(360deg) translate(-10px, -10px);
        -ms-transform: rotate(360deg) translate(-10px, -10px);
        transform: rotate(360deg) translate(-10px, -10px);
    }

    40% {
        -webkit-transform: rotate(0deg) translate(10px, 10px);
        -ms-transform: rotate(0deg) translate(10px, 10px);
        transform: rotate(0deg) translate(10px, 10px);
    }

    60% {
        -webkit-transform: rotate(360deg) translate(10px, 10px);
        -ms-transform: rotate(360deg) translate(10px, 10px);
        transform: rotate(360deg) translate(10px, 10px);
    }

    80% {
        -webkit-transform: rotate(0deg) translate(10px, 10px);
        -ms-transform: rotate(0deg) translate(10px, 10px);
        transform: rotate(0deg) translate(10px, 10px);
    }

    100% {
        -webkit-transform: rotate(360deg) translate(-10px, -10px);
        -ms-transform: rotate(360deg) translate(-10px, -10px);
        transform: rotate(360deg) translate(-10px, -10px);
    }
}

@keyframes upDown {
    0% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@-webkit-keyframes upDown {
    0% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@-moz-keyframes upDown {
    0% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

/*All Animation Ends Here*/
.blog-author {
    padding: 30px;
    border-radius: 10px;
}

.blog-author .author-thumb {
    width: 94px;
    height: 94px;
    padding: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.blog-author .author-thumb a {
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.blog-author .author-thumb a img {
    width: 100%;
}

.blog-author .author-content {
    width: calc(100% - 94px);
    padding-left: 30px;
}

.blog-author .author-content .title {
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
}

@media (max-width: 575px) {
    section.shop-details-area.ptb-100 {
        float: left;
        width: 100%;
        padding-top: 0;
    }

    .order-1 .customer .col.left, .order-1 .customer .col.right {
        float: left;
        width: 100% !important;
        margin: 0px 0 !important;
    }

    .paymentsuccess-2 .payment .step .item {
        float: left;
        width: 100% !important;
    }

    .paymentsuccess-2 .col-md-12 {
        padding: 0;
        font-size: 14px;
    }

    input.confirm {
        font-size: 15px;
    }

    .payment {
        display: none;
    }

    .tt-price {
        font-size: 16px !important;
        text-align: right;
        color: red;
    }

    .order-1 .customer label.label, .order-1 .customer span.no-required {
        display: block;
        font-size: 13px;
        color: #000;
        padding: 0;
        line-height: 26px !important;
        text-align: left;
        font-weight: normal;
    }

    section.page-detail-bottom.page-detail-bottom-chitiet .preview-box {
        text-align: center;
        margin-bottom: 2em;
        padding: 0;
        width: 100%;
        border-radius: 0;
        border: none;
        height: 215px;
        overflow: hidden;
        position: relative;
    }

    .post-details .post-inner {
        padding: 0;
    }

    .blog-author {
        padding-left: 15px;
        padding-right: 15px;
    }

    .blog-author .author-thumb {
        margin: 0 auto 20px;
    }

    .blog-author .author-content {
        padding-left: 0;
        width: 100%;
        text-align: center;
    }
}

.blog-comment {
    margin-top: 40px;
}

@media (min-width: 768px) {
    .blog-comment {
        margin-top: 50px;
    }
}

@media (min-width: 992px) {
    .blog-comment {
        margin-top: 80px;
    }
}

.blog-comment > .title {
    text-transform: uppercase;
    padding-bottom: 15px;
    font-size: 22px;
    font-weight: 700;
}

@media (min-width: 576px) {
    .blog-comment > .title {
        font-size: 28px;
        padding-bottom: 23px;
    }
}

.comment-area li {
    padding: 0;
}

.comment-area li .blog-item {
    border-top: 1px solid #bccaea;
    padding: 21px 0;
    align-items: center;
}

.comment-area li .blog-item .blog-thumb {
    width: 65px;
    height: 65px;
    padding: 5px;
    border: 1px solid #bccaea;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.comment-area li .blog-item .blog-thumb a {
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.comment-area li .blog-item .blog-thumb a img {
    width: 100%;
}

.comment-area li .blog-item .blog-thumb-info {
    width: 160px;
    padding-left: 30px;
}

.comment-area li .blog-item .blog-thumb-info span {
    margin-bottom: 10px;
    display: block;
    color: #0a3d62;
    font-size: 14px;
}

.comment-area li .blog-item .blog-thumb-info .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.comment-area li .blog-item .blog-content {
    width: calc(100% - 225px);
    padding-left: 30px;
}

.comment-area li .blog-item .blog-content p {
    margin: 0 !important;
    font-size: 16px;
    line-height: 26px;
}

@media (max-width: 575px) {
    .comment-area li .blog-item .blog-thumb {
        margin-bottom: 10px;
    }

    .comment-area li .blog-item .blog-thumb-info {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }

    .comment-area li .blog-item .blog-thumb-info span {
        margin-bottom: 7px;
    }

    .comment-area li .blog-item .blog-content {
        padding: 0;
        width: 100%;
    }
}

.comment-area li ul {
    padding-left: 20px;
}

@media (min-width: 576px) {
    .comment-area li ul {
        padding-left: 40px;
    }
}

@media (min-width: 768px) {
    .comment-area li ul {
        padding-left: 95px;
    }
}

/*Leave-Comment Starts*/
.leave-comment {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .leave-comment {
        margin-top: 35px;
    }
}

@media (min-width: 992px) {
    .leave-comment {
        margin-top: 55px;
    }
}

.leave-comment .title {
    text-transform: uppercase;
    padding-bottom: 15px;
    font-size: 22px;
}

@media (min-width: 576px) {
    .leave-comment .title {
        font-size: 28px;
    }
}

.blog-form {
    margin-bottom: -30px;
    font-size: 16px;
}

@media (max-width: 575px) {
    .blog-form {
        font-size: 14px;
    }
}

.blog-form .form-group {
    margin-bottom: 30px;
}

.blog-form .form-group input {
    height: 52px;
    border: none;
    border-bottom: 1px solid #bccaea;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-left: 0;
    color: #0a3d62;
}

.blog-form .form-group input::placeholder {
    color: #0a3d62;
}

.blog-form .form-group input:focus {
    border-color: #e883ae;
}

.blog-form .form-group input[type="submit"] {
    text-transform: uppercase;
    font-weight: 600;
    width: auto;
    padding: 0 50px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    color: #ffffff;
    background: -moz-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background: -webkit-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background: -ms-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    box-shadow: 0px 10px 15px 0px rgba(59, 55, 188, 0.5);
    border: none;
}

.blog-form .form-group textarea {
    padding: 0;
    height: 200px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #bccaea;
    color: #0a3d62;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.blog-form .form-group textarea:focus {
    border-color: #e883ae;
}

.blog-form .form-group textarea::placeholder {
    color: #0a3d62;
}

@media (max-width: 575px) {
    .blog-form {
        margin-bottom: -20px;
    }

    .blog-form .form-group {
        margin-bottom: 20px;
    }

    .blog-form .form-group input {
        height: 45px;
    }

    .blog-form .form-group textarea {
        height: 150px;
    }
}

.post-item {
    margin: 0 auto 40px;
    overflow: hidden;
}

.post-item .post-thumb a {
    display: block;
}

.post-item .post-thumb img {
    width: 100%;
}

.post-item .post-content {
    padding: 0;
    padding-top: 15px;
}

.post-item .post-content .title {
    margin: 0;
    margin-bottom: 20px;
}

.post-item .post-content p {
    margin-bottom: 15px;
}

.post-item .post-content .read {
    font-size: 16px;
    color: #9d9cab;
}

@media (min-width: 768px) {
    .post-item .post-content {

    }

    .post-item .post-content .title {
        font-size: 35px;
        margin-bottom: 25px;
    }

    .post-item .post-content p {
        margin-bottom: 30px;
    }
}

.post-item.style-two {
    background: #ffffff;
    padding: 20px;
    position: relative;
}

.post-item.style-two::before, .post-item.style-two::after {
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% + 40px);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 74%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 74%, 0% 100%);
}

.post-item.style-two::after {
    height: 140px;
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
}

.post-item.style-two::before {
    height: 160px;
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    opacity: 0.502;
}

@media (min-width: 768px) {
    .post-item.style-two::before {
        height: 335px;
    }

    .post-item.style-two::after {
        height: 300px;
    }
}

.post-item.style-two .post-thumb {
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.post-item.style-two .post-content {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    background: transparent;
}

@media (min-width: 768px) {
    .post-item.style-two {
        padding: 40px;
    }

    .post-item.style-two .post-thumb {
        margin-bottom: 32px;
    }
}

.pagination-area {
    font-size: 18px;
    margin-left: 0 -15px;
    overflow: hidden;
    height: 100px;
}

.giaodien_new .single-product a.cart-pr {
    text-align: right;
    float: right;
    color: #fff;
}

.pagination-area a {
    margin: 0px;
    float: left;
    padding: 5px 15px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #ece6e6;
    margin-left: 4px;
    font-size: 14px;
}

.pagination-area li.active a {
    z-index: 2;
    color: #fff;
    background-color: #313c4b;
    border-color: #333c4c;
    cursor: default;
}

.pagination-area a i {
    font-size: 14px;
}

.pagination-area a:hover {
    color: #ee4730;
}

@media (max-width: 575px) {
    .pagination-area a span {
        display: none;
    }
}

.pagination-area a.active {
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background: -moz-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background: -webkit-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    background: -ms-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
}

.pagination-area a:first-child span {
    margin-left: 3px;
}

.pagination-area a:last-child span {
    margin-right: 3px;
}

@media (max-width: 575px) {
    .pagination-area a {
        margin: 0 3px;
    }

    .pagination-area a {
        margin: 0px;
        float: left;
        padding: 5px 8px;
        line-height: 1.42857143;
        text-decoration: none;
        color: #0fd186;
        background-color: #fff;
        border: 1px solid #ece6e6;
        margin-left: 4px;
        font-size: 13px;
    }

    .pagination-area {
        margin: 0 0;
        margin-bottom: 10px;
        font-size: 15px;
        height: auto;
    }

    section.main-article.blog-section.padding-top.padding-bottom.css-tuyendung .col-md-4.col-sm-4.col-xs-6 {
        padding: 0;
    }

}

/*BLog Details Section Starts Here*/
.post-details {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #ffffff;
    color: #333;

}

.post-details .post-inner {
    padding: 25px 20px;
}

.post-details .post-header .meta-post {
    font-size: 16px;
    margin-right: -15px;
    margin-bottom: 36px;
}

.post-details .post-header .meta-post a {
    color: #222;
    margin-right: 15px;
    margin-bottom: 5px;
}

.post-details .post-header .title {
    margin-bottom: 36px;
}

@media (min-width: 576px) {
    .post-details .post-header .title {
        font-weight: 500;
    }
}

@media (min-width: 992px) {
    .post-details .post-header .title {
        font-size: 25px;
        margin-bottom: 18px;
    }
}

.post-details .post-content {
    align-items: start;
}

.post-details .post-content .entry-content {
    width: calc(100% - 50px);

}

.blog-single-section .breadcrumb a {
    color: #333;
}

.post-details .post-content .entry-content p {

}

.post-details .post-content .entry-content img {
    margin-bottom: 44px;
    width: 100%;
}

.post-details .post-content .entry-meta {
    justify-content: center;
    width: 50px;
}

.post-details .post-content .entry-meta .thumb {
    width: 50px;
    height: 50px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.post-details .post-content .entry-meta .thumb::before {
    height: 100%;
    width: 100%;
    background: -moz-linear-gradient(-90deg, #c165dd 0%, #5c27fe 100%);
    background: -ms-linear-gradient(-90deg, #c165dd 0%, #5c27fe 100%);
    background: -webkit-linear-gradient(-90deg, #c165dd 0%, #5c27fe 100%);
}

.post-details .post-content .entry-meta .thumb img {
    position: relative;
    z-index: 1;
    width: 46px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.post-details .post-content .entry-meta .comment {
    text-align: center;
    display: block;
    margin-bottom: 15px;
}

.post-details .post-content .entry-meta .comment i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    border: 1px solid rgba(31, 53, 92, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    color: #ee4730;
    margin: 0 auto;
}

.post-details .post-content .entry-meta .comment span {
    display: block;
    font-size: 16px;
    color: #222;
}

.blog-single-section .post-details .post-content .entry-content p {

}


@media only screen and (max-width: 768px) {

    .social-icons {
        display: none;
    }

    .content-footer {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .hotrofooter .widget p {
        margin-bottom: 35px;
        color: #fff;
        width: 79%;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 0px;
        margin-bottom: 35px;
        font-size: 15px;
        margin-bottom: 20px !important;
    }

    .content-footer .item-footer .title-footer {
        line-height: inherit;
        margin: 0;
        margin-bottom: 0px;
        text-transform: uppercase;
        padding-bottom: 9px;
        display: inline-block;

        margin-bottom: 0px;

        text-transform: uppercase;
        line-height: 20px;
    }


    .content-footer .item-footer .nav-item-footer ul li a {
        line-height: 20px;
        font-weight: 400;

        display: inline-block;

        vertical-align: top;
        margin-bottom: 5px;
    }


    .giaodien_new .container {
        padding: 0px;
        /* margin: 0 0px; */
    }

    .pricing-section-banggia.pricing-section.oh.padding-bottom-2.single-pricing .section-header .title {
        color: #fff;
        font-size: 25px;
    }

    .main-article .col-lg-12.col-md-12.col-sm-12 {
        padding: 0;
    }

    #main-unsecured-loan .col-lg-6.block-img {
        display: none;
    }

    .scrollToTop {
        width: 35px;
        height: 35px;
        line-height: 35px;
        color: #ffffff;
        z-index: 999;
        bottom: 257px;
        right: 30px;
        position: fixed;
        border-radius: 5px;
        -webkit-transform: translateY(150px);
        -ms-transform: translateY(150px);
        transform: translateY(150px);
        /* background: #0055d7; */
        text-align: center;
        font-size: 16px;
    }

    .page-title-banner.page-title-banner-gt {

        padding-top: 39px;
    }


    .features-area-gioithieu.features-area.marketing-features.ptb-100 {
        float: left;
        width: 100%;
    }

    .ld-unsecuredloan img {
        max-width: none;
        max-width: 185px;
    }

    .shop-details .image-desktop {
        padding: 75px;
    }

    .single-product .product-content h5 {
        font-size: 13px;
        color: #e61919;
        font-weight: 500;
        margin: 0;
    }

    .span-gia {
        text-decoration: line-through;
        padding-left: 5px;
        line-height: 29px;
        font-size: 12px;
    }

    .col-lg-4.col-md-5.col-12.feature-info.order-1.order-md-2 .price {
        margin: 10px 0;
        font-size: 20px;
        color: #d21515;
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 20px;
    }

    .code {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #d21515 !important;
    }

    .giaodien_new .single-product a.cart-pr {
        text-align: right;
        float: right;
        color: #d7240f;
    }

    .giaodien_new h2 {

        font-weight: bold;


        margin: 0;
        position: relative;
    }

    .hotrofooter {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 0px;
        margin-bottom: 0px;
        text-align: center;
        border-bottom: 1px solid #333353;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .hotrofooter h4 {
        color: #fff;
        font-size: 18px;
        line-height: 28px;
        font-weight: bold;
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 0px;
        margin-bottom: 0px;
        padding: 0px 0 0 0;
        position: relative;
        margin-bottom: 20px;
        font-family: UTM AvoBold !important;
    }

    .main-article .post-item .post-thumb img {
        width: 100%;
        height: 155px;
        object-fit: cover;
        border: 1px solid #eae5e5;
        border-radius: 5px;
        padding: 5px;
    }

    .giaodien_new p.desc {
        text-align: left;
        color: #42464e;
        font-size: 16px;
        font-weight: 300;
        margin: 10px 0 40px;
        position: relative;
    }

    .single-product {
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
        -webkit-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
        -moz-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
        -o-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
        -os-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
        max-height: 396px;
        overflow: hidden;
        margin-bottom: 40px;
    }

    .giaodien_new .single-product .product-img {
        position: relative;
        height: 230px;
        overflow: hidden;
    }

    .padding-top {
        padding-top: 0;
    }

    .post-details .post-inner {
        padding: 15px 0;
    }

    .widget {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #ffffff;
        padding: 0;
        margin: 0;
    }

    .post-details .post-header .title {
        margin-bottom: 13px;
    }

    h3 {
        font-size: 25px;
        line-height: 30px;
        margin-top: 0;
    }

    .page-header {
        /* padding: 7px 0 0px;
    position: relative;
    overflow: hidden;
    color: #fff;
    background: url(../../images/bg-slogan.png) no-repeat top center !important;
    padding: 70px 0 60px;
    background-size: cover;
    font-size: 15px;*/
    }

    section#coverage {
        display: none;
    }

    .preview-box {
        text-align: center;
        margin-bottom: 2em;
        padding: 0;
        width: 100%;
        border-radius: 0;
        border: none;
        height: 287px;
        overflow: hidden;
        position: relative;
    }

    .ld-unsecuredloan .why h2 {

        font-size: 25px;

    }

    .page-header {
        /*   padding: 20px 0 0px;
    position: relative;
    overflow: hidden;
    color: #fff;
    background: url(../../images/bg-slogan.png) no-repeat top center !important;
    /* padding: 70px 0 60px;
    background-size: cover;
    font-size: 15px;*/
    }

    .mb-70 {
        margin-bottom: 20px;
    }

    .page-header-content .title {
        font-size: 30px;
        line-height: 62px;
        margin: 0;
        font-weight: 500;
    }

    .index-container .optimize p {
        font-size: 17px;
        font-weight: 300;
        color: #42464e;
        margin-bottom: 28px;
    }

    .index-container .optimize .list_category span {
        font-size: 14px;
        display: block;
        color: #333;
    }

    section#feature {
        display: none;
    }

    .ld-unsecuredloan .products .block-grid .item ul {
        padding: 0 5px;
        list-style: none;
        margin-bottom: 0;
        min-height: 250px;
    }

    .index-container .optimize h2 {
        font-size: 25px;
        font-weight: 500;
        color: #222;
        margin-top: 10px;
        margin-bottom: 7px;
        padding-bottom: 10px;
    }


    .owl-carousel .owl-item img {
        display: block;
        /*  width: 54%;*/
        margin: 0 auto;
    }

    .banner-content-home .title {
        line-height: 35px;
        font-size: 27px;
        font-weight: 500;
    }

    .ld-unsecuredloan .what h2 {
        font-size: 20px;
        font-weight: 500;
        color: #d42027;
        text-align: left;
        margin-bottom: 18px;
        line-height: 30px;
    }

    .description-add.templateDetail h3 {
        font-size: 20px;
    }


    span.giacu {
        text-decoration: line-through;
        color: #969494;
    }

    p {
        font-size: 15px;
        line-height: 20px;
        font-family: 'Sarabun', sans-serif;
    }

    .banner-content-home {
        padding-top: 135px;

    }

    .feature-services-design .desc1 i {
        color: #fff;
    }

    .buocthietke-mobile .am-item {
        padding: 20px;
        margin-bottom: 15px;
    }

    .feature-services-design .desc1 {
        font-size: 16px;
    }

    .amazing-feature-section22 .section-header.left-style {
        margin-bottom: 0;
        padding-bottom: 5px;
    }

    .amazing-feature-section22 .section-header .title {
        font-size: 20px;
    }

    .buocthietke-mobile {
        padding: 25px 0;
    }

    .buocthietke-mobile .section-header .title {
        padding-bottom: 20px;
    }

    .pricing-section-email-hosting .pricing-item .pricing-content .pricing-header .title {
        font-size: 30px;
    }

    .pricing-section-email-hosting .pricing-item .pricing-content ul li {
        font-size: 16px;
    }

    .pricing-section-email-hosting .pricing-content {
        margin-bottom: 0
    }

    .pricing-section-email-hosting .pricing-item .pricing-content ul {
        margin-bottom: 5px;
    }

    .pricing-section-email-hosting .pricing-item .pricing-content .button-3 {
        padding: 6px 10px;
    }

    .recharge-email-hosting .table thead th {
        padding: 10px;
        font-size: 15px;
        line-height: 21px;
    }

    .recharge-email-hosting .table tr td {
        padding: 10px;
        font-size: 15px;
        line-height: 21px;
    }

    .shop-details-area-chitiet .col-md-5 {
        width: 100%;
        flex: inherit;
    }

    .shop-details-area-chitiet .shop-details .shop-details-tabs #tabs li {
        padding: 10px;
    }

    .shop-related-prodcut.shop-related-prodcut-chitiet {
        padding-top: 0;
        padding-bottom: 0;
    }

    .shop-related-prodcut.shop-related-prodcut-chitiet .row {
        margin-left: -5px;
        margin-right: -5px;

    }

    .shop-related-prodcut.shop-related-prodcut-chitiet .row .col-md-3 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .shop-related-prodcut .product-content h5.price {
        font-size: 16px;
    }

    .shop-related-prodcut .product-content h5.price del {
        font-size: 13px;
        color: #333;
    }

    .shop-related-prodcut-chitiet .single-product {
        margin-bottom: 10px;
    }

    .bg_info-chitiet.bg_info h2.heading {
        margin-top: 0
    }

    .page-detail-bottom.page-detail-bottom-chitiet .heading {
        font-size: 30px;
        margin-bottom: 0;
    }

    .page-detail-bottom.page-detail-bottom-chitiet {
        padding-top: 0 !important;
    }

    .bg_info-chitiet .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .bg_info-chitiet .row .col-md-3 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .bg_info-chitiet .features-box {
        margin-bottom: 5px;
    }

    .bg_info-chitiet .features-box p {
        line-height: 20px;
    }

    .bg_info-chitiet {
        padding-bottom: 20px;
    }

    #main-unsecured-loan .banner {
        padding-top: 130px;
    }

    #main-unsecured-loan .banner .block-content ul {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    #main-unsecured-loan .banner .block-content .btn-registration {
        height: inherit;
        line-height: inherit;
        padding: 10px 25px;
        font-size: 20px;
    }

    .what .one .block-content {
        padding: 0;
    }

    .what .one {
        margin-bottom: 30px;
    }

    .ld-unsecuredloan .what .block-item .btn-registration {
        height: auto;
        line-height: inherit;
        font-size: 18px;
        padding: 10px 25px;
    }

    .ld-unsecuredloan .what .two .block-content ul {
        padding: 0;
        margin-bottom: 20px;
    }

    .why .slide-why .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .why .slide-why .row .col-md-3 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .ld-unsecuredloan .why .item p {
        padding: 0 10px;
    }

    .ld-unsecuredloan .why .slide-why .swiper-container {
        padding: 10px;
    }

    .ld-unsecuredloan .products h2 {
        font-size: 25px;
        margin-bottom: 20px;
        line-height: 24px;
    }

    .ld-unsecuredloan .products .block-grid {
        margin-left: -5px;
        margin-right: -5px;
    }

    .ld-unsecuredloan .products .block-grid .col-lg-4 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .ld-unsecuredloan .products .block-grid .item ul li {
        display: flex;
        font-size: 15px;
        line-height: 17px;
        color: #1e2022;
        padding-bottom: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;

    }

    .ld-unsecuredloan .products .block-grid .item .btn-registration {
        font-size: 18px;
        height: auto;
        line-height: inherit;
        padding: 5px 29px;
        margin-top: 7px;
    }

    .ld-unsecuredloan .products .block-grid .item {
        margin-bottom: 10px;
    }

    .ld-unsecuredloan .faq .block-faq {
        padding: 0;
    }

    .ld-unsecuredloan .what .one .block-img img {
        margin: 0;
        width: 100%;
    }

    .omnichannel .banner p {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .omnichannel .concept {
        padding-top: 0
    }

    .omnichannel .function .item.item_left {
        margin-top: 0
    }

    .omnichannel .feedback .title h2 {
        font-size: 25px;
    }

    .omnichannel .buy {
        padding-bottom: 20px;
    }

    .omnichannel .banner .btn-registration {
        margin-top: 20px;
    }

    .omnichannel .support .block-content .item {
        margin-bottom: 35px;
    }

    .omnichannel .buy .button_bottom .btn-registration {
        line-height: inherit;

        height: auto;
        padding: 10px 20px;
        font-size: 20px;
    }


    .omnichannel .feedback .scroll-down {
        display: none;
    }


}


@media (max-width: 767px) {
    .post-details {
        margin-bottom: 0;
    }

    .post-details .post-inner {
        padding: 30px 15px 30px;
    }

    .post-details .post-header .meta-post {
        margin-bottom: 20px;
    }

    .post-details .post-header .title {
        margin-bottom: 25px;
    }

    .post-details .post-content p {
        font-size: 16px;
        line-height: 26px;
    }

    .post-details .post-content .entry-content p {

    }

    .post-details .post-content .entry-content img {
        margin-bottom: 35px;
    }
}

@media (max-width: 575px) {

    .giaodien_new .more-theme {
        display: inline-block;
        padding-right: 27px;
        font-size: 18px;
        font-weight: 400;
        color: #096f47;
        background-size: auto;
        position: absolute;
        right: 0;
        float: left;
        width: 100%;
        margin-top: 24px;
    }

    .shop-details .image-desktop {
        padding: 0 20px;
    }

    .post-details .post-header .title {
        margin-bottom: 20px;
    }

    .post-details .post-content .entry-content, .post-details .post-content .entry-meta {
        width: 100%;
        padding: 0;
    }

    .post-details .post-content .entry-meta {
        justify-content: flex-start;
        margin-bottom: 15px;
    }

    .post-details .post-content .entry-meta .comment {
        display: flex;
        align-items: center;
        margin-left: 20px;
    }

    .post-details .post-content .entry-meta .comment span {
        margin-left: 5px;
    }
}

.post-details .tags-area {
    justify-content: space-between;
    /* align-items: center;
    margin-top: 5px;
    border-top: 1px solid #bccaea;
    padding: 30px 30px 15px;*/
}

@media (max-width: 767px) {
    .post-details .tags-area {
        padding: 20px 15px 5px;
    }
}


@media (max-width: 767px) {
    .blog-single-section {
        margin-top: -160px;
    }
}

.scrollToTop {

    z-index: 999;
    bottom: 174px;
    right: 59px;
    position: fixed;

}

.scrollToTop:hover {
    color: #ffffff;
}

.scrollToTop.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    animation: bounceInDown 2s;
    -webkit-animation: bounceInDown 2s;
    -moz-animation: bounceInDown 2s;
}

.scrollToTop img {
    width: 100%;
}

.transparent-button {
    color: #ffffff;
    border: 1px solid #c087fa;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 25px;
}

.transparent-button:hover {
    color: #ee4730;
    background-color: #ffffff;
    border-color: #ee4730;
}

@media (max-width: 575px) {
    .transparent-button {
        font-size: 16px;
    }
}

.button-2 {
    color: #ffffff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 25px;
    background: #735ff1;
}

.button-2:hover {
    color: #ee4730;
    background-color: #ffffff;
    border-color: #ee4730;
}

.button-2 i {
    margin-left: 5px;
}

@media (max-width: 575px) {
    .button-2 {
        font-size: 16px;
    }
}

.app-button-group {
    margin-bottom: -20px;
    margin-right: -30px;
}

.app-button-group .app-button {
    display: block;
    margin-bottom: 20px;
    width: calc(50%);
    margin-right: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    max-width: 200px;
}

.app-button-group .app-button:hover {
    box-shadow: 0px 17px 24px 0px rgba(18, 83, 252, 0.51);
}

.app-button-group .app-button img {
    width: 100%;
}

@media screen and (max-width: 399px) {
    .app-button-group .app-button {
        width: 100%;
        max-width: 190px;
    }
}

.button-3 {
    text-transform: uppercase;
    font-weight: 600;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #cac7f6;
    color: #33406a;
    padding: 8px 15px;
    width: 119px;
    margin: 0 auto;
    margin-bottom: 0px;
}

.button-3.active, .button-3:hover {
    color: #ffffff;
    border-color: transparent;
    background: -ms-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -moz-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    background: -webkit-linear-gradient(-65deg, #c165dd 0%, #1153fc 100%);
    box-shadow: 0px 17px 24px 0px rgba(18, 83, 252, 0.51);
}

.button-3.active:hover {
    background: transparent;
    border: 1px solid #cac7f6;
    color: #33406a;
    box-shadow: none;
}

.button-3 i {
    margin-left: 5px;
}

.button-3.long-light {
    padding: 10px 30px;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 16px;
}

.button-group {
    margin: -10px;
}

.button-group a {
    margin: 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .button-group a {
        padding: 10px 20px;
        font-size: 16px;
    }
}

.custom-button {
    color: #ffffff;
    border: 1px solid #ee4730;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 35px;
    font-size: 16px;
    text-transform: uppercase;
    background: #ee4730;
}

.custom-button:hover {
    color: #ee4730;
    background-color: #ffffff;
    border-color: #ee4730;
}

@media (max-width: 575px) {
    .custom-button {
        font-size: 16px;
    }
}

.button-4 {
    text-transform: uppercase;
    font-weight: 600;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #ffffff;
    padding: 15px 45px;
    background: linear-gradient(to right, #d42027, #d42027);
}

.button-4:hover {
    color: #ffffff;
    box-shadow: 0px 17px 24px 0px rgba(18, 83, 252, 0.51);
}

.button-4.active {
    background: transparent;
    border: 1px solid #6e5dc6;
}

.play-button {
    display: inline-flex;
    align-items: center;
}

.play-button i {
    font-size: 60px;
    line-height: 60px;
}

.play-button span {
    text-transform: capitalize;
    font-weight: 600;
    padding-left: 20px;
}

.play-button .video-button i {
    line-height: 50px;
    font-size: 20px;
}

.banner-button-group {
    align-items: center;
    margin: -10px;
}

.banner-button-group a {
    margin: 10px;
}

@media (min-width: 576px) {
    .banner-button-group {
        margin: -15px;
    }

    .banner-button-group a {
        margin: 15px;
    }
}

.video-button {
    width: 51px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ff8a00;
    position: relative;
    color: #ffffff;
    margin: 0 auto;
}

.video-button i {
    margin-left: 5px;
}

.video-button::after, .video-button::before {
    animation: video 25s linear infinite;
    -webkit-animation: video 25s linear infinite;
    -moz-animation: video 25s linear infinite;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.video-button::before {
    background: rgba(255, 138, 0, 0.161);
    width: 100px;
    height: 100px;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -webkit-border-radius: 33.33% 50%;
    -moz-border-radius: 33.33% 50%;
    border-radius: 33.33% 50%;
}

.video-button::after {
    background: rgba(255, 138, 0, 0.302);
    height: 73px;
    width: 73px;
}

@keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@-webkit-keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@-moz-keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@media (min-width: 576px) {


    .large-button {
        padding: 15px 55px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }
}

.get-button {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 11px 34px;
    color: #333;
    border: 1px solid #d4cff4;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.get-button i {
    margin-left: 14px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.get-button:hover {
    box-shadow: 0px 17px 24px 0px rgba(18, 83, 252, 0.51);
}

.get-button:hover i {
    padding-left: 5px;
}

.get-button.white {
    color: #ffffff;
}

.get-button.light {
    font-weight: 400;
}

.video-button-2 {
    width: 280px;
    height: 280px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    justify-content: center;
    overflow: hidden;
    align-items: center;
}

@media screen and (max-width: 480px) {

    .ld-unsecuredloan .why h2 {
        font-size: 19px;
    }

    .ld-unsecuredloan .why .item p {
        font-weight: 400;
        font-size: 14px;
        text-align-last: center;
        margin-bottom: 0;
        padding: 0 20px;
        color: #333;
        line-height: 19px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .ld-unsecuredloan .why .item h3 {
        font-size: 15px;
    }

    .ld-unsecuredloan .products h2 {
        font-size: 20px;
        margin-bottom: -7px;
        line-height: 25px;
        padding: 0;
        margin: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .video-button-2 {
        width: 140px;
        height: 140px;
    }
}

.video-button-2 span {
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.video-button-2 span::after, .video-button-2 span::before {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: .1px solid #5bc4e1;
    animation: videoTwo 8s linear infinite;
    -webkit-animation: videoTwo 8s linear infinite;
    -moz-animation: videoTwo 8s linear infinite;
}

.video-button-2 span:nth-child(1)::after {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
}

.video-button-2 span:nth-child(2)::after {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
}

.video-button-2 span:nth-child(3)::after {
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
}

.video-button-2 span:nth-child(4)::after {
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
}

.video-button-2 span:nth-child(1)::before {
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
}

.video-button-2 span:nth-child(2)::before {
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
}

.video-button-2 span:nth-child(3)::before {
    animation-delay: 7s;
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
}

.video-button-2 i {
    width: 50px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    background: #2573d5;
    color: #ffffff;
    border: 5px solid #72a2dd;
}

@keyframes videoTwo {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(5);
        -ms-transform: translate(-50%, -50%) scale(5);
        transform: translate(-50%, -50%) scale(5);
        opacity: 0;
    }
}

@-webkit-keyframes videoTwo {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(5);
        -ms-transform: translate(-50%, -50%) scale(5);
        transform: translate(-50%, -50%) scale(5);
        opacity: 0;
    }
}

@-o-keyframes videoTwo {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(5);
        -ms-transform: translate(-50%, -50%) scale(5);
        transform: translate(-50%, -50%) scale(5);
        opacity: 0;
    }
}

.button-5 {
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232, 58, 153, 0.5);
    width: auto;
    padding: 10px 45px;
    color: #ffffff;
    margin-top: 20px;
}

.button-5:hover {
    color: #ffffff;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #081636;
    overflow: hidden;
}

.preloader-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader-icon {
    width: 72px;
    height: 72px;
    display: inline-block;
    padding: 0px;
}

.preloader-icon span {
    position: absolute;
    display: inline-block;
    width: 72px;
    height: 72px;
    border-radius: 100%;
    background: #7c209c;
    -webkit-animation: preloader-fx 1.6s linear infinite;
    animation: preloader-fx 1.6s linear infinite;
}

.preloader-icon span:last-child {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
}

@keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

@-webkit-keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
    }
}

.tab-pane .convencing-feature-content h3 {
    margin-top: 20px;
}

.feature-tabs li {
    background: mintcream;
    border: 1px solid #ddd;
    padding: 0px;
    width: 32.3333333%;
    margin-right: 1.5%;
}

.feature-tabs li a {
    display: inline-block;
    padding: 6px;
    width: 100%;
}

.feature-tabs li:last-child {
    margin-right: 0;
}

.pricing-item.website .pricing-thumb {
    height: 400px;
    overflow: hidden;
}

.pricing-item.website .pricing-thumb img {
    width: 100%;
    height: auto;
}

.sponsor-thumb img {
    height: 140px;
    width: 100%;
    object-fit: scale-down;
    background: #fff;
}

.blog-single-section .breadcrumb > li + li::before {
    padding-right: .5rem;
    padding-left: .5rem;
    color: #a0a0a0;
    content: "/";
}

.blog-single-section .breadcrumb {
    margin-bottom: 30px;
    padding: 10px;
}

.post-details .post-header .meta-post {
    margin-bottom: 10px;
}

.css-tuyendung img {
    width: 100%;
    height: 250px;
    max-width: 100%;
    object-fit: cover;
}

.box-img {
    position: relative;
}

.single-blog-post .box-img {
    overflow: hidden;
    border: 1px solid #eee;
}

.single-blog-post .box-img ul {
    position: absolute;
    bottom: -40px;
    width: 100%;
    display: flex;
    background: rgba(0, 0, 0, .8);
    transition: .3s;
    padding: 5px 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.single-blog-post .box-img ul li:nth-child(1) {
    width: 50%;

}

.single-blog-post .box-img ul li:nth-child(2) {
    width: 50%;
    text-align: right;
}

.single-blog-post:hover .box-img ul {
    bottom: 0px;
    transition: .3s;
}

.blog-post-content > div {
    background: #fff;
}

.single-blog-post h3 {
    font-size: 25px;
    line-height: 30px;
    margin-top: 0px;
    height: 60px;
    overflow: hidden;
}

.blog-post-content > div {
    padding: 10px;
}

.single-blog-post h3 + p {
    height: 60px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 10px;
}

.single-blog-post {
    margin-bottom: 30px;
}

@media (min-width: 1200px) {
    .single-blog-post h3 {
        height: 40px;
    }
}


@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(85px);
    }
}

@keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(85px);
        transform: translateX(85px);
    }
}


@media (max-width: 1367px) {
    .single-product .product-content .col-lg-6 h5 {
        font-size: 15px !important;
    }

    .single-product .product-img .add-to-cart-btn {
        padding: 12px 5px;
        font-size: 12px;
    }

    .sponsor-section {
        padding: 10px 0;
    }

    .feat-slider .main-thumb img {
        display: block;
        max-width: 490px;
        float: right;
    }

    .visao-chon .feature-item {
        padding: 6px 20px;
        position: relative;
    }

    .feature-item {
        padding: 30px;
        border: 1px solid #acacf4;
        border-radius: 10px;
        margin-bottom: 20px;
        position: relative;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        cursor: pointer;
    }


}

@media (max-width: 768px) {

    .menu-toolbar .filter-desktop ul li a {
        display: inline-block;
        height: auto;
        line-height: 16px;
        font-size: 12px;
        color: #2d2d2d;
        margin-right: 0px;
        padding: 0px;
        text-transform: inherit;
    }

    .col-lg-12.col-md-12.menu {
        margin-top: 10px;
    }

    .ld-unsecuredloan .why {
        background: url(http://webvaseo.com.vn/templates/img-add/bg-why.png) no-repeat top center;
        padding: 160px 0 71px;
        background-size: cover;
        margin-top: -273px;
        position: relative;
        z-index: 2;
    }

    .ld-unsecuredloan .why h2 {
        font-size: 25px;
        height: 58px;
    }

    .what .one {
        padding-top: 0px;
        margin-bottom: 90px;
    }

    .ld-unsecuredloan .why .slide-why .swiper-container {
        padding: 0 6px;
    }

    .feature-tabs li a .subtitle {
        text-transform: capitalize;
        color: #333;
        font-size: 12px !important;
        line-height: 20px;
    }

    .ld-unsecuredloan .what .two .block-content ul {
        padding-right: 0;
    }

    .convence-feature-tenmien .feature-tabs {
        margin-bottom: 0;
        float: left;
        width: 100%;
    }

    .single-product .product-img .add-to-cart-btn {
        padding: 0px 0px;
        font-size: 12px;
    }

    .single-product .product-img .add-to-cart-btn {
        display: block;
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        background: #d4dde0;
        color: #222;
        height: auto;
        padding: 0px 0px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 11px;
        overflow: hidden;
        -webkit-transition: .4s;
        transition: .4s;
        letter-spacing: normal;
    }

    a.demo {
        text-align: right;
        float: right;
        color: #d21515;
        margin-right: 10px;
    }


    .hc-nav-trigger.hc-nav-1 {
        display: block !important;
    }

    .second-nav {
        display: block;
    }

    .product-content .h-100 {
        height: auto !important;
    }

    .product-content h5 {
        text-align: center !important;
        margin: 0px;
    }

    .single-product .add-to-cart-btn {
        text-align: center !important;
    }

    a.cart-pr {
        float: none;
    }

    .single-product .product-img {
        position: relative;
        height: 285px;
        overflow: hidden;
    }

    .single-product .product-content {
        height: 79px;
        overflow: hidden;
        padding: 5px 6px;
        border-top: 1px solid #e1e1e1;
        background: #fff;
    }

    .single-product .product-content h3 {
        font-size: 13px;
        margin-bottom: 5px;
        text-align: center;
        overflow: hidden;
        float: left;
        width: 100%;
        line-height: 19px;
        margin-bottom: 0;
        font-family: UTM Avo, Arial, Helvetica, sans-serif !important;
        margin-top: 0;
    }

    .single-product .product-content .col-lg-6.col-sm-6 {
        float: left;
    }

}

@media (max-width: 568px) {

    .single-product .product-img {
        position: relative;
        overflow: hidden;
        height: 150px;
    }

    .order-1 .customer label.label, .order-1 .customer span.no-required {
        display: block;
        font-size: 13px;
        color: #000;
        padding: 0;
        line-height: 14px;
        text-align: left;
        font-weight: normal;
        margin: 0;
    }

    select#cityid {
        font-size: 13px;
    }

    select#districtid {
        font-size: 13px;
    }

    .hc-nav-trigger.hc-nav-1 {
        right: 0px;
        top: 18px;
    }
}


@media (max-width: 575px) {

    .col-lg-4.col-md-5.col-12.feature-info.order-1.order-md-2 .price {
        margin: 0;
        font-size: 20px;
        color: #d21515;
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        margin-top: 5px;
    }

    .download-item {
        padding: 0 5px;
        width: 50%;
    }

    .download-item .thumb {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 30px;
    }


    .ld-unsecuredloan .what .block-item .btn-registration {
        height: 41px;
        line-height: 42px;
        padding: 0 16px;
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        margin: 0 auto;
    }

    .what .one {
        padding-top: 29px;
        margin-bottom: 90px;
    }

    .banner-1-slider-wrapper .owl-carousel .owl-item .banner-thumb {
        width: 168px;
        text-align: center;
        margin: 0 auto;
    }

    .banner-content-1 p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .banner-content-1 .banner-button-group .button-4 {
        font-size: 16px;
        padding: 10px 30px;
    }

    .banner-content-1 .banner-button-group .play-button img {
        width: 40px;
    }

    .banner-content-1 .banner-button-group .play-button i {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-content-1 .banner-button-group .play-button span {
        padding-left: 10px;
    }


    .banner-content-1 .title {
        font-size: 31px;
        line-height: 45px;
        margin-bottom: 10px;
    }

    .banner-content-1 p {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 23px;

    }


    .banner-content-3 .title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .banner-content-3 p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .banner-content-3 .banner-button-group .button-4 {
        font-size: 16px;
        padding: 10px 30px;
    }

    .banner-content-3 .banner-button-group .play-button img {
        width: 40px;
    }

    .banner-content-3 .banner-button-group .play-button i {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-content-3 .banner-button-group .play-button span {
        padding-left: 10px;
    }


    .banner-content-2 .title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .banner-content-2 p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .banner-content-2 .banner-button-group .button-4 {
        font-size: 16px;
        padding: 10px 30px;
    }

    .banner-content-2 .banner-button-group .play-button img {
        width: 40px;
    }

    .banner-content-2 .banner-button-group .play-button i {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-content-2 .banner-button-group .play-button span {
        padding-left: 10px;
    }


    .banner-content-1 .banner-button-group .button-4 {
        font-size: 17px;
        padding: 6px 16px;
        font-family: sans-serif;
    }

    .banner-1 {
        padding: 95px 0 65px 0;
        position: relative;
    }

    .banner-content-5 .title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .banner-content-5 p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .banner-content-5 .banner-button-group .button-4 {
        font-size: 16px;
        padding: 10px 30px;
    }

    .banner-content-5 .banner-button-group .play-button img {
        width: 40px;
    }

    .banner-content-5 .banner-button-group .play-button i {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-content-5 .banner-button-group .play-button span {
        padding-left: 10px;
    }


    .banner-content-7 .title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .banner-content-7 p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .banner-content-7 .banner-button-group .button-4 {
        font-size: 16px;
        padding: 10px 30px;
    }

    .banner-content-7 .banner-button-group .play-button img {
        width: 40px;
    }

    .banner-content-7 .banner-button-group .play-button i {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-content-7 .banner-button-group .play-button span {
        padding-left: 10px;
    }


    .banner-content-9 {
        margin-bottom: 50px;
    }

    .banner-content-9 .title {
        font-size: 40px;
        line-height: 50px;
    }

    .banner-content-9 p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .banner-content-9 .banner-button-group .button-4 {
        font-size: 16px;
        padding: 10px 30px;
    }

    .banner-content-9 .banner-button-group .play-button img {
        width: 40px;
    }

    .banner-content-9 .banner-button-group .play-button i {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-content-9 .banner-button-group .play-button span {
        padding-left: 10px;
    }


    .banner-content-8 .title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .banner-content-8 p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .banner-content-8 .banner-button-group .button-4 {
        font-size: 16px;
        padding: 10px 30px;
    }

    .banner-content-8 .banner-button-group .play-button img {
        width: 40px;
    }

    .banner-content-8 .banner-button-group .play-button i {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-content-8 .banner-button-group .play-button span {
        padding-left: 10px;
    }

    .col-sm-6 {
        width: 50%;
    }

    .how-item .how-thumb img {
        max-width: 100%;
        height: 100px;
    }

    .section-header {
        text-align: center;
        margin: 10px auto 15px;
        max-width: 620px;
        position: relative;
        z-index: 1;
    }

    h4 {
        font-size: 18px;
        line-height: 23px;
        margin-top: -9px;
        font-weight: 600;
    }

    .feature-item .feature-content .title {
        margin-bottom: 0;
        margin-left: 12px;
    }

    .feature-item .feature-thumb {
        margin-bottom: 0;
    }

    .feature-item {
        padding: 13px;
    }

    .coverage-wrapper {
        position: relative;
        margin-top: 0;
    }

    .copyright {
        text-align: center;
        color: #ffffff;
        padding: 10px 0;
        border-top: 1px solid #403d44;
        float: left;
        width: 100%;
    }

    .footer-bottom {
        overflow: hidden;
        padding-bottom: 10px;
    }

    .coverage-wrapper div[class*="border-item"] {
        width: calc((100% / 3) - 13.33px);
        margin-bottom: 20px;
        padding: 8px 7px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .coverage-wrapper div[class*="border-item"] .title {
        font-weight: 600;
        line-height: 20px;
        margin-top: 0;
    }

    h5 {
        font-size: 17px;
        line-height: 20px;
        margin-top: -9px;
        font-weight: 600;
    }

    .how-item .how-thumb::before {
        font-size: 24px;
        width: 40px;
        height: 40px;
        line-height: 42px;
    }

    .coverage-wrapper div[class*="border-item"] .name {
        font-size: 10px;
    }

    .header-section.active {
        background: #fff;
        top: 0;
    }

    .header-section {
        width: 100%;
        position: fixed;
        z-index: 999;
        /*top: 10px;*/
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        padding: 8px 0;
    }

    .menu-item-has-children > a::after {
        content: "\f107" !important;
        font-weight: 600;
        font-family: "Font Awesome 5 Free";
        margin-left: 0px;
        font-size: 28px;
        /* right: 14px; */
    }

    .header-section .header-wrapper .menu li a:hover {
        background: none;
        color: #333;
    }

    .am-item .am-thumb img {
        height: 100%;
        height: 68px;
    }

    .am-item .am-thumb {
        height: 69px;
        margin-bottom: 26px;
    }

    .am-item {
        padding: 12px 10px;
        text-align: center;
        margin-bottom: 0;
        border-radius: 10px;
        box-shadow: 1.95px 15.881px 30px 0px rgba(47, 105, 252, 0.1);
        background-color: #ffffff;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    .am-item .am-content .title {
        font-weight: 700;
        margin-bottom: 10px;
    }

    .copyright p {
        margin: 0 !important;
        font-size: 14px;

    }

    footer-top .logo {
        /* max-width: 300px; */
        margin: 0 0px 12px 0;
    }

    .am-content p {
        padding: 10px 0;
        font-size: 15px;
        line-height: 20px;
        height: 138px;
        overflow: hidden;
    }

    .am-item {
        max-width: 280px;
        margin: 0 auto 20px;
    }

    .page-header.single-header {
        height: 380px;
    }

    .pricing-item-2 ul li {
        padding: 3px 0;
        font-size: 15px;
    }

    .pricing-item-2 {
        background: #ffffff;
        text-align: center;
        padding: 5px 5px;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        border-right: none;
        border-bottom: none;
        margin-bottom: 0px;
    }

    .pricing-item-2 .item-price {
        background: #ffffff;
        text-align: center;
        padding: 30px 15px;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        border: none;
    }

    .pricing-item-2 .cate {
        margin-bottom: 25px;
        font-size: 28px;
        margin-top: 10px;
    }

    .page-header.single-header {
        height: 391px;
    }

    .page-header {
        padding: 80px 0 4px;
        /* FONT-SIZE: 20px; */
        font-size: 14px;
    }

    h3 {
        font-size: 19px;
        line-height: 24px;
        margin-top: -14px;
        font-weight: 500;
    }

    .single-product .product-content h3 {
        font-size: 14px;
        margin-bottom: 5px;
        text-align: center;
        overflow: hidden;
        float: left;
        width: 100%;
        line-height: 23px;
        margin-bottom: 10px;
        font-family: UTM Avo, Arial, Helvetica, sans-serif !important;
        margin-top: 0;
    }

    .single-product .product-content {
        height: 65px;
        overflow: hidden;
        padding: 3px 3px;
        border-top: 1px solid #e1e1e1;
        background: #fff;
    }

    .pagination-area {
        margin: 0 0;
        margin-bottom: 10px;
        font-size: 15px;
        height: 80px;
    }

    .single-product .product-img {
        position: relative;
        overflow: hidden;

    }

    .single-product .product-content .col-lg-6 h5 {
        font-size: 13px !important;
    }

    .single-product .product-content h3 {
        font-size: 14px;
        margin-bottom: 5px;
        text-align: left;
        overflow: hidden;
        float: left;
        width: 100%;
        line-height: 24px;
        margin-bottom: 0;
        font-family: 'Sarabun', sans-serif !important;
        margin-top: 0;
    }

    .span-gia {
        text-decoration: line-through;
        padding-left: 5px;
        line-height: 24px;
        font-size: 12px;
    }

    .shop-details .shop-details-tabs #tabs li {
        display: inline-block;
        padding: 3px;
        cursor: pointer;
        font-weight: 700;
        font-size: 14px;
        background: #eaeaea;
        float: left;
        width: 33.3%;
        line-height: 20px;
    }

    .shop-details .shop-details-tabs #tabs li.inactive {
        background-color: #eeeeee;
        padding: 7px 7px;
        float: left;
        line-height: 20px;
        display: inline-block;
        padding: 3px;
        cursor: pointer;
        font-weight: 700;
        font-size: 14px;
        background: #eaeaea;
        float: left;
        width: 33.3%;
        line-height: 20px;
    }

    .shop-details .shop-details-tabs {
        margin-bottom: 20px;
    }

    .shop-details .shop-details-tabs {
        margin-top: 0px;
        text-align: left;
    }

    .shop-related-prodcut .col-xs-6 {
        width: 50%;
        padding: 5px;
    }

    .single-product .product-content {
        height: 63px;
        overflow: hidden;
        padding: 5px;
        border-top: 1px solid #e1e1e1;
        background: #fff;
    }

    .product-content .h-100 {
        height: auto !important;
        margin: 0;
        padding: 0;
    }

    .single-product .product-content .col-lg-6.col-sm-6 {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .single-product .product-img {
        position: relative;
        overflow: hidden;
        height: 218px;
    }

    .shop-details .shop-details-tabs #tabs {
        padding: 0;
        margin: 0 0 40px;
        list-style-type: none;
        border-bottom: 1px solid #eee;
        float: left;
        width: 100%;
        background: #eee;
    }

    .shop-details .shop-details-tabs #tabs li.active {
        background-color: #eee;
        position: relative;
    }

    .button .view-detail {

        font-size: 15px;

    }

    .button .view-detail {
        font-size: 15px;
        line-height: 35px;
    }

    .shop-details .button .preview {
        font-size: 15px;
        margin-right: 10px;
        line-height: 33px;
    }

    .shop-details .button .preview {
        font-size: 15px;
        margin-right: 10px;
    }

    .templateDetail .description .title {
        font-size: 20px !important;
        font-family: 'Sarabun', sans-serifBold, sans-serif;
        color: #009686;
        line-height: 25px;
    }

    .shop-details-tabs .description-add.templateDetail p {
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .shop-details .desc {
        margin: 20px 0;
        display: none;
    }

    .shop-details .title {
        font-size: 24px;
        color: #7c7c7c;
        margin-top: 22px;
        padding-bottom: 0px;
        line-height: 25px;
        text-align: center;
    }

    .shop-details .image-desktop {
        padding: 0px;
        margin-bottom: 30px;
    }

    body {
        font-size: 15px;
        color: #222;
        line-height: 24px;

    }

    .widget {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #ffffff;
        padding: 0;
        margin: 0 auto 30px;
        margin-bottom: 30px;
    }

    .how-item-3 .how-thumb {
        height: 96px;
        margin-bottom: 11px;
    }

    h4 {
        font-size: 15px;
        line-height: 19px;
        margin-top: -9px;
        font-weight: 500;
    }

    .how-item-3 {
        background: #ffffff;
        border-radius: 20px;
        padding: 10px;
        text-align: center;
        margin: 0 auto 15px;
    }

    .feature-item .feature-thumb {
        width: 60px;
        height: 60px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #cecbf5;
        align-items: center;
        justify-content: center;
        position: relative;
        animation: rotate 3s linear infinite;
        -webkit-animation: rotate 3s linear infinite;
        -moz-animation: rotate 3s linear infinite;
        animation-play-state: paused;
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused;
    }

    .feature-item .feature-thumb .thumb {
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        animation: rev-rotate 3s linear infinite;
        -webkit-animation: rev-rotate 3s linear infinite;
        -moz-animation: rev-rotate 3s linear infinite;
        animation-play-state: paused;
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused;
        box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232, 58, 153, 0.5);
    }

    .post-details .post-content .entry-content img {
        margin-bottom: 35px;
        height: auto !important;
    }

    .blog-single-section .breadcrumb li {
        list-style: none;
        padding: 0px 0;
        color: #333;
    }

    .shop-details .image-desktop {
        padding: 0px;
        margin-bottom: 30px;
        height: auto;
        background: none;
        margin-top: 40px;
    }

    .blog-single-section .breadcrumb li a {

        color: #333;
        line-height: 20px;
    }

    .blog-single-section .breadcrumb {
        margin-bottom: 30px;
        padding: 7px;
    }


    .shop-details .image-desktop {
        padding: 0px;
        margin-bottom: 30px;
        height: auto;
        background: none;
        margin-top: 30px;
    }

    .shop-details .image-desktop a {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        text-align: center;
    }


}


@media (max-width: 470px) {
    .single-product .product-img .add-to-cart-btn {
        bottom: -75px;
    }

    .single-product .product-img .add-to-cart-btn {
        bottom: -75px;
        display: none;
    }
}

.row.h-100.justify-content-center.align-items-center {
    width: 100%;
}

.shop-details-tabs .description-add.templateDetail p {
    margin-top: 10px;
}

.features-box {
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    padding: 1.5em 1em;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 4px;
    background: #fff;
}

.features-box img {
    max-width: 70px;
    margin: 10px 0;
}

.features-box h5 {
    font-size: 16px;
}

.features-box p {
    font-size: 14px;
    margin-top: 0px;
}

@media (max-width: 991px) {
    .shop-details-area.blog-area .col-md-7, .shop-details-area.blog-area .col-md-5 {
        width: 100%;
        max-width: 100%;
    }

    .shop-details-area.blog-area .row.justify-content-center.align-items-center {
        flex-direction: column-reverse;
        width: calc(100% + 30px)
    }

    .shop-details .image-desktop {
        padding: 0px;
    }

    .shop-details .image-desktop {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .shop-details-area.blog-area .row.justify-content-center.align-items-center {
        flex-direction: initial;
    }


}


.index-container {

}

.index-container .banner {
    background: url(http://webvaseo.com.vn/templates/img-add/bg-top.png) no-repeat top center;
    padding: 110px 0 0;
    position: relative;
}

.index-container .banner .account-login {
    position: absolute;
    color: #b4b8bb;
    top: 64px;
    right: 15px;
    z-index: 20;
    width: 50%;
    font-size: 14px;
    font-weight: 300;
    text-align: right;
}

.index-container .banner .account-login a {
    color: #b4b8bb;
}

.index-container .index-title h1 {
    font-size: 36px;
    text-align: center;
    color: #096f47;
    font-weight: bold;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 24px;
}

.index-container .index-title p {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    color: #42464e;
    padding-bottom: 20px;
}

.index-container .feature-themes .slide-feature {
    position: relative;

}

.index-container .feature-themes {
    background: url("../images/bg-top.png") no-repeat top center;
    padding-top: 60px;
    position: relative;
}


.index-container .feature-themes .feature-item1 .feature-image {
    position: relative;
}

.index-container .feature-themes .feature-item .feature-image .image-desktop {
    background: url("../images/bg-feature-image-desktop.png") no-repeat center bottom;
    width: 730px;
    height: 460px;
    padding-top: 62px;
    padding-left: 80px;
    margin-left: -80px;
    margin-bottom: -65px;
}

.index-container .feature-themes .feature-item1 .feature-image .image-desktop a {
    display: block;
    width: 570px;
    height: 332px;
    overflow: hidden;
}

.index-container .feature-themes .feature-item1 .feature-image .image-desktop a img {
    width: 100%;
    height: auto;
}

.index-container .feature-themes .feature-item1 .feature-image .image-mobile {
    background: url("../images/bg-feature-image-mobile.png") no-repeat center center;
    width: 260px;
    height: 395px;
    position: absolute;
    z-index: 9;
    bottom: -78px;
    right: 67px;
    padding-top: 51px;
    padding-left: 31px;
}

.index-container .feature-themes .feature-item1 .feature-image .image-mobile a {
    display: block;
    width: 198px;
    height: 270px;
    overflow: hidden;
}

.index-container .feature-themes .feature-item1 .feature-image .image-mobile a img {
    width: 100%;
    height: auto;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.index-container .feature-themes .feature-item1 .feature-info {
    padding-left: 0;
}

.index-container .feature-themes .feature-item1 .feature-info .title {
    font-size: 20px;
    color: #42464e;
    margin-top: 55px;
    border-bottom: 1px solid #c8e3d9;
    padding-bottom: 13px;
    font-weight: 300;
}

.index-container .feature-themes .feature-item1 .feature-info .title span {
    display: block;
    font-weight: bold;
    font-size: 30px;
    color: #42464e;
    display: inline-block;
    padding: 15px 0;
}

.index-container .feature-themes .feature-item1 .feature-info .other-info {
    padding: 13px 0 30px;
}

.index-container .feature-themes .feature-item1 .feature-info .other-info .price {
    display: inline-block;
    font-size: 12px;
}

.index-container .feature-themes .feature-item1 .feature-info .other-info .price.has-compare b {
    color: #e72b2c;
    display: inline-block;
    margin-right: 8px;
}

.index-container .feature-themes .feature-item1 .feature-info .other-info .price.has-compare i {
    display: inline-block;
    margin-left: 8px;
    text-decoration: line-through;
    font-size: 16px;
    color: #42464e;
    font-style: normal;
}

.index-container .feature-themes .feature-item1 .feature-info .other-info .price b {
    font-weight: 700;
    font-size: 28px;
    color: #42464e;
}

.index-container .feature-themes .feature-item1 .feature-info .button a {
    display: inline-block;
    float: left;
}

.index-container .feature-themes .feature-item1 .feature-info .button .preview {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    border-radius: 22px;
    padding: 0 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    background-image: -moz-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -webkit-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -ms-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    margin-right: 8px;
}

.index-container .feature-themes .feature-item1 .feature-info .button .view-detail {
    display: inline-block;
    border: 1px solid #32d898;
    height: 45px;
    line-height: 43px;
    border-radius: 22px;
    padding: 0 50px;
    color: #11d187;
    font-size: 18px;
    font-weight: 400;
    background: #fff;
}

.index-container .feature-themes .swiper-button-prev,
.index-container .feature-themes .swiper-button-next {
    background: none;
    width: 26px;
    height: 14px;
}

.index-container .feature-themes .swiper-button-prev:before,
.index-container .feature-themes .swiper-button-next:before {
    content: "";
    width: 26px;
    height: 14px;
    position: absolute;
    background: url(http://webvaseo.com.vn/templates/img-add/arrow-fade.png) no-repeat center center;
    background-size: contain;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.index-container .feature-themes .swiper-button-prev:hover:before,
.index-container .feature-themes .swiper-button-next:hover:before {
    background: url(http://webvaseo.com.vn/templates/img-add/arrow.png) no-repeat center center;
}

.index-container .feature-themes .swiper-button-prev {
    bottom: 110px;
    top: auto;
    right: 400px;
    left: auto;
}

.index-container .feature-themes .swiper-button-prev:before {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
}

.index-container .feature-themes .swiper-button-prev:hover:before {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}

.index-container .feature-themes .swiper-button-next {
    bottom: 110px;
    top: auto;
    right: 360px;
}

.index-container .feature-themes .swiper-button-next:hover:before {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
}

.index-container .favorite-themes {
    position: relative;
}

.index-container .favorite-themes:after {
    content: "";
    width: 295px;
    height: 873px;
    background: url(http://webvaseo.com.vn/templates/img-add/shape-right-index.png) no-repeat center center;
    position: absolute;
    bottom: -200px;
    right: -80px;
}

.index-container .favorite-themes .container {
    position: relative;
}

.index-container .favorite-themes h2 {
    text-align: left;
    font-weight: bold;
    font-size: 36px;
    color: #096f47;
    margin: 0;
    position: relative;
}

.single-product {
    position: relative;
}

.single-product .button {
    top: 35%;
    transform: translate(-50%);
    z-index: 11;
    left: 50%;
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.single-product:hover .button {
    visibility: visible;
    opacity: 1;
}

.single-product .button a {
    height: 45px;
    line-height: 40px;
    padding: 0 10px;
    width: 160px;
    text-align: center;
}

.single-product .button a.view-detail {
    text-transform: capitalize;
    background: transparent;
    color: #fff;
    border: 1px solid #fff
}

.single-product .product-img {
    position: relative;
}

.single-product .product-content h3 a {
    color: #000;
}

.single-product .product-img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    visibility: hidden;
    opacity: 0;
}

.single-product:hover .product-img:before {
    visibility: visible;
    opacity: 1;
}

.index-container .favorite-themes p.desc {
    text-align: left;
    color: #42464e;
    font-size: 21px;
    font-weight: 300;
    margin: 10px 0 40px;
}

.index-container .favorite-themes .more-theme {
    display: inline-block;
    padding-right: 27px;
    font-size: 18px;
    font-weight: 400;
    color: #096f47;
    background-size: auto;
    position: absolute;
    right: 15px;
    top: 55px;
}

.index-container .favorite-themes .more-theme:before {
    content: "";
    width: 26px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 7px;
    background: url(http://webvaseo.com.vn/templates/img-add/more-theme.png) no-repeat center right;
}

.index-container .favorite-themes .more-theme:hover:before {
    opacity: .6;
}

.index-container .favorite-themes .theme-item {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -webkit-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -moz-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -o-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -os-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    max-height: 386px;
    overflow: hidden;
    margin-bottom: 40px;
}

.index-container .favorite-themes .theme-item.mobile {
    border: none;
    min-height: 386px;
}

.index-container .favorite-themes .theme-item.mobile .theme-image {
    background: url(http://webvaseo.com.vn/templates/img-add/bg-theme-mobile.png) no-repeat top center;
    border: none;
    text-align: center;
    padding-top: 42px;
}

.index-container .favorite-themes .theme-item.mobile .theme-image img {
    width: 168px;
}

.index-container .favorite-themes .theme-item.mobile .theme-info {
    border: 1px solid #e1e1e1;
    border-radius: 0 0 5px 5px;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .ti-info-alt {
    position: absolute;
    bottom: 110px;
    right: 25px;
    color: #b6b6b6;
    font-size: 20px;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip {
    font-size: 12px;
    opacity: 1 !important;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-arrow {
    display: none;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner {
    background: #fff;
    padding: 5px;
    font-size: 12px;
    width: 320px;
    max-width: 320px;
    text-align: left;
    color: #797777;
    border: 1px solid #e1e1e1;
    position: relative;
    box-shadow: #e1e1e1 0 0 15px 5px;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner:after,
.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 7px;
    margin-left: -7px;
}

.index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner:before {
    border-color: rgba(225, 225, 225, 0);
    border-bottom-color: #e1e1e1;
    border-width: 8px;
    margin-left: -8px;
}

.index-container .favorite-themes .theme-item .theme-image {
    position: relative;
    height: 285px;
    overflow: hidden;
}

.index-container .favorite-themes .theme-item .theme-image img {
    width: 100%;
    position: relative;
}

.index-container .favorite-themes .theme-item .theme-image:hover .theme-action {
    height: 100%;
}

.index-container .favorite-themes .theme-item .theme-image .theme-action {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    text-align: center;
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}

.index-container .favorite-themes .theme-item .theme-image .theme-action:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}

.index-container .favorite-themes .theme-item .theme-image .theme-action .button {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.index-container .favorite-themes .theme-item .theme-image .theme-action a {
    display: block;
    width: 165px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    margin: 0 auto;
    font-weight: 400;
}

.index-container .favorite-themes .theme-item .theme-image .theme-action a:hover {
    text-decoration: none;
}

.index-container .favorite-themes .theme-item .theme-image .theme-action a.view-demo {
    color: #fff;
    background-image: -moz-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -webkit-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -ms-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    margin-bottom: 15px;
}

.index-container .favorite-themes .theme-item .theme-image .theme-action a.view-detail {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
}

.index-container .favorite-themes .theme-item .theme-info {
    padding: 25px;
    border-top: 0 solid #e1e1e1;
    background: #fff;
}

.index-container .favorite-themes .theme-item .theme-info h3 {
    font-size: 18px;
    font-weight: 400;
    color: #096f47;
    margin: 0;
}

.index-container .favorite-themes .theme-item .theme-info h3 a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #096f47;
    margin-bottom: 5px;
    height: 23px;
    overflow: hidden;
}

.index-container .favorite-themes .theme-item .theme-info .price {
    display: block;
    font-size: 16px;
}

.index-container .favorite-themes .theme-item .theme-info .price b {
    color: #4e4747;
    font-weight: bold;
}

.index-container .favorite-themes .theme-item .theme-info .price.has-compare b {
    color: #e61919;
}

.index-container .favorite-themes .theme-item .theme-info .price.has-compare i {
    text-decoration: line-through;
    font-size: 12px;
    color: #4e4747;
    font-style: normal;
}

.index-container .themes-list {
    position: relative;
}

.index-container .themes-list:after {
    content: "";
    width: 253px;
    height: 789px;
    background: url(http://webvaseo.com.vn/templates/img-add/shape-left-index.png) no-repeat center center;
    position: absolute;
    bottom: 0;
    left: -60px;
}

.index-container .themes-list .container {
    position: relative;
}

.index-container .themes-list h2 {
    text-align: left;
    font-weight: bold;
    font-size: 36px;
    color: #096f47;
    margin: 50px 0 0;
    position: relative;
}

.index-container .themes-list p.desc {
    text-align: left;
    color: #42464e;
    font-size: 21px;
    font-weight: 300;
    margin: 10px 0 40px;
}

.index-container .themes-list .more-theme {
    display: inline-block;
    padding-right: 27px;
    font-size: 18px;
    font-weight: 400;
    color: #096f47;
    background-size: auto;
    position: absolute;
    right: 15px;
    top: 55px;
}

.index-container .themes-list .more-theme:before {
    content: "";
    width: 26px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 7px;
    background: url(http://webvaseo.com.vn/templates/img-add/more-theme.png) no-repeat center right;
}

.index-container .themes-list .more-theme:hover:before {
    opacity: .6;
}

.index-container .themes-list .theme-item {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -webkit-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -moz-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -o-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -os-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    max-height: 386px;
    overflow: hidden;
    margin-bottom: 40px;
}

.index-container .themes-list .theme-item.mobile {
    border: none;
    min-height: 386px;
}

.index-container .themes-list .theme-item.mobile .theme-image {
    background: url(http://webvaseo.com.vn/templates/img-add/bg-theme-mobile.png) no-repeat top center;
    border: none;
    text-align: center;
    padding-top: 42px;
}

.index-container .themes-list .theme-item.mobile .theme-image img {
    width: 168px;
}

.index-container .themes-list .theme-item.mobile .theme-info {
    border-radius: 0 0 5px 5px;
}

.index-container .themes-list .theme-item.mobile .theme-info .ti-info-alt {
    position: absolute;
    bottom: 110px;
    right: 25px;
    color: #b6b6b6;
    font-size: 20px;
}

.index-container .themes-list .theme-item.mobile .theme-info .tooltip {
    font-size: 12px;
    opacity: 1 !important;
}

.index-container .themes-list .theme-item.mobile .theme-info .tooltip .tooltip-arrow {
    display: none;
}

.index-container .themes-list .theme-item.mobile .theme-info .tooltip .tooltip-inner {
    background: #fff;
    padding: 5px;
    font-size: 12px;
    width: 320px;
    max-width: 320px;
    text-align: left;
    color: #797777;
    border: 1px solid #e1e1e1;
    position: relative;
    box-shadow: #e1e1e1 0 0 15px 5px;
}

.index-container .themes-list .theme-item.mobile .theme-info .tooltip .tooltip-inner:after,
.index-container .themes-list .theme-item.mobile .theme-info .tooltip .tooltip-inner:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.index-container .themes-list .theme-item.mobile .theme-info .tooltip .tooltip-inner:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 7px;
    margin-left: -7px;
}

.index-container .themes-list .theme-item.mobile .theme-info .tooltip .tooltip-inner:before {
    border-color: rgba(225, 225, 225, 0);
    border-bottom-color: #e1e1e1;
    border-width: 8px;
    margin-left: -8px;
}

.index-container .themes-list .theme-item .theme-image {
    position: relative;
    height: 285px;
    overflow: hidden;
}

.index-container .themes-list .theme-item .theme-image img {
    width: 100%;
    position: relative;
}

.index-container .themes-list .theme-item .theme-image:hover .theme-action {
    height: 100%;
}

.index-container .themes-list .theme-item .theme-image .theme-action {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    text-align: center;
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}

.index-container .themes-list .theme-item .theme-image .theme-action:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}

.index-container .themes-list .theme-item .theme-image .theme-action .button {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
}

.index-container .themes-list .theme-item .theme-image .theme-action a {
    display: block;
    width: 165px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    margin: 0 auto;
    font-weight: 400;
}

.index-container .themes-list .theme-item .theme-image .theme-action a:hover {
    text-decoration: none;
}

.index-container .themes-list .theme-item .theme-image .theme-action a.view-demo {
    color: #fff;
    background-image: -moz-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -webkit-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -ms-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    margin-bottom: 15px;
}

.index-container .themes-list .theme-item .theme-image .theme-action a.view-detail {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
}

.index-container .themes-list .theme-item .theme-info {
    padding: 25px;
    border-top: 0 solid #e1e1e1;
    background: #fff;
}

.index-container .themes-list .theme-item .theme-info h3 {
    font-size: 18px;
    font-weight: 400;
    color: #096f47;
    margin: 0;
    line-height: inherit;
}

.index-container .themes-list .theme-item .theme-info h3 a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #096f47;
    margin-bottom: 5px;
    height: 23px;
    overflow: hidden;
}

.index-container .themes-list .theme-item .theme-info .price {
    display: block;
    font-size: 16px;
}

.index-container .themes-list .theme-item .theme-info .price b {
    color: #4e4747;
    font-weight: bold;
}

.index-container .themes-list .theme-item .theme-info .price.has-compare b {
    color: #e61919;
}

.index-container .themes-list .theme-item .theme-info .price.has-compare i {
    text-decoration: line-through;
    font-size: 12px;
    color: #4e4747;
    font-style: normal;
}

.index-container .optimize {
    /*  background: url(http://webvaseo.com.vn/templates/img-add/decor.png) no-repeat bottom center;
  background-size: cover;
  padding-top: 20px;*/
    /*padding-bottom: 80px;*/
}

.index-container .optimize h2 {
    font-size: 35px;
    font-weight: bold;
    color: #096f47;
    margin-bottom: 25px;
    text-align: center;
}

.index-container .optimize p {
    font-size: 21px;
    font-weight: 300;
    color: #42464e;
    margin-bottom: 75px;
}

.visao-chon.feature-section.padding-top.padding-bottom.oh.pos-rel {
    float: left;
    width: 100%;
}

.index-container .optimize .list_category {
    margin-bottom: 0;
    padding: 0 0;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-top: 30px;
}


.index-container .optimize .list_category a {
    text-decoration: none;
    text-align: center;
    display: block;
    margin-bottom: 30px;
}

.index-container .optimize .list_category .icon {
    display: inline-block;
    width: 140px;
    height: 120px;
    margin-bottom: 0px;
    position: relative;
    border-radius: 15px;
    /* background-size: initial !important; */
    background-size: cover !important;
}

/*.index-container .optimize .list_category .icon.fashion {
  background: url(http://webvaseo.com.vn/templates/img-add/fashion-icon.png) no-repeat center center;
}

.index-container .optimize .list_category .icon.cosmetic {
  background: url(http://webvaseo.com.vn/templates/img-add/cosmetic-icon.png) no-repeat center center;
}

.index-container .optimize .list_category .icon.congnghe {
  background: url(http://webvaseo.com.vn/templates/img-add/congnghe-icon.png) no-repeat center center;
}

.index-container .optimize .list_category .icon.thucpham {
  background: url(http://webvaseo.com.vn/templates/img-add/thucpham-icon.png) no-repeat center center;
}

.index-container .optimize .list_category .icon.noithat {
  background: url(http://webvaseo.com.vn/templates/img-add/noithat-icon.png) no-repeat center center;
}

.index-container .optimize .list_category .icon.giadung {
  background: url(http://webvaseo.com.vn/templates/img-add/giadung-icon.png) no-repeat center center;
}

.index-container .optimize .list_category .icon.dulich {
  background: url(http://webvaseo.com.vn/templates/img-add/dulich-icon.png) no-repeat center center;
}

.index-container .optimize .list_category .icon.doanhnghiep {
  background: url(http://webvaseo.com.vn/templates/img-add/doanhnghiep-icon.png) no-repeat center center;
}
*/
.index-container .optimize .list_category span {
    font-size: 17px;
    display: block;
    color: #333;
    line-height: 20px;
    margin-top: 14px;
    font-weight: bold;
}

.index-container .feature-themes .swiper-button-prev:after {
    display: none;
}

.index-container .feature-themes .swiper-button-next:after {
    display: none;
}

.index-container .optimize .list_category span:hover {
    color: #d42027;
}

.index-container .banner .feature-themes .feature-item1 .feature-info {
    display: none;
}

.index-container .banner .feature-themes .feature-item1.swiper-slide-active .feature-info {
    display: block;
}

@media (min-width: 1300px) and (max-width: 1600px) {
    .index-container .favorite-themes:after {
        right: -240px;
    }

    .index-container .themes-list:after {
        left: -200px;
    }
}

@media (max-width: 1299px) {
    .index-container .favorite-themes:after {
        content: none;
    }

    .index-container .themes-list:after {
        content: none;
    }
}

@media (max-width: 1199px) {
    .index-container .banner .account-login {
        top: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index-container .banner {
        padding: 60px 0 0;
    }

    .index-container .feature-themes .slide-feature:before {
        left: -420px;
    }

    .index-container .feature-themes .feature-item .feature-info .title {
        font-size: 18px;
        margin-top: 80px;
    }

    .index-container .feature-themes .feature-item .feature-info .title span {
        font-size: 26px;
    }

    .index-container .feature-themes .feature-item .feature-info .button .preview,
    .index-container .feature-themes .feature-item .feature-info .button .view-detail {
        padding: 0 30px;
    }

    .index-container .feature-themes .feature-item .feature-image {
        height: 430px;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop {
        position: absolute;
        left: 63px;
        bottom: 0;
        width: 610px;
        height: 470px;
        padding-top: 88px;
        padding-left: 33px;
        margin-left: -80px;
        margin-bottom: -65px;
        background-size: contain;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop a {
        display: block;
        width: 545px;
        height: 330px;
        overflow: hidden;
    }

    .index-container .feature-themes .feature-item .feature-image .image-mobile {
        width: 230px;
        height: 395px;
        position: absolute;
        z-index: 9;
        bottom: -85px;
        right: 0;
        padding-top: 81px;
        padding-left: 35px;
        background-size: contain;
    }

    .index-container .feature-themes .feature-item .feature-image .image-mobile a {
        display: block;
        width: 160px;
        height: 250px;
        overflow: hidden;
    }

    .index-container .feature-themes .swiper-button-prev {
        right: 325px;
        bottom: 145px;
        outline: none;
    }

    .index-container .feature-themes .swiper-button-next {
        right: 285px;
        bottom: 145px;
        outline: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index-container .banner {
        padding: 60px 0 0;
    }

    .index-container .index-title {
        margin: 0 0 30px;
    }

    .index-container .index-title h1 {
        font-size: 22px;
    }

    .index-container .feature-themes .slide-feature:before {
        left: -650px;
    }

    .index-container .feature-themes .feature-item .feature-info .title {
        font-size: 18px;
        margin-top: 20px;
    }

    .index-container .feature-themes .feature-item .feature-info .title span {
        font-size: 26px;
    }

    .index-container .feature-themes .feature-item .feature-info .button .preview,
    .index-container .feature-themes .feature-item .feature-info .button .view-detail {
        padding: 0 30px;
    }

    .index-container .feature-themes .feature-item .feature-info .other-info {
        padding-bottom: 15px;
    }

    .index-container .feature-themes .feature-item .feature-info .other-info .price {
        font-size: 20px;
    }

    .index-container .feature-themes .feature-item .feature-image {
        height: 290px;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 420px;
        height: 290px;
        background-size: cover;
        overflow: hidden;
        padding-left: 22px;
        padding-top: 26px;
        margin-left: -35px;
        margin-bottom: -30px;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop a {
        width: 376px;
        height: 310px;
    }

    .index-container .feature-themes .feature-item .feature-image .image-mobile {
        right: 15px;
        width: 125px;
        height: 240px;
        background-size: cover;
        padding: 33px 0 0 4px;
    }

    .index-container .feature-themes .feature-item .feature-image .image-mobile a {
        width: 118px;
        height: 170px;
    }

    .index-container .feature-themes .swiper-button-prev {
        right: 244px;
        bottom: 10px;
    }

    .index-container .feature-themes .swiper-button-next {
        right: 204px;
        bottom: 10px;
    }

    .index-container .favorite-themes h2 {
        margin-top: 30px;
        font-size: 30px;
    }

    .index-container .favorite-themes .more-theme {
        top: 50px;
    }

    .index-container .favorite-themes .theme-item {
        margin-bottom: 30px;
    }

    .index-container .themes-list h2 {
        margin-top: 30px;
        font-size: 30px;
    }

    .index-container .themes-list .more-theme {
        top: 50px;
    }

    .index-container .themes-list .btn-registration {
        font-size: 24px;
        line-height: 65px;
        height: 65px;
    }

    .index-container .optimize {
        padding-bottom: 30px;
        background: #fff;
    }

    .index-container .optimize .list_category {
        margin-bottom: 0;
        /*height: 405px;*/
        overflow: hidden;
    }

    .index-container .optimize .list_category.expand {
        height: unset;
        overflow: unset;
    }

    .index-container .optimize .list_category .row {
        margin: 0 -15px;
    }

    .index-container .optimize .list_category a {
        margin-bottom: 30px;
    }

    .index-container .optimize .list_category a .icon {
        width: 100%;
        height: 150px;
    }

    .index-container .optimize .more-info {
        text-align: center;
        color: #096f47;
        font-size: 16px;
        position: relative;
        z-index: 2;
    }

    .index-container .optimize .more-info:before {
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffffd9), to(#fff));
        background: gradient(linear, left top, left bottom, from(#ffffffd9), to(#fff));
        display: block;
        content: "";
        height: 40px;
        position: absolute;
        top: -40px;
        width: 100%;
        left: 0;
    }

    .index-container .optimize .more-info.less:before {
        content: none;
    }

    .index-container .optimize .more-info i:before {
        font-size: 12px;
    }
}


@media (max-width: 1199px) {
    .menu-toolbar .filter-desktop ul li .badge.d {
        right: -22px;
    }
}


.menu-toolbar .filter-desktop ul li i {
    font-size: 14px;
    float: left;
    position: absolute;
    right: -14px;
    bottom: 24px;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu {
    position: absolute;
    top: 59px;
    left: 0;
    z-index: 9;
    background: #fff;
    border: 1px solid #ebebeb;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu li {
    display: block;
    margin: 0 15px;
    padding: 0;
    min-width: 260px;
    border-bottom: 1px solid #ebebeb;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu li:after {
    content: none;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu li a {
    line-height: normal;
    height: auto;
    padding: 10px 0;
    font-size: 15px;
    color: #7c7c7c;
    display: block;
    margin-right: 0;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu li a:hover {
    color: #363636;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu li:first-child {
    font-weight: normal;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu li:last-child {
    border: none;
}

.menu-toolbar .filter-form {
    text-align: right;
    display: flex;
    align-items: center;
}

.menu-toolbar .filter-form .sort-theme {
    position: relative;
    cursor: pointer;
    margin-right: 10px;
}

.menu-toolbar .filter-form .sort-theme a {
    display: flex;
    color: #a5a5a5;
    height: 74px;
    align-items: center;
}

.menu-toolbar .filter-form .sort-theme a svg {
    display: block;
}

.menu-toolbar .filter-form .sort-theme:hover {
    color: #2d2d2d;
}

.menu-toolbar .filter-form .sort-theme:hover .sort-by {
    display: block;
}

.menu-toolbar .filter-form .sort-theme .sort-by {
    display: none;
    position: absolute;
    top: 74px;
    left: -10px;
    border: 1px solid #e1e1e1;
    background: #fff;
    z-index: 9;
}

.menu-toolbar .filter-form .sort-theme .sort-by ul {
    flex-wrap: wrap;
}

.menu-toolbar .filter-form .sort-theme .sort-by ul li {
    padding: 10px 0;
    margin: 0 10px;
    min-width: 180px;
    text-align: left;
    line-height: normal;
    height: auto;
    font-size: 14px;
    color: #7c7c7c;
    border-bottom: 1px solid #e1e1e1;
}

.menu-toolbar .filter-form .sort-theme .sort-by ul li:after {
    content: none;
}

.menu-toolbar .filter-form .sort-theme .sort-by ul li:first-child {
    font-weight: normal;
}

.menu-toolbar .filter-form .sort-theme .sort-by ul li:last-child {
    border-bottom: none;
}

.menu-toolbar .filter-form .sort-theme .sort-by ul li.active,
.menu-toolbar .filter-form .sort-theme .sort-by ul li:hover {
    font-weight: 700;
    color: #2d2d2d;
}

.menu-toolbar .filter-form form {
    position: relative;
}

.menu-toolbar .filter-form form input {
    border: none;
    border: 1px solid #e7f7f1;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    width: 280px;
    padding: 0 50px 0 15px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    background: #e7f7f1;
    color: #4c7465;
}

.menu-toolbar .filter-form form input::placeholder {
    color: #4c7465;
}

.menu-toolbar .filter-form form input:-ms-input-placeholder {
    color: #4c7465;
}

.menu-toolbar .filter-form form input::-ms-input-placeholder {
    color: #4c7465;
}

.menu-toolbar .filter-form form button {
    position: absolute;
    border: none;
    background: none;
    right: 1px;
    top: 0;
    font-size: 16px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    outline: none;
    line-height: 35px;
}

.menu-toolbar .filter-form form button i {
    color: #6e8d81;
    font-weight: 300;
}

.menu-toolbar .filter-mobile {
    position: relative;
}

.menu-toolbar .filter-mobile .title-filter-mobile {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #2d2d2d;
    margin-right: 5px;
}

.menu-toolbar .filter-mobile .show-search-form {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    height: 75px;
    line-height: 75px;
    width: 45px;
    text-align: center;
    border-left: 1px solid #e1e1e1;
}

.menu-toolbar .filter-mobile .show-search-form i {
    font-size: 18px;
    color: #3e3d3c;
}

.menu-toolbar .filter-mobile .filter-by {
    display: none;
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 9;
    padding: 0 15px;
}

.menu-toolbar .filter-mobile .filter-by ul {
    padding: 0 0;
    margin: 0;
}

.menu-toolbar .filter-mobile .filter-by ul li:last-child {
    border-bottom: none;
}

.menu-toolbar .filter-mobile .filter-by ul li a {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #2d2d2d;
}

.menu-toolbar .filter-mobile .filter-by ul li a img {
    display: none;
}

.menu-toolbar .filter-mobile .filter-by ul li a:hover {
    text-decoration: none;
}

.menu-toolbar .filter-mobile .filter-by ul li i {
    font-size: 20px;
    top: 13px;
}

.menu-toolbar .filter-mobile .filter-by ul li .sub-menu {
    margin-left: 20px;
    display: none;
}

.menu-toolbar .filter-mobile .filter-by ul li .sub-menu li {
    padding: 0 0;
}

.menu-toolbarSearch {
    margin-bottom: 40px;
}

.menu-toolbarSearch .filter-form {
    text-align: right;
}

.menu-toolbarSearch .filter-form .sort-theme {
    display: inline-block;
    color: #a5a5a5;
    font-size: 20px;
    line-height: 74px;
    margin-left: 0;
    position: relative;
    cursor: pointer;
}

.menu-toolbarSearch .filter-form .sort-theme i:before {
    content: none;
}

.menu-toolbarSearch .filter-form .sort-theme:hover {
    color: #2d2d2d;
}

.menu-toolbarSearch .filter-form .sort-theme:hover .sort-by {
    display: block;
}

.menu-toolbarSearch .filter-form .sort-theme .sort-by {
    display: block;
    top: auto;
    left: 0;
    background: transparent;
    z-index: 0;
    border: none;
    position: relative;
    display: flex;
}

.menu-toolbarSearch .filter-form .sort-theme .sort-by span {
    display: inline-block;
    height: 74px;
    line-height: 74px;
    font-size: 16px;
    color: #42464e;
    font-weight: bold;
    margin-right: 50px;
    cursor: default;
}

.menu-toolbarSearch .filter-form .sort-theme .sort-by ul {
    display: flex;
}

.menu-toolbarSearch .filter-form .sort-theme .sort-by ul li {
    position: relative;
    height: 74px;
    line-height: 74px;
    font-size: 16px;
    color: #42464e;
    border: none;
    padding: 0;
    margin: 0 50px 0 0;
    display: inline-block;
    min-width: unset;
}

.menu-toolbarSearch .filter-form .sort-theme .sort-by ul li:last-child {
    margin-right: 0;
}

.menu-toolbarSearch .filter-form .sort-theme .sort-by ul li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #12d288;
    position: absolute;
    bottom: -1px;
    left: 0;
    opacity: 0;
}

.menu-toolbarSearch .filter-form .sort-theme .sort-by ul li:hover,
.menu-toolbarSearch .filter-form .sort-theme .sort-by ul li.active {
    font-weight: 700;
    color: #12d288;
}

.menu-toolbarSearch .filter-form .sort-theme .sort-by ul li:hover:after,
.menu-toolbarSearch .filter-form .sort-theme .sort-by ul li.active:after {
    opacity: 1;
}

.menu-toolbarSearch .filter-form form {
    display: inline-block;
    position: relative;
}

.menu-toolbarSearch .filter-form form input {
    border: none;
    border: 1px solid #e7f7f1;
    border-radius: 5px;
    margin: 18px 0 0;
    height: 40px;
    line-height: 40px;
    width: 280px;
    padding: 0 50px 0 15px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    background: #e7f7f1;
    color: #4c7465;
}

.menu-toolbarSearch .filter-form form input::placeholder {
    color: #4c7465;
}

.menu-toolbarSearch .filter-form form input:-ms-input-placeholder {
    color: #4c7465;
}

.menu-toolbarSearch .filter-form form input::-ms-input-placeholder {
    color: #4c7465;
}

.menu-toolbarSearch .filter-form form button {
    position: absolute;
    border: none;
    background: none;
    right: 1px;
    top: 18px;
    font-size: 16px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    outline: none;
    line-height: 35px;
}

.menu-toolbarSearch .filter-form form button i {
    color: #6e8d81;
    font-weight: 300;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .menu-toolbar .filter-desktop ul li {
        margin-right: 25px;
    }

    .menu-toolbar .filter-form .sort-theme {
        margin-left: 0;
    }

    .menu-toolbar .filter-form form input {
        width: 245px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .menu-toolbar .filter-desktop ul li {
        margin-right: 30px;
    }

    .menu-toolbar .filter-desktop ul li ul.sub-menu {
        left: auto;
        right: 0;
    }

    .menu-toolbar .show-search-tablet {
        font-size: 16px;
        display: inline-block !important;
        line-height: 75px;
        position: absolute;
        right: 20px;
        color: #2d2d2d;
    }

    .menu-toolbar .show-search-tablet i {
        color: #6e8d81;
    }

    .menu-toolbar .filter-form {
        display: none;
        position: absolute;
        top: 74px;
        right: 0;
    }

    .menu-toolbar .filter-form .sort-theme {
        margin-right: 10px;
    }

    .menu-toolbar .filter-form form input {
        width: 230px;
        background: #fff;
    }
}

@media (max-width: 767px) {


    .main-article .post-item .post-content {
        padding: 10px 0;

    }

    .menu-toolbar .filter-mobile {
        height: 75px;
        line-height: 75px;
    }

    .menu-toolbar .filter-mobile .title-filter-mobile {
        height: 45px;
        line-height: 45px;
        margin-top: 15px;
        background: #e7f7f1;
        width: 100%;
        padding: 0 10px;
        border-radius: 5px;
    }

    .menu-toolbar .filter-mobile .show-search-form {
        right: 15px;
        top: 15px;
        height: 45px;
        line-height: 45px;
        width: 50px;
        z-index: 1;
        border-left: 1px solid #d7e9e2;
    }

    .menu-toolbar .filter-mobile .show-search-form .fa-search {
        position: absolute;
        right: 0;
        top: 18px;
    }

    .menu-toolbar .filter-mobile .show-search-form .fa-search:before {
        content: "";
        background: url(/Themes/Portal/Default/Styles/images/index/new/search-icon.png) no-repeat top center;
        width: 17px;
        height: 18px;
        background-size: contain;
        position: absolute;
        top: -3px;
        right: 15px;
    }

    .menu-toolbar .filter-mobile .search-form-mobile {
        height: 45px;
        line-height: 45px;
        position: absolute;
        width: calc(100% - 60px);
        top: 0;
        display: none;
    }

    .menu-toolbar .filter-mobile .search-form-mobile input {
        border: none;
        border: 1px solid #e7f7f1;
        border-radius: 5px;
        margin: 15px 0 0;
        height: 45px;
        line-height: 45px;
        width: 100%;
        padding: 0 50px 0 15px;
        outline: none;
        font-size: 14px;
        font-weight: 400;
        background: #e7f7f1;
        color: #4c7465;
    }

    .menu-toolbar .filter-mobile .search-form-mobile input::placeholder {
        color: #4c7465;
    }

    .menu-toolbar .filter-mobile .search-form-mobile input:-ms-input-placeholder {
        color: #4c7465;
    }

    .menu-toolbar .filter-mobile .search-form-mobile input::-ms-input-placeholder {
        color: #4c7465;
    }

    .menu-toolbar .filter-mobile .search-form-mobile button {
        position: absolute;
        border: none;
        background: none;
        right: 1px;
        top: 18px;
        font-size: 16px;
        width: 40px;
        height: 40px;
        cursor: pointer;
        outline: none;
        line-height: 35px;
        display: none;
    }

    .menu-toolbar .filter-mobile .search-form-mobile button i:before {
        content: "";
        background: url(/Themes/Portal/Default/Styles/images/index/new/search-icon.png) no-repeat top center;
        width: 17px;
        height: 18px;
        background-size: contain;
        position: absolute;
        top: 11px;
        right: 15px;
    }

    .menu-toolbar ul li {
        display: block;
        margin-right: 0;
        border-bottom: 1px solid #ebebeb;
    }

    .menu-toolbar ul li:last-child {
        border-bottom: none;
    }

    .menu-toolbar ul li:hover {
        border-bottom: 1px solid #ebebeb;
    }

    .menu-toolbar ul li a {
        height: 45px;
        line-height: 45px;
    }

    .menu-toolbar ul li.has-child {
        position: relative;
    }

    .menu-toolbar ul li.has-child .fa-angle-down {
        position: absolute;
        right: 0;
        top: 10px;
    }

    .menu-toolbar ul li ul.sub-menu {
        position: static;
        border: none;
    }

    .menu-toolbar ul li ul.sub-menu li {
        border: none;
        padding: 10px 0;
    }

    .menu-toolbar ul li form {
        padding: 10px 0;
        position: relative;
    }

    .menu-toolbar ul li form input {
        width: 100%;
        height: 44px;
        line-height: 44px;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        padding: 0 50px 0 20px;
        font-size: 14px;
        outline: none;
    }

    .menu-toolbar ul li form button {
        position: absolute;
        border: none;
        background: transparent;
        top: 20px;
        right: 10px;
    }

    .menu-toolbar .filter-form {
        display: none;
    }

    .menu-toolbar .filter-form form input {
        width: 245px;
    }
}


@media only screen and (max-width: 736px) {

    .bg_info.bg_info-chitiet {
        padding-bottom: 50px;
        display: none;
    }

    .ld-unsecuredloan .why .item {
        text-align: center;
        margin-bottom: 35px;
        background: #fff;
        border-radius: 35px;
        padding: 40px 0 30px;
        min-height: auto;
    }

    .ld-unsecuredloan .why .slide-why {
        margin: -12px;
    }

    .what .one {
        margin-bottom: 30px;
        padding: 15px;
    }

    .header-section .header-wrapper .logo {
        width: 220px;
    }

    .container {
        /* width: calc(100% - 20px);
    margin: auto;
    max-width: inherit;*/
    }

    .banner-content-1 p {
        font-size: 16px;
        margin-bottom: 0
    }

    .sponsor-section-mobile .spon-cont {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }

    .amazing-feature-section22 {
        /* padding-bottom: 20px; */
        padding-top: 20px;
        display: none;
    }

    .buocthietke-mobile .row.justify-content-center {
        margin-left: -7px;
        margin-right: -7px;
    }

    .buocthietke-mobile .row.justify-content-center .col-lg-3 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .newslater-section-mobile .newslater-area {
        padding: 0;
    }

    .shop-related-prodcut-chitiet {
        padding-top: 0
    }

    .shop-related-prodcut-chitiet .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .shop-related-prodcut-chitiet .row .col-sm-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .shop-related-prodcut-chitiet .how-item-3 {
        border-radius: 5px;
    }

    .convence-feature-chitiet {
        padding-bottom: 35px;
    }

    .convence-feature-chitiet .lg-oh {
        padding-top: 35px;
    }

    .banner-chitiet {
        padding-bottom: 35px;
        padding-top: 130px;
    }

    .how-section-sanpham {
        padding: 30px 0;
    }

    .how-section-sanpham #ajax-product-list .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .how-section-sanpham #ajax-product-list .row .col-lg-3 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .how-section-sanpham #ajax-product-list .single-product {
        margin-bottom: 10px;
    }

    .page-header-chitiet .title {
        font-size: 40px;
    }

    .main-article .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .main-article .row .col-md-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .main-article .post-item .post-thumb img {

    }

    .col-lg-4.col-md-8.col-sm-10 {
        margin: 0;
        padding: 0;
    }

    .main-article .post-item .post-content {
    }

    .main-article .post-item {
        margin-bottom: 10px
    }

    .main-article {
        padding: 30px 0;
    }

    .main-article .post-item .post-content p {
        font-size: 14px;
        line-height: 17px;
        height: auto;
        margin-bottom: 4px;
    }

    .post-item .post-content .read {
        font-size: 12px;
        color: #9d9cab;
    }

    .main-article .post-item .post-content .title {
        font-size: 16px;

        line-height: 22px;

        height: 44px;

    }

    .widget-post .widget-slider .item .content .p-title {
        font-size: 16px;
    }

    .page-header-ssl .page-header-content .title {
        font-size: 40px;
    }

    .pricing-section-ssl {
        padding: 30px 0;
    }

    .pricing-section-ssl .pricing-content {
        margin-bottom: 0
    }

    .pricing-section-ssl .pricing-item {
        padding: 15px;
        margin-bottom: 10px;
    }

    .feature-section-ssl {
        padding: 30px 0;
    }

    .feature-section-ssl .feature-content .title {
        display: inline-block;
        padding-bottom: 20px;
        margin-left: 0
    }

    .feature-section-ssl .feature-content {
        padding-left: 10px;
    }

    .feature-section-ssl .feature-content p {
        font-size: 15px;
    }

    .feature-section-ssl .feature-item {
        margin-bottom: 10px;
    }

    .feature--thumb-ssl {
        display: none !important
    }

    .pricing-section-ssl .pricing-content .pricing-header .title {
        font-size: 35px;
    }

    .pricing-section-ssl .pricing-item .pricingHeader .title {
        height: auto !important
    }

    .page-header-content .title {
        font-size: 30px;
    }

    .advance-feature-quantriweb .section-header .title {
        font-size: 20px;
    }

    .faq-section-quantriweb {
        padding: 20px 0;
        padding-bottom: 50px;
    }

    .advance-feature-quantriweb {
        padding-bottom: 0
    }

    .faq-section-quantriweb .faq-header .title {
        font-size: 20px;
    }

    .faq-section-quantriweb .faq-item {
        margin-bottom: 20px;
    }

    .faq-section-quantriweb .faq-header {
        margin-bottom: 15px;
    }

    .comunity-section-quantriweb {
        padding: 30px 0;
    }

    .comunity-section-quantriweb .section-header .cate {
        margin-bottom: 15px;
    }

    .comunity-section-quantriweb .section-header .title {
        font-size: 20px;
    }

    .comunity-section-quantriweb .help-item {
        padding: 15px;
        margin-bottom: 10px;
    }

    .section-package-quantriweb .accordion-container-mobile {
        margin-top: 0 !important
    }

    .section-package-quantriweb .layer-ttl h4 {
        font-size: 30px;
    }

    .banner-dichvuseo .title {
        font-size: 30px;
        line-height: 37px;
    }

    .banner-dichvuseo {
        padding-bottom: 45px;
    }

    .pricing-section-dichvuseo {
        padding: 30px 0;
        padding-top: 31px !important;
    }

    .pricing-section-dichvuseo .pricing-slider-wrapper .pricing-slider {
        padding-top: 15px;
    }

    .pricing-section-dichvuseo .pricing-slider-wrapper .pricing-slider .owl-item {
        width: 100% !important;
    }

    .pricing-section-dichvuseo .pricing-item-2 .cate {
        font-size: 18px;
    }

    .help-section-dichvuseo .help-item {
        margin-bottom: 10px;
        padding: 15px;
    }

    .help-section-dichvuseo .help-item .help-content .title {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .help-section-dichvuseo .help-item .help-content p {
        font-size: 15px;
    }

    .help-section-dichvuseo {
        padding-top: 0
    }

    .advance-feature-dichvuseo {
        padding-bottom: 0
    }

    .banner-quanly-fanpage .title {
        font-size: 30px;
        line-height: 42px;
    }

    .advance-feature-quanly-fp {
        padding-top: 0
    }

    .advance-feature-quanly-fp .advance-feature-item {
        padding-bottom: 0
    }

    .experience-section-quanly-fp {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pricing-section-quanly-fp {
        padding-top: 0;
        padding-bottom: 30px;
    }

    .pricing-section-quanly-fp .pricing-content {
        margin-bottom: 0
    }

    .pricing-section-quanly-fp .section-header {
        margin-bottom: 0
    }

    .realtime-section-quanly-fp {
        padding-bottom: 0;
        padding-top: 35px;
    }

    .faq-section-ql {
        padding-top: 30px;
    }

    .pricing-section-quanly-fp .pricing-item {
        margin-bottom: 10px;
    }

    .faq-section-ql .faq-item {
        margin-bottom: 15px;
    }

    .how-section-quanly-fp .section-header .title {
        font-size: 20px;
    }

    .experience-section-quanly-fp .ex-item {
        margin-bottom: 10px;

    }

}

@media only screen and (max-width: 575px) {

    .row.justify-content-center.mb-30-none .col-md-12.col-lg-12.col-sm-12.col-xs-12 {
        padding-right: 7px;
    }

    .shop-details .title span {
        margin-bottom: 0;
    }

    .row.justify-content-center.mb-30-none {
        margin-right: 0;
    }

    .giaodien_new h2 {
        text-align: center;
    }

    .giaodien_new .col-lg-4.col-md-4.col-6 {
        padding: 7px;
    }

    .single-product {
        margin-bottom: 0;
    }

    .giaodien_new p.desc {
        text-align: left;
        color: #42464e;
        font-size: 16px;
        font-weight: 300;
        margin: 10px 0 40px;
        text-align: center;
    }


    h3 {
        font-size: 18px;
        line-height: 25px;
        margin-top: 0;
    }

    .post-details .tags-area {
        padding: 0;
    }

    .single-product .product-content h5 {
        font-size: 14px;
        color: #e61919;
        font-weight: 700;
        margin: 0;
        margin-right: 0;
        padding-right: 0;
    }

    .banner-content-home {
        padding-top: 0
    }

    .banner-content-home .title {
        line-height: 34px;
        font-size: 22px;
        padding-bottom: 10px;
    }

    .sponsor-section-mobile {
        padding-top: 0
    }

    .sponsor-section-mobile .sponsor-slider {
        padding: 10px;
    }

    .amazing-feature-section22 .section-header .cate {
        font-size: 16px;
    }

    .dichvu-giaiphap .section-header .title {
        font-size: 20px;
        line-height: 25px;
    }

    .dichvu-giaiphap {
        padding: 40px 0;
    }

    #how.dichvu-giaiphap .how-item .title {
        font-size: 15px;
    }

    .newslater-section-mobile .section-header .title {
        font-size: 20px;
        line-height: 24px;
    }

    .visao-chon {
        padding: 30px 0;
    }

    .visao-chon .feature-item .feature-content .title {
        font-size: 15px;
    }

    .visao-chon .feature-item .feature-content {
        padding-left: 80px;
    }

    .visao-chon .feature-item {
        margin-bottom: 10px;
    }

    .coverage-section-home {
        display: inline-block;
        margin-bottom: 20px;
    }

    .convence-feature-tenmien table tr td {
        padding: 5px;
    }

    .convence-feature-tenmien table tr td a {
        font-size: 13px;
    }

    .how-section-temmien .section-header .title {
        font-size: 20px;
    }

    .banner-content-10 .title {
        font-size: 30px;
        line-height: 39px;
    }

    #giaodien .convencing-feature-content h3 {
        font-size: 17px;
    }


    .how-item-3 .how-content .title {

        font-size: 14px;
        line-height: 20px;
        height: 40px;
        overflow: hidden;
    }

    .how-item-3 .how-content p {
        font-size: 15px;
        line-height: 20px;
    }

    .ld-unsecuredloan .what h2 {
        font-size: 20px;
    }

    .ld-unsecuredloan .why {
        background: url(http://webvaseo.com.vn/templates/img-add/bg-why.png) no-repeat top center;
        padding: 171px 0 49px;
        background-size: cover;
        margin-top: -308px;
        position: relative;
        z-index: 2;
    }

    .page-header-sanpham .title {
        font-size: 22px;
        line-height: 37px;
    }

    .visao-chon .feature-item .feature-content {
        position: static;
        transform: inherit;
        padding-left: 9px;
        width: 80%;
    }

    .coverage-wrapper div[class*="border-item"] .title {
        font-size: 18px;
    }

    .ld-unsecuredloan .what h2 {
        font-size: 20px;
    }

    .ld-unsecuredloan .products .block-grid .item h3 {
        display: inline-block;
    }

    .ld-unsecuredloan .why .item {
        margin-bottom: 10px;
    }

    .ld-unsecuredloan .why .item {
        text-align: center;
        margin-bottom: 35px;
        background: #fff;
        border-radius: 35px;
        padding: 15px 0 15px;
        min-height: auto;
    }


    .ld-unsecuredloan .why {
        width: 100%;
        overflow: hidden;
    }

    .ld-unsecuredloan .faq .block-faq .in-faq {
        padding: 10px;
    }

    .ld-unsecuredloan .faq h2 {
        font-size: 25px;
        padding-bottom: 57px;
    }

    .ld-unsecuredloan .faq {
        padding-bottom: 60px;
    }

    .omnichannel .banner {
        padding: 40px 0 40px;
    }

    .omnichannel img {
        padding-top: 25px;
    }

    .slide-utility .swiper-slide {
        margin-bottom: 100px
    }

    .omnichannel .utility {
        padding-bottom: 20px;
    }

    .omnichannel .function {
        padding-top: 45px;
    }

    .omnichannel .function p.title_small {
        font-size: 16px;
    }

    .omnichannel .function h2 {
        font-size: 18px;
    }

    .omnichannel .function .item .block-content {
        padding: 0;
    }

    .omnichannel .function .item .block-content .title_icon {
        line-height: inherit
    }

    .omnichannel .utility {
        padding-top: 0
    }

    .omnichannel .utility .button_bottom {
        margin-top: 0;
        padding-top: 0;
    }

    .slide-utility .col-md-4:last-child .swiper-slide {
        margin-bottom: 40px;
    }

    .omnichannel .function .item .block-content ul li {
        background: none;
    }

    .omnichannel .function .item .block-content ul li h3 {
        padding-left: 0
    }

    .omnichannel .function.function2 {
        padding-bottom: 0
    }

    .omnichannel .feedback {
        padding: 30px 0;
    }

    .omnichannel .feedback .title p.title_small {
        font-size: 16px;
    }

    .omnichannel .feedback .title h2 {
        font-size: 20px;
    }

    .omnichannel .buy p.title_small {
        font-size: 16px;
    }

    .omnichannel .buy h2 {
        font-size: 20px;
        padding-top: 13px;
        padding-bottom: 15px;
    }

    .buy .slide-buy .row .col-md-3 {

        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;

    }

    .omnichannel .support h2 {
        font-size: 20px;
        padding-bottom: 0
    }

    .omnichannel .support .block-content-padding {
        padding: 0;
    }

    .omnichannel .support .block-content .item {
        padding: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .omnichannel img {
        display: none;
    }

    .omnichannel .support .block-content .item h4 {
        margin-bottom: 0;
        line-height: inherit;
    }

    .omnichannel .feedback .title h2 {
        padding-bottom: 0;
        padding-top: 10px;
        line-height: inherit;
    }

    .omnichannel .slider-feedback .item .play {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 1026px) {
    .header-right {
        display: none;
    }

    .hc-nav-trigger {
        right: 15px;

    }
}

@media (max-width: 767px) {
    .ld-unsecuredloan .products {
        padding: 20px 0 0;
        position: relative;
    }

    .page-header-content .breadcrumb li {
        text-transform: capitalize;
        padding: 0;
        font-size: 14px;
    }

    .ld-unsecuredloan .products .block-grid .item ul {
        padding: 0 10px;
        list-style: none;
        margin-bottom: 0;
        min-height: 250px;
    }

    .index-container .feature-themes .feature-item1 .feature-image .image-mobile {
        display: none !important
    }

    .index-container .favorite-themes .more-theme {
        display: none !important
    }

    .index-container .favorite-themes h2 {
        margin-top: 24px;
        font-size: 25px;
    }

    .index-container .favorite-themes p.desc {
        font-size: 16px;
        margin-bottom: 13px;
    }

    .index-container .feature-themes .feature-item1 .feature-image .image-desktop a {
        width: 100%;

    }

    .index-container .feature-themes .feature-item1 .feature-info .title {
        margin-top: 20px;
    }

    .index-container .banner {

        background: url(http://webvaseo.com.vn/templates/img-add/bg-top-mobile.png) no-repeat top center;
        background-size: cover;
    }

    .index-container .index-title h1 {
        font-size: 24px;
        padding: 0 0 5px;
        line-height: normal;
        padding-bottom: 0;
        margin-bottom: 10px;
    }

    .index-container .index-title p {
        font-size: 16px;
        width: 300px;
        margin: 0 auto;
    }

    .index-container .feature-themes {
        text-align: center;
        padding-bottom: 20px;
    }

    .index-container .feature-themes .slide-feature:before {
        content: none;
    }

    .index-container .feature-themes .slide-feature .swiper-container {
        padding-bottom: 110px;
        margin-top: 0px;
    }

    .index-container .feature-themes .feature-item .feature-info {
        padding-left: 15px;
    }

    .index-container .feature-themes .feature-item .feature-info .title {
        font-size: 18px;
        margin-top: 20px;
        text-align: center;
    }

    .index-container .feature-themes .feature-item .feature-info .title span {
        font-size: 26px;
    }

    .index-container .feature-themes .feature-item .feature-info .button {
        text-align: center;
        margin-bottom: 0;
    }

    .index-container .feature-themes .feature-item .feature-info .button .preview,
    .index-container .feature-themes .feature-item .feature-info .button .view-detail {
        padding: 0 35px;
    }

    .index-container .feature-themes .feature-item .feature-info .other-info {
        padding-bottom: 15px;
    }

    .index-container .feature-themes .feature-item .feature-info .other-info .price {
        font-size: 20px;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop {
        background-size: cover;
        width: 322px;
        height: 264px;
        padding: 39px 0 0 0;
        overflow: hidden;
        margin: 0 auto;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop a {
        height: 225px;
        width: 322px;
    }

    .index-container .feature-themes .swiper-button-prev {
        position: absolute;
        display: inline-block;
        left: 50%;
        margin-left: -40px;
        bottom: 65px;
        outline: none;
    }

    .index-container .feature-themes .swiper-button-next {
        position: absolute;
        display: inline-block;
        right: 50%;
        margin-right: -25px;
        bottom: 65px;
        outline: none;
    }

    .index-container .favorite-themes h2 {
        margin-top: 30px;
        font-size: 24px;
        text-align: center;
    }

    .index-container .favorite-themes p.desc {
        text-align: center;
        font-size: 18px;
        margin: 10px 0 25px;
    }

    .index-container .favorite-themes .more-theme {
        display: none;
    }

    .index-container .favorite-themes .theme-item {
        margin-bottom: 30px;
        max-height: 435px;
    }

    .index-container .favorite-themes .theme-item .theme-image {
        height: 330px;
    }

    .index-container .favorite-themes .row {
        color: #fff;
    }

    .index-container .favorite-themes .more-button {
        width: 100%;
    }

    .index-container .favorite-themes .more-button a {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        border: solid 1px #cfe7de;
        border-radius: 40px;
        margin-top: 0 !important;
        background: transparent;
        font-size: 16px;
        color: #096f47;
        /* background: url(http://webvaseo.com.vn/templates/img-add/more-theme.png) no-repeat center right; */
        background-position-x: 116px;
        padding: 0 55px 0 35px;
    }

    .index-container .themes-list h2 {
        margin-top: 30px;
        font-size: 24px;
        text-align: center;
    }

    .index-container .themes-list p.desc {
        text-align: center;
        font-size: 18px;
        margin: 10px 0 25px;
    }

    .index-container .themes-list .more-theme {
        display: none;
    }

    .index-container .themes-list .theme-item {
        margin-bottom: 30px;
        max-height: 435px;
    }

    .index-container .themes-list .theme-item .theme-image {
        height: 330px;
    }

    .index-container .themes-list .row {
        color: #fff;
    }

    .index-container .themes-list .row > div:nth-child(3),
    .index-container .themes-list .row > div:nth-child(4),
    .index-container .themes-list .row > div:nth-child(5),
    .index-container .themes-list .row > div:nth-child(6),
    .index-container .themes-list .row > div:nth-child(7),
    .index-container .themes-list .row > div:nth-child(8),
    .index-container .themes-list .row > div:nth-child(9),
    .index-container .themes-list .row > div:nth-child(10),
    .index-container .themes-list .row > div:nth-child(11),
    .index-container .themes-list .row > div:nth-child(12) {
        display: none;
    }

    .index-container .themes-list .more-button {
        width: 100%;
    }

    .index-container .themes-list .more-button a {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        border: solid 1px #cfe7de;
        border-radius: 40px;
        margin-top: 0 !important;
        background: transparent;
        font-size: 16px;
        color: #096f47;
        background: url(http://webvaseo.com.vn/templates/img-add/more-theme.png) no-repeat center right;
        background-position-x: 116px;
        padding: 0 55px 0 35px;
    }

    .index-container .optimize {
        padding-bottom: 30px;
        background: #fff;
    }

    .index-container .optimize h2 {
        margin-top: 18px;
        font-size: 20px;
        text-align: center;
        line-height: 26px;
        margin: 0;
        padding: 0;
    }

    .index-container .optimize .list_category span {
        font-size: 15px;
        display: block;
        color: #333;
    }

    .index-container .optimize p {
        text-align: center;
        font-size: 18px;
        margin: 10px 0 25px;
    }

    .index-container .optimize .list_category.expand {
        height: unset;
        overflow: unset;
    }

    .index-container .optimize .list_category .row {
        margin: 0 -15px;
    }

    .index-container .optimize .list_category a {
        margin-bottom: 30px;
    }

    .index-container .optimize .list_category a .icon {
        width: 100%;
        height: 150px;
        background-size: contain !important;
    }

    .index-container .optimize .more-info {
        text-align: center;
        color: #096f47;
        font-size: 16px;
        position: relative;
        z-index: 2;
    }


    .index-container .optimize .more-info i:before {
        font-size: 12px;
    }

    .index-container .feature-themes .feature-item1 .feature-info .title span {
        font-size: 20px;
    }

    .index-container .feature-themes .feature-item1 .feature-info .button .preview {
        padding: 0 30px
    }

    .index-container .feature-themes .feature-item1 .feature-info .button .view-detail {
        padding: 0 30px
    }
}

@media (max-width: 500px) {

    .visao-chon.feature-section.padding-top.padding-bottom.oh.pos-rel .title-products {
        font-size: 25px;
        font-weight: bold;
        color: #d52027;
        margin-bottom: 0px;
        float: left;
        width: 100%;
    }

    .title-products span {
        font-size: 15px;
        color: #333;
        text-align: center;
        float: left;
        width: 100%;
        display: block;

        color: #333;
        font-weight: 400;
        margin: 10px 0;
        line-height: 24px;
    }

    .content-footer .item-footer .title-footer {
        line-height: inherit;
        margin: 0;
        margin-bottom: 0px;
        text-transform: uppercase;
        padding-bottom: 4px;
        display: inline-block;
        font-weight: 700;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 20px;
    }

    .review-item {
        max-width: 320px;
    }

    .visao-chon .feature-item .feature-content {
        position: static;
        transform: inherit;
        padding-left: 9px;
        width: 76%;
    }

    .visao-chon .col-lg-5.rtl {
        display: none;
    }


    .index-container .optimize .list_category a .icon {
        width: 100%;
        height: 115px;
        background-size: cover !important;
        margin: 0;
    }

    .index-container .optimize .list_category a {
        margin-bottom: 12px;
    }

    .index-container .optimize .list_category span {
        font-size: 15px;
        display: block;
        color: #333;
        line-height: 22px;
    }

    .index-container .optimize p {
        text-align: center;
        font-size: 15px;
        margin: 10px 0 25px;
    }

    .index-container .optimize h2 {
        margin-top: 18px;

        text-align: center;
        line-height: 26px;
        margin: 0;
        padding: 0;
    }

}

@media (max-width: 320px) {

    .content-footer .item-footer .title-footer {
        line-height: inherit;
        margin: 0;
        margin-bottom: 0px;
        text-transform: uppercase;
        padding-bottom: 4px;
        display: inline-block;
        color: #fff;
        font-size: 15px;
        font-family: "DM Sans", sans-serif;
        font-weight: 700;
        margin-bottom: 0;
    }

    .review-item {
        max-width: 320px;
    }

    .visao-chon .feature-item .feature-content {
        position: static;
        transform: inherit;
        padding-left: 9px;
        width: 76%;
    }

    .visao-chon .col-lg-5.rtl {
        display: none;
    }

    h2 {
        font-size: 20px;
        line-height: 36px;
        margin-top: -16px;
        font-weight: 500 !important;
    }

    .index-container .optimize .list_category a .icon {
        width: 100%;
        height: 82px;
        background-size: cover !important;
        margin: 0;
    }

    .index-container .optimize .list_category a {
        margin-bottom: 12px;
    }

    .index-container .optimize .list_category span {
        font-size: 13px;
        display: block;
        color: #333;
        line-height: 22px;
    }

    .index-container .optimize p {
        text-align: center;
        font-size: 15px;
        margin: 10px 0 25px;
    }

    .index-container .optimize h2 {
        margin-top: 18px;
        font-size: 18px;
        text-align: center;
        line-height: 26px;
        margin: 0;
        padding: 0;
    }

}

/* HOME 2022 STYLE */

.text-primary {
    color: var(--color-red) !important;
}

.more-plus {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 30px #e6e6e6;
    box-shadow: 0 0 30px #e6e6e6;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    display: none;
}

.more-plus:hover {
    background: #d52027;
}

.more-plus:hover a span {
    background: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.more-plus a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: 8px;
}

.more-plus a .vertical {
    width: 30px;
    height: 2px;
    background: #d52027;
    display: block;
    margin-bottom: -15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.more-plus a .horizontal {
    width: 2px;
    height: 30px;
    background: #d52027;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.home-services-list {
    padding: 40px 0;
}

.home-services-list .site-services_item-title {
    font-size: 30px;
    margin-top: 0px;
}

.home-services-list .site-services_item-desc {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    padding-left: 20px;
    padding-right: 20px;
}

.site-services_item .more-plus {
    position: absolute;
    bottom: -35.5px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

@media screen and (max-width: 1023px) {
    .home-services-list {
        padding: 50px 0;
    }

    .home-services-list .more-plus {
        display: none;
    }

    .site-services_item-desc {
        margin-bottom: 30px;
    }

    .home-services-list .site-services_item {
        margin-bottom: 0;
        height: 100%;
    }
}

.home-services-list-inner {
    margin-top: 50px;
}


.home-services-list .section__title {
    font-size: 35px;
    font-weight: bold;

}

.home-services-list .col-lg-4 {
    margin-bottom: 65px;
}

.home-services-list .section__desc {
    font-size: 18px;
    line-height: 1.4;
}

.site-services {
    padding-bottom: 60px;
}

.site-services_item {
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 15px;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 5px;
}

.site-services_item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    background: #2ad38b;
    background: linear-gradient(to right, #2ad38b, #0cceb0);
    z-index: -1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    visibility: hidden;
    opacity: 0;
    border-radius: 5px;
}

.site-services_item:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0%;
    width: 100%;
    height: 100%;
    background: url(../images/icon/hover.png) no-repeat;
    z-index: -1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    visibility: hidden;
    opacity: 0;
    border-radius: 5px;
}

.site-services_item:hover {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
}

.site-services_item:hover:before {
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    visibility: visible;
}

.site-services_item:hover:after {
    right: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    visibility: visible;
}

.site-services_item:hover h3 a {
    color: #fff;
}

.site-services_item:hover p {
    color: #fff;
}

.site-services_item img {
    height: 190px !important;
    object-fit: contain;
}

.site-services_item h3 a {
    display: block;
font-size: 18px;
font-weight: bold;
color: #d52027;
margin: 15px ;
}

.site-services_item p {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 20px;
    padding: 0px 10px;
}

.site-services_item .more-plust {
    position: absolute;
    bottom: -35.5px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.site-services_item p {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 12px !important;
    padding: 0px 10px;
}


.ld-sellatwebsite .tutorial {
    text-align: center;
    padding: 0 0 50px;
    margin-top: 50px;
}

.ld-sellatwebsite .tutorial h2 {
    font-size: 35px;
    font-weight: bold;
    color: #096f47;
    margin-bottom: 25px;
}

.ld-sellatwebsite .tutorial p {
    font-size: 21px;
    font-weight: 300;
    color: #00935a;
    margin-bottom: 60px;
}

.ld-sellatwebsite .tutorial .slide-create-web .swiper-slide:nth-child(n) .item:before {
    content: "";
    width: 125px;
    height: 17px;
    position: absolute;
    top: 55px;
    left: 158px;
    background: url('../images/line-down-up.png') no-repeat top left;
}

.ld-sellatwebsite .tutorial .slide-create-web .swiper-slide:nth-child(2n+1) .item:before {
    content: "";
    width: 123px;
    height: 17px;
    position: absolute;
    top: 0;
    left: 158px;
    background: url('../images/line-down.png') no-repeat top left;
}

.ld-sellatwebsite .tutorial .slide-create-web .swiper-slide:last-child .item:before {
    content: none;
}

.ld-sellatwebsite .tutorial .slide-create-web .item {
    position: relative;
}

.ld-sellatwebsite .tutorial .slide-create-web .item img {
    display: block;
    margin: 0 auto 35px;
}

.ld-sellatwebsite .tutorial .slide-create-web .item h3 {
    font-weight: bold;
    font-size: 18px;
    color: #42464e;
    margin-bottom: 25px;
}

.ld-sellatwebsite .tutorial .slide-create-web .item p {
    font-size: 16px;
    font-weight: 400;
    color: #42464e;
    margin-bottom: 0;
}

.ld-sellatwebsite .tutorial .slide-create-web .item p a {
    font-weight: bold;
    font-style: italic;
    color: #42464e;
}

.ld-sellatwebsite .tutorial .slide-create-web .swiper-pagination {
    overflow: hidden;
    font-size: 0;
    margin-top: -25px;
    text-align: center;
    position: relative;
    display: none;
}

.ld-sellatwebsite .tutorial .slide-create-web .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    transform: scale(1);
}

.ld-sellatwebsite .tutorial .slide-create-web .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    transform: scale(1);
    background: #15d486;
}

.btn-registration {
    line-height: 48px;
    height: 50px;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 0 45px;
    box-shadow: 0 4px 19.92px 4.08px rgb(0 0 0 / 15%);
    background-image: -moz-linear-gradient(0deg, #15d486 0%, #30e286 100%);
    background-image: -webkit-linear-gradient(0deg, #15d486 0%, #30e286 100%);
    background-image: -ms-linear-gradient(0deg, #15d486 0%, #30e286 100%);

}

.ld-sellatwebsite .tutorial .slide-create-web {
    margin-top: 45px;
}

.giaodien_new {
    display: inline-block;
    width: 100%;
    clear: both;
    padding-top: 30px;

}

.giaodien_new .content-giaodien_new {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}

.link-center {
    text-align: center;
}


/** PRICE **/

.home2-price {
    padding: 50px 0;
    position: relative;
}

.home2-price__title {
    margin-bottom: 30px;
}

.home2-price__title:before {
    content: '';
    width: 10px;
    height: 80px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: block;
    background-color: var(--color-red);
    margin-right: 50px;
}

@media screen and (max-width: 767px) {
    .home2-price {
        padding: 0 0 20px 0;
    }

    .home2-price__title:before {
        margin-right: 15px;
    }
}

.home2-price__desc ul {
    list-style: none;
}

.home2-price__desc li {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    line-height: 1.4;
}

.home2-price__desc li:before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background-color: rgba(212, 32, 39, 0.9);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 10px;
    margin-top: 3px;
}

@media screen and (max-width: 1023px) {
    .home2-price-nav {
        margin-top: 30px;
    }
}

.home2-price-nav ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #EBEBEB;
    position: relative;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
}

.home2-price-nav li a {
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
    position: relative;
    z-index: 9;
    font-weight: 700;
    color: #000;
    line-height: 1.5;
    padding-bottom: 8px;
    padding-top: 7px;
    font-size: 16px;
}

.home2-price-nav li a:hover {
    color: var(--color-red);
}

@media screen and (max-width: 1023px) {
    .home2-price-nav li a {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.home2-price-nav li .active {
    background-color: #0fd186 !important;
    color: #fff;
}

.home2-price-nav .indicator {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 0;
    width: 0;
    height: 100%;
    background: var(--color-red);
    -webkit-transition: left .3s, width .3s;
    transition: left .3s, width .3s;
    z-index: 1;
    border-radius: 9999px;
}

.home2-price-tab-content {
    margin-top: 115px;
}

@media screen and (max-width: 1023px) {
    .home2-price-tab-content {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1023px) {
    .home2-price-tab-content {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1199px) {
    .home2-price-tab-content .tab-pane .row {
        margin-right: -10px !important;
        margin-left: -10px !important;
    }

    .home2-price-tab-content .tab-pane .row [class*='col-'] {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

.home2-price-tab-content .item-highlights {
    /* margin-top: -50px; */
}

.home2-price-tab-content .item-highlights .home2-price-tab__item {
    border: 1px solid var(--color-red);
}

@media screen and (min-width: 1023px) {
    .home2-price-tab-content .item-highlights .home2-price-tab__item {
        margin-top: -50px;
    }
}

.home2-price-tab-content .item-highlights .item__name {
    color: var(--color-red);
}

.home2-price-tab-content .item-red .home2-price-tab__item {
    background-image: -webkit-linear-gradient(0deg, #15d486 0%, #30e286 100%);
    background-image: -ms-linear-gradient(0deg, #15d486 0%, #30e286 100%);
    color: #fff;
}

.home2-price-tab-content .item-red .home2-price-tab__item .item__name {
    color: #FFE351;
}

.home2-price-tab-content .item-red .home2-price-tab__item .item__icon path {
    fill: #000;
}

.home2-price-tab-content .item-red .home2-price-tab__item .item__icon {
    background-color: #FFE351;
}

.home2-price-tab-content .item-red .home2-price-tab__item .separate {
    background-color: #FFE351;
}

.home2-price-tab-content .item-red .home2-price-tab__item .item__button:hover {
    background-color: #ffffff;
    color: #1cb57a;

}

.home2-price-tab-content .item-red .home2-price-tab__item .item__button:hover:after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z'/%3E%3C/mask%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z' fill='%23D42027'/%3E%3Cpath d='M10 4.99951L12.1213 2.87819L10.0276 0.784492L7.90666 2.85057L10 4.99951ZM9.10625 5.87014L7.01291 3.7212L4.84087 5.83704L6.97982 7.98633L9.10625 5.87014ZM12.5938 9.37451V12.3745H19.8117L14.7202 7.25832L12.5938 9.37451ZM5 9.37451V6.37451H2V9.37451H5ZM5 10.6245H2V13.6245H5V10.6245ZM12.5938 10.6245L14.7137 12.7472L19.8428 7.62451H12.5938V10.6245ZM9.10625 14.1076L6.98626 11.985L4.86005 14.1085L6.98716 16.2312L9.10625 14.1076ZM10 14.9995L7.88091 17.1231L10.0022 19.2399L12.1213 17.1208L10 14.9995ZM15 9.99951L17.1213 12.1208L19.2426 9.99951L17.1213 7.87819L15 9.99951ZM7.90666 2.85057L7.01291 3.7212L11.1996 8.01908L12.0933 7.14845L7.90666 2.85057ZM6.97982 7.98633L10.4673 11.4907L14.7202 7.25832L11.2327 3.75394L6.97982 7.98633ZM12.5938 6.37451H5V12.3745H12.5938V6.37451ZM2 9.37451V10.6245H8V9.37451H2ZM5 13.6245H12.5938V7.62451H5V13.6245ZM10.4738 8.50186L6.98626 11.985L11.2262 16.2303L14.7137 12.7472L10.4738 8.50186ZM6.98716 16.2312L7.88091 17.1231L12.1191 12.876L11.2253 11.9841L6.98716 16.2312ZM12.1213 17.1208L17.1213 12.1208L12.8787 7.87819L7.87868 12.8782L12.1213 17.1208ZM17.1213 7.87819L12.1213 2.87819L7.87868 7.12083L12.8787 12.1208L17.1213 7.87819Z' fill='%23D42027' mask='url(%23path-1-inside-1)'/%3E%3Cmask id='path-3-inside-2' fill='white'%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z'/%3E%3C/mask%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z' fill='%23D42027'/%3E%3Cpath d='M18.75 9.99952L21.75 10.0029V9.99952H18.75ZM17.5 9.99952H20.5L20.5 9.99602L17.5 9.99952ZM10 15.7495C8.86276 15.7495 7.75106 15.4123 6.80547 14.7805L3.47205 19.7693C5.40433 21.0604 7.67607 21.7495 10 21.7495V15.7495ZM6.80547 14.7805C5.85989 14.1486 5.1229 13.2506 4.6877 12.1999L-0.855581 14.496C0.033749 16.6431 1.53978 18.4782 3.47205 19.7693L6.80547 14.7805ZM4.6877 12.1999C4.25249 11.1493 4.13862 9.99314 4.36049 8.87775L-1.52422 7.7072C-1.9776 9.98648 -1.74491 12.349 -0.855581 14.496L4.6877 12.1999ZM4.36049 8.87775C4.58235 7.76236 5.12999 6.7378 5.93414 5.93365L1.6915 1.69101C0.0482317 3.33428 -1.07085 5.42793 -1.52422 7.7072L4.36049 8.87775ZM5.93414 5.93365C6.73829 5.1295 7.76284 4.58187 8.87823 4.36L7.70769 -1.52471C5.42842 -1.07134 3.33477 0.0477434 1.6915 1.69101L5.93414 5.93365ZM8.87823 4.36C9.99363 4.13814 11.1498 4.252 12.2004 4.68721L14.4965 -0.856069C12.3495 -1.7454 9.98697 -1.97809 7.70769 -1.52471L8.87823 4.36ZM12.2004 4.68721C13.2511 5.12241 14.1491 5.8594 14.781 6.80499L19.7698 3.47157C18.4787 1.53929 16.6436 0.0332607 14.4965 -0.856069L12.2004 4.68721ZM14.781 6.80499C15.4128 7.75057 15.75 8.86227 15.75 9.99952H21.75C21.75 7.67559 21.0609 5.40384 19.7698 3.47157L14.781 6.80499ZM15.75 9.99609C15.7483 11.5215 15.1415 12.9839 14.0629 14.0625L18.3056 18.3051C20.5077 16.103 21.7464 13.1172 21.75 10.0029L15.75 9.99609ZM14.0629 14.0625C12.9843 15.1411 11.5219 15.7478 9.99658 15.7495L10.0034 21.7495C13.1177 21.746 16.1034 20.5072 18.3056 18.3051L14.0629 14.0625ZM10 -0.500484C7.9233 -0.500484 5.89323 0.11533 4.16652 1.26908L7.49994 6.2579C8.23996 5.76344 9.10999 5.49952 10 5.49952V-0.500484ZM4.16652 1.26908C2.4398 2.42284 1.09399 4.06272 0.299269 5.98134L5.84255 8.27744C6.18314 7.45517 6.75992 6.75237 7.49994 6.2579L4.16652 1.26908ZM0.299269 5.98134C-0.495451 7.89996 -0.703386 10.0112 -0.298241 12.048L5.58647 10.8774C5.41284 10.0045 5.50195 9.09971 5.84255 8.27744L0.299269 5.98134ZM-0.298241 12.048C0.106903 14.0848 1.10693 15.9557 2.57538 17.4241L6.81802 13.1815C6.18869 12.5522 5.7601 11.7503 5.58647 10.8774L-0.298241 12.048ZM2.57538 17.4241C4.04383 18.8926 5.91476 19.8926 7.95156 20.2978L9.1221 14.413C8.24918 14.2394 7.44736 13.8108 6.81802 13.1815L2.57538 17.4241ZM7.95156 20.2978C9.98836 20.7029 12.0996 20.495 14.0182 19.7003L11.7221 14.157C10.8998 14.4976 9.99501 14.5867 9.1221 14.413L7.95156 20.2978ZM14.0182 19.7003C15.9368 18.9055 17.5767 17.5597 18.7304 15.833L13.7416 12.4996C13.2472 13.2396 12.5443 13.8164 11.7221 14.157L14.0182 19.7003ZM18.7304 15.833C19.8842 14.1063 20.5 12.0762 20.5 9.99952H14.5C14.5 10.8895 14.2361 11.7596 13.7416 12.4996L18.7304 15.833ZM20.5 9.99602C20.4968 7.21317 19.3898 4.54523 17.4221 2.57745L13.1794 6.82009C14.0237 7.66436 14.4986 8.80903 14.5 10.003L20.5 9.99602ZM17.4221 2.57745C15.4543 0.609678 12.7863 -0.497241 10.0035 -0.500482L9.99651 5.49951C11.1905 5.5009 12.3352 5.97582 13.1794 6.82009L17.4221 2.57745Z' fill='%23D42027' mask='url(%23path-3-inside-2)'/%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 1024px) {
    .home2-price-tab-content .item-red .home2-price-tab__item .item__button {
        background-color: #1cb57a;

        border: 1px solid #1cb57a;
    }

    .home2-price-tab-content .item-red .home2-price-tab__item .item__button:after {
        content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z'/%3E%3C/mask%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z' fill='%23D42027'/%3E%3Cpath d='M10 4.99951L12.1213 2.87819L10.0276 0.784492L7.90666 2.85057L10 4.99951ZM9.10625 5.87014L7.01291 3.7212L4.84087 5.83704L6.97982 7.98633L9.10625 5.87014ZM12.5938 9.37451V12.3745H19.8117L14.7202 7.25832L12.5938 9.37451ZM5 9.37451V6.37451H2V9.37451H5ZM5 10.6245H2V13.6245H5V10.6245ZM12.5938 10.6245L14.7137 12.7472L19.8428 7.62451H12.5938V10.6245ZM9.10625 14.1076L6.98626 11.985L4.86005 14.1085L6.98716 16.2312L9.10625 14.1076ZM10 14.9995L7.88091 17.1231L10.0022 19.2399L12.1213 17.1208L10 14.9995ZM15 9.99951L17.1213 12.1208L19.2426 9.99951L17.1213 7.87819L15 9.99951ZM7.90666 2.85057L7.01291 3.7212L11.1996 8.01908L12.0933 7.14845L7.90666 2.85057ZM6.97982 7.98633L10.4673 11.4907L14.7202 7.25832L11.2327 3.75394L6.97982 7.98633ZM12.5938 6.37451H5V12.3745H12.5938V6.37451ZM2 9.37451V10.6245H8V9.37451H2ZM5 13.6245H12.5938V7.62451H5V13.6245ZM10.4738 8.50186L6.98626 11.985L11.2262 16.2303L14.7137 12.7472L10.4738 8.50186ZM6.98716 16.2312L7.88091 17.1231L12.1191 12.876L11.2253 11.9841L6.98716 16.2312ZM12.1213 17.1208L17.1213 12.1208L12.8787 7.87819L7.87868 12.8782L12.1213 17.1208ZM17.1213 7.87819L12.1213 2.87819L7.87868 7.12083L12.8787 12.1208L17.1213 7.87819Z' fill='%23D42027' mask='url(%23path-1-inside-1)'/%3E%3Cmask id='path-3-inside-2' fill='white'%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z'/%3E%3C/mask%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z' fill='%23D42027'/%3E%3Cpath d='M18.75 9.99952L21.75 10.0029V9.99952H18.75ZM17.5 9.99952H20.5L20.5 9.99602L17.5 9.99952ZM10 15.7495C8.86276 15.7495 7.75106 15.4123 6.80547 14.7805L3.47205 19.7693C5.40433 21.0604 7.67607 21.7495 10 21.7495V15.7495ZM6.80547 14.7805C5.85989 14.1486 5.1229 13.2506 4.6877 12.1999L-0.855581 14.496C0.033749 16.6431 1.53978 18.4782 3.47205 19.7693L6.80547 14.7805ZM4.6877 12.1999C4.25249 11.1493 4.13862 9.99314 4.36049 8.87775L-1.52422 7.7072C-1.9776 9.98648 -1.74491 12.349 -0.855581 14.496L4.6877 12.1999ZM4.36049 8.87775C4.58235 7.76236 5.12999 6.7378 5.93414 5.93365L1.6915 1.69101C0.0482317 3.33428 -1.07085 5.42793 -1.52422 7.7072L4.36049 8.87775ZM5.93414 5.93365C6.73829 5.1295 7.76284 4.58187 8.87823 4.36L7.70769 -1.52471C5.42842 -1.07134 3.33477 0.0477434 1.6915 1.69101L5.93414 5.93365ZM8.87823 4.36C9.99363 4.13814 11.1498 4.252 12.2004 4.68721L14.4965 -0.856069C12.3495 -1.7454 9.98697 -1.97809 7.70769 -1.52471L8.87823 4.36ZM12.2004 4.68721C13.2511 5.12241 14.1491 5.8594 14.781 6.80499L19.7698 3.47157C18.4787 1.53929 16.6436 0.0332607 14.4965 -0.856069L12.2004 4.68721ZM14.781 6.80499C15.4128 7.75057 15.75 8.86227 15.75 9.99952H21.75C21.75 7.67559 21.0609 5.40384 19.7698 3.47157L14.781 6.80499ZM15.75 9.99609C15.7483 11.5215 15.1415 12.9839 14.0629 14.0625L18.3056 18.3051C20.5077 16.103 21.7464 13.1172 21.75 10.0029L15.75 9.99609ZM14.0629 14.0625C12.9843 15.1411 11.5219 15.7478 9.99658 15.7495L10.0034 21.7495C13.1177 21.746 16.1034 20.5072 18.3056 18.3051L14.0629 14.0625ZM10 -0.500484C7.9233 -0.500484 5.89323 0.11533 4.16652 1.26908L7.49994 6.2579C8.23996 5.76344 9.10999 5.49952 10 5.49952V-0.500484ZM4.16652 1.26908C2.4398 2.42284 1.09399 4.06272 0.299269 5.98134L5.84255 8.27744C6.18314 7.45517 6.75992 6.75237 7.49994 6.2579L4.16652 1.26908ZM0.299269 5.98134C-0.495451 7.89996 -0.703386 10.0112 -0.298241 12.048L5.58647 10.8774C5.41284 10.0045 5.50195 9.09971 5.84255 8.27744L0.299269 5.98134ZM-0.298241 12.048C0.106903 14.0848 1.10693 15.9557 2.57538 17.4241L6.81802 13.1815C6.18869 12.5522 5.7601 11.7503 5.58647 10.8774L-0.298241 12.048ZM2.57538 17.4241C4.04383 18.8926 5.91476 19.8926 7.95156 20.2978L9.1221 14.413C8.24918 14.2394 7.44736 13.8108 6.81802 13.1815L2.57538 17.4241ZM7.95156 20.2978C9.98836 20.7029 12.0996 20.495 14.0182 19.7003L11.7221 14.157C10.8998 14.4976 9.99501 14.5867 9.1221 14.413L7.95156 20.2978ZM14.0182 19.7003C15.9368 18.9055 17.5767 17.5597 18.7304 15.833L13.7416 12.4996C13.2472 13.2396 12.5443 13.8164 11.7221 14.157L14.0182 19.7003ZM18.7304 15.833C19.8842 14.1063 20.5 12.0762 20.5 9.99952H14.5C14.5 10.8895 14.2361 11.7596 13.7416 12.4996L18.7304 15.833ZM20.5 9.99602C20.4968 7.21317 19.3898 4.54523 17.4221 2.57745L13.1794 6.82009C14.0237 7.66436 14.4986 8.80903 14.5 10.003L20.5 9.99602ZM17.4221 2.57745C15.4543 0.609678 12.7863 -0.497241 10.0035 -0.500482L9.99651 5.49951C11.1905 5.5009 12.3352 5.97582 13.1794 6.82009L17.4221 2.57745Z' fill='%23D42027' mask='url(%23path-3-inside-2)'/%3E%3C/svg%3E%0A");
    }
}

.home2-price-tab-content .item-red .home2-price-tab__item ul li:before {
    content: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.49951C0 5.51039 0.851121 3.60273 2.36613 2.19621C3.88113 0.789688 5.93592 -0.000488281 8.07846 -0.000488281C10.221 -0.000488281 12.2758 0.789688 13.7908 2.19621C15.3058 3.60273 16.1569 5.51039 16.1569 7.49951C16.1569 9.48864 15.3058 11.3963 13.7908 12.8028C12.2758 14.2093 10.221 14.9995 8.07846 14.9995C5.93592 14.9995 3.88113 14.2093 2.36613 12.8028C0.851121 11.3963 0 9.48864 0 7.49951H0ZM7.61745 10.7095L12.2685 5.31151L11.4283 4.68751L7.46234 9.28851L4.65319 7.11551L3.96383 7.88351L7.61745 10.7105V10.7095Z' fill='%23FFE351'/%3E%3C/svg%3E%0A");
}

.home2-price-tab__item {
    background: rgba(249, 249, 249, 0.9);
    -webkit-box-shadow: 1px 4px 10px rgba(212, 32, 39, 0.08);
    box-shadow: 1px 4px 10px rgba(212, 32, 39, 0.08);
    border-radius: 10px;
    padding: 50px 30px 70px 30px;
    position: relative;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px #eee solid;
}

@media screen and (max-width: 1199px) {
    .home2-price__deco {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .home2-price-tab__item {
        /* margin-bottom: 20px; */
    }
}

.home2-price-tab__item .item__icon path {
    fill: #fff;
}

.home2-price-tab__item:hover {
    -webkit-box-shadow: 2px 4px 17px 8px #d4202714;
    box-shadow: 2px 4px 17px 8px #d4202714;
}

.home2-price-tab__item .item__icon {
    width: 45px;
    height: 45px;
    background-color: #d52027;
    position: absolute;
    top: 20px;
    left: 20px;
    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;
}

@media screen and (max-width: 1199px) {
    .home2-price-tab__item .item__icon {
        top: 15px;
        left: 15px;
    }
}

.home2-price-tab__item .highlights-tag {
    position: absolute;
    right: 15px;
    top: -8px;
    padding: 16px 10px 60px 10px;
    font-weight: 700;
    color: #FFE351;
    background-image: url("data:image/svg+xml,%3Csvg width='89' height='120' viewBox='0 0 89 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H89V120L44.5 72L0 120V0Z' fill='%23D42027'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) and (min-width: 1023px) {
    .home2-price-tab__item .highlights-tag {
        right: 7px;
        font-size: 14px;
    }
}

.home2-price-tab__item .item__name {
    font-size: 23px;
    margin-bottom: 0;
}

@media screen and (max-width: 1199px) and (min-width: 1023px) {
    .home2-price-tab__item .item__name {
        font-size: 20px;
    }
}

.home2-price-tab__item .price {
    font-weight: 600;
    margin-top: 15px;
    display: inline-block;
}

@media screen and (min-width: 1024px) {
    .home2-price-tab__item .price {
        /* min-height: 77px; */
    }
}

.home2-price-tab__item .price span {
    display: block;
    line-height: 1.4;
}

.home2-price-tab__item .price del {
    font-size: 23px;
    color: rgba(0, 0, 0, 0.5);
}

.item-red .price del {
    color: rgba(255, 255, 255, 0.801);
}

.home2-price-tab__item .price ins {
    text-decoration: none;
    font-size: 28px;
}

@media screen and (max-width: 1199px) and (min-width: 1023px) {
    .price {
        /* min-height: 67px!important; */
    }

    .home2-price-tab__item .price del {
        font-size: 22px;
    }

    .home2-price-tab__item .price ins {
        font-size: 25px;
    }
}

.home2-price-tab__item .separate {
    width: 70px;
    min-height: 3px;
    max-height: 3px;
    background-color: var(--color-red);
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.home2-price-tab__item .item__desc {
    /* margin-top: auto; */
    font-size: 16px;
    margin-bottom: 0;
}

.home2-price-tab__item ul {
    list-style: none;
    padding-left: 0;
    text-align: left;
    margin-top: 30px;
}

.home2-price-tab__item ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.4;
}

.home2-price-tab__item ul li:before {
    margin-right: 10px;
    transform: translateY(3px);
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    content: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.5C0 5.51088 0.842855 3.60322 2.34315 2.1967C3.84344 0.790176 5.87827 0 8 0C10.1217 0 12.1566 0.790176 13.6569 2.1967C15.1571 3.60322 16 5.51088 16 7.5C16 9.48912 15.1571 11.3968 13.6569 12.8033C12.1566 14.2098 10.1217 15 8 15C5.87827 15 3.84344 14.2098 2.34315 12.8033C0.842855 11.3968 0 9.48912 0 7.5H0ZM7.54347 10.71L12.1493 5.312L11.3173 4.688L7.38987 9.289L4.608 7.116L3.92533 7.884L7.54347 10.711V10.71Z' fill='%23D42027'/%3E%3C/svg%3E%0A");
}

.home2-price-tab__item .item__button {
    background-color: #1cb57a;
    color: #fff;
    font-weight: 700;
    border-radius: 10px;
    padding: 13px 30px 15px 37px;
    margin-top: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    border: 1px solid #1cb57a
}

.home2-price-tab__item .item__button:hover {
    background-color: #fff;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    color: #1cb57a;
}

.home2-price-tab__item .item__button:after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z'/%3E%3C/mask%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z' fill='white'/%3E%3Cpath d='M10 4.99951L12.1213 2.87819L10.0276 0.784492L7.90666 2.85057L10 4.99951ZM9.10625 5.87014L7.01291 3.7212L4.84087 5.83704L6.97982 7.98633L9.10625 5.87014ZM12.5938 9.37451V12.3745H19.8117L14.7202 7.25832L12.5938 9.37451ZM5 9.37451V6.37451H2V9.37451H5ZM5 10.6245H2V13.6245H5V10.6245ZM12.5938 10.6245L14.7137 12.7472L19.8428 7.62451H12.5938V10.6245ZM9.10625 14.1076L6.98626 11.985L4.86005 14.1085L6.98716 16.2312L9.10625 14.1076ZM10 14.9995L7.88091 17.1231L10.0022 19.2399L12.1213 17.1208L10 14.9995ZM15 9.99951L17.1213 12.1208L19.2426 9.99951L17.1213 7.87819L15 9.99951ZM7.90666 2.85057L7.01291 3.7212L11.1996 8.01908L12.0933 7.14845L7.90666 2.85057ZM6.97982 7.98633L10.4673 11.4907L14.7202 7.25832L11.2327 3.75394L6.97982 7.98633ZM12.5938 6.37451H5V12.3745H12.5938V6.37451ZM2 9.37451V10.6245H8V9.37451H2ZM5 13.6245H12.5938V7.62451H5V13.6245ZM10.4738 8.50186L6.98626 11.985L11.2262 16.2303L14.7137 12.7472L10.4738 8.50186ZM6.98716 16.2312L7.88091 17.1231L12.1191 12.876L11.2253 11.9841L6.98716 16.2312ZM12.1213 17.1208L17.1213 12.1208L12.8787 7.87819L7.87868 12.8782L12.1213 17.1208ZM17.1213 7.87819L12.1213 2.87819L7.87868 7.12083L12.8787 12.1208L17.1213 7.87819Z' fill='white' mask='url(%23path-1-inside-1)'/%3E%3Cmask id='path-3-inside-2' fill='white'%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z'/%3E%3C/mask%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z' fill='white'/%3E%3Cpath d='M18.75 9.99952L21.75 10.0029V9.99952H18.75ZM17.5 9.99952H20.5L20.5 9.99602L17.5 9.99952ZM10 15.7495C8.86276 15.7495 7.75106 15.4123 6.80547 14.7805L3.47205 19.7693C5.40433 21.0604 7.67607 21.7495 10 21.7495V15.7495ZM6.80547 14.7805C5.85989 14.1486 5.1229 13.2506 4.6877 12.1999L-0.855581 14.496C0.033749 16.6431 1.53978 18.4782 3.47205 19.7693L6.80547 14.7805ZM4.6877 12.1999C4.25249 11.1493 4.13862 9.99314 4.36049 8.87775L-1.52422 7.7072C-1.9776 9.98648 -1.74491 12.349 -0.855581 14.496L4.6877 12.1999ZM4.36049 8.87775C4.58235 7.76236 5.12999 6.7378 5.93414 5.93365L1.6915 1.69101C0.0482317 3.33428 -1.07085 5.42793 -1.52422 7.7072L4.36049 8.87775ZM5.93414 5.93365C6.73829 5.1295 7.76284 4.58187 8.87823 4.36L7.70769 -1.52471C5.42842 -1.07134 3.33477 0.0477434 1.6915 1.69101L5.93414 5.93365ZM8.87823 4.36C9.99363 4.13814 11.1498 4.252 12.2004 4.68721L14.4965 -0.856069C12.3495 -1.7454 9.98697 -1.97809 7.70769 -1.52471L8.87823 4.36ZM12.2004 4.68721C13.2511 5.12241 14.1491 5.8594 14.781 6.80499L19.7698 3.47157C18.4787 1.53929 16.6436 0.0332607 14.4965 -0.856069L12.2004 4.68721ZM14.781 6.80499C15.4128 7.75057 15.75 8.86227 15.75 9.99952H21.75C21.75 7.67559 21.0609 5.40384 19.7698 3.47157L14.781 6.80499ZM15.75 9.99609C15.7483 11.5215 15.1415 12.9839 14.0629 14.0625L18.3056 18.3051C20.5077 16.103 21.7464 13.1172 21.75 10.0029L15.75 9.99609ZM14.0629 14.0625C12.9843 15.1411 11.5219 15.7478 9.99658 15.7495L10.0034 21.7495C13.1177 21.746 16.1034 20.5072 18.3056 18.3051L14.0629 14.0625ZM10 -0.500484C7.9233 -0.500484 5.89323 0.11533 4.16652 1.26908L7.49994 6.2579C8.23996 5.76344 9.10999 5.49952 10 5.49952V-0.500484ZM4.16652 1.26908C2.4398 2.42284 1.09399 4.06272 0.299269 5.98134L5.84255 8.27744C6.18314 7.45517 6.75992 6.75237 7.49994 6.2579L4.16652 1.26908ZM0.299269 5.98134C-0.495451 7.89996 -0.703386 10.0112 -0.298241 12.048L5.58647 10.8774C5.41284 10.0045 5.50195 9.09971 5.84255 8.27744L0.299269 5.98134ZM-0.298241 12.048C0.106903 14.0848 1.10693 15.9557 2.57538 17.4241L6.81802 13.1815C6.18869 12.5522 5.7601 11.7503 5.58647 10.8774L-0.298241 12.048ZM2.57538 17.4241C4.04383 18.8926 5.91476 19.8926 7.95156 20.2978L9.1221 14.413C8.24918 14.2394 7.44736 13.8108 6.81802 13.1815L2.57538 17.4241ZM7.95156 20.2978C9.98836 20.7029 12.0996 20.495 14.0182 19.7003L11.7221 14.157C10.8998 14.4976 9.99501 14.5867 9.1221 14.413L7.95156 20.2978ZM14.0182 19.7003C15.9368 18.9055 17.5767 17.5597 18.7304 15.833L13.7416 12.4996C13.2472 13.2396 12.5443 13.8164 11.7221 14.157L14.0182 19.7003ZM18.7304 15.833C19.8842 14.1063 20.5 12.0762 20.5 9.99952H14.5C14.5 10.8895 14.2361 11.7596 13.7416 12.4996L18.7304 15.833ZM20.5 9.99602C20.4968 7.21317 19.3898 4.54523 17.4221 2.57745L13.1794 6.82009C14.0237 7.66436 14.4986 8.80903 14.5 10.003L20.5 9.99602ZM17.4221 2.57745C15.4543 0.609678 12.7863 -0.497241 10.0035 -0.500482L9.99651 5.49951C11.1905 5.5009 12.3352 5.97582 13.1794 6.82009L17.4221 2.57745Z' fill='white' mask='url(%23path-3-inside-2)'/%3E%3C/svg%3E%0A");
    height: 16px;
    margin-left: 10px;
}

@media screen and (min-width: 1024px) {
    .home2-price-tab__item .js-details {
        display: none;
    }
}

.home2-price__deco {
    position: absolute;
}

@media screen and (max-width: 1199px) {
    .home2-price__deco {
        display: none;
    }
}

.home2-price__deco1 {
    top: 0;
    right: 0;
}

.home2-price__deco2 {
    top: 45%;
    left: 0%;
}

.home2-price__deco3 {
    bottom: 3%;
    right: 0%;
}

@media screen and (max-width: 1023px) {
    .home2-price-tab__item .js-content {
        position: relative;
        overflow: hidden;
        display: none;
        padding: 0 30px;
        margin-left: -30px;
        margin-right: -30px;
        background-color: #fff;
        border-radius: 0 0 8px 8px;
    }

    .home2-price-tab__item .js-content ul {
        position: relative;
        z-index: 99;
    }

    .home2-price-tab__item .item__button {
        margin-top: 20px;
        margin-bottom: 20px;
        position: relative;
        z-index: 99;
    }

    .home2-price-tab__item {
        padding: 20px 30px 0 30px !important;
    }

    .home2-price-tab-content .item-red .home2-price-tab__item .js-content {
        color: #000;
    }

    .home2-price-tab-content .item-red .home2-price-tab__item ul li:before {
        content: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.5C0 5.51088 0.842855 3.60322 2.34315 2.1967C3.84344 0.790176 5.87827 0 8 0C10.1217 0 12.1566 0.790176 13.6569 2.1967C15.1571 3.60322 16 5.51088 16 7.5C16 9.48912 15.1571 11.3968 13.6569 12.8033C12.1566 14.2098 10.1217 15 8 15C5.87827 15 3.84344 14.2098 2.34315 12.8033C0.842855 11.3968 0 9.48912 0 7.5H0ZM7.54347 10.71L12.1493 5.312L11.3173 4.688L7.38987 9.289L4.608 7.116L3.92533 7.884L7.54347 10.711V10.71Z' fill='%23D42027'/%3E%3C/svg%3E%0A");
    }
}

@media screen and (max-width: 767px) {
    .home2-price-tab__item .separate {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .home2-price-tab__item .price del {
        font-size: 18px;
    }

    .home2-price-tab__item .price ins {
        font-size: 21px;
    }

    .home2-price-tab__item ul {
        margin-top: 10px;
    }

    .home2-price-tab__item .item__button {
        padding: 10px 20px 12px 20px;
    }

    .home2-price-tab__item .item__name {
        font-size: 23px;
        margin-bottom: 5px;
    }

    .home2-price-tab__item .highlights-tag {
        padding: 16px 10px 36px 10px;
        background-size: 100% 100%;
        font-size: 12px;
    }

    .home2-price-tab__item .item__desc {
        font-size: 15px;
    }
}


.customers {
    padding: 81px 0 33px;
}

.customers h2 {
    margin: 0 0 12px;
    font-size: 35px;
    font-weight: bold;
    color: #096f47;
}

.customers p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    color: #7d8492;
    margin: 0 0 10px;
}

.customers .swiper-container {
    padding: 30px 80px 70px;
    margin: 0 -80px;
}

.customers .swiper-container:before,
.customers .swiper-container:after {
    content: "";
    width: calc(100% - 160px);
    height: calc(100% - 100px);
    border-radius: 25px;
    background-color: #fff;
    opacity: .4;
    box-shadow: 0 10px 50px 0 rgba(20, 42, 87, .1);
    position: absolute;
    top: 92px;
    left: 80px;
    z-index: -2;
    transform: scale(.83);
}

.customers .swiper-container:after {
    z-index: -1;
    transform: scale(.93);
    top: 58px;
}

.customers .swiper-button-prev,
.customers .swiper-button-next {
    width: 57px;
    height: 57px;
    box-shadow: 0 3px 50px 0 rgba(20, 42, 87, .1);
    background: #fff;
    line-height: 57px;
    border-radius: 50%;
    font-size: 36px;
    top: calc(50% - 20px);
    transform: translateY(-50%);
    margin: 0;
}

.customers .swiper-button-prev:focus,
.customers .swiper-button-prev:hover,
.customers .swiper-button-next:focus,
.customers .swiper-button-next:hover {
    color: #0fd186;
}

.customers .swiper-button-prev,
.customers .swiper-button-next {
    color: #0fd186;
}

.customers .swiper-button-prev {
    left: 52px;
}

.customers .swiper-button-next {
    right: 52px;
}

.customers .swiper-pagination {
    bottom: 93px;
}

.customers .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #e1e1e1;
    border-radius: 50%;
    opacity: 1;
    vertical-align: text-bottom;
}

.customers .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0fd186;
}

.customers .item {
    border-radius: 25px;
    background-color: #fff;
    box-shadow: 0 10px 50px 0 rgba(20, 42, 87, .1);
    padding: 50px 50px 73px;
    height: auto;
}

.customers .item p {
    font-size: 16px;
    line-height: 24px;
    color: #7d8492;
    margin: 0 0 17px;
}

.customers .item .avatar {
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
}

.customers .item .avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-indent: -99999px;
}

.customers .item .avatar:after {
    content: "";
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: url("../images/icon-quote.png") no-repeat center center #fff;
    position: absolute;
    left: -23px;
    bottom: -3px;
    box-shadow: 0 10px 50px 0 rgba(20, 42, 87, .1);
}

.customers .item span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #a1a3a6;
    margin: 21px 0 0;
}

.customers .item span strong {
    font-weight: 500;
    color: #0fd186;
}

.customers .video {
    border-radius: 25px;
    background-color: #fff;
    box-shadow: 0 10px 50px 0 rgba(20, 42, 87, .1);
    overflow: hidden;
    height: auto;
    position: relative;
}

.customers .video a:after {
    content: "";
    font-family: "FontAwesome";
    font-size: 30px;
    color: #fff;
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: rgba(0, 0, 0, .5);
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
}

.customers .video a img {
    max-width: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .customers {
        padding: 60px 0 33px;
    }

    .customers h2 {
        font-size: 38px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .customers {
        padding: 50px 0 0;
    }

    .customers h2 {
        font-size: 36px;
    }

    .customers p {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .customers {
        padding: 40px 0 0;
    }

    .customers h2 {
        font-size: 26px;
    }

    .customers p {
        font-size: 18px;
    }

    .customers .swiper-container {
        padding-bottom: 40px;
    }

    .customers .swiper-pagination {
        bottom: 60px;
    }

    .customers .item {
        padding: 25px 15px 55px;
    }
}

.customers .swiper-button-next:after {
    display: none;
}

.customers .swiper-button-prev:after {
    display: none;
}

.block-contact {
    background: url("../images/bg-register-bottom.jpg");
    background-position: center;
    color: #fff;
    clear: both;
    background-size: cover;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.block-contact .item img {
    width: 58px;
}

.block-contact .item .desc a {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.block-contact .item .desc .my-auto p {
    color: #fff;
}

.site-pane__list [class*='col-'] {
    padding-left: 10px;
    padding-right: 10px;
}

.site-pane .item {
    text-align: center;
    height: 120px;
    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;
    border: 1px solid #e4e2e2;
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
}

.site-pane .item img {
    width: auto;
    margin: 0 auto;
}

.contact-part .section__title {
    font-size: 30px;
    color: #096f47;
    margin-bottom: 10px;
}

.contact-part .title-phone {
    text-align: center;
    padding-bottom: 26px;
}

.contact-part .title-phone a {
    color: #d52027;
    font-size: 30px;
    font-weight: bold;
}

.contact-part {
    background-color: inherit !important;
    padding: 40px 0;
}

.contact-part .note {
    text-align: center;
    color: #fff;
    font-style: italic;
}

.contact-part.banner-1.bg_img form {
    margin-top: 85px;
}


.faq h2 {
    text-align: center;
    margin: 0 0 12px;
    font-size: 35px;
    font-weight: bold;
    color: #096f47;
    margin-bottom: 35px;
}

.faq .question {
    margin-bottom: 5px;
}

.faq .row {
    margin-left: -2px;
    margin-right: -2px;
}

.faq .row .col-md-6 {
    padding-left: 2px;
    padding-right: 2px;
}

.faq .question.active h4 {
    color: #d52027;
}

.faq .question.active h4 i {
    transform: rotate(180deg);
}

.faq .question.active p {
    display: block;
}

.faq .question h4 {
    color: #42464e;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0;
    position: relative;
    letter-spacing: -.5px;
    cursor: pointer;
    padding-right: 35px;
    background: #d6ede4;
    padding: 20px;
    border: 1px solid #35d899;
    padding-right: 30px;
}

.faq .question h4:before {
    content: attr(data-number);
    margin-right: 5px;
}

.faq .question h4 i {
    position: absolute;
    top: 20px;
    right: 13px;
    line-height: 24px;
    font-size: 20px;
}

.faq .question p {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    display: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 20px;
}

.price-js-show-more {
    margin: 15px -30px 0 -30px;
}

.price-js-show-more button {
    border: none;
    outline: none;
    padding: 10px;
    background-color: #fff;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid transparent;
    border-radius: 0 0 8px 8px;
    font-size: 16px;
}

.price-js-show-more button:after {
    content: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.40625 1L6.40625 6L11.4062 1' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    margin-left: 10px;
    display: inline-block;
    width: 26px;
    height: 26px;
}

.price-js-show-more.clicked button:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.price-js-show-more.clicked button {
    border-bottom-color: #ededed;
    border-radius: unset;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .faq {
        padding: 60px 0;
    }

    .faq .question h4 {
        padding-right: 15px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .faq {
        padding: 40px 0;
    }

    .faq h2 {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    header .top {
        display: none !important;
    }

    .banner-1.bg_img form h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .hero-content h3 {
        font-size: 30px;
        line-height: 33px;
    }

    .hero-content p {
        font-size: 16px;
    }

    .hero-content h1 {
        margin-bottom: 10px;
    }

    .banner-1.bg_img form .item {
        margin-bottom: 10px;
    }

    .banner-1.bg_img form {
        padding: 25px 15px;
        margin-top: 10px;
    }

    .home-services-list {
        padding: 0
    }

    .home-services-list .section__title {
        font-size: 30px;
    }

    .home-services-list .col-lg-4 {
        margin-bottom: 20px;

        visibility: visible !important;
    }

    .home-services-list-inner {
        margin-top: 29px;
    }

    .customers {
        width: 100%;
        overflow: hidden;
    }

    .ld-sellatwebsite .tutorial {
        visibility: visible !important;
    }

    .index-container {
        visibility: visible !important;
    }

    .giaodien_new {
        visibility: visible !important;
    }

    .home2-price-tab-content .tab-pane .row [class*='col-'] {
        visibility: visible !important;
    }

    .customers {
        visibility: visible !important;
    }

    .faq {
        visibility: visible !important;

    }

    .site-pane__list [class*='col-'] {
        visibility: visible !important;
    }
}

@media (max-width: 767px) {
    .faq {
        padding: 40px 0 30px;
    }

    .faq h2 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .hero-content h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .hero-content p {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .banner-1 {
        margin-bottom: 10px;
        background-image: unset !important;
    }

    .home-services-list .section__title {
        font-size: 22px;
        line-height: 28px;
    }

    .home-services-list .section__desc {
        font-size: 16px;
    }

    .site-services_item p {
        margin-bottom: 20px !important;
    }

    .site-services_item h3 a {
        margin: 0;
    }

    .banner-1.bg_img form .item input[type=text] {
        height: 35px;
    }

    .banner-1.bg_img form .item input[type=submit] {
        height: 35px;
    }

    .ld-sellatwebsite .tutorial h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .ld-sellatwebsite .tutorial p {
        font-size: 16px;
    }

    .ld-sellatwebsite .tutorial h2 {
        margin-bottom: 7px;
    }

    .giaodien_new h2 {
        font-size: 25px;
    }

    .giaodien_new .content-giaodien_new {
        margin-top: 0;
    }

    .contact-part.banner-1.bg_img form {
        margin-top: 0px;
    }

    .contact-part .section__title {
        font-size: 25px;
        margin-bottom: 0;
    }

    .ld-sellatwebsite .tutorial .slide-create-web .swiper-slide .item:before {
        display: none;
    }

    .customers {
        padding-top: 0;
    }

    .site-services_item h3 a {
        font-size: 20px;
    }

    .ld-sellatwebsite .tutorial {
        padding-bottom: 0;
    }

    .contact-part.banner-1.bg_img {
        padding-top: 0;
        padding-bottom: 0;
    }

    .contact-part .site-pane .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .contact-part .site-pane .col-md-7 .row .col-md-4 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .index-container .optimize .list_category .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .index-container .optimize .list_category .row .col-lg-2 {
        padding-left: 5px;
        padding-right: 5px;
    }
}


.index-container .banner .account-login {
    position: absolute;
    color: #b4b8bb;
    top: 64px;
    right: 15px;
    z-index: 20;
    width: 50%;
    font-size: 14px;
    font-weight: 300;
    text-align: right;
    opacity: 0;
}

.index-container .banner .account-login a {
    color: #b4b8bb;
}

.index-container .index-title h1 {
    font-size: 36px;
    text-align: center;
    color: #096f47;
    font-weight: bold;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 10px;
}

.index-container .index-title p {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    color: #42464e;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.index-container .feature-themes .slide-feature {
    position: relative;
    margin-top: 25px;

}


.index-container .feature-themes .feature-item .feature-image {
    position: relative;
}

.index-container .feature-themes .feature-item .feature-image .image-desktop {
    background: url("../images/bg-feature-image-desktop.png") no-repeat center bottom;
    width: 730px;
    height: 460px;
    padding-top: 62px;
    padding-left: 80px;
    margin-left: -80px;
    margin-bottom: -65px;
}

.index-container .feature-themes .feature-item .feature-image .image-desktop a {
    display: block;
    width: 570px;
    height: 372px;
    overflow: hidden;
}

.index-container .feature-themes .feature-item .feature-image .image-desktop a img {
    width: 100%;
    height: auto;
}

.index-container .feature-themes .feature-item .feature-image .image-mobile {
    background: url("../images/bg-feature-image-mobile.png") no-repeat center center;
    width: 260px;
    height: 395px;
    position: absolute;
    z-index: 9;
    bottom: -78px;
    right: 45px;
    padding-top: 53px;
    padding-left: 24px;
}

.index-container .feature-themes .feature-item .feature-image .image-mobile a {
    display: block;
    width: 212px;
    height: 291px;
    overflow: hidden;
}

.index-container .feature-themes .feature-item .feature-image .image-mobile a img {
  width: 96%;
height: auto;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
margin: 0 4px;
}

.index-container .feature-themes .feature-item .feature-info {
    padding-left: 0;
}

.index-container .feature-themes .feature-item .feature-info .title {
    font-size: 20px;
    color: #42464e;
    margin-top: 55px;
    border-bottom: 1px solid #c8e3d9;
    padding-bottom: 13px;
    font-weight: 300;
}

.index-container .feature-themes .feature-item .feature-info .title span {
    display: block;
    font-weight: bold;
    font-size: 30px;
    color: #42464e;
}

.index-container .feature-themes .feature-item .feature-info .other-info {
    padding: 13px 0 30px;
}

.index-container .feature-themes .feature-item .feature-info .other-info .price {
    display: inline-block;
    font-size: 12px;
}

.index-container .feature-themes .feature-item .feature-info .other-info .price.has-compare b {
    color: #e72b2c;
    display: inline-block;
    margin-right: 8px;
}

.index-container .feature-themes .feature-item .feature-info .other-info .price.has-compare i {
    display: inline-block;
    margin-left: 8px;
    text-decoration: line-through;
    font-size: 16px;
    color: #42464e;
    font-style: normal;
}

.index-container .feature-themes .feature-item .feature-info .other-info .price b {
    font-weight: 700;
    font-size: 28px;
    color: #42464e;
}

.index-container .feature-themes .feature-item .feature-info .button .preview {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    border-radius: 22px;
    padding: 0 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    background-image: -moz-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -webkit-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -ms-linear-gradient(0deg, #0fd186 0%, #35d899 100%);

    margin-left: 5px;
    text-transform: uppercase;
}

.index-container .feature-themes .feature-item .feature-info .button .view-detail {
    display: inline-block;
    border: 1px solid #32d898;
    height: 45px;
    line-height: 43px;
    border-radius: 22px;
    padding: 0 50px;
    color: #11d187;
    font-size: 18px;
    font-weight: 400;
    background: #fff;
}

.index-container .feature-themes .swiper-button-prev,
.index-container .feature-themes .swiper-button-next {
    background: none;
    width: 26px;
    height: 14px;
}

.index-container .feature-themes .swiper-button-prev:before,
.index-container .feature-themes .swiper-button-next:before {
    content: "";
    width: 26px;
    height: 14px;
    position: absolute;
    background: url("../images/arrow-fade.png") no-repeat center center;
    background-size: contain;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.index-container .feature-themes .swiper-button-prev:hover:before,
.index-container .feature-themes .swiper-button-next:hover:before {
    background: url("../images/arrow.png") no-repeat center center;
}

.index-container .feature-themes .swiper-button-prev {
    bottom: 110px;
    top: auto;
    right: 400px;
    left: auto;
}

.index-container .feature-themes .swiper-button-prev:before {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
}

.index-container .feature-themes .swiper-button-prev:hover:before {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}

.index-container .feature-themes .swiper-button-next {
    bottom: 110px;
    top: auto;
    right: 360px;
}

.index-container .feature-themes .swiper-button-next:hover:before {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
}

.index-container .feature-themes .feature-item {
    padding: 0;
    border: 0;
}

.index-container .feature-themes .row {
    width: 100%;
}

.optimize {
    display: inline-block;
    width: 100%;
    background: url('../images/decor.png');
}


/* css detail product */
.detail-container b sub,
.detail-container i sub {
    bottom: 6px;
    right: 2px;
}

.detail-container .theme-intro {
    background: url("../images/bg-detail.png") no-repeat top center;
    overflow: hidden;
    padding: 50px 0 0;
    position: relative;
}

.detail-container .theme-intro:after {
    content: "";
    width: 770px;
    height: 576px;
    background: url("../images/shape-detail.png") no-repeat top right;
    position: absolute;
    right: 0;
    bottom: -25px;
    z-index: 0;
}

.detail-container .theme-intro .container {
    position: relative;
    z-index: 1;
}

.detail-container .theme-intro .nopading-right {
    padding-right: 0;
}

.detail-container .theme-intro.mobile .theme-image .image-desktop {
    background: url("../images/bg-mobile-theme-demo-tablet.png") no-repeat center center;
    width: 684px;
    height: 514px;
    padding: 22px 0 0 80px;
    bottom: 10px;
    right: 0;
}

.detail-container .theme-intro.mobile .theme-image .image-desktop a {
    display: block;
    width: 518px;
    height: 400px;
    overflow: hidden;
}

.detail-container .theme-intro.mobile .theme-image .image-desktop a img {
    width: 100%;
}

.detail-container .theme-intro.mobile .theme-image .image-mobile {
    background: url("../images/bg-mobile-theme-demo-mobile.png") no-repeat center center;
    width: 259px;
    height: 417px;
    padding: 43px 0 0 42px;
    left: 25px;
}

.detail-container .theme-intro.mobile .theme-image .image-mobile a {
    display: block;
    width: 166px;
    height: 292px;
    overflow: hidden;
}

.detail-container .theme-intro.mobile .theme-image .image-mobile a img {
    width: 100%;
}

.detail-container .theme-intro .theme-image {
    text-align: right;
    position: relative;
    min-height: 510px;
}

.detail-container .theme-intro .theme-image .image-desktop {
    background: url("../images/bg-image-desktop-detail.png") no-repeat center center;
    width: 636px;
    background-size: cover;
    height: 597px;
    overflow: hidden;
    padding: 69px 33px 0 33px;
    position: absolute;
    bottom: -40px;
    right: 40px;
}

.detail-container .theme-intro .theme-image .image-desktop a {
    display: inline-block;
    width: 100%;
}

.detail-container .theme-intro .theme-image .image-desktop img {
    width: 100%;
}

.detail-container .theme-intro .theme-image .image-mobile {
    position: absolute;
    bottom: -64px;
    right: -20px;

    width: 282px;
    height: 474px;
    overflow: hidden;
    padding-top: 59px;
    padding-right: 43px;
}

.detail-container .theme-intro .theme-image .image-mobile img {
    width: 197px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.detail-container .theme-intro h1 {
    margin: 0 0 20px;
    font-size: 20px;
    color: #42464e;
    font-weight: normal;
    line-height: 1.2;
    font-weight: 300;
}

.detail-container .theme-intro h1 span {
    display: block;
    font-size: 40px;
    color: #42464e;
    font-weight: bold;
    margin-top: 6px;
}

.detail-container .theme-intro .desc {
    font-size: 16px;
    color: #42464e;
    margin-bottom: 25px;
    font-weight: 400;
}

.detail-container .theme-intro .other-info {
    padding-bottom: 20px;
    border-top: 1px solid #c8e3d9;
    margin-bottom: 18px;
    padding-top: 25px;
}

.detail-container .theme-intro .other-info .price {
    color: #42464e;
    font-size: 12px;
    line-height: 20px;
}

.detail-container .theme-intro .other-info .price b {
    font-weight: bold;
    font-size: 28px;
}

.detail-container .theme-intro .other-info .price.has-compare b {
    color: #e72b2c;
}

.detail-container .theme-intro .other-info .price.has-compare i {
    text-decoration: line-through;
    font-size: 16px;
    color: #42464e;
    font-style: normal;
}

.detail-container .theme-intro .theme-action a {
    display: block;
    height: 50px;
    line-height: 50px;
    border-radius: 27px;
    width: 240px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

.detail-container .theme-intro .theme-action a:hover {
    text-decoration: none;
}

.detail-container .theme-intro .theme-action .install-theme {
    color: #fff;
    background-image: -moz-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -webkit-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -ms-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    margin-bottom: 15px;
    outline: none;
}

.detail-container .theme-intro .theme-action .view-demo {
    border: 1px solid #77e5ba;
    color: #11d187;
    outline: none;
    line-height: 48px;
    background: none;
}

.detail-container .theme-intro .countdown {
    margin-top: 40px;
    margin-bottom: 60px;
}

.detail-container .theme-intro .countdown h4 {
    font-size: 16px;
    font-weight: 700;
    color: #42464e;
    display: block;
    margin-bottom: 10px;
}

.detail-container .theme-intro .countdown .timer {
    display: flex;
}

.detail-container .theme-intro .countdown .timer .itime {
    font-size: 30px;
    font-weight: 500;
    color: #12d287;
    position: relative;
    padding: 0 20px;
    font-weight: 500;
}

.detail-container .theme-intro .countdown .timer .itime:before {
    content: "";
    width: 1px;
    height: 25px;
    background: #b2cbc1;
    position: absolute;
    top: 10px;
    left: 0;
    transform: rotate(30deg);
}

.detail-container .theme-intro .countdown .timer .itime:first-child {
    padding-left: 0;
}

.detail-container .theme-intro .countdown .timer .itime:first-child:before {
    content: none;
}

.detail-container .theme-intro .countdown .timer .itime:last-child {
    padding-right: 0;
}

.detail-container .theme-intro .countdown .timer .itime span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #077f50;
}

.detail-container .theme-detail {
    padding-top: 0;
    position: relative;
    z-index: 1;
}

.detail-container .theme-detail .detail-feature {
    color: #525252;
    font-size: 16px;
    line-height: 1.5em;
}

.detail-container .theme-detail .detail-feature img {
    max-width: 100%;
}

.detail-container .theme-detail .developer-info {
    background: #fff;
    border-bottom: solid 1px #ebebeb;
    height: 70px;
    box-shadow: 0 0 30px 0 rgba(31, 147, 100, .12);
}

.detail-container .theme-detail .developer-info h4 {
    margin: 0 0;
    font-size: 20px;
    color: #42464e;
    font-weight: 300;
    line-height: 70px;
    display: inline-block;
}

.detail-container .theme-detail .developer-info h4 span {
    font-weight: bold;
}

.detail-container .theme-detail .developer-info .line-text {
    display: inline-block;
    float: right;
}

.detail-container .theme-detail .developer-info .line-text a {
    line-height: 70px;
    font-size: 16px;
    font-weight: 400;
    color: #42464e;
    padding-left: 32px;
    margin-right: 60px;
}

.detail-container .theme-detail .developer-info .line-text a:last-child {
    margin-right: 0;
}

.detail-container .theme-detail .developer-info .line-text a:hover {
    color: #0fd186;
    text-decoration: none;
}

.detail-container .theme-detail .developer-info .line-text .contact {
    background: url("../images/phone-contact.png") no-repeat center left;

}

.detail-container .theme-detail .developer-info .line-text .rule {
    background: url("../images/dieukhoan.png") no-repeat center left;

}

.detail-container .theme-detail .developer-info .line-text .guide {
    background: url("../images/tutorial.png") no-repeat center left;

}

.detail-container .theme-detail .info-theme {
    background: #fff;
    position: relative;
    z-index: 1;
    padding-top: 70px;
}

.detail-container .theme-detail .detail-feature {
    padding-right: 30px;
}

.detail-container .theme-detail .detail-feature .content-theme.setheight {
    max-height: 650px;
    overflow: hidden;
}

.detail-container .theme-detail .detail-feature .content-theme .title-h h2 {
    font-size: 36px;
    font-weight: bold;
    color: #096f47;
    margin-bottom: 30px;
}

.detail-container .theme-detail .detail-feature .content-theme.setheight.expand {
    height: initial;
    overflow: auto;
    max-height: initial;
}

.detail-container .theme-detail .detail-feature .off {
    display: none;
}

.detail-container .theme-detail .detail-feature .more-info {
    text-align: center;
    color: #096f47;
    font-size: 16px;
    position: relative;
    cursor: pointer;
}

.detail-container .theme-detail .detail-feature .more-info:before {
    background-color: rgba(255, 255, 255, .8);
    display: block;
    content: "";
    height: 55px;
    position: absolute;
    top: -55px;
    width: 100%;
    left: 0;
}

.detail-container .theme-detail .detail-feature .more-info.less:before {
    content: none;
}

.detail-container .theme-detail .detail-feature .more-info i:before {
    font-size: 12px;
}

.detail-container .theme-detail .sidebar-theme {
    display: block;
}

.detail-container .theme-detail .sidebar-theme.fixed {
    position: fixed;
    top: 0;
    margin-top: 80px;
    width: 262px;
}

.detail-container .theme-detail .sidebar-theme .theme-action {
    margin-bottom: 20px;
    display: inline-block;
    clear: both;
    height: auto;
    background: none;
}

.detail-container .theme-detail .sidebar-theme .theme-action a {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 27px;
    text-align: center;
}

.detail-container .theme-detail .sidebar-theme .theme-action .view-demo {
    border: 1px solid #77e5ba;
    color: #11d187;
    outline: none;
    line-height: 48px;
    display: block;
    height: 50px;
    border-radius: 27px;
    width: 240px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

.detail-container .theme-detail .suggest-tag h3 {
    padding: 0 0 0;
    margin: 0 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 20px;
}

.detail-container .theme-detail .suggest-tag h3 span {
    font-size: 20px;
    color: #096f47;
    display: inline-block;
    border-bottom: 1px solid #096f47;
    padding-bottom: 25px;
    font-weight: 700;
}

.detail-container .theme-detail .suggest-tag ul {
    padding: 0;
    margin: 0;
}

.detail-container .theme-detail .suggest-tag ul li {
    color: #42464e;
    font-size: 16px;
    margin-bottom: 3px;
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 8px;
    list-style: none;
    padding-left: 20px;
    margin-top: 8px;
    position: relative;
    font-weight: 400;
}

.detail-container .theme-detail .suggest-tag ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.detail-container .theme-detail .suggest-tag ul li:before {
    content: "";
    width: 7px;
    height: 7px;
    background: #096f47;
    border-radius: 7px;
    position: absolute;
    left: 0;
    top: 9px;
}

.detail-container .theme-detail .suggest-tag ul li:hover {
    color: #1ca4dd;
}

.detail-container .theme-detail .suggest-tag ul li a {
    color: #7c7c7c;
    display: block;
}

.detail-container .theme-detail .suggest-tag ul li a:hover {
    color: #2ad794;
    text-decoration: none;
}

.detail-container .create-website {
    margin: 80px 0 120px;
}

.detail-container .create-website .container {
    color: #525252;
}

.detail-container .create-website .container .bg {
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    position: relative;
}

.detail-container .create-website .container .bg img {
    max-width: 100%;
}

.detail-container .create-website .container .bg h4 {
    position: absolute;
    font-size: 22px;
    color: #03955d;
    font-weight: 400;
    line-height: 1.3;
    margin-top: -15px;
}

.detail-container .create-website .container .bg h4:before {
    content: "";
    width: 24px;
    height: 44px;
    background: url(/Themes/Portal/Default/Styles/images/detail/new/arrow.png) no-repeat top right;
    position: absolute;
    right: 50%;
    bottom: -40px;
    margin-right: -195px;
}

.detail-container .create-website .container .btn-registration {
    height: 65px;
    line-height: 65px;
    padding: 0 60px;
    margin-top: 30px;
    background-image: -moz-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -webkit-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -ms-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    position: absolute;
    bottom: -30px;
    font-size: 24px;
}

.detail-container .themes-related {
    margin-bottom: 50px;
}

.detail-container .themes-related h2 {
    color: #096f47;
    font-size: 36px;
    margin: 0 0 45px;
    font-weight: bold;
}

.detail-container .themes-related .slide-related {
    margin: -30px;
    position: relative;
}

.detail-container .themes-related .slide-related .swiper-container {
    padding: 30px;
}

.detail-container .themes-related .slide-related .swiper-slide {
    width: 265px;
    margin-right: 30px;
}

.detail-container .themes-related .slide-related .swiper-button-prev,
.detail-container .themes-related .slide-related .swiper-button-next {
    background: none;
    width: 26px;
    height: 14px;
    outline: none;
    top: 50%;
}

.detail-container .themes-related .slide-related .swiper-button-prev:before,
.detail-container .themes-related .slide-related .swiper-button-next:before {
    content: "";
    width: 26px;
    height: 14px;
    position: absolute;
    background: url(/Themes/Portal/Default/Styles/images/index/new/arrow-fade.png) no-repeat center center;
    background-size: contain;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.detail-container .themes-related .slide-related .swiper-button-prev:hover:before,
.detail-container .themes-related .slide-related .swiper-button-next:hover:before {
    background: url(/Themes/Portal/Default/Styles/images/index/new/arrow.png) no-repeat center center;
}

.detail-container .themes-related .slide-related .swiper-button-prev {
    left: -15px;
    right: auto;
}

.detail-container .themes-related .slide-related .swiper-button-prev:before {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
}

.detail-container .themes-related .slide-related .swiper-button-prev:hover:before {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}

.detail-container .themes-related .slide-related .swiper-button-next {
    right: -15px;
    left: auto;
}

.detail-container .themes-related .slide-related .swiper-button-next:hover:before {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
}

.detail-container .themes-related .theme-item {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -webkit-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -moz-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -o-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    -os-box-shadow: 0 0 40px 0 rgba(16, 155, 98, .12);
    max-height: 386px;
    overflow: hidden;
    margin-bottom: 40px;
}

.detail-container .themes-related .theme-item.mobile {
    border: none;
    min-height: 386px;
}

.detail-container .themes-related .theme-item.mobile .theme-image {
    background: url(/Themes/Portal/Default/Styles/images/index/bg-theme-mobile.png) no-repeat top center;
    border: none;
    text-align: center;
    padding-top: 42px;
}

.detail-container .themes-related .theme-item.mobile .theme-image img {
    width: 168px;
}

.detail-container .themes-related .theme-item.mobile .theme-info {
    border-radius: 0 0 5px 5px;
}

.detail-container .themes-related .theme-item.mobile .theme-info .ti-info-alt {
    position: absolute;
    bottom: 110px;
    right: 25px;
    color: #b6b6b6;
    font-size: 20px;
}

.detail-container .themes-related .theme-item.mobile .theme-info .tooltip {
    font-size: 12px;
    opacity: 1 !important;
}

.detail-container .themes-related .theme-item.mobile .theme-info .tooltip .tooltip-arrow {
    display: none;
}

.detail-container .themes-related .theme-item.mobile .theme-info .tooltip .tooltip-inner {
    background: #fff;
    padding: 5px;
    font-size: 12px;
    width: 320px;
    max-width: 320px;
    text-align: left;
    color: #797777;
    border: 1px solid #e1e1e1;
    position: relative;
    box-shadow: #e1e1e1 0 0 15px 5px;
}

.detail-container .themes-related .theme-item.mobile .theme-info .tooltip .tooltip-inner:after,
.detail-container .themes-related .theme-item.mobile .theme-info .tooltip .tooltip-inner:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.detail-container .themes-related .theme-item.mobile .theme-info .tooltip .tooltip-inner:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 7px;
    margin-left: -7px;
}

.detail-container .themes-related .theme-item.mobile .theme-info .tooltip .tooltip-inner:before {
    border-color: rgba(225, 225, 225, 0);
    border-bottom-color: #e1e1e1;
    border-width: 8px;
    margin-left: -8px;
}

.detail-container .themes-related .theme-item .theme-image {
    position: relative;
    height: 285px;
    overflow: hidden;
}

.detail-container .themes-related .theme-item .theme-image img {
    width: 100%;
    position: relative;
}

.detail-container .themes-related .theme-item .theme-image:hover .theme-action {
    height: 100%;
}

.detail-container .themes-related .theme-item .theme-image .theme-action {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    text-align: center;
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}

.detail-container .themes-related .theme-item .theme-image .theme-action:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}

.detail-container .themes-related .theme-item .theme-image .theme-action .button {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.detail-container .themes-related .theme-item .theme-image .theme-action a {
    display: block;
    width: 165px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    margin: 0 auto;
    font-weight: 400;
}

.detail-container .themes-related .theme-item .theme-image .theme-action a:hover {
    text-decoration: none;
}

.detail-container .themes-related .theme-item .theme-image .theme-action a.view-demo {
    color: #fff;
    background-image: -moz-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -webkit-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    background-image: -ms-linear-gradient(0deg, #0fd186 0%, #35d899 100%);
    margin-bottom: 15px;
}

.detail-container .themes-related .theme-item .theme-image .theme-action a.view-detail {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
}

.detail-container .themes-related .theme-item .theme-info {
    padding: 25px;
    border-top: 0 solid #e1e1e1;
    background: #fff;
}

.detail-container .themes-related .theme-item .theme-info h3 {
    font-size: 18px;
    font-weight: 400;
    color: #096f47;
    margin: 0;
}

.detail-container .themes-related .theme-item .theme-info h3 a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #096f47;
    margin-bottom: 5px;
    height: 23px;
    overflow: hidden;
}

.detail-container .themes-related .theme-item .theme-info .price {
    display: block;
    font-size: 16px;
}

.detail-container .themes-related .theme-item .theme-info .price b {
    color: #4e4747;
    font-weight: bold;
}

.detail-container .themes-related .theme-item .theme-info .price.has-compare b {
    color: #e61919;
}

.detail-container .themes-related .theme-item .theme-info .price.has-compare i {
    text-decoration: line-through;
    font-size: 12px;
    color: #4e4747;
    font-style: normal;
}

@media (max-width: 1199px) {
    .header .extra-header {
        background: #edfbf5;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .detail-container .theme-intro {
        padding: 40px 0 0;
    }

    .detail-container .theme-intro:after {
        right: -400px;
    }

    .detail-container .theme-intro.mobile {
        overflow: hidden;
    }

    .detail-container .theme-intro.mobile .theme-image {
        min-height: 500px;
    }

    .detail-container .theme-intro.mobile .theme-image .image-desktop {
        right: -50px;
        bottom: -20px;
    }

    .detail-container .theme-intro.mobile .theme-image .image-mobile {
        left: -10px;
        bottom: 15px;
    }

    .detail-container .theme-intro h1 {
        font-size: 18px;
    }

    .detail-container .theme-intro h1 span {
        font-size: 32px;
    }

    .detail-container .theme-intro .theme-image {
        min-height: 465px;
    }

    .detail-container .theme-intro .theme-image .image-desktop {
        width: 530px;
        height: 485px;
        background-size: cover;
        padding-left: 35px;
        padding-top: 50px;
        padding-right: 28px;
        padding-left: 28px;
        left: 30px;
        overflow: hidden;
        padding: 69px 28px 0 29px;
        position: absolute;
        bottom: -40px;
        right: 40px;
    }

    .detail-container .theme-intro .theme-image .image-desktop img {
        width: 100%;
    }

    .detail-container .theme-intro .theme-image .image-mobile {
        right: -30px;
        width: 282px;
        height: 400px;
        overflow: hidden;
        padding-top: 50px;
        padding-right: 58px;
        background-size: contain;
    }

    .detail-container .theme-intro .theme-image .image-mobile img {
        width: 165px;
    }

    .detail-container .theme-detail .developer-info h4 {
        font-size: 18px;
    }

    .detail-container .theme-detail .developer-info .line-text a {
        margin-right: 20px;
    }

    .detail-container .theme-detail .info-theme {
        padding-top: 50px;
    }

    .detail-container .create-website .container .intro {
        padding: 35px 0 35px 30px;
    }

    .detail-container .create-website .container .intro h4 {
        font-size: 24px;
    }

    .detail-container .create-website .container .intro img {
        display: none;
    }

    .detail-container .create-website .container .btn-registration {
        margin-top: 20px;
        height: 55px;
        line-height: 55px;
    }

    .detail-container .theme-detail .sidebar-theme.fixed {
        width: 210px;
    }

    .detail-container .theme-detail .developer-info .text-center a.contact {
        margin-bottom: 10px;
    }

    .detail-container .themes-related .slide-related .swiper-button-prev {
        left: 0;
    }

    .detail-container .themes-related .slide-related .swiper-button-next {
        right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .detail-container .theme-intro {
        padding: 40px 0 0;
    }

    .detail-container .theme-intro .nopading-right {
        padding-right: 15px;
    }

    .detail-container .theme-intro:after {
        content: none;
    }

    .detail-container .theme-intro.mobile {
        overflow: hidden;
    }

    .detail-container .theme-intro.mobile .theme-image .image-desktop {
        right: auto;
        left: 25px;
        bottom: 0;
    }

    .detail-container .theme-intro h1 {
        margin-top: 0;
        text-align: center;
    }

    .detail-container .theme-intro .other-info {
        text-align: center;
    }

    .detail-container .theme-intro .other-info .price {
        float: none !important;
        display: block;
        margin-bottom: 10px;
    }

    .detail-container .theme-intro .theme-action {
        text-align: center;
        margin-bottom: 50px;
    }

    .detail-container .theme-intro .theme-action a {
        display: inline-block;
    }

    .detail-container .theme-intro .theme-action a.install-theme {
        margin-right: 15px;
    }

    .detail-container .theme-intro .countdown {
        text-align: center;
        margin-top: -20px;
        margin-bottom: 40px;
    }

    .detail-container .theme-intro .countdown .timer {
        align-items: center;
        justify-content: center;
    }

    .detail-container .theme-intro .theme-image {
        margin-top: 10px;
    }

    .detail-container .theme-intro .theme-image .image-desktop {
        right: auto;
        left: 0;
    }

    .detail-container .theme-intro .theme-image .image-mobile {
        right: -30px;
        left: auto;
    }

    .detail-container .theme-detail .detail-feature {
        padding-right: 0;
    }

    .detail-container .theme-detail .detail-feature .content-theme .title-h h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .detail-container .theme-detail .developer-info {
        height: initial;
    }

    .detail-container .theme-detail .developer-info h4 {
        line-height: 55px;
    }

    .detail-container .theme-detail .developer-info .line-text {
        float: none;
        margin-bottom: 10px;
    }

    .detail-container .theme-detail .developer-info .line-text a {
        margin-right: 20px;
        line-height: 45px;
    }

    .detail-container .theme-detail .detail-feature {
        margin-bottom: 40px;
    }

    .detail-container .theme-detail .info-theme {
        padding-top: 40px;
    }

    .detail-container .create-website {
        margin: 80px 0 80px;
    }

    .detail-container .create-website .container {
        text-align: center;
    }

    .detail-container .create-website .container .bg h4 {
        font-size: 14px;
    }

    .detail-container .create-website .container .bg h4:before {
        margin-right: -170px;
    }

    .detail-container .create-website .container .btn-registration {
        margin-top: 0;
        height: 45px;
        line-height: 45px;
        padding: 0 40px;
        margin-bottom: 10px;
    }

    .detail-container .themes-related .theme-item {
        margin-bottom: 20px;
    }

    .detail-container .themes-related .slide-related .theme-item .theme-image {
        height: 235px;
    }

    .detail-container .themes-related .slide-related .theme-item.mobile {
        min-height: unset;
    }

    .detail-container .themes-related .slide-related .swiper-container {
        padding: 30px;
        padding-bottom: 50px;
    }

    .detail-container .themes-related .slide-related .swiper-button-prev {
        left: 50%;
        right: auto;
        top: auto;
        bottom: 20px;
        margin-left: -30px;
    }

    .detail-container .themes-related .slide-related .swiper-button-next {
        right: 50%;
        left: auto;
        top: auto;
        bottom: 20px;
        margin-right: -30px;
    }
}

@media (max-width: 767px) {
    .detail-container {
        overflow: hidden;
    }

    .detail-container .theme-intro {
        padding: 25px 0 0;
    }

    .detail-container .theme-intro .nopading-right {
        padding-right: 15px;
    }

    .detail-container .theme-intro:after {
        content: none;
    }

    .detail-container .theme-intro h1 {
        margin-top: 0;
        text-align: center;
        font-size: 16px;
    }

    .detail-container .theme-intro h1 span {
        font-size: 24px;
        color: #42464e;
    }

    .detail-container .theme-intro .other-info {
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .detail-container .theme-intro .other-info .price {
        float: none !important;
        display: block;
        margin-bottom: 10px;
    }

    .detail-container .theme-intro .other-info .price b {
        font-size: 24px;
    }

    .detail-container .theme-intro .other-info .price i {
        font-size: 14px;
        color: #42464e;
    }

    .detail-container .theme-intro .other-info .rating {
        display: block;
        float: none !important;
    }

    .detail-container .theme-intro .theme-action {
        text-align: center;
        display: inline-block;
        width: 100%;
    }

    .detail-container .theme-intro .theme-action a {
        display: inline-block;
    }

    .detail-container .theme-intro .countdown {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 0;
    }

    .detail-container .theme-intro .countdown .timer {
        align-items: center;
        justify-content: center;
    }

    .detail-container .theme-intro .theme-image {
        margin-top: 10px;
        min-height: initial;
    }

    .detail-container .theme-intro .theme-image .image-desktop {
        right: auto;
        left: 0;
        width: 100%;
        background: url(/Themes/Portal/Default/Styles/images/detail/bg-image-desktop-detail.png) no-repeat top left -25px;
        background-size: cover;
        position: static;
        padding-right: 0;
        height: 335px;
        padding-top: 30px;
    }

    .detail-container .theme-intro .theme-image .image-desktop img {
        width: 100%;
    }

    .detail-container .theme-intro .theme-image .image-mobile {
        position: static;
        margin: 0 auto 0;
        margin-bottom: -110px;
        bottom: inherit;
        right: inherit;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }

    .detail-container .theme-intro .theme-image .image-mobile img {
        width: 100%;
    }

    .detail-container .theme-detail {
        padding-top: 0;
    }

    .detail-container .theme-detail .detail-feature {
        padding-right: 0;
    }

    .detail-container .theme-detail .detail-feature .content-theme .title-h h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .detail-container .theme-detail .developer-info {
        height: initial;
    }

    .detail-container .theme-detail .developer-info h4 {
        line-height: normal;
        font-size: 16px;
        padding: 20px 0;
    }

    .detail-container .theme-detail .developer-info .line-text {
        float: none;
        display: flex;
        flex-flow: column;
        margin-bottom: 20px;
        margin-top: -5px;
    }

    .detail-container .theme-detail .developer-info .line-text a {
        display: block;
        margin-right: 0;
        background-size: 20px !important;
        line-height: 35px;
        font-size: 14px;
        padding-left: 28px;
    }

    .detail-container .theme-detail .info-theme {
        padding-top: 25px;
    }

    .detail-container .theme-detail .suggest-tag {
        margin-top: 40px;
    }

    .detail-container .theme-detail .suggest-tag ul li {
        margin-top: 15px;
        padding-bottom: 15px;
    }

    .detail-container .create-website {
        margin: 50px 0 40px;
    }

    .detail-container .create-website .container {
        text-align: center;
    }

    .detail-container .create-website .container .bg {
        display: block;
    }

    .detail-container .create-website .container .bg img {
        display: none;
    }

    .detail-container .create-website .container .bg h4 {
        position: static;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .detail-container .create-website .container .bg h4:before {
        bottom: 50px;
        margin-right: -138px;
    }

    .detail-container .create-website .container .btn-registration {
        margin-top: 0;
        height: 45px;
        line-height: 45px;
        margin-bottom: 25px;
        position: static;
        font-size: 16px;
        padding: 0 40px;
    }

    .detail-container .themes-related {
        margin: 0 0 20px;
    }

    .detail-container .themes-related h2 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 30px;
    }

    .detail-container .themes-related .slide-related {
        margin: -30px;
        position: relative;
    }

    .detail-container .themes-related .slide-related .swiper-container {
        padding: 30px;
        padding-bottom: 50px;
    }

    .detail-container .themes-related .slide-related .swiper-button-prev {
        left: 50%;
        right: auto;
        top: auto;
        bottom: 20px;
        margin-left: -30px;
    }

    .detail-container .themes-related .slide-related .swiper-button-next {
        right: 50%;
        left: auto;
        top: auto;
        bottom: 20px;
        margin-right: -30px;
    }

    .detail-container .themes-related .theme-item {
        margin-bottom: 20px;
        max-height: 440px;
    }

    .detail-container .themes-related .theme-item .theme-image {
        height: 330px;
    }
}

.slider-logo .owl-prev {
    width: 40px;
    height: 40px;
    box-shadow: 0 3px 50px 0 rgb(20 42 87 / 10%);
    background: #fff;
    line-height: 40px;
    border-radius: 50%;
    top: -60px;

    margin: 0;
    text-align: center;
    right: 50px;
    position: absolute;
    color: #333;
    border: 1px solid #ddd;
    font-size: 15px;
}

.slider-logo .owl-next {
    width: 40px;
    height: 40px;
    box-shadow: 0 3px 50px 0 rgb(20 42 87 / 10%);
    background: #fff;
    line-height: 40px;
    border-radius: 50%;
    top: -60px;

    margin: 0;
    text-align: center;
    right: 0;
    position: absolute;
    color: #333;
    border: 1px solid #ddd;
    font-size: 15px;
}

.slider-logo .item-large {
    padding: 0 6px
}

.optimize .list_category .img img {
    width: 204px;
    height: 204px !important;
    border-radius: 40px;
    object-fit: cover;
}

.optimize .list_category .img:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    border-radius: 40px;
}

img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.optimize .list_category .img {
    overflow: hidden;
}

.b24-widget-button-position-bottom-right {
    right: 53px !important;
    bottom: 99px !important;
}

.site-pane-mobile {
    display: none;
}

.side-right .box-layer {
    margin: 0 0 30px;
    position: relative;
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 22px 3px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 0 22px 3px rgba(0, 0, 0, .045);
    box-shadow: 0 0 22px 3px rgb(0 0 0 / 5%);
}

.side-right .box-layer .title_block {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
    font-weight: bold;
}

.side-right .box-layer .title_block:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    margin: auto;
    background: #ed1b24;
    width: 4px;
    height: 100%;
}

.side-right .box-layer .list-news-social ul {
    margin: 0;
    padding: 0;
}

.side-right .box-layer .list-news-social ul li {
    -webkit-box-flex: 0;
    -ms-flex: calc(100% / 3 - 4px);
    flex: calc(100% / 3 - 4px);
    max-width: calc(100% / 3 - 4px);
    display: inline-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    background: #f9f9fb;
    padding: 12px 0;
    margin: 2px;
    font-weight: bold;
    text-transform: uppercase;
}

.side-right .box-layer .list-news-social ul li a {
    display: block;
    text-align: center;
    color: #333;
}

.side-right .box-layer .list-news-social ul li a img {
    height: 36px !important;
}

.side-right .box-layer .list-news-social ul li a span {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    line-height: 20px;
}

.side-right .box-layer .list-news-latest .item-article .post-image {
    width: 30%;
    display: inline-block;
    float: left;
}

.side-right .box-layer .list-news-latest .item-article .post-image img {
    width: 100%;
    height: 70px;
    object-fit: cover;
}

.side-right .box-layer .list-news-latest .item-article {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.side-right .box-layer .list-news-latest .item-article:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.side-right .box-layer .list-news-latest .item-article .post-content {
    width: 65%;
    display: inline-block;
    float: right;
}

.side-right .box-layer .list-news-latest .item-article .post-content .title {
    line-height: 20px;
    font-size: 15px;
    height: 40px;
    overflow: hidden;
    margin: 0;
}

.side-right .box-layer .list-news-latest .item-article .post-content .date {

    font-size: 14px;
    color: #999;
}

.img-mobile {
    display: none;
}

/* end slider */
.slider .item .img img {
    width: 100%;
}

.slider .caption .content-caption {
    width: 400px;
}

.main-email-google#main-body .fluid-width {
    padding: 0;
}

.main-email-google .slider .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.main-email-google .slider .owl-next {

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);
}

.main-email-google .slider .owl-nav > div {
    background-color: rgba(51, 51, 51, 0.6);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}

.main-email-google .slider .owl-nav {
    display: block;
}

.main-email-google .video .video_wrapper iframe {
    width: 100%;
}

.slider {
    position: relative;
}

.slider .caption {
    position: absolute;
    left: 0px;
    bottom: 70px;
    width: 100%;
}

.slider .caption h1 {
    color: #333;
    font-size: 35px;
    margin-bottom: 0px;
    font-weight: bold;
}

.slider .caption h3 {
    color: #333;
    font-size: 25px;
    margin: 10px 0px;
    line-height: 30px;
}

.main-email-google .video {
    padding-top: 30px;
}

.main-email-google .warp-video.intro h3 {
    margin-top: 0;
}

.clear {
    width: 100%;
    clear: both;
}

/* product */
.main-email-google .product {
    padding: 30px 0px;
    background: #f3f3f3;
    text-align: center;
    margin-top: 30px;
}

.main-email-google .product .warp-product {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: #fff;
    padding: 20px 10px;
    text-align: center;
    border: 1px solid #ccc;
    padding-top: 0;
    border-radius: 3px;

}

.main-email-google .product .warp-product img {
    border-radius: 60px;
}

.main-email-google .product .warp-product .name1 {
    font-size: 22px;
    color: #2a363f;
    float: left;
    width: 100%;
    margin-top: 20px;
    text-transform: capitalize;
    font-weight: bold;
    line-height: 30px;
    height: 50px;
}

.main-email-google .product .warp-product .description {
    float: left;
    width: 100%;
    color: #545f66;
    margin-top: 10px;
    font-size: 15px;
    line-height: 25px;
}

.main-email-google .product .warp-product .description {
    font-size: 1.1em;
    color: #727272;
    text-align: justify;

    word-break: break-all;
}

.main-email-google .product .warp-product .description i {
    color: #d9d9d9;
}

.main-email-google .product .warp-product .description li {
    margin-bottom: 6px;
    font-size: 14px;
}

.main-email-google .product .warp-product .add-tabs {
    font-size: 17px;
    color: #727272;
    margin-top: 25px;
    display: none;
    text-align: justify;

}

.main-email-google .product .warp-product .add-tabs i {

    color: #3183d7;
}

.main-email-google .product .warp-product .add-tabs li {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.main-email-google .description li.package_des {
    word-break: break-word;
    text-align: left;
}

.main-email-google .img_feature img {
    max-width: 100%;
    margin-bottom: 20px;
}

.main-email-google .product .warp-product .add-tabs2 {
    font-size: 17px;
    color: #727272;
    margin-top: 25px;
    display: none;
    text-align: justify;
}

.main-email-google .product .warp-product .add-tabs2 i {

    color: #3183d7;
}

.main-email-google .product .warp-product .add-tabs2 li {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.main-email-google .product .warp-product h3 {
    font-size: 20px;
    text-transform: uppercase;

}

.main-email-google .product .warp-product .price {
    color: #0fd186;;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 22px;
    background: none;
    margin-top: 0;

}

.main-email-google .product .warp-product .price b {
    font-size: 30px;

}

.main-email-google .product .warp-product .sigin {
    padding: 11px 40px;
    background: #3183d7;
    border-radius: 20px;
    color: #fff;
    font-size: 19px;
}

.main-email-google .product .warp-product .add-tabs2.meet {
    height: auto;
}

.main-email-google .title-main h3 {
    font-size: 30px;
    color: #36444d;
    font-weight: bold;
}

.main-email-google #product .title-main {
    margin-bottom: 20px;
}

.main-email-google #product .row {
    margin-left: -5px;
    margin-right: -5px;
}

.main-email-google #product .col-lg-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.main-email-google #product.product .warp-product .description {
    min-height: 170px;
}

.main-email-google .view-more {
    margin-bottom: 1.5em;
    text-align: center;
}

.main-email-google .view-more h3::before {
    height: 0.1em;
    width: 15em;
    background: #0fd186;
    display: inline-block;
    margin-top: 0.5em;
    content: "";
    position: relative;
    top: -0.5em;
    margin-right: 0;
}

.main-email-google .view-more h3::after {
    height: 0.1em;
    width: 15em;
    background: #0fd186;
    display: inline-block;
    margin-top: 0.5em;
    content: "";
    position: relative;
    top: -0.5em;
    margin-left: 0;
}

.main-email-google .view-more button {
    background-color: #3183d7;
    font-size: 0.9em;
    margin-left: 0.5em;
    border: none;
    color: #fff;
    font-size: 25px;

}

/* end product */
.package img {
    width: 100%;
}

.package {
    margin-top: 30px;
    text-align: center;
}

.package .title-main {
    padding-bottom: 25px;;
}

.main-email-google .icon-app {
    max-width: 40px;
    margin-right: 10px;
}

div#option .title-main {
    margin-bottom: 25px;
    text-align: center;
}

#option.new {
    padding-top: 40px;
}

.title-main h3 {
    font-size: 30px;
    color: #36444d;
    font-weight: bold;
}

/* new */
.new .new-even {
    padding: 30px 0px;
}

.new .new-odd {
    padding: 30px 0px;
    background: #eeeeee;
}

.new img {
    width: 100%;
}

.new .name1 {
    font-size: 25px;
    color: #2a363f;
    font-weight: bold;
}

.new .description {
    color: #2a363f;
    margin-top: 15px;
    font-size: 15px;
    line-height: 25px;
    text-align: justify;

}

/* end new */

/* application */

.application h3 {
    margin: 40px 0px;
    font-weight: bold;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 1.2px;
    font-size: 30px;
}

.application img {
    max-width: 300px;
    display: block;
    margin: 0px auto;
    margin-top: 10px;
}

/* end application */
/* question */

.question .content-question {
    line-height: 20px;
    display: none;

}

.question .title-main {
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 5px;
    text-align: center;
}

.question {
    padding-top: 35px;
}

/* end question */

.item-why {
    padding: 0px 30px;
}

.image-why {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 15px;
}

.image-why img {
    display: inline-block !important;
}

.name-why {
    width: 100%;
    text-align: center;
    color: #e73737;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.slider-why .image-why img {
    width: auto !important;
}

.main-email-google .info .title-main {
    text-align: center;
    margin-bottom: 30px;
}

.slider-why .owl-nav {
    display: block;
}

.slider-why .owl-prev {
    position: absolute;
    top: 35%;
    left: 0;
    font-size: 20px;
    transform: translateY(-35%);
}

.slider-why .owl-next {
    position: absolute;
    top: 35%;
    right: 0;
    font-size: 20px;
    transform: translateY(-35%);
}

.slider-why {
    margin-top: 20px;
}

.main-email-google .info {
    padding-top: 30px;
    padding-bottom: 20px;
}

/* slider */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}

.carousel-control.left {
    background: none !important;
}

.carousel-control.right {
    background: none !important;
}

.slider {
    position: relative;
}

.slider .caption {
    position: absolute;
    left: 0px;
    bottom: 70px;
    width: 100%;
}

.slider .caption h1 {
    color: #333;
    font-size: 35px;
    margin-bottom: 0px;
    font-weight: bold;
}

.slider .caption h3 {
    color: #333;
    font-size: 25px;
    margin: 10px 0px;
    line-height: 30px;
}

.slider .caption a {

    margin-top: 15px;

}

/* end slider */
.slider .item .img img {
    width: 100%;
}

.slider .caption .content-caption {
    width: 400px;
}

.main-email-google#main-body .fluid-width {
    padding: 0;
}

.main-email-google .slider .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.main-email-google .slider .owl-next {

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);
}

.main-email-google .slider .owl-nav > div {
    background-color: rgba(51, 51, 51, 0.6);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}

.main-email-google .slider .owl-nav {
    display: block;
}

.main-email-google .video .video_wrapper iframe {
    width: 100%;
}

.header-section .header-wrapper .menu li.menu-item-has-children > .submenu .submenu:before {
    display: none;
}

.select-box select {
    font-size: 15px;
}

.hidden-lg {
    display: none !important;
}

/* application */
.application {
    padding: 30px 0px;
    background: url("../images/bg-register-bottom.jpg");
    background-position: center;
    text-align: center;
    height: 300px;
}

.application h3 {
    margin: 40px 0px;
    font-weight: bold;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 1.2px;
    font-size: 30px;
}

.application a {
    border-radius: 30px;
    color: #0fd186;
    padding: 15px 45px;
    background: #fff;
    font-weight: bold;
}

.application img {
    max-width: 300px;
    display: block;
    margin: 0px auto;
    margin-top: 10px;
}

/* end application */
/* question */
.question .title-question {
    font-size: 20px;
    padding: 10px;
    border-radius: 10px;
    border: thin solid #ccc;
    background: #f9f9f9;
    margin-bottom: 10px;
    cursor: pointer;
    font-weight: bold;
}

.question .title-question:hover {
    color: #fff;
    background: #0fd186;
}

.question .content-question {
    line-height: 20px;
    display: none;

}

.question .title-main {
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 5px;
    text-align: center;
}

.question {
    padding-top: 35px;
}

/* end question */

.item-why {
    padding: 0px 30px;
}

.image-why {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 15px;
}

.image-why img {
    display: inline-block !important;
}

.name-why {
    width: 100%;
    text-align: center;
    color: #e73737;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.summary-why {
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 15px;
}

.slider-why .image-why img {
    width: auto !important;
}

.main-email-google .info .title-main {
    text-align: center;
    margin-bottom: 30px;
}

.slider-why .owl-nav {
    display: block;
}

.slider-why .owl-prev {
    position: absolute;
    top: 35%;
    left: 0;
    font-size: 20px;
    transform: translateY(-35%);
}

.slider-why .owl-next {
    position: absolute;
    top: 35%;
    right: 0;
    font-size: 20px;
    transform: translateY(-35%);
}

.slider-why {
    margin-top: 35px;
}

.main-email-google .info {
    padding-top: 30px;
    padding-bottom: 20px;
}

.contact-part.banner-1 .site-pane .section__title {
    font-size: 30px;
}

.detail-container .theme-intro .other-info .price .giacu {
    text-decoration: line-through;
    color: #999;
}

.convence-feature-tenmien .table tr th {
    background: #0fd186;
    color: #ffff;
}

.feature-tenmien-content .content-content {
    background: #f5f5f5 url("../images/bgdk.jpg") no-repeat left bottom;
    padding: 20px;
    display: table;
    width: 100%;

}

.feature-tenmien-content {
    margin-top: 20px;

}

.feature-tenmien-content .content-content .title-1 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}

.feature-tenmien-content .content-content .item h3 {
    background: #0fd186;
    font-size: 18px;
    padding: 10px 15px;
    color: #fff;
}

.feature-tenmien-content .table thead tr td {
    background: #0fd186;
    padding: 8px 15px;
    color: #fff;
}

.feature-tenmien-content .content-content .item ul li i {
    font-size: 15px;
    margin-right: 7px;
}

.feature-tenmien-content .table {
    background: #fff !important;
    margin-top: 25px;
}

.feature-tenmien-content tbody tr td {
    padding: 5px 10px
}

.feature-tenmien-content .content-content .item h3 a {
    color: #ffea00;
    float: right;
}

.feature-tenmien-content .content-content .item {
    background: #fff;
}

.feature-tenmien-content .content-content .item .content-item {
    padding: 20px
}

.feature-tenmien-content .content-content .item h3 a {
    font-size: 16px;
}

.feature-tenmien-content .content-content .item h3 a i {
    margin-right: 10px;
}

.feature-tenmien-content {
    padding-bottom: 50px;
}

.faq .question {
    padding-top: 0px;
}

.slider .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.slider .owl-next {

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);
}

.slider .owl-nav > div {
    background-color: rgba(51, 51, 51, 0.6);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}

.table-bordered th {
    padding: 5px 10px;
}

.table-bordered td {
    padding: 5px 10px;
}

.feature-tenmien-content .content-content .item .content-item ul li {
    font-size: 15px;
}

.pricing-item {
    background: #fff !important;
}

.home2-price-nav {
    display: inline-block !important;
    width: 100%;
    text-align: center;
}

#thietkewweb-theoyc .title-products {
    text-align: center;
    font-size: 25px;
}

#thietkewweb-theoyc .home2-price-nav {
    margin-top: 22px;
}

@media only screen and (max-width: 1024px) {
    .main-email-google .view-more h3::before {
        display: none;
    }

    .main-email-google .view-more h3::after {
        display: none;
    }

}

@media only screen and (max-width: 768px) {
    .slider .caption h3 {
        font-size: 15px;
        line-height: 20px;
    }

    .slider .caption a {
        padding: 4px 14px;
        margin-top: 0;
        font-size: 14px;
    }

    .slider .caption {
        bottom: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .main-email-google .product .warp-product .price {
        font-size: 15px;
    }

    .main-email-google .product .warp-product .price b {
        font-size: 20px;
    }

    .main-email-google .product .warp-product .sigin {
        padding: 5px 26px;

        font-size: 15px;
    }

    .question .title-question {
        font-size: 15px;
    }

}

@media only screen and (max-width: 736px) {
    .slider .caption .content-caption {
        display: none;
    }

    .main-email-google .title-main h3 {
        font-size: 22px;
    }

    .main-email-google .product {
        padding: 20px 0
    }

    .main-email-google .product .warp-product .name1 {
        margin-top: 10px;
        font-size: 20px;
        height: auto;
    }

    .main-email-google #product.product .warp-product .description {
        min-height: auto;
    }

    .main-email-google .product .warp-product .price {
        margin-bottom: 0;
    }

    .main-email-google #product.product .warp-product .description {
        margin-bottom: 0;
    }

    .main-email-google .title-main h3 {
        margin-top: 0;
        font-size: 20px;
    }

    .new .name1 {
        font-size: 20px;
    }

    .application h3 {
        font-size: 20px;
        margin: 20px 0;
    }

    .hidden-lg {
        display: block !important;
    }

    .hidden-xs {
        display: none !important;
    }

    .main-email-google {
        margin-top: 70px;
    }

    .main-email-google .video .video_wrapper {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 1024px) {
    .main-email-google .view-more h3::before {
        display: none;
    }

    .main-email-google .view-more h3::after {
        display: none;
    }

}

@media only screen and (max-width: 768px) {
    .slider .caption h3 {
        font-size: 15px;
        line-height: 20px;
    }

    .slider .caption a {
        padding: 4px 14px;
        margin-top: 0;
        font-size: 14px;
    }

    .slider .caption {
        bottom: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .main-email-google .product .warp-product .price {
        font-size: 15px;
    }

    .main-email-google .product .warp-product .price b {
        font-size: 20px;
    }

    .main-email-google .product .warp-product .sigin {
        padding: 5px 26px;

        font-size: 15px;
    }

    .question .title-question {
        font-size: 15px;
    }

}

@media only screen and (max-width: 736px) {
    .slider .caption .content-caption {
        display: none;
    }

    .main-email-google .title-main h3 {
        font-size: 22px;
    }

    .main-email-google .product {
        padding: 20px 0
    }

    .main-email-google .product .warp-product .name1 {
        margin-top: 10px;
        font-size: 20px;
        height: auto;
    }

    .main-email-google #product.product .warp-product .description {
        min-height: auto;
    }

    .main-email-google .product .warp-product .price {
        margin-bottom: 10px;
    }

    .main-email-google #product.product .warp-product .description {
        margin-bottom: 0;
    }

    .main-email-google .title-main h3 {
        margin-top: 0;
        font-size: 20px;
    }

    .new .name1 {
        font-size: 20px;
    }

    .application h3 {
        font-size: 20px;
        margin: 20px 0;
    }

    .new .new-even {
        padding: 15px 0px;
    }

    #main-banggiatenmien .slider {
        padding-top: 71px;
    }

    #main-banggiatenmien .slider .owl-prev {
        display: none
    }

    #main-banggiatenmien .slider .owl-next {
        display: none
    }
}

@media (max-width: 1024px) {
    .index-container .feature-themes .feature-item .feature-image .image-desktop {
        padding-left: 33px;
        width: 100%;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop a {
        width: 100%;
    }

    .menu-toolbar {
        padding-top: 20px;
    }

    .menu-toolbar .filter-desktop ul li i {
        top: 5px;
        bottom: inherit
    }

    .index-container .feature-themes .slide-feature {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    .menu-toolbar > .container > .row {
        display: inline-block;
        width: 100%;
    }

    .menu-toolbar .col-lg-9.col-md-7 {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }

    .menu-toolbar .col-lg-3.col-md-5 {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }

    .menu-toolbar .filter-desktop ul {
        display: inline-block;
    }

    .img-mobile {
        display: block;
        margin-bottom: 10px;
    }

    .img-pc {
        display: none;

    }

    .content-footer {
        padding-bottom: 0;
    }
}

@media (max-width: 736px) {
    .index-container .index-title h1 {
        font-size: 24px;
        line-height: 25px;
    }

    .index-container .feature-themes {
        padding-top: 100px;
    }

    .index-container .index-title p {
        font-size: 15px;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop {
        margin: 0;
        padding: 0
    }

    .index-container .feature-themes .slide-feature .swiper-container {
        padding-bottom: 0;
    }

    .index-container .favorite-themes h2 {
        margin-top: 0;
    }

    .index-container .feature-themes .feature-item .feature-info {
        background-color: #fff;
    }

    .index-container .feature-themes .feature-item {
        display: inline-block;

    }

    .index-container .feature-themes .row {
        margin: 0
    }

    .index-container .feature-themes .feature-item .feature-info .title {
        margin-top: 5px;
    }

    .index-container .feature-themes .feature-item .feature-info .title span {
        font-size: 23px;
    }

    .index-container .feature-themes .feature-item .feature-info .title {
        font-size: 16px;
    }

    .menu-toolbar {
        display: none;
    }

    .index-container .feature-themes .swiper-button-prev {
        margin-left: 0;
        left: 0;
    }

    .index-container .feature-themes .swiper-button-next {
        right: inherit;
        left: 30px;

    }

    .optimize .list_category .img img {
        height: 170px !important;
    }

    .index-container.main-product-detail {
        padding-top: 65px;
    }

    .detail-container .theme-intro .theme-image {
        margin-top: 39px;
    }

    .content-footer p {
        font-size: 15px;
    }

    .content-footer .item-footer .nav-item-footer ul li a {
        font-size: 15px;
    }

    .site-pane-mobile {
        display: block;
    }

    .site-pane-pc {
        display: none;
    }

    body #wpwidget .mobile .widget-layout.widget-layout--right {
        left: 20px !important;
        right: inherit !important;
    }

    body .b24-widget-button-position-bottom-right {
        left: 20px !important;
        right: inherit !important;
    }

    .scrollToTop {
        right: 20px;
        /* display: none; */
    }

    .contact-part.banner-1 .site-pane .section__title {
        font-size: 20px;
        text-align: left !important;
    }

    .feature-tabs li a {
        padding: 3px;
    }

    .feature-tenmien-content .content-content .title-1 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .padding-bottom {
        padding-bottom: 0;
    }

    .section-header .title {
        margin-bottom: 0;
    }


}

.dang-ky-tu-van-giao-dien input, .dang-ky-tu-van-giao-dien select {
    font-size: 15px;
}

.dang-ky-tu-van-giao-dien .form-group {
    margin-bottom: 5px;
}

.dang-ky-tu-van-giao-dien .modal-footer button {
    font-size: 15px;
    padding: 0px 25px;
    height: 40px;
    line-height: 40px;
}

.dang-ky-tu-van-giao-dien .alert-box {
    font-size: 15px;
}

.list-guide .item-guide .body-guide {
    /* padding: 0 0 0px 15px; */
    display: none;
}

.list-guide .item-guide .body-guide > ul > li > .item-child {
    padding: 10px 0 10px 0px;
    border-bottom: 1px solid #ddd;
}

.list-guide .item-guide .body-guide > ul > li .icon.rotate {
    transform: rotate(-180deg);
    transition: 0.4s;
}

.list-guide .item-guide .body-guide > ul > li .icon {
    margin: 0 10px 0 0;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    transition: 0.4s;
}

.list-guide .item-guide .body-guide > ul > li > ul > li {
    padding: 5px 0 5px 0px;
list-style: circle;
}

.list-guide .item-guide .body-guide > ul > li > ul > li:first-child {
    /* border-top: 1px solid #ddd; */
    /* margin: 12px 0 0 0; */
}

.list-guide .item-guide .body-guide > ul > li > ul > li:last-child {
    /* border-bottom: unset; */
    /* padding-bottom: 0; */
}

.list-guide .item-guide .body-guide > ul > li:last-child {
    border-bottom: unset;
}

.list-guide .item-guide .body-guide > ul > li a {
   font-size: 15px;
color: #333;
font-weight: bold;
line-height: 20px;
}

.list-guide .item-guide .body-guide > ul > li .flex-child {
    display: flex;
    justify-content: space-between;
}

.list-guide .item-guide .body-guide > ul > li > span {
    margin: 0 10px 0 0;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    transition: 0.4s;
}

.list-guide .item-guide .body-guide > ul > li > span.rotate {
    transform: rotate(-180deg);
    transition: 0.4s;
}

.list-guide .item-guide .body-guide > ul > li > ul {
    display: none;
    padding-left: 25px;
}

.list-guide .item-guide .body-guide ul.lv2 .item-child {
    padding-left: 10px !important;
}

.list-guide .item-guide .body-guide ul.lv2 .item-child a {
  font-weight: normal;
}

.list-guide .item-guide .head-guide {
    display: flex;
    justify-content: space-between;
    background: #0cb6fd;
    padding: 12px 0 12px 15px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.list-guide .item-guide .head-guide a {
    color: #fff;
}

.list-guide .item-guide {
    margin: 0 0 10px 0;
    cursor: pointer;
}

.list-guide .item-guide .head-guide span {
    margin: 0 10px 0 0;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    transition: 0.4s;
}

.list-guide .item-guide .head-guide span.rotate {
    transform: rotate(-180deg);
    transition: 0.4s;
}

.website-design .block-title h1 {
    font-size: 50px;
    color: #096f47;
    font-weight: bold;
    line-height: 1.12;
    margin-top: 0;
}

.website-design .block-title p {
    font-size: 20px;
    color: #475751;
    line-height: 1.5;
    font-weight: 300;
    margin-top: 16px;
    margin-bottom: 50px !important;
    position: relative;
}

.website-design .btn-registration.km {
    margin-bottom: 65px;
}

.website-design .block-title .text-graphic:before {
    content: "";
    width: 60px;
    height: 82px;
    background: url(../../bg-gift-banner-pos.png) no-repeat top left;
    background-size: contain;
    position: absolute;
    left: 0;
    top: -20px;
}

.website-design .block-title .text-graphic {
    font-size: 16px;
    font-weight: 400;
    color: #133e9a;
    display: block;
    padding-left: 65px;
    position: relative;
    line-height: 1.4;
    margin-top: -30px;
    margin-bottom: 40px;
}


.parameter .block-content .parameter-swiper .swiper-slide .icon.khach-hang {
    box-shadow: 7.388px 9.456px 12px 0 rgb(208 58 0 / 28%);
    background-color: #ff7039;
}

.parameter .block-content .parameter-swiper .swiper-slide .icon {
    border-radius: 50%;
    background: #fff;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 44px;
}

.parameter .block-content .parameter-swiper .swiper-slide .icon img {
    width: auto;
    height: 28px;
    object-fit: contain;
}

.parameter .block-content .parameter-swiper .swiper-slide .info .number {
    font-size: 34px;
    font-weight: bold;
    line-height: .765;
}

.parameter .block-content .parameter-swiper .swiper-slide .info .text.khach-hang {
    color: #915c48;
}

.parameter .block-content .parameter-swiper .swiper-slide .info .text {
    font-size: 16px;
    margin-top: 10px;
}

.parameter .block-content .parameter-swiper .swiper-slide .icon.giao-dien {
    background-color: #6073e6;
    box-shadow: 7.388px 9.456px 12px 0 rgb(0 29 202 / 23%);
}

.parameter .block-content .parameter-swiper .swiper-slide .icon.linh-vuc {
    background-color: #2293d0;
    box-shadow: 7.388px 9.456px 12px 0 rgb(0 102 157 / 27%);
}

.parameter .block-content .parameter-swiper {
    /*padding: 40px;*/
    margin-top: -100px;
}

.parameter .block-content .parameter-swiper .swiper-slide {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 15px 0 rgb(0 117 71 / 12%);
    padding: 30px 50px;
    display: flex;
}

.parameter-swiper .swiper-container {
    padding: 40px 20px;
}

.parameter .block-content .parameter-swiper .swiper-slide .info .number.khach-hang {
    color: #ff7039;
}

.parameter .block-content .parameter-swiper .swiper-slide .info .number.giao-dien {
    color: #6073e6;
}

.parameter .block-content .parameter-swiper .swiper-slide .info .text {
    font-size: 16px;
    margin-top: 10px;
}

.parameter .block-content .parameter-swiper .swiper-slide .info .number.linh-vuc {
    color: #2293d0;
}

.parameter .block-content .parameter-swiper .swiper-slide .info .number {
    font-size: 34px;
    font-weight: bold;
    line-height: .765;
}

.parameter .block-content .parameter-swiper .swiper-slide .info {
    width: calc(100% - 50px);
    padding-left: 15px;
}

.website-design .btn-registration.km:hover {
    color: #fff;
}

.banner-swiper .button-swiper:after {
    font-size: 12px;
    font-weight: 800;
    color: #2ee186;
}

.banner-swiper .button-swiper {
    width: 30px;
    height: 30px;
    background: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.home-tab .head-tab .ul-tab {
    display: flex;
    padding-left: 0;
    border-bottom: solid 1px #e2eeff;
    margin-bottom: 60px;
}

.home-tab .head-tab .ul-tab li {
    display: flex;
    flex-flow: column;
    position: relative;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 105px;
    padding-bottom: 20px;
}
.home-tab .head-tab .ul-tab li.active.one:before, .home-tab .head-tab .ul-tab li:hover.one:before {
    background: #03b2dc;
}
.home-tab .head-tab .ul-tab li.active:before {
    width: 100%;
}
.home-tab .head-tab .ul-tab li:before {
    content: "";
    width: 0;
    height: 3px;
    position: absolute;
    bottom: -1px;
    left: 0;
    transition: all .3s ease-out;
}
.home-tab .head-tab .ul-tab li.active img, .home-tab .head-tab .ul-tab li:hover img {
    opacity: 1;
}
.home-tab .head-tab .ul-tab li img {
    margin-bottom: 25px;
    opacity: .5;
}
.home-tab .head-tab .ul-tab li.active.one p, .home-tab .head-tab .ul-tab li:hover.one p {
    color: #03b2dc;
}
.home-tab .head-tab .ul-tab li.active p, .home-tab .head-tab .ul-tab li:hover p {
    opacity: 1;
}
.home-tab .head-tab .ul-tab li.active p {
    font-weight: bold;
}
.home-tab .head-tab .ul-tab li p {
    font-size: 18px;
    font-weight: 300;
    color: #42464e;
    margin-bottom: 0;
    text-align: center;
}
.home-tab .head-tab .ul-tab li:last-child {
    margin-right: 0;
}
section.home-tab {
    margin: 50px 0;
}



.home-tab .body-tab .tabpanel .tab-content.one .block-content ul li {
    background: url(../../icon-check-tab-1.png) no-repeat;
    background-position-y: 8px;
}
.home-tab .body-tab .tabpanel .tab-content.two .block-content ul li {
    background: url(../../icon-check-tab-2.png) no-repeat;
    background-position-y: 8px;
}
.home-tab .body-tab .tabpanel .tab-content.three .block-content ul li {
    background: url(../../icon-check-tab-3.png) no-repeat;
    background-position-y: 8px;
}
.home-tab .body-tab .tabpanel .tab-content.four .block-content ul li {
    background: url(../../icon-check-tab-4.png) no-repeat;
    background-position-y: 8px;
}
.home-tab .body-tab .tabpanel .block-content ul li {
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    color: #42464e;
    position: relative;
    background-position: left;
    padding-left: 40px;
    background-position-y: 5px;
    margin-bottom: 30px;
    text-align: justify;
}
.home-tab .body-tab .tabpanel .block-content ul li p {
    color: #747474;
    font-size: 16px;
    line-height: 1.625;
}
.home-tab .head-tab .ul-tab li.three.active:before, .home-tab .head-tab .ul-tab li:hover.three:before {
    background: #0fb86e;
}
.home-tab .head-tab .ul-tab li.two.active:before, .home-tab .head-tab .ul-tab li:hover.two:before {
    background: #ff6f39;
}
.home-tab .head-tab .ul-tab li.four.active:before, .home-tab .head-tab .ul-tab li:hover.four:before {
    background: #6073e6;
}
.body-tab .tab-content{
    display: none;
}
.body-tab .tab-content.active{
    display: block;
}
#main-page-category2 .tab-content .row{
    justify-content: center;
}