/*
Theme Name: bonfire
*/

@font-face {
	font-family: Roboto;
	src: url(../bonfire/assets/roboto/Roboto-Regular.ttf);
	font-weight: 400
}

@font-face {
	font-family: Roboto;
	src: url(../bonfire/assets/roboto/Roboto-Medium.ttf);
	font-weight: 500
}

@font-face {
	font-family: Roboto;
	src: url(../bonfire/assets/roboto/Roboto-Bold.ttf);
	font-weight: 700
}

@font-face {
	font-family: Roboto;
	src: url(../bonfire/assets/roboto/Roboto-Italic.ttf);
	font-weight: 400;
	font-style: italic;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.bypostauthor {}
.abt-service{
	margin-bottom:50px
}
.vp-portfolio__item-meta a{
	    font-size: 17px;
}
/* WordPress gallery */
.gallery-caption {}

.gallery {
	margin-bottom: 1.6em;
}

.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {}

.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}


/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}


body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
font,
span,
p {
	font-family: Roboto, sans-serif !important;
	--RedColor: #f37a20;
	--BlueColor: #0c498a;
	--TextColor: #6b6a6a;
	--LightBg: #f5f5f5;
}

body {
	background: #000 !important;
	
	
}

a {
	transition-duration: 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0px;
	margin: 0px;
    color: #f37a20;
}

button {
	transition-duration: 0.3s;
}

.container {
	max-width: 1240px !important;
}

p {
	color: #fff;
	font-size: 16px;
	line-height: 28px;
}


::selection {
	background: #f37a20;
	color: #fff;
}

::-moz-selection {
	background: #f37a20;
	color: #fff;
}

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	border-radius: 0px;
}

::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background-color: rgba(100, 69, 64, 0.8);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(100, 69, 64, 1);
}


/* Slider */
.slick-slide {
	margin: 0px 0px;
}

.slick-slide img {
	width: 100%;
}



.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}


/* Arrows */
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	/* -webkit-transform: translate(0, -50%); */
	-ms-transform: translate(0, -50%);
	/* transform: translate(0, -50%); */
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before,
.slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	/* line-height: 1; */
	/* opacity: .75; */
	color: white;
	/* -webkit-font-smoothing: antialiased; */
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -25px;
}

[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto;
}

.slick-prev:before {
	content: '←';
}

[dir='rtl'] .slick-prev:before {
	content: '→';
}

.slick-next {
	right: -25px;
}

[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}

.slick-next:before {
	content: '→';
}

[dir='rtl'] .slick-next:before {
	content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -15px;

	display: block;

	width: 100%;
	padding: 0;
	margin: 0;

	list-style: none;

	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0px 5px !important;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	width: 10px;
	height: 10px;
	display: block;

	padding: 2px;

	cursor: pointer;

	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;

	position: absolute;
	top: 0;
	left: 0;

	width: 15px;
	height: 15px;

	content: '•';
	text-align: center;

	opacity: .25;
	color: black;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}

/*----*/


.solutionscroll .slick-dots,
.testimonialsscroll .slick-dots,
.services-scroll .slick-dots {
	bottom: -30px !important;
	
}



.solutionscroll .slick-dots li button,
.testimonialsscroll .slick-dots li button,
.services-scroll .slick-dots li button {
	border: 2px solid #5a5d60;
	background: #5a5d60;;
	list-style: none !important;
	z-index: 990;
	height: 1px;
	width:25px;
	/* border-radius: 50%; */
}

.solutionscroll li button:before,
.testimonialsscroll li button:before,
.services-scroll li button:before {
	display: none;
	visibility: hidden;
	height: 1px;
	width:25px;
	
}


.solutionscroll .slick-dots li.slick-active button,
.testimonialsscroll .slick-dots li.slick-active button,
.services-scroll .slick-dots li.slick-active button {
	background: #ffffff;
	height: 1px;
	width:25px;
}

.solutionscroll .slick-dots li button,
.testimonialsscroll .slick-dots li button,
.services-scroll .slick-dots li button {
	border: 1px solid #5a5d60;
	list-style: none !important;
	z-index: 990;
	border-radius: 10px;
}

.solutionscroll .slick-dots li.slick-active button,
.testimonialsscroll .slick-dots li.slick-active button,
.services-scroll .slick-dots li.slick-active button {
	background: #ffffff;
	height: 1px;
	width:25px;	
}
/* service inner page start */
button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

.selector {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.primary-img {
    position: relative;
}

.controls {
    position: absolute;
    right: 8px;
    bottom: 12px;
    display: flex;
    flex-direction: column;
}

.controls-next,
.controls-prev {
    padding: 16px;
    background: #f3f3f3;
    border-radius: 50% 50% 0 0;
    transition: background 0.1s ease-in-out;
}

.controls-next:hover,
.controls-prev:hover {
    cursor: pointer;
    background: #d3d3d3;
}

.controls-next {
    transform: rotate(180deg);
}

.selector-images {
    max-height: 441px;
    overflow-y: scroll;
    /* overflow-x: scroll; */
    display: flex;
    gap: 1rem;
    padding: 0;
    flex-direction: column;*/
}

.selector-images li {
    list-style-type: none; /* Remove list bullets */
    margin: 0; /* Remove margin */
}
.primary-img img{
	width: 441px;
	    height: 443px;
    object-fit: cover;
}
.selector-images img{
	object-fit:cover;
}
/* service inner page ends */
.service-seeall {
	color:#fff;
}
.service-seeall:hover{
	text-decoration:none;
	color:#f37a20;
}
.footerwrapper {
	width: 100%;
	height: auto;
	/* background: url(../bonfire/assets/img/footer.jpg) top no-repeat #040d25; */
	background: #000;
	padding-top: 0px;
	background-size: cover;
	background-position: center;
}

.footer-credit {
	width: 100%;
	padding: 0;
	margin: 0;
	background: #000;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 100px;
}

.footer-credit p {
	font-size: 15px;
	padding: 0;
	margin: 0;
}

.footerwrapper p i {
	margin-right: 8px;
}

.footer-credit p a {
	color: #fff;
	text-decoration: none;
}

.footer-credit p a:hover {
	color: #000;
}

.footer-credit .col-lg-6:last-child p {
	text-align: right;
}

.footerwrapper .col-lg-3 ul,
.footerwrapper .col-lg-6 ul {
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
}

.footerwrapper .col-lg-3 ul li,
.footerwrapper .col-lg-6 ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: normal;
}

.footerwrapper .col-lg-6 ul li {
	width: 50%;
	display: inline-block;
	float: left;
}


.footerwrapper .col-lg-3 ul li a,
.footerwrapper .col-lg-6 ul li a {
	font-size: 15px;
	padding: 6px 0px;
	margin: 0;
	width: 100%;
	color: #ffffffe0;
	transition-duration: 0.3s;
	font-weight: 400;
	line-height: normal;
	display: block;
}

.footerwrapper .col-lg-3 ul li a:hover,
.footerwrapper .col-lg-6 ul li a:hover {
	color: #f37a20;
	text-decoration: none;
	opacity: 1;
}

.footerwrapper .col-lg-3 p {
	color: #ffffffe0;
	text-decoration: none;
	padding: 0;
	font-size: 15px;
	line-height: 24px;
}

.footerwrapper .col-lg-3 p:last-child {
	padding: 0;
	margin: 0;
}

.footerwrapper .col-lg-3 p a {
	color: #ffffffe0;
	text-decoration: none;
}

.footerwrapper h4 {
	width: 100%;
	padding: 0;
	margin: 0px 0px 20px 0px;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
}

.footer-topwrap {
	width: 100%;

	background: #f37a20;
	margin-bottom: 100px;
	position: relative;
	z-index: 990;
}

.footerwrapper .col-lg-12 .row {
	margin-left: 0px;
	margin-right: 0px;
}

.footerwrapper .col-lg-12 .row .col-lg-4 {
	padding: 0px 0px;
	text-align: center;
	border-right: 1px solid #5580ad;
	min-height: 95px;
}

.footerwrapper .col-lg-12 .row .col-lg-4:last-child {
	border-right: none;
}

.footer-top-item {
	width: 100%;
	text-align: center;
	display: block;
}

.footer-top-item span img {
	position: absolute;
	left: 0px;
	top: 0px;
}

.footer-top-item span {
	display: inline-block;
	padding: 0px;
	margin: 22px 0px 0px 0px;
	position: relative;
	text-align: left;
	padding-left: 70px;
}

.footer-top-item span h6 {
	padding: 0;
	margin: -5px 0px 0px 0px;
	text-align: left;
	font-size: 14px;
	color: #fff;
}

.footer-top-item span h2 {
	font-size: 34px;
	color: #fff;
	padding: 0;
	margin: 0;
	font-weight: 700;
}



.footerwrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-left: 50px;
    padding-right: 50px;
	border-top: 1px solid #ffffff33;
}

#curve-styles {
	height: 84px;
	width: 4324px;
	position: absolute;
	z-index: 900;
	left: 50%;
	margin-left: -2162px;
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #f37a20;
}

.footerwrapper #curve-styles {
	top: 0px;
	fill: #fff;
}

.page-id-6 .footerwrapper #curve-styles {
	top: 0px;
	fill: var(--LightBg);
}

.blog-enquiry-wrapper {
	width: 100%;
	padding: 100px 0px;
	margin: 0;
	background: var(--LightBg);
	height: auto;
	margin-top: 0px;
	z-index: 100;
	position: relative;
}

.blog-enquiry-wrapper:before {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 40%;
	top: -65px;
	content: '';
	background: url(../bonfire/assets/img/dotscon.svg) no-repeat;
	animation: dots-anim-two 4s infinite alternate;
	z-index: 920;
}

@keyframes dots-anim-two {
	0% {
		top: -65px;
		left: 40%;
	}



	50% {
		top: 40px;
		left: 40%;
	}




	100% {
		top: 40px;
		left: 45%;
	}
}

.blog-enquiry-wrapper .curve-styles-wrap #curve-styles {
	fill: var(--LightBg);
	transform: rotate(180deg);
}

.curve-styles-wrap {
	width: 100%;
	overflow: hidden;
	height: 84px;
	position: absolute;
	z-index: 900;
	top: -84px;

}

.page-heading {
	width: 100%;
	padding: 0;
	margin: 0px 0px 45px 0px;
	color: #2c2c80;
	font-size: 44px;
	font-weight: 700;
}

.page-heading font {
	position: relative;
	z-index: 200;
}





.enquiry-form input[type=text],
.enquiry-form input[type=email] {
	width: 100%;
	background: none;
	border: 1px solid #cbcbcb;
	height: 42px;
	border-radius: 3px;
	outline: none;
	padding-left: 15px;
	font-size: 15px;
	transition-duration: 0.3s;
}

.enquiry-form textarea:focus,
.enquiry-form input:focus {
	border-color: #f37a20;
}

.enquiry-form textarea {
	width: 100%;
	background: none;
	border: 1px solid #cbcbcb;
	height: 90px;
	border-radius: 3px;
	outline: none;
	padding-left: 15px;
	font-size: 15px;
	transition-duration: 0.3s;
}

.enquiry-form .wpcf7-submit {
	width: 100%;
	padding: 0;
	margin: -7px 0px 0px 0px;
	height: 42px;
	border-radius: 3px;
	background: #f37a20;
	border: none;
	outline: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
}

.enquiry-form .col-lg-12 {
	position: relative;
	padding-bottom: 10px;
}

.wpcf7 form .wpcf7-response-output {
	width: 100%;
	text-align: center;
	padding: 4px 0px;
	margin: 0;
	font-size: 13px;
}

.enquiry-form .wpcf7-spinner {
	position: absolute;
	left: 0px;
	top: 6px;
	padding: 0;
	margin: 0;
	left: 50%;
	margin-left: -12px;
}

.wpcf7-not-valid-tip {
	font-size: 12px;
}

.blog-item {
	color: var(--TextColor);
	text-decoration: none;
}

.blog-item span {
	width: 100%;
	height: 275px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	background: none;
	margin-bottom: 16px;
	display: block;
	background: #763c1236;
}

.blog-item span img {
	width: 100%;
	height: 275px;
	object-fit: cover;
	transition-duration: 0.3s;
}

.blog-item h6 {
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: 24px;
	text-decoration: none !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.blog-item .date-div {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 900;
	background: #000000;
	border-radius: 5px;
	width: 70px;
	padding: 5px 0px 8px 0px;
}

.blog-item .date-div h5 {
	color: #f37a20;
	padding: 0;
	margin: -3px 0px 0px 0px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	width: 100%;
	text-align: center;
}

.blog-item .date-div h2 {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	color: #f37a20;
	font-weight: 700;
}

.blog-item:hover {
	text-decoration: none !important;
}

.blog-item:hover img {
	opacity: 0.2;
}

.blog-item:hover h6 {
	text-decoration: none !important;
	color: #f37a20;
}

.blog-item span i {
	position: absolute;
	top: 40%;
	opacity: 0;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	font-size: 28px;
	z-index: 950;
	transition-duration: 0.3s;
	color: #fff;
}

.blog-item:hover span i {
	top: 50%;
	opacity: 1;
}

.bannerslider-item .col-lg-7 .banner-imagecon {
	width: 100%;
	height: calc(100vh - 100px);
	object-fit: cover;
	overflow: hidden;
	clip-path: circle(59% at 60% 30%);
}

.bannerslider-item .col-lg-7 .banner-imagecon::before {
	width: 100%;
	height: 250px;
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;

	background: rgba(0, 0, 0, 0.8);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.bannerslider-item .col-lg-7 .banner-imagecon img {
	width: 100%;
	height: 100%;
	object-fit: cover;

}

.banner-slider-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.banner-slider-wrap .container-fluid {
	position: relative;
}
/* .banner-caption .container-fluid{
	display: flex;
	justify-content: center; 
	align-items: center; 
	flex-wrap: wrap;
  
} */
/* 
.banner-bg-style {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -5;
	height: calc(100vh - 100px); */
}

.banner-slider-wrap .container-fluid,
.banner-slider-wrap .container-fluid .row .col-lg-5,
.banner-slider-wrap .container-fluid .row .col-lg-7 {
	padding-left: 0px;
	padding-right: 0px;
}

.banner-slider-wrap .container-fluid .row {
	margin-left: 0px;
	margin-right: 0px;
}


.banner-video {
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
.banner-video-container{
	position:relative;
	height: 641px;
}
.banner-video video {
	    width: 100%;
    height: 641px;
    object-fit: cover;

	
}

.header-wrapper {
	width: 100%;
	z-index: 1020;
	position: fixed;
	left: 0px;
	top: 0px;
}

.header-wrapper .col-lg-7 {
	padding-top: 22px;
	transition-duration: 0.3s;
}

.header-wrapper .col-lg-7 .mega-menu-link {
	font-weight: 500 !important;
}

@media screen and (min-width: 980px) {
	#mega-menu-item-35 .mega-menu-link {
		background: #f37a20 !important;
		color: #fff !important;
	}

	.page-id-6.f-nav #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
		color: #fff;
	}
}

.header-logo img {
	width: 208px;
    height: 65px;
	object-fit: contain;
	transition-duration: 0.3s;
}

.header-wrapper {
	padding-left: 75px;
	padding-right: 75px;
	padding-top: 15px;
	transition-duration: 0.3s;
	padding-bottom: 15px;
	background-color: #fff0;
}

.f-nav .header-wrapper {
	background: rgb(255 255 255 / 0%);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	padding-top: 5px;
	padding-bottom: 5px;
}

.f-nav .header-wrapper .header-logo img {
	height: 65px;
	width: auto;
}

.f-nav .header-wrapper .col-lg-7 {
	padding-top: 5px;
}

.banner-caption {
	    width: 100%;
    height: calc(83vh - 100px);
    display: table;
    padding-left: 90px;
    
}

.banner-caption span {
	width: 100%;
	/* display: table-cell; */
	/* vertical-align: middle; */
	padding-top: 100px;
}

.banner-caption span h2 {
	width: 100%;
	padding: 15px;
	margin: 0px 0px 25px 0px;
	color: #fff;
	font-size: 44px;
	font-weight: 700;
	background: linear-gradient(90deg, rgb(23 167 107 / 60%) 0%, rgb(0 56 132 / 17%) 100%)!important;
    border-radius: 10px;
}

.banner-caption span p {
	margin-bottom: 45px;
	color: #fff;
}

.banner-caption span h2 font {
	position: relative;
	z-index: 200;
}



.readmore-btn {
	font-size: 15px;
	color: #fff;
	border: 2px solid #F37A20;
	font-weight: 500;
	width: 125px;
	height: 34px;
	position: relative;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	transition-duration: 0.3s;
}

.readmore-btn:before {
	width: 135px;
	height: 34px;
	position: absolute;
	left: -7px;
	top: -2px;
	content: '';
	transition-duration: 0.3s;
}

.readmore-btn:after {
	width: 125px;
	height: 44px;
	position: absolute;
	left: -2px;
	top: -7px;
	content: '';
	transition-duration: 0.3s;
}
.banner-btn{
	background-color: #f37a20;
	border: 0px solid #f37a20;
	border-radius: 4px!important;
	line-height: 34px;
}
.readmore-btn:hover {
	background: #f37a20;
	color: #fff;
	text-decoration: none;
}

.readmore-btn:hover:before {
	width: 125px;
	left: -2px;
}

.readmore-btn:hover:after {
	height: 34px;
	top: -2px;
}

.banner-bottom-div {
	margin-top: 24px;
	position: relative;
}

.banner-bottom-div .mouse-icon {
	width: 19px;
	height: 25px;
	background: url(../bonfire/assets/img/mouse-icon.jpg) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: -50px;
	border: none;
	outline: none;
	padding: 0;
	cursor: pointer;
	z-index: 999;
	animation: mouse-animation 1.5s infinite alternate;
}

.banner-bottom-div .mouse-icon:hover {
	background: url(../bonfire/assets/img/mouse-icon-red.jpg) no-repeat;
}

@keyframes mouse-animation {
	0% {
		top: -50px;
	}



	70% {
		top: -50px;
	}

	71% {
		top: -50px;
	}



	100% {
		top: -80px;
	}
}

.banner-bottom-div font {
	background: #fff;
}

.banner-bottom-div:after {
	width: 100%;
	height: 1px;
	content: '';
	position: absolute;
	left: 0px;
	bottom: 20px;
	background: #eeeeee;
	z-index: -1;
}

.banner-bottom-div .col-lg-8 font {
	float: right;
	padding-left: 45px;
}

.banner-bottom-div .col-lg-8 font h2 {
	width: 100%;
	text-align: right;
	padding: 0;
	margin: 0;
	font-size: 32px;
	font-weight: 700;
}

.banner-bottom-div .col-lg-8 font h2 a {
	color: #000;
	text-decoration: none;
}

.banner-bottom-div .col-lg-8 font h6 {
	width: 100%;
	text-align: right;
	padding: 0;
	margin: 0;
	font-size: 16px;
}

.banner-bottom-div .col-lg-8 font h6 a {
	color: #f37a20;
	text-decoration: none;
}


.banner-bottom-div .col-lg-4 h5 {
	padding: 0;
	margin: 25px 0px 0px 0px;
	color: var(--TextColor);
	font-size: 16px;
}

.banner-bottom-div .col-lg-4 h5 font {
	background: #fff;
	padding-right: 45px;
	position: relative;
	padding-left: 30px;
}

.banner-bottom-div .col-lg-4 h5 font i {
	color: #f37a20;
	position: absolute;
	left: 0px;
	top: 1px;
}

.partners-scroll img {
	width: auto !important;
	height: 40px;
	object-fit: cover;
}

.partners-scroll {
	margin-top: 80px;
}

.partners-scroll div {
	padding-left: 25px;
	padding-right: 25px;
}
/* home about start */
.mobile-view{
	display:none;
}
.h-abtimg span {
    opacity: 0; /* Hidden by default */
    position: absolute;
    transition: all 0.5s ease-in-out;
}

/* Define positions as earlier */
.h-abtimg .image-one {
    top: 0px;
    left: 0;
    background-image: url(../bonfire/assets/img/home-abt1.png);
    width: 321px;
    height: 323px;
}

.h-abtimg .image-two {
    top: 133px;
    right: 0px;
    background-image: url(assets/img/home-abt3.png);
    width: 237px;
    height: 237px;
    left: 301px;;
}

.h-abtimg .image-three {
    bottom: 0px;
    left: 1%;
    transform: translateX(-50%);
    background-image: url(assets/img/home-abt2.png);
    width: 476px;
    height: 164px;
    top: 335px;
}

/* Trigger animations only when .animate-images is added */
.h-abtimg.animate-images .image-one {
    animation: slide-in-one 1s ease forwards;
    animation-delay: 0.5s;
}

.h-abtimg.animate-images .image-two {
    animation: slide-in-two 1s ease forwards;
    animation-delay: 1s;
}

.h-abtimg.animate-images .image-three {
    animation: slide-in-three 1s ease forwards;
    animation-delay: 1.5s;
}

@keyframes slide-in-one {
    from {
        transform: translate(-100px, -100px);
        opacity: 0;
    }
    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes slide-in-two {
    from {
        transform: translate(100px, -100px);
        opacity: 0;
    }
    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes slide-in-three {
    from {
        transform: translateY(100px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}


/* home about ends */

/* home service start */
.home-service{
	    margin-top: 100px;
    margin-bottom: 100px;
	
}
.item img{
	    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 30px;
}

.items {
        height: 670px; /* Adjust based on your needs */
    overflow: hidden;
    position: relative;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 18.5%, rgba(0, 0, 0, 1) 80.5%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 18.5%, rgba(0, 0, 0, 1) 80.5%, rgba(0, 0, 0, 0) 100%);
}

.item {
       width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ffffff17;
	height: 300px;
    background: #ffffff12;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    padding: 10px;
    flex-direction: column;
    margin-bottom: 20px;
}
.item h3 {
    font-size: 18px;
    margin-top: 15px;
    text-transform: uppercase;
    text-align: center;
}
/* .item:hover {
    opacity: 1;
} */



.downward {
    /* Added class for downward scrolling */
    flex-direction: column-reverse; /* Flips the order of items */
}
#service1{
	text-align: center;
    margin-bottom: 50px;
}
.item a:hover{
	text-decoration:none;
}
.item h3:hover{
	color:#fff;
}
/* home service ends */

/* home service inner start */

.service-inner img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 30px;
    background-color: #ffffff12;
    padding: 10px;
}
.services-list{
	    margin-top: 50px;
    text-align: center;
}
.services-list h4{
	margin-bottom:50px;
}
.service-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
	float: right;
}

.service-btn a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #e47a20;
    text-decoration: none;
    padding: 10px 20px;
    
    border: 2px solid #000;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.service-btn a .arrow {
    opacity: 0;
    position: absolute;
    right: -30px;
    transition: right 0.3s ease, opacity 0.3s ease;
}

.service-btn a:hover {
    color: #fff;
    padding-right: 40px;
    text-decoration: none
}

.service-btn a:hover .arrow {
    opacity: 1;
    right: 10px;
}

.service-btn a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    transform: scaleX(0);
    transition: transform 0.3s ease;
    transform-origin: right;
}

.service-btn a:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}
.service-content ul li{
	color:#fff;
}
/* home service inner ends */

/* home brand start */

/* Universe setup */
#icon-universe {
    height: 110vh;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    width: 110vh;
	background-size: cover;
    background-repeat: no-repeat;
	display:block;
}

#center-icon {
     height: 61px;
    width: 81px;
    background: url(assets/img/center-icon.png) no-repeat center center;
    background-size: cover;
    left: calc(49% - 44px);
    top: calc(43% - 34px);
    position: absolute;
   
}

/* Orbits */
.orbit {
    position: absolute;
    border: 1px solid rgb(179 179 179 / 13%);
}

#orbit-whatsapp {
        height: 250px;
    width: 250px;
    left: calc(41% - 70px);
    top: calc(36% - 77px);
    animation: orbitAnimation 5s linear infinite;
    border-radius: 50%;
}

#orbit-hosting {
  height: 350px;
    width: 350px;
    left: calc(36% - 90px);
    top: calc(30% - 89px);
    animation: orbitAnimation 7s linear infinite;
    border-radius: 50%;
}

#orbit-webdev {
    height: 450px;
    width: 450px;
    left: calc(31% - 110px);
    top: calc(26% - 110px);
    animation: orbitAnimation 9s linear infinite;
    border-radius: 50%;
}

#orbit-sms {
     height: 550px;
    width: 550px;
    left: calc(31% - 160px);
    top: calc(21% - 130px);
    animation: orbitAnimation 12s linear infinite;
    border-radius: 50%;
}

/* Icons */
.icon {
    position: absolute;
    left: 10%;
    width: 100px;
    height: 100px;
    background-size: cover;
   
}

#whatsapp {
    background: url('assets/img/whatsapp-api.png') no-repeat center center;
    background-size: contain;
    top: -13%;
}

#hosting {
    background: url('assets/img/hosting.png') no-repeat center center;
    background-size: contain;
    top: -6%;
}

#webdev {
    background: url('assets/img/web-dev.png') no-repeat center center;
    background-size: contain;
    top: 0%;
	transform: rotate(254deg);
}

#sms {
    background: url('assets/img/mobile-app.png') no-repeat center center;
    background-size: contain;
    top: 2%;
}

/* Keyframes for rotation */
@keyframes orbitAnimation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* home brand ends */

/* home portfolio start */
.home-portfolio{
    margin-top: 5px;
    margin-bottom: 100px;
}
.home-portfolio .container{
    position: relative;
    top: 0%;
    left: 0%;
    width: 1164px;
    height: 600px;
/*     background: #f5f5f5;
    box-shadow: 0 30px 50px #dbdbdb; */
}

.home-portfolio .container .slide .port-item{
    width: 200px;
    height: 300px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 20px;
   box-shadow: 0px 0px 7px #50505073
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    transition: 1s;
}
.home-portfolio .slide .port-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the RGBA values to control the shade */
    transition: opacity 0.3s ease;
    opacity: 0.5; /* Initially hidden */
	border-radius:20px;
}


.home-portfolio .slide .port-item:nth-child(1),
.home-portfolio .slide .port-item:nth-child(2){
    top: 0;
    left: 0;
    transform: translate(0, 0);
    border-radius: 20px;
    width: 100%;
    height: 100%;
}


.home-portfolio .slide .port-item:nth-child(3){
    left: 50%;
}
.home-portfolio .slide .port-item:nth-child(4){
    left: calc(50% + 220px);
}
.home-portfolio .slide .port-item:nth-child(5){
    left: calc(50% + 440px);
}

/* here n = 0, 1, 2, 3,... */
.home-portfolio .slide .port-item:nth-child(n + 6){
   
    opacity: 0;
}



.home-portfolio .port-item .content{
    position: absolute;
    top: 50%;
    left: 100px;
    width: 300px;
    text-align: left;
    color: #eee;
    transform: translate(0, -50%);
    font-family: system-ui;
    display: none;
}


.home-portfolio .slide .port-item:nth-child(2) .content{
    display: block;
}


.home-portfolio .content .name{
   font-size: 34px;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0;
    animation: animate 1s ease-in-out 1 forwards;
    color: #ffffff;
	width: 383px;
}

.home-portfolio .content .des{
    margin-top: 10px;
    margin-bottom: 20px;
    opacity: 0;
    animation: animate 1s ease-in-out 0.3s 1 forwards;
}

.home-portfolio .content button{
       padding: 4px 19px;
    cursor: pointer;
    opacity: 0;
    animation: animate 1s ease-in-out 0.6s 1 forwards;
    color: #fff;
    border: 3px solid #f37a20;
}


@keyframes animate {
    from{
        opacity: 0;
        transform: translate(0, 100px);
        filter: blur(33px);
    }

    to{
        opacity: 1;
        transform: translate(0);
        filter: blur(0);
    }
}



.home-portfolio .button{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
}

.home-portfolio .button button{
    width: 40px;
    height: 35px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    border: 1px solid #fff;
    transition: 0.3s;
}
.prev i{
	color:#fff;
}
.next i{
	color:#fff;
}
.home-portfolio .button button:hover{
    background: #ababab;
    color: #fff;
}
/* home portfolio ends */

/* portfolio inner page start */

.portfolio-list{
	    margin-top: 50px;
    text-align: center;
}
.portfolio-list h4{
	margin-bottom:50px;
}

/* portfolio inner page ends */
.services-wrap {
	width: 100%;
	background: var(--LightBg);
	position: relative;
	margin-top: 200px;
}

.services-wrap .container {
	position: relative;
}

.services-wrap .container:after {
	width: 183px;
	height: 183px;
	background: url(../bonfire/assets/img/circle-animation.png) no-repeat;
	position: absolute;
	top: -150px;
	right: -45px;
	z-index: 900;
	content: '';
	animation: infinite halfcircle-animation 8s;
}

@keyframes halfcircle-animation {
	0% {
		transform: rotate(0);
	}



	50% {
		transform: rotate(180deg);
	}



	100% {
		transform: rotate(0);
	}
}

.service-item {
	position: relative;
	z-index: 100;
	text-decoration: none !important;
}

.service-item p {
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.service-item h4 {
	width: 100%;
	padding: 0;
	margin: 16px 0px 16px 0px;
	font-size: 20px;
	display: block;
	transition-duration: 0.3s;
}

.service-item span {
	width: 90px;
	height: 90px;
	border: 2px solid #003884;
	display: inline-block;
	border-radius: 50%;
	border-bottom-left-radius: 0px;
}

.service-item span img {
	width: 86px;
	height: 86px;
	object-fit: contain;
}

.service-item:hover h4 {
	color: #f37a20;
}

.services-wrap .row {
	margin-left: -30px;
	margin-right: -30px;
}

.services-wrap .col-lg-4 {
	padding-left: 30px;
	padding-right: 30px;
}

.services-wrap .curve-top .st0,
.services-wrap .curve-bottom .st0 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: var(--LightBg);
}

.services-wrap .curve-top {
	height: 163px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: -150px;
	z-index: -1;
}

.services-wrap .curve-top svg,
.services-wrap .curve-bottom svg {
	height: 163px;
	width: 4326px;
	position: relative;
	left: 50%;
	margin-left: -2163px;
}


.services-wrap .curve-bottom {
	height: 163px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: -150px;
	transform: rotate(180deg);
	z-index: -1;
}

.about-wrapper {
	margin-top: 40vh;
	    margin-bottom: 100px;
}

.about-wrapper .container {
	position: relative;
}



@keyframes aboutdotanim {
	0% {
		top: -50px;
	}



	50% {
		top: 100px;
	}



	100% {
		top: -50px;
	}
}

.about-wrapper p {
	text-align: justify;
	margin-right: 80px;
}

.about-wrapper .readmore-btn {
	margin-top: 25px;
}

.about-wrapper .about-image {
	width: 100%;
	height: 490px;
	
	border-radius: 5px;
	display: block;
	margin-top: 0px;
	overflow: hidden;
}
.abouttalento {
	margin-top: 50px;
}
.about-wrapper .about-image img {
	width: 100%;
	height: 490px;
	object-fit: cover;
}

.about-wrapper .col-lg-6:first-child {
	padding-right: 50px;
	position: relative;
}


@-webkit-keyframes puls {
	to {
		box-shadow: 0 0 0 30px rgba(25, 153, 204, 0);
	}
}

@-moz-keyframes puls {
	to {
		box-shadow: 0 0 0 30px rgba(25, 153, 204, 0);
	}
}

@-ms-keyframes puls {
	to {
		box-shadow: 0 0 0 30px rgba(25, 153, 204, 0);
	}
}

@keyframes puls {
	to {
		box-shadow: 0 0 0 30px rgba(25, 153, 204, 0);
	}
}

.callback-companyprofile {
	margin-top: 120px;
}

.callback-companyprofile .callback-item {
	width: 100%;
	height: 120px;
	background: #003884;
	position: relative;
	padding: 0px 40px 0px 120px;
}

.callback-companyprofile .callback-item:before {
	width: 60px;
	height: 60px;
	content: '';
	position: absolute;
	left: 40px;
	top: 30px;
	background: #000;
}

.callback-companyprofile .col-lg-6:first-child .callback-item:before {
	background: url(../bonfire/assets/img/callback.png) no-repeat;
}

.callback-companyprofile .col-lg-6:first-child .callback-item a {
	color: #f37a20;
}

.callback-companyprofile .col-lg-6:last-child .callback-item:before {
	background: url(../bonfire/assets/img/company-profile.png) no-repeat;
}

.callback-companyprofile .col-lg-6:last-child .callback-item a {
	color: #003884;
}

.callback-companyprofile .col-lg-6:first-child .callback-item {
	background: #f37a20;
}

.callback-companyprofile .callback-item .col-lg-4 a {
	width: 100%;
	padding: 0;
	margin: 42px 0px 0px 0px;
	height: 38px;
	background: #fff;
	border-radius: 20px;
	border: none;
	outline: none;
	font-size: 15px;
	font-weight: 500;
	display: block;
	text-align: center;
	line-height: 38px;
}

.callback-companyprofile .callback-item .col-lg-4 a:hover {
	-webkit-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.3);


}

.callback-companyprofile .callback-item h2 {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 28px;
	color: #fff;
	font-weight: 700;
}

.callback-companyprofile .callback-item h5 {
	width: 100%;
	padding: 0;
	margin: 30px 0px 0px 0px;
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	opacity: 0.8;
}
.solutions-wrapper p{
	text-align: center;
	padding-left: 100px;
	padding-right: 100px;
}
.solutions-wrapper {
	margin-top: 90px;
	padding-top: 30px;
	width: 100%;
	overflow: hidden;
}

.solutions-wrapper h1 {
	text-align: center;
}

.solutions-wrapper .solution-item {
	text-decoration: none !important;
}

.solutions-wrapper .solution-item span {
	width: 100%;
	height: 100%;
	/* border-radius: 10px; */
	overflow: hidden;
	display: flex;
	flex-direction: column;
	position: relative;
	/* background: #003884; */
}

.solutions-wrapper .solution-item span img {
    /* width: 40%;
    height: 40%; */
    object-fit: contain;
    transition-duration: 0.3s;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
.solutions-wrapper .solution-item p {
	padding: 0px 30px 30px 30px;
	margin: 0;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
}

.solutions-wrapper .solution-item h4 {
	width: 100%;
	padding: 0;
	margin: 10px 0px 10px 0px;
	font-size: 22px;
    text-align: center;
	font-weight: 400;
	transition-duration: 0.3s;
	/* background-color: #f37a20db; */
    color: #fff;
    padding: 10px;
    border-radius: 10px;
}
.solutions-wrapper .solution-item h4:hover {
background-color: #24247b00;
}
.solutions-wrapper .solution-item:hover h4 {
	color: #fff;
}

.solutions-wrapper .solution-item:hover img {
	opacity: 0.3;
}

.solutions-wrapper .solution-item i {
	position: absolute;
	left: 50%;
	top: 40%;
	margin-left: -12px;
	margin-top: -12px;
	z-index: 990;
	color: #fff;
	font-size: 24px;
	transition-duration: 0.3s;
	opacity: 0;
}

.solutions-wrapper .solution-item:hover i {
	top: 50%;
	opacity: 1;
}

.testimonials-wrap {
	margin-top: 120px;
	margin-bottom: 160px;
}

.testimonials-wrap .container {
	position: relative;
}

.testimonials-wrap .container:before {
	width: 183px;
	height: 183px;
	background: url(../bonfire/assets/img/circle-animation.png) no-repeat;
	position: absolute;
	top: 0px;
	left: -75px;
	z-index: 900;
	content: '';
	animation: infinite halfcircle-animation 8s;
	z-index: -2;
}

.testimonials-wrap .page-heading {
	text-align: center;
}

.testimonial-item {
	width: 100%;
	/* background: var(--LightBg); */
	border-radius: 10px;
	padding: 30px;
	display: block;
	position: relative;
	margin-top: 50px;
}

.testimonial-item:after {
	width: 52px;
	height: 42px;
	background: url(../bonfire/assets/img/testimonials-btm.jpg) no-repeat;
	position: absolute;
	left: 20px;
	bottom: -42px;
	content: '';
}

.testimonial-item p {
	text-align: center;
	font-style: italic;
	display: block;
	padding: 0;
	/* margin: 0; */
	margin-left:100px;
	margin-right:100px;
}


.testimonial-item span {
	width: 100px;
	height: 100px;
	background: url(../bonfire/assets/img/testimonial-pic.png) no-repeat #f37a20a1;
	display: block;
	left: 50%;
	margin-left: -50px;
	border-radius: 50%;
	margin-top: -75px;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}


.testimonial-item span img {
	width: 100%;
	height: 100px;
	object-fit: cover;
}

.testimonial-item h6 {
	width: 100%;
	padding: 0px 0px 0px 85px;
	margin: 0;
	position: absolute;
	bottom: -36px;
	left: 0px;
}

.testimonials-wrap .row {
	margin-left: -30px;
	margin-right: -30px;
}

.testimonials-wrap .row .col-lg-6 {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 40px;
}



.reputation-wrapper {
	width: 100%;
	position: relative;
	background: var(--LightBg);
	margin-top: 120px;
}

.reputation-wrapper .col-lg-5 {
	position: relative;
}

.reputation-wrapper .col-lg-5 .col-lg-5 img {
	width: 352px;
	height: 540px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 920;
}

.reputation-wrapper .col-lg-5 {
	min-height: 540px;
	margin-top: 45px;
}

.reputation-wrapper .col-lg-7 {
	min-height: 540px;
	display: table;
}

.reputation-wrapper .col-lg-7 .spancenter-align {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

.reputation-wrapper .col-lg-7 span h3 {
	font-size: 38px;
	color: #003884;
	font-weight: 700;
	padding: 0;
	margin: 0;
	width: 100%;
}

.reputation-wrapper .col-lg-7 span p {
	width: 100%;
	text-align: left;
	padding: 0px;
	margin: 25px 0px 45px 0px;
}

.reputation-wrapper #curve-styles {
	fill: #fff;
}

.reputation-wrapper .top-curve {
	height: 84px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 5;
}

.reputation-item {
	width: 100%;
	padding: 0;
	margin: 15px 0px;
	height: 100px;
	background: #0000003d;
	border-radius: 3px;
	display: table;
	padding-left: 105px;
	float: left;
	position: relative;
	z-index: 940;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
     border-radius: 10px;


}

.reputation-item img {
	position: absolute;
	left: 20px;
	top: 18px;
}

.reputation-item h6 {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	line-height: 24px;
	color: #fff;
}

.reputarion-right-items {
	padding-top: 120px;
}

.socialmedia-sticky {
	position: absolute !important;
	top: 47%;
	-webkit-transform: translate(-50%) rotate(-90deg);
	-ms-transform: translate(-50%) rotate(-90deg);
	transform: translate(-50%) rotate(-90deg);
	left: 30px;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
	font-weight: 600;
	z-index: 999;
	color: #4b4949;
	letter-spacing: 2px;
}

.socialmedia-sticky a {
	font-weight: normal !important;
	padding: 0px 4px;
	color: #4b4949;
}

.socialmedia-sticky a:hover {
	color: #f37a20;
}

.banner-slider-wrap .banner-circle-anim {
	position: absolute;
	width: 90px;
	height: 90px;
	position: absolute;
	left: 36%;
	top: 15vh;
	z-index: -3;
	opacity: 0.12;
}



@keyframes banner-circle-one {
	0% {
		width: 20px;
		height: 20px;
	}



	50% {
		width: 80px;
		height: 80px;
	}



	100% {
		width: 20px;
		height: 20px;
	}
}

@keyframes banner-circle-two {
	0% {
		width: 80px;
		height: 80px;
	}



	50% {
		width: 20px;
		height: 20px;
	}



	100% {
		width: 80px;
		height: 80px;
	}
}




@keyframes halfcircle-animation {
	0% {
		transform: rotate(0);
	}



	50% {
		transform: rotate(180deg);
	}



	100% {
		transform: rotate(0);
	}
}

.page-id-6 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
	color:#fff;

}



.page-id-6.f-nav #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
	color: #ffffff;
}

.partners-wrap-scroll {
	width: 100%;
	overflow: hidden !important;

	display: block
}

.callback-companyprofile {
	width: 100%;
	overflow: hidden;
}



.innerpage-header {
	width: 100%;
	background: #040d25;
	height: 260px;
	margin-top: 100px;
	position: relative;

}

/* .innerpage-header:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	height: 100%;
	width: 100%;
	background: rgba(9, 74, 138, 1);
	background: -moz-linear-gradient(left, rgba(9, 74, 138, 1) 0%, rgba(246, 43, 43, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(9, 74, 138, 1)), color-stop(100%, rgba(246, 43, 43, 1)));
	background: -webkit-linear-gradient(left, rgba(9, 74, 138, 1) 0%, rgba(246, 43, 43, 1) 100%);
	background: -o-linear-gradient(left, rgba(9, 74, 138, 1) 0%, rgba(246, 43, 43, 1) 100%);
	background: -ms-linear-gradient(left, rgba(9, 74, 138, 1) 0%, rgba(246, 43, 43, 1) 100%);
	background: linear-gradient(to right, rgba(9, 74, 138, 1) 0%, rgba(246, 43, 43, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#094a8a', endColorstr='#f62b2b', GradientType=1);
	opacity: 0.3;
} */

.innerpage-header .container {
	position: relative;
}


.innerpage-header h2 {
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 0;
	margin: 0px 0px 6px 0px;
	font-weight: 500;
	font-size: 21px;
}

.innerpage-header h2 font {
	position: relative;
}

/*.innerpage-header h2 font:before {*/
/*	width: 50px;*/
/*	height: 50px;*/
/*	border: 5px solid #f37a20;*/
/*	border-radius: 50%;*/
/*	position: absolute;*/
/*	left: 20%;*/
/*	top: -20px;*/
/*	z-index: -2;*/
/*	content: '';*/
/*	animation: square-to-circle 2s infinite alternate;*/
/*	opacity: 0.3;*/
/*}*/

.innerpage-header h6 {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	opacity: 0.8;
}

.innerpage-header h6 span a,
.innerpage-header h6 span span {
	padding-left: 8px;
	padding-right: 8px;
}

.innerpage-header h6 a {
	color: #fff;
	text-decoration: none;
}

.innerpage-header h6 a:hover {
	color: #f37a20;
}

.innerpage-header .pageheading-middle {
	width: 100%;
	z-index: 999;
	position: absolute;
	left: 0px;
	top: 0px;
	display: table;
	height: 260px;

}

.innerpage-header .pageheading-middle div {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

.innerpage-header img {
	height: 260px;
	width: 100%;
	object-fit: cover;
	opacity: 0.5;
}


.innerpage-content-wrap {
	margin-top: 0px;
	margin-bottom: 0px;
}



.contact-page input[type=text],
.contact-page input[type=email] {
	width: 100%;
	background: none;
	border: 1px solid #ffffff;
	height: 42px;
	border-radius: 3px;
	outline: none;
	padding-left: 15px;
	font-size: 15px;
	transition-duration: 0.3s;
	background-color: #000000a3;
}

.contact-page textarea:focus,
.contact-page input:focus {
	border-color: #fff;
}

.contact-page textarea {
	width: 100%;
	background: none;
	border: 1px solid #ffffff;
	height: 90px;
	border-radius: 3px;
	outline: none;
	padding-left: 15px;
	font-size: 15px;
	transition-duration: 0.3s;
	background-color: #000000a3;
}

.contact-page .wpcf7-submit {
	width: 100px;
	padding: 0;
	margin: -7px 0px 0px 0px;
	height: 42px;
	border-radius: 3px;
	background: #f37a20d6;
	border: none;
	outline: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
}

.contact-page .col-lg-6,
.contact-page .col-lg-12 {
	padding-bottom: 17px;
}

.contact-page .wpcf7-spinner {
	position: absolute;
	left: 0px;
	top: 6px;
	padding: 0;
	margin: 0;
	left: 50%;
	margin-left: -12px;
}

.contact-page h3 {
	width: 100%;
	padding: 0;
	margin: 0px 0px 20px 0px;
	font-size: 26px;
	text-align: center;
}

.google-maps {
	position: relative;
	padding-bottom: 400px;
	height: 0;
	overflow: hidden;
	margin: 75px 0px 0px 0px;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}



.contact-page .contact-item:last-child {
	margin-bottom: 0px;
}

.contact-page .contact-item font {
	position: absolute;
	left: 0px;
	top: 0px;
}

.contact-page .contact-item h6 {
	width: 100%;
	padding: 0;
	margin: 0px 0px 5px 0px;
	font-size: 16px;
	color: #f37a20;
}

.contact-page .contact-item p {
	padding: 0;
	margin: 0;
	line-height: 24px;
}

.contact-page .contact-item a {
	color: #fff;
	text-decoration: none;
}

.contact-page font {
    width: 65px;
    height: 65px;
    color: #ffffff;
    position: absolute;
    left: 0px;
    top: 2px;
    border-radius: 3px;
    background: #f37a2000;
    text-align: center;
    font-size: 20px;
    line-height: 65px;
    border: solid 2px #f37a20;
}
.timing font{
	 width: 65px;
    height: 65px;
    color: #ffffff;
    position: absolute;
    left: 0px;
    top: 2px;
    border-radius: 3px;
    background: #f37a2000;
    text-align: center;
    font-size: 20px;
    line-height: 65px;
    border: solid 2px #f37a20;
}
.page-container {
	width: 100%;
	overflow-x: hidden;
   
}

.post-single .col-lg-4 .post-image {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 45px;
}

.post-single .col-lg-4 .post-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.post-single .col-lg-4 h4 {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 22px;
	color: #f37a20;
}

.post-single .col-lg-4 ul {
	width: 100%;
	padding: 0;
	margin: 0;
	   background-color: #f37a2026;
    border-radius: 10px;
    margin: 10px 0px;
    padding:10px;
}


 

.post-single .col-lg-4 ul li {
	list-style: none;
	padding: 0;
	margin: 15px 0px 0px 0px;
}

.post-single .col-lg-4 ul li a {
	color: var(--TextColor);
	padding: 0;
	margin: 0;
}

.post-single .col-lg-4 ul li a:hover {
	text-decoration: none;
	color: #003884;
}

.post-single .col-lg-8 {
	text-align: justify;
}

.blog-date-style {
	width: 100%;
	padding: 5px 10px;
	margin: 0px 0px 20px 0px;
	font-size: 13px;
	color: #003884;
	background: rgb(12 73 138 / 6%);
    border-radius: 3px;
    width: 90px;
}



.blog-heading-style {
	padding: 0;
	margin: 0px 0px 15px 0px;
	font-size: 20px;
}

.blog-page .blog-item {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	display: inline-block;
}

.carousel-item {
	background: rgba(255, 255, 255, 1);
	position: relative;
}

.solution-page .solution-item {
	width: 100%;
	position: relative;
	display: inline-block;
	margin: 20px 0px;

}

.solution-page .solution-item span {
    width: 100%;
    overflow: hidden;
    /* border-radius: 10px; */
    display: inline-block;
    position: relative;
	background: #f37a2000;
	border: solid 0.5px #f37a20;
}

.solution-page .solution-item span img {
	width: 100%;
	height: 220px;
	transition-duration: 0.3s;
	object-fit: cover;
	padding: 5px;
    background:#000;
}

.solution-page .solution-item i {
	position: absolute;
	left: 50%;
	top: 40%;
	margin-left: -12px;
	margin-top: -12px;
	z-index: 990;
	color: #fff;
	font-size: 24px;
	transition-duration: 0.3s;
	opacity: 0;
}

.solution-page .solution-item:hover i {
	top: 50%;
	opacity: 1;
}

.solution-page .solution-item:hover img {
	opacity: 0.3;
}

.solution-page .solution-item h4 {
	font-size: 17px;
	padding: 0;
	margin: 5px 0px 0px 0px;
	text-decoration: none;
	line-height: normal;
	text-align: center;
}

.solution-page .solution-item:hover h4 {
    color: #f37a20;
}

.solution-page .solution-item:hover {
	text-decoration: none;
}

.testimonials-page .testimonial-item {
	margin-bottom: 25px;
}

.testimonials-page .testimonial-item h6 {
	position: relative;
	bottom: 0px;
	padding: 0;
	margin: 15px 0px 0px 0px;
	text-align: center;
}

.testimonials-page .testimonial-item:after {
	display: none;
	visibility: hidden;
}

.ourteam-item {
	width: 100%;
	height: 280px;
	background: #fff;
	display: inline-block;
	position: relative;
	border-radius: 10px;

	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	transition-duration: 0.3s;
	cursor: pointer;
	margin-top: 15px;

}

.ourteam-item:hover {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0);
}

.ourteam-item span {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	border-top-right-radius: 0px;
	transition-duration: 0.3s;
}

.ourteam-item span img {
	width: 200px;
	height: 200px;
	object-fit: cover;
	transition-duration: 0.3s;
}

.ourteam-item .team-content {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 10px;
	padding: 12px 0px;
	background: rgba(255, 255, 255, 0.8);
}

.ourteam-item .team-content h6 {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: var(--TextColor);
	font-weight: normal;
}

.ourteam-item .team-content h5 {
	width: 100%;
	padding: 0;
	margin: 0px 0px 6px 0px;
	font-size: 18px;
	color: #003884;
	font-weight: 500;
}

.ourteam-item font {
	width: 35px;
	height: 35px;
	background: rgba(255, 255, 255, 0.7);
	position: absolute;
	left: 20px;
	top: 20px;
	line-height: 35px;
	color: #f37a20;
	border-radius: 50%;
	text-align: center;
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	box-shadow: 0 0 0 0 rgba(248, 40, 40, 0.5);
	z-index: 900;

}

.ourteam-item:hover span,
.ourteam-item:hover span img {
	width: 100%;
	height: 280px;
	border-radius: 0px;
}


@-webkit-keyframes pulse {
	to {
		box-shadow: 0 0 0 15px rgba(102, 189, 81, 0);
	}
}

@-moz-keyframes pulse {
	to {
		box-shadow: 0 0 0 15px rgba(102, 189, 81, 0);
	}
}

@-ms-keyframes pulse {
	to {
		box-shadow: 0 0 0 15px rgba(102, 189, 81, 0);
	}
}

@keyframes pulse {
	to {
		box-shadow: 0 0 0 15px rgba(102, 189, 81, 0);
	}
}

.page-id-101 .innerpage-content-wrap h4 {
	margin-bottom: 25px;
}

.directors-message {
	width: 100%;
	padding: 0;
	margin: 160px 0px 0px 0px;
	text-align: center;
	background: var(--LightBg);
	position: relative;
}

.directors-message h3 {
	width: 100%;
	padding: 0;
	margin: 0px 0px 25px 0px;
	color: #003884;
	font-size: 44px;
	font-weight: 700;
}

.directors-message h6 {
	width: 100%;
	padding: 0;
	margin: 20px 0px 0px 0px;
	color: #003884;
	font-size: 16px;
	font-weight: 500;
}

.directors-message p {
	padding: 0;
	margin: 0;
	font-style: italic;
}

.directors-message span {
	width: 140px;
	height: 140px;
	display: inline-block;
	padding: 0;
	margin: 0px 0px 10px 0px;
	border-radius: 50%;
	overflow: hidden;
}

.directors-message span img {
	width: 140px;
	height: 140px;
	object-fit: cover;
}

.directors-message .st0 {
	fill: var(--LightBg);
}

.directors-message .curve-top {
	height: 120px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: -105px;
	left: 0px;
	z-index: -1;
}

.directors-message .curve-top svg,
.directors-message .curve-bottom svg {
	height: 120px;
	width: 4326px;
	position: relative;
	left: 50%;
	margin-left: -2163px;
}


.directors-message .curve-bottom {
	height: 120px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: -105px;
	transform: rotate(180deg);
	z-index: -1;
}

.overview-wrapper {
	margin-top: 100px;
	text-align: justify;
	margin-bottom: 50px;
}

.overview-wrapper .col-lg-7 h4 {
	font-size: 22px;
	padding: 0;
	text-align: left;
	margin: 0px 0px 30px 0px;
	line-height: 32px;
}

.overview-wrapper .col-lg-5 span {
	width: 100%;
	height: 360px;
	display: inline-block;
	border-radius: 10px;
	margin-top: 8px;
	position: relative;
	overflow: hidden;
}

.overview-wrapper .col-lg-5 span img {
	width: 100%;
	height: 360px;
	object-fit: cover;
}

.strategic-approach-wrap {
	margin-top: 160px;
	margin-bottom: 100px;
	text-align: justify;
}

.strategic-approach-wrap .col-lg-5 span {
	width: 100%;
	height: 360px;
	display: inline-block;
	border-radius: 10px;
	margin-top: 8px;
	overflow: hidden;
	position: relative;
}

.strategic-approach-wrap .col-lg-5 span img {
	width: 100%;
	height: 360px;
	object-fit: cover;
}

.strategic-approach-wrap .col-lg-7 {
	height: 360px;
	display: table;
}

.strategic-approach-wrap .col-lg-7 div {
	display: table-cell;
	vertical-align: middle;
}

.strategic-approach-wrap .col-lg-7 h3 {
	width: 100%;
	padding: 0;
	margin: 0px 0px 25px 0px;
	color: #003884;
	font-size: 44px;
	font-weight: 700;
	text-align: left;
}

.whatsapp-iconbtn {
	width: 40px;
	height: 20px;
	background: #f37b2000;
	color: #fff !important;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1050;
	border-radius: 50%;
	text-align: center;
	font-size: 24px;
	line-height: 50px;
	-webkit-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	box-shadow: 0 0 0 0 #f37a208c;
}



@-webkit-keyframes puls {
	to {
		box-shadow: 0 0 0 20px rgba(25, 153, 204, 0);
	}
}

@-moz-keyframes puls {
	to {
		box-shadow: 0 0 0 20px rgba(25, 153, 204, 0);
	}
}

@-ms-keyframes puls {
	to {
		box-shadow: 0 0 0 20px rgba(25, 153, 204, 0);
	}
}

@keyframes puls {
	to {
		box-shadow: 0 0 0 20px rgba(25, 153, 204, 0);
	}
}




@media screen and (max-width: 1024px) {
	.services-wrap .container:after {
		right: 0px;
	}

	.testimonials-wrap,
	.about-wrapper {
		width: 100%;
		overflow: hidden !important;
	}

	.services-wrap .row {
		margin-left: auto;
		margin-right: auto;
	}

	.socialmedia-sticky {
		display: none;
		visibility: hidden;
	}

	.header-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}

	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
		padding-left: 12px;
		padding-right: 12px;
	}


	.banner-caption {
		padding-left: 25px;
	}

	.services-wrap .col-lg-4 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.bannerslider-item .col-lg-7 .banner-imagecon {
		clip-path: circle(59% at 64% 30%);
	}

	.overview-wrapper .col-lg-5 span,
	.overview-wrapper .col-lg-5 span img,
	.strategic-approach-wrap .col-lg-5 span,
	.strategic-approach-wrap .col-lg-5 span img {
		height: auto;
	}

	.overview-wrapper .col-lg-5 span {
		margin-bottom: 45px;
	}

	.strategic-approach-wrap .col-lg-7 {
		height: auto;
		margin-bottom: 30px;
	}

	.strategic-approach-wrap .col-lg-7 h3 {
		text-align: center;
	}

}

@media screen and (max-width: 980px) {
	.banner-caption {
		min-height: 450px;
		height: auto;
		/* text-align: center; */
		padding-left: 15px;
		padding-right: 15px;
	}

	.bannerslider-item .col-lg-7 .banner-imagecon {
		clip-path: none;
	}

	.banner-bottom-div .mouse-icon,
	.bannerslider-item .col-lg-7 .banner-imagecon::before,
	.reputation-wrapper .col-lg-5 .col-lg-5 {
		display: none;
		visibility: hidden;
	}

	.bannerslider-item .col-lg-7 .banner-imagecon {
		height: 450px;
	}

	.about-wrapper .col-lg-6:first-child {
		padding-right: 15px;
	}

	.about-wrapper .about-image,
	.about-wrapper .about-image img {
		height: auto;
	}

	.about-wrapper .col-lg-6:first-child:after {
		top: auto;
		bottom: -90px;
		right: 50%;
		margin-right: -90px;
	}

	.page-heading {
		width: 100%;
		text-align: left !important;
	}

	.about-wrapper .page-heading {
		margin-top: 145px;
	}

	.about-wrapper {
		padding-bottom: 5px;
	}

	.callback-companyprofile .callback-item h2 {
		font-size: 26px;
	}

	.reputation-wrapper .col-lg-7,
	.reputation-wrapper .col-lg-5 {
		min-height: auto;
	}

	.reputation-wrapper .col-lg-7 .spancenter-align {
		text-align: center;
	}

	.reputation-wrapper .col-lg-7 span p {
		text-align: center;
	}

	.reputation-item {
		margin: 4px 0px;
	}

	.reputarion-right-items {
		padding-top: 75px;
	}

	.reputation-wrapper {
		padding-bottom: 105px;
	}

	.reputation-wrapper .col-lg-5 {
		margin-top: 95px;
	}

	.callback-companyprofile {
		margin-top: 80px;
	}

	.secure-identity .col-lg-6:first-child span {
		text-align: center;
	}

	.secure-identity {
		padding-top: 60px;
	}

	.enquiry-form {
		margin-top: 75px;
	}

	.footer-top-item span {
		padding-left: 90px;
	}

	.footer-top-item span img {
		left: 25px;
	}

	.footer-credit p {
		text-align: center !important;
		padding: 0;
		margin: 0;
	}

	.footerwrapper .col-lg-3 ul li {
		width: 50%;
		display: inline-block;
		float: left;
	}

	.callback-companyprofile .callback-item {
		height: auto;
	}

	.callback-companyprofile .callback-item .col-lg-4 a {
		width: auto;
		margin-top: 15px;
		margin-bottom: 30px;
		display: inline-block;
		padding-left: 30px;
		padding-right: 30px;
	}

	.contact-page .col-lg-5 {
		margin-bottom: 65px;
	}
}

@media screen and (max-width: 740px) {}

@media screen and (max-width: 520px) {

	.partners-wrap-scroll,
	.banner-bottom-div:after,
	.about-wrapper .container::before,
	.footerwrapper .col-lg-6.mt-md-5 {
		display: none;
		visibility: hidden;
	}

	.banner-caption span h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.banner-caption span p {
		margin-bottom: 30px;
	}

	.banner-bottom-div .col-lg-8 font h2 {
		width: 100%;
		text-align: center;
	}

	.banner-bottom-div .col-lg-8 font {
		padding: 0px;
		width: 100%;
	}

	.banner-bottom-div .col-lg-8 font h6 {
		text-align: center;
		margin: 10px 0px 0px 0px;
	}

	.banner-bottom-div .col-lg-4 h5 {
		text-align: center;
		padding: 0;
		margin: 0;
	}

	.banner-bottom-div .col-lg-4 h5 font {
		padding-right: 0px;
	}

	.services-wrap .curve-top,
	.services-wrap .curve-top svg,
	.services-wrap .curve-bottom,
	.services-wrap .curve-bottom svg {
		height: 50px;
	}

	.services-wrap .curve-top {
		top: -50px;
	}

	.services-wrap .curve-bottom {
		bottom: -50px;
	}

	.services-wrap .container:after {
		right: -80px;
	}

	.services-wrap {
		margin-top: 80px;
	}

	.services-wrap {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.about-wrapper {
		margin-top: 90px;
	}

	.about-wrapper .readmore-btn {
		left: 50%;
		margin-left: -67px;
	}

	.callback-companyprofile .callback-item {
		padding-left: 100px;
		padding-right: 0px;
	}

	.callback-companyprofile .callback-item:before {
		left: 20px;
	}

	.solutions-wrapper {
		margin-top: 0px;
		/* padding-top: 75px; */
	}

	.reputation-wrapper {
		margin-top: 65px;
	}

	.reputation-wrapper .col-lg-5 {
		margin-top: 75px;
	}

	.reputation-wrapper:before,
	.blog-enquiry-wrapper:before {
		z-index: 0;
	}

	.reputation-wrapper {
		padding-bottom: 70px;
	}

	.secure-identity .col-lg-6:first-child span h3 {
		font-size: 28px;
	}

	.secure-identity .secure-image,
	.secure-identity .secure-image img {
		height: auto;
	}

	.secure-identity .secure-image {
		margin-top: 45px;
	}

	.secure-identity {
		padding-bottom: 80px;
	}

	.testimonials-wrap {
		margin-top: 0px;
		padding-top: 60px;
		margin-bottom: 80px;
	}

	.blog-enquiry-wrapper {
		padding: 60px 0px;
	}

	.blog-enquiry-wrapper .col-lg-6 {
		margin-bottom: 45px;
	}

	.enquiry-form {
		margin-top: 20px;
	}

	.footer-top-item span {
		width: 100%;
		text-align: left;
	}

	.footerwrapper .col-lg-12 .row .col-lg-4 {
		border-right: none;
		border-bottom: 1px solid #5580ad;
	}

	.footerwrapper .col-lg-12 .row .col-lg-4:last-child {
		border-bottom: none;
	}

	.footer-topwrap {
		margin-bottom: 50px;
	}

	/* .footerwrapper .col-lg-3 {
		margin-top: 25px;
	} */

	.footer-credit {
		margin-top: 60px;
	}

	.banner-slider-wrap .banner-circle-anim {
		left: auto;
		right: 0px;
	}

	.banner-slider-wrap .carousel-item::before {
		bottom: auto;
		top: 400px;
	}

	.contact-page h3 {
		font-size: 22px;
	}

	/* .innerpage-content-wrap {
		margin-top: 60px;
		margin-bottom: 60px;
	} */

	.innerpage-header h2 {
		font-size: 36px;
	}


	.innerpage-header,
	.innerpage-header img,
	.innerpage-header .pageheading-middle {
		height: 100px;
	}

	.overview-wrapper {
		margin-top: 60px;
	}

	.directors-message h3,
	.strategic-approach-wrap .col-lg-7 h3 {
		font-size: 32px;
	}

	.directors-message,
	.strategic-approach-wrap {
		margin-top: 90px;
	}

	.directors-message .curve-top {
		height: 60px;
		top: -60px;
	}

	.directors-message .curve-top svg,
	.directors-message .curve-bottom svg {
		height: 60px;
	}

	.directors-message .curve-bottom {
		height: 60px;
		bottom: -60px;
	}


}

/* custom */
.home-banner-wrap img {
    width: 100%;
    height: 130vh;
    object-fit: cover;
}
.banner-item.banner-imagecon {
	height:100vh
}
.home-banner-wrap .banner-caption .col-lg-5 span {
    display: table-cell;
    vertical-align: middle;
}
.home-banner-wrap {
    width: 100%;
    height: 75vh;
    position: relative;
}
.home-banner-wrap .banner-caption {
    width: 100%;
    position: absolute;
    left: 55px;
	top:25%;
    padding-top: auto !important;
	padding-bottom:auto !important;
    padding-left: 35px;
}
.home-banner-wrap .banner-caption .col-lg-6 {
    height: 113vh;
    display: table;
}
.banner-bottom{
	margin-top: 10vh;
}
.banner-bottom p{
	text-align:center;
}
.banner-bottom h6{
	color:#ffffff!important;
}
.col-xl-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.hospital{
	background-color: #17a76a;
}
.care-home{
	background-color: #2c2d80;
}
.health-studies{
	background-color: #e5b60a;
	;
}
.health-placements{
	background-color: #66469c;
	
}
.prof-reg{
    background-color: #66459c;
}
.style-phone{
    margin-bottom:40px!important;
}
.col-2dot4, .col-sm-2dot4, .col-md-2dot4, .col-lg-2dot4, .col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.banner-bottom a {
    width: 100%;
    min-height: 190px;
    border-radius: 10px;
    border: 1px solid #00378400;
    display: block;
    text-decoration: none!important;
    margin-top: 20px;
    padding: 0 20px;
    transition-duration: .3s;
    position: relative;
    pointer-events: none;

}
.banner-bottom a span {
    width: 100%;
    height: 70px;
    display: block;
    text-align: center;
    margin: 30px 0 18px 0;
}
.banner-bottom a span img {
    height: 70px;
    object-fit: cover;
}
.banner-bottom a h6 {
    width: 100%;
    padding: 0;
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 12px;
    color: var(--BlackColor);
    font-weight: 500;
    text-decoration: none!important;
}
.aboutus-btn {
    color: #ffffff;
    border: 2px solid #F37A20;
    background-color: #00000000;
    border-radius: 0px;
    height: 40px;
    text-align: center;
	line-height: 35px;
}
.aboutus-btn:hover {
    color: #F37A20;
    border: 2px solid #ffffff;
    background-color: #00000000;
}
.banner-btn:hover{
	background-color: #2c2c80;
}
.banner-bottom-align .col-xl-2dot4 a:hover {
    border-color: #ffffff;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 24%);
}
.swing {
	animation: zoom-in-zoom-out 3s ease-out infinite;
  }
  
  @keyframes zoom-in-zoom-out {
	0% {
	  transform: scale(1, 1);
	}
	50% {
	  transform: scale(1.03, 1.03);
	}
	100% {
	  transform: scale(1, 1);
	}
  }

/* whychoose us  */

.whychoose-bg {
    background-color: #4bb3aee8!important;
}
.whychoose-features-inner-one .custom-container {
    padding: 80px 7%;
}
.whychoose-features-inner-one .img a {
    font-family: 'Nunito Sans', sans-serif;
    background-color: #fff;
    color: #acb647;
    border-radius: 5px;
    padding: 7px 25px;
    margin-top: 15px;
    display: block;
    width: fit-content;
    cursor: pointer;
    border: none;
    margin: 30px auto;
    font-size: 18px;
}
.whychoose-features-inner-one .content .icon {
    padding: 10px;
	border-radius: 10px;
    border: 1px solid #ffcb08;
    margin: 4px;
}

.whychoose-features-inner-one .content .icon img {
    width: 100%;
    height: auto;
}
.m-auto {
    margin: auto!important;
}
.whychoose-features-inner-one{
	
	margin-top: 100px;
}

.whychoose-features-inner-one {
	background: url(../bonfire/assets/img/whychooseus.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.whychoose-features-inner-one .page-heading {
    margin: 0px 0px 10px 0px;
}
.whychoose-features-inner-one p {
   color: #000;
}
.whychoose-features-inner-one .content .ft-content h6 {
	color: #2c2c80;
    font-size: 23px;
    font-weight: 500;
	margin-bottom: 0px!important;
}
.whychoose-features-inner-one .content{
    padding: 15px;
    border-radius: 10px;
	margin: 5px;
}

.whychoose-features-inner-one .img img {
    height: 587px;
    object-fit: cover;
    animation: zoom-in-zoom-out 5.5s ease infinite;
}








.send-message-wrapper {
    position: relative;
    padding: 80px 0px;
    background-color: #fafafa;
    background-position: center;
    background-size: cover;
}
.send-message-wrapper h3 {
    margin: 0px 0px 30px 0px;
    width: 100%;
    font-size: 48px;
    line-height: 52px;
    text-align: left;
    color: #2d2c80;
    font-weight: 600;
    font-family: Roboto, sans-serif !important;
}
.send-message-wrapper .google-maps-wrap {
    width: 45%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important;
}
.send-message-wrapper .col-lg-6 .col-lg-6 {
    padding-bottom: 15px;
}
.send-message-wrapper .col-lg-6 .col-lg-6 input {
    width: 100%;
    height: 45px;
    background: #e2d9e93b;
    border-radius: 4px;
    outline: none;
    border: none;
    padding-left: 15px;
}
.send-message-wrapper .col-lg-6 .col-lg-12 textarea {
    width: 100%;
    height: 100px;
    background: #e2d9e93b;
    border-radius: 4px;
    outline: none;
    border: none;
    padding-left: 15px;
}
.send-message-wrapper .col-lg-6 .col-lg-4 .subbtn {
    width: 100%;
    height: 45px;
    background: #f37a20;
    color: #fff;
    border-radius: 4px;
    outline: none;
    text-transform: uppercase;
    font-weight: 500;
    border: none;
}
.footer-credit p,
.footer-credit a{
    color: #fff;
}
.mt-md-5.addr-foot{
	margin-top: 0rem!important;
}
/* social media */

.Social-media{
  display: flex;
 
}
.Social-media a{
  display: flex;
  background: #ffffff0d;
  height: 35px;
  width: 35px;
  margin: 0 5px;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: 1px solid rgba(0, 124, 196, 0);
  transition: transform 0.5s
}
.Social-media a i{
  font-size: 50px
  var(--TextColor) #777;
  transition: transform 0.5s;
}
.Social-media a:hover {
    border: 1px solid #f37a20;
    transform: translateY(2px);
}
.Social-media a:hover i{
  transform: scale(0.90);
}
.Social-media a:hover .fa-facebook{
  color: #f37a20;
}
.Social-media a:hover .fa-linkedin{
	color: #f37a20;
}
.Social-media a:hover .fa-whatsapp{
	color: #f37a20;
}
.Social-media a:hover .fa-instagram{
	color: #f37a20!important;
}
.Social-media a:hover .fa-youtube{
	color: #f37a20;
}
.Social-media {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.Social-media  .fa-instagram{
	color: #ffffff;
}
.Social-media  .fa-linkedin{
	color: #ffffff;
}
.Social-media  .fa-facebook{
	color: #ffffff;
  }
/* about us page  */
.wp-block-separator {
    border-bottom: 1px solid #f37a20;
}
.fa-clock-o-alt:before {
    content: "\f017";
}

.contact-form-pge{
	padding: 40px 40px 40px 40px!important;
	border-radius: 10px;
	background: linear-gradient(90deg, rgba(23, 167, 114, 0) 0%, rgba(0, 55, 132, 0) 100%)!important;
}
.about-talento .pr-lg-5 img{
	width: 100%;
    height: 100%;
    object-fit: contain;
}
.about-talento .wp-block-heading{
	text-align: left;
}
.contact-form-pge h3{
	text-align: center;
	color: #fff;
}
.about-page-middle .col-lg-5 img {
    width: 100%;
    height: 430px;
    object-fit: cover;
	border-radius: 10px;
}
.about-page-middle {
    width: 100%;
    background: var(--GreyColor);
    margin-top: 10px;
    padding: 70px 0px;
}
.about-page-middle .col-lg-7 {
    display: table;
}
.about-page-middle .col-lg-7 span {
    display: table-cell;
    vertical-align: middle;
}
.about-page-middle .col-lg-7 h4 {
    padding: 0;
    margin: 10px 0px 10px 0px;
    font-size: 42px;
    font-weight: 700;
    text-align: left;
}
.about-page-middle .col-lg-7 p {
    padding: 0;
    margin: 0;
    text-align: justify;
}
.about-btm-bar {
   width: 65%;
    min-height: 71px;
    background: linear-gradient(90deg, rgba(77,162,109,1) 2%, rgb(77 162 112 / 37%) 34%, rgb(255,255,255) 91%);
    min-height: 100px;
	
}
.about-btm-bar .row {
    margin-left: 0px;
    margin-right: 0px;
}
.about-btm-bar .row .col-lg-3:nth-child(1) {
    padding-left: 115px;
}
.about-btm-bar .row .col-lg-3:first-child {
    border-left: 1px solid #cbcbcb;
}
.about-btm-bar .row .col-lg-3 {
    padding-left: 0px;
    padding-right: 0px;
    border-right: 1px solid #cbcbcb;
    min-height: 100px;
    position: relative;
}
.about-btm-bar .row .col-lg-3:nth-child(1) img {
    left: 55px;
}
.about-btm-bar .row .col-lg-3 img {
    position: absolute;
    left: 0px;
    top: 28px;
}
.about-btm-bar .row .col-lg-3 h2 {
    text-transform: uppercase;
    padding: 0;
    margin: 24px 0px 0px 0px;
    font-size: 30px;
    color: #ffffff;
    font-weight: 700;
}
.about-btm-bar .row .col-lg-3 h6 {
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}
.about-btm-bar .row .col-lg-3:nth-child(2) {
    padding-left: 125px;
}
.about-btm-bar .row .col-lg-3:nth-child(2) img {
    left: 65px;
}
.about-btm-bar .row .col-lg-3:nth-child(3) {
    padding-left: 94px;
}
.about-btm-bar .row .col-lg-3:nth-child(3) img {
    left: 30px;
}

.about-btm-bar .row .col-lg-3:nth-child(4) {
    padding-left: 115px;
}
.about-btm-bar .row .col-lg-3:nth-child(4) img {
    left: 55px;
}
.about-wrapper h1{
    margin: 0px 0px 15px 0px;
}



/* careers */

.innerpage-wrap {
    margin-top: 90px;
    margin-bottom: 90px;
}
.career-list-wrap .card-career {
    margin-bottom: 25px;
}
.card-career {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
.career-list-wrap .btn-link.collapsed {
    
    color: #fff;
}
.career-list-wrap .btn-link {
    width: 100%;
    padding: 10px 20px;
    margin: 0;
    text-align: left;
    outline: none !important;
    box-shadow: none !important;
	background: linear-gradient(90deg, rgb(23 167 107 / 87%) 0%, rgb(0 56 132 / 87%) 100%)!important;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    transition-duration: 0.3s;
    text-decoration: none !important;
    position: relative;
}

.career-list-wrap .btn-link font {
    background: var(--OrangeColor);
    color: #fff;
    font-size: 12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 20px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.career-list {
    width: 100%;
    
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.career-list h3 {
    width: 100%;
    padding: 0;
    margin: 0px 0px 10px 0px;
    font-size: 20px;
    color:#2c2c80;
}
.career-list h6 {
    width: 100%;
    padding: 0;
    margin: 6px 0px 0px 0px;
    color: var(--TextColor);
    font-weight: normal;
    font-size: 15px;
}

.card-career .btn-link:hover {
    color: #ffffff;
	background: linear-gradient(90deg, rgb(23 167 107) 0%, rgb(0 56 132 / 94%) 100%)!important;
}
.career-image {
    width: 100%;
    height: auto;
    position: sticky;
    top: 30%;
    float: left;
}
.career-image img {
    width: 100%;
    height: auto;
	border-radius: 10px;
}

.whychoose-features-inner-one h1 span{
    font-family:lora!important;
   
}
.career-list a {
    display: inline-block;
    background: #f37a20;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    padding: 10px 20px;
    border-radius: 3px;
    margin: 18px 0px 0px 0px;
}
.career-list a:hover {
    background:#2b2b80;
    color: #fff;
    text-decoration:none;
}

.career-note h3{
    font-size: 20px;
    text-align: left;
}
.career-note a{
  color:red;
}
.career-note a:hover{
  text-decoration:none;
}



/* Team */

.adminlist{
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #efefef33;
}
.adminlist h4 {
    font-weight: 800;
    padding: 0px 0px 30px;
    font-size: 40px;
    text-align: center;
}

.adminlist .custom-container {
    padding: 50px 7%;
}
.adminlist .leader-box {
    margin-bottom: 25px;
    min-height: 340px;
}
.adminlist .leader-box img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.adminlist .leader-box .content {
    padding: 20px;
	background-color: #00000008;
    border-radius: 10px;
}
.adminlist .leader-box .content:hover {
    background-color: #0000001f;
}
.adminlist .leader-box .content h6 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 3px;
	text-align: center;
}
.adminlist .leader-box .content p {
    font-weight: 300;
    margin-bottom: 0px;
	text-align: center;
}
.adminlist a:hover {
  text-decoration: none;
}
.admin-detail .admin-img {
    background-color: #f37a20;;
    padding: 25px;
    margin-bottom: 20px;
	border-radius:10px;
}
.leaders-detail-main .profile-img-box img {
    width: 200px;
    height: 200px;
    border-radius: 225px;
    display: block;
    margin: -130px auto 30px;
    object-fit: cover;
}
.admin-detail .custom-container {
    padding: 160px 7% 70px;
}
.admin-detail .profile-img-box h4 {
    font-family: 'Nunito Sans', sans-serif;
    text-align: center;
    color: #fff;
    font-weight: 600;
}
.admin-detail .profile-img-box h6 {
    text-align: center;
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
}
.admin-detail .profile-content p {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
}
.adminlist .row{
	justify-content: center;
}


.page-id-6 .solutions-wrapper .solution-item span {
    background: #38b38000!important;
	border:2px solid rgb(51, 47, 47);
}

/* service-inner */
.service-detail-main .custom-container {
    padding: 100px 7% 70px;
}
.service-img img{
	width: 100%;
    height: 100%;
    border-radius: 10px;
	/* border: 1px solid #f37a20; */
    padding: 3px;
}
.service-content p{
	text-align: justify;
}
.contact-messg p,
.contact-messg h3
{
   text-align: center;
   padding-left: 100px;
   padding-right: 100px;

}
.contact-messg h3
{
padding-top: 50px;
}
.contact-messg{
	margin-bottom: 30px;
} 
/* why choose us */
.whychoose-page{
    position: relative;
    background-color: #edf2f5;
}

.whychoose-page .custom-container {
    padding: 70px 7%;
}
.m-auto {
    margin: auto!important;
}
.whychoose-page h1{
	color: #003884;
    font-size: 40px;
}
.whychoose-page h3{
	font-size: 20px;
	line-height: 1.5;
	color: #49b889;
}
.whychoose-caption p{
	text-align: justify;
}
.inner-banner-provider .head a {
    color: #fff;
    border-radius: 5px;
    padding: 7px 25px;
    margin-top: 15px;
    display: block;
    width: fit-content;
    cursor: pointer;
	background-color: #f37a20;
}
.inner-banner-provider .head a:hover {
    text-decoration: none;
	background-color: #003885;
}
.whychoose-caption li {
    font-weight: 400;
    color: #000;
    line-height: 30px;
    font-size: 17px;
}
.whychoose-page img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 25px;
    padding: 5px;
    border: 1px solid #ffcb08;

}
 
/* point why choose */
.why-choose-cards-main .custom-container {
    padding: 80px 7%;
}
.why-choose-cards-main .card-box {
    -webkit-box-shadow: 0px 0px 17px -1px rgb(0 0 0 / 11%);
    -moz-box-shadow: 0px 0px 17px -1px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 17px -1px rgb(0 0 0 / 11%);
    border-radius: 15px;
    padding: 30px;
    min-height: 500px;
    height: 97%;
}

.why-choose-cards-main  .card-style{
	background: linear-gradient(90deg, rgb(23 167 107 / 11%) 0%, rgb(0 56 132 / 33%) 100%)!important;
}

.why-choose-cards-main .card-box img {
    height: 175px;
    object-fit: contain;
    margin-bottom: 30px;
}
.why-choose-cards-main .card-box h4 {
    font-size: 23px;
    text-align: center;
}
.why-choose-cards-main .card-box h4 {
    font-weight: bold;
    font-size: 24px;
    color: #003884;
    margin-bottom: 10px;
}
.why-choose-cards-main .card-box p {
   text-align: justify;
   color:#000;
}
.why-mb{
margin-bottom: 30px;
}
/* enroll */

.enroll-today h1{
	text-align: center;
	margin-top: 40px;
}
.enroll-today p{
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}
.enroll-form-pge {
    padding: 40px 40px 40px 40px!important;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
}
.enrollpage img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.enrollpage{
    margin-top: 40px;
}
.contact-page input[type=date]{
	width: 100%;
    background: none;
    border: 1px solid #cbcbcb;
    height: 42px;
    border-radius: 3px;
    outline: none;
    padding-left: 15px;
    font-size: 15px;
    transition-duration: 0.3s;
}
.wpcf7-select{
	width: 100%;
    background: none;
    border: 1px solid #cbcbcb;
    height: 42px;
    border-radius: 3px;
    outline: none;
    padding-left: 15px;
    font-size: 15px;
    transition-duration: 0.3s;
}
.certification{
    width: 100%;
    text-align: center;
    font-size: 32px;
    padding: 0;
    margin: 0px 0px 35px 0px;
    line-height: normal;
    font-weight: 500;
	text-align: center;
}

.ourclients-wrap span {
    width: 100%;
    float: left;
    height: 170px;
    border: 1px solid #bac8d0;
    border-radius: 5px;
    overflow: hidden;
}
.ourclients-wrap span img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.ourclients-wrap {
    margin-top: 90px;
    margin-bottom: 100px;
}
.footer-topsection {
    width: 100%;
    background: linear-gradient(90deg, rgba(77,162,109,1) 2%, rgba(77,162,112,0.6979166666666667) 43%, rgba(50,40,125,0.8155637254901961) 91%);
    min-height: 120px;
}
.footer-topsection .footertop-txt {
    width: 100%;
    position: relative;
    padding-left: 0;
}
.footer-topsection h4 {
    padding: 0;
    margin: 31px 0 0 0;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
}
.footer-topsection h6 {
    padding: 0;
    margin: 4px 0 0 0;
    float: left;
    color: #fff;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
}
.footer-topsection .download-brochure.bookdemo {
    right: 180px;
}
.footer-topsection .download-brochure {
    height: 42px;
	background: #ffffff4d;
    color: #ffffff;
    font-weight: 500;
    border-radius: 4px;
    line-height: 42px;
    padding: 0 15px;
    position: absolute;
    top: 39px;
    right: 0;
    text-decoration: none;
}
.footer-topsection .download-brochure:hover {
background-color: #f37a2096;
}
.footer-topsection ul {
    padding: 0;
    margin: 39px 0 0 0;
    width: 100%;
    text-align: right;
}
.footer-topsection ul li {
    list-style: none;
    display: inline-block;
}
.footer-topsection ul li a {
    width: 42px;
    height: 42px;
    background-color: #ffffff75;
    border-radius: 4px;
    display: block;
    text-align: center;
    color: #fff;
    margin: 0 3px;
    line-height: 42px;
}
.footer-topsection ul li a:hover{
	background-color: #f37a2096;
}
.why-choose-cards-main .card-box img {
  width:350px;
}
.submit-btn{
    margin-top:30px;
}
.send-message-wrapper .wpcf7-submit {
    width: 100%;
    padding: 0;
    margin: -7px 0px 0px 0px;
    height: 42px;
    border-radius: 3px;
    background: #f37a20;
    border: none;
    outline: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
}








@media only screen and (max-width:1100px){
	.vision-mission-wrap .col-lg-6 {
		padding-bottom: 20px;
	}
	
}

@media only screen and (min-width:768px) and (max-width:999px){
	.col-md-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
		border: 1px solid #fff;
		border-radius: 5px;
	}
	.adminlist .row {
		justify-content: unset;
		width: 115vh;
	}
	.adminlist h4 {
		text-align: left;
	}
	.footerwrapper .col-lg-3{
		padding-bottom: 20px;
	}
	.whychoose-page .custom-container {
		padding: 30px 7% 30px;
	}
	
}

@media only screen and (max-width:767px){
	.servicescroll .draggable{
		height: 300px;
	}
	.serviceBox .title {
		    margin: 43px 0 0px !important;
	}
	
	.f-nav .header-wrapper .col-lg-7 {
    padding-top: 7px;
}
	.header-wrapper{
		  display: flex;
         align-items: center;
	}
	.header-wrapper .logo {
		margin-top:0px!important;
		width:160px!important;
	}
	.header-wrapper .col-lg-7 {
    padding-top: 0px;
	}
	.header-wrapper .col-md-3 {
		margin-bottom:0px;
	}
	.header-wrapper .logo {
		margin-top: 0px;
	}
	.home-portfolio {
		    margin-bottom: 16px;
	}
	.home-portfolio .container {
		height: 475px;
	}
	.home-portfolio .container .slide .port-item {
		border-radius:0px!important;
		height: 455px;
	}
	.home-portfolio .slide .port-item .overlay {
		border-radius: 0px!important;
	}
    .mobile-icon {
        width: 100%!important;
	}
	.item {
	height: auto;
	}
	.item img {
		height:100%;
	}
	#center-icon {
		left: calc(50% - 42px);
    top: calc(44% - 28px);
		height: 49px;
    width: 75px;
	}
	#orbit-whatsapp {
		left: calc(54% - 70px);
    top: calc(47% - 75px);
		    height: 100px;
    width: 100px;
	}
	#orbit-hosting {
		left: calc(47% - 90px);
    top: calc(42% - 89px);
		height: 200px;
    width: 200px;
	}
	#orbit-webdev {
    height: 300px;
    width: 300px;
    left: calc(39% - 105px);
    top: calc(38% - 112px);
	}
	#orbit-sms {
	height: 384px;
    width: 384px;
    left: calc(39% - 150px);
    top: calc(35% - 130px);
	}
	#whatsapp {
		    top: -58%;
	}
	#sms {
	top: -4%;
    transform: rotate(68deg);
	}
	#webdev {
		    top: -9%;
	}
	#hosting {
		    top: -28%;
	}
	.items{
		    margin-bottom: 30px;
	}
	.mobile-view{
		display:block;
	}
	.desk-view{
		display:none;
	}
	.ourclients-wrap span img {
		height: 160px;
	}
	.col-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.banner-bottom-align .col-xl-2dot4 {
		padding-left: 5px;
		padding-right: 5px;
	}
	.banner-bottom-align .row {
		margin-left: -6px;
		margin-right: -6px;
	}
	.solutions-wrapper p {
		padding-left: 0px; 
		 padding-right: 0px;
	}
	.wor-pre {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
		border: 1px solid #ffcb0866;
		border-radius: 5px;
	}
	.service-content{
		padding-top: 20px;
	}
	.whychoose-page .custom-container {
		padding: 30px 0% 30px;
	}
	.contact-page .col-lg-5 {
		margin-bottom: 0px; 
	}
	.innnerport {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
	.footerwrapper {
		padding-left:0px;
		padding-right:0px;
	}
	#footerheading {
		padding-right:0px !important;
	}
}

@media only screen and (min-width:1100px) {
	.home-banner-wrap .banner-caption .col-lg-6 {
		padding-left: 75px;
	}
}

@media screen and (max-width: 480px){
.send-message-wrapper {
    padding-top: 60px;
}
}
@media screen and (max-width: 480px){
.send-message-wrapper {
    margin-top: 60px;
}

}
@media only screen and (min-width:992px) and (max-width:1220px){
			.home-portfolio .slide .port-item:nth-child(4) {
       top: 40%;
        left: calc(54% + 154px);
        width: 200px;
        height: 200px;
}
	#icon-universe {
		display:block;
	}
	.mobile-icon{
		display:none;
	}
.home-portfolio .slide .port-item:nth-child(3) {
       left: 47%;
        width: 200px;
        height: 200px;
        top: 40%;
    
}
	.home-portfolio .container .slide .port-item {
		border-radius:0px!important;
	
	}
	.home-portfolio .slide .port-item .overlay {
		border-radius: 0px!important;
	}
	#center-icon {
		height: 50px;
    width: 73px;
		left: calc(54% - 62px);
    top: calc(43% - 17px);
	}
	#orbit-whatsapp {
		height: 100px;
    width: 100px;
    left: calc(53% - 70px);
    top: calc(49% - 78px);
	}
	.icon {
		 width: 70px;
        height: 70px;
	}
	#whatsapp {
		top: -39%;
	}
	#orbit-hosting {
    height: 200px;
    width: 200px;
    left: calc(50% - 100px);
    top: calc(41% - 80px);
	}
	#hosting {
	top: -15%;
	}
	#orbit-webdev {
		    height: 300px;
    width: 300px;
    left: calc(43% - 108px);
    top: calc(37% - 106px);
	}
	#orbit-sms {
    height: 400px;
    width: 400px;
    left: calc(44% - 164px);
    top: calc(33% - 130px);
	}
	#icon-universe {
		    right: 75px;
	}
}
@media screen and (max-width: 991px){
		.home-portfolio .slide .port-item:nth-child(4) {
        top: 84%;
        left: calc(17% + 153px);
        width: 150px;
        height: 150px;
}
.home-portfolio .slide .port-item:nth-child(3) {
         left: 15%;
        width: 150px;
        height: 150px;
        top: 84%;
    }

	.home-portfolio .container .slide .port-item {
		border-radius:0px!important;
		
	}
	.home-portfolio .slide .port-item .overlay {
		border-radius: 0px!important;
	}
.send-message-wrapper {
    padding-bottom: 0px;
}
		#icon-universe {
		height: 127vh;
		width: 76vh;
		margin:auto;
		display:none;
	}
	.mobile-icon{
	        width: 500px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 400px;
        display: block;
        margin: auto;
	}
}
@media screen and (max-width: 980px){
.send-message-wrapper .google-maps-wrap {
    position: relative;
    width: 100%;
    height: 400px;
   margin-top: 45px;
}
.banner-caption span h2 {
    background: linear-gradient(90deg, rgb(23 167 107 / 60%) 0%, rgb(0 56 132 / 66%) 100%)!important;
   
}
}

@media (min-width: 992px){
.pl-lg-5, .px-lg-5 {
    padding-left: 3rem!important;
}
.about-wrapper {
    margin-left: 80px;
}
.about-wrapper .lisc{
    padding-right:30px;
    border-right: 1px solid #f37a20;
}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		padding: 0px 17px 0px 20px !important;
	}
	.about-wrapper {
    margin-top: 11vh;
}
}

@media (min-width: 992px){
.pr-lg-4, .px-lg-4 {
    padding-right: 1.5rem!important;
}
}

@media only screen and (min-width:768px) and (max-width:1050px){
	.page-id-6 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    color: #fff;
}
    /* .about-wrapper {
    margin-top: 0vh;
} */
	.servicescroll .draggable{
		    height: 422px;
	}
	.abouttalento{
		    margin-bottom: 20px;
	}
	.item img {
    width: 100%;
	}
.about-wrapper .page-heading {
    margin-top: 0px;
}
.about-wrapper .lisc {
    padding-right: 30px;
    border-right: 1px solid #f37a20;
}
.about-wrapper .readmore-btn {
    margin-left: 80px;
}
.service-wrapper h1{
    text-align: center !important;
}
.whychoose-features-inner-one .col-md-2{
    padding-left:0px;
    padding-right:0px;
}
.whychoose-features-inner-one .img img {
    height: 350px;
}
.footer-topsection h6 {
    margin: 4px 0 30px 0;
}
.google-maps-wrap iframe{
    width:850px;
}
 .slick-track {
    top: 100px;
}
/* .home-banner-wrap img {
	height: 75vh;
	object-fit: cover;
	width:100%;
} */
.banner-caption span h2 {
    font-size: 30px!important;
}
.home-banner-wrap .banner-caption .col-lg-6 {
    height: 40vh;
}
/* .home-banner-wrap {
    height: 60vh;
} */
.whychoose-page h1 {
    margin-top: 25px;
}
.why-choose-cards-main .why-mb {
    flex: 0 0 50%;
    max-width: 50%;
}
.why-choose-cards-main .card-box img {
    width:250px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 20px 0px 0px !important;
	}
}


@media only screen and (max-width:767px){
    .innerpage-header h2 {
    font-size: 14px;
    padding-left:30px;
    padding-right:30px;
}
    .slick-track {
    top: 100px;
}
.home-banner-wrap img {
    height: 50vh;
}
.banner-caption span h2 {
    font-size: 20px!important;
}
.home-banner-wrap .banner-caption .col-lg-6 {
    height: 40vh;
}
    .about-wrapper {
        margin-top: 40px;
    }
.about-wrapper .page-heading {
    margin-top: 0px;
}
.abouttalento {
	margin-top: 50px;
    text-align: center;
}
.lisc{
    width:100%;
}
.about-wrapper .readmore-btn {
    left: 0%; 
    margin-left: 0px; 
}
.solutions-wrapper h1 {
    text-align: center!important;
    margin-bottom: 0px!important;
}
.servicescroll{
    margin-top:-50px;
}
.whychoose-features-inner-one h1{
    font-size:35px;
}
/* .solutions-wrapper .solution-item h4 {
    margin: 23px 0px 105px 0px;
} */
.whychoose-features-inner-one .content .ft-content h6 {
    font-size: 17px;
}
.whychoose-features-inner-one .col-md-2{
    padding-left:0px;
    padding-right:0px;
}
.whychoose-features-inner-one .img img {
    height: 330px;
    width: 100%;
}
.footer-topsection ul {
    margin: 20px 0 30px 0px;
    text-align: left;
}
.footerwrapper h4 {
    margin: 20px 0px 20px 0px;
}
.page-id-6 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    color: #ffffff;
}
.about-btm-bar {
    width: 84%;
    min-height: 71px;
}
.about-page-middle {
    padding: 40px 0px;
}
.whychoose-page h1 {
    font-size: 30px;
    margin-top: 25px;
}

.why-choose-cards-main .card-box img {
    width:250px;
}
.career-note h3 {
    font-size: 12px;
}
.contact-messg p, .contact-messg h3 {
    padding-left: 0px;
    padding-right: 0px;
}
.contact-form-pge{
    margin-top:80px;
	justify-content: center;
}
}
.bornfireabout{
font-family: "Poppins", sans-serif !important;
color: #FFFFFF;
font-weight: 300;
font-size: 100px;
line-height: 100px;

}
.bornfireads{
color:#F37A20;
font-family: "Bakbak One", sans-serif !important;
/* border: 2px; */
font-weight: 550;
line-height: 10px;
font-size: 40px;

}
#ourabout{
color:#ffffff;
padding-right: 10px;
}

#ourservice{
color:#F37A20;
}
/* 
.serviceicon {
height: 100px;
margin-left: auto;
margin-right:auto;
width:100px;
}



 */

#readmore {
    border: none; /* Remove border */
    color: #F37A20;
    display: inline-block !important;
    margin-left: 5px;
}
.bornfireaboutbrands{
	font-family: "Poppins", sans-serif !important;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 100px;
	/* line-height: 100px; */
	font-size: 41px;
}
.bornfireadsbrands{
	color:#F37A20;
	font-family: "Poppins", sans-serif !important;
	/* border: 2px; */
	font-weight: 400;
	line-height: 10px;
	font-size: 31px;
	
	}

@media screen and (min-width: 992px){
.about-wrapperbrands {
    margin-left: 80px;
	margin-right: 80px;
}
}
.about-wrapperbrands {
    margin-top: 80px;
}
.about-wrapperbrands .about-image img {
    width: 100%;
    height: 490px;
    object-fit: cover;
}
.about-wrapperbrands .col-lg-6:first-child {
    padding-right: 50px;
    position: relative;
}
.about-wrapperbrands .about-image {
    width: 100%;
    height: 490px;
    border-radius: 5px;
    display: block;
    margin-top: 0px;
    overflow: hidden;
}
.about-wrapperbrands .readmore-btn {
    margin-top: 25px;
}

.bornfireaboutbanner{
	font-family: "Poppins", sans-serif !important;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 84px;
	line-height: 100px;
	font-size: 52px;
}
.bornfireadsbanner{
	color:#F37A20;
	font-family: "Poppins", sans-serif !important;
	/* border: 2px; */
	font-weight: 400;
	line-height: 10px;
	font-size: 84px;
	
	}
.headingmain {
	padding-top:auto !important;
	padding-bottom:auto !important;
	/* margin-top:auto;
	margin-bottom: auto; */
	    position: absolute;
        bottom: 142px;
}
.bornbanner{
	font-family: "Poppins", sans-serif !important;
	color: #FFFFFF;
	/* line-height: 20px; */
	padding-top:25px;
	font-size:25px;
}

#banspan{
	display: inline;
	color:#ffffff;
	font-family: "Poppins", sans-serif !important;
}
/* .bornfireadsbanner{
display: inline;
} */

.header-wrapper .logo {
    width: 208px;
    height: 65px;
    background: url(../bonfire/assets/img/bornfirelogo.png) no-repeat;
    background-size: contain; 
    float: left;
    margin-top: 10px;
}
.f-nav .header-wrapper .logo {
    height: 45px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 140px;
    background-size: 100%;
}
.services h1{
	text-align: center;
}
.services h4{
	color: #ffffff;	
}
.portfo{
	text-align: center;
	padding: 50px 0px 50px 0px;
}
.vp-portfolio__items-style-emerge .vp-portfolio__item-caption a:hover,.vp-portfolio__items-style-emerge .vp-portfolio__item-caption a:focus {
    color: #f37a20 !important;
}
.innnerport{
	margin-top:100px;
	margin-bottom:100px;
}
.service-img2 img{
	    width: 100%;
    height: 335px;
    border-radius: 10px;
    object-fit: cover;
}

  .switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 22px;
  }
  
  .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f37a20;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	left: 4px;
	bottom: 4px;
	background-color: #ffffff;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: #000000;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #f37a20;
  }
  
  input:checked + .slider:before {
	transform: translateX(18px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }
  .testheading {
text-align: center;
padding-top:50px;
padding-bottom: 40px;
  }

  .line {
    width: 1103px;
    height: 1px; 
    background-color: rgba(255, 255, 255, 0.235); 
}


  /* darkmodestyles */
  .dark-mode {
	background-color: rgb(255, 255, 255) !important;
	color: rgb(0, 0, 0) !important;
  }
  .dark-mode .aboutus-btn {
	color: #f37a20;
	border: 2px solid #F37A20;
	background-color: #00000000;
	border-radius: 0px;
	height: 40px;
	text-align: center;
	line-height: 35px;
}
.dark-mode .bornfireabout {
    font-family: "Poppins", sans-serif !important;
    color: #f37a20;
    font-weight: 300;
    font-size: 100px;
    line-height: 100px;
}
.dark-mode .bornfireads {
    color: #000;
    font-family: "Bakbak One", sans-serif !important;
    /* border: 2px; */
    font-weight: 550;
    line-height: 10px;
    font-size: 40px;
}
.dark-mode.page-id-6 .solutions-wrapper .solution-item span {
    background: #E9DCC9 !important;
	border:2px solid #f37a20;
}
.dark-mode .footerwrapper{
	background:#ffffff !important;
}
.dark-mode .footerwrapper h4 {
    width: 100%;
    padding: 0;
    margin: 0px 0px 20px 0px;
    color: #000;
    font-size: 22px;
    font-weight: 500;
}
.dark-mode .footerwrapper .col-lg-3 p {
    color: #000000;
}
.dark-mode .footerwrapper .col-lg-3 ul li a{
	color:#000;
}
.dark-mode .footerwrapper .col-lg-3 p a {
    color: #000;
    text-decoration: none;
}
.dark-mode p {
	color: #000000;
	/* font-size: 16px; */
	line-height: 28px;
}
.dark-mode .bornfireaboutbrands {
    font-family: "Poppins", sans-serif !important;
    color: #f37a20;
}
.dark-mode .bornfireadsbrands {
    color: #212529;
}
.dark-mode #ourabout {
    color: #f37a20;
    padding-right: 10px;
}
.dark-mode #ourservice {
    color: #212529;

}
.dark-mode #footcon {
	color: #ffffff;
}
.dark-mode .line {
    width: calc(100%-40px);
    height: 1px; 
    background-color: rgb(0, 0, 0); 
}
.lines {
    width: 100%; 
    height: 1px; 
    background-color: rgba(255, 255, 255, 0.155); 
}
.dark-mode .lines {
    width: 100%; 
    height: 1px; 
    background-color: rgba(0, 0, 0, 0.034); 
}
.dark-mode .solutions-wrapper .solution-item2  img  {
	opacity: 100%;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
   
    background-color: #f37a20;
}
/* mobile */

@media screen and (max-width: 700px) {
	
.bornfireaboutbanner{
	font-size: 35px;
}
.bornfireadsbanner {
	font-size: 50px;
}
.home-banner-wrap .banner-caption {
	top:10%;
}
.home-banner-wrap .banner-caption {

    padding-left: 0px !important;
}
.about-wrapper p {
    text-align: center;
    text-align: justify;
	padding-top:10px;
    margin-left: 20px;
    margin-right: 20px;
}
.about-wrapperbrands .col-lg-6:first-child {
    padding-right: 15px;
    position: relative;
}
.bornfireaboutbrands {
	font-size:35px;
}
.bornfireadsbrands {
    
    font-size: 30px;
	line-height: 20px;
}
.testheading{
	padding-bottom: 0px!important;
}
	.serviceBox img {
		min-height:200px;
	}

/* .abouttalento {
    
    margin-bottom: 50px;
} */
.about-wrapperbrands .about-image img {
    width: 100%;
    height: 490px;
    object-fit: contain;
}
.portfo {
    text-align: center;
    padding: 0px 0px 70px 0px;
}
.testimonial-item p{
	margin-left: 0px;
	margin-right: 0px;
}
.testimonials-page .testimonial-item{
	margin-bottom:30px;
}
.line {
    width: 300px !important; 
    height: 1px; 
    background-color: rgb(255, 255, 255); 
}
.dark-mode .line {
    width: 300px !important; 
    height: 1px; 
    background-color: rgb(0, 0, 0); 
}
.Social-media {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.servicecol{
	height:450px !important;


}
.about-wrapperbrands {
    margin-top: 0px;
}
.testimonial-item span {
    margin-top: -120px;
}
}
@media screen and (max-width: 400px){
	.bornfireadsbrands {
		font-size: 25px;
		line-height: 20px;
	}
	.bornfireadsbanner {
		font-size: 35px;
	}
	.bornfireaboutbanner {
		font-size: 28px;
	}
	.bornbanner {
		font-size: 22px;
		padding-top:10px;
	}
	.bornfireaboutbanner {
		
		line-height: 60px;
	}
	.banner-caption span p {
		margin-bottom: 30px;
		line-height: 34px;
	}
	#theabout{
		font-size: 140px !important;
		
	}
}
@media screen and (max-width: 450px){
	#theabout{
		font-size: 140px !important;
		justify-content: center;
	}
}

/* portflio page start  */

.portflioBox {
    background-color: #ffffff12;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
    position: relative;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    cursor: pointer;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border: 1px solid #ffffff17;
	height: 310px;
	position:relative;
}
.portflioBox .service-icon img {
    width: 100%;
    height: 236px;
    object-fit: cover;
    transition: transform 0.5s ease;
    border-radius: 10px;
}
.portflioBox:hover .service-icon img {
    transform: scale(1.1);
}
.portflioBox:hover {
    transform: translateY(-15px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.portflioBox .service-icon {
    position: relative;
    height: 180px;
    padding: 10px;
}
.portflioBox .title {
    font-size: 20px;
    font-weight: 400;
    margin: 20px 0 10px;
    color: #FF5722;
    transition: color 0.3s ease;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    text-transform: uppercase;
}
.portflioBox:hover .title {
    color: #fff;
}
.service-wrapper h1{
	        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
}
@media only screen and (min-width: 768px) {
    .serviceBox {
        height: 310px;
    }
}
/* portfolio page ends */

.testcol{
position: relative;
padding-right: 15px !important;
padding-left: 15px !important;
/* padding: 15px !important; */
}



.portinner{
	width: 100%;
	height: 100%;
}




@media only screen and (min-width:768px) and (max-width:1050px){
	.home-banner-wrap .banner-caption {
		top: 10%;
}
}
@media only screen and (min-width:768px) and (max-width:980px){
	
}
@media only screen and  (max-width:700px){
	.banner-caption {
		text-align: center;
	}
	
}

#theabout{
	color: #875d5d00;
	font-family: "Bakbak One", sans-serif !important;
	font-weight: 400;
	font-size: 200px;
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: rgba(255, 255, 255, 0.171);
	display: inline;
	position: absolute;
/*     top: 0;
    left: 0; */
	left: 15px;
    right: 15px;
    z-index: 0;
}
.dark-mode #theabout{
	-webkit-text-stroke-color: rgba(0, 0, 0, 0.066);	
}
.dark-mode .footerwrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
}
.dark-mode .footerwrapper {

	border-top: 1px solid #00000033;
}
/* Container and heading styling */
.container.innerpage-content-wrap.solution-page.services {
    padding: 60px 0;
   
}

.solution-page h1 {
    font-size: 3rem;
    text-align: center;
    font-weight: bold;
    color: #333;
    margin-bottom: 40px;
}

.solution-page h1 #ourabout {
    color: #fff; 
}

.solution-page h1 #ourservice {
    color: #F37A20;
}

/* Styling for service boxes */
.serviceBox {
    background-color: #ffffff12;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
    position: relative;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    cursor: pointer;
    padding-bottom: 20px;
	margin-bottom: 20px;
	    border: 1px solid #ffffff17;
}

.serviceBox:hover {
    transform: translateY(-15px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

/* Image container */
.serviceBox .service-icon {
    position: relative;
    height: 180px;
	padding: 10px;
    
}

.serviceBox .service-icon img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    transition: transform 0.5s ease;
    border-radius: 10px;
}

.serviceBox:hover .service-icon img {
    transform: scale(1.1);
}

/* Title styling */
.serviceBox .title {
    font-size: 20px;
    font-weight: 400;
    margin: 20px 0 10px;
    color: #FF5722;
    transition: color 0.3s ease;
    text-transform: uppercase;
}

.serviceBox:hover .title {
    color: #fff; /* Orange */
}

/* Underline effect for title on hover */
.serviceBox .title::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #FF5722;
    transition: width 0.3s ease;
    margin: 0 auto;
}

.serviceBox:hover .title::after {
    width: 30%;
}

/* Description (optional) */
.serviceBox .service-description {
    font-size: 1rem;
    color: #666;
    margin: 10px 20px 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.serviceBox:hover .service-description {
    opacity: 1;
}

/* Smooth hover effect for links */
.solution-service {
    text-decoration: none;
    color: inherit;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .col-md-3 {
        margin-bottom: 30px;
    }

    .serviceBox {
        margin-bottom: 20px;
    }
	.home-portfolio .button {
		display:none;
	}
	.home-portfolio .container {
		width: 100%;
	}
	.home-portfolio .content .name{
		font-size: 28px;
		width: 278px;

	} 
	.home-portfolio .port-item .content {
		    left: 46px;
	}
	.home-portfolio .slide .port-item:nth-child(4) {
        top: 84%;
        left: calc(18% + 154px);
        width: 80px;
        height: 80px;
}
	.home-portfolio .slide .port-item:nth-child(5){
		
	}
.home-portfolio .slide .port-item:nth-child(3) {
         left: 27%;
        width: 80px;
        height: 80px;
        top: 84%;
}
	.home-portfolio .slide .port-item:nth-child(1),
.home-portfolio .slide .port-item:nth-child(2){
	
	}
}


.rowcol {
 
    align-items: center;
}

@media only screen and (max-width: 1199px){
    .serviceBox{ margin: 0 0 30px; }
}
.overlaybg {
background: url(../bonfire/assets/img/bodyoverlay.png) top no-repeat;
z-index: -1;
}

@media only screen and (min-width:768px) and (max-width:1024px){
	.serviceBox img {
		vertical-align: middle;
		width: calc(100% - 20px);
		height: 130px;
		border-radius: 20px;
		border-style: none;
		object-fit: cover;
	}
	
/* .serviceBox .service-icon {
    width: 180px;
    height: 130px;
} */

}
@media only screen and (max-width:768px){
	.service-detail-main .custom-container {
		padding: 50px 7% 70px;
	}
	.primary-img img {
		width:100%;
	}
	.selector {
		flex-direction: column;
	}
	.selector-images {
		flex-direction: row-reverse;
	}
}

/* pointer events for test */
/* .page-id-6{
	pointer-events: none;
}
#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge {
	pointer-events:none;
	
} */

.switch{
	pointer-events: auto !important;
}
@media only screen and (max-width:700px){
	
	.contact-page .contact-item {
    width: 100%;
}
.addresses {
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
}
	
}
.solution-service:hover{
	text-decoration:none;
}
@media only screen and (min-width:768px){
	.serviceBox {height: 245px;}
}

.page-id-26 .services h1 {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.rowcol {
    align-items: center;
    padding-bottom: 30px;
}
.page-id-6 .solutions-wrapper h1 {
    text-align: center;
    padding-bottom: 30px;
}
.page-id-6 .solutions-wrapper {
	margin-top: 10px;
}
#portfolioh1{
	padding-bottom:30px !important;	
}
@media only screen and (max-width:768px){
#portfolioh1{
	padding-bottom:0px !important;	
}
	.page-id-6 .solutions-wrapper h1 {
		padding-bottom:0px;
}
	.solutions-wrapper {
    
    padding-top: 0px;
}
	
}
	
	
.footer-credit p {
    padding-left: 13px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: 34px;
    height: 34px;
    padding: 0px 20px 0px 20px;
    vertical-align: baseline;
    width: auto;
    display: block;
    color: #f37a20;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 3px 3px 3px 3px;
    font-family: inherit;
    font-size: 15px;
    font-weight: normal;
    outline: none;
}
#footerheading{
	padding-top:15px;
	text-align: justify;
	padding-right: 60px;
}

.page-id-616 .solutions-wrapper {
    margin-top:0px;
    padding-top: 50px;
    width: 100%;
    padding-bottom: 50px;
    overflow: hidden;
}
/* @media only screen and (max-width:768px){
.page-id-616 .solutions-wrapper .solution-item2 span img {
    object-fit: cover;
    transition-duration: 0.3s;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    height: 300px;
    width: 100%;
}
} */
.portfoliorow {
padding-bottom:30px;
}
.secondcolportfo{
/* 	padding:15px;
	padding-right: 25px !important; */
	background: #000;
}
.secondcolportfo h4{
	text-align: center;
   
}


@media only screen and (max-width:768px){
	
	.secondcolportfo h4{
		text-align: center;
		padding-right: 0px;
	}
	.service-img2 img {
		    margin-top: 10px;
		    height: 281px;
	}
	
}
@media only screen and (min-width:768px){
	
.page-id-6 .solutions-wrapper h1 {
    text-align: center;
    padding-bottom: 50px;
}

.page-id-168 .solutions-wrapper {
    padding-top: 0px;
}

.page-id-168 .solutions-wrapper {
    margin-top: 0px;
}
.page-id-168 .solutions-wrapper h1 {
   
    padding-bottom: 30px;
}
.page-id-26 .services h1 {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.page-id-26 .rowcol {
    padding-bottom: 80px;
}
.page-id-616  .solutions-wrapper h1 {
    padding-bottom: 50px;
}
}
.footer-credit {
    border-top: solid 2px rgba(255, 255, 255, 0.406);
}
.f-nav .header-wrapper {
    background: #000 !important;
}
@media only screen and (max-width: 768px){
	
	
	
.page-id-6 .solutions-wrapper h1 {
    padding-bottom: 20px;
    padding-top: 20px;
}
.page-id-6 .solutions-wrapper {
    margin-top: 30px;
}
.page-id-616 .solutions-wrapper h1 {
    margin-bottom: 45px !important;
}
.about-wrapperbrands .about-image {
   
    height: 400px !important;
  
}
.about-wrapperbrands .about-image img {
   
    height: 445px;
}
}

@media only screen and (width: 768px){
.about-wrapper {
    padding-right: 80px;
}
}
@media only screen and (min-width:768px) and (max-width:992px){
.abouttalento {
    margin-top: 50px;
    text-align: center;
}
	.primary-img img {
		width:100%;
	}
	.selector {
		    flex-direction: column;
	}
	.selector-images {
		flex-direction: row-reverse;
	}
}
@media only screen and (min-width:992px) and (max-width:1025px){
	.about-wrapper {
		padding-right: 80px;	
}
	.selector {
		    flex-direction: column;
	}
	.selector-images {
		flex-direction: row-reverse;
	}
}
@media only screen and (min-width:992px) and (max-width:1250px){
#theabout {
    font-size: 150px;
}
	.selector-images img {
		width: 135px;
	}
	.primary-img img {
    width: 318px;
	}
	
}
@media only screen and (max-width: 768px){

	.vp-portfolio__item-img-wrap{
		    height: 215px;
	}
.service-img2 {
    
    height: 350px;
    width: auto;
}
	.service-inner img {
		height: 180px;
	}
}
/* conatctpage start */

.contactp-item i{
	    font-size: 30px;
    color: #f37a20;
}
.contactp-item {
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    height:260px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
	border: 1px solid #f37a20;
	margin-bottom: 30px;
}
.contstyle{
	    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    height: 150px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #f37a20;
    margin-bottom: 30px;
}
.contactp-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.submit-btn{
	margin: auto;
    text-align: center;
    display: block;
}

/* Icon styling */
.contactp-item font {
    font-size: 28px;
    color: #007bff;
    margin-bottom: 10px;
}

/* Heading styling */
.contactp-item h6 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin: 10px 0;
}

/* Paragraph and link styling */
.contactp-item p, .contactp-item a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    margin: 0;
    line-height: 1.5;
}

.contactp-item a:hover {
    color: #fff; /* Link color on hover */
	text-decoration:none;
}
.add-det{
	    display: flex;
    justify-content: center;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .col-md-3 {
        max-width: 100%;
    }
    .contactp-item {
        max-width: 100%;
    }
}

.vp-portfolio__items-style-default .vp-portfolio__item-img img {
    border-radius: 20px!important;
}
.vp-portfolio__items-style-default .vp-portfolio__item-img {
    border-radius: 20px!important;
}
.vp-portfolio__item-meta a {
    text-transform: uppercase!important;
}