:root{
    --black-color:#000000;
    /* --primary-color:#ff8c00; */
    --primary-color:#174b58;
    --white-color:#ffffff;
    --gray-color:#D9D9D9;
    --secondary-color:#f6f6f6;
    --light-black-color:#909090;
    --orange-color:#ff8c00;
    --theam-color:#dbd6c7;
    --red-color:#ff0018;
}
.text-light-black{color:var(--light-black-color) !important}
.bg-light-black{background:var(--light-black-color) !important}

.text-black{color:var(--black-color) !important}
.bg-black{background:var(--black-color) !important}

.text-white{color:var(--white-color) !important}
.bg-white{background:var(--white-color) !important}

.text-primary{color:var(--primary-color) !important}
.bg-primary{background:var(--primary-color) !important}

.text-gray{color:var(--gray-color) !important}
.bg-gray{background:var(--gray-color) !important}

.text-secondary{color:var(--secondary-color) !important}
.bg-secondary{background:var(--secondary-color) !important}

.text-theam{color:var(--theam-color) !important}
.bg-theam{background:var(--theam-color) !important}

.text-red{color:var(--red-color) !important}
.bg-red{background:var(--red-color) !important}

html{font-size:62.5%;box-sizing: border-box;}
body{
    font-family: 'Poppins', sans-serif;
    font-size: 1.6rem;
    line-height: 3rem;
    font-weight: 400;
    color: var(--black-color);
    margin: 0;
}
h1,h2,h3,h4,h5,h6{font-family: 'Source Sans Pro', sans-serif; font-weight: 700;}
h1{font-size: 5rem;line-height: 6rem;}
h2{font-size: 4.2rem;line-height: 5rem;}
h3{font-size: 3.4rem;line-height: 4.2rem;}
h4{font-size: 3rem;line-height: 4.0rem;}
h5{font-size: 2.6rem;line-height: 3.4rem;}
h6{font-size: 2.2rem;line-height: 3.2rem;}
a{text-decoration: none;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600;}
.fw-800{font-weight: 800;}
.fw-900{font-weight: 900;}
section{color: var(--black-color);}

/* HEADER */
.navbar .navbar-nav a{color: var(--black-color); margin: 0 3.5rem;font-weight: 500;}
.navbar .navbar-nav a.active{color: var(--primary-color);border-bottom: 2px solid var(--primary-color);}
.header-block .social-media li a{color: var(--primary-color);}
.header-block ul li{list-style-type: none;display: inline-block; font-size: 1.4rem;margin: 0 1rem;}
.header-block ul li a {color: var(--white-color);text-decoration: none;}
.header-block ul li a i{color: var(--primary-color);width: 2rem;font-size: 1.6rem !important; }
.header-block .header-border {border-bottom: 1px solid var(--gray-color);}
.theam-button{color: var(--white-color);padding: 0.8rem 3rem;letter-spacing: 2px;}
.button-white{border: 2px solid var(--white-color);color: var(--white-color);}
.button-black{border: 2px solid var(--black-color);color: var(--black-color);}

/* HOME PAGE */
.banner1{background: url(../images/banner1.jpg);background-repeat: no-repeat;background-size: cover;height: 600px;background-position: center;}
.banner2{background: url(../images/banner2.jpg);background-repeat: no-repeat;background-size: cover;height: 600px;background-position: center;}
.banner3{background: url(../images/home-banner.jpg);background-repeat: no-repeat;background-size: cover;height: 600px;background-position: center;}
/* .home-banner{background: url(../images/home-banner.jpg);background-repeat: no-repeat;background-size: cover;height: 600px;background-position: center;} */
.banner-content{position: absolute;left: 10%;top: 50%;transform: translate(-10%, -50%);max-width: 640px;}
.home-banner::before{content: '';width: 100%;height: 100%;background: #A6A6A6;position: absolute;top: 0;left: 0;opacity: 0.4;}
.video-block{
	padding: 4rem 0;
}
.video-play{
	padding: 2rem;
    background: #cccccc;
    border-radius: 15px;
    min-height: 30rem;
    display: grid;
}
.video-play i{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    color: var(--white-color);
    font-size: 5rem;
    font-weight: 100;
}

.primary-banner{background: url(../images/layer.jpg);background-repeat: no-repeat;background-size: cover;min-height: 500px;background-position: center;padding:6rem}
.future-content{position: absolute;width: 45%;top: 50%;right: 3%;transform: translate(-3%, -50%);}

.service-card{position: relative;cursor: pointer;}
.service-card img{height: 320px;object-fit: cover;}
.service-card h6{position: absolute;bottom:0;width:100%;background: var(--primary-color) !important;margin-bottom:0;text-align: center;color:var(--white-color);padding: 10px 0;z-index: 1;}
.service-card .img-text {
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    background: rgba(0, 0, 0, 0.65);
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    color: var(--white-color);
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
}
.service-card:hover .img-text{
    padding: 15px;
    visibility: visible;
    opacity: 1;
    max-width: 100%;
    height: 100%;
}
.news-poster .news-poster-image{
    height: 370px;width: 100%;object-fit: cover;
}
.news-text{position: absolute;bottom: 0;left: 0;right: 0;}
.news-text span{font-size: 14px;font-weight: 300;line-height: 20px;}
.news-poster::before{content: '';width: 100%;height: 100%;background: #000000;position: absolute;top: 0;left: 0;opacity: 0.4;}
.news-card span{font-size: 1.0rem !important;font-weight: 500;letter-spacing: 0.2px;line-height: 14px;}

.abt-project{background: url(../images/banner-img.jpg);background-repeat: no-repeat;background-size: 100%;min-height: 400px;background-position: center;padding:6rem}

.panel-card{border-bottom: 1px solid var(--gray-color);min-height: 485px;margin-bottom: 3rem;}
.panel-card-image{height: 220px;}
.panel-card-image img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.panel-card h5{margin: 2.5rem 0;}
.panel-card p{font-size: 1.4rem;line-height: 2.5rem;}

.career-grid{padding: 6.5rem 6.5rem 3rem;}
.career-card{min-height: 85px;}

.trending-projects{padding: 4rem 0 4rem;}
.project-card{border: 2px solid var(--secondary-color);border-radius: 6px;transition: all 0.3s ease-in-out;} 
.project-card:hover{box-shadow:rgba(0, 0, 0, 0.15) 0px 6px 12px 0px;transition: all 0.3s ease-in-out;}
.project-card span{color: var(--light-black-color);font-size: 1.4rem;margin-bottom: 1.5rem;display: block;}
.project-card p{font-size: 1.2rem;line-height: 2rem;}
.project-card img{width: 100%;height: 150px;object-fit: cover;}
.trending-projects-slider .owl-nav button{box-shadow:rgba(0, 0, 0, 0.15) 0px 6px 12px 0px;border: 1px solid var(--gray-color) !important;width: 4rem;height: 4rem;border-radius: 50%;background: var(--secondary-color) !important;}
.trending-projects-slider .owl-nav button span{font-size: 20px;}
.trending-projects-slider .owl-nav .owl-next{position: absolute;top: 43%;right: -1%;transform: translate(0 , -43%);}
.trending-projects-slider .owl-nav .owl-prev{position: absolute;top: 43%;left: -1%;transform: translate(0 , -43%);}

.clients{padding: 6rem 0;}
.clients .client-slider img{padding: 2rem;}
.client-slider .owl-stage { display: flex; align-items: center; }

.project-block img{height: 300px;width: 100%;object-fit: cover;}
.project-block p {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: var(--primary-color) !important;
    margin-bottom: 0;
    text-align: center;
    padding: 10px 0;
    z-index: 1;
}
.project-block p a{color: var(--white-color);text-decoration: none;}
/* contact us */
.contact-header{background:#ECECEC;border-radius: 15px;}
.contact-header ul {columns: 2;-webkit-columns: 2;-moz-columns: 2;margin-top: 2rem;}
.contact-form .form-control{background: #ECECEC;font-size: 1.4rem;padding: 0.8rem 2rem; border-radius: 0;margin-bottom: 1.5rem;}
.get-in-touch .social-media li{list-style-type: none;display: inline-block;margin-right: 2rem;font-size: 2rem;}
.get-in-touch .social-media li a{color: #000000;}

.career-content{position: absolute;width: 45%;top: 50%;left: 10%;transform: translate(-10%, -50%);}
.career-card-block p{font-size: 1.4rem;line-height: 2.6rem;}
.career-card-block{box-shadow: 0 5px 20px 0 rgba(0,0,0,0.15);padding:2rem 1.5rem;}


/* FOOTER */
footer{padding:5rem 0;background: #f3f3f3;}
footer p{color: #000000;}
footer img{width: 150px !important;margin-bottom: 3rem;}
.footer-top{border-bottom: 1px solid var(--white-color);}
footer h6{font-family: 'Montserrat', sans-serif;color:#000000;border-bottom: 2px solid var(--primary-color);margin-bottom: 2rem;display: inline-block;}
footer ul{padding: 0;}
footer ul li{list-style-type: none;margin: 1rem 0; color: #000000;}
footer ul li a {color: var(--black-color);text-decoration: none;}
footer ul li a i{color: var(--primary-color);width: 2rem;font-size: 1.6rem !important; }
footer .form-group{background: transparent;border: 1px solid #dcdcdc78;border-radius: 50px;display: flex;}
footer .form-group input{width: 90%;background: transparent;border: 0;color:var(--white-color);padding: 1.2rem 2.5rem;font-size: 1.4rem;font-weight: 500;line-height: 1.6rem;}
footer .form-group input:focus{background: transparent;border: 0;box-shadow: none;color:var(--white-color);}
footer .form-group button{background: var(--primary-color);border: 0;border-radius: 50%;color: var(--white-color);font-weight: 600;padding: 1.8rem;}
footer .social-media,.header-block .social-media{position: relative; right: unset;top: 10%;transform: unset;}
footer .social-media li,.header-block .social-media li{display: inline-block;margin: 0 0.8rem;}
footer .form-group::placeholder{color: var(--white-color);}


@media(max-width:1280px){
    .navbar .navbar-nav a{margin: 0 1.5rem;}
}
@media(max-width:992px){
    .navbar .navbar-nav a{font-size: 1.4rem;margin: 0 1rem;}
    .modal-backdrop{opacity: 1 !important;background-color: transparent;}
    .future-content{position: relative;
        width: 100%;
        top: 0;
        right: 0;
        transform: translate(0, 0);}
}
@media(max-width:767px){
    h1{font-size: 4rem;line-height: 4.5rem;}
    h2{font-size: 3.8rem;line-height: 4rem;}
    h3{font-size: 3.2rem;line-height: 3.8rem;}
    h4{font-size: 3rem;line-height: 4.0rem;}
    h5{font-size: 2.4rem;line-height: 3rem;}
    h6{font-size: 2.2rem;line-height: 3.2rem;}
    .header-block .social-media{display: flex;justify-content: space-between;}
    .career-grid{padding: 6.5rem 3.5rem 3rem;}
    .modal-backdrop.fade{display: none;}

    .abt-project{background-size: cover;padding: 2rem;margin-bottom: 5rem;}
    .trending-projects-slider .owl-nav .owl-next,.trending-projects-slider .owl-nav .owl-prev{top: unset;transform: unset;}
    .project-block {margin-bottom: 15px;}
    
    .career-content{position: relative;top: unset;width: 100%;left: unset;transform: unset;margin-top: 20px;}
}