/*
========================
klean main css
========================
*/
.klean-contact-page{
	padding: 80px 0 20px;
}
.servicee-title{
	    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    color: #000;
    margin: 22px 0px 15px;
}
.post-thumbnail-serivce img{
	    width: 95px;
}
.contact-us-form-quote form p font{
    vertical-align: inherit;
    font-size: 13px;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: -16px;
    display: block;
}
.klean-quote-form h2{
	    margin-bottom: 45px!important;
}
.adf-submit-button input[type="submit"]{
	    color: black !important;
    background: #ffcd02;
    text-decoration: none !important;
    font-size: 16px;
    border-radius: 85px;
    font-weight: 600;
    line-height: 27px;
}
.contact-us-form-quote form{
	display: flex;
    width: 100%;
    flex-wrap: wrap;
	gap:2%;
}
.contact-us-form-quote form p{
	width: 32%;
}
.adf-submit-button {
	width: 100%!important;
}
.adf-submit-button p {
	    width: 156px !important;
}
.contact-us-form-quote form p label{
	width:100%;
}
.contact-us-form-quote form p input, .contact-us-form-quote form p select, .contact-us-form-quote form p textarea{
      border-radius: 20px;
    width: 100%;
    height: 42px;
    padding: 7px 14px;
    background: #cbd2d436;
    font-size: 14px;
    line-height: 24px;
    box-sizing: border-box;
}
.page-content form{
	display: flex;
    width: 100%;
    max-width: 492px;
    /* width: 100%; */
    border: 1px solid #d3d3d369;
    padding: 6px;
    border-radius: 33px;
}
.page-content form label{
	    margin-bottom: 0;
    width: 100%;
}
.no-results h1, .error-404 h1{
	    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}
.page-content form input.search-field{
	    border: 0;
    height: 46px;
    padding: 10px 15px;
    margin-bottom: 0;
    border-radius: 30px;
    width: 100%;
}
.no-result h1{
	    margin-bottom: 10px;
}
.page-content p{
	    font-size: 17px ! Important;
    line-height: 27px;
}
.page-content form input.search-submit{
	    height: 46px;
    border: 0;
    font-size: 16px;
    line-height: 27px;
    border-radius: 24px;
    padding: 10px 27px;
    font-weight: 600;
    background: #ffcd02;
}
.ebrg-single-services-content .entry-content{
	margin:0;
}
.tnkc-contact-detail{
	    display: flex;
    align-items: flex-start;
    align-items: center;
	    margin-bottom: 15px;
}
.adf-contact-icon{
	    width: 70px;
    background: #004080;
    text-align: center;
    vertical-align: middle;
    padding: 17px 12px;
    flex: 0 0 70px;
    margin-right: 17px;
    font-size: 26px;
    line-height: 33px;
    border-radius: 5px;
}
.contact-us-detail{
	    margin-left: 25px
}
.adf-contact-icon i{
	color:#ffcd02;
	}
.adf-contact-content h6{
	    margin-bottom: 4px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #000;
}
.adf-contact-content p{
	    font-size: 14px;
    line-height: 23px;
    margin: 0;
}
/*
============================
   Klean Banner slider css
===========================
*/
.kls-service-page{
	    padding: 70px 0 8px;
}
.klean-banner{
    background: black;
}
.banner-slide{
	    background-image: linear-gradient(rgb(0 17 52 / 89%),rgb(4 40 113 / 75%)),url(../images/960x0.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 606px;
    padding: 100px 0;
    align-items: center;
    justify-content: center;
    display: flex;
}
.slide-wrap{
	width: 100%;
    max-width: 1000px;
    margin:0 auto;
}
.slide-wrap p{
	color: #fff;
    font-size: 15px;
    line-height: 29px;
}
.owl-nav{
	display: none;
}
.klean-banner:hover .owl-nav,
.services-slider:hover .owl-nav{
	display: block;
}
.owl-next,.owl-prev{
	position: absolute;
    top: 40%;
    font-size: 40px!important;
    line-height: 50px!important;
    color: #fff!important;
}
.owl-next{
	right: 35px;
}
.owl-prev{
   left: 35px;
}
.owl-dots{
    position: absolute;
    right: 12px;
    bottom: 12px;
}
.owl-dot{
    background: #fff!important;
    width: 15px;
    margin-left: 10px;
    height: 15px;
    border-radius: 56px;
}

.owl-dots .active,
.owl-dot:hover{
	background-color: #ffcd02!important;
}


.slide-wrap h1{
	    font-size: 58px;
    font-weight: 700;
    line-height: 78px;
    color: #fff;
    margin: 24px 0;
}
.slider-btn{
    padding: 22px 0;
}
.slide-wrap h1 span{
	color: #ffcd02;
}
.slide-wrap .small-heading{
	color: #ffcd02;
    font-size: 14PX;
    line-height: 24px;
    font-weight: 800;
    letter-spacing: 2px
}
.slider-btn a{
    color: #000!important;
    background: #ffcd02;
    text-decoration: none!important;
    padding: 13px 31px;
    font-size: 16px;
    text-align: center;
    border-radius: 85px;
    font-weight: 600;
    line-height: 40px;
}
/*
===============================
   Klean home About us section
===============================
*/
.klean-about-us,
.klean-why-chose-us,
.klean-our-team,
.klean-blog, .service-cat-listing{
	padding: 80px 0;
}
.kls-service-listing a.kls-link-cat{
	    color: #000 ! Important;
}
.not-found-service{
	    font-weight: 700;
    font-size: 33px;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    line-height: 40px;
    color: #000;
}
.year-of-exper{
	background-image: linear-gradient(rgb(0 17 52 / 89%),rgb(4 40 113 / 75%)),url(../images/about.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
    border-radius: 5px;
    display: flex;
    margin-right: 10px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.year-of-exper strong{
	color: #fff;
    font-size: 80px;
    line-height: 90px;
    margin: 10px 0;
}
.year-of-exper h3{
	color: #fff;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
}
.year-of-exper .icon{
	font-size: 76px;
    line-height: 100px;
    color: #ffcd02;
}
.video-btn .btn-play{
	position: relative;
    display: block;
    box-sizing: content-box;
    width: 16px;
    height: 26px;
    border-radius: 100%;
    border: none;
    outline: none !important;
    padding: 18px 20px 20px 28px;
    background: #071739;
}
.video-btn .btn-play:before{
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #071739;
    border-radius: 100%;
     animation: pulse-border 1500ms ease-out infinite;
}
.video-btn .btn-play:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #071739;
    border-radius: 100%;
    transition: all 200ms;
}
.video-btn .btn-play span{
	display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    left: -1px;
    border-left: 16px solid #FFC600;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
    opacity: 0;
  }
}
#videoModal .modal-dialog {
  position: relative;
  max-width: 800px;
  margin: 60px auto 0 auto;
}

#videoModal .modal-body {
  position: relative;
  padding: 0px;
}

#videoModal .close {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0px;
  top: -30px;
  z-index: 999;
  font-size: 30px;
  font-weight: normal;
  color: #ffffff;
  background: #000000;
  opacity: 1;
}
.about-us-wrap {
	padding: 26px 10px;
}
.about-us-wrap small,
.why-chose-content-wrap small,
.klean-team-heading small,
.klean-blog-headings small{
	font-size: 14px;
    line-height: 24px;
    font-weight: 800;
    color: #004080;
    letter-spacing: 2px;
}
.about-us-wrap h2,
.why-chose-content-wrap h2,
.klean-team-heading h2,
.klean-blog-headings h2{
    font-size: 38px;
    line-height: 50px;
    font-weight: 800;
    margin: 12px 0;
    color: #000;
}
.about-button-wrap{
    padding-top: 25px;
    align-items: center;
}
.kls-service-page h2{
	    margin: 0 0 38px;
}
.comment-respond .comment-form-comment label{
	    font-size: 15px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 12px;
}
.comment-respond .comment-form-comment textarea{
	    border: 1px solid #d3d3d3a1;
}
.klean-team-heading h2{
	margin: 5px 0 24px;
}
.about-btn a,
.services-heading-wrap a,
.comment-respond #submit,
.contact-us-form input[type="submit"]{
    background: #ffcd02;
    text-decoration: none!important;
    display: block;
    width: 175px;
    color: #000!important; 
    padding: 12px 0!important;
    font-size: 16px;
    text-align: center;
    border-radius: 42px!important;
	border: none!important;
    font-weight: 600;
    line-height: 26px;
}
/*===================================
   klean services section
===================================*/
.klean-services,
.klean-about-choose{
    background-image: linear-gradient(rgb(0 17 52 / 89%),rgb(4 40 113 / 75%)),url(../images/blog-3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    padding: 100px 0;
}
.services-heading-wrap h2,
.testmonial-wrap h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    margin: 12px 0;
    color: #fff;
}
.ebrg-single-services-content{
	padding:70px 0;
}
.sidebar-content h3{
	font-size: 25px;
    line-height: 35px;
    font-weight: 700;
}
.sidebar-content{
	padding-left: 20px;
}
.sidebar-content ul li{
	font-size: 14px;
    line-height: 24px;
    padding: 8px 0;
    border-bottom: 1px solid #d3d3d36e;
}
.sidebar-content ul li a{
	color: #000;
}
.sidebar-content ul li a i{
	margin-right:7px;
}
.services-heading-wrap small,
.testmonial-wrap small{
    font-size: 14px;
    line-height: 24px;
    font-weight: 800;
    color:  #ffcd02;
    letter-spacing: 2px;
}
.services-heading-wrap{
    color: #fff;
    padding-right: 15px;
    text-align: center;
    margin-bottom: 37px;
}
.services-heading-wrap p{
    padding: 10px 0;
}
.service-icon{
	text-align: center;
}
.service-slide{
    background: #0000;
    /* border-radius: 9px; */
	 height:100%;
    text-align: center;
    padding: 23px 17px 12px;
    border: 1px solid #d3d1d1a1;
}
.kls-categories h3, .kls-categories p{
	color:#fff!important;
}
.kls-link-cat{
	 font-weight: 500;
}
.kls-link-cat i{
	    margin-left: 9px;
}
.service-slide a img{
    width: 80px;
    text-align: center;
}
.service-slide h3{
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;;
}
.serviece-text{
    padding: 20px 15px;
    text-align: center;
}
.serviece-text a{
	color: #ffcd02!Important;
	font-size: 14px;
    line-height: 24px;
}
.serviece-text button{
       border: 0;
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
    padding: 6px 17px;
    border-radius: 0;
    color: #fff;
    background: #071739;
}
.serviece-text p{
    font-size: 14px;
    line-height: 24px;
    color: #000;
}
a{
    text-decoration: none!important;
}
.services-slider .owl-prev,
.services-slider .owl-next{
    background: #ffcd02!important;
    width: 40px;
    border-radius: 29px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.services-slider .owl-prev i,
.services-slider .owl-next i{
    font-size: 16px;
    line-height: 28px;
    color: #071739;
}
.services-slider .owl-prev {
    left: 16px;
}
.services-slider .owl-next {
   right: 16px;
}


/*why choose us section*/
.why-chose-content-wrap .paragraph{
    margin: 20px 0;
}
.why-chose-us strong{
    font-size: 38px;
    color: #004080;
    line-height: 48px;
    font-weight: 700;
}
.why-chose-us p{
    font-size: 15px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
}
.why-chose-us {
    margin:10px 0;
}
.why-chose-img{
    padding: 0px 25px;
}
.why-chose-img img,
.testimonials-image img{
    border-radius: 5px;
    width: 100%;
}

/*========================
 klean portfolio css
==========================*/
.klean-portfolio,
.klean-testmonials{
    padding: 100px 0;
    background-image: linear-gradient(rgb(0 17 52 / 89%),rgb(4 40 113 / 75%)),url(../images/portfolio-5.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.portfolio-content h4{
    margin: 0;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #000;
}
.porfolio-wrap{
    position: relative;
}
.portfolio-content{
    background: #ffcd02;
    height: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height:0;
    transition: .5s ease;
}
.portfolio-img img{
    height: 310px;
}
.portfolio-items:hover .portfolio-content{
    height: 100%;
    bottom: 0;
}
/*========================
 klean Our Team css
.==========================*/
.klean-team{
    margin-top: 50px;
}
.team-slide{
    background: #ffcd02;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
}
.team-slide:hover .slider-item-image{
    left: 75px;
}
.team-slide:hover .team-slide-icon{
    left: 0;
}
.team-image-wrap{
    position: relative;
}
.slider-item-image{
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    transition: .5s;
}
.slider-item-image img{
    height: 330px;
}
.team-slide-icon{
    position: absolute;
    width: 75px;
    top: 0;
    bottom: 0;
    left: -75px;
    background: #ffcd02;
    z-index: 1;
    transition: .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.team-slide-icon a:first-child{
    color: #ffcd02!important;
    background: #071739;
    padding: 5px 12px;
     margin-bottom: 10px;
    border-radius: 50%;
}
.team-slide-icon a{
    color: #ffcd02!important;
    background: #071739;
    padding: 5px 10px;
    border-radius: 50%;
    margin-bottom: 10px;
}
.team-heading{
    padding: 22px 15px;
}
.team-heading h3{
    font-size: 22px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    color: #000;
}
.team-heading p{
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin: 0;
}
.testmonial-slider,
.blog-post{
    padding-top: 30px;
}
.author-info{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    font-style: italic;
}
.author-image{
     width: 70px;
    height: 70px;
    margin-right: 24px;
}
.author-image img{
  border-radius: 50%;
}
    
.test-author-name h4{
    color: #ffcd02;
    font-weight: 600;
    font-size: 18px;
    line-height: 16px;
}
.test-author-name span{
    color: white;
    font-size: 13px;
    line-height: 24px;
}
.testimonial-slide p{
    color: #fff;
    font-style: italic;
}
.testimonial-slide{
    padding-bottom: 10px;
}
.testmonial-slider .owl-dots{
    bottom: 0px!important;
    left: 0;
}
/*========================
 klean Our Team css
.==========================*/
.klean-blog-headings{
    max-width: 675px;
    margin: 0 auto;
    text-align: center;
}
h2 span{
    color: #ffcd02!important;
}
.blog-images{
    position: relative;
}
.post-date{
    background: #ffcd02;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 18px;
    border-top-right-radius: 7px;
    text-align: center;
}
.post-date h6{
    font-size: 24px;
    line-height: 23px;
    font-weight: 700;
    margin: 0;
}
.post-date span{
    color: #fff;
    font-weight: 500;
}
.blog-images img
{
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
/*     height: 300px; */
    width: 100%;
    object-fit: cover;
}
.blog-text{
    padding: 13px 19px 20px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 18px 0 rgb(50 50 50 / 18%);
    box-shadow: 0 0 18px 0 rgb(50 50 50 / 18%);
    background-color: #fff;
}
.blog-text h3{
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    color: #000;
}
.post-thumbnail-simple img{
	    width: 100%;
    border-radius: 9px;
    margin-bottom: 20px;
}
.single-blog-author{
	font-size: 14px;
    display: flex;
    gap: 10px;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 1px solid #d3d3d37d;
    margin-bottom: 12px;
    padding-bottom: 16px;
}
.single-blog-author a{
	color:#004080!important;
}
.single-blog-author span{
	color:#ffcd02;
}
.afl-post-heading{
	    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 23px;
}
.blog-author a{
    font-size: 13px;
    line-height: 30px;
    color: #004080!important;
}
.blog-author span{
    color: #ffcd02;
    font-weight: 500;
    font-size: 14px;
}
.blog-text p{
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
}
.blog-text .blog-btn{
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #004386;
    padding-left: 5px;
}
.blog-text a i{
    margin-left: 8px;
    font-size: 16px;
    vertical-align: middle;
}
.comments-area h3{
	    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #000;
}
/*==============================
 inner pages
==============================*/

.klean-inner-page-banner{
    background-image: linear-gradient(rgb(5 25 66 / 94%),rgb(3 13 34 / 92%)),url(../images/portfolio-5.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 85px 0;
}
.klean-inner-page-banner h1{
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    text-align: center;
}
/*about us page*/
.klean-about-wrap{
    color: white;
    text-align: center;
    background: #004080;
    padding: 20px 15px;
}
.klean-about-icon{
    margin-bottom: 20px;
}
.klean-about-wrap h3{
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
}
.klean-about-wrap p{
    font-size: 13px;
    line-height: 24px;
}
.contact-us-form input{
	    width: 100%;
    font-size: 16px;
    line-height: 26px;
    height: 49px;
    border: 1px solid #d3d3d387!important;
    border-radius:6px !important;
    padding: 11px 15px!important;
}
.contact-us-form textarea{
	    width: 100%;
    font-size: 16px;
    line-height: 26px;
    border: 1px solid #d3d3d387!important;
    border-radius: 6px !important;
    padding: 11px 15px!important;
}

/*==================================
    Media  Queries   
===================================*/
@media all and (max-width: 480px){
    .slide-wrap{
        max-width: 300px;
    }
    .slide-wrap h1{
        font-size: 40px;
        line-height: 52px;
        margin:15px 0;
    }
    .header-contact a {
        font-size: 12px;
        line-height: 22px;
    }
	.header-contact, .adf-header-menu{
		    padding: 10px 0;
	}
}

.slider-item-image img{
	    display: block;
    width: 100%;
    object-fit: cover;
    object-position: 80% 30%;
}
.tem-heads-about{
	text-align: center;
    max-width: 890px;
    margin: 0 auto;
}
.why-chs-servc img{
	min-height: 500px;
    object-fit: cover;
}
.custom-logo-link img{
	height: auto;
	max-width: 246px;
}
.logo-bg{
	background-color:#0f0f0f;
}
.header-contact .klean-email{
  	width: 35%;
}
.header-contact .klean-mob{
  	width: 60%;
}

.email-form .menu-button{
	text-align:left;
}

/*==================================
    Wattsap Style   
===================================*/

.whatsapp-chat-button {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;

}
.whatsapp-chat-button i{
color: #fff;

background: #21b421;
padding: 15px;
font-size: 50px;
line-height: 44px;
border-radius: 50%;
}
.grecaptcha-badge, .fa-xmark{
display: none;
}
.whatsapp-chat-button i {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}