* { margin: 0; padding: 0;font-family: "Plus Jakarta Sans", sans-serif;}
li { list-style: none; outline: none; }
a { text-decoration: none; outline: none; }
a:hover, a:focus{ text-decoration: none !important; outline: none; }
img { border: none; outline: none; vertical-align: middle; max-width: 100%}
html { -webkit-text-size-adjust: 100%; }
textarea, input[type=text], input[type=email], input[type=password] { outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; border-radius: 0; outline: none }
button, input[type=submit] { appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; outline: none; outline: none }
header, section, footer, .width100 { float: left; width: 100% }
body{letter-spacing: -0.02em; font-family: "Plus Jakarta Sans", sans-serif;}
p {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

 :root {
            --primary-color: #e65100;
            --secondary-color: #ff7043;
            --dark-color: #1a1a1a;
            --light-gray: #f8f9fa;
            --text-dark: #333333;
            --text-light: #666666;
        }


.navbar-nav{margin-top:8px;}
.preheader {background: rgba(203,31,0,0.8);}
.preheaderlist li{display: inline-block;}
.preheaderlist li a{color:#fff;}
.socialicon{text-align: right;}
.socialicon li{display: inline-block; border-right: 1px solid #da4e34;padding: 8px 8px 8px 5px}
.socialicon li:first-child{border-left: 1px solid #da4e34;}
.preheader ul{margin: 0}
.preheaderlist li i,.preheaderlist li span,.preheaderlist li a{display: inline-block;vertical-align: middle;}
.preheaderlist li i{color: #fff; font-size: 16px;line-height: 18px;margin: 0 3px 0 0}
.preheaderlist li span{font-size: 14px;line-height: 16px; color: #fff;}
.preheaderlist li a{font-size: 14px;margin-left:6px;line-height:16px; color: #fff;font-family: "Plus Jakarta Sans", sans-serif;}
.preheaderlist li a:hover{color: #fff; text-decoration:underline;}
.preheaderlist li{border-right: 1px solid #cdd2d8;padding: 8px 12px 8px 8px}
.preheaderlist li:last-child{border-right: none}
.preheaderlist li:first-child{padding-left: 0}
.socialicon li a{font-size: 16px;line-height: 16px;color: #fff}
.socialicon li:hover a{color: #fff}
.logoarea{float: left;}
.menusec{float: right;}
.navbar-light{background-color: transparent; border-color: transparent; padding:0}
.navbar-nav > li{margin: 0 40px 0 0}
.navbar-nav > li > a{padding: 0; font-size: 16px;line-height: 19px; color: #777; font-family: "Plus Jakarta Sans", sans-serif; font-weight:700; text-transform: uppercase;}
.navbar-light .navbar-nav > .active > a, .navbar-light .navbar-nav > .active > a:focus, .navbar-light .navbar-nav > .active > a:hover,.navbar-light .navbar-nav > li > a:focus, .navbar-light .navbar-nav > li > a:hover{background-color: transparent; color: #cb1f00}
.navbar{min-height: 10px; margin: 0}
.headersec { padding: 10px 0 10px; background:#f7f7f7;}
.navbar-nav li span{display: block;width: 11px; height: 4px; background: #f7f7f7;text-align: center;margin: 0 auto 2px; border-radius: 6px;}
.navbar-nav li.active span,.navbar-nav li:hover span{background: #cb1f00}
.quotebtn{margin-top:10px;}
.quotebtn a{display: inline-block; font-family: "Plus Jakarta Sans", sans-serif; font-weight:700; border:1px solid #cb1f00; background: #fff; border-radius:10px; font-size: 14px;line-height: 14px;color: #cb1f00; font-family: "Plus Jakarta Sans", sans-serif; text-transform: uppercase;padding: 11px 15px; transition-duration: 0.4s}
.quotebtn a:hover,.quotebtn a:focus{background: #cb1f00; color: #fff; text-decoration: none}
.navbar-collapse{padding: 0}
.bannersec{background: url(../images/delivery-man-carrying-cardboard-box.png) no-repeat scroll 0 0; background-size: 100% 100%}
.bannertext{margin: 155px auto; width:80%; border-radius:20px; background: rgba(203,31,0,0.8);font-family: "Plus Jakarta Sans", sans-serif; text-align: center;padding: 30px 0}
.bannertext h4{font-family: "Plus Jakarta Sans", sans-serif;font-size:36px;line-height: 43px;color: #fff;  font-weight: normal; text-transform: uppercase; margin: 0 0 10px;letter-spacing: -0.4px;}
.bannertext h1{font-family: "Plus Jakarta Sans", sans-serif;margin: 0;font-size:48px;line-height:64px;color: #fff; font-weight: normal; text-transform: uppercase; letter-spacing: -0.7px; font-weight:700;}
.whitebtn{ border:2px solid #fff; color: #be2b0b; display: inline-block; font-size:15px;line-height: 18px;font-family: "Plus Jakarta Sans", sans-serif;text-transform: uppercase;padding: 12px 25px; background: #fff;  letter-spacing: 1px; transition-duration: 0.4s; font-weight:700; border-radius:12px; margin-top:18px;}
.whitebtn:hover,.whitebtn:focus{background: #fff; color: #be2b0b; text-decoration: none}
.aboutsec{padding:10px 0 10px 0; background:#fbfbfb; text-align: center; }



.our-projects{
    padding: 100px 0;
}

.project-item{
    position: relative;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.project-image figure{
    display: block;
    border-radius: 40px;
    overflow: hidden;
}

.project-image figure::before{
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    width: 100%;
    height: 50%;
    z-index: 1;
}

.project-image figure img{
    width: 100%;
    aspect-ratio: 1 / 0.8;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}

.project-item:hover .project-image figure img{
    transform: scale(1.1);
}

.project-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 2;
}

.project-item:hover .project-btn{
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
}

.project-btn a{
    width: 60px;
    height: 60px;
    background: var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.project-btn a:hover{
    background: var(--primary-color);
}

.project-btn a img{
    max-width: 24px;
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out;
}

.project-btn a:hover img{
    transform: rotate(0deg);
}

.project-content{
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    z-index: 2;
}

.project-content h3{
    font-size: 20px;
    line-height: 1.4em;
    text-transform: capitalize;
    color: var(--white-color);
}

.project-content h3 a{
    color: inherit;
    transition: all 0.3s ease-in-out;
}

.project-content h3 a:hover{
    color: var(--accent-color);
}

.section-footer-btn{
    text-align: center;
    margin-top: 40px;
}
.pkgprices{    background: #fff;
    padding: 40px 0;}

    .how-we-work{padding: 10px 0 10px 0;
    background:#f6d9d4;
    text-align: center;}

#services{background-image: url(/images/ba_1.jpg);background-color:#f7f7f7;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;     
    padding:40px 0;}
.head1 {text-align: center;}
.head1 h2{font-size:46px;line-height:54px;color: #454545; font-family: "Plus Jakarta Sans", sans-serif; font-weight: normal; letter-spacing:-1px;margin: 0 0 10px; font-weight:700;}
.head1 span{width: 90px; height: 7px; background: #d14127;display: block;margin:  0 auto 40px;border-radius: 4px;}
.head1 p{font-size: 14px;line-height: 24px;color: #5b5b5b;width: 90%; letter-spacing:0.6px; margin: 0 auto}
.servicsec{background: #f6d9d4;padding:60px 0}
.servicearea {padding: 80px 0 0}
.serviceblock{background: #d14127; transition-duration: 0.4s}
.servicesec{padding: 30px 0}
.servicesec i{color: #fff; font-size: 80px;line-height: 80px;display: block;margin: 0 0 20px}
.servicesec h3{margin: 0; font-size: 16px;line-height: 16px;color: #fff;font-family: "Plus Jakarta Sans", sans-serif; text-transform: uppercase;margin: 0 0 10px;}
.servicesec p{font-size: 12px;line-height: 18px;color: #fff;margin: 0 0 25px}
.detailbtn{border:1px solid #fff; font-size:12px; line-height: 12px;color: #fff; padding: 4px 10px; transition-duration: 0.4s; display: inline-block;}
.detailbtn:hover,.detailbtn:focus,.serviceblock:hover .detailbtn{color: #1d1d21; text-decoration: none; border:1px solid #1d1d21;}
.serviceblock:hover{background: #fff}
.serviceblock:hover i,.serviceblock:hover h3,.serviceblock:hover p{color: #1d1d21}
.latestwork{padding: 80px 0}
.latestworkblock{padding: 0;}
.latestworkblock img{width: calc(100% - 4px)}
.latestworksec {padding:0px 0 0}
footer{background: #f7f7f7; border-top:4px solid #cb1f00; font-family: "Plus Jakarta Sans", sans-serif; }
.footertopsec {padding: 35px 0; border-bottom: 1px solid #343438}
.footerlogo a{margin: 0 0 10px; display: block;}
.footerlogo p{font-size: 15px; letter-spacing:0.6px;line-height:24px;color: #696c7d;}
.head2 h3{margin: 0 0 10px; font-size:22px;line-height: 28px; font-weight:700; color: #cb1f00; font-family: "Plus Jakarta Sans", sans-serif;}
.head2 span{width: 28px; height: 4px; display: block; border-radius: 4px; background: #3e4156;display:none;}
.head2 {margin: 0 0 10px}
.footerlist li{margin: 0 0 12px}
.footerlist li a{display: block;font-family: "Plus Jakarta Sans", sans-serif; font-size: 15px; line-height:24px;color: #454545; text-transform: uppercase;}
.footerlist li:hover a,.addrsec li p a:hover,.footerlist li.active a{color: #cb1f00; text-decoration: none;}
.addrsec li{margin: 0 0 14px}
.addrsec li i,.addrsec li p{display: inline-block; vertical-align: top;}
.addrsec li p{width: 80%; margin:0px; padding:0px;}
.addrsec li i{font-size: 15px;line-height: 15px; letter-spacing:0.6px;color: #cb1f00;margin: 3px 3px 0 0}
.addrsec li p, .addrsec li p a{font-size: 15px;font-family: "Plus Jakarta Sans", sans-serif; line-height: 24px;color: #454545;}
.addrsec li p a{line-height: 16px;}
.footericon li a{width:40px; height: 40px; border-radius:10px; background: #fff; display: block; color: #b7b7b7; font-size:20px;line-height:40px; transition-duration: 0.4s}
.footericon li{display: inline-block;margin: 0 10px 10px 0; text-align: center;}
.footericon li a:hover{background: #cb1f00; color: #fff}
.copyrightsec {padding: 20px 0}
.copyrightsec p,.copyrightsec p a{margin: 0;font-size: 13px; line-height: 13px; color: #454545; font-family: "Plus Jakarta Sans", sans-serif;}
.copyrightsec .pull-right{text-align: right;}
.copyrightsec p a:hover,.copyrightsec p a:focus{text-decoration: none; color: #cb1f00}
.innerbanner{background: url(../images/innerbanner.jpg) no-repeat scroll 0 0; background-size: 100% 100%;position: relative; min-height: 300px;}
.bannertext.innerbannertext{margin: 0;padding:0; text-align: left; position: absolute; bottom: -30px;width: 550px}
.innerbannertext h2{font-size: 60px;line-height: 60px;color: #fff; margin: 0; font-family: "Plus Jakarta Sans", sans-serif; letter-spacing: 2px;padding:20px 30px;}
.breadcrumb{margin: 0; background-color: #d34930;padding: 10px 30px}
.breadcrumb li,.breadcrumb li a{font-size: 14px;line-height: 14px;color: #f2d4d0; text-transform: uppercase;font-family: "Plus Jakarta Sans", sans-serif;}
.breadcrumb-item + .breadcrumb-item::before{color:#ccc}
.breadcrumb li:hover a{text-decoration: none; color: #fff}
.aboutcontsec .head1 p{color: #646467; font-size: 15px;line-height: 24px; margin: 0 0 30px; width: 100%}
.serviceimg{float: left;width:100%; padding:16px; border:1px solid #eaeaea; border-radius:20px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); margin-bottom:24px; background:#fff;}
.serviceimg img{width:100%; border-radius:12px; height: 150px}
.srvicecontsec{float: left;width:100%; margin: 0 0 10px}
.serviceblocksec{padding:20px 0px; text-align: center; height: 180px;}

.aboutcontsec .serviceblocksec{text-align: left;}
.serviceblocksec h3{font-family: "Plus Jakarta Sans", sans-serif;font-size:22px;line-height: 20px;color: #1d1d21; font-family: "Plus Jakarta Sans", sans-serif; margin: 0 0 15px; font-weight:700}
.serviceblocksec p{font-family: "Plus Jakarta Sans", sans-serif;font-size: 14.6px;line-height: 22px; color: #4b4b54; letter-spacing: -0.4px; margin: 0 0 15px;}
.blackbtn{border:1px solid #1d1d21; color: #1d1d21; font-size: 12px; line-height: 12px; display: inline-block;padding: 6px 10px;}
.blackbtn:hover{background: #1d1d21; color: #fff; text-decoration: none}
.servicecontsec {padding:40px 0 0}
.contactsec{text-align: left;}
.contactleftsec h6{font-size: 20px;line-height: 20px; color: #1d1d21; font-family: "Plus Jakarta Sans", sans-serif; text-transform: uppercase;}
.contactleftsec p,.contactleftsec p a{font-size: 16px;line-height: 18px; color: #646467}
.contactleftsec li{margin: 0 0 20px;}
.contactleftsec p a:hover,.contactleftsec p a:focus{color: #d34930; text-decoration: none}
.contactrightsec label{color: #646467}
textarea{resize: none}
.redbtn{background: #d34930; border:1px solid #d34930; border-radius: 0; color: #fff; font-size: 18px;line-height: 18px; font-family: "Plus Jakarta Sans", sans-serif; text-transform: uppercase; transition-duration: 0.4s}
.redbtn:hover,.redbtn:focus{background: #1d1d21; border:1px solid #1d1d21; color: #fff;}
.contactrightsec {margin: 0 0 40px}

.aboutcontsec p{color: #646467;
font-size: 15px;
line-height: 24px;
margin: 0 auto 30px;
}
.head3 h2{color: #d14127; font-weight:700;
font-size:42px;
font-family: "Plus Jakarta Sans", sans-serif; }
.head3 span {

    width: 70px;
    height: 5px;
    background: #d14127;
    display: block;
    margin-bottom: 32px;
    border-radius: 4px;
	

}
.head3 h6{color:#646467; font-size:22px; margin: 0 auto 20px; font-family: "Plus Jakarta Sans", sans-serif;}
.why-left{text-align:right}
.why-us i{font-size:60px; color:#d14127}
.why-us h3{font-size:20px; color: #646467; font-weight:bold}
.why-us p{color:#696c7d; font-size:18px;  font-family: "Plus Jakarta Sans", sans-serif;}

.modal{background:#cb1f004d}
.modal-content{border-radius:0; margin: auto;}
.modal-body{padding:0}
.modal-body div{top: 45%;

position: absolute;

width: 100%;

color: #000;}
.modal-body div .controls {background:#cb1f00; color:#fff; padding:5px}
.modal-body div .controls:hover, .modal-body div .controls:focus{background:#000}
.modal-body div .controls i{line-height:25px}
.modal-body div .controls.next{padding:3px 5px}
.modal-body .next {
        float:right;
        text-align:right;
    }
 .modal-dialog img {
          text-align:center;
          margin:0 auto;
		  display: block;
      }
	  .form-control{ border-radius:8px !important; }
      .form-label{margin-top:14px; display:block;}

.btn-link{color:#696c7d; font-size:22px; font-weight:600;  font-family: "Plus Jakarta Sans", sans-serif;}
.btn-link:hover{text-decoration:none; color:#000;}
.service_img { width:100px;    display: inherit; }
.work_img { width: 200px; }
.work_title { font-size: 18px;font-weight: bold;text-align: center; }
.work_text { text-align: center;padding: 0 0px 20px 0px; }

.move_img { width: 200px;     padding: 10px; }
.move_title { font-size: 18px;font-weight: bold;text-align: center;     padding: 10px;}

.service_img  { width: 300px;     padding: 10px; }
.service_title { font-size: 18px;font-weight: bold;text-align: center;     padding: 10px;}
.service_text { text-align: center;padding: 0 0px 20px 0px; }

.margbotm30 { margin-bottom:30px; }
.price_charts { margin-top:10px; }
/* Testimonials Section */
        .testimonials-section {
            padding: 80px 0;
            background: var(--light-gray);
        }

        .testimonial-card {
            background: white;
            padding: 2rem;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            height: 100%;
            position: relative;
        }

        .testimonial-card::before {
            content: '"';
            position: absolute;
            top: -10px;
            left: 20px;
            font-size: 4rem;
            color: var(--secondary-color);
            opacity: 0.3;
            font-family: serif;
        }

        .testimonial-text {
            color: var(--text-light);
            font-style: italic;
            line-height: 1.6;
            margin-bottom: 1.5rem;
        }

        .testimonial-author {
            font-weight: 600;
            color: var(--text-dark);
        }

        .rating {
            color: #ffc107;
            margin-bottom: 1rem;
        }


        .faq-section .card-header {
    background-color: #f8f9fa;
    border-bottom: none;
}

.faq-section .btn-link {
    color: #333;
    font-weight: 600;
    text-decoration: none;
}

.faq-section .btn-link:hover,
.faq-section .btn-link:focus {
    text-decoration: none;
}

.faq-section .card {
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.faq-section .card-body {
    padding: 1.25rem;
}


.counter-six{
    position: relative;
    overflow: hidden;
    padding: 25px 0 0px 0; margin-bottom:50px;
    border-radius: 8px;
    background-color:rgba(203,31,0,0.8);
}
.counter-six:before{
    content: "";
    position: absolute;
    left: -100px;
    top: -100px;
    width: 260px;
    height: 260px;
    background-color: rgb(255 255 255 / .1);
    border-radius: 215px 45px;
}
.counter-six:after{
    content: "";
    position: absolute;
    right: -110px;
    bottom: -99px;
    width: 245px;
    height: 245px;
    border-radius: 200px 45px;
    background-color: rgb(255 255 255 / .1);
}

.pbminfotech-fidbox-style-7{
    text-align: center;
    margin-bottom: 30px;
}
.pbminfotech-fidbox-style-7 .pbminfotech-fid-inner {
    font-size: 45px;
    line-height: 45px;
    font-weight: 900;
    color:#fff;
    margin-bottom: 10px;
    
    z-index: 1;
    position: relative;
}
.pbminfotech-fidbox-style-7 .pbminfotech-fid-title {
    font-size: 16px;
    line-height: 22px;
    color:#fff;
    letter-spacing: -0.5px;
    text-transform: uppercase;

}

.pbmit-heading-subheading-style-1 .pbmit-subtitle {
   
    font-weight: 700;
    font-size: 22px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #cb1f00;
    text-transform: uppercase;
    font-style: normal;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    border-bottom: 3px solid #cb1f00;
}
.ty-subtitle {
   
    font-weight: 700;
    font-size: 22px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #cb1f00;
    text-transform: uppercase;
    font-style: normal;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    border-bottom: 3px solid #cb1f00;
    visibility: visible;
    animation-name: fadeInUp;
}


.wh-subtitle {
   
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
    font-style: normal;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    border-bottom: 3px solid #fff;
}



.pbminfotech-ihbox-style-12{
    padding: 15px 35px 0 0;
    margin-bottom: 25px; display:inline-block; width:49%;
}
.brradius{border-radius:40px;}
.pbminfotech-cta3-content-wrapper{font-size:14px;}
.pbminfotech-ihbox-style-12 .pbminfotech-ihbox-inner {
    display: flex;
}
.pbminfotech-ihbox-style-12 .pbminfotech-ihbox-icon-wrapper {
    height: 60px;
    width: 60px;
    text-align: center;
    
    
    box-shadow:0px 2px 40px 0px rgba(0, 0, 0, 0.08);     background: #f8f8f8;
}

.pbminfotech-ihbox-style-12 .pbminfotech-ihbox-contents {
    padding-left: 15px;
}
.pbminfotech-ihbox-style-12 .pbminfotech-custom-heading{
    font-size: 18px; font-weight:600;
    line-height: 28px;
    margin-bottom: 4px;
}


.themestek-servicebox-style-4:hover .themestek-box-link a{
    background-color: #fff;
}

.img_ddr{border-radius:20px 20px 0px 0px; margin-bottom:20px; width:100%;    height: 232px;}
.themestek-servicebox-style-4 .themestek-post-item{
    border: 1px solid #f7beb3;
    text-align: center; border-radius:20px; background:#fff;
    padding:0px;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

.readmore-btn{
    position: relative;
    color: var(--accent-color);
    font-family: var(--accent-font);
    font-size: 16px;
    font-weight: 700;   
    line-height: 1.8em;
    text-transform: capitalize;
    display: inline-block;
    padding-right: 40px;
    transition: all 0.3s ease-in-out;
}

.readmore-btn::before{
    content: '\f061';
    position: absolute;
    right: 0;
    top: 50%;
    font-family: 'Font Awesome 6 Free';
    font-size: 14px;
    line-height: normal;
    color: var(--white-color);
    width: 30px;
    height: 30px;
    background-color: var(--accent-color);
    background-position: center center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-3px, -50%);
    transition: all 0.3s ease-in-out;
}
.themestek-servicebox-style-4 .themestek-box-link a{
    position: absolute;
    bottom: -20px;
    left: 50%;
    color: #000;
    width: 42px;
    height: 42px;
    margin-left: -21px;
    line-height: 42px;
    text-align: center;
}
/************************************/
/***    08. Work Process css      ***/
/************************************/

.our-work-process{
    padding: 50px 0; clear:both;
    background-image: url('../images/work-process-bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.wrok-process-list{
    display: flex;
    flex-wrap: wrap;
    gap: 30px; margin-top:40px;
}

.work-process-item{
    position: relative;
    text-align: center;
    padding-top: 10px;
    width: calc(25% - 22.5px);
}

.work-process-item:nth-child(odd){
    margin-top: 90px;
}

.work-process-item:after{
    position: absolute;
    content: '';
    top: -30px;
    right: -65px;
    width: 100px;
    height: 50px;
    background: url('/images/work-process-arrow.svg') no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 0;
}

.work-process-item:last-child:after,
.work-process-item:nth-child(4n + 4):after{
    display: none;
}

.work-process-item:nth-child(even):after{
    top: 132px;
    transform: rotateX(180deg);
}

.work-process-item .icon-box{
    position: relative;
    width: 122px;
    height: 122px;
    background: #f14423;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.work-process-item .icon-box:before{
    content: '';
    position: absolute;
    height: calc(100% + 20px);
    width: calc(100% + 20px);
    border: 2px dashed #F4F5F9;
    border-radius: 50%;
}

.work-process-item .icon-box img{
    position: relative;
    width: 100%;
    max-width: 60px;
    z-index: 1;
}

.work-process-item .icon-box .work-process-number{
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.work-process-item .icon-box .work-process-number h3{
    color: var(--accent-color);
    font-size: 24px;
}

.work-process-content h3{
    color: #fff;
    font-size: 20px; font-weight:600;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.work-process-content p{
    color: #fff;
    margin: 0; font-size:14px;
}




/**/
 /* Contact Form Section */
        .contact-section {
            padding: 50px 0;
            background: white;
        }

        .form-container {
            background: #fff;
            padding: 3rem;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            position: relative;
            overflow: hidden;
        }

        .form-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 5px;
            background: linear-gradient(90deg, var(--secondary-color), var(--primary-color));
        }

        .form-control {
            border: 2px solid #e0e0e0;
            border-radius: 10px;
            padding: 12px 15px;
            font-size: 1rem;
            transition: all 0.3s ease;
            background: white;
        }

        .form-control:focus {
            border-color: var(--secondary-color);
            box-shadow: 0 0 0 0.2rem rgba(255, 112, 67, 0.25);
            transform: translateY(-2px);
        }

        .form-select {
            border: 2px solid #e0e0e0; width:100%;
            border-radius: 10px;
            padding: 12px 15px;
            font-size: 1rem;
            transition: all 0.3s ease;
            background: white;
        }
        .form-check{margin-top:20px; font-size:12px; color:#7f7575;}
        .form-check a{color:#7f7575; text-decoration:underline;}
        .form-select:focus {
            border-color:#fff;
            box-shadow: 0 0 0 0.2rem rgba(255, 112, 67, 0.25);
        }

        .btn-submit {
            background: linear-gradient(45deg, var(--secondary-color), var(--primary-color));
            border: none;
            color: white;
            padding: 15px 40px;
            font-size: 1.1rem;
            font-weight: 600;
            border-radius: 12px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            width: 100%;
        }

        .btn-submit::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s;
        }

        .btn-submit:hover::before {
            left: 100%;
        }

        .btn-submit:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(255, 112, 67, 0.4);
        }

/**/

/************************************/
/***        09. Our Skill css     ***/
/************************************/

.themestek-servicebox-style-4{margin-top:30px;  }
.title_bgd{font-size: 22px;
    line-height: 20px;
    color: #1d1d21;
    font-family: "Plus Jakarta Sans", sans-serif;
    margin: 0 0 15px;
    font-weight: 700;}

    .parta{ padding-left:15px; padding-right:15px;    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14.6px;
    line-height: 22px;
    color: #4b4b54;
    letter-spacing: -0.4px;
    margin: 0 0 15px;}






    .safety-section {
  
}
.safety-card {
  background: #fff;
  padding: 2rem 1.25rem;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  height: 100%; border:1px solid #eaeaea;
}
.safety-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}
.safety-card i {
  font-size: 2.5rem;
  color: var(--primary-color);
  margin-bottom: 15px;
  display: block;
}
.safety-card h3 {
  font-size: 1.2rem;
  margin-bottom: 10px;
  font-weight: 600;
  color: var(--dark-color);
}
.safety-card p {
  font-size: 0.95rem;
  color: var(--text-light);
}
.subtitle {
  color: var(--text-light);
  font-size: 1rem;
}

.move-card {
  background: #fff;
  border-radius: 12px;
  text-align: center;
  padding: 2rem 1rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  height: 100%;
}
.move-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}
.icon-wrap {
  width: 70px;
  height: 70px;
  margin: 0 auto 15px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 28px;
}
.move-card h3 {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--dark-color);
  margin: 0;
}

/* Responsive for mobile (screens ≤ 768px) */
@media screen and (max-width: 768px) {

    .bannertext h1{ font-size:30px;line-height: 34px; margin:0 0 5px;}
    .bannertext h4{ font-size:18px;line-height: 20px; letter-spacing:0px;}
    .whitebtn{margin-top:0px; border:0px solid #fff;font-size: 12px;}
    .logoarea{width:235px; float:left;}
    .counter-six-box{background:rgba(203,31,0,0.8);}
    .bannertext{width:100%;}
    .pbminfotech-ihbox-style-12{width:100%; display:block; margin:2px 0px 0 0;}
    .about-six-content{margin-bottom:20px;}
    .aboutsec{padding:24px 0px;}
    .menusec{margin-top:19px;}
    .head1 h2{font-size: 32px;line-height: 38px;}
    #services{padding:0px;}
    .work-process-item{width:calc(100% - 22.5px); }
    .work-process-item:nth-child(odd){margin-top: 0px;}
    .work-process-item .icon-box{width:80px; height:80px;}
    .work-process-item{width:calc(100% - 0px)}
    .work-process-content p{margin:0px 12px;}
    .pbmit-title{font-size: 1.5rem;}

}