@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.prompt-regular,* {
  font-family: "Prompt", serif;
  font-weight: 400;
  font-style: normal;
}

:root{
	--red: #FF1512;
	--red-d-1: #AB3138;
	--red-d-2: #980a08;
	--blue-old: #063FAA;
	--blue: #2e77ff;
	--blue-d-1: #002874;
	--blue-d-2: #001742;
	--blue-ss-1: #e7efff;
	--icon-s: 50px;
	--serv-s: 150px;
	--yel: #fff34b;
	--yel-d-1: #e0d534;
	--green: #388041;
}

html, body {
	min-height: 100%;
	width: 100%;
}


body { 
	padding-top: 70px;
	background: var(--red);
}

a {
	color: inherit
	text-decoration: none;
}

.pc-nav {
	background: var(--yel);
	color: white;
	position: fixed;
	z-index: 999;
	width: 100%;
	top: 0;
	left: 0;
	box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}

.pc-nav .pc-logo {
	filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .15));
}
.pc-logo { height: 40px; }

.pc-menu a{
	text-decoration: none;
}
.pc-menu>a{
	color: var(--green);
	padding: .15rem 1rem;
	font-size: 1.1rem;
	border-radius: 8px;
	transition: background .2s;
/*	text-shadow: 1px 1px 4px rgba(0, 0, 0, .075);*/
}

.pc-menu span {
	padding: .225rem .75rem;
	border-radius: 8px;
	background: rgba(255, 255, 255, .75);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .075);
}

.pc-menu span a img{
	height: 20px;
	width: 20px;
	border-radius: 100%;
	border: 1px solid white;
	margin-top: -2px;
}

.pc-menu a+a img{
	margin-left: .25rem;
}

.pc-menu>a:hover{
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .075);
	background: rgba(255, 255, 255, .75); /* .2 */
	color: var(--red-d-2); /* none */
}

.pc-menu>a.active {
	background: white;
	color: var(--green);
	cursor: unset;
	text-shadow: unset;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .075);
}
.pc-hid-mn {
	display: none;
	height: 30px;
	width: 30px;
	position: relative;
	cursor: pointer;
}

.pc-hid-mn div {
	background: var(--green);
	height: 4px;
	width: 30px;
	position: absolute;
	left: 0;
	transition: all 0.15s ease-in-out 0.1s;
}

.pc-hid-mn div:last-child{ bottom: 2px; }
.pc-hid-mn div:first-child+div{ top: 13px; transition: all 0.15s ease-in-out 0s; }
.pc-hid-mn div:first-child{ top: 2px; }

.pc-hid-mn.pc-cross div:last-child{
	transform-origin: center left;
	rotate: -45deg;
	left: 2px;
	width: 37.5px;
	bottom: 0;
}
.pc-hid-mn.pc-cross div:first-child+div{
	left: 15px;
	width: 0;
}
.pc-hid-mn.pc-cross div:first-child{ 
	transform-origin: center left;
	rotate: 45deg;
	left: 2px;
	width: 37.5px;
	top: 0;
}
.pc-banner {
	background-color:#96252b;
	background-repeat: no-repeat;
/*	background-size: contain;*/
	background-position: top center;
	background-attachment: fixed;
}
/*.pc-banner>div{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
}*/
.pc-banner .footer{
	position: relative;
}

.pc-banner .main {
/*	height: 450px;*/
	color: white;
/*	background: white;*/
}

.pc-banner .main img{
	height: 20px;
}
div.pc-icon img{
	width: 1em;
}





.pc-banner .footer::before{
	z-index: 1;
	content: '';
	display: block;
	height: 51%;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	background: white;
}
.bg-whtie{
	background: white;
}
.pc-content img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: .5rem;
}

.pc-card img{
	width: var(--icon-s);
	height: var(--icon-s);
	object-fit: cover;
	opacity: .75;
	transition: scale .2s, opacity .2s;
}
.pc-flip {
	scale: -1 1;
}

.i-serv {
	width: 100%;
	object-fit: cover;
	height: 100%;
	border-radius: .5rem;
}
.mid {
	border: 1px solid var(--blue-ss-1);
	border-left: none;
	border-right: none;
}

.mid.unb {
	border-bottom: none;
}

.pc-servie{
	border-bottom: 1px solid var(--blue-ss-1);
}

.pc-card {
	transition: box-shadow .2s, transform .2s;
	position: relative;
	z-index: 5;
	border-radius: 1rem;
	background: white;
	display: block;
	padding: 1rem;
	color: var(--blue);
	text-decoration: none;
	font-size: 1.45rem;
	box-shadow: 0 .25rem .35rem rgba(0, 0, 0, .15);
}

.pc-card:hover img{
	scale: 1.1;
	opacity: 1;
}

.pc-card:hover{
	transform: translateY(2px);
	box-shadow: 0 .15rem .05rem rgba(0, 0, 0, .35);
							
}

.pc-card span{
	font-weight: 600;
}

.test-img {
	position: relative;
}

.test-img>img {
	position: absolute;
}

h3 , h1 , h2 ,h4 ,h5{
/*	color: var(--blue);*/
	font-weight: 600;
}

.c-blue {
	color: var(--blue);
}
p {
	text-align: justify;
}
p.context {
	text-indent: 2rem;
}

footer {
	background: var(--blue);
	color: white;
}

.pc-footer {
	background: var(--green);
/*	border-top: 1.5px solid var(--blue-d-2);*/
}
.pc-contactus img{
	width: 1.5rem;
	margin-right: 1rem;
}
.pc-contactus .col-12{
	height: 1rem;
}

footer a{
	text-decoration: none;
	color: white;
}

footer .pc-logo {
	width: 55%;
	height: auto;
}
.col-sx-6 { width: 50%; }

.car {
	color: black;
	text-decoration: none;
	border-radius: .5rem;
	background: white;
	box-shadow: 0 0.05rem .35rem rgba(0, 0, 0, .25);
}

.car img{
	width: 100%;
}

.car .btn-pc{
	padding: .25rem;
	background: var(--blue); /* d-1 */
	color: white;
	border-radius: .35rem;
	margin-top: .5rem;
	font-size: 1.25rem;
}

.ow-pic {
	box-shadow: 0 0.05rem .35rem rgba(0, 0, 0, .25);
	width: 100%;
	height: 350px;
	object-fit: cover;
	border-radius: .5rem;
}


.car-data div span{
	background: var(--blue);
	color: white;
	padding: .15rem 1rem;
	margin-right: 1rem;
	border-radius: .5rem;
	font-weight: normal;
}

div.car-data div {
	font-weight: 600;
}

.pc-servie-card>div:first-child img{
	height: var(--serv-s);
	width: var(--serv-s);
	border-radius: 50%;
	object-fit: cover;
	margin-bottom: 1rem;
	margin-top: 1.5rem;
	box-shadow: 0 0.15rem .45rem rgba(0, 0, 0, .35);
}
.pc-servie-card>div:last-child{
	padding-bottom: 1.5rem;
}


.pc-icon img.pc-logo-cont {
	width:65%;
	height: unset;
	object-fit: unset;
}

footer p {
	text-align: left!important;
}

.booknow {
	margin: auto;
	width: 90% ;
	padding: 1rem 0;
	text-align: center;
	font-size: 1.5rem;
	color: white;
	background: var(--blue);
	display: block;
	box-shadow: 0 0.75rem .45rem rgba(0, 0, 0, .35) , 0 0.5rem 0 2px var(--blue);
	text-decoration: none;
	border-radius: .5rem;
	font-weight: 600;
	transition: all .1s;
}

.booknow:hover {
	transform: translateY(.45rem);
	box-shadow: 0 0.25rem .25rem rgba(0, 0, 0, .35) , 0 0.05rem 0 2px var(--blue);
}

.pc-line {
	z-index: 5;
}
.pc-line a{
	display: block;
	background: white;
	border-radius: 1rem;
	padding: .5rem;
	box-shadow: 0 .25rem .35rem rgba(0, 0, 0, .15);
}
.pc-line img{
	width: 150px;
	z-index: 10;
}
.pc-cont {
	height: 100%;
}
img.line-f {
	height: 140px;
	width: unset;
}





















@media (max-width: 1399.98px) {
	:root{
		--icon-s:45px;
	}
	.pc-card { font-size: 1.2rem; }
	.pc-line img{ width: 140px; }
}
@media (max-width: 1199.98px) {
	:root{
		--icon-s:38px;
	}
	.pc-card { 
		font-size: 1rem;
		padding: .8rem;
	}
	.ow-pic { height:300px }
	.pc-line img{ width: 120px; }
}
@media (max-width: 991.98px) {
	:root{
		--icon-s:28px;
	}
	.pc-card {
		padding: .5rem;
		font-size: .8rem;
		border-radius: .5rem;
	}
	.pc-logo { height: 30px; }
	.pc-menu>a{
		padding: .15rem .75rem;
		font-size: .9rem;
	}
	.pc-menu span {
		padding: .1rem .75rem;
	}
	.pc-menu span a img{
		margin-top: -2.5px;
	}

	body { padding-top: 60px; }
	.ow-pic { height:250px }
	.pc-line a{ border-radius: .5rem; }
	.pc-line img{ width: 80px; }

}
@media (max-width: 767.98px) {
	.pc-hid-mn {
		display: block;
		transition: rotate 0.1s;
	}
	.pc-banner .footer::before{
		height: 26%;
		top: 75%;
	}
	.pc-menu {
		position: fixed;
		top: -200%;
		left: 0;
		width: 100%;
		height: calc(100% - 60px);
		background: var(--yel);
		border-top: 1px solid var(--yel-d-1);
		overflow-y: auto;
		padding-top: 1rem;
		transform-origin: top center;
		opacity: 0;
		scale: 1 0;
		transition: opacity 0.2s ease-in-out, scale 0s 0.2s, top 0s 0.2s;
	}
	.pc-cross {
		rotate: 90deg;
	}
	.pc-cross+.pc-menu {
		opacity: 1;
		scale: 1 1;
		top: 60px;
		transition: opacity 0.2s ease-in-out , scale 0s , top 0s;
	}
	.pc-menu>a{
		display: block;
		padding: .15rem .75rem;
		font-size: 1rem;
		margin-bottom: .5rem;
	}
	.pc-menu span {
		display: block;
		padding: .5rem .75rem;
	}
	.pc-menu span a img{
		height: 30px;
		width: 30px;
	}
	.ow-pic { height:200px }

	.book-now {
		width: 100%!important;
	}
	.pc-line img{ width: 88px; }

}
@media (max-width: 575.98px) { 
	.pc-banner .footer::before{
		height: 16%;
		top: 87.25%;
	}
	.pc-nav {
		padding: 0 1rem;
	}
	.pc-card{
		font-size: 1rem;
	}
	.ow-pic { height:175px }
	.pc-line { 
		text-align:center;
		width: 38%;
	}
/*	.pc-line a{ height: 100%; }*/
	.pc-line img{ width: 100%; }


}
@media (max-width: 439.98px) { 
	 .col-sx-6 { width: 100%; }
	 .pc-col-sx-6 { width:100%!important; }
	 footer .pc-logo { width: 75%; }
	 :root{
		--serv-s: calc(40vw - 0.76rem);
	}
	.pc-line { 
		margin: auto;
		margin-top: .25rem;
		width: 260px;
		max-width: calc(100% - .25rem);
	}
	.pre-line { 
		margin-right: auto;
		margin-left: auto;
		flex: 0 0 auto;
		width: calc(260px + .25rem);
		max-width: 100%;
	}
}