@font-face{font-family:"Work Sans";src:url("../fonts/webfonts/WorkSans-Bold.eot");src:url("../fonts/webfonts/WorkSans-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/WorkSans-Bold.woff2") format("woff2"),url("../fonts/webfonts/WorkSans-Bold.woff") format("woff"),url("../fonts/webfonts/WorkSans-Bold.ttf") format("truetype"),url("../fonts/webfonts/WorkSans-Bold.svg#WorkSans-Bold") format("svg");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Work Sans";src:url("../fonts/webfonts/WorkSans-Regular.eot");src:url("../fonts/webfonts/WorkSans-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/WorkSans-Regular.woff2") format("woff2"),url("../fonts/webfonts/WorkSans-Regular.woff") format("woff"),url("../fonts/webfonts/WorkSans-Regular.ttf") format("truetype"),url("../fonts/webfonts/WorkSans-Regular.svg#WorkSans-Regular") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Work Sans";src:url("../fonts/webfonts/WorkSans-SemiBold.eot");src:url("../fonts/webfonts/WorkSans-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/WorkSans-SemiBold.woff2") format("woff2"),url("../fonts/webfonts/WorkSans-SemiBold.woff") format("woff"),url("../fonts/webfonts/WorkSans-SemiBold.ttf") format("truetype"),url("../fonts/webfonts/WorkSans-SemiBold.svg#WorkSans-SemiBold") format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Work Sans";src:url("../fonts/webfonts/WorkSans-Thin.eot");src:url("../fonts/webfonts/WorkSans-Thin.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/WorkSans-Thin.woff2") format("woff2"),url("../fonts/webfonts/WorkSans-Thin.woff") format("woff"),url("../fonts/webfonts/WorkSans-Thin.ttf") format("truetype"),url("../fonts/webfonts/WorkSans-Thin.svg#WorkSans-Thin") format("svg");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"Work Sans";src:url("../fonts/webfonts/WorkSans-Medium.eot");src:url("../fonts/webfonts/WorkSans-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/WorkSans-Medium.woff2") format("woff2"),url("../fonts/webfonts/WorkSans-Medium.woff") format("woff"),url("../fonts/webfonts/WorkSans-Medium.ttf") format("truetype"),url("../fonts/webfonts/WorkSans-Medium.svg#WorkSans-Medium") format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Work Sans";src:url("../fonts/webfonts/WorkSans-Light.eot");src:url("../fonts/webfonts/WorkSans-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/WorkSans-Light.woff2") format("woff2"),url("../fonts/webfonts/WorkSans-Light.woff") format("woff"),url("../fonts/webfonts/WorkSans-Light.ttf") format("truetype"),url("../fonts/webfonts/WorkSans-Light.svg#WorkSans-Light") format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Playfair";src:url("../fonts/webfonts/Playfair9pt-Bold.eot");src:url("../fonts/webfonts/Playfair9pt-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/Playfair9pt-Bold.woff2") format("woff2"),url("../fonts/webfonts/Playfair9pt-Bold.woff") format("woff"),url("../fonts/webfonts/Playfair9pt-Bold.ttf") format("truetype"),url("../fonts/webfonts/Playfair9pt-Bold.svg#Playfair9pt-Bold") format("svg");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Playfair";src:url("../fonts/webfonts/Playfair9pt-Regular.eot");src:url("../fonts/webfonts/Playfair9pt-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/Playfair9pt-Regular.woff2") format("woff2"),url("../fonts/webfonts/Playfair9pt-Regular.woff") format("woff"),url("../fonts/webfonts/Playfair9pt-Regular.ttf") format("truetype"),url("../fonts/webfonts/Playfair9pt-Regular.svg#Playfair9pt-Regular") format("svg");font-weight:normal;font-style:normal;font-display:swap}:root{--section-gap1: 100px;--section-gap2: 80px}@media(max-width: 1199.98px){:root{--base-font-size: 16px}}@media(max-width: 1199.98px){:root{--section-gap1: 80px;--section-gap2: 60px}}@media(max-width: 991.98px){:root{--section-gap1: 60px;--section-gap2: 40px}}*{margin:0;padding:0;box-sizing:border-box}html,body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}

/* ------ Container ------ */
.container {
    padding-right: 20px;
    padding-left: 20px;
}

@media (min-width: 1200px) {
    .header .container {
        max-width: 1800px !important;
    }
}
@media (min-width: 1200px) {
    footer .container {
        max-width: 1800px !important;
    }
}

/* ------ Header ------ */
header.header {
    background-color: transparent;
}
.headerc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0;
    z-index: 10;
    /*background: rgba(0, 0, 0, .3);*/
    background: #000;
    backdrop-filter: blur(12px);
    transition: .3s ease-in-out;
}
.headerc.sticky {
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transform: translateY(0);
    transition: all .3s ease-in-out;
    padding: 0;
    animation: slide-down 1s;
}
.headerc .pre-header {
    transition: .3s ease-in-out;
}
.pre-header {
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    z-index: 1;
}
.social-links a {
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6);
    text-decoration: underline;
}
.social-links a:hover {
    color: #796dfa;
}
.pre-header p {
    font-size: 16px;
    color: hsla(0, 0%, 100%, .7);
}
.pre-header p a {
    color: #fff;
    text-decoration: underline;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.16px;
    margin-left: 5px;
}
.pre-header p a:hover {
    color: #796dfa;
}
.pre-header .phone-no {
    display: flex;
    align-items: center;
    gap: 5px;
    color: hsla(0, 0%, 100%, .7);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.16px;
}
.pre-header .phone-no:hover {
    color: #796dfa;
    text-decoration: none;
}
.pre-header .phone-no i {
    font-size: 18px;
}
@media (max-width: 1199.98px) {
    .pre-header {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
    }
    .pre-header p {
        display: none;
    }
}
.headerc .navbar {
    display: flex;
    padding: 20px 0;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.headerc .navbar::before, .headerc .navbar::after {
    content: "";
    height: 1px;
    width: 100vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: solid 1px hsla(0, 0%, 100%, .1);
}
.headerc .navbar::before {
    top: 0;
}
.headerc .navbar::after {
    bottom: 0;
}
.headerc .navbar-left {
    display: flex;
    align-items: center;
    gap: 40px 120px;
}
.headerc .logo img {
    transition: .3s ease-in-out;
    height: 50px;
}
@media (max-width: 1199.98px) {
    .headerc .logo img {
        height: 45px;
    }
}
@media (max-width: 767.98px) {
    .headerc .logo img {
        height: 55px;
    }
}
@media (max-width: 1199.98px) {
    .main-menu {
        display: none;
    }
}
.main-menu ul.menu-list {
    display: flex;
    align-items: center;
    justify-content: right;
    margin: 0;
    padding: 0;
    position: unset;
}
.main-menu ul.menu-list>li {
    display: inline-flex;
    height: 47px;
    align-items: center;
    position: relative;
}
.main-menu ul.menu-list>li>a {
    color: #999;
    display: block;
    letter-spacing: .35px;
    text-align: center;
    padding: 0 23px;
    border-radius: 0;
    position: relative;
    height: 100%;
    text-decoration: none;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 47px;
    cursor: pointer;
}
.main-menu ul.menu-list>li>a:hover {
    color: #fff;
}
@media (max-width: 1399.98px) {
    .main-menu ul.menu-list>li>a {
        padding: 0 15px;
        font-size: 16px;
    }
}
.main-menu .nav-dropdown .menu-nav {
    position: relative;
}
.main-menu .nav-dropdown:hover .menu-nav::before {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.main-menu .nav-dropdown .menu-nav::before {
    content: "";
    width: 55px;
    height: 11px;
    background: url('/templates/snelbit-networks/images/megamenu_arrow.svg') no-repeat;
    background-position: center;
    position: absolute;
    top: 37px;
    left: 50%;
    transform: translate(-50%);
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    transition: .3s bottom ease-in, .8s opacity ease-in;
}
.main-menu .nav-dropdown .menu-nav::after {
    content: "";
    font-family: "icomoon";
    position: absolute;
    z-index: 1;
    font-size: 12px;
    line-height: normal;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: .3s ease-in;
}
.mega-menu {
    position: absolute;
    padding: 0;
    width: 886px;
    left: 0;
    top: 100%;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease;
    border-radius: 20px;
    /*box-shadow: 140px 0 140px 0 #000;*/
    background: url('/templates/snelbit-networks/images/bg-megamenu.svg');
    background-size: cover;
    z-index: 999;
    display: grid;
    grid-template-columns: 47% 53%;
}
@media (max-width: 1399.98px) {
    .mega-menu {
        width: 720px;
        grid-template-columns: 50% 50%;
    }
}
.main-menu .nav-dropdown:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transition: .8s ease;
    pointer-events: auto;
}
.menu-list .nav-dropdown:hover .mega-menu {
    visibility: visible;
    opacity: 1;
}
.menulist-col-1 {
    border-right: solid 1px hsla(0, 0%, 100%, .2);
}
.menulist-col-1, .menulist-col-2 {
    padding: 50px;
}
@media (max-width: 1399.98px) {
    .menulist-col-1, .menulist-col-2 {
        padding: 40px;
    }
}
.menulist-col-1 .menu-heading-label, .menulist-col-2 .menu-heading-label {
    display: inline-block;
    border-radius: 28px;
    background: #796dfa;
    line-height: 32px;
    border-radius: 20px;
    padding: 0 16px;
    margin: 0 0 40px 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.menulist-col-1 li, .menulist-col-2 li {
    margin: 0 0 30px 0;
}
.menulist-col-1 li:last-child, .menulist-col-2 li:last-child {
    margin: 0;
}
.menulist-col-1 .subNav, .menulist-col-2 .subNav {
    display: flex;
    align-items: center;
    gap: 20px;
}
.menulist-col-1 .menu_icon, .menulist-col-2 .menu_icon {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: rgba(121, 109, 250, .1);
    display: flex;
    justify-content: center;
    align-items: center;
}
.menulist-col-1 .menu_icon img, .menulist-col-2 .menu_icon img {
    height: 28px;
}
.menulist-col-1 .subNav .menu_text, .menulist-col-2 .subNav .menu_text {
    display: block;
    color: hsla(0, 0%, 100%, .6);
    font-weight: 400;
    transition: .3s opacity;
}
.menulist-col-1 .subNav:hover .menu_text, .menulist-col-2 .subNav:hover .menu_text {
    opacity: .7;
}
.menulist-col-1 .subNav .menu_text strong, .menulist-col-2 .subNav .menu_text strong {
    display: block;
    font-weight: 500;
    color: #fff;
    line-height: 150%;
    letter-spacing: -0.22px;
}
.headerc .action-right {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}
.header .action-right .ms-btn {
    border-radius: 50px;
}
@media (max-width: 1199.98px) {
    .header .action-right .ms-btn {
        display: none;
    }
}

/* --- Mobile nav taggle --- */ 
.ms-menu {
    position: relative;
    right: 0;
    width: 1.6rem;
    height: 1.15rem;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 1;
    display: none;
}
@media (max-width: 1199.98px) {
    .ms-menu {
        display: block;
    }
}
.ms-menu-line {
    position: absolute;
    display: block;
    right: 0;
    width: 100%;
    height: .15rem;
    opacity: 1;
    rotate: 0deg;
    border: none;
    outline: none;
    border-radius: 1rem;
    background-color: #fff;
}
.ms-menu-line:nth-child(1) {
    top: 0px;
}
.ms-menu-line:nth-child(2) {
    top: .5rem;
    width: 70%;
}
.ms-menu-line:nth-child(3) {
    top: 1rem;
}

/* --- Mobile menu --- */
.mob-menu-container {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100%;
    padding: 50px 20px;
    background-color: #071206;
    overflow-y: auto;
    transition: left .3s;
    z-index: 9998;
}
.mob-menu-container .close-menu {
    font-size: 18px;
    background: none;
    color: #fff;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    border: none;
    outline: none;
}
.icon-close:before {
    content: "\e913";
}
.mob-menu {
    margin: 0;
    padding: 0;
}
.mob-menu-container.open {
    left: 0;
}
.mob-menu li {
    list-style: none;
    padding: 13px 0;
    border-top: solid 1px hsla(0, 0%, 100%, .1);
}
.mob-menu li:first-child {
    border-top: none;
}
.mob-menu li a {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    line-height: 150%;
    display: block;
}
.mob-menu .has-submenu {
    position: relative;
}
.mob-menu .has-submenu>ul {
    display: none;
    margin: 0 0 0 15px;
    padding: 0;
}
.mob-menu .has-submenu>ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.mob-menu .has-submenu::after {
    content: "";
    font-family: "icomoon";
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 19px;
}
.mob-menu-container .additional-btn {
    margin-top: 25px;
}
.mob-menu-container .additional-btn .ms-btn {
    width: 100%;
}
@media (max-width: 767.98px) {
    .ms-btn.with-arrow {
        padding: 15px 20px;
    }
}

/* --- Header Button --- */
.ms-btn {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .32px;
    text-decoration: none;
    line-height: 140%;
    display: inline-block;
    padding: 20px 40px;
    border-radius: 32px;
    border: none;
    text-align: center;
    position: relative;
    transition: all .3s ease;
}
.ms-btn.with-arrow::after {
    content: "";
    font-family: "icomoon";
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: 40px;
}
.ms-btn.btn-md::after {
    right: 30px;
}
.ms-btn.btn-md {
    padding: 11px 55px 11px 30px;
}
.primary-gradient {
    background: linear-gradient(100deg, #8F78FC, #0330EF, #8F78FC);
    background-size: 300% 100%;
    color: #fff !important;
    transition: color .3s ease;
}
.primary-gradient:hover {
    animation: gradientMove 2s linear infinite;
    color: #fff;
    text-decoration: none;
}
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 150% 50%;
    }
}

/* --- Footer --- */
footer.footer {
    background-color: #000;
    padding: unset;
    border-top: solid 1px hsla(0,0%,100%,.1);
}
footer {
    position: relative;
    overflow: hidden;
}
footer .footer-row1 {
    display: flex;
    gap: 50px 32px;
    justify-content: space-between;
    padding: 100px 0 120px 0;
}
@media (max-width: 1199.98px) {
    footer .footer-row1 {
        flex-direction: column;
        justify-content: center;
    }
}
.subscribe-newletter {
    max-width: 450px;
}
.subscribe-newletter p {
    color: hsla(0, 0%, 100%, .6);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
    margin: 0 0 40px 0;
}
.subscribe-newletter .heading-sm {
    display: block;
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6);
    margin: 0 0 8px 0;
}
.subscribe-newletter .textfield-holder {
    position: relative;
}
.subscribe-newletter .textfield-holder .form-control {
    display: flex;
    padding: 0 20px;
    height: 60px;
    line-height: 150%;
    border-radius: 0;
    width: 100%;
    background-color: #000;
    border: 1px solid hsla(0, 0%, 100%, .3);
    color: hsla(0, 0%, 100%, .6);
    font-family: "Work Sans", sans-serif;
    font-size: 18px;
}
.subscribe-newletter .textfield-holder .arrow-btn {
    padding: 20px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: hsla(0, 0%, 100%, .6);
    background: none;
    border: none;
    cursor: pointer;
}
.subscribe-newletter .note-sm {
    margin: 20px 0 0 0;
    color: hsla(0, 0%, 100%, .6);
}
footer .footer-links {
    max-width: 790px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 160px;
    z-index: 1;
}
@media (max-width: 1599.98px) {
    footer .footer-links {
        gap: clamp(30px, 5vw, 100px);
    }
}
footer .footer-links .links-heading {
    display: block;
    margin: 0 0 40px 0;
    font-size: 22px;
}
footer .footer-links li {
    margin: 0 0 16px 0;
}
footer .footer-links li:last-child {
    margin: 0;
}
footer .footer-links a {
    color: hsla(0, 0%, 100%, .6);
    line-height: 150%;
    text-decoration: none;
    font-size: 18px;
}
footer .footer-links a:hover {
    color: #796dfa;
}
@media (max-width: 1199.98px) {
    footer .footer-links a {
        font-size: 16px;
    }
}
footer .logo img {
    height: 70px;
    position: relative;
    z-index: 1;
}
.copyright {
    margin: 0 !important;
    margin-top: 20px !important;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.copyright::before {
    content: "";
    height: 1px;
    width: 100vw;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    border-bottom: solid 1px #333;
}
.copyright p {
    color: hsla(0, 0%, 100%, .6);
}
footer .marquee {
    position: absolute;
    /*z-index: -1;*/
    bottom: -65px;
    left: 0;
    width: 300%;
    display: flex;
    animation: moveBackground 90s linear infinite;
}
/* Keyframes for infinite horizontal motion */
@keyframes moveBackground {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
footer .marquee img {
    height: 425px;
}
@media (max-width: 1199.98px) {
    footer .marquee {
        bottom: -35px;
        animation: moveBackground 60s linear infinite;
    }
    footer .marquee img {
        height: 380px;
    }
}

.moveto-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.moveto-top {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 110px;
    right: 50px;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: linear-gradient(270deg, #4854F6 0%, #796DFA 100%);
    color: #fff !important;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease;
    z-index: 9999;
}
.moveto-top:hover {
    text-decoration: none;
}
@media (max-width: 1199.98px) {
    .moveto-top {
        bottom: 80px;
        width: 52px;
        height: 52px;
        font-size: 164px;
    }
}
@media (max-width: 767.98px) {
    .moveto-top {
        bottom: 20px;
        right: 20px;
        width: 42px;
        height: 42px;
        font-size: 14px;
    }
}
.moveto-top i {
    transform: rotate(90deg);
}

/* ------ Button ------ */ 
.btn-primary, .btn-success, .btn-warning {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .32px;
    text-decoration: none;
    line-height: 140%;
    display: inline-block;
    /*padding: 20px 40px;
    border-radius: 32px;*/
    border: none;
    text-align: center;
    position: relative !important;
    background: linear-gradient(270deg, #4854F6 0%, #796DFA 100%);
    color: hsla(0, 0%, 100%, .7);
    transition: color .3s ease;
    /*padding: 11px 55px 11px 30px*/;
    border-radius: 50px !important;
    box-shadow: none !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus, .btn-warning:hover, .btn-warning:focus {
    background: linear-gradient(270deg, #4854F6 0%, #796DFA 100%);
    transition: all .3s ease-in-out;
    color: #fff;
    animation: gradientMove 2s linear infinite;
    text-decoration: none;
    box-shadow: none !important;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: #796DFA;
    box-shadow: none !important;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: #796DFA;
    box-shadow: none !important;
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: #796DFA;
    box-shadow: none !important;
}
.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: transparent;
    border-color: #796DFA;
}
.home-domain-search .input-group-wrapper .btn {
    border-radius: 50px !important;
}
.btn-outline-primary {
    color: #796DFA;
    border-color: #796DFA;
    border-radius: 50px;
}
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #796DFA;
    border-color: #796DFA;
    box-shadow: none !important;
}
.btn-default:hover {
    color: #fff;
    background-color: #796DFA;
    border-color: #796DFA;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus {
    color: #fff;
    background-color: #796DFA;
    border-color: #796DFA;
    box-shadow: none !important;
}

/* ------ Navbar ------ */
.navbar-light {
    top: 150px;
    /*background-color: #0c0b19;*/
}
.navbar.navbar-expand-xl.main-navbar-wrapper {
    top: 150px;
    /*background-color: #0c0b19;*/
}
header.header .search {
    border: 1px solid #796DFA;
    color: #796DFA;
}
header.header .search .btn {
    color: #796DFA;
}
header.header .search .form-control::placeholder {
    color: #796DFA;
}
header.header .toolbar .nav-link {
    border: 1px solid #796DFA;
    color: #796DFA;
}
header.header .toolbar .nav-link:hover {
    color: #4854F6;
}
header.header .navbar a.pr-4,  header.header .navbar a.dropdown-toggle {
    /*color: #fff;*/
    font-size: 16px;
}
header.header .dropdown-item.active, header.header .dropdown-item:active {
    background-color: #4854F6;
    color: #fff;
}
.badge-info {
    color: #fff;
    background-color: #4854F6;
}

@media only screen and (max-width: 453px) {
    .navbar-light {
        top: 170px;
    }
}

/* ------ Body ------ */
body {
    font-family: "Work Sans", sans-serif;
    font-size: 18px;
    /*color: #fff;*/
    position: relative;
    overflow-x: hidden;
    outline: none;
    background-color: #000;
    background-size: 100%;
    background-position: top center;
}
p {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    /*color: #fff;*/
    /*margin: 0;*/
    padding: 0;
}
ul {
    padding: 0;
    margin: 0;
}
ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}
a {
    text-decoration: none;
    color: #796dfa;
}
a:hover {
    color: #796dfa;
}
.btn-link {
    text-decoration: none;
    color: #796dfa;
}
.btn-link:hover {
    color: #796dfa;
}
.btn.focus, .btn:focus {
    box-shadow: none;
}
.bg-white {
    /*background-color: #000 !important;*/
    color: #000;
}

/* ------ Homepage ------ */
/*.primary-bg-color {
    background-color: #000;
}*/
.master-breadcrumb {
    margin-top: 50px;
}
.action-icon-btns a .ico-container i {
    color: #796dfa;
}
#frmDomainHomepage {
    position: relative;
    top: 170px;
}
section#main-body {
    position: relative;
    top: 150px;
    /*background: url('/templates/snelbit-networks/images/maincontent-bg.svg') repeat-x;
    background-size: cover;
    background-position: top center;
    background-color: #000;
    backdrop-filter: blur(7px);
    color: hsla(0, 0%, 100%, .7);
    border: solid 1px hsla(0,0%,100%,.1);*/
    padding: 70px 0;
}
/*.home-domain-search.bg-white {
    background-color: #000 !important;
    color: hsla(0, 0%, 100%, .7);
}*/
.card {
    color: #000;
}
.card-columns.home .card-body .card-title, .card-columns.home .card-body p {
    color: #000;
}
.home .card, .mc-promo-login, .mc-promo-manage {
    border-radius: 20px;
}
.card-accent-teal, .card-accent-pomegranate, .card-accent-sun-flower, .card-accent-asbestos, .card-accent-green {
    border-top: 3px solid #8F78FC;
}
.card-accent-midnight-blue {
    border-top: 3px solid #8F78FC;
}
/*.mc-promo-login .primary-content .content, .mc-promo-manage .primary-content .content, .primary-content .card-body, .primary-content .mc-promo-login .content, .primary-content .mc-promo-manage .content {
    border-radius: 20px;
    border: 2px solid rgba(121, 109, 250, .2);
    background: rgba(0, 0, 0, .1);
    box-shadow: 0 14px 54px 0 #000;
    backdrop-filter: blur(7px);
}*/

/* ------ Register page ------ */
.bg-success {
    background-color: #4854F6 !important;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    color: #fff;
    background-color: #4854F6;
    border-color: #4854F6;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:hover, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:active {
    color: #fff;
    background-color: #4854F6;
    border-color: #4854F6;
}

/* ------ Login page ------ */
.login-form .card {
    /*border: 2px solid rgba(121, 109, 250, .2);
    background: rgba(0, 0, 0, .1);
    box-shadow: 0 14px 54px 0 #000;
    backdrop-filter: blur(7px);
    color: #fff;*/
    border-radius: 20px;
}
.login-form .input-group-text, .login-form .btn-default {
    color: #4854F6;
}

/* ------ Lost Password Reset page ------ */
form[action="/password/reset"] .input-group-text {
    color: #4854F6;
}

/* ------ Change Password page ------ */
.using-password-strength .btn-default {
    border-radius: 20px;
}

/* ------ Hosting page ------ */
#order-standard_cart .cart-sidebar, #order-standard_cart .products {
    color: #000;
}
.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover {
    background-color: #4854F6;
    border-color: #4854F6;
}
.cart-sidebar .list-group {
    font-size: 15px;
}
#order-standard_cart .products .product div.product-pricing small, #order-standard_cart .products .product div.product-pricing .small {
    font-size: 14px;
}

/* ------ Product Addons page ------ */
#noAddons.alert-warning {
    color: #fff;
    background-color: #4854F6;
    border-color: #4854F6;
}
#noAddons ~ p .btn-default {
    background: linear-gradient(270deg, #4854F6 0%, #796DFA 100%);
    transition: all .3s ease-in-out;
    color: hsla(0,0%,100%,.7);
    animation: gradientMove 2s linear infinite;
    text-decoration: none;
    border-color: transparent;
    border-radius: 20px;
    box-shadow: none !important;
}
#noAddons ~ p .btn-default:hover {
    color: #fff;
}

/* ------ Transfer Domain page ------ */
.list-group-item.active {
    background-color: #4854F6;
    border-color: #4854F6;
}
.list-group-item-action:focus, .list-group-item-action:hover {
    color: #fff;
    background-color: #4854F6;
    opacity: .8;
}



/* ------ Register Domain page ------ */
.domain-checker-container {
    background-color: #000 !important;
    background: -webkit-linear-gradient(top, #4854F6, #796DFA) !important;
}
.btn.btn-primary.domain-check-availability {
    border-radius: .3rem !important;
}
.domain-pricing .tld-pricing-header div:nth-child(odd) {
    border-color: #796DFA !important;
}
.domain-promo-box .fa-server:before {
    color: #796dfa;
}
.domain-promo-box .fa-globe:before {
    color: #796dfa;
}
.badge-success {
    color: #fff;
    background-color: rgb(121, 109, 250);
}
a.badge-success:focus, a.badge-success:hover {
    color: #fff;
    background-color: #4854F6;
}
.text-warning, .text-primary {
    color: #4954f5 !important;
}

/* ------ Cart page ------ */ 
#order-standard_cart .view-cart-items-header { 
    background-color: #4854F6 !important;
    color: #fff;
}
#order-standard_cart .view-cart-items {
    border-bottom: 2px solid #4854F6 !important;
}
#order-standard_cart .order-summary {
    background-color: #4854F6 !important;
    border-bottom: 3px solid #4854F6 !important;
    color: #000;
}
.view-cart-tabs .tab-content .form-group.prepend-icon  .field-icon .fa-ticket-alt {
    color: #796dfa !important;
}

/* ------ Choose a Domain page ------ */
#order-standard_cart .domain-selection-options .option {
    padding: 12px 20px !important;
    background-color: #fff !important;
}
#order-standard_cart label {
    font-weight: 400 !important;
    font-size: 16px !important;
}


/* ------ knowledgebase page ------ */ 
.kb-search .btn-primary {
    border-radius: .3rem !important;
}

/* ------ Clientarea page ------ */ 
.tiles .tile i {
    color: #8F78FC;
}
.tiles .tile:hover i {
    color: #8F78FC;
}
.client-home-cards .card .input-group-btn.input-group-append .btn.btn-success  {
    border-radius: .25rem !important;
}
.client-home-cards .card-header .card-title .bg-color-gold, 
.client-home-cards .card-header .card-title .bg-color-blue, 
.client-home-cards .card-header .card-title .bg-color-asbestos {
    background: linear-gradient(100deg, #8F78FC 30.42%, #0330EF 144.18%);
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 20px;
}
.client-home-cards .card-header .btn:hover {
    color: hsla(0, 0%, 100%, .7);
}
.client-home-cards .card-header .card-title .fa-cube, 
.client-home-cards .card-header .card-title .fa-comments,
.client-home-cards .card-header .card-title .fa-globe,
.client-home-cards .card-header .card-title .fa-newspaper {
    color: #8F78FC;;
}
.client-home-cards .card-header .card-title .btn-default.active.focus, .client-home-cards .card-header .card-title .btn-default:active:focus, 
.client-home-cards .card-header .card-title .btn-default:active:hover,
.client-home-cards .card-header .card-title .btn-default.active, .client-home-cards .card-header .card-title .btn-default:active {
    color: hsla(0, 0%, 100%, .7);
    background: linear-gradient(100deg, #8F78FC 30.42%, #0330EF 144.18%);
    box-shadow: none;
}
.bg-color-blue, .bg-color-green, .bg-color-red, .bg-color-gold, .card-accent-gold, .card-accent-blue, .card-accent-emerald {
    border-top: 3px solid #8F78FC;
}

/* ------ Submit Tickets page ------ */ 
.alert-info {
    color: #fff;
    background-color: #796dfa;
    border-color: #796dfa;
}

/* ------ Services page ------ */
.dataTables_wrapper table.table-list thead th.sorting_asc, .dataTables_wrapper table.table-list thead th.sorting_desc {
    background-color: #fff;
}

/* ------ Account Details page ------ */
form[action="?action=details"] .form-group.text-center .btn-default {
    border-radius: 20px;
}

/* ------ User Management page ------ */
.label-info {
    background-color: #4854F6;
}
.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #4854F6;
    border-color: #4854F6;
}

/* ------ Email History page ------ */
.btn-info {
    color: hsla(0, 0%, 100%, .7);
    background-color: #4854F6;
    border-color: #4854F6;
}
.btn-info.focus, .btn-info:focus, .btn-info:hover {
    color: #fff;
    background-color: #4854F6;
    border-color: #4854F6;
    box-shadow: none !important;
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #4854F6;
    border-color: #4854F6;
    box-shadow: none !important;
}
.page-item.active .page-link, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;
    background-color: #4854F6;
    border-color: #4854F6;
}

/* ------ Domain Pricing page ------ */
.badge-secondary {
    color: hsla(0, 0%, 100%, .7);
    background-color: #4854F6;
}
a.badge-secondary:focus, a.badge-secondary:hover {
    color: #fff;
    background-color: #4854F6;
}
.domain-pricing .tld-filters .badge-secondary {
    border-radius: 20px;
    padding: 10px 12px;
}

/* ------ Configure page ------ */
#order-standard_cart #frmConfigureProduct .secondary-cart-body .product-info {
    background-color: #fff;
}
#order-standard_cart #frmConfigureProduct .secondary-cart-sidebar .summary-container {
    background-color: #fff;
}
#order-standard_cart .summary-container {
    font-size: 14px !important;
}
#order-standard_cart #frmConfigureProduct .secondary-cart-body .alert-warning.info-text-sm {
    font-size: 14px;
}
.alert-warning {
    color: #fff;
    background-color: #4854F6;
    border-color: #4854F6;
}
.alert-warning .alert-link {
    color: hsla(0,0%,100%,.8);
}

/* ------ Shared Web Hosting page ------ */
#order-standard_cart .products .product div.product-desc {
    font-size: 14px !important;
}

/* ------ *** ------ */
#order-standard_cart .product-info{background-color:transparent;}
#order-standard_cart .product-info * {
    font-size: 16px !important;
}





.quick-contact{
	background: url(../../images/quickcontact-bg.jpg) no-repeat;
	background-position: center;
	background-size: cover;
    margin-top: 100px;
    padding: 180px 0;
	text-align: center
}

@media(max-width: 1599.98px) {
	.quick-contact {
		padding: var(--section-gap1) 0
	}
}

.quick-contact h2 {
	font-size: clamp(32px, 4vw, 72px);
	color: #ffffff;
	margin: 0 0 20px;
	font-family: "Work Sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 110%;
	
	
}

.quick-contact .customer-count {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px
}

.quick-contact .customer-count p {
	font-size: clamp(18px, 3vw, 22px);
	color: hsla(0, 0%, 100%, .7);
	font-weight: 300
}

.quick-contact .actions {
	margin: 40px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px
}

.quick-contact .actions .white-solid:hover {
	background-color: #21202b;
	color: #fff
}

.quick-contact .actions .black-solid:hover {
	color: #21202b;
	background-color: #fff
}

.client_photos {
	display: flex;
	margin: 0
}

.client_photos li {
	margin-left: -19px
}

.client_photos li:first-child {
	margin-left: 0
}

.client_photos img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	object-position: center;
	display: flex;
	border: 2px solid #fff;
	border-radius: 50%
}

.quick-contact .white-solid {
	background: #fff;
	color: #21202b
}

.quick-contact .white-solid:hover {
	color: #21202b
}

.quick-contact .black-solid {
	background: #21202b;
	color: #fff
}

.quick-contact .black-solid:hover {
	color: #fff
}

.quick-contact .ms-btn {
	font-weight: 500;
	font-size: 16px;
	letter-spacing: .32px;
	text-decoration: none;
	line-height: 140%;
	display: inline-block;
	padding: 20px 40px;
	border-radius: 32px;
	border: none;
	text-align: center;
	position: relative;
	transition: all .3s ease
}

.ms-btn.with-arrow {
	padding: 20px 65px 20px 40px
}

.ms-btn.with-arrow::after {
	content: "";
	font-family: "icomoon";
	font-size: 14px;
	font-weight: 400;
	position: absolute;
	right: 40px
}

.ms-btn.btn-md {
	padding: 11px 55px 11px 30px
}


.ms-btn.btn-md::after {
	right: 30px
}

@media(max-width: 767.98px) {
	.ms-btn {
		padding: 15px 20px
	}

	.ms-btn.with-arrow {
		padding: 15px 20px
	}

	.ms-btn.with-arrow::after {
		display: none
	}
}


.newsletter-message {
    margin-top: 10px;
    font-size: 0.875rem;
}
.newsletter-success {
    color: #2ecc71;
}
.newsletter-error {
    color: #e74c3c;
}