/*
Plugin Name: Themex Service For Elementor
Author: Md Azijul Islam
*/
/* plugin css here */



/*===========================
    Service css 
===========================*/
.all_color_service{}
.all_color_service ul,
.all_color_service ol,
.all_color_service li{
margin:0px;
}
.all_color_service ul li{}
.all_color_service h3{
	margin:0;
    font-size: 25px;	
}
.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.service {
    background: rgb(1, 219, 176);
}
.service .section-title h3,
.service .section-title p {
    color: #232323;
}
.service-item i {
    color: #232323;
    height: 68px;
    width: 68px;
/*     border: 2px solid #232323; */
    border-radius: 5px;
    text-align: center;
    line-height: 66px;
    box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2);	
    font-size: 25px;
    -webkit-transition: .5s;
    transition: .5s;
}
.service-item:hover i {
    background: #ff6666;
    color: #fff;
	border-color:#ff6666;
}
.service-item h3 {
    font-size: 25px;
    margin: 18px 0 10px;
}

.service-item p {
    padding-right: 2px;
    padding-top: 0px;
}


/* service style 2 css */
.service_top_text {
    display: block;
}
.em-service-icon {
    color: #232323;
    font-size: 35px;
}
.em-service-icon i{
    -webkit-transition: .5s;
    transition:.5s;
}

.em-service-title {
    overflow: hidden;
}
.em-service-title h3 {
    margin: 5px 0 12px;
    font-size: 23px;
    padding: 0;
    text-transform: capitalize;
    -webkit-transition: .5s;
    transition:.5s;	
}
.em-service-desc {
}
.em-service-desc p{
    -webkit-transition: .5s;
    transition:.5s;
}
.service-btn {
    margin-top: 25px;
}
.service-btn > a {
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    transition: .5s;
    padding: 12px 30px;
    background: #ff6666;
    font-weight: 500;    
}
.service-btn > a:hover{
	 background: #232323;
    color: #fff;	 
}
.service-btna a:hover {
    background: #232323;
    color: #fff;    
}
.em-service:hover .service-btn > a {
    color: #fff;
}
.em-service:hover .em-service-icon,
.em-service:hover .em-service-title h3,
.em-service:hover .em-service-desc {
    color: #fff;
	z-index:1;
}

/* service style 3 css */
.em-service2 {}
.em-service2 .em-service-icon i {
    width: 60px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
	box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2);
    text-align: center;
    font-size: 25px;
    border-radius: 5px;
    transition: all 0.5s ease 0s;
}
.em-service2 .em-service-inner{
overflow:hidden;
}
.em-service2.sleft {
	text-align:left;
}
.em-service2.sleft .em-service-icon{
float:left;
margin-right:20px;
margin-top: 10px;
}
.em-service2.smiddle {}
.em-service2.smiddle .em-service-icon {
    margin-bottom: 20px;
}


.em-service2.sright {
text-align:right;	
}
.em-service2.sright .em-service-icon{
float:right;
margin-left:30px;
    margin-top: 10px;
}
.em-service-title h3:hover{
	color:#ff6666;
}
.em-service2:hover .em-service-icon i{
	color:#fff;
	background:#ff6666;
}

/* service style 4 css */
.em-service {
	padding: 27px 25px 39px;
       text-align: left;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	box-shadow: 0px 6px 40px 0px rgba(148,146,245,0.2);	
}
.em-service:hover {
    background: #ff6666;
	position: relative;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	z-index:3;	
}
.em-service:hover:before {
    background: rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	z-index:-1;
}

/* service style 5 css */
.singleSS.text- {
    text-align: center;
}
.serIcon{
    position: relative;
    margin: 0 0 12px;
    z-index: 9;
}
.serIcon i{
    font-size: 70px;
    line-height: 96px;
    color: #ff6666;
}
.SIBG_1{
    background: url(../images/it/7.png) no-repeat center center;
}

.detail_SS{
    position: relative;
    padding: 0 0 0;
    z-index: 99;
}
.detail_SS h3{
    font-size: 25px;
    line-height: 31px;
    margin-bottom: 10px;	
}
.detail_SS p{
	
    margin-bottom: 28px;
}
.ss_btn a{
    display: inline-block;
    color: #ffff;
    font-size: 16px;
    padding: 15px 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
	transition:1s;
}
.ss_btn a:hover{
    color: #fff;
    background: #232323;
	border-color:#232323;
}
.ss_btn a i{
	margin-left:5px;
}


/* ===== service style 3d css ===== */
.witr_service_3d {
    perspective: 1000px;
    transition: .1s;
}
.witr_service_3d:hover .witr_single_service_3d {
    transform: rotateY( -180deg);
}
.witr_single_service_3d {
    transition: transform .5s;
    transform-style: preserve-3d;
    position: relative;
    text-align: center;
    z-index: 999;	
}
.witr_service_position{
    left: 0;
    padding: 40px 20px 40px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); 	
}
.witr_service_front_3d,
.witr_service_back_3d {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
.witr_service_front_3d {
    z-index: 2;
}
.witr_service_back_3d {
    z-index: 3;
    transform: rotateY( -180deg);
}
.witr_service_3d,
.witr_service_front_3d,
.witr_service_back_3d {
	height: 398px;
	width:100%;
}
/* tittle css */

.witr_service_content_3d{}
.witr_service_icon_3d {
	margin-bottom: 14px;
}
.witr_service_icon_3d i {
    font-size: 35px;
	color:#fff;
}

.witr_service_content_3d h3 {
    margin-bottom: 12px;
	color:#fff;
}
.witr_service_content_3d p {
	color:#fff;
}

/* Service Front Face */
.witr_service_front_3d {
    background: #ff6666;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.witr_service_front_3d:before {
/*     background: rgba(0, 0, 0, 0.7); */
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.witr_service_back_3d {
    background: #ff6666;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.witr_service_back_3d:before {
    /* background: rgba(73, 0, 221, 0.7); */
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}


/* Service Service Button */
.witr_service_btn_3d {
    margin-top: 27px;
    z-index: 999;
}
.witr_service_btn_3d a {
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    padding: 12px 30px;
    font-weight:500;
    transition: all 0.5s ease 0s;
}
.witr_service_btn_3d  a:hover {
    background: #fff;
    color: #ff6666;
}



/*CREATIVE SERVICE2 SECTION 2*/
.witr_service2{}
.witr_front_content {
	position:relative;
}
.witr_service2_image{
	position:relative;
    overflow: hidden;	
}
.witr_service2_image img{
	width: 100%;
    transition: 1s;	
}
.witr_service2:hover .witr_service2_image img{
	transform:scale(1.2);	
}
.witr_service2_box{
    background: #fff;
    padding: 21px 26px 17px;
    box-shadow: 0px 0px 30px rgba(42,67,113,.15);	
}
.witr_service2_icon,
.witr_ser_img{
    float: left;
	margin-right: 20px;
    margin-top: 8px;	
}
.witr_service2_icon i{
	color: #ff6666;
    font-size: 50px;
    transition: all 0.3s ease 0s;	
}

/* witr_custom2_icon */
.witr_custom2_icon{
    float: left;
    margin-right: 20px;
    margin-top: 8px;
}
.witr_custom2_icon i{
    color: #ff6666;
    font-size: 47px;
    transition: .5s;
}
.witr_titles{
    overflow: hidden;	
}
.witr_titles h3{
    font-size: 24px;
}
.witr_titles p{
    color: #ff6666;
    margin-bottom: 2px;	
}

.witr_service2_btnb{
    position: absolute;
    top: 50%;
    left: -40%;
    transform: translate(-50%, -50%);
    transition: 1s;
}
.witr_service2:hover .witr_service2_btnb{
    left: 50%;
}
.witr_service2_btnb a{
	font-size:16px;
	font-weight:600;
	color:#fff;
	background:#ff6666;
    padding: 13px 25px;
    border-radius: 5px;
    display: inline-block;
    transition: 1s;	
}
.witr_service2_btnb a i{
	margin-left: 4px;
    transition: 1s;	
}
.witr_service2_btnb a:hover i{
	margin-left: 10px;

}


/*====== SERVICE3 SECTION 3 ===========*/
.witr_single_service3{
	position:relative;
/* 	background: #fff; */
    transition:2s;
    padding: 50px 25px 50px;
	z-index:1;
	overflow:hidden;
	border: 1px solid #23232b;	
}
.witr_single_service3:hover{
	position:relative;
    transition: 1s;
 	background: #ff6666; 	
	border: 1px solid #ff6666; 	
}
.witr_single_service3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;	
	width:100%;
	height:2px;
	z-index:-1;
    transition: 1s;	
}
.witr_single_service3:hover::before {
	height:100%;
}

.witr_top_icon{
    position: absolute;
    top: 16%;
    right: 30px;
    transition: 1s;	
}
.witr_single_service3:hover .witr_top_icon{
	transform: rotate(90deg);
}
.witr_top_icon a{}
.witr_top_icon a i{
	width: 40px;
    display: inline-block;
    height: 40px;
    line-height: 30px;
    background: #fff;
    text-align: center;
    border: 5px solid #e6ebf8;
    border-radius: 50%;
    color: #ff6666;	
}
.witr_service3_box{}
.witr_service3_icon i{		
    color: #ff6666;
    font-size: 90px;
    transition: 2s;
	display: none;	
}
.witr_service3_icon img{
	width: 93px;
    height: 90px !important;
    display: inline-block;	
}	

.witr_single_service3:hover .witr_service3_icon i{		
	display: block;
/* 	background:url(../images/it/hspape.png) no-repeat; */
	z-index:999;	
}
.witr_single_service3:hover .witr_service3_icon img{
	display: none;	
}
.witr_service3_content{}
.witr_service3_content h3 a{
    font-size: 23px;
    margin: 22px 0px 12px;
	transition: 1s;
    display: block;	
    color:#ff6666;
}
.witr_service3_content p{
    transition: 1s;
	margin:0;	
}
.witr_service3_btn{
	margin-top: 37px;	
}
.witr_service3_btn a{
	font-size:16px;
	font-weight:600;
    color: #ff6666;
    border: 1px solid #ececec;
    padding: 13px 25px;
    border-radius: 5px;
    display: inline-block;
    transition: 1s;	
}
.witr_single_service3:hover .witr_service3_btn a:hover{
    border: 1px solid #ececec;
	background:transparent;	
}
.witr_single_service3:hover .witr_service3_btn a{
	color:#fff;
	background:#ff6666;
    border: 1px solid #ff6666;	
}


.witr_service3_btn a i{
	margin-left: 5px;
    transition: 1s;	
}
.witr_service3_btn a:hover i{
	margin-left: 15px;

}
.witr_single_service3:hover .witr_service3_icon i,
.witr_single_service3:hover .witr_service3_content h3 a,
.witr_single_service3:hover .witr_service3_content p{
    color: #fff;

}