/*
Author       : Marching Ants
Template Name: Prakash Seating Private Limited
Version      : 1.0
*/

/*  Font Face Style */
@import url('../fonts/stylesheet.css');

/*  Global */
:root { --bs-primary: #172e69; --bs-secondary: #0451b9; }
img { max-width:100%; height:auto; }
body { color: #ffffff; font-size: 16px; line-height: 1.5em; background-color: var(--bs-primary); font-family: 'gilroyregular', sans-serif; background-image: url("../images/landing-page-desktop.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }

/* Typography  */
video, audio { max-width:100%; height:auto; }
object { max-width:100%; }
iframe { max-width:100%; }
strong { font-weight:bold; }
a { text-decoration: none; color: #ffffff; }
a:hover { color: #ffffff; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; line-height: 1.5; margin: 0 0 15px; color: #ffffff; }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
ul { margin:0 0 12px; }
p { line-height:1.5; margin-bottom:12px; }

/* Base  */
.site { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 30px 0; }
a.disable-link { cursor: default; pointer-events: none; }

/* Header  */
.site-header { position: relative; padding: 50px 0; }
.site-header .container { display: flex; flex-direction: column; align-items: center; text-align: center; }
.site-logo { position: relative; }

/* navbar */
.navbar { padding: 0; }

/* Main Content */
.site-main { position: relative; }
.section { position: relative; padding: 30px 0; }
.section-header { text-align: center; padding-bottom: 30px; }
.section-header :last-child { margin-bottom: 0; }
.section-main { position: relative; padding-top: 30px; }

/*address-row*/
.address-row { position: relative; display: flex; flex-wrap: wrap; gap: 70px; }
.address-col { position: relative; flex: 1; padding-top: 45px; }
.address-card { position: relative; border: solid 1px #1472f080; height: 100%; padding: 70px 45px; text-align: center; }
.address-card:before { content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: rgb(3,81,184); background: radial-gradient(circle, rgba(3,81,184,1) 20%, rgba(24,58,125,1) 100%); opacity: 0.8; }
.address-card-thumb { position: absolute; left: 50%; top: -45px; z-index: 1; transform: translateX(-50%); box-shadow: 0 0 49px 4px rgba(0, 0, 0, 0.2); border-radius: 50%; width: 90px; height: 90px; }
.address-card-body { position: relative; font-size: 16px; }
.address-card-body h5 { font-family: "gilroysemibold", sans-serif; font-size: 16px; margin-bottom: 2px; }
.address-card-body address { margin-bottom: 0; }
.link-border { position: relative; }
.link-border:after { content: ""; position: absolute; bottom: -3px; left: 0; right: 0; width: 100%; color: #fff; border-bottom: 1px solid #fff; transition: all .5s ease-in-out; }
.link-border:hover:after { width: 0; }

/*landscape-message*/
.landscape-message { display: none; background: var(--bs-primary); color: #ffff; text-align:center; padding:20px; width: 100%; height: 100vh; align-items: center; justify-content: center; }
.landscape-message h3 { font-size: 18px; color: #fff; text-align: center; width: 80%; margin-bottom: 0; }


/*  Media Queries */
@media (max-width: 1799px) {
	.site-header { padding: 30px 0; }
	.section { padding: 30px 0; }
	.section-header { padding-bottom: 30px; }
	.section-main { padding-top: 30px; }
	.address-card { padding: 70px 30px; }
	.address-card-thumb { width: 70px; height: 70px; top: -35px; }
	.site-logo img { max-width: 300px; }
	.address-col { padding-top: 30px; }
}

@media (max-width: 1499px) {
	.site-header { padding: 20px 0; }
	.section { padding: 20px 0; }
	.section-header { padding-bottom: 20px; }
	.section-main { padding-top: 20px; }
	.address-card { padding: 70px 20px; }
	.site-logo img { max-width: 260px; }
}

@media (max-width: 1365px) {
	.address-row { gap: 50px; }
}

@media (max-width: 1199px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 90%; }
	.site-logo img { max-width: 240px; }
	.address-row { gap: 40px; }
	.site { padding-top: 24px; }
}

@media (max-width: 991px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 96%; }
	.section-header p br { display: none; }
	.address-row { gap: 30px; justify-content: center; }
	.address-col { flex: none; width: calc(50% - 30px); }
	.address-card { min-height: 240px; }
}

@media screen and (max-width: 767px) and (orientation: landscape){
	.landscape-message { display: flex; }
	body section, body header, body footer, body .site { display: none !important; }
}

@media (max-width: 767px) {
	.address-row { gap: 0; }
	.address-col { width: 100%; }
	.address-card { border: 0 none; }
	.address-card:before { display: none; }
	body { background-image: url("../images/landing-page-ipad.jpg"); }
	.site { padding-bottom: 0; padding-top: 30px; }
	.address-card { min-height: auto; }
}

@media (max-width: 575px) {
	body { background-image: url("../images/landing-page-mobile.jpg"); }
	.site { padding: 20px 0 0; }
	a.disable-link { cursor: pointer; pointer-events: inherit; }
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 100%; }
	.address-card { padding: 56px 20px; }
}