@import url('https://fonts.googleapis.com/css?family=Anton|Archivo+Narrow|Arimo|PT+Sans|Pontano+Sans');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Poppins: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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins: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');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins: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');
/*
font-family: 'PT Sans', sans-serif;
font-family: 'Arimo', sans-serif;
font-family: 'Anton', sans-serif; ----- bold font
font-family: 'Archivo Narrow', sans-serif;
font-family: 'Pontano Sans', sans-serif;
font-family: "Rubik", sans-serif;
 */

*{padding: 0px; margin: 0px;}
.clear-both{clear: both;}
img{width: auto; max-width: 100%;}
body{font-family: "Montserrat", sans-serif;}
.page-wrapper{width: 1300px; margin: 0px auto; text-align: justify;}
.page-wrapper h2{width: 1300px; margin: 0px auto; text-align: justify; color: #fff;}
.page-headers{width: 100%; height: auto; margin: 0px auto; }
.page-headers .top-border{width: 100%; height: auto; padding: 10px 0px; background: #0a0e11; color: #fff; text-align: right; font-size: 15px;}
.page-headers .top-border strong{color: #fff;}
.page-headers .page-header-logo{float: left;padding: 25px 5px;}
.page-headers .page-header-contact{float: right;padding: 30px 55px 0px 0px; line-height: 35px; color: #004b88; font-size: 18px; font-weight: bold;}


.page-menu{width: 100%; height: auto; background-color: #0c5d9f;}
.page-menu .page-menu-list{width: 100%; background: #0c5d9f;}
.page-menu .page-menu-list .page-menu-list-ul{list-style: none; width: auto;}
.page-menu .page-menu-list .page-menu-list-ul ul{width:250px;height:auto;background: #12334c; color:#fff;position: absolute; list-style: none; margin-top: 2.1%;display: none; }
.page-menu .page-menu-list .page-menu-list-ul ul ul{width:250px;height:auto;background: #12334c; color:#fff;position: absolute; list-style: none; margin-left: 200px; margin-top: 0px; display:none; }

.page-menu .page-menu-list .page-menu-list-ul ul li{width: 100%; }
.page-menu .page-menu-list .page-menu-list-ul ul li a{width: 200px; }
.page-menu .page-menu-list li{float: left;}
.page-menu .page-menu-list li a{float: left; padding: 10px 10px 10px 18px; text-decoration: none; color: #fff; font-size: 14px;}
.page-menu .page-menu-list .page-menu-list-ul li:hover > ul{display: block;}
/*.page-menu .page-menu-list .page-menu-list-ul ul li:hover>ul{display: inline;}
 */
.page-banner{width: 100%; height: auto; margin-top: 1px;background: #015294; color: #fff;overflow: auto;}
.home-small-box{width: auto; height: auto; }
.home-small-box .small-box-items{width:23.38581%; float:left; margin:4px;background: #cacbcc; height: auto; min-height: 150px;font-family: 'Archivo Narrow', sans-serif;}
.small-box-items .small-box-items-icon{width: 100%;text-align: center; padding: 30px 0px 10px;}
.small-box-items .small-box-items-content{width: 100%; text-align:center; font-size: 25px;font-weight: 900;}
.page-contenthome {width: 100%; height: auto;}
.content h1{width: 100%; padding: 20px 0px 40px;font-family: 'Anton', sans-serif; font-size: 25px; color: #0c5d9f;}
.Content h1 span{color: #65b1f0;}
.content .page-category{width: 100%; height: auto; margin: 0px auto;}
.page-category .page-category-box{width: 23%;margin: 1%; float: left; border:1px solid #d7d7d7; height: 470px;}
.page-category .page-category-box .page-category-box-images{width: 100%; text-align: center;}
.page-category .page-category-box .page-category-box-title{width: 95%; margin: 0px auto; text-align: center; font-weight: bold; font-size: 18px; height: 50px; overflow: hidden; margin-bottom: 10px;}
.page-category .page-category-box .page-category-box-desc{width: 95%; margin: 0px auto; text-align: center; font-size: 14px; height: 90px; overflow: hidden; padding: 10px 0 0 0;margin-bottom: 20px;}
.page-category .page-category-box .page-category-box-view{width: 100%; background: #0c5d9f; text-align: center; padding: 15px 20px;}
.page-category .page-category-box .page-category-box-view a{ color: #fff;}
.page-footer{width: 100%; height: auto; min-height: 100px; background: #284c6a; padding: 30px 0px 0px;}
.page-footer h2{font-size: 25px; padding: 0px; color: #fff; text-align: justify;}
.page-footer h4{width: 95%;font-size: 15px; padding: 10px; color: #fff; line-height: 25px; text-align: justify;}
.page-copyright{width: 100%; background: #a2c6e3; overflow: auto;}

/* page content */
.page-content .page-products{width: 100%;height: auto;}
.page-content .page-products .product-images{width: 50%;height: auto; float: left;}
.page-content .page-products .product-details{width: 40%;height: auto; float: right;}
.page-content .page-products h1{margin: 40px 0px;}
.page-content .page-products .product-details h3{margin: 50px 0px;}
.page-content .page-products .product-description ul{margin: 20px 0px; line-height: 30px;}
.page-content .share-enquiry{width: 100%; margin: 0px auto; float: right;}
.page-content .share-enquiry h3{background: #215684; color: #fff; padding: 10px;}

.page-content .page-shop-contact{width: 100%; height: auto;}
.page-content .page-shop-contact .page-shop-contact-items{margin: 20px; float: left; line-height: 30px;}
.page-content .page-shop-contact .page-shop-contact-items h3{width: 100%; padding: 5px 0px;}
.page-content .page-shop-contact .page-shop-contact-items p{width: 100%; padding: 5px 0px; text-align: justify;}
.contact-us h3{text-align: center; color:#0b729f; margin: 30px 0px;}
.contact-us p{text-align: center;line-height: 30px; margin: 30px 120px;}
.contact-us i{color : red; font-size: 19px;}
.contact-img{text-align: center; margin: 30px 0px;}
.location-con{padding: 20px;}
.service-page{
	text-align: justify;
	line-height: 1.5;
	font-size: 17px;
}

.service-list{
	list-style-position: inside;
	line-height: 2;
	font-size: 16px;
}

.main-ban{
	width: 80%;
	float: left;
}

.second-ban{
	width: 20%;
	float: right;
}

.second-ban img{
	max-width: 100%;

}

.page-copyright p{
	float: left;
	padding: 20px 20px; 
	color: #000; 
}

.social-links{
	float: right;
	margin-right: 5%;
}

.social-links a{
	font-size: 35px;
	margin-right: 5px;
	color: #284c6a;
}

#map{
	width:100%; 
	height:430px;

	border:1px solid #000;
}

/* --------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1100px){
	.page-wrapper{width: 100%;}
	.home-small-box .small-box-items{width: 99%; margin: 4px;}
	.page-category .page-category-box{width: 94%; margin: 1%;}
	.page-content .page-products .product-images{width: 95%;height: auto; }
	.page-content .page-products .product-details{width: 95%;height: auto;}

}

@media screen and (max-width: 850px){
	.page-menu .page-menu-list li{float: left; width: 100%;}	
	.page-menu .page-menu-list li a{float: left; width: 100%;}	
	.page-menu .page-menu-list .page-menu-list-ul ul{width:100%;position:inherit; margin: 0px; height: auto; background: #fff;}	
	.page-menu .page-menu-list .page-menu-list-ul ul li a{background: #12334c; color: #fff; width: 100%;}	
	
	
}
/*.fixed-cta {
    z-index: 100;
    position: fixed;
    left: 15px;
    bottom: 15px;
    background: #000;
    padding: 8px 10px !important;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 900;
    text-decoration: none;
}*/
.fixed-cta-whatsapp{
     z-index: 100;
    position: fixed;
    right: 0px;
    top:200px;
    padding: 8px 10px !important;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 900;
    text-decoration: none;
}
.fixed-cta {
    z-index: 100;
    position: fixed;
    left: 15px;
    bottom: 15px;
    background: #000;
    padding: 8px 10px !important;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 900;
    text-decoration: none;
}
.main-content{font-family: "Rubik", sans-serif;}
.main-content h1{font-size: 32pt; text-align: center; margin: 40px 0px; color: #2b485f;}
.main-content p{font-size: 16pt; line-height: 36px; text-align: justify;}
.main-content h2{font-size: 26pt; color: #3476ab; text-transform: uppercase; font-weight: 500; text-align: center; margin: 40px 0px;}
.middle-content h3{font-size: 24pt; text-align: center; font-weight: 500; text-transform: uppercase; margin: 20px 0px;}
.middle-content p{margin-top: 14px; font-size: 14pt;}
.center-content h4{ text-align:center; text-transform:uppercase; font-size:24pt; font-weight:500; margin:60px 0px; color: #3476ab;}
.last-content h5{ text-align:center; text-transform:uppercase; font-size:24pt; font-weight:500; margin:70px 0px 20px 0px; color: #3476ab;}
.header-content{background-color: #a2c6e3; padding: 30px;}
.header-content h6{text-align:center; text-transform:uppercase; font-size:18pt; font-weight:800; margin:10px 0px;}
.header-content i{font-size: 30pt; font-weight: bold; margin: 130px;}
.header-content p{font-size: 17pt; margin-left: 60px;}
.banner{
	background-image: url('../images/hp-service-center-in-hyderabad.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	height: 650px;
	background-position: center;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner h1{
	font-size: 48pt;
	font-weight: 600;
	text-align: center;
	color: #1B3C53;
}
.banner p{
	font-size: 20pt;
	color: #234C6A;
	font-weight: 800;
}
.left-side{
	background-color: #E3E3E3;
	padding: 8px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.left-side h6{
	text-align: center;
	background-color: #ccc;
	border-radius: 10px;
	padding: 16px;
	cursor: pointer;
}
.tags{
	background-color: #E3E3E3;
	color: #000;
	padding: 14px;;
}
.tags h6{
	line-height: 36px;
}
.address{
	background-color: #F3F3F3;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.center-tags{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.service-content h3{
	color: #456882;
	font-size: 34px;
	font-weight: 600;
}
.service-content p{
	line-height: 28px;
	font-size: 15px;
	text-align: justify;
}
.service-content h2{
	color: #234C6A;
	font-size: 36px;
}
.service-content h5{
	font-size: 18px;
	color: #1B3C53;
	font-weight: 700;
}
.service-content h6{
	font-size: 14px;
}
.service-content h4{
	color: #234C6A;
}
.icon{
	color: #234C6A;
	font-size: 40px;
	font-weight: 900;
}