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

* {
	padding: 0;
	margin: 0;
	outline: none;
	box-sizing: border-box;
}
body {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	overflow-x: hidden;
	font-family: 'Quicksand', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
}

/* Mobile Nav Menu */
.m-siteNav {
	position: fixed;
	top: 0;
	left: -100%;
	width: 400px;
	height: 100vh;
	max-width: 100%;
	align-items: center;
	background: #f2f2f2;
	background-position: center;
	box-shadow: 0 0 60px #f6f7f8;
	padding: 20px 30px;
	color: #1a1a1a;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	z-index: 5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.m-siteNav .inner {
	display: inline-block;
	overflow-y: auto;
}
.m-siteNav .logo {
	width: 100%;
	height: 100%;
	display: block;
	margin-bottom: 40px;
}
.m-siteNav .logo img {
	height: 100px;
	width: auto;
}
.m-siteNav .show-m-nav {
	display: none;
}
.m-siteNav .hide-m-nav {
	display: block;
	overflow-x: hidden;
}
.m-siteNav p {
	width: 100%;
	display: block;
}
.m-siteNav .m-title {
	width: 100%;
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #1e2b78;
	margin-bottom: 10px;
	margin-top: 20px;
}
.m-siteNav .address {
	width: 100%;
	display: block;
	margin-top: 20px;
}
.m-siteNav .side-social {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
.m-siteNav .side-social li {
	display: inline-block;
	margin-right: 20px;
	padding: 0;
	list-style: none;
}
.m-siteNav .side-social li a {
	font-size: 13px;
	font-weight: 600;
	color: #1a1a1a;
}
.m-siteNav .site-menu {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
}
.m-siteNav .site-menu ul {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
.m-siteNav .site-menu ul li {
	display: block;
	list-style: none;
	margin: 3px 0;
	padding: 0;
}
.m-siteNav .site-menu ul li ul {
	display: none;
	padding-left: 10px;
	margin-bottom: 10px;
}
.m-siteNav .site-menu ul li i {
	display: inline-block;
	margin-left: 7px;
}
.m-siteNav .site-menu ul li a {
	color: #1a1a1a;
	font-size: 18px;
	font-weight: 600;
}
.m-siteNav small {
	font-size: 12px;
	width: 100%;
	display: block;
	margin-top: 20px;
}
.m-siteNav.active {
	left: 0;
}

/* Navbar Style CSS */
.navbar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 10px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	background: transparent;
	transition: background 0.5s ease;
	z-index: 4;
}
.navbar.sticky {
	position: fixed; /* Make it fixed when sticky */
    top: 0;
    left: 0;
    right: 0;
    background: #fff; /* Change background for sticky navbar */
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Add your box shadow value */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Add your box shadow value */
    -webkit-animation: header_sticky 1.1s;
    animation: header_sticky 1.1s;
}

@-webkit-keyframes header_sticky {
    0% {
        top: -250px;
    }
    100% {
        top: 0;
    }
}

@keyframes header_sticky {
    0% {
        top: -250px;
    }
    100% {
        top: 0;
    }
}
.navbar .logo {
	margin-left: 0;
}
.navbar .logo a {
	display: block;
	margin: 0;
}
.navbar .logo a img {
	height: 70px;
}

.navbar.sticky .logo {
	margin-left: 0;
}
.navbar.sticky .logo a {
	display: block;
	margin: 0;
}
.navbar.sticky .logo a img {
	height: 70px;
}

.navbar .site-menu {
	display: inline-block;
	margin: 0 20px;
}
.navbar .site-menu ul {
	display: block;
	margin: 0;
	padding: 0;
}
.navbar .site-menu ul li {
	position: relative;
	display: inline-block;
	margin: 0 10px;
	padding: 0;
	list-style: none;
}
.navbar .site-menu ul li ul {
	display: none;
	position: absolute;
	left: -30px;
	top: calc(100% + 20px);
	background: #1e2b78;
	padding: 30px;
}
.navbar .site-menu ul li ul:before {
	content: "";
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	top: -20px;
}
.navbar .site-menu ul li ul li {
	width: 100%;
	display: block;
	margin: 0;
	margin-bottom: 10px;
	white-space: nowrap
}
.navbar .site-menu ul li ul li:last-child {
	margin-bottom: 0;
}
.navbar .site-menu ul li ul li a {
	display: block;
	color: #f6f7f8;
	padding: 0
}
.navbar .site-menu ul li:hover ul {
	display: block;
}
.navbar .site-menu ul li a {
	font-size: 16px;
	font-weight: 600;
	position: relative;
	display: inline-block;
	color: #fff;
}
.navbar.sticky .site-menu ul li a {
	color: #1e2b78;
}
.navbar .site-menu ul li a:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	-webkit-transition: width 0s ease, background .25s ease;
	-moz-transition: width 0s ease, background .25s ease;
	-ms-transition: width 0s ease, background .25s ease;
	-o-transition: width 0s ease, background .25s ease;
	transition: width 0s ease, background .25s ease;
}
.navbar .site-menu ul li a:after {
	content: "";
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background: #f6f7f8;
	-webkit-transition: width .25s ease;
	-moz-transition: width .25s ease;
	-ms-transition: width .25s ease;
	-o-transition: width .25s ease;
	transition: width .25s ease;
}
.navbar .site-menu ul li a:hover {
	text-decoration: none;
}
.navbar .site-menu ul li a:hover:before {
	width: 100%;
	background: #f6f7f8;
	-webkit-transition: width .25s ease;
	-moz-transition: width .25s ease;
	-ms-transition: width .25s ease;
	-o-transition: width .25s ease;
	transition: width .25s ease;
}
.navbar .site-menu ul li a:hover:after {
	width: 100%;
	background: transparent;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-ms-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}
.navbar.sticky .site-menu ul li a:after {
	background: #1e2b78;
}
.navbar.sticky .site-menu ul li a:hover:before {
	background: #1e2b78;
}
.navbar.sticky .site-menu ul li a:hover:after {
	background: transparent;
}
.navbar .search {
	display: inline-block;
	color: #fff;
	font-size: 22px;
	cursor: pointer;
}
.navbar.sticky .search {
	color: #1e2b78;
}
.navbar .close-icon {
	
}
.navbar .hamburger {
	display: inline-block;
	color: #fff;
}
.navbar.sticky .hamburger {
	color: #1e2b78;
}
.navbar .navbar-button {
	height: 58px;
	line-height: 58px;
	padding: 0 40px;
	color: #1a1a1a;
	background: #fff;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
}
.navbar.sticky .navbar-button {
	color: #fff;
	background: #1e2b78;
}
.navbar .navbar-button i {
	font-size: 18px;
	display: inline-block;
	transform: translateY(3px);
	margin-right: 5px;
}
.navbar .navbar-button:hover {
	color: #1e2b78;
	text-decoration: none;
}
.navbar.sticky .navbar-button:hover {
	color: #eee;
}
#sales-specialist-form {
	width: 500px;
	max-width: 100%;
	display: none;
	padding: 40px; 
}
#sales-specialist-form .form-group span {
	display: inline-block;
	margin-left: 12px;
	background: #fff;
	padding: 0 6px;
	transform: translateY(14px);
	color: #8b8b8b;
	font-size: 15px; 
}
#sales-specialist-form .form-group:last-child {
	margin: 0; 
}

/* Banner area Section */

.banner-section {
	position: relative;
	width: 100%;
	height: 100vh;
	background-image: url("../images/hero1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
.banner-head {
	width: 100%;
	height: 100vh;
}
.banner-text {
	position: relative;
	background-color: rgba(30, 43, 120, .5);
	padding: 20px;
	border-radius: 20px;
}
.banner-text h1 {
	color: #fff;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 60px;
	font-weight: 300;
	letter-spacing: 2px;
}
.banner-text h1 span {
	font-size: 80px;
	font-weight: 700;
}
.banner-text p {
	font-size: 30px;
	color: #f2f2f2;
}


/* About Section Style CSS */
.about-section {
	position: relative;
	padding-top: 100px;
	margin-bottom: 50px;
}
.about {
	position: relative;
}
.about-img img {
	max-width: 100%;
	margin: 0px auto;
	width: auto;
	-webkit-transition: filter .3s ease-in-out;
	-moz-transition: filter .3s ease-in-out;
	-ms-transition: filter .3s ease-in-out;
	-o-transition: filter .3s ease-in-out;
	transition: filter .3s ease-in-out;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.about-box {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 200px;
	height: 200px;
	background-color: rgba(30, 43, 120, .5);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.about-box-text {
	text-align: center;
	color: #fff;
}
.about-box-text h1 {
	font-size: 100px;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	line-height: 1;
}
.about-box-text p {
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	line-height: 1.2;
	text-transform: uppercase;
}
.about:hover .about-img img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
.about:hover .about-box {
	background-color: rgba(30, 43, 120, 1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.about-text {
	position: relative;
	padding-left: 30px;
}
.about-text h2 {
	font-size: 40px;
	font-family: 'Quicksand', sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.about-text h2 span {
	font-size: 44px;
	font-weight: bold;
	color: #1e2b78;
	text-transform: uppercase;
}
.about-text p {
	font-size: 14px;
	line-height: 2;
	text-align: justify;
}


/* Service Section Style CSS */
.service-section {
	position: relative;
	width: 100%;
	display: block;
	padding: 80px 0;
}
.icon-content {
	position: relative;
	width: 100%;
	min-height: 450px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #e8e8e8;
	padding: 30px 30px;
}
.icon-content:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #4e5893;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
	z-index: -1;
	box-shadow: 0 30px 30px #eee;
	opacity: 0;
}
.icon-content:hover {
	border-color: #fff;
}
.icon-content:hover:after {
	content: "";
	position: absolute;
	right: -25px;
	bottom: -25px;
	width: 30%;
	height: 70px;
	background: url("../images/pattern-dot.png");
	background-size: 12px 12px;
	border: none;
}
.icon-content:hover:before {
	transform: scale(1.05);
	opacity: 1;
}
.icon-content figure {
	width: 100%;
	display: block;
	margin-bottom: 50px;
}
.icon-content figure img {
	height: 70px;
}
.icon-content h3 {
    width: 100%;
    display: block;
    margin-bottom: 40px;
	color: #000;
}
.icon-content small {
	width: 100%;
	display: block;
	margin-bottom: 50px;
	font-size: 16px;
	color: #000;
}
.icon-content a {
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	background: #0b0b0b;
	color: #fff;
	text-align: center;
	font-size: 20px;
}
.icon-content a:hover {
	text-decoration: none;
}
.more-service {
	position: relative;
	padding: 40px 0px;
}


/* Fixed Section Style CSS */
.fixed-background-section {
    position: relative;
    background-image: url("../images/parallex-bg.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
	background-repeat: no-repeat;
	width: 100%;
    min-height: 400px; /* Adjust the height as needed */
}

.fixed-background-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(30, 43, 120, 0.5); /* Black overlay with 50% opacity */
    z-index: 1;
}

.fixed-background-section .text-content {
    position: relative;
    z-index: 2; /* Ensure the text is above the overlay */
    color: white; /* Text color */
    padding-top: 100px;
	padding-bottom: 100px;
}
.text-content h2 {
	font-size: 40px;
	line-height: 1.6;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 20px;
}
.text-content p {
	font-size: 24px;
	line-height: 2;
	color: #fff;
	font-weight: 400;
	letter-spacing: 2px;
	font-family: 'Quicksand', sans-serif;
}
.text-content p span {
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
}



/* Gallery Section Style CSS */
.gallery-section {
	position: relative;
	padding: 150px 0 80px 0;
	width: 100%;
	display: block;
	background: #f2f2f2;
}
.bottom-space {
	position: relative;	
}
.bottom-space:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 148px;
	left: 0;
	bottom: 0;
	background: #fff;
}
.gallery-title {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 50px;
}
.gallery-title h6 {
	position: relative;
	display: inline-block;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 4px;
	text-transform: uppercase;
	z-index: 1;
}
.gallery-title h6:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 6px;
	left: 0;
	bottom: 0;
	background: #4e5893;
	mix-blend-mode: difference;
	z-index: -1;
}
.gallery-title h2 {
	font-size: 45px;
	display: block;
	width: 100%;
	margin-bottom: 0;	
}
.gallery-title p {
	font-size: 16px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	text-align: left;
	width: 100%;
	display: block;
	margin-bottom: 0;
	margin-top: 20px;
}
.gallery-slider {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
}
.gallery-slider .swiper-slide {
	max-width: 50vw;
}
.gallery-slider .swiper-slide .gallery-box {
	position: relative;
	width: 100%;
	margin: 0;
	padding-bottom: 50px;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.gallery-slider .swiper-slide .gallery-box img {
	display: block;
	width: 100%;
	filter: grayscale(1);
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.gallery-slider .swiper-slide .gallery-box:hover img {
	filter: grayscale(0);
}
.gallery-slider .swiper-slide .gallery-box figcaption {
	position: absolute;
	width: 70%;
	left: 30px;
	bottom: 15px;
	padding: 30px;
	color: #f1f1f1;
	background: #4e5893;
	opacity: 0;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.gallery-slider .swiper-slide .gallery-box figcaption:after {
	content: "";
	position: absolute;
	right: -25px;
	bottom: -25px;
	width: 20%;
	height: 55px;
	background: url("../images/pattern-dot.png");
	background-size: 12px 12px;
}
.gallery-slider .swiper-slide .gallery-box figcaption h5 {
	font-size: 30px;
	font-weight: 800;
	display: block;
}
.gallery-slider .swiper-slide .gallery-box figcaption p {
	font-size: 16px;
	font-weight: 800;
	display: block;
	margin: 0;
}
.gallery-slider .swiper-slide.swiper-slide-active .gallery-box figcaption {
	opacity: 1;
}
.gallery-slider .swiper-pagination {
	position: static;
	width: 100%;
	float: left;
	margin-top: 20px;
}
.gallery-slider .controls .button-prev,
.gallery-slider .controls .button-next {
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 68px;
    display: inline-block;
    text-align: center;
    background: #4e5893;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.gallery-slider .button-prev {
    position: absolute;
    left: 10px; /* Distance from the left side of the container */
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Adjust vertical alignment */
    z-index: 2;
}
.gallery-slider .button-next {
    position: absolute;
    right: 10px; /* Distance from the right side of the container */
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Adjust vertical alignment */
    z-index: 2;
}



/* Testimonials Section Style CSS */
.client {
	position: relative;
	padding: 100px 0;
}
.client-icon span {
	display: inline-block;
	margin-top: 10px;
	font-size: 70px;
	color: #4e5893;
	margin-bottom: 50px;
}
.client-text h2 {
	font-size: 40px;
	font-family: 'Open Sans', sans-serif;
	text-transform: lowercase;
	color: #000;
	line-height: 1.4;
	font-weight: 100;
	letter-spacing: 6px;
}
.client-text h2 span {
	font-size: 80px;
	font-weight: 600;
	color: #4e5893;
	text-transform: uppercase;
	letter-spacing: normal;
}
.testimonials-slider {
	position: relative;
	overflow: hidden;
	margin-left: 50px;
}
.testimonials-slider .controls {
	display: inline-block;
	position: static;
	margin-top: 30px;
}
.testimonials-slider .controls .swiper-pagination {
	font-size: 26px;
	width: auto;
	display: inline-block;
	position: static;
	color: #4e5893;
}
.testimonials-slider .controls .swiper-pagination .swiper-pagination-current {
	font-size: 54px;
	color: #0b0b0b;
}
.testimonials-slider .controls .button-prev {
	font-size: 30px;
	width: 60px;
	height: 60px;
	line-height: 68px;
	display: inline-block;
	text-align: center;
	background: #4e5893;
	border-radius: 50%;
	color: #fff;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	margin-left: auto;
	cursor: pointer;
}
.testimonials-slider .controls .button-prev:hover {
	background: #1e2b78;
	color: #fff;
}
.testimonials-slider .controls .button-next {
	font-size: 30px;
	width: 60px;
	height: 60px;
	line-height: 68px;
	display: inline-block;
	text-align: center;
	background: #4e5893;
	border-radius: 50%;
	color: #fff;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	margin-left: 2px;
	margin-right: 0;
	cursor: pointer;
}
.testimonials-slider .controls .button-next:hover {
	background: #1e2b78;
	color: #fff;
}
.testimonials-slider .review-item {
	position: relative;
	width: 100%;
	float: left;
	padding: 30px;
	background: #f2f2f2;
}
.testimonials-slider .review-item:after {
	content: "";
	position: absolute;
	bottom: -20px;
	right: 30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 0;
	border-color: transparent #fff transparent transparent;
}
.testimonials-slider .review-item p {
	font-size: 16px;
	font-weight: 600;
	display: block;
	width: 100%;
	margin-bottom: 30px;
	color: #727272;
}
.testimonials-slider .review-item i {
	font-size: 30px;
	color: #fff;
	background: #4e5893;
	width: 60px;
	height: 60px;
	line-height: 60px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-top: -8px;
}
.testimonials-slider .review-item h6 {
	font-size: 18px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 0;
}
.testimonials-slider .review-item small {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
}




/* Footer Bar Style CSS */
.footer-bar {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	color: #fff;
	background-color: #1e2b78;
	background-position: center;
	background-size: cover;
	background-image: url("../images/ptn.png");
	padding: 100px 0px;
	margin-top: 50px;
}
.footer-bar .price {
	position: relative;
	margin-bottom: 20px;
}
.footer-bar .price p {
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	font-family: 'Quicksand', sans-serif;
}
.footer-bar .price span {
	font-size: 30px;
	font-family: 'Quicksand', sans-serif;
}
.footer-bar .site-btn i {
	display: inline-block;
	margin-left: 10px;
	font-size: 20px;
	transform: translateY(3px);
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out; 
}
.footer-bar .site-btn:hover i {
	margin-left: 20px;
}
.footer-bar .sales-rep {
	display: inline-block;
	margin-left: 5vw;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Quicksand', sans-serif;
	line-height: 68px;
}
.footer-bar .sales-rep b {
	display: inline-block;
	font-weight: 600;
	position: relative;
}
.footer-bar .sales-rep b:before {
	content: "";
	width: 100%;
	height: 4px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 20px;
}

/* Footer Style CSS */
.footer {
	position: relative;
	padding: 50px 0 0;
	background-color: #f2f2f2;
}
.footer-logo {
	position: relative;
	width: 100%;
	height: auto;
}
.footer-logo img {
	width: 300px;
	height: auto;
}
.footer-links ul {
	margin: 0;
	list-style: none;
	padding: 0;
	display: block;
}
.footer-links ul li {
	position: relative;
	padding: 0;
	margin: 0 0 5px;
	color: #fff;
	list-style: none;
}
.footer-links ul li a {
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	color: #000;
	font-weight: 600;
}
.address ul {
	margin: 0 0 20px;
	list-style: none;
	padding: 0;
	display: block;
}
.address ul li {
	position: relative;
	padding: 0 0 0 26px;
	margin: 0 0 10px;
	list-style: none;
}
.address ul li:before {
	position: absolute;
	left: 0;
	top: 0;
	font-family: flaticon_henderson !important;
	font-weight: normal;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #000;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.address ul .map:before {
	content: "\f10a"
}
.address ul .call:before {
	content: "\f10b"
}
.address ul .fax:before {
	content: "\f10c"
}
.address ul .mail:before {
	content: "\f10d";
}
.footer-reserve {
	position: relative;
	padding-top: 20px;
}
.footer-reserve p {
	font-size: 12px;
	line-height: 2;
}
.footer-reserve a {
	color: #1e2b78;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.footer-reserve a:hover {
	color: #4e5893;
}





/* About Page Style Start */

/* About Page Banner Style */
.page-header {
	position: relative;
	width: 100%;
	height: 350px;
	align-items: center;
	background-color: rgba(30, 43, 120, 0.8);
	background-image: url("../images/header-pattern.png");
	background-size: cover;
	background-repeat: no-repeat;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.page-header .container {
	position: relative;
	color: #fff;
	padding-top: 100px;
}
.page-header .container h1 {
	display: block;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	font-size: 2vw;
	font-weight: 800;
	line-height: 1;
	color: #fff;
}
.page-header .container h6 {
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	display: block;
	width: 100%;
	margin-bottom: 50px;
	opacity: 0.7;
}
.page-header .container ul {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.page-header .container ul li {
	font-size: 14px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	text-transform: uppercase;
	margin-left: 10px;
	padding: 0;
	color: #dcdcdc;
	list-style: none;
}
.page-header .container ul li:after {
	content: "/";
	display: inline-block;
	margin-left: 15px;
	color: #fff;
}
.page-header .container ul li:last-child:after {
	display: none;
}
.page-header .container ul li a {
	color: #fff;
	text-decoration: none;
}


/* About Content Section Style CSS */
.about-content {
	position: relative;
	width: 100%;
	display: block;
	padding: 80px 0;
	background-image: url("../images/about-section-bg1.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.about-bg-blue {
	position: relative;
	display: block;
	width: calc(100% - 50px);
	background: #1e2b78;
	color: #fff;
	padding: 50px;
	margin-bottom: 148px;
}
.about-bg-blue h4 {
	font-size: 44px;
	font-weight: 800;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.about-bg-blue p {
	width: 100%;
	margin-bottom: 25px;
	font-size: 14px;
	text-align: justify;
	font-family: 'Quicksand', sans-serif;
}


/* Core Section Style CSS */
.core-section {
	position: relative;
	width: 100%;
	padding: 100px 0 0;
	display: block;
}
.core-section h2 {
	font-family: 'Montserrat', sans-serif;
}
.core-section p {
	font-size: 16px;
	font-weight: 700;
	font-family: 'Quicksand', sans-serif;
	line-height: 2;
	color: #000;
}
.core-section b {
	font-size: 16px;
	color: #000;
}
.custom-list {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.custom-list li {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	display: block;
	width: 100%;
	margin: 0;
	padding: 20px 0;
	list-style: none;
	cursor: pointer;
}
.custom-list li:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: #eee;
	width: 30%;
	height: 1px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.custom-list li i {
	font-size: 14px;
	display: inline-block;
	margin-right: 8px;
}
.custom-list li:hover:before {
	background: #1e2b78;
	width: 100%;
}

/* Vision & Mission Style */
.vm-section {
	position: relative;
	width: 100%;
	display: block;
	padding: 80px 0;
	background-color: #f2f2f2;
}
.vission,
.mission {
	position: relative;
	width: 100%;
	min-height: 250px;
	background-color: #fff;
	padding: 30px;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
	cursor: pointer;
}
.vission h2,
.mission h2 {
	font-size: 45px;
	font-family: 'Montserrat', sans-serif;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.vission p,
.mission p {
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
}
.vission:hover,
.mission:hover {
	background: #1e2b78;
	color: #fff;
}
.vission:hover:after,
.mission:hover:after {
	content: "";
	position: absolute;
	right: -25px;
	bottom: -25px;
	width: 30%;
	height: 70px;
	background: url("../images/pattern-dot.png");
	background-size: 16px 16px;
}

/* Counter Section Style CSS */
.counter-section {
	position: relative;
	width: 100%;
	padding: 90px 0;
}
.counter-box {
	position: relative;
	width: 100%;
	min-height: 300px;
	display: block;
	border: 1px solid #e8e8e8;
	padding: 20px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.col-lg-3:nth-child(even) .counter-box {
	margin-top: 50%;
}
.counter-box:after {
	content: "";
	position: absolute;
	right: 4px;
	bottom: 4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #e8e8e8 transparent;
}
.counter-box:hover {
	box-shadow: 0 30px 30px #eee;
	transform: translateY(-20px);
}
.counter-box h6 {
	position: relative;
	display: inline-block;
	font-weight: 800;
	letter-spacing: 2px;
}
.counter-box h6:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	background: #4e5893;
	mix-blend-mode: multiply;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.counter-box:hover h6:before {
	width: 0;
}
.counter-box p {
	font-size: 16px;
	padding-right: 2%;
}
.counter-box .odometer {
	display: inline-block;
	font-size: 60px;
	font-family: 'Quicksand', sans-serif;
}
.counter-box .value {
	font-size: 24px;
}

/* Team Section Style CSS 
.team-section {
    width: 100%;
    padding: 50px 0;
}
.team-content {
	position: relative;
    padding: 20px;
}
.team-image {
    text-align: center; 
}
.team-image img {
    max-width: 100%;
    height: auto;
}
.swiper-controls {
    position: absolute;
    bottom: 10px; 
    left: 0;
    width: 100%;
    text-align: center;
}

.swiper-button-next, .swiper-button-prev {
    color: #000;
    
}
*/

/* Team Section Style CSS */
.team-section {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 150px;
	flex-wrap: wrap;
	background-color: #fff;
	background-size: cover;
	background-image: url("../img/header-pattern.png");
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.team-section .container {
	position: relative;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.team-section .team-content {
	position: relative;
	width: calc(50% - 120px);
	margin: 0;
	margin-right: 40px;
	overflow: hidden;
}
.team-section .team-content .swiper-slide {
	align-items: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.team-section .team-content .team-inner {
	color: #000;
	width: 100%;
	display: block;
	padding-bottom: 100px;
}
.team-section .team-content .team-inner h2 {
	font-size: 40px;
	font-weight: 800;
	color: #4e5893;
}
.team-section .team-content .team-inner small {
	font-size: 20px;
	font-weight: 500;
	color: #000;
}
.team-section .team-content .team-inner .team-social {
	position: relative;
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
.team-section .team-content .team-inner .team-social li {
	position: relative;
	list-style: none;
	display: inline-block;
	padding-right: 10px;
	
}
.team-section .team-content .team-inner .team-social li a {
	font-size: 16px;
	text-align: center;
	color: #000;
	display: block;
	text-decoration: none;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.team-section .team-content .team-inner .team-social li a:hover {
	color: #4e5893;
}
.team-section .team-content .team-inner p {
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	line-height: 2;
	margin-bottom: 30px;
	
}
.team-section .team-content .controls {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 30px;
	width: 90%;
	align-items: center;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	z-index: 1;
}
.team-section .team-content .controls .swiper-pagination {
	position: static;
	display: inline-block;
	color: #4e5893;
	width: auto;
	font-size: 26px;	
}
.team-section .team-content .controls .swiper-pagination .swiper-pagination-current {
	font-size: 54px;
	color: #000;
}
.team-section .team-content .controls .button-prev {
	font-size: 30px;
	width: 60px;
	height: 60px;
	line-height: 68px;
	display: inline-block;
	text-align: center;
	background: #4e5893;
	border-radius: 50%;
	color: #fff;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	margin-left: auto;
	cursor: pointer;
}
.team-section .team-content .controls .button-next {
	font-size: 30px;
	width: 60px;
	height: 60px;
	line-height: 68px;
	display: inline-block;
	text-align: center;
	background: #4e5893;
	border-radius: 50%;
	color: #fff;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	margin-left: 5px;
	margin-right: 0;
	cursor: pointer;
}
.team-section .team-content .controls .button-prev:hover,
.team-section .team-content .controls .button-next:hover {
	background: #1e2b78;
	color: #fff;
}
.team-section .team-slider {
    position: absolute;
    left: calc(50% - 80px);
    top: 150px;
    width: calc(50% + 80px);
    height: calc(100% - 150px); /* Adjust the height as needed */
    overflow: hidden;
}
.team-section .team-slider .team-image {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: center !important;
    background-size: cover !important; /* Ensures the image covers the container */
    object-fit: cover; /* Ensures the image is scaled correctly */
}



/* Service Page Style Start */

/* Service Section Style */

.services-section {
	position: relative;
	width: 100%;
	display: block;
	padding: 100px 0;
}
.services-section .container {
	padding-right: 0;
	padding-left: 0;
}
.services-section .swiper-container {
	padding-left: 15px;
	padding-right: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.services-slider .swiper-pagination {
	position: static;
	width: 100%;
	float: left;
	margin-top: 50px;
}

/* Profile Section Style CSS */
.profile-section {
	position: relative;
	padding: 20px 0px 100px
}
.profile-headline {
	position: relative;
	width: 80%;
	height: auto;
}
.profile-headline p {
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 2;
	color: #000;
	padding-bottom: 20px;
}
.acod-title {
	margin-top: 0;
	margin-bottom: 0;
}
.acod-title a {
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-decoration: none;
	color: #1e2b78;
	font-family: 'Roboto', sans-serif;
}
.acod-head a {
	display: block;
	padding-top: 10px;
	letter-spacing: 1px;
	font-size: 30px;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
}
.acod-head a,
.acod-head a:hover,
.acod-head a:focus {
	color: #000;
}
.profile-section .accordion {
	border: none !important;
	--bs-accordion-inner-border-radius: none;
	border-radius: none;
}
.profile-section .accordion-item {
	border: none;
}
.profile-section .accordion-button {
	background-color: #4e5893;
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	color: #fff;
}
.profile-section .accordion-button:not(.collapsed) {
	background-color: #1e2b78;
}
.profile-section .accordion-button:focus {
	outline: none;
	box-shadow: none;
}
.profile-section .accordion-button::after {
	filter: invert(100%);
}
.profile-section .accordion-body {
	color: #000;
	padding: 20px 0;
	border: none !important;
}
.accordion-body p {
	line-height: 2;
	text-align: justify;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
}
.accordion-body h2 {
	font-size: 26px;
	font-weight: 700;
	font-family: 'Quicksand', sans-serif;
}
.accordion-body h4 {
	font-size: 18px;
	font-weight: 300;
}
.accordion-body h4 span {
	font-weight: 700;
	color: #4e5893;
}
.accordion-body h4 b {
	font-size: 18px;
	font-family: Brush Script MT;
	font-weight: bold;
	color: #25317a;
}
.accordion-body .desc ul {
	padding: 0;
	margin: 0;
	list-style: none;
	color: #727272;
}
.accordion-body .desc ul li {
	list-style: none;
    padding: 5px 0;
    color: #727272;
    font-size: 15px;
    line-height: 20px;
    border-bottom: 1px dotted #25317a;
    text-align: right;
    font-weight: 500;
}
.accordion-body .desc ul li span {
	float: left;
	font-weight: 700;
	color: #727272;
}
.accordion-body .guage ul {
	padding: 0;
	margin: 0;
	list-style: none;
	color: #727272;
}
.accordion-body .guage ul li {
	list-style: none;
	display: block;
    padding: 10px;
    color: #fff;
    font-size: 30px;
    line-height: 50px;
    background: #4e5893;
    font-weight: 500;
	text-align: center
}
.accordion-body .guage ul .head {
	background: #25317a;
	font-weight: bold;
}

.nav-pills .nav-link {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	border-radius: 0;
	margin-bottom: 0;
	float: left;
	position: relative;
	background-color: transparent;
	padding: 10px 10px 10px 50px;
}
.nav-pills .nav-link.active {
	color: #000;
	background-color: transparent;
}
.nav-pills .nav-link span {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	top: 10px;
	vertical-align: middle;
	border-radius: 50%;
	border: 2px solid #c3c3c3;
}
.nav-pills .nav-link.active span {
	border: none;
}
.nav-pills .nav-link .SkyBlue {
	background: #00bfff;
}
.nav-pills .nav-link .SurfMist {
	background: #a4a4a4;
}
.nav-pills .nav-link .ReefGreen {
	background: #4d856a;
}
.nav-pills .nav-link .SlateGrey {
	background: #394959;
}
.nav-pills .nav-link .Pale {
	background: #788068;
}
.nav-pills .nav-link .Green {
	background: #0d1b0e;
}
.nav-pills .nav-link .Orrange {
	background: #d15612;
}
.nav-pills .nav-link .Headland {
	background: #783022;
}
.nav-pills .nav-link .Red {
	background: #642f27;
}

.smart-roof ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.smart-roof ul li {
	font-size: 12px;
	color: #000;
	padding: 0px 0 0px 26px;
	margin: 0 0 5px;
	position: relative;
	line-height: 18px;
}
.smart-roof ul li:before {
	content: "\f00c";
	position: absolute;
	left: 0;
	top: 0;
	vertical-align: middle;
	display: inline-block;
	font-family:"Font Awesome 5 Free";
	font-size: 12px;
	font-weight: 900;
}


/* roof-image-section Style CSS */
.roof-image-section {
	position: relative;
	padding: 0 0 50px;
}
.roof-image-section .roof-text p {
	font-size: 16px;
	line-height: 2;
	padding-bottom: 20px;
}
.roof-image-section .gable .gable-image,
.roof-image-section .hip-roof .hip-image {
	position: relative;
	display: block;
	overflow: hidden;
	background: #000;
}
.roof-image-section .gable .gable-image img,
.roof-image-section .hip-roof .hip-image img {
	position: relative;
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.roof-image-section .gable:hover .gable-image img,
.roof-image-section .hip-roof:hover .hip-image img {
	opacity: 0.50;
	-webkit-transform:scale(1.05,1.05);
	-ms-transform:scale(1.05,1.05);
	-o-transform:scale(1.05,1.05);
	-moz-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
}
.roof-image-section .gable .gable-text,
.roof-image-section .hip-roof .hip-roof-text {
	position: relative;
	padding-top: 24px;
}
.roof-image-section .gable .gable-text h3,
.roof-image-section .hip-roof .hip-roof-text h3 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	padding-left: 55px;
	line-height: 16px;
}
.roof-image-section .gable .gable-text h3:before,
.roof-image-section .hip-roof .hip-roof-text h3:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 35px;
	height: 2px;
	background-color: #25317a;
}


/* Products Details page Style CSS */

/* tropical Page Style */
.tropical-section,
.corrugated-section,
.gutter-section,
.trapeziodal-section,
.sunshield-section,
.purlin-section,
.decking-section {
	position: relative;
	padding: 80px 0;
}
.tab-btn {
	margin: 0;
	padding: 0;
	background: #fff;
}
.tab-btn ul {
	display: block;
	margin: 0;
	padding: 0;
	padding-right: 50px;
	width: 100%;
}
.tab-btn ul li {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	list-style: none;
}
.tab-btn ul li:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: #25317a;
	width: 50%;
	height: 4px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	opacity: .6;
}
.tab-btn ul li a {
	font-size: 26px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	line-height: 2;
	color: #000;
	margin: 0;
	text-decoration: none;
	display: block;
	padding: 18px 5px 0px 0;
}
.tab-btn ul li:hover:before {
	background: #25317a;
	width: 100%;
	opacity: 1;
}
.tab-btn ul .active:before  {
	background: #25317a;
	width: 100%;
	opacity: 1;
}
.tab-btn ul li a:hover,
.tab-btn ul .active a {
	color: #25317a;
}
.tropical,
.corrugated,
.gutter,
.trapeziodal,
.sunshield,
.purlin,
.decking {
	position: relative;
	padding-top: 30px;
}
.tropical h2,
.corrugated h2,
.gutter h2,
.trapeziodal h2,
.sunshield h2, 
.purlin h2,
.decking h2 {
	font-size: 30px;
	font-weight: bold;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.tropical h2:after,
.corrugated h2:after,
.gutter h2:after,
.trapeziodal h2:after,
.sunshield h2:after,
.purlin h2:after,
.decking h2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 80px;
	height: 2px;
	background-color: #25317a;
}
.tropical ul,
.corrugated ul,
.gutter ul,
.trapeziodal ul,
.sunshield ul,
.purlin ul,
.decking ul {
	list-style: none;
	margin-bottom: 50px;
	padding: 0;
}
.tropical ul li,
.corrugated ul li,
.gutter ul li,
.trapeziodal ul li,
.sunshield ul li,
.purlin ul li,
.decking ul li {
	font-size: 14px;
	color: #000;
	padding: 0px 0 0px 26px;
	margin: 5px 0 10px;
	position: relative;
	line-height: 18px;
}
.tropical ul li:before,
.corrugated ul li:before,
.gutter ul li:before,
.trapeziodal ul li:before,
.sunshield ul li:before,
.purlin ul li:before,
.decking ul li:before {
	content: "\f116";
	position: absolute;
	left: 0;
	top: 0;
	vertical-align: middle;
	display: inline-block;
	font-family: "flaticon_henderson";
	font-size: 14px;
}
.pulin-disc {
	padding: 30px 0;
}
.pulin-disc p {
	font-size: 16px;
}


/* Accessories Page Style */

/* Accessoreis Section Style */

.accessories-section {
	position: relative;
	padding: 80px 0;
	background-color: #f2f2f2;
}
.accessories-section .accessories-block {
	margin: 20px 15px 20px;
	padding-top: 1px;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0px 14px 22px -9px #bbcbd8;
	min-height: 480px
}
.accessories-section .accessories-block .access-img {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	margin: -12px 15px 8px 15px;
	margin-left: -10px;
}
.accessories-section .accessories-block .access-img img {
	width: 100%;
	height: auto;
	transform: scale(1,1);
	-webkit-transition: transform 0.3s linear;
	-moz-transition: transform 0.3s linear;
	-ms-transition: transform 0.3s linear;
	-o-transition: transform 0.3s linear;
	transition: transform 0.3s linear;
}
.accessories-section .accessories-block:hover .access-img img {
	transform: scale(1.1,1.1);
}
.accessories-section .accessories-block .over-layer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background: linear-gradient(-45deg, rgba(37, 49, 122, 0.75) 0%, rgba(78, 88, 147, 0.6) 100%);
	-webkit-transition: all 0.50s linear;
	-moz-transition: all 0.50s linear;
	-ms-transition: all 0.50s linear;
	-o-transition: all 0.50s linear;
	transition: all 0.50s linear;
}
.accessories-section .accessories-block:hover .over-layer {
	opacity: 1;
	text-decoration: none;
}
.accessories-section .accessories-block .over-layer i {
	position: relative;
	top: 45%;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 25px;
}
.accessories-section .accessories-block .access-content {
	background: #fff;
	padding: 2px 20px 40px;
	border-radius: 15px;
}
.accessories-section .accessories-block .access-title {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.accessories-section .accessories-block .access-desc {
	font-size: 14px;
	line-height: 24px;
	color: #000;
	margin-bottom: 5px;
}

/* Specification Section Style */
.specification-section {
	position: relative;
	padding: 80px 0;
}
.spec-table {
	position: relative;
	padding: 50px 0;
}
/* Table Section Style */
.table-responsive {
    overflow-x: auto;
}
.table {
    width: 100%;
    border-collapse: collapse;
	margin: 0 auto; /* Center the table */
}
.table th, .table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}
.table th {
	background-color: #1e2b78;
	color: #fff;
}
.table td.blue {
	background: #4e5893;
	color: #fff;
	font-size: 16px;
	font-weight: 900;
}
.spec-text {
	position: relative;
	padding-top: 30px;
}
.spec-text p {
	font-size: 15px;
}


/* Tipical Section Style CSS */
.typical-section {
	position: relative;
	padding: 80px 0;
}
.typical-section h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif;
}
.roof-model-slider {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
}
.roof-model-slider
.roof-model-slider .swiper-slide .roof-item {
	position: relative;
	margin: 0;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.roof-model-slider .swiper-slide .roof-item img {
	display: block;
	width: 100%;
}
.variety,
.used, 
.common {
	margin-top: 30px;
	position: relative;
}
.variety ul,
.used ul, 
.common ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.variety ul li,
.used ul li, 
.common ul li {
	font-size: 14px;
	color: #000;
	padding: 0px 0 0px 26px;
	margin: 5px 0 10px;
	position: relative;
	line-height: 18px;
}
.variety ul li:before,
.used ul li:before, 
.common ul li:before {
	content: "\f116";
	position: absolute;
	left: 0;
	top: 0;
	vertical-align: middle;
	display: inline-block;
	font-family: "flaticon_henderson";
	font-size: 14px;
}

/* Gallery Page Style */

/*gallery Section Style */
.gallerys-section {
	position: relative;
	padding: 80px 0;
}
.section-title {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 50px;
}
.section-title h6 {
	display: inline-block;
	position: relative;
	z-index: 1;
	font-weight: 800;
	letter-spacing: 3px;
	font-size: 18px;
}
.section-title h6:before {
	content: "";
	width: 100%;
	height: 6px;
	background: #25317a;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	mix-blend-mode: difference;
}
.section-title h2 {
	width: 100%;
	display: block;
	margin-bottom: 0;
	font-size: 47px;
	text-transform: uppercase;
	font-family: 'Quicksand', sans-serif;
}
.section-title p {
	width: 100%;
	display: block;
	margin-bottom: 0;
	margin-top: 20px;
}
.gallery-images {
	width: 100%;
	display: block;
	margin: 0;
	margin-bottom: 50px;
}
.gallery-images img {
	border: 1px solid #e8e8e8;
	margin-bottom: 10px;
}
.gallery-images figcaption {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}

/* Contact form Page Style */

/* Contact form Section */
.map-section {
	position: relative;
	padding-top: 100px;
}
.contact-section {
	position: relative;
	padding: 80px 0;
}
.entry-title {
	font-size: 40px;
	font-weight: 600;
	color: #1a1a1a;
	line-height: 50px;
	padding: 0;
	margin: 0;
}
.contact-info {
	margin-top: 80px;
}
.contact-info-item {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	
	margin-bottom: 15px;
	min-height: 80px;
}
.contact-info-item-icon {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-size: 18px;
	color: #1e2b78;
}
.contact-info-item-icon i {
	margin-top: 5px;
}
.contact-info-item-icon span {
	margin-left: 12px;
	margin-right: 8px;
	display: inline-block;
	min-width: 100px;
	font-size: 20px;
	font-weight: 600;
	color: #1e2b78;
	vertical-align: top;
}
.contact-info-item-content a {
	-webkit-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
	font-size: 20px;
	font-weight: 700;
	color: #272727;
}
.contact-info-item-content a:hover {
	color: #4e5893
}
.contact-info-item:last-child {
	margin: 0;
}
.contact-area-bottom {
	position: relative;
}


/* Contact form Style */
#error_message {
	margin-bottom: 20px;
	background: #fff;
	padding: 0px;
	text-align: center;
	font-size: 14px;
	line-height: 2;
	color: #d91a3c;
	transition: all 0.5s ease;
}
.custom-error {
    color: red;
    background-color: transparent;
    padding: 10px;
    margin-bottom: 10px;
    border: none;
    border-radius: 0px;
}
.custom-success {
    color: darkgreen;
	background-color: transparent;
    padding: 10px;
    margin-bottom: 10px;
    border: none;
    border-radius: 0px;
}

.contact-form .form-group .form-control:hover,
.contact-form .form-group .form-control:active,
.contact-form .form-group .form-control:focus {
	outline: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border-bottom: 1px solid #1a1a1a;
}
.contact-form lable {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	color: #9fa0a1;
}
.contact-form .examp lable {
	display: block;
	margin-bottom: 15px;
}
.contact-form input,
.contact-form textarea {
	width: 100%;
	border: 0;
	background: #fff;
	border-bottom: 1px solid #1a1a1a;
	border-radius: 0;
	padding: 5px 0px;
	margin-bottom: 10px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	outline: none;
}
.form-inner-box-wrap textarea {
	height: 100px;
	resize: none;
}
#loading-spinner {
	position: absolute;
	display: inline-block;
	margin-top: 15px;
	margin-left: 20px;
	margin-right: auto;
	border: .25em solid #1e2b78;
	border-right-color: transparent;
}