/*******************************/
/********* General CSS *********/
/*******************************/
html, body {
    width: 100%;
    overflow-x: hidden !important;
}

body {
    color: #000;
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
}

h1,
h2, 
h3, 
h4,
h5, 
h6 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
}

h2 {
	margin-bottom: 20px;
	font-size: 32px;
    font-weight: 900;
    line-height: 1.2em;
}

h3 { font-size: 24px;}

h6 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 5px;
	text-transform: uppercase;
}

p {
	font-size: 14px;
}

.skinny-text {
	font-weight: 400;
}

.text-brand {
	color: #375cc8 !important;
}

p.lead-in {
	font-size: 20px;
}

a {
    color: #454545;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

a:hover,
a:active,
a:focus {
    color: #092a49;
    outline: none;
    text-decoration: none;
}

.btn {
	padding: 15px 34px;
    border-radius: 50px;
    font-family: "Red Hat Display", Sans-serif;
    font-weight: 900;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-sm {
	padding: 10px 20px;
    border-radius: 50px;
    font-family: "Red Hat Display", Sans-serif;
    font-weight: 900;
    font-size: 14px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-brand {
    color: #fff;
    background-color: #2D59CF;
    border-color: #2D59CF;
}

.btn-brand:focus,
.btn-brand:hover {
	color: #fff;
    background-color: #1b40a4;
    border-color: #1b40a4;
}

.btn-white {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.btn:focus,
.form-control:focus, .jbtn:focus {
    box-shadow: none;
}

.text-link {
	display: block;
	position: relative;
	margin-top: 10px;
	color: #2D59CF;
	font-size: 15px;
	font-family: "Red Hat Display", Sans-serif;
    font-weight: 900;
}

.text-link-remove {
	font-size: 13px;
    cursor: pointer;
    display: inline;
    color: #ed1d25 !important;
}

.btn-remove-x {
	font-size: 20px !important;
    padding: 2px !important;
    width: 44px;
    height: 44px;
}

.text-link-white {
	color: #fff;
}

.text-link-white:hover,
.text-link-white:active,
.text-link-white:focus {
	color: #ccc !important;
}

/*== Deactivated with style-1.6.css on 2.4.24 
.container-fluid {
    max-width: 1366px;
} ==*/

.back-to-top {
    position: fixed;
    display: none;
    background: #0796fe;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 1;
    font-size: 22px;
    right: 15px;
    bottom: 15px;
    transition: background 0.5s;
    z-index: 9;
}

.back-to-top i {
    color: #092a49;
    padding-top: 10px;
}

.back-to-top:hover {
    background: #092a49;
}

.back-to-top:hover i {
    color: #0796fe;
}

.img-rounded {
	border-radius: 12px;
}

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

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

@media (min-width: 576px) { 
	h1 {font-size: 52px}
	h2 {font-size: 42px}
	h3 {font-size: 30px}
	h4 {font-size: 20px}
	h5 {font-size: 16px}
}

@media (min-width: 768px) {
	.btn {
		font-size: 18px;
	}
}

@media (min-width: 1200px) { 
	h1 {font-size: 64px}
	h2 {font-size: 52px}
	h3 {font-size: 36px}
	h4 {font-size: 24px}
	h5 {font-size: 18px}
}


/*-- Increase To Default Container Width --*/
@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
    	max-width: 1200px;
	}
}
	


/**********************************/
/********** Top Bar CSS ***********/
/**********************************/
.top-bar {
    position: fixed;
    width: 100%;
    height: 35px;
    background-color: #000;
    z-index: 990
}

.top-bar .top-bar-left {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-bar .top-bar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.top-bar .text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: 35px;
    padding: 0 20px;
    text-align: center;
}


.top-bar .text i {
    font-size: 14px;
    color: #ffffff;
    margin-right: 5px;
}

.top-bar .text span {
    color: #eeeeee;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 500;
}

.top-bar .text p {
    color: #eeeeee;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 0 5px;
}

.top-bar .social {
    display: flex;
    height: 35px;
    font-size: 0;
    justify-content: flex-end;
}

.top-bar .social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 100%;
    font-size: 16px;
    color: #ffffff;
    border-right: 1px solid rgba(255, 255, 255, .15);
}

.top-bar .social a:first-child {
    border-left: 1px solid rgba(255, 255, 255, .15);
}

.top-bar .social a:hover {
    color: #092a49;
    background: #ffffff;
}

/*-- Max 992 only --*/
@media (max-width: 992px) {
	.top-bar .container {
		max-width: 100%;
	}
}

@media (min-width: 540px) {
	.top-bar .text span {
	    font-size: 14px;
	}
}

@media (min-width: 992px) {
    .top-bar {
	    position: relative;
        padding: 0px;
        background-color: #2D59CF;
    }
    
    .top-bar .top-bar-left {
	    justify-content: flex-start;
	}
    
}

/**********************************/
/*********** Nav Bar CSS **********/
/**********************************/
.navbar {
    position: fixed;
    top: 35px;
    width: 100%;
    padding: 0px;
    transition: .5s;
    background: #061423 !important;
    z-index: 991;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.navbar .navbar-brand {
	display: block;
    margin: 0;
}

.navbar .navbar-brand img {
	display: block;
	margin: 0 auto;
    width: 54px;
    height: auto;
}

.navbar-dark .navbar-nav .nav-link {
    padding: 16px 10px;
    color: #ffffff;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
    font-size: 16px;
    border-bottom: 1px solid #ffffff2b;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.navbar-dark .navbar-nav .nav-link i {
	display: inline;
    float: right;
    margin-top: 5px;
}

.navbar .nav-item-btn {
	padding: 10px 20px !important;
	margin-left: 0px;
	margin-top: 30px;
	color: #fff !important;
	background-color: #2D59CF;
	border-color: #2D59CF;
	border-radius: 50px;
	text-align: center;
}

.navbar .nav-item-btn:hover,
.navbar .nav-item-btn:focus,
.navbar .nav-item-btn:active {
	color: #fff !important;
	background-color: #1b40a4;
}

.navbar .dropdown-menu {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    background: #f8f9fa;
}

.dropdown-menu-dark {
    background-color: #09142275 !important;
    -webkit-backdrop-filter: blur(32px) !important;
    backdrop-filter: blur(32px) !important;
}

.dropdown-menu-dark .dropdown-item {
    color: #fff;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
    font-size: 16px;
    padding: 8px 24px;
}

.dropdown-item:focus, .dropdown-item:hover {
	background-color: transparent;
	color: rgba(255, 255, 255, .75);
}

.dropdown-no-caret .dropdown-toggle::after {
	display: none !important;
}

.dropdown-menu-dark .dropdown-divider {
    border-top: 1px solid #e9ecef17;
}

.mobile-nav-btn-center {
	background-color: #375cc8;
}

.mobile-nav-btn-center .navbar-toggler {
	min-height: 70px;
	padding: 25px 12px 22px 5px;
	color: #fff;
    border: none;
    border-radius: 0px;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
}

.navbar .navbar-toggler:focus {
	outline: none !important;
}

.mobile-menu-title {
	position: relative;
    top: 1px;
    left: 3px;
    font-family: 'Red Hat Display', sans-serif;
	font-weight: 900;
	font-size: 13px;
}

.mobile-nav-btn-right {
	background-color: #da3832;
}

.mobile-nav-btn-right a {
	display: block;
	min-height: 70px;
	padding: 26px 5px 20px;
	color: #fff;
	font-family: 'Red Hat Display', sans-serif;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
}

.navbar-collapse {
	padding: 5px 20px 30px;;
}

.bg-mobile-nav {
    background-image: url(../img/menu/bg-mobile-nav-4.1.jpg);
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
}

.navbar .dropdown-menu {
    border-radius: 7px;
    background: #f8f9fa;
}

/*-- For Mobile Only --*/
@media (max-width: 992px) {
	.navbar {
		top: 35px;
	}
	.navbar .container {
		max-width: 100%;
	}
}
/*-- End Of For Mobile Only --*/

@media (min-width: 992px) {
    .navbar {
        position: absolute;
        width: 100%;
        top: 35px;
        padding: 20px 10px;
    }
    
    .navbar-home {
        background: transparent !important;
    }
    
    .navbar .navbar-brand img {
		display: block;
		margin: 0;
	    width: 70px;
	    height: auto;
	}
    
    .navbar.nav-sticky {
	    position: fixed;
	    top: 0;
	    width: 100%;
        padding: 10px 10px;
        background: #061423 !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
		-webkit-transition: all .5s;
	    -moz-transition: all .5s;
	    transition: all .5s;
    }
    
    .page .navbar {
        background: #061423 !important;
    }
    
    .navbar-dark .navbar-nav .nav-link,
	.navbar-dark .navbar-nav .nav-link:focus,
	.navbar-dark .navbar-nav .nav-link:hover,
	.navbar-dark .navbar-nav .nav-link.active {
	    padding: 8px 15px;
	    font-size: 15px;
	    border-bottom: none;
	}
    
    .navbar-dark .navbar-nav .nav-link i {
		display: none;
	    margin-top: 0px;
	}
    
    .navbar .nav-item-btn {
		padding: 10px 20px !important;
		margin-left: 10px;
		margin-top: 0;
	}
    
    .navbar-collapse {
		padding: 0;
	}
	
	.bg-mobile-nav {
        background-image: none;
    }
}

/**********************************/
/*********** Header/Hero CSS **********/
/**********************************/
header {
	position: relative;
}

.hero-style-1 {
	margin-top: 0px;
	color: #fff;
	padding: 0px 0px 80px;
	min-height: 500px;
	text-align: center;
	background-attachment: scroll;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
}

.hero-style-1 h1 {
	color: #fff;
	font-size: 42px;
    font-weight: 900;
    line-height: 1.1em;
}

.hero-style-1 h4 {
	padding: 10px 0px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2em;
}

.hero-style-1 ul {
	padding: 10px 0px;
}

.hero-style-1 li {
	font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding: 5px 0px;
}

.hero-list-xs {
	text-align: center;
	font-family: "Red Hat Display", sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding: 5px 0px;
}

.hero-list-xs i {
	font-size: 24px;
}

.hero-list-xs span {
	display: block;
	padding-top: 10px;
}

.hero-style-1 .btn {
	width: 90%;
}

.hero-style-2 {
	margin-top: 100px;
	color: #fff;
	padding: 250px 0px 60px;
	min-height: 600px;
	text-align: center;
	background-attachment: scroll;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
}

.hero-style-2 h1 {
	color: #fff;
	font-size: 36px;
    font-weight: 900;
    line-height: 1.1em;
}

.hero-style-2 h4 {
	padding: 10px 0px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2em;
}

.hero-style-2 .btn {
	width: 90%;
}

@media (min-width: 576px) { 
	.hero-style-1 {
		text-align: center;
		padding: 0px 0px 100px;
	}
	
	.hero-style-1 h1 {
		font-size: 52px;
	}
	
	.hero-style-1 h4 {
		font-size: 24px;
	}
	
	.hero-style-1 li {
		font-size: 14px;
	}
	.hero-style-1 .btn {
		width: auto;
	}
	
	.hero-style-2 {
		padding: 300px 0px 60px;
	}
	
	.hero-style-2 h1 {
		font-size: 44px;
	}
	
	.hero-style-2 h4 {
		font-size: 24px;
	}
		
	.hero-style-2 .btn {
		width: auto;
	}
}

@media (min-width: 768px) {
	.hero-style-1 {
		text-align: left;
		padding: 160px 0px 100px;
	}
	
	.hero-style-1 h1 {
		font-size: 52px;
	}
	
	.hero-style-1 h4 {
		font-size: 24px;
	}
	
	.hero-style-1 li {
		font-size: 14px;
	}
	
	.hero-style-2 {
		text-align: left;
		padding: 100px 0px 100px;
	}
	
	.hero-style-2 h1 {
		font-size: 52px;
	}
	
	.hero-style-2 h4 {
		font-size: 18px;
	}
}

@media (min-width: 992px) { 
	.hero-style-1 {
		margin-top: 0px;
		padding: 170px 0px 100px;
	}
	
	.hero-style-1 h1 {
		font-size: 52px;
	}
	
	.hero-style-1 h4 {
		font-size: 24px;
	}
	
	.hero-style-1 li {
		font-size: 14px;
	}
	
	.hero-style-2 {
		margin-top: 0px;
		padding: 200px 0px 100px;
	}
	
	.hero-style-2 h1 {
		font-size: 52px;
	}
	
	.hero-style-2 h4 {
		font-size: 18px;
	}
}

@media (min-width: 1200px) { 
	.hero-style-1 {
		padding: 200px 0px 100px;
	}
	
	.hero-style-1 h1 {
		font-size: 72px;
	}
	
	.hero-style-1 h4 {
		font-size: 34px;
	}
	
	.hero-style-1 li {
		font-size: 16px;
	}
	
	.hero-style-2 {
		padding: 240px 0px 160px;
	}
	
	.hero-style-2 h1 {
		font-size: 72px;
	}
	
	.hero-style-2 h4 {
		font-size: 20px;
	}
}

/**********************************/
/*********** Page title CSS **********/
/**********************************/
.page-title {
	margin-top: 100px;
	color: #fff;
	padding: 100px 0px 35px;
	background-color: #091422;
	background-attachment: scroll;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
}

.page-title h1 {
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.page-title-cta {
	text-align: left;
	margin-bottom: 20px;
}

.page-title p {
	font-size: 18px;
}

.page-title ul {
	padding: 10px 0px;
}

.page-title li {
	font-family: "Red Hat Display", sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0px;
    padding: 8px 0px;
}

.page-title i {
	margin-right: 10px;
} 

@media (min-width: 768px) {
	.page-title {
		padding: 150px 0px 50px;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    background-size: cover;
	    -o-background-size: cover;
	}
}

@media (min-width: 992px) {
	.page-title {
		margin-top: 0px;
		padding: 300px 0px 80px;
	}
	
	.page-title-cta {
		text-align: right;
		margin-bottom: 20px;
	}
}

@media (min-width: 1200px) {
	.page-title {
		padding: 380px 0px 80px;
	}
}
/**********************************/
/*********** Page Content CSS **********/
/**********************************/

.page-content {
	padding: 70px 0px 50px;
}

.page-content-padding {
	padding: 0 30px;
}

.color-banner {
	color: #fff;
	padding: 30px 0px;
	background-color: #2D59CF;
}

.color-banner h4 {
	color: #fff;
	text-align: center;
	font-size: 18px;
}

.number-stat {
	color: #fff;
	font-family: 'Red Hat Display', sans-serif;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}

.number-stat-info {
	display: block;
    position: relative;
    font-size: 12px;
    font-style: italic;
    text-align: center;
}

.number-info-tag {
	position: absolute;
	font-size: 14px;
	font-style: italic;
	right: 0;
	bottom: -10px;
}

.numbers-centered .number-stat,
.numbers-centered .number-stat-info {
	text-align: center !important;
}

.numbers-color .number-stat {
	color: #2D59CF !important;
}

.numbers-dark .number-stat,
.numbers-dark .number-stat-info {
	color: #000 !important;
}

.bg-graphic {
	color: #fff;
	background-attachment: scroll;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
}

.section-single-graphic {
	width: 80%;
	max-width: 100%;
}

.emoji-inline {
	display: inline;
	width: 30px;
}

.cta-2 {
    padding: 20px 0px 70px;
    background-image: url(../img/bg/bg-cta-2.3.jpg);
    background-color: #f7f7f7;
    background-attachment: scroll;
    background-position: center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
}

.cta-1 p,
.cta-2 p {
	font-size: 16px;
}

.cta-box-1 {
	margin-bottom: 50px;
	padding: 50px 50px 45px;
	color: #fff;
	background-color: #2D59CF;
	border-radius: 12px;
}

.cta-box-1 h4 {
	font-size: 28px;
}

.cta-box-1 p {
	font-size: 18px;
	margin-bottom: 0;
}

.cta-simple {
	padding: 70px 0px 50px;
}

.cta-simple h6 {
	padding-bottom: 20px;
}

.cta-simple .btn {
	margin-bottom: 20px;
}

.cta-section .row {
	min-height: 400px;
	padding: 100px 20px 50px;
}

.page-content .sub-heading {
	font-weight: 400;
}

.page-content .card {
	border-radius: 12px;
	border: none;
}

.page-content .card-body {
	padding: 25px 20px 20px;
}

.page-content .card img {
	border-radius: 12px 12px 0px 0px;
}

.simple-list {
	padding: 0px;
}

.simple-list li {
	padding: 5px 0px 5px;
	font-size: 14px;
}

.simple-list i {
    color: #2D59CF;
}

.member-features-section hr {
	margin-top: 30px;
	margin-bottom: 30px;
}

.info-box-column {
	min-height: 100px;
	padding: 0px 20px 20px;
	background-color: #fff;
	border-radius: 12px;
}

.info-box-column-shadow {
	box-shadow: none;

}

.info-box-column h4 {
	font-size: 24px;
}

.info-box-column h5 {
	font-size: 18px;
}

.features-icon {
	width: 100px;
	height: auto;
	margin-bottom: 20px
}

.icon-plus-heading i {
	margin-right: 10px;
	font-size: 24px;
}

.icon-info-box {
	min-height: 100px;
	padding: 25px;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.14);
}

.icon-info-box i {
	font-size: 32px;
	margin-bottom: 20px;
}

.icon-info-box h5 {
	font-size: 18px;
    font-weight: 900;
}

.icon-plus-heading h5 {
	font-size: 24px;
}

.features-box {
	margin-top: 30px;
}

.features-box i {
	font-size: 32px;
	margin-bottom: 20px;
}

.features-box h5 {
	font-size: 16px;
    font-weight: 500;
}

.features-list {
	margin-top: 30px;
}

.features-list li {
	padding: 10px 0px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Red Hat Display', sans-serif;
}

.features-list i {
	margin-right: 10px;
}

.selling-point {
	padding-bottom: 60px;
}

.selling-point h6 {
	padding-top: 20px;
}

.bg-affiliate-highlight h3 {
	padding-top: 20px
}

.media.affiliate-highlight {
	margin-top: 40px;
	font-style: italic;
}

.media.affiliate-highlight h5 {
	font-size: 18px;
	font-style: normal;	
}

.affiliate-highlight img {
	width: 70px;
	height: auto;
	border-radius: 100px;
}

.media .customer-star-rating i {
	color: #ffd612;
	font-size: 18px;
    padding: 10px 4px 0 0;
}

.testimonial-box {
	min-height: 100px;
	padding: 30px;
	margin-bottom: 30px;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.14);
}

.testimonial-box img {
	position: relative;
	width: 64px;
	height: auto;
	border-radius: 100px;
}

.testimonial-box p {
	font-size: 16px;
	font-style: italic;
}

.testimonial-box h5 {
	font-size: 16px;
	font-weight: 700;
	margin-top: 8px;
	margin-bottom: 0;
}

.testimonial-box span {
	font-size: 14px;
	font-weight: 400;
}

.faq-item  {
	margin-top: 20px;
}

.faq-item i {
	margin-right: 5px;
}

.faq-section .card {
	padding: 0px;
	margin-bottom: 15px;
	background-color: #fff;
	border-radius: 12px !important;
	box-shadow: 0px 0px 40px rgb(65 80 131 / 14%);
}

.faq-section .card-header {
	padding: 0px;
	background-color: #fff;
	border: none;
}

.faq-section .card-header i {
	font-size: 24px;
}

.faq-section .card-body {
	padding: 0px 20px 20px;
}

.faq-section .card .btn {
	padding: 20px 20px;
    margin: 0;
    width: 100%;
    color: #000;
    font-weight: 700;
    text-align: left;
    border-radius: 0px !important;
}

.faq-section .card .btn:hover,
.faq-section .card .btn:focus,
.faq-section .card .btn:active {
	color: #2D59CF;
	text-decoration: none;
}

.service-items img {
	margin-bottom: 5px;
}

.service-items h4 {
	margin-top: 20px;
}

.service-items hr {
	margin-top: 20px;
	margin-bottom: 40px;
	color: #e7e7e7;
}

.bg-attorney-steps {
	padding: 200px 0px 50px;
}

.attorney-steps-item {
	padding: 30px;
	margin-bottom: 20px;
    background-color: #09142275;
    border-radius: 12px;
    min-height: 180px;
}

.attorney-steps-item p {
	margin: 0;
}
.attorney-step-number  {
	font-size: 24px;
}

.contact-section .media {
	padding-bottom: 30px;
	font-size: 20px;
}

.contact-section .media i {
	color: #2D59CF;
}

.contact-form {
	color: #000;
	padding: 20px;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.14);
}

.contact-form h4 {
	margin-bottom: 20px;
}

.contact-form h6 {
	text-transform: capitalize;
	letter-spacing: 0px;
	font-weight: 700;
}

.form-control {
	background-color: #f5f7fa;
    border-color: #e4e7ed;
    padding: 10px !important;
    height: calc(1.5em + 0.75rem + 16px);
}

.contact-form .btn {
	width: 100%;
}

.login-section {
	margin-top: 100px;
	padding: 150px 0px 20px;
	-webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
    background-color: #061423;
}

.login-section h4 {
	font-size: 20px;
}

.mobile-padding-top {
	padding-top: 30px 
}

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

/*---- Step Process CSS -----*/
.step {
  list-style: none;
  margin: .2rem 0;
  width: 100%;
}

.step .step-item {
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  margin-top: 0;
  min-height: 1rem;
  position: relative; 
  text-align: center;
}

.step .step-item:not(:first-child)::before {
  background: #0069d9;
  content: "";
  height: 2px;
  left: -50%;
  position: absolute;
  top: 9px;
  width: 100%;
  z-index: 1;
}

.step .step-item a {
  color: #fff;
    display: inline-block;
    padding: 20px 10px 0;
    text-decoration: none;
    font-family: 'Red Hat Display';
    font-weight: 900;
    font-size: 10px;
}

.step .step-item a::before {
  background: #0069d9;
  border: none;
  border-radius: 50%;
  content: "";
  display: block;
  height: .9rem;
  left: 50%;
  position: absolute;
  top: .2rem;
  transform: translateX(-50%);
  width: .9rem;
  z-index: 100;
}

.step .step-item.active a::before {
  background: #fff;
  border: none;
}

.step .step-item.active ~ .step-item::before {
  background: #e7e9ed;
}

.step .step-item.active ~ .step-item a::before {
  background: #e7e9ed;
}

/*---- End of Step Process CSS -----*/

/*-- Mobile Padding Bottom None Only --*/
@media (max-width: 768px) {
	.mobile-pb-none {
		padding-bottom: 0px !important;
	}
}
/*-- End of Mobile Padding Bottom None Only --*/

@media (min-width: 576px) { 
	.page-content {
		padding: 80px 0px 50px;
	}
	
	.page-content .container {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.color-banner h4 {
	    text-align: left;
	    font-size: 24px;
	}	
	
	.number-stat {
		font-size: 40px;
		text-align: right;
	}
	
	.number-stat-info {
		font-size: 14px;
		text-align: right;
	}
	
	.info-box-column {
		padding: 40px;
	}
	
	.info-box-column-shadow {
		box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.14);
	
	}
	.features-icon {
		width: 70px;
	}
	
	.page-content .card-body {
		padding: 25px 40px 30px;
	}
	
	.contact-form {
		padding: 40px;
	}
	
	.login-section {
		padding: 250px 0px 20px;
	}
	
	.login-section h4 {
		font-size: 24px;
	}
	
	.cta-section .row {
		min-height: 400px;
		padding: 100px 20px;
	}
	.bg-attorney-steps {
		padding: 200px 0px 50px;
	}
	
	.step .step-item a {
		font-size: 13px;
	}
	
}

@media (min-width: 768px) {
	.login-section {
		padding: 100px 0px 100px;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    background-size: cover;
	    -o-background-size: cover;
	}
	
	.cta-section .row {
		min-height: 600px;
		padding: 100px 0px;
	}
	
	.selling-point {
		padding-bottom: 100px;
	}
	
	.selling-point h6 {
		padding-top: 0px;
	}
	
	.bg-affiliate-highlight h3 {
		padding-top: 50px
	}
	
	.testimonial-box h5 {
		margin-top: 0px;
	}
	
	.service-items h4 {
		margin-top: 0px;
	}
	
	.service-items hr {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	.member-features-section hr {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.cta-2 {
		padding: 20px 0px 100px;
	}
	
	.cta-simple {
		padding: 150px 0px;
	}

	.attorney-steps-item {
		min-height: 230px;
		-webkit-backdrop-filter: blur(56px);
		backdrop-filter: blur(56px);
	}
	
}

@media (min-width: 992px) {
	.login-section {
		margin: 0px;
		padding: 200px 0px 100px;
	}
	
	.mobile-padding-top {
		padding-top: 0px 
	}
	
	.mobile-pb {
		padding-bottom: 0px 
	}
	.cta-2 {
		padding: 80px 0px 150px;
	}
}

@media (min-width: 1200px) {
	.page-content {
		padding: 100px 0px 100px;
	}
	
	.number-stat-lg {
		font-size: 52px;
	}
	.simple-list li {
		font-size: 16px;
	}
	
	.features-icon {
		width: 100px;
	}
	
	.icon-info-box h5 {
		font-size: 18px;
	}
	
	.service-items img {
		margin-bottom: 0px;
	}
	
	.cta-2 {
		padding: 20px 0px 150px;
	}
	
	.bg-attorney-steps {
		padding: 300px 0px 50px;
	}
	
	.attorney-steps-item {
		margin-bottom: 0px;
	}
}

/**********************************/
/*********** Sign Up & Membership Plan CSS **********/
/**********************************/
.bg-sign-up {
	color: #fff;
	background-color: #2D59CF;
	padding: 80px 0px 60px;
}

.bg-sign-up h3 {
	margin-top: 30px;
}

.membership-plan-box {
	color: #000;
	padding: 30px;
	background-color: #fff;
	border-radius: 12px;
}

.membership-plan-box h6 {
	font-size: 20px;
	font-weight: 400;
	padding-top: 10px;
	letter-spacing: 5px;
}


.plan-pricing {
	font-family: "Red Hat Display", sans-serif;
	font-size: 52px;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1em;
}

.plan-currency {
	font-size: 36px;
	font-weight: 500;
}

.plan-interval {
	font-size: 24px;
	font-weight: 400;
}

.savings-applied {
	display: inline-block;
	color: #2D59CF;
    padding: 4px 7px;
    margin-bottom: 0px;
    font-size: 12px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
    background-color: #eee;
    border-radius: 4px;
    white-space: nowrap;
}

.savings-applied-2 {
	display: inline-block;
	color: #2D59CF;
    padding: 4px 15px;
    margin-bottom: 10px;
    font-size: 13px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
    background-color: #eee;
    border-radius: 4px;
    white-space: nowrap;
}

.membership-plan-box li {
	padding: 3px 0px;
}

.membership-plan-box i {
	color: #2D59CF
}

.membership-plan-box .btn {
	width: 100%;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #375cc8;
	background-color: #375cc8;
}

.custom-control-label {
	margin-top: 5px;
	margin-bottom: 20px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
}

.media {
	margin: 20px 0px;
}

.media i {
	font-size: 26px;
    padding: 4px 15px 0 0;
}


@media (min-width: 576px) {
	.savings-applied {
		font-size: 13px;
		padding: 4px 10px;
	}
}

@media (min-width: 768px) {
	.bg-sign-up {
		padding: 80px 0px 80px;
	}
	
	.bg-sign-up h3 {
		font-size: 36px;
		margin-top: 0px;
	}
	
	.membership-plan-box .btn {
		width: auto;
	}
	
	.savings-applied {
		font-size: 16px;
		padding: 4px 15px;
	}
	
	.savings-applied-2 {
		font-size: 16px;
	}
	
	.custom-control-label {
	    font-size: 14px;
	}
}

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

/**********************************/
/*********** Instant Quote CSS **********/
/**********************************/
.instant-quote-section {
	padding: 150px 0px 50px;
}

.instant-quote-form {
	color: #000;
	padding: 25px;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.14);
}

.instant-quote-form .form-control {
	background-color: #f5f7fa;
    border-color: #e4e7ed;
    padding: 10px !important;
    height: calc(1.5em + 0.75rem + 16px);
}

.instant-quote-form h5 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px
}

.instant-quote-fee {
	padding: 0px 10px;
    color: #2D59CF;
    font-size: 34px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
}

.instant-quote-save {
	color: #2D59CF;
    padding: 4px 10px;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.6em;
    background-color: transparent;
    border-radius: 4px;
    white-space: nowrap;
    display: block;
    text-align: center;
    margin: 0px;
}

.instant-quote-form .btn {
	width: 100%;
}

.instant-quote-form-v2 .instant-quote-fee {
	padding: 0px;
    color: #2D59CF;
    font-size: 68px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
    text-align: center;
}

.instant-quote-form-v2 .instant-quote-fee-title {
	text-align: center;
	margin: 0
}

.instant-quote-form-v2 .instant-quote-save {
	color: #2D59CF;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    background-color: transparent;
}

.instant-quote-form-v2 h4 {
	font-size: 28px;
	font-weight: 900;
	letter-spacing: 0px;
	text-transform: capitalize;
}

.instant-quote-form-v2 h6 {
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0px;
	text-transform: capitalize;
}

.instant-quote-form-v3 .instant-quote-fee {
	padding: 0px;
    color: #000;
    font-size: 42px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
    text-align: center;
}

.instant-quote-form-v3 .instant-quote-fee-title {
	text-align: center;
	margin: 0 0 30px;
}

.instant-quote-form-v3 .instant-quote-save {
	color: #2D59CF;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    background-color: transparent;
}

.instant-quote-form-v3 h4 {
	font-size: 28px;
	font-weight: 900;
	letter-spacing: 0px;
	text-transform: capitalize;
}

.instant-quote-form-v3 h6 {
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0px;
	text-transform: capitalize;
}

.instant-quote-form-v3 .member-status-title {
	min-height: 70px;
}

.instant-quote-form-v3 .instant-quote-options p {
	min-height: 55px;
}

.instant-quote-form-v3 .instant-quote-form-pricing {
	font-family: 'Red Hat Display', sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
}

.instant-quote-form-pricing {
	font-family: 'Red Hat Display', sans-serif;
	font-size: 14px;
	margin-bottom: 20px;
}

.instant-quote-form-pricing td {
	padding: 15px 0px;
	font-size: 13px;
}

.instant-savings-title {
	font-style: italic;
}

.plan-pricing-slashed,
.instant-quote-price-slashed {
	text-decoration: line-through;
	text-decoration-color: #da3832;
	 
}
.instant-quote-form-total-cost td {
	color: #375cc8;
	font-size: 14px;
	font-weight: 900;
}
.one-time-payment-link {
	padding: 5px 10px;
	font-weight: 700;
	color: #fff !important;
	background-color: #2D59CF;
	border-radius: 50px;
	white-space: nowrap;
}

.new-member-discount-title h5 {
    background-color: #f6f7fa;
    color: #2D59CF;
	font-size: 16px;
	padding: 12px;
	border-radius: 3px;
	text-align: center;
	line-height: 1.8em;
}

.new-member-discount-title i {
	font-size: 18px;
	animation: wiggle 1.8s linear infinite;
}

.form-spinner-1 {
    margin: 20px 0 7px;
}
.form-spinner-1 .spinner-grow {
    color: #2D59CF;
}    
.form-spinner-1 .spinner-text {
    display: block;
    font-family: 'Red Hat Display', sans-serif;
	font-weight: 900;
	font-size: 14px;
}

/* Keyframes */
@keyframes wiggle {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-15deg);
  }
  20% {
    transform: rotateZ(10deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}

.instant-quote-options {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #eee;
}

.instant-quote-options p {
	min-height: 70px;
}

.instant-quote-or-title {
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 18px;
}

.quote-col-divider {
	border-right: none;
	border-bottom: 1px solid #375cc82b;
	padding-bottom: 30px;
    margin-bottom: 30px;
}

.table-spacing-match {
	margin-bottom: 0px !important;
}

#payment_parg {
    line-height: 1.7em;
}

.select2-container .select2-search--inline .select2-search__field {
	height: 22px !important;
}

.select2-container--default .select2-selection--multiple {
	background-color: #f6f7fa !important;
    border: 1px solid #e5e7ed !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #ffe8d2 !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #091422 !important;
	background-color: #ffd9af !important;
    border: none !important;
    border-right: none !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #375cc8 !important;
    color: white !important;
}

@media (min-width: 576px) {
	.instant-quote-save {
		display: inline-block;
	    margin: 0px;
	    padding: 0px 5px;
	    line-height: inherit;
	    background-color: #f6f7fa;
	    font-size: 16px;
	}
}

@media (min-width: 768px) {
	.instant-quote-form {
		padding: 40px;
	}
	
	.instant-quote-form h5 {
		font-size: 20px;
		margin-top: 30px;
	}
	
	.new-member-discount-title h5 {
		font-size: 20px;
	}
	
	#payment_parg {
	    line-height: 1.5em;
	}
	
	.instant-quote-save {
	    padding: 4px 15px;
	    font-size: 20px;
	    line-height: 2em;
	}
	
	.new-member-discount-title i {
		font-size: 24px;
	}
	
	.instant-quote-form-pricing td {
		padding: 20px 0px;
		font-size: 14px;
	}
	
	.instant-quote-form-total-cost td {
	    font-size: 18px;
	}
}

@media (min-width: 992px) { 
	.instant-quote-section {
		padding: 200px 0px 100px;
	}
	.quote-col-divider {
		border-right: 1px solid #375cc82b;
		border-bottom: none;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	.table-spacing-match {
		margin-bottom: 78px !important;
	}
}

@media (min-width: 1200px) { 
	.instant-quote-form-pricing,
	.instant-quote-form-v3 .instant-quote-form-pricing {
		font-size: 18px;
	}
	
	.instant-quote-or-title {
		margin-top: 70px;
		margin-bottom: 0px;
	}
	
}

/**********************************/
/*********** Join CSS **********/
/**********************************/
.top-bar-signup {
	position: fixed;
    width: 100%;
    color: #fff;
    padding: 0px 0px;
    background-color: #061423;
    z-index: 990;
}

.logo-signup {
	display: block;
	width: 72px;
	height: auto;
	padding: 10px;
}

.total-signup-title {
	font-size: 15px;
}

.top-bar-signup .plan-pricing {
	margin: 0 !important;
	font-size: 24px;
}

.top-bar-signup .plan-interval {
	font-size: 15px;
}

.top-bar-signup .plan-currency {
	margin-right: -2px;
	font-size: 20px;
}

.top-bar-running-total {
	padding: 10px 5%;
	/* background-color: rgba(255, 255, 255, 0.12); */
	background: linear-gradient(to left, rgb(66 84 135), rgb(6, 20, 35));
}


.join-steps .step {
    padding: 0px;
}

.card-dark {
    color: #fff;
    background-color: #e7e8ea1f !important;
}

.join-steps .card {
    border-radius: 12px;
}

.join-steps .card-body {
    padding: 0px 12px;
}

.join-steps .card h6 {
    font-size: 12px;
}

.join-select-img {
    width: 50px;
    margin: 10px;
    border-radius: 100px;
}

.join-steps .card-title {
	font-size: 16px;
	margin-bottom: 3px;
}

.join-steps h3 {
    font-size: 18px;
}

.join-steps h5 {
    font-size: 16px;
}

.member-row {
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 11px;
	padding: 12px 7px;
}

 

.join-steps {
	min-height: 100vh;
	color: #000;
	padding: 0px 0px 100px;
	background-color: #fff;
}

.join-steps hr {
	border-top: 1px solid rgb(38 75 97 / 19%);
}

.join-steps .text-link {
	font-size: 13px;
}

.join-steps .card-footer {
	background-color: transparent;
}

.join-steps-footer {
	padding: 30px 0px;
}

.join-steps .step .step-item a {
	color: #000;
	overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap; /* prevent label break */
}	

.join-steps .step .step-item.active ~ .step-item::before {
    background: #dee2e6;
}

.join-steps .step .step-item.active ~ .step-item a::before {
    background: #cacaca;
}

.join-steps .step .step-item.active a::before {
    background: #016ad9;
    border: none;
}

.selectable-card {
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #f6f7fa; /* default unselected background */
  color: #000000;
  border-radius: 12px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* subtle default shadow */
}



.selectable-card.active {
  background-color: #d6dff1; /* visually different when selected */
  border-color: #2c59cf;
  box-shadow: none;
}

.btn-block-mobile {
	width: 100%;
}

.checkmark-icon {
  position: absolute;
  top: 12px;
  right: 15px;
  background-color: #4d6fff;
  color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  box-shadow: 0px 0px 10px #1e1d348a;
  display: none;
}

.selectable-card.active .checkmark-icon {
  display: block;
}

.price-tag {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.25rem 0.6rem;
  background-color: #2e59cf;
  color: #ffffff;
  border-radius: 8px;
  white-space: nowrap;
}

.list-group-item {
	background-color: #f6f7fa;
    border: 1px solid rgb(155 155 155 / 24%);
}

.plan-list-items {
	list-style: disc; 
	margin-left: 14px; 
	margin-bottom: 0;
	font-size: 14px;
}

.join-steps .edit-links a {
    margin-right: 10px;
  }

.addons-list {
    font-size: 14px;
}

.addons-list > div:not(:last-child) {
  border-bottom: 1px solid #cfd3d8;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}

.addon-right {
  display: flex;
  align-items: center;
}

.addon-price {
  font-weight: 500;
  margin-right: 0.5rem;
}

.remove-addon {
  font-size: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #dc3545;
    text-decoration: none;
    line-height: 1;
    cursor: pointer;
    border-radius: 50px;
    width: 20px;
    height: 20px;
}

.remove-addon:hover {
  text-decoration: none;
  color: #ccc;
}

.join-hero-1 {
	margin-top: 100px;
	color: #fff;
	padding: 80px 0px 200px;
	background-color: #091422;
	text-align: center;
}

.join-hero-1 h1 {
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.service-badge {
    position: absolute !important;
    margin-top: -34px;
    margin-left: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    background-color: #25313e;
    padding: 2px 10px;
    border-radius: 7px;
}

.service-purchase-count {
	margin-top: auto;
	padding-top: 1rem;
	font-size: 13px;
	font-style: italic;
	color: #2e59cf;
}

.join-now-section {
	padding: 0px 0px 50px;
	margin-top: -150px;
}

.join-now-section .contact-form {
	margin-top: 0px;
}

.join-now-section h4 {
	font-size: 20px;
}

.join-form-pricing {
	font-family: inherit;
	font-size: 14px;
	margin-bottom: 40px;
}

.join-form-pricing td {
	padding: 20px 0px;
}

.join-form-total-cost {
	font-size: 14px;
	font-weight: 700;
}

.join-now-form .col-auto {
	margin-bottom: 7px;	
}

.checkout-options-title {
	font-family: "Roboto", Sans-serif;
	font-size: 14px;
	font-weight: 700;
}

.external-link-btn {
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 700;
    color: #000 !important;
    background-color: #eaeefc;
    border-radius: 50px;
}

.external-link-btn-2 {
	padding: 10px 12px;
	font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #585858;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    text-align: left;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07);
}
.external-link-btn-2:hover,
external-link-btn-2:active,
external-link-btn-2:focus {
	color: #000;
}

.external-link-btn-2 i {
	display: block;
	color: #2D59CF;
	font-size: 18px;
}

.custom-control-lg .custom-control-label::before,
.custom-control-lg .custom-control-label::after {
    top: 2px !important;
    left: -2rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.custom-control-lg .custom-control-label {
    margin-left: 0.5rem !important;
}

.member-signup-name {
	color: #2e59cf;
}

.member-signup-age {
	font-weight: 600;
}

.family-member {
	font-size: 18px;
	font-weight: 700;
}

.base-membership-type {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 4px;
	color: #fff;
	background-color: #555;
	font-size: 12px;
	font-weight: 600;
}

.bmt-standard {
	background-color: #6a7291;
}

.bmt-commercial {
	background-color: #d18d31;
}

.bmt-family {
	background-color: #52a792;
}

.no-hover-fx {
	box-shadow: none !important;
	transform: none !important;
}

@media (min-width: 576px) { 
	.join-hero-1 {
		padding: 80px 0px 200px;
	}
	
	.join-form-pricing {
		font-size: 18px;
	}
	
	.join-form-total-cost {
		font-size: 18px;
	}
	
	.join-steps .card-title {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.join-steps .card h6 {
	    font-size: 14px;
	}
	.join-steps .card-body {
	    padding: 0px 20px;
	}
	
}

@media (min-width: 768px) { 
	.join-hero-1 {
		padding: 100px 0px 220px;
	}
	
	.join-now-form .col-auto {
		margin-bottom: 0px;	
	}
	
	.join-now-section h4 {
		font-size: 24px;
	}
	.top-bar-signup .plan-pricing {
		font-size: 46px;
	}
	.top-bar-signup .plan-interval {
		font-size: 24px;
	}
	.total-signup-title {
		font-size: 18px;
	}
	.top-bar-signup .plan-currency {
		font-size: 36px;
		margin-right: -5px;
	}
	.selectable-card:hover {
	  transform: translateY(-2px) scale(1.01);
	  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* more pronounced on hover */
	  z-index: 1;
	}
	
	.join-steps h5 {
	    font-size: 1.25rem;
	}
	
	.join-steps h3 {
	    font-size: 24px;
	}
	
	.join-select-img {
	    width: 80px;
	    margin: 20px auto 10px;
	}
	.checkmark-icon {
		top: 10px;
	}
	.btn-block-mobile {
		width: auto;
	}
	
}

@media (min-width: 992px) { 
	.join-hero-1 {
		margin-top: 0px;
		padding: 200px 0px 220px;
	}
	.member-row {
		padding: 7px;
	}
	.member-row .form-group {
	    margin-bottom: 0px;
	}
}

@media (min-width: 1200px) { 
	.join-hero-1 {
		padding: 230px 0px 260px;
	}
	
	.join-now-section {
		padding: 0px 0px 100px;
		margin-top: -150px;
	}
}

/**********************************/
/*********** Account/Member/Affiliate Dashboard Styles CSS **********/
/**********************************/

.account-page-dark {
	color: #fff;
    background-color: #091422;
}

.account-page {
	padding: 150px 0px 20px !important;
}

.dashboard-content {
	padding: 70px 0px 0px;
}

.dashboard-greeting {
    color: #fff;
    padding: 200px 0px 100px;
    background-image: inherit;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-color: #091422;
}

.dashboard-confirmation {
    color: #fff;
    padding: 20px 0;
}

.dashboard-confirmation li {
    padding: 0px 0px 5px;
}

.dashboard-info input {
    padding: 10px;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1.2rem;
    background-color: rgb(255 255 255 / 10%);
}

.dashboard-box {
	background-color: #fff;
	padding: 25px;
	margin-bottom: 20px;
	border-radius: 12px;
	box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.14)
}

.dashboard-box-dark {
	color: #fff;
	background-color: #e7e8ea1f !important;
}

.dashboard-box-dark table {
	color: #fff;
}

.dashboard-rounded {
	border-radius: 800px 800px 12px 12px;
    margin-top: -50px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    min-height: 220px;
    max-width: 440px;
    background-image: url(https://www.autoallies.com/img/member-dashboard/bg-speedometer-1.5.png);
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    border: 16px solid #091422;
    box-shadow: 0px -35px 20px -24px #8181811f;
    background-color: #1717171a !important;
    -webkit-backdrop-filter: blur(26px);
    backdrop-filter: blur(26px);
}

.dashboard-rounded h6 {
	min-height: 0 !important;
	color: #bdc2cb;
}

.dashboard-stat-number {
	display: block;
	padding-top: 24px;
	font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
	font-size: 42px;
	color: fff;
}

.dashboard-box-dark .btn {
	padding: 8px 22px;
}

.dashboard-rounded .btn {
	color: #fff;
	background-color: #e7e8ea1f;
	padding: 8px 22px;
}

.dashboard-box h1 {font-size: 28px}

.dashboard-box h6 {
	font-size: 12px;
	min-height: 35px;
}

.dashboard-box h4 {
	font-size: 20px;
	min-height: 35px;
}

.dashboard-content .btn,
.dashboard-greeting .btn,
.dashboard-confirmation .btn {
	font-size: 14px;
}

.dashboard-action-form {
    padding: 0px 0px 150px;
    background-image: url(../img/bg/bg-cta-2.3.jpg);
    background-color: #fff;
    background-attachment: scroll;
    background-position: center bottom;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
    background-repeat: no-repeat;
}

.dashboard-style-2 {
	padding: 100px 0px 50px !important;
}

.dashboard-style-2 h3 {
	margin-top: 50px;
}

.dashboard-style-2 .dashboard-boxes {
	padding-top: 100px;
}

.dashboard-style-2 .dashboard-box {
    background-color: transparent;
    padding: 0px;
    margin-bottom: 20px;
    border-radius: 12px;
    box-shadow: none;
}

.dashboard-style-2 h6,
.dashboard-style-3 h6 {
	min-height: 0;
}

.dashboard-style-3 .dashboard-box {
    background-color: #799dc31f;
    padding: 40px 20px 20px;
    margin-bottom: 20px;
    border-radius: 12px;
    box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.14);
    -webkit-backdrop-filter: blur(26px);
    backdrop-filter: blur(26px);
}

.dashboard-style-3 .dashboard-info {
	padding: 10px 0px 0px;
}

.dashboard-style-3 .dashboard-box h4 {
    font-size: 16px;
}

.dashboard-style-3 h5 {
	margin-top: 30px;
	font-size: 24px;
}

.dashboard-content li {
	font-size: 14px;
}

.dashboard-content .table thead th {
	font-family: 'Red Hat Display', sans-serif;
	font-weight: 900;
    border: none;
    padding-left: 0;
}

.dashboard-content .table td {
	min-width: 130px;
    padding: 20px 10px 20px 0;
    vertical-align: middle;
}

.account-page-dark .table th {
	font-size: 14px;
}

.account-page-dark .table td {
	min-width: 120px;
    padding: 20px 10px 20px 0;
    vertical-align: middle;
    border-top: 1px solid #dee2e642 !important;
    font-size: 14px;
}

.dashboard-content .table-name-block {
	display: block;
    font-size: 12px;
    margin-top: 5px;
}

.dashboard-content .table-name {
    font-size: 12px;
    margin-left: 5px;
    white-space: nowrap;
}

.dashboard-content .dashboard-email {
	display: block;
	color: #007bff;
}

.btn-table-sort {
	color: #fff;
	background-color: #c9d4e040;
	margin: 0;
	border-radius: 15px;
}

.ticket-activity-btn {
    padding: 5px 10px;
    margin-left: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #000 !important;
    background-color: #eaeefc;
    border-radius: 50px;
}

.mobile-scroll-instruction {
	color: #a8a8a8;
	font-size: 14px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    font-style: italic;
}

.mobile-scroll-instruction {
	display: block;
}

.mobile-scroll-instruction i {
	margin-left: 5px;
    font-size: 18px;
}

.dashboard-style-3 .btn {
	width: 100%;
}

.dashboard-style-3 .media img {
	width: 70px;
	height: auto;
	border-radius: 100px;
}

.alert h4 {
	font-size: 18px;
}

.dashboard-pagination .page-link {
    color: #ffffff;
    background-color: #c9d4e040;
    border: none;
}

.dashboard-pagination .page-item.disabled .page-link {
    color: #7b868f;
    pointer-events: none;
    cursor: auto;
    background-color: #c9d4e040;
    border-color: none;
}

.page-item:first-child .page-link {
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media (min-width: 380px) {
	.dashboard-box h4 {
	    min-height: 50px;
	}
}

@media (min-width: 460px) {
	.mobile-scroll-instruction {
		display: none;
	}
}

@media (min-width: 540px) {
	.dashboard-content .container {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.dashboard-style-3 .dashboard-box {
    	background-color: #799dc31f;
    	padding: 40px;
    }
	.dashboard-box {
		padding: 40px;
	}
	
	.dashboard-box h1 {
		font-size: 42px;
	}
	
	.dashboard-style-3 .dashboard-box h4 {
	    font-size: 20px;
	}
	
	.dashboard-box h6 {
		font-size: 14px;
	}
	
	.alert h4 {
		font-size: 24px;
	}
}

.dashboard-actions {
	text-align: right;
	padding-right: 0 !important;
}

.dashboard-actions .btn {
	border-radius: 15px;
	font-size: 12px;
	padding: 8px 14px;
}


.dashboard-actions .show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: none;
}



@media (min-width: 768px) {
	.dashboard-style-2 {
		padding: 100px 0px 100px !important;
	}
}

@media (min-width: 992px) { 
	.dashboard-style-2 {
		padding: 200px 0px 100px !important;
	}
	.dashboard-box h1 {
		font-size: 54px;
	}
	
	.dashboard-rounded {
		border-radius: 800px 800px 12px 12px;
	    margin-top: -90px;
	    margin-bottom: 0px;
	}
	
}

@media (min-width: 1200px) { 
	.dashboard-style-2 {
		padding: 300px 0px 100px !important;
	}
	.dashboard-style-3 .btn {
		width: auto;
	}
}







/**********************************/
/*********** CRM CSS **********/
/**********************************/

.account-page-crm {
	color: #fff;
    background-color: #091422;
}

.dashboard-box-crm {
	color: #fff;
	background-color: #252e39 !important;
}

.dashboard-box-tm {
    margin-top: -100px;
}

.dashboard-crm .nav-pills .nav-link {
	color: #fff;
	font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
    font-size: 13px;
    background-color: #c9d4e040;
    border-radius: 12px;
    margin-top: 5px;
    margin-right: 5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.dashboard-crm .nav-pills .nav-link:hover {
	background-color: #2e59cf;
}
.dashboard-crm .nav-pills .nav-link.active {
	background-color: #2e59cf;
	border-radius: 12px;
	border: none;
}

.dashboard-crm table {
	color: #fff;
}

.account-page-crm .dashboard-box {
	padding-bottom: 25px;
}

.account-page-crm .table td {
	min-width: 120px;
    padding: 20px 0px;
    vertical-align: middle;
    border-top: 1px solid #dee2e642 !important;
    font-size: 14px;
}

.crm-body {
	background-color: #091422;
}

.crm-body .navbar {top: 0;}
	     
.crm-body h3 {
	font-size: 24px;
}

.crm-body h4 { min-height: 40px;}
	            
	        
.modal.left .modal-dialog {
	position:fixed;
	right: 0;
	margin: auto;
	width: 420px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal-backdrop { background-color: red; } 

.modal.left .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal-content {
	border-radius: 0;
	border: none;
	color: #fff;
	background-color: rgb(161 178 218 / 18%);
	-webkit-backdrop-filter: blur(26px);
    backdrop-filter: blur(26px);
	box-shadow: 0px 0px 60px rgba(46, 89, 207, 0.2)
}

.modal-header {
	padding: 30px;
	border-bottom-color: transparent;
	background-color: #091422;
}

.modal-close {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background: transparent;
    border: none;
}

.modal.modal-left .modal-body, .modal.modal-right .modal-body {
    padding: 25px 25px 80px !important;
}

.modal-card-box {
	margin-bottom: 20px;
	padding: 30px;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 16px;
}

.modal-card-box .user_img_msg {
    height: 52px;
    width: 52px;
}

.member-name-info h5 {
	line-height: 1;
}

.modal-case-count {
	font-size: 24px;
	font-weight: 700;
}

.card-case-progress {
	background-color: rgb(61 222 97 / 20%);
}

.card-case-resolved {
	background-color: rgb(0 123 255 / 20%);
}

.modal-card-box h6 {
	text-transform: capitalize;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	min-height: 0;
	margin-bottom: 0;
}

.modal-text-small {
	font-size: 12px;
	display: inline-block;
}

.crm-body hr {
    border-top: 1px solid rgb(255 255 255 / 16%);
}

.modal-card-box .member-tag {
    display: inline-block;
    text-align: center;
    background-color: #007bff69;
    font-size: 14px;
    font-weight: 700;
    border-radius: 8px;
    padding: 4px 10px;
}

.btn-tag {
	display: inline-block;
    font-size: 11px !important;
    color: #fff;
    background-color: #ffffff24;
    padding: 2px 9px !important;
    margin-top: 2px;
}

.btn-tag i { margin-left: 5px;}

.case-status-tag {
    display: inline-block;
    font-size: 13px;
    padding: 8px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.1);
}

.case-status-blip {
	display: inline-block;
    float: left;
    height: 18px;
    width: 18px;
    margin-top: 1px;
    margin-right: 6px;
    background-color: #3dde61;
    border: 4px solid #2a853f;
    border-radius: 50px;
}

.case-blip-progress {
	background-color: #3dde61;
    border: 4px solid #2a853f;
}

.case-blip-resolved {
	background-color: #2D59CF;
    border: 4px solid #3250a6;
}



.modal-footer-fixed {
	background-color: #091422 !important;
}

.modal-footer {
	border-top: none;
}

.modal-backdrop {
    background-color: #2F59CF;
    background-color: #09142269 !important;
    /*-- -webkit-backdrop-filter: blur(26px);
    backdrop-filter: blur(26px); --*/
    
}

.modal-backdrop.show {
    opacity: 1;
}


/**********************************/
/*********** Inbox/Messaging CSS **********/
/**********************************/
.inbox-section {
	padding: 130px 10px 10px !important;
	background-color: #799dc31f;
    -webkit-backdrop-filter: blur(26px);
    backdrop-filter: blur(26px);
}

.inbox-section .nav-pills .nav-link,
.dashboard-box .nav-pills .nav-link {
	color: #fff;
	font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
    font-size: 13px;
    background-color: #c9d4e040;
    border-radius: 12px;
    margin-top: 5px;
    margin-right: 5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.inbox-section .nav-pills .nav-link:hover,
.dashboard-box .nav-pills .nav-link:hover {
	background-color: #2e59cf;
}

.inbox-section .nav-pills .nav-link.active,
.dashboard-box .nav-pills .nav-link.active {
	background-color: #2e59cf;
	border-radius: 12px;
	border: none;
}

.chat{
	
	}
	.inbox-section .card{
		height: 78vh;
		border-radius: 15px !important;
		background-color: #799dc31f;
		box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.14);
		border: none;
	}
	
	.inbox-section .card-body {
		overflow-y: scroll;
	}
	
	.contacts_body{
		padding:  0.75rem 0 !important;
		overflow-y: auto;
		white-space: nowrap;
	}
	.msg_card_body{
		overflow-y: auto;
	}
	.inbox-section  .card-header{
		background-color: rgb(255 255 255 / 5%);
		border-radius: 15px 15px 0 0 !important;
		border-bottom: 0 !important;
		box-shadow: 0px 30px 20px #0614230f;
	}
	.inbox-section  .card-footer{
		border-radius: 0 0 15px 15px !important;
		border-top: 0 !important;
		background-color: rgb(255 255 255 / 5%);
	}
	
	.inbox-section .message-controls {
		background-color: transparent !important;
	}
	
	.inbox-section  .search,
	.dashboard-box .search {
		border-radius: 15px 0 0 15px !important;
		background-color: rgb(2 19 35 / 31%) !important;
		border:0 !important;
		color:white !important;
	}
	.inbox-section  .search:focus, 
	.dashboard-box .search {
	     box-shadow:none !important;
       outline:0px !important;
	}
	.type_msg{
		background-color: rgb(2 19 35 / 31%) !important;
		border:0 !important;
		color:white !important;
		height: 60px !important;
		overflow-y: auto;
	}
		.type_msg:focus{
	     box-shadow:none !important;
       outline:0px !important;
	}
	.inbox-section .attach_btn{
		border-radius: 15px 0 0 15px !important;
		background-color: rgb(2 19 35 / 31%) !important;
		border:0 !important;
		color: white !important;
		cursor: pointer;
		padding-right: 5px;
	}
	.inbox-section .emoji_btn{
		margin: 0 !important;
		border-radius: 0 !important;
		background-color: rgb(2 19 35 / 31%) !important;
		border:0 !important;
		border-right: 1px solid #2a3945 !important;
		color: white !important;
		cursor: pointer;
		padding-left: 5px;
	}
	.inbox-section .input-group-append i,
	.inbox-section .msg_head i {
		color: #fff;
	    background-color: #c9d4e040;
	    padding: 10px;
	    border-radius: 10px;
	}
	.inbox-section .input-group-append i:hover,
	.inbox-section .msg_head i:hover {
		background-color: #2e59cf;
		-webkit-transition: all .3s;
	    -moz-transition: all .3s;
	    transition: all .3s;
	}
	.inbox-section  .send_btn{
		border-radius: 0 15px 15px 0 !important;
		background-color: rgb(2 19 35 / 31%) !important;
		border:0 !important;
		color: white !important;
		cursor: pointer;
	}
	.inbox-section  .search_btn{
		border-radius: 0 15px 15px 0 !important;
		background-color: rgb(2 19 35 / 31%) !important;
		border:0 !important;
		color: white !important;
		cursor: pointer;
	}
	.contacts{
		list-style: none;
		padding: 0;
	}
	.contacts li{
		width: 100% !important;
		padding: 5px 10px;
		margin-bottom: 15px !important;
	}
.inbox-section  .active{
		background-color: rgb(46 89 207 / 82%);
}
	.user_img{
		height: 70px;
		width: 70px;
	
	}
	.user_img_msg{
		height: 40px;
		width: 40px;
	
	}
.img_cont{
		position: relative;
		height: 70px;
		width: 70px;
}
.img_cont_msg{
		height: 40px;
		width: 40px;
}
.online_icon{
	position: absolute;
	height: 15px;
	width:15px;
	background-color: #4cd137;
	border-radius: 50%;
	bottom: 0.2em;
	right: 0.4em;
	border:1.5px solid white;
    display:none;
}
.offline{
	background-color: #c23616 !important;
    display:block !important;
}
.inbox-section  .new{
	background-color: #1F8AFF !important;
    display:block !important;
}
.user_info{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 15px;
}
.user_info span{
	font-size: 15px;
	color: white;
}
.user_info p{
font-size: 10px;
color: rgba(255,255,255,0.6);
}
.video_cam{
	margin-left: 20px;
	margin-top: 5px;
}
.video_cam span{
	color: white;
	font-size: 20px;
	cursor: pointer;
	margin-right: 5px;
}
.msg_cotainer{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 10px;
	border-radius: 3px 25px 25px 25px;
	background-color: #c9d4e040;
	padding: 10px 20px;
	position: relative;
}
.msg_cotainer_aa{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 10px;
	border-radius: 3px 25px 25px 25px;
	background-color: #c9d4e040;
	padding: 10px 20px;
	position: relative;
}
.msg_cotainer_send{
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 10px;
	border-radius: 25px 3px 25px 25px;
	background-color: #2e59cf;
	padding: 10px 20px;
	position: relative;
}
.msg_time{
	position: absolute;
	left: 0;
	bottom: -17px;
	color: rgba(255,255,255,0.5);
	font-size: 10px;
    white-space: nowrap;
}
.msg_time_send{
	position: absolute;
	right:0;
	bottom: -15px;
	color: rgba(255,255,255,0.5);
	font-size: 10px;
}
.msg_head{
	position: relative;
}
#action_menu_btn{
	position: absolute;
	right: 10px;
	top: 10px;
	color: white;
	cursor: pointer;
	font-size: 20px;
}
.action_menu{
	z-index: 1;
	position: absolute;
	padding: 15px 0;
	background-color: rgba(0,0,0,0.5);
	color: white;
	border-radius: 15px;
	top: 30px;
	right: 15px;
	display: none;
}
.action_menu ul{
	list-style: none;
	padding: 0;
margin: 0;
}
.action_menu ul li{
	width: 100%;
	padding: 10px 15px;
	margin-bottom: 5px;
}
.action_menu ul li i{
	padding-right: 10px;

}
.action_menu ul li:hover{
	cursor: pointer;
	background-color: rgba(0,0,0,0.2);
}

.case-info {
	font-size: 14px;
}

.case-info .active {
	background-color: transparent;
}

.case-info table {
	color: #fff;
}

.lawyer-info {
	padding: 10px 0px;
}

.lawyer-info-img {
	width: 120px;
	height: auto;
	border-radius: 200px;
	display: block;
	margin: 0 auto;
}

.lawyer-info h5 {
	margin-top: 10px;
}

.lawyer-info h6,
.case-info h6 {
	font-size: 14px;
	font-weight: 900;
	text-transform: capitalize;
	letter-spacing: 0;
	margin-top: 20px;
}

.ticket-photo-upload {
	width: 100%;
	height: auto;
	border-radius: 12px;
}

.profile-icon-btn {
	color: #fff;
    background-color: #c9d4e040;
    padding: 10px;
    border-radius: 100px;
    text-align: center;
}

.profile-icon-btn:hover {
	color: #fff;
    background-color: #2e59cf;
}

.btn-case-update {
	color: #fff;
    background-color: #c9d4e040;
    margin: 0;
    height: calc(1.5em + .75rem + 10px);
    font-size: 13px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
    border-radius: 15px;
    border-color: transparent;
}	

.case-calendar-field {
	color: #fff;
    background-color: #c9d4e040;
    margin: 0 0 10px;
    height: calc(1.5em + .75rem + 10px);
    font-size: 14px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
    border: none !important;
    border-radius: 15px;
    border-color: transparent;
}	

.btn-calendar-confirm {
	color: #fff;
    background-color: #c9d4e040;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.case-status-update {
    padding: 15px 15px 10px;
    border-radius: 16px;
    color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
    box-shadow: 0px 4px 24px #00000014;
    text-align: center;
}


.case-status-update .message-type {
    display: block;
    padding: 0px 30px;
    font-size: 13px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.case-status-update .message-alert-content {
    color: #000;
    display: block;
    font-size: 1rem;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
    letter-spacing: 0px;
}
 
.case-status-update .msg_cotainer_send {
    margin-top: auto;
	margin-bottom: auto;
	margin-right: 10px;
	border-radius: 25px 3px 25px 25px;
	background-color: #2e59cf;
	padding: 10px 20px;
	position: relative;
}

@media(max-width: 576px){
	.contacts_card{
		margin-bottom: 15px !important;
	}
}

#search_field::placeholder, .type_msg::placeholder, .progressspan
{
    color: #d5d9db;
}

.progressspan
{
    font-style: italic;
}

.pointer, .contacts li
{
    cursor: pointer;
}

.user_info span
{
    white-space: pre-wrap;
}

.container-fluid {padding-bottom: 100px;} .dashboard-content {padding-top:90px;} .container-fluid ~ .container-fluid { padding-bottom: 0px; } .dashboard-content ~ .dashboard-content { padding-top: 70px; } 

.form-spinner-2 {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	position: relative;
	animation: rotate 1s linear infinite;
	margin: 0 auto;
	margin-bottom: 10px;
	}
	.form-spinner-2::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border: 7px solid #3388cc;
	animation: prixClipFix 2s linear infinite ;
	}
	
	@keyframes rotate {
	100%   {transform: rotate(360deg)}
	}
	
	@keyframes prixClipFix {
		0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
		25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
		50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
		75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
		100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
	}
	
	#overload_parent{
	    width:100%;
	    height:100%;
	    position:fixed;
	    z-index:9999;
	    background-color:#FFF;
	}
	
	#overload{
	    position:absolute;
	    top:50%;
	    left:50%;
	    transform:translate(-50%, -50%);
	    color: white; background: #fff; opacity: .8;
	    z-index: 1000;
	}

/**********************************/
/*********** Footer CSS **********/
/**********************************/
footer {
	color: #fff;
	padding: 100px 20px 50px;
	background-color: #061423;
}

.cta-footer {
	color: #fff;
	padding: 40px;
	margin-bottom: 100px;
	border-radius: 12px;
	background-color: #000;
	background-image: url(../img/bg/bg-cta-footer-1.jpg);
	background-attachment: scroll;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 100px -22px #375cc8a3;
}

.cta-footer h4 {
	font-size: 22px;
	margin-bottom: 20px;
}

.cta-footer .btn {
	margin: 0;
	text-align: center;
	width: 100%;
}

/*-- Pulse Tag FX -- */
.pulse-tag-effect {
    position: relative;
    box-shadow: 0 0 0 0 rgb(55 92 200 / 27%);
    cursor: pointer;
	  border-radius: 50px;
    -webkit-animation: pulse 2.25s infinite cubic-bezier(0.26, 0, 0, 1.5);
    -moz-animation: pulse 2.25s infinite cubic-bezier(0.26, 0, 0, 1.5);
    -ms-animation: pulse 2.25s infinite cubic-bezier(0.26, 0, 0, 1.5);
    animation: pulse 2.25s infinite cubic-bezier(0.26, 0, 0, 1.5)
}

/*-- Pulse Button FX -- */
.pulse-button-effect {
    position: relative;
    box-shadow: 0 0 0 0 rgb(55 92 200 / 47%);
    cursor: pointer;
	  border-radius: 50px;
    -webkit-animation: pulse 2.25s infinite cubic-bezier(0.26, 0, 0, 1.5);
    -moz-animation: pulse 2.25s infinite cubic-bezier(0.26, 0, 0, 1.5);
    -ms-animation: pulse 2.25s infinite cubic-bezier(0.26, 0, 0, 1.5);
    animation: pulse 2.25s infinite cubic-bezier(0.26, 0, 0, 1.5)
}

.pulse-button-effect:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none
}

.pulse-button-effect:active,
.pulse-button-effect:focus {
	box-shadow: none;
}

/*-- Pulse Banner FX -- */
.pulse-banner-effect {
    position: relative;
    box-shadow: 0 0 0 0 rgb(245 85 119 / 24%);
    cursor: pointer;
	border-radius: 12px;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.26, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.26, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.26, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.26, 0, 0, 1)
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(36, 36, 42, 0)
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(36, 36, 42, 0)
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(36, 36, 42, 0)
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(36, 36, 42, 0)
    }
}


footer h6 {
	margin-top: 50px;
}

footer .contact-details {
	font-size: 26px;
	font-weight: 400;
}

footer .contact-office {
	font-size: 20px;
	font-weight: 400;
}

footer hr {
	border-top: 1px solid #555555;
    margin: 80px 0 50px;
}

footer .footer-title {
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 20px;
}

footer .footer-about {
	max-width: 100%;
}

footer li {
	padding: 10px 0px;
}

footer a {
	color: #fff;
}

footer a:hover,
footer a:focus,
footer a:active {
	color: #999;
}

/* Medium devices (tablets, 768px and up) --*/
@media (min-width: 768px) {
	.cta-footer {
		padding: 60px;
	}
	
	.cta-footer h4 {
		font-size: 32px;
		margin-bottom: 0px;
	}
	
	.cta-footer .btn {
		width: auto;
	}
	footer .footer-about {
	    max-width: 265px;
	}
}

@media (max-width: 767.98px) {
  .mobile-full-width {
    width: 100% !important;
  }
  
}


/*******************************/
/********* Extremely Extra Small Mobile Only CSS *********/
/*******************************/

/*-- Max 320px only --*/
@media (max-width: 320px) {
	
	.top-bar-left div:first-child {
		display: none;
	}
	
	.navbar .navbar-brand img {
	    width: 44px;
	}
	
	.mobile-menu-title {
	    top: 0px;
	    left: 3px;
	    font-size: 11px;
	}
	
	.mobile-nav-btn-right a {
	    padding: 28px 5px 20px;
	    font-size: 11px;
	}
	
	.navbar-dark .navbar-nav .nav-link {
	    padding: 12px 10px;
	    font-size: 14px;
	}
	
	.btn {font-size: 13px;}
	
	.hero-style-1 h1 {font-size: 32px;}
	
	.hero-style-1 h4 {font-size: 18px;}
	
	.hero-list-xs {font-size: 10px;}
	
	.hero-style-2 h1 {font-size: 26px;}
	
	.number-stat {font-size: 16px;}
	
	h2 {font-size: 26px;}
	h3 { font-size: 20px;}
	h4 { font-size: 17px;}
	h5 { font-size: 14px;}
	h6,.membership-plan-box h6 { font-size: 12px;}
	
	.info-box-column h4 { font-size: 18px;}
	
	.features-icon { width: 70px;}
	
	.instant-quote-form,
	.join-now-form {
        padding: 15px;
    }
    
    .instant-quote-form h4,
    .join-now-form h4 {
        font-size: 18px;
    }
    
    .join-steps h3 {
	    font-size: 16px;
    }
    
    .join-now-form h5,
    .instant-quote-form h5,
    .new-member-discount-title h5,
    .instant-quote-save {
        font-size: 14px;
    }	
    
    .instant-quote-form p {
        font-size: 13px;
    }
    
    .instant-quote-form-pricing td, {
	    padding: 10px 0px;
	    font-size: 12px;
	}
	
	.plan-pricing {font-size: 38px;}
	.plan-interval { font-size: 20px;}
	.plan-currency {font-size: 24px;}
	
	.top-bar-signup .plan-pricing {
		font-size: 16px;
	}
	.top-bar-signup .plan-interval {
		font-size: 13px;
	}
	.total-signup-title {
		font-size: 13px;
	}
	.top-bar-signup .plan-currency {
		font-size: 13px;
	}
	
	.membership-plan-box li { font-size: 13px;}
	
	.savings-applied {font-size: 11px; padding: 4px 4px;}
	
	.new-member-discount-title h5 {padding: 12px 5px 5px;}
	
	.testimonial-box {padding: 20px;}
	
	.dashboard-box h1 {font-size: 16px}
	
	.dashboard-box h6 {font-style: 11px;}
	
	.dashboard-content .btn, .dashboard-greeting .btn {
		font-size: 13px;
	}
	
	.dashboard-style-3 .dashboard-box h4,
	.dashboard-style-3 h5 {
		font-size: 16px;
	}
	
	footer .contact-details {
		font-size: 20px;
	}
	
}