/*================
 Template Name: Hostlar Hosting Provider with WHMCS Template
 Description: All type of web hosting provider or company with WHMCS template.
 Version: 1.0
 Author: https://themeforest.net/user/themetags

=======================*/
/*TABLE OF CONTENTS*/
/*=====================
01. RESET CSS
02. BASE TYPOGRAPHY
03. PRE DEFINE CLASS CSS
04. HEADER MENU CSS
05. HERO SECTION CSS
06. CUSTOM VPS PLAN CSS
07. PRICING SECTION CSS
08. TEAM SECTION CSS
09. CLIENT SECTION CSS
10. FAQ CSS
11. PROMO SECTION CSS
12. FEATURE SECTION CSS
13. START AND TRANSFER SECTION CSS
14. DOMAIN NAME LIST CSS
15. FEATURE TAB CSS
16. POPULAR DOMAIN LIST CSS
17. PRELOADER CSS
18. DOMAIN SEARCH FROM
19. NETWORK MAP CSS
20. SUBMIT REQUEST FORM CSS
21. VPS HOSTING CSS
22. SERVICES STATUS CSS
23. PARTNER SECTION CSS
24. CLIENT RATTING OR REVIEW CSS
24. 404 PAGES CSS
25. BREADCRUMB CSS
26. FIXED SIDEBAR CSS
27. LOGIN SIGN UP CSS
28. BLOG SECTION CSS
29. CONTACT US CSS
30. BACK TO TOP CSS
31. FOOTER CSS
=======================*/
/* -----------------------------------------
           02. BASE TYPOGRAPHY
-------------------------------------------- */
/* line 49, src/assets/scss/custom/_style.scss */
body {
    background-color: #ffffff;
    font-family: "Open Sans", sans-serif;
    color: #575757;
    font-weight: 400;
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* line 58, src/assets/scss/custom/_style.scss */
.h1,
.display-1,
.h2,
.display-2,
.h3,
.display-3,
.h4,
.display-4,
.h5,
.display-5,
.h6,
.display-6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    color: #0d1536;
}

@media (min-width: 1200px) {
    /* line 80, src/assets/scss/custom/_style.scss */
    .h2,
    h2 {
        font-size: 2.1875rem;
    }
}

/* line 85, src/assets/scss/custom/_style.scss */
.h5,
.h6,
h5,
h6 {
    font-weight: 600;
    margin-bottom: 0.375rem;
}

/* line 92, src/assets/scss/custom/_style.scss */
.h5,
h5 {
    font-size: 1.125rem;
}

/* line 96, src/assets/scss/custom/_style.scss */
.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
    font-weight: 700;
}

/* line 106, src/assets/scss/custom/_style.scss */
.lead {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: Poppins, sans-serif;
}

/* line 111, src/assets/scss/custom/_style.scss */
p:not(:last-child) {
    margin-bottom: 1.25em;
}

/* line 114, src/assets/scss/custom/_style.scss */
ul,
ol {
    margin-bottom: 0;
    padding: 0;
}

/* line 118, src/assets/scss/custom/_style.scss */
li {
    list-style: none;
}

/* line 121, src/assets/scss/custom/_style.scss */
strong,
b {
    font-weight: 500 !important;
    font-family: "Poppins", sans-serif;
}

/* line 126, src/assets/scss/custom/_style.scss */
.badge {
    display: inline;
    padding: 0.25rem 0.45rem;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 11px;
}

/* line 135, src/assets/scss/custom/_style.scss */
.badge-pill {
    padding-right: 0.875em;
    padding-left: 0.875em;
    border-radius: 50rem;
}

/*========================================
        03. PRE DEFINE CLASS CSS
==========================================*/
/* line 144, src/assets/scss/custom/_style.scss */
.rounded-custom {
    border-radius: 1rem;
}

/* line 147, src/assets/scss/custom/_style.scss */
.ptb-100 {
    padding: 100px 0;
}

/* line 151, src/assets/scss/custom/_style.scss */
.pt-100 {
    padding-top: 100px;
}

/* line 155, src/assets/scss/custom/_style.scss */
.pt-165 {
    padding-top: 165px;
}

/* line 159, src/assets/scss/custom/_style.scss */
.pb-100 {
    padding-bottom: 100px;
}

/* line 163, src/assets/scss/custom/_style.scss */
.mt--165 {
    margin-top: -165px !important;
}

/* line 167, src/assets/scss/custom/_style.scss */
.gray-light-bg {
    background: #f8f9fa;
}

/* line 171, src/assets/scss/custom/_style.scss */
.primary-bg {
    background: #035ded;
}

/* line 175, src/assets/scss/custom/_style.scss */
.secondary-bg {
    background: #031974;
}

/* line 179, src/assets/scss/custom/_style.scss */
.color-primary {
    color: #035ded;
}

/* line 183, src/assets/scss/custom/_style.scss */
.color-secondary {
    color: #031974;
}

/* line 187, src/assets/scss/custom/_style.scss */
.gradient-bg {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#031974),
        to(#1934a7)
    ) !important;
    background: linear-gradient(90deg, #031974, #1934a7) !important;
}

/* line 191, src/assets/scss/custom/_style.scss */
.white-bg {
    background: #ffffff;
}

/* line 195, src/assets/scss/custom/_style.scss */
a {
    color: #035ded;
}

/* line 199, src/assets/scss/custom/_style.scss */
a:hover {
    color: #031974;
    text-decoration: none;
}

/* line 204, src/assets/scss/custom/_style.scss */
.color-1 {
    color: #ff164e;
}

/* line 208, src/assets/scss/custom/_style.scss */
.color-1-bg {
    background: rgba(255, 22, 78, 0.15);
}

/* line 212, src/assets/scss/custom/_style.scss */
.color-2 {
    color: #031974;
}

/* line 216, src/assets/scss/custom/_style.scss */
.color-2-bg {
    background: rgba(145, 35, 255, 0.15);
}

/* line 220, src/assets/scss/custom/_style.scss */
.color-3 {
    color: #035ded;
}

/* line 224, src/assets/scss/custom/_style.scss */
.color-3-bg {
    background: rgba(0, 115, 236, 0.15);
}

/* line 228, src/assets/scss/custom/_style.scss */
.color-4,
.ratting-color {
    color: #ff7c3f;
}

/* line 232, src/assets/scss/custom/_style.scss */
.color-4-bg {
    background: rgba(255, 124, 63, 0.15);
}

/* line 236, src/assets/scss/custom/_style.scss */
.color-5,
.success-color {
    color: #2ebf6d;
}

/* line 240, src/assets/scss/custom/_style.scss */
.color-5-bg {
    background: rgba(46, 191, 109, 0.15);
}

/* line 244, src/assets/scss/custom/_style.scss */
.color-6 {
    color: #f25c7f;
}

/* line 248, src/assets/scss/custom/_style.scss */
.color-6-bg {
    background: rgba(242, 92, 127, 0.15);
}

/* line 252, src/assets/scss/custom/_style.scss */
.animated-btn {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* line 256, src/assets/scss/custom/_style.scss */
.outline-btn,
.secondary-solid-btn,
.primary-solid-btn,
.solid-white-btn,
.outline-white-btn,
.secondary-outline-btn {
    padding: 12px 28px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* line 264, src/assets/scss/custom/_style.scss */
.primary-solid-btn {
    border: 1px solid #035ded;
    background: #035ded;
    color: #ffffff;
}

/* line 271, src/assets/scss/custom/_style.scss */
.primary-solid-btn:hover {
    border-color: #004bc3;
    background: #004bc3;
    color: #ffffff;
}

/* line 277, src/assets/scss/custom/_style.scss */
.secondary-solid-btn {
    color: #fff;
    background: #031974;
    border: 1px solid #031974;
}

/* line 283, src/assets/scss/custom/_style.scss */
.secondary-solid-btn:hover {
    background: transparent;
    color: #031974;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* line 289, src/assets/scss/custom/_style.scss */
.secondary-outline-btn {
    color: #031974;
    display: inline-block;
    border: 1px solid #031974;
}

/* line 294, src/assets/scss/custom/_style.scss */
.secondary-outline-btn:hover {
    background: #031974;
    color: #ffffff;
}

/* line 298, src/assets/scss/custom/_style.scss */
.outline-btn {
    position: relative;
    display: inline-block;
    color: #035ded;
    border: 1px solid #035ded;
}

/* line 305, src/assets/scss/custom/_style.scss */
.outline-btn:hover {
    color: #ffffff;
    background: #035ded;
}

/* line 309, src/assets/scss/custom/_style.scss */
.primary-bg h1,
.primary-bg p {
    color: #fff;
}

/* line 313, src/assets/scss/custom/_style.scss */
.solid-white-btn {
    background: #ffffff;
    border-color: #ffffff;
    color: #585b60;
}

/* line 319, src/assets/scss/custom/_style.scss */
.solid-white-btn:hover {
    background: transparent;
    color: #ffffff;
}

/* line 324, src/assets/scss/custom/_style.scss */
.outline-white-btn {
    color: #ffffff;
    border-color: #ffffff;
}

/* line 329, src/assets/scss/custom/_style.scss */
.outline-white-btn:hover {
    background: #ffffff;
    color: #585b60;
}

/*icon size*/
/* line 335, src/assets/scss/custom/_style.scss */
.icon-sm {
    font-size: 25px;
    line-height: 25px;
}

/* line 340, src/assets/scss/custom/_style.scss */
.icon-md {
    font-size: 35px;
    line-height: 35px;
}

/* line 345, src/assets/scss/custom/_style.scss */
.icon-lg {
    font-size: 45px;
    line-height: 45px;
}

/*form field css*/
/* line 351, src/assets/scss/custom/_style.scss */
/* .form-control {
  border-color: #ebebeb;
  padding: .75rem 0.85rem;
  height: calc(2em + .75rem + 2px);
} */

/* line 357, src/assets/scss/custom/_style.scss */
/* .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
} */

/* line 362, src/assets/scss/custom/_style.scss */
input[type]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
select.form-control.has-value {
    color: #b1b1b1 !important;
    font-size: 13px;
}

/* line 370, src/assets/scss/custom/_style.scss */
input[type]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
select.form-control.has-value {
    /* Firefox 18- */
    color: #b1b1b1;
    font-size: 13px;
}

/* line 379, src/assets/scss/custom/_style.scss */
input[type]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
select.form-control.has-value {
    /* Firefox 19+ */
    color: #b1b1b1;
    font-size: 13px;
}

/* line 388, src/assets/scss/custom/_style.scss */
input[type]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
select.form-control.has-value {
    color: #b1b1b1;
    font-size: 13px;
}

/* line 395, src/assets/scss/custom/_style.scss */
select.form-control.has-value {
    height: 52px;
}

/* line 398, src/assets/scss/custom/_style.scss */
.section-heading h2 span {
    font-weight: 400;
    font-size: 2rem;
}

/* line 403, src/assets/scss/custom/_style.scss */
.z-index {
    z-index: 9;
}

/* line 406, src/assets/scss/custom/_style.scss */
.gradient-overlay {
    position: relative;
    width: 100%;
}

/* line 411, src/assets/scss/custom/_style.scss */
.gradient-overlay:before {
    position: absolute;
    content: "";
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#031974),
        to(#1934a7)
    );
    background-image: linear-gradient(90deg, #031974, #1934a7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* line 421, src/assets/scss/custom/_style.scss */
.height-lg-100vh {
    min-height: 100vh;
}

@media (max-width: 576px) {
    /* line 425, src/assets/scss/custom/_style.scss */
    .height-lg-100vh {
        height: auto;
    }
}

/* line 429, src/assets/scss/custom/_style.scss */
.custom-badge {
    top: 5%;
    right: 8%;
}

/*=========================================
            04. HEADER MENU CSS
============================================*/
/* line 438, src/assets/scss/custom/_style.scss */
.bg-transparent ul li a:hover,
.white-bg.affix ul li a:hover {
    opacity: 1;
}

/* line 442, src/assets/scss/custom/_style.scss */
.bg-transparent.affix {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#031974),
        to(#1934a7)
    ) !important;
    background: linear-gradient(90deg, #031974, #1934a7) !important;
}

/*header topbar*/
/* line 446, src/assets/scss/custom/_style.scss */
#header-top-bar {
    padding: 0.75rem 0;
    background: #f1f1f1;
}

/* line 450, src/assets/scss/custom/_style.scss */
.topbar-text ul {
    font-weight: 500;
    line-height: 0;
    margin: 0;
}

/* line 456, src/assets/scss/custom/_style.scss */
.topbar-text ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #575757;
    font-size: 13px;
    line-height: 15px;
    font-family: Poppins, sans-serif;
}

/* line 465, src/assets/scss/custom/_style.scss */
.topbar-text ul li a:hover {
    color: #035ded;
}

/* line 469, src/assets/scss/custom/_style.scss */
.gradient-bg .topbar-text ul li,
.gradient-bg .topbar-text ul li a {
    color: #ffffff;
}

/* line 473, src/assets/scss/custom/_style.scss */
.gradient-bg .topbar-text ul li a:hover {
    opacity: 1;
}

/* line 477, src/assets/scss/custom/_style.scss */
.topbar-text ul li span {
    font-size: 84%;
}

/*main header section css*/
/* line 482, src/assets/scss/custom/_style.scss */
.header-main {
    position: relative;
    display: block;
}

/* line 486, src/assets/scss/custom/_style.scss */
.main-header-menu-wrap {
    display: block !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: slideInU;
    animation-name: slideInU;
}

/* line 492, src/assets/scss/custom/_style.scss */
.main-header-menu-wrap .navbar-toggler.btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #035ded;
}

/* line 497, src/assets/scss/custom/_style.scss */
.main-header-menu-wrap.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

/* line 506, src/assets/scss/custom/_style.scss */
.header-nav {
    padding: 0;
}

@media (min-width: 320px) and (max-width: 767px) {
    /* line 511, src/assets/scss/custom/_style.scss */
    .header-nav {
        padding: 0.5rem 0;
    }
}

/* line 515, src/assets/scss/custom/_style.scss */
.sub-menu-nav-link {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    color: #575757;
}

/* line 526, src/assets/scss/custom/_style.scss */
.main-link-toggle::after {
    display: inline-block;
    font-family: "Font Awesome 6 Pro";
    content: "\f107";
    margin-left: 0.25rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: relative;
    font-size: 11px;
}

/* line 535, src/assets/scss/custom/_style.scss */
.bg-transparent .main-navbar-nav li.header-nav-last-item a.btn {
    border-color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* line 539, src/assets/scss/custom/_style.scss */
.bg-transparent .main-navbar-nav li.header-nav-last-item a.btn:hover {
    background: #035ded !important;
    color: #ffffff !important;
    border-color: #035ded;
}

/*sub menucss*/
/* line 545, src/assets/scss/custom/_style.scss */
.main-sub-menu {
    width: 100%;
    padding-left: 0;
    list-style: none;
}

/* line 551, src/assets/scss/custom/_style.scss */
.sub-menu-nav-group {
    padding-left: 0;
    list-style: none;
}

/* line 556, src/assets/scss/custom/_style.scss */
.u-header__navbar-link {
    color: #757575;
    font-size: 0.875rem;
    font-weight: 300;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* line 564, src/assets/scss/custom/_style.scss */
.custom-nav-item:hover .custom-nav-link,
.custom-nav-item:focus .custom-nav-link {
    color: #035ded;
}

/* line 568, src/assets/scss/custom/_style.scss */
.header-main .active > .custom-nav-link {
    color: #035ded;
}

/* line 572, src/assets/scss/custom/_style.scss */
.custom-nav-link {
    font-size: 14px;
    line-height: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    color: #575757;
    position: relative;
}

/* line 581, src/assets/scss/custom/_style.scss */
.bg-transparent .header-nav a.custom-nav-link,
.gradient-bg .header-nav a.custom-nav-link {
    color: #ffffff !important;
}

/* line 585, src/assets/scss/custom/_style.scss */
.bg-transparent .header-nav a.custom-nav-link:hover,
.gradient-bg .header-nav a.custom-nav-link:hover {
    opacity: 1;
}

/* line 589, src/assets/scss/custom/_style.scss */
.headroom--not-top.slideDown .bg-transparent {
    background: #1934a7 !important;
}

@media (max-width: 767px) {
    /* line 594, src/assets/scss/custom/_style.scss */
    .bg-transparent .header-nav #navBar.navbar-collapse,
    .gradient-bg .header-nav #navBar.navbar-collapse {
        background: #1934a7 !important;
    }
    /* line 597, src/assets/scss/custom/_style.scss */
    #navBar.navbar-collapse {
        padding: 20px;
    }
    /* line 601, src/assets/scss/custom/_style.scss */
    .bg-transparent .header-nav #navBar.navbar-collapse .navbar-nav .nav-link,
    .gradient-bg .header-nav #navBar.navbar-collapse .navbar-nav .nav-link {
        padding: 0.75rem 0;
    }
}

/* line 606, src/assets/scss/custom/_style.scss */
.bg-transparent button.navbar-toggler span {
    color: #ffffff;
}

/* line 610, src/assets/scss/custom/_style.scss */
.sub-link-toggle {
    position: relative;
}

/* line 614, src/assets/scss/custom/_style.scss */
.sub-link-toggle::after {
    display: inline-block;
    font-family: "themify";
    font-size: 60%;
    content: "\e649";
    margin-left: auto;
    margin-right: 0.04rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

/* line 624, src/assets/scss/custom/_style.scss */
.main-sub-menu .active > .sub-menu-nav-link {
    color: #035ded;
}

/* line 628, src/assets/scss/custom/_style.scss */
.sub-menu-title {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-family: "Poppins", sans-serif;
    color: #0d1536;
}

/* line 637, src/assets/scss/custom/_style.scss */
.hs-has-sub-menu {
    position: relative;
}

/*nevbar expend css*/
/* line 641, src/assets/scss/custom/_style.scss */
.navbar-expand {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* line 646, src/assets/scss/custom/_style.scss */
.navbar-expand .main-navbar-nav {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}

/* line 653, src/assets/scss/custom/_style.scss */
.navbar-expand .main-navbar-nav .header-nav-last-item {
    text-align: right;
    padding-left: 1rem;
    padding-right: 0;
}

/* line 658, src/assets/scss/custom/_style.scss */
.header-nav-last-item .btn {
    padding: 10px 20px;
    font-size: 14px;
}

/* line 663, src/assets/scss/custom/_style.scss */
.navbar-expand .main-navbar-nav .custom-nav-link {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 0.875rem;
    padding-left: 0.875rem;
}

/* line 670, src/assets/scss/custom/_style.scss */
.navbar-expand .main-navbar-nav .sub-menu-nav-link {
    padding-right: 1.75rem;
    padding-left: 1.75rem;
}

/* line 675, src/assets/scss/custom/_style.scss */
.navbar-expand .main-navbar-nav .sub-menu-nav-group .sub-menu-nav-link {
    padding-left: 0;
}

/* line 679, src/assets/scss/custom/_style.scss */
.navbar-expand .main-navbar-nav .main-sub-menu.hs-sub-menu {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* line 684, src/assets/scss/custom/_style.scss */
.navbar-expand .main-navbar-nav .main-sub-menu .hs-has-sub-menu {
    padding: 0;
}

/* line 688, src/assets/scss/custom/_style.scss */
.navbar-expand .main-navbar-nav .main-sub-menu .hs-has-sub-menu .main-sub-menu {
    margin-top: -1.1875rem;
}

/* line 692, src/assets/scss/custom/_style.scss */
.navbar-expand
    .u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
    right: 20%;
}

/* line 696, src/assets/scss/custom/_style.scss */
.navbar-expand .mega-menu-wrap {
    padding: 2.5rem;
    margin-left: 0;
    margin-right: 0;
}

/* line 702, src/assets/scss/custom/_style.scss */
.navbar-expand .u-header__promo {
    border-bottom-right-radius: 0.25rem;
}

/* line 706, src/assets/scss/custom/_style.scss */
.navbar-expand .u-header__promo-card {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 1 0 0%;
    -webkit-box-flex: 1;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

/* line 715, src/assets/scss/custom/_style.scss */
.navbar-expand .u-header__promo-card-deck {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
}

/* line 722, src/assets/scss/custom/_style.scss */
.navbar-expand
    .u-header__promo-card-deck
    .title-with-icon-item:not(:last-child)
    .title-with-icon-link {
    position: relative;
}

/* line 726, src/assets/scss/custom/_style.scss */
.navbar-expand
    .u-header__promo-card-deck
    .title-with-icon-item:not(:last-child)
    .title-with-icon-link::after {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -1.5rem;
    border-right: 1px solid #ebebeb;
    height: 100%;
    content: "";
}

/* line 736, src/assets/scss/custom/_style.scss */
.main-sub-menu {
    width: 100%;
    padding-left: 0;
    list-style: none;
}

@media (min-width: 320px) and (max-width: 767px) {
    /* line 742, src/assets/scss/custom/_style.scss */
    .main-sub-menu {
        height: auto;
        overflow-y: scroll;
    }
    /* line 746, src/assets/scss/custom/_style.scss */
    .menu-titile-icon {
        display: none;
    }
}

/* line 751, src/assets/scss/custom/_style.scss */
.hs-mega-menu-opened a.custom-nav-link:before,
.hs-sub-menu-opened a.custom-nav-link:before {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%, 0) rotate(-315deg);
    transform: translate(-50%, 0) rotate(-315deg);
    border-radius: 3px;
    background-color: #035ded;
}

/* line 764, src/assets/scss/custom/_style.scss */
.bg-transparent .hs-mega-menu-opened a.custom-nav-link:before,
.bg-transparent .hs-sub-menu-opened a.custom-nav-link:before {
    background: #ffffff;
}

@media (max-width: 767.98px) {
    /* line 769, src/assets/scss/custom/_style.scss */
    .hs-mega-menu-opened a.custom-nav-link:before,
    .hs-sub-menu-opened a.custom-nav-link:before,
    .bg-transparent .hs-mega-menu-opened a.custom-nav-link:before,
    .bg-transparent .hs-sub-menu-opened a.custom-nav-link:before {
        display: none;
    }
}

/*menu responsive css*/
@media (min-width: 768px) {
    /* line 779, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-navbar-nav .custom-nav-link {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
        padding-right: 0.875rem;
        padding-left: 0.875rem;
    }
    /* line 786, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-navbar-nav .main-sub-menu {
        border-top: 2px solid #035ded;
        border-radius: 0.5rem;
        -webkit-box-shadow: 0 12px 20px 0 rgba(23, 28, 33, 0.16);
        box-shadow: 0 12px 20px 0 rgba(23, 28, 33, 0.16);
    }
    /* line 792, src/assets/scss/custom/_style.scss */
    .bg-transparent .navbar-expand-md .main-navbar-nav .main-sub-menu {
        border-top: 2px solid #ffffff;
    }
    /* line 795, src/assets/scss/custom/_style.scss */
    .navbar-expand-md
        .hs-has-sub-menu
        ul.hs-sub-menu
        > .hs-has-sub-menu
        ul.hs-sub-menu {
        border-top-right-radius: 0.25rem;
    }
    /* line 799, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-navbar-nav .main-sub-menu.hs-sub-menu {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    /* line 804, src/assets/scss/custom/_style.scss */
    .navbar-expand-md
        .main-navbar-nav
        .main-sub-menu
        .hs-has-sub-menu
        .main-sub-menu {
        margin-top: -1.1875rem;
    }
    /* line 808, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-navbar-nav .main-sub-menu.hs-sub-menu {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    /* line 813, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-navbar-nav .main-sub-menu .hs-has-sub-menu {
        padding: 0;
    }
    /* line 817, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-navbar-nav .sub-menu-nav-link {
        padding-right: 1.75rem;
        padding-left: 1.75rem;
    }
    /* line 822, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-navbar-nav .header-nav-last-item {
        text-align: right;
        padding-left: 1rem;
        padding-right: 0;
    }
    /* line 827, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .mega-menu-wrap {
        padding: 2.5rem;
        margin-left: 0;
        margin-right: 0;
    }
    /* line 833, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-navbar-nav .sub-menu-nav-group .sub-menu-nav-link {
        padding-left: 0;
    }
    /* line 836, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .u-header__promo {
        border-bottom-right-radius: 0.25rem;
    }
}

/* line 842, src/assets/scss/custom/_style.scss */
.menu-banner-wrap {
    position: relative;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    border-radius: 0.5rem;
}

/* line 851, src/assets/scss/custom/_style.scss */
.menu-banner-content {
    z-index: 1;
    width: 100%;
    padding: 2rem 3rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

/* line 861, src/assets/scss/custom/_style.scss */
.u-header__product-banner {
    background-color: #f5f5f5;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

/* line 867, src/assets/scss/custom/_style.scss */
.u-header__product-banner-content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

/* line 872, src/assets/scss/custom/_style.scss */
.u-header__promo {
    background-color: #f5f5f5;
}

/* line 876, src/assets/scss/custom/_style.scss */
.u-header__promo-inner {
    padding: 2rem;
}

/* line 880, src/assets/scss/custom/_style.scss */
.menu-countdown h2 {
    font-size: 25px;
    line-height: 20px;
    margin-bottom: 0;
    opacity: 0.8;
    color: #ffffff;
}

/* line 888, src/assets/scss/custom/_style.scss */
.clock.menu-countdown h6 {
    font-size: 14px;
    line-height: 18px;
    color: #ffffff !important;
}

/* line 893, src/assets/scss/custom/_style.scss */
.offer-countdown-item h2 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 0;
    color: #ffffff;
}

/* line 899, src/assets/scss/custom/_style.scss */
.offer-countdown-item h6 {
    font-size: 16px;
    line-height: 18px;
    opacity: 0.8;
    color: #ffffff;
    font-weight: 500;
}

/* line 906, src/assets/scss/custom/_style.scss */
.title-with-icon-item ~ .title-with-icon-item {
    border-top: 1px solid #ebebeb;
}

/* line 910, src/assets/scss/custom/_style.scss */
.title-with-icon-item {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

/* line 915, src/assets/scss/custom/_style.scss */
.title-with-icon-link {
    display: block;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
    color: #464646;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* line 925, src/assets/scss/custom/_style.scss */
.title-with-icon-link:hover .u-header__promo-title {
    color: #035ded;
}

/* line 929, src/assets/scss/custom/_style.scss */
.menu-titile-icon {
    width: 100%;
    max-width: 2rem;
    margin-right: 1rem;
}

/* line 934, src/assets/scss/custom/_style.scss */
.menu-item-icon {
    margin-right: 1rem;
}

/* line 937, src/assets/scss/custom/_style.scss */
.menu-item-icon i {
    font-size: 20px;
    color: #035ded;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* line 942, src/assets/scss/custom/_style.scss */
.title-with-icon-link:hover .menu-item-icon i {
    color: #0e6bff;
}

/* line 946, src/assets/scss/custom/_style.scss */
.u-header__promo-title {
    display: block;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

/* line 954, src/assets/scss/custom/_style.scss */
.u-header__promo-text {
    display: block;
    color: #696a6e;
    font-size: 13px;
    font-weight: 500;
}

/* line 961, src/assets/scss/custom/_style.scss */
.u-header__promo-footer {
    background-color: #f5f5f5;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

/* line 969, src/assets/scss/custom/_style.scss */
.u-header__promo-footer-ver-divider {
    position: relative;
}

/* line 973, src/assets/scss/custom/_style.scss */
.u-header__promo-footer-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* line 977, src/assets/scss/custom/_style.scss */
.u-header__promo-footer-item small,
.u-header__promo-footer-item a {
    font-family: Poppins, sans-serif;
}

/* line 980, src/assets/scss/custom/_style.scss */
.u-header__promo-footer-item small {
    font-weight: 500;
}

/* line 983, src/assets/scss/custom/_style.scss */
.u-header__promo-footer-item a {
    font-weight: 600;
}

/* line 987, src/assets/scss/custom/_style.scss */
a.video-play-icon {
    border-radius: 50%;
    display: block;
    -webkit-animation: ripple 1s linear infinite;
    animation: ripple 1s linear infinite;
    -webkit-transition: 0.6s;
}

/* line 995, src/assets/scss/custom/_style.scss */
.video-play-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    position: relative;
    z-index: 4;
    display: inline-block;
    border: 2px solid #ebebeb;
    cursor: pointer;
    background: #035ded;
}

/* line 1008, src/assets/scss/custom/_style.scss */
.video-play-icon span {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 18%;
    font-size: 15px;
    left: 1px;
    color: #ffffff;
}

/*responsive menu css*/
@media (max-width: 767.98px) {
    /* line 1020, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .custom-nav-link,
    .navbar-expand-md .sub-menu-nav-link {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
    /* line 1027, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-link-toggle::after,
    .navbar-expand-md .sub-link-toggle::after {
        margin-left: auto;
    }
    /* line 1031, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .hs-mega-menu-opened .custom-nav-link-toggle::after,
    .navbar-expand-md .hs-sub-menu-opened .custom-nav-link-toggle::after {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    /* line 1036, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .hs-sub-menu-opened > .sub-link-toggle::after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    /* line 1041, src/assets/scss/custom/_style.scss */
    .u-header--bg-transparent .main-navbar-nav {
        padding: 0.875rem 0;
        padding-top: 1rem;
    }
    /* line 1046, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .sub-menu-title {
        padding-left: 1.5rem;
        margin-bottom: 0;
    }
    /* line 1051, src/assets/scss/custom/_style.scss */
    .u-header--bg-transparent .main-navbar-nav {
        background-color: #fff;
    }
    /* line 1055, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .sub-menu-nav-group {
        padding-top: 0.5rem;
        padding-left: 1.5rem;
    }
    /* line 1060, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-sub-menu:not(.u-header__promo) {
        border-left: 2px solid #035ded;
    }
    /* line 1064, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-sub-menu {
        min-width: 100% !important;
    }
    /* line 1068, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-sub-menu .hs-has-sub-menu {
        padding-left: 1.5rem;
        padding-top: 0;
        padding-bottom: 0;
    }
    /* line 1074, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-sub-menu .main-sub-menu,
    .main-sub-menu .submenu-item {
        padding-left: 1.5rem;
    }
}

/*headerroom*/
@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/* line 1121, src/assets/scss/custom/_style.scss */
.animated.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

/* line 1168, src/assets/scss/custom/_style.scss */
.animated.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

/* line 1177, src/assets/scss/custom/_style.scss */
.headroom {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* line 1188, src/assets/scss/custom/_style.scss */
.headroom--pinned {
    display: block;
}

/* line 1192, src/assets/scss/custom/_style.scss */
.headroom--unpinned {
    display: none;
}

/* line 1196, src/assets/scss/custom/_style.scss */
.headroom--pinned {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

/* line 1200, src/assets/scss/custom/_style.scss */
.headroom--unpinned {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

@media (min-width: 320px) and (max-width: 992px) {
    /* line 1204, src/assets/scss/custom/_style.scss */
    .navbar-expand-md .main-navbar-nav .custom-nav-link {
        padding-right: 0.12rem;
        padding-left: 0.12rem;
    }
    /* line 1208, src/assets/scss/custom/_style.scss */
    .ptb-100 {
        padding: 55px 0;
    }
    /* line 1212, src/assets/scss/custom/_style.scss */
    .pt-100 {
        padding-top: 55px;
    }
    /* line 1216, src/assets/scss/custom/_style.scss */
    .pb-100 {
        padding-bottom: 55px;
    }
    /* line 1219, src/assets/scss/custom/_style.scss */
    .pt-165 {
        padding-top: 100px;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    /* line 1224, src/assets/scss/custom/_style.scss */
    .main-with-padding {
        padding-top: 92px !important;
    }
    /* line 1227, src/assets/scss/custom/_style.scss */
    .main-without-padding {
        padding-top: 36px !important;
    }
    /* line 1230, src/assets/scss/custom/_style.scss */
    .main-without-topbar {
        padding-top: 0 !important;
    }
}

/*==================================
        05. HERO SECTION CSS
==================================*/
/* line 1237, src/assets/scss/custom/_style.scss */
#hero-shap-1 {
    top: 0;
}

/* line 1241, src/assets/scss/custom/_style.scss */
svg {
    overflow: hidden;
}

/* line 1245, src/assets/scss/custom/_style.scss */
svg:root {
    width: 100%;
    height: 100%;
}

/* line 1250, src/assets/scss/custom/_style.scss */
svg.shape-bg,
svg.promo-bg {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: -1;
}

/* line 1257, src/assets/scss/custom/_style.scss */
.hero-image {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

/* line 1264, src/assets/scss/custom/_style.scss */
#promo-shape {
    top: 3.5%;
    width: 100%;
    right: 0;
}

/* line 1270, src/assets/scss/custom/_style.scss */
.main-with-padding {
    padding-top: 105px;
}

/*hero equal height*/
/* line 1275, src/assets/scss/custom/_style.scss */
.hero-equal-height {
    position: relative;
    min-height: 660px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

/*hero default*/
/* line 1294, src/assets/scss/custom/_style.scss */
.fit-cover {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

/* line 1302, src/assets/scss/custom/_style.scss */
.z--1 {
    z-index: -1;
}

/* line 1305, src/assets/scss/custom/_style.scss */
.animation-image-wrap {
    position: relative;
}

/* line 1309, src/assets/scss/custom/_style.scss */
.animation-icon-img {
    position: absolute;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: bounce 1s ease-in-out 0s infinite alternate;
    animation: bounce 1s ease-in-out 0s infinite alternate;
}

/* line 1318, src/assets/scss/custom/_style.scss */
.animation-icon-img.animation-icon-1 {
    left: 15%;
    top: 30%;
}

/* line 1323, src/assets/scss/custom/_style.scss */
.animation-icon-img.animation-icon-2 {
    left: inherit;
    right: 45%;
    top: 0;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

/* line 1331, src/assets/scss/custom/_style.scss */
.animation-icon-img.animation-icon-3 {
    top: 30%;
    left: 75%;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

/* line 1338, src/assets/scss/custom/_style.scss */
.animation-icon-img.animation-icon-4 {
    left: inherit;
    right: 45%;
    top: 60%;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

/* line 1345, src/assets/scss/custom/_style.scss */
.animation-icon-img.animation-icon-5 {
    left: 14%;
    top: 55%;
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    to {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    to {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
    }
}

/*hero section 2*/
/* line 1374, src/assets/scss/custom/_style.scss */
.two-col-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* line 1385, src/assets/scss/custom/_style.scss */
.two-col-list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    padding: 0 12px 8px 0;
    font-size: 14px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (max-width: 768px) and (min-width: 320px) {
    /* line 1402, src/assets/scss/custom/_style.scss */
    .two-col-list li {
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}

/* line 1408, src/assets/scss/custom/_style.scss */
.shape-bottom img.bottom-shape {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 0;
    width: 100%;
    margin: 0 auto;
}

/*hero offer section*/
/* line 1420, src/assets/scss/custom/_style.scss */
.offer-countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* line 1433, src/assets/scss/custom/_style.scss */
.left-arrow,
.right-arrow {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

/* line 1439, src/assets/scss/custom/_style.scss */
.left-arrow {
    border-left: 20px solid #fff;
    margin-right: 25px;
}

/* line 1443, src/assets/scss/custom/_style.scss */
.right-arrow {
    border-right: 20px solid #fff;
    margin-left: 25px;
}

/*video background css*/
/* line 1449, src/assets/scss/custom/_style.scss */
.background-video-overly {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(3, 25, 116, 0.45)),
        to(rgba(25, 52, 167, 0.4))
    );
    background-image: linear-gradient(
        90deg,
        rgba(3, 25, 116, 0.45),
        rgba(25, 52, 167, 0.4)
    );
}

/*background bg slider*/
/* line 1455, src/assets/scss/custom/_style.scss */
.hero-slider-section {
    position: relative;
    overflow: hidden;
}

/* line 1459, src/assets/scss/custom/_style.scss */
.gradient-overly-right,
.gradient-overly-left,
.gradient-overly-bottom,
.gradient-overly-top {
    z-index: 1;
    width: 100%;
    min-width: 100%;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

/* line 1472, src/assets/scss/custom/_style.scss */
.gradient-overly-right:before,
.gradient-overly-left:before,
.gradient-overly-bottom:before,
.gradient-overly-top:before {
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* line 1483, src/assets/scss/custom/_style.scss */
.gradient-overly-right:before {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#031974),
        to(rgba(25, 52, 167, 0.5))
    );
    background: linear-gradient(90deg, #031974, rgba(25, 52, 167, 0.5));
}

/* line 1486, src/assets/scss/custom/_style.scss */
.gradient-overly-left:before {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(3, 25, 116, 0.5)),
        to(#1934a7)
    );
    background: linear-gradient(90deg, rgba(3, 25, 116, 0.5), #1934a7);
}

/* line 1489, src/assets/scss/custom/_style.scss */
.gradient-overly-bottom:before {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(3, 25, 116, 0.5)),
        to(rgba(25, 52, 167, 0.85))
    );
    background: linear-gradient(
        to bottom,
        rgba(3, 25, 116, 0.5),
        rgba(25, 52, 167, 0.85)
    );
}

/* line 1492, src/assets/scss/custom/_style.scss */
.gradient-overly-top:before {
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(3, 25, 116, 0.85)),
        to(rgba(25, 52, 167, 0.5))
    );
    background: linear-gradient(
        to top,
        rgba(3, 25, 116, 0.85),
        rgba(25, 52, 167, 0.5)
    );
}

/* line 1495, src/assets/scss/custom/_style.scss */
.header-content {
    position: relative;
    padding: 0 0 50px 50px;
    overflow: hidden;
}

/* line 1500, src/assets/scss/custom/_style.scss */
.header-content .line {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
    border: 2px dashed #ebebeb;
    -webkit-clip-path: polygon(0 0, 0% 0, 35% 100%, 0 100%);
    clip-path: polygon(0 0, 0% 0, 35% 100%, 0 100%);
}

/* line 1513, src/assets/scss/custom/_style.scss */
.hero-slider-one .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

/* line 1521, src/assets/scss/custom/_style.scss */
.hero-slider-one .owl-item.active .cros-animation {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

/* line 1529, src/assets/scss/custom/_style.scss */
.hero-slider-one .owl-item.active .action-btns {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

/* line 1537, src/assets/scss/custom/_style.scss */
.hero-slider-one .owl-item.active .line {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

/* line 1546, src/assets/scss/custom/_style.scss */
.hero-slider-one
    .owl-carousel.effects
    .cros-animation[data-delay-transtion="1"] {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

/* line 1550, src/assets/scss/custom/_style.scss */
.hero-slider-one .owl-carousel .cros-animation {
    -webkit-transform: translateY(70%);
    transform: translateY(70%);
    filter: alpha(opacity=0);
    -webkit-transition: all 1.3s;
    transition: all 1.3s;
    -webkit-transition-property: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

/* line 1563, src/assets/scss/custom/_style.scss */
.hero-slider-one.owl-carousel .owl-item .domain-search-list li a img,
.hero-content-slider.owl-carousel .owl-item .domain-search-list li a img {
    width: 65px !important;
    margin-bottom: 5px;
}

/*custom dot style*/
/* line 1569, src/assets/scss/custom/_style.scss */
.custom-dot.owl-theme .owl-dots {
    position: absolute;
}

/* line 1572, src/assets/scss/custom/_style.scss */
.custom-dot.dot-right-center.owl-theme .owl-dots {
    margin: 0 !important;
    top: 40%;
    right: 10%;
}

/* line 1577, src/assets/scss/custom/_style.scss */
.custom-dot.dot-bottom-center.owl-theme .owl-dots {
    width: 100%;
    margin: 10px auto;
}

/* line 1581, src/assets/scss/custom/_style.scss */
.custom-dot.dot-bottom-center.owl-theme .owl-dots button {
    margin: 0 4px;
    border: 1px solid #035ded;
}

/* line 1585, src/assets/scss/custom/_style.scss */
.custom-dot.dot-right-center.owl-theme .owl-dots button {
    display: block;
    border: 1px solid #ebebeb;
    margin: 6px 0;
}

/* line 1590, src/assets/scss/custom/_style.scss */
.custom-dot.custom-dot-2.owl-theme .owl-dots button {
    margin: 0 4px;
    border: 1px solid #ebebeb;
}

/* line 1594, src/assets/scss/custom/_style.scss */
.custom-dot.custom-dot-2.owl-theme .owl-dots {
    right: 15px;
    top: auto;
    bottom: -10%;
}

/* line 1600, src/assets/scss/custom/_style.scss */
.custom-dot.owl-theme .owl-dots button {
    border-radius: 100%;
}

/* line 1603, src/assets/scss/custom/_style.scss */
.custom-dot.owl-theme .owl-dots button:focus {
    outline: none;
}

/* line 1607, src/assets/scss/custom/_style.scss */
.custom-dot.owl-theme .owl-dots button.owl-dot.active,
.custom-dot.owl-theme .owl-dots button.owl-dot span {
    background: #ffffff;
}

/* line 1610, src/assets/scss/custom/_style.scss */
.custom-dot.owl-theme .owl-dots button.owl-dot span:hover {
    background: #035ded;
}

/* line 1613, src/assets/scss/custom/_style.scss */
.custom-dot.owl-theme .owl-dots button.owl-dot.active span {
    background: #035ded;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}

/* line 1617, src/assets/scss/custom/_style.scss */
.custom-dot.owl-theme .owl-dots .owl-dot span {
    margin: 2px;
}

/*promo-section offer box css*/
/* line 1623, src/assets/scss/custom/_style.scss */
.gradient-bg-overly {
    background: linear-gradient(
        75deg,
        rgba(0, 115, 236, 0.14) 10%,
        rgba(113, 0, 185, 0.24)
    ) !important;
}

/* line 1626, src/assets/scss/custom/_style.scss */
.offer-box {
    max-width: 300px;
    width: auto;
    border-radius: 1rem;
    margin: 0 auto;
    padding: 15px;
    background: rgba(26, 42, 112, 0.65);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* line 1635, src/assets/scss/custom/_style.scss */
.offer-box:hover {
    background: rgba(3, 25, 116, 0.75);
}

/* line 1638, src/assets/scss/custom/_style.scss */
.offer-box .offer-price {
    font-family: "Open Sans", sans-serif;
    font-size: 120px;
    line-height: 1;
    font-weight: 600;
    position: relative;
}

/* line 1646, src/assets/scss/custom/_style.scss */
.offer-box .offer-price .currency {
    font-size: 60px;
    line-height: 1;
    vertical-align: middle;
    margin-top: -60px;
    display: inline-block;
}

/* line 1654, src/assets/scss/custom/_style.scss */
.offer-box .offer-price .decimal {
    font-size: 60px;
    line-height: 1;
    vertical-align: super;
    display: inline;
}

/* line 1661, src/assets/scss/custom/_style.scss */
.offer-box .offer-price small {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    margin-left: -80px;
    display: inline;
}

/*====================================
       06. CUSTOM VPS PLAN CSS
======================================*/
/* line 1672, src/assets/scss/custom/_style.scss */
.custom-plan-box {
    position: relative;
    width: 100%;
    display: block;
    padding: 70px 45px 50px 45px;
}

/* line 1679, src/assets/scss/custom/_style.scss */
.single-vps-item {
    width: 100%;
    display: block;
    padding: 15px;
    min-width: 150px;
    border: 1px dashed #ebebeb;
}

/* line 1686, src/assets/scss/custom/_style.scss */
.single-vps-item h6 {
    font-weight: 600;
}

/* line 1689, src/assets/scss/custom/_style.scss */
.single-vps-item h5 {
    font-weight: 700;
    font-size: 16px;
}

@media (min-width: 320px) and (max-width: 767px) {
    /* line 1694, src/assets/scss/custom/_style.scss */
    .custom-vps-list li {
        width: 45%;
        display: inline-block;
        margin-bottom: 10px;
    }
    /* line 1699, src/assets/scss/custom/_style.scss */
    .single-vps-item {
        padding: 12px 5px;
    }
}

@media (min-width: 320px) and (max-width: 576px) {
    /* line 1704, src/assets/scss/custom/_style.scss */
    .custom-vps-list li {
        width: 100%;
    }
    /* line 1707, src/assets/scss/custom/_style.scss */
    .custom-vps-list li.list-inline-item:not(:last-child) {
        margin-right: 0;
    }
}

/* line 1712, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider .tooltip {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

/* line 1718, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider .tooltip.top {
    margin-top: 22px;
}

/* line 1722, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider .tooltip.top .tooltip-arrow {
    border: 0;
}

/* line 1726, src/assets/scss/custom/_style.scss */
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

/* line 1734, src/assets/scss/custom/_style.scss */
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}

/* line 1739, src/assets/scss/custom/_style.scss */
.tooltip.in {
    filter: alpha(opacity=90);
    opacity: 0.9;
}

/* line 1744, src/assets/scss/custom/_style.scss */
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

/* line 1752, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider .tooltip.top .tooltip-inner {
    color: #757575;
    text-align: center;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* line 1762, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider .tooltip.top .tooltip-inner:after {
    margin-left: 2px;
}

/* line 1766, src/assets/scss/custom/_style.scss */
.tooltip-inner[data-unit]:after {
    position: absolute;
    content: attr(data-unit);
    z-index: 99;
}

/* line 1772, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider .tooltip-up {
    font-size: 21px;
    font-weight: 700;
    color: #035ded;
    text-align: center;
    margin-top: -95px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* line 1784, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider .tooltip-up:before {
    content: attr(data-currency);
    color: #035ded;
}

/* line 1789, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider.slider-horizontal {
    width: 100%;
}

/* line 1793, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider.slider-horizontal .slider-track {
    height: 10px;
}

/* line 1797, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider-selection {
    background: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #035ded;
}

/* line 1808, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider-track {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ebebeb;
}

/* line 1818, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider-track:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #035ded;
    left: -8px;
    top: 50%;
    margin-top: -9px;
}

/* line 1830, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider-track:after {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #035ded;
    right: -8px;
    top: 50%;
    margin-top: -9px;
}

/* line 1842, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider-handle {
    position: absolute;
    top: -6px;
    width: 30px;
    height: 30px;
    background: none;
    background-color: #ffffff;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
    border: 8px solid #035ded;
    outline: none;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* line 1860, src/assets/scss/custom/_style.scss */
.custom-plan-box .slider-handle:hover,
.custom-plan-box .slider-handle:focus {
    background-color: #ebebeb;
    border: 8px solid #035ded;
}

/* line 1865, src/assets/scss/custom/_style.scss */
.custom-plan-info-box .price {
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #035ded;
    margin-bottom: 20px;
    line-height: 43px;
}

/* line 1874, src/assets/scss/custom/_style.scss */
.custom-plan-info-box .btn-holder a {
    margin: 0;
}

/*======================================
       07. PRICING SECTION CSS
=======================================*/
/* line 1881, src/assets/scss/custom/_style.scss */
.card.single-pricing-pack {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 0 0 1px #ebebeb;
    box-shadow: 0 0 0 1px #ebebeb;
    border-radius: 1rem !important;
    border: 2px solid transparent;
}

/* line 1888, src/assets/scss/custom/_style.scss */
.card.single-pricing-pack:hover {
    z-index: 2;
}

/* line 1892, src/assets/scss/custom/_style.scss */
.single-pricing-pack:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12) !important;
    border: 2px solid #035ded;
}

/* line 1897, src/assets/scss/custom/_style.scss */
.single-pricing-pack .card-body {
    color: #757575;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem;
}

/* line 1902, src/assets/scss/custom/_style.scss */
.single-pricing-pack .card-body.px-5 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
}

/* line 1906, src/assets/scss/custom/_style.scss */
.pricing-header {
    position: relative;
    background: transparent;
}

/* line 1911, src/assets/scss/custom/_style.scss */
.pricing-header .price {
    font-size: 35px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #035ded;
}

/* line 1918, src/assets/scss/custom/_style.scss */
.pricing-header .price span {
    font-size: 14px;
    margin-left: 4px;
    font-weight: 500;
}

/* line 1924, src/assets/scss/custom/_style.scss */
.pricing-header::after {
    content: "";
    display: block;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40%;
    height: 1px;
    background: radial-gradient(
        at center center,
        #dee4ef 0px,
        rgba(255, 255, 255, 0) 75%
    );
}

/* line 1936, src/assets/scss/custom/_style.scss */
.pricing-feature-list li {
    font-size: 15px;
    line-height: 30px;
}

/* line 1941, src/assets/scss/custom/_style.scss */
.pricing-feature-list li i {
    font-size: 14px;
}

/* line 1944, src/assets/scss/custom/_style.scss */
.single-pricing-pack li.del {
    opacity: 0.7;
}

/* line 1947, src/assets/scss/custom/_style.scss */
.pricing-feature-list li span {
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #5a5a5a;
    font-size: 13px;
}

/* line 1954, src/assets/scss/custom/_style.scss */
.popular-price {
    -webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important;
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important;
    border: 2px solid #035ded !important;
}

/* line 1959, src/assets/scss/custom/_style.scss */
.popular-price:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12) !important;
}

/*pricing switch style*/
/* line 1965, src/assets/scss/custom/_style.scss */
.yearly-price {
    display: none;
}

/* line 1969, src/assets/scss/custom/_style.scss */
.switch-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* line 1974, src/assets/scss/custom/_style.scss */
.form-switch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* line 1982, src/assets/scss/custom/_style.scss */
.form-switch span {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
}

/* line 1990, src/assets/scss/custom/_style.scss */
.form-switch .switch-icon {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 30px;
    border: 1px solid #ebebeb;
    border-radius: 15px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin: 0 15px;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* line 2003, src/assets/scss/custom/_style.scss */
.form-switch .switch-icon::after {
    content: "";
    position: absolute;
    left: 0;
    width: 30px;
    height: 22px;
    background-color: #035ded;
    border-radius: 15px;
    -webkit-transform: translate3d(4px, 3px, 0);
    transform: translate3d(4px, 3px, 0);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* line 2015, src/assets/scss/custom/_style.scss */
.form-switch input {
    display: none;
}

/* line 2019, src/assets/scss/custom/_style.scss */
.form-switch input:checked + .switch-icon::after {
    -webkit-transform: translate3d(29px, 3px, 0);
    transform: translate3d(29px, 3px, 0);
}

/* line 2023, src/assets/scss/custom/_style.scss */
.form-switch .beforeinput.text-success,
.form-switch .afterinput.text-success {
    color: #035ded !important;
}

/*compare pricing table*/
/* line 2028, src/assets/scss/custom/_style.scss */
.table-bordered.comparision-table thead td,
.comparision-table.table-bordered thead th {
    border-bottom-width: 1px;
}

/* line 2032, src/assets/scss/custom/_style.scss */
.comparision-price {
    font-weight: 700;
}

/* line 2036, src/assets/scss/custom/_style.scss */
.comparision-price span {
    font-size: 14px;
    opacity: 0.7;
    font-weight: 400;
}

/* line 2042, src/assets/scss/custom/_style.scss */
.comparision-table-body tr > td {
    font-size: 13px;
    padding: 6px;
    min-width: 180px;
    vertical-align: middle;
}

/* line 2049, src/assets/scss/custom/_style.scss */
.comparision-table-body tr > td p {
    padding-left: 10px;
    margin-bottom: 0;
}

/*domain hosting provider compare table*/
/* line 2055, src/assets/scss/custom/_style.scss */
td.td-blank {
    border: none !important;
}

/* line 2059, src/assets/scss/custom/_style.scss */
.provider-logo img {
    display: inline-block;
    max-width: 100px;
    min-height: 13px;
    max-height: 34px;
}

/*=========================================
            08. TEAM SECTION CSS
============================================*/
/* line 2070, src/assets/scss/custom/_style.scss */
.staff-member {
    position: relative;
    display: block;
}

/* line 2074, src/assets/scss/custom/_style.scss */
.staff-member img {
    width: 100%;
}

/* line 2078, src/assets/scss/custom/_style.scss */
.staff-member h5,
.staff-member p,
.staff-member span {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

/* line 2083, src/assets/scss/custom/_style.scss */
.staff-member h5,
.staff-member p,
.staff-member span {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

/* line 2089, src/assets/scss/custom/_style.scss */
.staff-member span {
    font-size: 0.9rem;
    font-weight: 400;
    color: #777;
    display: inline-block;
}

/* line 2096, src/assets/scss/custom/_style.scss */
.social li a:hover span {
    color: #031974;
}

/* line 2099, src/assets/scss/custom/_style.scss */
.staff-member .overlay {
    background: #1934a7;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#031974),
        to(rgba(25, 52, 167, 0.85))
    );
    background: linear-gradient(90deg, #031974, rgba(25, 52, 167, 0.85));
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px 30px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 4px;
}

/* line 2116, src/assets/scss/custom/_style.scss */
.staff-member .overlay .teacher-quote {
    font-size: 0.9rem;
    font-weight: 300;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

/* line 2125, src/assets/scss/custom/_style.scss */
.staff-member .overlay .teacher-name {
    color: #fff;
    text-decoration: none !important;
    display: block;
    margin-top: 15px;
}

/* line 2131, src/assets/scss/custom/_style.scss */
.staff-member .overlay h5 {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
}

/* line 2140, src/assets/scss/custom/_style.scss */
.staff-member .overlay .teacher-field {
    font-size: 0.9rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
}

/* line 2151, src/assets/scss/custom/_style.scss */
.staff-member .overlay ul.social {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
}

/* line 2158, src/assets/scss/custom/_style.scss */
.staff-member .overlay ul.social li {
    margin: 0;
}

/* line 2161, src/assets/scss/custom/_style.scss */
.staff-member .overlay ul.social a {
    margin: 0 5px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    display: block;
}

/* line 2171, src/assets/scss/custom/_style.scss */
.staff-member .overlay ul.social {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
}

/* line 2178, src/assets/scss/custom/_style.scss */
.staff-member:hover .social {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

/* line 2182, src/assets/scss/custom/_style.scss */
.staff-member .overlay .teacher-see-profile {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

/* line 2189, src/assets/scss/custom/_style.scss */
.staff-member:hover .overlay {
    opacity: 0.92;
}

/* line 2193, src/assets/scss/custom/_style.scss */
.staff-member:hover .overlay h5,
.staff-member:hover .overlay p,
.staff-member:hover .overlay span,
.staff-member:hover .overlay ul.social {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

/* line 2199, src/assets/scss/custom/_style.scss */
.team-social-list li a {
    padding: 5px;
}

/* line 2203, src/assets/scss/custom/_style.scss */
.team-social-list li span {
    font-size: 18px;
    line-height: inherit;
    vertical-align: middle;
}

/*================================
     09. CLIENT SECTION CSS
==================================*/
/* line 2213, src/assets/scss/custom/_style.scss */
.overlay-opacity-gradient {
    position: absolute;
    width: 100%;
    height: 55px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(white),
        color-stop(10%, rgba(255, 255, 255, 0)),
        color-stop(90%, rgba(255, 255, 255, 0)),
        color-stop(95%, white)
    );
    background: linear-gradient(
        to right,
        white,
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0) 90%,
        white 95%
    );
    z-index: 100;
    left: 0;
    right: 0;
}

/* line 2222, src/assets/scss/custom/_style.scss */
.single-client {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-column-align: center;
    justify-items: center;
    width: 60%;
    height: auto;
    -webkit-transition: -webkit-transform 0.5s ease-in;
    transition: -webkit-transform 0.5s ease-in;
    transition: transform 0.5s ease-in;
    transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in;
    margin: 8px auto;
}

/* line 2239, src/assets/scss/custom/_style.scss */
.single-client img {
    max-width: 100%;
    max-height: 100%;
    -webkit-filter: opacity(50%);
    filter: opacity(90%);
    width: 100%;
}

/* line 2247, src/assets/scss/custom/_style.scss */
.single-client:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/* line 2253, src/assets/scss/custom/_style.scss */
.single-client:hover .client-img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

/*==============================
        10. FAQ CSS
===============================*/
/* line 2262, src/assets/scss/custom/_style.scss */
.accordion-faq .card {
    border-radius: 0;
    border: 0;
}

/* line 2267, src/assets/scss/custom/_style.scss */
.accordion-faq .card-header {
    padding: 20px 0;
    background: transparent;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    margin-bottom: 0 !important;
    color: inherit;
}

/* line 2277, src/assets/scss/custom/_style.scss */
.accordion-faq .card-header h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

/* line 2282, src/assets/scss/custom/_style.scss */
.accordion-faq .card-body {
    padding: 25px 0;
    background: transparent;
}

/* line 2287, src/assets/scss/custom/_style.scss */
.accordion-faq .card-header.collapsed:after {
    content: "\f067";
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

/* line 2292, src/assets/scss/custom/_style.scss */
.accordion-faq .card-header:after {
    font-family: "Font Awesome 6 Pro";
    content: "\f068";
    float: right;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

/*=======================================
        11. PROMO SECTION CSS
===================================*/
@media (min-width: 320px) and (max-width: 992px) {
    /* line 2303, src/assets/scss/custom/_style.scss */
    .promo-top.mt--165 {
        margin-top: 0 !important;
    }
}

/* line 2309, src/assets/scss/custom/_style.scss */
.single-promo-hover {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    will-change: transform;
}

/* line 2313, src/assets/scss/custom/_style.scss */
.single-promo-hover:hover {
    -webkit-box-shadow: 2px 10px 20px 0 rgba(2, 19, 79, 0.1) !important;
    box-shadow: 2px 10px 20px 0 rgba(2, 19, 79, 0.1) !important;
}

/* line 2316, src/assets/scss/custom/_style.scss */
a .single-promo-2 p {
    color: #707070;
}

/* line 2320, src/assets/scss/custom/_style.scss */
.circle-icon {
    display: block;
    margin-bottom: 30px;
}

/* line 2325, src/assets/scss/custom/_style.scss */
.single-promo-2 span {
    border-radius: 0.25rem;
    font-size: 28px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    background: #1934a7;
}

/* line 2334, src/assets/scss/custom/_style.scss */
.popular-categories-list li {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 25px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

/* line 2343, src/assets/scss/custom/_style.scss */
.popular-categories-list li:last-child {
    margin-bottom: 0;
}

/* line 2347, src/assets/scss/custom/_style.scss */
.help-center-box-link {
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: -50px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

/* line 2356, src/assets/scss/custom/_style.scss */
.popular-categories-list li:hover {
    background: #f5f5f5;
}

/* line 2360, src/assets/scss/custom/_style.scss */
.popular-categories-list li:hover .help-center-box-link {
    right: 20px;
}

/*=======================================
        12. FEATURE SECTION CSS
=======================================*/
/*feature box css*/
/* line 2368, src/assets/scss/custom/_style.scss */
.features-box {
    position: relative;
    display: block;
}

/* line 2373, src/assets/scss/custom/_style.scss */
.features-box-icon {
    display: table-cell;
    vertical-align: top;
}

/* line 2378, src/assets/scss/custom/_style.scss */
.features-box-content {
    display: table-cell;
    padding-left: 20px;
}

/*technical feature*/
/* line 2384, src/assets/scss/custom/_style.scss */
.tech-feature-list li {
    font-size: 14px;
}

/*==========================================
     13. START AND TRANSFER SECTION CSS
============================================*/
/* line 2393, src/assets/scss/custom/_style.scss */
.start-website-box {
    position: relative;
    z-index: 2;
}

/* line 2398, src/assets/scss/custom/_style.scss */
.start-website-box div[class*="box"] {
    border-radius: 4px;
    border: 1px solid rgba(54, 57, 60, 0.1);
    -webkit-box-shadow: 0 4px 8px rgba(81, 85, 88, 0.1);
    box-shadow: 0 4px 8px rgba(81, 85, 88, 0.1);
}

/* line 2404, src/assets/scss/custom/_style.scss */
.start-website-box div.left-box {
    padding: 60px 90px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

/* line 2411, src/assets/scss/custom/_style.scss */
.start-website-box div.right-box {
    padding: 60px 90px;
    color: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

/* line 2419, src/assets/scss/custom/_style.scss */
.start-website-box ul li h5 {
    margin-bottom: 0;
}

/* line 2423, src/assets/scss/custom/_style.scss */
.start-website-box ul li {
    margin-bottom: 20px;
}

/* line 2426, src/assets/scss/custom/_style.scss */
.start-website-box ul li p {
    font-size: 14px;
}

@media screen and (max-width: 991px) {
    /* line 2430, src/assets/scss/custom/_style.scss */
    .start-website-box div.left-box {
        padding: 40px 40px 50px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-right: 1px solid rgba(54, 57, 60, 0.1);
    }
    /* line 2437, src/assets/scss/custom/_style.scss */
    .start-website-box div.right-box {
        padding: 50px 40px 40px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
        border-left: 1px solid rgba(54, 57, 60, 0.1);
    }
}

/*=========================================
          14. DOMAIN NAME LIST CSS
============================================*/
/* line 2448, src/assets/scss/custom/_style.scss */
.domain-list {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-auto-flow: dense;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

/* line 2457, src/assets/scss/custom/_style.scss */
.custom-shadow {
    -webkit-box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    border-radius: 1rem !important;
}

/* line 2462, src/assets/scss/custom/_style.scss */
.custom-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important;
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important;
}

/* line 2466, src/assets/scss/custom/_style.scss */
.domain-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    text-align: center;
    margin: 20px;
    border-radius: 1rem;
    border: 1px solid #ebebeb;
}

/* line 2481, src/assets/scss/custom/_style.scss */
.domain-list li a {
    padding: 15px;
}

@media (min-width: 320px) and (max-width: 1199px) {
    /* line 2485, src/assets/scss/custom/_style.scss */
    .domain-list li {
        margin-bottom: 0 !important;
    }
}

/* line 2489, src/assets/scss/custom/_style.scss */
.single-domain img {
    display: inline-block;
    max-width: 45px;
    min-height: 13px;
    max-height: 34px;
    margin-bottom: 10px;
}

/* line 2497, src/assets/scss/custom/_style.scss */
.domain-price h6 {
    font-size: 16px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
}

/* line 2503, src/assets/scss/custom/_style.scss */
.domain-price h6 span.badge {
    font-size: 10px;
    padding: 1px 4px;
}

/* line 2508, src/assets/scss/custom/_style.scss */
.old-price {
    color: #757575;
    font-size: 14px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    opacity: 0.7;
    text-decoration: line-through;
}

/*====================================================
            15. FEATURE TAB CSS
===============================================*/
/* line 2520, src/assets/scss/custom/_style.scss */
.feature-tab li {
    border: 1px solid #f5f5f5;
    border-right: 0 !important;
}

/* line 2525, src/assets/scss/custom/_style.scss */
.feature-tab li:last-child {
    border-right: 1px solid #ebebeb !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* line 2531, src/assets/scss/custom/_style.scss */
.feature-tab li:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* line 2535, src/assets/scss/custom/_style.scss */
.feature-tab li a {
    padding: 12px 28px;
}

/* line 2538, src/assets/scss/custom/_style.scss */
.feature-tab li a h6 {
    font-size: 14px;
}

/* line 2542, src/assets/scss/custom/_style.scss */
.feature-tab li a.nav-link {
    border: 0;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    color: #333333;
    margin-bottom: 0;
}

/* line 2550, src/assets/scss/custom/_style.scss */
.feature-tab li a p {
    display: block;
}

/* line 2554, src/assets/scss/custom/_style.scss */
ul.disc-style {
    list-style-type: disc;
    padding: 0 0 0 18px;
}

/* line 2559, src/assets/scss/custom/_style.scss */
ul.disc-style li {
    font-size: 14px;
    margin-bottom: 10px;
    list-style: disc;
}

/* line 2564, src/assets/scss/custom/_style.scss */
.feature-new-tab li {
    border: 1px solid #035ded;
}

/* line 2567, src/assets/scss/custom/_style.scss */
.feature-new-tab li:last-child {
    border-right: 1px solid #035ded !important;
}

/* line 2570, src/assets/scss/custom/_style.scss */
.feature-new-tab li.nav-item.show .nav-link,
.feature-new-tab .nav-link.active {
    background: #035ded;
    border: transparent;
    border-radius: 0;
}

/* line 2575, src/assets/scss/custom/_style.scss */
.feature-new-tab li.nav-item.show .nav-link h6,
.feature-new-tab .nav-link.active h6 {
    color: #ffffff;
}

@media (min-width: 320px) and (max-width: 767px) {
    /* line 2579, src/assets/scss/custom/_style.scss */
    .feature-new-tab {
        margin-bottom: 3rem !important;
    }
}

/*====================================================
            16. POPULAR DOMAIN LIST CSS
===============================================*/
/* line 2587, src/assets/scss/custom/_style.scss */
.single-popular-domain img {
    display: inline-block;
    max-width: 100px;
    min-height: 13px;
    max-height: 34px;
    margin-bottom: 20px;
}

/* line 2595, src/assets/scss/custom/_style.scss */
.single-popular-domain span.badge {
    right: 10%;
    top: 10%;
}

/* line 2600, src/assets/scss/custom/_style.scss */
.domain-price-list .domain-old-price {
    font-size: 15px;
    font-weight: 600;
    opacity: 0.7;
}

/* line 2606, src/assets/scss/custom/_style.scss */
.domain-price-list .domain-new-price {
    font-size: 22px;
    line-height: initial;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
}

/*=========================================
            17. PRELOADER CSS
============================================*/
/* line 2617, src/assets/scss/custom/_style.scss */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
}

/* line 2627, src/assets/scss/custom/_style.scss */
.loader1 {
    display: block;
    position: relative;
    left: 45%;
    top: 50%;
}

/* line 2634, src/assets/scss/custom/_style.scss */
.loader1 span {
    vertical-align: middle;
    border-radius: 100%;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 3px 2px;
    -webkit-animation: loader1 0.8s linear infinite alternate;
    animation: loader1 0.8s linear infinite alternate;
}

/* line 2646, src/assets/scss/custom/_style.scss */
.loader1 span:nth-child(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: rgba(41, 103, 230, 0.6);
}

/* line 2652, src/assets/scss/custom/_style.scss */
.loader1 span:nth-child(2) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    background: rgba(41, 103, 230, 0.8);
}

/* line 2658, src/assets/scss/custom/_style.scss */
.loader1 span:nth-child(3) {
    -webkit-animation-delay: -0.26666s;
    animation-delay: -0.26666s;
    background: #2967e6;
}

/* line 2664, src/assets/scss/custom/_style.scss */
.loader1 span:nth-child(4) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    background: rgba(41, 103, 230, 0.8);
}

/* line 2671, src/assets/scss/custom/_style.scss */
.loader1 span:nth-child(5) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: rgba(41, 103, 230, 0.4);
}

@keyframes loader1 {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-webkit-keyframes loader1 {
    from {
        -webkit-transform: scale(0, 0);
    }
    to {
        -webkit-transform: scale(1, 1);
    }
}

/*=========================================
          18. DOMAIN SEARCH FROM
============================================*/
/* line 2698, src/assets/scss/custom/_style.scss */
.domain-search-cta-type {
    background-color: #f5f5f5 !important;
}

/* line 2702, src/assets/scss/custom/_style.scss */
.domain-search-form input.form-control {
    border-color: #f5f5f5;
    text-indent: 10px;
}

/* line 2707, src/assets/scss/custom/_style.scss */
.domain-search-form button.search-btn {
    color: #ffffff;
    padding-left: 25px;
    padding-right: 25px;
    border: 1px solid #1880ed;
    background: rgba(0, 115, 236, 0.9);
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.15);
    font-weight: 500;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    z-index: 0 !important;
}

/* line 2720, src/assets/scss/custom/_style.scss */
.domain-search-form button.search-btn:hover {
    color: #ffffff;
}

/* line 2724, src/assets/scss/custom/_style.scss */
.btn-hover:hover:before,
.btn-hover:hover:after {
    left: 0;
    right: auto;
    width: 100%;
}

/* line 2730, src/assets/scss/custom/_style.scss */
.btn-hover:after,
.btn-hover:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    background: rgba(0, 115, 236, 0.9);
    -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

/* line 2745, src/assets/scss/custom/_style.scss */
.domain-search-list {
    position: relative;
    display: block;
}

/* line 2749, src/assets/scss/custom/_style.scss */
.domain-search-list li:last-child:after {
    border: none;
}

/* line 2753, src/assets/scss/custom/_style.scss */
.domain-search-list li:not(:last-child) {
    margin-right: 0 !important;
}

/* line 2757, src/assets/scss/custom/_style.scss */
.domain-search-list li:last-child {
    border-right: none;
}

/* line 2760, src/assets/scss/custom/_style.scss */
.domain-search-list li:first-child a {
    padding-left: 0;
}

/* line 2763, src/assets/scss/custom/_style.scss */
.domain-search-list li a {
    display: inline-block;
    padding: 0 12px;
    text-align: center;
    font-weight: 600;
    color: inherit;
}

/* line 2770, src/assets/scss/custom/_style.scss */
.domain-search-list li a img {
    max-width: 55px;
}

/* line 2774, src/assets/scss/custom/_style.scss */
.domain-search-list li a span {
    font-size: 15px;
    line-height: 18px;
    margin-top: 8px;
    display: block;
    opacity: 0.7;
}

@media (min-width: 320px) and (max-width: 575px) {
    /* line 2782, src/assets/scss/custom/_style.scss */
    .domain-search-list li:last-child {
        display: none;
    }
    /* line 2785, src/assets/scss/custom/_style.scss */
    .domain-search-list li:last-child:after {
        border: none;
    }
}

/*=========================================
            19. NETWORK MAP CSS
============================================*/
/* line 2793, src/assets/scss/custom/_style.scss */
.custom-map-location {
    margin: 0;
    padding: 0;
    line-height: 0;
}

/* line 2798, src/assets/scss/custom/_style.scss */
.custom-map-location li {
    list-style: none;
}

/* line 2801, src/assets/scss/custom/_style.scss */
.network-map-wrap {
    position: relative;
    display: block;
    width: 100%;
}

/* line 2807, src/assets/scss/custom/_style.scss */
.network-map-wrap ul li {
    position: absolute;
    z-index: 1;
    width: 10px;
    height: 10px;
    margin: -6px;
    background-color: #035ded;
    border-radius: 50%;
}

/* line 2817, src/assets/scss/custom/_style.scss */
.network-map-wrap ul li span {
    display: block;
    width: 10px;
    height: 10px;
    -webkit-animation: ripple 1s linear infinite;
    animation: ripple 1s linear infinite;
    -webkit-transition: 0.5s linear;
    border-radius: 50%;
}

/*circle wave*/
@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 115, 236, 0.1),
            0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1);
        box-shadow: 0 0 0 0 rgba(0, 115, 236, 0.1),
            0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1);
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(0, 115, 236, 0.1),
            0 0 0 20px rgba(0, 115, 236, 0.1), 0 0 0 30px rgba(0, 115, 236, 0);
        box-shadow: 0 0 0 10px rgba(0, 115, 236, 0.1),
            0 0 0 20px rgba(0, 115, 236, 0.1), 0 0 0 30px rgba(0, 115, 236, 0);
    }
}

@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 115, 236, 0.1),
            0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1);
        box-shadow: 0 0 0 0 rgba(0, 115, 236, 0.1),
            0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1);
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(0, 115, 236, 0.1),
            0 0 0 20px rgba(0, 115, 236, 0.1), 0 0 0 30px rgba(0, 115, 236, 0);
        box-shadow: 0 0 0 10px rgba(0, 115, 236, 0.1),
            0 0 0 20px rgba(0, 115, 236, 0.1), 0 0 0 30px rgba(0, 115, 236, 0);
    }
}

@-webkit-keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
            0 0 0 20px rgba(255, 255, 255, 0.1),
            0 0 0 40px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
            0 0 0 20px rgba(255, 255, 255, 0.1),
            0 0 0 40px rgba(255, 255, 255, 0.1);
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1),
            0 0 0 40px rgba(255, 255, 255, 0.1),
            0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1),
            0 0 0 40px rgba(255, 255, 255, 0.1),
            0 0 0 60px rgba(255, 255, 255, 0);
    }
}

@keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
            0 0 0 20px rgba(255, 255, 255, 0.1),
            0 0 0 40px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
            0 0 0 20px rgba(255, 255, 255, 0.1),
            0 0 0 40px rgba(255, 255, 255, 0.1);
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1),
            0 0 0 40px rgba(255, 255, 255, 0.1),
            0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1),
            0 0 0 40px rgba(255, 255, 255, 0.1),
            0 0 0 60px rgba(255, 255, 255, 0);
    }
}

/*==================================================
            20. SUBMIT REQUEST FORM CSS
=====================================================*/
/* line 2875, src/assets/scss/custom/_style.scss */
.submit-request-form .form-group label {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    margin-bottom: 4px;
}

/* line 2881, src/assets/scss/custom/_style.scss */
.input-file-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
}

/* line 2887, src/assets/scss/custom/_style.scss */
.input-file-wrap input[type="file"] {
    position: absolute;
    left: 0;
    opacity: 0;
    top: 26px;
    cursor: pointer;
}

/* line 2895, src/assets/scss/custom/_style.scss */
span.upfile-btn {
    position: relative;
    padding: 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px dashed #c3c3c3;
    text-align: center;
    width: 100%;
    display: block;
    background: #f5f5f5;
    cursor: pointer;
}

/*======================================
            21. VPS HOSTING CSS
=========================================*/
/* line 2912, src/assets/scss/custom/_style.scss */
.offer-block {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}

/* line 2919, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table {
    overflow: visible;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-collapse: unset;
    border-spacing: 0 10px;
}

/* line 2927, src/assets/scss/custom/_style.scss */
.domain-search-result-table {
    border-collapse: collapse;
}

/* line 2930, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table > thead {
    background-color: transparent;
}

/* line 2934, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table.vps-hosting-pricing-table-two {
    border-collapse: collapse;
}

/* line 2938, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table > thead > tr > th {
    border: none;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    vertical-align: middle;
    font-family: "Poppins", sans-serif;
}

/* line 2947, src/assets/scss/custom/_style.scss */
.vps-pricing-row {
    text-align: left;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    border: solid 1px #ebebeb;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* line 2956, src/assets/scss/custom/_style.scss */
.vps-pricing-row > td:first-child {
    border-left: 2px solid transparent;
    border-radius: 4px 0 0 4px;
}

/* line 2961, src/assets/scss/custom/_style.scss */
.vps-pricing-row > td:last-child {
    border-right: 2px solid transparent;
    border-radius: 0 4px 4px 0;
    text-align: right;
}

/* line 2967, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table > tbody > tr.vps-pricing-row:hover {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

/* line 2972, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table-two > thead {
    background: #035ded;
    color: #ffffff;
}

/* line 2977, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table-two > thead > tr > th:last-child {
    border-right: 1px solid #035ded;
}

/* line 2981, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table-two .vps-pricing-row > td:first-child {
    border-left: initial;
}

/* line 2985, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table-two .vps-pricing-row > td:last-child {
    border-right: initial;
}

/* line 2989, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table-two > tbody > tr.vps-pricing-row:hover {
    background: #f5f5f5;
    border: none;
}

/* line 2994, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table > tbody > tr > td {
    padding: 20px 20px;
    border-right: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
}

/* line 3002, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table.domain-search-result-table > tbody > tr > td {
    font-size: 14px;
}

/* line 3005, src/assets/scss/custom/_style.scss */
.vps-pricing-row > td {
    border: none;
}

/* line 3009, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table .rate {
    font-size: 20px;
    font-weight: 700;
    color: #035ded;
    font-family: "Poppins", sans-serif;
}

/* line 3016, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table .rate span {
    font-size: 12px;
    font-weight: 600;
    margin-left: 5px;
    opacity: 0.8;
    color: #757575;
}

/* line 3024, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table .score-bar-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* line 3035, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table .geekbench-score {
    font-weight: 400;
    margin-right: 15px;
}

/* line 3040, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table .score-bar-wrap .score-bar-item {
    min-width: 40px;
    height: 10px;
    font-size: 10px;
    border-radius: 10px;
    background-color: #ebebeb;
    position: relative;
}

/* line 3049, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table .pricing-onsale,
.vps-hosting-pricing-table .cpu-core {
    display: block;
    font-size: 14px;
    color: #757575;
    margin-top: 4px;
    font-weight: 400;
}

/* line 3057, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table > tbody > tr > td:first-child::before {
    content: attr(data-value);
    display: none;
    width: initial;
    height: initial;
    background-color: transparent;
    position: relative;
    left: initial;
    top: initial;
    opacity: 1;
}

/* line 3069, src/assets/scss/custom/_style.scss */
.vps-pricing-row > td:before {
    content: attr(data-value);
    display: none;
}

/* line 3074, src/assets/scss/custom/_style.scss */
table > tbody > tr > td:first-child:before {
    content: "";
    display: block;
    width: 3px;
    height: 100%;
    background-color: #035ded;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 991px) {
    /* line 3090, src/assets/scss/custom/_style.scss */
    .vps-hosting-pricing-table > thead {
        display: none;
    }
    /* line 3094, src/assets/scss/custom/_style.scss */
    .vps-pricing-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 4px;
        width: 45%;
        float: left;
        margin: 0 15px 28px 15px;
    }
    /* line 3110, src/assets/scss/custom/_style.scss */
    .vps-hosting-pricing-table > tbody > tr {
        padding: 15px;
    }
    /* line 3113, src/assets/scss/custom/_style.scss */
    .vps-hosting-pricing-table > tbody > tr > td {
        padding: 10px 15px;
        font-size: 14px;
        font-weight: normal;
    }
    /* line 3119, src/assets/scss/custom/_style.scss */
    .vps-pricing-row:hover.border-accent-primary > td:first-child {
        margin-bottom: 0;
        border-radius: 0;
        border-left: none;
    }
    /* line 3125, src/assets/scss/custom/_style.scss */
    .vps-pricing-row > td:first-child {
        border-left: none;
        border-radius: 0;
    }
    /* line 3130, src/assets/scss/custom/_style.scss */
    .vps-hosting-pricing-table > tbody > tr > td:first-child::before {
        display: block;
        width: 45%;
    }
    /* line 3135, src/assets/scss/custom/_style.scss */
    .vps-pricing-row > td:before {
        display: block;
        width: 45%;
    }
    /* line 3140, src/assets/scss/custom/_style.scss */
    .vps-hosting-pricing-table > tbody > tr > td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    /* line 3151, src/assets/scss/custom/_style.scss */
    .vps-pricing-row > td:last-child::before {
        display: none;
    }
    /* line 3155, src/assets/scss/custom/_style.scss */
    .vps-pricing-row > td:last-child {
        text-align: center !important;
        margin: auto;
    }
}

@media (max-width: 768px) {
    /* line 3163, src/assets/scss/custom/_style.scss */
    .vps-pricing-row {
        width: 100%;
        float: none;
        margin-left: auto;
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* line 3171, src/assets/scss/custom/_style.scss */
    .vps-pricing-row td a.primary-solid-btn {
        padding: 8px 12px !important;
    }
}

/*domain search list css*/
/* line 3177, src/assets/scss/custom/_style.scss */
.title-alert span.red {
    color: red;
}

/* line 3180, src/assets/scss/custom/_style.scss */
.title-alert span.success {
    color: green;
}

/* line 3183, src/assets/scss/custom/_style.scss */
.domain-filter-title,
.domain-filter-list li label {
    cursor: pointer;
}

/* line 3186, src/assets/scss/custom/_style.scss */
.domain-filter-list li label {
    display: inline-block;
    width: 100%;
}

/* line 3190, src/assets/scss/custom/_style.scss */
.domain-filter-list li label .form-check-input {
    margin-top: 0.53rem;
}

@media (max-width: 1199.98px) {
    /* line 3194, src/assets/scss/custom/_style.scss */
    .domain-filter-list {
        display: none;
    }
    /* line 3197, src/assets/scss/custom/_style.scss */
    .domain-filter-title h5 span {
        display: block;
    }
}

@media (min-width: 992px) {
    /* line 3203, src/assets/scss/custom/_style.scss */
    .domain-filter-list {
        display: block !important;
    }
    /* line 3206, src/assets/scss/custom/_style.scss */
    .domain-filter-title h5 span {
        display: none !important;
    }
}

/* line 3211, src/assets/scss/custom/_style.scss */
.vps-hosting-pricing-table.alert-table > tbody > tr > td {
    font-size: 18px;
}

/* line 3214, src/assets/scss/custom/_style.scss */
.alert-table tbody tr {
    border-color: #031974;
    border-radius: 4px;
}

/* line 3218, src/assets/scss/custom/_style.scss */
.alert-table .vps-pricing-row > td:first-child {
    border-left: 0;
}

/* line 3221, src/assets/scss/custom/_style.scss */
.alert-table .vps-pricing-row > td:last-child {
    border-right: 0;
}

@media (max-width: 991px) {
    /* line 3225, src/assets/scss/custom/_style.scss */
    .vps-hosting-pricing-table.alert-table > tbody > tr > td {
        display: block;
    }
    /* line 3228, src/assets/scss/custom/_style.scss */
    .alert-table .vps-pricing-row {
        width: 100%;
        margin: 0;
    }
    /* line 3232, src/assets/scss/custom/_style.scss */
    .alert-table .vps-pricing-row > td:last-child {
        margin-left: 0;
    }
}

/*=========================================
           22. SERVICES STATUS CSS
============================================*/
/* line 3240, src/assets/scss/custom/_style.scss */
.action-wrap p {
    font-size: 14px;
}

/* line 3243, src/assets/scss/custom/_style.scss */
.action-wrap a {
    font-size: 15px;
    font-weight: 400;
    font-family: Poppins, sans-serif;
}

/* line 3248, src/assets/scss/custom/_style.scss */
.action-wrap a span {
    margin-left: 5px;
}

/* line 3251, src/assets/scss/custom/_style.scss */
.services-status-list li {
    border: 1px solid #ebebeb;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-bottom: 2px solid transparent;
}

/* line 3257, src/assets/scss/custom/_style.scss */
.services-status-list li:last-child {
    border-bottom: 1px solid #ebebeb;
}

/* line 3261, src/assets/scss/custom/_style.scss */
.services-status-list li:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1),
        inset 4px 0 0 0 rgba(100, 25, 255, 0.004);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1),
        inset 4px 0 0 0 rgba(100, 25, 255, 0.004);
    border-bottom: 2px solid #035ded;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* line 3269, src/assets/scss/custom/_style.scss */
.status-location-heading {
    width: 70%;
    text-align: left;
}

/* line 3274, src/assets/scss/custom/_style.scss */
.status-location-heading span {
    vertical-align: middle;
}

/* line 3278, src/assets/scss/custom/_style.scss */
.status-mode {
    width: 30%;
    text-align: right;
}

/* line 3282, src/assets/scss/custom/_style.scss */
.status-mode strong {
    font-size: 14px;
}

/* line 3285, src/assets/scss/custom/_style.scss */
.timeline-item:not(:last-child) {
    margin-bottom: 2rem;
}

/* line 3289, src/assets/scss/custom/_style.scss */
.timeline-item {
    position: relative;
    padding-right: 0.9375rem;
    padding-left: 2rem;
}

/* line 3294, src/assets/scss/custom/_style.scss */
.timeline-item::before {
    position: absolute;
    top: 3.5rem;
    bottom: 0;
    left: 0;
    height: auto;
    border-left: 2px solid #ebebeb;
    content: "";
}

/* line 3303, src/assets/scss/custom/_style.scss */
.timeline-heading::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid #ebebeb;
    content: "";
}

/* line 3311, src/assets/scss/custom/_style.scss */
.timeline-icon {
    position: absolute;
    left: -0.875rem;
}

/* line 3315, src/assets/scss/custom/_style.scss */
.timeline-icon.btn-sm {
    font-size: 18px;
    width: 2.4rem;
    height: 2.4rem;
    background: #ebebeb;
}

/* line 3321, src/assets/scss/custom/_style.scss */
.timeline-heading {
    position: relative;
    display: block;
    font-size: 1.15rem;
    font-weight: 600;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
    font-family: "Open Sans", sans-serif;
}

/*=========================================
          23. PARTNER SECTION CSS
============================================*/
/* line 3335, src/assets/scss/custom/_style.scss */
.card-bottom-line {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    -webkit-transition: background 0.3s ease-in-out,
        -webkit-box-shadow 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out,
        -webkit-box-shadow 0.3s ease-in-out;
    border-bottom: 2px solid #035ded;
}

/* line 3345, src/assets/scss/custom/_style.scss */
.partner-logo img {
    max-width: 125px;
}

/* line 3349, src/assets/scss/custom/_style.scss */
.card-bottom-line:hover {
    border-color: #031974;
}

/* line 3353, src/assets/scss/custom/_style.scss */
a.view-details-link {
    font-size: 14px;
    font-weight: 600;
}

/* line 3358, src/assets/scss/custom/_style.scss */
a.view-details-link span {
    padding-left: 2px;
    font-size: 11px;
    vertical-align: middle;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/* line 3366, src/assets/scss/custom/_style.scss */
a.view-details-link:hover span {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
    margin-left: 6px;
}

/*=========================================
      24. CLIENT RATTING OR REVIEW CSS
============================================*/
/* line 3374, src/assets/scss/custom/_style.scss */
.ratting-list ul {
    line-height: 0;
    margin: 0;
    padding: 0;
}

/* line 3379, src/assets/scss/custom/_style.scss */
.ratting-list li:not(:last-child) {
    margin-right: -1px !important;
}

/* line 3382, src/assets/scss/custom/_style.scss */
.ratting-list li {
    line-height: 0;
}

/* line 3385, src/assets/scss/custom/_style.scss */
.ratting-list li span {
    font-size: 12px;
    padding-right: 2px;
    color: #fbae00;
    line-height: 16px;
}

/* line 3392, src/assets/scss/custom/_style.scss */
.ratting-author h6 {
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
}

/* line 3398, src/assets/scss/custom/_style.scss */
.ratting-author small {
    text-align: right;
    float: right;
}

/*=========================================
            24. 404 PAGES CSS
============================================*/
/* line 3407, src/assets/scss/custom/_style.scss */
.error-content .notfound-404 {
    position: relative;
    height: 280px;
    z-index: 2;
    margin-bottom: 30px;
}

/* line 3413, src/assets/scss/custom/_style.scss */
.error-content .notfound-404 h1 {
    font-size: 230px;
    font-weight: 700;
    margin: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: cover;
    background-position: center;
}

@media (min-width: 320px) and (max-width: 767px) {
    /* line 3427, src/assets/scss/custom/_style.scss */
    .error-content .notfound-404 {
        height: auto;
        display: block;
        position: relative;
    }
    /* line 3432, src/assets/scss/custom/_style.scss */
    .error-content .notfound-404 h1 {
        font-size: 80px;
        position: relative;
    }
}

/*=========================================
          25. BREADCRUMB CSS
============================================*/
/* line 3442, src/assets/scss/custom/_style.scss */
.page-header-section {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

/* line 3449, src/assets/scss/custom/_style.scss */
.page-header-breadcrumb .custom-breadcrumb ol li a,
.page-header-breadcrumb .custom-breadcrumb ol li.breadcrumb-item.active {
    color: inherit;
    opacity: 0.7;
}

/* line 3453, src/assets/scss/custom/_style.scss */
.custom-breadcrumb ol li.list-inline-item:not(:last-child) {
    margin-right: 0;
}

/* line 3457, src/assets/scss/custom/_style.scss */
.custom-breadcrumb ol {
    margin: 0;
    padding: 0;
    line-height: 0;
}

/* line 3462, src/assets/scss/custom/_style.scss */
.custom-breadcrumb ol li a,
.custom-breadcrumb ol li.breadcrumb-item.active {
    opacity: 0.7;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

/* line 3468, src/assets/scss/custom/_style.scss */
.custom-breadcrumb ol li a:hover,
.page-header-breadcrumb .custom-breadcrumb ol li a:hover {
    opacity: 1;
}

/* line 3471, src/assets/scss/custom/_style.scss */
.custom-breadcrumb ol li.breadcrumb-item {
    padding-left: 0;
}

/* line 3474, src/assets/scss/custom/_style.scss */
.custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f105";
    font-size: 11px;
    font-weight: 600;
    color: inherit;
    float: none;
}

/*=========================================
          26. FIXED SIDEBAR CSS
============================================*/
/* line 3485, src/assets/scss/custom/_style.scss */
.sidebar-content-wrap {
    border: 1px solid #ebebeb;
}

/* line 3488, src/assets/scss/custom/_style.scss */
.sidebar-list li {
    border-bottom: 1px dashed #ebebeb;
}

/* line 3491, src/assets/scss/custom/_style.scss */
.sidebar-list li a {
    display: block;
    font-size: 14px;
    line-height: 40px;
    font-weight: 600;
    color: #757575;
    font-family: "Open Sans", sans-serif;
}

/* line 3499, src/assets/scss/custom/_style.scss */
.sidebar-list li a:hover {
    color: #035ded;
}

/*=========================================
           27. LOGIN SIGN UP CSS
============================================*/
/* line 3506, src/assets/scss/custom/_style.scss */
.btn.border-radius {
    border-radius: 4px;
}

/* line 3509, src/assets/scss/custom/_style.scss */
.login-signup-form .form-group {
    position: relative;
}

/* line 3512, src/assets/scss/custom/_style.scss */
.login-signup-form .form-group label {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 88%;
}

/* line 3517, src/assets/scss/custom/_style.scss */
.login-signup-form .form-group .input-group.input-group-merge > .form-control {
    text-indent: 35px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* line 3522, src/assets/scss/custom/_style.scss */
.login-signup-form
    .form-group
    .input-group.input-group-merge
    > .form-control:focus {
    z-index: inherit;
}

/* line 3525, src/assets/scss/custom/_style.scss */
.input-icon {
    height: calc(2.75rem + 2px);
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    top: 0;
    bottom: 0;
    left: 0;
}

/* line 3535, src/assets/scss/custom/_style.scss */
.input-icon span {
    color: #b1b1b1;
    padding: 16px 15px;
    position: absolute;
    font-size: 16px;
    height: calc(2.75rem + 2px);
    border-radius: 4px;
}

/* line 3543, src/assets/scss/custom/_style.scss */
.textarea-icon span {
    height: calc(7.8rem + 2px);
}

/* line 3546, src/assets/scss/custom/_style.scss */
.full-screen {
    min-height: 100vh;
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* line 3556, src/assets/scss/custom/_style.scss */
.login-signup-content {
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* line 3565, src/assets/scss/custom/_style.scss */
.bg-cover {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

/* line 3571, src/assets/scss/custom/_style.scss */
.ml-n3,
.mx-n3 {
    margin-left: -0.98rem !important;
}

/* line 3575, src/assets/scss/custom/_style.scss */
.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #95aac9;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #d2ddec;
    border-radius: 0.375rem;
}

/*login signup new style*/
/* line 3592, src/assets/scss/custom/_style.scss */
.login-signup-card {
    position: relative;
    display: block;
}

/* line 3596, src/assets/scss/custom/_style.scss */
.custom-control-label {
    line-height: 1.5;
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    font-size: 14px;
}

/* line 3603, src/assets/scss/custom/_style.scss */
.login-signup-card small,
.login-signup-card a.small {
    font-size: 14px;
    font-weight: 600;
}

/*=========================================
            28. BLOG SECTION CSS
============================================*/
/* line 3610, src/assets/scss/custom/_style.scss */
.single-blog-card {
    margin-bottom: 25px;
}

/* line 3613, src/assets/scss/custom/_style.scss */
.single-blog-card span.category {
    z-index: 2;
    top: 10px;
    right: 10px;
}

/* line 3618, src/assets/scss/custom/_style.scss */
.single-blog-card .card-body {
    padding: 1.75rem;
}

/* line 3622, src/assets/scss/custom/_style.scss */
.meta-list {
    opacity: 0.8;
    font-size: 95%;
}

/* line 3627, src/assets/scss/custom/_style.scss */
.meta-list li.list-inline-item:not(:last-child) {
    margin-right: 0.7rem;
}

/* line 3630, src/assets/scss/custom/_style.scss */
.single-blog-card a {
    font-family: "Poppins", sans-serif;
}

/* line 3633, src/assets/scss/custom/_style.scss */
.single-blog-card .card-body h3 a {
    font-weight: 600;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

/* line 3637, src/assets/scss/custom/_style.scss */
.single-blog-card a,
.single-blog-card a:hover {
    text-decoration: none;
    color: inherit;
}

/* line 3642, src/assets/scss/custom/_style.scss */
a.detail-link {
    display: inline-block;
    text-decoration: none;
    color: #495057;
    font-weight: 600;
    font-size: 13px;
    font-family: "Poppins", sans-serif;
}

/* line 3652, src/assets/scss/custom/_style.scss */
a.detail-link span {
    font-size: 12px;
    vertical-align: middle;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #035ded;
}

/* line 3661, src/assets/scss/custom/_style.scss */
a.detail-link:hover,
.single-blog-card .card-body h3 a:hover {
    color: #035ded;
}

/* line 3664, src/assets/scss/custom/_style.scss */
a.detail-link:hover span {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
    margin-left: 8px;
}

/*blog single page css*/
/* line 3671, src/assets/scss/custom/_style.scss */
.row-post-thumbnail .post {
    border: 0;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

/* line 3676, src/assets/scss/custom/_style.scss */
.post {
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0 35px;
    margin: 0 0 45px;
}

/* line 3683, src/assets/scss/custom/_style.scss */
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

/* line 3687, src/assets/scss/custom/_style.scss */
.post-preview {
    padding-bottom: 5px;
    border-radius: 0.1875rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* line 3693, src/assets/scss/custom/_style.scss */
.post-preview img {
    border-radius: 0.1875rem;
    width: 100%;
    display: block;
}

/* line 3699, src/assets/scss/custom/_style.scss */
.post-header {
    margin: 15px 0 20px;
}

/* line 3702, src/assets/scss/custom/_style.scss */
.post-header .post-title {
    font-size: 1.5625rem;
    margin-bottom: 0;
    color: #333333;
}

/* line 3707, src/assets/scss/custom/_style.scss */
.post-header .post-title a {
    color: #5d5d5d;
}

/* line 3710, src/assets/scss/custom/_style.scss */
.post-header .post-title a:hover {
    color: #035ded;
}

/* line 3713, src/assets/scss/custom/_style.scss */
.post-meta {
    list-style: none;
    font-size: 0.8125rem;
    padding: 0;
    margin: 0;
}

/* line 3719, src/assets/scss/custom/_style.scss */
.post-meta a,
.post-meta li {
    color: #495057;
    font-weight: 600;
}

/* line 3723, src/assets/scss/custom/_style.scss */
.post-meta a:hover {
    color: #035ded;
    opacity: 1;
}

/* line 3727, src/assets/scss/custom/_style.scss */
.post-meta > li {
    position: relative;
    display: inline-block;
    padding: 0 14px 0 0;
    margin: 0 14px 0 0;
}

/* line 3734, src/assets/scss/custom/_style.scss */
.post-meta > li:not(:last-child):after {
    position: absolute;
    content: "/";
    right: -5px;
    top: 0;
}

/* line 3741, src/assets/scss/custom/_style.scss */
.post-content p {
    margin-bottom: 5px;
}

/* line 3744, src/assets/scss/custom/_style.scss */
.post-more a span {
    vertical-align: middle;
}

/* line 3748, src/assets/scss/custom/_style.scss */
.post-footer {
    margin-top: 15px;
}

/*blog single css*/
/* line 3753, src/assets/scss/custom/_style.scss */
.post-content blockquote {
    border-left: 2px solid #eaeaea;
    padding: 10px 0 10px 40px;
    margin: 40px 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* line 3759, src/assets/scss/custom/_style.scss */
.post-content blockquote:hover {
    border-color: #035ded;
}

/* line 3762, src/assets/scss/custom/_style.scss */
.blockquote {
    font-weight: 500;
    color: #222;
}

/* line 3766, src/assets/scss/custom/_style.scss */
.post-content ol {
    list-style-type: decimal;
}

/* line 3769, src/assets/scss/custom/_style.scss */
.post-content ul,
.post-content ol {
    margin: 15px 0 15px 40px;
}

/*comments css*/
/* line 3774, src/assets/scss/custom/_style.scss */
.comment,
.comment-shop {
    border-bottom: 1px solid #f0f0f0;
    padding: 30px 0 0;
}

/* line 3778, src/assets/scss/custom/_style.scss */
.comment-author,
.comment-author-shop {
    margin: 5px 0 0;
    height: 64px;
    width: 64px;
    float: left;
}

/* line 3785, src/assets/scss/custom/_style.scss */
.comment-body,
.comment-body-shop {
    position: relative;
    padding: 0 0 30px;
    margin: 0 0 0 85px;
}

/* line 3790, src/assets/scss/custom/_style.scss */
.comment-meta,
.comment-meta-shop {
    margin: 0 0 15px;
}

/* line 3793, src/assets/scss/custom/_style.scss */
.comment-meta-date {
    font-size: 13px;
}

/* line 3796, src/assets/scss/custom/_style.scss */
.children > .comment,
.children > .comment-shop {
    border: 0;
    border-top: 1px solid #f0f0f0;
    margin-left: 85px;
}

/* line 3801, src/assets/scss/custom/_style.scss */
.comment-meta-author a,
.comment-meta-author-shop a {
    font-weight: 500;
    color: #222;
}

/* line 3805, src/assets/scss/custom/_style.scss */
.comment-meta-date a,
.comment-meta-date-shop a {
    color: #788487;
    opacity: 0.6;
}

/* line 3809, src/assets/scss/custom/_style.scss */
.comment-meta-date a:hover,
.comment-meta-date a:focus,
.comment-meta-date-shop a:hover,
.comment-meta-date-shop a:focus {
    color: #035ded;
    opacity: 1;
}

/* line 3814, src/assets/scss/custom/_style.scss */
.comment-reply,
.comment-reply-shop {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
}

/* line 3821, src/assets/scss/custom/_style.scss */
.comment-reply > a,
.comment-reply-shop > a {
    background: #f4f4f4;
    border-radius: 0.1875rem;
    padding: 5px 15px;
    display: block;
    color: #222;
}

/* line 3828, src/assets/scss/custom/_style.scss */
.comment-reply > a:hover,
.comment-reply > a:focus,
.comment-reply-shop > a:hover,
.comment-reply-shop > a:focus {
    background: #035ded;
    color: #fff;
}

/* line 3833, src/assets/scss/custom/_style.scss */
.comment-list + .comment-respond,
.comment-list-shop + .comment-respond {
    margin-top: 30px;
}

/*pagination*/
/* line 3839, src/assets/scss/custom/_style.scss */
.custom-pagination-nav ul li {
    text-align: center;
    margin-right: 10px;
}

/* line 3843, src/assets/scss/custom/_style.scss */
.custom-pagination-nav ul li:focus,
.custom-pagination-nav ul li a:focus {
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* line 3848, src/assets/scss/custom/_style.scss */
.custom-pagination-nav ul li a.page-link {
    width: 35px;
    height: 35px;
    line-height: 33px;
    border-radius: 100%;
    padding: inherit;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

/* line 3857, src/assets/scss/custom/_style.scss */
.custom-pagination-nav ul li.page-item:first-child .page-link,
.custom-pagination-nav ul li.page-item:last-child .page-link {
    border: none;
    background: transparent;
}

/*blog sidebar*/
/* line 3864, src/assets/scss/custom/_style.scss */
.widget-search {
    padding: 0;
    border: 0;
}

/* line 3868, src/assets/scss/custom/_style.scss */
.widget {
    margin-bottom: 30px;
}

/* line 3871, src/assets/scss/custom/_style.scss */
.widget-search form {
    position: relative;
}

/* line 3875, src/assets/scss/custom/_style.scss */
.widget-search .search-button {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 50%;
    height: 100%;
    right: 0.875rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #ddd;
}

/* line 3886, src/assets/scss/custom/_style.scss */
.widget-search .search-button span {
    font-size: 20px;
    line-height: 32px;
}

/* line 3890, src/assets/scss/custom/_style.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/* line 3893, src/assets/scss/custom/_style.scss */
.widget .widget-title {
    margin-bottom: 24px;
}

/* line 3897, src/assets/scss/custom/_style.scss */
.widget .widget-title > h6 {
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 12px;
    margin: 0;
    color: #788487;
}

/* line 3906, src/assets/scss/custom/_style.scss */
.widget ul {
    margin-bottom: 0;
}

/* line 3909, src/assets/scss/custom/_style.scss */
.widget-categories ul li:first-child,
.widget-recent-entries ul li:first-child,
.widget-recent-entries-custom ul li:first-child {
    padding-top: 0;
}

/* line 3912, src/assets/scss/custom/_style.scss */
.widget-categories ul li,
.widget-recent-entries ul li,
.widget-recent-entries-custom ul li {
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 0;
    margin: 0;
}

/* line 3917, src/assets/scss/custom/_style.scss */
.widget a {
    color: #788487;
    display: block;
    font-size: 14px;
}

/* line 3922, src/assets/scss/custom/_style.scss */
.widget a:hover {
    color: #035ded;
}

/* line 3925, src/assets/scss/custom/_style.scss */
.widget-recent-entries-custom .wi {
    float: left;
    width: 80px;
}

/* line 3929, src/assets/scss/custom/_style.scss */
.widget-recent-entries-custom .wb {
    padding-left: 16px;
    width: 100%;
}

/* line 3933, src/assets/scss/custom/_style.scss */
.widget-recent-entries-custom .wi,
.widget-recent-entries-custom .wb {
    vertical-align: middle;
    display: table-cell;
}

/* line 3937, src/assets/scss/custom/_style.scss */
.post-date {
    font-size: 13px;
    color: #a3a6a8;
    display: block;
    margin: 0;
}

/* line 3943, src/assets/scss/custom/_style.scss */
.tag-cloud > a,
.post-tags > a {
    background: #f4f4f4;
    border-radius: 0.1875rem;
    position: relative;
    display: inline-block;
    padding: 6px 15px;
    margin: 5px 8px 5px 0;
    text-transform: uppercase;
    font-size: 9px !important;
    color: #757575;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
}

/* line 3956, src/assets/scss/custom/_style.scss */
.tag-cloud > a:hover,
.post-tags > a:hover {
    background: #035ded;
    color: #fff;
    opacity: 1;
}

@media (min-width: 320px) and (max-width: 767px) {
    /* line 3962, src/assets/scss/custom/_style.scss */
    .sidebar-right {
        padding-left: 0 !important;
    }
}

/*=========================================
            29. CONTACT US CSS
============================================*/
/* line 3971, src/assets/scss/custom/_style.scss */
.single-promo-card {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/* line 3974, src/assets/scss/custom/_style.scss */
.card.single-promo-card {
    border: 1px solid #ebebeb;
    border-radius: 1rem;
    z-index: 1;
}

/* line 3979, src/assets/scss/custom/_style.scss */
.single-promo-card .card-body {
    padding: 1.5rem;
}

/* line 3983, src/assets/scss/custom/_style.scss */
.link-color {
    color: #707070;
}

/* line 3987, src/assets/scss/custom/_style.scss */
.google-map {
    height: 100%;
    margin-bottom: -8px;
}

/* line 3991, src/assets/scss/custom/_style.scss */
.google-map iframe {
    width: 100%;
    border: 0;
    -webkit-filter: grayscale(99%);
    -webkit-backface-visibility: hidden;
}

/*=========================================
            30. BACK TO TOP CSS
============================================*/
/* line 4002, src/assets/scss/custom/_style.scss */
.scroll-top.open {
    bottom: 15%;
}

/* line 4006, src/assets/scss/custom/_style.scss */
button.scroll-top:focus {
    outline: none;
}

/* line 4010, src/assets/scss/custom/_style.scss */
.scroll-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: 105%;
    right: 30px;
    font-size: 16px;
    border-radius: 4px;
    z-index: 999;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    background: #035ded;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    border: none;
}

/* line 4028, src/assets/scss/custom/_style.scss */
.scroll-top span {
    color: #fff;
}

/* line 4032, src/assets/scss/custom/_style.scss */
.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(
        ellipse at center,
        rgba(0, 0, 0, 0.25) 0%,
        rgba(0, 0, 0, 0) 80%
    );
}

/*=========================================
           31. FOOTER CSS
============================================*/
/* line 4047, src/assets/scss/custom/_style.scss */
.footer-top {
    padding: 65px 0;
}

/* line 4051, src/assets/scss/custom/_style.scss */
.security-icon-list li {
    margin: 0 15px 12px 0;
}

@media (min-width: 320px) and (max-width: 567px) {
    /* line 4056, src/assets/scss/custom/_style.scss */
    .footer-top {
        padding: 50px 0;
    }
}

/* line 4061, src/assets/scss/custom/_style.scss */
.footer-nav-wrap h4 {
    font-size: 15px;
    margin-bottom: 1.4rem;
    letter-spacing: 0.6px;
    font-weight: 600;
}

/* line 4068, src/assets/scss/custom/_style.scss */
.footer-nav-wrap ul li a {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 0;
    color: inherit;
    opacity: 0.8;
}

/* line 4076, src/assets/scss/custom/_style.scss */
.footer-nav-wrap ul li a:hover,
.copyright-text a:hover,
.social-list li a:hover {
    opacity: 1;
    text-decoration: none;
}

/* line 4081, src/assets/scss/custom/_style.scss */
.payment-method ul {
    padding-top: 6px;
}

/* line 4085, src/assets/scss/custom/_style.scss */
.payment-method ul li:last-child img {
    margin-right: 0;
}

/* line 4089, src/assets/scss/custom/_style.scss */
.copyright-text {
    font-size: 14px;
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

/* line 4095, src/assets/scss/custom/_style.scss */
.social-list li a {
    padding: 6px 10px;
}

/* line 4099, src/assets/scss/custom/_style.scss */
.footer-nav-list li a span {
    font-size: 12px;
    vertical-align: middle;
}

/* line 4104, src/assets/scss/custom/_style.scss */
.bottom-sticky-footer {
    position: absolute;
    bottom: 1px;
    width: 100%;
    height: 55px;
}

/* line 4110, src/assets/scss/custom/_style.scss */
.social-nav ul li a {
    color: #ffffff;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

/* line 4117, src/assets/scss/custom/_style.scss */
.tooltip-hover {
    position: relative;
}

/* line 4121, src/assets/scss/custom/_style.scss */
.tooltip-hover a {
    display: block;
}

/* line 4125, src/assets/scss/custom/_style.scss */
.tooltip-item {
    position: absolute;
    background-color: white;
    pointer-events: none;
    color: #333333;
    font-size: 13px;
    bottom: 90%;
    left: 50%;
    opacity: 0;
    white-space: nowrap;
    visibility: hidden;
    z-index: 999;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 4px 15px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 15px;
    -webkit-transform: translate3d(-50%, 0px, 0px);
    transform: translate3d(-50%, 0px, 0px);
    padding: 0.4rem 0.8rem;
    border-radius: 3px;
    -webkit-transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

/* line 4143, src/assets/scss/custom/_style.scss */
.tooltip-item:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0px;
    bottom: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 6px solid white;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

/* line 4156, src/assets/scss/custom/_style.scss */
.tooltip-hover:hover .tooltip-item {
    opacity: 1;
    visibility: visible;
    bottom: calc(100% + 5px);
}

/*new update gallery css*/
/* line 4163, src/assets/scss/custom/_style.scss */
.gallery-img {
    margin: 15px 0;
}

/* line 4166, src/assets/scss/custom/_style.scss */
.gallery-img a {
    display: block;
}

/* line 4169, src/assets/scss/custom/_style.scss */
.gallery-img img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: block;
}

/* line 4176, src/assets/scss/custom/_style.scss */
.gallery-img:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/* line 4181, src/assets/scss/custom/_style.scss */
.gallery-img-slider .gallery-img img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/*new updated css for black friday*/
/* line 4186, src/assets/scss/custom/_style.scss */
.custom-overlay:before {
    position: absolute;
    content: "";
    background: rgba(113, 0, 184, 0.35);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* line 4195, src/assets/scss/custom/_style.scss */
.offer-tag-wrap img {
    position: relative;
    display: block;
    width: 100%;
}

/* line 4200, src/assets/scss/custom/_style.scss */
.offer-tag {
    padding: 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: 25%;
    color: #ffffff;
}

/* line 4208, src/assets/scss/custom/_style.scss */
.offer-price-tag {
    font-size: 100px;
    line-height: 115px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
}

/* line 4214, src/assets/scss/custom/_style.scss */
.offer-price-tag small,
.offer-price-tag span {
    font-size: 25px;
    line-height: initial;
}

/* line 4218, src/assets/scss/custom/_style.scss */
.offer-price-tag span {
    position: relative;
    top: -40px;
}

/* line 4222, src/assets/scss/custom/_style.scss */
.offer-price-tag p {
    line-height: initial;
}

/* line 4225, src/assets/scss/custom/_style.scss */
.ribbon-2 {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #ff5919;
    border-radius: 30px;
}

/* line 4233, src/assets/scss/custom/_style.scss */
.ribbon-2 span {
    font-size: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    padding: 0 15px 0 25px;
}

/* line 4241, src/assets/scss/custom/_style.scss */
.single-offer-box {
    background: #161e76;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
}

/* line 4248, src/assets/scss/custom/_style.scss */
.content {
    margin: 12px;
    border: 1px solid #103f6e;
    border-radius: 10px;
    width: 100%;
}

/* line 4254, src/assets/scss/custom/_style.scss */
.discount-price {
    font-size: 30px;
    line-height: 55px;
    font-weight: 600;
    font-family: Poppins, sans-serif;
}

/* line 4260, src/assets/scss/custom/_style.scss */
.discount-price small {
    font-size: 18px;
}

/* line 4263, src/assets/scss/custom/_style.scss */
.pass {
    padding: 10px 15px;
    border-radius: 10px 10px 0 0;
    background: #ffffff;
}

/* line 4268, src/assets/scss/custom/_style.scss */
.pass h6 {
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins, sans-serif;
}

/* line 4273, src/assets/scss/custom/_style.scss */
.pass::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: calc(50% - 20px);
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid #ffffff;
}

/* line 4282, src/assets/scss/custom/_style.scss */
.offer-price-content .btn {
    margin-top: 10px;
    padding: 8px 25px;
}

/*new countdown*/
@media (min-width: 320px) and (max-width: 575px) {
    /* line 4288, src/assets/scss/custom/_style.scss */
    .action-btns .btn {
        margin: 6px 0;
    }
}

/* line 4293, src/assets/scss/custom/_style.scss */
.countdown-list li {
    margin: 6px 0;
}

/* line 4296, src/assets/scss/custom/_style.scss */
.countdown-list li h6 {
    width: 62px;
    height: 62px;
    line-height: 62px;
    font-size: 25px;
    font-family: "Open Sans", sans-serif;
    color: #707070;
}

/* line 4304, src/assets/scss/custom/_style.scss */
.countdown-list span {
    font-size: 14px;
}

/*custom pricing plane design*/
/* line 4311, src/assets/scss/custom/_style.scss */
.radio-box-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

/* line 4316, src/assets/scss/custom/_style.scss */
.radio-box-wrap .single-radio-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
    display: block;
}

/* line 4321, src/assets/scss/custom/_style.scss */
.single-radio-box {
    display: block;
    position: relative;
    border: 1px solid #ebebeb;
    margin: 5px 12px;
    border-radius: 4px;
    width: 100%;
}

/* line 4329, src/assets/scss/custom/_style.scss */
.single-radio-box input[type="radio"] {
    position: absolute;
    visibility: hidden;
}

/* line 4333, src/assets/scss/custom/_style.scss */
.single-radio-box label {
    font-family: Poppins, sans-serif;
    display: block;
    position: relative;
    padding: 10px;
    z-index: 9;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    margin-bottom: 0;
}

/* line 4345, src/assets/scss/custom/_style.scss */
.single-radio-box label .custom-check {
    display: block;
    position: absolute;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    top: -30%;
    z-index: 5;
    transition: border 0.25s linear;
    -webkit-transition: border 0.25s linear;
}

/* line 4359, src/assets/scss/custom/_style.scss */
.single-radio-box label .custom-check:before {
    display: block;
    position: absolute;
    border-radius: 100%;
    font-size: 14px;
    height: 11px;
    width: 11px;
    left: 40%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    top: 0;
    right: 0;
    bottom: 60%;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

/* line 4375, src/assets/scss/custom/_style.scss */
.single-radio-box input[type="radio"]:checked ~ label .custom-check {
    border: 2px solid #035ded;
    background: #fff;
}

/* line 4379, src/assets/scss/custom/_style.scss */
.single-radio-box input[type="radio"]:checked ~ label .custom-check::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f00c";
    color: #035ded;
}

/* line 4385, src/assets/scss/custom/_style.scss */
.single-radio-box input[type="radio"]:checked ~ label {
    color: #fff;
    background: #035ded;
    border-radius: 4px;
}

/* line 4391, src/assets/scss/custom/_style.scss */
.yearly-price,
.biannual-price,
.triennial-price {
    display: none;
}