@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;700&display=swap');

html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'Space Grotesk', sans-serif; font-weight:normal; padding:0; color:#1c1c1c; font-weight:400; padding-right:0!important; overflow-x:hidden;
font-size:16px;
line-height:1.5;
min-height:100%;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}

img{border:0;}
a{color:#000; text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#1c1c1c;}

a > img{transform: scale(1); transition:.2s ease-in-out;}
a:hover > img{transform: scale(1.05);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0;}


.fixed-btn{position:fixed; margin:0; padding:0; list-style-type:none; z-index:150;}
.fixed-btn li{display:block; clear:both; overflow:hidden; margin-bottom:5px;}
@media (min-width:768px){
	.fixed-btn{top:35%;right:0;}
}
@media (max-width:767px){
	.fixed-btn{bottom:0; left:5%;}
	.fixed-btn li{display:inline;}
}


.header{display:block; width:100%; float:left; background:#b6c684; position:relative; z-index:99;}
.header .logo{position:relative; z-index:100;}
/*.header.sticky{position:fixed;}
.header.sticky [class^="col-"] > a img{ height:30px;}
.header.sticky .stellarnav > ul > li > a { padding:23px 25px;}
*/
.header-links{display:block; margin:22px 0px 15px; padding:0; list-style-type:none; font-weight:600;}
.header-links li{display:inline-block; margin:0 2px; vertical-align:middle;}
.header-links li > i{color:#1f1a17; margin-right:2px;}
.header-links li a{display:block; overflow:hidden; width:24px; height:24px; line-height:24px; background:#4464b1; text-align:center; color:#fff; font-size:12px;}
.header-links li:nth-child(5) a{background:#4e9edd;}
.header-links li:nth-child(6) a{background:#c9322b;}
.header-links li:nth-child(7) a{background:#0e638d;}
.header-links li:nth-child(8) a{background:#c9322b;}
.header-links li a:hover{background:#1f1918;}


.toplinks{display:block; list-style-type:none; margin:0; padding:0;}
.toplinks li{display:inline-block; margin:0 0 0 15px; color:#1f1a17;}
.toplinks li a{color:#1f1a17; display:block; font-weight:600; font-size:14px;}
.toplinks li a i{margin-right:5px; font-size:13px;}
.toplinks li a:hover{color:#000;}





.header-nav{float:left; clear:both; width:100%; background:#4f6909; color:#fff; position:relative; text-align:right;}
.header-nav > div{position:relative; z-index:101;}


.home{position:absolute; left:15px; width:60px; top:0; height:40px; z-index:100; line-height:30px; background:#da9e17; font-size:18px; color:#000; text-align:center; line-height:40px;}

/* CSS */
.hero-service-title {
    text-align: center;
    color: #ffffff;
}

.project-slider{display:block; position:relative; clear:both; overflow:hidden;}
.project-slider img{width:100%;}
.carousel-item{position:relative;}



/* -- Carousel Fade -- */
#carouselBeadManRedding {background-color: #000;}
.carousel.carousel-fade .carousel-item {display: block;    opacity: 0;    transition: opacity ease-out 1.7s;    left: 0;    top: 0;    position: absolute;}
.carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}
.carousel.carousel-fade .carousel-item:first-child {top: auto;    position: relative;    transition: opacity ease-out 1.7s;}
.carousel.carousel-fade .carousel-item:second-child {top: auto;position: relative;transition: opacity ease-out 1.7s;}
.carousel-item .img-fluid {margin: 0 auto;}
.carousel img {opacity:1;filter: alpha(opacity=1);}






/* =========================================
   TERRYVINTAGE - HIGHLIGHTED WELCOME SECTION
   Original background preserved
========================================= */

.about-area {
    display: block;
    clear: both;
    padding: 50px 0 0;
    text-align: center;
    background: transparent !important;
    overflow: hidden;
}

.about-area * {
    box-sizing: border-box;
}

.about-container {
    width: 100%;
    max-width: 1240px;
    padding: 0 25px;
    margin: 0 auto;
}

/* TOP FOUR HIGHLIGHTS */

.about-highlights {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
    margin: 0 0 30px;
}

.about-area .highlight-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-height: 72px;
    padding: 16px 18px;
    background: #ffffff;
    border: 1px solid #dce4c6;
    border-left: 4px solid #6A8D00;
    border-radius: 7px;
    color: #25291c;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    box-shadow: 0 3px 10px rgba(43, 55, 15, 0.06);
    transition: border-color 0.25s ease,
                transform 0.25s ease;
}

.about-area .highlight-item:hover {
    border-left-color: #da9e17;
    transform: translateY(-2px);
}

.about-area .highlight-icon {
    flex-shrink: 0;
    font-size: 20px;
}

/* WELCOME DESCRIPTION */

.about-intro {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto 35px;
}

.about-area .about-intro p {
    margin: 0 0 14px;
    color: #22251c;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
    text-align: center;
}

.about-area .about-intro p:last-child {
    margin-bottom: 0;
}

/* MISSION, AIMS & STRATEGY */

.about-principles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin: 35px 0 25px;
    text-align: left;
}

.about-area .principle-card {
    position: relative;
    min-width: 0;
    padding: 25px 24px;
    background: #ffffff;
    border: 1px solid #e0e6d2;
    border-bottom: 4px solid #6A8D00;
    border-radius: 7px;
    box-shadow: 0 4px 14px rgba(43, 55, 15, 0.06);
    transition: border-color 0.25s ease,
                transform 0.25s ease;
}

.about-area .principle-card:hover {
    border-bottom-color: #da9e17;
    transform: translateY(-3px);
}

/* Icons */

.about-area .principle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 0 0 15px;
    padding: 0;
    background: #f3f6e9;
    border: 1px solid #e6ebd8;
    border-radius: 7px;
    font-size: 22px;
}

/* Headings */

.about-area .principle-card h3 {
    margin: 0 0 12px;
    padding: 0;
    color: #4e6a09;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
}

.about-area .principle-line {
    display: block;
    width: 42px;
    height: 3px;
    margin: 0 0 15px;
    background: #da9e17;
    border: 0;
    border-radius: 2px;
}

/* Card Description */

.about-area .principle-card p {
    margin: 0;
    color: #35372f;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    text-align: left;
}

/* 40 YEARS EXPERIENCE HIGHLIGHT */

.about-area .about-experience {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    margin: 25px 0;
    padding: 20px 24px;
    background: #f5f7ed;
    border: 1px solid #dce4c6;
    border-left: 5px solid #6A8D00;
    border-radius: 7px;
    box-shadow: none;
}

.about-area .experience-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    margin: 0;
    background: #4e6a09;
    border-radius: 50%;
    color: #ffffff;
    font-size: 21px;
    font-weight: 700;
}

.about-area .about-experience p {
    margin: 0;
    color: #292c21;
    font-size: 17px;
    line-height: 1.7;
    font-weight: 500;
}

.about-area .about-experience strong {
    color: #4e6a09;
    font-weight: 800;
}

/* KNOW MORE BUTTON */

.about-area a.about-button {
    display: inline-block;
    margin: 8px 0 0;
    padding: 15px 34px;
    background: #da9e17;
    border: 2px solid #da9e17;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    box-shadow: none;
    transition: background 0.25s ease,
                border-color 0.25s ease;
}

.about-area a.about-button:hover {
    background: #4f6909;
    border-color: #4f6909;
    color: #ffffff;
}

/* TABLET */

@media (max-width: 991px) {
    .about-container {
        padding: 0 20px;
    }

    .about-highlights {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .about-principles {
        gap: 14px;
    }

    .about-area .principle-card {
        padding: 22px 18px;
    }

    .about-area .principle-card h3 {
        font-size: 21px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .about-area {
        padding: 25px 0 35px;
    }

    .about-container {
        padding: 0 15px;
    }

    .about-highlights {
        grid-template-columns: 1fr;
        gap: 9px;
        margin-bottom: 25px;
    }

    .about-area .highlight-item {
        min-height: 58px;
        padding: 13px 15px;
        font-size: 14px;
    }

    .about-area .about-intro p {
        font-size: 14px;
        line-height: 1.8;
        text-align: left;
    }

    .about-principles {
        grid-template-columns: 1fr;
        gap: 14px;
        margin: 28px 0 22px;
    }

    .about-area .principle-card {
        padding: 21px;
    }

    .about-area .principle-card h3 {
        font-size: 21px;
    }

    .about-area .principle-card p {
        font-size: 14px;
    }

    .about-area .about-experience {
        align-items: flex-start;
        padding: 16px;
        gap: 12px;
    }

    .about-area .experience-icon {
        width: 32px;
        height: 32px;
        font-size: 18px;
    }

    .about-area .about-experience p {
        font-size: 14px;
        text-align: left;
    }

    .about-area a.about-button {
        padding: 13px 28px;
        font-size: 13px;
    }
}





/* ============================================
   TERRYVINTAGE - EDITORIAL SERVICES DESIGN
   Original yellow background preserved
============================================ */

.offerings {
    display: block;
    clear: both;
    overflow: hidden;
    padding: 55px 0 65px;
    background: #f7c305 url('../images/yellow-bg.jpg') repeat;
}

.offerings,
.offerings * {
    box-sizing: border-box;
}

.offerings .container {
    width: 100%;
    max-width: 1300px;
    padding: 0 25px;
    margin: 0 auto;
}

/* SECTION HEADING */

.offerings .tv-services-heading {
    margin: 0 0 42px;
    text-align: center;
}

.offerings .tv-services-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: #4e6a09;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;
}

.offerings .tv-services-heading h2 {
    position: relative;
    margin: 0;
    padding: 0;
    color: #171a12;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
}

.offerings .tv-services-heading h2 strong {
    font-weight: 800;
}

.offerings .tv-services-heading h2:before {
    display: none;
}

.offerings .tv-heading-accent {
    margin: 12px 0 0;
    color: #343b22;
    font-size: 14px;
    line-height: 1.6;
}

/* CAROUSEL */

.offerings .tv-services-carousel {
    display: block;
    width: 100%;
}

.offerings .tv-services-carousel .item {
    display: flex;
    height: 100%;
    padding: 0 9px 10px;
}

/* DARK GREEN SERVICE PANEL */

.offerings .tv-service-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 460px;
    overflow: hidden;
    background: #26350e;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 7px 18px rgba(42, 47, 15, 0.12);
    transition: transform 0.25s ease,
                box-shadow 0.25s ease;
}

.offerings .tv-service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(42, 47, 15, 0.20);
}

/* IMAGE AREA */

.offerings .tv-service-image {
    position: relative;
    display: block;
    flex: 0 0 195px;
    width: 100%;
    height: 195px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #e7e7e2;
    text-decoration: none;
}

.offerings .tv-service-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease;
}

.offerings .tv-service-card:hover .tv-service-image img {
    transform: scale(1.04);
}

/* IMAGE NUMBER */

.offerings .tv-image-number {
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    height: 30px;
    padding: 0 8px;
    background: #da9e17;
    color: #171a12;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

/* CONTENT */

.offerings .tv-service-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: stretch;
    padding: 22px 21px 20px;
}

.offerings .tv-service-content h3 {
    margin: 0 0 14px;
    padding: 0 0 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
}

.offerings .tv-service-content h3 a {
    color: #ffffff;
    text-decoration: none;
}

.offerings .tv-service-content h3 a:hover {
    color: #f2c64b;
}

/* DESCRIPTION */

.offerings .tv-service-description {
    flex: 1 0 auto;
    margin: 0;
    padding: 0 0 20px;
    color: #e6e9df;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.offerings .tv-service-description p {
    margin: 0 0 10px;
    padding: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.offerings .tv-service-description p:last-child {
    margin-bottom: 0;
}

/* EXPLORE SERVICE LINK */

.offerings .tv-service-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin: auto 0 0;
    padding: 13px 0 0;
    border-top: 2px solid #da9e17;
    background: transparent;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}

.offerings .tv-service-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    background: #da9e17;
    color: #1d280b;
    font-size: 19px;
    line-height: 1;
    transition: background 0.25s ease,
                transform 0.25s ease;
}

.offerings .tv-service-link:hover {
    color: #f2c64b;
    text-decoration: none;
}

.offerings .tv-service-link:hover .tv-service-arrow {
    background: #ffffff;
    transform: translate(2px, -2px);
}

/* TABLET */

@media (max-width: 991px) {
    .offerings {
        padding: 42px 0 48px;
    }

    .offerings .container {
        padding: 0 16px;
    }

    .offerings .tv-services-heading {
        margin-bottom: 32px;
    }

    .offerings .tv-services-heading h2 {
        font-size: 25px;
    }

    .offerings .tv-services-carousel .item {
        padding: 0 7px 10px;
    }

    .offerings .tv-service-card {
        min-height: 440px;
    }

    .offerings .tv-service-image {
        flex-basis: 175px;
        height: 175px;
    }

    .offerings .tv-service-content {
        padding: 18px 16px;
    }

    .offerings .tv-service-content h3 {
        font-size: 17px;
    }

    .offerings .tv-service-description {
        font-size: 13px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .offerings {
        padding: 32px 0 38px;
    }

    .offerings .container {
        padding: 0 12px;
    }

    .offerings .tv-services-heading {
        margin-bottom: 26px;
    }

    .offerings .tv-services-eyebrow {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .offerings .tv-services-heading h2 {
        font-size: 22px;
        line-height: 1.45;
    }

    .offerings .tv-heading-accent {
        font-size: 13px;
    }

    .offerings .tv-services-carousel .item {
        padding: 0 5px 8px;
    }

    .offerings .tv-service-card {
        min-height: 0;
    }

    .offerings .tv-service-image {
        flex-basis: 210px;
        height: 210px;
    }

    .offerings .tv-service-content {
        padding: 20px 18px 18px;
    }

    .offerings .tv-service-content h3 {
        font-size: 19px;
    }

    .offerings .tv-service-description {
        flex-grow: 0;
        font-size: 14px;
        line-height: 1.75;
    }

    .offerings .tv-service-link {
        margin-top: 8px;
    }
}


.footerCallus{padding:40px 0 25px; text-align:center; }
.footerCallus h4{ font-size:26px; font-weight:700;}
.footerCallus p{ font-size:16px}
.footerCallus a{ font-size:26px; font-weight:700;}

.gallery-box{background:#fff; position:relative; top:-40px; margin-bottom:-50px; z-index:100; padding:0;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.gallery-box .col-md-8 > div{padding:35px 25px 10px; display:block;}
.gallery-box .col-md-4 > div{background:#4c6508; display:block; overflow:hidden; color:#fff; padding:25px; font-size:15px;}

.gallery-box #photos [class^="col-"]{margin-bottom:25px;}
.gallery-box #photos [class^="col-"] a{position:relative; display:block; overflow:hidden;}
.gallery-box #photos [class^="col-"] a:before{position:absolute; content:''; display:block; z-index:1; background:rgba(0,0,0,0.0); left:0; right:0; top:0; bottom:0; transition:.2s ease-in-out;}
.gallery-box #photos [class^="col-"] a:hover:before{background:rgba(0,0,0,0.5);}
.gallery-box #photos [class^="col-"] a:after{position:absolute; content:''; display:block; z-index:2; border:1px rgba(255,255,255,0) solid; left:0; right:0; top:0; bottom:0; transition:.2s ease-in-out;}
.gallery-box #photos [class^="col-"] a:hover:after{left:10px; right:10px; top:10px; bottom:10px; border:1px rgba(255,255,255,0.5) solid;}
.gallery-box #photos [class^="col-"] a span{position:absolute; left:50%; top:80%; transform: translate(-50%,-50%); color:#fff; text-transform:uppercase; font-weight:800; text-align:center; line-height:1.2; z-index:3; opacity:0; transition:.2s ease-in-out;}
.gallery-box #photos [class^="col-"] a:hover span{top:50%; opacity:1;}



.footer{background:transparent url('../images/footer-bg.jpg') repeat; display:block; clear:both; overflow:hidden; padding:80px 0 15px; color:#fff; position:relative;}
.footer h3{font-weight:500; font-size:18px; text-transform:uppercase; display:block; margin-bottom:15px;}
.footer h3 strong{color:#f7c305; font-weight:500;}
.footer .form-control{width:100%; border:none; border-radius:0; font-size:14px;}
.footer label{width:100%; margin-bottom:15px;}
.footer label textarea{height:81px;}
.footer .btn{ width:100%; height:81px; border-radius:0; border:none; background:#da9e17; color:#000; text-transform:uppercase; font-weight:600;}
.footer .btn:hover{background:#4d6c07; color:#fff;}

.footer-social-icon{border-top:1px rgba(255,255,255,0.2) solid; border-bottom:1px rgba(255,255,255,0.2) solid; margin:15px auto;}
.footer-social-icon ul{list-style-type:none; margin:0; padding:0; padding:15px 0;}
.footer-social-icon ul li{display:inline-block; margin:0 8px;}
.footer-social-icon ul li a{color:#c6c0db; font-size:12px; text-transform:uppercase;}
.footer-social-icon ul li a:hover{color:#fff;}
.footer-social-icon [class^="col-"]:last-child ul{float:right;}
.footer-social-icon [class^="col-"]:last-child ul li i{font-size:20px;}

.copyWriteArea{text-align:center; display:block; padding-top:0px;}
.copyWriteArea p{display:block; margin-bottom:5px; margin-top:20px; font-size:14px;}
.copyWriteArea p strong{color:#f7c305; font-weight:400;}
.copyWriteArea img{ width:180px;}

#scroll-icon {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-color:#4e6a09;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:99999;
}
#scroll-icon span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:7px solid transparent;
    border-bottom-color:#ffffff
}
#scroll-icon:hover {
    background-color:#f9c205;
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}



/* -- Inner Area -- */
.inner-container+.footer{padding-top:50px;}


.inner-header{display:block; overflow:hidden; clear:both; padding:50px 0; background:#29166f url('../images/yellow-bg.jpg') repeat fixed;}
.inner-header h1{color:#fff; margin:0; padding:0; font-size:28px; text-transform:uppercase; position:relative;}
.inner-header h1:before{content:''; display:block; position:absolute; left:0; bottom:-8px; height:3px; width:35px; background:#1f1a17;}

.inner-container p{text-align:justify;}
.inner-container h2{font-size:24px; color:#1f1a17; font-weight:700;}
.inner-container h3{font-size:22px; font-weight:600;}
.inner-container h4{font-size:20px; font-weight:600;}
.inner-container h5{font-size:15px; font-weight:700; color:#29166f;}

.principal-area{display:block; overflow:hidden; background:#fff7dc; padding:60px 0 40px; margin-bottom:50px;}
.principal-area [class^="col-"]:first-child{text-align:center;}
.principal-area img{border:10px #fff solid;}
.principal-area [class^="col-"] h3{font-size:17px; text-transform:uppercase; font-weight:700; margin:15px 0 5px;}


/* -- ourmission -- */
.ourmission .accordion-header{margin:0;}
.ourmission .accordion-header a{display:block; margin:0; overflow:hidden; clear:both; background:#f7c305; outline:1px #f7c305 solid; outline-offset: -1px; font-size:14px; text-transform:uppercase; font-weight:600;}
.ourmission .accordion-header a strong{background:#1f1a17; padding:5px 15px; width:70px; float:left; color:#fff; position:relative;}
.ourmission .accordion-header a strong:after{content:''; display:block; position:absolute; right:-7px; top:9px; border-left:7px #1f1a17 solid; border-top:7px transparent solid; border-bottom:7px transparent solid;}
.ourmission .accordion-header a span{padding:5px 20px; color:#fff; float:left;}
.ourmission .accordion-header a.collapsed{background:#fff; outline-color:#e7e7e7; margin:0 0 15px;}
.ourmission .accordion-header a.collapsed span{color:#1f1a17;}
.ourmission .accordion-body{margin-left:70px; border-left:1px #e7e7e7 solid; padding:25px 25px 10px;}
.ourmission .accordion-body p{text-align:justify; font-size:14px;}
.ourmission .accordion-body h4{font-size:16px; font-weight:700; margin-bottom:15px; color:#af1f2a;}


.lab-area{background:#000 url('../images/school-bg.jpg') no-repeat fixed center center; background-size:colver;}
.lab-area h2{text-align:center; margin-bottom:35px; color:#fff;}
.lab-area p{text-align:left;}
.lab-area .bg-white p:last-child{margin-bottom:0;}


.faculty-area{background:#efefef;}
.faculty-area h3{color:#29166f;}
.faculty-area h4{font-size:17px; font-weight:700; margin-bottom:5px;}
.faculty-area span{text-transform:uppercase; color:#1f1a17;}

.other-faculty h4{font-size:16px; margin-bottom:0px;}
.other-faculty span{font-size:12px; color:#444; margin-bottom:25px; display:block;}


.activities-boxes{display:block;}
.activities-boxes .row > [class^="col-"] > div{padding:30px 30px 30px 0; display:block; overflow:hidden;}
.activities-boxes .row > [class^="col-"]:last-child{background:#fff; position:relative;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}
.activities-boxes .row > [class^="col-"]:last-child:after{position:absolute; content:''; display:block; left:-50px; right:100%; background:rgba(255,255,255,1); top:0; bottom:0; z-index:100;}
.activities-boxes small{margin-bottom:5px; background:#d66c69; color:#fff; padding:1px 5px 3px; display:inline-block; line-height:1;}
.activities-boxes h2{font-size:20px; font-weight:600; margin-bottom:15px; color:#1f1a17; margin-top:0!important;}
.activities-boxes span, .package-price span{color:#d66c69; font-size:26px; margin-bottom:15px; display:block;}
.activities-boxes span i, .package-price span i{font-size:20px}
.activities-boxes .row > [class^="col-"] > div > a{border:}

.activities-boxes .row:nth-child(even) > [class^="col-"]:first-child{position:relative; right:-50%;}
.activities-boxes .row:nth-child(even) > [class^="col-"]:last-child{position:relative; left:-50%;}
.activities-boxes .row:nth-child(even) > [class^="col-"] > div{padding:30px 0 30px 30px;}
.activities-boxes .row:nth-child(even) > [class^="col-"]:last-child:after{right:-50px; left:100%;}


.upcoming-event{position:relative; z-index:3;}
.upcoming-event [class^="col-sm-6"]{overflow:hidden; position:relative;}
.upcoming-event [class^="col-sm-6"] > a{padding:25px; display:block;background:#ddd; color:#222;}
.upcoming-event [class^="col-sm-6"] > a p{text-align:left;}
.upcoming-event [class^="col-sm-6"] > a:hover{background:#1f1a17; color:#fff;}
.upcoming-event [class^="col-sm-6"] > a > strong{text-transform:uppercase; font-size:12px; font-weight:900; text-decoration:underline;}
.upcoming-event [class^="col-sm-6"] > a:hover strong{text-decoration:none;}
.upcoming-event h3{font-size:60px; color:#364a53;}
.upcoming-event [class^="col-sm-6"] > img{width:100%; display:block; margin:0; padding:0;}
.upcoming-event h4{font-size:18px; line-height:1.2; margin-bottom:10px; font-weight:700;}

.flex-box{display:flex;}
.flex-box [class*="col-"]{background-repeat:no-repeat; background-position:center center; background-size:cover;}

.col-md-push-6 {left: 50%;}
.col-md-pull-6 {right: 50%;}


.event-tab-area .accordion-header{border-top:1px #ccc solid;}
.event-tab-area .accordion-header:first-child{border:none;}
.event-tab-area .accordion-header a{display:block; position:relative; margin:0; padding:15px 0; overflow:hidden; clear:both; font-size:14px; text-transform:uppercase; font-weight:600; color:#555555;}
.event-tab-area .accordion-header a i{margin-right:5px; color:#1f1a17;}
.event-tab-area .accordion-header a:before{content:'\f0d8'; display:block; font-family:'FontAwesome'; position:absolute; right:10px; color:#b0b0b0;}
.event-tab-area .accordion-header a.collapsed:before{content:'\f0d7';}
.event-tab-area .accordion-body{margin-bottom:15px; background:#eee; padding:15px;}
.event-tab-area .accordion-body span{color:#1f1a17; font-weight:700; margin-bottom:10px; display:block;}


.inner-container .tab-pane > div{padding:25px 0; display:block;}
.inner-container .tab-pane > div h3{margin-bottom:10px; font-size:16px; font-weight:700;}
.inner-container .tab-pane > div ul{margin:0 -15px 15px; padding:0; list-style-type:none; display:block;overflow: hidden;}
.inner-container .tab-pane > div ul li{width:25%; display:block; float:left; padding:15px;}


.contact-details h2{margin-bottom:25px;}
.contact-details ul{margin:0; padding:0; list-style-type:none;}
.contact-details ul li{display:block; margin:5px 0; font-size:16px;}
.contact-details ul li i{width:22px; color:#1f1a17;}


.table .thead-dark th{background:#1f1a17!important; border-color:#413935!important;}

.innerBannerArea{display:block; clear:both; position:relative;}
.innerBannerArea h1{ position:absolute; bottom:0; background:#f7c305; padding:15px; margin-bottom:0; font-weight:700; text-transform:uppercase;}
.innerBannerArea h1:before{position:absolute; left:-200%; right:-230%; top:0; bottom:-20px; content:''; display:block; background:#f7c305;}
.innerBannerArea h1 span{ position:relative; z-index:5;}

.innerContentArea{display:block; overflow:hidden; background:transparent url('../images/innerbg2.jpg') no-repeat center center fixed; background-size:cover;}
.innerContentArea p{text-align:justify;}
.innerContentArea > div{background:rgba(255,255,255,0.7); padding:60px 30px 40px;}

.textHighlights{display:block; overflow:hidden; padding:25px 20px 10px; background:#4f6909; color:#fff;}
.textHighlights p{ text-align:left; font-weight:700; line-height:1.2;}
.textHighlights a{color:#f7c305;}


.serviceGallery{ padding-top:20px;}
.serviceGallery [class^="col-"]{ margin-bottom:30px;}
.serviceGallery [class^="col-"] > a{ display:block; overflow:hidden; height:300px; width:100%; overflow:hidden; border:5px #4f6909 solid; position:relative;}
.serviceGallery [class^="col-"] > a img{ left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; min-height:300px; min-width:100%;}
.serviceGallery [class^="col-"] > a:before{ position:absolute; display:block; content:'';  left:0; right:0; top:0; bottom:0; background:rgba(79,105,9,0); z-index:10;transition:all .2s ease-in-out;}
.serviceGallery [class^="col-"] > a:hover:before{background:rgba(79,105,9,0.6);}

.work-process ul{padding:0; margin:0; list-style-type:none;  }
.work-process ul li{display:block; padding-bottom:5px; padding-left:35px; margin-bottom:15px; position:relative; border-bottom:1px dashed #4f6909;}
.work-process ul li:before{position:absolute; left:0; top:0; height:32px; width:32px; background:url('../images/arrow.png') no-repeat; content:''; display:block;}
.work-process ul li strong{color:#4f6909;}

.testimonialsArea{display:block; clear:both; overflow:hidden; padding:60px 0 0; text-align:center; position:relative; color:#222;}
.testimonialsArea:before{position:absolute; left:0; right:0; bottom:0; height:200px; content:''; display:block; background:#4c6508;}
.testimonialsArea > div{position:relative;z-index:2; }
.testimonialsArea h3{ font-size:20px;}
.testimonialsArea [class^="col-"]{text-align:left; line-height:1.3;}
.testimonialsArea [class^="col-"] > div{padding:25px; background:#eee; height:200px; }
.testimonialsArea [class^="col-"] > div h4{font-size:16px; margin-bottom:0; font-weight:600; }
.testimonialsArea .row + a{margin-bottom:25px; color:#fff; display:block; font-weight:600; letter-spacing:1px;}
.testimonialsArea .row + a:hover{color:var(--dark);}

.two-section{ text-align:left; color:#111;  padding:35px 0 20px;}
.two-section > div{ padding:35px;  background:#eee; border:1px dashed #111; margin-bottom:20px; display:block }
.two-section p{  display:block; margin-bottom:15px; }





/* Main Section */
.tv-tools-section {
    position: relative;
    padding: 110px 0;
    overflow: hidden;
    background: #29351f;
}

/* Parallax Background */
.tv-parallax-bg {
    position: absolute;
    inset: -100px 0;
    background-image: url('../images/house-painting-plastering.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: 0;
}

/* Overlay */
.tv-parallax-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 35, 15, 0.62);
    z-index: 1;
}

/* Container */
.tv-tools-section .container {
    position: relative;
    z-index: 2;
}

/* Wrapper */
.tv-tools-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
}

/* Square Box */
.tv-tool-circle {
    width: 350px;
    height: 350px;

    border-radius: 15px;
    background: #e6c64b;
    border: 5px solid #a0ad69;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-decoration: none;
    cursor: pointer;

    box-shadow: 0 15px 40px rgba(0,0,0,0.30);

    transition: all 0.4s ease;
}

/* Inner Box */
.tv-tool-inner {
    width: 230px;
    height: 230px;

    border-radius: 12px;
    background: #f5f1d8;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 25px;
    transition: all 0.4s ease;
}

.tv-tool-inner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.4s ease;
}

/* Label */
.tv-tool-label {
    color: #405526;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-top: 15px;
}

/* Hover Effect */
.tv-tool-circle:hover {
    transform: translateY(-12px);
    background: #f5f1d8;
    border-color: #e6c64b;
    box-shadow: 0 22px 45px rgba(0,0,0,0.4);
    text-decoration: none;
}

.tv-tool-circle:hover .tv-tool-inner {
    background: #e6c64b;
}

.tv-tool-circle:hover img {
    transform: scale(1.08);
}

.tv-tool-circle:hover .tv-tool-label {
    color: #29351f;
}

/* Focus */
.tv-tool-circle:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 6px;
}

/* Mobile */
@media (max-width: 767px) {

    .tv-tools-section {
        padding: 65px 15px;
    }

    .tv-parallax-bg {
        background-attachment: scroll;
        inset: 0;
    }

    .tv-tools-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .tv-tool-circle {
        width: 100%;
        max-width: 300px;
        height: 300px;
    }

    .tv-tool-inner {
        width: 190px;
        height: 190px;
    }
}


/* Main Section 

.tv-tools-section {
    position: relative;
    padding: 110px 0;
    overflow: hidden;
    background: #29351f;
}


/* Parallax Background 

.tv-parallax-bg {
    position: absolute;
    inset: -100px 0;

    background-image: url('../images/house-painting-plastering.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    background-attachment: fixed;

    z-index: 0;
}


/* Dark Overlay 

.tv-parallax-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 35, 15, 0.62);
    z-index: 1;
}


/* Content 

.tv-tools-section .container {
    position: relative;
    z-index: 2;
}


/* Circle Wrapper 

.tv-tools-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
}


/* Circle 

.tv-tool-circle {
    width: 390px;
    height: 390px;

    border-radius: 50%;
    background: #e6c64b;
    border: 8px solid #a0ad69;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    box-shadow: 0 15px 40px rgba(0,0,0,0.30);

    transition: 0.4s ease;
}


/* Inner Circle 

.tv-tool-inner {
    width: 285px;
    height: 285px;

    border-radius: 50%;
    background: #f5f1d8;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 25px;
}

.tv-tool-inner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* Text 

.tv-tool-label {
    color: #405526;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    margin-top: 12px;
}


/* Hover 

.tv-tool-circle:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 45px rgba(0,0,0,0.4);
}

.tv-tool-circle {
    text-decoration: none;
    cursor: pointer;
}

.tv-tool-circle:hover {
    text-decoration: none;
}

.tv-tool-circle:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 6px;
}

.tv-tool-label {
    text-decoration: none;
}
/* Mobile 

@media (max-width: 767px) {

    .tv-tools-section {
        padding: 65px 15px;
    }

    .tv-parallax-bg {
        background-attachment: scroll;
        inset: 0;
    }

    .tv-tools-wrapper {
        flex-direction: column;
        gap: 35px;
    }

    .tv-tool-circle {
        width: 235px;
        height: 235px;
    }

    .tv-tool-inner {
        width: 145px;
        height: 145px;
    }

}


/* Gallery Section */
.tv-gallery-section {
    padding: 70px 0;
    background: #fff;
}

.tv-plastering-gallery {
    background: #f7f8f1;
}

.tv-gallery-heading {
    text-align: center;
    margin-bottom: 35px;
}

.tv-gallery-heading span {
    display: block;
    color: #87994f;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.tv-gallery-heading h2 {
    color: #405526;
    font-size: 36px;
    font-weight: 700;
}

/* Gallery Grid */
.tv-gallery-section .serviceGallery {
    row-gap: 25px;
}

.tv-gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background: #f1f1f1;
    height: 280px;
}

.tv-gallery-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.tv-gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    image-rendering: auto;
}

/* Zoom Icon */
.tv-gallery-zoom {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e8bd25;
    color: #405526;
    border-radius: 50%;
    font-size: 20px;
    opacity: 0;
    transition: 0.3s ease;
}

.tv-gallery-item:hover .tv-gallery-zoom {
    opacity: 1;
}

/* Responsive */
@media (max-width: 767px) {
    .tv-gallery-section {
        padding: 45px 0;
    }

    .tv-gallery-heading h2 {
        font-size: 28px;
    }

    .tv-gallery-item {
        height: 220px;
    }

    .tv-gallery-zoom {
        opacity: 1;
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 480px) {
    .tv-gallery-section .col-sm-6 {
        width: 100%;
    }

    .tv-gallery-item {
        height: 250px;
    }
}

  li.menu-item-has-children ul li::before, .sub-menu li::before {
      content: "•";
      color: #FFCC00;
      font-size: 24px;
      font-weight: bold;
      margin-right: 14px;
      
      vertical-align: middle;
      line-height: 1; display:none!important;
    }




/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media (min-width: 1400px){
.project-slider .notice-box{padding:25px 25px;}
.project-slider .notice-box ul li{margin-bottom:20px;}
.project-slider .notice-box ul li p{line-height:1.5;}
.project-slider .notice-box > div > a{margin:10px auto 0;}

}


@media (max-width: 1024px){
}

@media (max-width: 991px){
.stellarnav{height:0;}
.stellarnav.active{height:auto;}
.header-links > li{display:none;}
.header-links > li:first-child{display:block;}

.project-slider .d-none{display:block!important;}
.project-slider .d-block{display:none!important;}
.project-slider .notice-box{width:100%; display:block; position:static; clear:both;}

.header-nav{height:39px;}
}

@media (max-width: 767px){
.header{text-align:center;}
.header [class^="col-"]{margin:0!important;}
.header-nav{top:0; margin-bottom:0;}

.project-slider .carousel-indicators {
    bottom: 10px; right:-35px;
    left:auto;
}

.header-links{font-size:12px; margin:0 0 0px;}
.toplinks li{ margin:0px;}
.toplinks li a{font-size:12px;}


.about-area h1{font-size:24px;}

.offerings .item{text-align:center;}


.ourmission .accordion-body{margin-left:0px; border-right:1px #e7e7e7 solid; padding:15px 15px 10px;}

.activities-boxes .row:nth-child(even) > [class^="col-"]:first-child{right:0%;}
.activities-boxes .row:nth-child(even) > [class^="col-"]:last-child{left:0%;}
.activities-boxes .row > [class^="col-"] > div{padding:20px!important;}
.activities-boxes .row > [class^="col-"]:last-child:after{ display:none;}


}

@media (max-width: 500px){
[class^="col-"]{margin:20px 0;}
.footer [class^="col-"]{margin:0;}
.footer .btn{height:35px;}
.footer{text-align:center;}
.footer-social-icon [class^="col-"]:last-child ul{width:100%;}

.toplinks{margin-bottom:15px;}
.gallery-box .nav-tabs li{margin-right:5px;}
.gallery-box .nav-tabs a{padding:5px 10px;}
.gallery-box #photos [class^="col-"]{margin-bottom:0px;}

.ourmission .accordion-header a strong{width:75px; padding:5px 0 5px 10px;}
.ourmission .accordion-header a span{padding:5px 15px;}


.col-md-push-6 {left: 0%;}
.col-md-pull-6 {right: 0%;}
.upcoming-event [class^="col-sm-6"] > div{margin-bottom:20px; overflow:hidden;}
.flex-box{display:block;}
.flex-box [class*="col-"]{min-height:200px;}

.tab-pane > div ul li{width:50%;}

.fixed-btn{/*display:none;*/}

}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}