/*
----------------------------------------------------------------
	remove the white gap for 4 sides in elementor
----]------------------------------------------------------------
*/
.elementor-section .elementor-column-gap-default > .elementor-column > .elementor-element-populated{
	padding:0px;
}

.admin-bar .sticky-header{
	top:32px !important;	
}

a{
	color: var(--theme-color);
}

a:hover{
	color: rgba(253, 74, 54, 0.8)
}
/********* Pagination Style *************/
.pagination,
.paginate-links{
	position:relative;
	display: flex;
	align-items: center;
	gap: 10px;
}
.pagination li a,
.pagination li span,
.paginate-links a,
.paginate-links > span {
    font-size: 18px;
    font-weight: 500;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 46px;
    width: 46px;
	float: left;
    font-family: 'Barlow', sans-serif;;
    text-align: center;
	border-radius: 50%;
	z-index: 1;
    color: #444444;
    transition: all 500ms ease;
}

.pagination li:hover a, 
.pagination li.active span,
.pagination li a:hover span,
.pagination li.active a,
.pagination li span.current,
.paginate-links a:hover,
.paginate-links > span {
    color: #fff;
	border-color: var(--secondary-color);
	background-color: var(--secondary-color);
}

/***************** Blog Sidebar Style*******************/
.widget{
	position: relative;
	margin-bottom:40px;
}
.widget ul,
.widget ol{
	position:relative;	
	margin:0px;
	padding:0px;
}
.widget ul li,
.widget ol li{
	position: relative;
	display:block;
    margin-bottom: 6px;
	padding-bottom:9px;
	font-size: 18px;
    color: #444;
	font-weight:400;
	border-bottom: 1px solid #d5cac3;
	text-transform:capitalize;
	padding-left:15px;
}
.widget ul li:before,
.widget ol li:before{
	content: '\f105';
    position: absolute;
    left: 0px;
    top: 0px;
    color: #444;
    font-size: 14px;
    font-family: 'Font Awesome 5 Free';	
}
.widget ul li:last-child,
.widget ol li:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom:0px;
}
.widget ul li ul li,
.widget ol li ol li{
	padding-bottom:0px;
	border-bottom:0px;
	margin-bottom:0px;
	border-top: 1px solid #d5cac3;
	margin-top:6px;
	padding-top:9px;
}
.widget ul li ul li:before,
.widget ol li ol li:before{
	top:10px;	
}
.widget ul li a,
.widget ol li a{
	position: relative;
	display:inline-block;
    font-size: 18px;
	line-height:26px;
	font-weight:400;
    color: #444;
	font-family: 'Barlow';
	text-transform: capitalize;
}
.widget ul li a:hover,
.widget ol li a:hover{
	color: var(--theme-color);
}


.widget .tagcloud{
	position:relative;
	margin: 0px;
	display: inline-block;
}
.widget .tagcloud a{	
	position: relative;
    display: inline-block;
	font-weight: 400;
    font-size: 16px !important;
    line-height: 24px;
    padding: 6px 25px 6px;
    margin: 0px 6px 10px 0px;
    background: none;
	text-transform: capitalize;
	border: 1px solid #e4e4e4;
	min-width: 100px;
	font-family: 'Barlow';
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    color: #444;
    text-align: center;	
}
.widget .tagcloud a:hover{
	color: #fff;
    background: var(--theme-color);
	border-color: var(--theme-color);
}

/***************** Footer Widget Style*******************/
.footer-widget{
	position:relative;
	margin-bottom: 40px;
}
.footer-widget ul,
.footer-widget ol{
	position:relative;
	margin:0px;
	padding:0px;
}
.footer-widget ul li,
.footer-widget ol li{
    display: block;
    position: relative;
    margin-bottom: 10px;
	font-size: 17px;
    color: #ffffff;
    font-weight: 500;
	font-family: 'Barlow', sans-serif;
}
.footer-widget ul li:last-child,
.footer-widget ol li:last-child{
	margin-bottom:0px;
}
.footer-widget ul li ul li,
.footer-widget ol li ol li{
	margin-bottom:0px;
	margin-top:10px;
	margin-left:15px;
}
.footer-widget ul li a,
.footer-widget ol li a{
    position: relative;
    color: #ffffff;
	display: inline-block;
	transition: .3s;
	font-size: 17px;
    font-weight: 500;
	font-family: 'Barlow', sans-serif;
}
.footer-widget ul li a:hover,
.footer-widget ol li a:hover{
	color: var(--theme-color);
	transition: .3s;
}
.footer-widget ul.footer-social-media li a{
	color: #fff;
}
.footer-widget ul.footer-social-media li a:hover{
	color: #fff;
}


/****** comment Style ***************/
.roofnox-comment-item .roofnox-comment-item{
	margin-left:80px;
}
.blog-details-content .comments-form-area .text{
	margin-bottom:20px;	
}
.blog-details-content .comments-form-area h3 small a{
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 40px;
	font-weight: 700;
	text-transform: uppercase;
	color: #242424;
}
.blog-details-content .comments-form-area h3 small a:hover,
.blog-details-content .comments-form-area .logged-in-as a{
	color: var(--theme-color);
}
.blog-details-content .comment-box > .roofnox-comment-item:last-child .comment{
	margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;	
}
.blog-details-content .comment-box,
.blog-details-content .comments-form-area{
	margin-bottom:0px;	
}
.blog-details-content .comment-box .comment{
	margin-bottom: 0px;
}
.roofnox-comment-item .comments-form-area{
	margin:50px 30px 20px;	
}
/***************** Service Sidebar Style*******************/
.service-widget {
	position: relative;
    margin-bottom: 60px;
}
.service-widget ul{
	position: relative;
    display: block;
}
.service-widget ul li{
	position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 3px;
    padding: 11px 15px 14px 30px;
	background-color:#eeeff0;
}
.service-widget ul li:before{
    position: absolute;
    content: '';
    background: #fff;
    width: 14px;
    height: 1px;
    left: 30px;
    top: 28px;
    opacity: 0;
    transition: all 500ms ease;
}

.service-widget ul li:last-child{
    margin-bottom: 0px;
}
.service-widget ul li a{
	position: relative;
	display:block;
	font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    font-family: var(--text-font);
    margin: 0;
	color: #090d30;
}
.service-widget ul li:hover a,
.service-widget ul li.current-menu-item a{
	color: #ffffff;
	padding-left: 30px;
}
.service-widget ul li:hover,
.service-widget ul li.current-menu-item{
	background-color: var(--theme-color);
}
.service-widget ul li:hover:before,
.service-widget ul li.current-menu-item:before{
	opacity: 1;
}

/************ custom style *********************/
.right-sidebar .blog-details-content,
.right-sidebar .blog-standard-content{
	margin-right: 30px;
}
.left-sidebar .blog-details-content,
.left-sidebar .blog-standard-content{
	margin-left: 30px;
}
.blog-details-content .content-one h3 {
    margin-top: 46px;
}
.banner-1-section .breadcrumb-item + .breadcrumb-item::before{
	color: #fff;
}
.blog-sidebar .search-widget .search-form .form-group button {
    top: 13px;
	right:20px;
    color: #ffffff;
	font-size: 16px;
}
.main-header.header-style-three .header-top .social-links {
    padding-right: 10px;
    margin-right: 0px;
    border-right: none;
}
.quote-form-inner .form-group.message-btn,
.form-inner .form-group.message-btn,
.banner-style-three .inner-box form .form-group.message-btn,
.contact-section .form-inner .form-group.roof-style {
    margin-bottom: 0px;
}
.quote-section .list-style-one li {
    width: 50%;
}
.roof-testi-home11 .testimonial-section .two-item-carousel .owl-nav{
	display:none;
}
.roof-faq-two-section .faq-style-two .content_block_eight .content-box{
	margin-left: 140px !important;
    margin-right: -150px;
}
.quote-style-two .form-inner .field-input .icon-box i{
	color: #b2b2b2;
}
.roofnox-blog-style16 .news-block-three .inner-box .post-info li a,
.roofnox-blog-style16 .news-block-three .inner-box .post-info li a:hover{
    color: #ca2020;
}
.roofnox-choose3-style .list-style-one li,
.roofnox-choose2-style .list-style-one li {
    width: 50%;
}
.roofnox-choose3-style .service-style-13 .tab-btn {
    padding: 24px 23px 27px 23px;
}
.roofnox-home24-newsletter .subscribe-section .form-inner .theme-btn span{
	padding-right: 0px;
}
.roofnox-home24-newsletter .subscribe-section .form-inner .theme-btn span:before{
	display: none;
}
.banner-style-20 .content-box .theme-btn.btn-two:hover {
  color: #fff;
  border-color: #fff;
}
.elementor-3796 .elementor-element.elementor-element-c3d6331 .yt-btn-title-v1 {
    border-width: 2px 2px 2px 2px !important;
}
.service-details-content .content-one.roof-title-service{
	margin-bottom: 0px;
}
.news-block-five.styles-two .inner-box {
    margin-bottom: 50px;
}
.service-block-eights .inner-box .link a {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  border: 1px solid #fff;
  font-weight: 400;
}
.footer-style-two .footer-widget ul li a{
	font-weight: 400;
    font-family: 'Barlow', sans-serif;
}
/*** 

====================================================================
			Team-details-Page
====================================================================

***/
.team-details{
	position: relative;
	padding: 120px 0px 120px 0px;
}

.team-details .image-box{
	position: relative;
	display: block;
	padding-right: 40px;
	padding-bottom:0px;
}

.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;
	right: 0px;
	bottom: 0px;
	width: 271px;
	height: 231px;
	background-repeat: no-repeat;
	z-index: -1;
}
.team-details .content-column {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.team-details .content-box{
	position: relative;
	display: block;
	margin-top: 0px;
}

.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;
}

.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;
}

.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: '';
    width: 14px;
    height: 16px;
    left: 0px;
    top: 6px;
    background-color: var(--theme-color);
    background-repeat: no-repeat;
}

.team-details .content-box .contact-inner h6 a{
	display: block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #444444;
	margin-bottom: 20px;
}

.team-details .content-box .contact-inner h3{
	display: block;
	font-size: 22px;
	line-height: 38px;
	font-weight: 600;
	margin-bottom: 10px;
}

.team-details .content-box .contact-inner h3 a{
	display: inline-block;
	color: #444444;
}

.team-details .content-box .contact-inner h3 a:hover{
	color: var(--theme-color);
}

.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: 48px;
	text-align: center;
	border: 1px solid var(--theme-color);
	border-radius: 50%;
	font-size: 18px;
	color: #333;
}

.team-details .content-box .social-links li a:hover{
	background:var(--theme-color);
	color: #fff;

}

.team-section.alternat-2 .team-block-one .inner-box{
	margin-bottom: 30px;
}

.team-section.alternat-2{
	padding-bottom: 90px;
}

.news-block-five .inner-box .lower-content.te-adjust{
	margin-left: 0px;
	margin-top: 0px;
	padding: 30px;
	border: 1px solid #d5cac3;
}

.news-block-five .inner-box .lower-content.te-adjust .upper-box,
.news-block-five .inner-box .lower-content.te-adjust__detail .upper-box{
	margin-bottom: 25px;
}

.mt-25{
	margin-top: 25px;
}

.news-block-five .inner-box .lower-content.te-adjust__detail{
	margin:0;
	padding:0;
}

blockquote{
	background: #f7f7f7;
	border: 1px solid #eeeeee;
	padding: 35px;
	margin-bottom: 25px;
}

.widget .nice-select,
.footer-widget .nice-select{
	float:none;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	height: 55px;
	display: flex;
	align-items: center;
	padding: 0 20px;
	font-size: 18px;
}

.widget .nice-select:before,
.footer-widget .nice-select:before{
	position: absolute;
	content: '';
	background-image: url(../images/icons/icon-205.png);
	width: 10px;
	height: 6px;
	top: 50%;
	right: 11px;
	background-repeat: no-repeat;
	transform: translateY(-50%);
}

.footer-widget .nice-select{
	background-color: #fff;
}

.widget .nice-select ul.list,
.footer-widget .nice-select ul.list{
	min-width:100%;
	border-radius:0;
}

.widget .nice-select ul li,
.footer-widget .nice-select ul li{
	padding-bottom:0px;
	margin-bottom:0px;
}

.widget .nice-select ul li:before,
.footer-widget .nice-select ul li:before{
	display:none;
}

.footer-widget .nice-select ul li{
	color: #003B5A;
}

.blog-sidebar .widget-title h3 a,
.main-footer .widget-title h3 a{
	color: inherit;
}