/*
----------------------------------------------------------------
	remove the white gap for 4 sides in elementor
----]------------------------------------------------------------
*/
.elementor-section-wrap .elementor-section,
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{
	padding:0px !important;	
} 
.admin-bar .stricky-header{
	top:32px;	
}
.header-social-link-style1:before {
	display:none;
}

/*------------------------- team-details -------------------------*/
.team-details{
	position: relative;
    display: block;
    background: #ffffff;
    padding: 120px 0 120px;
    z-index: 10;
}
.team-details .image-box{
	position: relative;
	display: block;
	padding-right: 40px;
	margin-left: -150px;
	padding-left: 350px;
	padding-bottom: 66px;
}
.team-details .image-box img{
	width: 100%;
}
.team-details .image-box .image-2{
	position: absolute;
	left: 0px;
	bottom: 66px;
}
.team-details .image-box .image-shape{
	position: absolute;
    color: var(--thm-base);
    right: 0px;
    left: 634px;
    bottom: 0px;
    width: 271px;
    height: 191px;
    background-repeat: no-repeat;
    z-index: -1;
}
.team-details .image-box .image-shape-1{
	position: absolute;
    color: var(--thm-base);
    right: 0px;
    left: 634px;
    bottom: 0px;
    width: 271px;
    height: 105px;
    background-repeat: no-repeat;
    z-index: -1;
}
.team-details .image-box .image-shape-2{
	position: absolute;
    color: var(--thm-base);
    right: 0px;
    left: 538px;
    bottom: 0px;
    width: 271px;
    height: 105px;
    background-repeat: no-repeat;
    z-index: -1;
}
.team-details .content-box{
	position: relative;
	display: block;
	margin-top: -14px;
}
.team-details .content-box h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 54px;
	font-weight: 700;
	margin-bottom: 14px;
}
.team-details .content-box h2 span{
	font-size: 36px;
	display: block;
}
.team-details .content-box .designation{
	position: relative;
	display: block;
	font-size: 26px;
	line-height: 34px;
	margin-bottom: 31px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--thm-base);
}
.team-details .content-box .text{
	position: relative;
	display: block;
	margin-bottom: 38px;
}
.team-details .content-box .text p{
	margin-bottom: 26px;
}
.team-details .content-box .text h3{
	display: block;
	font-size: 22px;
	line-height: 32px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #1f1f1f;
}
.team-details .content-box .text .list-item li{
	position: relative;
	display: block;
	padding-left: 30px;
	margin-bottom: 13px;
}
.team-details .content-box .text .list-item li:last-child{
	margin-bottom: 0px;
}
.team-details .content-box .text .list-item li:before{
	position: absolute;
	content: "\e94f";
	width: 14px;
	height: 16px;
	left: 0px;
	top: 0px;
	color: var(--thm-base);
	font-family: 'icomoon' !important;
}
.team-details .content-box .contact-inner h6{
	display: block;
	font-size: 22px;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: #1f1f1f;
	margin-bottom: 15px;
}
.team-details .content-box .contact-inner h3{
	display: block;
	font-size: 16px;
	line-height: 38px;
	font-weight: 500;
	margin-bottom: 21px;
}
.team-details .content-box .contact-inner h3 a{
	display: inline-block;
	color: #1f1f1f;
}
.team-details .content-box .contact-inner h3 a:hover{
	color: var(--thm-base);
}
.team-details .content-box .social-links li{
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.team-details .content-box .social-links li:last-child{
	margin: 0px !important;
}
.team-details .content-box .social-links li a{
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 52px;
	text-align: center;
	border: 1px solid #d6d6d5;
	border-radius: 50%;
	font-size: 16px;
	color: #87827f;
}
.team-details .content-box .social-links li a:hover{
	background: var(--thm-base);;
	color: #fff;
}
.team-section.team-page-1{
	background: #1f1f1f;
	padding-bottom: 90px;
}
.team-section.team-page-1 .team-block-one .inner-box{
	margin-bottom: 30px;
}
.team-section.alternat-2 .team-block-one .inner-box{
	margin-bottom: 30px;
}
.team-section.alternat-2{
	padding-bottom: 90px;
}
.team-details .content-box .social-links li a:hover {
    background: var(--thm-base);;
    border-color: #ffffff;
}

/***************** Pagination Style*******************/
.pagination{
	position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding-top:0px;
}
.pagination li{
    position: relative;
    display: inline-block;
    margin-right: 6px;
}
.pagination li a, .pagination li span{  
    position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 0px;
	background: #ffffff;
	border: 1px solid #f2ece7;
	color: var(--thm-gray);
	font-size: 20px;
	line-height: 46px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	transition: all 500ms ease;
	font-family: var(--thm-font);
	z-index: 1;
}
.pagination li.active a,  
.pagination li a:hover,
.pagination li span:hover, 
.pagination li span.current{
	color: #ffffff;
    border-color: var(--thm-base);
    background: var(--thm-base);
}

/***************** Blog Sidebar Style*******************/
.widget{
	position:relative;	
}  
.widget .sidebar-blog-post{
	padding-top:0px;	
}
.widget .sidebar-title{
	margin-bottom:30px;	
}
.widget ul,
.widget ol{
    position: relative;
    display: block;
}        
.widget ul li,
.widget ol li{
	position: relative;
    display: block;
	padding-left:18px;
	color: #444444;
    font-size: 18px;
    border-bottom: 1px solid #f2ece7;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: var(--thm-font);
}
.widget ul li:before,
.widget ol li:before{
	content: "\f101";
    position: absolute;
    left: 0px;
    top: 2px;
	color: #444444;
    font-size: 14px;
    transition: all 600ms ease 100ms;
    font-weight:900;
	font-family:'Font Awesome 5 Free';
}
.widget ul li ul li:before,
.widget ol li ol li:before{
	top:12px;
}
.widget ul li:last-child,
.widget ol li:last-child{
	border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.widget ul li ul,
.widget ol li ol{
	position:relative;
}
.widget ul li ul li,
.widget ol li ol li{
	position: relative;
    display: block;
    border-bottom: 0px;
    padding-bottom:0px;
    margin-bottom: 0px;
	border-top: 1px solid #f2ece7;
    padding-top: 10px;
    margin-top: 10px;
}
.widget ul li a,
.widget ol li a{
    position: relative;
    display: inline-block;
    color: #444444;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: var(--thm-font);
    letter-spacing: 0.0em;
    transition: all 300ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}

.widget ul li a:hover,
.widget ol li a:hover{
	color: var(--thm-base);
}

.sidebar-blog-post ul {
	padding-top: 0px;
}
.widget .sidebar-blog-post ul li {
	border-bottom: 1px solid #e1e1e1;
    padding-bottom: 25px;
    margin-bottom: 25px;
	padding-left:0px;
}
.widget .sidebar-blog-post ul li:before{
	display:none;	
}
.widget .sidebar-blog-post ul li:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.widget .sidebar-blog-post ul li a{
	position: relative;
    display: block; 
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    text-transform: none;
}
.widget .sidebar-blog-post ul li a:hover{
	padding-left: 0px;
}
.widget .sidebar-blog-post ul li a:after{
	display:none;
}
.blog-details-area .blog-details-box .single-blog-style4 .text-holder .text{
	padding: 31px 0px 0px;
}
/***************** Blog Tags Style*******************/
.widget .tagcloud{
    position: relative;
    display: block;
    overflow: hidden;
} 
.widget .tagcloud a{
    position: relative;
    display: inline-block;
    padding: 8px 19px 8px;
    background: #ffffff;
    color: #404040;
    font-size: 16px !important;
    line-height: 22px;
    font-weight: 400;
    border: 1px solid #e4e4e4;
    text-transform: capitalize;
    transition: all 500ms ease;
    font-family: var(--thm-font);
	float: left;
	margin: 0 10px 10px 0px;
}
.widget .tagcloud a:hover{
	color: var(--thm-base);
    border-color: var(--thm-base);
    background-color: #ffffff;
}

/***************** Comment Style*******************/
.roofan-comment-item .roofan-comment-item{
	margin-left:80px;
}

/************************* Footer's widget style **************************/
.footer-widget{
	position: relative;
}
.footer-widget ul,
.footer-widget ol{
	position: relative;
    display: block;
    overflow: hidden;
}
.footer-widget ul li,
.footer-widget ol li{
	position: relative;
    display: block;
    line-height: 26px;
    margin-bottom: 11px;
	color: #909398;
    font-size: 17px;
    font-weight: 400;
    font-family: var(--thm-font);
}
.footer-widget ul li:last-child{
	margin-bottom:0px;
}

.footer-widget ul li ul li,
.footer-widget ol li ol li{
	margin-top: 11px;
	margin-bottom:0px;
	margin-left:15px;
}
.footer-widget ul li a,
.footer-widget ol li a{
    position: relative;
    display: inline-block;
    color: #909398;
    font-size: 17px;
    font-weight: 400;
    font-family: var(--thm-font);
    transition: all 100ms linear;
    transition-delay: 0.1s;
}
.footer-widget ul li a:hover,
.footer-widget ol li a:hover{
	color: #ffffff;
    padding-left: 2px;
}
.footer-widget .footer-widget-newsletter-box form .mc4wp-form-fields .form-group button .txt {
	display:none;
}
.footer-widget .footer-widget-newsletter-box form .mc4wp-form-fields .form-group button:before {
    position: relative;
	content: "\e963";
	top: 0px; 
    left: 0px; 
    right: 0px; 
    height: 0px;
	font-family: 'icomoon' !important;
}
.footer-widget .footer-social-link ul {
    position: relative;
    display: block;
	overflow: visible;
    padding-top: 0px;
}
.footer-widget .footer-social-link ul li{
	width: auto;
    line-height: 0px;
    margin-bottom: 0px;
}
.footer-widget .footer-social-link ul li a{
	display: flex;
	color: #ffffff;
    font-size: 14px;
	transition: all 200ms linear;
    transition-delay: 0.1s;
}
.footer-widget .footer-social-link ul li a:hover{
	color: var(--thm-base);
}
/***************** Service Sidebar Style*******************/
.service-widget{
	position: relative;
    display: block;
    background-color: #edf0f9;
    border-radius: 8px;
    padding: 31px 35px 35px;
}
.service-widget ul{
	position: relative;
    display: block;
    border-top: 1px solid #d1d3dd;
}
.service-widget ul li{
	position: relative;
    display: block;
    border-bottom: 1px solid #d1d3dd;
    padding: 16px 0 16px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.service-widget ul li:last-child{
	padding-bottom:0px;
	border-bottom:0px;	
}
.service-widget ul li a{
	position: relative;
    display: block;
    color: var(--thm-black);
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.service-widget ul li:hover a,
.service-widget ul li.current-menu-item a{
	color: var(--thm-base);
    padding-left: 5px;
}
.service-widget .inner-title .border-box {
    position: relative;
    display: block;
    top: 4px;
    width: 20px;
    height: 2px;
    margin-left: 15px;
    background-color: var(--thm-black);
}
.widget_nav_menu .inner-title{
	position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 21px;
}
.widget_roofan_quick_contact .inner-title .border-box {
	display:none;
}
.widget_roofan_quick_contact{
	display: block;
    background-color: #edf0f900;
    border-radius: 0px;
    padding: 0px;
}


/************* Extra Style ************/

.main-slider__nav .swiper-button-next, .main-slider__nav .swiper-button-prev{
	background-image:none !important;
}
.roofan-comment-item .reply-form-box{
	margin:50px 0px;
	padding-top:0px;
}
.comment-box__inner{
	border-bottom:0px;	
}
.comment-box .single-comment{
	border-bottom:1px solid #eeeeee;
	margin-bottom: 30px;	
}
.single-blog-style4 .img-holder .inner .date-box{
	width:auto;
	height:auto;
	padding: 5px 15px 10px;
	border-radius: 5px;	
}
.single-blog-style4 .img-holder .inner .date-box h2{
	top:0px;
	line-height:26px;	
}

.comment-box .outer-box .col-md-12 .comment-box__inner > .roofan-comment-item:last-child .comment{
	margin-bottom:0px;	
}
.comment-box,
.reply-form-box{
	padding-top:0px;
	margin-top:80px;	
}
.header-social-link-style1{
	padding-right:0px;	
}
.project-details-style1-area{
	z-index:99;	
}

blockquote{
	position:relative;
	background:#f4f7f7;
	padding:40px;
	margin-bottom:25px;
}

.m-t30{
	margin-top:30px;
}

.widget ul li.recentcomments, .widget ol li,
.footer-widget ul li.recentcomments, .footer-widget ol li{
	padding-left:30px;
}

.footer-widget ul li.recentcomments:after, .footer-widget ol li:after{
	display:none;
}
.widget ul li.recentcomments:before, .widget ol li:before,
.footer-widget ul li.recentcomments:before, .footer-widget ol li:before{
	content:"\f086";
	position:absolute;
	left:0px;
	width:auto;
	height:auto;
	background:none;
	top:0px;
	border:none;
	font-family: 'Font Awesome 5 Free';
	font-size:14px;
	transform:rotate(0deg);
}

.widget .has-avatars li,
.footer-widget .has-avatars li{
	padding-left:0px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	line-height:1.2;
}

.widget .has-avatars li article, .footer-widget .has-avatars li article{
	position:relative;
	width:calc(100% - 65px);
	line-height:1.4;
}

.widget .has-avatars li:before,
.footer-widget .has-avatars li:before{
	display:none;
}

.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar{
	height:auto;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt{
	margin-left:0px;
}