* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face{
     font-display: swap;
}
body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-weight: 500;
}

@media (max-width: 991px) {
    body {
        margin-top: 72px;
    }
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
    color: #696969;
    font-family: "Urbanist", sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
    clear: both;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.3 !important;
    font-family: "Urbanist", sans-serif;
    color: #000000;
}


h1 {
    font-size: 60px;
    letter-spacing: 0.3 !important;
}

h2 {
    font-size: 24px;
    letter-spacing: 0.3 !important;
}

h3 {
    font-size: 24px;
    letter-spacing: 0.3 !important;
}

h4 {
    font-size: 20px;
    letter-spacing: 0.3 !important;
}

h5 {
    font-size: 20px;
    letter-spacing: 0.3 !important;
}

h6 {
    font-size: 16px;
    letter-spacing: 0.3 !important;
}

@media (min-width: 576px) {
    h1 {
        font-size: 60px;
        line-height: 72px;
    }

    h2 {
        font-size: 36px;
        line-height: 48px;
    }

    h3 {
        font-size: 30px;
        line-height: 48px;
    }

    h4 {
        font-size: 24px;
        line-height: 32px;
    }

    h5 {
        font-size: 20px;
        line-height: 24px;
    }

    h6 {
        font-size: 16px;
        line-height: 30px;
    }
}

p {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 18px;
    /* letter-spacing: 0.3 !important; */

}

@media (min-width: 576px) {
    p {
        font-size: 17px;
    }
}

a {
    color: #000000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:visited {
    outline: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}

a:focus {
    outline: none;
}

a:hover,
a:active {
    outline: 0;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

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

input {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #ecf0f3;
    outline: none;
    padding: 12px 20px;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

select {
    border: 1px solid #ecf0f3;
}

textarea {
    width: 100%;
    outline: none;
}

/* @@@@@@@@@@@@@  Global CSS  @@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@  Header Section Start Here  @@@@@@@@@@@@@@ */
.section-header {
    text-align: center;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .section-header {
        /* max-width: 70%; */
        margin: 0 auto 47px;
    }
}

@media (min-width: 1200px) {
    .section-header {
        /* max-width: 63%; */
    }
}

@media (min-width: 1200px) {
    .section-header p {
        max-width: 660px;
        margin: 0 auto;
    }
}

.section-header>span {
    display: block;
    font-weight: 500;
    color: #fd4372;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: 3px;
    margin-top: -5px;
}

.section-header h2 {
    margin-bottom: 15px;
    margin-top: -10px;
    font-size: 33px;
    line-height: 46px;
}

@media (min-width: 992px) {
    .section-header h2 {
        margin-bottom: 10px;
    }
}

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

.section-header.style-2::after {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    top: -25px;
    left: -45px;
    animation: lab_zoomin 5s linear infinite;
    background: url(../images/about/shape/01.png) no-repeat;
}

.section-header.style-2 h2,
.section-header.style-2 p {
    z-index: 1;
}

@media (min-width: 1200px) {
    .section-header.style-2 p {
        margin: 0 0 15px;
    }
}

.section-header.style-3 {
    max-width: 100%;
    margin-left: 0;
    text-align: left;
    padding-bottom: 30px;
    border-bottom: 1px solid #ecf0f3;
}

@media (min-width: 1200px) {
    .section-header.style-3 {
        margin-bottom: 40px;
    }
}

.section-header.style-3 h2,
.section-header.style-3 p {
    z-index: 1;
}

.section-header.style-3 p {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .section-header.style-3 p {
        max-width: 450px;
        margin: 0 0 15px;
    }
}


/* @@@@@@@@@@@@@  paginations Start Here  @@@@@@@@@@@@@@ */
.paginations {
    margin: 40px 0;
}

@media (min-width: 992px) {
    .paginations {
        margin-bottom: 0;
    }
}

.paginations ul {
    margin: 0;
}

.paginations ul li {
    padding: 5px;
}

.paginations ul li a {
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0px 5px rgba(136, 136, 136, 0.1);
    color: #696969;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.paginations ul li a.active,
.paginations ul li a:hover {
    color: #fff;
    box-shadow: 0 18px 24px rgba(255, 114, 58, 0.36);
    background-image: linear-gradient(to left top, #ff4f58, #ff6747, #ff8134, #ff9a1e, #ffb400);
}

.paginations ul li a.dot {
    box-shadow: none;
}

.paginations ul li a.dot:hover {
    background: transparent;
    color: #696969;
}

/*@@@@@@@@@@@@@@   scocial-media Start Here  @@@@@@@@@@@@@@@@@*/
.scocial-media {
    margin-bottom: 20px;
}

.scocial-media a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 4px;
    text-align: center;
    display: inline-block;
}

.scocial-media a:hover {
    border-radius: 100%;
    transform: translateY(-5px);
    box-shadow: 0 5px 10px rgba(136, 136, 136, 0.2);
}

.facebook {
    background: #3b5998;
}

.twitter {
    background: #55acee;
}

.linkedin {
    background: #007bb5;
}

.vimeo {
    background: #3b5998;
}

.bg-white {
    background: #fff;
}

/* @@@@@@@@@@@@@  Common CSS Writing Now  @@@@@@@@@@@@@@ */
.menu-item-has-children {
    margin-right: 16px;
    position: relative;
}

.menu-item-has-children>a::after {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-weight: 500;
    content: "\ea99" !important;
    font-family: IcoFont !important;
}

.padding-tb {
    padding-top: 50px;
    padding-bottom: 55px;
}

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

.lab-btn {
    display: inline-block;
    padding: 16px 25px;
    background: #0B7349;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 40px;
}

.lab-btn::after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    background: #F7A600;
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
}

.lab-btn span {
    z-index: 1;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.lab-btn:hover::after {
    transform: scaleX(1);
    transform-origin: 0% 50%;
}

.lab-btn:hover {
    background-color: #009c5d;
}



.scrollToTop {
    position: fixed;
    bottom: -30%;
    right: 5%;
    z-index: 9;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 24px;
    animation: lab_top_up 5s linear infinite;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.scrollToTop i {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    z-index: 1;
    top: 0;
    left: 0;
    background: #f9bc3f;
}

.scrollToTop:hover {
    background: linear-gradient(to right, #a4ea58, #81e18f);
}

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

@media (max-width: 1200px) {
    .header-section {
        display: none;
    }
}

.header-section .header-area.menu-fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}

.header-section .primary-menu {
    align-items: center;
    justify-content: space-evenly;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-section .primary-menu .logo {
        width: 140px;
    }
}

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

.header-section .primary-menu .logo a img {
    display: block;
    height: 60px;
}

.header-section .primary-menu .logo-fixed {
    display: none;
}

.header-section .menu-fixed .primary-menu .logo a img {
    height: 60px;
}

.header-section .menu-fixed .primary-menu .logo-fixed {
    display: block;
}


.header-section .menu-fixed .primary-menu .logo-start {
    display: none;
}


.header-section .primary-menu .main-area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.header-section .primary-menu .main-area .main-menu ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.header-section .primary-menu .main-area .main-menu ul li {
    padding: 0;
    margin-right: 16px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.header-section .primary-menu .main-area .main-menu ul li a {
    padding: 25px 5px !important;
    color: #0B7349;
    font-size: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: 600;
    letter-spacing: 0.3;
}

.header-section .primary-menu .main-area .main-menu ul li:hover a,
.header-section .primary-menu .main-area .main-menu ul li.active a {
    color: black;
}

.header-section .primary-menu .main-area .main-menu ul li ul {
    min-width: 200px;
    background: #fd4372;
    box-shadow: 0 0 5px rgba(136, 136, 136, 0.1);
    display: block;
    top: 100%;
    transform: scaleY(0);
    transform-origin: top;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-section .primary-menu .main-area .main-menu ul li ul li a {
    font-size: 98%;
    padding: 10px 15px;
    color: #fff;
    width: 100%;
    border-bottom: 1px solid #ffffff36;
}

.header-section .primary-menu .main-area .main-menu ul li ul li a:hover {
    padding-left: 20px;
    color: #fd4372;
    background: #fff;
}

.header-section .primary-menu .main-area .main-menu ul li ul li.active>a {
    color: #fd4372 !important;
    background: #fff;
}

.header-section .primary-menu .main-area .main-menu ul li ul li:last-child a {
    border-bottom: none;
}

.header-section .primary-menu .main-area .main-menu ul li ul li.menu-item-has-children {
    margin-right: 0px;
}

.header-section .primary-menu .main-area .main-menu ul li ul li.menu-item-has-children a::after {
    right: 15px;
    transform: translateY(-50%) rotate(-90deg);
}

.header-section .primary-menu .main-area .main-menu ul li ul li ul {
    left: 100%;
    top: 0;
}

.header-section .primary-menu .main-area .main-menu ul li.menu-item-has-children {
    margin-right: 16px;
    position: relative;
}

.header-section .primary-menu .main-area .main-menu ul li.menu-item-has-children>a::after {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-weight: 500;
    content: "\ea99" !important;
    font-family: IcoFont !important;
}

.header-section .primary-menu .main-area .main-menu ul li:hover>ul {
    transform: scaleY(1);
}

@media (min-width: 1200px) {
    .header-section .primary-menu .main-area .header-btn {
        margin-left: 20px;
    }
}

.header-section .primary-menu .main-area .header-btn .lab-btn {
    display: block;
    overflow: hidden;
    position: relative;
}

.header-section .primary-menu .main-area .header-btn .lab-btn:hover {
    background: #009c5d;
}

.transparent-header {
    width: 100%;
    top: 20px;
    z-index: 999;
    position: absolute;
    content: "";
}

.transparent-header .primary-menu .main-area .main-menu ul li a {
    color: #0B7349;
    position: relative;
}

.transparent-header .menu-fixed .primary-menu .main-area .main-menu ul li a {
    color: #0B7349;
}

.transparent-header .menu-fixed .primary-menu .main-area .main-menu ul li:hover a,
.transparent-header .menu-fixed .primary-menu .main-area .main-menu ul li.active a {
    color: #000;
}

.transparent-header .primary-menu .main-area .main-menu ul li ul {
    background: linear-gradient(to right, #ffab8b, #fd4372);
}


.erp-bg .header-area.menu-fixed {
    background: #fff;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, .3);
    padding: 10px 0;
}

.erp-bg .primary-menu .main-area .main-menu ul li.active a {
    color: black;
}


.innerheader {
    top: 0;
}

.innerheader .menu-fixed {
    background: #fff;
    box-shadow: 0 0 3px rgba(136, 136, 136, 0.1);
}

.innerheader .menu-fixed .primary-menu {
    border-bottom: none;
}

.innerheader .primary-menu {
    border-bottom: 1px solid #ecf0f3;
}

.innerheader .primary-menu .main-area .main-menu ul li a {
    color: #000000;
}

.innerheader .primary-menu .main-area .header-right {
    justify-content: center;
}

@media (min-width: 1200px) {
    .innerheader .primary-menu .main-area .header-right {
        margin-left: 20px;
    }
}

.innerheader .primary-menu .main-area .header-right .search,
.innerheader .primary-menu .main-area .header-right .cart-area,
.innerheader .primary-menu .main-area .header-right .bar-area {
    padding: 25px 10px;
    border-left: 1px solid #ecf0f3;
}

@media (min-width: 1200px) {

    .innerheader .primary-menu .main-area .header-right .search,
    .innerheader .primary-menu .main-area .header-right .cart-area,
    .innerheader .primary-menu .main-area .header-right .bar-area {
        padding: 25px 20px;
    }
}

.innerheader .primary-menu .main-area .header-right .search i,
.innerheader .primary-menu .main-area .header-right .search span,
.innerheader .primary-menu .main-area .header-right .cart-area i,
.innerheader .primary-menu .main-area .header-right .cart-area span,
.innerheader .primary-menu .main-area .header-right .bar-area i,
.innerheader .primary-menu .main-area .header-right .bar-area span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.innerheader .primary-menu .main-area .header-right .search:hover .search-input {
    transform: scaleX(1);
}

.innerheader .primary-menu .main-area .header-right .search i {
    color: #fff;
    background: linear-gradient(to left, #23cc88, #8ecf35);
}

.innerheader .primary-menu .main-area .header-right .cart-area:hover .cart-content {
    transform: scaleY(1);
    visibility: visible;
}

.innerheader .primary-menu .main-area .header-right .cart-area img {
    transform: translateY(20px);
    cursor: pointer;
}

.innerheader .primary-menu .main-area .header-right .cart-area .count-item {
    top: 20px;
    left: 50%;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    background-image: linear-gradient(to left top, #ff4f58, #ff6747, #ff8134, #ff9a1e, #ffb400);
    transform: translateX(-50%);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.innerheader .primary-menu .main-area .header-right .bar-area.open span {
    background: linear-gradient(to right, #ff4f58, #ffb400);
}

.innerheader .primary-menu .main-area .header-right .bar-area.open span:first-child {
    display: none;
}

.innerheader .primary-menu .main-area .header-right .bar-area.open span:last-child {
    display: block;
}

.innerheader .primary-menu .main-area .header-right .bar-area span {
    color: #fff;
    font-size: 24px;
    background: linear-gradient(to left, #01cbad, #47a1f2);
}

.innerheader .primary-menu .main-area .header-right .bar-area span:last-child {
    display: none;
}

.innerheader .primary-menu .main-area .main-menu ul li ul {
    background-image: linear-gradient(to left top, #ff4f58, #ff6747, #ff8134, #ff9a1e, #ffb400);
}

.page-header {
    padding: 70px 0;
    background: #f9fbff;
    position: relative;
    overflow: hidden;
}

@media (min-width: 992px) {
    .page-header {
        padding: 150px 0 100px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .page-header {
        padding: 150px 0 100px;
    }
}

@media (max-width: 1199px) {
    .page-header .shap-pageheader {
        display: none;
    }
}

.page-header .shap-pageheader .line {
    z-index: 1;
    position: absolute;
    content: "";
}

.page-header .shap-pageheader .line.line-1 {
    bottom: 0;
    left: 2%;
    z-index: 2;
    animation: lab_run_x 5s linear infinite;
}

.page-header .shap-pageheader .line.line-2 {
    bottom: 0;
    left: 7%;
    animation: lab_run_top_y 5s linear infinite;
}

.page-header .shap-pageheader .line.line-3 {
    bottom: 0%;
    right: 32%;
    animation: lab_run_x 5s linear infinite;
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .page-header .shap-pageheader .line.line-3 {
        right: 45%;
    }
}

.page-header .shap-pageheader .line.line-4 {
    bottom: 0%;
    right: 7%;
}

.page-header .shap-pageheader .line.line-5 {
    bottom: 37%;
    right: 17%;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .page-header .shap-pageheader .line.line-5 {
        bottom: 30%;
    }
}

.page-header .shap-pageheader .line.line-6 {
    bottom: 0%;
    right: 3%;
    animation: lab_run_x 8s linear infinite;
}

.page-header .shap-pageheader .line.line-7 {
    top: 5%;
    right: 5%;
    animation: lab_round 99s linear infinite;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .page-header .shap-pageheader .line.line-7 {
        top: 18%;
        right: 1%;
    }
}

.page-header::after {
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: #f4f7ff;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom center;
    -webkit-mask-image: url(../images/pageheader/pattern.png);
}

.page-header .pageheader-textarea {
    z-index: 1;
}

@media (min-width: 576px) {
    .page-header .pageheader-textarea p {
        max-width: 500px;
        margin: 0 auto;
    }
}


@media (min-width: 1200px) {
    .mobile-menu {
        display: none;
    }
}

.mobile-menu .mobile-header {
    padding: 11px 15px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
}

.mobile-menu .mobile-header img {
    height: 50px;
    width: auto;
}

.mobile-menu .mobile-header .header-bar {
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.mobile-menu .mobile-header .header-bar span {
    background: #fff;
    width: 100%;
    height: 3px;
    display: block;
    left: 0;
    top: 50%;
    margin-top: 5px;
    transform-origin: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.mobile-menu .mobile-header .header-bar span:nth-child(1) {
    margin-top: 4px;
}

.mobile-menu .mobile-header .header-bar span:nth-child(2) {
    opacity: 1;
}

.mobile-menu .mobile-header .header-bar span:nth-child(3) {
    margin-top: 5px;
}

.mobile-menu .mobile-header .header-bar.close {
    opacity: 1;
}

.mobile-menu .mobile-header .header-bar.close span:nth-child(1) {
    transform: rotate(-45deg);
    margin-top: 11px;
}

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

.mobile-menu .mobile-header .header-bar.close span:nth-child(3) {
    transform: rotate(45deg);
    margin-top: -10px;
}

.mobile-menu .mobile-menu {
    position: fixed;
    top: 72px;
    left: 0;
    z-index: 99;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1a392d), to(#0c7349));
    width: 100%;
    transform: scaleY(0);
    transform-origin: top;
    height: 100vh;
    overflow-y: scroll;
    padding: 0 18px;
    padding-bottom: 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 576px) {
    .mobile-menu .mobile-menu {
        width: 50%;
        transform: scaleX(0);
        transform-origin: left;
    }
}

.mobile-menu .mobile-menu.open {
    transform: scaleY(1);
}

@media (min-width: 576px) {
    .mobile-menu .mobile-menu.open {
        transform: scaleX(1);
    }
}

@media (min-width: 1200px) {
    .mobile-menu .mobile-menu.open {
        display: none;
    }
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner {
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul {
    text-align: center;
    margin: 0;
    padding: 0px 0;
    width: 100%;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li {
    list-style: none;
    padding: 0;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li:last-child>a {
    border-bottom: none;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li.active>a {
    color: #fd4372;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li a {
    display: block !important;
    padding: 10px 0;
    font-size:17px;
    color: #ffffff;
    text-transform: capitalize;
    margin: 2px 0;
    text-align: left;
    outline: none;
    font-weight: 500;
    width: 100%;
    border-bottom: 1px solid #4e7163;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li a::after {
    right: 0;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li ul {
    display: none;
    margin: 0;
    padding: 0;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li ul li {
    padding-left: 20px;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li ul li a {
    margin: 0;
    outline: none;
    font-size: 96%;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li.menu-item-has-children {
    position: relative;
    margin: 0;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li.menu-item-has-children>a::after {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-weight: 500;
    content: "\ea99" !important;
    font-family: IcoFont !important;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .social-link-list {
    width: 100%;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .mobile-search {
    width: 100%;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .mobile-search input {
    border: none;
    border-bottom: 1px solid #ecf0f3;
    height: 60px;
    margin: 0;
    padding-right: 35px;
    font-style: italic;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .mobile-search input:focus,
.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .mobile-search input::placeholder {
    color: #000000;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .mobile-search button {
    top: 0;
    right: 0;
    background-color: transparent;
    color: #000000;
    width: 30px;
    height: 60px;
    outline: none;
    border: none;
    font-size: 16px;
    text-align: center;
}

.erp-bg .mobile-header {
    background: linear-gradient(to left, #0c7249, #1a3a2d);
    box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
}



.innerheader .mobile-header {
    background: #fff;
}

.innerheader .mobile-header .header-bar span {
    background: linear-gradient(to right, #ff4f58, #ffb400);
}

/* @@@@@@@@@@@@@  Banner Section Start Here  @@@@@@@@@@@@@@ */
.banner-section {
    padding: 100px 0;
}

@media (min-width: 992px) {
    .banner-section {
        padding: 170px 0 90px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner-section .round-shape {
        top: 70%;
    }
}

.banner-section .banner-area .content-part .section-header h2,
.banner-section .banner-area .content-part .section-header h1,
.banner-section .banner-area .content-part .section-header p,
.banner-section .banner-area .content-part .section-header a,
.banner-section .banner-area .content-part .section-header span {
    color: #000;
}




@media (min-width: 992px) {
    .banner-section .banner-area .content-part .section-header h2 {
        font-size: 60px;
        line-height: 72px;
    }
}

@media (min-width: 1200px) {
    .banner-section .banner-area .content-part .section-header p {
        max-width: 520px;
    }
}

.banner-section .banner-area .content-part .section-header .button-group {
    align-items: center;
    margin-top: 40px;
}

.banner-section .banner-area .content-part .section-header .button-group .lab-btn {
    margin-bottom: 30px;
    padding: 16px 35px;
}

@media (min-width: 576px) {
    .banner-section .banner-area .content-part .section-header .button-group .lab-btn {
        margin-right: 15px;
        margin-bottom: 0;
    }
}

.banner-section .banner-area .content-part .section-header .button-group .lab-btn span {
    font-weight: 500;
}

.banner-section .banner-area .content-part .section-header .button-group .banner-video {
    align-items: center;
}

@media (max-width: 575px) {
    .banner-section .banner-area .content-part .section-header .button-group .banner-video {
        width: 100%;
    }
}

.banner-section .banner-area .content-part .section-header .button-group .banner-video a {
    margin-right: 10px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    line-height: 48px;
    font-size: 46px;
    text-align: center;
}

.banner-section .banner-area .section-wrapper .banner-thumb {
    text-align: center;
}

@media (min-width: 1200px) {
    .banner-section .banner-area .section-wrapper .banner-thumb img {
        max-width: none;
    }
}

.banner-section.style-2 {
    padding: 0;
}

.banner-section.style-2::after {
    background: url(../images/banner/host/01-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

@media (min-width: 992px) {
    .banner-section.style-2::after {
        width: 50%;
    }
}

.banner-section.style-2 .banner-area {
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    position: static;
    top: 0;
    transform: translateY(0%);
}

.banner-section.style-2 .left-side {
    width: 100%;
    height: 400px;
}

@media (min-width: 992px) {
    .banner-section.style-2 .left-side {
        width: calc(100% / 2);
        height: 800px;
    }
}

.banner-section.style-2 .left-side .section-wrapper {
    height: 100%;
    display: block;
}

.banner-section.style-2 .left-side .section-wrapper .banner-pagination {
    bottom: 20px;
    left: 20px;
    z-index: 1;
}

.banner-section.style-2 .left-side .section-wrapper .banner-pagination span {
    background: #fff;
    outline: none;
}

.banner-section.style-2 .left-side .section-wrapper .banner-slider {
    height: 100%;
}

.banner-section.style-2 .left-side .section-wrapper .banner-slider .banner-thumb img {
    width: 100%;
}

.banner-section.style-2 .left-side .section-wrapper .banner-slider .swiper-slide {
    background-size: cover !important;
    background-position: center center !important;
}

.banner-section.style-2 .right-side {
    width: 100%;
    margin: 50px 0;
}

@media (min-width: 992px) {
    .banner-section.style-2 .right-side {
        width: calc(100% / 2);
        margin: 0;
    }
}

.banner-section.style-2 .right-side .content-part {
    max-width: 95%;
    margin-left: auto;
}

@media (min-width: 992px) {
    .banner-section.style-2 .right-side .content-part {
        max-width: 90%;
    }
}

@media (min-width: 1440px) {
    .banner-section.style-2 .right-side .content-part {
        max-width: 80%;
    }
}

@media (min-width: 1600px) {
    .banner-section.style-2 .right-side .content-part {
        max-width: 62%;
    }
}

.banner-section.style-2 .right-side .content-part .section-header::after {
    display: none;
}

.banner-section.style-2 .right-side .content-part .section-header .banner-price {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    text-align: center;
    background: linear-gradient(to right, #f9769d, #bb6df7);
    right: 20%;
    top: -100px;
    z-index: 1;
    animation: lab_sideeffect 20s linear infinite;
}

@media (min-width: 576px) {
    .banner-section.style-2 .right-side .content-part .section-header .banner-price {
        top: -20px;
        right: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner-section.style-2 .right-side .content-part .section-header .banner-price {
        right: -17%;
    }
}

.banner-section.style-2 .right-side .content-part .section-header .banner-price p {
    margin-bottom: 0;
    padding-top: 15px;
}

.banner-section.style-2 .right-side .content-part .section-header .banner-price span {
    font-weight: 700;
    font-size: 30px;
}

.banner-section.style-2 .right-side .content-part .section-header h2 {
    margin: 0;
    color: #fd4372;
}

@media (max-width: 991px) {
    .banner-section.style-2 .right-side .content-part .section-header h2 {
        line-height: 36px;
        font-size: 32px;
    }
}

.banner-section.style-2 .right-side .content-part .section-header h2:last-child {
    margin-bottom: auto;
}

.banner-section.style-2 .right-side .content-part .section-header h2 span {
    font-weight: 500;
    color: #000000;
}

.banner-section.style-2 .right-side .content-part .section-header ul {
    margin: 15px 0;
}

.banner-section.style-2 .right-side .content-part .section-header ul li {
    display: block;
}

.banner-section.style-2 .right-side .content-part .section-header ul li i {
    margin-right: 5px;
    color: #fd4372;
}

.banner-section.style-2 .right-side .content-part .section-header .button-group .lab-btn {
    background: linear-gradient(to right, #f9769d, #bb6df7);
}

.banner-section.style-2 .right-side .content-part .section-header .button-group .banner-video a {
    font-size: 36px;
    color: #fd4372;
    box-shadow: 0 10px 10px rgba(255, 124, 171, 0.08);
}

.banner-section.style-2 .right-side .content-part .section-header .button-group .banner-video span {
    color: #000000;
}

.round-shape {
    top: 75%;
    right: 50%;
    width: 700px;
    height: 700px;
    border-radius: 100%;
    transform: translate(50%, -50%);
}

@media (min-width: 992px) {
    .round-shape {
        top: 50%;
        /* right: 4%; */
        transform: translate(0, -65%);
    }
}

@media (min-width: 1600px) {
    .round-shape {
        /* right: 10%; */
    }
}

.round-shape .round {
    animation: lab_round 25s linear infinite;
}

.shape {
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}


@media (min-width: 992px) {
    .banner-section.style-3 {
        padding: 210px 0 120px;
        overflow: hidden;
    }
}

.banner-section.style-3 .round-shape {
    width: 650px;
    height: 650px;
    position: absolute;
}

@media (min-width: 1200px) {
    .banner-section.style-3 .round-shape {
        right: -15%;
        /* bottom: 0; */
        top: 70%;
    }
}

@media (min-width: 1440px) {
    .banner-section.style-3 .round-shape {
        /* right: 15%; */
    }
}

@media (min-width: 1600px) {
    .banner-section.style-3 .round-shape {
        /* right: 11%; */
    }
}

.banner-section.style-3 .shape.round-5 {
    width: 400px;
    height: 400px;
    background: rgba(247, 171, 1, 0.2);
    animation: lab_banner_round 1s infinite;
}

.banner-section.style-3 .shape.round-4 {
    width: 500px;
    height: 500px;
    background: rgba(248, 183, 1, 0.2);
    animation: lab_banner_round 2s infinite;
}

.banner-section.style-3 .shape.round-3 {
    width: 600px;
    height: 600px;
    background: rgba(249, 197, 2, .3);
    animation: lab_banner_round 3s infinite;
}

.banner-section.style-3 .shape.round-2 {
    width: 700px;
    height: 700px;
    background: rgba(255, 255, 255, .3);
    animation: lab_banner_round 4s infinite;
}

.banner-section.style-3 .shape.round-1 {
    width: 650px;
    height: 650px;
    background: rgba(255, 255, 255, .2);
    animation: lab_banner_round 5s infinite;
    position: absolute;
    content: "";
}

.banner-section.style-3 .banner-area .content-part .section-header::after {
    display: none;
}

.banner-section.style-3 .banner-area .content-part .section-header h2 {
    margin: 0;
}

@media (max-width: 575px) {
    .banner-section.style-3 .banner-area .content-part .section-header h2 {
        font-size: 30px;
    }
}

.banner-section.style-3 .banner-area .content-part .section-header>span {
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0 10px;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 1px;
}

@media (min-width: 576px) {
    .banner-section.style-3 .banner-area .content-part .section-header>span {
        font-size: 36px;
        margin: 0;
    }
}

.banner-section.style-3 .banner-area .content-part .section-header p {
    margin: 5px 0 40px;
    margin-top: 5px;
}

@media (min-width: 576px) {
    .banner-section.style-3 .banner-area .content-part .section-header p {
        margin: 15px 0;
    }
}

.banner-section.style-3 .banner-area .section-wrapper {
    margin-top: 40px;
}

@media (min-width: 1200px) {
    .banner-section.style-3 .banner-area .section-wrapper {
        margin-top: 0;
    }
}

@media (min-width: 1600px) {
    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb {
        -webkit-transform: translateX(80px);
        -ms-transform: translateX(80px);
        transform: translateX(80px);
    }
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb::after {
    display: none;
}

@media (max-width: 575px) {
    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape {
        display: none;
    }
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape {
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
    background: transparent;
    position: absolute;
    content: "";
    overflow: hidden;
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-1 {
    top: 50%;
    left: 0;
    animation: lab_run_top_y 5s linear infinite;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-2 {
    top: 0px;
    left: 50%;
    animation: lab_run_x 5s linear infinite;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 1200px) {
    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-2 {
        top: -30px;
        border-radius: 5px;
    }
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
    top: 0;
    right: 0px;
    animation: lab_zoomin 8s linear infinite;
    -webkit-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px);
}

@media (min-width: 1200px) {
    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
        right: -100px;
    }
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-4 {
    top: 50%;
    right: 0px;
    animation: lab_run_top_y 5s linear infinite;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 1200px) {
    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-4 {
        right: -100px;
    }
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-5 {
    bottom: -30px;
    left: 50%;
    animation: lab_run_x 5s linear infinite;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.banner-section.style-4 {
    background: url(../images/banner/vpn/bg.jpg);
    background-position: center;
    background-size: cover;
}

.banner-section.style-4 .banner-area .content-part .section-header::after {
    display: none;
}

.banner-section.style-4 .banner-area .content-part .section-header h2 {
    margin: 0;
    color: #000000;
}

@media (max-width: 575px) {
    .banner-section.style-4 .banner-area .content-part .section-header h2 {
        font-size: 30px;
    }
}

.banner-section.style-4 .banner-area .content-part .section-header p {
    margin: 5px 0 30px;
    margin-top: 5px;
    color: #696969;
}

@media (min-width: 576px) {
    .banner-section.style-4 .banner-area .content-part .section-header p {
        margin: 15px 0 30px;
    }
}

.banner-section.style-4 .banner-area .content-part .section-header .lab-btn {
    background: linear-gradient(to right, #23cc88, #8ecf35);
    box-shadow: 0 10px 10px rgba(38, 204, 133, 0.1);
}

.banner-section.style-4 .banner-area .content-part .section-header .lab-btn:hover {
    box-shadow: none;
}

@media (max-width: 1439px) {
    .banner-section.style-4 .banner-area .section-wrapper .banner-thumb img {
        max-width: 100%;
    }
}

@media (max-width: 1199px) {
    .banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape {
        display: none;
    }
}

.banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-1 {
    bottom: 50%;
    right: 0px;
    animation: lab_run_top_y 5s linear infinite;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

@media (min-width: 1440px) {
    .banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-1 {
        right: -80px;
    }
}

.banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-2 {
    top: 35px;
    left: 20%;
    animation: lab_run_x 5s linear infinite;
}

@media (min-width: 1440px) {
    .banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-2 {
        left: 35%;
    }
}

.banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
    animation: lab_zoomin 5s linear infinite;
    bottom: 110px;
    right: 20px;
}

@media (min-width: 1440px) {
    .banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
        bottom: 160px;
        right: -20px;
    }
}

.banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-4 {
    animation: lab_run_top_y 5s linear infinite;
    top: 40%;
    right: 130px;
}

.banner-section.style-4 .banner-area .section-wrapper .banner-thumb::after {
    display: none;
}

.banner-section.style-5 {
    background: #f9f2ff;
}

@media (min-width: 992px) {
    .banner-section.style-5 {
        padding: 265px 0 190px;
    }
}

.banner-section.style-5 .pos-banner-shape {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@media (max-width: 1199px) {

    .banner-section.style-5 .pos-banner-shape .pos-shape-1,
    .banner-section.style-5 .pos-banner-shape .pos-shape-2 {
        display: none;
    }
}

.banner-section.style-5 .pos-banner-shape .pos-shape-1 {
    left: -22%;
}

@media (min-width: 1440px) {
    .banner-section.style-5 .pos-banner-shape .pos-shape-1 {
        left: 0;
    }
}

.banner-section.style-5 .pos-banner-shape .pos-shape-2 {
    right: -22%;
}

@media (min-width: 1440px) {
    .banner-section.style-5 .pos-banner-shape .pos-shape-2 {
        right: 0;
    }
}

.banner-section.style-5 .banner-area .content-part .section-header::after {
    display: none;
}

.banner-section.style-5 .banner-area .content-part .section-header h2 {
    margin: 0;
    color: #000000;
}

@media (max-width: 575px) {
    .banner-section.style-5 .banner-area .content-part .section-header h2 {
        font-size: 30px;
    }
}

.banner-section.style-5 .banner-area .content-part .section-header p {
    margin: 5px 0 30px;
    margin-top: 10px;
    color: #696969;
}

@media (min-width: 576px) {
    .banner-section.style-5 .banner-area .content-part .section-header p {
        margin: 15px 0 30px;
    }
}

.banner-section.style-5 .banner-area .content-part .section-header .lab-btn {
    background: linear-gradient(to right, #ff5195, #ffb84b);
}

.banner-section.style-5 .banner-area .content-part .section-header .lab-btn:hover {
    box-shadow: none;
}

@media (max-width: 1439px) and (min-width: 1200px) {
    .banner-section.style-5 .banner-area .section-wrapper .banner-thumb {
        margin-right: -120px;
    }
}

@media (max-width: 1199px) {
    .banner-section.style-5 .banner-area .section-wrapper .banner-thumb .thumb-shape {
        display: none;
    }
}

.banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-1 {
    top: 23%;
    right: 35%;
    animation: lab_sideeffect 15s linear infinite;
}

@media (min-width: 1200px) {
    .banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-1 {
        right: -10%;
    }
}

.banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-2 {
    top: 0;
    right: -10%;
    animation: lab_zoomin 5s linear infinite;
}

@media (min-width: 1200px) {
    .banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-2 {
        right: -40%;
    }
}

.banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-3 {
    animation: lab_run_top_y 5s linear infinite;
    bottom: 0px;
    left: 25%;
}

@media (min-width: 1200px) {
    .banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-3 {
        left: 40%;
    }
}

.banner-section.style-5 .banner-area .section-wrapper .banner-thumb::after {
    display: none;
}

.banner-section.style-6 {
    background-image: linear-gradient(to top, #fffbfa, #fffcfc, #fffdfe, #fffeff, #ffffff);
}

@media (min-width: 992px) {
    .banner-section.style-6 {
        padding: 190px 0 110px;
    }
}

.banner-section.style-6 .banner-area .content-part .section-header::after {
    display: none;
}

.banner-section.style-6 .banner-area .content-part .section-header h2 {
    margin: 0;
    color: #000000;
}

@media (max-width: 575px) {
    .banner-section.style-6 .banner-area .content-part .section-header h2 {
        font-size: 30px;
    }
}

.banner-section.style-6 .banner-area .content-part .section-header p {
    margin: 5px 0 30px;
    margin-top: 10px;
    color: #696969;
}

@media (min-width: 576px) {
    .banner-section.style-6 .banner-area .content-part .section-header p {
        margin: 15px 0 30px;
    }
}

.banner-section.style-6 .banner-area .content-part .section-header .lab-btn {
    background: linear-gradient(to right, #ffab8b, #fd4372);
    box-shadow: 0 10px 10px rgba(248, 118, 158, 0.1);
}

.banner-section.style-6 .banner-area .content-part .section-header .lab-btn:hover {
    box-shadow: none;
}

@media (max-width: 1439px) and (min-width: 1200px) {
    .banner-section.style-6 .banner-area .section-wrapper .banner-thumb {
        margin-right: -120px;
    }
}

@media (max-width: 767px) {
    .banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape {
        display: none;
    }
}

.banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-1 {
    top: 25%;
    left: 20%;
    animation: lab_zoomin 3s linear infinite;
}

.banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-2 {
    bottom: 45%;
    right: 0%;
    animation: lab_run_top_y 5s linear infinite;
}

@media (min-width: 1200px) {
    .banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-2 {
        right: -20%;
    }
}

.banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-3 {
    animation: lab_zoomin 5s linear infinite;
    bottom: 65%;
    left: 55%;
}

.banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-4 {
    top: 65%;
    left: 0;
    animation: lab_run_top_y 5s linear infinite;
}

.banner-section.style-6 .banner-area .section-wrapper .banner-thumb::after {
    display: none;
}

.banner-section.style-6.shopapp {
    background: #f4f9ff;
}

@media (min-width: 992px) {
    .banner-section.style-6.shopapp {
        padding: 170px 0 90px;
    }
}

.banner-section.style-6.shopapp .banner-area .content-part .section-header .lab-btn {
    background: linear-gradient(to right, #fd2c8b, #996bfb);
    box-shadow: none;
}

.banner-section.style-6.shopapp .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-1 {
    top: 80%;
    left: 20%;
    animation: lab_round1 15s linear infinite;
}

.banner-section.style-6.shopapp .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-2 {
    bottom: 65%;
    right: auto;
    left: 10%;
    animation: lab_zoomin 5s linear infinite;
}

@media (min-width: 1200px) {
    .banner-section.style-6.shopapp .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-2 {
        right: auto;
    }
}

.banner-section.style-6.shopapp .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-3 {
    bottom: 10%;
    left: 45%;
    animation: lab_run_top_y 5s linear infinite;
}

.banner-section.style-6.crypto .round-one {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0px;
}

.banner-section.style-6.crypto .round-one img {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

.banner-section.style-6.crypto .banner-area .content-part .section-header h2,
.banner-section.style-6.crypto .banner-area .content-part .section-header p {
    color: #fff;
}

.banner-section.style-6.crypto .banner-area .content-part .section-header form {
    justify-content: space-between;
}

.banner-section.style-6.crypto .banner-area .content-part .section-header p>a {
    color: #f37399;
}

.banner-section.style-6.crypto .banner-area .content-part .section-header form input {
    width: calc(100% - 155px);
    height: 56px;
}

.banner-section.style-6.crypto .banner-area .content-part .section-header form button.lab-btn {
    border: none;
    width: 150px;
    height: 56px;
    outline: none;
    cursor: pointer;
    box-shadow: 0 10px 10px rgba(253, 119, 180, 0.2);
    background: linear-gradient(to right, #fd77b4, #ffbae7);
}

.banner-section.style-6.crypto .banner-area .content-part .section-header form button.lab-btn span {
    display: inline-block;
}

.banner-section.style-6.crypto .banner-area .section-wrapper .banner-thumb img {
    animation: lab_round_glob 20s linear infinite;
}

.banner-section.style-6.crypto .banner-area .bfl-content {
    transform: translateY(110px);
}

@media (max-width: 1199px) and (min-width: 992px) {
    .banner-section.style-6.crypto .banner-area .bfl-content {
        transform: translateY(0px);
    }
}

@media (max-width: 991px) {
    .banner-section.style-6.crypto .banner-area .bfl-content {
        transform: translateY(50px);
        text-align: center;
    }
}

.banner-section.style-6.crypto .banner-area .bfl-content h4 {
    color: #fff;
}

.banner-section.style-6.crypto .banner-area .bfr-contents {
    transform: translateY(110px);
    justify-content: space-around;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .banner-section.style-6.crypto .banner-area .bfr-contents {
        transform: translateY(0px);
    }
}

@media (max-width: 991px) {
    .banner-section.style-6.crypto .banner-area .bfr-contents {
        transform: translateY(50px);
    }
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item:nth-child(2) .bfr-inner .bfr-content p.bfr-range {
    color: #00bf8d;
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item:nth-child(3) .bfr-inner .bfr-content p.bfr-range {
    color: #ffef3b;
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item:nth-child(4) .bfr-inner .bfr-content p.bfr-range {
    color: #ff8bd5;
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item .bfr-inner {
    padding: 15px;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item .bfr-inner {
        padding: 20px;
    }
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item .bfr-inner .bfr-content p {
    color: #fff;
    margin-bottom: 0;
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item .bfr-inner .bfr-content p.bfr-name {
    margin-bottom: 10px;
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item .bfr-inner .bfr-content p.bfr-rate {
    font-size: 18px;
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item .bfr-inner .bfr-content p.bfr-range {
    color: #f37399;
    font-size: 18px;
}

.banner-section.seo-banner {
    background-image: linear-gradient(to right bottom, #1a00ff, #2010d8, #2416b2, #25188d, #231769);
}

@media (max-width: 767px) {
    .banner-section.seo-banner .section-wrapper .banner-thumb .thumb-shape {
        display: none;
    }
}

.banner-section.seo-banner .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-1 {
    bottom: 0%;
    right: 0px;
    animation: lab_zoomin 3s linear infinite;
}

.banner-section.seo-banner .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-2 {
    bottom: 150px;
    left: 20%;
    animation: lab_run_top_y 5s linear infinite;
}

.banner-section.seo-banner .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
    animation: lab_zoomin 5s linear infinite;
    bottom: 75px;
    right: 200px;
}

/* @@@@@@@@@@@@@  FAQ Section Start Here  @@@@@@@@@@@@@@ */
.faq-section .faq-left-part {
    margin-bottom: 15px;
}

.faq-section .faq-left-part .section-header {
    margin-bottom: 45px;
}

.faq-section .faq-left-part .section-header:after {
    display: none;
}

.faq-section .faq-left-part .section-header h2:first-child {
    margin-bottom: 0;
}

.faq-section .section-wrapper .accordion {
    margin: 0;
}

.faq-section .section-wrapper .accordion>li {
    padding: 0;
    margin: 1px;
    /* box-shadow: 0 0 1px rgba(136, 136, 136, 0.4); */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border: 1px solid #f3f3f3;
}

/*
.faq-section .section-wrapper .accordion li:nth-child(2n) .accordion-list .right h6{
    color: #ff6347;
}

.faq-section .section-wrapper .accordion li:nth-child(3n) .accordion-list .right h6{
    color: #01cbad;
}

.faq-section .section-wrapper .accordion li:nth-child(4n) .accordion-list .right h6{
    color: #e85aca;
}

.faq-section .section-wrapper .accordion li:nth-child(5n) .accordion-list .right h6{
    color: #5f51b5;
}

.faq-section .section-wrapper .accordion li:nth-child(6n) .accordion-list .right h6{
    color: #43a3ee;
}
*/
.faq-section .section-wrapper .accordion li:nth-child(2n) .accordion-list .left .icon::after,
.faq-section .section-wrapper .accordion li:nth-child(2n) .accordion-list .left .icon::before {
    background: #ff6347;
}


.faq-section .section-wrapper .accordion li:nth-child(3n) .accordion-list .left .icon::after,
.faq-section .section-wrapper .accordion li:nth-child(3n) .accordion-list .left .icon::before {
    background: #01cbad;
}

.faq-section .section-wrapper .accordion li:nth-child(4n) .accordion-list .left .icon::after,
.faq-section .section-wrapper .accordion li:nth-child(4n) .accordion-list .left .icon::before {
    background: #e85aca;
}

.faq-section .section-wrapper .accordion li:nth-child(5n) .accordion-list .left .icon::after,
.faq-section .section-wrapper .accordion li:nth-child(5n) .accordion-list .left .icon::before {
    background: #5f51b5;
}

.faq-section .section-wrapper .accordion li:nth-child(6n) .accordion-list .left .icon::after,
.faq-section .section-wrapper .accordion li:nth-child(6n) .accordion-list .left .icon::before {
    background: #43a3ee;
}




.faq-section .section-wrapper .accordion li .accordion-list {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    padding: 9px 18px;
    background: #f9fbff;
}

.faq-section .section-wrapper .accordion li .accordion-list.in .left .icon::before {
    display: none;
}

.faq-section .section-wrapper .accordion li .accordion-list .left {
    width: 40px;
    padding-right: 10px;
    text-align: center;
    background: transparent;
}

.faq-section .section-wrapper .accordion li .accordion-list .left::after,
.faq-section .section-wrapper .accordion li .accordion-list .left::before {
    display: none;
}

.faq-section .section-wrapper .accordion li .accordion-list .left .icon {
    width: 100%;
    height: 100%;
    position: relative;
}

.faq-section .section-wrapper .accordion li .accordion-list .left .icon::after,
.faq-section .section-wrapper .accordion li .accordion-list .left .icon::before {
    background: #38cd78;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.faq-section .section-wrapper .accordion li .accordion-list .left .icon::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 2px;
}

.faq-section .section-wrapper .accordion li .accordion-list .left .icon::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 14px;
}

.faq-section .section-wrapper .accordion li .accordion-list .right {
    width: calc(100% - 40px);
}

.faq-section .section-wrapper .accordion li .accordion-list .right h6 {
    margin: 0;
    color: #38cd78;
}

.faq-section .section-wrapper .accordion li .accordion-answer {
    display: none;
    padding: 18px 30px;
}

.faq-section .section-wrapper .accordion li .accordion-answer p:last-child {
    margin-bottom: 0;
}

.faq-section .faq-right-part {
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .faq-section .faq-right-part {
        margin-bottom: 0;
    }
}

.faq-section .faq-right-part .faq-thumb {
    text-align: center;
}

@media (min-width: 1200px) {
    .faq-section .faq-right-part .faq-thumb {
        margin-right: -30px;
        animation: lab_zoominout 15s linear infinite;
    }
}

.faq-section.shopapp .section-wrapper {
    margin-bottom: 15px;
}

.faq-section.shopapp .section-wrapper .accordion li .accordion-list .right h6 {
    color: #000000;
}

.faq-section.shopapp .section-wrapper .accordion li .accordion-list .right {
    width: calc(100% - 55px);
}

.faq-section.shopapp .section-wrapper .accordion li .accordion-list .left .icon::after,
.faq-section.shopapp .section-wrapper .accordion li .accordion-list .left .icon::before {
    background: #000000;
}

.faq-section.shopapp .section-wrapper .accordion li .accordion-list.in .left .icon::after {
    background: #fff;
}

.faq-section.shopapp .section-wrapper .accordion li .accordion-list.in .left {
    background: linear-gradient(to right, #fd2c8b, #996bfb);
    background-image: linear-gradient(218deg, #ffaf0b 0, #f7d900 50%, #ff7f24 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1a392d), to(#0c7349));
}

.faq-section.shopapp .section-wrapper .accordion li .accordion-list .left {
    width: 36px;
    height: 36px;
    border: 1px solid #ecf0f3;
    text-align: center;
    padding-right: 0;
    margin-right: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #ffffff;
    overflow: hidden;
    position: relative;
}


/*@@@@@@@@@@@@@@   Contact Us Page Start Here  @@@@@@@@@@@@@@@@@*/
.contact-us .contact-area {
    margin: 0 0 30px;
}

@media (min-width: 768px) {
    .contact-us .contact-area {
        margin: 0;
    }
}

.contact-us .contact-area .contact-item {
    align-items: flex-start;
    border-bottom: 1px solid #ecf0f3;
    margin-bottom: 20px;
}

.contact-us .contact-area .contact-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.contact-us .contact-area .contact-item .contact-icon {
    width: 30px;
    text-align: center;
}

.contact-us .contact-area .contact-item .content {
    width: calc(100% - 45px);
}

.contact-us .contact-area .contact-item .content h6 {
    margin-bottom: 0;
}

.contact-us .contact-form {
    justify-content: space-between;
}

.contact-us .contact-form input.contact-input {
    padding: 15px;
    border: 1px solid #ecf0f3;
    margin-bottom: 20px;
    outline: none;
    box-shadow: none;
}

@media (min-width: 992px) {
    .contact-us .contact-form input.contact-input {
        width: calc(100% / 2 - 15px);
    }
}

.contact-us .contact-form textarea.contact-input {
    padding: 15px;
    border: 1px solid #ecf0f3;
    margin-bottom: 20px;
    outline: none;
    box-shadow: none;
}

.contact-us .contact-form .lab-btn {
    width: 180px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    background-image: linear-gradient(to left top, #ff4f58, #ff6747, #ff8134, #ff9a1e, #ffb400);
}

.contact-us .contact-form .lab-btn:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

/* @@@@@@@@@@@@@  Gmaps Section Start Here  @@@@@@@@@@@@@@ */
.gmaps-section .map-area {
    height: 600px;
}

.gmaps-section .map-area iframe {
    width: 100%;
    height: 600px;
}



/* wavify wrapper */
.wavify-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.wavify-wrapper svg {
    height: 380px;
}

.wavify-wrapper.top {
    top: 0;
}

.wavify-wrapper.app-landing-screnshot svg {
    height: 180px;
}

.wavify-wrapper.theme-two_lg svg {
    height: 550px;
}

.wavify-wrapper.rotate_wavify {
    bottom: 0;
    -webkit-transform: translateY(-50%) rotateZ(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotateZ(180deg);
}

.wavify-wrapper.rotate_wavify svg {
    height: 450px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .wavify-wrapper.rotate_wavify {
        -webkit-transform: translateY(-30%) rotateZ(180deg);
        -ms-transform: translateY(-30%) rotate(180deg);
        transform: translateY(-30%) rotateZ(180deg);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .wavify-wrapper.rotate_wavify {
        -webkit-transform: translateY(-100%) rotateZ(180deg);
        -ms-transform: translateY(-100%) rotate(180deg);
        transform: translateY(-100%) rotateZ(180deg);
    }
}

@media only screen and (max-width: 767px) {
    .wavify-wrapper.rotate_wavify {
        -webkit-transform: translateY(-100%) rotateZ(180deg);
        -ms-transform: translateY(-100%) rotate(180deg);
        transform: translateY(-100%) rotateZ(180deg);
    }
}

.wavify-wrapper.drak_hero {
    z-index: 3;
}

.wavify-wrapper.drak_hero svg {
    height: 200px;
}

.wavify-wrapper.wavify-lg svg {
    height: 680px;
}

.wavify-wrapper.payment_feature svg {
    height: 936px;
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .wavify-wrapper.payment_feature {
        -webkit-transform: translateY(30%);
        -ms-transform: translateY(30%);
        transform: translateY(30%);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .wavify-wrapper.payment_feature {
        -webkit-transform: translateY(30%);
        -ms-transform: translateY(30%);
        transform: translateY(30%);
    }
}

@media only screen and (max-width: 767px) {
    .wavify-wrapper.payment_feature {
        -webkit-transform: translateY(30%);
        -ms-transform: translateY(30%);
        transform: translateY(30%);
    }
}

.wavify-wrapper.hero-white svg {
    height: 260px;
}


.payment-feature {
    z-index: 1;
    position: relative;
}

.section-space--mb_60 {
    margin-bottom: 60px;
}

.section-space--mb_30 {
    margin-bottom: 30px;
}


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

.font-weight--bold {
    font-weight: 500;
}

.text-green {
    color: #0B7349 !important;
}

.text-orange {
    color: #f7a600 !important;
}



.ht-service-box--three {
    padding: 5px 30px;
    -webkit-box-shadow: 0 0 40px 5px rgba(51, 51, 51, 0.1);
    box-shadow: 0 0 40px 5px rgba(51, 51, 51, 0.1);
    background: #fff;
    border-radius: 10px;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}


.ht-service-box--three:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 18px 40px 5px rgba(51, 51, 51, 0.1);
    box-shadow: 0 18px 40px 5px rgba(51, 51, 51, 0.1);
}

.ht-service-box--three .service-box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}


.ht-service-box--three .image__media {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 20px 0 0;
    min-width: 100px;
    text-align: center;
}


.ht-service-box--three.all .image__media {
    min-width: 150px;
    margin: 0 30px 0 0;
}


.ht-service-box--three .heading {
    color: #0b7349;
    margin-bottom: 15px;
    font-size: 20px;
}

.font-weight--light {
    font-weight: 500;
}

.font-weight-500 {
    font-weight: 500;
}

.ht-service-box--three .service_text {
    color: #7e7e7e;
    font-weight: 500;
    font-size:17px;
}


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

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

.vc_row-separator.bottom {
    bottom: 0;
}

.vc_row-separator {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    line-height: 0;
}

.vc_row-separator.bottom {
    bottom: 0;
}

.payment_feature_svg {
    z-index: -0;
}

.vc_row-separator svg {
    height: 100px;
    width: 100%;
}


.payment_feature_svg.vc_row-separator svg {
    height: 520px;
    width: 100%;
}

.payment-typed-text-wrap {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a392d), color-stop(100%, #0c7349));
    background: -webkit-linear-gradient(left, #1a392d 0, #0c7349 100%);
    background: -o-linear-gradient(left, #1a392d 0, #0c7349 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1a392d), to(#0c7349));
    background: linear-gradient(left, #1a392d 0, #0c7349 100%);
    background: -ms-linear-gradient(left, #1a392d 0, #0c7349 100%);
    z-index: 10;
    position: relative;
}


.payment-typed-text-wrap .typed-text-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

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



.typed-text-wrap h4 {
    max-width: 700px;
    font-size: 48px;
    line-height: 1.34;
    margin-bottom: 0;
    word-wrap: break-word;
    font-weight: 500;
    margin-top: -20px;
}

.payment-typed-text-wrap .typed-text-wrap h1 {
    max-width: 100%;
    color: #ffffff;
    margin-top: 0;
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

.cd-headline.type .cd-words-wrapper {
    vertical-align: top;
    overflow: hidden;
}


.cd-words-wrapper b {
    display: inline-block;
}

.cd-headline.type .cd-words-wrapper::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: #aebcb9;
}


.payment_feature_svg.vc_row-separator.tilt_right.top {
    -webkit-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

.payment_feature_svg {
    z-index: -0;
}

.payment_feature_svg.vc_row-separator svg {
    height: 520px;
    width: 100%;
}

.pricing-table-content-area,
.payment-staps-way-wrap,
.payment-staps-way-last_wrap {
    z-index: 2;
    position: relative;
}

.section-space--pt_60 {
    padding-top: 60px;
}

.payment-process-step__content {
    max-width: 500px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.payment-process-step__one .payment-process-step__content {
    margin-top: 200px;
    position: relative;
}

.payment-process-step__content h4 {
    z-index: 1;
    position: relative;
}



.payment-process-step__content sup {
    position: absolute;
    top: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 138px;
    font-weight: 700;
    line-height: 1;
    color: #f3eff8;
    z-index: -1;
}

.payment-process-step__one .payment-process-step__content sup {
    right: 40px;
}

.payment-process-step__content .sub-text {
    font-size: 18px;
    line-height: 1.48;
    letter-spacing: 0.3 !important;
}

.section-space--mb_40 {
    margin-bottom: 40px;
}

.payment-process-step__content .payment-process-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ht-btn {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    font-size: 15px;
    font-weight: 500;
    border-style: solid;
    border-radius: 5px;
    border-color: transparent;
    padding: 0 36px;
    text-align: center;
    color: #ffffff;
    background-image: -webkit-linear-gradient(232deg, #ffaf0b 0, #f7d900 50%, #ff7f24 100%);
    background-image: -o-linear-gradient(232deg, #ffaf0b 0, #f7d900 50%, #ff7f24 100%);
    background-image: linear-gradient(218deg, #ffaf0b 0, #f7d900 50%, #ff7f24 100%);
    background-size: 200% auto;
    background-position: left center;
    border-width: 1px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    cursor: pointer;
}

.ht-btn.ht-btn-md {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 54px;
    height: 54px;
}

.ht-btn:hover,
.ht-btn:active,
.ht-btn:focus {
    color: #ffffff;
    background-image: -webkit-linear-gradient(232deg, #ffaf0b 0, #f7d900 50%, #ff7f24 100%);
    background-image: -o-linear-gradient(232deg, #ffaf0b 0, #f7d900 50%, #ff7f24 100%);
    background-image: linear-gradient(218deg, #ffaf0b 0, #f7d900 50%, #ff7f24 100%);
    background-position: right center;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}


.payment-process-step__content .payment-process-btn .sub-heading {
    margin-left: 15px;
    font-size: 15px;
}

.sub-heading {
    color: #6d70a6;
}

.hover-style-link--green {
    color: #38cb89;
}

.hover-style-link {
    position: relative;
}

.hover-style-link:after {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background-color: #5945e6;
}

.hover-style-link--green:after {
    background-color: #38cb89;
}

.section-space--pt_60 {
    padding-top: 60px;
}

.payment-process-step__content {
    max-width: 500px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.payment-process-step__two .payment-process-step__content {
    position: relative;
}

.payment-process-step__content h4 {
    z-index: 1;
    position: relative;
    font-size: 34px;
}

.payment-process-step__content sup {
    position: absolute;
    top: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 138px;
    font-weight: 700;
    line-height: 1;
    color: #ebf5f1;
    z-index: -1;
}


.payment-process-step__two .payment-process-step__content sup {
    left: -55px;
}

.check-list .list-item {
    position: relative;
    padding-left: 32px;
    margin-bottom: 13px;
}

.check-list .list-item::before {
    color: #5945e6;
    content: '\eed8';
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    font-size: 23px;
    line-height: 1;
    font-family: 'IcoFont';
    font-weight: 900;
}

.check-list.green-check-list .list-item::before {
    color: #0b7349;
}

.payment-process-step__content .payment-process-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


.payment-pricing-table-bg {
    background: url(../images/banner/aeroland-payment-image-06.jpg);
    background-repeat: no-repeat;
    z-index: -0;
}

.section-space--pb_120 {
    padding-bottom: 120px;
}

.section-space--pb_60 {
    padding-bottom: 60px;
}


.section-table_gradeient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a382c), color-stop(100%, #0b7349));
    background: -webkit-linear-gradient(left, #1a382c 0, #0b7349 100%);
    background: -o-linear-gradient(left, #1a382c 0, #0b7349 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1a382c), to(#0b7349));
    background: linear-gradient(left, #1a382c 0, #0b7349 100%);
    background: -ms-linear-gradient(left, #1a382c 0, #0b7349 100%);
}


.section-spartor_svg_02.vc_row-separator.tilt_right.top {
    -webkit-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

.section-spartor_svg_02.vc_row-separator svg {
    height: 350px;
}



.payment-process__inner h4 {
    color: #0B7349;
}



.index-form {
    position: relative;
    border-radius: 10px;
}


.newsletter-form--two input {
    /* min-width: 275px;  */
    border-radius: 5px;
    padding: 3px 20px;
    height: 56px;
    border-color: #eaeaea;
}

.newsletter-form--two textarea {
    border-radius: 5px;
    padding: 5px 20px;
    resize: none;
    height: 120px;
    border-color: #eaeaea;
}

.newsletter-form--two input:focus,
.newsletter-form--two textarea:focus {
    box-shadow: 0 .1rem .5rem rgba(0, 0, 0, .11) !important;
    border-color: #eaeaea;
}


@media (min-width: 1200px) {
    .header-section .primary-menu .main-area .header-btn {
        margin-left: 20px;
    }
}

ul.check-list {
    margin-left: 0;
}

ul.check-list,
ul.check-list li {
    list-style: none;

}


@keyframes lab_banner_round {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 254, 253, 0.3);
        box-shadow: 0 0 0 0 rgba(255, 254, 253, 0.3);
    }

    70% {
        -moz-box-shadow: 0 0 0 50px rgba(187, 109, 247, 0);
        box-shadow: 0 0 0 50px rgba(187, 109, 247, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(187, 109, 247, 0);
        box-shadow: 0 0 0 0 rgba(187, 109, 247, 0);
    }
}


@keyframes lab_run_top_y {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes lab_run_x {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-30px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes lab_zoomin {
    0% {
        transform: translateY(-20px) translateX(0px);
    }

    50% {
        transform: translateY(0px) translateX(-20px);
    }

    100% {
        transform: translateY(-20px) translateX(0px);
    }
}

@keyframes lab_run_top_y {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0px);
    }
}



.section-references {
    background-color: #F5F7FD;
}

.section-references .reference-item img {
    filter: gray();
    -webkit-filter: grayscale(100%);
    -webkit-backface-visibility: hidden;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    opacity: .7;
}

.section-references .reference-item:hover img {
    filter: none;
    -webkit-filter: grayscale(0%);
    opacity: 1;
}

.section-space--ptb_90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.footer-top.shopapp {
    position: relative;
    background-image: linear-gradient(218deg, #ffaf0b 0, #f7cd00 50%, #ff7f24 100%)
}

.footer-top.style-2 {
    background-size: auto;
}

.footer-top.style-2 {
    position: relative;
}

.footer-top.style-2 .container {
    position: relative;
    z-index: 2;
}

.footer-top .footer-item .footer-inner .footer-content .title h6 {
    font-size: 25px;
    color: #FFF;
}

.footer-top.style-2 .footer-item .footer-inner .footer-content h6,
.footer-top.style-2 .footer-item .footer-inner .footer-content span {
    /* color: #ffffff; */
}

.footer-top.style-2 .footer-item .footer-inner .footer-content p {
    color: #696969;
}

.footer-top .footer-item .footer-inner .footer-content .content ul {
    padding: 0;
    margin: 0;
}

.footer-top .footer-item .footer-inner .footer-content .content ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}

.footer-top .footer-item .footer-inner .footer-content .content p {
    color: #fff;
}

.footer-top.style-2 .footer-item .footer-inner .footer-content p {
    color: #696969;
}

.footer-top .footer-item .footer-inner .footer-content .content ul li p {
    margin-bottom: 0;
}


.footer-top .footer-item .footer-inner .footer-content .content ul li p span {
    font-weight: 700;
    padding-right: 10px;
    color: #000000;
}


.footer-top.style-2 .footer-item .footer-inner .footer-content .content ul li a {
    color: #464646;
    font-weight: 500;
    font-size: 13px;
}
.footer-contact-text{
    font-size:13px;
}
.footer-top.style-2 .footer-item .footer-inner .footer-content .content ul li a:hover {
    color: #0B7349;
}

.footer-top .footer-item .footer-inner .footer-content .content ul li a i {
    margin-right: 10px;
}

.footer-top.maketing:after,
.footer-top.shopapp:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: url(../images/footer-shape.png) no-repeat;
    z-index: 1;
    background-position: bottom;
}


.footer-social li i {
    width: 40px;
    height: 40px;
    /* background-color: #dedcd2; */
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    font-size: 18px;

    border: 2px solid #565656;
}

.footer-social li a:hover i {
    border-color: #0B7349;
}

.content-contact i {
    font-size: 22px;
    /* display: inline-block; */
    /* width: 40px; */
    /* height: 40px; */
    line-height: 30px;
    /* background: rgb(252, 186, 7); */
    /* border-radius: 100%; */
    /* text-align: center; */
    /* line-height: 40px; */
    color: #424242;
    /* box-shadow: 2px 2px 6px rgba(0,0,0,.3); */
}


.content-contact .media {
    margin-bottom: 10px;
}

.content-contact p {
    margin-bottom: 0;
}

.footer-bottom {
    text-align: center;
    background: #404040;
    padding: 8px 0;
}

.footer-bottom p {
    margin-bottom: 0;
    color: #ccc;
}

.header-section.colored {
    padding: 15px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;

}

.header-section.colored .primary-menu .main-area .main-menu ul li a {
    font-weight: 600;
}

.header-section.colored .primary-menu {
    border-bottom: 1px solid #ecf0f3;
}

.header-section.colored .menu-fixed .primary-menu {
    border-bottom: none;
}


.page-header::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: #f4f7ff;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom center;
    -webkit-mask-image: url(../images/pageheader/pattern.png);
}


.page-header .pageheader-textarea {
    z-index: 1;
    position: relative;
}

@media (min-width: 576px) {
    .page-header .pageheader-textarea p {
        max-width: 500px;
        margin: 0 auto;
    }
}

@keyframes lab_round {
    100% {
        transform: rotateZ(360deg);
    }
}



.pos-section .pos-content-area .section-wrapper ul {
    margin: 0 0 40px;
    display: flex;
    flex-wrap: wrap;
}


.pos-section .pos-content-area .section-wrapper ul li {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    flex-wrap: wrap;
}

.pos-section .pos-content-area .section-wrapper ul li {
    width: 50%;
}

.pos-section .pos-content-area .section-wrapper ul li i {
    color: #f7a600;
    margin-right: 7px;
}

.price-bg {
    background: linear-gradient(to right, #ff4f58, #ffb400);
}


.lab-item .lab-inner {
    padding: 40px;
    background: linear-gradient(to top, #23cc88, #8ecf35);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.lab-item .lab-inner.return_2 {
    background: linear-gradient(to right, #ff4f58, #ffb400);
}


.lab-item .lab-inner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/service/vpn/shape.png);
    background-repeat: no-repeat;
}

.contact-us .contact-area {
    margin: 0;
    list-style: none;
}

.contact-us .contact-area .contact-item {
    align-items: flex-start;
    border-bottom: 1px solid #ecf0f3;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 8px 0;
}

.contact-us .contact-area .contact-item .contact-icon {
    width: 30px;
    text-align: center;
}

.contact-us .contact-area .contact-item .content {
    width: calc(100% - 45px);
}

.contact-us .contact-area .contact-item .content h6 {
    margin-bottom: 0;
}



.single-blog-item.lg-blog-item {
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.single-blog-item.lg-blog-item:last-child {
    padding-bottom: 60px;
    margin-bottom: 0px;
}

.single-blog-item.xs-list-blog-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.single-blog-item.xs-list-blog-item:last-child {
    margin-bottom: 0;
}

.single-blog-item .post-feature img {
  

}

.single-blog-item .post-quote {
    position: relative;
    padding: 78px 40px 53px;
    background: #f5f7fd;
    text-align: center;
}

.single-blog-item .post-quote .post-quote-text {
    line-height: 1.5;
    margin-bottom: 39px;
}

.single-blog-item .post-quote::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 54px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 132px;
    width: 150px;
    background: url(../images/icons/quote.png) no-repeat;
}

.single-blog-item .post-quote .post-quote-name {
    color: #333;
}

.single-blog-item .post-link {
    background-color: #38cb89;
    position: relative;
    padding: 68px 20px 62px;
    text-align: center;
}

.single-blog-item .post-link a {
    color: #ffffff;
    word-wrap: anywhere;
}

.single-blog-item .post-link::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 112px;
    width: 112px;
    background: url(../images/icons/link.png) no-repeat;
}

.single-blog-item .post-audio-box {
    width: 100%;
    border: none;
}

.single-blog-item .post-info {
    margin-top: 20px;
}

.single-blog-item .post-info .post-categories {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.single-blog-item .post-info .post-title {
    margin-bottom: 15px;
}

.single-blog-item .post-info .post-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.single-blog-item .post-info .post-meta .post-author {
    padding: 5px 10px 0;
}

.single-blog-item .post-info .post-meta .post-author .avatar-96 {
    width: 32px;
    vertical-align: middle;
    margin-right: 6px;
    border-radius: 50%;
}

.single-blog-item .post-info .post-meta .post-date {
    /* padding: 5px 10px; */
}

.single-blog-item .post-info .post-meta .post-date .meta-icon {
    margin-right: 6px;
}

.single-blog-item .post-info .post-meta .post-comments {
    padding: 5px 10px;
}

.single-blog-item .post-info .post-meta .post-comments .meta-icon {
    margin-right: 6px;
}

.single-blog-item.blog-grid {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 4px 32px rgba(51, 51, 51, 0.07);
    box-shadow: 0 4px 32px rgba(51, 51, 51, 0.07);
}

.single-blog-item.blog-grid .post-info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0px 28px 25px;
}

.single-blog-item.blog-grid .post-info .post-title {
    margin-bottom: 12px;
    line-height: 1.5;
}

.single-blog-item.blog-masonry {
    margin-bottom: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-blog-item.blog-masonry {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .single-blog-item.blog-masonry {
        margin-bottom: 30px;
    }
}

.single-blog-item.blog-masonry .post-info .post-title {
    line-height: 1.5;
}

.single-blog-item .post-read-more .btn-read-more {
    color: #6d70a6;
    font-weight: 500;
}

.single-blog-item .post-read-more .btn-read-more::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 1px;
    width: 40px;
    background: #ccc;
    margin-right: 15px;
}

.single-blog-item .post-read-more .btn-read-more:hover {
    color: #38cb89;
}

.post-list-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 767px) {
    .post-list-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.post-list-wrapper .post-feature {
    width: 270px;
    margin-right: 30px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.post-list-wrapper .post-info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 0px;
}

@media only screen and (max-width: 767px) {
    .post-list-wrapper .post-info {
        margin-top: 20px;
    }
}

.quote-post-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
}

.quote-post-wrapper::before {
    content: '';
    padding-top: 100%;
}

.quote-post-wrapper .post-overlay {
    background: #f5f7fd;
    -webkit-transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 1);
    -o-transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 1);
    transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.quote-post-wrapper .post-info {
    padding: 74px 64px 51px;
}

.quote-post-wrapper .post-quote-text {
    font-size: 24px;
    line-height: 1.5;
}

.quote-post-wrapper .post-content {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 1;
}

.quote-post-wrapper .post-content ::before {
    content: '';
    position: absolute;
    top: 36px;
    left: 0;
    background: url(../images/icons/metro-quote.png) no-repeat;
    width: 150px;
    height: 132px;
}

.quote-post-wrapper .post-quote-name {
    font-size: 24px;
    color: #333;
    margin: 170px 0 0;
}

.single-valid-post-wrapper {
    overflow: hidden;
}

.single-valid-post-wrapper:hover .single-valid__thum {
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.single-valid-post-wrapper .post-content {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 1;
}

.single-valid-post-wrapper .post-info {
    padding: 30px 30px 48px;
    width: 100%;
    color: #fff;
}

.single-valid-post-wrapper .post-info .post-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.single-valid-post-wrapper .post-info .post-meta .post-date {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.single-valid-post-wrapper .post-info .post-meta .post-date .meta-icon {
    margin-right: 6px;
}

.single-valid-post-wrapper .post-info .post-meta .post-categories {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.single-blog__item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 1);
    -o-transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 1);
    transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 1);
}

.single-blog__item::before {
    content: '';
}

.single-blog__item::before {
    padding-top: 50%;
}

.single-blog__item .single-valid__thum {
    -webkit-transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 1);
    -o-transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 1);
    transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.single-blog__item .single-valid__thum::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(27%, transparent), to(rgba(0, 0, 0, 0.28)));
    background-image: -webkit-linear-gradient(top, transparent 27%, rgba(0, 0, 0, 0.28) 100%);
    background-image: -o-linear-gradient(top, transparent 27%, rgba(0, 0, 0, 0.28) 100%);
    background-image: linear-gradient(-180deg, transparent 27%, rgba(0, 0, 0, 0.28) 100%);
}

blockquote {
    margin: 54px 65px 44px 70px !important;
    padding: 0 0 0 20px;
    font-size: 18px;
    font-style: italic;
    line-height: 1.78;
    border-left: 2px solid #eee;
    border-left-color: #38cb89;
    position: relative;
    color: #6d70a6;
}

@media only screen and (max-width: 767px) {
    blockquote {
        margin: 54px 65px 44px 30px !important;
    }
}

.entry-post-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.entry-post-tags .tagcloud-icon {
    font-size: 13px;
    margin-right: 9px;
    margin-bottom: 0;
}

.entry-post-tags .tagcloud a:hover {
    color: #38cb89;
}

.entry-post-share-wrap {
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e8f6;
    margin-bottom: 50px;
}

.entry-post-share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media only screen and (max-width: 575px) {
    .entry-post-share {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 20px;
    }
}

.entry-post-share .share-media .share-icon {
    color: #fff;
    background-color: #9C7AF2;
    background-image: -webkit-linear-gradient(219deg, #9C7AF2 0, #5E61E7 100%);
    background-image: -o-linear-gradient(219deg, #9C7AF2 0, #5E61E7 100%);
    background-image: linear-gradient(-129deg, #9C7AF2 0, #5E61E7 100%);
    height: 48px;
    width: 48px;
    line-height: 48px;
    font-size: 15px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #9c7af2;
}

.entry-post-share .share-media {
    position: relative;
    margin-left: 10px;
}

.entry-post-share .share-list {
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -12px);
    -ms-transform: translate(-50%, -12px);
    transform: translate(-50%, -12px);
    width: auto;
    white-space: nowrap;
    padding: 0 4px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-filter: drop-shadow(0 2px 20px rgba(0, 0, 0, 0.06));
    filter: drop-shadow(0 2px 20px rgba(0, 0, 0, 0.06));
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .entry-post-share .share-list {
        -webkit-transform: translate(-75%, -12px);
        -ms-transform: translate(-75%, -12px);
        transform: translate(-75%, -12px);
    }
}

.entry-post-share .share-list::before {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    border-top: 8px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .entry-post-share .share-list::before {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.entry-post-share .share-list a {
    display: inline-block;
    font-size: 13px;
    padding: 12px;
    color: #555;
}

.entry-post-share.opened .share-list {
    -webkit-transform: translate(-50%, -22px);
    -ms-transform: translate(-50%, -22px);
    transform: translate(-50%, -22px);
    visibility: visible;
    opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .entry-post-share.opened .share-list {
        -webkit-transform: translate(-75%, -12px);
        -ms-transform: translate(-75%, -12px);
        transform: translate(-75%, -12px);
    }
}

.entry-author .author-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.entry-author .author-avatar {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 170px;
    text-align: center;
}

@media only screen and (max-width: 575px) {
    .entry-author .author-avatar {
        width: 120px;
    }
}

.entry-author .author-social-networks .inner {
    display: inline-block;
    margin: 22px -9px 0;
}

.entry-author .author-social-networks .inner a {
    display: block;
    float: left;
    padding: 6px 9px;
    font-size: 13px;
    line-height: 1;
    color: #ababab;
}

.entry-author .author-biographical-info {
    margin-top: 15px;
    font-size: 14px;
    font-style: italic;
    color: #ababab;
}

.related-posts-wrapper {
    margin-top: 66px;
}

.related-posts-wrapper .single-valid-post-wrapper {
    position: relative;
    height: 100%;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    overflow: hidden;
}

.related-posts-wrapper .single-valid-post-wrapper:hover .single-valid__thum {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.related-posts-wrapper .single-valid-post-wrapper:hover .post-info {
    opacity: 0;
    visibility: hidden;
}

.related-posts-wrapper .single-valid__thum {
    -webkit-transition: all .3s, -webkit-transform 1s;
    transition: all .3s, -webkit-transform 1s;
    -o-transition: all .3s, transform 1s;
    transition: all .3s, transform 1s;
    transition: all .3s, transform 1s, -webkit-transform 1s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #222;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
}

.related-posts-wrapper .single-valid__thum::before {
    opacity: 0;
}

.related-posts-wrapper .post-info {
    padding: 85px 30px 10px;
    margin-top: 0px;
}

.related-posts-wrapper .post-info .post-categories {
    color: #b6b7d2;
}

.comment-list-wrapper {
    margin-top: 66px;
}

.comment-list {
    margin: 0;
    padding: 0;
}

.comment-list .comment {
    list-style-type: none;
}

.comment-list .comment-author {
    float: left;
}

.comment-list .comment-content {
    position: relative;
    overflow: hidden;
    margin-left: 100px;
}

.comment-list .meta {
    margin-bottom: 12px;
}

.comment-list .meta .fn {
    font-size: 15px;
    color: #333;
    display: inline-block;
    margin-bottom: 0;
}

.comment-list .meta .comment-datetime {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    margin-left: 10px;
    font-size: 14px;
    font-style: italic;
    color: #ababab;
}

.comment-list .meta .comment-datetime::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #d8d8d8;
    border-radius: 50%;
}

.comment-list .comment-actions a {
    margin-right: 20px;
    font-weight: 500;
    color: #6d70a6;
}

.comment-list .comment-actions a::before {
    content: '\f3e5';
    opacity: .5;
    margin-right: 10px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}

.comment-list .comment-actions a:hover {
    color: #38cb89;
}

.comment-list .children {
    margin: 40px 0 20px 100px;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .comment-list .children {
        margin: 40px 0 20px 40px;
    }
}

.comment-list .children li+li {
    margin-top: 35px;
}

.comment-list .comment-actions {
    margin-top: 16px;
}

.comment-submit-btn .ht-btn {
    padding: 0 54px;
}

.post-feature-details.post-quote {
    position: relative;
    padding: 48px 40px;
    background: #5945e6;
    text-align: center;
}

.post-feature-details.post-quote::before {
    display: none;
}

.post-feature-details.post-quote .quote-icon {
    color: #fff;
    font-size: 26px;
    margin-bottom: 35px;
}

.post-feature-details.post-quote .post-quote-text {
    line-height: 1.5;
    margin-bottom: 25px;
    color: #ffffff;
}

.post-feature-details.post-quote .post-quote-name {
    color: #ffffff;
}

.post-feature-details.post-link {
    padding: 82px 100px;
    background: #f7fbfe;
    font-size: 24px;
    line-height: 1.5;
}

.post-feature-details.post-link a {
    color: #38cb89;
    word-wrap: anywhere;
    font-weight: 500;
}

.post-feature-details.post-link::before {
    display: none;
}


.home-icon {
    font-size: 20px;
}

.ozellik-img{
    height:128px;
    width:100vh!important;
}
.head-text{
    font-size:33px!important;
}

@media (max-width: 881px) {
   .ozellik-text{
    text-align:center;
}
.head-text{
    font-size:26px;
}
}