@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/templates/stormweb/dist/fonts/inter.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	font-family: 'Inter', sans-serif;
        font-size: 15px;
}

@media only screen and (max-width: 633px) {
	body {
		margin-top: 50px;
	}
}

:root {
	--cloud-gradient: linear-gradient(to bottom, #457fca, #89b2d8);
	--cloud-gradient-reverse: linear-gradient(to top, #457fca, #89b2d8);
	--plan-box-gradient-one: linear-gradient(90deg, #6cc8c5 0%, #048ac4 100%);
	--plan-box-gradient-two: linear-gradient(90deg, #a6ce38 0%, #68bc45 100%);
	--plan-box-gradient-three: linear-gradient(90deg, #d9579f 0%, #965aa3 100%);
	--plan-box-gradient-four: linear-gradient(90deg, #f89f1b 0%, #d2362a 100%);
	--plan-box-gradient-five: linear-gradient(90deg, #6b3dcc 0%, #8300c6 100%);
	--plan-box-gradient-disable: linear-gradient(90deg, #b8b8b8 0%, #808080 100%);
}

@media (min-width: 992px) {
	body.pre-header-enabled .cros-navbar .container { padding: 5px 0; }
}
.navbar { height: auto !important; z-index: auto !important; }
.navbar .navbar-body, .navbar .navbar-nav { z-index: auto !important; }
.navbar .navbar-body .navbar-search .input-group .input-icon-placeholder .input-group-text { padding: 6px 10px 0 20px !important; }
.body-content, .footer-content { margin-left: 10px !important; }
.credit-card { padding-top: 200px !important; }
.credit-card-box { top: -10px !important; }

.dropdown .dropdown-toggle::after {
	display: inline-block !important;
	margin-left: 0.255em !important;
	vertical-align: 0.255em !important;
	content: "" !important;
	border-top: 0.3em solid !important;
	border-right: 0.3em solid transparent !important;
	border-bottom: 0 !important;
	border-left: 0.3em solid transparent !important;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}


.badge { background-color: #e1f8eb !important; }

body .body-content .section-main { margin: 0 auto 30px auto; }
.cros-navbar {
	background: linear-gradient(to bottom, #f9f9f9 50%, #f4f4f4 53%, #e9e9e9 100%);
	border-bottom: 1px solid #c9c9c9;
}
.cros-navbar .navbar-header .secondary-menu-mobile.nav li.user_icon .nav-link { border: none; }
.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-toggle { font-size: 21px; }
.cros-navbar .navbar-header .logo-section .logo img { max-width: 180px; }
.cros-navbar .navbar-nav li#Secondary_Navbar-Account.user_icon .nav-link { border: none; }
}
.cros-navbar .navbar-header .logo-section .logo img { max-width: 280px; }
.user-info { padding-left: 10px; }
.dropdown-menu { min-width: 15rem; }
.logo { margin-right: 20px }
.logo-dark { display: none; }
.pre-header { font-size: 0.9rem; background-color: #103a76 !important; color: #c1d9f3 !important; }
.pre-header i { margin-right: 5px }
.mega-menu h3 { margin-top: 0; }
.mega-menu .item-with-icons .item-icon { font-size: 30px; }
.hero-bg-wrap { border-top: none; }
@media (min-width: 768px) {
    .hero-bg-wrap {
        padding-bottom: 10px;
    }
}
section.mass-head { background: url('/assets/images/server-hero1.png') no-repeat center center fixed; border-bottom: 1px solid #113b47; }
section.mass-head h1 { font-size: 2.5rem; font-weight: bold; color: #000000; margin-bottom: 0; text-align: center; }
section.mass-head h2 { font-size: 2rem; font-weight: bold; color: #222222; margin-top: 0; text-align: center; }
section.mass-head .circle { background-color: rgba(255,255,255,0.5); width: 400px; height: 400px; border-radius: 50%; color: #333333; margin: 50px auto; padding: 70px 50px; box-shadow: 0 0 15px 3px #ffffff; }
section.mass-head .circle div { width: fit-content; margin: 20px auto; }

.features { background-color: #457fca; }
.features-scroll {
	color: #ffffff;
}
section.features-scroll .feature-icon {
	text-shadow: 0 1px 4px #000000;
	margin-bottom: 5px;
}
section.features-scroll .media-heading {
	text-shadow: 0 1px 4px #000000;
	margin-bottom: 10px;
}
section.features-scroll .cros-box.s3 {
	text-align: center;
	padding: 30px;
}
section.network-status { background-color: #457fca; color: #cccccc; }
section.network-status h1 { color: #cccccc; }
section.network-status a { color: #ffffff; }
section.network-status p { color: #c1d9f3; }
.footer { background-color: #103a76; }
.block-footer { line-height: 1rem; }
.block-footer .footer-widgets.dark ul.list-unstyled a { color: #c1d9f3 !important; }
.block-footer .footer-widgets.dark ul.list-unstyled a:hover { color: #ffffff !important; }
.dark { background: #1853a4 !important; }
.block-footer .footer-last { padding: 5px 0; }
.block-footer .footer-last { color: #c1d9f3; }
.block-footer .payment-icons { left: 50%; right: 50%; transform: translate(-50%, 0); }
.block-footer .payment-icons ul { background-color: #457fca; border: 1px solid #000000; box-shadow: 0px 4px 8px -5px #000000; }
.block-footer .payment-icons ul li .fab, .block-footer .payment-icons ul li .fas, .block-footer .payment-icons ul li far, .block-footer .payment-icons ul li .fal, .block-footer .payment-icons ul li .fed { color: #ffffff !important; }
.back-to-top { display: none; } 
.partners-slider .owl-item img { opacity: 0.9; }
.social-icons { z-index: 3 }
.social-icons .btn-social { color: #c1d9f3 }
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-weight: 600; }
h3, .h3 { font-size: 1.5rem; }
h4, .h4 { font-size: 20px }
.cros-box .icon-box {
	font-size: 100px;
	width: 150px;
	border: none;
	border-radius: 0;
	background: none;
}
a.media:hover {
	--fa-primary-opacity: 1.0;
	--fa-primary-color: white !important;
	--fa-secondary-opacity: 0.66;
	--fa-secondary-color: white !important;
}
.cros-box .media-body { color: #c1d9f3; font-size: 0.95rem; }
a.media:hover .media-body { color: #ffffff; }
.cros-box .media-body .media-heading, .features-scroll .media-heading { color: #c1d9f3; font-weight: bold; font-size: 1.25rem; margin-bottom: 5px; }
a.media:hover .media-body .media-heading { color: #ffffff; }
.suffix { display: none; }
.canada { color: #cd3b37; }
.underlined { box-shadow: inset 0 -5px var(--primary); }
.bg-primary { border-color: #000000 !important; }
.current_prcing .text-muted { padding-left: 5px; }
.current_prcing .small { font-size: 12px; }
.cros-partners { background-color: #ffffff; }
section.hosting-plans, section.order-page, section.intro { background: #457fca; background: --var(--cloud-gradient); margin: 0; }
.pricing-slider .btn-group { background-color: #33579e !important; }
section.testimonials, section.features-scroll, section.getintouch, section.domainsearch, section.newsite, section.order-overview {
	color: #ffffff;
	background: #1853a4;
        border-top: 1px solid #113b47;
        border-bottom: 1px solid #113b47;
}
section.order-overview {
	text-align: center;
}
section.order-overview .circle {
	background: linear-gradient(225deg, #6cc8c5 0%, #048ac4 100%);
        box-shadow: 0px 3px 8px -5px #000000;
        border: 2px white solid;
	height: 40px;
	width: 40px;
	line-height: 36px;
	font-size: 22px;
	font-weight: bold;
	border-radius: 50%;
	margin-right: 10px;
	text-align: center;
}
section.order-overview .unselected {
	background: linear-gradient(225deg, #b8b8b8 0%, #808080 100%);
}
section.newsite div.grunge {
	background: url('/assets/images/grunge.png');
	background-size: cover;
	background-repeat: no;
	background-position: center;
	color: #ffffff;
}
section.newsite h1 {
	color: #1853a4;
	text-shadow: black 0px 1px 2px;
	font-weight: bold;
	font-size: 6rem;
	line-height: 1.1;
}
section.newsite h2 {
	font-family: 'Nothing You Could Do', sans-serif !important;
	font-size: 3rem;
	color: #1853a4;
	text-shadow: white 0px -2px 2px;
	margin-bottom: 0;
	line-height: 1.0;
}

section.newsite p {
	margin-top: 25px;
}
section.testimonials h1, section.features h1, section.features-scroll h1, section.getintouch h1, section.domainsearch h1 {
	color: #ffffff;
}
section.testimonials h4, section.features h4, section.features-scroll h4, section.getintouch h4, section.domainsearch h4, section.hosting-plans h4 {
	margion-top: 0;
	color: #ffffff;
	font-weight: bolder;
	text-align: center;
	text-shadow: 0px 2px 3px #555;
	text-transform: uppercase;
}
section.testimonials h4 b, section.features h4 b, section.features-scroll h4 b, section.getintouch h4 b, section.domainsearch h4 b {
	font-size: 1.5rem;
	padding: 0 3px;
	text-decoration: underline;
}
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .testimonial-item, section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item {
	background: linear-gradient(225deg, #6cc8c5 0%, #048ac4 100%);
	border-color: rgba(0, 0, 0, 0.5) !important;
	min-height: 360px;
	border-radius: 10px;
	box-shadow: 0px 4px 8px -2px #000000;
	margin-bottom: 15px;
}
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-name-link span.link {
	margin-top: 0;
	line-height: 1.0;
}
section.domainsearch .container .domain-box {
	position: relative;
	background: linear-gradient(225deg, #6cc8c5 0%, #048ac4 100%);
	border-color: rgba(0, 0, 0, 0.5) !important;
	border-radius: 10px;
	box-shadow: 0px 3px 8px -5px #000000;
	overflow: hidden;
}
section.domainsearch .container .domain-box svg {
	position: absolute;
	top: -5%;
	right: 8%;
	z-index: 1;
	height: 110%;
}
section.domainsearch .container .domain-box .content {
	position: relative;
	z-index: 2;
}
section.testimonials img {
	width: 72px;
	height: 295px;
	position: absolute; 
	bottom: 0px;
	right: 20px;
}
section.testimonials p {
	width: 230px;
}
section.testimonials .author-info {
	font-size: 0.75rem;
	width: 230px;
}
section.testimonials .owl-stage-outer { padding: 40px 0 35px 0 !important; }
section.testimonials .testimonial-massage { background-image: url(/assets/images/5stars446x100.png); background-repeat: no-repeat; background-size: 111px 25px; background-position: right top; }
.domain-form .form-group .search-domain {
    background: #22d47b;
    border: 2px solid #22d47b;
    color: #fff;
    border-radius: 0;
}

.domain-price span {
    color: #3a4348;
    margin: 0 10px;
}

.domain-price span small {
    color: #24bdc9;
}
.owl-carousel .owl-dots .owl-dot span { border: 1px solid black; width: 15px; height: 15px; }
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background-color: #457fca; width: 15px; height: 15px; }
.sec-img-bg.bg-opacity:before { background: #103a76; opacity: 0.85; }
.sec-img-bg.bg-opacity.inverse:before, .sec-img-bg.bg-opacity.dark:before { background: #103a76; opacity: 0.85; }

@media (min-width: 992px) {
	section.products, section.about, section.social, section.testimonials, section.features, section.faqs, section.editor, section.feature-list, section.teamlist { padding: 30px 0; }
}
@media (min-width: 768px) {
	.hero-bg-wrap .bg-shape-poly { padding: 0px 100px; }
}

.box {
	position: relative;
	max-width: 600px;
	width: 90%;
	height: 400px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}

.statusbox {
	background-color: #ffffff;
	width: 95%;
	display: inline-block;
	margin: 10px auto;
	border: 1px solid #000000;
	border-radius: 20px;
	box-shadow: 0px 4px 8px -5px #000000;
	color: #000000;
}
.tns-nav { display: none; }
.groups_sec { display: none; }
section.#techspecs h3 { display: block;  margin: 0 0 10px; padding: 0 10px; }
section.#techspecs .row { margin-bottom: 20px; }
label[for="inputTaxId"] { display: none; }
#inputTaxId { display: none !important; visibility: hidden; }
.featurebox {
	background-color: #d86c3d;
	width: 100%;
	display: inline-block;
	margin: 80px 0px;
	padding: 40px;
	border: 5px solid #e88046;
	box-shadow: 0px 3px 8px -5px #000000;
	border-radius: 20px;
	color: #ffffff;
}
.featurebox h1 {
	color: #ffffff;
	margin-bottom: 0 !important;
}
.featurebox h2 {
	color: #ffffff;
	font-size: 25px;
	margin-bottom: 30px !important;
}
.featurebutton {
	z-index: 10;
	margin-top: 20px;
	margin-bottom: 20px;
}
.featurebutton a {
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 25px;
	color: #ffffff;
	box-shadow: 0px 3px 8px -5px #000000;
	text-shadow: 0px 2px 3px #000000;
	display: inline-block;
	background: #d86c3d;
	background: linear-gradient(0deg, #e88046 0%, #d86c3d 100%);
	padding: 15px;
	line-height: 22px;
	font-size: 25px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	margin: auto;
	width: 100%;
}
.featurebutton a:hover {
	color: #ffffff;
	text-decoration: none;
}
.featurebutton a small {
	margin-top: -3px;
	margin-bottom: -3px;
	font-size: 12px;
	vertical-align: top;
}
.icon-box {
	border: 2px solid #e0e0e0;
	background-color: #f0f0f0;
}

.client-shortcuts {
}
.client-shortcuts .col-sm-3 div, .client-shortcut {
	border-radius: 4px;
	height: 70px;
	margin: 10px;
}
.client-shortcuts .col-sm-3 div a, .client-shortcut a {
	color: #ffffff;
	text-decoration: none;
}
.client-shortcuts .col-sm-3 div a:hover, .client-shortcut a:hover {
	text-decoration: none;
}
.client-shortcuts .col-sm-3 div a i, .client-shortcut a i {
	float: left;
	display: inline-block;
	width: 25%;
	min-width: 70px;
	height: 70px;
	font-size: 2.6em;
	line-height: 70px;
	text-align: center;
	border-radius: 4px 0 0 4px;
	background: rgba(0, 0, 0, 0.2) !important;
	margin-right: 20px;
}
.client-shortcuts .col-sm-3 div a h1, .client-shortcut a h1 {
	font-size: 1.5rem;
	line-height: 1.1rem;
	color: #ffffff;
	text-shadow: none;
	padding-top: 15px;
}
.client-shortcuts .col-sm-3 div a h2, .client-shortcut a h2 {
	font-size: 0.9rem;
	color: #ffffff;
	text-shadow: none;
}
.client-shortcuts .col-sm-3:nth-child(1) div, .client-shortcut-hosting {
	background: var(--plan-box-gradient-one);
}
.client-shortcuts .col-sm-3:nth-child(2) div, .client-shortcut-weebly {
	background: var(--plan-box-gradient-two);
}
.client-shortcuts .col-sm-3:nth-child(3) div, .client-shortcut-cloud-storage {
	background: var(--plan-box-gradient-three);
}
.client-shortcuts .col-sm-3:nth-child(4) div, .client-shortcut-vps {
	background: var(--plan-box-gradient-four);
}
.client-shortcuts .col-sm-3:nth-child(5) div, .client-shortcut-dedicated {
	background: var(--plan-box-gradient-four);
}
.client-shortcuts .col-sm-3:nth-child(6) div, .client-shortcut-domain {
	background: var(--plan-box-gradient-five);
}
.client-shortcut-unselected {
	background: var(--plan-box-gradient-disable);
}


.managebox {
	border-radius: 4px;
	background: var(--plan-box-gradient-one);
}
.managebox-weebly {
	background: var(--plan-box-gradient-two);
}
.managebox-cloud-storage {
	background: var(--plan-box-gradient-three);
}
.managebox-vps {
	background: var(--plan-box-gradient-four);
}
.managebox-dedicated {
	background: var(--plan-box-gradient-four);
}
.managebox-domain {
	background: var(--plan-box-gradient-five);
}
.managebox .header {
	color: white;
        margin: 10px;
}
.managebox .header i {
	background: rgba(0, 0, 0, 0.2);
	padding: 3px;
        border-radius: 2px;
}
.managebox .header h1 {
	font-size: 1.4rem;
//	line-height: 1.1rem;
	text-shadow: none;
	margin: 0;
	color: white;
}

.planbox {
	background-color: #ffffff;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	display: block;
	margin: 10px auto;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 20px;
	box-shadow: 0px 4px 8px -5px #000000;
	color: #000000;
	position: relative;
}
.planbox .checkmark {
	float: right;
	font-size: 50px;
	color: #ffffff;
	margin: 36px 24px 0 0;
	display: none;
}
.selected .checkmark {
	display: block;
}
.planbox .guarantee {
	float: right;
	height: 70px;
	width: 70px;
	margin: 36px 20px 0 0;
}
.planbox .off {
	float: right;
	width: 94px;
	height: 107px;
	margin: 18px 10px -32px 0;
}
.planbox h1, .statusbox h1 {
	color: white;
	width: 99%;
	padding: 10px;
	margin: 30px 0 25px -10px !important;
	border-radius: 10px 10px 10px 0 !important;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	box-shadow: 0px 3px 8px -5px #000000;
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
}
.planbox h1 small, .statusbox h1 small {
	color: white;
	font-weight: normal;
	text-transform: none;
}
.plan-col:nth-child(1) .planbox h1, #products-1 .planbox h1, .statusbox h1 {
	background: var(--plan-box-gradient-one);
}
.plan-col:nth-child(2) .planbox h1, #products-2 .planbox h1 {
	background: var(--plan-box-gradient-two);
}
.plan-col:nth-child(3) .planbox h1, #products-3 .planbox h1 {
	background: var(--plan-box-gradient-three);
}
.plan-col:nth-child(4) .planbox h1, #products-4 .planbox h1 {
	background: var(--plan-box-gradient-four);
}
.plan-col:nth-child(5) .planbox h1, #products-5 .planbox h1 {
	background: var(--plan-box-gradient-five);
}


.planbox .titleshadow, .statusbox .titleshadow {
	width: 0;
	height: 0;
	border-top: 10px solid rgba(0, 0, 0, 0.5);
	border-left: 10px solid transparent;
	margin: -25px 0 25px -10px;
}
.planbox .btn-group {
	width: 100%;
}
.planbox .billinging_wrapr {
	padding: 0;
}
.planbox .dropdown-menu {
	left: 5%;
	min-width: 90%;
	padding: 0px;
}
.planbox .oldprice {
	font-size: 0.9rem;
	display: block;
	margin: -20px auto 0 auto;
	text-align: center;
	color: #000000;
	text-decoration: line-through;
	text-decoration-color: red;
}
.planbox .price {
	font-size: 3rem;
	line-height: 2rem;
	display: block;
	margin: 10px auto 25px auto;
	text-align: center;
	color: #000000;
}
.planbox .price small {
	display: block;
	font-size: 1rem;
}
.planbox .price .currency {
        display: inline;
	font-size: 2.5rem;
        line-height: 4rem;
        vertical-align: top;
}
.planbox .price .dollars {
	font-size: 4rem;
        line-height: 4rem;
}
.planbox .price .stack {
	display: inline-block;
}
.planbox .price .cents {
	text-align: left;
	display: block;
	font-weight: bold;
	font-size: 2rem;
	margin: 5px 0 0 5px;
	line-height: 1.4rem;
	margin: 5px 0 0 5px;
}
.planbox .price .term {
	display: block;
	font-size: 15px;
	margin-left: 5px;
	font-weight: bold;
}
.planbox .description {
	padding: 5px 20px 100px 20px;
	max-width: 300px;
	margin: 0 auto;
}
.planbox .description hr {
	margin: 15px;
	border-style: dashed;
	color: #e8e8e8;
}
.planbox .button {
	margin-top: 100px;
	padding: 10px 0 10px 0;
	border-radius: 5px;
	color: #ffffff;
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	position: absolute;
	bottom: 40px;
	transform: translate(-50%, 0);
	left: 50%;
	display: flex;
	align-items: center; /* Vertical center alignment */
	justify-content: center; /* Horizontal center alignment */
	width: 70%;
        max-width: 200px;
	transition: transform .2s;
}
.planbox .button:hover {
	border: 1px solid rgba(0, 0, 0, 0.25);
	box-shadow: 0px 3px 8px -5px #000000;
	transform: translate(-50%, 0) scale(1.20);
}
//#products-1 .button { animation: btnWiggle 10s infinite; }
//@keyframes btnWiggle {
//  0% {transform: rotate(0deg);}
//  1% {transform: rotate(-1deg);}
//  1.75% {transform: rotate(1deg);}
//  2.5% {transform: rotate(0deg);}
//  100% {transform: rotate(0deg);}
//}
.plan-col:nth-child(1) .planbox .button, #products-1 .planbox .button {
	background: var(--plan-box-gradient-one);
}
.plan-col:nth-child(2) .planbox .button, #products-2 .planbox .button {
	background: var(--plan-box-gradient-two);
}
.plan-col:nth-child(3) .planbox .button, #products-3 .planbox .button {
	background: var(--plan-box-gradient-three);
}
.plan-col:nth-child(4) .planbox .button, #products-4 .planbox .button {
	background: var(--plan-box-gradient-four);
}
.plan-col:nth-child(5) .planbox .button, #products-5 .planbox .button {
	background: var(--plan-box-gradient-five);
}


.planbox .button a {
	display: block;
	width: 100%;
	color: #fefefe;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
}
.planbox .button a:hover {
	color: #ffffff;
}
.planbox .ready {
	position: absolute;
	bottom: 10px;
	font-size: 0.90rem;
	text-align: center;
	width: 100%;
}

.centerscaled {
	display: flex;
	justify-content: center;
	align-items: center; 
}
.centerscaled img { display: inline-block; width: 100% }
@media (min-width: 768px) {
	.login-container img { max-width: 456px; }
}

.block-footer .footer-widgets.picons { padding: 20px 0; }
.cros-partners, body.f-depth .block-footer .payment-icons ul { box-shadow: 0px 0px 8px 0px rgba(0, 11, 40, .1); }
.block-footer .footer-last.picons { padding: 5px 0; }
.block-footer .footer-last { margin-bottom: 0; }


.weebly-features .row { padding: 10px 0; }
.weebly-features div { text-align: center; }
.weebly-features h3 { padding: 0; margin: 0; }
.weebly-features .fas { font-size: 2rem; }
.weebly-features .fa-times { color: #dddddd; }
.weebly-features b, .fa-gradient {
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.weebly-features b { font-size: 1.5rem; }

.radio-tile-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.radio-tile-group .input-container {
  position: relative;
  height: 7rem;
  width: 14rem;
  margin: 2rem;
}
.radio-tile-group .input-container .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
.radio-tile-group .input-container .radio-tile {
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 2px solid var(--primary);
  border-radius: 5px;
  padding: 1rem;
  transition: transform 300ms ease;
}
.radio-tile-group .input-container .icon {
  color: var(--primary);
  font-size: 3rem;
}
.radio-tile-group .input-container .radio-tile-label {
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--primary);
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile {
  background-color: var(--primary);
  border: 2px solid var(--primary);
  color: white;
  transform: scale(1.1, 1.1);
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .icon {
  color: white;
  background-color: var(--primary);
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
  color: white;
  background-color: var(--primary);
}
.tooltip-inner {
    width: 400px;
    max-width: 400px;
}
.tooltop-inner .list {
    line-height: 1.8;
}

.text-white-75 {
    color: rgba(255, 255, 255, 0.75) !important
}