/* ========== listing page (18-01-2024) =========== */
/* root */
:root {
	--primary-color: #0A3650;
    --second-color: #2D739D;
    --primary-font: 'Lato', sans-serif;
    --second-font: 'roboto',sans-serif;
    --white: #fff;
    --black: #000;
	--lineheight: 120%;
	--lineheight-two: 140%;
  }

/* root end */
.listing-page-main{
   box-sizing: border-box;
   font-family: var(--primary-font);
}
.page-template-listing-page h1,
.page-template-listing-page h2, 
.page-template-listing-page h3, 
.page-template-listing-page h4, 
.page-template-listing-page h5, 
.page-template-listing-page h6, 
.page-template-listing-page p, 
.page-template-listing-page li, 
.page-template-listing-page a{
	font-family: var(--primary-font);
}
.page-template-listing-page .header-part h1{
	text-align: center;
    font-size: 52px;
    color: var( --white);
    padding: 127px 0 110px;
	letter-spacing: 1px;
}
.page-template-listing-page .header-part{
	background-image: unset;
	background-color: var(--primary-color);
}
.listing-services{
	padding-bottom: 30px;
}
.listing-page-container{
  max-width: 1140px;
  margin: 0 auto;
}

.listing-service-wrap{
	padding: 100px 0 87px;
}

.listing-service-wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 68px 60px;
	justify-content: initial;
}
.listing-service-wrap .single-service{
	flex: 0 0 auto;
	max-width: 340px;
}

.listing-service-wrap .single-service a h1,
.listing-service-wrap .single-service a h2,
.listing-service-wrap .single-service a h3,
.listing-service-wrap .single-service a h4,
.listing-service-wrap .single-service a h5,
.listing-service-wrap .single-service a h6{
	font-size: 21px;
	line-height: var(--lineheight);
	color: var(--primary-color);
	text-decoration: none;
}

.listing-service-wrap .single-service h1,
.listing-service-wrap .single-service h2,
.listing-service-wrap .single-service h3,
.listing-service-wrap .single-service h4,
.listing-service-wrap .single-service h5,
.listing-service-wrap .single-service h6{
	border-bottom: 2px solid var(--second-color);
	padding: 10px 14px 10px 0;
	position: relative;
   
}

.listing-service-wrap .single-service .single-img-listing img{
	width: 100%;
}

.listing-service-wrap .single-service p{
	font-size: 18px;
	line-height: var(--lineheight);
	padding: 18px 0 20px;
	color: var(--black);
    word-spacing: 1px;
}

.single-service .excerpt_div{
  padding: 20px 0 18px;
  color: #000;
    font-size: 18px;
    line-height: 1.2;
}

.listing-service-wrap .single-service .listing-link-wrap{
	width: 100%;
	text-align: right;
}

.listing-service-wrap .single-service .listing-link-wrap a{
	min-width: 120px;
    border: 2px solid var(--primary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    height: 42px;
    font-size: 16px;
    line-height: var(--lineheight);
    box-sizing: border-box;
    color: var(--primary-color);
    margin-right: 0;
    margin-left: auto;
}

.listing-service-wrap .single-service .listing-link-wrap a:hover{
	background: var(--primary-color);
    color: var( --white);
}

.listing-services .holder{
	text-align: center;
	cursor: pointer;
}

.listing-services .jp-previous{
	display: none;
}

.listing-services .holder a{
	padding-right: 10px;
	color: var(--black);
	font-size: 16px;
	line-height: var(--lineheight);
}

.listing-services .holder a.jp-current{
	color: var(--second-color);
}

.listing-services a.jp-next{
	opacity: 1;
	position: relative;
}

.listing-services a.jp-next::before{
	content: '';
	position: absolute;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url(images/right-arr.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 12px;
	height: 12px;


}

/* responsive view */
@media screen and (max-width: 1199px){
	.listing-service-wrap{
		gap: 40px;
	}

	.listing-service-wrap .single-service{
		flex: 0 0 25%;
		max-width: 100%;
	}
	
} 

@media screen and (max-width: 991px){
	.listing-page-container{
		max-width: 960px;
	  }
	.listing-service-wrap .single-service{
		flex: 0 0 45%;
	}

.page-template-listing-page .header-part h1{
	font-size: 40px;
	padding: 60px 0;
}
}

@media screen and (max-width: 767px){
	.listing-page-container{
		max-width: 720px;
	  }
	.listing-service-wrap .single-service{
		flex: 0 0 100%;
	}

.listing-service-wrap{
	gap: 25px;
}
.listing-service-wrap{
	padding: 50px 0;
}
}

@media screen and (max-width: 480px){
	.page-template-listing-page .header-part h1{
		font-size: 30px;
		padding: 45px 0;
	}
}

/* ========== listing page end (18-01-2024) =========== */

/* ========== listing details page (19-01-2024) =========== */
/* banner */
.single-service *{
    box-sizing: border-box;
}
.single-service .header-part{
	background-image: unset;
	background-color: var(--primary-color);
}

.single-service h1,
.single-service h2, 
.single-service h3, 
.single-service h4, 
.single-service h5, 
.single-service h6, 
.single-service p, 
.single-service li, 
.single-service a{
	font-family: var(--primary-font);
}
.details-content h1,
.details-content h2, 
.details-content h3, 
.details-content h4, 
.details-content h5, 
.details-content h6, 
.details-content p, 
.details-content li, 
.details-content a{
	font-family: var(--second-font);
}

.details-banner_wrp{
	display: flex;
}

.single-service .list-item-img{
	margin-left: auto;
    margin-right: -245px;
    margin-bottom: -73px;
    margin-top: 20px;
}

.single-service .header-part h1{
   font-size: 38px;
   line-height: var(--lineheight);
   color: var( --white);
   padding: 185px 0;
   max-width: 400px ;
   letter-spacing: 1px;
}
/* banner end */

/* details-content section */
.details-content{
    padding-top: 128px;
}
.det-content-wrap{
    margin-left: 200px;
}

.details-content h2{
    padding: 0 0 15px;
    margin: 0 50px 0 0;
    font-size: 24px;
    color: #005f8d;
    font-weight: 500;
    line-height: var(--lineheight-two);
}
.details-content p{
    margin: 0 0 24px;
    line-height: var(--lineheight-two);
    font-size: 15px;
}


.details-content ul{
    margin: 0 0 24px;
    list-style: initial;
}

.details-content li{
    margin: 0 0 0 36px;
    font-size: 15px;
}
.details-enq-form-wrapper{
    max-width: 940px;
    margin: 65px 0 50px auto;
}

.details-enq-form-wrapper .cont-right{
    padding: 30px;
}

.details-enq-form-wrapper p{
    margin-bottom: 13px;
}


.details-enq-form-wrapper .cont-right input[type=text], 
.details-enq-form-wrapper .cont-right input[type=tel], 
.details-enq-form-wrapper .cont-right input[type=email], 
.details-enq-form-wrapper .cont-right select, 
.details-enq-form-wrapper .cont-right textarea
{
    width: 86%;

}

/* details-content section end */
/* responsive view */
@media screen and (max-width: 1599px){
    .single-service .list-item-img{
        margin-right: -115px;
    }
    
}
@media screen and (max-width: 1399px){
    .single-service .list-item-img{
        margin-right: 0;
    }
    
}
@media screen and (max-width: 1199px){
   .details-banner_wrp{
    padding: 0 30px;
   }

   .single-service .list-item-img{
    margin: 30px 0 30px auto;
   }

   .details-enq-form-wrapper .cont-right input[type=text],
   .details-enq-form-wrapper .cont-right input[type=tel], 
   .details-enq-form-wrapper .cont-right input[type=email], 
   .details-enq-form-wrapper .cont-right select, 
   .details-enq-form-wrapper .cont-right textarea{
    width: 100%;
   }

   .details-enq-form-wrapper .cont-right label{
    width: 100%;
   }
    
}
@media screen and (max-width: 991px){
    .details-banner_wrp{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

     .single-service .list-item-img{
      margin-left: initial;
      margin-right: initial;
      margin-top: 0;
    }
    .list-item-img img{
        width: 100%;
    }
    .single-service .header-part h1{
        padding: 50px 0;
        max-width: 100%;
        text-align: center;
    }

    .det-content-wrap {
        margin-left: 0;
    }

    .details-content {
        padding-top: 50px;
    }
    
}

@media screen and (max-width: 575px){
    .single-service .header-part h1{
        font-size: 30px;
        padding: 30px 0;
    }

    .details-content h2{
        font-size: 20px;
    }

    .details-content p {
        margin: 0px 0 15px;
    }
    .details-enq-form-wrapper .cont-right {
        padding: 20px;
    }
}


/* ========== listing details page (19-01-2024) =========== */