.hs_service {
            background: linear-gradient(to bottom, #f36b23, #f68e1d)!important;
    }

    .hs_service:hover {
            background: linear-gradient(to bottom, #f36b23, #f68e1d)!important;
    }

    .hs_service {
        border-bottom: 7px solid #32bb93 !important;
    }

    .hs_service:hover {
        border-bottom: 7px solid #32bb93 !important;
    }

    .serviceBox {
        background: #f5f5f5;
        text-align: center;
        padding: 39px 5px 25px;
        border-radius: 10px;
        position: relative;
    }

    .serviceBox:before,
    .serviceBox:after {
        content: "";
        background: linear-gradient(to bottom, #f36b23, #f68e1d);
        width: 100%;
        height: 40px;
        border-radius: 10px 10px 0 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .serviceBox:after {
        background: #f36b23;
        top: auto;
        bottom: 0;
        height: 10px;
        border-radius: 0 0 10px 10px;
    }

    .serviceBox .title {
        color: #fff;
        background: #f36b23;
        font-size: 17px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 10px 12px 9px;
        margin: -10px 0 18px;
        display: inline-block;
        position: relative;
    }

    .serviceBox .title:before,
    .serviceBox .title:after {
        content: "";
        background: linear-gradient(to top left, #c14f1d 49%, transparent 50%);
        width: 10px;
        height: 10px;
        position: absolute;
        top: 0;
        left: -10px;
    }

    .serviceBox .title:after {
        transform: rotateY(180deg);
        left: auto;
        right: -10px;
    }

    .serviceBox .service-icon {
        color: #f36b23;
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 15px;
    }

    .serviceBox .description {
        color: #999;
        font-size: 13px;
        line-height: 22px;
        margin: 0;
    }

    .serviceBox.purple:before {
        background: linear-gradient(#c64292, #d8569f);
    }

    .serviceBox.purple:after,
    .serviceBox.purple .title {
        background: #c64292;
    }

    .serviceBox.purple .title:before,
    .serviceBox.purple .title:after {
        background: linear-gradient(to top left, #962185 49%, transparent 50%);
    }

    .serviceBox.purple .service-icon {
        color: #c64292;
    }

    .serviceBox.cgreen:before {
        background: linear-gradient(#2da197, #4bb8ad);
    }

    .serviceBox.cgreen:after,
    .serviceBox.cgreen .title {
        background: #2da197;
    }

    .serviceBox.cgreen .title:before,
    .serviceBox.cgreen .title:after {
        background: linear-gradient(to top left, #1b817b 49%, transparent 50%);
    }

    .serviceBox.cgreen .service-icon {
        color: #2da197;
    }

    .serviceBox.green:before {
        background: linear-gradient(#82c145, #b1d23f);
    }

    .serviceBox.green:after,
    .serviceBox.green .title {
        background: #82c145;
    }

    .serviceBox.green .title:before,
    .serviceBox.green .title:after {
        background: linear-gradient(to top left, #41a133 49%, transparent 50%);
    }

    .serviceBox.green .service-icon {
        color: #82c145;
    }

    @media only screen and (max-width: 990px) {
        .serviceBox {
            margin: 0 0 30px;
        }
    }
    .panel-group .panel-title {
        font-size: 13px;
    }

    .text-theme-colored {
        color: #DA5F0C !important;
    }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        color: inherit;
    }

    .panel-group .panel-title a.active {
        background: #DA5F0C !important;
    }

    .panel-group .panel-title:hover a,
    .panel-group .panel-title:focus a {
        color: #0a5375;
    }

    .panel-group .panel-content {
        background: #f1f1f1 none repeat scroll 0 0;
        padding: 10px 20px 20px;
    }

    .text-theme-colored {
        color: #0a5375 !important;
    }

    .panel-group .panel {
        margin-bottom: 0;
        overflow: hidden;
        background-color: whitesmoke;
        padding: 17px;
    }

    .panel-group .panel-title a::after {
        background-color: #eee;
        color: #777777;
        content: "\f067";
        font-family: fontawesome;
        font-size: 14px;
        left: 0;
        padding: 10px 14px;
        position: absolute;
        top: -7px;
    }
    .gallery-section {
        padding: 30px 0;
    }

    .gallery-section h2 {
        text-align: center;
        font-size: 30px;
        color: #0a5375;
        margin-bottom: 30px;
    }

    .gallery-img {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }

    .gallery-img img {
        width: 100%;
        height: auto;
        transition: transform 0.3s ease;
    }

    .gallery-img:hover img {
        transform: scale(1.05);
    }

    /* Optional: Add shadow to images */
    .gallery-img img {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }