*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



@font-face {

    font-family: 'Exo-Medium';

    src: url('fonts/Exo-Medium.woff2') format('woff2'),

        url('fonts/Exo-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Exo-SemiBold';

    src: url('fonts/Exo-SemiBold.woff2') format('woff2'),

        url('fonts/Exo-SemiBold.woff') format('woff');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Exo-Bold';

    src: url('fonts/Exo-Bold.woff2') format('woff2'),

        url('fonts/Exo-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Rubik-Regular';

    src: url('fonts/Rubik-Regular.woff2') format('woff2'),

        url('fonts/Rubik-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



h1, h2, h3, h4{

    font-family: 'Exo-Bold';

}



h5, h6, a, li{

    font-family: 'Exo-SemiBold';

    text-decoration: none;

}



p{

    font-family: 'Rubik-Regular';

    font-size: 16px;

    color: #606060;

}



:root{

    --primary-color: linear-gradient(to bottom, #01D0FE 0%, #0D70AC 100%);

    --secondary-color: #000000;

}



/* top-header-start */

.top-header{

    background: var(--primary-color);

    padding: 4px 0;

    position: relative;

    width: 100%;

}



.top-header-content{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.top-header-left-box{

    display: flex;

    align-items: center;

}



.top-header-info{

    color: #fff;

    border-right: 1px solid #fff;

    margin-right: 20px;

    padding-right: 20px;

    display: flex;

    align-items: center;

    gap: 10px;

}



.top-header-info:last-child {

    border-right: none;

    margin-right: 0;

    padding-right: 0;

}



.top-header-info i{

    font-size: 15px;

}



.top-header-info a{

    color: #fff;

    font-family: 'Rubik-Regular' !important;

    font-size: 15px;

}



.top-header-right-box{

    display: flex;

    align-items: center;

    gap: 10px;

}



.top-header-right-box a{

    color: #fff;

    transition: all 0.3s ease;

}



.top-header-right-box a:hover{

    color: #000;

}



/* main-navbar-start */

.main-navbar{

    position: relative;

    background: #fff;

    padding: 0;

    box-shadow: 0 2px 8px rgba(0,0,0,.08);

    overflow: hidden;

}



.main-navbar.sticky{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    animation: navbarSlide .5s ease forwards;

    box-shadow: 0 8px 20px rgba(0,0,0,.12);

    z-index: 999;

}



@keyframes navbarSlide{



    from{

        transform: translateY(-100%);

        opacity:0;

    }



    to{

        transform: translateY(0);

        opacity:1;

    }



}



.main-navbar-content{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.navbar-logo{

    position: relative;

    background: #000;

    padding: 5px 40px 5px 0px;

    display: flex;

    align-items: center;

    z-index: 2;

}





.navbar-logo img{

    width: 100%;

    position: relative;

    z-index: 2;

    display: block;

    height: auto;

}



.navbar-logo::before{

    content: "";

    position: absolute;

    top: 0;

    right: 100%;

    width: 100vw;

    height: 100%;

    background: #000;

}



/* Right side blue slant */

.navbar-logo::after{

    content: "";

    position: absolute;

    top: 0;

    right: -19px;

    width: 38px;

    height: 100%;

    background: linear-gradient(to bottom,#01D0FE,#0D70AC);

    transform: skewX(-28deg);

    z-index: -1;

}

.navbar-links ul {

    margin: 0;

    padding: 0;

    display: flex;

    align-items: center;

    gap: 40px;

}



.navbar-links ul li{

    list-style: none;

    position: relative;

}



.navbar-links ul li a{

    color: var(--secondary-color);

    transition: all 0.3s ease;

}



.navbar-links ul li a:hover{

    background: var(--primary-color);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

}



.cta-cmn-btn a{

    padding: 8px 22px;

    color: #fff;

    background: var(--primary-color);

    border-radius: 2px;

    transition: all 0.3s ease;

}



.cta-cmn-btn a:hover{

    background: #000;

}



/* hero-slider */

.hero-bg{

    background-image: url('images/hero-bg.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 550px;

    position: relative;

}



.hero-text-content{

    padding-top: 90px;

    width: 50%;

}



.hero-subtitle{

    display: inline-block;

    padding: 4px 26px;

    color: #fff;

    background: var(--primary-color);

    border-radius: 2px;

    font-size: 16px;

}



.hero-heading{

    font-size: 50px;

    color: #000;

    font-family: 'Exo-Bold';

    margin: 16px 0;

    line-height: 66px;

}



.hero-heading span{

    background: var(--primary-color);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

}



.hero-tbns{

    display: flex;

    align-items: center;

    gap: 16px;

    margin-top: 30px;

}



.hero-bd-btn a{

    padding: 8px 22px;

    color: #000;

    border: 1px solid #000;

    border-radius: 2px;

    transition: all 0.3s ease;

}



.hero-bd-btn a:hover{

    background: #000;

    color: #fff;

}



/* about-section-start */

.section-padding{

    padding: 60px 0;

}



.sectionpt-6{

    padding-top: 60px;

}



.sectionpb-6{

    padding-bottom: 60px;

}



.about-left-box{

    position: relative;

}



.about-box-img-one img {

    width: 380px;

    height: auto;

    object-fit: cover;

    border-radius: 2px;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}



.about-box-img-two img{

    width: 300px;

    height: 216px;

    object-fit: cover;

    border-radius: 2px;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    margin-top: 20px;

}



.about-box-img-three {

    position: absolute;

    width: 100%;

    max-width: 308px;

    height: 200px;

    border-radius: 2px;

    overflow: hidden;

    box-shadow: 0 15px 35px rgba(0, 0, 0, .25);

    background: url(images/about-video.jpeg) center center / cover no-repeat;

    top: 30%;

    right: 0;

}



/* Dark Overlay */

.about-box-img-three::before{

    content: "";

    position: absolute;

    inset: 0;

    background: rgba(0,0,0,.25);

}



/* Play Button */

.video-play-btn{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    width: 80px;

    height: 80px;

    background: var(--primary-color);

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    font-size: 28px;

    text-decoration: none;

    z-index: 2;

    transition: .4s;

}



/* White Ring */

.video-play-btn::before{

    content: "";

    position: absolute;

    width: 100px;

    height: 100px;

    border: 2px solid rgba(255,255,255,.7);

    border-radius: 50%;

    animation: pulse 2s infinite;

}



.video-play-btn:hover{

    background:#000;

    transform: translate(-50%,-50%) scale(1.08);

}



@keyframes pulse{



    0%{

        transform:scale(.8);

        opacity:1;

    }



    100%{

        transform:scale(1.3);

        opacity:0;

    }



}



.about-project-box {

    background: #fff;

    border-radius: 2px;

    text-align: center;

    padding: 20px;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    display: inline-block;

    position: absolute;

    top: 10px;

    right: 0;

}



.about-project-num{

    font-size: 38px;

    font-family: 'Exo-Bold';

    background: var(--primary-color);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    margin-bottom: -10px;

}



.about-prject-text{

    font-family: 'Exo-SemiBold';

    margin-top: -10px;

}



.about-award-box {

    background: #fff;

    border-radius: 2px;

    text-align: center;

    padding: 20px;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    display: inline-block;

    position: absolute;

    bottom: -20px;

    right: 0;

}



.about-award-icon{

    background: #eaf6fa;

    padding: 4px 10px;

    border-radius: 50px;

}



.about-award-icon i{

    font-size: 14px;

    background: var(--primary-color);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    margin-bottom: -10px;

}



.about-award-num{

    font-size: 38px;

    font-family: 'Exo-Bold';

    background: var(--primary-color);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    margin-bottom: -10px;

    margin-top: 6px;

}



.about-award-text{

    font-family: 'Exo-SemiBold';

    margin-top: -10px;

}



.about-right-box{

    width: 95%;

    margin-left: auto;

}



.welding-subtitle{

    font-family: 'Exo-SemiBold' !important;

    font-size: 18px;

    text-transform: uppercase;

}



.welding-title{

    margin: 16px 0;

    background: var(--primary-color);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    font-size: 40px;

}



.about-right-box ul{

    margin: 0;

    padding: 0;

}



.about-right-box ul li {

    margin-bottom: 15px;

    padding: 0 0 0 30px;

    position: relative;

    list-style: none;

}



.about-right-box ul li::before {

    content: "\f058";

    position: absolute;

    top: 0;

    left: 0;

    color: #19CBF5;

    font-family: "Font Awesome 7 Free";

    font-weight: 900;

}



/* service-section-start */

.service-sec {

    background: #F4F4F4;

    position: relative;

    height: auto;

}



.service-text-btn-box{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



/*  */

.service-slider {

    margin-top: 60px;

    width: 90%;

    margin-left: auto;

}



.service-item{

    position:relative;

    width:260px;

    height:470px;

    border-radius:4px;

    overflow:hidden;

    margin:0 12px;

    transition:.5s;

}



.service-item.active{

    width:450px;

}



.service-image img{

    width:100%;

    height:470px;

    object-fit:cover;

}



.service-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding: 0;

    background: transparent;

    color:#fff;

}



.service-item.active .service-overlay{

    background:linear-gradient(to top,#00a4e8 0%,rgba(0,0,0,.2) 60%);

    padding: 20px 20px 20px 20px ;

}



.service-overlay h3 {

    font-size: 24px;

    background: var(--primary-color);

    padding: 6px;

    margin-bottom: 0;

    display: block;

    text-align: center;

}



.service-item.active .service-overlay h3{

    font-size:34px;

    background: transparent;

    text-align: start;

}



.service-btm-content-box{

    display: none;

    align-items: center;

    gap: 16px;

}



.service-item.active .service-btm-content-box{

    display: flex;

}



.service-overlay p{

    max-width:300px;

    opacity:0;

    transition:.4s;

}



.service-item.active p{

    opacity:1;

    color: #fff;

    margin-bottom: 0;

}



.service-arrow{

    width:50px;

    height:50px;

    background:#fff;

    color:#111;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    opacity:0;

    transition:.4s;

    transform: rotate(-45deg);

    font-size: 20px;

}



.service-item.active .service-arrow{

    opacity:1;

}



.service-arrow:hover{

    background: #000;

    color: #fff;

}



.service-navigation {

    position: absolute;

    top: 430px;

    transform: translateY(-50%);

    display: flex;

    flex-direction: column;

    gap: 18px;

    z-index: 50;

}



.service-navigation button{

    width:50px;

    height:50px;

    border:none;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    cursor:pointer;

    font-size:15px;

    font-weight:600;

    transition:.3s;

}



.service-next{

    background:var(--primary-color);

    color:#fff;

    box-shadow:0 8px 20px rgba(0,0,0,.15);

}



.service-prev{

    background:var(--primary-color);

    color:#fff;

    box-shadow:0 8px 20px rgba(0,0,0,.15);

}



.service-navigation button:hover{

    transform:scale(1.05);

}



.service-navigation button.service-prev i {

    position: absolute;

    left: -36px;

    font-size: 20px;

    color: #000;

}



.service-navigation button.service-next i {

    position: absolute;

    right: -36px;

    color: black;

    font-size: 20px;

}



/* marquee-section */

.marquee-section{

    position: relative;

    width:100%;

    overflow:hidden;

    background: transparent;

    padding-top: 10px;

}



.marquee-track{

    display:flex;

    align-items:center;

    width:max-content;

    animation: marqueeMove 30s linear infinite;

}



.marquee-section:hover .marquee-track{

    animation-play-state: paused;

}



.marquee-item{

    flex-shrink:0;

    margin-right:30px;

    font-size:90px;

    font-weight:800;

    line-height:1;

    color:transparent;

    -webkit-text-stroke:2px #D8F2FE;

    transition:.4s;

    cursor:pointer;

}



.marquee-item:hover{

    background: var(--primary-color);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    -webkit-text-stroke:2px transparent;

}



@keyframes marqueeMove{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}



/* why-choose-section-start */

.why-choose-btn-text-box{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.why-choose-content-box{

    background: radial-gradient(

        circle at bottom right,

        rgba(52, 172, 215, 0.28) 0%,

        rgba(52, 172, 215, 0.15) 25%,

        rgba(255,255,255,0.95) 60%,

        #ffffff 100%

    );



    padding: 12px 14px;

    border-radius: 4px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.why-choose-icon{

    display: flex;

    align-items: center;

    gap: 16px;

    margin-bottom: 6px;

}



.why-choose-img img {

    object-fit: contain;

    width: 44px;

    height: auto;

}



.why-choose-icon h3{

    font-size: 20px;

    margin-bottom: 0;

}



.why-choose-content-box p{

    margin-bottom: 0;

}



.counter-box{

    padding: 30px 12px;

    background: #000;

    border-radius: 4px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    text-align: center;

}



.counter-box img{

    height: auto;

    object-fit: contain;

    margin-bottom: 8px;

}



.counter-box h3{

    font-size: 42px;

    color: #fff;

    margin-bottom: 0px;

}



.counter-box p{

    color: #fff;

    margin-bottom: 0;
    font-size: 15px;

}



.counter-box.with-color {

    background: var(--primary-color) !important;

}



/* process-section-start */

.process-sec{

    background: #F4F4F4;

}



.process-new-box-sch{

    position:relative;

    margin-top:40px;

}



.process-step{

    position:relative;

    width:50%;

    margin-bottom:16px;

}



.process-step.left{

    margin-right:auto;

}



.process-step.right{

    margin-left:auto;

}



/* Left Box -> Right Arrow */

.process-step.left::after{

    content: "";

    position: absolute;

    top: 50%;

    right: -95px;

    width: 90px;

    height: 45px;

    background: url("images/shape.png") no-repeat center;

    background-size: contain;

    transform: translateY(-50%);

}



/* Right Box -> Left Arrow */

.process-step.right::after{

    content: "";

    position: absolute;

    top: 50%;

    left: -95px;

    width: 90px;

    height: 45px;

    background: url("images/shape-2.png") no-repeat center;

    background-size: contain;

    transform: translateY(-50%);

}







.process-quote-box{

    background:#000;

    border-radius:4px;

    padding:18px 24px;

    display:flex;

    align-items:center;

    gap:10px;

    min-height:30px;

    box-shadow:0 10px 25px rgba(0,0,0,.18);

}



.process-quotes-num{

    width:44px;

    height:44px;

    border-radius:50%;

    background:#fff;

    color:#000;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    font-weight:700;

    flex-shrink:0;

}



.process-quote-box h3{

    color:#fff;

    font-size:18px;

    line-height:1.2;

    margin:0;

}



/* contact-form-box */

.contact-form-box {

    background: #fff;

    padding: 40px;

    border-radius: 4px;

    box-shadow: 0 12px 35px rgba(0, 0, 0, .15);

    position: relative;

    overflow: hidden;

    width: 95%;

    margin-left: auto;

}



.contact-form-box .form-control,

.contact-form-box .form-select{

    height:46px;

    border:none;

    background:#F2F2F2;

    border-radius:18px;

    padding:0 22px;

    font-size:16px;

    color:#444;

    box-shadow:none;



}



.contact-form-box textarea.form-control{

    height:140px;

    resize:none;

    padding:18px 22px;

}



.contact-form-box .form-control::placeholder{

    color:#8b8b8b;

}



.contact-form-box .form-control:focus,

.contact-form-box .form-select:focus{

    background:#F2F2F2;

    border:none;

    box-shadow:0 0 0 3px rgba(52,172,215,.15);

}



.contact-submit-btn{

    padding: 8px 22px;

    color: #fff;

    background: var(--primary-color);

    border-radius: 2px;

    transition: all 0.3s ease;

    border: none;

}



.contact-submit-btn:hover{

    background:#000;

}



/* project-section-start */

.our-project-text-btn-box{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.gallery-portfolio-content .gallery-box{

    position:relative;

    display:block;

    overflow:hidden;

    border-radius:12px;

}



.gallery-portfolio-content .gallery-box img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.5s ease;

    display:block;

}



.gallery-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.65);

    display:flex;

    align-items:center;

    justify-content:center;

    opacity:0;

    visibility:hidden;

    transition:.4s ease;

}



.gallery-overlay span{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#01D0FE;

    display:flex;

    align-items:center;

    justify-content:center;

    transform:scale(.5);

    transition:.4s ease;

}



.gallery-overlay i{

    color:#fff;

    font-size:24px;

}



.gallery-box:hover img{

    transform:scale(1.08);

}



.gallery-box:hover .gallery-overlay{

    opacity:1;

    visibility:visible;

}



.gallery-box:hover .gallery-overlay span{

    transform:scale(1);

}



@media(max-width:991px){



.gallery-portfolio-content .gallery-box img{

    height:220px;

}



}



@media(max-width:576px){



.gallery-portfolio-content .gallery-box img{

    height:200px;

}



}



/* testimonial-section-start */

.testimonial-left-box h3{

    font-size: 18px;

    border-left: 1px solid #000;

    padding-left: 10px;

    margin: 10px 0;

    display: inline-block;

}



.testimonial-slider{

    width: 100%;

}



.testimonial-slider .item {

    width: 520px;

    margin-right: 30px;

    margin-top: 10px;

    margin-bottom: 30px;

}



.quote-icon{

    position:absolute;

    left:25px;

    top:37px;

    font-size:110px;

    color:#F3F3F3;

    z-index:0;

}



.testimonial-text-box{

    background:#fff;

    border-left:4px solid #01D0FE;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    padding:30px;

    position:relative;

    min-height:280px;

}



.profile-box{

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.profile-img-txt h3{

    font-size: 22px;

    background: var(--primary-color);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    -webkit-text-stroke:2px transparent;

    margin-bottom: 8px;

    font-family: 'Rubik-Regular' !important;

    font-weight: 100;

}



.profile-icon i{

    color: #FFC107;

    font-size: 20px;

}



.profile-text{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.profile-text p{

    width: 70%;

    margin-bottom: 0;

    color: #111;

    z-index: 1;

}



.profile-img img{

    width: 120px;

    height: 120px;

    border-radius: 100px;

    object-fit: cover;

    border: 5px solid #f5f5f5;

}



/* logo-slider */

.logo-slider{

    overflow:hidden;

}



.logo-item{

    display:flex !important;

    align-items:center;

    justify-content:center;

    height:90px;

    padding:0 15px;

}



.logo-item img{

    max-width:150px;

    width:auto;

    max-height:44px;

    height:auto;

    object-fit:contain;



    /* Default Grey */

    filter: grayscale(100%) brightness(0.7) opacity(.7);

    transition: all .4s ease;

}



/* Hover Blue */

.logo-item:hover img{

    filter: brightness(0) saturate(100%)

            invert(62%) sepia(100%)

            saturate(2625%) hue-rotate(162deg)

            brightness(101%) contrast(102%);

    transform: scale(1.08);

}



.logo-slider .slick-track{

    display:flex;

    align-items:center;

}



.logo-slider .slick-slide{

    height:inherit;

}



/* subscribe-section-start */

.subscribe-content{

    background: var(--primary-color);

    padding: 60px;

    border-radius: 4px;

}



section.subscribe-sec {

    margin-bottom: -110px;

    z-index: 3;

    position: relative;

}



.subscribe-left-box h2{

    font-size: 32px;

    color: #fff;

}



.subsribe-right-box h3{

    font-size: 26px;

}



.subsribe-right-box p{

    color: #fff;

}



.subsribe-right-box {

    width: 50%;

    margin-left: auto;

    position: relative;

}



.subscribe-img img{

    width: 200px;

    height: auto;

}



.subscribe-img {

    position: absolute;

    top: -16px;

    left: -242px;

}



/* footer-section-start */

.footer-sec{

    position: relative;

    background: #000;

    padding: 180px 0 20px 0;

}



.footer-icon-box{

    padding: 30px 16px;

    border-radius: 4px;

    box-shadow: 0 0 20px rgba(255,255,255,0.1);

}



.footer-logo img {

    width: 100%;

    height: auto;

    margin-bottom: 10px;

}



.footer-icon-box p{

    color: #fff;

    font-size: 15px;

}



.top-header-right-box.footer-scl-icons a:hover {

    color: #00a4e8 !important;

}



.footer-link-text {

    font-family: 'Exo-SemiBold';

    font-size: 24px;

    background: var(--primary-color);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    margin-bottom: 10px;

    display: block;

}



.footer-links-box ul{

    margin: 0;

    padding: 0;

}



.footer-links-box ul li{

    list-style: none;

    position: relative;

    padding: 4px 0;

}



.footer-links-box ul li a{

    color: #fff;

    transition: all 0.3s ease;

}



.footer-links-box ul li a:hover{

    color: #00a4e8;

}



.footer-links-box.with-gap {

    margin-left: 50px;

}



.footer-info-text{

    font-size: 18px;

    color: #fff;

    display: block;

}



.footer-links-box a{

    color: #fff;

    transition: all 0.3s ease;

}



.footer-links-box a:hover{

    color: #00a4e8;

}



.footer-btm-content {

    position: relative;

    padding: 10px 0;

    border-top: 1px solid #fff;

    background: #000;

}



.footer-btm-box{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.footer-btm-left-box p{

    margin-bottom: 0;

    color: #fff;

}



.footer-btm-left-box p a{

    color: #00a4e8;

}



.footer-btm-right-box ul{

    display: flex;

    align-items: center;

    gap: 16px;

    margin: 0;

    padding: 0;

}



.footer-btm-right-box ul li{

    list-style: none;

    position: relative;

}



.footer-btm-right-box ul li a{

    color: #fff;

    font-size: 15px;

    transition: all 0.3s ease;

}



.footer-btm-right-box ul li a:hover{

    color: #00a4e8;

}



/* Go To Top */



.go-top{

    position: fixed;

    right: 30px;

    bottom: -70px;

    width: 50px;

    height: 50px;

    background: linear-gradient(to bottom,#01D0FE,#0D70AC);

    color: #fff;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 18px;

    text-decoration: none;

    box-shadow: 0 10px 25px rgba(0,0,0,.15);

    transition: all .35s ease;

    z-index: 999;

}



.go-top.active{

    bottom: 30px;

}



.go-top:hover{

    transform: translateY(-6px);

    color:#fff;

    box-shadow:0 15px 30px rgba(1,208,254,.35);

}



/* inner-banner-section-start */

.inner-banner-sec{

    width: 100%;

    height: auto;

    position: relative;

}



section.inner-banner-sec .overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #ffffffe0;

}



.inner-banner-text {

    padding: 80px 0;

    position: relative;

    z-index: 1;

}



.inner-banner-heading {

    font-size: 40px;

    color: #000;

    font-family: 'Exo-Bold';

}



.inner-banner-heading span{

    color: #0c76b1;

}



.inner-banner-text p{

    width: 50%;

    color: #111;

}



.inner-banner-text ul{

    margin: 0;

    padding: 10px 20px;

    display: flex;

    align-items: center;

    gap: 10px;

    background: #fff;

    display: inline-flex;

    border-radius: 4px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.inner-banner-text ul li{

    list-style: none;

}



.inner-banner-text ul li a{

    color: #111;

    transition: all 0.3s ease;

}



.inner-banner-text ul li a:hover{

    color: #00a4e8;

}



/* inner-service-page-start */

.inner-service-box{

    padding: 20px;

    border-radius: 4px;

    background: #fff;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    transition: all 0.3s ease;

}



.inner-service-box:hover{

    background: #111111d4;

    transform: translateY(-10px);

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.inner-service-icon{

    width: 76px;

    height: 76px;

    background: var(--primary-color);

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50px;

    margin-bottom: 16px;

    transition: all 0.3s ease;

}



.inner-service-icon img{

    width: 48px;

    height: auto;

    filter: brightness(0) invert(1);

    transition: all 0.3s ease;

}



.inner-service-box h3{

    font-size: 24px;

    color: #111;

    transition: all 0.3s ease;

}



.inner-service-box:hover h3{

    color: #fff;

}



.inner-service-box p{

    transition: all 0.3s ease;

}



.inner-service-box:hover p{

    color: #fff;

}



.inner-service-btn a{

    color: #111;

    transition: all 0.3s ease;

}



.inner-service-btn a i{

    transform: rotate(-45deg);

}



.inner-service-box:hover .inner-service-btn a{

    color: #00a4e8;

}



/* Contact Page */



.contact-page-sec{

    background:#f6f6f6;

}



.contact-page-sec .contact-page-form-box{

    background:#fff;

    padding:40px;

    height:100%;

    border-radius: 4px;

}



.contact-page-sec .contact-page-field label{

    display:block;

    font-size:14px;

    font-weight:600;

    margin-bottom:8px;

    color:#222;

}



.contact-page-sec .contact-page-field .form-control{

    height: 46px;

    background: #F2F2F2;

    border-radius: 18px;

    padding: 0 22px;

    font-size: 16px;

    color: #444;

    box-shadow: none;

}



.contact-page-sec .contact-page-field textarea.form-control{

    height:140px;

    resize:none;

    padding-top:15px;

}



.contact-page-sec .contact-page-field .form-control:focus{

    border-color:#01D0FE;

    box-shadow:none;

}



.contact-page-sec .contact-page-btn{

    width:100%;

    padding: 8px 22px;

    color: #fff;

    background: var(--primary-color);

    border-radius: 2px;

    transition: all 0.3s ease;

    border: none;

}



.contact-page-sec .contact-page-btn:hover{

    background:#000;

}



.contact-page-sec .contact-page-info-box{

    background:#111;

    color:#fff;

    padding:40px;

    height:100%;

    border-radius: 4px;

}



.contact-page-sec .contact-page-info-box h2{

    font-size:40px;

    margin-bottom:15px;

}



.contact-page-sec .contact-page-info-box p{

    color:#cfcfcf;

    line-height:1.8;

}



.contact-page-sec .contact-page-map{

    margin:30px 0;

}



.contact-page-sec .contact-page-map iframe{

    width:100%;

    height:260px;

    border:0;

    border-radius: 4px;

}



.contact-page-sec .contact-page-follow h3{

    margin-bottom:10px;

    font-size:20px;

}



.contact-page-sec .contact-page-social{

    display:flex;

    gap:12px;

    margin-top:20px;

}



.contact-page-sec .contact-page-social a{

    width:42px;

    height:42px;

    border:1px solid rgba(255,255,255,.25);

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:#fff;

    transition:.3s;

}



.contact-page-sec .contact-page-social a:hover{

    background:linear-gradient(to bottom,#01D0FE,#0D70AC);

    border-color:transparent;

}



.contact-page-sec .contact-page-field .form-select{

    height: 46px;

    border: none;

    background: #F2F2F2;

    border-radius: 18px;

    padding: 0 22px;

    font-size: 16px;

    color: #444;

    box-shadow: none;

}



.contact-info-box {

    padding: 20px;

    border-radius: 4px;

    background: #fff;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    transition: all 0.3s ease;

    text-align: center;

}



.contact-info-box:hover{

    transform: translateY(-10px);

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.contact-info-icon-box i{

    width: 60px;

    height: 60px;

    background: var(--primary-color);

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50px;

    margin: auto;

    transition: all 0.3s ease;

    font-size: 20px;

    

}



.contact-info-box h3{

    margin: 10px 0 0 0;

    font-size: 24px;

    transition: all 0.3s ease;

}



.contact-info-box a{

    color: #111;

    transition: all 0.3s ease;

}



.contact-info-box a:hover{

    color: #00a4e8;

}



/* about-mission-page-section-start */

.about-mission-sec{

    background: #f4f4f4;

}



.about-mission-box{

    padding: 20px;

    border-radius: 4px;

    background: #fff;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    transition: all 0.3s ease;

    text-align: center;

}



.about-mission-box:hover{

    transform: translateY(-10px);

    background: #111;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.about-mission-icon i{

        width: 76px;

    height: 76px;

    background: var(--primary-color);

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50px;

    margin: auto;

    transition: all 0.3s ease;

    color: #fff;

    font-size: 40px;

}



.about-mission-box h3{

    margin: 16px 0 4px 0;

    font-size: 24px;

    transition: all 0.3s ease;

}



.about-mission-box:hover h3{

    color: #fff;

}



.about-mission-box p{

    transition: all 0.3s ease;

}



.about-mission-box:hover p{

    color: #fff;

}



/* about-team-section */

.about-team-sec{

    background:#f4f4f4;

}



.about-team-box{

    background:#fff;

    overflow:hidden;

    transition:.4s;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    border-radius: 4px;

}



.about-team-img{

    position:relative;

    overflow:hidden;

}



.about-team-img img{

    width:100%;

    height:300px;

    object-fit:cover;

    transition:.5s;

}



.about-team-img::after{

    content:"";

    position:absolute;

    left:-10%;

    bottom:-18px;

    width:120%;

    height:45px;

    background: var(--primary-color);

    transform:rotate(-8deg);

    transition:.4s;

}



.about-team-social{

    position:absolute;

    right:20px;

    top:50%;

    transform:translateY(-50%);

    list-style:none;

    margin:0;

    padding:0;

}



.about-team-social li{

    margin:10px 0;

}



.about-team-social a{

    width:42px;

    height:42px;

    background:#fff;

    color:#222;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    transform:translateX(70px);

    opacity:0;

    transition: all 0.3s ease;

}



.about-team-social a:hover{

    background: var(--primary-color);

    color: #fff;

}



.about-team-social li:nth-child(1) a{

    transition-delay:.1s;

}

.about-team-social li:nth-child(2) a{

    transition-delay:.2s;

}

.about-team-social li:nth-child(3) a{

    transition-delay:.3s;

}



.about-team-content{

    padding:25px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}



.about-team-content h3{

    font-size:22px;

    margin-bottom: 0px;

    font-weight:700;

}



.about-team-content span{

    font-size:14px;

    color:#777;

}



.about-share-btn{

    width:46px;

    height:46px;

    border-radius:50%;

    background: var(--primary-color);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    transition:.4s;

}



.about-team-box:hover .about-team-img img{

    transform:scale(1.08);

}



.about-team-box:hover .about-team-social a{

    transform:translateX(0);

    opacity:1;

}



.about-team-box:hover .about-share-btn{

    transform:rotate(180deg);

    background:#111;

}



.about-team-box:hover .about-team-img::after{

    background:#111;

}



/* service-detail---------------- */

.service-detail-sec .service-sidebar{

    position:sticky;

    top:120px;

}



.service-detail-sec .service-widget{

    background:#fff;

    border-radius: 4px;

    overflow:hidden;

    margin-bottom:35px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}



.service-detail-sec .service-widget h3{

    background:var(--primary-color);

    color:#fff;

    padding:22px 30px;

    margin:0;

    font-size:24px;

}



.service-detail-sec .service-widget ul{

    list-style:none;

    margin:0;

    padding:0;

}



.service-detail-sec .service-widget ul li{

    border-bottom:1px solid #ececec;

}



.service-detail-sec .service-widget ul li:last-child{

    border:none;

}



.service-detail-sec .service-widget ul li a{

    display:flex;

    justify-content:space-between;

    align-items:center;

    text-decoration:none;

    color:#222;

    padding:18px 30px;

    font-weight:600;

    transition:.4s;

}



.service-detail-sec .service-widget ul li:hover a{

    background:var(--primary-color);

    color:#fff;

}



/*--Contact Box --*/



.service-detail-sec .service-contact{

    background:#1d1d1d;

    padding:45px 30px;

    border-radius:15px;

    text-align:center;

    color:#fff;

    position:relative;

    overflow:hidden;

}



.service-detail-sec .service-contact::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    top:-60px;

    right:-60px;

}



.service-detail-sec .service-contact i{

    width:80px;

    height:80px;

    line-height:80px;

    border-radius:50%;

    background:var(--primary-color);

    font-size:30px;

    margin-bottom:20px;

}



.service-detail-sec .service-contact span{

    display:block;

    color:#bbb;

    margin-bottom:10px;

}



.service-detail-sec .service-contact h3{

    font-size:24px;

    line-height:1.4;

    margin-bottom:20px;

}



.service-detail-sec .service-contact a{

    color:#fff;

    text-decoration:none;

    font-size:22px;

    font-weight:700;

}



/*-- Content --*/



.service-detail-sec .service-detail-content{

    background:#fff;

    padding:35px;

    border-radius:20px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}



.service-detail-sec .service-detail-image{

    overflow:hidden;

    border-radius: 4px;

    margin: 20px 0;

    height: 380px;

    width: 100%;

}



.service-detail-sec .service-detail-image img {

    width: 100%;

    transition: .5s;

    height: 100%;

    object-fit: cover;

}



.service-detail-sec .service-detail-image:hover img{

    transform:scale(1.08);

}



.service-detail-sec .service-tag{

    display:inline-block;

    background:rgb(1 200 247 / 22%);

    color:var(--primary-color);

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}



.service-detail-sec .service-detail-content h1{

    background: var(--primary-color);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    font-size: 40px;

}



.service-detail-sec .service-detail-content h2{

    background: var(--primary-color);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    font-size: 28px;

}



/*--Feature Box--*/



.service-detail-sec .service-feature-box{

    display:flex;

    align-items:flex-start;

    gap:18px;

    padding:25px;

    background:#f9f9f9;

    border-radius:15px;

    transition:.4s;

    height:100%;

}



.service-detail-sec .service-feature-box:hover{

    background:var(--primary-color);

    transform:translateY(-8px);

}



.service-detail-sec .service-feature-box:hover h3,

.service-detail-sec .service-feature-box:hover p{

    color:#fff;

}



.service-detail-sec .service-feature-box:hover .service-feature-icon{

    background:#fff;

    color:var(--primary-color);

}



.service-detail-sec .service-feature-icon{

    width:65px;

    height:65px;

    min-width:65px;

    border-radius:50%;

    background:rgba(255,102,0,.12);

    display:flex;

    justify-content:center;

    align-items:center;

    color:var(--primary-color);

    font-size:24px;

    transition:.4s;

}



.service-detail-sec .service-feature-box h3{

    margin-bottom:8px;

    font-size: 20px;

}



.service-detail-sec .service-feature-box p{

    margin:0;

}



/*-------Bottom Content---*/



.service-detail-sec .service-content-wrap{

    margin-top: 30px;

}



.service-detail-sec .service-content-wrap img{

    width:100%;

    height: 350px;

    object-fit: cover;

    border-radius: 4px;

}



.service-detail-sec .service-detail-content ul {
    list-style: none;
    padding: 0;
    margin-top: 25px;
}

.service-detail-sec .service-detail-content ul li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 18px;
    font-size: 17px;
    font-weight: 500;
    color: #444;
}

.service-detail-sec .service-detail-content ul li::before {
    content: "\f058";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #00a4e8;
    font-size: 18px;
}



.service-detail-sec .service-content-wrap ul li i{

    color:var(--primary-color);

}

.why-choose-center-box {
    position: sticky;
    top: 48px;
}

section.testimonial-sec {
    overflow-x: hidden;
}

.new-welding-subs-frm{
    position: relative;
    max-width: 100%;
}

.new-welding-subs-frm input{
    width: 100%;
    height: 40px;
    background: transparent;
    border: 1px solid rgba(255,255,255,.5);
    padding: 0 60px 0 18px;
    color: #fff;
    font-size: 15px;
    outline: none;
    transition: .3s;
}

.new-welding-subs-frm input::placeholder{
    color: rgba(255,255,255,.85);
}

.new-welding-subs-frm input:focus{
    border-color: #fff;
}

.new-welding-subs-frm button{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    transition: .3s;
}

.new-welding-subs-frm button:hover{
    color: var(--primary-color);
}

section.service-detail-sec .service-detail-content h3 {
    font-size: 20px;
}


/* RESPONSIVE QUERY______ */

@media only screen and (min-width: 1440px) {

    .hero-text-content {
    padding-top: 80px;
    width: 54%;
}

    .hero-heading {
    font-size: 56px;
}

    .welding-title {
    font-size: 44px;
}


}

@media only screen and (max-width: 1366px) {


}


@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1199px) {

    .hero-text-content {
    width: 60%;
}

    .hero-heading {
    font-size: 44px;
    line-height: 56px;;
}

    .navbar-links ul {
    gap: 16px;
}

    .navbar-logo img {
    width: 200px;
}

    .service-text-btn-box {
    align-items: start;
    flex-direction: column;
    gap: 16px;
}

    .subscribe-img {
    top: 7px;
}


}

@media only screen and (max-width: 1140px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 991px) {

    .hero-bg {
    background-position: left;
    background-size: auto;
    height: auto;
}

    .hero-text-content {
    width: 80%;
    padding: 60px 0;
}

    .hero-heading {
    font-size: 40px;
    line-height: 52px;
}

    .welding-title {
    font-size: 34px;
}

    .welding-subtitle {
    font-size: 16px;
}

    .about-box-img-one img {
    width: 480px;
}

    .about-box-img-two img {
    width: 450px;
}

    .about-award-box {
    bottom: 0;
}

    .service-navigation {
    top: 206px;
    flex-direction: row;
    right: 188px;
}

    .service-slider {
    width: 100%;
}

    /* Mobile Toggle */

.mobile-toggle{
    width:50px;
    height:50px;
    border:none;
    background:linear-gradient(to bottom,#01D0FE,#0D70AC);
    color:#fff;
    border-radius:5px;
    font-size:22px;
    display:flex;
    justify-content:center;
    align-items:center;
}


/* Offcanvas */

.mobile-menu{
    width:320px;
    background:#000;
}


/* Header */

.mobile-menu .offcanvas-header{
    padding:20px;
    border-bottom:1px solid rgba(255,255,255,.1);
}


/* Cross Icon */

.mobile-menu .btn-close{

    background:none;
    opacity:1;
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    border:2px solid #01D0FE;
    position:relative;

}

.mobile-menu .btn-close::before{

    content:"\f00d";
    font-family:"Font Awesome 7 Free";
    font-weight:900;
    font-size:18px;
    color:#fff;

}

.mobile-menu .btn-close{
    background-image:none;
}


/* Menu */

.mobile-menu ul{

    margin:0;
    padding:0;

}

.mobile-menu ul li{

    list-style:none;
    border-bottom:1px solid rgba(255,255,255,.08);

}

.mobile-menu ul li a{

    display:block;
    padding:15px 5px;
    color:#fff;
    font-size:17px;
    transition:.3s;

}

.mobile-menu ul li a:hover{

    color:#01D0FE;
    padding-left:12px;

}


/* Button */

.mobile-btn{

    display:block;
    text-align:center;
    padding:14px;
    color:#fff;
    background:linear-gradient(to bottom,#01D0FE,#0D70AC);
    border-radius:5px;
    font-weight:600;

}

.mobile-btn:hover{

    color:#fff;
    background:#fff;
    color:#000;

}

    .about-right-box {
    width: 100%;
}

    .top-header {
    display: none;
}

    .navbar-logo {
    padding: 10px 40px 10px 0px;
}

    .why-choose-btn-text-box {
    align-items: start;
    flex-direction: column;
    gap: 16px;
}

.contact-form-box {
    width: 100%;
}

.our-project-text-btn-box {
    align-items: start;
    flex-direction: column;
}

.subscribe-img {
        display: none;
    }

    .footer-logo img {
    width: 260px;
}

    .footer-links-box.with-gap {
    margin-left: 0;
}

.subsribe-right-box {
    width: 100%;
}

.inner-banner-text p {
    width: 100%;
}

.inner-banner-text {
    padding: 60px 0;
}

.service-detail-sec .service-detail-content h1 {
    font-size: 34px;
}

.service-detail-sec .service-detail-content h2 {
    font-size: 24px;
}

section.service-detail-sec .service-detail-content h3 {
    font-size: 18px;
}



}


@media only screen and (max-width: 980px) {

}

@media only screen and (max-width: 840px) {

}


@media only screen and (max-width: 800px) {

}


@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 767px) {

    .hero-text-content {
        width: 100%;
        padding: 60px 0;
    }

    .sectionpt-6 {
    padding-top: 40px;
}

    .sectionpb-6 {
    padding-top: 40px;
}

    .section-padding {
        padding: 40px 0;
}

    .hero-heading {
        font-size: 34px;
        line-height: 44px;
}

    .about-box-img-one img {
        width: 380px;
}

    .about-box-img-two img {
    width: 260px;
}

.about-box-img-three {
    height: 180px;
}

    .welding-title {
        font-size: 30px;
    }


    .subscribe-left-box h2 {
    font-size: 28px;
}

.footer-btm-box {
    flex-direction: column;
}

    .service-navigation {
        display: none;
    }

    .marquee-item {
    font-size: 50px;
}

.inner-banner-heading {
    font-size: 32px;
}


}

@media only screen and (max-width: 667px) {

}

@media only screen and (max-width: 600px) {

}

@media only screen and (max-width: 575px) {

        .about-box-img-two img {
        display: none;
    }

    .profile-text {
    align-items: start;
    flex-direction: column;
    gap: 16px;
}


    .profile-text p {
    width: 100%;
}

.about-project-box {
    display: none;
}

    .about-award-box {
        display: none;
    }

        .about-box-img-three {
        display: none;
    }

    .about-box-img-one img {
        width: 100%;
        height: auto;
    }

    .process-step {
    width: 100%;
}

.process-step.left::after {
    display: none;
}

    .process-step.right::after {
    display: none;
}

.profile-box {
    justify-content: space-between;
    flex-direction: column;
    align-items: start;
}

.quote-icon {
    display: none;
}

.hero-heading {
        font-size: 30px;
        line-height: 40px;
}

.welding-title {
        font-size: 26px;
    }

        .inner-banner-heading {
        font-size: 28px;
    }

    .subscribe-content {
    padding: 30px;
}


.service-detail-sec .service-detail-content h1 {
    font-size: 30px;
}

.service-detail-sec .service-detail-content h2 {
    font-size: 22px;
}

section.service-detail-sec .service-detail-content h3 {
    font-size: 16px;
}

.service-detail-sec .service-detail-content {
    padding: 20px;
}

.service-detail-sec .service-feature-box {
    flex-direction: column;
}


}

@media only screen and (max-width: 500px) {

}

@media only screen and (max-width: 480px) {

    .navbar-logo img {
        width: 170px;
    }

    .mobile-toggle {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .service-item.active .service-btm-content-box{
        display: flex;
        flex-direction: column;
        align-items: start;
}

    .service-item.active .service-arrow {
    order: 2;
}

    .contact-form-box {
    padding: 28px;
}

    .footer-btm-left-box p {
    text-align: center;
}


}

@media only screen and (max-width: 414px) {

    .hero-text-content {
        padding: 40px 0;
    }

        .hero-heading {
        font-size: 34px;
    }

}

@media only screen and (max-width: 375px) {

}

@media only screen and (max-width: 360px) {

    .hero-bd-btn a {
    padding: 6px 18px;
}

    .hero-heading {
        font-size: 30px;
    }

}


@media only screen and (max-width: 320px) {

}