/*==================================================
MMA INFRA PROJECTS
Premium Construction Website
Version : 2.0
==================================================*/

/* Google Font */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/* Root */

:root{

--primary:#0D2346;
--secondary:#F7931E;
--dark:#0A1628;
--white:#ffffff;
--light:#f8f9fa;
--gray:#6c757d;

--transition:.4s ease;

--shadow:0 15px 35px rgba(0,0,0,.12);

}

/* Reset */

*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:'Poppins',sans-serif;

font-size:16px;

line-height:1.7;

overflow-x:hidden;

color:#333;

background:#fff;

}

a{

text-decoration:none;

transition:.3s;

}

img{

max-width:100%;

display:block;

}

ul{

list-style:none;

margin:0;

padding:0;

}

section{

padding:100px 0;

}

.container{

max-width:1320px;

}

/*====================
Loader
====================*/

#loader{

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

background:#fff;

display:flex;

justify-content:center;

align-items:center;

z-index:999999;

}

.spinner-border{

width:70px;

height:70px;

border-width:6px;

}

/*====================
Top Bar
====================*/

.topbar{

background:#ffffff;

color:#071B37;

font-size:14px;

padding:10px 0;

}

.top-left a{

color:#071B37;

margin-right:25px;

font-weight:500;

}

.top-left i{

color:#071B37;

margin-right:8px;

}

.top-right{

font-weight:500;

}

.top-right i{

color:#071B37;

margin-right:8px;

}

/*====================
Navbar
====================*/

.navbar{

padding:18px 0;

background:transparent;

transition:.4s;

top:42px;

}

.navbar.scrolled{

background:rgba(8,18,43,.97);

backdrop-filter:blur(10px);

padding:12px 0;

top:0;

box-shadow:0 15px 35px rgba(0,0,0,.18);

}

.navbar-brand img{

height:70px;

transition:.4s;

}

.navbar.scrolled .navbar-brand img{

height:60px;

}

.nav-link{

color:#071B37;

font-weight:600;

margin:0 15px;

position:relative;

}

.nav-link:hover{

color:#F7931E;

}

.nav-link::after{

content:"";

position:absolute;

left:0;

bottom:-8px;

width:0;

height:2px;

background:#F7931E;

transition:.3s;

}

.nav-link:hover::after{

width:100%;

}

.quote-btn{

background:#F7931E;

padding:14px 34px;

border-radius:50px;

color:#fff;

font-weight:600;

display:inline-block;

transition:.3s;

}

.quote-btn:hover{

background:#ff8300;

transform:translateY(-3px);

color:#fff;

}

/*====================
Hero
====================*/

#home{

padding:0;

}

.carousel-item{

height:100vh;

position:relative;

}

.carousel-item img{

height:100vh;

width:100%;

object-fit:cover;

}

.overlay{

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:linear-gradient(

90deg,

rgba(4,12,25,.85),

rgba(4,12,25,.35)

);

}

.carousel-caption{

left:10%;

right:auto;

bottom:22%;

text-align:left;

max-width:700px;

}

.carousel-caption h5{

font-size:22px;

letter-spacing:4px;

color:#F7931E;

margin-bottom:20px;

font-weight:600;

}

.carousel-caption h1{

font-size:74px;

font-weight:800;

line-height:1.2;

margin-bottom:25px;

}

.carousel-caption p{

font-size:22px;

line-height:36px;

margin-bottom:35px;

}

.btn-main{

display:inline-block;

background:#F7931E;

padding:16px 40px;

color:#fff;

font-weight:600;

border-radius:50px;

margin-right:15px;

transition:.3s;

}

.btn-main:hover{

background:#ff7b00;

color:#fff;

transform:translateY(-3px);

}

.btn-outline{

display:inline-block;

padding:16px 40px;

border:2px solid #fff;

color:#fff;

border-radius:50px;

font-weight:600;

}

.btn-outline:hover{

background:#fff;

color:#0D2346;

}

.carousel-control-prev,

.carousel-control-next{

width:7%;

}

.carousel-control-prev-icon,

.carousel-control-next-icon{

background-color:rgba(255,255,255,.20);

padding:20px;

border-radius:50%;

}