/*** ===================================
            CUSTOM CSS
=================================== ***/
/***Custom CSS LATEST NEWS***/
.ho-ev-latest{position:relative;overflow:hidden;width:100%;padding:10px;border-radius:4px}
.ho-ev-latest:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(3,41,79,.82),rgba(6,53,98,.62))}
.ho-ev-latest-bg-1{background:#02294e}
.ho-lat-ev{position:relative}
.ho-lat-ev h4{color:#fff;font-size:22px}
.ho-event ul li{border-bottom:1px solid #e0e0e0;padding:15px 0;position:relative;overflow:hidden}
.post-date{float:left;margin-right:10px;text-align:center}
.post-date .day{background:#000;border-radius:2px 2px 0 0;color:#ccc;display:block;font-size:18px;font-weight:900;padding:10px}
.post-date .day{color:#fff}
.post-date .month{display:block;background:#ccc;border-radius:0 0 2px 2px;color:#fff;font-size:.8em;line-height:1.8;padding:1px 10px;text-transform:uppercase}
.post-date .month{background-color:#08c}
.ho-ev-link{float:left;width:60%}
.ho-ev-link a p{color:#333;margin-bottom:3px;font-size:13px;line-height:20px;border-bottom:0}
@media screen and (max-width: 992px) {
    .ho-event-mob-bot-sp { margin-bottom: 50px;}
    .ho-ev-link {width: 75%;}
}

/*** CSS GRID GALLERY ***/
.gallery-grid-area{padding-top:75px;padding-bottom:100px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;grid-auto-flow:dense;gap:6px}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery img.four-grid-cells{grid-row:span 2 / auto;grid-column:span 2 / auto}
.gallery img.wide-image{grid-column:span 2 / auto}

/*** Call to Action 2 ***/
.banner.type_3 {padding-top: 60px;padding-bottom: 60px;}
.banner.type_3 .banner_content {background: #ff3b3e;border-radius: 32px;}
.banner .banner_content {background: #ff3b3e;padding: 60px 0px;}
.banner .banner_content .banner_text {padding-left: 70px;padding-right: 70px;border-right: 1px solid #ffffff;}
.banner .banner_content .banner_text h1 {font-weight: 700;line-height: 44px;color: #ffffff;}
.banner .banner_content .banner_phone {padding-top:25px;}
.banner .banner_content .banner_phone img { margin-right: 15px;}
.banner .banner_content .banner_phone span {font-size: 36px;font-weight: 800;color: #ffffff;}
@media screen and (max-width: 991px) {
    .banner .banner_content {text-align: center;padding: 30px 30px;}
    .banner .banner_content .banner_text {padding: 0px 0px 15px 0px;border: 0px;}
}


.bg_solution-plumber{background-image:url(../images/service/11.png);margin:0 40px;border-radius:60px;display:block;overflow:hidden}
.bg_image{background-repeat:no-repeat;background-size:cover;background-position:center center}
.rts-section-gapTop{padding-top:120px}
.mb--120{margin-bottom:120px!important}
.single-colution-details-plumber{text-align:center;padding:50px 30px;background:#fff;border-radius:30px;box-shadow:0 9px 47px rgb(12 29 49 / 6%);height:100%}
.single-colution-details-plumber .icon{margin-bottom:30px}
svg:not(:root){overflow:hidden}
img,svg{vertical-align:middle}
.single-colution-details-plumber .title{margin-bottom:20px}
.single-colution-details-plumber p.disc{margin-bottom:30px}
.rts-btn{padding:19px 40px;font-size:16px;line-height:19px;font-weight:600;font-family:var(--font-secondary);border-radius:100px;display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;min-width:max-content}
.rts-btn.btn-primary{color:#fff;background:#1f1f25}
.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.thumbnail-img-plumber{height:100%}
.thumbnail-img-plumber img{height:100%;width:100%}
@media only screen and (max-width: 767px) {
    .bg_solution-plumber{margin:0 20px}
    .rts-section-gapTop{padding-top:60px}
}

/*** Course Block Style ***/
.grey-bg-4{background-color:#e5e5e5}
.tp-cta-2-left{height:100%}
.tp-cta-2-left p{padding-right:80px}
.black-bg{background:#000}
.tp-section-wrapper{z-index:9;position:relative}
.tp-section-subtitle{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;display:inline-block}
.tp-title-size{font-size:36px;margin-bottom:22px;margin-right:50px}
.tp-section-title{font-size:43px}
.tp-btn-white{font-size:12px;text-transform:uppercase;line-height:22px;font-weight:500;color:#ffffff;background-color:#000;letter-spacing:.18em;padding:20px 40px;border:1px solid rgba(135,135,135,.25);display:inline-block}
.tp-btn-white span{margin-left:10px;display:inline-block;position:relative}
.tp-btn-white span svg,.tp-btn-white span i{transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1)}
.tp-btn-white span svg:first-child,.tp-btn-white span i:first-child{position:absolute;top:0;left:0;opacity:0;transform:translateX(-20px) translateY(0)}
.tp-cta-img{height:100%}
.tp-cta-img img{height:100%;object-fit:cover}
.w-img img{width:100%}
.tp-cta-2-right{height:100%}
.white-bg{background:#fff}
.grey-text-color {color: #dbcccc}
@media (max-width: 767px) {
    .tp-cta-2-left{padding-left:15px;padding-right:15px;padding-top:50px;padding-bottom:50px}
    .tp-cta-2-right{padding-left:15px;padding-right:15px;padding-top:50px;padding-bottom:50px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-cta-2-left{padding-left:50px;padding-right:50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-cta-2-left{padding-left:40px;padding-right:40px}
}
@media (max-width: 767px) {
    .tp-cta-2-left{padding-left:15px;padding-right:15px;padding-top:50px;padding-bottom:50px}
}
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-title-size{margin-right:0}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
    .tp-section-title{font-size:26px;padding-right:0;margin-bottom:15px}
}
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-cta-2-left p{padding-right:0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-cta-2-right{padding-left:50px;padding-right:50px}
}
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-cta-2-right{padding-left:40px;padding-right:40px}
}
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-cta-2-left p{padding-right:0}
}
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-cta-2-right p{padding-right:0}
}
.pr-30{padding-right:30px}
.pl-75{padding-left:75px}
.pl-90{padding-left:90px}
.pt-10{padding-top:10px}
.pt-135{padding-top:135px}
.pb-135{padding-bottom:135px}
.p-0{padding:0!important}
.mt-50{margin-top:50px}
.mb-20{margin-bottom:20px}
.g-0,.gy-0{--bs-gutter-y:0}
.g-0,.gx-0{--bs-gutter-x:0}

/*** Departments Section Custom CSS Styles ***/
.projects{margin-bottom:30px;box-shadow:0 20px 40px rgba(0,0,0,.24)}
.background-white{background-color:#fff!important}
.projects>.inner-content{padding:0}
.projects>.inner-content:before{background-color:#01d6a3;content:'';display:block;position:absolute;bottom:16px;right:0;width:3px;height:18px}
.projects>.inner-content .project-title-v2 h3{line-height:30px!important;max-width:450px;z-index:2;color:#fff;font-size:24px;padding:20px;top:30px;left:0;font-weight:600;font-family:"Ubuntu",Tahoma,Geneva,sans-serif}
.projects>.inner-content .thumb{overflow:hidden}
.projects>.inner-content .thumb:before{position:absolute;content:'';top:0;left:0;z-index:1;width:100%;height:30%;background-image:-webkit-linear-gradient(180deg,#202124,transparent);background-image:linear-gradient(180deg,#202124,transparent)}
.projects>.inner-content .thumb:after{position:absolute;content:'';bottom:0;left:0;width:100%;height:30%;background-image:-webkit-linear-gradient(0deg,#202124,transparent);background-image:linear-gradient(0deg,#202124,transparent)}
.projects>.inner-content img{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.projects>.inner-content .project-summary-v2{position:absolute;overflow:hidden;width:100%;z-index:7;bottom:30px;padding:20px}
.project-summary-v2 .project-number{color:#fff}
.project-summary-v2 .popup-trigger{color:#fff;padding:10px;border-left:3px solid #01d6a3;}
.project-summary-v2 .popup-trigger:hover {background:#01d6a3;color:#0a0a0a}
.position-absolute{position:absolute!important}
.position-relative{position:relative!important}
.width-100{width:100%!important}
.pull-left{float:left}
.pull-right{float:right}
.title-small{font-size:20px!important;line-height:30px!important}
@media (max-width:767px) {
    .section-block {padding: 60px 0 60px 0}
}
@media (min-width:544px) and (max-width:991px) {
    .projects>.inner-content .project-about .project-detail p {font-size: 18px!important;line-height: 27px!important}
}
@media (min-width:992px) and (max-width:1199px) {
    .projects>.inner-content .project-about .project-detail {padding: 2px}
    .projects>.inner-content .project-about .project-detail p {font-size: 11px!important;line-height: 20px!important}
}

.primary-list{padding-left:0}
.primary-list li{list-style-type:none;color:#222;font-size:14px;font-weight:600;margin-top:10px;list-style-type:none}
.primary-list li i{color:#2387ea;padding-right:10px}

.pt-100 {padding-top: 100px;}
.pb-100 {padding-bottom: 100px;}
.pt-20 {padding-top: 20px;}
.cods-shadow {box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}
.cods-border-left {border-left: 8px solid #ff3b3e; padding-left: 15px;}
.cods-bg-grey {background-color: #e5e5e5;}
.cods-bg-orange {background-color: #ff3b3e; color: #fff;}

/*** CUSTOM CSS - IMAGE GALLERY **/
.container-all{width:fit-content;margin:20px auto;height:auto}
.container-gallery{width:calc(50% - 6px);overflow:hidden;height:fit-content;margin:3px;padding:0;display:block;position:relative;float:left}
.container-gallery img{width:100%;transition-duration:.3s;max-width:100%;display:block;overflow:hidden;cursor:pointer}
.container-gallery:hover img{transform:scale(1.2);transition-duration:.3s;filter:grayscale(50%);opacity:.7}
@media only screen and (max-width: 900px) {.container-gallery {width: calc(100% - 6px);}}
@media only screen and (max-width: 400px) {.container-gallery {width: 100%;}}

/*** Custom CSS - Upcoming Events ***/
.panel{background:rgba(255,255,255,.85);margin-bottom:5px;border-radius:16px;-webkit-box-shadow:0 8px 6px -6px rgb(50 51 51 / 10%);-moz-box-shadow:0 8px 6px -6px rgba(50,51,51,.1);box-shadow:0 8px 6px -6px rgb(50 51 51 / 10%)}
.lgx-panel{border:none;box-shadow:none}
.panel-default{border-color:#ddd}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / 5%);box-shadow:0 1px 1px rgb(0 0 0 / 5%)}
.panel-group{margin-bottom:0}
.panel-group .panel{background:rgba(255,255,255,.85);margin-bottom:5px;border-radius:16px;-webkit-box-shadow:0 8px 6px -6px rgb(50 51 51 / 10%);-moz-box-shadow:0 8px 6px -6px rgba(50,51,51,.1);box-shadow:0 8px 6px -6px rgb(50 51 51 / 10%)}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}
.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:rgba(50,51,51,.8)}
.lgx-panel .lgx-single-schedule{display:flex;padding:2rem 1.5rem}
.lgx-panel .lgx-single-schedule .author{max-width:100px;margin-right:1rem;margin-top:2rem}
.lgx-panel .lgx-single-schedule .author img{border-radius:50%;margin-bottom:.4rem;border:2px solid #efa506;max-width:100%}
.lgx-panel .lgx-single-schedule .schedule-info{width:100%;background:#fff;padding:2.6rem 3rem;border-radius:8px}
.lgx-panel .lgx-single-schedule .schedule-info .time{background:rgba(239,165,6,.1);font-family:Oswald,sans-serif;font-size:18px;line-height:2.4000000000000004rem;font-weight:600;text-transform:uppercase;display:inline-block;margin:0 0 .5rem;padding:.2rem 1rem;border-radius:25px}
.lgx-panel .lgx-single-schedule .schedule-info .time span{color:#efa506}
.lgx-panel .lgx-single-schedule .schedule-info .title{font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:900;line-height:2.0;margin:0}
.lgx-panel .lgx-single-schedule .schedule-info .author-info{font-size:18px;line-height:2.4000000000000004rem;font-weight:400;margin-bottom:0}
.lgx-panel .lgx-single-schedule .schedule-info .author-info span{color:#ec398b}
@media (max-width: 767px) {
    .schedule-info .h3,h3{font-size:16px;line-height:2.4rem;font-weight:400}
}

.events-sec {padding-top: 100px; padding-bottom: 100px;}
.pt-50 {padding-top: 50px;}

/*** Sidebar - Upcoming Events ***/
.s-right {
    position: relative;
}
.img-hover .hover-item {
    overflow: hidden;
}
.s-right .image-wrap {
    position: relative;
    z-index: 0;
}
.s-right .image-wrap .image {
    border-radius: 20px 20px 0px 0px;
    overflow: hidden;
}
.tf-animate-2 {
    clip-path: inset(0 0 100% 0);
    -webkit-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
    -khtml-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
    -moz-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
    -ms-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
    -o-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
    transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
}
.tf-animate-2.active-animate {
    clip-path: inset(0 0 0 0);
    animation-delay: 0.7s;
}
.mg-hover .hover-item img {
    width: 100%;
    transform: scale(1.1);
    transition: all 1s ease-in-out;
}
.s-right .content {
    border-radius: 0px 0px 20px 20px;
    background-color: #278d45;
    padding: 40px 50px 50px 46px;
}
.s-right .content .text {
    color: #fff;
    line-height: 40px;
    margin-bottom: 38px;
}
.fs-30 {
    font-size: 30px;
}
.tf-btn.bg-white {
    background-color: #fff;
    color: #000;
}
.tf-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
    background-color: #000;
    color: var(--White);
    padding: 6px 5px 6px 35px;
    border-radius: 28px;
    position: relative;
    z-index: 1;
    width: max-content;
    font-weight: 500;
    font-size: 16px;
    overflow: hidden;
}
.bg-white {
    --bs-bg-opacity: 1;
    background-color: #fff !important;
}
.tf-btn .text-style {
    color: #fff;
    transform: translateX(0px);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tf-btn .text-style.cl-primary {
    color: #000;
}
.tf-btn .icon {
    width: 43px;
    height: 43px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #f8c32c;
    border-radius: 50%;
    position: relative;
}
.tf-btn .icon i {
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #000;
    font-size: 23px;
}
.tf-btn::after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    right: 14px;
    top: 17px;
    border-radius: 28px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: -1;
    background-color: #f8c32c;
    transform: scale(1);
}
@media (max-width: 991px) {
    .s-right{margin-left:unset;max-width:unset}
    .s-right .image img{height:400px;object-fit:cover}
}
@media (max-width: 1440px) {
    .s-right{position:relative}
}

.cods-img-box {border: 10px solid #01d6a3}
.cods-text {text-align:justify;}

/*** Custom CTA ****/
.cta-banner{background-color:#0a2540;color:#ffffff;padding:60px 20px;text-align:center;border-radius:16px;margin:40px auto;max-width:960px;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.cta-content h2{color:#ffffff !important;font-size:2rem;margin-bottom:10px;font-weight:700}
.cta-content p{font-size:1.1rem;margin-bottom:25px;color:#e0e0e0}
.cta-button{display:inline-block;padding:14px 28px;font-size:1rem;font-weight:600;color:#0a2540;background-color:#ffffff;border:none;border-radius:8px;text-decoration:none;transition:all .3s ease}
.cta-button:hover{background-color:#f2f2f2;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,255,255,.2)}

.album-img {
    width: 100px;
    height: 100px;
    border-radius: 0.75rem;
    object-fit: cover;
    border: none;
  }
  
  .album-title {
    font-weight: 700;
    font-size: 1.25rem;
    margin-top: 0.25rem;
    margin-bottom: 0.6rem;
  }
  
  .album-meta a {
    font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  margin-right: 5px;
  }
  
  .album-meta a:hover {
    text-decoration: underline;
  }

  .blog-card {
    border-radius: 1rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
  }

  .blog-card:hover {
    transform: translateY(-5px);
  }

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

  .badge-custom {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 0.8rem;
    text-transform: uppercase;
  }

  .badge-custom .dot {
    height: 8px;
    width: 8px;
    background: yellow;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
  }

  .card-body {
    padding: 1.5rem;
  }

  .card-body h4 {
    font-weight: 900;
    color: #000;
  }

 
  .read-more {
    display: inline-flex;
    align-items: center;
    margin-top: 10px;
    color: #0b2239;
    font-weight: 500;
    text-decoration: none;
  }

  .read-more span {
    background: #ffd84d;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
    margin-right: 8px;
    font-size: 1rem;
  }