@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
* {
	font-family: 'Raleway', sans-serif;
}
#font{
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size:20px;
}
#font2{
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size:38px;
	color:#1386D2;
}

/*:root {
  --main: #00CC66;
  --white: #ffffff;
  --main2:  #00FF80;
  --main3: #00CCCC;
  --seconday: #CC0066;
  --font-color: orange;

}
*/
:root {
	--white: #ffffff;
  --main: #A10000;
  --main2:  #D50000;
  --main3: #413D3E;
  --seconday: #CC0066;
  --font-color: orange;

  --light-palatte-1: #87B8E2;
  --light-palatte-2: #CFA4DB;
  --light-palatte-3: #A3CDB3;
	scroll-behavior: smooth;
}
.font_ad
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:50px;	
	color:#000;
}
.font_text_ad
{
	font-size:30px;
	font-family:"Courier New", Courier, monospace;
	color:#000;
}
.font_p_ad
{
	font-size:18px;
	font-family:"Courier New", Courier, monospace;
	color:#000;
}

.header-bg {
	background-color: var(--main) !important;
}

.aa {
	transition: 0.2s;
	color: white !important;
	text-transform: capitalize;
}

.aa:hover
{
	color:#00CC66 !important;
	background-color: white;
	padding: ;
}
.aaa {
	transition: 0.s;
}

.aaa:hover
{
	background-color:#27B362 !important;
	color:white !important;
}

.img-owl-my
{
	max-width:100%;
	height:200px;;
	display:block;
}



.full-body-div {
	border: 0px solid red;
}


.ind-about {
	padding: 50px 0;
	border: 0px solid red;
	position: relative;
	height: 600px;
}
.ind-about .pic {
	position: absolute;
	top: 50px;
	left: 0;
	width: 70%;
	height: 500px;
	border: 10px solid var(--main);
	padding: 20px;
}
.ind-about .pic img {
	position: absolute;
	display: inline-block;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	object-fit: cover;
}

.ind-about .text {
	position: absolute;
	top: 150px;
	bottom: 150px;
	right: 0;
	width: 60%;
	height: 300px;
	z-index: 10;
	border: 0px solid red;
	background-color: var(--main3);
	color: white;
	padding: 50px;
}

.ind-about .text h2 {
	font-size: 24px;
	line-height: 28px;
	padding-bottom: 10px;
	display: inline-block;
	border-bottom: 2px solid red;
}
.ind-about .text p {
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
}





.ind-bslider {
	border: 0px solid red;
	padding: 50px 0;
	background-image: url(../media/misc/ind-misc05-1.jpg);
	background-size: cover;
	background-position: 0 0%;
	/*background-color: red;*/
}
.ind-bslider-h3 {
	border: 0px solid red;
	font-size:36px;
	color:white;
	width:100%;
	text-align: center;
	background-color:var(--main3);
	padding:30px 0;
	margin: 50px 0;
}

.ind-bslider-col3 {
	border: 0px solid var(--main);
	padding: 00px;
	width: calc(100% - 0px);
	margin: 10px 0px;
	background-color: #efefef;
	color: var(--main);
}
.ind-bslider-col3 .img {
	border: 0px solid red;
	width: 100%;
	background-color: var(--light-palatte-1);
	height: 200px;
	position: relative;
	
	background-repeat: no-repeat;
	background-position: 70% 20%;
	transition: 1s;
}
.ind-bslider-col3 .img:hover {
	border: 0px solid red;
	width: 100%;
	background-color: var(--light-palatte-2);
	height: 200px;
	position: relative;
	background-repeat: no-repeat;
	background-position: 20% 70%;
}
.ind-bslider-col3 .img img {
	position: absolute;
	width: 60px;
	height: 60px;
	padding: 10px;
	border: 0px solid red;
	border-radius: 30px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: contain;
	background-color: white;
}
.ind-bslider-col3 p {
	border: 0px solid red;
	line-height: 22px;
	font-size: 20px;
	height: 85px;
	overflow: hidden;
	text-align: center;
	padding: 10px 0;
	display: block;
	margin: 0;
	background-color: var(--light-palatte-3);
	font-weight: 900;
}
.ind-bslider-col3 a {
	border: 0px solid red;
	display: block;
	background-color: var(--main3);
	padding: 10px 0;
	text-align: center;
	font-size: 16px;
	color: white;
	border-radius: 0px;
	transition: 0.3s;
}
.ind-bslider-col3 a:hover {
	background-color: var(--main);
}

.ind-how {
	border: 0px solid red;
	background-color: #f4f4f4;
	padding-bottom: 50px;
	margin: 50px 0;
}
.ind-how .title {
	border: 0px solid blue;
	background-color: var(--main3);
	position: relative;
	padding: 50px 20px;
	text-align: center;
	margin-bottom: 150px;
}
.ind-how .title-0::before {
	border: 2px solid blue;
	background-color: var(--main3);
	position: absolute;
	top: calc(100% - 50px);
	left: calc(50% - 50px);
	height: 100px;
	width: 100px;
	content: "";
	z-index: -10;
}
.ind-how .title::after {
	border: 0px solid blue;
	background-color: var(--main3);
	position: absolute;
	top: calc(100% - 35px);
	left: calc(50% - 35px);
	height: 70px;
	width: 70px;
	transform: rotate(45deg);
	content: "";
	z-index: 10;
}

.ind-how .title div:nth-child(1) {
	color: white;
	font-size: 36px;
	line-height: 40px;
	padding-bottom: 30px;
	border: 0px solid red;
}
.ind-how .title div:nth-child(2) {
	font-size:20px;
	line-height: 22px;
	color:white;
}


.ind-call-us {
	background-color: var(--main2);
	padding: 70px;
	color: white;
	margin: 100px 0;
}

.ind-call-us .inside {
	border: 0px solid white;
	display: inline-block;
}
.ind-call-us .inside .icon {
	border: 0px solid red;
	width: 80px;
	height: 80px;
	display: inline-block;
	vertical-align: top;

	animation-name: phoneicon;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes phoneicon {
	0% { transform: rotate(0deg) scale(1.0); }
	25% { transform: rotate(10deg) scale(1.05); }
	50% { transform: rotate(0deg) scale(1.0); }
	75% { transform: rotate(-10deg) scale(1.05); }
	100% { transform: rotate(0deg) scale(1.0); }
}


.ind-call-us .inside .icon i{
	font-size: 70px;

}
.ind-call-us .inside .text {
	border: 0px solid blue;
	height: 80px;
	width: calc(100% - 85px);
	display: inline-block;
	vertical-align: top;
	padding: 0px 0px 10px 20px;
}

.ind-call-us .inside .text h2 {
	border: 0px solid white;
	font-size: 16px;
	line-height: 18px;
	height: 40px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.ind-call-us .inside .text p {
	border: 0px solid white;
	font-size: 26px;
	line-height: 36px;
	height: 40px;
	margin-bottom: 0;
}


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


.bottom-contact {
	background: linear-gradient( 90deg, var(--main3) 50%,  var(--main2) 50%);
	padding: 100px 0;
	margin: 50px 0;
}
.bottom-contact .col-md-6 {
	padding: 0;
}

.bottom-contact .left {
	/*border: 1px solid black;*/
	color: white;
	background-color: var(--main2);
	padding: 50px;
	height: 520px;
}

.bottom-contact .left .left-img {
	border: 20px solid var(--main);
	padding: 100px 50px;
	height: 100%;
	background-image: url('../media/misc/ind-misc06.png');
	object-fit: contain;
	background-position: 50% 50%;
	border: 0px solid white;
}
.bottom-contact .left .left-img span {
	border: 0px solid white;
	height: 220px;
	/*height: 100%;*/
	color: white;
	/*color: var(--main1);*/
	font-size: 26px;
	line-height: 220px;
	overflow: hidden;
	/*transform: translateY(90px);*/
	text-transform: uppercase;
	font-weight: 900;
	text-align: center;
	display: block;
	text-shadow: 0px 0px 5px #545454,
	0px 0px 10px #3A3A3A,
	0px 0px 15px #151515,
	0px 0px 20px #000000;
	position: relative;
	z-index: 10;
}
.bottom-contact .left .left-img span::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: var(--main);
	opacity: 0.7;
	z-index: -1;
}


.bottom-contact .right {
	/*border: 1px solid black;*/
	color: white;
	background-color: var(--main3);
	padding: 50px;
	height: 520px;

}

.bottom-contact .right .form {
	border: 0px solid black;
}


.bottom-contact .right .form form  {
	border:  0px solid blue;
}

.bottom-contact .right .form form .form-row {
	border:  0px solid white;
	display: block;
	height: 60px;
	padding: 0px;
	margin: 10px 0;
	position: relative;
	padding-top: 18px;
}

.bottom-contact .right .form form .form-row input {
	appearance: none;
	width: 100%;
	background-color: var(--main2);
	border: none;
	color: white;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 10px;
	outline: none;
	/*position: absolute;*/
	display: block;
}

.bottom-contact .right .form form .form-row label {
	position: absolute;
	bottom: 0;
	left: 10px;
	z-index: 10;
	pointer-events: none;
	transition: 0.3s;
	border: 0px solid red;
	color: white;
	font-size: 14px;
	color: #ccc;
	font-weight: 900;
}


.bottom-contact .right .form form .form-row input:focus ~ label,
.bottom-contact .right .form form .form-row input:valid ~ label {
	/*position: absolute;*/
	bottom: 35px;
	font-size: 12px;
	color: white;
	font-weight: 900;
}

.bottom-contact .right .form form .message {
	border:  0px solid white;
	display: block;
	padding: 0px;
	margin: 10px 0;
	position: relative;
	padding-top: 18px;
}
.bottom-contact .right .form form .message textarea {
	width: 100%;
	background-color: var(--main2);
	border: none;
	color: white;
	font-size: 14px;
	line-height: 20px;
	/*height: 100px;*/
	padding: 10px 10px;
	resize: none;
	display: block;
}
.bottom-contact .right .form form .message label {
	position: absolute;
	top: 30px;
	left: 10px;
	z-index: 10;
	pointer-events: none;
	transition: 0.3s;
	border: 0px solid red;
	color: white;
	font-size: 14px;
	color: #ccc;
	font-weight: 900;
}

.bottom-contact .right .form form .message textarea:focus ~ label,
.bottom-contact .right .form form .message textarea:valid ~ label {
	/*position: absolute;*/
	top: -2px;
	font-size: 12px;
	color: white;
	font-weight: 900;
}

.bottom-contact .right .form form .message textarea:focus {
	outline: 0;
}

.bottom-contact .right .form form .form-btn {
	overflow: hidden;
}
.bottom-contact .right .form form .form-btn input[type=submit]{
	appearance:  none;
	float: right;
	outline: 0;
	background-color: var(--main2);
	color: white;
	padding: 10px 30px;
	border: 5px solid var(--main2);
	display: inline-block;
}
.bottom-contact .right .form form .form-btn input[type=submit]:hover{
	appearance:  none;
	float: right;
	outline: 0;
	background-color: var(--main3);
	color: white;
	padding: 10px 30px;
	border: 5px solid var(--main2);
	display: inline-block;
}



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



.general-page {
	padding: 50px 0;
	border: 0px solid red;
}

.general-title {
	border: 0px solid red;
	font-size:36px;
	color:white;
	width:100%;
	text-align: center;
	background-color:var(--main3);
	padding:30px 0;
	margin-bottom: 50px;
}



.ab-up {
	border: 5px solid var(--main3);
	position: relative;
	height: 591px;
	margin-bottom: 50px;
	padding: 20px;
}
.ab-up .img {
	border: 0px solid red;
	position: absolute;
	width: calc(100% - 500px);
	left: 20px;
	top: 20px;
	height: 400px;
}
.ab-up .img img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
}
.ab-up .img-side {
	border: 0px solid red;
	position: absolute;
	width: 500px;
	right: 20px;
	padding: 50px;
	line-height: 50px;
	font-size: 40px;
	font-weight: 900;
	top: 20px;
	height: 250px;
}

.ab-up .text {
	border: 0px solid var(--main);
	background-color: var(--main2);
	padding: 50px;
	color: white;
	font-size: 16px;
	position: absolute;
	width: calc(100% - 300px);
	right: 20px;
	top: 250px;
	height: 300px;
	text-align: justify;
}



.ab-why {
	border: 0px solid red;
	margin-bottom: 50px;
}
.ab-why .box {
	margin: 10px;
	background-color: var(--main2);
	color: white;
	padding: 30px 20px;
	height: 110px;
	border-radius: 10px;
}
.ab-why .box p {
	line-height: 22px;
	font-size: 18px;
	height: 44px;
}

.ab-3d {
	border: 0px solid red;
}

.ab-3d .box-1 { background-color: #CFA4DB ; }
.ab-3d .box-2 { background-color: #87B8E2 ; }
.ab-3d .box-3 { background-color: #A3CDB3 ; }

.ab-3d .box {
	border: 0px solid red;
	padding: 50px;
	height: 350px;
}
.ab-3d .box .title {
	line-height: 34px;
	font-size: 30px;
	height: 26px;
	margin-bottom: 35px;
}
.ab-3d .box .text {
	font-size: 16px;
	line-height: 20px;
	text-align: justify;
}


.no-gutters {
  margin-right: 0 !important;
  margin-left: 0 !important;
}


.inc-booking {
	margin-top: 50px;
	padding: 50px;
	background-color: #cccc;
}
.inc-booking p {
	font-size: 30px;
	line-height: 35px;
}
.inc-booking a {
	margin-top: 20px;
	padding: 20px 50px;
	display: inline-block;
	border: 5px solid var(--main);
	line-height: 30px;
	font-size: 26px;
	color: var(--main);
	font-weight: 900;
	border-radius: 10px;
	transition: 0.3s;
}
.inc-booking a:hover {
	margin-top: 20px;
	padding: 20px 50px;
	display: inline-block;
	border: 5px solid var(--main);
	line-height: 30px;
	font-size: 26px;
	color: white;
	border-radius: 10px;
	background-color: var(--main);
}



.book-1 { background-color: #CFA4DB ; }
.book-2 { background-color: #87B8E2 ; }
.book-3 { background-color: #A3CDB3 ; }
.book {
	padding: 50px 30px;
}
.book .title {
	border: 0px solid red;
	font-size: 26px;
	line-height: 30px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	color: var(--main3);
	border-bottom: 3px solid var(--main3);
}
.book .space {
	border: px solid red;
	padding:0 0px;
	height: 420px;
}
.book .space p {
	margin: 0;
	font-size: 20px;
	font-weight: 900;
}



.space .form form  {
	border:  0px solid blue;
}

.space .form form .form-row {
	border:  0px solid white;
	display: block;
	height: 60px;
	padding: 0px;
	margin: 10px 0;
	position: relative;
	padding-top: 18px;
}

.space .form form .form-row input {
	appearance: none;
	width: 100%;
	background-color: var(--main2);
	border: none;
	color: white;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 10px;
	outline: none;
	/*position: absolute;*/
	display: block;
}

.space .form form .form-row label {
	position: absolute;
	bottom: 0;
	left: 10px;
	z-index: 10;
	pointer-events: none;
	transition: 0.3s;
	border: 0px solid red;
	color: white;
	font-size: 14px;
	color: #ccc;
	font-weight: 900;
}


.space .form form .form-row input:focus ~ label,
.space .form form .form-row input:valid ~ label {
	/*position: absolute;*/
	bottom: 35px;
	font-size: 12px;
	color: white;
	font-weight: 900;
}

.space .form form .message {
	border:  0px solid white;
	display: block;
	padding: 0px;
	margin: 10px 0;
	position: relative;
	padding-top: 18px;
}
.space .form form .message textarea {
	width: 100%;
	background-color: var(--main2);
	border: none;
	color: white;
	font-size: 14px;
	line-height: 20px;
	/*height: 100px;*/
	padding: 10px 10px;
	resize: none;
	display: block;
}
.space .form form .message label {
	position: absolute;
	top: 30px;
	left: 10px;
	z-index: 10;
	pointer-events: none;
	transition: 0.3s;
	border: 0px solid red;
	color: white;
	font-size: 14px;
	color: #ccc;
	font-weight: 900;
}

.space .form form .message textarea:focus ~ label,
.space .form form .message textarea:valid ~ label {
	/*position: absolute;*/
	top: -2px;
	font-size: 12px;
	color: white;
	font-weight: 900;
}

.space .form form .message textarea:focus {
	outline: 0;
}

.space .form form .form-btn {
	overflow: hidden;
}
.space .form form .form-btn input[type=submit]{
	appearance:  none;
	float: right;
	outline: 0;
	background-color: var(--main2);
	color: white;
	padding: 10px 30px;
	border: 5px solid var(--main2);
	display: inline-block;
}
.space .form form .form-btn input[type=submit]:hover{
	appearance:  none;
	float: right;
	outline: 0;
	background-color: var(--main3);
	color: white;
	padding: 10px 30px;
	border: 5px solid var(--main2);
	display: inline-block;
}








.ser-up {
	border: 0px solid red;
	margin-bottom: 50px;
}

.ser-up-left {
	border: 0px solid red;
}

.ser-up-left h1 {
	border: 0px solid red;
	font-size: 32px;
	font-weight: 900;
	margin-bottom: 30px;
}
.ser-up-left p {
	text-align: justify;
	font-size: 14px;
}

.ser-up-right {
	padding: 100px 00px;
	background-color: var(--main3);
}
.ser-up-right-title {
	color: white;
	font-size: 26px;
	padding: 10px 0;
	margin-bottom: 20px;
	border: 0px solid white;
}
.ser-up-right-img {
	border: 0px solid white;
}

.ser-about {
	border: 0px solid blue;
	padding: 50px 20px;
	background-color: #efefef;
	color: black;
	margin: 50px 0;
}
.ser-about-left {
	border: 0px solid blue;
}
.ser-about-left h1 {
	margin-bottom: 40px;
}
.ser-about-left p {
	text-align: justify;
}

.ser-about-right {
	border: 0px solid blue;
}
.ser-about-right img {
	width: 100%;
}







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



.footer {
	background-color: var(--main3);
	padding: 100px 0;
	color: white;
}

.footer .footer-contact,
.footer .footer-links,
.footer .footer-service
 {
	list-style: none;
	padding: 0;
}

.footer .footer-contact li,
.footer .footer-links li,
.footer .footer-service li
 {
	list-style: none;
	padding: 0;
	color: white;
}

.footer .footer-contact li,
.footer .footer-links a li,
.footer .footer-service a li
 {
 	display: block;
	color: white;
	transition: 0.3s;
}

.footer .footer-links  a:hover li,
.footer .footer-service a:hover li
 {
 	display: block;
	color: white;
	padding-left: 5px;
}

.footer .footer-contact li {
	border: 0px solid red;
}
.footer .footer-contact li i {
	display:inline-block;
	width: 30px;
	border: 0px solid white;
	vertical-align: top;
}
.footer .footer-contact li span {
	display:inline-block;
	width: calc(100% - 40px);
	border: 0px solid white;
}


.footer-down {
	background-color:#333333;
	padding:30px 0px 30px 0px;
	color:white;
}






/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////           @ MEDIA QUERIES SECTION STARTS HEAR          ////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/




#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  width:50px; height: 50px; /* Some padding */
  border-radius: 50px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  transition: 0.3s;		
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}


.footer-sm {
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 50%;
	margin-right: 5px;
}
.footer-sm i {
	color: white;
	font-size: 16px;
	line-height: 40px;
	width: inherit;
	text-align: center;
}


.ind-maint {
	width: 100%;
	background-color: #efefef;
	padding:50px 0;
}


.ind-maint-col3 {
	border: 0px solid var(--main);
	padding: 00px;
	width: calc(100% - 0px);
	margin: 10px 0px;
	background-color: #efefef;
}
.ind-maint-col3 .img {
	border: 0px solid red;
	width: 100%;
	background-color: var(--light-palatte-1);
	height: 250px;
	position: relative;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: 1s;
}
/*.ind-maint-col3 .img:hover {
	border: 0px solid red;
	width: 100%;
	background-color: var(--light-palatte-2);
	position: relative;
	background-repeat: no-repeat;
	background-position: 20% 70%;
}*/
.ind-maint-col3 .img img {
	position: absolute;
	width: 60px;
	height: 60px;
	padding: 10px;
	border: 0px solid red;
	border-radius: 30px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: contain;
	background-color: var(--light-palatte-3);
}
.ind-maint-col3 p {
	border: 0px solid red;
	line-height: 22px;
	font-size: 20px;
	height: 85px;
	overflow: hidden;
	text-align: center;
	padding: 10px 0;
	display: block;
	margin: 0;
	background-color: var(--light-palatte-3);
	font-weight: 900;
}
.ind-maint-col3 a {
	border: 0px solid red;
	display: block;
	background-color: var(--main3);
	padding: 10px 0;
	text-align: center;
	font-size: 16px;
	color: white;
	border-radius: 0px;
	transition: 0.3s;
}
.ind-maint-col3 a:hover {
	background-color: var(--main);
}




.maint-up {
	border: 0px solid red;
	margin-bottom: 50px;
}

.maint-up-left {
	border: 0px solid red;
}

.maint-up-left h1 {
	border: 0px solid red;
	font-size: 32px;
	font-weight: 900;
	margin-bottom: 30px;
}
.maint-up-left p {
	text-align: justify;
	font-size: 14px;
}

.maint-up-right {
	background-color: var(--main3);
}
.maint-up-right-img {
	border: 0px solid white;
}
.maint-up-right-img img {
	width: 100%;
}

.maint-about {
	border: 0px solid blue;
	padding: 50px 20px;
	background-color: #efefef;
	color: black;
	margin: 50px 0;
}
.maint-about-left {
	border: 0px solid blue;
}
.maint-about-left h1 {
	margin-bottom: 40px;
}
.maint-about-left p {
	text-align: justify;
}

.maint-about-right {
	border: 0px solid blue;
}
.maint-about-right img {
	width: 100%;
}


.f-main {
	width: 100%;
	padding: 20px;
	background-color: var(--light-palatte-3);
	margin-bottom: 20px;
}
.f-main img {
	display: block;
	width: 100%;
	height: 200px;
	object-fit: contain;
	object-position: center center;
	border: 0px solid red;
}
.f-main .f-des {
	border: 0px solid blue;
	padding-top: 20px;
}
.f-main .f-des h4 {
	border: 0px solid red;
	font-size: 17px;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	margin: 0;
}