@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,500&display=swap');

body {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    float: left;
    width: 100%;
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
}

html {}

ul {
    padding: 0px;
    margin: 0px;
}

ul,
li {
    display: block;
}

a,
button {
    font-family: 'Montserrat', sans-serif;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    text-decoration: none;
    transition: all 275ms ease-in-out;
}

a,
ul,
li,
i,
{
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
text-decoration: none;
transition: all 275ms ease-in-out;
font-family: 'Montserrat', sans-serif;
}

* {
    box-sizing: border-box;
}

input,
select {
    padding: 7px 11px 7px 22px;
    border-radius: 2px;
    background: #fff;
    border: 1px #ececec solid;
    transition: all 275ms ease-in-out;
}

textarea {
    padding: 7px 11px 7px 22px;
    border-radius: 13px;
    background: #f5f5f5;
    border: 1px #ececec solid;
    transition: all 275ms ease-in-out;
}

input:focus,
textarea:focus {
    transition: all 275ms ease-in-out;
}

button:focus {
    outline: none;
    outline: 0px auto -webkit-focus-ring-color;
    transition: all 275ms ease-in-out;
}

button:hover,
a:hover {
    text-decoration: none;
    cursor: pointer;
    transition: all 275ms ease-in-out;
}

select {
    background: url(../img/select-arrow.png) no-repeat right #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position-x: 89%;
    transition: all 275ms ease-in-out;
}

a:focus {
    text-decoration: none;
    transition: all 275ms ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
}

p {
    float: left;
    width: 100%;
    line-height: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 16px;
}

strong,
b {
    font-weight: 700;
}


.top-home-page {
    float: left;
    position: relative;
    width: 100%;
}

.header-row {
    position: absolute;
    float: left;
    width: 100%;
    margin-top: -10px;
    z-index: 9;
}

.banner {
    position: relative;
    top: 0;
    max-height: 100vh;
    overflow: hidden;
}

.banner img {
    /* max-height: 660px; */
    width: 100%;
    object-fit: cover;
}

.banner video {
    width: 100%;
    object-fit: cover;
}

.navbar-nav {
    background: #2B2B2B;
    float: left;
    /* width: 100%; */
    border-radius: 100px;
    padding: 0px 50px;
}

.btn-my {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    background: #c98b27;
    color: #fff;
    padding:0 28px;
    border-radius: 100px;
    line-height: 50px;
}

.btn-my:hover {
    background: #00060F;
    color: #fff;
}

.btn-my-new {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    background: #c98b27;
    color: #fff;
    padding: 0px 28px;
    border-radius: 100px;
    background: #00060F;
    line-height: 50px;
}

.btn-my-new:hover {
    background: #c98b27;
    color: #fff;
}

.heading-main {
    margin: 0px;
    padding: 0px;
    font-size: 78px;
    font-weight: 700;
}

.b-text p {
    font-size: 28px;
    font-weight: 300;
    line-height: 34px;
    margin-bottom: 25px;
}

.banner-text-full {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    text-align: left;
    color: #fff;
    width: 50%;
    margin-top: -50px;
    text-align: center;
}

.top-four {
    position: absolute;
    bottom: 70px;
    width: 100%;
}

.four-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 65px;
    background: #242834;
    display: inline-flex;
    width: 100%;
    padding: 15px 30px;
}

.four-grid-outer {
    position: relative;
    padding-left: 30px;
    color: #fff;
    min-height: 96px;
    font-size: 22px;
    justify-content: left;
    align-items: center;
    display: flex;
    width: 100%;
    text-align: left;
}


.four-grid-outer span {
    width: 9px;
    height: 81px;
    background: #c98b27;
    border-radius: 50px;
    left: 0px;
    position: absolute;
}

.four-grid-outer h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}

.we-offer {
    /* background: url(../img/we-off.png) no-repeat center; */
    background-attachment: fixed;
    padding: 0px 0 0px 0;
    float: left;
    width: 100%;
    background-size: cover;
    transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    position: relative;
    padding-bottom: 40px;
}

.we-offers-con {
    float: left;
    width: 100%;
    padding: 80px 0;
}

/*.page-main-heading {
    color: #fff;
    position: relative;
    font-size: 28px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 55px;
    float: left;
}

.page-main-heading:before {
    position: absolute;
    bottom: 0px;
    height: 2px;
    background: #fff;
    content: "";
    width: 28px;
}*/

.page-main-heading {
    color: #00;
    position: relative;
    font-weight: 500;
    background: #fff;
    padding: 15px 20px;
    border-radius: 0 0 10px 10px;
    font-size: 18px;
    width: 30%;
    text-align: left;
    font-weight: 600;
}

.main-text {
    padding: 0px;
    margin: 0px;
    font-size: 42px;
    line-height: 56px;
    font-weight: 400;
    color: #fff;
}

.why-choose-us {
    /*background: url(../img/pexels-tima-miroshnichenko-6474153.) no-repeat center;>*/
    background-attachment: fixed;
    padding: 0px 0 0px 0;
    float: left;
    width: 100%;
    background-size: cover;
    transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    /*display: inline-flex;
    justify-content: center;
    align-items: center;*/
    position: relative;
}

.why-choose-us video,
.we-offer video {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.why-choose-us .overlayvideo,
.we-offer .overlayvideo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
    z-index: -1;
}

.whybox-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    display: grid;
    width: 100%;
}

.whybox-grid-outer {
    float: left;
    width: 100%;

}

.icon {
    float: left;
    width: 64px;
    margin-bottom: 40px;
    height: 64px;
    padding: 6px;
    border: solid 1px #fff;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.icon svg {
    width: 30px;
}

.box-heading {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.box-heading h4 {
    font-size: 26px;
    font-weight: 400;
    line-height: 31px;
    color: #fff;
    margin-bottom: 0px;
    padding: 0px;
    min-height: 80px;
}

.box-text-why p {
    font-size: 18px;
    line-height: 29px;
    color: #fff;
    padding-right: 30px;
    text-align: left;
   }

.recent-work {
    background: #00060F;
    float: left;
    width: 100%;
    padding: 0px 0px 0 0;
}

.recent-slider-outer img {
    width: 100%;
}

.recent-slider-outer {
    position: relative;
    overflow: hidden;
    max-height: 400px;
}

.recent-slider-outer img {
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
    height: 290px;
    position: relative;
}

.hover-bg {
    background: linear-gradient(180deg, rgba(58, 106, 253, 0), rgba(58, 106, 253, 0.5)) !important;
    position: absolute;
    height: 120px;
    content: "";
}


.recent-slider-outer .img-ovelery {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    padding: 15px 0;
    text-align: center;
}

.owl-dots {
    display: none;
}

.owl-nav {
    display: block;
}

.Testimonial {
    float: left;
    width: 100%;
    padding: 0px 0;
    background: #242834;
}

.t-slider-outer {
    position: relative;
    width: 100%;
    color: #fff;
    font-weight: 300;
}

.t-slider-outer span {
    width: 9px;
    height: 100%;
    background: #c98b27;
    border-radius: 50px;
    left: 0px;
    position: absolute;
    display: block;
    top: 0;
    opacity: 0.9;
}

.t-text {
    min-height: 160px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-left: 40px;
    padding-right: 60px;
    overflow: hidden;
    position: relative;
    /* width: 259px; */
}

.t-slider-outer p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}


.name-pic {
    display: inline-flex;
}

.name-pic {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-left: 0px;
    margin-top: 50px;
}

.name-pic img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.name-pic p {
    line-height: 21px;
    padding: 0px 0 0 0px;
    margin: 0px;
}

.possibilities-faq {
    padding: 100px 0;
    float: left;
    width: 100%;
    background: #00060F;
}

.row-first-P {
    float: left;
    width: 100%;
    padding-bottom: 100px;
    border-bottom: solid 1px #414040;
}

.img-ovelery2 {
    float: left;
    width: 100%;
    text-align: left;
    padding: 15px 0;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
}

.Endless-slider-outer img {
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
    min-height: 232px;
    position: relative;

}

.faq-row {
    float: left;
    width: 100%;
    background: url(../img/faq.png) no-repeat right top;
    padding: 0px 0;
    background-attachment: fixed;
    background-position: right 200px;
}


.faq-row .page-main-heading:before {
    display: none;
}

.faq-acroing .card {
    background: none;
}

.faq-acroing .acoording-ss {
    padding: 15px 0;
    color: #fff;
    background: none;
    border: none;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: left;
}

.faq-acroing .btn.btn-link:hover {
    background: none;
    border: transparent;
}

.faq-acroing .card-body {
    color: #fff;
    padding: 15px 0px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 300;
}

/*.faq-acroing .card-body span {
    color: #696969;
}*/

.faq-acroing button.acoording-ss img {
    width: 40px;
    position: absolute;
    right: 0;
    top: 5px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    height: 41px;
    padding: 12px;
}

.acoording-ss img {
    transform: rotate(180deg);
}

.acoording-ss.collapsed img {
    transform: rotate(0deg);
}

.social-icon {
    float: left;
    width: 100%;
    padding: 40px 0 20px 0;
}

.social-icon li {
    float: left;
    padding: 0;
    border: solid 1px #373737;
    margin-right: 10px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: inline-flex;
    width: 45px;
    height: 45px;
}

.social-icon li svg {
    width: 25px;
    height: 25px;
}

.social-icon li a {
    display: block;

}

.footer-home {
    float: left;
    width: 100%;
    padding: 60px 0 0 0;
}

.first-grid {
    float: left;
    width: 100%;
}

.heading-ft {
    float: left;
    width: 100%;
}

.ft-heading {
    margin: 0px;
    padding: 0px;
    font-size: 28px;
    font-weight: 800;
    color: #2B2B2B;
    padding-bottom: 20px;
}

.heading-ft p {
    line-height: 22px;
    padding-bottom: 15px;
}

.info-deatils {
    float: left;
    width: 100%;
}

.info-deatils li span {
    width: 38px;
    height: 38px;
    float: left;
    margin-right: 0px;
    border: solid 1px #dddddd;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: absolute;
    left: 0;
}

.info-deatils li {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    padding-right: 100px;
    line-height: 21px;
    display: flex;
    justify-content: left;
    align-items: center;
    position: relative;
    padding-left: 55px;
    padding-bottom: 30px;
    text-align: left;
    margin-bottom: 15px;
}

.info-deatils li a {
    color: #000;
}

.info-deatils li a:hover {
    color: red;
}

.menu-links {
    float: left;
    width: 100%;
}

.menu-links li {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.menu-links li a {
    font-weight: 300;
    line-height: 21px;
}

.suscribe-form {
    float: left;
    width: 100%;
}

.form-control {
    border: solid 1px #E5E5E5;
    /* line-height: 24px; */
    font-size: 16px;
    border-radius: 0px;
    /* height: 48px; */
    padding: 11px 15px;
    color: #000;
}

.form-control:focus {
    color: #000;
    background-color: #fff;
    border-color: #c98b27;
    outline: 0;
    box-shadow: none;
}

.suscribe-form .btn.btn-primary {
    float: right;
}

.copyright {
    float: left;
    width: 100%;
    border-top: solid 1px #D6D6D6;
    padding: 20px 0;
    margin-top: 20px;
}

.copyright p {
    text-align: right;
}

.icon-social {
    float: left;
    width: 100%;
}

.icon-social li {
    display: inline-block;
    padding-right: 8px;
}

.faq-acroing {}

.top-inner {
    float: left;
    width: 100%;
    padding: 50px 0;
    height: 100px;
}

.conatct-us-form {
    float: left;
    width: 100%;
    padding: 45px 45px;
    background: #fff;
    border-radius: 8px;
}

.inner-contact .we-offers-con p {
    font-size: 18px;
    color: #fff;
    padding-bottom: 28px;
    margin: 0;
}

.inner-contact .page-main-heading {
    color: #fff;
    position: relative;
    font-size: 28px;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 0;
    float: left;
}

.conatct-us-form label {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 0px;
    margin-bottom: 6px;
}

.conatct-us-form .form-control {
    margin-bottom: 10px;
}

.about-us {
    background: #242834;
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 75px;
    align-items: center;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    padding: 0 0px 0 45px;
}

.about-us p {
    margin: 0px;
    padding: 0px;
    line-height: 28px;
    font-size: 18px;
    padding: 0 55px;
}


.about-us-inner-page {
    padding: 0px 0 150px 0;
}

.smll-tetxt {
    color: #fff;
    padding: 15px 0;
    line-height: 24px;
    font-size: 18px;
}

.core-vaule {
    float: left;
    padding: 35px 0 0 0;
    width: 100%;
}

.s-box {
    position: relative;
    padding-left: 35px;
}

.values-box {
    float: left;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0px;
    display: grid;
    background: #00060f;
    margin-top: 0px;

}

.values-box h4 {
    position: relative;
    padding: 15px 0;
    min-height: 70px;
}

.values-box h4:before {
    width: 6px;
    height: 32px;
    content: "";
    position: absolute;
    left: -20px;
    background: #c98b27;
    border-radius: 50px;
}

.alues-box-outer {
    color: #fff;
    padding: 50px 50px;
    position: relative;
    border: solid 1px #242834;
    height: 100%;
}

.values-box p {
    line-height: 24px;
    min-height: 150px;
    padding-right: 40px;
}


.services {
    background: #242834;
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px;
    align-items: center;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    padding: 0 0px 0 0px;
}

.services-outer-box {
    border: solid 1px #2d313f;
    float: left;
    width: 100%;
    padding: 0px 50px;
    min-height: 320px;
    justify-content: center;
    align-items: center;
    display: flex;
    padding-right: 120px;
}

.services-outer-box span {
    width: 8px;
    height: 50px;
    background: #c98b27;
    border-radius: 50px;
    left: 0px;
    position: absolute;
}

.services-outer-box h4 {
    position: relative;
    padding: 0;
    font-size: 30px;
    line-height: 1.4em;
    min-height: 50px;
}

.services-outer-box p {
    line-height: 24px;
    width: 70%;
}

.s-bg {
    /*background: url(../img/s-bg.png) no-repeat;*/
    padding: 0px 0;
    text-align: center;
    background-attachment: fixed;
    height: 684px;
    background-size: cover;
    position: relative;
    align-items: center;
    justify-content: center;
    display: flex;
}

.white-t {
    color: #fff;
    padding: 18px 0;
    width: 40%;
    line-height: 24px;
    float: left;
    clear: both;
    font-size: 16px;
}

.img-grid {

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}

.hedder-fixed .navbar-nav .nav-link:hover {
    color: #ffb53e;
}

.hedder-fixed img.logo-white {
    width: 110px;
    padding: -15px;
}

.hedder-fixed {
    background: #fff;
    position: fixed;
    top: 0px;
    width: 100%;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    box-shadow: 0px 6px 9px 0px rgb(0 0 0 / 15%);
    transition: all 475ms ease-in-out;
    height: 85px;
}


.container-fluid.c-1 {
    padding-left: 70px;
}

.page-main-heading2 {
    text-align: center;
    color: #fff;
    padding-bottom: 50px;
    font-size: 40px;
}

.testimonial-slider,
.completed-slider,
.center-align-dd,
.faq-acroing {
    padding: 120px 0;
}

/*.page-inner .page-main-heading {
    background: none;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    padding-left: 0;
    position: relative;
}*/
.page-inner .possibilities-faq {
    padding: 180px 0 150px 0;
}

.page-inner .faq-acroing {
    padding: 0px;
}

.page-inner .about-us-inner-page {
    padding: 180px 0 150px 0;
}


.page-inner .faq-row {
    background-position: right;
    background: none;
}

.page-inner .we-offers-faq {
    float: left;
    width: 100%;
    padding-bottom: 60px;
}

.page-inner .we-offers-con {
    float: left;
    width: 100%;
    padding: 30px 0 60px 0;
}

.we-abouut {
    padding: 150px 0;
    float: left;
    width: 100%;
}

.page-inner .we-abouut .page-main-heading {
    background: none;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    padding-left: 0;
    padding-top: 80px;
}

.page-inner .we-offers-service {
    float: left;
    width: 100%;
    padding: 0px 0 50px 0;
}


.page-inner .we-offers-poto {
    float: left;
    width: 100%;
    padding: 0px 0 0px 0;
}

.page-inner .we-offers-poto .page-main-heading {
    margin-bottom: 0 !important;
    display: block;
    position: relative;
}

.home-page .we-offers-con {
    float: left;
    width: 100%;
    padding: 0px 0;
}


.hedder-fixed div#navbars {
    position: absolute;
    right: 0;
    top: 20px;
}

.container-fluid {
    padding: 0 5%;
}

.faq-row .faq-acroing {
    padding-bottom: 0px;
}

.we-about-us {
    padding: 100px 0 0 0;
    float: left;
    width: 100%;
}

.inner-page-desgin {
    padding: 160px 0;
    float: left;
    width: 100%;
    background: #00060F;
}

.page-h {
    padding: 50px 0 60px 0;
    float: left;
    width: 100%;
}


.main-heading-top {
    background: none;
    color: #fff;
    font-size: 56px;
    font-weight: 400;
    padding-left: 0;
    position: relative;
}

.core-vaule .page-main-heading {
    color: #00;
    position: relative;
    font-weight: 500;
    background: #fff;
    padding: 15px 20px;
    border-radius: 18px 18px 0px 0px;
    font-size: 18px;
    width: 30%;
    text-align: left;
    font-weight: 600;
}

.page-h p {
    color: #fff;
    padding: 8px 0 0 0;
    margin: 0;
}

.page-inner .we-offers-con.text-c {
    padding: 0 100px;
}

.btn-primary {
    color: #fff;
    background-color: #2B2B2B;
    border-color: #2B2B2B;
    font-weight: 500;
    font-size: 16px;
}

.img-out {
    position: relative;
}

.bg-hover {
    background: linear-gradient(180deg, rgba(201, 139, 39, 0), rgba(201, 139, 39, 0.5));
    bottom: 50px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0;
    transition: filter .4s ease, opacity .4s ease !important;
    filter: opacity(0);
    border-radius: 15px;
}

.Endless-slider-outer:hover .bg-hover,
.recent-slider-outer:hover .bg-hover,
.img-grid-outer:hover .bg-hover {
    filter: opacity(1);
}

.img-grid-outer:hover .bg-hover .img-grid-outer {
    position: relative;
}

.Completed-pro .img-out .bg-hover {
    border-radius: 0px;
}

.Completed-pro img {
    border: solid 2px #fff;
    border-radius: 0px;
}

.c-project {
    transition: filter .9s ease, opacity .9s ease !important;
    filter: opacity(0);
    float: left;
    width: 100%;
    padding: 25px 20px;
    background: #fff;
    color: #000;
    position: relative;
    text-align: left;
}

.c-project p {
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    font-size: 18px;
}

.img-grid-outer:hover .c-project {
    filter: opacity(1);
}

.img-grid-outer.active .c-project{
     filter: opacity(1);
}
.c-project span {
    position: absolute;
    background: #c98b27;
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 600;
    top: -30px;
    color: #fff;
    border-radius: 50px;
    letter-spacing: 0.6px;
}

.Completed-pro .img-fluid {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    height: 100%;
    max-height: 196px;
    width: 100%;
}

.space-divder {
    float: left;
    width: 100%;
    height: 32px;
}


.inner-page-desgin.contact-us {
    background: #00060F url(../img/contact-us.png) no-repeat right;
    background-attachment: fixed;
    background-position: right 200px;
}

.faq-page.inner-page-desgin{
    background: #00060F url(../img/faq.png) no-repeat right;
    background-attachment: fixed;
    background-position: right 200px;
}

.header-menu .navbar-toggler{ margin:15px 0 0 0; }
.header-row.hedder-fixed .navbar-toggler{margin:0px 0 0 0; }