* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root{
    --bg:#132947;
    --text:#d7dee8;
    --heading:#ffffff;
    --gold:#d2a95c;
    --border:rgba(255,255,255,.12);
    --primary:#152947;
    --text1:#667085;
    --bs-primary:#215c5c;
}


body {
  font-family: "Segoe UI", sans-serif;

  padding-top: 90px;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../font/CormorantGaramond-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PlusJakartaSans-Regular';
    src: url('../font/PlusJakartaSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*============================
NAVBAR
============================*/
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
  padding: 12px 0;
  transition: 0.35s;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}
.navbar.scrolled {
  padding: 12px 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
/*============================
LOGO
============================*/
.logo {
  font-size: 42px;
  font-weight: 300;
  letter-spacing: 2px;
  text-decoration: none;
  color: #173255;
}
.logo span {
  display: block;
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #b28b46;
  margin-top: -5px;
}
/*============================
MENU
============================*/
.navbar-nav {
  gap: 8px;
}
.nav-item {
  position: relative;
}
.nav-link {
  position: relative;
  padding: 12px 12px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #50627e !important;
  transition: 0.35s;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav-link:hover {
  color: #173255 !important;
}
.nav-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 0;
  height: 2px;
  background: #c89b47;
  transition: 0.35s;
  transform: translateX(-50%);
}
.nav-link:hover::after {
  width: 70%;
}
/*============================
RIGHT ICON
============================*/
.dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.dropdown-toggle::after {
  display: none;
}
.dropdown-icon {
  font-size: 12px;
  margin-left: 8px;
  transition: 0.35s;
}
.dropdown.open .dropdown-icon {
  transform: rotate(180deg);
}
/*============================
DESKTOP DROPDOWN
============================*/
.dropdown-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: 0.35s ease;
  border: none;
  border-radius: 12px;
  margin-top: 15px;
  padding: 12px 0;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
.dropdown:hover > .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
/*============================
DROPDOWN ITEM
============================*/
.dropdown-item {
  padding: 12px 22px;
  transition: 0.3s;
  font-size: 15px;
}
.dropdown-item:hover {
  padding-left: 30px;
  background: #f7f7f7;
  color: #c89b47;
}
.mt_hero_left {padding-top: 40px;}
#particles-js {
  position: absolute;
  height: 100%;
  width: 100%;
}

.text {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  width: 300px;
  top: calc(50% - 100px);
  left: calc(50% - 150px);
}

.img {
  display: inline-block;
  height: 100px;
  z-index: 100;
}

/*============================
SEARCH
============================*/
.search-box {
  position: relative;
}
.search-input {
    width: 180px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 28px;
    padding-left: 45px;
    outline: none;
    transition: 0.35s;
}
.search-input:focus {
  width: 260px;
  border-color: #c89b47;
  box-shadow: 0 0 0 4px rgba(200, 155, 71, 0.15);
}
.search-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #777;
}
/*============================
BUTTON
============================*/
.plan-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: #0f223d;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 1px;
    transition: 0.35s;
}
.plan-btn:hover {
  background: #c89b47;
  color: #fff;
  transform: translateY(-2px);
}
.desktop-right {
  display: flex;
  align-items: center;
  gap: 15px;
}
/*============================
OFFCANVAS
============================*/
.offcanvas {
  width: 320px;
}
.offcanvas-header {
  border-bottom: 1px solid #eee;
  padding: 20px;
}
.offcanvas-body {
  padding: 20px;
}
/*==========================
MOBILE MENU
==========================*/
.mobile-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile-menu > li {
  border-bottom: 1px solid #eee;
}
.mobile-menu a {
  display: block;
  padding: 15px 0;
  text-decoration: none;
  color: #2f405b;
  font-weight: 600;
  font-size: 15px;
}
/*==========================
Accordion Button
==========================*/
.mobile-dropdown-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 16px 0;
  font-weight: 600;
  color: #2f405b;
  transition: 0.3s;
}
.mobile-dropdown-btn:hover {
  color: #c89b47;
}
.mobile-dropdown-btn i {
  transition: 0.35s;
  font-size: 13px;
}
/*==========================
Sub Menu
==========================*/
.mobile-submenu {
  list-style: none;
  padding-left: 18px;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.mobile-submenu li {
  padding: 0;
}
.mobile-submenu a {
  padding: 12px 0;
  font-size: 14px;
  color: #666;
}
.mobile-dropdown.active .mobile-submenu {
  max-height: 400px;
}
.mobile-dropdown.active i {
  transform: rotate(90deg);
}
/*==========================
Mobile Search
==========================*/
.mobile-search {
  position: relative;
  margin-top: 30px;
}
.mobile-search input {
  width: 100%;
  height: 46px;
  padding-left: 42px;
  border: 1px solid #ddd;
  border-radius: 6px;
  outline: none;
  transition: 0.35s;
}
.mobile-search input:focus {
  border-color: #c89b47;
  box-shadow: 0 0 0 4px rgba(200, 155, 71, 0.15);
}
.mobile-search i {
  position: absolute;
  left: 15px;
  top: 15px;
  color: #888;
}
.mt_gap {padding: 50px 0px 0px 0px;}
.mt_logo {height: 50px;}

/*=============================
        FOOTER
==============================*/
.hero-btns{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.btn-filled,
.btn-outline{
    padding:14px 32px;
    border-radius:50px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    transition:all .3s ease;
}

/* Filled Button */
.btn-filled{
    background:#104b02;
    color:#fff;
    border:2px solid #104b02;
}

.btn-filled:hover{
    background:#082601;
    border-color:#082601;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 10px 20px rgba(13,110,253,.25);
}

/* Outline Button */
.btn-outline{
    background:transparent;
    color:#fb732a;
    border:2px solid #fb732a;
}

.btn-outline:hover{
    background:#fb732a;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 10px 20px rgba(13,110,253,.25);
}
.logos-images img{
    width:70px;
    height:70px;
    object-fit:contain;
    transition:.3s ease;
}

.logos-images img:hover{
    transform:translateY(-5px);
}

/* Tablet */
@media (max-width:991px){
    .logos-images img{
        width:60px;
        height:60px;
    }
}

/* Mobile */
@media (max-width:576px){
    .logos-images{
        gap:20px !important;
    }

    .logos-images img{
        width:50px;
        height:50px;
    }
}
.footer {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    color: #fff;
    padding: 90px 0 20px;
}

/* Glow Effects */

.footer::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:#105102;
    border-radius:50%;
    filter:blur(180px);
    top:-150px;
    left:-120px;
    opacity:.50;
}

.footer::after{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:#f66300;
    border-radius:50%;
    filter:blur(180px);
    bottom:-150px;
    right:-120px;
    opacity:.50;
}

/* Glass Card */

.footer-card{

    position:relative;
    z-index:10;
    height:100%;
    padding:30px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border:1px dashed gray;

    transition:.4s;
}

.footer-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 25px 60px rgba(0,198,255,.30),
    inset 0 1px rgba(255,255,255,.25);

}

/* Logo */

.footer-logo{

    font-size:24px;
    font-weight:bold;
    color:#267e12;
    margin-bottom:20px;
}

.footer-logo span{
    color:#f1692c;
}

.footer p{
    color:#6c6c6c;
    line-height:1.9;
}

/* Titles */

.footer h4{

    color:#468738;
    font-size:22px;
    margin-bottom:25px;
    position:relative;
}

.footer h4::after {
    content: '';
    width: 55px;
    height: 3px;
    background: #f1692c;
    position: absolute;
    left: 0;
    bottom: -10px;
    border-radius: 10px;
}

/* Links */

.footer ul{

    list-style:none;
    padding:0;
}

.footer ul li{

    margin-bottom:14px;
}

.footer ul li a{

    color:#6c6c6c;
    text-decoration:none;
    transition:.3s;
}

.footer ul li a:hover{

    color:#f1692c;
    padding-left:8px;
}

/* Contact */
.contact-info {color:#6c6c6c; }
.contact-info li{

    display:flex;
    margin-bottom:18px;
}

.contact-info i {
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #f1692c, #62a254);
    color: #fff;
    /* border-radius: 50%; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    box-shadow: 0 10px 20px rgba(0,198,255,.4);
}

/* Social */

.social{

    margin-top:25px;
}

.social a {
    width: 48px;
    height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* border-radius: 50%; */
    margin-right: 12px;
    color: #fff;
    text-decoration: none;
    background: rgb(38 126 18 / 72%);
    box-shadow: 0 8px 20px rgba(0,0,0,.35),
    inset 0 1px rgba(255,255,255,.15);
    transition: .4s;
}

.social a:hover{

    transform:translateY(-8px) rotate(360deg);

    background:#f1692c;

    

}

/* Bottom */

.footer-bottom {
    position: relative;
    z-index: 10;
    margin-top: 60px;
    border-top: 1px solid rgb(0 0 0 / 12%);
    padding-top: 20px;
    color: #686868;;
}

.footer-bottom a{

    color:#021d25;
    text-decoration:none;
}

.footer-bottom a:hover{

    color:#000;
}


/*hero*/
.section {
  padding: 70px 0;
  scroll-margin-top: 60px;
}
.hero__v6 {
  padding: 60px 0px 30px 0px;
  background-color: #f5faf4;
}
.hero__v6 .hero-subtitle {
  background: color-mix(in srgb, #cce8c9, transparent 70%);
  color: var(--bs-primary);
  display: inline-block;
  padding: 5px 12px;
  border-radius: 7px;
  font-weight: 600;
  font-size: 0.75rem;
  margin-bottom: 10px;
}

.hero__v6 .hero-title {
  font-size: 40px;
}
@media (max-width: 1199.98px) {
  .hero__v6 .hero-title {
    font-size: 40px;
  }
}
@media (max-width: 991.98px) {
  .hero__v6 .hero-title {
    font-size: 24px;
  }
}
.hero__v6 .logos .logos-title {
  font-size: 12px;
  letter-spacing: 1px;
  color: color-mix(in srgb, var(--bs-primary), transparent 10%);
}

.hero__v6 .logos img {
  width: 40px;
}
.hero__v6 .hero-img {
  position: relative;
  text-align: center;
}
.hero__v6 .hero-img .img-main {
  position: relative;
  z-index: 9;
}
.hero__v6 .hero-img .img-card {
  z-index: 10;
  border-radius: 20px;
  -webkit-box-shadow: 0 15px 40px 0 rgba(var(--bs-black-rgb), 0.1);
          box-shadow: 0 15px 40px 0 rgba(var(--bs-black-rgb), 0.1);
  position: absolute;
  max-width: 280px;
  bottom: -40px;
  left: -60px;
}
@media (max-width: 991.98px) {
  .hero__v6 .hero-img .img-card {
    left: 10px;
    max-width: 380px;
  }
}
@media (max-width: 575.98px) {
  .hero__v6 .hero-img .img-card {
    left: 10px;
    max-width: 280px;
  }
}

.btn {
    padding: 12px 20px;
    background-color: var(--bs-primary);
    color: var(--bs-white);
    border: 1px solid transparent;
    border-radius: 7px;
    font-weight: 600;
    position: relative;
}


        .usp-section {
            padding: 90px 0;
        }

        .section-title {
            font-size: 46px;
            color: #212529;
        }

        .section-title span {
            color: #fb732a;
            font-size: 46px;
        }

        .section-subtitle {
            max-width: 700px;
            margin: 20px auto 70px;
            color: #666;
            font-size: 18px;
        }

        /* ==========================
           CARD
        =========================== */

.usp-card {
    position: relative;
    background: #fff;
    border-radius: 22px;
    padding: 40px 30px 20px;
    text-align: center;
    height: 100%;
    overflow: visible;
    transition: .35s ease;
    border: 2px dashed #115001;
}

        .usp-card:hover {
            transform: translateY(-12px);
            box-shadow:
                0 20px 40px rgba(0, 0, 0, .10),
                0 40px 80px rgba(37, 99, 235, .18);
        }

        /* ==========================
           RIBBON
        =========================== */

.ribbon {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 32px;
    background: linear-gradient(135deg, #195c01, #7aad10);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 40px;
    letter-spacing: .5px;
    white-space: nowrap;

    transition: .35s;
}

        .ribbon i {
            margin-right: 8px;
        }



        .usp-card:hover .ribbon {
            transform: translateX(-50%) scale(1.08);
        }

        /* ==========================
           ICON
        =========================== */

        .icon-box {

            width: 95px;

            height: 95px;

            margin: 15px auto 25px;

            border-radius: 22px;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #fff;

            font-size: 38px;

            background: linear-gradient(135deg, #2563eb, #06b6d4);

            box-shadow:
                0 12px 30px rgba(37, 99, 235, .35),
                inset 0 2px 5px rgba(255, 255, 255, .35);

            transition: .4s;
        }

        .usp-card:hover .icon-box {
            transform: rotate(-8deg) scale(1.08);
        }

        .usp-card p {
            color: #666;
            line-height: 1.8;
            margin-top: 15px;
        }



.about-section{
    padding:100px 0;
    overflow:hidden;
}

/*=========================
    IMAGE AREA
=========================*/

.about-section .about-image{
    position:relative;
    width:100%;
    min-height:560px;
}

.about-section .img-main{
    width:100%;
    max-width:500px;
    border-radius:25px;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
    display:block;
    /*animation:aboutMainImage 9s ease-in-out infinite;*/
}

/* Overlap Image */

.about-section .small-image{
    position:absolute;
    width:240px;
    right:44px;
    bottom:40px;
    background:#fff;
    padding:10px;
    border-radius:18px;
    box-shadow:0 18px 45px rgba(0,0,0,.15);
    /*animation:aboutCardFloat 8s ease-in-out infinite;*/
    z-index:5;
}

.about-section .small-image img{
    width:100%;
    border-radius:14px;
    display:block;
}

/* Decorative Shapes */

.about-section .shape{
    position:absolute;
    border-radius:50%;
    z-index:1;
}

.about-section .shape1{
    width:80px;
    height:80px;
    border:2px solid #0d6efd;
    top:-10px;
    left:-25px;
    animation:aboutOrbit1 8s linear infinite;
}

.about-section .shape2{
    width:55px;
    height:55px;
    border:2px dashed #00c896;
    top:80px;
    right:50px;
    animation:aboutRotateShape 10s linear infinite;
}

.about-section .shape3{
    width:45px;
    height:45px;
    border:2px solid #ff9800;
    bottom:30px;
    left:-15px;
    animation:aboutZigzag 7s ease-in-out infinite;
}

.about-section .shape4{
    width:70px;
    height:70px;
    border:2px solid #6f42c1;
    right:0;
    bottom:220px;
    animation:aboutOrbit2 9s ease-in-out infinite;
}

/*=========================
    TEXT AREA
=========================*/

.about-section .subtitle{
    color:#9cbeed;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:15px;
    display:inline-block;
}

.about-section .about-title{
    font-size:46px;
    line-height:1.2;
    margin-bottom:25px;
}

.about-section .about-title span{
    color:#fb732a;
}

.about-section .about-text{
    color:#666;
    line-height:1.9;
    font-size:17px;
    margin-bottom:35px;
}

.about-section .feature{
    display:flex;
    align-items:flex-start;
    margin-bottom:25px;
    transition:.35s;
}

.about-section .feature:hover{
    transform:translateX(10px);
}

.about-section .feature i{
    width:58px;
    height:58px;
    line-height:58px;
    text-align:center;
    border:1px dashed; #f36f29;;
    border-radius:15px;
    color:#f36f29;
    font-size:22px;
    margin-right:18px;
}

.about-section .feature h5{
    font-weight:700;
    margin-bottom:8px;
}

.about-section .feature p{
    color:#666;
    margin:0;
}

.about-section .btn-modern{
    padding:14px 36px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.about-section .btn-modern:hover{
    transform:translateY(-3px);
}

/*=========================
    ANIMATIONS
=========================*/

@keyframes aboutMainImage{
    0%,100%{
        transform:rotate(-2deg) scale(1);
    }
    25%{
        transform:rotate(0deg) scale(1.02);
    }
    50%{
        transform:rotate(2deg) scale(.99);
    }
    75%{
        transform:rotate(-1deg) scale(1.01);
    }
}

@keyframes aboutCardFloat{
    0%,100%{
        transform:translate(0,0) rotate(0deg);
    }
    25%{
        transform:translate(-12px,-8px) rotate(-3deg);
    }
    50%{
        transform:translate(10px,8px) rotate(2deg);
    }
    75%{
        transform:translate(-8px,10px) rotate(-2deg);
    }
}

@keyframes aboutOrbit1{
    0%,100%{
        transform:translate(0,0);
    }
    25%{
        transform:translate(10px,-8px);
    }
    50%{
        transform:translate(20px,8px);
    }
    75%{
        transform:translate(8px,15px);
    }
}

@keyframes aboutOrbit2{
    0%,100%{
        transform:translate(0,0) rotate(0);
    }
    25%{
        transform:translate(-15px,-8px) rotate(8deg);
    }
    50%{
        transform:translate(10px,8px) rotate(-8deg);
    }
    75%{
        transform:translate(-8px,12px) rotate(5deg);
    }
}

@keyframes aboutZigzag{
    0%,100%{
        transform:translateX(0);
    }
    25%{
        transform:translateX(10px) translateY(-6px);
    }
    50%{
        transform:translateX(-10px) translateY(8px);
    }
    75%{
        transform:translateX(12px) translateY(2px);
    }
}

@keyframes aboutRotateShape{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

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

@media (max-width:991px){

    .about-section{
        padding:70px 0;
    }

    .about-section .about-image{
        min-height:auto;
        margin-bottom:60px;
    }

    .about-section .img-main{
        max-width:100%;
    }

.about-section .small-image {
    width: 180px;
    right: 24px;
    bottom: -64px;
}

    .about-section .about-title{
        font-size:35px;
    }

}
.hosting-rotate{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    right: 28px;
    top: 50px;
}

.hosting-rotate img{
    width:80px; /* Adjust as needed */
    display:block;
    transform-origin:center center;
    animation:rotateHosting 20s linear infinite;
}

@keyframes rotateHosting{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

.service_list .section-title{
    font-size:2.5rem;
    color:var(--dark);
}

.service_list .section-subtitle{
    max-width:700px;
    margin:auto;
    color:#6b7280;
}

.service_list .service-card{
    background:#fff;
    border:none;
    border-radius:20px;
    overflow:hidden;
    transition:.4s;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    height:100%;
}

.service_list .service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.service_list .service-card img{
    height:220px;
    width:100%;
    object-fit:cover;
}

.service_list .service-card .card-body{
    padding:25px;
}

.service_list .service-icon{
    width:60px;
    height:60px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    color:#fff;
    font-size:24px;
    margin-top:-55px;
    position:relative;
    box-shadow:0 10px 20px rgba(79,70,229,.35);
}

.service_list .card-title{
    font-weight:700;
    font-size: 22px;
        margin-bottom: 10px;
        color: #bd8c45;
}

.service_list .card-text{
    color:#6b7280;
    font-size:15px;
    line-height:1.7;
}

.service_list .read-more{
    color:var(--primary);
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.service_list .read-more:hover{
    color:var(--secondary);
}

.service_list .btn-services{
    background-color: #215c5c;
    color:#fff;
    border:none;
    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.service_list .btn-services:hover{
    transform:translateY(-3px);
    color:#fff;
    box-shadow:0 12px 30px rgba(79,70,229,.35);
}

.service_list .service-ribbon{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    color:#fff;
    padding:12px 24px;
    margin-top:-15px;
    margin-bottom:18px;
    margin-left:-25px;
    border-radius:0 50px 50px 0;
    font-size:18px;
    font-weight:700;
    position:relative;
    box-shadow:0 10px 20px rgba(79,70,229,.35);
}

.service_list .service-ribbon::before{
    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    border-top:10px solid #2b2d8e;
    border-left:10px solid transparent;
}

.service_list .service-ribbon i{
    width:38px;
    height:38px;
    border-radius:50%;
    background:rgba(255,255,255,.2);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
}

.testimonial-section{
    padding:90px 0;
}

.section-title{
    font-size:42px;
}

.section-title span{
    
}

.section-text{
    color:#777;
    max-width:650px;
    margin:auto;
}

.testimonial-card{

    border-radius:20px;
    padding:35px;
    border:1px solid #ececec;
    transition:.4s;
    position:relative;
    overflow:hidden;
    margin:15px;
    min-height: 354px;
}

.testimonial-card:hover{

    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.08);

}

.quote-icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    /* background: #0d6efd; */
    color: #dfdfdf;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin-bottom: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

.review{

    color:#666;
    line-height:1.8;
    margin-bottom:25px;

}

.client{

    display:flex;
    align-items:center;

}

.client img{

    width:70px!important;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    margin-right:15px;
    border:4px solid #fff;
    box-shadow:0 0 15px rgba(0,0,0,.08);

}

.client h5{

    margin-bottom:3px;
    font-weight:700;

}

.client span{

    color:#888;
    font-size:14px;

}

.rating{

    color:#ffc107;
    margin-bottom:18px;
}

.more-btn{

    padding:14px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;

}

.more-btn:hover{

    transform:translateY(-3px);

}

.owl-theme .owl-dots .owl-dot span{

    width:12px;
    height:12px;
    margin:5px;
}

.owl-theme .owl-dots .owl-dot.active span{

    background:#0d6efd;

}


.mt_text_animation{
    position:relative;
    color:transparent;
    -webkit-text-stroke:1px #fb732a;
}

.mt_text_animation::before{
    content:attr(data-text);
    position:absolute;
    top:10;
    left:0;
    color:#fb732a;
    width:0;
    overflow:hidden;
    white-space:nowrap;
    -webkit-text-stroke:0;
    border-right:3px solid #fb732a;
    animation:fillText 4s linear infinite;
}

@keyframes fillText{
    0%{
        width:0%;
    }
    50%{
        width:100%;
    }
    100%{
        width:0%;
    }
}

 :root{
        --brand-mtorange: #fb732a;
        --brand-mtgreen: #104b02;
    }

    body{
        font-family: 'Manrope', sans-serif;
    }

    /* ===== Inner Page Breadcrumb Banner ===== */
    .inner-breadcrumb{
        position: relative;
        max-height: 200px;
        height: 200px;
        display: flex;
        align-items: center;
        overflow: hidden;
    }

    /* dark overlay so the image never needs a flat brand-color background */
.inner-breadcrumb::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(10, 10, 10, 0.82) 0%, rgb(10 10 10 / 36%) 55%, rgb(10 10 10 / 14%) 100%);
    z-index: 1;
}

    .inner-breadcrumb .breadcrumb-content{
        position: relative;
        z-index: 2;
        width: 100%;
    }

    .inner-breadcrumb .eyebrow{
        font-family: 'Sora', sans-serif;
        font-size: 0.78rem;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--brand-mtorange);
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
    }

    .inner-breadcrumb .eyebrow::before{
        content: "";
        width: 26px;
        height: 2px;
        background: var(--brand-mtorange);
        display: inline-block;
    }

    .inner-breadcrumb h1{
        font-family: 'Sora', sans-serif;
        font-size: clamp(1.8rem, 4vw, 2.6rem);
        color: #ffffff;
        margin-bottom: 14px;
        letter-spacing: -0.01em;
    }

    /* Breadcrumb nav */
    .inner-breadcrumb .breadcrumb{
        margin-bottom: 0;
        background: transparent;
        font-family: 'Manrope', sans-serif;
        font-size: 0.92rem;
    }

    .inner-breadcrumb .breadcrumb-item a{
        color: #eef1ec;
        text-decoration: none;
        font-weight: 500;
        transition: color .2s ease;
        border-bottom: 1px solid transparent;
    }

    .inner-breadcrumb .breadcrumb-item a:hover{
        color: var(--brand-mtorange);
        border-bottom: 1px solid var(--brand-mtorange);
    }

    .inner-breadcrumb .breadcrumb-item.active{
        color: var(--brand-mtgreen);
        background-color: #ffffff;
        padding: 2px 10px;
        border-radius: 4px;
        font-weight: 700;
        margin-left: 10px;
    }

    .inner-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
        content: "\203A";
        color: var(--brand-mtorange);
        font-weight: 700;
        padding-right: 8px;
        font-size: 1rem;
    }

    /* thin two-tone accent border at the base of the banner (border, not a filled bg block) */
    .inner-breadcrumb{
        border-bottom: 4px solid var(--brand-mtorange);
    }

    @media (max-width: 576px){
        .inner-breadcrumb{ height: 220px; max-height: 220px; }
    }




         .contact-section{
         padding:20px 0px 80px 0px;
         }
         /*=========================
         Top Contact Cards
         ==========================*/
         .contact-card{
         text-align:center;
         padding:50px 30px;
         height:100%;
         transition:.35s ease;
         }
         .contact-card:hover{
         transform:translateY(-8px);
         box-shadow:0 15px 30px rgba(0,0,0,.12);
         }
         .card-location{
         background:#faecea;
         }
         .card-phone{
         background:#ececff;
         }
         .card-email{
         background:#e8f9fb;
         }
         .contact-card i{
         font-size:38px;
         color:#555;
         margin-bottom:18px;
         transition:.4s;
         }
         .contact-card:hover i{
         color:#4b5df8;
         transform:scale(1.15);
         }
         .contact-card h3{
         font-size:30px;
         font-weight:700;
         color:#0b195d;
         margin-bottom:20px;
         }
         .contact-card p{
         color:#555;
         line-height:30px;
         margin:0;
         }
         /*=========================
         Form
         ==========================*/
         label{
         font-weight:600;
         color:#10235d;
         margin-bottom:10px;
         }
         .form-control{
         border-radius:0;
         min-height:56px;
         transition:.35s;
                 border: 1px solid #f5a22bc2;
         }
         textarea.form-control{
         min-height:190px;
         resize:none;
         }
         .form-control:focus{
         background:#fff;
         border:1px solid #4d5fff;
         box-shadow:none;
         transform:scale(1.01);
         }
         .btn-send{
         background:#0f223d;
         color:#fff;
         border:none;
         padding:14px 45px;
         font-weight:600;
         transition:.35s;
         }
         .btn-send:hover{
         background:#145302;
         color:#fff;
         transform:translateY(-3px);
         box-shadow:0 10px 20px rgba(89,100,255,.35);
         }
         /*=========================
         Map
         ==========================*/
         .map-wrapper{
         background:#fff;
         padding:12px;
         box-shadow:0 8px 25px rgba(0,0,0,.10);
         }
         .map-wrapper iframe{
         width:100%;
         height:450px;
         border:0;
         }
         /*=========================
         Animation
         ==========================*/
         .fade-up{
         animation:fadeUp .8s ease;
         }
         @keyframes fadeUp{
         from{
         opacity:0;
         transform:translateY(40px);
         }
         to{
         opacity:1;
         transform:translateY(0);
         }
         }



/*=========================================
        Contact Heading
=========================================*/

.contact-heading-area{
    margin:70px 0px;
}

.contact-heading-area .contact-subtitle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    background:#fff3ee;
    color:#fc6f01;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:.35s ease;
}

.contact-heading-area .contact-subtitle:hover{
    background:#5b5ef8;
    color:#fff;
}

.contact-heading-area .contact-title{
    font-size:46px;
    font-weight:600;
    color:#0b1f55;
    margin:22px 0 18px;
    line-height:1.2;
    position:relative;
}

.contact-heading-area .contact-title::after{
    content:"";
    width:80px;
    height:4px;
    background:linear-gradient(90deg,#5b5ef8,#8b5cf6);
    display:block;
    margin:20px auto 0;
    border-radius:10px;
}

.contact-heading-area .contact-description{
    max-width:720px;
    margin:0 auto;
    color:#6b7280;
    font-size:17px;
    line-height:30px;
}

/* Responsive */

@media (max-width:991px){

.contact-heading-area{
    margin-bottom:50px;
}

.contact-heading-area .contact-title{
    font-size:36px;
}

}

@media (max-width:576px){

.contact-heading-area .contact-title{
    font-size:30px;
}

.contact-heading-area .contact-description{
    font-size:15px;
    line-height:28px;
}

}

         
         @media(max-width:991px){
         .contact-card{
         margin-bottom:15px;
         }
         .map-wrapper{
         margin-top:40px;
         }
         }    
.mt_contact_area{
    padding: 50px 0px 0px 0px;
}         


         .mv-section{
         font-family:'Segoe UI',sans-serif;
         background:#efebe4;
         display:flex;
         align-items:center;
         padding:80px 0;
         }
         .mv-section .mv-section-title{
         text-align:center;
         margin-bottom:70px;
         font-weight:700;
         letter-spacing:2px;
         color:#444;
         }
         .mv-section .mv-info-box{
         position:relative;
         margin-bottom:40px;
         animation:mvFloat 5s ease-in-out infinite;
         }
         .mv-section .mv-card-label{
         position:absolute;
         top:-30px;
         left:35px;
         width:250px;
         height:70px;
         border-radius:22px 22px 0 0;
         display:flex;
         align-items:center;
         justify-content:center;
         color:#fff;
         font-size:34px;
         font-weight:600;
         z-index:10;
         transition:.4s;
         }
         .mv-section .mv-mission-label{
         background:#F5B942;
         }
         .mv-section .mv-mission-label::after{
         content:"";
         position:absolute;
         bottom:-18px;
         left:50%;
         transform:translateX(-50%);
         border-left:18px solid transparent;
         border-right:18px solid transparent;
         border-top:18px solid #F5B942;
         }
         .mv-section .mv-vision-label{
         background:#69D0AF;
         }
         .mv-section .mv-vision-label::after{
         content:"";
         position:absolute;
         bottom:-18px;
         left:50%;
         transform:translateX(-50%);
         border-left:18px solid transparent;
         border-right:18px solid transparent;
         border-top:18px solid #69D0AF;
         }
         .mv-section .mv-content-card{
         background:#fff;
         border-radius:28px;
         padding:70px 35px 35px;
         min-height:250px;
         position:relative;
         overflow:hidden;
         box-shadow:0 15px 35px rgba(0,0,0,.08);
         transition:.4s;
         }
         .mv-section .mv-content-card:hover{
         transform:translateY(-10px);
         box-shadow:0 25px 45px rgba(0,0,0,.15);
         }
         .mv-section .mv-icon-box{
         width:90px;
         height:90px;
         border:3px dashed #d9d9d9;
         border-radius:50%;
         display:flex;
         align-items:center;
         justify-content:center;
         margin:auto;
         font-size:42px;
         transition:.6s;
         }
         .mv-section .mission .mv-icon-box{
         color:#F5B942;
         }
         .mv-section .vision .mv-icon-box{
         color:#69D0AF;
         }
         .mv-section .mv-content-card:hover .mv-icon-box{
         transform:rotate(360deg);
         animation:mvPulse .8s infinite;
         }
         .mv-section .mv-divider{
         width:1px;
         height:110px;
         background:#ddd;
         margin:auto;
         }
         .mv-section .mv-content-card p{
         margin:0;
         color:#777;
         line-height:1.8;
         }
         .mv-section .mv-flag{
         position:absolute;
         top:18px;
         right:30px;
         font-size:28px;
         transition:.4s;
         }
         .mv-section .mission .mv-flag{
         color:#F5B942;
         }
         .mv-section .vision .mv-flag{
         color:#69D0AF;
         }
         .mv-section .mv-content-card:hover .mv-flag{
         transform:translateY(-8px) rotate(15deg);
         }
         .mv-section .mv-fade-up{
         animation:mvFadeUp .9s ease;
         }
         @keyframes mvFadeUp{
         from{
         opacity:0;
         transform:translateY(40px);
         }
         to{
         opacity:1;
         transform:translateY(0);
         }
         }
         @keyframes mvFloat{
         0%,100%{
         transform:translateY(0px);
         }
         50%{
         transform:translateY(-8px);
         }
         }
         @keyframes mvPulse{
         0%,100%{
         transform:scale(1);
         }
         50%{
         transform:scale(1.08);
         }
         }
         @media(max-width:768px){
         .mv-section .mv-card-label{
         width:200px;
         height:60px;
         font-size:28px;
         left:20px;
         }
         .mv-section .mv-content-card{
         padding:70px 25px 30px;
         text-align:center;
         }
         .mv-section .mv-divider{
         display:none;
         }
         .mv-section .mv-icon-box{
         margin-bottom:25px;
         }
         }

         .wc-section{
         padding:90px 0;
         font-family:'Segoe UI',sans-serif;
         }
         .wc-title{
         text-align:center;
         font-size:42px;
         font-weight:700;
         color:#2f2f2f;
         margin-bottom:15px;
         }
         .wc-subtitle{
         text-align:center;
         color:#777;
         font-size:18px;
         max-width:700px;
         margin:0 auto 60px;
         line-height:1.8;
         }
         .wc-card{
         position:relative;
         background:#fff;
         border-radius:20px;
         padding:40px 30px;
         text-align:center;
         height:100%;
         overflow:hidden;
         border:1px solid #ececec;
         box-shadow:0 10px 25px rgba(0,0,0,.06);
         transition:.35s ease;
         }
         .wc-card:hover{
         transform:translateY(-10px);
         box-shadow:0 18px 40px rgba(0,0,0,.12);
         }
         .wc-card::before{
         content:"";
         position:absolute;
         left:0;
         top:0;
         width:100%;
         height:4px;
         background:linear-gradient(90deg,#F5B942,#69D0AF);
         transform:scaleX(0);
         transition:.35s;
         }
         .wc-card:hover::before{
         transform:scaleX(1);
         }
         .wc-icon{
         width:85px;
         height:85px;
         margin:auto;
         border-radius:50%;
         background:linear-gradient(135deg,#F5B942,#69D0AF);
         color:#fff;
         display:flex;
         align-items:center;
         justify-content:center;
         font-size:34px;
         transition:.5s;
         }
         .wc-card:hover .wc-icon{
         transform:rotateY(360deg) scale(1.08);
         }
         .wc-card h4{
         margin:25px 0 15px;
         font-size:23px;
         font-weight:700;
         color:#333;
         transition:.3s;
         }
         .wc-card:hover h4{
         color:#F5B942;
         }
         .wc-card p{
         margin:0;
         color:#777;
         line-height:1.8;
         }
         .wc-fade{
         animation:wcFade .8s ease both;
         }
         .wc-fade:nth-child(2){animation-delay:.15s;}
         .wc-fade:nth-child(3){animation-delay:.30s;}
         .wc-fade:nth-child(4){animation-delay:.45s;}
         .wc-fade:nth-child(5){animation-delay:.60s;}
         .wc-fade:nth-child(6){animation-delay:.75s;}
         @keyframes wcFade{
         from{
         opacity:0;
         transform:translateY(35px);
         }
         to{
         opacity:1;
         transform:translateY(0);
         }
         }
         @media(max-width:991px){
         .wc-title{
         font-size:34px;
         }
         .wc-subtitle{
         font-size:16px;
         }
         }
.mt_cf7 p{margin-bottom: 0px;}
/* ===========================
NEDDA Registration Styles
Contact Form 7 Compatible
=========================== */

.nedda-registration{
    background:#f4f8fb;
    min-height:100vh;
    padding:60px 15px;
    font-family:Arial, Helvetica, sans-serif;
}

.nedda-registration .nedda-card{
    max-width:850px;
    margin:auto;
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.nedda-registration .nedda-header {
    background-color: #8bc34a;
    color: #fff;
    text-align: center;
    padding: 35px;

}

.nedda-registration .nedda-header h2{
    margin:0;
    font-weight:700;
}

.nedda-registration .nedda-header p{
    margin-top:10px;
    opacity:.9;
}

.nedda-registration .nedda-body{
    padding:35px;
}

.nedda-registration .form-label{
    font-weight:600;
    color:#333;
    display:block;
    margin-bottom:8px;
}

.nedda-registration .form-control,
.nedda-registration .form-select,
.nedda-registration .wpcf7-form-control{
    border-radius:8px;
    height:48px;
    width:100%;
}

.nedda-registration textarea.form-control,
.nedda-registration textarea.wpcf7-form-control{
    height:auto;
    min-height:120px;
    resize:vertical;
}

.nedda-registration .input-group-text{
         background:#4caf50;
         color:#fff;
         border:none;
}

/* Focus */

.nedda-registration .form-control:focus,
.nedda-registration .form-select:focus,
.nedda-registration .wpcf7-form-control:focus{
    border-color:#0d6efd;
    box-shadow:0 0 0 .2rem rgba(13,110,253,.15);
}

/* Button */

.nedda-registration .btn-register{
    background:#8bc34a;
    color:#fff;
    border:none;
    border-radius:8px;
    padding:13px;
    font-size:17px;
    font-weight:600;
    transition:.3s;
    width:100%;
}

.nedda-registration .btn-register:hover{
    background:#0048b3;
}

.nedda-registration .required{
    color:red;
}

/* ===========================
Contact Form 7 Fix
=========================== */

.nedda-registration .wpcf7{
    width:100%;
}

.nedda-registration .wpcf7-form{
    width:100%;
}

.nedda-registration .wpcf7-form-control-wrap{
    display:block;
    width:100%;
}

/* Fix Bootstrap Input Group */

.nedda-registration .input-group > .wpcf7-form-control-wrap{
    flex:1 1 auto;
    width:1%;
    display:flex;
}

.nedda-registration .input-group > .wpcf7-form-control-wrap > input,
.nedda-registration .input-group > .wpcf7-form-control-wrap > select,
.nedda-registration .input-group > .wpcf7-form-control-wrap > textarea{
    width:100%;
    flex:1;
}

/* Validation */

.nedda-registration .wpcf7-not-valid{
    border-color:#dc3545 !important;
}

.nedda-registration .wpcf7-not-valid-tip{
    color:#dc3545;
    font-size:13px;
    margin-top:5px;
}

.nedda-registration .wpcf7-response-output{
    margin-top:20px !important;
    border-radius:8px;
    padding:10px 15px;
}

.nedda-registration .wpcf7-spinner{
    margin-left:10px;
}

/* Submit */

.nedda-registration input[type="submit"]{
    width:100%;
}

/* Mobile */

@media(max-width:767px){

.nedda-registration{
    padding:20px 10px;
}

.nedda-registration .nedda-body{
    padding:20px;
}

.nedda-registration .nedda-header{
    padding:25px;
}

}




         
.nedda-registration .form-select{
    border: 1px solid #f5a22bc2;
    border-radius:8px;
    height:48px;
}
.wpcf7-form-control-wrap {width: 90%;}

.mt-form-control{
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}


/* for whatsapp button */
a{
  text-decoration:none;
}
.floating_btn {
  position: fixed;
  bottom: 0px;
  left: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size:20px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}


.text_icon {
  margin-top: 8px;
  color: #707070;
  font-size: 13px;
}
@media(max-width:576px){

.floating_btn {
    position: fixed;
    bottom: -24px;
    left: -20px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

}

/* for whatsapp button end */
.mt_phone {color: #555;}
.mt_the_content {margin: 20px 0px 0px 0px;}
.mt_the_content p{
    color: #666;
    line-height: 1.9;
    font-size: 17px;
    margin-bottom: 35px;
}
}
.mt_the_content h2{}
.mt_the_content h3{}

         .ts-section{
         padding:80px 0;
         background:#f5f7fa;
         font-family:'Poppins',sans-serif;
         }
         .ts-section .section-title{
         color:#18a7a7;
         font-weight:600;
         font-size:18px;
         }
         .ts-section h2{
         font-weight:700;
         margin-bottom:60px;
         }
         .ts-section h2:after{
         content:"";
         width:70px;
         height:3px;
         background:#18a7a7;
         display:block;
         margin:12px auto 0;
         }
         .ts-section .ts-card{
         position:relative;
         background:#fff;
         border-radius:8px;
         overflow:hidden;
         padding:45px 30px 35px;
         text-align:center;
         box-shadow:0 10px 25px rgba(0,0,0,.08);
         transition:.45s ease;
         height:100%;
         z-index:1;
         }
         .ts-section .ts-card:before{
         content:"";
         position:absolute;
         left:-60px;
         top:-60px;
         width:140px;
         height:140px;
         background:#1aa5a8;
         border-radius:50%;
         transition:.45s ease;
         z-index:-1;
         }
         .ts-section .ts-card:hover{
         background:#1aa5a8;
         transform:translateY(-10px);
         }
         .ts-section .ts-card .quote{
         position:absolute;
         left:22px;
         top:18px;
         font-size:28px;
         color:#fff;
         transition:.4s;
         }
         .ts-section .ts-card h4{
         font-size:28px;
         color:#18a7a7;
         margin-bottom:18px;
         transition:.4s;
         }
         .ts-section .ts-card p{
         color:#7a7a7a;
         line-height:1.8;
         transition:.4s;
         }
         .ts-section .ts-card img{
         width:90px;
         height:90px;
         object-fit:cover;
         border-radius:50%;
         border:3px solid #18a7a7;
         margin-top:18px;
         transition:.4s;
         }
         .ts-section .ts-card h5{
         margin-top:18px;
         color:#18a7a7;
         font-weight:700;
         transition:.4s;
         }
         .ts-section .ts-card span{
         color:#999;
         font-size:14px;
         transition:.4s;
         }
         /* Hover */
         .ts-section .ts-card:hover h4,
         .ts-section .ts-card:hover h5,
         .ts-section .ts-card:hover p,
         .ts-section .ts-card:hover span{
         color:#fff;
         }
         .ts-section .ts-card:hover img{
         border-color:#fff;
         transform:scale(1.08) rotate(3deg);
         }
         .ts-section .ts-card:hover:before{
         transform:scale(8);
         }
         /* First Card Active */
         .ts-section .ts-card.active{
         background:#1aa5a8;
         }
         .ts-section .ts-card.active h4,
         .ts-section .ts-card.active h5,
         .ts-section .ts-card.active p,
         .ts-section .ts-card.active span{
         color:#fff;
         }
         .ts-section .ts-card.active img{
         border-color:#fff;
         }

.ts-section .ts-rating{
    margin:15px 0 18px;
}

.ts-section .ts-rating i{
    color:#ffc107;
    font-size:17px;
    margin:0 2px;
    transition:.35s;
}

.ts-section .ts-card:hover .ts-rating i,
.ts-section .ts-card.active .ts-rating i{
    color:#ffd95a;
    transform:scale(1.15);
}

/* service details start */
#service_details {margin: 30px 0px 60px 0px;}
.starter-section {
  padding-top: 60px;
  padding-bottom: 60px;
  /* Add your styles here */
}


.service-sidebar{
    background:#fff;
    border:1px solid #eee;
    padding:25px;
    border-radius:10px;
}

.service-sidebar h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
}

.service-list-item{
    display:flex;
    align-items:center;
    gap:15px;
    text-decoration:none;
    padding:12px;
    border:1px solid #eee;
    border-radius:8px;
    margin-bottom:15px;
    transition:.3s;
    color:#222;
}

.service-list-item img{
    width:70px;
    height:70px;
    object-fit:cover;
    border-radius:8px;
    flex-shrink:0;
}

.service-list-item span{
    font-size:16px;
    font-weight:600;
    line-height:1.4;
    color: #3d4d63;
}

.service-list-item:hover{
    background:#f8f8f8;
    transform:translateX(5px);
}

.service-list-item.active{
    background:#0d6efd;
    color:#fff;
    border-color:#0d6efd;
}

.service-content img{
    max-width:100%;
    height:auto;
}

.mt-service-content{
    line-height:1.8;
    color:#666;
    margin-bottom:25px;
}