:root {
  --background: #17184B;
  --color-primary: #D9E6FF;
  --color-orange: #FF6700;
  --color-accent-orange: #FFC299;
  --color-accent-purple: #6D1D69;
  --color-accent-green: #7ec945;
  --color-text-beige: #fff6ec;
  --deep-navy: #17184B;
  --canary: #FCFF88;
  --ivory: #FFFFF3;
  --persimmon: #FF6700;
  --plum: #FFB6F8;
  --azure: #4382FF;
}
body {
	font-size: 18px;
	line-height: 28px;
	color: #05050F;
	font-weight: 300;
	font-family: "Archivo", sans-serif;
	background: #FFF;
}
h1,h2,h3,h4{
	font-weight: 400;
}
h2{
	font-size: 44px;
	line-height: 48px;
	font-weight: 400;
}
h2 strong{
	font-weight: 400;
}
a {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: inherit;
}

a:not([href]):not([class]), 
a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}

img {
	max-width: 100%;
	vertical-align: top;
	height: auto;
}

strong, em {
	font-style: normal;
}

small, .small {
	font-size: 14px;
	font-weight: 300;
}

.btn, button {
	outline: 0;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus{
	outline: 0
}

hr {
    margin: 20px 0;
    color: #E2C292;
    border: 0;
    border-top: 1px solid;
    opacity: 1;
}

::-moz-selection {
	color: #17184B;
	background: #FFC299;
}

::selection {
	color: #17184B;
	background: #FFC299;
}
ul, ol{
	list-style: none;
	margin: 0;
	padding: 0;
}
.h2{
	font-size: 34px;
	line-height: 40px;
}
.w-lg{
	max-width: 550px;
}
@media (min-width: 1200px) {
	.h2{
		font-size: 44px;
		line-height: 46px;
	}
}
@media (min-width: 1500px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1480px;
  }
}
@media (min-width: 1540px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1520px;
  }
  .nav-wrap .container-fluid{
	  max-width: 1640px;
  }
}

p{
	margin-bottom: 30px;
}
.fw-600{
	font-weight: 400;
}
body{
	padding-top: 53px;
}
@media (min-width: 470px) {
body{
	padding-top: 60px;
}
}
@media (min-width: 992px) {
body{
	padding-top: 100px;
}	
}
.deep-navy{
	color: var(--deep-navy);
}
.py-100{
	padding-top: 100px;
	padding-bottom: 100px;
}
/*=================
Btn
===================*/
.btn{
	padding: 13px 20px 13px;
	border-radius: 10px;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	min-width: 152px;
}
.btn-xs{
	padding: 8px 20px 8px;
	font-size: 15px;
	font-weight: 400;
}
.btn-f-sm{
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	min-width: 195px;
}
.btn-primary {
	color: var(--ivory);
	border-width: 2px;
	background-color: #17184B;
	border-color: #17184B;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color: #17184B;
	background-color: transparent;
    border-color: #17184B;
	box-shadow: none;	
}

.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle {	
	color: #17184B;
	background-color: transparent;
    border-color: #17184B;
	box-shadow: none;
}
.btn-secondary {
	color: #fff;
	border-width: 2px;
	background-color: transparent;
	border-color: #fff;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
	color: #094138;
	background-color: #fff;
    border-color: #fff;
	box-shadow: none;	
}

.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-secondary.dropdown-toggle {	
	color: #094138;
	background-color: #fff;
    border-color: #fff;
	box-shadow: none;
}
.btn-secondary-bg {
	color: #094138;
	border-width: 2px;
	background-color: #fff;
	border-color: #fff;
}

.btn-secondary-bg:hover,
.btn-secondary-bg:focus,
.btn-secondary-bg:active {
	color: #fff;
	background-color: transparent;
    border-color: #fff;
	box-shadow: none;	
}

.btn-secondary-bg:not(:disabled):not(.disabled).active, 
.btn-secondary-bg:not(:disabled):not(.disabled):active, 
.show>.btn-secondary-bg.dropdown-toggle {	
	color: #fff;
	background-color: transparent;
    border-color: #fff;
	box-shadow: none;
}

/*=================
Header
===================*/
.site-header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9996;
}
.header-top{
	padding: 12px 0;
	font-size: 15px;
	line-height: 16px;
	font-weight: 400;
	color: var(--deep-navy);
	background: var(--color-accent-orange);
}
.header-top span{
	display: block;
}
.site-header .navbar{
	padding: 23px 0 27px;
}
.header-nav{
	background: var(--background);
}

.navbar-brand{
	padding: 0;
	margin: 0;
}
.site-header .navbar-nav .nav-item{
	margin: 0 0 20px 0;
}

@media (max-width: 767.98px) {
	.site-header .navbar{
		padding: 10px 0 13px;
	}
	.navbar-brand{
		width: 150px;
	}	
	.header-top{
		font-size: 10px;
	}
}
@media (max-width: 460.98px) {
	.navbar-brand{
		width: 120px;
	}	
}
@media (min-width: 992px) {
	.site-header .navbar-nav .nav-item{
		margin: 0 20px 0 0;
	}
}
@media (min-width: 1200px) {
	.site-header .navbar-nav .nav-item{
		margin: 0 30px 0 0;
	}
}
.site-header .navbar-nav .nav-item .nav-link {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: medium;
	color: #FFFFF3;
	line-height: 20px;
	position: relative;
	font-weight: 500;
}
.site-header .navbar-nav .dropdown-menu li {
	margin-bottom: 20px;
	padding: 0 15px;
	display: block;	
}
.site-header .navbar-nav .dropdown-item {
	margin-bottom: 0;
	padding: 0;
	display: inline;	
}
.site-header .navbar-nav .dropdown-item:hover{
	background-color: transparent;
	color: #FF6700
}
.site-header .navbar-nav .nav-item:hover > a,
.site-header .navbar-nav .nav-item.active a {
	text-decoration: none;
	color: #FF6700;
}

.navbar-nav .nav-item > .nav-link::before,
.site-header .navbar-nav .dropdown-item:after {
	content: "";
	display: block;
	margin: auto;
	height: 2px;
	width: 0;
	left: 50%;
	bottom: -6px;
	position: absolute;
	background: transparent;
	transition: all 0.3s;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);  
	-webkit-transition: width .2s ease;
	-moz-transition: width .2s ease;
	transition: width .2s ease;
}

.navbar-nav .nav-item > .nav-link:hover::before, 
.site-header .navbar-nav .dropdown-item:hover:after,
.site-header .navbar-nav .nav-item:hover > a:before{
	width: 100%;
	left: 0;
	background-color: currentColor;
	 visibility: visible;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1); 
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.navbar .dropdown .dropdown-toggle::after {
    display: inline-block;
    content: "";
    border: none; 
    width: 0.5em;
    height: 0.5em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg); 
    vertical-align: middle;
    margin-left: 0.5em;
    margin-bottom: 0.26em;
}
.get-a-quote{
	color: #FFFFF3;
	font-weight: medium;
}
.get-a-quote em,.site-desing p a{
	color: #FFFFF3;
	font-weight: normal;
	background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 100% 2px; /* thickness */
	transition: all 0.5s;
}
.text-underline,.privacy-content p a{
	color: #FF6700;
	padding: 0 0 2px;
	background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 100% 1px; /* thickness */
	transition: all 0.5s;
}
.get-a-quote:hover em{
	color: #FF6700;
	background-size: 0 2px;
}
.text-underline:hover,
.privacy-content p a:hover{
	background-size: 0 1px;
}
.get-a-quote span{
	margin-left: 15px;
	display: block;
	width: 35px;
	height: 35px;
	background: #FF6700;
	border-radius: 3px;
	font-size: 20px;
	line-height: 25px;
	color: #FFFFF3;
}
.site-header .get-a-quote:hover span{
	background: var(--ivory);
	color: var(--deep-navy);
}
.nav-item.has-mega-menu{
	position: static;	
}
.dropdown-mega-menu{
	position: absolute;
	width: 100%;
	left: 50%;
	top: 100px;
	z-index: 9;
	padding: 50px 0;
	background: #0E0E2D;
	display: block;
	transition: .5s;
		opacity: 0;
	visibility: hidden;
	transition: .5s;
		-webkit-transform: translate(-50% ,30px);
	-ms-transform: translate(-50% ,30px);
	transform: translate(-50% ,30px);
}
.navbar .dropdown-menu{
	min-width: 200px;
	left: 50%;
	top: 60px;
	z-index: 9;
	padding: 20px 0;
	background: #0E0E2D;
	display: block;
	transition: .5s;
		opacity: 0;
	visibility: hidden;
	transition: .5s;
		-webkit-transform: translate(-50% ,30px);
	-ms-transform: translate(-50% ,30px);
	transform: translate(-50% ,30px);
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.dropdown-mega-menu:before{
	content: '';
	width: 100%;
	height: 70px;
	position: absolute;
	top: -50px;
	left: 0;
	background: transparent
}
li.dropdown:hover .dropdown-mega-menu ,
li.dropdown:hover .dropdown-menu {
	visibility: visible;
	opacity: 1;
		-webkit-transform: translate(-50% ,0);
	-ms-transform: translate(-50% ,0);
	transform: translate(-50% ,0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.nav-slider-item{
	padding: 0 30px 0 0;
}
.menu-card{
	max-width: 277px;
}
.offcanvas-menu ul li .offcanvas-sub-nav a,
.site-header .navbar-nav .dropdown-item,
.menu-card h4{
	font-size: 20px;
	line-height: 22px;
	font-weight: 400;
	color: var(--canary);
	letter-spacing: 0px;
	color: #FCFF88;
	position: relative;
}
.menu-card h4 em{
	font-style: normal;
}
.menu-card h4 span{
	 display: inline; 
}
.menu-card:hover h4,.menu-card.active h4{
	color: var(--ivory);
}
.menu-title{
	margin-bottom: 20px;
}
.menu-image{
	width: 100%;
	height: 320px;
	overflow: hidden;
	border-radius: 5px;	
	border: 1.5px solid transparent;
}
.menu-image img{
	width: 100%;
	height: 100%;	
	object-fit: cover;
	transition: all 0.5s;
}
.menu-card:hover .menu-image img{
	transform: scale(1.1);
}
.menu-card:hover .menu-image,
.menu-card.active .menu-image{
	border: 1.5px solid var(--ivory);
	border-radius: 5px;
}
.offcanvas-sub-nav span,
.menu-card span{
	width: 22px;
	height: 22px;
	color: #17184B;
	font-size: 14px;
	line-height: 16px;
	background: var(--canary);
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.menu-card:hover span,
.menu-card.active span{
	background: var(--ivory);
}
.navbar-toggle,.modal-close{
	background-color: transparent;
	border: 0;
	padding: 0;
}
.navbar-toggle span,.modal-close span {
	width: 30px;
	height: 2px;
	margin: 0 0 7px;
	display: block;
	background: #fff;
	border-radius: 20px;
	transition: all 0.5s;
}
.navbar-toggle span{
	background: #fff;
}
.modal-close span {
	background: #320D3B;
}
.navbar-toggle span:last-child,.modal-close span:last-child{
	margin:0;
}
.navbar-toggle.open span:nth-child(2),.modal-close span:nth-child(2){
	opacity: 0;
}
.navbar-toggle.open span:first-child,.modal-close span:first-child{
	 transform: translateY(9px) rotate(45deg);
}
.navbar-toggle.open span:last-child ,.modal-close span:last-child{
	transform: translateY(-9px) rotate(-45deg);
}
.offcanvas.offcanvas-start {
	width: 100%;
	padding-top: 180px;
	border: 0 !important;
	background-color: #17184B;
}
@media (min-width: 400px) {
	.offcanvas.offcanvas-start {
		width: 360px;
	}	
}
.offcanvas-menu ul li{
	display: block;	
}
.offcanvas-menu ul li a {
	font-size: 20px;
	font-weight: medium;
	color: #FFFFF3;
	line-height: 24px;
}
.offcanvas-menu ul li{
	margin-bottom: 20px;
}
.offcanvasMenu .slide-nav {
	position: absolute;
	top: 0px;
	right: 0;
	width: 100%;
	height: 100%;
	transition: transform .6s cubic-bezier(.36,.33,0,1);
	transform: translateX(100%);
	z-index: 999999999;
	pointer-events: all;
	box-sizing: border-box;
	padding: 140px 15px 0;
	overflow: auto;
	background-color: #0E0E2D;
	border: 0;
	opacity: 1;
}

.nav-expand.active > .slide-nav {
	transform: translateX(0);
	transition: transform .8s cubic-bezier(.19,1,.22,1);
}
.back-list{
	margin-bottom: 20px;
	margin-top: 15px;
}
li.nav-expand > .nav-link-item:after,
.after-arrow:after {
	content:'';
	margin-left: 13px;
	display: inline-block;
	vertical-align: middle;
	border-right: 2px solid #FFFFF3;
	border-bottom: 2px solid #FFFFF3;
	width: 11px; height: 11px;
	transform: rotate(-45deg);
}
.menu-sm-img img{
	margin-right: 20px;
	width: 56px;
	height: 64px;
	border-radius: 5px;
	object-fit: cover;
}
.parent-title{
	margin: 0 0 30px;
	display: block;
	font-size: 22px;
	line-height: 24px;
	font-weight: 400;
	color: var(--ivory);
}
.offcanvas-sub-nav li{
	color: var(--ivory);
	font-size: 22px;
	line-height: 24px;
	font-weight: 400;
}
.offcanvas-sub-nav li i{
	margin-left: 10px;
}
/*=================
Home
===================*/
.home-hero{
	z-index: 2;
	position: relative;
	background: var(--background);
}
.home-hero:before{
	content: '';
	max-width: 1610px;
	height: 1px;
	background: var(--ivory);
	margin: 0 auto;
	display: block;
}
.home-hero .text-widget{
	padding: 40px 0 40px;
}
.home-hero h1 strong{
	font-weight: 600;
}
.home-hero h1{
	max-width: 620px;
	margin-bottom: 25px;
	color: var(--ivory);
	font-size: 32px;
	line-height: 35px;
	font-weight: 400;
}
.business-hero h1,.about-hero h1,.h1{
	max-width: 620px;
	margin-bottom: 25px;
	color: var(--ivory);
	font-size: 40px;
	line-height: 50px;
	font-weight: 400;
}
.h1{
	max-width: 100%;
}
.home-hero p{	
	font-size: 18px;
	line-height: 26px;
	color: var(--ivory);
	font-weight: 300;
}
.home-hero a,.btn-quote{
	color: var(--ivory);
	font-size: 22px;
	line-height: 30px;
	font-weight: 400;
}
.btn-quote{
	color: var(--deep-navy);
}
.business-card h4,
.home-hero a em,.btn-quote em,.menu-card h4 em,.footer-links li a,.link--hover-underline a,.team-card h3{
	font-style: normal;
	background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 100% 2px; /* thickness */
	transition: all 0.5s;
}
.business-card h4,
.menu-card h4 em,.footer-links li a,.link--hover-underline a,.team-card h3{
	background-size: 0 2px;
	padding-bottom: 2px;
}
.business-card:hover h4,
.menu-card.active h4 em,.team-card:hover h3,
.menu-card:hover h4 em,.footer-links li a:hover,.link--hover-underline a:hover{
	background-size: 100% 2px;
}
.home-hero a:hover em,.btn-quote:hover em{
	background-size: 0 2px;
}
.home-hero a span,.btn-quote span{
	margin-left: 20px;
	width: 42px;
	height: 42px;
	color: var(--deep-navy);
	font-size: 23px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--persimmon);
	border-radius: 3px;
}
.home-hero a span{
	background: var(--persimmon);
	color: var(--ivory);
}

.btn-quote span{
	color: var(--ivory);
}
.home-hero a:hover{
	color: var(--persimmon);
}
.home-hero a:hover span{
	background: var(--ivory);
	color: var(--deep-navy);
}
.hero-img:before,
.hero-img:after{
	content: '';
	width: 100%;
	height: 180px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/top.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}
.hero-img:after{
	top: auto;
	bottom: 0;
	background-image: url('../images/bottom.svg');
	background-position: bottom center;
}

.hero-circle-image{
	position: relative;
	z-index: 9;
	text-align: center;
	width: 300px;
	height: 300px;
	margin: auto;
}
.hero-circle-image img,.hero-md-image .w-img{
	width: 300px;
	height: 300px;
	object-fit: cover;
	border-radius: 50%;
}
.z-index-9{
	z-index: 9;
	position: relative;
}

.hero-circle-image:before{
	content: '';
	width: 80px;
	height: 80px;
	background: transparent url('../images/44.svg') 0% 0% no-repeat padding-box;
	position: absolute;
	top: 70%;
	left: 20px;
	z-index: 96;
}
.hero-circle-image:after{
	content: '';
	width: 107px;
	height: 200px;
	background: transparent url('../images/42.png') 0% 0% no-repeat cover;
	position: absolute;
	top: 14%;
	right: -30px;
	z-index: 96;
}
.text-widget{
	z-index: 9999;
}
.hero-logos span{
	color: var(--ivory);
	text-align: left;
	font-size:  14px;
	line-height: 28px;
	font-weight: 400;
}

.logo-item{
	padding: 0 20px 0 0;
}
.logo-item img{
	max-width: 100px;
	object-fit: cover;
	margin: 0 auto;
}
.hero-img-md{
	height: 380px;
}
.hero-md-image{
	width: 300px;
	height: 300px;
	position: relative;
	z-index: 5;
}
.top-star{
	position: absolute;
	top: 40px;
	right: -30px;
	z-index: 6;
}
.b-star{
	position: absolute;
	bottom: 50px;
	left:10px;
	z-index: 6;
}
.logo-wrap{
	position: relative;
	overflow: hidden;
}
.logo-wrap:before{
	content: '';
	position: absolute;
	left: -11px;
	top: 0;
	width: 100px;
	height: 100%;
	z-index:5;
	transform: matrix(0, -10, 1, 0, 0, 0);
	background: transparent linear-gradient(180deg, var(--deep-navy) 0%, #17184B00 100%) 0% 0% no-repeat padding-box;
}
.logo-wrap:after{
	content: '';
	position: absolute;
	right: -5px;
	top: 0;
	width: 100px;
	height: 100%;
	z-index:5;
	transform: matrix(0, -10, -1, 0, 0, 0);
	background: transparent linear-gradient(180deg, var(--deep-navy) 0%, #17184B00 100%);
	background-size: cover;
}
@media (max-width: 767px) {
	.home-hero a{
		font-size: 16px;
		line-height: 18px;
	}
	.home-hero a span{
		width: 25px;
		height: 25px;
		font-size: 13px;
	}
}
@media (min-width: 768px) {
	.sm-overlay:before{
		content: none;
	}
	.hero-circle-image{
		width: 330px;
		height: 330px;
	}
	.hero-circle-image img{
		width: 100%;
		height: 100%;
	}
	.home-hero .text-widget{
		padding: 80px 0 40px;
	}
	.hero-circle-image:after{
		width: 207px;
		height: 250px;
		background: transparent url('../images/42.png') 0% 0% no-repeat padding-box;
	}
}
@media (min-width: 992px) {
	.logo-wrap{
		width: 90%;
	}
	.hero-circle-image{
		width: 460px;
		height: 460px;
	}
	.hero-circle-image img{
		width: 100%;
		height: 100%;
	}
	.home-hero .text-widget{
		padding: 70px 0 70px;
	}
	.home-hero h1,.business-hero h1,.about-hero h1,.h1{
		font-size: 40px;
		line-height: 50px;
	}
}

@media (min-width: 1200px) {
	.hero-circle-image{
		width: 500px;
		height: 500px;
	}
	.home-hero p{
		font-size: 26px;
		line-height: 36px;
		margin-bottom: 50px;
	}
	.hero-circle-image:after{
		right: -65px;
	}	
}
@media (min-width: 1400px) {
	.hero-circle-image{
		width: 600px;
		height: 600px;
	}
	.home-hero .text-widget{
		padding: 100px 0 70px;
	}
	.home-hero h1,.business-hero h1,.about-hero h1{
		font-size: 60px;
		line-height: 70px;
	}
	.h1{
		font-size: 60px;
		line-height: 70px;
	}
	.hero-img:before,
	.hero-img:after{
		background-size: inherit;
	}	
}
.home-products{
	padding: 100px 0 90px;
	position: relative;
	background-color: #D9E6FF;
	background-image: url('../images/168.png');
	background-repeat: repeat-y;
	background-position: top right;
	overflow:hidden;
	z-index: 2;
}

.home-products:before{
	content: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: transparent linear-gradient(-180deg, #D9E6FF 0%, #D9E6FF00 100%) 0% 0% no-repeat padding-box;
}
.home-products:after{
	content: none;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: transparent linear-gradient(0deg, #D9E6FF 0%, #D9E6FF00 100%) 0% 0% no-repeat padding-box;
}
.home-products .container{
	position: relative;
	z-index: 96;
}
.badge-title{
	margin: 0 0 20px;
	padding: 2px 6px 1px;
	display: block;
	color: var(--ivory);
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	background: #4382FF;
	border-radius: 5px;
}
.d-h2{
	font-size: 36px;
	line-height: 44px;
	color: #121212;
	font-weight: 400;
}
.d-h2 strong{
	font-weight: 600;
}
@media (min-width: 1200px) {
	.d-h2{
		font-size: 46px;
		line-height: 54px;
	}	
}
.p-md{
	font-size: 20px;
	line-height: 30px;
	color: #121212;
	font-weight: 300;
}
.w-md{
	max-width: 800px;
}
.w-sm{
	max-width: 520px;
}
.fw-400{
	font-weight: 400;
}
.product-card{
	height: 100%;
	min-height: 324px;
	padding: 40px 22px 40px 25px;
	border: 1px solid var(--deep-navy);
	background: #FFFFFF;
	border-radius: 10px;
}
.product-icon{
	margin: 0 0 25px;
	width: 35px;
	height: 35px;
	font-size: 20px;
	line-height: 25px;
	color: var(--ivory);
	background: var(--persimmon);
	border-radius: 5px;
	font-weight: 300;
}
.product-card h4{
	margin: 0 0 10px;
	font-size: 20px;
	line-height: 26px;
	color: #05050F;
	font-weight: 500;
}
.product-card p{
	font-size: 18px;
	line-height: 28px;
	color: #05050F;
	font-weight: 300;
}
.mb-30{
	margin-bottom: 30px;
}
.home-business{
	padding: 120px 0 70px;
}
.color-d1{
	color: #05050F;
}
.business-card{
	height: 100%;
	width: 320px;
	min-height: 572px;
	padding: 40px 30px;
	border-radius: 20px;
	background: var(--deep-navy);
}
.business-card h4{
	font-size: 26px;
	line-height: 36px;
	color: var(--canary);
	font-weight: 400;
}
.business-card:hover h4{
	color: var(--ivory);
}
.business-card span{
	width: 30px;
	height: 30px;
	font-size: 18px;
	line-height: 24px;
	color: var(--deep-navy);
	background: var(--canary);
	border-radius: 3px;
}
.business-card:hover span{
	background:var(--ivory);
}

.business-card .card-image {
	width: 245px;
	height: 254px;
	mask-image: url('../images/13.png');
	mask-repeat: no-repeat;
	mask-size: contain;
	overflow: hidden;
}
.business-card .card-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}
.business-card:hover .card-image img{
	transform: scale(1.1);
}

.business-card p{
	color: var(--ivory);
	font-size: 18px;
	line-height: 28px;
	margin: 0 0 10px;
}
.bsl-item{
	padding: 0 15px;
}
@media (min-width: 576px) {
	.business-card{
		width: 440px;
	}
	.business-card .card-image {
		width: 345px;
		height: 354px;
	}	
}
.d1-h2{
	max-width: 640px;
	font-size: 44px;
	line-height: 48px;
	color: #05050F;
	font-weight: 400;
}
.d1-h2 em{
	font-weight:500;
	font-style: italic;
}
.bolt-icon{
	margin-right: 32px;
	width: 56px;
	height: 56px;
	font-size: 30px;
	line-height: 36px;
	color: #6D1D69;
	background: #FFF0FE;
	border-radius: 5px;
}
.bg-canary .bolt-icon{
	background: var(--canary);
	color: var(--persimmon);
}
.what-we-do span{
	margin: 0 0 5px;
	font-size: 20px;
	line-height: 22px;
	font-weight:500;
	color: #05050F;
	display: block;
}
.what-we-do  p{
	font-size: 18px;
	line-height: 24px;
	color: #05050F;
}
.what-we-do  p:last-child{
	margin: 0;
}
.mb-35{
	margin-bottom: 25px;
}
.item-card{
	min-height: 199px;
	padding: 30px 25px;
	background: #6D1D69;
	border-radius: 10px;
}
.item-card span{
	color: var(--plum);
	font-size: 46px;
	line-height: 54px;
	font-weight:500;
}
.item-card p{
	margin:0;
	color: var(--plum);
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
}
.testimonial-block{
	display: flex;
    flex-wrap: wrap;
	border-radius: 20px;
	background-color: #17184B;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top right;
}
.testimonial-image {
	flex: 0 0 auto;
    width: 100%;
}
.testimonial-quote {
	flex: 0 0 auto;
    width: 100%;
}
.testimonial-quote {
	background-image: url('../images/5.png');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
}
.home .testimonial-quote {
	background-image: url('../images/5.png');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
}
.about-testimonial {
	background-image: url('../images/06.png');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
}

.single-business .testimonial-quote {
	background-image: url('../images/07.png')!important;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
}
.testimonial-image div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.testimonial-quote{
	padding: 40px 30px;
}
.testimonial-block p,.about-testimonial p{
	font-size: 24px;
	line-height: 34px;
	color: var(--ivory);
	font-weight: 400;
}
.testimonial-block strong,
.testimonial-block span,
.about-testimonial strong,
.about-testimonial span{
	display: block;
	color: var(--ivory);
}
.pb-100{
	padding-bottom: 100px;
}
@media (min-width: 768px) {
	.testimonial-image {
		flex: 0 0 auto;
		width: 41%;
	}
	.testimonial-quote {
		flex: 0 0 auto;
		width: 59%;
	}
	.testimonial-block p,.about-testimonial p{
		font-size: 26px;
		line-height: 36px;
	}	
}
@media (min-width: 1200px) {
	.testimonial-quote{
		padding: 50px 40px;
	}
	.testimonial-block p,.about-testimonial p{
		font-size: 32px;
		line-height: 42px;
	}	
}
@media (min-width: 1400px) {
	.testimonial-quote{
		padding: 70px 80px;
	}	
}
.section-cta{
	padding: 100px 0;
	background: #D9E6FF;
}
.section-cta h5{
	color: var(--azure);
	font-size: 18px;
	line-height: 22px;
	font-weight:600;
}
.section-cta p{
	max-width: 620px;
	color: var(--deep-navy);
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
}
.mask-img{
	position: relative;
	display: flex;
}
.mask-img:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:  url('../images/31.svg');
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}
.right-star{
	position: absolute;
	right: 53px;
	top: 120px;
}
.left-star{
	position: absolute;
	left: 37px;
	top: 58%;
}
.list-check ul li{
	display: inline-block;
	margin: 0 15px 10px 0;
	color: #284E99;
	font-size: 16px;
	line-height: 34px;
	position: relative;
	padding-left: 30px;
}

.list-check ul li span{
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	width: 25px;
    height: 20px;	
	color: var(--persimmon);
	font-size: 20px;
	line-height: 25px;
}
.list-check-icon li:after,
.list-check ul li span:before{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: var(--ivory);
    border-radius: 50%;	
}
.list-check-icon li:after{
	background-color: #FCFF88;
	top: 5px;
	transform: translateY(0);
}
.list-check ul li span i{
	position: relative;
	z-index: 2;
	left: 5px;
	top: -3px;
}
@media (min-width: 1200px) {
	.section-cta{
		padding: 140px 0;
	}	
}
.products-hero{
	padding: 60px 0;
	position: relative;
	background:  #4382FF;
	overflow: hidden;
}


.hero-text h1{
	margin: 0 0 30px;
	max-width: 600px;
	font-size: 40px;
	line-height: 46px;
	color: var(--ivory);
	font-weight: 400;
}
.hero-text h1 strong{
	font-weight:600;
}
.hero-text p{
	max-width: 615px;
	font-size: 20px;
	line-height: 30px;
	color: var(--ivory);
	font-weight: 300;
}
.hero-text ul li {
	color: var(--ivory);
}
.hero-text ul li span{
	color: var(--deep-navy);
}
.hero-text ul li span:before{
	background: var(--canary);
}

.hero-text .btn-quote{
	color: var(--ivory);
	font-size: 18px;
	line-height: 26px;
}
.hero-text .btn-quote:hover{
	color: var(--persimmon);
}
.hero-text .btn-quote span{
	width: 35px;
	height: 35px;
}
.hero-text .btn-quote:hover span{
	background: var(--ivory);
	color: var(--deep-navy);
}
.product-info{
	padding: 18px 0;
	color: var(--ivory);
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	border-radius: 10px;
	background: var(--deep-navy);
}
.product-info strong{
	font-size: 28px;
	font-weight: 500;
}
.product-info .about-progress{
	color: var(--deep-navy);
}
.product-info span{
	font-size: 30px;
	height: 36px;
	margin: 0 10px 0 0;
	color: var(--canary);
}
.product-info .about-progress span{
	color: var(--persimmon);
}
.two-image .full-image{
	width: 320px;
	height: 302px;
	border-radius: 20px;
	object-fit: cover;
}
.two-image .small-image{
	position: absolute;
	left: -20px;
	top: 50%;
	width: 160px;
	height: 167px; 
	transform: translateY(-50%);
	border-radius: 20px;
	object-fit: cover;
}
.mb-65{
	margin-bottom: 65px;
}
@media (min-width: 768px) {
	.hero-text{
		padding-top: 20px;
	}
	.products-hero{
		background: #8EB4FF;
	}
	.products-hero:before{
		content: '';
		width: 55%;
		height: 100%;
		position: absolute;
		background: #4382FF;
		bottom: 0;
		height: 100%;
		clip-path: ellipse(96% 95% at 0% 55%);   
	}
	.two-image .full-image{
		width: 330px;
		height: 303px;
	}
	.two-image .small-image{
		left: -20px;
		width: 170px;
		height: 177px; 
	}
	.hero-text h1{
		font-size: 50px;
		line-height: 56px;
	}	
}
@media (min-width: 992px) {
	.two-image .full-image{
		width: 339px;
		height: 303px;
	}
	.two-image .small-image{
		left: -70px;
		width: 170px;
		height: 177px; 
	}
	.hero-text h1{
		font-size: 50px;
		line-height: 56px;
	}	
}
@media (min-width: 1200px) {
	.hero-text h1{
		font-size: 60px;
		line-height: 66px;
	}
	.two-image .full-image{
		width: 439px;
		height: 403px;
	}
	.two-image .small-image{
		left: -70px;
		width: 220px;
		height: 227px; 
	}	
}
@media (min-width: 1400px) {
	.hero-text{
		padding-top: 100px;
	}
	.two-image .full-image{
		width: 539px;
		height: 503px;
	}
	.two-image .small-image{
		left: -160px;
		width: 270px;
		height: 277px; 
	}	
}
.product-item{	
	min-height: 572px;
	border-radius: 10px;
	border: 1px solid #17184B;
    overflow: hidden;
}
.product-image{
	position: relative;
	height: 285px;
	background: var(--deep-navy);
}
.product-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.icon-wrap{
	width: 47px;
	height: 47px;
	position: absolute;
	left: 30px;
	bottom: -24px;
	color: var(--ivory);
	font-size: 26px;
	line-height: 31px;
	background: var(--persimmon);
	border-radius: 5px
}
.product-meta{
	padding: 45px 30px;
}
.product-meta h3{
	font-size: 26px;
	line-height: 34px;
	color: #05050F;
	font-weight: 500;
}
.product-meta p{
	font-size: 20px;
	line-height: 30px;
	color: #05050F;
	font-weight: 300;
}
.quote-para p{
	margin: 0 0 40px 0;
	color: var(--persimmon);
	text-align: left;
	font-size: 26px;
	line-height: 30px;
	font-weight: 400;
	text-align: center;
}
.quote-para a{
	font-size: 26px;
	line-height: 30px;
	color: var(--deep-navy);
	font-weight: 400;
}
.quote-para a:hover{
	color: var(--persimmon);
}

.quote-para a:hover span{
	background: var(--deep-navy);
}
@media (min-width: 1200px) {
	.quote-para p{
		margin: 0 20px 0 0;	
	}
}
.business-hero{
	padding: 75px 0;
	background: var(--plum);
}
.business-hero .tag-title span{
	padding: 2px 6px 1px;
	display: block;
	color: #6D1D69;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	text-transform: uppercase;
	background: #FFF0FE;
	border-radius: 5px;
}
.business-hero h1{
	margin: 0 0 15px;
	color: var(--deep-navy);
	font-weight: 500;
}
.business-hero .post-excerpt p,
.business-hero p.post-excerpt{
	margin: 0 0 30px;
	max-width: 580px;
	font-size: 20px;
	line-height: 34px;
	font-weight: 300;
	color: #05050F;
}
.business-hero .bolt-icon{
	background: #6D1D69;
	color: var(--plum);
}
.business-featimage .star-img{
	position: absolute;
	top: 60%;
	left: -20px;
	z-index: 6;
	width: 100px;
	transform: translateY(-50%);
	object-fit: cover;
}
.client-logo{
	padding: 30px 0;
	background: var(--deep-navy);
}
.client-logo h3{
	margin: 0 0 30px;
	color: var(--ivory);
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
}
.item-logo{
	padding: 0 15px;
}
.item-logo img{
	max-width: 150px;
	margin:  0 auto;
	display: block;
}
.logo-carousel-wrap{
	padding: 0 20px;
}
.logo-carousel-wrap .slick-slide:first-child:before{
	content: '';
	width: 85px;
	height: 100%;
	position: absolute;
	left: 20px;
	top: 0;
	z-index: 5;
	transform: matrix(0, -10, 1, 0, 0, 0);
	background: transparent linear-gradient(180deg, #17184B 0%, #17184B00 100%) 0% 0% no-repeat padding-box;
}
.logo-carousel-wrap .slick-slide:last-child:after{
	content: '';
	width: 85px;
	height: 100%;
	position: absolute;
	right: 20px;
	top: 0;
	z-index: 5;
	transform: matrix(0, -10, -1, 0, 0, 0);
	background: transparent linear-gradient(180deg, #17184B 0%, #17184B00 100%) 0% 0% no-repeat padding-box;
}
.single-business-quote *{
	color: var(--deep-navy)!important;
}
.faq-section{
	background: var(--deep-navy)
}
.faq-header h2{
	margin: 0 0 30px;
	font-weight: 300;
	max-width: 520px;
	color: var(--canary);
	font-size: 38px;
	line-height: 41px;
}
.faq-header p{
	margin: 0 0 40px;
	max-width: 613px;
	color: var(--ivory);
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
}
.faq-header a {
	color: var(--ivory);
	font-size: 18px;
	line-height: 28px;
}
.faq-header a:hover {
	color: var(--canary);
}

.faq-header span{
	width: 35px;
	height: 35px;
	color: var(--deep-navy);
	background: var(--ivory);
	font-size: 18px;
	line-height: 24px;
}
.faq-header a:hover span{
	color: var(--ivory);
	background: var(--persimmon);	
}
.acc-item{
	padding: 30px 20px 30px;
	border-bottom: 1px solid #284E99;
}
.acc-header{
	position: relative;
	cursor: pointer;
	padding-right: 40px;
}
.acc-header h3{
	margin: 0;
	color: var(--ivory);
	font-size: 20px;
	line-height: 26px;
	font-weight : 500;
}
.acc-header.active h3,
.acc-header:hover h3{
	color: var(--canary);
}
.acc-header span,.faq-title span{
	position: absolute;
	right: 0;
	top: 1px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--canary);
	font-size: 18px;
	line-height: 20px;
	background: var(--azure);
	border-radius: 3px;
}
.acc-header.active span,
.acc-header:hover span{
	background: var(--canary);
	color: var(--deep-navy);
}
.acc-body{
	padding-top: 40px;
	display: none;
}
.acc-body.active{
	display: block;
}
.acc-body p{
	color: var(--ivory);
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
}
.acc-body p:last-child{
	margin: 0;
}
.featured-image{
	width: 100%;
	border-radius: 20px;
	object-fit: cover;
}
.mask-image {
	position: relative;
}
.mask-img-mask {
	width: 340px;
	height: 340px;
	mask-image: url('../images/75.png');
	mask-repeat: no-repeat;
	mask-size: contain;
	position: relative;
}
.mask-img-mask:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left:0;
	bottom: 0;
	z-index: 5;
	background: transparent linear-gradient(49deg, #D9E6FF 0%, #D9E6FF00 100%) 0% 0% no-repeat padding-box;
}
.star-start{
	position: absolute;
	top: 60%;
	left:30px;
	z-index: 14;
	transform: translateY(-5%);
}
.star-end{
	position: absolute;
	top: 20%;
	right: 45px;
	z-index: 16;
	transform: translateY(-5%);
}
.cta-widget h2{
	margin: 0 0  30px;
		font-size:46px;
	line-height: 54px;
	color: var(--deep-navy);
}
.cta-widget h2 strong{
	font-weight: 400;
	color: var(--azure);
	display: block;
}
.cta-widget p{
	max-width: 630px;
	font-size: 20px;
	line-height: 30px;
	color: #05050F;
}
.cta-widget a{
	color: var(--deep-navy);
}
.cta-widget ul li span:before{
	background: var(--canary)
}
.fa-regular, .far {
  font-weight: 300;
}
@media (min-width: 768px) {
	.featured-image{
		height: 100%;
	}
	.mask-img-mask {
		width: 340px;
		height: 340px;
	}	
	.star-end{
		right: 60px;
	}
}
@media (min-width: 992px) {
	.business-featimage .star-img{
		left: -72px;
		width: auto;
		object-fit: inherit;
	}
	.mask-img-mask {
		width: 383px;
		height: 383px;
	}	
	.star-end{
		right: 60px;
	}
	.featured-image{
		height: 100%;
	}
}
@media (min-width: 1200px) {
	.mask-img-mask {
		width: 483px;
		height: 483px;
	}
	.star-end{
		right: 80px;
	}
	.featured-image{
		height: 539px;
	}	
}
.about-hero{
	position: relative;
	z-index: 2;
}
.about-hero:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	background: transparent radial-gradient(closest-side at 50% 50%, #17184B 0%, #17184BF5 31%, #17184B00 100%) 0% 0% no-repeat padding-box;
}
.about-hero .container{
	position: relative;
	z-index: 9999;
}
.about-hero h1{
	margin: 0 auto 20px;
	max-width: 842px;
}
.about-hero p{
	max-width: 540px;
	color: var(--ivory);
	font-size: 20px;
	line-height: 26px;
	margin: 0 auto;
	font-weight: 300;
}
.list-check-icon li{
	margin:0 0 15px;
	position: relative;
	padding-left: 30px;
	color: #05050F;
	font-size: 18px;
	line-height: 28px;
}
.list-check-icon li::before {
  font: var(--fa-font-regular);
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: 5px;
  top: 0;
  color: var(--persimmon);
  font-size: 20px;
  line-height: 30px;
  z-index: 2;
}
.bg-deep-navy .item-card{
	background: var(--deep-navy);
}
.bg-deep-navy .item-card span{
	color: var(--persimmon);
}
.bg-deep-navy .item-card p{
	color: var(--ivory);
}
.cat-widget{
	padding: 15px;
	background: var(--canary);
	border-radius: 20px;
}
.circle-box{
	max-width: 360px;
	margin: auto;
	padding: 50px 30px 50px;
	width: 100%;
	border-radius: 50%;
	background: #FEFFE7;
	color: var(--deep-navy);
}
.circle-box h3{
	max-width: 85%;
	margin: 0 auto 20px;
	text-align: center;
	font-size: 30px;
	line-height: 40px;
	font-weight: 400;
}
.circle-box p{
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
}
.btn-quote-sm {
	font-size: 18px;
	line-height: 28px;
}
.btn-quote-sm span{
	width: 35px;
	height: 35px;
	font-size: 18px;
	line-height: 24px;
}
.about-testimonial{
	padding: 50px 30px 40px;
	background-color: var(--persimmon);
	border-radius: 20px;
}
.about-testimonial .author-img img{
	margin-right: 20px;
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 20px;
}
@media (min-width: 992px) {
	.about-testimonial{
		height: 100%;
		padding: 90px 90px 60px;
	}
	.circle-box{
		max-width: 100%;
		width: 100%;
		padding: 100px 30px 100px;
	}
	.circle-box h3{
		font-size: 46px;
		line-height: 54px;
	}	
}
.meet-the-team h2{
	font-size: 36px;
	line-height: 44px;
	font-weight: 400;
	color: #662900;
}
.meet-the-team p{
	color: #662900;
}
.team-image{
	margin: 0 0 20px;
	height: 450px;
	background: var(--deep-navy);
	border-radius: 10px;
	overflow: hidden;
}
.team-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}
.team-card:hover .team-image img{
	transform: scale(1.1);
}
.team-card h3{
	margin: 0;
	color: var(--persimmon);
	font-size:28px;
	line-height: 38px;
	font-weight: 400;
	display: inline;
}
.team-card span,.team-modal span{
	font-size: 18px;
	line-height: 20px;
	color: #662900;
	font-weight:500;
}
.team-modal h3{
	color: #FF6700;
	font-size: 36px;
	line-height: 46px;
	font-weight: 400;
}
.modal-dialog .modal-content{
	padding: 20px;
	border-radius: 20px;
}
.team-modal p{
	font-size: 18px;
	line-height: 26px;
	color: #05050F;
}
.team-modal img{
	width: 100%;
	object-fit: cover;
	border-radius: 20px;
}
.modal-close{
	width: 35px;
	height: 35px;
	border: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 5;
	color: var(--persimmon);
	font-size: 20px;
	line-height: 30px;
	background: #FFC299;
	border-radius: 3px;
}
.modal-close:hover{
	background: #FF6700;
	color: var(--ivory);
}
.page-hero{
	padding: 60px 0 50px;
	border-radius: 0px 0px 100px 100px;
}
.page-hero h1{
	margin: 0 0 20px;
}
.modal-backdrop{
	z-index: 999999;
	background: #662900
}
.modal{
	z-index: 99999999;

}
.modal-backdrop.show {
  opacity: 0.8
}
.team-modal img{
	border-radius: 10px;
}
@media (min-width: 768px) {	
	.modal-dialog {
		max-width: 740px;
	}
}
@media (min-width: 992px) {
	.meet-the-team h2{
		font-size: 46px;
		line-height: 54px;
	}	
	.modal-dialog {
		max-width: 970px;
	}
	.modal-dialog .modal-content{
		padding: 40px;
	}
	.team-modal img{
		max-width: 90%;
	}
	.page-hero{
		padding: 70px 0 60px;
	}
}
@media (min-width: 1200px) {
	.modal-dialog {
		max-width: 1130px;
	}
	.page-hero{
		padding: 100px 0 90px;
	}
}
@media (min-width: 1400px) {
	.team-modal img{
		height: 609px;
	}
}
.faq-content{
	margin: 0 auto;
	max-width: 741px;
}
.faq-item{
	padding: 40px 20px;
	border-bottom: 1px solid #FFFFFF;
}
.home .faq-item {
  border-bottom: 1px solid var(--deep-navy);
}
.faq-item:last-child{
	border: 0;
}
.faq-title{
	margin: 0;
	cursor: pointer;
}
.faq-title h3{
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	color: #05050F;
	padding-right: 40px;
}
.faq-title.active h3,
.faq-title:hover h3{
	color: var(--persimmon);
}
.faq-title span{
	background: var(--canary);
	color: var(--deep-navy);
}
.faq-title:hover span,.faq-title.active  span{
	background: var(--persimmon);
	color: var(--ivory);
}
.faq-body{
	padding: 20px 0 0;
	display: none;
}
.faq-body p:last-child{
	margin: 0;
}
.contact-content{
	padding: 50px 0;
	background-color: #FF6700;
	background-image: url('../images/contact-bg.svg');
	background-repeat: repeat-y;
	background-position: top left;
	position: relative;
	z-index: 2;
}
.contact-content:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	bottom: 0;
	transform: matrix(-1, 0, 0, -1, 0, 0);
	background: transparent linear-gradient(90deg, #FF6700 0%, #FF6700 28%, #FF670000 100%) 0% 0% no-repeat padding-box;
}
.contact-content .container{
	position:relative;
	z-index: 5;
}
.contact-image ,.contact-image img{
	width: 320px;
	height: 320px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin: 0 auto;
}
.contact-content h1{
	color: var(--ivory);
}
.contact-header p{
	color: var(--ivory);
	font: normal normal normal 20px/30px Archivo;
}
.contact-header strong{
	display: block;
	margin: 0;
	font: normal normal bold 18px/20px Archivo;
}
@media (min-width: 992px) {
	.contact-content:before{
		transform: matrix(-1, 0, 0, -1, 0, 0);
	}
	.contact-content{
		padding: 9px 0;
	}
	.contact-image,.contact-image img {
		width: 454px;
		height: 445px;
		margin: 0;
	}	
}
@media (min-width: 1200px) {
	.contact-content{
		padding: 120px 0;
	}
	.contact-image ,.contact-image img{
		width: 554px;
		height: 545px;
	}	
}
@media (min-width: 1400px) {
	.contact-image,.contact-image img {
		width: 654px;
		height: 645px;
	}	
}
.container .gform_wrapper.gravity-theme .gfield_label {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 8px;
	padding: 0;
}
.container .gform_wrapper.gravity-theme .gfield_label .gfield_required{
	display: none;
}
.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	border: 0;
	border-radius: 5px;
}
.gform_wrapper.gravity-theme .gfield select.large {
  height: 44px;
}
.gform_wrapper.gravity-theme .gfield select.large .gf_placeholder {
  opacity: 0.4;
}
.container  .gform_wrapper.gravity-theme fieldset legend{
	margin-top: 20px;
	font-size: 18px!important;
	font-weight: 400!important;
}
.gform_wrapper.gravity-theme .gfield-choice-input + label{
	font-size: 16px!important;
	cursor: pointer;
}
.gfield_checkbox  .gchoice{
	display: inline-block;
	margin: 0 20px 0 0;
}
.gform_wrapper.gravity-theme .gfield-choice-input + label{
	max-width: 100%!important;
}
input[type="checkbox"] {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  margin: 6px;
  padding: 0;
  border: 0;
  appearance: none;
  background-color: var(--ivory);
  outline: none;
  transition: outline 0.1s;
  border-radius: 5px;
  color: #FF6700;
}
input[type="checkbox"]:checked {
  padding: 2px;
}

input[type="checkbox"]:not(:disabled):checked {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"  ><path d="M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z"/></svg>')
}
.btn-submit{
	margin-top: 20px;
	border: 0;
	padding: 0;
	display: flex;
	align-items: center;
	background: transparent;
}
.btn-submit span{
	color: var(--ivory);
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 100% 2px; /* thickness */
	transition: all 0.5s;
}
.btn-submit div{
	margin-left: 20px;
	width: 35px;
	height: 35px;
	background: var(--deep-navy);
	border-radius: 5px;
	color: var(--ivory);
		display: flex;
	align-items: center;
	justify-content: center;
}
.btn-submit:hover span{
	color: var(--deep-navy);
	background-size: 0 2px;
}
.btn-submit:hover div{
	background: var(--ivory);
	color: var(--deep-navy);
}
.gfield_validation_message{
	display: none!important;
}
.container .gform_wrapper.gravity-theme .gfield_error [aria-invalid="true"] {
	background: #FFC299 0% 0% no-repeat padding-box;
	border: 2px solid #662900;
}
#gform_1_validation_container{
	padding-top: 20px!important;
	background: #662900 0% 0% no-repeat padding-box;
	border-radius: 5px;
	border: 0;
	box-shadow: none!important;
	color: var(--ivory)!important;
	font-size: 16px;
	line-height: 22px;
}
.gform_wrapper.gravity-theme .gform_validation_errors > h2{
	color: var(--ivory)!important;
	font-size: 16px!important;
	line-height: 35px!important;
    font-weight: 300!important;	
	padding-left: 60px!important;
	min-height: 40px;
	position: relative;
}
.container .gform_wrapper.gravity-theme .gform_validation_errors > h2 .gform-icon{
	top: 0;
	left: 0;
}
.container .gform-icon--circle-error {
	padding: 0!important;
	width: 35px;
	height: 35px!important;
	background: #FF6700 0% 0% no-repeat padding-box;
	border-radius: 5px;
	position: relative;
}
.container .gform-icon--circle-error:before{
	content: '\f071';
	font: var(--fa-font-regular);
	font-family: "Font Awesome 6 Pro";
	color: var(--ivory);
	font-size: 20px;
	line-height: 30px;
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.w-xl{
	max-width: 870px;
	margin: 0 auto;
}
.privacy-content h3{
	color: var(--azure);
	font-size: 28px;
	line-height: 34px;
	font-weight: 400;
}
.wp-block-table td, .wp-block-table th{
	border: 0;
	border-right: solid 1px var(--ivory);
}

.privacy-content table thead th {
	background: var(--deep-navy);
	color: #FFFFFF;
	font-weight: 300;
	border-bottom: 0;
	padding: 5px 20px;
	line-height: 24px;
	font-size: 18px;
}
.wp-block-table thead{
	border-bottom: 0;
}
.wp-block-table td {
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
}
.wp-block-table tbody tr:nth-child(even) {
  background-color: #D9E6FF;
}

/* Styles all odd rows (1, 3, 5...) */
.wp-block-table tbody tr:nth-child(odd) {
  background-color: #fff;
}
/*=================
Slick Slider
===================*/	
.js-slide {
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.js-slide:first-child {
    height: auto;
	visibility: visible;
    overflow: visible;
}

.js-carousel.slick-initialized .js-slide {
    visibility: visible;
    height: auto;
    overflow: visible;
}


.slick-loading .slick-list {
    background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
	fill: #33354D;
	color: #fff;
	width: 44px;
	height: 44px;
	line-height: 36px;
	border: 0;	
	background-color: #C54D9B;
	text-align: center;
	border-radius: 50%;	
    cursor: pointer;
	z-index: 999;
}
.slick-next{
	right: 15px;
}
.slick-prev{
	left:15px;
}
.business-slider .slick-arrow,
.nav-slider .slick-arrow{
	width: 40px;
	height: 40px;
	color: var(--ivory);
	font-size: 18px;
	line-height: 24px;
	background: var(--persimmon);
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	background-color: #C54D9B;
}

.slick-prev svg,
.slick-next svg {
	vertical-align: middle;
}	

.nav-slider .slick-next{
	left: auto;
	right: 15px;
	top: auto;
	bottom: 140px;
}
.nav-slider .slick-prev{
	left: -10px;
		top: auto;
	bottom: 140px;
}
.business-slider .slick-prev:hover,
.business-slider .slick-prev:focus,
.business-slider .slick-next:hover,
.business-slider .slick-next:focus,
.nav-slider .slick-prev:hover,
.nav-slider .slick-prev:focus,
.nav-slider .slick-next:hover,
.nav-slider .slick-next:focus 
{
	background-color: var(--canary);
	color: var(--deep-navy);
}
/* Dots */
.slick-dots {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 6;
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
}
.business-slider{
	padding-bottom: 50px;
}


.slick-dots li {
	margin: 0;
	padding: 0;
    display: inline-block;
}

.slick-dots li button {
	text-indent: -9999px;
	height: 17px;
	width: 17px;
	border: 0;
	border-radius: 50%;
	padding: 0;
	margin: 0 5px;
	font-size: 4px;
	outline: none;
	line-height: 12px;
	background: #B5B5E2 ;
	border: 0;
	opacity: 1;
}


.slick-dots li.slick-active button {
	opacity: 1;
	background:var(--deep-navy);
}
/*=================
Footer
===================*/	
.site-footer{
	padding: 90px 0 35px;
	background: var(--background);
}
.site-mail a{
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	color: var(--ivory);
	display: block;
}
.social-links li{
	display: inline-block;
	margin: 0 0 0 5px;
}
.social-links li a{
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background:  var(--ivory);
}
.social-links li a:hover{
	background:  var(--persimmon);
}
.footer-links ul li{
	display: inline-block;
	position: relative;
	margin-right: 8px;
	padding-right: 12px;
	margin-bottom: 5px;
}
.footer-links ul li:after{
	content: '';
	width: 1px;
	height: 55%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: var(--ivory); 
}
.footer-links ul li:last-child:after{
	content: none;
}
.footer-links ul li a,.footer-links p,.site-desing p,.site-info p{
	display: block;
	color: var(--ivory);
	font-size: 16px;
	line-height: 29px;
	font-weight: 400;
}
.footer-links p,.site-desing p,.site-info p{
	font-weight: 300;
}
.site-desing p a{
	color: var(--persimmon);
}
.site-desing p a{
	background-size: 0 1px;
	font-weight: 400;
}
.site-desing p:hover a{
	background-size: 100% 1px;
}
.site-info {
	padding: 25px 0 0;
	border-top: solid 1px #fff;
}
.site-info p{
	font-size: 12px;
	line-height: 20px;
}
.site-info p:last-child{
	margin: 0;
}
@media (min-width: 992px) {
	.footer-logo img{
		width: 290px;
	}
	.site-mail a{
		font-size: 24px;
		line-height: 36px;
	}
}
.btn-quote-hover:hover{
	color: var(--persimmon);
}
.btn-quote-hover:hover span{
	background: var(--deep-navy);
	color: var(--ivory);
}
h1 strong{
	font-weight: 600;
}
