/*******************************/
/********* 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-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-white {
	color: #fff;
}

.text-link-white:hover,
.text-link-white:active,
.text-link-white:focus {
	color: #ccc !important;
}

.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;
}

.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;
}



/*-- 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: 100px;
	color: #fff;
	padding: 200px 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: left;
		padding: 100px 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 {
		padding: 100px 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;
}

.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 
}

/*-- 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;
	}
	
}

@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;
}

@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 **********/
/**********************************/

.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;
}

.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;
}



@media (min-width: 576px) { 
	.join-hero-1 {
		padding: 80px 0px 200px;
	}
	
	.join-form-pricing {
		font-size: 18px;
	}
	
	.join-form-total-cost {
		font-size: 18px;
	}
}

@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;
	}
}

@media (min-width: 992px) { 
	.join-hero-1 {
		margin-top: 0px;
		padding: 200px 0px 220px;
	}
}

@media (min-width: 1200px) { 
	.join-hero-1 {
		padding: 230px 0px 260px;
	}
	
	.join-now-section {
		padding: 0px 0px 100px;
		margin-top: -150px;
	}
}

/**********************************/
/*********** Member/Affiliate Dashboard Styles CSS **********/
/**********************************/

.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-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 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 {
	font-size: 14px;
}

.dashboard-action-form {
    padding: 0px 0px 150px;
    background-image: url(../img/bg/bg-cta-2.3.webp);
    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: 20px;
}

.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;
}

.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;
}

@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-box h6 {
		font-size: 14px;
	}
	
	.alert h4 {
		font-size: 24px;
	}
}

@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;
	}
}

@media (min-width: 1200px) { 
	.dashboard-style-2 {
		padding: 300px 0px 100px !important;
	}
	.dashboard-style-3 .btn {
		width: auto;
	}
}



/**********************************/
/*********** 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.webp);
	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 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;
	}
}


/*******************************/
/********* 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-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;}
	
	.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;
	}
	
}



