/*-----------------------------------------------------------------------------------
  Template Name: Simply Construction HTML Template.
  Template URI: #
  Description: Simply Construction is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: DevItems
  Version: 1.0


-----------------------------------------------------------------------------------
  
  CSS INDEX
  ===================

  01. Google fonts
  02. Scroll To Top
  03. About Area
  04. Service Area
  05. Offer Area
  06. Project Area
  07. Call to Action Area
  08. Team Area
  09. Testimonial Area
  10. Blog Area
  11. Brand Area
  12. Newsletter Area
  13. Counterup Area
  14. Google Map Area
  15. Bradcaump Area
  16. Our Mission Area
  17. Project Area
  18. Blog Details Area
  19. Single Service Area
  20. Single Project Area
  21. Contact Area
  22. Log In Register Area

-----------------------------------------------------------------------------------*/


/*----------------------------------------*/
/*  1. Google fonts
/*----------------------------------------*/

/*

    font-family: 'Raleway', sans-serif;

    font-family: 'sans-serif', sans-serif;

    font-family: 'Josefin Sans', sans-serif;


*/


/*************************
 Bootstrap Custom Container
************************/



.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {

	.container,
	.container-sm {
		max-width: 540px;
	}
}

@media (min-width: 768px) {

	.container,
	.container-md,
	.container-sm {
		max-width: 720px;
	}
}

@media (min-width: 992px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1140px;
	}
}

@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1140px;
	}
}

.row {
	--bs-gutter-x: 30px;
}

.row.g-0 {
	--bs-gutter-x: 0px;
}

a {
	text-decoration: none;
	font-family: sans-serif !important;
}

.container .row div[class^=col-] {
	position: relative;
}

.mx-n-15px {
	margin-left: -15px;
	margin-right: -15px;
}

.px-15px {
	padding-left: 15px;
	padding-right: 15px;
}

.mb-30px {
	margin-bottom: 30px;
}

.mb-n-30px {
	margin-bottom: -30px;
}

.row.no-gutters {
	--bs-gutter-x: 0px;
}

/*---------------------------------------
  02. Scroll To Top
----------------------------------------*/
#scrollUp {
	border-radius: 2px;
	bottom: 80px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	color: #fff;
	font-size: 28px;
	height: 45px;
	line-height: 45px;
	position: fixed;
	right: 15px;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 45px;
	z-index: 200;
	bottom: 15px;
}

#scrollUp:hover {}

@-webkit-keyframes scroll-ani-to-top {
	0% {
		opacity: 0;
		bottom: 0;
	}

	50% {
		opacity: 1;
		bottom: 50%;
	}

	100% {
		opacity: 0;
		bottom: 75%;
	}
}

@-moz-keyframes scroll-ani-to-top {
	0% {
		opacity: 0;
		bottom: 0;
	}

	50% {
		opacity: 1;
		bottom: 50%;
	}

	100% {
		opacity: 0;
		bottom: 75%;
	}
}

@keyframes scroll-ani-to-top {
	0% {
		opacity: 0;
		bottom: 0;
	}

	50% {
		opacity: 1;
		bottom: 50%;
	}

	100% {
		opacity: 0;
		bottom: 75%;
	}
}

#scrollUp:hover i {
	animation: 800ms linear 0s normal none infinite running scroll-ani-to-top;
	height: 100%;
	left: 0;
	margin-bottom: -25px;
	position: absolute;
	width: 100%;
	bottom: 0;
}

#scrollUp i {
	color: #fff;
}

#scrollUp {
    background: #612c00 none repeat scroll 0 0;
    box-shadow: 3px 3px 10px white;
    border-radius: 50px;
    font-size: 30px;
}


/*---------------------------------------
  End Scroll To Top
----------------------------------------*/
/*---------------------------------------
  03. About Area
----------------------------------------*/

.about {
/*	margin-left: -15px;*/
	margin-right: -15px;
	transition: all 0.5s ease 0s;
}

.about__inner h2 {
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
}

.about__inner h2:hover a {
	color: #000;
}

.about__inner p {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	margin-top: 15px;
}

.about__btn a {
	font-family: Raleway;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
}

.about__btn a:hover {
	color: #000;
}

.about__icon {
	position: relative;
	text-align: right;
	top: -11px;
}

.about__btn {
	margin-top: 10px;
}

.about {
	background: #fff none repeat scroll 0 0;
/*
	padding-bottom: 30px;
	padding-top: 30px;
*/
	position: relative;
}

.about__inner.about__hober__info {
	background: #10501b none repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: scaleY(0);
	transition: all 0.5s ease 0s;
}

.about__inner.about__hober__info.active {
	transform: scaleY(1);
}

.about__inner {
	background: #1f2d30 none repeat scroll 0 0;
	padding: 61px 12px 77px 13px;
	text-align: center;
}

.about:hover .about__inner.about__hober__info {
	transform: scaleY(1);
}

.about__inner.about__hober__info h2 {
	padding-top: 20px;
}

.about__inner.about__hober__info .about__icon {
	top: 31px;
}

.about__icon img {
	max-height: 39px;
}

/*-----------------------
About 2
--------------------------*/

.about--2 .about__inner {
	background: #fafafa none repeat scroll 0 0;
}

.about--2 .about__inner h2 {
	color: #1f2d30;
}

.about--2 .about__inner p {
	color: #606060;
}

.about--2 .about__btn a {
	color: #1f2d30;
}

.about--2 .about__inner.about__hober__info {
	background: #10501b none repeat scroll 0 0;
	    width: 100%;
}

.about--2 .about__inner.about__hober__info h2 {
	color: #fff;
}

.about--2 .about__inner.about__hober__info p {
	color: #fff;
}

.about--2 .about__inner.about__hober__info .about__btn a {
	color: #fff;
}

.text__pos {
	position: relative;
}

.text__shape {
	left: 128px;
	position: absolute;
	top: 50%;
}

.text__shape h2 {
	color: #f7f7f7;
	font-family: Josefin Sans;
	font-size: 120px;
	font-weight: 700;
	letter-spacing: 15px;
	writing-mode: vertical-rl;
	transform: rotate(180deg) translateY(50%) translateX(0);
}

/*---------------------------------------
  04. Service Area
----------------------------------------*/

.section__title h2.title__line {
	color: #1f2d30;
	font-size: 33px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center
}
/*
.section__title h3.title__line {
    color: #1f2d30;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
	text-shadow: 2px 8px 10px gray;
    text-decoration: underline;
}
*/
.section__title h3.title__line {

color: #612c00;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center !important;
    text-shadow: 2px 8px 10px 612c00;
    text-decoration: underline;
    border: 1px solid;
    display: inline-block;
    position: relative;
    padding: 5px 15px 5px 15px;
    box-shadow: 5px 5px #612c00;
}

.section__title p {
	color: #606060;
	margin: 21px auto auto;
	text-align: center
	
}

.service__thumb a img {
	width: 100%;
}

.service__thumb {
	position: relative;
}

.service__section__wrap .service__thumb {
	margin-left: -15px;
}

.service__hover {
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: 2;
}

.service__hover::before {
	background: #10501bad none repeat scroll 0 0;
	content: "";
	height: 100%;
	opacity: 0.85;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.service__action {
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

.service__action a {
	color: #fefefe;
	font-family: Raleway;
	font-size: 20px;
	font-weight: 700;
	transition: all 0.4s ease 0s;
}

.service__action a:hover {
	color: #fff;
}

.service__details h2 {
	color: #1f2d30;
	font-size: 20px;
	font-weight: 700;
	margin-top: 18px;
	text-align: center;
	text-transform: uppercase;
}

.service:hover .service__hover {
	opacity: 1;
}

.container-fluid .section__title p {
	width: 34%;
}

/*Service Page*/

.service__page .service {
	margin-top: 70px;
}

.service__page .service__section__wrap {
	margin-top: -10px;
}

.service--2 .container-fluid .section__title p {
	margin-bottom: inherit;
	margin-left: inherit;
	margin-right: inherit;
	margin-top: 21px;
	text-align: left;
	width: 72%;
}

/*---------------------------------------
  05. Offer Area
----------------------------------------*/

.offer {
	display: flex;
}

.offer__icon img {
	max-width: 47px;
}

.offer__icon {
	margin-right: 18px;
}

.offer__details p {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	padding-right: 29px;
}

.offer__details h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 8px;
    text-transform: uppercase;
    /* margin-top: 20px; */
}

.offer.separator {
	position: relative;
}

.offer.separator::before {
	background: rgba(0, 0, 0, 0) url("images/icons/line.png") no-repeat scroll 100% 100% / cover;
	content: "";
	height: 150px;
	left: -43px;
	position: absolute;
	top: 0;
	width: 1px;
}

/*Offer Style 2*/
.htc__offer__area {
	position: relative;
}

.htc__offer__2 .htc__offer__thumb {
	position: absolute;
	right: 0;
	top: 0;
	width: 44%;
}

.htc__offer__2 .htc__offer__container .offer + .offer {
	margin-top: 46px;
}

.htc__offer__2 .htc__offer__container {
	padding: 69px 0;
}

.htc__offer__2 .offer__details h2 {
	font-size: 20px;
	margin-bottom: 3px;
}

.htc__offer__area.htc__offer--2 {
	padding: 80px 0;
	background: #10501b;
}

.htc__offer--2 .h1__offer__image {
	position: absolute;
	right: 3%;
	top: -40%;
	width: 21%;
	z-index: 3;
}


/*---------------------------------------
  06. Project Area
----------------------------------------*/

.project {}

.project__thumb {
	position: relative;
	z-index: 4;
}

.project__hover__info {
	background: rgb(76 175 80 / 38%) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: 1;
}

.project__action {
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 5;
}

.project__action h2 {
	color: #fefefe;
	font-size: 20px;
	font-weight: 700;
}

.project__hover__info::before {
	border: 1px solid #fff;
	bottom: 50px;
	content: "";
	height: auto;
	left: 45px;
	position: absolute;
	right: 45px;
	top: 50px;
	width: auto;
	z-index: 2;
}

.project__action h4 {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin-top: 17px;
}

.project__action > h2:hover a {
	color: #fff;
}

.project__action h2 a {
	transition: all 0.4s ease 0s;
}

.project:hover .project__hover__info,
.project__itm:hover .project__hover__info {
	opacity: 1;
}

.project__thumb a {
	display: block;
}

.project__thumb a img {
	width: 100%;
}

.project__itm {
	margin-top: 30px;
}

/*---------------------------------------
  07. Call to Action Area
----------------------------------------*/

.callto__action__wrap {
    align-items: center;
    display: inline-grid;
    height: 175px;
    justify-content: space-between;
}

.callto__action__wrap h2 {
    color: #fffffe;
    font-size: 27px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.htc__btn--transparent {
	border: 1px solid #fff;
	display: inline-block;
	font-family: Raleway;
	font-size: 18px;
	font-weight: 700;
	height: 45px;
	line-height: 44px;
	padding: 0 36px;
	transition: all 0.5s ease 0s;
}

.htc__btn--transparent:hover {
    background: black none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
}

.callto__action__wrap {
	position: relative;
	z-index: 1;
}


/*---------------------------------------
  08. Team Area
----------------------------------------*/

.team__inner {
	position: relative;
}

.team__thumb img {
	width: 100%;
}

.team__hover__info {
	background: rgba(252, 194, 54, 0.85) none repeat scroll 0 0;
	bottom: 0;
	left: 0;
	padding: 25px 0;
	position: absolute;
	transform: scaleY(0);
	transform-origin: center bottom 0;
	transition: all 0.5s ease 0s;
	width: 100%;
}

.team__social__link {
	display: flex;
	justify-content: center;
}

.team__social__link li a {
	color: #000;
}

.team__social__link li {
	margin: 0 13px;
}

.team__social__link li a i {
	background: #fff none repeat scroll 0 0;
	border-radius: 100%;
	color: #10501b;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	transition: all 0.4s ease 0s;
	width: 30px;
}

.team__social__link li a:hover i {
	background: #000 none repeat scroll 0 0;
	color: #fff;
}

.team__details {
	background: #1f2d30 none repeat scroll 0 0;
	border-top: 1px solid #ffffff;
	padding: 23px 0;
	text-align: center;
	transition: all 0.5s ease 0s;
}

.team__details h2 a {
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	transition: 0.5s;
}

.team__details h2 {
	line-height: 14px;
}

.team__details h2 a:hover {
	color: #000;
}

.team__details h4 {
	color: #ffffff;
	font-family: sans-serif;
	font-weight: 300;
	margin-top: 10px;
	text-transform: capitalize;
}

.team:hover .team__details {
	background: #10501b none repeat scroll 0 0;
}

.team:hover .team__hover__info {
	transform: scaleY(1);
}

.htc__team__container {
	position: relative;
	z-index: 2;
}

.team {
	margin-top: 30px;
}

/*-------------------
    Team 2
--------------------*/


.h1__team--one .team__social__link {
	display: block;
	margin-top: -15px;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.h1__team--one .team__social__link li {
	margin: 15px 0;
}

.h1__team--one .team__hover__info {
	bottom: auto;
	height: 100%;
	left: 0;
	padding: 0;
	top: 0;
	transform: scaleX(0);
	width: 85px;
}

.h1__team--one .team:hover .team__hover__info {
	transform: scaleX(1);
}

/*---------------------------------------
  09. Testimonial Area
----------------------------------------*/


.reguest__quote,
.htc__testimonial__wrap {
	position: relative;
	z-index: 2;
}

.htc__testimonial__area .section__title p {
	margin-bottom: inherit;
	margin-left: inherit;
	margin-right: inherit;
	margin-top: 20px;
	width: 100%;
	color: white;
}

.htc__testimonial__area .section__title {
	margin-bottom: 47px;
}

/*
.section__title.text-left {
	margin-bottom: 47px;
}
*/

.testimonial {
	align-items: center;
/*	display: flex !important;*/
	position: relative;
	flex-direction: column;
}

.testimonial__thumb img {
    width: 100%;
    height: 100%;
}
.testimonial__thumb {
	margin-right: 40px;
	min-width: 0% !important;
}

.testimonial__activation--2 .testimonial__thumb {
	margin-right: 25px;
	min-width: 37%;
}

.testimonial__activation--2 .testimonial__details p {
	font-style: italic;
	padding-right: 19px;
}

.testimonial__details h2 {
    color: #fff;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-top: 5px;
    text-transform: capitalize;
    text-align: center;
}
.testimonial__details a:hover {
    color: #fff;
    
}

.testimonial__details h4 {
	color: #606060;
	font-family: sans-serif;
	font-size: 14px;
	margin-top: 7px;
}

.single__cl__form {
	display: flex;
	margin-bottom: 20px;
	margin-left: -15px;
	margin-right: -15px;
}

.single__cl__form input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #e1e1e1;
	height: 40px;
	line-height: 40px;
	margin: 0 15px;
	padding: 0 20px;
	width: 50%;
	color: #606060;
}

.single__cl__form input::-moz-placeholder {
	color: #606060 !important;
}

.single__cl__message textarea::-moz-placeholder {
	color: #606060 !important;
	opacity: 1;
}

.clint__submit__btn a {
	padding: 0 17px;
}

.single__cl__message textarea {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #e1e1e1;
	margin-bottom: 22px;
	min-height: 155px;
	padding-left: 20px;
	padding-top: 12px;
}

.htc__testimonial__wrap .slick-dots {
    bottom: -25px;
    /* right: -57px; */
}

.htc__testimonial__wrap .slick-dots li.slick-active button::before,
.htc__testimonial__wrap .slick-dots li button:hover::before {
	background: #10501b none repeat scroll 0 0;
	opacity: 1;
}

.htc__testimonial__wrap .slick-dots li button::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 10px;
	opacity: 1;
	width: 10px;
	transition: 0.4s;
}

.htc__testimonial__wrap .slick-dots li {
	height: 10px;
	margin: 0;
	padding: 0;
	width: 10px;
}

.htc__testimonial__wrap .slick-dots li + li {
	margin-left: 10px;
}

.tes__icon i {
	color: #c7c0c0;
	font-size: 18px;
	margin-bottom: 18px;
}

/*----------------------------
    Testimonial 2
-----------------------------*/

.htc__testimonial__area.testimonial__2 .section__title p {
	margin: 0;
}

.htc__testimonial__left h2.title__line {
	color: #1f2d30;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.htc__testimonial__left p + p {
	margin-top: 15px;
}

.testimonial__2 .htc__testimonial__wrap .slick-dots {
	bottom: -70px;
	left: -99%;
	right: auto;
}

.testimonial__2 .htc__testimonial__left p {
	padding-right: 14px;
}

.testimonial__2 .testimonial__details h2 {
	margin-top: 17px;
}




/*---------------------------------------
  10. Blog Area
----------------------------------------*/

.blog__thumb a {
	display: block;
}

.blog__thumb a img {
	width: 100%;
}

.blog__thumb {
	padding-bottom: 24px;
	position: relative;
}

.blog__hover__info {
	bottom: 0;
	left: 0;
	padding: 0 26px;
	position: absolute;
	width: 100%;
	z-index: 5;
}

.blog__meta {
	align-items: center;
	background: #10501b none repeat scroll 0 0;
	border: 2px solid #fff;
	border-radius: 25px;
	display: flex;
	height: 50px;
	justify-content: center;
	padding: 0 25px;
	transition: 0.4s;
}

.blog:hover .blog__meta {
    background: black;
   
}

.blog:hover .blog__meta li a,
.blog:hover .blog__meta li {
	color: #fff;
}

.blog__meta li a {
	color: #fff;
	display: inline-block;
	text-transform: capitalize;
	transition: 0.4s;
}

.blog__meta li a:hover {
	color: #10501b;
}

.blog__meta li {
    color: black;
    font-size: 19px;
    font-weight: 500;
    transition: 0.4s;
	font-family: 'sans-serif';
}
.blog__meta li + li {
	margin-left: 20px;
}

.blog__details h2 {
	color: #606060;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	margin-top: 25px;
	text-transform: uppercase;
}

.blog__btn a {
	color: #b6b6b6;
	font-family: Raleway;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
}

.blog__btn a i {
	padding-left: 9px;
}

.blog__btn a:hover {
	color: #10501b;
}

.blog__btn {
	margin-top: 16px;
}

.blog {
	margin-top: 30px;
}

/*--------------------------
    Blog 2
----------------------------*/
.htc__blog--2 .blog__hover__info {
	padding: 0;
}

.htc__blog--2 .blog__meta {
	border: 2px solid transparent;
	border-radius: 0;
}

.blog--one,
.blog--two {
	margin-top: -30px;
}

.blog--two .blog__hover__info {
	padding: 0 86px;
}

.blog--three {
	margin-top: -60px;
}

.blog--three .blog {
	margin-top: 60px;
}

.blog--one .blog__hover__info {
	padding: 0 130px;
}

.blog__video {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 999;
}

.blog__activation {
	position: relative;
}

.blog__activation .owl-nav div {
	height: 60px;
	left: 30px;
	line-height: 67px;
	position: absolute;
	top: 50%;
	width: 38px;
}

.blog__activation .owl-nav div.owl-next {
	left: auto;
	right: 30px;
}

.blog__activation.owl-theme .owl-nav [class*="owl-"] {
	background: rgba(207, 207, 208, 0.6) none repeat scroll 0 0;
	margin: 0;
	padding: 0;
}

.blog__activation .owl-nav div i {
	color: #303030;
	font-size: 30px;
}

.blog--details .htc__bl__dtl__inner {
	padding-right: 30px;
}

/*---------------------------------------
  11. Brand Area
----------------------------------------*/


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

.brand__list li a {
	display: block;
}

/*
.htc__brand__area {
	padding-bottom: 125px;
	padding-top: 126px;
}
*/

/*---------------------------------------
  12. Newsletter Area
----------------------------------------*/


.news__input input::-moz-placeholder {
	color: #979797;
	opacity: 1;
}

.newsletter__wrap {
	text-align: center;
}

.newsletter__wrap h2 {
	color: #1f2d30;
	font-weight: 700;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.newsletter__wrap h4 {
	color: #606060;
	font-family: sans-serif;
	font-size: 18px;
}

.newsletter__form {
	margin: 40px auto auto;
	width: 655px;
}

.htc__news__inner {
	position: relative;
}

.news__input input {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: transparent none repeat scroll 0 0;
	border-color: currentcolor currentcolor #d7d7d7;
	border-image: none;
	border-style: none none solid;
	border-width: 0 0 1px;
	color: #979797;
	padding-bottom: 7px;
}

.clearfix.subscribe__btn {
	bottom: 0;
	position: absolute;
	right: 0;
}

.news__input {
	width: 500px;
}

.subscribe__btn input {
	background: #10501b none repeat scroll 0 0;
	border: 1px solid #10501b;
	color: #fff;
	font-family: Raleway;
	font-size: 12px;
	font-weight: 700;
	height: 35px;
	padding: 0 20px;
	transition: all 0.3s ease 0s;
}

.subscribe__btn input:hover {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #000;
	color: #000;
}

.htc__newsletter__area {
	position: relative;
}

.newsletter__thumb {
	position: absolute;
	right: 4%;
	top: 50%;
	transform: translateY(-50%);
	width: 21%;
}

/*---------------------------------------
  13. Counterup Area
----------------------------------------*/

.htc__counterup__wrap {
	align-items: center;
	display: flex;
	justify-content: space-around;
}

.fact__count span.count {
	color: #000;
	font-size: 40px;
	font-weight: 700;
}

.fact__title h2 {
	color: #000;
	font-size: 16px;
	font-weight: 800;
	margin-top: 6px;
	text-transform: uppercase;
}

.h1__countdown .htc__callto__action h2 {
	font-size: 43px;
	font-weight: 700;
	margin-bottom: 18px;
}

.h1__countdown .htc__callto__action {
/*	padding-bottom: 25px;*/
	padding-top: 60px;
}

.h1__countdown .htc__call__btn {
	margin-top: 36px;
}

.h1__countdown .htc__callto__action p {
	width: 65%;
}

.h1__countdown .htc__counterup__wrap {
    height: 145px;
    /* padding: 0 157px; */
/*    max-width: fit-content;*/
    margin-bottom: 117px;
	    margin-top: 40px;

}
.counterup__left__thumb {
	margin-left: -15px;
	margin-right: 40px;
}




/*---------------------------------------
  14. Google Map Area
----------------------------------------*/


.map-contacts {
	position: relative;
}

#googleMap {
	height: 436px;
	width: 100%;
}

.htc__contact__address--2 {
	background: rgba(31, 45, 48, 0.92) none repeat scroll 0 0;
	bottom: 0;
	position: absolute;
	right: 18%;
}

.htc__contact__address--2 .map-contacts {
	position: relative;
}

.htc__contact__address--2 .htc__contact__wrap {
	display: block;
}

.htc__contact__address--2 .htc__contact__wrap {
	padding: 0 40px;
}

.htc__contact__address--2 .htc__contact__wrap .ht__address__inner + .ht__address__inner {
	margin-top: 40px;
}

/*---------------------------------------
  15. Bradcaump Area
----------------------------------------*/


.ht__bradcaump__wrap {
	align-items: center;
	display: flex;
	height: 285px;
	position: relative;
	z-index: 2;
}

.bradcaump__inner h2.bradcaump-title {
	color: #fdfdfd;
	font-size: 50px;
	font-weight: 800;
	text-transform: uppercase;
}

.bradcaump-inner span {
	color: #fff !important;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}

.bradcaump-inner a {
	font-family: Raleway;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}

.bradcaump-inner {
	margin-top: 6px;
}

.brd-separetor {
	padding: 0 7px;
}

.htc__bst__btn .htc__btn {
	padding: 0 36px;
}

/*---------------------------------------
  16. Our Mission Area
----------------------------------------*/

.htc__mission__area {
	position: relative;
}

.htc__offer__thumb {
	position: absolute;
	right: 0;
	top: 0;
}

.htc__mission__container {
	padding: 30px 0;
}

.htc__mission__container .single__mission + .single__mission {
	margin-top: 50px;
}

.single__mission h2 {
	color: #1f2d30;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.single__mission p {
	padding-right: 33px;
	    margin-left: 45px;
}




/*---------------------------------------
  17. Project Area
----------------------------------------*/

.project--one {
	margin-top: -20px;
}

.project--one .project {
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 20px;
}

/*---------------------------------------
  18. Blog Details Area
----------------------------------------*/

.sidebar__separator {
	margin-top: 30px;
}

.htc__category {
	padding: 40px;
	text-align: center;
}

.cat__list li a {
	color: #606060;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}

.cat__list li {
	border-bottom: 1px dashed #e1e1e1;
	padding: 15px 0;
}

.cat__list li:first-child {
	padding-top: 0;
}

.cat__list li:hover a {
	color: #10501b;
}

.sidebar__title {
	border-bottom: 1px dashed #e1e1e1;
	color: #303030;
	font-size: 14px;
	font-weight: 800;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
}

.htc__search__area {
	padding: 40px;
}

.pro__input__box {
	position: relative;
}

.pro__input__box i {
	background: #1f2d30 none repeat scroll 0 0;
	bottom: 0;
	color: #fff;
	cursor: pointer;
	height: 35px;
	line-height: 33px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: all 0.4s ease 0s;
	width: 33px;
}

.pro__input__box input {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #ebebeb;
	color: #c5c5c5;
	height: 35px;
	padding: 0 34px 0 15px;
	position: relative;
}

.pro__input__box i:hover {
	background: #10501b none repeat scroll 0 0;
}

.htc__category {
	padding: 40px;
	text-align: center;
}

.cat__list li a {
	color: #606060;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}

.cat__list li {
	border-bottom: 1px dashed #e1e1e1;
	padding: 15px 0;
}

.cat__list li:first-child {
	padding-top: 0;
}

.cat__list li:hover a {
	color: #10501b;
}

.htc__broc {
	padding: 40px 19px;
}

.brocure__list li a {
	color: #606060;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.3s ease 0s;
}

.brocure__list li a i {
	color: #606060;
	font-size: 18px;
	padding-right: 14px;
}

.brocure__list li + li {
	border-top: 1px dashed #e1e1e1;
	margin-top: 20px;
	padding-top: 20px;
}

.brocure__list li a:hover {
	color: #10501b;
}

.htc__recent__post {
	padding: 40px 20px;
}

.htc__single__post {
	border-top: 1px dashed #e1e1e1;
	display: flex;
	padding-bottom: 20px;
	padding-top: 20px;
}

.post__thumb {
	margin-right: 15px;
	min-width: 60px;
}

.post__details h4 {
	color: #303030;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 4px;
}

.post__meta span {
	color: #606060;
	font-size: 12px;
}

.build__dream__inner h2 {
	color: #ffffff;
	font-size: 22px;
	font-weight: 800;
	padding-right: 14px;
	text-align: center;
}

.build__btn {
	margin-top: 18px;
	text-align: center;
}

.build__btn .htc__btn {
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	padding: 0 12px;
}

.htc__build__dream {
	height: 237px;
	padding-top: 40px;
}

.recent__post__wrap .htc__single__post:first-child {
	border-top: 0 none;
	padding-top: 0;
}

.htc__tag {
	padding: 40px;
}

.tag__list li a {
	color: #606060;
}

.tag__list {
	display: flex;
	flex-flow: row wrap;
	margin-left: -5px;
	margin-right: -5px;
}

.tag__list li {
	margin: 0 5px 10px;
}

.tag__list li a {
	border: 1px solid #e1e1e1;
	display: inline-block;
	font-size: 14px;
	height: 35px;
	line-height: 34px;
	padding: 0 9px;
	text-transform: capitalize;
	transition: all 0.4s ease 0s;
}

.tag__list li a:hover {
	background: #10501b none repeat scroll 0 0;
	border: 1px solid #10501b;
	color: #fff;
}

/*Blog Details Leftsidebar*/

.htc__blog__details__page .blog__hover__info {
	padding: 0 145px;
}

.htc__blog__details__page .blog__meta {
	justify-content: space-around;
	padding: 0 50px;
}

.htc__blog__details h2 {
	color: #606060;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 27px;
	margin-top: 30px;
	text-transform: uppercase;
}

blockquote {
	background: #fafafa none repeat scroll 0 0;
	border-left: 0 none;
	color: #606060;
	font-size: 16px;
	font-style: italic;
	line-height: 26px;
	margin: 50px 0;
	padding: 30px 54px 30px 70px;
}

.bl__dtl p {
	color: #606060;
	font-size: 14px;
	line-height: 24px;
}

.bl__dtl p + p {
	margin-top: 22px;
}

.bl__post__share {
	display: flex;
	margin-bottom: 70px;
	margin-top: 47px;
}

.bl__post__link {
	display: flex;
}

.bl__post__link li a i {
	color: #bbbbbb;
}

.bl__post__link li + li {
	padding-left: 25px;
}

.bl__post__share span {
	color: #bbbbbb;
	font-size: 16px;
	font-weight: 600;
	padding-right: 18px;
}

.title__line--3 {
	color: #1f2d30;
	display: inline-block;
	font-family: sans-serif;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 50px;
	padding-bottom: 20px;
	position: relative;
	text-transform: uppercase;
}

.title__line--3::before {
	background: #e1e1e1 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}

.single__comment {
	display: flex;
}

.bl__comment__thumb {
	margin-right: 24px;
	min-width: 15%;
}

.bl__comment__thumb img {
	width: 100%;
}

.bl__comment__meta {
	align-items: center;
	display: flex;
	margin-bottom: 2px;
}

.bl__comment__meta h2 {
	color: #1f2d30;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: 600;
	margin-right: 9px;
}

.bl__comment__meta span {
	font-size: 16px;
	font-weight: 600;
	margin: 0 9px;
}

.bl__remply {
	display: flex;
}

.bl__remply li a {
	color: #bbbbbb;
	text-transform: capitalize;
	transition: 0.4s;
}

.bl__remply li a:hover {
	color: #10501b;
}

.bl__remply li + li {
	margin-left: 30px;
}

.bl__comment__form {
	margin-top: 70px;
}

.bl__form__inner {
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
}

.single__form {
	margin: 0 15px;
	width: 50%;
}

.bl__input__box {}

.single__form .bl__input__box + .bl__input__box {
	margin-top: 18px;
}

.single__form .bl__input__box span {
	color: #606060;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 6px;
	text-transform: capitalize;
}

.bl__input__box input {
	border: 1px solid #ebebeb;
	height: 35px;
	padding: 0 10px;
}

.bl__comnt__btn {
	margin-top: 24px;
}

.bl__comnt__btn a.htc__btn {
	font-size: 12px;
	height: 35px;
	line-height: 35px;
}

.single__form span {
	color: #606060;
	display: inline-block;
	margin-bottom: 7px;
	text-transform: capitalize;
}

.single__form textarea {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #ebebeb;
	min-height: 200px;
}

.single__comment.reply {
	margin-bottom: 65px;
	margin-left: 88px;
	margin-top: 65px;
}

.pre__next__btn li a {
	color: #bbbbbb;
	font-size: 16px;
	text-transform: capitalize;
}

.pre__next__btn {
	display: flex;
	justify-content: space-between;
	margin-bottom: 64px;
}

.pre__next__btn li a i {
	border: 1px solid #e1e1e1;
	display: inline-block;
	height: 25px;
	line-height: 22px;
	text-align: center;
	width: 25px;
}

.pre__next__btn li a i.fa.fa-angle-left {
	margin-right: 11px;
}

.pre__next__btn li a i.fa.fa-angle-right {
	margin-left: 11px;
}


/*---------------------------------------
  19. Single Service Area
----------------------------------------*/

.prodict-det-small li {
	padding: 0 10px;
	width: 20%;
	    margin-bottom: 10px;
}

.ht-portfolio-full-image .tab-pane img {
	width: 100%;
}

.prodict-det-small {
	display: flex;
    justify-content: space-between;
/*
    margin-left: -10px;
    margin-right: -10px;
*/
    margin-top: 20px;
    align-items: center;
    align-content: center;
}

.prodict-det-small li a {
	display: block;
}

.prodict-det-small li a img {
	width: 100%;
}

.htc__service__dtl {
	margin-top: 55px;
}

.title__line--4 {
	color: black;
/*	font-weight: 700;*/
	margin-bottom: 15px;
	
    font-family: system-ui;
	    font-size: 18px;
/*	text-transform: uppercase;*/
}

.htc__ser__dtl__inner .htc__ser__dtl .title__line--4 {
	font-size: 24px;
}

.htc__ser__dtl__inner {
	display: flex;
	justify-content: space-between;
	margin-left: -25px;
	margin-right: -25px;
	margin-top: 47px;
}

.htc__ser__dtl__inner .htc__ser__dtl {
	padding: 0 25px;
	width: 50%;
}

/*---------------------------------------
  20. Single Project Area
----------------------------------------*/


.pro__dtl__inner {
	padding: 70px 40px;
}

.pro__dtl__content {
	display: flex;
}

.pro__dtl__list li {
	color: #1f2d30;
	font-family: sans-serif;
	font-size: 16px;
}

.pro__dtl__list.font__bold li {
	color: #1f2d30;
	font-family: Raleway;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.pro__dtl__list li + li {
	padding-top: 24px;
}

.pro__dtl__inner h2 {
	color: #1f2d30;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 43px;
	text-transform: uppercase;
}

.pro__dtl__list.font__bold {
	padding-right: 20px;
}

.download__project {
	margin-top: 20px;
	padding: 51px 0;
	text-align: center;
}

.download__project h2 {
	color: #10501b;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

.htc__pro__desc__container {
	display: flex;
	justify-content: space-between;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 70px;
}

.single__project__details h2 {
	color: #1f2d30;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 17px;
	text-transform: uppercase;
}

.single__project__details {
	margin: 0 20px;
	width: 33.33%;
}

.single__project__details p + p {
	margin-top: 11px;
}

.facts__list li a {
	color: #606060;
	font-size: 14px;
	transition: all 0.3s ease 0s;
}

.facts__list li + li {
	margin-top: 20px;
}

.facts__list {
	margin-top: 25px;
}

.facts__list li a i {
	padding-right: 10px;
}

.facts__list li a:hover {
	color: #10501b;
}

/*---------------------------------------
  21. Contact Area
----------------------------------------*/

.title__line--5 {
	color: #1f2d30;
/*	display: inline-block;*/
	font-family: sans-serif;
	font-weight: 700;
	padding-bottom: 30px;
	position: relative;
	text-transform: uppercase;
	text-align: center
}

.htc__contact__inner p {
	margin-top: 20px;
/*	width: 76%;*/
	text-align: center
}

/*
.title__line--5::before {
	background: #e1e1e1 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}
*/

.htc__address__container {
	display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    margin-top: 50px;
    background: #10501b;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 3px 8px 10px #10501b;
}

.ct__address {
	display: flex;
	    margin-bottom: 15px;
	align-items: center;
}

.ct__address__icon i {
	border: 2px solid #ffffff;
	border-radius: 100%;
	color: #ffffff;
	font-size: 30px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	width: 47px;
}

/*
.htc__address__container .ct__address + .ct__address {
	margin-left: 115px;
}
*/

.ct__details p a {
	color: #ffffff;
	font-weight: 600;
	transition: all 0.4s ease 0s;
}

.ct__details p {
	font-weight: 600;
}

.ct__address__icon {
	margin-right: 18px;
}

.ct__details p a:hover {
	color: #fff;
}

#googleMap {
	height: 470px;
	width: 100%;
}

/*
.map__contacts {
	margin-top: 50px;
}
*/

.htc__contact__form__wrap {
	margin-top: 100px;
}

.single-contact-inner {
	display: flex;
	margin-left: -28px;
	margin-right: -28px;
	margin-top: 48px;
}

.single-contact-form {
	padding: 0 28px;
	width: 50%;
}

.contact-box span {
	color: #606060;
	display: inline-block;
	font-size: 14px;
	padding-bottom: 9px;
}

.contact-box + .contact-box {
	margin-top: 17px;
}

.contact-box input {
	border: 1px solid #ebebeb;
	height: 35px;
	padding: 0 10px;
}

.contact-btn {
	margin-top: 25px;
}

.contact-box.message textarea {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #ebebeb;
	min-height: 205px;
}

.contact-btn .htc__btn {
	font-size: 12px;
	height: 35px;
	line-height: 34px;
	padding: 0 28px;
	text-transform: uppercase;
}





/*------------------------------
  22. Log In Register Area
--------------------------------*/

.single__tabs__panel.tab-pane:not(.active) {
	display: none;
}

.login__register__menu {
	display: flex;
	justify-content: center;
	margin: 0 auto 51px;
	max-width: 370px;
}

.login__register__menu li a {
	color: #000000;
	font-size: 36px;
	transition: all 0.4s ease 0s;
}

.login__register__menu li {
	padding: 0 20px;
}

.login__register__menu li a.active {
	color: #10501b;
}

.login__register__menu li a:hover {
	color: #10501b;
}

.htc__login__register__wrap {
	margin: 0 auto;
	max-width: 370px;
}

.login input {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: currentcolor currentcolor #8e8e8e;
	border-image: none;
	border-style: none none solid;
	border-width: 0 0 1px;
	color: #686868;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	width: 100%;
	background: transparent;
}

.login input + input {
	margin-bottom: 20px;
	margin-top: 40px;
}

.tabs__checkbox span.forget a {
	float: right;
	color: #10501b;
	font-size: 12px;
}

.tabs__checkbox label {
	bottom: 2px;
	color: #999;
	font-size: 15px;
	padding-left: 9px;
	position: relative;
	text-transform: capitalize;
	font-weight: normal;
	cursor: pointer;
}

.tabs__checkbox {
	margin-bottom: 20px;
}

.tabs__checkbox span {
	color: #686868;
	text-transform: capitalize;
	padding-left: 5px;
}

.htc__login__btn a {
	border: 1px solid #d5d5d5;
	display: inline-block;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-transform: capitalize;
	transition: all 0.5s ease 0s;
	width: 150px;
	color: #4b4b4b;
	text-transform: uppercase;
}

.htc__login__btn {
	text-align: center;
}

.login input:last-child {
	margin-top: 14px;
}

.htc__social__connect h2 {
	color: #000;
	font-size: 16px;
	margin-bottom: 25px;
	margin-top: 50px;
	text-transform: capitalize;
	font-weight: 500;
}

.htc__soaial__list {
	display: flex;
	justify-content: center;
}

.htc__soaial__list li a {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	transition: all 0.5s ease 0s;
	width: 35px;
}

.user__meta__inner .htc__soaial__list {
	justify-content: space-between;
}

.htc__soaial__list li a i {
	color: #fff;
	font-size: 16px;
}

.htc__social__connect {
	text-align: center;
}

.htc__soaial__list li + li {
	margin-left: 10px;
}

.login input::-moz-placeholder {
	color: #686868 !important;
	font-size: 16px !important;
}

.htc__login__btn a:hover {
	background: #10501b;
	color: #fff;
	border: 1px solid #10501b;
}

/*-------------------------------
    Mobile Menu
------------------------------*/

.mean-container .mean-bar {
	min-height: 0;
	padding: 0;
}

.mean-container a.meanmenu-reveal {
	margin-top: -88px;
}

:focus {
	outline: -webkit-focus-ring-color auto 0px;
}

.slider__inner span {
	color: #fdfdfd;
	font-family: sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 26px;
}


  .figure {
    position: relative;
    width: 360px; /* can be omitted for a regular non-lazy image */
    max-width: 100%;
  }
  .figure img.Sirv.image-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
  }
  .figure:hover img.Sirv.image-hover {
    opacity: 1;
  }
.about-section {
    position: relative;
    z-index: 2;
    background-size: cover;
    background-position: center;
    overflow-x: hidden;
    background-color: #fafafa;
	padding-bottom: 60px
}
.about-element-one {
    position: absolute;
    top: 25%;
    right: 35px;
}
.about-element-one img {
    animation: rotate2 30s linear infinite;
}
.about-element-two {
    width: 50%;
}

.about-element-two {
    position: absolute;
    top: 30%;
    right: 0;
}
.about-left-content {
    margin-top: -10px;
}
.about-left-content .title {
    margin-bottom: 20px;
	 margin-top: 10px;
}
.about-section:after {
    width: 32% !important;
}

.about-section:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 24%;
    height: 100%;
    background-color: #10501b;
    z-index: -1;
}
.about-section .cmn-btn {
    display: inline-flex;
}

.about-left-content .cmn-btn {
    margin-top: 30px;
}
.cmn-btn:hover {
    border: 1px solid #612c00;
    color: #fff;
    background: #612c00;
}
.cmn-btn {
    position: relative;
    padding: 0 10px;
    background-color: #10501b;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    overflow: hidden;
    text-transform: uppercase;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
}
.pb-120 {
    padding-bottom: 120px;
}

.pt-120 {
    padding-top: 120px;
}
@keyframes rotate2{
0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
.request-a-call-back-form {
    background: #fff;
    padding: 35px;
    -webkit-box-shadow: -5px -1px 15px 10px rgba(38,37,37,.1);
    -khtml-box-shadow: -5px -1px 15px 10px rgba(38,37,37,.1);
    -moz-box-shadow: -5px -1px 15px 10px rgba(38,37,37,.1);
    -ms-box-shadow: -5px -1px 15px 10px rgba(38,37,37,.1);
    -o-box-shadow: -5px -1px 15px 10px rgba(38,37,37,.1);
    box-shadow: -5px -1px 15px 10px rgba(38,37,37,.1);
    margin-top: 0;
    margin-left: auto;
    position: relative;
}
.request-a-call-back-form:before {
    border-color: #612c00 #612c00 transparent transparent;
    top: 0;
    right: 0;
}

    border-color:  transparent transparent 





;


.request-a-call-back-form:after, .request-a-call-back-form:before {
    border-width: 12px;
    height: 64px;
    width: 64px;
    border-style: solid;
    opacity: .75;
    position: absolute;
    content: "";
}
.input-form-jolly {
    background: #f8f9fa;
    padding: 20px;
    border: 2px solid #10501b;
    height: 534px;
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 20px;
    padding: 0 19px;
    color: #c2c2c2;
    height: 50px;
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 14px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

button, button[type=submit], input, input[type=date], input[type=email], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
    -moz-appearance: none;
    box-shadow: none!important;
}
.form-control {
    box-shadow: none;
    outline: 0;
    border: 1px solid #dfdce6;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #17305e;
    padding: 15px 20px;
    resize: none;
    min-width: 100%;
    height: 65px;
}
.request-a-call-back-form:after {
    border-color: #612c00 transparent transparent #10501b;
    top: 0;
    left: 0;
}
.request-a-call-back-form:after, .request-a-call-back-form:before {
    border-width: 12px;
    height: 64px;
    width: 64px;
    border-style: solid;
    opacity: .75;
    position: absolute;
    content: "";
}
.hoverparallax.is-out {
    transform: rotateX(0) rotateY(0) !important;
    transition-duration: 1s;
}

.hoverparallax {
    transform: rotateX(0) rotateY(0);
    transform-style: preserve-3d;
    transition-duration: 0.1s;
    transition-timing-function: ease !important;
}
.rs-about.style4 .image-wrap img {
    box-shadow: 1px 1px 7px 0px black;
    border-radius: 17px;
	margin-bottom: 10px;
	    width: 100%;
}

.rs-about.style4 .sec-title.custom-law {
    position: relative;
    border-bottom: 1px dashed #b1976b;
    padding-bottom: 54px;
    margin-bottom: 19px;
}
.section-padding {
    padding: 70px 0px;
}
.project-item {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
/*
.project-img img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
*/

.project-img img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    min-height: 370px;
}
.project-link {
    position: absolute;
    left: 50%;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.project-link i:before {
    background: #756e6c;
    height: 60px;
    width: 60px;
    display: block;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    border-radius: 50%;
    color: #fff;
}
.offer__icon i {
    font-size: 38px;
    color: #10501b;
}

.about-left {
    margin-top: -38px;
}
.project-item h3 {
    font-size: 19px;
    text-align: center;
    font-weight: 600;
    /* margin-top: 29px; */
    padding: 30px;
    background: #10501b;
    color: white;
}
h3.center a:hover {
    color: white;
}
.offer__details h2 {
    font-weight: 700;
}
.funfact {
    text-align: center;
    border: solid 2px;
    padding: 35px 20px;
    height: 170px;
    width: 100%;
/*    background: #612c00;*/
    border-radius: 25px 15px;
    margin: 10px;
    box-shadow: 5px 5px 2px #612c00
}
span.thanks {
    color: white;
    font-size: 30px;
    font-weight: 700;
}
.banner-title-name {
    padding: 10% 35%;
}
.side {
    font-size: 24px;
    font-weight: 600;
	margin: 20px 0;
}
.if {
    background: #fafafa;
    padding: 10px 30px;
    box-shadow: -5px -1px 15px 10px rgba(38, 37, 37, .1);
/*     border-radius: 15px;*/
}
@media (max-width: 767px){
	.htc__header__top.bg__cat--1 {
    display: none;
}
}
.whatsapp-float img {
    width: 65px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 -1px 20px #49d849;
}
.whatsapp-float {
    z-index: 1000;
    display: block;
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: auto;
    padding: 0 !important;
    border-radius: 100%;
}
@media (max-width: 994px){
.about-element-two {
    position: absolute;
    top: 30%;
    right: 0;
    display: none;
}
}
@media (max-width: 994px){
.about-element-one img {
    animation: rotate2 30s linear infinite;
    display: none;
}
}
@media (max-width: 994px){
.about-section:after{
	display: none
}
}
.ft-faq-why-choose-us-section .ft-section-title-2 {
    padding-bottom: 40px;
}

.ft-section-title-2 {
    margin: 0 auto;
    max-width: 580px;
}
.ft-section-title-2 .sub-title {
    font-size: 20px;
    font-weight: 700;
    color: #d7b56d;
}
.ft-faq-why-choose-us-section .ft-section-title-2 h2 {
    padding-bottom: 0;
}

.ft-section-title-2 h2 {
    color: #003440;
    font-size: 30px;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 25px;
}
.ft-faq-content .accordion-item:first-of-type {
    border-radius: 0;
}

.ft-faq-content .accordion-item {
    margin-bottom: 25px;
}
.accordion-item:first-of-type {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.accordion-item {
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
.ft-faq-content .accordion-item:first-of-type .accordion-button {
    border-radius: 0;
}

.ft-faq-content .accordion-item .accordion-button:not(.collapsed) {
    color: #10501b;
    background-color: transparent;
}
.ft-faq-content .accordion-button:not(.collapsed), .ft-faq-content .accordion-item:first-of-type .accordion-button {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ft-faq-content .accordion-item .accordion-button {
    color: #003440;
    font-size: 16px;
    font-weight: 600;
    padding: 18px 20px 17px;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
/*
.ft-faq-content .accordion-button:not(.collapsed)::after {
    content: ">";
    color: #d7b56d;
}

.ft-faq-content .accordion-button::after {
    right: 15px;
    color: #003440;
    content: ">";
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    background-image: none;
    font-family: "Font Awesome 5 Pro";
}
.accordion-button:not(.collapsed)::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    transform: rotate(180deg);
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "+";
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.ft-faq-content .accordion-body {
    padding-top: 5px;
}

.accordion-body {
    padding: 1rem 1.25rem;
}
.ft-why-choose-feature-list-item-2 {
    padding: 25px 20px;
    border-radius: 5px;
    margin-bottom: 30px;
    background-color: white;
    -webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
    box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
}
.ft-why-choose-feature-list-item-2 .ft-why-choose-feature-icon {
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
}
.ft-why-choose-feature-list-item-2 .ft-why-choose-feature-icon i {
    font-size: 35px;
    color: #d7b56d;
}
.ft-why-choose-feature-list-item-2 .ft-why-choose-feature-text h3 {
    color: #10501b;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
}
.pera-content p {
    margin-bottom: 0;
}
/*
.ft-faq-content .accordion-button:not(.collapsed)::after {
    content: "";
    color: #d7b56d;
}

.ft-faq-content .accordion-button::after {
    right: 15px;
    color: #003440;
    content: "";
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    background-image: none;
    font-family: "Font Awesome 5 Pro";
}
*/
section#ft-faq-why-choose-us {
    padding-top: 83px;
    padding-bottom: 60px;
}
ul.focuson li {
    list-style-type: disc;
    padding-bottom: 6px;
	    font-weight: 600;
    font-size: 18px;
	font-family: 'system-ui';
}
ul.focuson {
    padding: 35px;
	color: white;
}
/*Acco*/
.ac-container {
    max-width: 100%;
}

.ac-container label {
    height: 42px !important;
    line-height: 30px !important;
    font-size: 20px !important;
    font-family: 'sans-serif','Arial Narrow',Arial,sans-serif !important;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: white;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    line-height: 33px;
    font-size: 19px;
    background: #10501b !important;
    background: -moz-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: linear-gradient(top,#fff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#eaeaea',GradientType=0 );
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3), 1px 0 0 rgba(255,255,255,0.9) inset, 0 2px 2px rgba(0,0,0,0.1);
    font-size: 12px;
    height: 30px;
    line-height: 20px;
}

.ac-container {
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left;
}

.ac-container label:hover {
    background: #fff;
}

.ac-container input:checked + label, .ac-container input:checked + label:hover {
    background: #10501b;
    color: white;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3), 0 2px 2px rgba(0,0,0,0.1);
    height: 42px !important;
    line-height: 30px !important;
    font-size: 20px !important;
    /* align-items: center !important; */
}

.ac-container label:hover:after,.ac-container input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(../images/arrow_down.png) no-repeat center center;
}

.ac-container input:checked + label:hover:after {
    background-image: url(../images/arrow_up.png);
}

.ac-container input {
    display: none;
}

.ac-container article {
    background: rgba(255,255,255,0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}

.ac-container article p {
    font-style: normal;
    color: #777;
    line-height: 23px;
    font-size: 10px;
    padding: 20px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    font: normal normal 12px 'sans-serif';
}

.ac-container input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3);
}

.ac-container input:checked ~ article.ac-small {
    height: 140px;
}

.ac-container input:checked ~ article.ac-medium {
    height: 180px;
}

.ac-container input:checked ~ article.ac-large {
    height: 230px;
}
a.breadcrumb-item {
    color: white;
}
ul.focusoff li {
    list-style-type: circle;
    /* padding-left: 31px; */
    font-weight: 600;
}
ul.focusoff {
    padding-left: 19px;
}
.testimonial__details {
    background: #612c00;
}
.testimonial__details {
    padding: 30px;
	width: 100%;
}

.testimonial__details p {
    color: white;
}


@font-face {
  font-family: "sans-serif";
  src: url("fonts/penguinbold-webfont.woff") format('woff');
 
}

.about-left-content p {
    font-size: 18px;
}


.icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
}

.icon-svg {
    background-image: url(images/icons/gmb.svg);
}
.header__top__right ul li {
    margin-left: 12px;
}
.header__top__right i {
    font-size: 17px;
}
section.htc__testimonial__area {
    padding-top: 60px;
    padding-bottom: 60px;
	
}
h2.title__line.fg {
    
    padding-bottom: 30px;
	font-size: 33px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
	
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

/*
.active:hover {
  background-color: #ccc; 
}
*/

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
ul.dfg li {
    list-style: decimal;
    padding: 8px;
}
button.accordion {
    text-align: center;
    font-size: 26px;
	background: #10501b;
    color: white;
}
.container.fg {
/*    padding-top: 60px;*/
    padding-bottom: 60px;
}.fact__count b {
    font-size: 40px;
	color: #000
}
section.htc__testimonial__area.ptb--120.gh {
    background: #612c00;
}
.htc__callto__action.text-center h2 {
    font-size: 33px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
h2.title {
	 font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    
}
.ht__bradcaump__wrap::before {
    content: "";
    width: %;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: black;
    opacity: 0.5;
}
/*
.if b {
    color: white;
}
.if i.fa.fa-envelope {
    color: white;
}
.if a {
    color: white;
}

.if i.fa.fa-phone {
    color: white;
}*/

.col-lg-12.col-xl-12.col-md-12.col-12.ghh {
    display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 15px;
	    margin: 15px;
/*	flex-wrap: wrap;*/
}
ul.brand__list li {
    box-shadow: 10px 5px 5px grey;
    padding: 20px;
    margin: 10px;
}

.htc__ser__dtl h2 {
    font-size: 35px;
    font-weight: 700;
}

h2.bv {
    padding: 20px 0px 20px 0px;
}
h1.bv {
    padding: 20px 0px 20px 0px;
}
div#rs-about {
/*    padding-top: 60px;*/
    padding-bottom: 60px;
}
.testimonial__details.ty {
   background-image: linear-gradient(to right, #0d521b, #009688e0);
	    border-radius: 20px;
	clip-path: polygon(0 20%, 10% 0, 100% 0, 100% 80%, 90% 100%, 0% 100%);
}
.service__details h2 a {
    
    font-size: 14px;
    
}

video {
    max-width: 100%;
}
.offer__icon.gh {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    width: 30;
}
.offer__icon.gh h2 {
    margin-top: 12px;
}
.offer__icon.gh img {
    width: 40px;
    height: 100%;
}



ul.new li {
    list-style: auto;
    font-size: 18px;
    font-weight: 800;
}





.single__mission {
    background: #80808014;
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    height: 170px;
    max-height: 170px;
/*
	border-width: 3px;
    border-style: solid;
    border-image: linear-gradient(to bottom, #116522, rgb(0 150 136 / 45%)) 1 100%;
*/
}

@media only screen and (max-width: 560px) {
	.single__mission {
		 height: 100%;
    max-height: 100%;
}
}
/* From Uiverse.io by vinodjangid07 */ 
.Btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 45px;
  height: 45px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
	    margin-top: 18px;
  overflow: hidden;
  transition-duration: .3s;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.199);
  background: linear-gradient(to right, #cad9c2, #bbf954);
}

/* plus sign */
.sign {
  width: 100%;
  transition-duration: .3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sign img {
    width: 30px;
    margin-left: 2px;
}
.sign svg path {
  fill: white;
}
/* text */
.text {
  position: absolute;
  right: 0%;
  width: 0%;
  opacity: 0;
  color: black;
  font-size: 1.2em;
  font-weight: 600;
  transition-duration: .3s;
}
/* hover effect on button width */
.Btn {
  width: 150px;
  border-radius: 40px;
  transition-duration: .3s;
}

.Btn .sign {
  width: 30%;
  transition-duration: .3s;
  padding-left: 20px;
}
/* hover effect button's text */
.Btn .text {
  opacity: 1;
  width: 70%;
  transition-duration: .3s;
  padding-right: 10px;
}
/* button click effect*/
/*
.Btn:active {
  transform: translate(2px ,2px);
}
*/
@media only screen and (max-width: 991px) {

.Btn {
    width: 170px;
    border-radius: 40px;
   
}
	
	
	.Btn .text {
    opacity: 1;
    width: 55%;
    
    padding-right: 10px;
}
	.Btn .sign {
    width: 30%;
    
    padding-left: 20px;
}
	.Btn:active {
  transform:none;
}
}

/* Remove this container when use*/
.component-title {
  width: 100%;
  position: absolute;
  z-index: 999;
  top: 30px;
  left: 0;
  padding: 0;
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #888;
  text-align: center;
}

.tab-container {
  position: relative;

  display: flex;
  flex-direction: row;
  align-items: flex-start;

  padding: 2px;

  background-color: #dadadb;
  border-radius: 9px;
}

.indicator  {
  content: "";
  width: 130px;
  height: 28px;
  background: #ffffff;
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 9;
  border: 0.5px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.12), 0px 3px 1px rgba(0, 0, 0, 0.04);
  border-radius: 7px;
  transition: all 0.2s ease-out;
}

.tab {
  width: 130px;
  height: 28px;
  position: absolute;
  z-index: 99;
  outline: none;
  opacity: 0;
}

.tab_label {
  width: 130px;
  height: 28px;

  position: relative;
  z-index: 999;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 0;

  font-size: 0.75rem;
  opacity: 0.6;

  cursor: pointer;
}

.tab--1 :checked ~ .indicator {
  left: 2px;
}

.tab--2 :checked ~ .indicator {
  left: calc(130px + 2px);
}

.tab--3:checked ~ .indicator {
  left: calc(130px * 2 + 2px);
}



button.newbu {
    width: 290px;
    border: 1px solid white;
    padding: 9px;
    background-color: #0d521b;
    color: white;
}
/*
a.but {
    background-color: #10501b;
    padding: 8px;
    
}
*/
a.but {
    background: aquamarine;
    padding: 10px;
    background: linear-gradient(45deg, #009688, #8e9244);
    /* clip-path: inherit; */
    border-radius: 30%;
	    margin-bottom: 10px;
	    border: 2px solid black;
	color: white;
}


@media (max-width: 500px) {
    .prodict-det-small li {
        width: 100% !important;
        flex-direction: column;
    }
}

.hr{
	border-bottom: 1px dashed #b1976b;
	    margin-top: 20px !important;
    width: 100%;
		
}




.carousel-frame {
    position: relative;
    width: 100%;
    /*    height: min(calc(90vh - 10px), 650px);*/
    margin: 10px auto;
    overflow: hidden;
    /*
    box-shadow: inset 60px 0px 60px -60px rgb(0, 0, 0),
        inset -60px 0px 60px -60px rgb(0, 0, 0);
    background-image: radial-gradient(circle,
            transparent,
            transparent 75%,
            rgba(0, 0, 0, 0.3));
*/
    background-color: white;
}

.carousel-slide {
    display: flex;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
}

.carousel-slide img {
    min-width: 100%;
    object-fit: cover;
}

.carousel-prev {
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -15px;
    z-index: 10;
    font-size: 30px;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
}

.carousel-next {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -15px;
    z-index: 10;
    font-size: 30px;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
}

.carousel-dots {
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2%;
    margin: 0 auto;
    width: max(100px, 15%);
    display: flex;
    justify-content: space-evenly;
}

.carousel-dots li {
    width: 8px;
    height: 8px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.carousel-dots .active-dot {
    background-color: rgba(255, 255, 255, 0.8);
}

button.bro {
    margin: 8px 10px;
    background: #293281;
    padding: 5px 10px;
    border-radius: 5px;
}

button.bro a {
    color: white;
    font-weight: 700;
}


/* Timeline defaults */
/* --------------------------------------- */
.h--timeline-container *,
.h--timeline-events * {
    outline: 0;
}

.h--timeline-container,
.h--timeline-events {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.h--timeline-navigation-container ul,
.h--timeline-navigation-container li,
.h--timeline-events ol,
.h--timeline-events li,
.h--timeline-line ol,
.h--timeline-line li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.h--timeline {
    opacity: 0;
    transition: opacity 0.2s;
    font-family: sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
}

.h--timeline--loaded {
    opacity: 1
}

.h--timeline-container {
    height: 100px;
}

.h--timeline-dates {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
}

/* Timeline blur effect for start and end */
/* --------------------------------------- */
.h--timeline-dates::after,
.h--timeline-dates::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 50px;
}

.h--timeline-dates::before {
    left: 0;
    background: linear-gradient(to right, hsl(0, 0%, 100%), hsla(0, 0%, 100%, 0));
}

.h--timeline-dates::after {
    right: 0;
    background: linear-gradient(to left, hsl(0, 0%, 100%), hsla(0, 0%, 100%, 0));
}

/* Timeline horizontal line */
/* --------------------------------------- */
.h--timeline-line {
    position: absolute;
    z-index: 1;
    left: -20px;
    top: 49px;
    height: 5px;
    background-color: #363e83;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}

.h--timeline-filling-line {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #6e1e46;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}


/* Bullet points */
/* --------------------------------------- */
.h--timeline-date {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 0.75rem;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

.h--timeline-date:hover {
    font-weight: 600;
}

.h--timeline-date::after,
.h--timeline-date::before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -8px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: #6e1e46;
    background-color: #f7f7f7;
    transition: background-color 0.3s, border-color 0.3s, top 0.3s;
}

.h--timeline-date::before {
    bottom: -3px;
    height: 9px;
    width: 9px;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    z-index: 2;
}

.h--timeline-date:hover::before,
.h--timeline-date:hover::after {
    transition: background-color 0.3s, border-color .3s, top .3s;
}

.h--timeline-date:hover::after {
    background-color: #f7f7f7;
    border-color: #6e1e46;
}

.h--timeline-date--selected {
    pointer-events: none
}

.h--timeline-date--selected::after {
    background-color: #f7f7f7;
    border-color: #6e1e46;
}

.h--timeline-date--selected::before {
    background-color: #6e1e46;
}

.h--timeline-date--older-event::after {
    background-color: #6e1e46;
    border-color: #6e1e46;
}


/* Caroussel navigation */
/* --------------------------------------- */
.h--timeline-navigation {
    font-size: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: #363d84;
    transition: border-color 0.3s;
}

.h--timeline-navigation::after {
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAABQUlEQVRIS9XUwWrCQBAG4JnEhiRHBQut+AY+gEq8tLSvUuih9Ek8iL5K0YMEvPkEHjwo2lYQek2IMdOJJ7tuki5LDnoKyHzZnZn8CJo/1KwHKfB299iMKcHh93Rd9IIL4OX2qX5j0QwRLTpG3uDT3+YhF8B747kaY+Iz0OLCVRxE7dHe32Uh0iucI0SwhIPZGew+9jIks4l/EIAFRGZPhuROQUQqCXb72/HP+UnKA7SuoNVEsfgYRp7SGF/vH2qmacwB0CjagbSZmat8AINGX5ON8ioXFYj/l/M1qpyinBMEQdBMG+w4jnoeEFE9DMMZAxY/e67rquUBF1UZ8Bk45YFt223OBrU8EJAlIx1G1PJAQBaM9GRI7hQkSJeR/+eBFqB1Ba0mSoo9pTEyUOM94DwAo2gHMvMgXWWGiLfwCvLgF1jY2yHNUya7AAAAAElFTkSuQmCC) no-repeat 0 0;
}

.h--timeline-navigation:hover {
    border-color: #6e1e46;
}

.h--timeline-navigation--prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.h--timeline-navigation--next {
    right: 0;
}

.h--timeline-navigation--inactive {
    cursor: not-allowed;
}

.h--timeline-navigation--inactive::after {
    background-position: 0 -16px;
}

.h--timeline-navigation--inactive:hover {
    border-color: #f7f7f7;
}

/* Timeline events container */
/* --------------------------------------- */
.h--timeline-events {
    overflow: hidden;
    transition: height .4s;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.h--timeline-event {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 1rem;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 1px 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.h--timeline-event-content {
    max-width: 800px;
    margin: 2rem auto 0;
    padding: 2rem;
    border: 1px solid #2c3381;
    border-radius: 5px;
    /*	box-shadow: 0 0 50px 0 rgba(0,0,0,.1);*/
}

.h--timeline-event--selected {
    position: relative;
    top: 0;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

/* Timeline animations */
/* --------------------------------------- */
.h--timeline-event--enter-right,
.h--timeline-event--leave-right {
    -webkit-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}

.h--timeline-event--enter-left,
.h--timeline-event--leave-left {
    -webkit-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}

.h--timeline-event--leave-right,
.h--timeline-event--leave-left {
    animation-direction: reverse;
}

.h--timeline-event-title {
    color: #000;
    font-size: 3rem;
    font-weight: 600;
}

.h--timeline-event-date {
    display: block;
    font-style: italic;
    margin: 0.5rem auto;
    margin: 1rem auto;
}

.h--timeline-event-date::before {
    content: '- ';
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}


/* Overwrites */
/* Change the position of dates top / botom / top */
/* --------------------------------------- */
.h--timeline-date::after,
.h--timeline-date::before {
    background-color: #8d070c;
}

.h--timeline-date--selected::after {
    background-color: #f7f7f7;
    border-color: #8d070c;
}

.h--timeline-date--older-event::after {
    background-color: #6e1e46;
    border-color: #6e1e46;
}

.h--timeline-line li:nth-child(even) .h--timeline-date {
    bottom: -43px;
}

.h--timeline-line li .h--timeline-date--selected::after,
.h--timeline-line li .h--timeline-date:hover::after {
    width: 21px;
    height: 21px;
    bottom: -11px;
    background-color: #f7f7f7;
    border-color: #6e1e46;
}

.h--timeline-line li:nth-child(even) .h--timeline-date::after {
    bottom: 40px;
}

.h--timeline-line li:nth-child(even) .h--timeline-date:hover::after,
.h--timeline-line li:nth-child(even) .h--timeline-date--selected::after {
    bottom: 37px;
}

.h--timeline-line li:nth-child(even) .h--timeline-date::before {
    bottom: 45px;
}

.h--timeline-line li:nth-child(odd) .h--timeline-date:hover::before,
.h--timeline-line li:nth-child(odd) .h--timeline-date--selected::before {
    bottom: -3px;
}

/**/

.item.what {
    border: solid 2px #7b0203;
    background: rgb(255, 255, 255, 0.2);
}

.inqure {
    background: #c8c9cb;
    padding: 25px 10px;
    height: 450px;
}

button.app-now a {
    color: white;
}

#myvideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 108%;
    min-height: 100%;
    background-position: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#myvideo1 {
    position: absolute;
    right: 0;
    bottom: 0;
    /*    min-width: 108%;*/
    min-height: 100%;
    background-position: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.back1 {
    position: relative;
    min-width: 100% !important;
    object-fit: cover;
    overflow: hidden;
}


/*
inqure::-webkit-scrollbar {
  width: 20px;
}


inqure::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 

inqure::-webkit-scrollbar-thumb {
  background: red; 
  border-radius: 10px;
}


inqure::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}
*/


/*
.logo-footer.clearfix img {
    border: solid 2px #c52131;
    padding: 10px 0px;
    border-radius: 10px;
    border-style: outset;
    background: white;
}*/

.tp-arr-allwrapper {
    display: none !important;
}

.tp-leftarrow.tparrows.hermes {
    display: none;
}

.tp-rightarrow.tparrows.hermes {
    display: none;
}

.about-year2 {
    position: absolute;
    right: 40px;
    bottom: 40px;
    left: 710px;
}

.about-year2 .about-year-info2 {
    border-right: 10px solid #990f14;
}

.about-year2 .about-year-info2 {
    padding: 8px 10px;
    text-align: right;
    background-color: #fff;
    width: max-content;
    display: inline-block;
    border-right: 10px solid #990f14;
}

span.second-img p {
    position: absolute;
    margin-left: 50px;
    bottom: 20px;
    padding: 8px 10px;
    text-align: center;
    background-color: #fff;
    width: 280px;
    display: inline-block;
    border-right: 10px solid #990f14;
    color: black;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase
}


@media (max-width:300px){
	
	.wt-bnr-inr-entry .banner-title-outer .wt-title {
        font-size: 25px;
    }
}


/*table*/


.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

table {
    border-collapse: collapse;
    width: 100%;
}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.table-responsive tr td {
    border: 1px solid black;
    text-align: center;
    padding: 6px;
    color: black;
}
table td {
    padding: 15px 10px !important;
    text-align: center;
}

.table-responsive tr th {
    border: 1px solid black;
    color: white;
    background-color: #10501b;
    text-align: center;
    padding: 9px;
}
/*table*/



.img-slider {
    position: relative;
    width: 100vw;
    height: 400px;
    overflow: hidden; /* Ensure that overflow is hidden */
}

.img-slider .slider-container {
    position: absolute;
    width: 300%; /* Ensure width accommodates all slides */
    height: 100%;
    top: 0;
    left: 0;
    display: flex; /* Flex display for horizontal alignment */
    animation: slider 26s infinite;
}

.img-slider .slider-container .slide {
    width: 33.33333333%; /* Each slide takes up one-third of the container width */
    height: 100%;
}

.img-slider .slider-container .slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure images cover the slide area */
}

@keyframes slider {
    0%, 25%, 100% { left: 0; }
    30%, 55% { left: -100%; }
    60%, 85% { left: -200%; }
    90%, 100% { left: -300%; }
}

.blog__thumb.vb img {
    width: 100%;
    height: auto;
    border: 1px solid;
    padding: 10px;
}