/*=== pbmit-static-box-style-1 ===*/
.pbmit-element-static-box-style-1 .pbmit-element-posts-wrapper {
    flex-direction: row;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}
.pbmit-element-static-box-style-1 .pbmit-element-posts-wrapper.row{
	margin: 0;
}

.pbmit-element-static-box-style-1 .pbmit-ele-static-box {
    width: calc(25% - 10px);
    position: relative;
    z-index: 1;
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-bg-imgbox,
.pbmit-element-static-box-style-1 .pbmit-ele-static-box {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-ms-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box.pbmit-active {
    margin-right: calc(25% - 60px)!important;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-ms-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
body.rtl .pbmit-element-static-box-style-1 .pbmit-ele-static-box.pbmit-active {
	margin-left: calc(25% - 60px)!important;
	margin-right: 0!important;
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-bg-imgbox {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0px;
    height: 100%;
    width: auto;
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox {
    position: relative;
	padding: 100px 70px 70px 60px;
    width: auto;
	height: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%); 
	transform: translateX(100%);
	-webkit-transition: transform 300ms ease 100s;
	-moz-transition: transform 300ms ease 100s;
	-ms-transition: transform 300ms ease 100s;
	-o-transition: transform 300ms ease 100s;
	transition: transform 300ms ease 100s;
	background-color: var(--pbmit-gyim-secondary-color);
}
body.rtl .pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox  {
	left: 0;
	right: auto;
	padding-left: 70px;
	padding-right: 60px;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%); 
	transform: translateX(-100%);
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box.pbmit-active .pbmit-contentbox {
    opacity: 1;
    visibility: visible;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.pbmit-static-box-style-1.pbmit-active .pbmit-bg-imgbox .pbmit-img-text:after {
    opacity: 0;
    visibility: hidden;
}
.pbmit-static-box-style-1.pbmit-active .pbmit-img-text::before {
    opacity: 0;
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-bg-imgbox .pbmit-text .pbminfotech-box-title h4,
.pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox .pbmit-ihbox-btn a,
.pbmit-element-static-box-style-1 .pbmit-ele-static-box.pbmit-active .pbmit-contentbox .pbmit-ihbox-btn a,
.pbmit-element-static-box-style-1 .pbmit-ele-static-box.pbmit-active .pbmit-contentbox .pbminfotech-box-title h4 {
    color: var(--pbmit-gyim-white-color);
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox .pbmit-ihbox-icon {
    margin-bottom: 30px;
}
.pbmit-static-box-style-1 .pbmit-ihbox-icon .pbmit-icon-type-icon {
	font-size: 80px;
	line-height: 80px;
	color: var(--pbmit-gyim-white-color);
}
.pbmit-static-box-style-1 .pbmit-ihbox-icon .pbmit-icon-type-svg img {
	width: 80px;
    height: 80px;
	filter: brightness(0) invert(1);
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox .pbminfotech-static-box-desc {
	margin: 50px 0 30px;
	color: #b9c5d7;
	text-transform: none;
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-bg-imgbox .pbmit-text,
.pbmit-static-box-style-1 .pbmit-img-text::before {
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.pbmit-static-box-style-1.pbmit-active .pbmit-bg-imgbox .pbmit-text,
.pbmit-static-box-style-1 .pbmit-img {
    opacity: 0;
    visibility: hidden;
}
.pbmit-static-box-style-1 .pbmit-img {
    display: none;
}
.pbmit-static-box-style-1 .pbmit-bg-imgbox .pbmit-text .pbminfotech-box-title {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%); 
	transform: translateX(-50%) translateY(-50%);
    margin-top: 30px;
}
.pbmit-static-box-style-1 .pbmit-contentbox-inner .pbminfotech-box-title h4,
.pbmit-static-box-style-1 .pbmit-bg-imgbox .pbmit-text .pbminfotech-box-title h4 {
	font-size: 24px;
    margin-bottom: 0;
}
.pbmit-static-box-style-1 .pbmit-bg-imgbox .pbmit-img-text::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--pbmit-gyim-blackish-color);
    left: 0;
    right: auto;
    opacity: 0.30;
    z-index: -1;
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	-ms-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
    bottom: 0;
    visibility: visible;
}
.pbmit-static-box-style-1 .pbmit-img-text::before {
    counter-increment: pbmitbox1;
    content: counter(pbmitbox1, decimal-leading-zero);
    position: absolute;
    font-size: 80px;
    line-height: 80px;
    color: transparent;
    -webkit-text-stroke: 1px rgb(var(--pbmit-gyim-white-color-rgb), .20);
    top: 50%;
    left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%); 
	transform: translateX(-50%) translateY(-50%);
	margin-top: -30px;
}
.pbmit-static-box-style-1 .pbmit-contentbox::before {
	counter-increment: pbmitbox2;
    content: counter(pbmitbox2, decimal-leading-zero);
    position: absolute;
    font-size: 180px;
    line-height: 180px;
    color: transparent;
    -webkit-text-stroke: 1px rgb(var(--pbmit-gyim-white-color-rgb), .20);
    top: 20px;
    right: 50px;
}
body.rtl .pbmit-static-box-style-1 .pbmit-contentbox::before {
	left: 50px;
	right: inherit;
}
.pbmit-static-box-style-1 svg {
	width: 20px;
    height: 20px;
}
.pbmit-static-box-style-1 svg line {
    fill: none;
    stroke: var(--pbmit-gyim-white-color);
    stroke-width: 2;
    stroke-miterlimit: 10;
}
.pbmit-static-box-style-1 svg line:not(:first-child) {
    stroke-linecap: square;
}
.pbmit-static-box-style-1 svg line:nth-child(1) {
    stroke-dasharray: 25px;
    stroke-dashoffset: 50px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.61, 1, 0.88, 1);
}
.pbmit-static-box-style-1 svg line:nth-child(2),
.pbmit-static-box-style-1 svg line:nth-child(3) {
    stroke-dasharray: 20px;
    stroke-dashoffset: 40px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.61, 1, 0.88, 1) 0.3s;
}
.pbmit-static-box-style-1:hover svg line {
    stroke-dashoffset: 0;
}
.pbmit-static-box-style-1:hover svg line {
    stroke: var(--pbmit-gyim-global-color);
}

/*=== Responsive ===*/
@media (min-width: 1500px) and (max-width: 1700px) {
	.pbmit-static-box-style-1 .pbmit-contentbox::before {
		font-size: 150px;
		line-height: 150px;
	}
}
@media (min-width:1301px) and (max-width: 1500px) {
	.pbmit-static-box-style-1 .pbmit-contentbox::before {
		font-size: 130px;
		line-height: 130px;
	}
}
@media(max-width:1366px) {
	.pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox {
		padding: 70px 40px 60px 40px;
	}
	body.rtl .pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media(max-width:1300px) {
    .pbmit-element-static-box-style-1 .pbmit-ele-static-box {
        width: 50%;
        margin-right: 50%;
        margin-bottom: 30px;
        padding: 0;
    }
	body.rtl .pbmit-element-static-box-style-1 .pbmit-ele-static-box {
		margin-left: 50%;
		margin-right: 0;
	}
    .pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox {
        opacity: 1;
        visibility: visible;
    }
    .pbmit-element-static-box-style-1 .pbmit-element-posts-wrapper.row {
        margin: 0;
    }
	.pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox .pbminfotech-box-title h4 {
		color: var(--pbmit-gyim-white-color);
	}
}
@media(max-width: 991px) and (min-width: 768px) {
	.pbmit-static-box-style-1 .pbmit-contentbox::before {
		font-size: 150px;
	}
}

@media (max-width: 767px) {
    .pbmit-element-static-box-style-1 .pbmit-ele-static-box {
        width: 100%;
        margin-right: 0 !important;
        flex-direction: column;
    }
    .pbmit-static-box-style-1 .pbmit-contentbox::before {
        font-size: 100px;
        line-height: 110px;
        right: 0;
    }
    .pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-bg-imgbox {
        position: unset;
        display: none;
    }
	body.rtl .pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox,
    .pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-o-transform: translateX(0%); 
		transform: translateX(0%);
		height: auto;
    }
    .pbmit-static-box-style-1 .pbmit-img {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    .pbmit-static-box-style-1 .pbmit-img img {
        width: 100%;
    }
	.pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox {
		padding: 30px 40px 30px 40px;
	}
}

@media(max-width:575px) {
    .pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox {
        padding: 40px 20px 30px 20px;
    }
	body.rtl .pbmit-element-static-box-style-1 .pbmit-ele-static-box .pbmit-contentbox {
		padding-left: 20px;
		padding-right: 20px;
	}
	.pbmit-element-static-box-style-1 .pbmit-ele-static-box.pbmit-static-box-style-1 {
		padding: 0 !important;
	}
}