*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Outfit', sans-serif;
}
input[type="number"],
input[type="number"] {
    -moz-appearance: textfield !important;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
}
ul{
    list-style: none;
}
img{
    max-width: 100%;
}
button:focus, input:focus{
    outline: none;
    box-shadow: none !important;
}
/* .container{
    max-width: 1520px;
} */
.header{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	z-index:10;
}
.navbar-light .navbar-nav > .nav-item > .nav-link {
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(0, 0, 0, 0.10);
    padding: 0px 24px;
    color: #fff;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.navbar .dropdown-menu{
    width: max-content;
    max-width: 250px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(0, 0, 0, 0.8);
}
.navbar .dropdown-menu a{
    line-height: normal;
    color: #FFF;
}
.navbar-light .navbar-nav .nav-link.dropdown-toggle{
    display: flex;
    align-items: center;
}
.navbar-light .navbar-nav .nav-link.dropdown-toggle svg{
    margin-left: 10px;
    margin-top: 3px;
}
.navbar-light .navbar-nav .nav-link.dropdown-toggle svg path{
    transition: .3s;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #EE1E25 !important;
}
.navbar-light .navbar-nav .nav-link:hover svg path{
    stroke: #EE1E25 !important;
}
.dropdown-toggle::after{
    display: none;
}
.right-social-media a{
    padding: 0 10px;
    color: transparent;
}
.right-social-media a svg path{
    transition: .5s;
}
.right-social-media a:hover svg path{
    fill: #EE1E25;
}

.industry-service{
    padding-top: 100px;
    /* padding-bottom: 110px; */
}
.industry-service .is-head h2,
.industry-service .is-head h3 {
    color: #111;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 30px;
    text-align: center;
}
.industry-service .is-content{
    text-align: center;
    padding: 40px;
    transition: .5s;
    height: 100%;
    border-radius: 24px;
    background: #F6F6F6;
    transition: .5s;
}

.industry-service .row .col-lg-4{
    margin-bottom: 30px;
}
.industry-service .is-content p{
    color: #111;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 0;
    margin-top: 10px;
	word-wrap: break-word;
}
.industry-service .is-content img{
    transition: .5s;
}
.industry-service .is-content:hover{
    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.10);
    background: #1A1C43;
}
.industry-service .is-content:hover p{
    color: #fff;
}
.industry-service .is-content img.hov-icon{
    display: none;

}
.industry-service .is-content:hover img.hov-icon{
    display: block;
    margin: 0 auto;
}
.industry-service .is-content:hover img.wth-hover-icon{
    display: none;
}


/* ========================= Banner css */
.banner{
    background: url(), linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), url(<path-to-image>), lightgray 0px 0px / 100% 106.667% no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
}
.banner .container{
    position: relative;
    height: 100%;
}
.banner-content{
    position: absolute;
    left: 0;
    bottom: 70px;
}
.banner-content h1{
    color: #FFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
    margin-bottom: 0;
    position: relative;
    margin-bottom: 20px;
}
.banner-content h1::before{
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background: url('../images/home-banner-heading.svg') no-repeat center/contain;
    top: -23px;
    left: 136px;
}
.banner-content h1 span{
    display: block;
    padding-left: 98px;
    position: relative;
}
.banner-content h1 span::after{
    content: '';
    position: absolute;
    width: 80px;
    height: 1px;
    background-color: #FFF;
    left: 0;
    top: calc(50% - 0.5px);
}

.banner-content p{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 522px;
    margin-bottom: 40px;
}
.banner-content a{
    border-radius: 100px;
    background: #EE1E25;
    padding: 20px 32px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    display: inline-block;
    transition: .5s;
}
.banner-content a:hover{
    background: #fff;
    color: #EE1E25;
}
.banner-content a svg{
    margin-left: 10px;
}
.banner-content a svg path{
    transition: .5s;
}
.banner-content a:hover svg path{
    stroke: #EE1E25;
}


/*   ===================== who-we-are css */
.who-we-are{
    margin: 100px 0;
    position: relative;
}
.wwa-body{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.wwa-content{
    flex: 0 0 50%;
    padding-right: 50px;
}
.wwa-content1{
    padding-right: 100px;
    padding-left: 50px;
}
.wwa-content img{
    width: 100%;
    height: 100%;
    /* border-radius: 12px; */
}
.wwa-polygon{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 400px;
    height: 400px;
    overflow: hidden;
}
.wwa-content span{
    color: #6B75ED;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.page-template-services-ndt_surface .wwa-content h3,
.wwa-content h2{
    color: #111;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
    margin-bottom: 40px;
}
.wwa-content p{
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 20px;
}
.wwa-content a{
    border-radius: 100px;
    border: 1px solid #EE1E25;
    padding: 20px 32px;
    color: #EE1E25;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
    transition: .5s;
    text-decoration: none;
    margin-top: 30px;
}
.wwa-content a:hover{
    background: #EE1E25;
    color: #fff;
}
.wwa-content a:hover svg path{
    stroke: #fff;
}
.wwa-content a svg{
    margin-left: 10px;
}
.wwa-content a svg path{
    transition: .5s;
}
/* =================== our-laser css */
.our-laser{
    padding: 100px 0;
    background: url(../images/our-laser.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.our-laser .row .col-md-4{
    margin-bottom: 40px;
}
.ol-head{
    max-width: 464px;
    margin: 0 auto;
    padding-bottom: 50px;
}
.ol-head h2,
.ol-head h3{
    color: #FFF;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.our-laser .row>* {
    padding-right: calc(var(--bs-gutter-x) * .8);
    padding-left: calc(var(--bs-gutter-x) * .8);
}
.our-laser .row1{
    margin-top: 40px;
}
.ol-cont{
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.10);
    text-align: center;
    padding: 40px;
    transition: .5s;
    height: 100%;
}
.ol-cont:hover{
    background: #fff;
}
.ol-cont svg path{
    transition: .5s;
}
.ol-cont:hover svg path{
    stroke: #1B1F4D;
    /* fill: #1B1F4D; */
}
.ol-cont h4{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; 
    text-transform: uppercase;
    margin-top: 30px;
    transition: .5s;
}
.ol-cont:hover h4{
    color: #1B1F4D;
}
.gallary{
    padding: 100px 0;
}
.gallary .row1{
    margin-top: 40px;
}
.gallary .row>* {
    padding-right: calc(var(--bs-gutter-x) * .7);
    padding-left: calc(var(--bs-gutter-x) * .7);
}
.g-img{
    position: relative;
    transition: .5s;
}
.zoom-div{
    display: flex;
    width: 42px;
    height: 42px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.60);
    position: absolute;
    right: 20px;
    top: 20px;
    transition: .5s;
    cursor: pointer;
}
.g-img:hover .zoom-div{
    background: #EE1E25;
}
.gallary-carousel .owl-dots{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px !important;
    background: #F5F5F5;
    border-radius: 20px;
}
.gallary-carousel.owl-theme .owl-dots .owl-dot{
    width: 33.33%;
}
.gallary-carousel.owl-theme .owl-dots .owl-dot span{
    margin: 0;
    width: 100%;
    background: #F5F5F5;
}
.gallary-carousel.owl-theme .owl-dots .owl-dot.active span, .gallary-carousel.owl-theme .owl-dots .owl-dot:hover span {
    border-radius: 20px;
    background: #EE1E25;
}

/* ============== its time css */
.its-time{
    padding-bottom: 100px;
}
.it-head{
    max-width: 322px;
    margin: 0 auto;
    padding-bottom: 50px;
    text-align: center;
}
.it-head span{
    color: #6B75ED;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.it-head h3{
    color: #111;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.it-main-body{
    background: url(../images/it-time.png) no-repeat;
    background-size: auto;
    background-position: center;
    /* max-width: 580px; */
    height: 578px;
    margin: 0 auto;
    position: relative;
}
.it-content{
    border-radius: 24px;
    background: #F6F6F6;
    padding: 32px;
    max-width: 350px;
}
.it-content h4{
    color: #111;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.it-content p{
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 0;
}
.it-content1{
    position: absolute;
    left: 0;
    top: 0;
}
.it-content1::after{
    content: '';
    position: absolute;
    width: 253px;
    background: url(../images/it-icon.svg) no-repeat;
    background-size: 253px;
    height: 110px;
    right: -230px;
    top: 67%;
    transform: translateY(-50%);
}

.it-content2{
    position: absolute;
    right: 0;
    top: 0;
}
.it-content2::after{
    content: '';
    position: absolute;
    width: 253px;
    background: url(../images/it-icon2.svg) no-repeat;
    background-size: 253px;
    height: 110px;
    left: -230px;
    top: 67%;
    transform: translateY(-50%);
}
.it-content3{
    position: absolute;
    left: 0;
    bottom: 0;
}
.it-content3::after{
    content: '';
    position: absolute;
    width: 253px;
    background: url(../images/it-icon3.svg) no-repeat;
    background-size: 253px;
    height: 110px;
    right: -230px;
    top: 30%;
    transform: translateY(-50%);
}
.it-content4{
    position: absolute;
    right: 0;
    bottom: 0;
}
.it-content4::after{
    content: '';
    position: absolute;
    width: 253px;
    background: url(../images/it-icon4.svg) no-repeat;
    background-size: 253px;
    height: 110px;
    left: -230px;
    top: 35%;
    transform: translateY(-50%);
}

/* =========== ndt preparation css ========= */
.ndt-surface{
    padding-bottom: 100px;
    position: relative;
}
.ndt-surface .paging{
    position: absolute;
    right: 117px;
    top: 72px;
    z-index: 999999;
    color: #000;
}
.ndt-slider{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    background: url(../images/ndt-img.png) no-repeat;
    background-position: center;
    background-size: cover;
}
.ndt-content{
    flex: 0 0 50%;
}
.ndt-content1{
    padding: 0 80px 0 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ndt-content span{
    color: #6B75ED;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
    text-transform: uppercase;
}
.ndt-content h3,
.ndt-content h4{
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    position: relative;
    margin-bottom: 30px;
}
/* .ndt-preparation{
    padding-left: 20px;
    margin: 40px 0;
} */
/* .ndt-preparation h4{
    
}
.ndt-preparation h4::before{
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: #E4B200;
    border-radius: 100%;
} */
.ndt-content p{
    color: rgba(255, 255, 255, 0.90);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; 
    padding-right: 40px;
}
.ndt-btndiv{
    margin-top: 25px;
}
.ndt-btndiv a{
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: transparent;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    transition: .5s;
    padding: 20px 32px;
    display: inline-block;
    position: relative;
}
/* .ndt-btndiv a::after{
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    width: 1px;
    height: 60%;
    background: #ffffff40;
    transform: translateY(-50%);
} */
.ndt-btndiv a:first-child{
    margin-right: 10px;
}
.ndt-btndiv a svg{
    margin-left: 10px;
}
.ndt-btndiv a svg path{
    transition: .5s;
}
.ndt-btndiv a:hover{
    border-color: #fff;
    background: #fff;
    color: #1B1F4D;
}
.ndt-btndiv a:hover svg path{
    stroke: #1B1F4D;
}
.slides.owl-theme .owl-dots .owl-dot span{
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.40);
    width: 100px;
    height: 10px;
    margin: 0;
}
.slides.owl-theme .owl-dot{
    margin-right: 10px;
}
.slides.owl-theme .owl-dots{
    position: absolute;
    right: 1%;
    bottom: 30px;
}
.slides.owl-theme .owl-dots .owl-dot.active span, .slides.owl-theme .owl-dots .owl-dot:hover span{
    border-radius: 50px;
    background: #EE1E25;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.slides.owl-theme .owl-nav{
    position: absolute;
    top: 40px;
    right: 40px;
    display: flex;
    justify-content: space-between;
    width: 200px;
}
.slides.owl-theme .owl-nav button{
    width: 60px;
    height: 60px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 60px !important;
}
.slides.owl-theme .owl-nav button span{
    display: none;
}
.slides.owl-theme .owl-nav button.owl-prev{
    background: url(../images/owl-prev.svg);

}
.slides.owl-theme .owl-nav button.owl-next{
    background: url(../images/owl-next.svg);

}
.paging .index{
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
}
.paging .count{
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

/* =============== know more css  */
.know-more{
    padding-bottom: 100px;
}
.km-head{
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
    /* padding-bottom: 160px; */
}
.km-head span{
    color: #6B75ED;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.km-head h2,
.km-head h3{
    color: #111;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 20px 0;
}
.km-head p{
    color: #111;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 20px;
}
.km-head a{
    border-radius: 100px;
    border: 1px solid #EE1E25;
    color: #EE1E25;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    transition: .5s;
    padding: 20px 32px;
    display: inline-block;
    margin-top: 30px;
}
.km-head a svg path{
    transition: .5s;
}
.km-head a:hover{
    background: #EE1E25;
    color: #fff;
}
.km-head a:hover svg path{
    stroke: #fff;
}
.km-head a svg{
    margin-left: 10px;
}
.km-cont1{
    border-radius: 24px;
    background: #1B1F4D;
    padding: 70px 56px;
    text-align: center;
    margin-right: 30px;
    margin-left: 30px;
}
.km-cont1 span{
    color: #6B75ED;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.km-cont1 h4{
    color: #FFF;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; 
    padding: 0 20px;
    margin-bottom: 60px;
}
.km-cont1 form input{
    display: block;
    width: 100%;
    padding: 40px 0 20px 0;
    background: transparent;
    outline: none;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #ffffff30;
    color: #fff;
}
.km-cont1 form input::placeholder{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.km-cont1 form textarea{
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
    background: transparent;
    outline: none;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #ffffff30;
    color: #fff;
}
.km-cont1 form textarea::placeholder{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.km-cont1 form button{
    border-radius: 100px;
    background: #FFF;
    padding: 20px 32px;
    color: #1B1F4D;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    transition: .5s;
    margin-top: 80px;
}

.km-cont1 form button svg{
    margin-left: 10px;
}
.km-cont1 form button svg path{
    transition: .5s;
}
.km-cont1 form button:hover{
    background: #EE1E25;
    color: #fff;
}
.km-cont1 form button:hover svg path{
    stroke: #fff;
}



.km-cont2{
    border-radius: 24px;
    background: #F6F6F6;
    padding: 70px 91px;
    text-align: center;
    margin-left: 30px;
    margin-right: 30px;
    height: 100%;
}
.km-cont2 span{
    color: #6B75ED;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
    text-transform: uppercase;
}
.km-cont2 h4{
    color: #111;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; 
    padding: 0 40px;
    margin-bottom: 75px;
    margin-top: 15px;
}
.call-div{
    padding-bottom: 42px;
    border-bottom: 1px solid #D2D2D2;
}
.call-div span{
    color: #6B75ED;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    display: block;
}
.call-div a{
    color: #111;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    display: block;
    text-decoration: none;
    transition: .5s;
}
.call-div a:hover{
    color: #EE1E25;
}
.call-div p{
    color: rgba(17, 17, 17, 0.80);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 0;
}
.email-div{
    padding: 42px 0;
    border-bottom: 1px solid #d2d2d2;
}
.email-div span{
    color: #6B75ED;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    display: block;
}
.email-div a{
    color: #111;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    text-decoration: none;
    transition: .5s;
}
.email-div a:hover{
    color: #EE1E25;
}
.service-location{
    padding: 42px 0;
    border-bottom: 1px solid #d2d2d2;
}
.service-location span{
    color: #6B75ED;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
    text-transform: uppercase;
}
.service-location p{
    color: #111;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
    padding: 0 90px; 
}
.social-div{
    padding: 42px 0;
}
.social-div .sc-icon{
    padding-top: 10px;
}
.social-div .sc-icon a{
    text-decoration: none;
    padding: 0 20px;
    transition: .5s;
}
.social-div .sc-icon a svg path{
    transition: .5s;
}
.social-div .sc-icon a svg:hover path{
    fill: #6B75ED;
}

/* =========================== footer css */
.sc-icon a svg,
.footer-social a svg{
    width: 21px;
    height: 20px;
}
.sc-icon a svg path,
.footer-social a svg path{
    fill: #EE1E25;
}
.footer{
    padding-top: 100px;
    background: url(../images/footer-img.png) no-repeat center;
    background-size: cover;
}
.footer-cont h4{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
    text-transform: uppercase;
    margin-bottom: 28px;
}
.footer-cont p{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding-right: 40px;
}
.footer-cont h5{
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; 
    text-transform: uppercase;
    margin-bottom: 0;
}
.footer-cont a{
    color: #FF4848;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    text-decoration: none;
    transition: .5s;
    display: inline-block;
    margin-bottom: 20px;
}
.footer-cont a:hover{
    color: #fff;
}
.footer-cont span{
    color: rgba(255, 255, 255, 0.80);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
}
.footer-cont1{
    text-align: center;
}
.footer-cont1 p{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin: 20px 0;
}
.footer-social a{
    padding: 0 10px;
    text-decoration: none;
}
.footer-social a svg {
    transition: .5s;
}
.footer-social a svg path{
    transition: .5s;
}
.footer-social a svg:hover path{
    fill: #fff;
}
.footer-cont2{
    text-align: right;
}
.footer-cont2 h4{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
    text-transform: uppercase;
    margin-bottom: 28px;
}
.footer-cont2 ul{
    padding: 0;
    margin: 0;
}
.footer-cont2 ul li{
    padding-bottom: 20px;
}
.footer-cont2 ul li a{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
    transition: .5s; 
}
.footer-cont2 ul li a:hover{
    color: #EE1E25;
}
.footer-newsletter-div{
    padding-top: 100px;
    padding-bottom: 60px;
}
.nws-cont h3{
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
    text-transform: uppercase;
}
.nws-form form{
    display: flex;
    gap: 30px;
    padding-top: 6px;
}
.nws-form form p:nth-child(2){
    flex: 0 0 82%;
    display: flex;
    gap: 30px;
}
.nws-form form p:nth-child(2) span{
    flex: 1 1 0%;
}
.nws-form form > *{
    flex: 1 1 0%;
    margin: 0;
}
/* .nws-form form {
    display: flex;
    justify-content: space-between;
} */
.nws-form form input{
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    padding: 20px 32px !important;
    color: #FFF !important;
    opacity: 0.3 !important;
    border: none !important;
    margin-right: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}
.nws-form form input::placeholder{
    color: #FFF !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
/* .nws-form form.wpforms-form .wpforms-field,
.nws-form form.wpforms-form .wpforms-submit-container{
    padding: 0;
    margin-top: 0 !important;
} */
.wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error {
    position: absolute !important;
}
.nws-form form input[type="submit"]{
    border-radius: 12px !important;
    background: #FFF !important;
    color: #222 !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    padding: 18.5px 32px !important;
    border: none !important;
    transition: .5s !important;
    height: auto !important;
    opacity: 1 !important;
    margin: 0;
}
.nws-form form button svg{
    margin-left: 10px;
}
.nws-form form button svg path{
    transition: .5s;
}
.nws-form form button:hover{
    background: #EE1E25 !important;
    color: #fff !important;
}
.nws-form form button:hover svg path{
    stroke: #fff;
}
.footer-bottom-div{
    padding-top: 24px;
    border-top: 1px solid #ffffff30;
    text-align: center;
    padding-bottom: 40px;
}
.footer-bottom-div p{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}
.footer-bottom-div p a{
    text-decoration: none;
    font-weight: 700;
    transition: .5s;
    color: #fff;
}
.footer-bottom-div p a:hover{
    color: #EE1E25;
}


/* ==========*****========= */
div.wpforms-container-full {
    margin: 0 !important;
}

/* .ol-cont svg path{
    stroke: #fff;
} */

.nws-form form br,
.inq-form-div form br,
.km-cont1 form br{
    display: none;
}
.nws-form form .wpcf7-not-valid-tip,
.inq-form-div form .wpcf7-not-valid-tip,
.km-cont1 form .wpcf7-not-valid-tip{
    position: absolute;
    font-weight: 400;
    font-size: 16px;
}
.nws-form form ,
.inq-form-div form ,
.km-cont1 form{
    position: relative;
}
.km-cont1 form p{
    margin: 0;
}
.nws-form form .wpcf7-response-output,
.inq-form-div form .wpcf7-response-output,
.km-cont1 form .wpcf7-response-output{
    color: #FFF;
    border-radius: 25px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    background: rgba(0, 0, 0, 0.10);
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    bottom: -40px;
}
.navbar .navbar-toggler img{
    display: none;
}
.navbar .navbar-toggler.collapsed .collapsed-active{
    display: block;
    background: #1B1F4D;
    border-radius: 5px;
}
.navbar .navbar-toggler:not(.collapsed) .collapsed-inactive{
    display: block;
}

/* .navbar .navbar-toggler {
    border-color: #FFFFFF;
    padding: 5px;
} */
.navbar .navbar-toggler svg{
    width: 30px;
    height: 30px;
}







@media (min-width: 1600px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1520px !important;
    }
}
@media (max-width:1380px){
    .header-nav li a {
        padding: 0px 14px;
        font-size: 14px;
    }
    .navbar-light .navbar-nav > .nav-item > .nav-link{
        font-size: 14px;
        padding: 0px 15px;
    }
    .it-content h4 {
        font-size: 18px;
    }
    .it-main-body {
        background-size: 450px;
    }
    .it-content {
        padding: 30px;
        max-width: 250px;
    }
    .it-content p {
        font-size: 15px;
    }
	.page-template-services-ndt_surface .wwa-content h3,
	.wwa-content h2{
        font-size: 38px;
        margin-bottom: 20px;
    }
    .wwa-content p {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .km-cont1 span {
        font-size: 18px;
    }
    .km-cont2 h4{
        padding: 0;
    }
    .km-cont1 h4{
        padding: 0;
    }
    .service-location p{
        padding: 0;
    }
    .km-cont1, .km-cont2{
        margin-left: 0;
        margin-right: 0;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 70px;
    }
    .ndt-content span {
        font-size: 16px;
    }
    .ndt-preparation h4 {
        font-size: 18px;
    }
    .ndt-preparation p {
        font-size: 15px;
        padding-right: 0px;
    }
    .ndt-content h3 {
        font-size: 32px;
    }
    .ndt-btndiv {
        margin-top: 20px;
    }
    .ndt-content1 {
        padding: 40px 60px 40px 60px;
    }
    .ndt-preparation {
        padding-left: 20px;
        margin: 20px 0;
    }
    .ndt-surface {
        padding-bottom: 80px;
    }
   
    /* .km-head {
        padding-bottom: 100px;
    } */
    .know-more {
        padding-bottom: 80px;
    }
    .nws-form form input {
        width: 37%;
    }
    .its-time {
        padding-bottom: 80px;
    }
    .who-we-are {
        margin: 60px 0;
    }
    /* .slides.owl-theme .owl-nav {
        bottom: 71px;
        left: 20%;
    } */
}
@media (max-width: 991px){
    .navbar-collapse {
        align-items: center;
        background: #1B1F4D;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: -100%;
        transition: .3s;
        padding-top: 100px;
        z-index: 9;
    }
    .navbar-collapse.show{
        left: 0;
    }
    .navbar .dropdown-menu a {
        font-size: 13px;
    }
    .owl-carousel{
        z-index: unset;
    }
    .navbar .navbar-toggler {
        z-index: 10;
        border: none;
        padding: 0;
    }
    .overflow-body{
        overflow: hidden;
    }
    .know-more {
        padding-bottom: 80px;
    }
    .ndt-surface {
        padding-bottom: 80px;
    }
    .navbar-nav{
        width: 90%;
        margin-top: 20px !important;
        overflow-y: auto;
        max-height: 70%;
    }
    .navbar-nav .nav-item{
        padding: 10px 0;
    }
    .header-nav li a.active, .navbar-light .navbar-nav .show>.nav-link, .header-nav li a:focus, .header-nav li a:hover {
        color: #fff;
    }
    .nav-link.dropdown-toggle.show{
        border-radius: 12px 12px 0px 0px !important;
        background: #1A1C43 !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #fff !important;
        border: none !important;
    }
    .nav-link.dropdown-toggle.show svg path{
        stroke: #fff !important;
    }
    .navbar .dropdown-menu li:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }
    
    

    .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: #fff;
    }
    .navbar-light .navbar-nav .nav-link:hover svg path {
        stroke: #fff;
    }
    .right-social-media{
        position: absolute;
        left: 50%;
        bottom: 40px;
        transform: translateX(-50%);
    }
    .right-social-media > *{
        display: flex;
        gap: 30px;
    }
    .industry-service{
        padding-top: 80px;
        /* padding-bottom: 80px; */
    }
    .who-we-are .wwa-content {
        padding-right: 15px;
        padding-left: 15px;
        border-radius: 12px;
    }
    .wwa-content img {
        border-radius: 20px;
    }
    .our-laser {
        padding: 80px 0;
    }
    .gallary{
        padding: 80px 0;
    }
    .industry-service .row .col-lg-4:last-child {
        margin-bottom: 0;
    }
    .industry-service .row {
        justify-content: center;
    }
	.industry-service .is-head h2,
    .industry-service .is-head h3 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .banner-content h3, .banner-content h1 {
        color: #FFF;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-size: 62px;
    }
    .who-we-are {
        margin: 80px 0;
    }
    .wwa-content span {
        font-size: 16px;
    }
	.page-template-services-ndt_surface .wwa-content h3,
	.wwa-content h2{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .wwa-content p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .wwa-content a {
        color: #EE1E25;
        font-size: 16px;
        margin-top: 10px;
    }
    .it-main-body {
        background-size: 100%;
        height: 1078px;
    }
    .it-content1::after {
        width: 100px;
        background: url(../images/mb-icon1.png) no-repeat;
        background-size: 113px;
        height: 190px;
        right: unset;
        top: unset;
        transform: translateX(-50%);
        bottom: -166px;
        left: 60%;
    }
    .it-content2::after {
        width: 100px;
        background: url(../images/mb-icon2.png) no-repeat;
        background-size: 113px;
        height: 190px;
        right: unset;
        top: unset;
        transform: translateX(-50%);
        bottom: -166px;
        left: 40%;
    }
    .it-content {
        padding: 14px;
        max-width: 250px;
    }
    .it-content1 {
        left: 0;
        top: 0px;
    }
    .it-content2 {
        right: 0;
        top: 0px;
    }
    .it-content3 {
        bottom: -20px;
    }
    .it-content4 {
        bottom: -40px;
    }
    .it-content3::after {
        width: 100px;
        background: url(../images/mb-icon3.png) no-repeat;
        background-size: 100px;
        height: 240px;
        right: unset;
        top: -91%;
        left: 59%;
        transform: translateX(-50%);
    }
    .it-content4::after {
        content: '';
        position: absolute;
        width: 100px;
        background: url(../images/mb-icon4.png) no-repeat;
        background-size: 100px;
        height: 240px;
        left: 42%;
        top: -80%;
        transform: translateX(-50%);
    }
    .wwa-body {
        flex-direction: column;
    }
    .wwa-content1 {
        padding-right: 20px;
        padding-left: 20px;
        margin-top: 30px;
    }
    .ndt-slider{
        flex-direction: column;
    }
    .slides.owl-theme .owl-dots {
        right: 0;
        left: 0;
    }
    
    .km-cont2 {
        padding: 40px 20px;
    }
    .km-cont2 span{
        font-size: 16px;
    }
    .km-cont1 {
        padding: 40px 20px;
    }
    .km-cont1 span {
        font-size: 16px;
    }
    .km-cont1 h4 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    /* .km-cont1 form input {
        padding-top: 15px;
        padding-bottom: 10px;
    } */
    .nws-form form .wpcf7-response-output,
    .inq-form-div form .wpcf7-response-output,
    .km-cont1 form .wpcf7-response-output {
        font-size: 12px;
    }
    .km-cont1 form input::placeholder{
        font-size: 16px;
    }
    .km-cont1 form textarea {
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .km-cont1 form textarea::placeholder{
        font-size: 16px;
    }
    .km-cont1 form button {
        font-size: 16px;
        margin-top: 30px;
    }
    .km-cont2 h4 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .call-div {
        padding-bottom: 20px;
    }
    .ndt-content1 {
        padding: 80px 40px 60px 40px;
    }
    .call-div a {
        font-size: 24px;
    }
    .call-div p {
        font-size: 15px;
    }
    .email-div {
        padding: 20px 0;
    }
    .service-location {
        padding: 20px 0;
    }
    .nws-cont h3 {
        font-size: 22px;
    }
    .nws-cont{
        text-align: center;
        margin-bottom: 20px;
    }
    .nws-form form{
        text-align: center;
    }
    .nws-form form input {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .footer-newsletter-div {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .slides.owl-theme .owl-nav {
        top: -10px;
        right: 10px;
        width: 170px;
    }
    .ndt-surface .paging {
        right: 70px;
        top: 21px;
        color: #fff;
    }
    .paging .index, .paging .count {
        color: #fff;
    }

    .nws-form form {
        gap: 30px;
        flex-direction: column;
    }
    .custom-logo-link{
        z-index: 10;
    }
    .navbar-light .navbar-nav > .nav-item > .nav-link {
        border-radius: unset;
        border: unset;
        background: transparent;
    }

    .navbar .dropdown-menu {
        max-width: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.10);
        text-align: center;
        border: unset;
        border-radius: 12px;
        /* border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px; */
    }
    .navbar .dropdown-menu li:not(:last-child){
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }
    .banner-content h1::before {
        left: 114px;
    }



}
@media (max-width: 767px){

    .industry-service {
        /* padding-bottom: 30px; */
        padding-top: 40px;
    }
    .industry-service .is-content {
        padding: 20px;
        margin-bottom: 20px;
    }
    .banner-content h1 span svg {
        top: -20px;
        left: -10px;
        height: 23px;
    }
    .it-main-body {
        background-size: 100%;
        height: 978px;
    }
    .it-content {
        max-width: 48%;
        min-height: 188px;
    }
    .banner-content {
        padding: 0 15px;
    }
    .banner-content h3, .banner-content h1 {
        font-size: 32px;
    }
    .it-content1 {
        left: 0;
        top: 20px;
    }
    .it-content2 {
        right: 0;
        top: 20px;
    }
    .it-content4 {
        bottom: 20px;
    }
    .it-content3 {
        bottom: 20px;
    }
    .it-content3::after {
        top: -60%;
        left: 59%;
    }
    .it-content4::after {
        left: 38%;
        top: -60%;
    }
    .gallary .row1 {
        margin-bottom: 40px;
    }
    .who-we-are {
        margin: 40px 0;
    }
    .our-laser {
        padding: 40px 0;
    }
    .ol-head {
        max-width: 100%;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .ol-head h2,
    .ol-head h3 {
        font-size: 28px;
    }
    .ol-cont{
        padding: 20px;
    }
    .ol-cont h4{
        margin-top: 10px;
        font-size: 15px;
    }
    .our-laser .row .col-md-4 {
        margin-bottom: 20px;
    }
    .our-laser {
        padding: 40px 0;
    }
    .gallary {
        padding: 40px 0;
    }
    .it-head {
        max-width: 100%;
        padding-bottom: 20px;
    }
    .it-head span {
        font-size: 16px;
    }
    .it-head h3 {
        font-size: 28px;
    }
    .its-time {
        padding-bottom: 40px;
    }
	.km-head h2,
    .km-head h3 {
        font-size: 28px;
        margin: 0;
    }
    /* .km-head {
        padding-bottom: 40px;
    } */
    .km-head p {
        margin-bottom: 10px;
    }
    .ndt-surface {
        padding-bottom: 40px;
    }
    .km-cont2{
        margin-top: 30px;
        height: auto;
    }
    .ndt-content1 {
        padding: 50px 20px 20px 20px;
    }
    .social-div {
        padding: 20px 0;
    }
    .know-more {
        padding-bottom: 40px;
    }
    .ndt-btndiv a:first-child {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .ndt-btndiv a{
        width: 100%;
        text-align: center;
    }
    .footer-cont{
        text-align: center;
        margin-bottom: 30px;
    }
    .footer-cont2{
        text-align: center;
        margin-top: 30px;
    }
    .footer-bottom-div p {
        font-size: 14px;
    }
    .footer {
        padding-top: 40px;
    }
    
    /* .slides.owl-theme .owl-nav {
        bottom: 678px;
        left: 30%;
    } */

    .nws-form form.wpforms-form .wpforms-field-container > *{
        overflow: visible !important;
    }
    .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error {
        position: unset;
        margin-top: 5px !important;
    }
    .nws-form form.wpforms-form ,
    .nws-form form.wpforms-form .wpforms-field-container {
        gap: 40px;
    }
    

    .no-jobs .ndt-slider .ndt-content1 {
        height: unset;
        min-height: unset;
        max-height: unset;
        text-align: center;
    }

    .no-jobs .ndt-slider .ndt-content:not(.ndt-content1) {
        margin: 15px;
        border-radius: 12px;
        overflow: hidden;
    }
    .banner-content h1::before {
        top: -29px;
        left: 54px;
    }


    .nws-form form p:nth-child(2) {
        flex-direction: column;
    }
    .nws-form form .wpcf7-response-output {
        bottom: -15px;
    }
    
}
@media (max-width:576px){
    .banner{
        height: 70vh;
    }
    .who-we-are .wwa-content {
        padding-right: 15px;
        padding-left: 15px;
    }
    .ndt-slider .ndt-content1{
        height: 600px;
        min-height: 600px;
        max-height: 600px;
    }
    .precision-lasers .ndt-slider .ndt-content1{
        height: unset;
        min-height: unset;
        max-height: unset;
    }
    .precision-lasers .reduce-text:last-child {
        margin-bottom: 20px;
    }
    /* .ndt-content:last-child{
        height: 450px;
        min-height: 450px;
        max-height: 450px;
    } */
    /* .ndt-slider .ndt-content img{
        height: 450px;
        max-height: 450px;
        object-fit: cover;
    } */
    .it-main-body {
        height: 978px;
    }
    .it-content {
        max-width: 48%;
        min-height: 258px;
    }
    .right-social-media a {
        padding: 0 5px;
    }
    .navbar-collapse {
        width: 100%;
    }
    .ol-cont {
        padding: 10px;
    }
    .ol-cont span svg{
        width: 40%;
    }
    .ol-cont h4 {
        margin-top: 0;
        font-size: 11px;
    }
    .slides.owl-theme .owl-nav button {
        background-size: 40px !important;
    }
    .ndt-content p {
        font-size: 15px;
        padding-right: 0;
    }
    .banner-content h1::before {
        width: 20px;
        height: 20px;
        top: -20px;
        left: 58px;
    }
    /* .navbar .navbar-toggler {
        z-index: 2;
    } */
    .navbar .custom-logo{
        z-index: 2;
        position: relative;
        height: 80px !important;
        width: auto;
    }
    .banner-content h1 span {
        padding-left: 46px;
    }
    .banner-content h1 span::after {
        width: 35px;
    }
    .banner-content h1{
        margin-bottom: 10px;
    }
    .banner-content p {
        margin-bottom: 20px;
    }
    .banner-content {
        bottom: 40px;
    }
    .banner-content a {
        font-size: 15px;
    }
    .slides.owl-theme .owl-dots .owl-dot span {
        width: 50px;
        height: 5px;
    }
    .slides.owl-theme .owl-dots {
        bottom: 10px;
    }
}


/* ===================== Service page css ==================== */
/* ========= Ndt surface css ========= */
.service-banner{
    background-position: center;
    background-size: cover;
	background-repeat:no-repeat;
    min-height: 500px;
    position: relative;

}
.sb-cont{
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
}
.sb-cont h1{
    color: #FFF;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
    text-transform: capitalize;
}
/* ================ service tab css */
.servicetabs{
    padding: 0 200px;
    margin-top: 100px;
    margin-bottom: 76px;
}
.servicetabs .st-cont{
    border-radius: 16px;
    background: rgba(238, 30, 37, 0.04);
    padding: 32px;
}
.servicetabs .st-cont h4{
    color: #111;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
    margin-bottom: 24px;
}
.servicetabs .st-cont ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.servicetabs .st-cont ul li a{
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; 
    padding: 10px 20px;
    display: block;
    text-decoration: none;
    transition: .5s;
}
.servicetabs .st-cont ul li a.active, .servicetabs .st-cont ul li a:hover{
    border-radius: 8px;
    background: #EE1E25;
    color: #fff;
}
.servicetabs .st-cont1{
    padding-left: 10px;
}
.servicetabs .st-cont1 span{
    color: #6B75ED;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.servicetabs .st-cont1 h2,
.servicetabs .st-cont1 h3{
    color: #111;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.servicetabs .st-cont1 p{
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 24px;
}
.servicetabs .st-cont1 p:last-child{
    margin-bottom: 0;
}
.st-cont1 .row{
    padding-top: 16px;
    padding-bottom: 40px;
}

/* ========================== Before cleaning css */
.laser-cleaning{
    padding: 100px 200px;
    background: #F4F4F4;
}
.laser-cleaning .lc-cont{
    margin-right: 30px;
    text-align: center;
}
.laser-cleaning .lc-cont h4, .laser-cleaning .lc-cont1 h4{
    color: #111;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
    margin-top: 35px;
    margin-bottom: 15px;
}
.laser-cleaning .lc-cont p, .laser-cleaning .lc-cont1 p{
    color: #111;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
    padding: 0 50px;
}



.laser-cleaning .lc-cont1{
    margin-left: 30px;
    text-align: center;
}
.service-wwa .wwa-content1{
    padding-right: 200px;
}
.servise-km{
    padding: 0 200px;
    margin-bottom: 160px;
}

/* ================ improve-visibility css */
.improve-visibility{
    padding: 100px 200px;
    background: url(../images/improve.png), lightgray 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.improve-visibility .iv-content{
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(0, 0, 0, 0.60);
    padding: 40px;
    min-height: 240px;
    text-align: center;
    transition: .5s;
}
.improve-visibility .iv-content:hover{
    background: rgba(255, 255, 255, 0.60);
}
.improve-visibility .iv-content h4{
    color: #FFF;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.improve-visibility .iv-content p{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 0;
}
.improve-visibility .iv-content:hover h4, .improve-visibility .iv-content:hover p{
    color: #1B1F4D;
}
/* ===================== Service gallary css ========== */
.service-gallary{
    padding: 100px 200px;
}
.service-gallary .row1{
    padding-top: 40px;
}
.service-gallary .row1 .sg-cont{
    max-width: 740px;
    margin: 0 auto;
    text-align: center;
}
.service-gallary .row1 .sg-cont p{
    color: #111;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; 
    margin-bottom: 0;
}

@media (max-width:991px){
    .service-banner{
        min-height: 400px;
    }
    .sb-cont h1{
        font-size: 42px;
    }
    .servicetabs {
        padding: 0;
        margin-top: 80px;
        margin-bottom: 56px;
    }
    .ndt-surface .ind-clean.ndt-surface .ndt-slider {
        flex-direction: column-reverse;
    }
    
    .servicetabs .st-cont h4 {
        font-size: 24px;
    }
    .servicetabs .st-cont {
        padding: 20px;
    }
    .servicetabs .st-cont ul li a {
        font-size: 13px;
        padding: 10px 10px;
    }
    .servicetabs .st-cont1 span {
        font-size: 16px;
    }
	.servicetabs .st-cont1 h2,
    .servicetabs .st-cont1 h3 {
        font-size: 38px;
    }
    .servicetabs .st-cont1 p {
        font-size: 15px;
        margin-bottom: 18px;
    }
    .st-cont1 .row {
        padding-top: 6px;
        padding-bottom: 20px;
    }
    .laser-cleaning {
        padding: 80px 0px;
    }
    .laser-cleaning .lc-cont {
        margin-right: 0px;
    }
    .laser-cleaning .lc-cont1 {
        margin-left: 0;
    }
    .laser-cleaning .lc-cont p, .laser-cleaning .lc-cont1 p {
        font-size: 15px;
        padding: 0;
    }
    .laser-cleaning .lc-cont h4, .laser-cleaning .lc-cont1 h4 {
        font-size: 22px;
        margin-top: 20px;
        margin-bottom: 8px;
    }
    .improve-visibility {
        padding: 80px 0px;
    }
    .improve-visibility .iv-content{
        padding: 20px;
    }
    .improve-visibility .iv-content p {
        font-size: 14px;
    }
    .improve-visibility .iv-content h4 {
        font-size: 20px;
    }
    .service-gallary {
        padding: 80px 0px;
    }
    .service-gallary .row1 {
        padding-top: 30px;
    }
    .servise-km {
        padding: 0;
        margin-bottom: 80px;
    }
    
    
    
}
@media (max-width: 767px){
    .service-banner {
        min-height: 350px;
    }
    .sb-cont {
        bottom: 50px;
    }
    .sb-cont h1 {
        font-size: 32px;
    }
    .servicetabs .st-cont {
        margin-bottom: 30px;
    }
    .servicetabs {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .servicetabs .st-cont1 {
        padding-left: 0px;
    }
    .laser-cleaning .lc-cont {
        margin-bottom: 30px;
    }
    .laser-cleaning {
        padding: 40px 0px;
    }
    .improve-visibility {
        padding: 40px 0px;
        padding-bottom: 30px;
    }
    .improve-visibility .iv-content {
        padding: 40px;
        margin-bottom: 30px;
        min-height: unset;
    }
    .service-gallary {
        padding: 40px 0px;
    }
    .service-gallary .sg-cont{
        margin-bottom: 30px;
    }
    .service-gallary .row1 {
        padding-top: 0px;
    }
    .servise-km {
        margin-bottom: 40px;
    }
	.servicetabs .st-cont1 h2,
    .servicetabs .st-cont1 h3 {
        font-size: 32px;
    }
    .service-wwa .wwa-content1 {
        padding-right: 15px;
    }
    
    
}


/* ===================== Industrial Cleaning page css */

.ind-clean .ndt-content1{
    padding-left: 200px;
}
.ind-clean .ndt-content1 h3,
.ind-clean .ndt-content1 h2{
    color: #FFF;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 66px;
}
.ind-clean .ndt-content1 ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.ind-clean .ndt-content1 ul li{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
}
.ind-clean .ndt-content1 ul li::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: #E4B200;
    border-radius: 50%;
}
.ind-clean .ndt-content img{
    width: 100%;
}

.bring-solution{
    padding-bottom: 100px;
/*     padding-left: 200px;
    padding-right: 200px; */
}
.bring-solution .brs-content {
    height: 100%;
}
.bring-solution .brs-content img{
    height: 100%;
}
.bring-solution .col-lg-4:nth-child(3) .brs-content img{
    height: 46%;
} 
.brs-content .brs-cont{
    border-radius: 24px;
    background: #F4F4F4;
    padding: 40px 30px;
    height: 47%;
    margin-bottom: 40px;
    transition: .5s;
}
.brs-content .brs-cont svg path{
    transition: .5s;
}
.brs-content .brs-cont h4, .brs-content .brs-cont p{
    transition: .5s;
}
.brs-content .brs-cont:hover{
    background: #1B1F4D;
}
.brs-content .brs-cont:hover h4, .brs-content .brs-cont:hover p{
    color: #fff;
}
.brs-content .brs-cont:hover svg path{
    stroke: #fff;
}
.brs-content .brs-cont1{
    margin-top: 40px;
}
.brs-content .brs-cont h4{
    color: #1B1F4D;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
    margin-top: 10px;
    margin-bottom: 10px;
}
.brs-content .brs-cont p{
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 0;
}

.ilc-service{
    padding-bottom: 100px;
    padding-left: 200px;
    padding-right: 200px;
}
.ilc-service .ilc-cont{
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px;
}
.ilc-service .ilc-cont span{
    color: #6B75ED;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.ilc-service .ilc-cont h2,
.ilc-service .ilc-cont h3{
    color: #111;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
    margin-bottom: 20px;
}
.ilc-service .ilc-cont p{
    color: #111;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
}

@media (max-width:1380px){
	.ind-clean .ndt-content1 h3,
    .ind-clean .ndt-content1 h2 {
        font-size: 38px;
        margin-bottom: 20px;
    }
}
@media (max-width:991px){
    .ind-clean .ndt-content1 {
        padding-left: 100px;
    }
    .bring-solution {
        padding-bottom: 80px;
        padding-left: 0;
        padding-right: 0;
    }
    .brs-content img{
        width: 100%;
        margin-bottom: 40px;
    }
    .brs-content .brs-cont1 {
        margin-top: 0px;
    }
    .ilc-service {
        padding-bottom: 80px;
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width:767px){
    .ilcg-cont{
        margin-bottom: 30px;
    }
    .ilc-service .col-md-4:last-child .ilcg-cont{
        margin-bottom: 0px;
    }
    .ilcg-cont img{
        width: 100%;
    }
    .ilc-service {
        padding-bottom: 30px;
    }
    .ilc-service .ilc-cont {
        padding-bottom: 20px;
    }
	.ilc-service .ilc-cont h2,
    .ilc-service .ilc-cont h3 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .ilc-service .ilc-cont p {
        font-size: 14px;
    }
    .bring-solution {
        padding-bottom: 60px;
    }
    .brs-content .brs-cont p {
        font-size: 14px;
    }
    .brs-content .brs-cont h4 {
        font-size: 20px;
    }
	.ind-clean .ndt-content1 h3,
    .ind-clean .ndt-content1 h2 {
        font-size: 32px;
    }
    .ind-clean .ndt-content1 {
        padding-left: 15px;
    }
    .brs-content .brs-cont1 {
        margin-bottom: 0;
    }
}


/* ================== Coating Removal page css ============== */

.st-cont1 h5{
    color: #111;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; 
}
.st-cont1 ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.st-cont1 ul li{
    padding-left: 20px;
    position: relative;
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; 
    margin-bottom: 10px;
}
.st-cont1 ul li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: #E4B200;
    border-radius: 50%;
}
.reduce{
    padding: 100px 0;
    background: #F4F4F4;
}
.reduce .reduce-content{
    max-width: 908px;
    margin: 0 auto;
    text-align: center;
}
.reduce .reduce-content h3{
    color: #111;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; 
    max-width: 478px;
    margin: 0 auto;
    margin-bottom: 24px;
}
.reduce .reduce-content p{
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 0;
    margin-top: 15px;
}
.ind-clean.ndt-surface .ndt-slider {
    background: #000000;
    padding: 70px;
    padding-bottom: 100px;
}
.reduce-text{
    margin-bottom: 40px;
}
.reduce-text h4{
    margin-bottom: 5px;
    font-size: 32px;
    line-height: 110%;
}
.reduce-text p{
    margin-bottom: 0;
}
.coat-gallary .ilc-cont h3{
    margin-bottom: 0;
}
@media (max-width: 991px){
    .reduce {
        padding: 80px 0;
    }
}
@media (max-width: 767px){
    .reduce {
        padding: 40px 0;
    }
    .reduce .reduce-content h3 {
        font-size: 32px;
    }
    .reduce .reduce-content p {
        font-size: 15px;
    }
}

/* ==================== Soot Removal page css */

.soot-benefits{
    padding: 100px 200px;
    background: #F4F4F4;
}
.soot-ben-head{
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 60px;
}
.soot-ben-head span{
    color: #6B75ED;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.soot-ben-head h3{
    color: #111;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
    max-width: 750px;
    margin: 0 auto;
    padding-bottom: 10px;
}
.soot-ben-head p{
    color: #111;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 15px;
}
.soot-ben-head p:last-child{
    margin-bottom: 0;
}
.soot-benefits .row1{
    padding-top: 40px;
}
.soot-benefits .row1 .stbt-cont{
    padding: 0 20px;
    position: relative;
    height: 100%;
}
.soot-benefits .row1 .stbt-cont::after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #C4C4C4;
}
.soot-benefits .row1 .col-lg-3:first-child .stbt-cont{
    padding-left: 0;
}
.soot-benefits .row1 .col-lg-3:last-child .stbt-cont::after{
    display: none;
}
.soot-benefits .row1 .stbt-cont h4{
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.soot-benefits .row1 .stbt-cont p{
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}



#comparison {
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
}
  
#comparison figure {
    position: absolute;
    background-image: url(../images/drag1.png);
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
  
#divisor {
    background-image: url(../images/drag2.png);
    background-size: cover;
    position: absolute;
    width: 50%;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
    bottom: 0;
    height: 100%;
}
#divisor::before, #divisor::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 3px;
    height: calc(50% - 25px);
    background: white;
    z-index: 3;
}
#divisor::before {
    top: 0;
    box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
}
#divisor::after {
    bottom: 0;
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
}
  
#handle {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
    background: #fff;
    border-radius: 50%;
}
#handle::before, #handle::after {
    content: "";
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}
#handle::before {
    border-right: 6px solid #EE1E25;
    left: 50%;
    margin-left: -17px;
}
#handle::after {
    border-left: 6px solid #EE1E25;
    right: 50%;
    margin-right: -17px;
}
  
#comparison input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    background-color: transparent;
    width: calc(100% + 50px);
    z-index: 2;
}
#comparison input[type=range]:focus, #comparison input[type=range]:active {
    border: none;
    outline: none;
}
  
#comparison input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: transparent;
    border: 4px solid white;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
}
  
#comparison input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 15px;
    width: 100%;
    background-color: transparent;
    position: relative;
    outline: none;
}

#comparison1 {
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
}
  
#comparison1 figure {
    position: absolute;
    background-image: url(../images/drag3.png);
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
  
#divisor1 {
    background-image: url(../images/drag4.png);
    background-size: cover;
    position: absolute;
    width: 50%;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
    bottom: 0;
    height: 100%;
}
#divisor1::before, #divisor1::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 3px;
    height: calc(50% - 25px);
    background: white;
    z-index: 3;
}
#divisor1::before {
    top: 0;
    box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
}
#divisor1::after {
    bottom: 0;
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
}
  
#handle1 {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
    background: #fff;
    border-radius: 50%;
}
#handle1::before, #handle1::after {
    content: "";
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}
#handle1::before {
    border-right: 6px solid #EE1E25;
    left: 50%;
    margin-left: -17px;
}
#handle1::after {
    border-left: 6px solid #EE1E25;
    right: 50%;
    margin-right: -17px;
}
  
#comparison1 input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    background-color: transparent;
    width: calc(100% + 50px);
    z-index: 2;
}
#comparison1 input[type=range]:focus, #comparison1 input[type=range]:active {
    border: none;
    outline: none;
}
  
#comparison1 input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: transparent;
    border: 4px solid white;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
}
  
#comparison1 input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 15px;
    width: 100%;
    background-color: transparent;
    position: relative;
    outline: none;
}



.scope-work{
    padding: 100px 200px;
}
.scw-head{
    max-width: 556px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px;
}
.rust-removal .scw-head h2,
.scw-head h3{
    color: #111;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 20px;
}
.scw-head p{
    color: #111;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 0;
}
#comparison2 {
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
}
  
#comparison2 figure {
    position: absolute;
    background-image: url(../images/drag6.png);
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
  
#divisor2 {
    background-image: url(../images/drag5.png);
    background-size: cover;
    position: absolute;
    width: 50%;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
    bottom: 0;
    height: 100%;
}
#divisor2::before, #divisor2::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 3px;
    height: calc(50% - 25px);
    background: white;
    z-index: 3;
}
#divisor2::before {
    top: 0;
    box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
}
#divisor2::after {
    bottom: 0;
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
}
  
#handle2 {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
    background: #fff;
    border-radius: 50%;
}
#handle2::before, #handle2::after {
    content: "";
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}
#handle2::before {
    border-right: 6px solid #EE1E25;
    left: 50%;
    margin-left: -17px;
}
#handle2::after {
    border-left: 6px solid #EE1E25;
    right: 50%;
    margin-right: -17px;
}
  
#comparison2 input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    background-color: transparent;
    width: calc(100% + 50px);
    z-index: 2;
}
#comparison2 input[type=range]:focus, #comparison2 input[type=range]:active {
    border: none;
    outline: none;
}
  
#comparison2 input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: transparent;
    border: 4px solid white;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
}
  
#comparison2 input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 15px;
    width: 100%;
    background-color: transparent;
    position: relative;
    outline: none;
}
.soot-howit-work{
    padding: 100px 0px;
    background: #F4F4F4;
    text-align: center;
    margin-bottom: 100px;
}
.shiw-head{
    max-width: 710px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.shiw-head span{
    color: #6B75ED;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.shiw-head h3{
    color: #111;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.shiw-head h3 span{
    text-transform: uppercase;
    color: #111;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}

.video-container {
    max-width: 1144px;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.video-container .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-container video {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
  
.play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    pointer-events: none;
}
.play-button-wrapper #circle-play-b {
    cursor: pointer;
    pointer-events: auto;
}
.play-button-wrapper #circle-play-b p {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
}
@media (max-width:991px){
    .soot-benefits {
        padding: 80px 0px;
    }
    .soot-benefits .row1 .stbt-cont::after{
        display: none;
    }
    .soot-benefits .row1 {
        padding-top: 30px;
    }
    .soot-benefits .row1 .stbt-cont{
        margin-top: 30px;
    }
    .soot-benefits .row1 .col-lg-3:nth-child(3) .stbt-cont{
        padding-left: 0;
    }
    .scope-work {
        padding: 80px 0px;
    }
    .soot-howit-work {
        padding: 80px 0px;
        margin-bottom: 80px;
    }
}
@media (max-width: 767px){
    .soot-benefits {
        padding: 40px 0px;
    }
    .soot-ben-head h3 {
        font-size: 32px;
    }
    .soot-ben-head {
        padding-bottom: 30px;
    }
    #comparison1{
        margin-top: 30px;
    }
    .soot-benefits .row1 {
        padding-top: 0px;
    }
	.rust-removal .scw-head h2,
    .scw-head h3 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .scope-work {
        padding: 40px 0px;
        padding-bottom: 30px;
    }
    .scw-head {
        padding-bottom: 10px;
    }
    .scw-cont{
        margin-bottom: 30px;
    }
    .scw-cont img{
        width: 100%;
    }
    .soot-howit-work {
        padding: 40px 0px;
        margin-bottom: 40px;
    }
    .shiw-head h3, .shiw-head h3 span {
        font-size: 32px;
    }
    .shiw-head {
        padding-bottom: 30px;
    }
    .soot-benefits .row1 .stbt-cont p {
        font-size: 15px;
    }
    .soot-benefits .row1 .stbt-cont h4 {
        font-size: 20px;
    }
    .play-gif img{
        width: 40px;
    }
}

/* ====================== Corrosion page css ========================== */

.cor-img-drag{
    max-width: 928px;
    margin: 0 auto;
    /* max-height: 600px; */
}



#comparison3 {
    width: 100%;
    padding-bottom: 55%;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
}
  
#comparison3 figure {
    position: absolute;
    background-image: url(../images/drag8.png);
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
  
#divisor3 {
    background-image: url(../images/drag7.png);
    background-size: cover;
    position: absolute;
    width: 50%;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
    bottom: 0;
    height: 100%;
}
#divisor3::before, #divisor3::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 3px;
    height: calc(50% - 25px);
    background: white;
    z-index: 3;
}
#divisor3::before {
    top: 0;
    box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
}
#divisor3::after {
    bottom: 0;
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
}
  
#handle3 {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
    background: #fff;
    border-radius: 50%;
}
#handle3::before, #handle3::after {
    content: "";
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}
#handle3::before {
    border-right: 6px solid #EE1E25;
    left: 50%;
    margin-left: -17px;
}
#handle3::after {
    border-left: 6px solid #EE1E25;
    right: 50%;
    margin-right: -17px;
}
  
#comparison3 input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    background-color: transparent;
    width: calc(100% + 50px);
    z-index: 2;
}
#comparison3 input[type=range]:focus, #comparison3 input[type=range]:active {
    border: none;
    outline: none;
}
  
#comparison3 input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: transparent;
    border: 4px solid white;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
}
  
#comparison3 input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 15px;
    width: 100%;
    background-color: transparent;
    position: relative;
    outline: none;
}
.soot-benefits .row1 .col-lg-4:last-child .stbt-cont::after{
    display: none;
}
.rust-removal .scw-head{
    max-width: 850px;
}
.ndt-surface.no-jobs{
    padding-bottom: 0;
    padding-top: 100px;
}
.no-jobs .ndt-slider{
    background: transparent;
}
.no-jobs .ndt-content1 h3{
    color: #111;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 50px;
}
.no-jobs .ndt-content1 p{
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 20px;
}
.no-jobs .ndt-content1 p span{
    color: #EE1E25;
    text-transform: capitalize;
}
.no-jobs .ndt-content1{
    padding-left: 200px;
}

@media (max-width:991px){
    .ndt-surface.no-jobs {
        padding-top: 80px;
    }
    .no-jobs .ndt-content1 {
        padding-left: 100px;
        padding-top: 0;
    }
}
@media (max-width:767px){
    .no-jobs .ndt-content1 h3 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .ndt-surface.no-jobs {
        padding-top: 40px;
    }
    .no-jobs .ndt-content1 {
        padding-left: 80px;
    }
}
@media (max-width:576px){
    .no-jobs .ndt-content1 {
        padding-left: 15px;
        padding-bottom: 20px;
    }
}

/* ================ Precision page css ================ */
.precision-banner{
    background: url(../images/precision-banner.png), linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), url(<path-to-image>), lightgray 50% / cover no-repeat;
}
.ind-clean.precision-lasers .ndt-content1 {
    padding-left: 100px;
    padding-right: 200px;
}
.precision-lasers .reduce-text p{
    padding-right: 0;
}




















@media (max-width:1680px){
    .precision-lasers .ndt-content p {
        font-size: 15px;
        line-height: 150%;
    }
    .precision-lasers .reduce-text h4 {
        margin-bottom: 0;
        font-size: 30px;
    }
    .precision-lasers .reduce-text {
        margin-bottom: 20px;
    }
}
@media(max-width:576px){
    .ind-clean.precision-lasers .ndt-content1 {
        padding-left: 15px;
        padding-right: 14px;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .precision-lasers .reduce-text h4 {
        font-size: 26px;
    }
}

/* ================ About page css ================ */
.abt-header{
    border-bottom: 1px solid #C9C9C9;
    position: unset;
}
.abt-banner{
    padding-top: 80px;
    padding-left: 200px;
    padding-right: 200px;
}
.abt-whoweare .wwa-content1{
    padding-right: 200px;
}
.abtban-cont h1{
    color: #111;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
    margin-bottom: 30px;
    max-width: 1160px;
}
/* .abtban-cont img:hover{
    transform: scale(1.3);
} */
.abt-surface .ndt-content1{
    padding-left: 200px;
}
.abt-knowmore.know-more {
    padding-left: 200px;
    padding-right: 200px;
}
.abt-knowmore .km-cont1 {
    margin-left: 0px;
}
.abt-knowmore .km-cont2 {
    margin-right: 0;
}
@media (max-width:991px){
    .abt-banner {
        padding-left: 0;
        padding-right: 0;
    }
    .abt-surface .ndt-content1 {
        padding-left: 40px;
    }
    .abt-knowmore.know-more {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 767px){
    .abt-banner {
        padding-top: 60px;
    }
    .abtban-cont h1 {
        font-size: 24px;
    }
    .abt-whoweare .wwa-content1 {
        padding-right: 20px;
    }
}


/* =================== Case Study page css ================== */
.case-gallary{
    padding-top: 100px;
}
.cst-cont h1{
    color: #111;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
    margin-bottom: 10px;
}
.cst-cont p{
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 50px;
    max-width: 640px;
}
.case-gallary .ilcg-cont{
   text-align: center;
   transition: .5s;
   overflow: hidden;
}

.case-gallary .ilcg-cont h4{
    color: #111;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
    margin-top: 32px;
    margin-bottom: 15px;
}
.case-gallary .ilcg-cont p{
    color: #111;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
}
.case-gallary .ilcg-cont a{
    color: #EE1E25;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    transition: .5s;
}
.case-gallary .ilcg-cont a:hover{
    color: #6B75ED;
}
@media (max-width:991px){
    .case-gallary {
        padding-top: 100px;
    }
}
@media (max-width:767px){
    .cst-cont h1 {
        font-size: 32px;
    }
    .cst-cont p {
        font-size: 15px;
        margin-bottom: 30px;
    }
    .case-gallary {
        padding-top: 60px;
    }
    .case-gallary .ilcg-cont h4 {
        font-size: 20px;
        margin-top: 22px;
        margin-bottom: 5px;
    }
    .case-gallary .ilcg-cont p{
        font-size: 15px;
    }
}

/* ================== Buy or Rent page css ============= */

.buy-rent p{
    margin-bottom: 0px;
}
.buy-rent p:nth-child(3){
    margin-bottom: 50px;
}
.lc-technology .wwa-polygon{
    left: 0;
    right: unset;
    height: auto;
    width: 100%;
}
.lc-technology .wwa-content1 {
    padding-left: 200px;
}

.lc-technology .wwa-content {
    padding-right: 0px;
    padding-left: 50px;
}
.lc-technology .wwa-content1 {
    padding-left: 200px;
    padding-right: 50px;
}
.lc-technology .wwa-content1 ul{
    padding: 0;
    margin: 10px 0;
    list-style: none;
    max-width: 393px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.lc-technology .wwa-content1 ul li{
    flex: 0 0 50%;
    position: relative;
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    padding-left: 18px;
    margin-bottom: 15px;
}
.lc-technology .wwa-content1 ul li::before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #E4B200;
}
.lc-technology .wwa-content a{
    background: #EE1E25;
    color: #fff;
}
.lc-technology .wwa-content a svg path{
    stroke: #fff;
}
.lc-technology .wwa-content a:hover{
    background: transparent;
    color: #EE1E25;
}
.lc-technology .wwa-content a:hover svg path{
    stroke: #EE1E25;
}
.wave-wwr{
    margin-bottom: 0;
}
.wave-wwr .wwa-content1{
    padding-right: 200px;
}
.unique-benefits{
    padding: 100px 0;
}
.unbn-content, .unbn-head{
    max-width: 900px;
    margin: 0 auto;
}
.unbn-head{
    margin-bottom: 50px;
}
.unbn-head h3{
    color: #111;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.unbn-head p{
    color: #333;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    max-width: 522px;
    margin: 0 auto;
}
.unbn-content .accordion-button::after{
    background-image: url(/wp-content/uploads/2024/02/black-icon.svg);
}
.unbn-content .accordion-button:not(.collapsed)::after {
    background-image: url(/wp-content/uploads/2024/02/white-icon.svg);
    transform: unset;
    background-size: 15px;
    width: 20px;
}
.unbn-content .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #000;
    box-shadow: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 24px 20px 0 24px;
}
.unbn-content .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
.unbn-content .accordion-item{
    border: none;
    background: #000;
    border-radius: 20px;
    margin-bottom: 20px;
}
.unbn-content .accordion-button{
    border-radius: 14px;
    background: #F6F6F6;
    padding: 24px;
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.unbn-content .accordion-body {
    padding: 24px;
    padding-top: 10px;
    color: rgba(255, 255, 255, 0.90);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; 
}
.unbn-content .accordion-button::after {
    width: 10px;
    height: 20px;
    background-size: 10px;
}
.unbn-content .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
}
.cleaning-guide{
    background: #F4F4F4;
    padding: 100px 200px;
}
.cleaning-guide .row{
    align-items: center;
}
.page-template-laser-cleaning-services-perth .cg-content h3,
.cg-content h2{
    color: #111;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
    margin-bottom: 30px;
}
.cg-content h3,
.cg-content h4{
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 20px;
}
.cg-content p{
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
}
.cg-content ul{
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 60px;
}
.cg-content ul li{
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; 
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
}
.cg-content ul li::before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #E4B200;
}
.cg-content a{
    border-radius: 100px;
    background: #EE1E25;
    padding: 20px 32px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: .5s;
    border: 1px solid transparent;
    text-decoration: none;
}
.cg-content a svg{
    margin-left: 10px;
    margin-top: -5px;
}
.cleaning-guide .row .col-md-6:first-child .cg-content{
    padding-right: 40px;
}
.cleaning-guide .row .col-md-6:last-child .cg-content{
    padding-left: 40px;
}
.cg-content a svg path{
    transition: .5s;
}
.cg-content a:hover{
    background: transparent;
    color: #EE1E25;
    border-color: #EE1E25;
}
.cg-content a:hover svg path{
    stroke: #EE1E25;
}

@media (max-width: 991px){
    .lc-technology .wwa-content1 {
        padding-left: 130px;
        padding-right: 100px;
        padding-bottom: 40px;
    }
    .lc-technology .wwa-polygon {
        display: none;
    }
    .unique-benefits {
        padding: 80px 0;
    }
    .cleaning-guide {
        padding: 80px 0px;
    }
    .cleaning-guide .row .col-md-6:last-child .cg-content {
        padding-left: 20px;
    }
    .cleaning-guide .row .col-md-6:first-child .cg-content {
        padding-right: 20px;
    }
	.page-template-laser-cleaning-services-perth .cg-content h3,
    .cg-content h2 {
        font-size: 36px;
        margin-bottom: 20px;
    }
	.cg-content h3,
    .cg-content h4 {
        font-size: 23px;
        margin-bottom: 10px;
    }
    .cg-content p {
        font-size: 15px;
    }
    .cg-content ul {
        margin-bottom: 40px;
    }
    .lc-technology .wwa-content1 {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width:767px){
    .lc-technology .wwa-content1 {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px;
        margin-top: 0;
    }
    .wave-wwr .wwa-content1 {
        padding-right: 15px;
    }
    .cleaning-guide .row .col-md-6:first-child .cg-content {
        padding-right: 0;
        padding-bottom: 30px;
    }
    .cleaning-guide .row .col-md-6:last-child .cg-content {
        padding-left: 0;
    }
    .cleaning-guide {
        padding: 40px 0px;
    }
	.page-template-laser-cleaning-services-perth .cg-content h3,
    .cg-content h2 {
        font-size: 32px;
    }
	.cg-content h3,
    .cg-content h4 {
        font-size: 20px;
    }
    .buy-rent p:nth-child(3) {
        margin-bottom: 20px;
    }
    .unbn-head {
        margin-bottom: 20px;
    }
    .unbn-head p {
        font-size: 14px;
    }
    .unbn-head h3 {
        font-size: 32px;
    }
    .unbn-content .accordion-button {
        font-size: 18px;
    }
    .unique-benefits {
        padding: 40px 0;
    }
}


@media (min-width:1280px) {
    .navbar .dropdown:hover .dropdown-menu{
        display: block;
    }
}


.ndt-content img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}





/* secondary-header */

.secondary-header{
    position: unset;
    border-bottom: 1px solid #C9C9C9;;
}
.secondary-header .navbar-light .navbar-nav > .nav-item > .nav-link {
    background: #F4F4F4;
    color: #111111;
    transition: .5s;
}
.secondary-header .navbar-light .navbar-nav .nav-link svg path {
    stroke: #111111;
}
.secondary-header .widget_block svg path {
    fill: #111111;
}

/* ==================== Contact page css ================= */
.contact-bann{
    background: linear-gradient(359deg, rgba(0, 0, 0, 0.50) 2.95%, rgba(227, 227, 229, 0.49) 95.77%), url(../images/van-unload.gif)  no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 780px;
    position: relative;
    border: 1px solid #000;
/* background: linear-gradient(359deg, rgba(0, 0, 0, 0.50) 2.95%, rgba(227, 227, 229, 0.49) 95.77%); */
}
.conban-cont{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    width: 60%;
}
.conban-cont h1{
    color: #FFF;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
    margin-bottom: 30px;
}
.conban-cont p{
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; 
    margin-bottom: 0;
}
.con-det-body{
    padding: 0 100px;
}
.cont-details{
    margin-top: -80px;
    z-index: 1;
    position: relative;
}
.condet-cont{
    border-radius: 69px;
    background: #F4F4F4;
    text-align: center;
    min-height: 445px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* margin: 0 50px; */
    padding: 30px;
}
.condet-cont h4{
    color: #111;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
    margin-top: 20px;
    margin-bottom: 15px;
}
.condet-cont a{
    color: #EE1E25;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
    transition: .5s;
    display: flex;
    align-items: center;
}
.condet-cont a svg{
    margin-right: 5px;
}
.condet-cont a svg path{
    transition: .5s;
}
.condet-cont a:hover{
    color: #111;
}
.condet-cont a:hover svg path{
    fill: #111;
}
.condet-cont p{
    color: #EE1E25;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
}
.con-det-body .row .col-md-6:first-child .condet-cont{
    margin-right: 50px;
}
.con-det-body .row .col-md-6:last-child .condet-cont{
    margin-left: 50px;
}

.inq-form-sec{
    padding: 80px 0;
    position: relative;
}
.inq-form-abs{
    position: absolute;
    bottom: 0;
    right: 0;
}
.inf-body{
    padding: 0 150px;
}
.inf-body .row{
    align-items: center;
}
.inq-form-div{
    border-radius: 24px;
    background: #1B1F4D;
    padding: 40px 46px;
    text-align: center;
}
.inq-form-div form .wpcf7-response-output{
    padding: 5px;
}
.nws-form form .wpcf7-response-output{
    padding: 4px 20px;
    max-width: max-content;
}
.inq-form-div h4{
    color: #FFF;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
	margin-bottom: 35px;
}
.inq-form-div input{
    width: 100%;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; 
    border: none;
    padding: 40px 0 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    background: transparent;
}
.inq-form-div textarea{
    width: 100%;
    background: transparent;
    width: 100%;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    border: none;
    font-weight: 400;
    line-height: 120%; 
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}
.inq-form-div textarea:focus{
    outline: none;
    box-shadow: none;
}
.inq-form-div button{
    border-radius: 100px;
    background: #FFF;
    padding: 20px 32px;
    color: #1B1F4D;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: unset;
    border: none;
    display: inline-block;
    text-align: center;
    margin-top: 65px;
    transition: .5s;
}
.inq-form-div button svg{
    margin-left: 10px;
}
.inq-form-div button svg path{
    transition: .5s;
}
.inq-form-div button:hover{
    background: #EE1E25;
    color: #fff;
}
.inq-form-div button:hover svg path{
    stroke: #fff;
}
.inq-text h3{
    color: #000;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 57.6px */
}
.map-content iframe{
    width: 100%;
}

.ndt-some-applications img{
    border-radius: 20px;
}
.ndt-some-applications .ndt-content:not(.ndt-content1)::after{
    position: absolute;
    content: '';
    border: 1px solid #DB3933;
    width: 100%;
    height: 100%;
    left: 20px;
    top: 20px;
    border-radius: 20px;
    z-index: -1;
}
.ndt-some-applications .ndt-content:not(.ndt-content1){
    flex: 0 0 36%;
    position: relative;
    z-index: 1;
}
.ndt-some-applications .ndt-slider{
    gap: 90px;
}
.ndt-some-applications .ndt-content.ndt-content1 {
    flex: 1 1 60%;
    padding: 0;
}
.ndt-some-applications .ndt-content.ndt-content1 h3{
    max-width: 18ch;
}
.ndt-some-applications .ndt-content.ndt-content1 ul{
    display: flex;
    flex-wrap: wrap;
	list-style:none;
}
.ndt-some-applications .ndt-content.ndt-content1 ul li{
    flex: 1 1 50%;
	position:relative;
	padding-left: 30px;
	padding-right:15px;
}
.ndt-some-applications .ndt-content.ndt-content1 ul li::after{
	content:url('/wp-content/uploads/2024/03/ndt-apps-icon1.svg');
	height: 20px;
	background:none;
}

@media (max-width:1400px){
    .con-det-body .row .col-md-6:first-child .condet-cont {
        margin-right: 0px;
    }
    .con-det-body .row .col-md-6:last-child .condet-cont {
        margin-left: 0px;
    }
    .condet-cont h4 {
        font-size: 30px;
    }
    .condet-cont a {
        font-size: 22px;
    }
    .condet-cont p {
        font-size: 22px;
    }
    .con-det-body {
        padding: 0 50px;
    }
    .inf-body {
        padding: 0px 100px;
    }
}
@media (max-width:991px){
    .con-det-body {
        padding: 0;
    }
    .condet-cont h4 {
        font-size: 24px;
    }
    .condet-cont a {
        font-size: 18px;
    }
    .condet-cont p {
        font-size: 18px;
    }
    .condet-cont {
        min-height: 350px;
    }
    .inf-body {
        padding: 0px;
    }
    .inq-form-div {
        padding: 50px 36px;
    }
    .inq-form-div h4 {
        font-size: 30px;
    }
    .conban-cont {
        width: 90%;
    }
    .inq-text h3 {
        font-size: 34px;
    }
}
@media (max-width:767px){
    .contact-bann{
        min-height: 500px;
    }
    .cont-details {
        margin-top: -80px;
    }
    .conban-cont {
        width: 90%;
    }
    .conban-cont h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .conban-cont p {
        font-size: 18px;
        line-height: 130%;
    }
    .con-det-body .row .col-md-6:last-child .condet-cont {
        margin-top: 30px;
    }
    .inq-form-sec {
        padding: 50px 0;
        padding-bottom: 150px;
        overflow: hidden;
    }
    .inf-body .row {
        flex-direction: column-reverse;
    }
    .inq-text h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .inq-form-div {
        padding: 50px 26px;
    }
    .inq-form-div h4 {
        color: #FFF;
        text-align: center;
        font-size: 26px;
    }
    .condet-cont img{
        width: 50px;
    }
    .inq-form-abs {
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 150px;
    }
    .condet-cont {
        min-height: 300px;
    }
    .condet-cont a svg {
        width: 20px;
    }
	.ind-clean.ndt-surface .ndt-slider {
		padding: 40px;
		padding-bottom: 30px;
	}
	.ndt-some-applications .ndt-content:not(.ndt-content1)::after {
		left: 10px;
		top: 10px;
	}
	.ndt-some-applications .ndt-content.ndt-content1 ul {
		/* flex-direction: column; */
		gap: 10px;
	}
	.ndt-some-applications .ndt-slider {
		gap: 25px;
	}
}


/* contact us page form  */
.inq-form-div input::placeholder,
.inq-form-div textarea::placeholder{
	color:#fff;
}



/* from customize */
.banner-container {
position: relative;
display: inline-block;
}

.banner-image {
display: block;
width: 100%;
height: auto;
}

.banner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); 
border-radius:15px;
}

.banner-heading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff !important;;
font-size: 64px !important;;
text-align: center;
z-index: 1; 
}

.banner-para {
    position: absolute;
top: 62%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff !important;
text-align: center;
z-index: 1; 
    margin: 0px;
    font-size: 24px !important;
}

@media only screen and (max-width:1024px) {
    .banner-heading {
        font-size:32px !important;
        top: 45%;
    }
    .banner-para {
    font-size: 13px !important;
    top: 80%;
    margin: 0 !important;
    }
}
  


/* for page 404 */

.page-404{
    min-height: 70vh;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px 0;
}
.page-404 h1{
    font-size: 15rem;
}
.page-404 h2{
    font-size: 2rem;
}

/* for new case studies pages */

.single-post .wwa-content{
	display: flex;
    flex-direction: column;
    justify-content: center;
	height:100%;
}
.single-post .normal-link{
	border-radius: unset;
    background: transparent;
    padding: 0;
    color: #0d6efd;
    border: 0;
    text-decoration: underline;
}
.single-post .content-area a:not(.normal-link){
	display:block;
	max-width:max-content;
}
.single-post .content-area a:not(.normal-link) span{
	color:inherit;
	font-size:inherit;
	font-weight:inherit;
}
.single-post .service-banner{
	position:relative;
}
.single-post .service-banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:#000;
	opacity: 0.5;
}
.single-post .cg-content h3{
	font-size:24px;
	margin-bottom: 8px;
    margin-top: 25px;
}
.single-post .wwa-content img{
	max-height: 650px;
    border-radius: 20px;
	object-fit:cover;
}
.single-post .cleaning-guide{
	padding: 100px 0;
}

.single-post .content-area{
	margin-bottom:100px;
}
.single-post .cleaning-guide a:not(.normal-link) {
    border: 1px solid #EE1E25;
    color: #EE1E25;
    display: inline-block;
    transition: .5s;
    margin-top: 30px;
	background:none;
}
.single-post .cleaning-guide a:not(.normal-link):hover {
    background: #EE1E25;
    color: #fff;
}
.single-post .gallary img{
	border-radius:20px;
}
.posts-gallery{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}
.posts-gallery .g-img{
	height:100%;
}
.posts-gallery .g-img img,
.gallery-full-view .g-img img{
	height:100%;
	object-fit:cover;
	width:100%;
}
.gallery-full-view{
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 50px 100px;
    z-index: 5;
    top: 0;
    left: 0;
}
.gallery-full-view .owl-carousel .g-img{
	height: calc(95vh - 100px);
    width: calc(85vw - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    overflow: hidden;
	cursor:pointer;
}
.gallery-full-view .owl-carousel .item{
	display: flex;
    justify-content: center;
}

.gallery-full-view .owl-nav button.owl-prev,
.gallery-full-view .owl-nav button.owl-next{
	width:40px;
	height:40px;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	border:1px solid #EE1E25 !important;
	padding: 10px !important;;
	border-radius:50%;
	display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-full-view .owl-nav button.owl-next{
	right:0;
	left:unset;
}
.gallery-full-view .owl-nav button svg{
	height:100%;
}
.gallery-full-view .owl-nav button svg path{
	fill:#EE1E25;
}
.gallery-full-view .owl-nav button:hover{
	background:#EE1E25 !important;
}
.gallery-full-view .owl-nav button:hover svg path{
	fill:#fff;
}
.gallery-full-view .gallery-close{
	 width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    background: no-repeat;
    border: none;
	position: absolute;
    right: 70px;
    top: 40px;
}
.gallery-full-view{
	opacity:0;
	visibility:hidden;
	transition:0.3s all;
	pointer-events:none;
}
.gallery-full-view.active{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}
.single-post .gallary{
	padding-top:30px;
}
.home .gallery-item:nth-child(3){
	grid-row: span 2;
}
.home .g-img{
	cursor:pointer;
	border-radius:20px;
	overflow:hidden;
}
.home .posts-gallery{
	grid-template-columns: 1fr 1fr 1.5fr;
}
.conban-cont p,
.common-banner p{
	color:#fff;
	text-align:center;
	font-size: 24px;
    line-height: 120%;
}
.service-banner,
.contact-bann,
.common-banner{
	min-height: 65vh;
}
.common-banner::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: #00000070;
}
.service-banner .sb-cont,
.common-banner .sb-cont{
	top: calc(50% + 45px);
	transform:translate(-50%, -50%);
	bottom: unset;
	width:70%
}
.common-banner .sb-cont h1{
	margin-bottom: 15px;
}
.conban-cont h1{
	font-size:54px;
	text-align:center;
	margin-bottom: 15px;
}
@media only screen and (max-width:1024px) {
	.page-404 {
    	min-height: 50vh;
	}
	.page-404 h1{
		font-size: 8rem;
	}
	.page-404 h2 {
		font-size: 1.5rem;
	}
}
@media only screen and (max-width:767px) {

	.single-post .wwa-content img {
		max-height: 350px;
	}
	.single-post .wwa-content {
		padding-left:0;
	}
	.single-post .cleaning-guide {
		padding: 45px 0 15px 0;
	}
	.single-post .cleaning-guide h2{
		font-size:28px;
	}
	.single-post .cg-content h3 {
		font-size: 22px;
		margin-top: 22px;
	}
	.footer-cont p{
		padding-right:0;
	}
	.gallery-full-view{
		padding: 30px 20px;
	}
	.gallery-full-view {
		display: flex;
		align-items: center;
	}
	.gallery-full-view .owl-carousel .g-img {
		height: 60vh;
		width:100%;
	}
	.gallery-full-view .gallery-close {
		width: 20px;
		height: 20px;
		right: 25px;
		top: 25px;
	}
	.single-post .gallary img {
		border-radius: 10px;
	}
	.posts-gallery {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	.posts-gallery .zoom-div {
		width: 35px;
		height: 35px;
		padding: 8px;
		right: 10px;
		top: 10px;
	}
	.service-banner .sb-cont,
	.common-banner .sb-cont {
    	width: 90%;
	}
	.conban-cont h1{
		font-size:32px;
	}
	.conban-cont p,
	.common-banner p {
	    font-size: 16px;
	}
    .lc-technology .wwa-content{
        padding: 40px 15px 0;
    }
	
}

.servicetabs .container > .row{
    flex-direction: row-reverse;
}
@media only screen and (max-width:767px) {
	.servicetabs .container > .row {
		flex-direction: column-reverse;
	}
	.servicetabs .st-cont {
        margin-top: 30px;
        margin-bottom: 0;
    }
	.container{
		max-width:767px;
	}
}


@media (min-width:768px) and (max-width:980px) {
    header .container{
        max-width: 970px;
        padding: 25px;
    }
	.lc-technology .wwa-content{
        padding: 40px 15px 0;
    }
	.slides.owl-theme .owl-nav {
		top: 1px;
        width: 200px;
	}
	.ndt-surface .paging {
        right: 85px;
		top:31px;
	}
	
	
}



@media (min-width:768px) and (max-width:1366px){
	.conban-cont {
		top: 32%;
	}
}
.page-template-laser-cleaning-services-perth .contact-bann h1{
	text-align:center !important;
}
.service-banner{
	background-repeat:no-repeat;
	background-size: cover;
}