.navbar .dropdown-menu-end{ right:0; left: auto;  }
.dropdown-menu{display:block;opacity: 0;visibility: hidden;/* transition:.3s; */margin-top: 0px;border: 0;box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);}
.navbar .nav-item:hover .nav-link{ color: #fff;  }
.dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
.dropdown-menu.fade-up{ top:180%;  }
.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }

/* ============ desktop view ============ */

body
{
font-family: 'Space Grotesk', sans-serif;

font-family: 'Titillium Web', sans-serif;
}

img
{
	max-width: 100%;
	height: auto;
}

#navbar_top {
    background: transparent;
    z-index: 999;
    /* position: fixed; */
    width: 100%;
}

.banner
{
	position: relative;
	/* top:0; */
}

@media all and (max-width: 992px) 
{
    .dropdown-menu
    {
       
        display:none;
    }

    .dropdown-menu > li:hover > .submenu
	{
		display: block;

	}
	.submenu
	{
		display: block;

	}
}
@media all and (min-width: 992px) 
{

	.dropdown-menu li
	{
		position: relative;
		/* padding: 5px; */
		/* border-bottom: 1px dashed #ccc; */
		/* padding: 5px; */
	}
	.dropdown-menu .submenu{
		display: none;
		position: absolute;
		left:100%;
		top:-7px;
		margin-top: -35px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;

	}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
	margin-left:0.7rem; margin-right:0.7rem; margin-bottom: 30px;
}

}	
/* ============ small devices .end// ============ */

/*== Dropdown Menu End==*/


/* ==MegaMenu== */

.navbar .megamenu
{ 
	padding: 1rem; 
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) 
{

	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0;right:0;width: 80%;margin-top: -8px;margin: -8px auto;border: 0;box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);}

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px)
{
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse
	{
		overflow-y: auto;
		max-height: 90vh;
		margin-top:10px;
	}
}
/* ============ mobile view .end// ============ */

/* ==MegaMenu end== */

/* ========== Hedare Slider============= */

.fixed-top {
	top: -40px;
	transform: translateY(40px);
	transition: transform .3s;
	background: #000000 !important;
	padding: 0;
	border-bottom: 1px solid #59524a78;
	box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 6%);
}
/* ========== Hedare Slider End============= */


.navbar-dark .navbar-nav .nav-link 
{
	color: rgb(255 255 255);
	font-weight: 600;
	margin: 0px 5px;
	font-size: 16px;
}

.dropdown-item 
{
	padding: 7px 20px;
	font-size: 14px;
	border-bottom: 1px solid #f7f3f3;
}
.dropdown-menu
{
	padding:0px;
}
.col-megamenu li a
{
	font-size: 14px;
	text-decoration: none;
	color: #212529;
	/* padding: 28px 20px; */
}
.col-megamenu ul li
{
	padding: 5px;
}
.col-megamenu {
    border-right: 1px solid #f9f7f7;
    margin-left: 34px;
    padding-left: 0px;
}
/* #navbar_top
{
	padding: 3px;
} */

.bg-primary {
    background-color: #191953 !important;
}



.nav-item a {
	box-shadow: inset 0 0 0 0 #dba66b;
	color: #54b3d6;
	/* padding: 0 .25rem; */
	margin: 0 -.25rem;
	transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
	}
.nav-item a:hover {
	color: #fff;
	box-shadow: inset 200px 0 0 0 #dba66b;
	}



.left
{
	float:left;
}
.right
{
	float:right;
}




.bg-pages .card {
	border-radius: 50px 10px;
	border       : 0 !important;
  }
  
  .bg-pages .feature-icon {
	width        : 55px;
	height       : 55px;
	text-align   : center;
	border-radius: 50%;
	position     : relative;
	left         : 0;
	right        : 0;
	top          : 0;
	text-align   : center;
	line-height  : 0;
	padding      : 15px;
	bottom       : 0;
  }
  
  .bg-pages .feature-icon i {
	font-size: 25px;
  }
  
  
  .text-white-80 {
	color: rgba(255, 255, 255, 0.8) !important;
  }
  
  .floating {
	animation-name           : floating;
	animation-duration       : 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	margin-left              : 30px;
	margin-top               : 5px;
  }
  
  @keyframes floating1 {
	0% {
	  -webkit-transform: rotateX(0deg) translateY(0px);
	  -moz-transform   : rotateX(0deg) translateY(0px);
	  -ms-transform    : rotateX(0deg) translateY(0px);
	  -o-transform     : rotateX(0deg) translateY(0px);
	  transform        : rotateX(0deg) translateY(0px)
	}
  
	50% {
	  -webkit-transform: rotateX(0deg) translateY(-20px);
	  -moz-transform   : rotateX(0deg) translateY(-20px);
	  -ms-transform    : rotateX(0deg) translateY(-20px);
	  -o-transform     : rotateX(0deg) translateY(-20px);
	  transform        : rotateX(0deg) translateY(-20px)
	}
  
	100% {
	  -webkit-transform: rotateX(0deg) translateY(0px);
	  -moz-transform   : rotateX(0deg) translateY(0px);
	  -ms-transform    : rotateX(0deg) translateY(0px);
	  -o-transform     : rotateX(0deg) translateY(0px);
	  transform        : rotateX(0deg) translateY(0px)
	}
  }
  
  @-webkit-keyframes floating1 {
	0% {
	  -webkit-transform: rotateX(0deg) translateY(0px);
	  -moz-transform   : rotateX(0deg) translateY(0px);
	  -ms-transform    : rotateX(0deg) translateY(0px);
	  -o-transform     : rotateX(0deg) translateY(0px);
	  transform        : rotateX(0deg) translateY(0px)
	}
  
	50% {
	  -webkit-transform: rotateX(0deg) translateY(-20px);
	  -moz-transform   : rotateX(0deg) translateY(-20px);
	  -ms-transform    : rotateX(0deg) translateY(-20px);
	  -o-transform     : rotateX(0deg) translateY(-20px);
	  transform        : rotateX(0deg) translateY(-20px)
	}
  
	100% {
	  -webkit-transform: rotateX(0deg) translateY(0px);
	  -moz-transform   : rotateX(0deg) translateY(0px);
	  -ms-transform    : rotateX(0deg) translateY(0px);
	  -o-transform     : rotateX(0deg) translateY(0px);
	  transform        : rotateX(0deg) translateY(0px)
	}
  }
  
  @keyframes floating2 {
	0% {
	  -webkit-transform: rotateX(0deg) translateY(0px);
	  -moz-transform   : rotateX(0deg) translateY(0px);
	  -ms-transform    : rotateX(0deg) translateY(0px);
	  -o-transform     : rotateX(0deg) translateY(0px);
	  transform        : rotateX(0deg) translateY(0px)
	}
  
	50% {
	  -webkit-transform: rotateX(0deg) translateY(15px);
	  -moz-transform   : rotateX(0deg) translateY(15px);
	  -ms-transform    : rotateX(0deg) translateY(15px);
	  -o-transform     : rotateX(0deg) translateY(15px);
	  transform        : rotateX(0deg) translateY(15px)
	}
  
	100% {
	  -webkit-transform: rotateX(0deg) translateY(0px);
	  -moz-transform   : rotateX(0deg) translateY(0px);
	  -ms-transform    : rotateX(0deg) translateY(0px);
	  -o-transform     : rotateX(0deg) translateY(0px);
	  transform        : rotateX(0deg) translateY(0px)
	}
  }
  
  @-webkit-keyframes floating2 {
	0% {
	  -webkit-transform: rotateX(0deg) translateY(0px);
	  -moz-transform   : rotateX(0deg) translateY(0px);
	  -ms-transform    : rotateX(0deg) translateY(0px);
	  -o-transform     : rotateX(0deg) translateY(0px);
	  transform        : rotateX(0deg) translateY(0px)
	}
  
	50% {
	  -webkit-transform: rotateX(0deg) translateY(15px);
	  -moz-transform   : rotateX(0deg) translateY(15px);
	  -ms-transform    : rotateX(0deg) translateY(15px);
	  -o-transform     : rotateX(0deg) translateY(15px);
	  transform        : rotateX(0deg) translateY(15px)
	}
  
	100% {
	  -webkit-transform: rotateX(0deg) translateY(0px);
	  -moz-transform   : rotateX(0deg) translateY(0px);
	  -ms-transform    : rotateX(0deg) translateY(0px);
	  -o-transform     : rotateX(0deg) translateY(0px);
	  transform        : rotateX(0deg) translateY(0px)
	}
  }


  .c1
  {
	background: red;
  }

  .c2
  {
	background: green;
  }

  .c3
  {
	background: pink;
  }
  .c4
  {
	background: black;
  }


  .banner-content
  {
	position:absolute;
	top: 40%;
	}





	
.carousel-caption
{
	width: 26%;
	left: 8%;
	top: 35%;
	text-align: left;
}

.carousel-caption h1
{
	color:#fff;
	font-size: 36px;
	font-weight: 700;
	margin: 13px 0px;
	text-transform: capitalize;
}

.carousel-caption h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.carousel-caption p {
    color: #fff;
    /* font-size: 14px; */
    /* font-weight: 600; */
    line-height: 30px;
    margin-bottom: 35px;
}

/* .carousel-caption:before
{
	content: "";
	position: absolute;
	top: 0px;
	left: -22px;
	width: 54px;
	height: 54px;
	border: solid #fff;
	border-width: 6px 0 0 6px;
	margin: -10px;
}

.carousel-caption:after
{
	content: "";
	position: absolute;
	width: 54px;
	height: 54px;
	border: solid #fff;
	border-width: 0 6px 6px 0;
	top: calc(var(--position-top) + 19px);
	left: calc(var(--position-left) + 17px);
	bottom: 222px;
	right: -30px;
} */

.read-more
{
	background-color: #a56c2d;
	padding: 12px 35px;
	color:#fff;
	/* border-radius: 30px; */
	margin-top: 10px;
	text-decoration: none;
}
.read-more 
{
			
	box-shadow: inset 0 0 0 0 #dba66b;
	color: #fff;
	/* padding: 0 .25rem; */
	margin: 0 -.25rem;
	transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}
.read-more:hover 
{
	color: #fff;
	box-shadow: inset 200px 0 0 0 #dba66b;
}




.Schedule_Visit
{
	background: #dba66b;
	padding: 10px 20px !important;
	border: 1px solid #fff;
	border-radius: 30px;
}

.banner::before
{
	content:'';
	position: absolute;
	background-color: #0000004d;
	width: 100%;
	top:0;
	left: 0;
	bottom: 0;
}

.logo
{
	width: 200px;
	margin-left: 90px;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 80%;
    left: 10%;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3%;
    height: 7%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    /* opacity: 0.5; */
    transition: opacity .15s ease;
    /* background: #a56c2d; */
}
.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100);
    filter: grayscale(1);
}



/* Chatbot */
.botIcon {bottom: 25px;right: 65px;position: fixed;z-index: 9999;}
.iconInner {-webkit-align-items: center;-ms-align-items: center;align-items: center;background: #a64bf4;background: -webkit-linear-gradient(to left, #00dbde, #fc00ff, #00dbde, #fc00ff);background: -o-linear-gradient(to left, #00dbde, #fc00ff, #00dbde, #fc00ff);background: -moz-linear-gradient(to left,#00dbde, #fc00ff, #00dbde,#fc00ff);background: linear-gradient(to left, #dba66b, #a56c2d, #FF9800, #fc00ff);background-position: 50%;background-size: 300%;border-radius: 50%;color: #fff;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 1.7em;height: 2em;justify-content: center;width: 2em;display: none;}
.botSubject, .messages, .showBotSubject .botIconContainer, .showMessenger .botIconContainer {display: none;}


.botIcon .Messages, .botIcon .Messages_list {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;}
.chat_close_icon {color: #fff;cursor: pointer;font-size: 16px;position: absolute;right: 12px;z-index: 9;}
.chat_on {background-color: #8a57cf;bottom: 20px;border-radius: 50%;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;color: #fff;cursor: pointer;display: block;height: 45px;padding: 9px;position: fixed;right: 15px;text-align: center;width: 45px;z-index: 10;}
.chat_on_icon {color: #fff;font-size: 25px;text-align: center;}
.botIcon .Layout {-webkit-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);-ms-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;background-color: rgb(63, 81, 181);bottom: 20px;border-radius: 10px;box-shadow: 5px 0 20px 5px rgba(0, 0, 0, .1);box-sizing: content-box !important;color: rgb(255, 255, 255);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;max-height: 30px;max-width: 300px;min-width: 50px;opacity: 0;pointer-events: auto;position: fixed;-webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;-ms-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;z-index: 999999999;}
.botIcon .Layout-open {border-radius: 10px;color: #fff;height: 500px;max-height: 500px;max-width: 300px;overflow: hidden;-webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);-ms-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);width: 100%;}
.botIcon .Layout-expand {display: none;height: 400px;max-height: 100vh;min-height: 300px;right: 40px;}
.showBotSubject.botIcon .Layout-expand {display: block;}
.botIcon .Layout-mobile {bottom: 10px}
.botIcon .Layout-mobile.Layout-open {min-width: calc(100% - 20px);width: calc(100% - 20px);}
.botIcon .Layout-mobile.Layout-expand {border-radius: 0 !important;bottom: 0;height: 100%;min-height: 100%;min-width: 100%;width: 100%;}
.botIcon .Messenger_messenger {height: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;position: relative;width: 100%;}
.botIcon .Messenger_header, .botIcon .Messenger_messenger {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.botIcon .Messenger_header {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;background-color: rgb(219 166 107);color: rgb(255, 255, 255);-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;height: 40px;padding-left: 10px;padding-right: 40px;}

.botIcon .Messenger_header h4 {-webkit-animation: slidein .15s .3s;-ms-animation: slidein .15s .3s;animation: slidein .15s .3s;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;font-size: 16px;opacity: 0;}
.botIcon .Messenger_prompt {font-size: 16px;font-weight: 400;line-height: 18px;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.botIcon .Messenger_content {background-color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;height: 80px;}
.botIcon .Messages {background-color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;overflow-x: hidden;overflow-y: auto;padding: 10px;position: relative;-webkit-overflow-scrolling: touch;}
.botIcon .Input {background-color: #fff;border-top: 1px solid #e6ebea;color: #96aab4;-webkit-box-flex: 0;-webkit-flex-grow: 0;-ms-flex-positive: 0;flex-grow: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;padding-bottom: 15px;padding-top: 17px;position: relative;width: 100%;}
.botIcon .Input-blank .Input_field {max-height: 20px;}
.botIcon .Input_field {background-color: transparent;border: none;outline: none;padding-left: 20px;padding-right: 45px;resize: none;width: 100%;font-size: 14px;line-height: 20px;min-height: 20px !important;}
.botIcon .Input_button-emoji {right: 45px;}
.botIcon .Input_button {background-color: transparent;border: none;bottom: 15px;cursor: pointer;height: 25px;outline: none;padding: 0;position: absolute;width: 25px;}
.botIcon .Input_button-send {right: 15px;}
.botIcon .Input-emoji .Input_button-emoji .Icon, .botIcon .Input_button:hover .Icon {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.botIcon .Input-emoji .Input_button-emoji .Icon path, .botIcon .Input_button:hover .Icon path {fill: #2c2c46;}
.Icon svg {height: auto;width: 100%;}

.msg {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.msg.user {-webkit-box-direction: row-reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.msg + .msg {margin-top: 15px;}
span.responsText {color: #000;display: inline-block;margin-left: 10px;vertical-align: top;max-width: calc(100% - 50px);}
.msg.user span.responsText {margin-left: 0;margin-right: 10px;}
span.avtr {display: inline-block;width: 30px;}
span.avtr figure {background-color: #ccc;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 50%;display: block;margin: 0;padding-bottom: 100%;height: 100%;}

@-webkit-keyframes appear {
    0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
    100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@-ms-keyframes appear {
    0% {opacity: 0;-ms-transform: scale(0);transform: scale(0);}
    100% {opacity: 1;-ms-transform: scale(1);transform: scale(1);}
}
@keyframes appear {
    0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
    100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes slidein {
    0% {opacity: 0;-webkit-transform: translateX(10px);transform: translateX(10px);}
    100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@-ms-keyframes slidein {
    0% {opacity: 0;-ms-transform: translateX(10px);transform: translateX(10px);}
    100% {opacity: 1;-ms-transform: translateX(0);transform: translateX(0);}
}
@keyframes slidein {
    0% {opacity: 0;-webkit-transform: translateX(10px);transform: translateX(10px);}
    100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}

@media only screen and (max-width: 412px) {
	.botIcon .Layout-open {width: 250px;}
}



.about
{
	padding: 50px 15px;
	/* background: url("../images/pat2.png"); */
}
.about p
{
	font-size: 18px;
	line-height: 30px;
	text-align: justify;
}

.about .title
{
	font-weight: 700;
	font-size: 36px;
}
.about h4
{
	color: #ff6600;
	font-size: 16px;
	line-height: 16px;
	font-family: "Titillium Web", sans-serif;
	font-weight: 600;
}

.about img
{
	margin-right: 10px;
}





.achivement
{
	background: url(https://www.tower-lifts.co.uk/wp-content/uploads/2019/09/Lift-Maintenance-Regulations.jpeg);
	/* padding: 40px; */
	background-size: cover;
	background-position: bottom;
}

.achivement-inner
{
	
background-color: #000000c2;
	
padding: 80px 0px;
	
/* border: 1px solid #ccc; */
}

.achive-content
{
	display: inline-block;
	color: #fff;
	margin-left: 15px;
}

.achive-content p
{
	font-weight: 600;
	font-size: 16px;
}
.achive-content h1
{
	font-size: 40px;
    margin: 0;
    font-weight: 700;
}
.achivement .title
{
	color:#fff;
	margin-bottom: 50px;
}
.achivement .title h1
{
	font-size: 36px;
	font-weight: 700;
}
.achive-icon
{
	display: inline-block;
	float: left;
}

.our_services .service
{
	/* background: #120900; */
	padding: 5px;
	/* border-bottom: 5px solid #dd913c; */
	margin-bottom: 50px;
	box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 30%);
	padding-bottom: 15px;
	border-radius: 15px 15px 0px 0px;
}
.our_services .service img
{
	width: 100%;
	height: 100%;
	min-height: 260px;
	max-height: 260px;
	object-fit: cover;
	border-radius: 15px;
	/* border: 3px solid #ccc; */
	border: 8px solid #ffffff;
	/* box-shadow: 0px 30px 15px -20px rgba(0,0,0,0.07); */
	/* box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 30%); */
	/* border: 1px solid #ccc; */
}
.service-content a
{
	color:#fff;
	text-decoration: none;
}
.mt-25
{
	margin-top: 25px;
}

.mt-70
{
	margin-top: 60px;
}


.our_services
{
	padding: 18px 0px;
	background: url("../images/bg2.png");
	/* padding-bottom: 50px; */
}

.our_services .title
{
	padding: 30px;
	text-align: center;
	margin-bottom: 30px;
}
.service-title h3
{
	/* color: #fff; */
	/* text-align: center; */
	/* margin: 0; */
	/* padding-top: 8px; */
}
.service-content
{
	text-align: center;
	margin-top: 15px;
}
.service-content h4
{
	font-weight: 600;
	font-size: 22px;
	text-transform: capitalize;
	color: #000;
}







.working-process
{
	padding: 50px;
	background: #f9f8f8;
}

.working-process .process img
{
	margin: 20px 0px;
}
.working-process .process h4
{
	font-size: 24px;
	margin: 0 0 10px;
	color: #0C0A0A;
	font-weight: 700;
}


.working-process .process-img
{
	margin: 10px;
}
.title 
{

}

.title h5
{
	font-size: 20px;
	font-weight: 600;
}

.title h2
{
	font-size: 36px;
	font-weight: 700;
}
.working-process .service
{
	position: relative;
}
.working-process .service_number {
    position: absolute;
    content: "";
    right: 0;
    top: 0%;
    transform: translateY(-80%);
    font-size: 100px;
    font-weight: 700;
    font-family: "Titillium Web", sans-serif;
    color: rgba(0, 0, 0, 0.05);
}
.customer-care
{
	background: url(../images/care.png);
	background-size: cover;
}

.customer-care-inner
{
	background-color: #000000a1;
	padding: 60px 150px;
}





.why-choose
{
	padding: 70px 15px;
	/* background: url("../images/bg2.png"); */
	background: #f6f6f685;
}
.why-choose ul
{
	list-style-type: none;
	padding: 0;
}

.why-choose li
{
	padding: 2px;
}

.why-choose li a
{
	font-size: 20px;
	text-decoration: none;
	color: #432e0b;
	font-weight: 600;
	font-size: 18px;
}
.why-right img
{
	border: 3px solid #dba66b;
	border-radius: 20px;
	padding: 10px;
	box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 6%);
}
.fa-long-arrow-right
{
	font-size: 18px;
	padding-top: 5px;
	line-height: 35px;
	padding-right: 20px;
	/* transform: rotate(-35deg); */
	/* margin-left: 5px; */
	/* color: #fff; */
}




.testmonials-section .title {
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.testmonials-section {
    padding: 10px;
    padding-top: 0px;
    background: #f9f8f8;
    background: url("../images/bg5.png");
    background-size: contain;
    border-top: 2px solid #f1f1f1cc;
}

 
.testimonial {
    border-left: 3px solid #dba66b;
    padding: 80px 0 80px 245px;
    position: relative;
}
.testimonial:before,
.testimonial:after{
    content: "";
    width: 320px;
    height: 55px;
    border-right: 3px solid #dba66b;
    position: absolute;
    left: 0;
}
.testimonial:before{
    border-top: 3px solid #dba66b;
    top: 0;
}
.testimonial:after{
    border-bottom: 3px solid #dba66b;
    bottom: 0;
}
.testimonial .pic{
    width: 160px;
    height: 160px;
    position: absolute;
    top: 80px;
    left: 60px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .description{
    font-size: 17px;
    color: #7a7e82;
    line-height: 27px;
    position: relative;
}
.testimonial .description:before{
    content: "\f10d";
    font-family: "FontAwesome";
    font-weight: 900;
    position: absolute;
    top: -70px;
    left: 0;
    font-size: 20px;
    color: #7a7e82;
}
.testimonial .testimonial-title{
    font-size: 22px;
    font-weight:800;
    color: #22272c;
    text-transform: capitalize;
}
.testimonial .post{
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #dba66b;
    margin-top: 10px;
}
.owl-theme .owl-controls{
    text-align: right;
    margin-top: 30px;
}
.owl-theme .owl-controls .owl-buttons div{
    background: #dba66b;
    border-radius: 0;
    opacity: 1;
    padding: 5px 10px;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: "FontAwesome";
    font-weight: 900;
    color: #fff;
}
.owl-next:before{
    content: "\f054";
}
@media only screen and (max-width: 990px){
    .testimonial{
        padding: 80px 0 80px 265px;
    }
}
@media only screen and (max-width: 767px){
    .testimonial{
        padding: 0;
        border: none;
    }
    .testimonial:before,
    .testimonial:after{
        border: none;
    }
    .testimonial .pic{
        position: relative;
        top: 0;
        left: 0;
    }
    .testimonial .description{
        margin-top: 15px;
    }
    .testimonial .description:before{
        content: "";
    }
}




footer
{
	/* padding: 50px; */
	background:url(../images/footerbg.jpg);
	color: #fff;
	background-size: cover;
}

.footer-inner
{
	background: #020202ed;
	padding: 20px 20px;
	padding-bottom: 0;
}


.footer-links ul li
{
    list-style-type: disclosure-closed;
    padding: 4px;
    font-weight: 600;
    color: #dba66b;
}

.footer-links a
{
    color: #ffffff;
    text-decoration: none;
    padding: 3px;
    font-size: 16px;
}
.icon
{
    float: left;
    background: #ffffff1a;
    padding: 15px;
    margin-right: 15px;
    border-radius: 8px;
    width: 70px;
    font-size: 22px;
    text-align: center;
    height: 65px;
    margin-bottom: 0px;
}
.footer-info
{
    margin-bottom: 15px;
    overflow: hidden;
}
.icon-text h4
{
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #dba66b;
}
.icon-text span
{
    font-size: 14px;
    font-weight: 600;
}
footer h4
{
    font-size: 24px;
    margin-bottom: 24px;
    font-weight: 600;
    margin-bottom: 35px;
}
footer ul
{
    padding-left: 20px;
    /* padding: 0; */
}

footer p
{
    color: #ffffff;
    line-height: 25px;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
}
.copy-right {
    border-top: 1px solid #2d2d40;
    padding-top: 15px;
    margin-top: 10px;
}
.copy-right img {
    width: 100px;
    background: #fff;
    padding: 6px 11px;
    border-radius: 30px;
}
.f-r {
    float: right !important;
}


.thar-three span
{
	background-color: #dba66b;
	padding: 1px 6px;
	float: right;
	color: #fff;
}


a.animated-button.thar-three {
	color: #dba66b;
	cursor: pointer;
	display: block;
	position: relative;
	padding: 8px 12px;
	border: 2px solid #dba66b;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	font-size: 18px;
	font-weight: 600;
	width: 160px;
	margin-top: 5px;
}
a.animated-button.thar-three:hover {
	color: #fff !important;
	background-color: #dba66b;
	text-shadow: nthree;
}
a.animated-button.thar-three:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.thar-three:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: #dba66b;
	color: red !important;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

.center
{
	text-align: center;
}
ul
{
	padding: 0;
}
.socailmedia
{

padding: 0;

margin-top: 20px;
}

.socailmedia li
{
	list-style-type: none;
	display: inline-block;
	padding: 10px 19px;
	background: #f5f5f51c;
	color: #fff;
	margin: 5px;
	/* border: 1px solid #000; */
	border-radius: 5px;
}
.socailmedia li a
{
	color:#fff;
}

.footer-inner img
{
	margin: 5px;
	width: 73px;
	/* border: 1px solid #d7c0a7;
	padding: 5px; */
}
.footer-links a 
{
	box-shadow: inset 0 0 0 0 #dba66b;
	color: #fff;
		/* padding: 0 .25rem; */
	margin: 0 -.25rem;
	transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}
.footer-links a:hover 
{
	color: #fff;
	box-shadow: inset 200px 0 0 0 #dba66b;
}
.footer h4:after
{
	content: '';
	background: red;
	height: 5px;
	width:50px;
	position:absolute;
}


.scroll-to-top
{
	color: #dba66b;
	background: black;
	position: fixed;
	z-index: 99999999;
	bottom: 30px;
	right: 18px;
	border-radius: 50%;
	padding: 6px 13px;
	border: 2px solid #dba66b;
	width: 32px;
	text-align: center;
	padding: 0px;
}
			






/*About page*/


.banner-inner
{
	background: url(../images/innerbg.png);
}



.banneroverlay
{
	background: #0a0a0aad;
	padding: 50px;
	min-height: 180px;
}

.inner-title
{
	margin-top: 120px;
	text-align: center;
	color: #fff;
	margin-bottom: 50px;
}


.form-control
{
	padding: 10px;
	border-radius: 0px;
}



.contact-form
{
	padding: 30px;
	/* box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); */
	border: 1;
}

.contact-inner
{
	margin-top: -70px;
	/* box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); */
	background: white;
	padding: 7px;
	margin-bottom: 50px;
	background: #fff;
	/* border: 1px solid #ccc; */
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-top: 5px solid #bc8950;
	background: url(../images/wave.png) , #fff;
	background-size: cover;
}


.contact-inner .icon
{
	border: 1px solid #FFE0B2;
}

@media all and (max-width: 992px) 
{
	.navbar-nav
	{
		
background: black;
z-index: 9999;
padding: 10px;
	}
}


.sub-title
{
	font-size: 30px;
	margin: 15px 0px;
	font-weight: 700;
	color: #a97439;
}

ul 
{
	list-style-type: none;
	/* margin: 0 auto; */
}

.list-style-two {
    position: relative;
    display: block;
    margin-bottom: 30px;
}
.list-style-two li:before {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #cb8d48;
    font-weight: 900;
    font-family: "FontAwesome";
    content: "\f178";
}

.list-style-two li {
    float: left;
    width: 50%;
}
.list-style-two li {
    position: relative;
    font-size: 18px;
    line-height: 25px;
    padding-left: 25px;
    margin-bottom: 10px;
    font-weight: 600;
}

.fa-whatsapp
{
	font-size: 20px;
}























.column {
	margin: 15px 15px 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	max-width: 100%;
	height: 300px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}



/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}




.gallery figure img {
    width: 100%;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
    /* border-radius: 20px; */
    /* border: 3px solid #ccc; */
    border: 8px solid #ffffff;
    box-shadow: 0px 30px 15px -20px rgba(0,0,0,0.07);
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 30%);
    /* border: 1px solid #ccc; */
    border: 8px solid #f1ecec;
    box-shadow: 0px 30px 15px -20px rgba(0,0,0,0.07);
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 30%);
}










.small {
  font-size: 11px;
  color: #999;
  display: block;
  margin-top: -10px
}

.cont {
  text-align: center;
}

.page-head {
  padding: 60px 0;
  text-align: center;
}

.page-head .lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 50px;
  margin-top: 0;
}

.btn {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.btn-lg {
  border-radius: 2px;
  font-size: 18px;
  line-height: 1.33333;
  padding: 10px 16px;
}

.btn-primary:hover {
  background-color: #fff;
  color: #152836;
}

.btn-primary {
  background-color: #152836;
  border-color: #0e1a24;
  color: #ffffff;
}

.btn-primary {
  border-color: #eeeeee;
  color: #eeeeee;
  transition: color 0.1s ease 0s, background-color 0.15s ease 0s;
}

.page-head h1 {
  font-size: 42px;
  margin: 0 0 20px;
  color: #FFF;
  position: relative;
  display: inline-block;
}

.page-head h1 .version {
  bottom: 0;
  color: #ddd;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  width: 58px;
  right: -58px;
}

.demo-gallery > ul {
  margin-bottom: 0;
  /* padding-left: 15px; */
  margin-top: auto;
  overflow: hidden;
}

.demo-gallery > ul > li {
  margin-bottom: 15px;
  width: 340px;
  display: inline-block;
  margin-right: 15px;
  list-style: outside none none;
  min-height: 300px;
  max-height: 300px;
  /* object-fit: ; */
}

.demo-gallery > ul > li a {
  border: 3px solid #FFF;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
  min-height: 300px;
  max-height: 300px;
  object-fit: cover;
  max-width: 340px;
  min-width: 340px;
}

.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}

.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}




 /**
  * Tabs Container
  */
 .tabs-container {
	 /* padding: 2rem; */
	}
 
 /**
  * Tabs Block
  */
 .tabs-block {
	 /* display: flex; */
	 align-items: center;
	 justify-content: center;
	}
 
 /**
  * Tabs
  */
 .tabs {
	 display: flex;
 }
 
 .tabs > ul {
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 width: 15%;
 }
 
 .tabs > ul li {
	 display: block;
 }
 
 .tabs > ul li:not(:last-child) {
	 border-bottom: 1px solid #262626;
 }

 .tab-head
 {
	padding: 20px;
	background: #212529;
	}
 
 .tabs  ul li a,
 .tabs  ul li a:visited {
	 display: flex;
	 border-bottom: none;
	 text-decoration: none;
	 /* background-color: #ffffff; */
	 color: #fff;
	 padding: 14px 15px;
	 transition: all 0.2s ease-in-out;
	 word-wrap: break-word;
	 margin: 12px 0px;
	}
 
 .tabs > ul li a:hover,
 .tabs > ul li a:focus,
 .tabs > ul li a:active {
	 border-bottom: none;
	 outline: 0;
 }
 
 .tabs  ul li a.active {
	 background-color: #d39653;
	 color: #ffffff;
	 /* border-left: 6px solid #774d1e; */
	}
 
 .tabs > ul li a:hover:not(.active) {
	 color: #0067b8;
 }
 
 .tabs > ul li a > span {
	 width: 100%;
	 display: flex;
	 /* align-items: flex-end; */
	 /* justify-content: center; */
	 text-align: left;
	 font-weight: 500;
	}
 
 .tabs > ul li a > span.tab-label {
	 display: none;
 }
 
 .tabs section {
	 width: 100%;
	 background-color: #fff;
	 padding: 1rem;
	 display: none;
	 word-wrap: break-word;
	 /* border-bottom: 6px solid #0067b8; */
	}
 
 .tabs section > * {
	 opacity: 0;
	 transform: translateY(20px);
	 transition: opacity 0.2s, transform 0.2s;
 }
 
 .tabs section > *:nth-child(1) {
	 transition-delay: 0.2s;
 }
 
 .tabs section > *:nth-child(2) {
	 transition-delay: 0.3s;
 }
 
 .tabs section > *:nth-child(3) {
	 transition-delay: 0.4s;
 }
 
 .tabs section > *:nth-child(4) {
	 transition-delay: 0.5s;
 }
 
 .tabs section > *:nth-child(5) {
	 transition-delay: 0.6s;
 }
 
 .tabs section > *:nth-child(6) {
	 transition-delay: 0.7s;
 }
 
 .tabs section > *:nth-child(7) {
	 transition-delay: 0.8s;
 }
 
 .tabs section > *:nth-child(8) {
	 transition-delay: 0.9s;
 }
 
 .tabs section > *:nth-child(9) {
	 transition-delay: 1s;
 }
 
 .tabs section > *:nth-child(10) {
	 transition-delay: 1.1s;
 }
 
 .tabs section > *:nth-child(11) {
	 transition-delay: 1.2s;
 }
 
 .tabs section > *:nth-child(12) {
	 transition-delay: 1.3s;
 }
 
 .tabs section > *:nth-child(13) {
	 transition-delay: 1.4s;
 }
 
 .tabs section > *:nth-child(14) {
	 transition-delay: 1.5s;
 }
 
 .tabs section > *:nth-child(15) {
	 transition-delay: 1.6s;
 }
 
 .tabs section > *:nth-child(16) {
	 transition-delay: 1.7s;
 }
 
 .tabs section > *:nth-child(17) {
	 transition-delay: 1.8s;
 }
 
 .tabs section > *:nth-child(18) {
	 transition-delay: 1.9s;
 }
 
 .tabs section > *:nth-child(19) {
	 transition-delay: 2s;
 }
 
 .tabs section > *:nth-child(20) {
	 transition-delay: 2.1s;
 }
 
 .tabs section.active {
	 display: block;
 }
 
 .tabs section.active-content > * {
	 opacity: 1;
	 transform: translateY(0);
 }
 @media (min-width: 576px) {
 
	 .tabs > ul {
		 width: 330px;
		 margin-top: 70px;
		 background: #212529;
		 padding: 20px;
		 margin-bottom: 40px;
		}

		
 
	 .tabs > ul li a {
		 flex-wrap: wrap;
	 }
 
	 .tabs > ul li a > span {
		 width: 100%;
	 }
 
	 .tabs > ul li a > span.tab-label {
		 width: 100%;
		 display: block;
		 margin-top: 0.2rem;
	 }
 
	 .tabs section {
		 /* width: calc(100% - 150px); */
		 padding: 0;
		}
 }
 @media (min-width: 768px) {
 
	 body {
		 font-size: 1.125rem;
		 background: url(../images/pat2.png) , #fffcfa;
		 /* background: #fffcfa; */
		}
 
	 .tabs-container {
		 /* padding: 4rem 4rem; */
		}
 }
 @media (min-width: 992px) {
 
	 .tabs {
		 /* width: 800px; */
		}
 }
 

 .tab-body .demo-gallery > ul > li a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
    min-height: 230px;
    max-height: 230px;
    object-fit: cover;
    max-width: 200px;
    min-width: 230px;
}

.tab-body .demo-gallery > ul > li {
    margin-bottom: 15px;
    width: 250px;
    display: inline-block;
    margin-right: 15px;
    
    min-height: 250px;
    max-height: 250px;
    /* margin: 24px; */
}


@media all and (max-width: 992px)
{
	.list-style-two li
	{
		width: 100%;
	}

	.customer-care-inner
	{
		padding: 0;
	}

	
}


.tab-head li
{
	/* padding: 10px; */
}


.tab-head 
{
	margin-top: 70px;
}
.tab-head li
{
    background-color: #2e3033;
}
.mt-30
{
	margin-top: 30px;
}

.watsapp
{
	width: 50px;
	position: fixed;
	z-index: 9;
	bottom: 30px;
	left: 40px;
}



.gallery
{
	margin-top: 0px;
}


.slider
{
	background: #000;
	/* max-height: 100vh; */
	/* min-height: 112vh; */
	/* background: url(../images/pat.png); */
	/* background-size: cover; */
	padding-bottom: 15px;
}

.full-img
{
	max-width: 100%;
	padding: 0;
}
.carousel-item img
{
	border-radius: 350px 0px 0px 350px;
	height: 440px;
	margin-top: 5%;
	object-fit: cover;
}

.slider-bg
{
	background: url(../images/pat.png) , #000;
	/* min-height: 112vh; */
	/* background: #000000; */
	background-size: cover;
	padding-bottom: 140px;
}

.carousel-caption h3
{
	font-size: 32px;
	line-height: 50px;
	font-weight: 700;
	text-transform: capitalize;
}

.carousel-control-prev-icon {
	background-image: url(../images/left-arrow.png);
    left: 20px;
    position: relative;
    left: -21px;
    /* background: red; */
    color: white;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 30px 0px 0px 30px;
}

.carousel-control-next-icon {
    background-image: url(../images/right-arrow.png);
    position: relative;
    left: 28px;
    /* background: red; */
    color: white;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 0px 30px 30px 0px;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 70% 35%;
}

#fixed-top .slider-bg
{
	min-height: 90vh;
}


.services
{
	margin-top: -75px;
}
.services .item {
    position: relative;
    padding: 50px 40px 90px 40px;
    border-radius: 20px 20px 0 20px;
    background: #f9f6f3;
    z-index: 2;
    margin-bottom: 15px;
    background: url("https://png.pngtree.com/thumb_back/fh260/background/20230707/pngtree-contemporary-elevator-concept-with-sleek-metal-design-3d-render-image_3827914.jpg"), #000;
    background-size: cover;
    border-top: 3px solid #d2a168;
}
/* text */
.services .item .text h5 {
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 15px;
    text-transform: capitalize;
    /* letter-spacing: 2px; */
    font-weight: 700;
}
.services .item .text p {
    font-size: 17px;
    /* font-weight: 300; */
    margin-bottom: 0;
    font-size: 15px;
    line-height: 28px;
    text-align: justify;
    color: #fff;
}
/* icon */
.services .item .icon {
    position: absolute;
    bottom: -6px;
    right: -21px;
    width: 90px;
    height: 90px;
    background: #fefcfa;
    border-top-left-radius: 50%;
    padding: 15px;
}
.services .item:hover .icon .arrow {
  transform: scale(1.05);
}
.services .item .icon::before {
    position: absolute;
    content: "";
    bottom: 6px;
    left: -20px;
    background: transparent;
    width: 20px;
    height: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 6px 6px 0 6px #fff;
}
.services .item .icon::after {
  position: absolute;
  content: "";
  top: -20px;
  right: 6px;
  background: transparent;
  width: 20px;
  height: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 6px 6px 0 6px #fff;
}
.services .item .icon .arrow {
    position: absolute;
    background: #c5a47e;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.services .item .icon .arrow span {
  font-size: 17px;
}
.services .item:hover .icon .arrow {
    color: #fff;
    background: #101010;
}
.services .item .icon .icon-w {
    overflow: hidden;
    background-color: transparent;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    font-size: 27px;
}
.services .item:hover .icon .icon-w i.icon-show,
.services .item .icon .icon-w i.icon-hidden {
    display: none;
}
.services .item:hover .icon .icon-w i.icon-hidden {
    display: inline;
    text-align: center;
    color: #fff;
    font-size: 17px;
    vertical-align: middle;
}

.item
{
	position: relative;
}
.item::before
{
	content: "";
	position: absolute;
	background: #0b0b0be8;
	top:0;
	left: 0;
	bottom:0;
	right:0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border-radius: 20px 20px 0 20px;
}



.products .item {
    position: relative;
    padding: 50px 40px 90px 40px;
    border-radius: 20px 20px 0 20px;
    background: #f9f6f3;
    z-index: 2;
    margin-bottom: 45px;
    background: url("https://png.pngtree.com/thumb_back/fh260/background/20230707/pngtree-contemporary-elevator-concept-with-sleek-metal-design-3d-render-image_3827914.jpg"), #000;
    background-size: cover;
    /* border-top: 3px solid #d2a168; */
}
/* text */
.products .item .text h5 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 15px;
    text-transform: capitalize;
    /* letter-spacing: 2px; */
    font-weight: 700;
    margin-top: 15px;
    line-height: 28px;
}
.products .item .text p {
    font-size: 17px;
    /* font-weight: 300; */
    margin-bottom: 0;
    font-size: 15px;
    line-height: 28px;
    text-align: justify;
    color: #fff;
}
/* icon */
.products .item .icon {
    position: absolute;
    bottom: -6px;
    right: -21px;
    width: 90px;
    height: 90px;
    background: #fffdfb;
    border-top-left-radius: 50%;
    padding: 15px;
}
.products .item:hover .icon .arrow {
  transform: scale(1.05);
}
.products .item .icon::before {
    position: absolute;
    content: "";
    bottom: 6px;
    left: -20px;
    background: transparent;
    width: 20px;
    height: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 6px 6px 0 6px #fff;
}
.products .item .icon::after {
  position: absolute;
  content: "";
  top: -20px;
  right: 6px;
  background: transparent;
  width: 20px;
  height: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 6px 6px 0 6px #fff;
}
.products .item .icon .arrow {
    position: absolute;
    background: #c5a47e;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.products .item .icon .arrow span {
  font-size: 17px;
}
.products .item:hover .icon .arrow {
    color: #fff;
    background: #101010;
}
.products .item .icon .icon-w {
    overflow: hidden;
    background-color: transparent;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    font-size: 27px;
}
.products .item:hover .icon .icon-w i.icon-show,
.products .item .icon .icon-w i.icon-hidden {
    display: none;
}
.products .item:hover .icon .icon-w i.icon-hidden {
    display: inline;
    text-align: center;
    color: #fff;
    font-size: 17px;
    vertical-align: middle;
}

.center
{
	text-align: center;
}

.products
{
	padding: 50px 0px;
	padding-bottom: 50px;
}

.mb-50
{
	margin-bottom: 50px;
}
.mt-50
{
	margin-top: 50px !important;
}

.m-auto
{
	margin: 0 auto;
}

.w_70
{
	width: 70%;
	margin: 0 auto;
}

.mt-30
{
	margin-top: 30px !important;
}


.contact
{
	background:url(../images/cont.jpg);
	/* padding: 40px; */
	color: #fff;
}

.overlay
{
	background: #191919eb;
	padding: 50px;
}




.our_team
{
	padding: 50px;
}
.our_team .item {
    position: relative;
    padding: 15px 15px 30px 15px;
    border-radius: 10px 10px 0 10px;
    background: #f9f6f3;
    z-index: 2;
    margin-bottom: 15px;
    /* background: url("https://png.pngtree.com/thumb_back/fh260/background/20230707/pngtree-contemporary-elevator-concept-with-sleek-metal-design-3d-render-image_3827914.jpg"), #000; */
    background-size: cover;
    /* border-top: 3px solid #d2a168; */
    margin: 6px;
}
/* text */
.our_team .item .text h5 {
    color: #000000;
    font-size: 19px;
    margin-bottom: 2px;
    text-transform: capitalize;
    /* letter-spacing: 2px; */
    font-weight: 700;
    margin-top: 15px;
    line-height: 28px;
}
.our_team .item .text p {
    font-size: 17px;
    /* font-weight: 300; */
    margin-bottom: 0;
    font-size: 15px;
    line-height: 28px;
    text-align: justify;
    color: #fff;
}
/* icon */
.our_team .item .icon {
    position: absolute;
    bottom: -6px;
    right: -24px;
    width: 90px;
    height: 90px;
    background: #fff;
    border-top-left-radius: 50%;
    padding: 15px;
}
.our_team .item:hover .icon .arrow {
  transform: scale(1.05);
}
.our_team .item .icon::before {
    position: absolute;
    content: "";
    bottom: 6px;
    left: -20px;
    background: transparent;
    width: 20px;
    height: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 6px 6px 0 6px #fff;
}
.our_team .item .icon::after {
  position: absolute;
  content: "";
  top: -20px;
  right: 6px;
  background: transparent;
  width: 20px;
  height: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 6px 6px 0 6px #fff;
}
.our_team .item .icon .arrow {
    position: absolute;
    background: #c5a47e;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.our_team .item .icon .arrow span {
  font-size: 17px;
}
.our_team .item:hover .icon .arrow {
    color: #fff;
    background: #101010;
}
.our_team .item .icon .icon-w {
    overflow: hidden;
    background-color: transparent;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    font-size: 27px;
}
.our_team .item:hover .icon .icon-w i.icon-show,
.our_team .item .icon .icon-w i.icon-hidden {
    display: none;
}
.our_team .item:hover .icon .icon-w i.icon-hidden {
    display: inline;
    text-align: center;
    color: #fff;
    font-size: 17px;
    vertical-align: middle;
}


.our_team .item::before {
    content: "";
    position: absolute;
    background: #f1f5f8;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 20px 20px 0 20px;
}
.text h6
{
	font-size: 14px;
	font-weight: 600;
}

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.owl-pagination
{
	display: none;
}
.our_projects
{
	padding: 40px;
	background: #f6f6f685;
}
.our_projects li
{
	display: inline-block;
	width: 22.9%;
	margin: 10px;
	background: #000;
	/* padding: 3px; */
	border: 8px solid #f8f8f8;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}











.swiper-container {
	border-radius: 5px;
	width: 70vw;
	overflow: hidden;
	height: fit-content;
	height: fit-content;
	font-size: 50px;
	position: relative;
	padding-bottom: 50px;
	font-family: sans-serif;
  }
  
  .swiper-slide {
	width: auto;
	height: fit-content;
	display: flex;
	height: auto;
	border-radius: 5px;
	overflow: hidden;
	align-items: flex-start;
	flex-direction: column;
	padding: 0px;
	font-family: Nunito;
	background-color: white;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	}
  
  .swiper-slide .ImgHolder {
	background-color: #141414;
	display: flex;
	width: 100%;
	height: auto;
	padding: 30px;
	border-bottom-left-radius: 20px;
	}
  
  .ContentHolder::before {
	background-color: #141414;
	content: '';
	width: 50px;
	height: 50px;
	position: absolute;
	top: -5px;
	z-index: -1;
	right: 0px;
	}
  
  .ContentHolder {
	position: relative;
	padding: 10px;
	background-color: white;
	border-top-right-radius: 20px;
  }
  
  .swiper-pagination-bullet {
	background-color: white;
	opacity: 1;
	border: 1px solid #4361ee;
  }
  
  .swiper-pagination-bullet-active {
	background-color: #4361ee;
  }
  
  .swiper-button {
	border: 1px solid white;
  }
  
  .swiper-slide img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin: auto;
	object-fit: cover;
	border: 3px solid #4361ee;
	outline: 2px solid white;
  }
  
  .swiper-slide h3 {
	font-size: 1.1rem;
	text-align: center;
	font-weight: bold;
  }
  
  .swiper-slide p {
	font-size: 14px;
	padding: 23px;
	text-align: center;
	padding-top: 0;
	font-family:  'Titillium Web', sans-serif;
	}
  
  @media (max-width:638px) {
	.swiper-container {
	  width: 100%;
	}
  }
  
  @media (max-width:500px) {
	.swiper-container {
	  width: 70vw;
	}
  }
  
  @media (max-width:300px) {
	.swiper-container {
	  width: 100%;
	}
  
	.swiper-slide {
	  border-radius: 0px;
	}
  
	.swiper-container .ImgHolder {
	  border-radius: 0px;
	}
	.ContentHolder{
	  border-radius: 0px;
	}
  }


  .testmonials
  {
	padding: 50px;
  }

.footer-inner h3
{
	margin-bottom: 40px;
	position: relative;
	font-size: 22px;
	font-weight: 600;
}

.footer-inner h3:after
{
	content: "";
	position: absolute;
	background: #dba66b;
	height: 2px;
	width: 70px;
	display: block;
	border-radius: 48px;
	margin-top: 5px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #c87920 !important;
} 

.swiper-pagination-bullet {
    background-color: white;
    opacity: 1;
    border: 1px solid #c87920 !important;
}




.title-style-4
{
	height: 10px;
}

.title-style-4 .title-style-name {
    position: relative;
    display: inline-block;
    width: 100%;
}
.title-style-4 .title-style-name .title-style-name-text {
    font-size: 30px;
    margin: 50px 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    position: relative;
}
.title-style-4 .title-style-des {
    font-size: 16px;
    text-align: center;
}
.title-style-4 .line::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    background: #FF9800;
    bottom: 2px;
    left: -120px;
    right: 0;
    margin: 0 auto;
}
.title-style-4 .line::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    background: #FF9800;
    bottom: 2px;
    right: -120px;
    left: 0;
    margin: 0 auto;
}
.title-style-4 .line {
    display: inline-block;
    width: 30px;
    height: 5px;
    background: #FF9800;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
}




.title-style-5 .title-style-name {
    position: relative;
    display: inline-block;
    width: 100%;
}
.title-style-5 .title-style-name .title-style-name-text {
    font-size: 30px;
    margin: 50px 0;
    display: inline-block;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    position: relative;
}
.title-style-5 .title-style-des {
    font-size: 16px;
    text-align: left;
}
.title-style-5 .line::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    background: #FF9800;
    bottom: 2px;
    left: 40px;
    right: auto;
    margin: 0 auto;
}
.title-style-5 .line {
    display: inline-block;
    width: 30px;
    height: 5px;
    background: #FF9800;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: auto;
    bottom: 10px;
}

footer p {
    color: #ffffff;
    line-height: 25px;
    font-size: 16px;
    /* text-align: center; */
    /* font-weight: 600; */
    text-align: justify;
}

.copy-right p
{
	text-align: center !important;
}




.slider-inner {
  /* background: #000; */
  /* max-height: 100vh; */
  /* min-height: 112vh; */
  background: url(../images/innerbg.jpg);
  /* background-size: cover; */
  /* padding-bottom: 15px; */
  background: url(../images/footerbg.jpg);
  background-size: cover;
  position: relative;
}

.slider-bg-inner {
  /* background: url(../images/pat.png), #000; */
  /* min-height: 112vh; */
  background: #000000c2;
  background-size: cover;
  padding-bottom: 0px;
  /* background: #0a0a0aad; */
}

.sub-title
{
  position: absolute;
  bottom: 70px;
  text-align: center;
  right: 0;
  left: 0;
  color: #ffff;
}


.contact-page
{
  padding: 100px 15px;
}


.bg1
{
  /* background: url("../images/BG-1.png"); */
  background-size: cover;
  background-position: center;
}
.bg2
{
  /* background: url("../images/BG.png"); */
  background-size: cover;
}
.bg3
{
  /* background: url("../images/BG-2.png"); */
  background-size: cover;
}


.icon1 , .icon2 , .icon3
{width: 55px;text-align: center;margin: 0 auto;background: #F05DA8;font-size: 28px;background-color: #bc8950;border-radius: 50%;padding: 6px 8px;margin-top: 10px;padding-top: 6px;color: #fff;}




.contact-inner h2
{
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
  font-weight: 600;
}
.contact-inner h5
{
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}














.products
{
  text-align: center;
}

.products input{
  display: none;
}

.tag{
  font-size: 15px;
  margin: 9px 3px;
  padding: 5px 16px;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  background: #efefef4f;
  text-decoration: none;
  color: black;
  border: 1px solid #ccc;
  font-weight: 600;
}


/*filter CSS */

#fish:checked ~ .images > img:not([class*='fish']),
#birds:checked ~ .images > img:not([class*='birds']),
#lion:checked ~ .images > img:not([class*='lion']){
 width: 0px;
 height: 0px;
}

#all:checked ~ .all,
#fish:checked ~ .tag1, 
#birds:checked ~ .tag2,
#lion:checked ~ .tag3{
  background-color: #333333;      
  color: white;
} 


.w-92
{
  width: 92%;
  margin: 0 auto;
}

.pro img
{
  max-width: 280px;
  min-width: 280px;
  height: 280px;
  object-fit: cover;
  height: 100%;
  width: 100%;
  min-height: 260px;
  max-height: 260px;
  object-fit: cover;
  max-width: 200px;
  min-width: 190px;
  border: 1px solid #e4e4e4;
  padding: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


.products-list
{

box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

padding: 10px 5px;

background: #ffffff;

margin-bottom: 15px;

margin-top: 50px;
}


.pro
{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
    background: #fff;

}





.allwrps {
  display: flex;
  flex-wrap: wrap;
  max-width: 83%;
  margin: auto;
  margin-bottom: 50px;
}

.single {
  width: 197px;
  height: 260px;
  text-align: center;
  /* line-height: 200px; */
  /* background: red; */
  margin: 0 5px;
  margin-top: 10px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  transition: .3s;
  margin-bottom: 29px;
  height: 260px !important;!i;!;
}
.btns {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px;
}

.btns button {
  padding: 5px 40px;
  border: none;
  outline: none;
  border-radius: 5px;
  margin: 0 10px;
  cursor: pointer;
  transition: .3s;
  font-size: 15px;
  margin: 9px 3px;
  padding: 5px 16px;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  background: #efefef4f;
  text-decoration: none;
  color: black;
  border: 1px solid #ccc;
  font-weight: 600;
}

.btns button:hover,.btns button.active {
  background: blueviolet;
  color: #fff;
}

.single img
{
  min-height: 260px;
  max-height: 260px;
  object-fit: cover;
  max-width: 200px;
  min-width: 190px;
  border: 1px solid #e4e4e4;
  padding: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 
}


.item img
{
  border-radius: 20px;
}





.gallery {
  padding: 20px;
  text-align: center;
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  padding: 10px;
}

.image-item {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  margin-bottom: 25px;
}

.image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  transition: transform 0.3s ease;
  border: 10px solid #ffffff;
  border-radius: 20px;
}

.image-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.image-item:hover img {
  transform: scale(1.1);
}

/* Lightbox Styles */
.lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  text-align: center;
}

.lightbox-content {
  max-width: 90%;
  max-height: 90%;
  margin-top: 3%;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.close {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  transition: color 0.3s ease;
}

.close:hover {
  color: #ccc;
}

.service-content p
{
  font-size: 16px;
}


@media only screen and (max-width: 600px) 
{
  .carousel-caption 
  {
    width: 90% !important;
    left: 8%;
    top: 26%;
    text-align: left;
    background: #00000030;
  }
  .overlay 
  {
    
    padding: 25px 0px;
  }
  .title h2 {
    font-size: 26px;
    
  }

  .our_projects li {
    display: inline-block;
    width: 41.9%;
  }
}