/* if white  */

/* .navbar.navbar-expand-lg a{color:#000!important ; font-weight:600 !important}*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
/* .one-roof {
    color:#000;
} */
/* .one-roof strong{
     color:#450909!important;
} */

p,h1,h2,h3,h4,h5,h6,span,strong,small,i{
    font-family: 'Poppins', sans-serif;
}


p{ 
    font-size:16px;
    margin-bottom: 0;
}

.bgl{
    background: #d2b95717 !important;
}

section.our-services, section.who-we-are,  section.achievement{
    /* background: #25070730 !important; */
    background: #d2b95724 !important;
}

section.our-client{
    background:#fff;
}
.d-gold{
    color: #b9a152 !important;
}
.gold{
    color: #d2b957;
}

.header-name{
    font-size: 33px;
    margin-bottom: 0;   
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;

}

@media screen and (max-width:1220px) {
    .header-name{font-size:25px;}
    .navbar-brand{
        margin-right: 0px;
        order: 1;
    }

}
@media screen and (min-width:1220px) {
    .navbar-brand{
        margin-right: 30px;
    }
}
.l-gold{
    color: #e2cf8f !important;
}
.brown{
    color: #450909 !important;
}

.one-roof,
.about-us-home {
    background: #fff; 
}

.our-services h3, .our-services svg, section.who-we-are h3 , .our-client h3, .about-us.page .content-title, .implane .content-title{
    color:#450909!important;
    text-shadow: 3px 3px 3px #46101042;
}

/* section.who-we-are .image-container{
    padding:50px;
    padding-top: 0px;
} */

.who-we div.content-container {
    width: 70%;
    padding-right: 40px;
    /* position: relative; */
}

.only-mbl {
    position: absolute;
    opacity: .5;
}
.who-we .only-mbl {
    bottom: 0;
}
.our-services .only-mbl {
    right: 0;
    opacity: .1;
}

.who-we.container.d-flex, .services-container.d-flex  {
    position: relative;
}

.who-we div.image-container {
    /* width: 100%; */
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center
    /* padding-right: 40px; */
}
.who-we div.image-container img{
    width: 100%;
    opacity: .9;
}

.achievement{
    padding-bottom: 50px;
}
.achievement .image-container {
    width: 40%;
}
.achievement .image-container img{
    width: 90%;
    /* opacity: .6; */
}
.achievement .content-container {
    width: 60%;
}
.achievement .content-container ul{
font-size:16px;
}
.mid-heading{
    font-size:20px !important;
}

.our-services li, .our-services p {
    color:#000;
}
.our-services a.btn {
    text-transform: uppercase;
    padding: 10px 20px;
    color: #450909!important;
    font-weight:600;
    border: 2px solid #450909;
    margin-top: 10px;
    z-index: 99;
}
.banner-container .item.slide {
    height:82vh;
}

.one-roof .content-container {
    background: transparent;
} 



.navbar{
    background-color: #000;
}


#header.sticky .logo {
height:75px!important;
width:75px !important;
}
.logo {
transition: width 0.3s ease, height 0.3s ease;
 }

/* @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Teko:wght@300..700&display=swap'); */
body{
    font-family: "Poppins", sans-serif;
}
/* p, span, strong{
    font-family: "PT Sans", sans-serif;
  font-weight: 100;
  font-style: normal;
}  */
li.nav-item {
    margin-left: 15px;
    text-transform: uppercase;
    font-weight: 500;
}
.service-list.active{
    display: block;
}

.navbar-nav li a{
    color: rgb(226 207 143) !important;
}
.navbar-nav li a:hover{
    color: rgb(226 207 143) !important;
}
.navbar-nav li a.active{
    color: rgb(226 207 143) !important;
}
/* .banner-content-container {
    position: absolute;
    z-index: 5;
    width:50%;
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    padding: 0px 30px;
}

.banner-content {
    position:relative;
} */

.item.slide {
    /* height:450px; */
    background-size:cover;
    background-position:0px -100px;
    background-repeat:no-repeat; 
}

.banner-content-container {
    display: flex;
    justify-content: left;
    height: 82vh;
    align-items: center;
}
.banner-content-container div{
    width:50%;
}
.banner.container-fluid{
    padding: 0px 0px!important;
}
.banner-content-container .light-1{
    /* font-size:60px; */
    font-weight: bolder;
    text-transform: uppercase;
    color: #fff;
}
.banner-content-container .light-2{
    /* font-size:60px; */
    /* font-weight: ; */
    /* text-transform: uppercase; */
    color: #fff;
}
.banner-content-container h3{
    font-size:50px;
    font-weight: bolder;
    text-transform: uppercase;
    color: #fff;
}
.item.slide .container{
    z-index: 3;
    position: relative;
}
.overlay{
    width: 100%;
    height: 100%;
    opacity: .7;
    background: linear-gradient(318deg, #000000, #000000);
    z-index: 1;
}
.s-1, .s-2{
color:#d2b957
}
.our-services .container-sub {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
    /* padding: 30px 0; */
    /* padding-bottom: 0; */
    width: 60%;
    color: white;
    padding-left: 50px;
    /* align-items: end; */
}
.our-services .image-container{
    width: 40%;
    /* padding-top: 50px; */
}
.our-services .image-container img{
    width: 90%;
}
.our-services .content-container{
    justify-content: left;
}
.content-title{
    font-size:60px;
    font-weight: bolder;
    text-transform: uppercase;
    /* color: rgb(226 207 143) !important; */
}
ul{
    list-style: none;
    padding-left: 0;
}
.services-lists.d-flex .list-right{
    margin-left: 30px;
}
.who-we-are, section {
    background: linear-gradient(7deg, #241010, #100707);
}

a.btn {
    text-transform: uppercase;
    padding: 10px 20px;
    color: #450909;
    border: 2px solid #450909;
    margin-top: 10px;
    
}
.container-sub .content-title{
/* margin-bottom:20px; */
}
.container-sub svg{
    color:#e2cf8f;
}

.services-lists.d-flex {
    margin-top:20px;
}
.image-overlay{
    position: absolute;
    height: 100%;
    width:100%;
    background: linear-gradient(190deg, #461515, #100707);
    opacity: .7;
    z-index: 9;
}
.content-container .image-container{
    position: relative;
}
section{
    padding-top: 50px;
}
.banner-container{
    padding-top: 0px!important;
}
.who-we div{
    /* width:50%; */
}
.who-we div img{
    width: 90%;
}
body{
    /* color: #fff; */
}
.one-roof .list-container .list{
    width:33%;
    padding: 50px;
}
.one-roof .list-container .list img{
    width: 100%;
    /* height: 350px; */
    border-radius: 50%;
    border: 2px solid #fff;
    /* border-style: solid; */
    /* box-shadow: 2px solid white; */
    box-shadow: 4px 1px 15px #e2cf8f8f;
}

/* section.achievement {
    background: #fff !important;
} */
.one-roof .content-container div {
    /* min-height:150px;
    display:flex;
    flex-direction:column;
    justify-content:end; */
}
.one-roof .content-container {
    /* background:#1a0c0c; */
    /* border:1px solid #e2cf8f; */
    padding:0 10px;
    margin-top: 15px;
}
.one-roof strong {
    color: #450909;
    padding-top: 10px !important;
    display: block;
    text-transform: uppercase;
}
.logo-container img{
    /* max-width: 100%!important; */
}
.owl-dot.active span{
    background: #130808 !important;
}
.our-services{
    padding-bottom: 80px;
}

.who-we-are{
    padding-bottom: 80px;
}
 .our-client, .one-roof{
    padding-bottom: 50px;
}
.owl-dot span {
    background:#fff !important;
}
section.achievement ul , .deal-list{
list-style:disc;
}

/* .implane-list li::marker{
    color: #220f0f;
    font-size:20px;
}  */
section.achievement ul li::marker {
    color:#450909;
    font-size:20px;
}

@media (max-width:992px){
    .after-header{
        margin-top:106px !important;
    }
    .banner-container .item.slide {
        background-position: center;
    }
    .our-services .image-container {
        /* width: 50%; */
        display: none;
      }

    .about-us-home .image-container {
        display: none !important;
    }

    section.achievement ul li{
        margin-left: 20px;
    }
    section.achievement ul li::marker {
        font-size: 15px;
    }

    .logo-container{
        display: flex;
        justify-content: center;
    }
    .logo-container img{
        width: 250px !important;
        text-align: center;
    }
    .banner-content-container h3 {
        font-size: 40px;
    }
    .content-title{
        font-size: 40px;
    }
    .banner-content-container h3 {
        font-size: 50px;
    }
    .content-title{
        font-size: 40px;
    }
    .services-container .content-title{
    margin-top:20px;
    }
 
    .content-container{
        flex-direction:column;
        padding:0;
    }
    .our-services .container-sub{
        width:100%;
        padding:0;
        text-align:center;
    }
    .services-lists.d-flex{
        justify-content:center;
    }
    .services-lists.d-flex ul{
        text-align:left;
    }
    .our-services .image-container {
        width: 90%;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 20px;
    }
    .banner-content-container div {
        width: 100%;
    }
    .banner-content-container {
        align-items: center;
    }
    .who-we-are .image-container{

        display:none !important;
    }
    .who-we-are .image-container img{ 
        display: none;
        width: 100%;
    }
    .who-we-are div.content-container{
        width: 100%;
        text-align: center;
    }
    .achievement .content-container{
        width: 100%;
    }
    .achievement .content-container h3, .achievement .content-container .btn{
        text-align: center;
    }
    .achievement .image-container{
        display: none;
    }

    .who-we div.content-container {
        padding-right: 0px;
    }

    .who-we-are div h3{
    text-align:center;
     }
    .one-roof .list-container .list {
        width: 100%;
    /* padding: 30px; */
    }
    .one-roof .list-container {
        flex-direction:column;
    }

    .one-roof .list-container .list img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        max-width: 300px;
    }
    /* .footer .toggle-content{
        display: none;
    } */
    .footer-content-container {
        flex-direction: column;
        align-items: center;
    }
    .footer-content-container {
        display:block;
        text-align: center;
        padding-bottom:30px !important;
    }
    .toggler{
        margin-top:20px;
    }   

    .navbar .navbar-brand img{
        width:80px;
        height: 80px;
    }
    .btn-container{
        text-align: center;
    }
}

button.navbar-toggler {
    background: #d2b957;
}

.footer-content-container {
    display:flex;
    justify-content:space-between;
}
.footer-content-container img{
    width:190px;
    padding:10px;
    padding-top:0;
}
.footer h4{
    color: #e2cf8f;
}
.footer .contacts a{
    font-size:16px;
    text-decoration: none;
    color:#fff;
}
.footer-content-container {
    padding-bottom: 60px;
}
.copyright{
    padding: 10px 0px;
}
.navbar-nav .dropdown-menu {
  
    background: #220f0f;
}
/* div.about-us.page, div.implane.page{
    padding: 80px 0;
} */


.implane.page .container {
    position: relative;
}
  
.implane.page .bottom-image img{
width: 100%;
}
.implane.page .bottom-image {
    position: absolute;
    z-index:-1;
    width:70%;
    right:0;
    bottom:0;
  }

.client-list .logo-container img {
    width:auto !important;
    height: 130px;
}
.client-list .logo-container {
    display:flex !important;
    width:100%;
    justify-content: center;
    align-items: center;
    height: 200px;
   
}


.footer-content-container .links {
    text-transform: uppercase;
    
  }
  .footer-content-container ul{
  padding-left:4px;
  color: #fff;
  }
  .footer-content-container .links a {
    font-size:16px !important; 
    color: #fff;
  }


  .about-us-home .image-container img{
    width: 80%;
  }
  .about-us-home .image-container {
    display: flex;
    justify-content: end;
  }
  .about-us-home {
    padding-bottom: 80px;
  }

  /* -====================== about us */
  .page.content-title{
    background: #ffd7001f;
    padding: 10px 0;
  }

  .about-us p{
    font-size: 16px;
  }


.about-us .main-image img{
width: 100%;
}  

/* =================implane  */
.implane li.col-12.col-sm-6.col-md-4 .list {
    padding: 20px;
    background: #1a0c0c;
    margin-bottom:30px;
}

.implane li.col-12.col-sm-6.col-md-4 .list p{
    /* margin-top:15px ; */
    text-align: center;
}

.implane .image-cont img:hover {
    transform: scale(1.1);
}

.implane .image-cont img{
    transition: transform 0.5s ease;
}
.implane .image-cont {overflow:hidden}

.list .content-container {
    min-height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.services.page .image-container {
    position: relative;
    overflow:hidden;
  }
  .services.page .image-container .skew-left{
    position: absolute;
      bottom: -12%;
      left: -1%;
      right: -1%;
  }
  .services.page .image-container .skew-left::before{
    content: "";
      display: block;
      padding-top: 16%;
      background-color: #fff;
      border: 1px solid #fff;
      -webkit-transform: skewY(-9deg);
      -o-transform: skewY(-9deg);
      transform: skewY(-9deg);
      -webkit-transition: -webkit-transform .5s;
      transition: -webkit-transform .5s;
      -o-transition: -o-transform .5s;
      transition: transform .5s;
      transition: transform .5s, -webkit-transform .5s, -o-transform .5s;
    text-align: center;
    font-size: 30px;
    color: brown;
  }

  .services.page .image-container img{
    height:261px;
    width:auto;
  }

  
.services.page .image-container:hover img {
    transform: scale(1.1);
  }
  
  .services.page .image-container:hover .skew-left::before {
    transform: skewY(-6deg);
  }
  .services.page .image-container img{
    transition: transform 0.3s ease;
  }
.one-roof .list .content-container{
    display:block;
}  

.banner.container-fluid .service.owl-carousel{
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 0;
}
.banner.container-fluid .service.owl-carousel li{
color: #b9a152 !important;
font-weight: 600;
}


  #header.sticky {
        background-color: #1c0c0c !important;

  }
  #header.sticky {  
    position: fixed; /* Initially fixed */  
    top: 0;  
    left: 0;  
    width:100%;
    z-index: 99999999; /* Ensure it stays on top of other elements */  
    transition: background-color 2s ease; /* Smooth transition for background color change (optional) */  
  }


.banner-container .banner.container-fluid {
position: relative;
}

.implane-list.row.my-5 {
  background: #450909;
}