/*
Theme Name: ACE Intergrated System
Theme URI:
Author: ACE
Author URI:
Description:
Version: 2025.01
*/
@charset "utf-8";
/* CSS Document */

::selection {
  color:var(--bs-white);
  background:var(--bs-primary);
}

.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}

#page{ overflow:hidden;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.text-lt p{ color:rgba(0,0,0,0.6);}
.content-mb-32 h1, .content-mb-32 h2, .content-mb-32 h3, .content-mb-32 h4, .content-mb-32 h5, .content-mb-32 h6, .content-mb-32 p, .content-mb-32 ul, .content-mb-32 ol{ margin-bottom:32px;}
.content-mb-20 h1, .content-mb-20 h2, .content-mb-20 h3, .content-mb-20 h4, .content-mb-20 h5, .content-mb-20 h6, .content-mb-20 p, .content-mb-20 ul, .content-mb-20 ol{ margin-bottom:20px;}
.content-mb-24 h1, .content-mb-24 h2, .content-mb-24 h3, .content-mb-24 h4, .content-mb-24 h5, .content-mb-24 h6, .content-mb-24 p, .content-mb-24 ul, .content-mb-24 ol{ margin-bottom:24px;}
.content-mb-16 h1, .content-mb-16 h2, .content-mb-16 h3, .content-mb-16 h4, .content-mb-16 h5, .content-mb-16 h6, .content-mb-16 p, .content-mb-16 ul, .content-mb-16 ol{ margin-bottom:16px;}
.content-mb-10 h1, .content-mb-10 h2, .content-mb-10 h3, .content-mb-10 h4, .content-mb-10 h5, .content-mb-10 h6, .content-mb-10 p, .content-mb-10 ul, .content-mb-10 ol{ margin-bottom:10px;}

.color-fff{ color:var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform:uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6{ color:var(--bs-primary);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6{ color:var(--bs-secondary);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color:var(--bs-dark);}

.header{ position: relative; z-index: 1000;}
.pre-header{ background-color: var(--bs-primary); color: var(--bs-white); text-transform: uppercase; font-weight: 700;}
.pre-header a{ text-decoration: none; color: var(--bs-white);}
.pre-header .header-text{ margin-left: auto;}
.pre-header .social{ border-right: 1px solid rgba(255,255,255,0.2); margin-left: auto;}
.pre-header .social a{ height: 40px; width: 40px; display: flex; align-items: center; justify-content:  center; border-left: 1px solid rgba(255,255,255,0.2);}

.post-header{ background-color: var(--bs-white); padding: 12px 0;}
.post-header a img{ width: 120px; height: auto;}

.banner{ position: relative; color: var(--bs-white); padding-top: 56px;}
.banner .image-fit{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}
.banner .image-fit:before{ background-color: #000; opacity: 0.85; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}
.banner h4, .banner h1{ text-transform: uppercase;}
.banner h4{ letter-spacing: 4px;}
.banner h1{ color:#33DB76; line-height: 100%;}
.banner .clipart{ width: 25.208333333333332%; position: absolute; right: 0; z-index: 3; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); list-style: 0;}

.section{ padding: 100px 0; background-repeat: no-repeat; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 2;}
.section-lt-bg{ /*background-image: url(images/bg-light.png);*/}
.h4-subtitle h4{ text-transform: uppercase; letter-spacing: 3px;;}

.w1:after{ background-color: var(--bs-white); height: 25%; bottom: 0; content: ''; left: 0; right: 0; position: absolute;}
.service-box{ background-color: var(--bs-white); padding: 48px 30px; box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}
.service-box .d-flex{ margin-bottom: 24px;}
.service-box .d-flex span{color:var(--bs-green); margin-left: auto; font-size: 80px; line-height: 1; margin-left: auto; font-weight: 800; opacity: 0.2;}
.w2 .image{ background-image: url(images/aislogo-back.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.w2 .image .full-img{ width: 64%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.w2 .image .d-flex{ position: relative;}
.w2 .image .d-flex + .d-flex{ margin-top: -20%; z-index: 10;}

.w2 .content-box{ padding: 32px; background-color: var(--bs-white); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.w2 .content-box .icon{ width: 80px;}
.service-item{ color: var(--bs-white); text-decoration: none;}
.service-item .content{ padding: 32px; position: absolute; z-index: 100; bottom: 0; right: 0; left: 0;}
.service-item .full-img:before{background-image:url(images/theme-img/image-overflow.svg); background-position: bottom center; background-size: cover;  position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 6; content: '';}

.slider{ margin-left: -12px; margin-right: -12px;}
.slider .item{ padding-left: 12px; padding-right: 12px;}

.Testilider .item{ padding-bottom: 15px;}
.Testilider .d-sm-flex{ padding: 24px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.Testilider .d-sm-flex .ratio{ width: 187px;}
.Testilider .d-sm-flex blockquote{ margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #d8d8d8;}


.section .contact-info{ margin: 0; padding: 0; list-style: none;}
.section .contact-info li{ line-height: 1.2; margin-top: 24px; color: #000;}
.section .contact-info li .icon{ background: #33DB76; height: 60px; width: 60px; color: var(--bs-white); margin-right: 12px; text-decoration: none; font-size: 18px; color: var(--bs-white); box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.section .contact-info li strong{ display: block; color: #1B753F; font-family: "Roboto Condensed", sans-serif;}
.section .contact-info li a{ color: #000; text-decoration: none;}
.contact-form{ box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); border-radius: 0; background: url(images/form-bg.png) no-repeat center var(--bs-white); background-size: contain;}

.post-item{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; background-color: var(--bs-white);}
.post-item time{ background-color: rgba(0,0,0,0.3); color: var(--bs-white); padding: 10px; backdrop-filter: blur(25px); position: absolute; z-index: 100; top: 16px; left: 16px;}
.post-item time i{ margin-right: 6px;}

.cta{ color: var(--bs-white); position: relative; padding: 60px 0; background-repeat: no-repeat; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 2;}
.cta:before{ background: #000; opacity: 0.7; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.cta .btn + .btn{ margin-left: 15px;}

.footer{ color: var(--bs-white);}
.footer-top{ background-image: url(images/theme-img/footer-bg.svg); background-position: center; background-position:  center center; padding: 60px 0;}
.footer-top .menu{ margin: 0; padding: 0; list-style: none;}
.footer-top .menu li + li{ margin-top: 12px;}
.footer-top .menu li a{ color: var(--bs-white); text-transform: capitalize; text-decoration: none;}
.footer-top .menu li a:hover{ color:var(--bs-green)}
.footer-top .social a{ height: 40px; width: 40px; display: flex; align-items: center; justify-content:  center; background-color: var(--bs-green); color: var(--bs-white); text-decoration: none;}
.footer-top .social a + a{ margin-left: 10px;}
.footer-top .social a:hover{ color: var(--bs-white); background-color: var(--bs-primary);}
.footer-bottom{ background-color: var(--bs-black); padding: 24px 0; color: #fff;}
.footer-bottom .menu{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content:  center;}
.footer-bottom .menu a{ color: #fff; text-decoration: underline;}
.footer-bottom .menu a:hover{ color: #fff; text-decoration: none;}
.footer-bottom .menu li + li:before{ content: "|"; margin: 0 6px;}

.page-banner{ position:relative; z-index: 2}
.page-banner .container{ height: 400px; color:var(--bs-white);}
.page-banner .image-fit{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.page-banner .image-fit:before{background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}

.blog-deatils{ color:#000;}
.blog-deatils .meta{ margin:10px 0; font-size:14px; font-weight:500; }
.blog-deatils .meta .initial{ /*background:#00ACFE;*/ height:50px; width:50px; border-radius:60px; margin-right:16px; color:#fff; font-weight:700;}
.blog-deatils .meta .initial img{height:50px; width:50px; border-radius:60px;}
.blog-deatils .meta time:before{ content:"|"; margin:0 5px 0 3px; float:left;}
.blog-deatils .meta time, .blog-deatils .meta span{ display:inline-block;}
.blog-deatils .full-img{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin-bottom: 30px}

.content-style ul, .content-style ol{ padding-left:16px;}
.content-style ul li + li, .content-style ol li + li{ margin-top:10px;}

.sidebar{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding:30px;}
.sidebar ul{ margin:10px 0 0 0; padding:0; list-style:none}
.sidebar ul li + li{ margin-top:12px; padding-top:12px; border-top:1px solid #d8d8d8;}
.sidebar ul li a{ display:block; font-size:18px; font-weight:700; color:#000; text-decoration:none;}
.sidebar ul li a:hover{color:var(--bs-primary);}
.sidebar .widget + .widget{ margin-top: 32px} 

@media (min-width:320px) {
h1, .h2-48 h2{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{font-size:calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size:calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size:calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18{font-size:calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20{font-size:calc(1rem + ((1vw - 3.2px) * 0.25));}
.font-24{font-size:calc(1rem + ((1vw - 3.2px) * 0.5));}
.h1-70 h1{font-size: calc(2.25rem + ((1vw - 3.2px) * 3.1481));}
}

@media (min-width:1400px) {
h1, .h2-48 h2{font-size:48px;}
h2{font-size:40px;}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
.font-18{font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
.h1-70 h1{font-size: 70px;}
}

@media (min-width:576px) {
}

@media (min-width:768px) {
.footer-bottom .menu{ margin-left: auto;}
.w2 .image{ background-size: 70%;}
}

@media (min-width:992px) {
.w2 .image{ background-size: 80%;}
}

@media (min-width:1200px) {
}

@media (min-width:1400px) {	
}
.cta h2{
	font-size: 34px;
}
.about_bk1 img{
	    width: 40% !important;
}
.about_bk_div h4{
	    color: #1b753f!important;
}
.about_bk_div .panel-grid-cell{
	background-color: var(--bs-white);
    padding: 15px 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    height: 300px;
}