/* Menu design */
.nav-area {
   margin-right: 0px !important;
}
.row.g-4.align-items-stretch {
   padding-bottom: 50px;
}
.mega-menu-item {
   list-style: none;
   padding: 0;
   margin: 0;
}
.single-service-menu {
   padding: 20px;
   border-radius: 10px;
   transition: 0.3s;
   height: 100%;
}
.single-service-menu:hover {
   background: #f7f7f7;
}
.single-service-menu .title {
   font-size: 18px;
   margin-bottom: 10px;
}

.single-service-menu .details {
   font-size: 14px;
   line-height: 1.7;
   margin-bottom: 0;
}
.single-service-menu a {
   color: inherit;
}
.icon img {
   width: 50px;
}
.consultation-box {
   background: #f5f5f5;
}
.menu-thumb img {
   border-radius: 12px;
   object-fit: cover;
}

/* Banner overlay */
.rts-banner-area-two,
.rts-banner-area-two.two,
.rts-banner-area-two.three,
.rts-banner-area-two.four,
.rts-banner-area-two.five,
.rts-banner-area-two.six,
.rts-banner-area-two.seven,
.rts-banner-area-two.eight{
    position: relative;
    overflow: hidden;
}

/* Black overlay */
.rts-banner-area-two::before,
.rts-banner-area-two.two::before,
.rts-banner-area-two.three::before,
.rts-banner-area-two.four::before,
.rts-banner-area-two.five::before,
.rts-banner-area-two.six::before,
.rts-banner-area-two.seven::before,
.rts-banner-area-two.eight::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45); /* adjust darkness */
    z-index: 1;
}

/* Keep content above overlay */
.rts-banner-area-two .container{
    position: relative;
    z-index: 2;
}

/* Background Images */
.rts-banner-area-two {
   background: url("../images/banner/1.jpg") center center/cover no-repeat !important;
}

.rts-banner-area-two.two {
   background: url("../images/banner/2.jpg") center center/cover no-repeat !important;
}

.rts-banner-area-two.three {
   background: url("../images/banner/3.jpg") center center/cover no-repeat !important;
}

.rts-banner-area-two.four {
   background: url("../images/banner/4.jpg") center center/cover no-repeat !important;
}

.rts-banner-area-two.five {
   background: url("../images/banner/5.jpg") center center/cover no-repeat !important;
}

.rts-banner-area-two.six {
   background: url("../images/banner/6.jpg") center center/cover no-repeat !important;
}

.rts-banner-area-two.seven {
   background: url("../images/banner/7.jpg") center center/cover no-repeat !important;
}

.rts-banner-area-two.eight {
   background: url("../images/banner/8.jpg") center center/cover no-repeat !important;
}

/* Home page Service box */
.service-box {
   background: #fff;
   border-radius: 12px;
   overflow: hidden;
   padding: 15px;
   height: 100%;
   transition: 0.3s ease;
   box-shadow: 0 2px 12px rgba(0,0,0,0.08);
   margin-bottom: 25px;
}

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

.service-box img {
   width: 100%;
   height: 220px;
   object-fit: cover;
   border-radius: 10px;
}

.service-box h3 {
   font-size: 22px;
   margin: 18px 0 12px;
   font-weight: 600;
}

.service-box p {
   font-size: 15px;
   line-height: 1.7;
   color: #666;
   min-height: 120px;
   margin: 0;
}

/* Div margin top */
.mt-top{
   margin-top: 25px;
}
/* =========================================
   COMMON SERVICE / MARKET SECTOR CARD CSS
========================================= */

.service-details-left-area p.disc {
   margin-bottom: 10px !important;
}

.sector-card {
   background: #ffffff;
   padding: 24px;
   border-radius: 14px;
   margin-bottom: 24px;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
   overflow: hidden;
   transition: all 0.3s ease;
   border: 1px solid #f3f3f3;
}

.sector-card:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.sector-card::after {
   content: "";
   display: block;
   clear: both;
}

/* =========================================
  TITLE
========================================= */

.sector-card .title {
   margin-top: 0;
   margin-bottom: 12px;
   font-size: 28px;
   line-height: 1.25;
   font-weight: 700;
}

/* =========================================
  DESCRIPTION TEXT
========================================= */

.sector-card .disc,
.service-details-left-area p.disc {
   margin-bottom: 10px !important;
   line-height: 1.7;
   color: #555;
   font-size: 15px;
}

.sector-card .disc:last-child {
   margin-bottom: 0 !important;
}

/* =========================================
  LIST STYLES
========================================= */

.sector-card .check-list {
   margin: 10px 0 14px;
   padding-left: 20px;
}

.sector-card .check-list li {
   margin-bottom: 6px;
   line-height: 1.6;
   color: #444;
   font-size: 15px;
}

/* =========================================
  IMAGE STYLES
========================================= */

.sector-card .service-img {
   overflow: hidden;
   border-radius: 16px;
   position: relative;
}

.sector-card .service-img img,
.service-details-left-area .service-img img {
   width: 100%;
   display: block;
   border-radius: 16px;
   object-fit: cover;
   margin-bottom: 10px !important;
   transition: transform 0.45s ease, box-shadow 0.45s ease;
   box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07);
   transform: scale(1);
}

/* Image zoom hover with rounded edges */
.sector-card .service-img:hover img,
.service-details-left-area .service-img:hover img {
   transform: scale(1.08);
   box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
}

/* =========================================
  FLOAT IMAGE ALIGNMENT
========================================= */

.sector-card .float-img-left {
   float: left;
   width: 300px;
   margin: 0 22px 12px 0;
}

.sector-card .float-img-right {
   float: right;
   width: 300px;
   margin: 0 0 12px 22px;
}

/* =========================================
  RESPONSIVE
========================================= */

@media (max-width: 991px) {

   .sector-card {
       padding: 18px;
       margin-bottom: 20px;
   }

   .sector-card .title {
       font-size: 24px;
       margin-bottom: 10px;
   }

   .sector-card .disc,
   .sector-card .check-list li {
       font-size: 14px;
       line-height: 1.6;
   }

   .sector-card .float-img-left,
   .sector-card .float-img-right {
       float: none;
       width: 100%;
       margin: 0 0 16px 0;
   }
}


.title-style-two .Msector {
   left: -459px !important;
}
.rts-section-gapTop {
   padding-top: 120px;
   padding-bottom: 120px;
}

.footer-logo-area-left-8 img {
   background: aliceblue;
   padding: 10px;
   border-radius: 10px;
}