/** HEADER **/
.header {
    background: #3EB4DA;
}
.header:before {
    background: none;
}
.header .header-right-info ul li .single-header-right-info .text-box p {
    color: #FFFFFF;
}
#main-navigation-wrapper.navbar-default {
    border-top: 1px dashed #3EB4DA !important;
}

/** MENU **/
#main-navigation-wrapper.navbar-default {
    background: #05A5D8;
    border-top: 1px solid #007BFF;
}
#main-navigation-wrapper .nav > li > a {
    color: #FFFFFF;
}
#main-navigation-wrapper .dropdown-submenu > li:hover, #main-navigation-wrapper .dropdown-submenu2 > li:hover {
    background: #05A5D8;
}

/** CATEGORIES **/
.categories li {
    padding: 10px;
    background-color: #007BFF;
    margin-bottom: 5px;

    -webkit-transition: 1s;
    -moz-transition: 1s ;
    -ms-transition: 1s ;
    -o-transition: 1s ;
    transition: 1s ;
}
.categories li.active {
    background-color: #05A5D8;
}
.categories li.active a:after {
    color: #FFFFFF !important;
    font-size: 27px !important;
    right: 20px !important;
}

/*** HOVER ACTION ***/
.categories li:not(.active):hover {
    background-color: #26A0EA;
    -webkit-transform:   scale(1.2);
    -moz-transform:      scale(1.2);
    -ms-transform:       scale(1.2);
    -o-transform:        scale(1.2);
    transform:           scale(1.2);

    border-right: 10px solid #007BFF;

    -webkit-transition: 450ms;
    -moz-transition: 450ms ;
    -ms-transition: 450ms ;
    -o-transition: 450ms ;
    transition: 450ms ;

}
.categories li:hover a:after {
    color: #FFFFFF !important;
    font-size: 27px !important;
    right: 20px !important;

    -webkit-transition: 450ms;
    -moz-transition:    450ms ;
    -ms-transition:     450ms ;
    -o-transition:      450ms ;
    transition:         450ms ;
}


.categories li a {
    color: #fff !important;
    border: none !important;
    text-decoration: none;
}

/** TAGS **/
.single-sidebar-widget .tags-widget ul li a:hover {
    background: #3898F1;
    border-color: #5086E6;
    color: #FFFFFF;
}
/** BLOGS **/
@media ( min-width: 1000px ) {
    .blog-page .single-blog-post .img-holder > img {
        -webkit-transition: 1.2s;
        -moz-transition: 1.2s ;
        -ms-transition: 1.2s ;
        -o-transition: 1.2s ;
        transition: 1.2s ;
    }
    .blog-page .single-blog-post .img-holder:hover > img {
        opacity: 1;
        -webkit-transform: scale(1.2) translateX(10%);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2) translateX(10%);
        box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12);

        -webkit-transition: 540ms;
        -moz-transition: 540ms ;
        -ms-transition: 540ms ;
        -o-transition: 540ms ;
        transition: 540ms ;
    }
    .blog-page .single-blog-post:hover {
        z-index: 9999;
    }
}
.blog-page .single-blog-post .img-holder {
    overflow: visible;
    background: #FFF;
}
/* Simple blog layout - 2 cards per row */
.blog-page .single-blog-post {
    margin-bottom: 30px;
}

/* Force 2-column layout for blog cards */
.blog-page .single-blog-post.col-md-6 {
    width: 50% !important;
    float: left !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* Clear floats after every 2 cards */
.blog-page .single-blog-post:nth-child(2n+1) {
    clear: left;
}

/* Responsive behavior */
@media (max-width: 768px) {
    .blog-page .single-blog-post.col-md-6 {
        width: 100% !important;
        float: none !important;
    }
}

/* Service cards - reduced dimensions */
.services-grid-new {
    display: grid !important;
    /* grid-template-columns: repeat(2, 500px) !important; */
    gap: 16px !important;
    justify-content: center !important;
    margin: 18px auto 8px !important;
    max-width: 1020px !important;
    padding: 0 12px !important;
}

.scn-inner {
    display: grid !important;
    grid-template-columns: 200px 1fr !important;
    gap: 12px !important;
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 10px rgba(0,0,0,.06) !important;
    padding: 10px !important;
    border: 1px solid #eee !important;
    width: 460px !important;
    height: 280px !important;
    margin: 0 auto !important;
}

.scn-media {
    width: 200px !important;
    height: 240px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #f6f6f6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.scn-media img {
    width: 200px !important;
    height: 240px !important;
    object-fit: cover !important;
}

/* Service card hover effect */
.service-card-new:hover .scn-inner {
    background: #FFF8D5 !important;
    transition: background-color 0.3s ease !important;
}

/* Get in Touch form fields - white background */
.contact-cta__form input,
.contact-cta__form textarea {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #E5E7EB !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    font-weight: normal !important;
}

.contact-cta__form input:hover,
.contact-cta__form textarea:hover {
    background: #ffffff !important;
    border-color: #0073ff !important;
}

.contact-cta__form input:focus,
.contact-cta__form textarea:focus {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #0073ff !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 115, 255, 0.1) !important;
}

/** CONTACT **/

.contact-section form.contact-form {
    background: #33BCE8;
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
}
.contact-section form.contact-form .form-grp label {
    color: #FFFFFF;
    font-weight: 900;
}
.thm-button.inverse, .thm-button:hover {
    background: #0379D4;
    color: #FFFFFF;
}
.thm-button.inverse:hover {
    background: #1d9ed4;
}
.contact-section form.contact-form input, textarea {
    background: rgb(131, 188, 251);
    color: #fff;
    font-weight: 900;
}
.contact-section form.contact-form input:hover, textarea:hover {
    background: rgb(176, 191, 251);
}
.contact-section form.contact-form input:focus, textarea:focus {
    border: 5px solid #0D96F7 !important;
}
::-webkit-input-placeholder {
    color: #fff !important;
}
::-moz-placeholder {
    color: #fff !important;
}
:-ms-input-placeholder {
    color: #fff !important;
}
::placeholder {
    color: #fff !important;
}
/** OFFERS **/
.offers {
    margin-bottom: 20px;
}

/* Reduce padding for coupons section on homepage */
.sec-pad.project-sec {
    padding: 10px 0 !important;
    min-height: auto !important;
}

/* Reduce spacing for coupon items in homepage discounts section */
.sec-pad.project-sec .single-project-item {
    margin: 0 0 10px 0 !important;
}

.sec-pad.project-sec .single-project-item .img-holder {
    margin-bottom: 5px !important;
}

/* Marquee effect for Why Us section after offers */
.sec-pad.team-bg {
    padding: 5px 0 !important;
    min-height: auto !important;
}

.sec-pad.team-bg .row {
    overflow: hidden;
    white-space: nowrap;
    animation: marquee 15s linear infinite;
    margin: 0 !important;
    padding: 0 !important;
}

.sec-pad.team-bg .row:hover {
    animation-play-state: paused;
}

.sec-pad.team-bg .col-md-3 {
    display: inline-block;
    white-space: normal;
    margin-right: 20px;
    vertical-align: top;
    width: auto;
    float: none;
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
.offers .offer-item {
    padding-left:    15px;
    padding-right:   15px;
    padding-top:     15px;
}
.offers .offer-item img {
    border-right:    5px dashed #3EB4DA;
    border-left:     5px dashed #3EB4DA;
    border-top:      5px solid #05A5D8;
    border-bottom:   5px solid #05A5D8;
}
.offers .offer-item:hover {
    z-index: 1009;
}
.offers .offer-item img {
    -webkit-transition: 2s;
    -moz-transition: 2s ;
    -ms-transition: 2s ;
    -o-transition: 2s ;
    transition: 2s ;
}
.offers .offer-item:hover img {
    -webkit-transform:  scale(1.2) rotateZ(5deg);
    -moz-transform:     scale(1.2) rotateZ(5deg);
    -ms-transform:      scale(1.2) rotateZ(5deg);
    -o-transform:       scale(1.2) rotateZ(5deg);
    transform:          scale(1.2) rotateZ(5deg);

    opacity: 0.9;

    -webkit-transition: 750ms;
    -moz-transition:    750ms ;
    -ms-transition:     750ms ;
    -o-transition:      750ms ;
    transition:         750ms ;
}
.sec-title .decor-line {
    background: #33BCE8;
}

/*** HOME ***/
.header .header-right-info ul li .single-header-right-info .icon-box i {
    color: #FFFFFF;
}
@media (max-width: 1024px) {
    .navbar-header {
        background: #05A5D8;
    }
}
@media (max-width: 1024px) {
    #main-navigation-wrapper .nav > li {
        background-color: #0290BD;
    }
}
@media (max-width: 1024px) {
    #main-navigation-wrapper .nav > li > a {
        border-bottom: 1px dashed #05A5D8;
    }
}
#main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a {
    color: #FFFFFF;
}
#main-navigation-wrapper.navbar-default {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12);
}
/** SLIDER **/
#homepage-slider {
    width: 100%;
}
@media ( min-width: 1200px ) {
    #homepage-slider {
        height: 444px;
    }
}
@media ( min-width: 1000px ) and (max-width: 1200px) {
    #homepage-slider {
        height: 494px;
    }
}
@media ( min-width: 900px ) and (max-width: 1000px) {
    #homepage-slider {
        height: 344px;
    }
}
@media ( min-width: 800px ) and (max-width: 900px) {
    #homepage-slider {
        height: 294px;
    }
}
@media ( min-width: 700px ) and (max-width: 800px) {
    #homepage-slider {
        height: 274px;
    }
}
@media ( min-width: 600px ) and (max-width: 700px) {
    #homepage-slider {
        height: 244px;
    }
}
@media ( min-width: 500px ) and (max-width: 600px) {
    #homepage-slider {
        height: 214px;
    }
}
/** FOOTER **/
.footer {
    background: #0290BD;
}
.footer p {
    color: #FFFFFF;
}
.footer .tel-box .text-box p {
    color: #FFFFFF;
}
.footer .tel-box .text-box p a {
    color: #FFFFFF;
}
.footer .tel-box .icon-box i {
    color: #FFFFFF;
}
.footer .links-widget ul li a {
    color: #FFFFFF;
}
.footer .social li a {
    color: #FFFFFF;
    border: 1px solid #46B9E3;
}
.footer-bottom {
    background: #05A5D8;
}
.footer-bottom p {
    color: #FFFFFF;
}
/*** FIXES ***/
.single-sidebar-widget .title .decor-line {
    background: #05A5D8;
}
.footer .title .decor-line, .footer .title2 .decor-line {
    background: #05A5D8;
}
.contact-section form.contact-form .form-grp input[type="text"], .contact-section form.contact-form .form-grp input[type="email"], .contact-section form.contact-form .form-grp textarea {
    border: 1px solid #3EB4DA;
}
.welcome-section .sec-title span {
    color: #05A5D8;
}
/*** SERVICE BOXES ***/
.service-box-wrapper {
    background: #E8F6FF;
    padding: 20px;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
}
.service-box-wrapper .service-box {
    margin-bottom: 15px;
}
.service-box-wrapper .service-box img {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);

    border: 8px solid #B3E5FF;

    -webkit-transition:  1.2s;
    -moz-transition:     1.2s;
    -ms-transition:      1.2s ;
    -o-transition:       1.2s ;
    transition:          1.2s ;
}
.service-box-wrapper .service-box:hover {
    z-index: 10;
}
@media ( min-width: 1000px ) {
    .service-box-wrapper .service-box:hover img {
        -webkit-transform:   scale(1.25);
        -moz-transform:      scale(1.25);
        -ms-transform:       scale(1.25);
        -o-transform:        scale(1.25);
        transform:           scale(1.25);

        box-shadow: 0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12);

        -webkit-transition:  400ms;
        -moz-transition:     400ms;
        -ms-transition:      400ms;
        -o-transition:       400ms;
        transition:          400ms;
    }
}