p{
    color: var(--color-light-gray);
    margin-bottom: 10px;
}
ul{
    padding-left: 20px;
}
ul li{
    color: var(--color-light-gray);
    line-height: 35px;
}
ul li:before{
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color: var(--color-accent);
}
.custom-html-widget p{
    line-height: 35px;
}

h3 { font-size: 30px; font-family: var(--font-montserrat); color: var(--color-primary); margin-bottom: 10px;}
h4 { font-size: 24px; font-family: var(--font-montserrat); color: var(--color-primary); margin-bottom: 10px;}
h5 { font-size: 20px; font-family: var(--font-montserrat); color: var(--color-primary); margin-bottom: 10px;}
h6 { font-size: 18px; font-family: var(--font-montserrat); color: var(--color-primary); margin-bottom: 20px;}
.custom-html-widget h3{
    margin-top: 30px;
}
.inner-banner{
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
.inner-banner .banner-box{
    min-height: 370px;
}
.inner-page-content-wrapper{
    padding-top: 80px;
    padding-bottom: 80px;
}
.inner-page-content .main-title {
    margin-bottom: 25px;
    font-family: var(--font-montserrat);
} 
.breadcrumb{
    margin-top: 10px;
}
.breadcrumb a{
    color: #fff;
    
} 
.breadcrumb span{
   color: var(--color-accent);
   font-size: 14px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    text-transform: uppercase !important;
    height: auto !important;
} 
.marquee-bar p{
    margin-bottom: 0;
}

.contact-right{
    background-color: var(--color-primary);
    color: #fff;
    padding: 50px 50px;
    background-image: url(../../../../../wp-content/uploads/2026/03/customer-suppor2t.webp);
    background-repeat: no-repeat;
    background-size: 65%;
    background-position: 100% 40%;
}
.contact-right p{
    color: #fff;
    line-height: 35px;
}
.contact-right h4 {
    color: var(--color-accent);
    font-size: 20px;
    font-family: var(--font-montserrat);
}
.contact-form-box .wpcf7-form-control {
    border: 1px solid #ececec8f;
    background: #ececec8f;
    padding: 10px 10px;
    color: var(--color-primary);
    width: 100%;
}
.contact-form-box .wpcf7-form-control:focus-visible {
    outline: none;
}
.contact-form-box p{
    margin-bottom: 15px;
}
.wpcf7-submit {
    background: var(--color-primary) !important;
    color: #fff !important;
    border: 1px solid var(--color-primary) !important;
    font-size: 17px;
    padding: 10px 40px !important;
    text-transform: uppercase;
    -webkit-transition: all .4s ease !important;
    transition: all .4s ease !important;
    width: auto !important;
    cursor: pointer
}
#wpcf7-submit:hover{
  background: #095e99 !important;
  border: 1px solid #095e99 !important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color-light-gray);
  opacity: 1; 
}


#foogallery-album-41 .fg-pile-cover-content{
    width: 100%;
}
#foogallery-album-41 .fg-pile-cover-count{
	display: none;
}
#foogallery-album-41 .fg-pile-cover-title{
	background: var(--color-primary);
    color: #fff;
	font-size: 14px;
    line-height: 17px;
	font-family: var(--font-montserrat);
	font-weight: 400;
}
#foogallery-album-41  .fg-pile-cover {
    align-items: end;
}
#foogallery-album-41 .fg-header-active{
	color: var(--color-primary);
    font-size: 20px;
    font-family: var(--font-montserrat);
    font-weight: 600;
}
#foogallery-album-41 .fg-header{
	padding: 14px 0;
    margin-bottom: 30px;
}
#foogallery-album-41 .fg-header-back{
    background: var(--color-primary);
    color: #fff;
    font-size: 30px;
}
#foogallery-album-41 .fg-header-title{
	color: var(--color-primary);
	font-family: var(--font-montserrat);
    font-size: 36px;
    font-weight: 600;
}
.page-id-33 .inner-page-content-wrapper .main-title{
    display: none;
}

.d-tbl-wrapper [type=search] {
    width: 250px !important;
    border-radius: 13px !important;
    background: var(--color-light-blue) !important;
    border: 1px solid var(--color-light-blue) !important;
    height: 40px !important;
    padding-left: 10px !important;
    outline: none;
}
.d-tbl-wrapper .file-download a{
	background: var(--color-primary);
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	padding: 5px;
	font-size: 14px;
	white-space: nowrap;
	gap: 4px;
}
.d-tbl-wrapper td{
	color: var(--color-light-gray) !important;
	font-size: 15px !important;
}
.d-tbl-wrapper .dt-paging-button{
	border-radius: 10px !important;
}
.d-img-thumbnail{
    width: 50px;
}
.vm-box p{
    color: #fff !important;
    font-size: 18px;
    margin-bottom: 0;
}
.vm-box h3, .object-box h3{
    color: #fff !important;
    font-weight: 600;
}
.object-box li{
    color: #fff !important;
    font-size: 18px;
    line-height: 40px;
}
.vm-box{
    min-height: 300px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 35px;
}
.object-box{
    padding: 35px;
}
.vm-wrapper #pgc-129-0-0{
    background: linear-gradient(0deg, rgba(2, 98, 199, 0.8), rgba(2, 98, 199, 0.8)), url(../../../../uploads/2026/03/t1.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.vm-wrapper #pgc-129-0-1{
    background: linear-gradient(0deg, rgba(2, 98, 199, 0.8), rgba(2, 98, 199, 0.8)), url(../../../../uploads/2026/03/t2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.vm-wrapper #pgc-129-1-0{
    background: linear-gradient(0deg, rgba(2, 98, 199, 0.8), rgba(2, 98, 199, 0.8)), url(../../../../uploads/2026/03/y1.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.vm-wrapper #pgc-129-1-1{
    background-repeat: no-repeat;
	background: linear-gradient(0deg, rgba(2, 98, 199, 0.8), rgba(2, 98, 199, 0.8)), url(../../../../uploads/2026/03/y2.webp);
    background-position: center;
    background-size: cover;
}
#pg-129-2{
    background-repeat: no-repeat;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../../../../uploads/2026/03/clean-garden.webp);
    background-position: center;
    background-size: cover;
}
.h-banner-title{
    margin: 0 !important;
}

.h-banner-info p{
    color: #ffa900 !important;
    margin-top: 15px !important;
    font-weight: 600 !important;
    font-size: 32px !important;
    float: left;
}
.h-banner-btn .read-more-btn{
    border: 3px solid #fff !important;
    color: #fff;
    text-transform: uppercase !important;
    border-radius: 30px;
    padding: 10px 40px;
    display: inline-block;
    margin-top: 20px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.h-banner-btn .read-more-btn:hover{
    color: var(--color-primary) !important;
    background: #fff;
}
div#n2-ss-2 .n2-ss-slider-4{
    background-color: rgba(0, 0, 0, .5);
}
.event-info-wrap{
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}
.event-info-wrap .event-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0262c7;
    font-size: 60px;
    padding: 20px;
}
.event-info-wrap h5{
    font-weight: 600;
}
.event-meta p{
    color: #ffa900 !important;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 15px;
}
.event-meta{
    margin-top: 10px;
}
.event-info-wrap .event-info a{
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
    padding: 3px 15px;
    border-radius: 20px;
    margin-top: 3px;
    display: inline-block;
}
.custom-html-widget ul{
    margin-bottom: 20px;
}
.best-solution-box{
    background: url(../../../../uploads/2026/03/clean-garden.webp) center center/cover no-repeat;
}
.single-post-banner{
    background: linear-gradient(0deg, rgba(2, 98, 199, 0.5), rgba(2, 98, 199, 0.5)), url(../../../../uploads/2026/03/inner-banner-placeholder-blue.webp);
}
.single-post-inner-wrapper .date{
    color: var(--color-accent);
    margin-bottom: 5px;
    font-weight: 600;
}
.former-director-box{
    text-align: center;
}
.former-director-box h6{
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
}
.former-director-box p{
    margin-bottom: 0;
    color: var(--color-accent);
}
.event-info-wrap .e-date{
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    background: #0262c7;
    color: #fff;
    border-radius: 10px;
    font-size: 45px;
    font-weight: bold;
    padding: 15px 15px;
    line-height: 40px;
    margin-right: 15px;
}
.event-info-wrap .e-date span{
    font-size: 30px;
}
.event-info-wrap .event-info p, .newsbox h6{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.single-post-b-nav{
    margin-top: 70px;
}
.single-post-b-nav a span{
    min-width: 195px;
}
.contact-form-box textarea{
    height: 293px;
}
.foobox li:before{
    content: none;
}
.top-search-box .is-form-style input.is-search-input{
    border: 1px solid #0262C7 !important;
    border-radius: 20px 0 0 20px;
}
#top-search-box .is-search-icon {
    border: 1px solid #0262C7;
    border-radius: 0 20px 20px 0;
    background: #0262C7;
}
#top-search-box .is-form-style .is-search-submit path {
    fill: #fff;
}
.is-show-more-results-text{
    background: #0262C7;
    color: #fff;
    border-radius: 10px !important;
}
.is-search-sections .thumbnail img, #is-ajax-search-result-309 {
    border-radius: 10px;
}
.stat-wrapper{
    background: url(../../img/m-bg.jpg) center center / cover no-repeat;;
}

#backtotop {
    display: inline-block;
    background: #0262C7;
	cursor: pointer;
    width: 50px;
    height: 50px;
    text-align: center;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
}
#backtotop.show {
    opacity: 1;
    visibility: visible;
}
#backtotop::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    line-height: 50px;
    color: #fff;
}









@media only screen and (min-width: 1200px) {
    .h-banner-title p{
        width: 75% !important;
    }
}

@media only screen and (max-width: 1024px) {
    .main-nav-ul{
        justify-content: flex-end !important;
    }
    .event-main-wrap{
        flex-direction: column;
    }
}
@media only screen and (max-width: 950px) {
    .top-box-wrapper{
        flex-direction: column;
    }
    .top-box-3{
        order: 1;
    }
    .top-box-2{
        order: 2;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .top-box-1{
        order: 3;
    }
}
@media(min-width: 640px) and (max-width: 992px) {
    .header-bar{
        justify-content: center;
    }
}
@media(min-width: 767px) and (max-width: 992px) {
    .h-banner-title p{
        font-size: 50px !important;
    }
    .h-banner-info p{
        text-align: left;
        font-size: 30px !important;
    }
}
@media(min-width: 480px) and (max-width: 767px) {
    .h-banner-title p{
        font-size: 35px !important;
    }
    .h-banner-info p{
        text-align: left;
        font-size: 20px !important;
        margin-top: 10px !important;
    }
}
@media only screen and (max-width: 600px) {
	.single-post-banner h1, .single-post-inner-wrapper .main-title{
		font-size: 30px;
	}
}
@media only screen and (max-width: 480px) {
    .h-banner-title p{
        font-size: 25px !important;
    }
    .h-banner-info p{
        text-align: left;
        font-size: 16px !important;
        margin-top: 10px !important;
    }
    .read-more-btn{
        padding: 5px 20px !important;
    }
}