body {
    font-family: 'Roboto', sans-serif;
    font-size: 17px !important;
    line-height: 25px;
    color: #666;
    overflow: hidden;
}
@media only screen and (max-width: 1700px) {
    .header-v2 nav {
      
        width: calc(100% - 450px) !important;
    }
}

.header-v2 .left-header li {
    vertical-align: text-bottom !important;
}



.tp-kbimg-wrap img
 {
    width: auto !important;
    height: 92% !important;
}
.block-img-right .text-box
 {
    text-align: right ;
 }


@media (max-width: 767px) {
    .heading-1.banner-font {
        font-size: 26px !important;
        line-height: 32px !important;
        white-space: normal !important;
        text-align: center !important;
        top: 35% !important;
    }
    
}
@media (max-width: 767px) {
    .heading-2 {
        display: none !important;
    }
}



@media only screen and (max-width: 991px) {
    .fake-position {
        margin-top: 63px;
        height: 600px !important;
    }
}
@media only screen and (max-width: 576px) {
    .fake-position {
        height: 267px !important;
    }
}
/* Big screens (desktop) */
@media only screen and (min-width: 992px) {
    .fake-position {
        height: 600px !important;
    }
}

#mainmenu {
    background: #fff!important;
}
.header-v2 .navi-level-1 > li a {
    color: #000000 !important;
}
.navi-level-1 > li a {
    display: block;
    line-height: 22px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding: 18px 30px 17px 30px;
    /*color: #555;*/
    letter-spacing: 2px;
}

.item {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            flex: 0 0 14%;
            min-width: 120px;
        }
         .containerX {
             display: flex;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
            justify-content: center;
        }
        .circle {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            overflow: hidden;
            border: 2px solid #ccc;
        }
        .circle img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .text {
            margin-top: 10px;
            text-align: center;
            font-size: 14px;
        }
        .arrow {
            width: 20px;
            height: 2px;
            background-color: #333;
            position: relative;
            margin: 0 10px;
        }
        .arrow::after {
            content: '';
            position: absolute;
            right: -9px;
            top: -2px;
            width: 8px;
            height: 7px;
            border-left: 12px solid #333;
            border-top: 3px solid transparent;
            border-bottom: 3px solid transparent;
        }
          @media (max-width: 768px) {
            .container {
                flex-direction: column;
                gap: 40px;
            }
            .item {
                flex: 0 0 100%;
            }
            .circle {
                width: 187px;
                height: 187px;
            }
            .arrow {
                width: 2px;
                height: 20px;
                margin: 10px 0;
            }
            .arrow::after {
                right: auto;
                top: auto;
                bottom: -5px;
                left: -3px;
                border-left: none;
                border-top: 5px solid #333;
                border-left: 3px solid transparent;
                border-right: 3px solid transparent;
            }
          }

.sub-header-service{
    /*background-image: url("static/uploads/pages/about-us.webp");*/
    /*background: red;*/
}
.sub-header-about {
    background-image: url(images/Overlay/12.jpg);
}
.overlay-black {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); /* adjust opacity */
    z-index: 1;
}
.sub-header {
    position: relative;
    background-image: url('/static/uploads/pages/about-us.webp');
    background-size: cover;
    background-position: center;
}
.sub-header-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    padding: 120px 0; /* adjust height */
}
/*header height*/
.sub-header-1 {
    height: 450px !important;
}

.sub-header-our-services {
    background-image: url(images/Overlay/10.jpg);
}

 .interior-highlights {
            max-width: 1200px;
            margin: 0 auto;
            background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
            border-radius: 20px;
            padding: 40px 20px;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            position: relative;
        }

        .interior-highlights::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 200%;
            height: 200%;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23fff" opacity="0.1"/><circle cx="75" cy="75" r="0.5" fill="%23fff" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
            animation: float 20s ease-in-out infinite;
            z-index: -1;
        }

        @keyframes float {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(180deg); }
        }

        .highlights-header {
            text-align: center;
            margin-bottom: 30px;
            color: #8b4513;
        }

        .highlights-header h2 {
            font-size: clamp(1.5em, 5vw, 2em);
            margin: 0;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
        }

        .points-section {
            margin-bottom: 50px;
        }

        .points-section h3 {
            text-align: center;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        .points-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(274px, 1fr));
            gap: 25px;
            justify-items: center;
        }

        .point-box {
            background: #fff;
            padding: 25px 15px;
            border-radius: 15px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            text-align: center;
            position: relative;
            overflow: hidden;
            width: 100%;
            max-width: 285px;
            box-sizing: border-box;
        }

        .point-box::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
             
        }

        .point-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
        }

        .point-icon {
            font-size: clamp(2em, 8vw, 3em);
            margin-bottom: 15px;
            display: block;
            line-height: 1;
            height: 98px;
            width: 97px;
            margin: 0 auto 15px;
            /* background: #f0f0f0; */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            /* border: 2px solid #f7ff00; */
            color: #999;
            font-size: 1.2em;
        }
        .point-icon img {
            max-width: 100%;
            max-height: 100%;
            /*border-radius: 50%;*/
            object-fit: contain;
        }

        .point-content {
            font-size: clamp(0.85em, 3vw, 0.95em);
            color: #000;
            padding: 0 10px;
            font-weight: 500;
            word-wrap: break-word;
            hyphens: auto;
        } 
        @media (max-width: 768px) {
            body {
                padding: 20px 10px;
            }

            .interior-highlights {
                padding: 30px 15px;
                border-radius: 15px;
            }

            .points-grid {
                grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
                gap: 15px;
            }

            .point-box {
                padding: 20px 10px;
                max-width: none;
            }

            .point-content {
                padding: 0 5px;
            }

            .points-section {
                margin-bottom: 40px;
            }

            .points-section h3 {
                margin-bottom: 20px;
            }

            .point-icon {
                height: 50px;
                width: 50px;
            }
        }

        @media (max-width: 480px) {
            .interior-highlights {
                padding: 20px 10px;
            }

            .points-grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .point-box {
                max-width: 65%;
                padding: 9px 15px;
            }

            .point-icon {
                margin-bottom: 10px;
                height: 70px;
                width: 70px;
            }

            .highlights-header {
                margin-bottom: 20px;
            }
        }

.left
 {
     float: left !important; 
}

.item-promotion-h5 .promotion-h5-text-box {
    /*padding: 60px 27px !important;*/
}
.block-img-full-width .block-img-left .text-box {
    padding-top: 3.5% !important;
}
.icon-promotion {
    margin-top: 78px !important;
}
.promotion-box-dark {
    height: 173px !important;
}
.paddingtop1{
    padding-top: 53px;
    color: #000 !important;
}
.align-left{
    text-align: left !important;
}
@media (min-width: 992px) {
    .me-lg-5 {
        margin-right: 3rem !important;
    }
}

.ourteamGrid-warp .team-grid-item {
    width: 49.33% !important;
}

/*about image section*/
.team-row {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 40px;
  padding: 60px 5%;
  background-color: #f8f9fa;
}

.team-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  padding: 25px;
  max-width: 600px;
  flex: 1;
  min-width: 480px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.team-card img {
  /*width: 180px;*/
  height: 180px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 25px;
  border: 4px solid #000;
}

.team-details h2 {
  font-size: 1.5rem;
  margin-bottom: 6px;
  color: #222;
}

.team-details h4 {
  font-size: 16px;
  color: #000;
  margin-bottom: 12px;
  font-weight: 600;
}

.team-details p {
  font-size: 13px;
  line-height: 1.5;
  color: #555;
  margin-bottom: 6px;
}

@media (max-width: 992px) {
  .team-row {
    flex-direction: column;
    align-items: center;
  }

  .team-card {
    flex-direction: column;
    text-align: center;
    min-width: unset;
  }

  .team-card img {
    margin: 0 0 20px 0;
  }
}

.promotion-box-dark.box-pro-3 {
    background: #d2d2d2!important;
    margin-left: 0px;
    margin-top: 10px;
}
.promotion-box-dark.box-pro-2 {
    background: #f9f9f9 !important;
    margin-top: 10px;
}
.promotion-box-dark.box-pro-1 {
    background: #d2d2d2 !important;
    margin-top: 10px;
}
.promotion-box-dark.box-pro-1:hover {
    background: #f9f9f9 !important;
    border: 1px solid #ccc; /* Light grey border */
}
.promotion-box-dark.box-pro-2:hover {
    background: #d2d2d2 !important;
    border: 1px solid #ccc; /* Light grey border */
}
.promotion-box-dark.box-pro-3:hover {
    background: #f9f9f9 !important;
    border: 1px solid #ccc; /* Light grey border */
}
.map-container {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.sizem {
  width: 295px !important;
  height: auto;
  transition: all 0.3s ease;
}
/*custom size*/
/* For small screens (max-width: 768px) */
@media (max-width: 768px) {
  .sizem {
    width: 180px !important;
  }
}
.divider-2 {
    background: rgb(0 0 0) !important;
}
.divider {
    background: #000000 !important;
}
.rev_slider .ot-btn {
    margin-bottom: 0 !important;
    width: 190px !important;
}
.btn-border:hover, .btn-border:focus
 {
    border-color: #000000;
    color: #ffffff !important;
    background: black;
    text-decoration: none;
}
.layer-1 .ot-btn {
    left: 4% !important;  
}
@media (max-width: 767px) {
    .layer-1 .ot-btn {
        left: 23% !important;
    }
}
@media (max-width: 767px) {
    p.para {
        text-align: justify;
    }
}

.layer-1 {
    background: #EFEFEFD9 !important;
}
.overlay-arc {
    width: 100%;
    height: 220px;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url(images/Overlay/1.jpg);
    margin-top: -1px;
}
.banner-font{
    font-weight: 600 !important;
    color: #000;
    padding-bottom: 40px !important;
}
.btn-rounded {
    border-radius: 14px !important;
}
.copyright {
    background: #fff !important; 
        color: #000000 !important;
}
.footer-v1 {
    background: #efefefd9 !important;
}

.footer-v1 nav ul li a {
    color: #000 !important;
    font-weight: 600 !important;
}

.footer-v1 nav ul li a:hover {
    color: #000 !important;
}
ul.social li a {
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.1);
    color: #000000 !important;
}
.copyright a {
    color: #1CB9C8 !important;
    
}
.copyright a:hover{
     color:  #1CB9C8 !important;
}
.chooseus-full-width .chooseus-container .chooseus-item {
    width: 20% !important;
    display: inline-block;
    float: left;
}

h4 {
    font-size: 16px !important;
    letter-spacing: 0px !important;
}
.para{
    text-align: left;
    font-size: 14px;
}
h4 mark {
    letter-spacing: 0px !important;
}
.sec{
    padding-top: 30px;
}

.pad-left{
    padding-left: 66px;
}
.section-dark-ourStatistics .ourStatis-item-2 {
    width: 20% !important;
}
.section-dark-ourStatistics .ourStatis-item-2 .circle-statis {
    background: #ffffff !important;
}

.section-dark-ourStatistics .ourStatis-item-2 .circle-statis h6 {
    font-size: 15px !important;
    font-family: 'Montserrat', sans-serif;
}

@media (max-width: 576px) {
    .ourStatis-item-2 {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }
}
.section-dark-ourStatistics
 {
    background-image: none !important;
    text-align: center;
    background: #F5F5F5;
}
.tp-bgimg {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.project-terms a h4:before {
    content: "";
    width: 0px;
    height: 3px;
    background:none !important;
}
.mb-30{
    margin-bottom: 30px;
}

.sub-header-blog-grid {
    /*background: url(images/Overlay/5.jpg);*/https://placehold.co/600x400
     background-image: https://placehold.co/1600x850 !important;
}
.pr-10{
    padding-right: 10px;
}



/*project page*/
.project-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    padding: 20px 0;
}

.project-box img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 4px;
}

.project-title {
    font-size: 26px;
    margin: 15px 0 5px;
    font-weight: 600;
}

.project-location {
    font-size: 18px;
    margin-bottom: 8px;
    color: #444;
}

.project-category {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.highlight {
    color: #ff004c; /* pink/red accent like sample */
    font-weight: 600;
}

.highlight.red {
    color: #d10000;
}
.padding-project {
    padding: 94px 50px 120px 50px;
}

/* Responsive */
@media(max-width: 991px){
    .project-section {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}


.tl-l{
    text-align: left;
}
@media only screen and (max-width: 767px) {
    .block-img-full-width .block-img-right .img-block {
        padding: 18px !important;
    }
}
@media only screen and (max-width: 767px) {
    .block-img-full-width .block-img-left .img-block {
        padding: 18px !important;
    }
}


.why-section {
    padding: 60px 0;
}

.circle-box {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 25px rgba(0,0,0,0.1);
    margin-bottom: 15px;
}

.circle-box img {
    width: 83px;
    height: auto;
}


.item-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

/* Hover effect */
.circle-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.stats-wrapper {
    display: flex;
    justify-content: center;  /* centers horizontally */
    align-items: flex-start;
    flex-wrap: wrap;          /* allows wrapping for responsiveness */
    gap: 39px;                /* spacing between items */
}

/* Mobile tweaks */
@media (max-width: 576px) {
    .circle-box {
        width: 140px;
        height: 140px;
    }
    .item-title {
        font-size: 13px;
    }
}
/* Mobile stacking: 1 circle per row */
@media (max-width: 576px) {
    .stats-wrapper > div {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .circle-box {
        width: 140px;   /* smaller circle so it's centered nicely */
        height: 140px;
    }
}

@media only screen and (max-width: 479px) {
    .footer-v1 nav ul li a {
        padding: 0px 40px !important;
    }
}
h2, h3, h4,h5{
    letter-spacing: 0px !important;
}
.heading-1{
    font-size: 50px !important;
}
.footer-mobile-menu ul.social li a {
    background: rgb(255 255 255 / 72%) !important;
}
.title {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: center;
    padding-top: 30px !important;
}
.divider {
    margin-bottom: 60px !important;
}

 .why-section {
    padding: 50px 0;
    text-align: center;
}

.why-title {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.why-divider span {
    width: 120px;
    height: 2px;
    background: #000;
    display: inline-block;
    position: relative;
}
.why-divider span:after {
    content: "";
    width: 8px;
    height: 8px;
    border-left: 2px solid #f2c300;
    border-bottom: 2px solid #f2c300;
    transform: rotate(-45deg);
    position: absolute;
    left: 50%;
    top: -3px;
}

.why-grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.why-item {
    width: 19%;
    text-align: center;
}

.shape-box {
    width: 170px;
    height: 170px;
    margin: 0 auto 20px;
    position: relative;
}

/* Triangle SVG (same for all) */
.shape-box:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='100,10 180,145 20,145' fill='none' stroke='%23999' stroke-width='2'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Default hexagon */
.shape-box:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='100,10 180,55 180,145 100,190 20,145 20,55' fill='none' stroke='%23f1cc00' stroke-width='3'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
/* 1️⃣ 3️⃣ 5️⃣ Straight Down */
.tri-down:after {
    transform: rotate(0deg);
}
/* 1️⃣ 3️⃣ 5️⃣ Straight Down */
.tri-up:after {
    transform: rotate(60deg);
}

/* 2️⃣ Right-leaning triangle */
.tri-right:after {
    transform: rotate(90deg);
}

/* 4️⃣ Left-leaning triangle */
.tri-left:after {
    transform: rotate(-90deg);
}


.shape-box .icon {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.why-item h4 {
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 15px;
}
@media (max-width: 767px) {

    .why-grid {
        display: block !important;
        text-align: center !important;
    }

    .why-item {
        width: 100% !important;
        margin-bottom: 40px !important;
    }

    .shape-box {
        width: 140px !important;
        height: 140px !important;
        margin: 0 auto 15px !important;
    }

    .shape-box .icon {
        width: 60px !important;
        height: 60px !important;
    }

    .why-item h5 {
        font-size: 13px !important;
        line-height: 1.3 !important;
        margin-top: 10px !important;
    }
}
.logo::after,
.logo img::after,
.img-responsive::after {
    content: none !important;
    display: none !important;
}