@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');

:root {
    --black: #2d3845;
    --white: #fff;
    --grey: #ebebeb;
    --body: #6f7c82;
    --primary: #f83237;
    /*--primary: #2333a7;*/
    /*--secondary: #f83237;*/
}

@font-face {
  font-family: NeueHaasDisplayBold;
  src: url(../fonts/NeueHaasDisplayBold.ttf);
}

@font-face {
  font-family: NeueHaasDisplayLight;
  src: url(../fonts/NeueHaasDisplayLight.ttf);
}

body{
	overflow-x: hidden !important;
	font-family: NeueHaasDisplayLight;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
	color: var(--black);
}

a:hover {
	color: var(--secondary);
}

p {
	font-size: 16px;
	line-height: 26px;
	color: var(--body);
	letter-spacing: 1px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: NeueHaasDisplayBold;
}

h1, h2 {
	font-size: 32px;
}

h3, h4 {
	font-size: 20px;
}

h5 {
	font-size: 20px;
}

h6 {
	color: var(--primary);
	font-family: poppins, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 15px;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


.default-btn a,
.gform-button,
.gform_button {
	border: 0;
	color: var(--white);
	cursor: pointer;
	display: inline-block;
  	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 0;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 0.2s ease 0s;
	vertical-align: middle;
	border-radius: 4px;
	padding: 12px 30px;
	background-color: var(--primary);
}

.default-btn a:hover,
.gform-button:hover,
.gform_button:hover{
	background-color: #000;
}

.default-btn a {
	color: var(--white);
}
.texture-btn a {
	color: var(--primary);
	font-weight: 500;
}
.texture-btn a:hover {
	color: var(--secondary);
}
.wrap-form .gform-button {
	width: 100%;
	display: block;
}

.textual-btn {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.textual-btn::after {
	content: '\f105';
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	font-size: 14px;
	margin-left: 3px;
}

.read-more {
	display: inline-block;
	position: relative;
}

.read-more a {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.read-more a:after {
	content: "\f105";
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	margin-left: 8px;
}

.section-image img {
	width: 100%;
}
.section-image {
	position: relative;
}

.section-content h2 span {
	color: var(--secondary);
	font-family: 'Playball', cursive;
	word-spacing: 10px;
	letter-spacing: 1px;
}

.bg-overlay {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


.slick-prev, .slick-next {
	height: 30px;
	z-index: 2;
}
.slick-prev::before, .slick-next::before {
	color: var(--black);
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	font-size: 30px;
	opacity: 1;
}
.slick-prev {
	left: 0;
}
.slick-next {
	right: 0;
}
.slick-prev::before {
	content: '\f053';
}
.slick-next::before {
	content: '\f054';
}
.slick-dots li button::before {
	font-size: 40px;
}
.slick-dots li.slick-active button::before {
	opacity: 1;
	color: var(--primary);
}
.slick-dots li button:hover::before, .slick-dots li button:focus::before {
	opacity: 1;
	color: var(--primary);
}

.section-content ul li::before{
	content: "\f058";
	font-family: "Font Awesome 6 Free";
	color: var(--secondary);
	position: absolute;
  	left: 0;
}
.section-content ul li {
	padding-left: 24px;
	position: relative;
	margin: 7px 0;
	cursor: pointer;
}
.section-content ul li:hover::before {
	color: var(--primary);
}
.desk-view{
	display: block;
}
.mob-view{
	display: none;
}
.card{
	border: none;
}
.about-founder .section-image{
	overflow: hidden;
}
.about-founder .section-image::before{
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.about-founder .section-image:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/******************************
            Header
********************************/
.header.layout-1 {
	position: absolute;
	width: 100%;
	z-index: 9;
}

.header {
	width: 100%;
	position: relative;
}

.header.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	background: var(--white);
	z-index: 9;
	animation: fadeIn 1s ease-in both;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.header.sticky.layout-1 .menubar li a,
.header.sticky.layout-1 .menubar li:hover a {
	color: var(--black);
}

.header.sticky .site-brand {
  	text-align: left !important;
}

.header.layout-2.sticky .top-bar {
	display: none;
}

.header.layout-2.sticky .site-brand {
	max-width: 60%;
}

.header.layout-2.sticky .site-brand img {
	height: auto;
	width: 80%;
}

.header.layout-1 .site-brand {
	background-color: var(--white);
	padding: 31px 27px 52px;
	border-radius: 0 0 76px 76px;
  text-align: center;
	max-width: 60%;
}

.header.layout-2 .site-brand {
	display: flex;
	align-items: center;
	height: 100%;
}

.header.layout-2 .site-brand img {
	height: 60px;
	width: auto;
}

.site-brand img {
	width: 50%;
}

.menubar {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 30px;
}
.primary-menu {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: end;
}

/*.header.layout-1 .menubar li a {
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 16px;
	position: relative;
}*/

.header .menubar li a {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 16px;
	position: relative;
}

.header.layout-1 .menubar li:hover a {
	color: var(--white);
}

.page-breadcrumb-bg {
	min-height: 400px;
	display: flex;
	align-items: center;
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.page-breadcrumb-bg::before {
	content: "";
	background: var(--black);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.8;
}

.breadcrumb-heading {
	position: relative;
	z-index: 1;
	color: var(--white);
}

.breadcrumb-heading ul {
	display: flex;
	align-items: center;
}

.breadcrumb-heading ul li a {
	color: var(--white);
	position: relative;
	padding: 0 16px;
	margin-right: 12px;
}
.breadcrumb-heading ul li:first-child a {
	padding-left: 0;
}
.breadcrumb-heading ul li:first-child a::after {
	content: "";
	background: #ccc;
	width: 2px;
	height: 80%;
	position: absolute;
	right: 0;
	bottom: 0;
}

.breadcrumb-heading h4 {
	font-size: 40px;
}

div#toggle-nav {
	display: none;
}

.top-bar ul {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 20px;
}

.top-bar {
	position: relative;
}

.top-bar::before {
	background-color: var(--black);
	content: "";
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 1e4px;
	-webkit-transform: skew(45deg);
	-khtml-transform: skew(45deg);
	-moz-transform: skew(45deg);
	-ms-transform: skew(45deg);
	-o-transform: skew(45deg);
	transform: skew(45deg);
	z-index: -1;
}

.top-bar ul li a,
.top-bar ul li {
	color: #ddd;
	padding: 12px 0;
	font-size: 13px;
}

.layout-2 .primary-menu .menubar li {
	line-height: 60px;
}

.layout-2 .primary-menu .menubar li a {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 16px;
	position: relative;
}

.primary-menu .menubar li a:after {
	height: 6px;
	right: 14px;
	left: 0;
	top: calc(50% + 2px);
	bottom: auto;
	background-color: var(--primary);
	opacity: 0;
	z-index: -1;
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	transition: all 0.5s ease-in-out;
}

.primary-menu .menubar li.current_page_item a:after {
	opacity: 1;
}

.primary-menu .menubar li:hover a {
	color: var(--black);
}

.primary-menu .menubar li:hover a:after {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
.default-btn.booking-btn-desk {
	display: block;
}
.default-btn.booking-btn-mob {
	display: none;
}


/******************************

            Footer

********************************/
.footer {
	width: 100%;
	position: relative;
	padding: 60px 0;
	background-color: var(--black);
	/*background-image: url("../images/bg-footer.jpg");
	background-repeat: no-repeat;
	background-size: cover;*/
}

.footer-item .site-brand img {
	width: 40%;
}

.footer-item h5, .footer-item ul li a, .footer-item p {
	color: var(--white);
}

.footer-item ul li {
	position: relative;
	margin: 14px 0;
	color: var(--white);
}

.footer-item.contact-block ul li {
	padding-left: 26px;
}

.col-lg-4:last-child .footer-item ul li {
	padding-left: 26px;
}

.footer-item ul li span {
	position: absolute;
	left: 0;
}

.copyright {
	background-color: var(--primary);
	color: #afd3f3;
	padding: 10px 0;
}

.bottom-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.socail-bar ul {
	display: flex;
	align-items: center;
	gap: 16px;
}

.socail-bar ul li a {
	color: var(--white);
}

.socail-bar {
	display: flex;
	gap: 20px;
	align-items: center;
}

.socail-bar h6 {
	margin: 0;
	color: var(--white);
}

.copyright p {
	margin: 0;
	color: var(--white);
}

/******************************

            Hero Section

********************************/
.hero-banner-section {
	width: 100%;
	position: relative;
	padding: 120px 0 0 0;
}

.slider-bootm-vector img {
	width: 100%;
}

.slider-item-vector img {
	width: 50%;
}

.slider-bootm-vector {
	position: relative;
	width: 100%;
}

.slider-item-vector {
	text-align: end;
	position: relative;
	bottom: -200px;
	z-index: 1;
	padding-top: 120px;
}

.hero-section-content {
	position: absolute;
	top: 40%;
	left: 0;
	transform: translate(0%, -50%);
	z-index: 2;
	width: 100%;
}

.hero-content h1 {
	font-size: 50px;
	font-family: 'Poppins', sans-serif;
	color: var(--white);
	font-weight: 700;
	margin: 0;
}

.hero-content h1 span {
	color: var(--secondary);
	font-family: 'Playball', cursive;
	word-spacing: 10px;
	letter-spacing: 1px;
}

.hero-content {
	max-width: 60%;
}

.hero-content .default-btn {
	margin-top: 40px;
}


.section-request .bg-overlay{
	position: relative;
}
.section-request .bg-overlay::before {
	content: "";
	background: #000000b5;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.section-request .section-content{
	position: relative;
	z-index: 2;
}

/******************************
       Services Section
********************************/
.element-item {
	width: 100%;
	position: relative;
	padding: 60px 0;
}
.section-services{
	overflow: hidden;
}
.service-inner{
	position: relative;
}
.services-block {
	margin-bottom: 50px;
}

.services-layout {
	display: flex;
	align-items: center;
}

.services-icon {
	width: 168px;
	min-width: 168px;
	height: 180px;
	background-image: url(../images/bg-icon-box.png);
	background-position: 50%;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 168px;
	margin-right: 32px;
	background-size: cover;
}

.services-link-text {
	text-align: center;
	position: relative;
}
/*.services-link-text p{
	color: var(--white);
}*/

.service-block {
	background-color: var(--white);
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
	padding: 45px 30px 43px;
	/*text-align: center;*/
	position: relative;
	z-index: 1;
	height: calc(100%);
}
/*.service-block.slick-slide.slick-current.slick-active.slick-center {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
	border-radius: 14px;
}
.service-block .section-image img {
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.service-block.slick-slide.slick-current.slick-active.slick-center .section-image img{
	box-shadow: none;
}*/
/*.service-slider {
    margin:0 -15px;
}*/
/*.service-slider .slick-list {
	padding: 30px 0 !important;
}*/
/*.service-block {
    margin-right:15px;
    margin-left:15px;
}*/

.services .col-lg-3 {
	margin-top: 30px;
}

.sr-icon {
	padding-bottom: 26px;
}

.sr-icon img {
	width: auto;
	height: 80px;
}

.section-faq .section-content {
	text-align: center;
	max-width: 70%;
	margin: 0 auto;
}

.section-services-planner {
	background: #f2f3fa;
}

.single .breadcrumb-heading ul {
	display: none;
}

.widget.recent-post ul li a {
	position: relative;
}

.widget.recent-post ul li a:before {
	content: '';
	height: 7px;
	width: 7px;
	border-radius: 7px;
	background-color: var(--secondary);
	position: absolute;
	left: -22px;
	top: 50%;
	transform: translate(0, -50%);
	opacity: 0;
	transition: all 300ms linear 0ms;
}

.widget.recent-post ul li:hover a:before {
	left: -14px;
	opacity: 1;
}

.widget.recent-post ul li:hover a {
	color: var(--secondary);
}

.widget {
	margin-bottom: 40px;
}

.widget:last-child {
	margin-bottom: 0;
}


/******************************
      Paralax tabs Section
********************************/
.paralax-bg {
	min-height: 500px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.paralax-bg:after {
	content: "";
	background-color: var(--black);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.7;
}

.paralax-bg .section-content {
	z-index: 1;
	text-align: center;
	position: relative;
}

.paralax-bg .section-content h6,
.paralax-bg .section-content h2 {
	color: var(--white);
}

.paralax-bg .section-content h2 span {
	display: block;
}

.tab-block {
	display: none;
}

.tab-block.active {
	display: block;
}

.saction-tab-inner {
	width: 100%;
	margin-top: -124px;
}

.tabs-list ul {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	text-align: center;
	gap: 30px;
}

li.tab-btn {
	background-color: var(--white);
	color: #012068;
	flex-basis: 33%;
	padding: 18px 0;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 3px 16px rgba(0, 0, 0, .15)inset;
	position: relative;
}

li.tab-btn.active {
	background-color: var(--primary);
	color: var(--white);
}

.tabs-panel {
	width: 100%;
	position: relative;
	padding: 60px 0 0 0;
}

.tab-inner-block {
	background-color: var(--white);
	padding: 30px 20px;
	text-align: center;
	box-shadow: 0 1px 18px rgba(0, 0, 0, .11);
	position: relative;
	z-index: 1;
	height: calc(100%);
}

.tab-block .col-lg-6:last-child .col-lg-6 {
	margin-bottom: 30px;
}

.tab-media {
	display: flex;
	gap: 20px;
	margin-top: 40px;
}

/******************************
      clients Section
********************************/
.clients-slide {
	display: flex;
	align-items: flex-start;
	gap: 50px;
}

.clients-bg {
	width: 100%;
	height: 400px;
	position: absolute;
	z-index: -1;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.clients-bg::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: var(--black);
	opacity: 0.8;
}

.clients-review .section-content {
	text-align: center;
	color: var(--white);
}

.clients-content,
.clients-content p {
	color: var(--white);
}

.clients-content h6 {
	color: var(--white);
}

.more-client .slick-prev {
	left: 30%;
}

.more-client .slick-next {
	right: auto;
	left: 35%;
}

.more-client .slick-prev::before {
	content: '\f104';
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
}

.more-client .slick-next::before {
	content: '\f105';
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
}

.more-client .slick-prev,
.more-client .slick-next {
	top: auto;
	width: 40px;
	height: 40px;
	bottom: 0;
	background: var(--primary);
	border-radius: 50%;
	z-index: 2;
}

.more-client .clients-img {
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 12px 16px;
}

.more-client .clients-block {
	padding: 20px;
}

.testimonial{
    margin:0 -12px;
}
.testimonial .slick-track{
    display: flex !important;
    padding: 14px 0;
}
.testimonial .card{
    margin-right: 12px;
    margin-left: 12px;
    height: inherit !important;
    padding: 12px;
}
.testimonial .card .card-header {
	display: flex;
	background: var(--white);
	border-bottom: none;
	align-items: center;
  	gap: 20px;	
}
.testimonial .card .card-img-top {
	width: 80px;
	border-radius: 50%;
	height: 80px;
	object-fit: cover;
	margin: 0 auto;
}
.testimonial .card .card-header h5,
.testimonial .card .card-header p{
	margin: 0;
}

/******************************
      Processing Section
********************************/
.section-Processing .section-content {
	text-align: center;
	padding-bottom: 50px;
	max-width: 50%;
	margin: 0 auto;
}

.ct-process {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.ct-process::before {
	content: '';
	width: 100%;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-image: url(../images/line-process.png);
	position: absolute;
	top: 60px;
	z-index: -1;
	left: 0;
	right: 0;
	margin: auto;
}

.ct-process-block {
	flex-basis: 25%;
	position: relative;
	text-align: center;
	padding: 0 15px;
}

.ct-process .ct-process-block:nth-child(2n) {
	margin-top: 70px;
}

.ct-process-icon {
	position: relative;
	display: inline-block;
}

.ct-process-icon::before {
	content: "";
	background-color: #d3dde8;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: -1;
	border-radius: 50%;
	transition: all 0.5s ease-in-out;
}

.ct-process-block:hover .ct-process-icon:before {
	background-color: var(--secondary);
	transition: all 0.5s ease-in-out
}

.ct-process-icon img {
	padding: 20px;
}

.ct-process-content {
	padding-top: 30px;
}

.ct-process-content h3 {
	font-size: 18px;
}

.ct-process-icon span {
	top: -11px;
	width: 24px;
	height: 24px;
	position: absolute;
	background-color: #515251;
	font-size: 14px;
	color: var(--white);
	font-weight: 600;
	line-height: 20px;
	border-radius: 24px;
	left: 0;
	transition: all 300ms linear 0ms;
}

/******************************
      Request form Section
********************************/
.request-row {
	display: flex;
	flex-wrap: wrap;
}

.requst-block {
	flex-basis: 50%;
}

.wrap-form {
	padding: 50px 70px;
	width: 100%;
	position: relative;
}

.wrap-map {
	height: calc(100%);
}

.requst-block.form-block {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	position: relative;
	padding-right: 5rem;
}

.requst-block.form-block::after {
	content: "";
	background-color: var(--black);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: 0.7;
}

.wrap-form {
	padding: 50px 70px;
	width: 100%;
	position: relative;
	z-index: 2;
}

.request-row .section-content {
	color: var(--white);
	position: relative;
}

.request-row .section-content p {
	color: var(--white);
	padding: 22px 0;
}

.wrap-form .gform_wrapper.gravity-theme #field_submit {
	grid-column: span 6;
}

/******************************
      About Page Section
********************************/
.section-about-card.element-item {
	background-color: #f2f3fa;
	width: 100%;
	position: relative;
	padding: 120px 0;
}

.card-box {
	background-color: var(--white);
	height: calc(100%);
	padding: 30px;
	transition: all 0.5s ease-in-out;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.card-icon {
	position: relative;
	display: flex;
	top: -60px;
	width: 100px;
	height: 100px;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.card-icon::before {
	content: "";
	background-color: var(--primary);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	border-radius: 50%;
}

.card-icon img {
	z-index: 2;
	position: relative;
}

.card-content {
	text-align: center;
}

.card-content h3 {
	font-size: 22px;
}

.section-finance .section-content {
	text-align: center;
	padding-bottom: 40px;
}

.section-content.finance-content {
	text-align: left;
}

.eliminating-bg {
	padding: 60px 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.eliminating-bg .section-content {
	text-align: center;
	background-color: #000000a8;
	color: var(--white);
	z-index: 2;
	position: relative;
	padding: 30px;
}

.eliminating-bg .section-content h2 {
	margin-bottom: 30px;
}

.eliminating-bg .section-content p {
	color: var(--white);
	line-height: 30px;
}

.eliminating-bg::before {
	content: "";
	background-color: var(--black);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: 0.6;
}

.core-panel,
.tab-block {
	width: 100%;
	height: calc(100%);
}

.core-tab-panel-overlay {
	width: 100%;
	height: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.core-tabs .tab-btn {
	padding: 30px;
	margin-bottom: 30px;
}

.core-tabs .tab-btn.active p {
	color: var(--white);
}

.core-tabs .tab-btn:last-child {
	margin-bottom: 0;
}

.core-tabs .tab-btn.active::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 15px solid var(--primary);
	border-bottom: 10px solid transparent;
	display: block;
	position: absolute;
	top: 50%;
	right: -15px;
	transform: translate(0%, -50%);
}

.core-blocks {
	padding-top: 40px;
}
.section-about .section-image {
	max-width: 90%;
}
.section-about .section-image img{
	border-radius: 12px;
}
.outer-thumb-icon {
	position: absolute;
	top: 50%;
	right: -80px;
	background: var(--primary);
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
.outer-thumb-icon i{
	color: var(--white);
	font-size: 30px;
}
.outer-thumb-icon::before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 60px;
	height: 110px;
	border: dashed 2px #ccc;
	border-radius: 0 75px 75px 0;
	border-left: 0;
	right: -20px;
}

/******************************
      Faq Page Section
********************************/
.accordion-button:not(.collapsed) {
	background-color: transparent;
	color: var(--black);
}
.accordion-button:focus {
	box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-item {
	margin-bottom: 20px;
}

.accordion-item:not(:first-of-type) {
	border-top: 1px solid #ccc;
}

.element-faq {
	padding-top: 40px;
}

/******************************
      Contact Page Section
********************************/
.appointment-block {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	width: 100%;
	padding: 40px;
	margin-top: -150px;
	z-index: 2;
	position: relative;
	background: var(--white);
}

.address-book {
	display: flex;
	gap: 10px;
	padding-top: 30px;
}

.address-block ul li {
	padding-left: 20px;
	position: relative;
	margin: 16px 0;
}

.address-block ul li span {
	position: absolute;
	left: 0;
}

.contact-bg {
	width: 100%;
	padding: 80px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.contact-bg::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--black);
	display: block;
	opacity: 0.8;
}

.contact-block {
	color: var(--white);
	position: relative;
	z-index: 1;
}

.contact-block a,
.contact-block p {
	color: var(--white);
}

.our-experience {
	width: 100%;
	padding: 120px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.our-experience .heading-block,
.our-experience .heading-block p {
	color: var(--white);
}

.our-experience .heading-block {
	text-align: center;
}

.heading-block h2 {
	font-size: 40px;
	text-transform: capitalize;
}

.skills-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding: 40px 0 0 0;
}

.skills-block {
	text-align: center;
}

.skills-block span.stat-number {
	display: block;
	color: var(--white);
	font-size: 40px;
}

.skills-block h5 {
	color: var(--white);
}

.skills-block i {
	color: var(--secondary);
	font-size: 30px;
}

.banner-overlay img {
	width: 100%;
}


/* Get in Touch */
.get-in-touch {
	background: var(--white);
	padding: 40px;
}
.section-request .section-content p{
	color: var(--white);
}

/* Career page */
.section-hirely.element-item {
	background: #f7f7f7;
}

.hirely-box {
	columns: 2;
	column-gap: 20px;
}

.hirely-block {
	transition: background 0.5s, opacity 0.5s, filter 0.5s;
	background: var(--white);
	padding: 40px 20px;
	margin-bottom: 30px;
	border-radius: 12px;
}

.hirely-img-block img {
	width: auto;
	height: 50px;
	margin-bottom: 20px;
}

.career-form {
	background-image: url(../images/career-form-bg.svg);
	background-repeat: no-repeat;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	width: 100%;
	max-width: 600px;
	padding: 40px;
	z-index: 2;
	position: relative;
	background-color: var(--white);
	border-radius: 12px;
	height: 90vh;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

#job-apply-modal {
	position: fixed;
	top: 0;
	display: flex;
	align-content: center;
	justify-content: center;
	width: 100%;
	background: #0000006b;
	height: 100%;
	z-index: 9;
}

#job-apply-modal .container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.close-career-form {
	position: absolute;
	top: 0px;
	right: 12px;
	color: #ccc;
	font-size: 26px;
	cursor: pointer;
}

.career-form .gform_heading {
	text-align: center;
}

.career-form .gform_heading h2 {
	font-size: 32px;
}

.gform_wrapper.gravity-theme .gfield input,
.gform_wrapper.gravity-theme .gfield select,
.gform_wrapper.gravity-theme .gfield textarea {
	border: 1px solid #ddd;
}

.gform_wrapper.gravity-theme .gfield--type-fileupload .gfield_description {
	margin-top: 0;
	padding-top: 0;
	font-size: 13px;
}

.requirement-block.card-box {
	border: 1px solid #E0E6F7;
	background-color: var(--white);
	border-radius: 16px;
	box-shadow: none;
}

.requirement-block.card-box .card-content {
	text-align: left;
}

.requirement-block.card-box .card-content ul {
	list-style: disclosure-closed;
	padding-left: 15px;
}

.requirement-block.card-box .card-content .default-btn {
	margin-top: 20px;
}

.post-meta {
	display: flex;
	gap: 20px;
	align-items: center;
	margin: 18px 0;
	list-style: none !important;
	padding-left: 0 !important;
	color: var(--body);
	font-size: 14px;
}
.post-meta li {
	display: flex;
	gap: 5px;
	align-items: center;
}
.post-meta li a{
	color: #c1c1c1;
}
.requirement-block.card-box .card-content .post-meta {
	padding: 8px 0;
}


/* Service layout 2 */
/*.service-bg {
	background-color: #2d3845;
	color: var(--white);
}*/
.section-services .section-heading {
	position: relative;
	z-index: 2;
}
/*.service-bg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 309px;
	height: 448px;
	background: url(../images/bg-pattarn-left-2.png) no-repeat 0 0;
}
.service-bg::before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 100px;
	width: 474px;
	height: 448px;
	background: url(../images/bg-pattarn-right-2.png) no-repeat 0 0;
}*/
.service-bg .section-content{
	max-width: 100%;
	text-align: left;
	position: relative;
  	z-index: 2;
}
.services .col-lg-4, .service-bg .col-lg-4{
	margin-top: 30px;
}
/*.service-bg .service-block {
	position: relative;
	z-index: 1;
	height: calc(100%);
	border: 1px solid #404b57;
	border-radius: 8px;
	text-align: center;
	padding: 30px 20px;
	background-color: #2d3845;
}*/
.service-bg .service-block {
	position: relative;
	z-index: 1;
	height: calc(100%);
	border: none;
	border-radius: 8px;
	text-align: center;
	padding: 30px 20px;
	/*background-color: #29333f;*/
	background: linear-gradient(to bottom right, #29333f, #333e4a);
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.service-bg .service-block *{
	color: var(--white);
}
.service-bg .service-block .sr-icon{
	width: auto;
	height: 80px;
	display: inline-block;
	height: 85px;
	width: 80px;
	border-radius: 50%;
	background: #29333f;
	margin: 20px 0;
}
.service-bg .service-block .sr-icon img {
	color: var(--white);
	padding: 10px;
	filter: brightness(0) invert(1);
}
.service-bg .service-block:hover {
	background-color: rgb(238, 49, 53);
}
.service-bg .service-block:hover .sr-icon{
	background: var(--white);
}
.service-bg .service-block:hover .sr-icon img{
	filter: none;
}


/* quick facts */
.quick-facts .card{
	padding: 20px 0;
	height: calc(100%);
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  	border: none;
  	transition: all .3s ease-in-out;
  	background-image: linear-gradient(to bottom right, #fff, #eee);
}

.quick-facts .card:hover{
	transition: all .3s ease-in-out;
	transform: translateY(-10px);
}

.quick-facts .card .card-img-top{
	max-width: 100px;
  	padding: 1rem;
}


/* Blogs */
.card.blog-layout{
	background-color: var(--white);
	border-radius: 8px;
	height: 100%;
	transition: transform .35s,box-shadow .35s;
	display: flex;
	overflow: hidden;
	box-shadow: 0 2px 5px #0003,0 2px 15px #0000001a;
}
.blog .col-lg-4 {
	margin-top: 30px;
}
.card.blog-layout:hover {
	transform: translateY(-1px);
	box-shadow: 0 12px 50px -10px #0000001a;
}
.card.blog-layout .card-img-top {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.schedule_pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}
.schedule_pagination .button {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.schedule_pagination .button.active {
	background-color: var(--primary);
	color: var(--white);
}

/* Single Post */
.post-content img {
	width: 100%;
	border-radius: 12px;
}
.widget {
	border-radius: 8px;
	margin-bottom: 30px;
}
.widget-title {
	color: var(--black);
	margin-bottom: 25px;
	font-size: 24px;
	font-weight: 700;
}
.widget ul li {
	display: block;
	font-weight: 500;
	border-radius: 4px;
	position: relative;
	padding: 0 0 0 20px;
	color: var(--body);
	margin-bottom: 12px;
}
.widget.contact-widget ul li {
	display: flex;
	gap: 10px;
}
.more-post ul {
	display: flex;
	justify-content: space-between;
}

/* Financial Partner */
.skills_Need .card img.card-img-top {
	width: 70px;
}
.skills_Need .card {
	padding: 1rem;
	height: calc(100%);
	border: none;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	transition: all .3s ease-in-out;
}
.skills_Need .card:hover {
	transition: all .3s ease-in-out;
	transform: translateY(-10px);
}
.skills_Need .card .card-body{
	padding: 0;
}
.media-blocks {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 60%;
	width: 100%;
	background-color: var(--black);
	color: var(--white);
	border: 8px solid var(--white);
	padding: 16px;
	border-top: 0;
	border-right: 0;
}
.partner-media .media {
	display: flex;
	gap: 10px;
}
.partner-media .media img{
	width: 30px;
	filter: brightness(0) invert(1);
}
.partner-media .media .media-body h5 {
	font-size: 15px;
	margin: 0;
}
.partner-media .media .media-body p{
	color: var(--white);
	font-size: 14px;
	line-height: 20px;
}


/* get quote */
.get-quote.element-item {
	background-color: #eee;
}


/* softwares logo */
.softwares-logo {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	align-items: center;
	justify-content: center;
}
.softwares-logo .section-image {
	flex-basis: 20%;
	text-align: center;
}
.softwares-logo .section-image img{
	width: auto;
	height: 50px;
	filter: grayscale(1);
	transition: all .3s ease-in-out;
}
.softwares-logo .section-image:hover img{
	filter: grayscale(0);
	transition: all .3s ease-in-out;
  	transform: translateY(-10px);
}



/* Accounting and bookeeping */
.accounting-bookkeping {
	background-color: rgb(39, 39, 39);
	padding: 60px 0;
}
.accounting-bookkeping p{
	color: var(--white);
}

.service-header {
	/*background: linear-gradient(90deg, #313B79 2.01%, #181127 97.64%), linear-gradient(0deg, #D9EFEF, #D9EFEF);*/
	background-color: var(--black);
}
.service-header .section-content p{
	color: var(--white);
}
.team-support{
	padding-top: 40px;
	background-image: linear-gradient(var(--white), #D9EFEF 50%);
}

.bookkeeping-card {
	background: transparent;
	border: none;
	text-align: center;
}
.bookkeeping-card img {
	width: 100px;
	margin: 0 auto 20px auto;
}
.schedule {
	/*background-color: #020f2f;*/
	background-color: var(--bs-dark);
	color: var(--white);
	position: relative;
}
.schedule .section-content{
	position: relative;
	z-index: 2;
}
.schedule::after {
	content: "";
	background-image: url('../images/Vector.png');
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 400px;
	height: 100%;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
}
.tabs-filter li {
	text-decoration: none;
	text-align: center;
	width: fit-content;
	cursor: pointer;
	color: #060821;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	border-radius: 50px;
	border: 2px solid var(--primary);
	padding: 4px 16px;
}
.sticky-image{
	position: sticky;
	top: 20px;
}
.testimonial_collection-list {
    margin:0 -12px;
}
.testimonial_collection-item {
    margin-right:12px;
    margin-left:12px;
}
.testimonial_collection-avatar img {
	width: 80px;
}
.testimonial_collection-avatar .media {
	display: flex;
	gap: 14px;
}
.testimonial_collection-avatar .media h5,  .testimonial_collection-avatar .media p{
	margin: 0;
}
.testimonial_collection-item p {
	font-size: 18px;
	color: var(--black);
}

/* Service details page */
.service-header.service-header-layout-2 {
	background: var(--black);
}
.why-choose-us .card img{
	width: 60px;
	transition: all .2s ease-in-out;
}
.why-choose-us .card:hover img{
	transition: all .2s ease-in-out;
  	transform: translateY(-10px);
}
.second_flow {
	flex-direction: row-reverse;
	padding: 60px 0;
}
.bg-flow {
	background: #f4f4f8;
}
.second_flow.bg-flow .row {
	flex-direction: row-reverse;
}
.single-header-bg {
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: contain;
}


/* Case Studies */
.client_info_inner {
	width: 100%;
	display: block;
	border-radius: 23px;
	background-color: #f5f5f5;
	padding: 30px 22px;
}
.client_info_card {
	display: flex;
	gap: 12px;
}
.client_info_card img {
	width: 60px;
	height: 60px;
	object-fit: cover;
}
.challenges_solutions .section-content {
	width: 100%;
	display: block;
	border-radius: 23px;
	background-color: #f5f5f5;
	padding: 30px 23px;
	height: calc(100%);
}
.impacts_blocks_inner {
	margin: -50px 0 0 0;
}
.impacts_blocks .card {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 23px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 35px 0px rgba(177, 177, 177, 0.28);
	padding: 10px;
  	height: calc(100%);
}
.impacts_blocks .card .card-body *{
	color: var(--black);
	font-weight: 600;
	line-height: 1.5;
	margin: 0;
	text-align: center;
}
.card.case-studies-card {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.filter-items ul {
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.filter-items ul li {
	display: inline-block;
	vertical-align: top;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}
.filter-items ul li .filter-button {
	display: block;
	font-size: 16px;
	color: #3a3a3a;
	padding: 10px 15px;
	border-bottom: 3px solid transparent;
	text-transform: capitalize;
	border-radius: 14px 14px 0px 0px;
	position: relative;
	background-color: rgba(232, 232, 232, .678);
}
.filter-items ul li .filter-button.active {
	background: var(--primary);
	color: var(--white);
}
.case-studies-card .card-img-top {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
.get-quote-form {
	background: var(--primary);
	padding: 20px;
	margin: -40px 0 0 0;
	position: relative;
	z-index: 2;
	align-items: center;
}
.get-quote-form .section-content h2, .get-quote-form .section-content p {
	color: var(--white);
	margin: 0;
}
#gform_submit_button_4 {
	background: var(--black);
}
.gform_fields#gform_fields_4 {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.gform_fields#gform_fields_4 .gfield {
	min-width: 0;
	display: inline-block;
	vertical-align: top;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}
.card-layout .card.card-block img {
	width: 60px;
	margin: 0 auto;
}
.star {
  color: gold;
  font-size: 1.5rem;
}

/* Swiper slider service */
.item-bg {
  position: absolute;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 26px 6px rgba(0, 0, 0, 0.25);
  transition: all 0.3s;
 }
.item-bg.active {
  left: 0;
  top: 0;
  opacity: 1;
}
.card-slider__item {
  flex-shrink: 0;
  width: 400px;
}
.card__item {
  display: block;
  padding: 40px;
  border-radius: 10px;
  transition: all 0.3s;
}
.card__img img {
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
}
.card-slider__item.swiper-slide {
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.card-slider__item.swiper-slide-active, .card-slider__item.swiper-slide-prev, .card-slider__item.swiper-slide-next {
  opacity: 1;
  pointer-events: auto;
}
.card-slider__controller {
  position: relative;
  z-index: 12;
}
.card-slider__item.swiper-slide .card__img img{
	box-shadow: 0 6px 26px 6px rgba(0, 0, 0, 0.25);	
}
.card-slider__item.swiper-slide-active .card__img img{
	box-shadow: none;	
}
.card-slider__arrow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  z-index: 12;
  width: 50px;
  height: 50px;
  background: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  outline: none !important;
  box-shadow: 0 6px 26px 6px rgba(0, 0, 0, 0.25);
  transition: 0.35s;
}
.card-slider__arrow:hover {
  background-color: var(--primary);
}
.card-slider__arrow:focus {
  outline: none !important;
}
.card-slider__arrow .icon-font {
  display: inline-flex;
}
.card-slider__arrow .icon-font svg {
  width: 30px;
  height: 30px;
}
.card-slider__arrow.card-slider-prev {
  left: 15px;
  transform: translateY(-50%);
}
.card-slider__arrow.card-slider-next {
  right: 15px;
  transform: translateY(-50%);
}
.card-slider__pagination {
  margin-top: 50px;
  text-align: center;
}
.card-slider__pagination .swiper-pagination-bullet {
  display: inline-block;
  margin: 0 5px;
  width: 13px;
  height: 10px;
  background: var(--black);
  opacity: 0.2;
  border-radius: 20px;
  transition: opacity 0.5s, background-color 0.5s, width 0.5s;
  transition-delay: 0.5s, 0.5s, 0s;
}
.card-slider__pagination .swiper-pagination-bullet-active {
  width: 100px;
  opacity: 1;
  background: var(--primary);
  transition-delay: 0s;
}