/* ----------------------------------------------------
Theme Name:		WeBuilders - HTML & Bootstrap Template
Version:		1.0.0
Author:			WeBuilders
------------------------------------------------------- */


/* ======================================================
	TABLE OF CONTENTS
   ====================================================== */

/**

* 1.0	Settings
* 1.1	Header
* 1.2	Home
* 1.3	Progress Blocks
* 1.4	About Us
* 1.5	Banners
* 1.6	Our Services
* 1.7	Why Choose Us
* 1.8	Our Team
* 1.9	Newsletter
* 1.10	Our Gallery	
* 1.11	Testimonials
* 1.12	Companies Logo
* 1.13	Contact Us
* 1.14	Map
* 1.15	Footer

**/


/* -----------------------------------------------------
	1.0		Settings
   ----------------------------------------------------- */
   
body,html{
	height:100%;
}

h1,h2,h3,h4,h5,input,select,textarea{
	font-family: 'Roboto Condensed', sans-serif;
}

p,.btn{
	font-weight:normal;
	font-family: 'Open Sans',sans-serif;
	font-size:15px;
}

.page-heading h1,ul{
	font-family: 'Open Sans',sans-serif;
}

p{
	line-height:1.8em;
	letter-spacing:.02em;
}

.btn{
	font-weight:bold;
	font-size:18px;
}

.navbar a{
	font-family: 'Open Sans', sans-serif;
}

.page-heading{
	position:relative;
	margin-bottom:30px;
}

.page-heading h1{
	margin-top:0px;
	margin-bottom:3px;
	font-weight:bold;
	text-transform:uppercase;
}

.page-heading p{
	letter-spacing:0;
	font-weight:bold;
	font-style:italic;
	margin:0;
}

.page-heading::after{
	content:'';
	width:50px;
	height:2px;
	display:block;
	margin-top:5px;
}

.my-btn{
	margin-top:20px;
}

.section-padding{
	padding-top:115px;
	padding-bottom:115px;
}

.banner-padding{
	padding-top:90px;
	padding-bottom:90px;
}

@media(max-width:991px){
	
	.section-padding{
		padding-top:90px;
		padding-bottom:90px;
	}
	
	.banner-padding{
		padding-top:80px;
		padding-bottom:80px;
	}
}

@media(max-width:768px){
	
	.section-padding{
		padding-top:80px;
		padding-bottom:80px;
	}
}

@media(max-width:450px){
	
	.page-heading h1{
		font-size:30px;
	}
}

/* -----------------------------------------------------
	1.1		Header
   ----------------------------------------------------- */
   
#header-top{
	padding:10px 0px 5px 0px;
}

#header-top #info ul{
	margin-top:8px;
	padding-bottom:0px;
	padding-left:15px;
	letter-spacing:1px;
}

#header-top #info ul li .fa{
	padding-right:10px;
}

#header-top #links{
	margin-top:8px;
	float:right;
}

#header-top #links a{
	padding-bottom:0px;
}

#header-top #links a .fa{
	padding-right:10px;
}

.navbar-custom{
	width:100%;
	margin-bottom:0px;
	z-index:1;
}

.affix {
	top: 0;
	width: 100%;
	z-index:100;
}
  
.navbar-nav li a{
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:.01em;
}

.navbar-brand{
	padding-top:0px;
	padding-bottom:0px;
}

#mynavbar .navbar-brand img{
	max-height:56px;
	margin-top:-3px;
}

@media(min-width:768px) and (max-width:991px){
	
	#mynavbar .navbar-brand img{
		max-height:46px;
		margin-top:1px;
	}
}

@media(min-width: 768px) {
	
  	.navbar-custom {
		padding: 20px 0;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
  	}
  
	.navbar-custom .navbar-brand {
		font-size: 2em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
  
	.navbar-custom.affix {
		padding: 10px 0;
	}
	
	.navbar-custom.affix .navbar-brand {
		font-size: 1.5em;
	}
}

@media(max-width:768px){
	
	#header-top{
		display:none;
	}
	
	#mynavbar{
		z-index:100;
	}
	
	#mynavbar .navbar-brand{
		padding-top:14px;
		padding-bottom:0px;
	}
	
	#mynavbar .navbar-brand img{
		max-height:40px;
		min-height:40px;
		margin-top:-6px;
	}
	
	#mynavbar .navbar-nav{
		margin-top:0;
		margin-bottom:0;
	}
	
	#mynavbar .navbar-toggle{
		padding:20px;
		border-radius:0px;
		margin:0px;
	}
}

/* -----------------------------------------------------
	1.2		Home
   ----------------------------------------------------- */
   
#home .home-text .logo img{
	max-height:40px;
	min-height:40px;
	margin-top:35px;
}

#home .home-text .cen h1{
	font-size:86px;
	font-weight:bold;
	margin-bottom:0px;
}

#home .home-text .cen h2{
	font-size:40px;
	margin-top:10px;
}
	
#home .home-form h2{
	margin:0px;
}

#home .home-form h1{
	font-size:50px;
	font-weight:bold;
	margin-top:5px;
}

#home .home-form hr{
	margin-top:10px;
	margin-bottom:15px;
}

#home .home-form p{
	margin-bottom:0px;
}

#home .home-form form .form-headings{
	padding:40px;
}

#home .home-form form .form-inputs{
	padding--top:0px;
	padding-bottom:40px;
	padding-left:40px;
	padding-right:40px;
}

#home .home-form form .form-inputs .btn{
	margin-top:30px;
}

@media(max-width:991px){

	#home .home-form form .form-inputs{
		padding:20px;
	}
}

@media(min-width:768px){
	
	.content{
		display:table;
		height:100%;
	}
	
	.cen{
		display: table-cell;
		vertical-align: middle;
		height: 550px;
	}
}

@media(max-width:768px){
	
	#home .home-form form {
		margin-bottom:20px;
	}
	
	#home .home-form form .form-headings,
	#home .home-form form .form-inputs{
		padding:20px;
	}
	
	#home .home-form h1{
		font-size:36px;
	}
	
	#home .home-text{
		text-align:center;
		margin-bottom:40px;
	}
	
	#home .home-text .cen h1{
		font-size:60px;
		margin-top:45px;
	}
	
	#home .home-text .cen h2{
		font-size:30px;
		margin-top:5px;
	}
}

/* -----------------------------------------------------
	1.3		Progress Blocks
   ----------------------------------------------------- */

#progress .progress-block{
	padding-top:50px;
	padding-bottom:50px;
}

#progress .progress-block .icon{
	float:left;
	width:65px;
}

#progress .progress-block .icon .fa{
	font-size:35px;
}

#progress .progress-block .progress-text{
	overflow:hidden;
}

#progress .progress-block .progress-text h3{
	font-size:21px;
	margin-top:0px;
}

#progress .progress-block .progress-text p{
	margin-bottom:0px;
}

/* -----------------------------------------------------
	1.4		About Us
   ----------------------------------------------------- */

#about-us p{
	margin-top:0px;
}

#about-us .btn{
	margin-top:10px;
}

@media(max-width:991px){
	
	#about-us .about-image img{
		margin-bottom:30px;
	}
}


/* -----------------------------------------------------
	1.5		Banners
   ----------------------------------------------------- */

#banner-1 .banner-text #banner-content{
	padding-left:40px;
	padding-right:40px;
}

#banner-1 .banner-text #banner-content h2{
	font-weight:bold;
	margin-bottom:20px;
	margin-top:0px;
}

#banner-1 .banner-text #banner-content .btn{
	margin-top:20px;
	font-weight:bold;
}

#banner-2 #highlights .highlight-box h1{
	font-weight:bold;
	font-size:50px;
	margin-top:10px;
	margin-bottom:0px;
}

#banner-2 #highlights .highlight-box h4{
	margin-bottom:0px;
}

#banner-3 .banner-image img{
	display:inline-block;
}

#banner-4 h4{
	margin-top:20px;
}

@media(max-width:991px){
	
	#banner-2 #highlights .highlight-box{
		padding:20px;
	}
	
	#banner-3 .banner-image img{
		margin-bottom:30px;
	}
}


/* -----------------------------------------------------
	1.6		Our Services
   ----------------------------------------------------- */
   
.s-margin{
	margin-bottom:40px;
}

.service-block:hover .service-icon .fa{
	transition:.4s;
}

.service-block .service-info h4{
	margin-top:0px;
}

.service-block .service-info p{
	margin-bottom:0px;
}

@media(max-width:991px){
	
	.s-margin{
		margin-bottom:0px;
	}
	
	.service-block{
		margin-bottom:40px;
	}
}

/* -----------------------------------------------------
	1.7		Why Choose Us
   ----------------------------------------------------- */

#why .why-text ul li{
	font-size:15px;
	line-height:1.8em;
}

#why .why-text .why-us-block .why-icon .fa{
	height:60px;
	width:60px;
	padding-top:16px;
}

@media(max-width:991px){
	
	#why .why-text{
		margin-top:40px;
	}
}

@media(max-width:414px){
	
	#why .why-text .why-us-block .why-icon .fa{
		height:45px;
		width:45px;
		padding-top:8px;
		margin-top:13px;
	}

}

/* -----------------------------------------------------
	1.8		Our Team
   ----------------------------------------------------- */

#owl-team .item{
	max-width:360px;
	margin:0 auto;
}

.member-block{
	overflow:hidden;
}

.member-image{
	position:relative;
	overflow:hidden;
}

.member-block .member-image img{
	max-height:350px;
	min-height:350px;
}

.member-block .member-image .mask{
	position:absolute;
	top:0;
	width:15%;
	transform:translateX(-100%);
	opacity:0;
	transition:.9s;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.member-block .member-image .mask .fa{
	font-size:20px;
	margin-top:20px;
	margin-bottom:20px;
}

.member-info .member-name{
	font-weight:bold;
}

#owl-guider .item{
	padding:15px;
}

#owl-team .owl-controls .owl-buttons div{
	font-size:30px;
	padding:0px 15px;
	margin-top:40px;
}

#owl-team .owl-controls .owl-buttons div .fa{
	margin-bottom:5px;
}

@media(max-width:768px){
	
	.member-image img{
		display:inline-block;
	}
}

/* -----------------------------------------------------
	1.9		Newsletter
   ----------------------------------------------------- */

#newsletter .fa{
	font-size:35px;
	height:70px;
	width:70px;
	text-align:center;
	padding-top:15px;
	display:inline-block;
	margin-bottom:10px;
}

#newsletter{
	text-transform:uppercase;
}

#newsletter h1{
	font-weight:bold;
	font-size:45px;
}

#newsletter h2{
	font-size:25px;
	margin-top:5px;
	margin-bottom:25px;
	line-height:1.5em;
}

#newsletter form{
	padding-top:30px;
	z-index:-9999;
}

@media(max-width:670px){
	
	#newsletter h1{
		font-size:35px;
	}
	
	#newsletter h2{
		font-size:20px;
	}
}

@media(max-width:480px){
	
	#newsletter h1{
		font-size:30px;
	}
}

/* -----------------------------------------------------
	1.10	Our Gallery
   ----------------------------------------------------- */

.image-link {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.gallery-block{
	margin-top:25px;
	margin-bottom:25px;
}

.gallery-image{
	overflow:hidden;
	position:relative;
}

.gallery-image img{
	transition:.9s;
}

.gallery-image .image-mask{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	transition:.9s;
}

.gallery-block:hover .gallery-title{
	transition:.9s;
}

@media(min-width:1200px){
	
	.gallery-block .gallery-image img{
		max-height:250px;
		min-height:250px;
		width:100%;
	}
}

@media(min-width:991px) and (max-width:1200px){
	
	.gallery-block .gallery-image img{
		max-height:200px;
		min-height:200px;
		width:100%;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	.gallery-block .gallery-image img{
		max-height:250px;
		min-height:250px;
		width:100%;
	}
}


/* -----------------------------------------------------
	1.11	Testimonials
   ----------------------------------------------------- */

#owl-testimonial .item img{
	height:120px;
	display:inline-block;
}

#owl-testimonial .item blockquote{
	font-size:17px;
	margin-top:10px;
	margin-left:20px;
}

#owl-testimonial .item blockquote::before{
	position:absolute;
	content: '\f10d';
	font-family: 'FontAwesome';
	font-size:34px;
	left:0px;
	top:0px;
}

#owl-testimonial .item blockquote small{
	margin-top:10px;
}

@media(min-width:1200px){
	
	#owl-testimonial .item{
		margin-left:100px;
		margin-right:100px;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	#owl-testimonial .item blockquote::before{
		left:10px;
		top:0px;
	}
}

@media(max-width:768px){
	
	#owl-testimonial .item img{
		height:120px;
		width:120px;
	}
	
	#owl-testimonial .item{
		margin-left:20px;
	}
	
	#owl-testimonial .item blockquote::before{
		left:10px;
		top:0px;
	}
}


/* -----------------------------------------------------
	1.12	Companies Logo
   ----------------------------------------------------- */

#owl-company{
	margin-bottom:40px;
}

#owl-company .item .company-img{
	padding:20px;
}

#owl-company .item .company-img img{
	max-width:100%;
}

@media(min-width:1200px){
	
	#owl-company .item{
		width:195px;
	}
}

@media(min-width:991px) and (max-width:1200px){
	
	#owl-company .item{
		width:162px;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	#owl-company .item{
		width:188px;
	}
}

@media(max-width:500px){
	
	#company-logo h1{
		font-size:24px;
	}
}

/* -----------------------------------------------------
	1.13	Contact Us
   ----------------------------------------------------- */

#contact #contact-form .btn{
	font-weight:normal;
	font-size:16px;
}

#contact #addresses .address-text-icon{
	margin-bottom:20px;
}

#contact #addresses .address-text-icon p{
	margin-bottom:0px;
}

@media(max-width:991px){

	#contact #addresses .address-text-icon .text{
		padding-left:0px;
	}
}
	
@media(min-width:768px){
	
	#contact #contact-form .btn{
		float:right;
	}
}

@media(max-width:768px){
	
	#contact #addresses{
		margin-top:40px;
	}
}

/* -----------------------------------------------------
	1.14	Map
   ----------------------------------------------------- */
   
.map{
	height:450px;
	width:100%;
	border:0;
	position:relative;
	margin: none;
    padding: none;
}

.map iframe{
	width:100%;
	height:450px;
}

/* -----------------------------------------------------
	1.15	Footer
   ----------------------------------------------------- */

/* -----------------------------------------------------
	Modern Theme Overrides
   ----------------------------------------------------- */

.theme-modern {
	--ink: #0f172a;
	--ink-soft: #334155;
	--cream: #f7f2ec;
	--paper: #ffffff;
	--accent: #ff6b35;
	--accent-2: #0ea5a0;
	--accent-3: #fbbf24;
	--line: rgba(15, 23, 42, 0.08);
	--shadow: 0 22px 55px rgba(15, 23, 42, 0.18);
	--shadow-soft: 0 14px 32px rgba(15, 23, 42, 0.12);
	font-family: "Manrope", sans-serif;
	background: radial-gradient(circle at top left, #fff5eb 0%, #f7f2ec 42%, #f1f5f9 100%);
	color: var(--ink);
}

.theme-modern h1,
.theme-modern h2,
.theme-modern h3,
.theme-modern h4,
.theme-modern h5 {
	font-family: "Fraunces", serif;
	letter-spacing: -0.01em;
}

.theme-modern input,
.theme-modern select,
.theme-modern textarea {
	font-family: "Manrope", sans-serif;
}

.theme-modern p,
.theme-modern .btn {
	font-family: "Manrope", sans-serif;
	color: var(--ink-soft);
}

.theme-modern a {
	color: inherit;
}

.theme-modern .page-heading h1 {
	text-transform: none;
	font-size: 42px;
	color: var(--ink);
}

.theme-modern .page-heading p {
	font-style: normal;
	font-weight: 600;
	color: var(--ink-soft);
}

.theme-modern .page-heading::after {
	width: 70px;
	height: 3px;
	background: linear-gradient(120deg, var(--accent), var(--accent-2));
}

.theme-modern #header-top {
	background: linear-gradient(110deg, #0f172a, #1e293b);
}

.theme-modern #header-top #info ul,
.theme-modern #header-top #links a {
	color: #f8fafc;
}

.theme-modern #header-top .fa {
	color: var(--accent-3);
}

.theme-modern #mynavbar {
	background: rgba(255, 255, 255, 0.9);
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
	backdrop-filter: blur(12px);
}

.theme-modern .navbar-custom.affix {
	box-shadow: var(--shadow-soft);
}

.theme-modern .navbar-nav li a {
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	color: var(--ink);
}

.theme-modern .navbar-default .navbar-nav > li > a:hover {
	color: var(--accent);
}

.theme-modern .navbar-default .navbar-nav > li.active > a {
	background: var(--accent);
	color: #fff;
	border-radius: 999px;
}

.theme-modern #home {
	background-image:
		linear-gradient(135deg, rgba(15, 23, 42, 0.72), rgba(15, 23, 42, 0.45)),
		url("home.jpg");
	background-size: cover;
	background-position: center;
	padding: 120px 0 90px;
	min-height: 80vh;
	position: relative;
	overflow: hidden;
}

.theme-modern #home::after {
	content: "";
	position: absolute;
	top: -120px;
	right: -140px;
	width: 360px;
	height: 360px;
	background: radial-gradient(circle, rgba(255, 107, 53, 0.4), transparent 70%);
	opacity: 0.9;
	pointer-events: none;
}

.theme-modern #home .home-text .cen h1 {
	font-size: 64px;
	line-height: 1.05;
	margin-bottom: 12px;
}

.theme-modern #home .home-text .cen h2 {
	font-size: 28px;
	margin-top: 12px;
	color: #f8fafc;
	opacity: 0.92;
}

.theme-modern #home .home-text p {
	color: #e2e8f0;
	font-size: 17px;
}

.theme-modern #home .home-text hr {
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	width: 80px;
	margin: 24px 0;
}

.theme-modern .hero-cta {
	margin-top: 28px;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.theme-modern .btn {
	border-radius: 999px;
	padding: 12px 26px;
	border: 0;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	position: relative;
}

.theme-modern .btn:focus,
.theme-modern .btn:active {
	outline: none;
	box-shadow: none;
}

.theme-modern .btn-primary,
.theme-modern .btn-default {
	background: linear-gradient(120deg, var(--accent), #ff8a5c);
	color: #fff;
	box-shadow: 0 14px 26px rgba(255, 107, 53, 0.3);
}

.theme-modern .btn-primary:hover,
.theme-modern .btn-default:hover {
	transform: translateY(-2px);
	color: #fff;
	box-shadow: 0 18px 32px rgba(255, 107, 53, 0.35);
}

.theme-modern .btn-ghost {
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.35);
	color: #fff;
}

.theme-modern .btn-ghost:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.25);
	transform: translateY(-2px);
}

.theme-modern .btn.is-loading {
	pointer-events: none;
	opacity: 0.85;
	padding-right: 48px;
}

.theme-modern .btn.is-loading::after {
	content: "";
	position: absolute;
	right: 18px;
	top: 50%;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.6);
	border-top-color: #fff;
	animation: spin 0.7s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.theme-modern .alert {
	border-radius: 14px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
	font-weight: 600;
}

.theme-modern #home .home-form form {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 24px;
	box-shadow: var(--shadow);
	overflow: hidden;
	backdrop-filter: blur(10px);
}

.theme-modern #home .home-form form .form-headings,
.theme-modern #home .home-form form .form-inputs {
	background: transparent;
}

.theme-modern #home .home-form h1 {
	color: #fff;
	font-size: 40px;
}

.theme-modern #home .home-form form input {
	border-radius: 14px;
	border: 1px solid rgba(148, 163, 184, 0.4);
	box-shadow: none;
	background: rgba(255, 255, 255, 0.95);
	color: var(--ink);
}

.theme-modern #home .home-form form .btn {
	border-radius: 999px;
}

.theme-modern #home .home-form form input:focus {
	border-color: var(--accent-2);
	box-shadow: 0 0 0 3px rgba(14, 165, 160, 0.25);
}

.theme-modern #progress {
	background: var(--cream);
	padding: 70px 0 60px;
}

.theme-modern #progress .progress-block {
	background: #fff;
	border-radius: 18px;
	padding: 28px 24px;
	border: 1px solid var(--line);
	box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	margin: 0;
	box-sizing: border-box;
}

.theme-modern #progress .progress-block:hover {
	transform: translateY(-6px);
	box-shadow: var(--shadow-soft);
}

.theme-modern #progress .progress-block .icon {
	width: auto;
	margin-bottom: 10px;
	float: none;
}

.theme-modern #progress .row {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

.theme-modern #progress .row > [class*="col-"] {
	float: none;
	padding-left: 0;
	padding-right: 0;
	width: auto;
	flex: 1 1 280px;
}

.theme-modern #progress .row > [class*="col-"].progress-block {
	padding: 28px 24px;
}

.theme-modern #progress .progress-block .icon .fa {
	background: rgba(14, 165, 160, 0.12);
	color: var(--accent-2);
	border-radius: 14px;
	padding: 14px;
	font-size: 26px;
}

.theme-modern #progress .progress-block .progress-text h3 {
	font-size: 22px;
	color: var(--ink);
	margin-bottom: 8px;
}

.theme-modern #progress .progress-block .progress-text {
	margin-top: 0;
}

.theme-modern #progress #block-2 {
	background: var(--paper);
}

.theme-modern #progress .progress-block .progress-text p {
	color: var(--ink-soft);
}

.theme-modern #about-us {
	background: #fff;
}

.theme-modern #about-us .about-image img {
	border-radius: 26px;
	box-shadow: var(--shadow-soft);
}

.theme-modern #services {
	background: #f8fafc;
}

.theme-modern #services .service-block {
	background: #fff;
	border-radius: 18px;
	padding: 22px 18px;
	border: 1px solid var(--line);
	box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	height: 100%;
	margin-bottom: 18px;
}

.theme-modern #services .service-block:hover {
	transform: translateY(-6px);
	box-shadow: var(--shadow-soft);
}

.theme-modern .service-block .service-icon span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	width: 48px;
	border-radius: 14px;
	background: rgba(255, 107, 53, 0.12);
	color: var(--accent);
}

.theme-modern #services .service-icon {
	margin-top: 4px;
}

.theme-modern #services .service-info h4 {
	font-size: 20px;
	margin-top: 0;
	color: var(--ink);
}

.theme-modern #services .row.text-left {
	display: flex;
	flex-wrap: wrap;
}

.theme-modern #services .row.text-left > [class*="col-"] {
	display: flex;
}

.theme-modern #services .service-block .row {
	display: flex;
	width: 100%;
}

.theme-modern #services .service-info {
	display: flex;
	flex-direction: column;
}

.theme-modern #contact {
	background: var(--cream);
}

.theme-modern #why {
	background: #fff;
}

.theme-modern #why .why-us-block {
	background: var(--paper);
	border-radius: 18px;
	padding: 18px 16px;
	border: 1px solid var(--line);
	box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
	margin-bottom: 16px;
}

.theme-modern #why .why-icon span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: rgba(14, 165, 160, 0.12);
	color: var(--accent-2);
}

.theme-modern #contact form {
	background: #fff;
	padding: 28px;
	border-radius: 22px;
	border: 1px solid var(--line);
	box-shadow: var(--shadow-soft);
}

.theme-modern #contact .form-control {
	border-radius: 14px;
	border: 1px solid rgba(148, 163, 184, 0.4);
	box-shadow: none;
}

.theme-modern #contact .form-control:focus {
	border-color: var(--accent);
	box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.2);
}

.theme-modern #addresses .icon span {
	background: rgba(15, 23, 42, 0.08);
	color: var(--ink);
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
}

.theme-modern #footer {
	background: #0f172a;
	color: #e2e8f0;
	padding: 30px 0;
}

.theme-modern #footer a {
	color: #fbbf24;
	font-weight: 600;
}

.theme-modern #footer .social-links li {
	color: #cbd5f5;
}

@media (max-width: 991px) {
	.theme-modern #home {
		padding: 100px 0 80px;
	}

	.theme-modern #home .home-text .cen h1 {
		font-size: 50px;
	}

	.theme-modern #progress .row {
		gap: 20px;
	}
}

@media (max-width: 768px) {
	.theme-modern .navbar-nav {
		background: #0f172a;
	}

	.theme-modern #mynavbar li a {
		color: #fff;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}

	.theme-modern #home .home-text {
		text-align: left;
	}

	.theme-modern #home .home-text .cen h1 {
		font-size: 44px;
	}

	.theme-modern #home .home-text .cen h2 {
		font-size: 24px;
	}
}

@media (max-width: 640px) {
	.theme-modern #progress .row {
		gap: 16px;
	}
}

#footer{
	padding-top:30px;
	padding-bottom:30px;
}

#footer .social-links li .fa{
	font-size:22px;
}

#footer .social-links{
	margin-top:7px;
	margin-bottom:0px;
}

#footer .copyright p{
	margin-bottom:0;
	margin-top:6px;
}

@media(min-width:768px){
	
	#footer .social-links{
		float:right;
	}
}

@media(max-width:768px){
	
	#footer{
		text-align:center;
	}
	
	#footer .social-links{
		float:none;
		margin-top:15px;
	}
}