/* Standard Style */
p
{
    text-align: justify;
    font-size: 1.2rem;
    color: #535353;
    line-height: 2rem;
    letter-spacing: 0.05rem;
}
.nopad
{
    margin: 0;
    padding: 0;
}
/* top bar style */
.top-socialbar
{
    background-color: #F2F1F1;
    width: 100%;
    padding: 10px 0px 10px 0px;
}
.top-socialbar ul
{
    list-style-type: none;
    padding: 0%;
    margin: 0%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.top-socialbar ul li
{
    margin-right: 20px;
    background: #005723;
    color: #ffffff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Top navbar style start*/
.top-menu
{
    position: relative;
    z-index: 999;
}
.brand-logo-div
{
    width:50%;
}
.navbar-brand img
{
    width: 100%;
}
.line-div
{
    display: flex;
    justify-content: center;
    padding: 25px 0px 25px 0px;
    align-items: center;
}
.center-line
{
    border-left:solid 2px #D9D9D9;
    height: 80%;
}
.top-contact-col
{
    display: flex;
    align-items: center;
    font-family: "Red Hat Display", serif;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 33px;
    color: #005723;
    justify-content: flex-end;
    line-height: 65px;
}
.top-cont-call i , .top-cont-email i
{
    background: #005723;
    font-size: 20px;
    color: #ffffff;
    padding: 10px;
    border-radius: 50%;
    margin-right: 5px;
}
.top-cont-call span
{
    color:#D9D9D9;
    padding: 20px;
}
.dropdown-toggle::after
{
    display: none;
}
.dropdown-toggle i
{
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5rem;
}
.nav-bg
{
    background: #005723;
    color: #fff;
    height: 5rem;
}
.navbar-nav .nav-item a
{
    color: #fff;
}
.navbar-nav
{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 5rem;
    margin-right: 5rem;
}
.nav-inquiry a
{
    background-color: #fff;
    color: #005723 !important;
    border-radius: 0.5rem;
    font-weight: bold;
    padding: 0.8rem;
    width: 9rem;
    text-align: center;
}
/* Main Slider Styles */
.main-slider 
{
    position: relative;
    width: 100%;
    height: 72vh;
    overflow: hidden;
    top: -2rem;
}
.main-slider h2
{
    color: #fff !important;
}
.carousel-item 
{
    position: relative;
    height: 72vh;
}
.carousel-bg 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: scale(1);
    z-index: -1;
}
.carousel-content 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);    
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10%;
    text-align: left;
    color: #fff;
}
.content-box 
{
    max-width: 550px;
    padding: 30px;
    background-color: rgba(0, 87, 35, 0.85);
}

.welcome-slider-span
{
    letter-spacing: 0.7rem;
    font-size: 2rem;
}
.slider-boldtxt-div
{
    font-size: 2.5rem;
    font-weight: bold;
}
.carousel-item .btn-main
{
    background: #D9D9D9;
    padding: 0.5rem 1rem;
    color: #005723;
    text-decoration: none;
}
.carousel-item p
{
    color: #ffffff;
    letter-spacing: 0rem;
}

/* Home About Section */
.home-about-sec
{
    margin-top: 8rem;
    margin-bottom: 8rem;
}
.home-about-sec h1
{
    text-align: center;
    line-height: 3.2rem;
    color: #535353;
    font-size: 2rem;
    margin-bottom: 5rem;
}
.ab-it
{
    letter-spacing: 0.5rem;
    font-style: italic;
    border-bottom: solid 0.15rem #005723;
    font-size: 2rem;
}
.home-about-sec h1 .com-name-home
{
    font-size: 4rem;
    color: #005723;
    font-weight: bold;
}
.std-com-sty
{
    color: #005723;
    font-weight: bold;
}
.view-more {    
    color: #ffffff;
    padding: 0.5rem 1rem;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    background-image: linear-gradient(to right, #535353 50%, #005723 50%);
    background-size: 200% 100%; 
    background-position: right bottom; 
    transition: all 0.5s ease-out; 
    border-radius: 0%;
}

.view-more:hover {
    background-position: left bottom;
}


/* Home About left image style */

  .experience-badge {
    padding: 15px;
    text-align: center;
    /* flex-shrink: 0; */
    transform: rotate(90deg);
    transform-origin: center;
    white-space: nowrap;
    color: #fff;
    background: #005723;
  }
  .experience-badge span:first-child {
    display: inline;
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff;
    background: #005723;
    padding: 0.7rem;
    margin: 0;
  }
  .experience-badge span:nth-child(2)
  {
    background: #901502;
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 0.7rem;
  }
  .about-image-wrapper {
    position: relative;
}

.about-image-wrapper::before {
    content: "";
    position: relative;

    bottom: 0rem;
    left: 0rem;
    width: 25rem; 
    height: 20rem;
    background-color: #005723; 
    z-index: -1; 
}
.img-comp img {
    position: absolute;
    z-index: 1;
}
.experience-badge {
    position: relative;
    z-index: 1;
}

/* What We do section start */
.what-we-do-sec {
    background: #D9D9D9;
    padding-top: 8rem;
    padding-bottom: 8rem;
}

h2 {
    text-align: center;
    color: #005723;
    font-weight: bold;
    font-size: 3rem;
    margin-bottom: 2rem;
}

.what-we-do-sec p {
    text-align: center;
}

.home-btn {
    text-align: center;
}

.what-we-do-pro {
    position: relative;
    margin-bottom: 3rem;
    overflow: hidden;
}
.what-we-do-pro img {
    transition: transform 0.3s ease-in-out;
}

.what-we-do-pro div:nth-child(2) {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    color: #fff;
    width: 100%;
    padding: 0.5rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
}

.what-we-do-pro span:first-of-type {
    width: auto;
}

.what-we-do-pro h4 {
    font-size: 1rem;
    margin: 0;
}

.what-we-do-pro div:nth-child(2) span:last-of-type {
    background-color: #005723;
    border-radius: 50%;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.what-we-do-pro:hover img {
    transform: scale(1.05);
}

.what-we-do-pro:hover div:nth-child(2) {
    transform: translateY(0);
}

/* home Why choose us */
.home-why-choose-sec
{
    margin-top: 0rem;
    color: #fff;
}
.home-why-choose-sec p
{
    color: #fff;
    letter-spacing: 0;
    font-size: 1.2rem;
    font-weight:300;
    margin-bottom: 0;
}
.bg-bl
{
    background: #005723;
    padding: 12rem 5rem;
    align-items: center;
    display: flex;
    height: 100%;
}
.why-choose-us-container h4
{
    display: flex;
    align-items: center;
    font-size: 3rem;
    line-height: 3rem;
    justify-content: flex-end;
}
.why-choose-text
{
    text-align: right;
    font-weight: bold;
}
.why-choose-text .question-mark
{
    font-size: 20rem;
}
.why-choose-text div:first-child
{
    margin-top: 1rem;
}
.why-choose-text div div:first-child
{
    font-style: italic;
    font-size: 2rem;
    margin-bottom: -1rem;
}
.bg-bl .col-xl-7:first-child
{
    border-right: 0.2rem #ffffff solid;
    padding-right: 3rem;
}


/* time-home-section */
.time-home-section
{
    position: relative;
    top: -5rem;
    color: #fff;
}
.time-home-section p
{
    color: #fff;
    letter-spacing: 0rem;
}
.why-choose-home-time
{
    background: #901502;
    padding: 2rem 1rem;
}
.why-choose-home-time .col-xl-4
{
    display: flex;
    align-items:flex-start;
}
.why-choose-home-time .col-xl-4 div:first-child
{
    font-size: 3rem;
    display: flex;
    align-items: flex-start;
    padding: 0rem 0.8rem 0rem 0rem;
}

.why-choose-home-time .col-xl-4:first-child , .why-choose-home-time .col-xl-4:nth-child(2)
{
    border-right: 0.13rem solid #fff;
    padding-right: 2rem;
}
.our-equip-sec
{
    margin-top: 5rem;
    margin-bottom: 8rem;
}

.hom-cat-down-sec
{
    background: #005723;
    text-align: center;
    padding: 0rem;
}


/* Home Download Catalogue Section */
.hom-cat-down-sec i
{
    font-size: 8rem;
    color: #fff;
    margin-bottom: 2rem;
}
.down-txt span:first-child
{
    padding: 1rem 0rem;
    font-size: 3rem;
    font-weight: bold;
    background-color: #fff;
}
.down-txt span span:first-child
{
    padding: 1rem 0.8rem;
    background-color: #fff;
    color: #005723;
}
.down-txt span span:nth-child(2)
{
    background:#901502;
    border-top-left-radius: 3rem;
    padding: 1rem 0.8rem;
    color: #fff;
}
.down-cat-right
{
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.down-cat-left
{
    background: #901502;
    padding: 1rem 0rem 0rem 0rem;
    border-top-left-radius: 12rem;
    height: 100%;
    text-align: left;
    line-height: 2.7rem;
    color: #fff;
    letter-spacing: 0.3rem;

}
.down-cat-inner {
    position: relative;
    height: 100%;
    padding: 5rem;
    z-index: 1;
  }
  
  .down-cat-inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/hand-interact-quetion-mark.png') no-repeat;
    background-size: cover;
    opacity: 0.2;
    z-index: -1;
    border-top-left-radius: 12rem;
  }
.down-cat-left .down-cat-inner
{
    font-size: 3.5rem;
    font-weight: bold;
}
.down-cat-left .down-cat-inner div div:first-child
{
    font-style: italic;
    font-size: 2.5rem;
    font-weight: bold;
}
.down-cat-inner div div:nth-child(3)
{
    display: flex;
    line-height: 4rem;
    gap: 0.5rem;
}
.down-cat-inner
{
    display: flex;
    justify-content:center;
    align-items: center;
}
.down-cat-inner div div:nth-child(3) a
{
    text-decoration: none;
    font-size: 2rem;
    color: #fff;
    background: #005723;
    padding: 0.6rem 1rem;
    position: relative;
    top: 0.5rem;
    z-index: 1;
}

.down-cat-inner div div:nth-child(3) a::after
{
    content: "";
    background: #fff;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0.5rem;
    right: -0.5rem;
    z-index: -1;
}

/* Home client */

.home-client
{
    margin-top: 8rem;
    text-align: center;
}
.home-client img
{
    width: 70%;
}

/* Have any Query home section*/
.home-have-qt-sec
{
    margin-top: 8rem;
}
.home-have-qt-sec h4 , .home-have-qt-sec h5
{
    text-align: center;
    font-weight: bold;
}
.home-have-qt-sec h4
{
    color: #005723;
    font-size: 2.5rem;
}
.home-have-qt-sec h5
{
    font-size: 3rem;
}

.have-query-inner
{
    text-align: center;
    background: #901502;
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-top: 3rem;
    position: relative;
    z-index: -2;
}
.icon-container {
    position: relative;
    display: inline-block;
    margin-bottom: 0.7rem;
}

.have-query-inner i {
    font-size: 2rem;
    background: #ffffff;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem; 
    line-height: 3.5rem; 
    color: #535353;
    position: relative;
    z-index: 1;
}
.icon-container::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4.3rem;
    height: 4.3rem;
    border-radius: 50%;
    z-index: -1;
    background: #ffffff;
    opacity: 20%;
}
.have-query-inner .contact-txt
{
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
}

.cont-nm
{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    gap: 1rem;
    font-weight: bold;
    font-size: 2rem;
    margin-top: 0.6rem;
}
.cont-nm span:nth-child(2)
{
    font-size: 0.1;
    font-weight: normal;
}

.home-have-qt-sec .cont-2-row
{
    background: #005723;
    margin-left: 8rem;
    margin-right: 8rem;
    position: relative;
    top: -2rem;
    padding: 3rem 0rem;
}
.home-have-qt-sec .cont-2-row .col-xl-12
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8rem;
    text-align: center;
    color: #fff;
}
.cont-2-row-in div:first-child
{
    font-size: 4rem;
    font-weight: bold;
}

/* Footer */
.first-footer
{
    background: #313131;
    padding:8rem 15rem;
    color: #fff;
}
.first-footer p
{
    color: #fff;
    text-align: center;
    font-size: 1.1rem;
}
.first-footer .col-xl-12
{
    display: flex;
    justify-content: center;
    gap: 5rem;
}
.footer-logo-main
{
    color: #fff;
    width: 60%;
    text-align: center;
}
.footer-logo-main img
{
    width: 50%;
    margin-bottom: 0.8rem;
}
.footer-product
{
    display: flex;
    justify-content:space-between;
    gap: 2rem;
}
.footer-top-group
{
    display: flex;
    /* justify-content: space-between; */
    gap: 4rem;
    width:100%;
}
.footer-logo-main
{
    width: 40%;
}
.footer-top-group-inner
{
    display: flex;
    width: 60%;
    justify-content: space-between;
}
.footer-top-menu
{
    width: 40%;
}
.footer-product-main
{
    width: 80%;
}
.footer-logo-main i
{
    font-size: 1.5rem;
    background: #ffffff;
    border-radius: 50%;
    width: 3rem;
    height: 3rem; 
    line-height: 3rem; 
    color: #005723;
}
.footer-social-icon 
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.first-footer ul {
    list-style: none;
    padding: 0;
  }
  .first-footer li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
    line-height: 2rem;
  }
  .first-footer li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('../images/list-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
  }
  .footer-title
  {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
  }
  .footer-product
  {
    width: 100%;
  }

  /* second footer */
  .second-footer
  {
    padding: 4rem 15rem;
    background: #005723;
  }
.second-footer-inner
{
    display: flex;
    align-items: center;
    gap: 1.5rem;
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 1rem;

}
.second-footer-inner p
{
    color: #fff;
    font-size: 1.2rem;
    line-height: 2rem;
    margin-bottom: 0;
}
.second-footer-inner i
{
    font-size: 2.5rem;
}
.second-footer-inner i.second-ft-call-icon
{
    background: #ffffff;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem; 
    line-height: 2.5rem; 
    color: #005723;
    font-size: 1.2rem;
    text-align: center;
}
.footer-qr {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    height: 100%;
  }
  
  .footer-qr img {
    width: 20%;
  }

  .third-footer {
    color: #fff;
    background: #901502;
    padding: 1rem 15rem;
}
.third-footer p
{
    color: #fff;
    margin-bottom: 0;
}
.third-footer .row {
    align-items: center; /* This centers the content vertically */
}

.third-footer .col-xl-6:first-child p {
    text-align: left;
}

.third-footer .col-xl-6:last-child p {
    text-align: right;
}

/* contact us page */
.breadcumb-sec {
    position: relative;
    background-image: url('../images/contact-breadcumb-img.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 8rem 0;
    top: -3rem;    
    text-align: center;
}

.breadcumb-sec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.breadcrumb,
.breadcrumb-item {
    position: relative;
    z-index: 2;
}
.breadcrumb
{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.breadcrumb li, .breadcrumb li a
{
    color: #fff;
    text-decoration: none;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}
.breadcrumb li a i
{
    padding-right: 0.5rem;
}
.breadcumb-sec span
{
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    line-height: 6rem;
    color: #fff;
    position: relative;
    z-index: 1;
}
.contact-first-div
{
    background: #005723;
    padding: 4rem 2rem;
    border-radius: 1.5rem 0rem 0rem 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contact-pg-details-sec
{
    margin-top: 8rem;
}
.contact-pg-inner
{
    display: flex;
    align-items: flex-start;
    color: #fff;
    gap: 1rem;
    margin-bottom: 1rem;
}
.contact-pg-inner p
{
    color: #fff;
    margin-bottom: 0;
}
.contact-pg-inner i
{
    font-size: 2rem;
    padding-top: 0.3rem;
}
.contact-pg-inner a
{
    color: #fff;
    text-decoration: none;
}
.cont-pg-com-photo img
{
    border-radius: 0rem 1.5rem 1.5rem 0rem;
}
.contact-pg-map-form-sec {
    position: relative;
    margin-top: 12rem;
    width: 100%;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.contact-pg-map-form-sec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/contact-page-form-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.2;
    z-index: -1;
}


.contact-form-style {
    background-color: transparent;
    border: none;
}

.contact-form-style .form-label {
    font-weight: 500;
    color: #000;
    margin-bottom: 0.5rem;
}


.contact-form-style .form-control {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #005723;
    border-radius: 0;
    color: #005723;
    padding: 0.5rem 0;
    font-size: 1rem;
}

.contact-form-style .form-control:focus {
    box-shadow: none;
    border-bottom: 2px solid #005723;
}

.contact-form-style .form-control::placeholder {
    color: #6c757d;
}

.submit-btn-style {
    background-color: #005723; 
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 1rem 3rem;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
}

.submit-btn-style:hover {
    background-color: #005723; 
}

.contact-form-style textarea.form-control {
    padding-top: 1rem;
    padding-bottom: 0;
    line-height: 1;
    height: 0.8rem;
    box-sizing: content-box;
}

.contact-form-style .form-control::placeholder {
    color: #6c757d;
}

.contact-pg-map-form-sec .row {
    display: flex;
    align-items: center; 
}


/* Product Page style */
.product-first-sec
{
    margin-top: 8rem;
    margin-bottom: 8rem;
    background: #f5f5f5;
    padding:5rem 0rem;
}
.product-al-center .row
{
    display: flex;
    align-items: center;
}
.product-second-sec
{
    margin-top: 0rem;
    margin-bottom: 8rem;
}
.product-second-sec .left-div
{
    padding: 3rem 2rem;
    background: #005723;
    height: 100%;
}
.product-second-sec p
{
    color: #fff;
}
.product-second-sec ul
{
    list-style: none;
    padding: 0;
    color: #fff;
    line-height: 3rem;
}
.white-bg-span
{
    background: #fff;
    padding: 1rem 0.5rem;
}
.white-bg-span span
{
    color: #005723;
    font-weight: bold;
}
.second-pro-img
{
    border-radius: 1rem;
}

.pro-industry-first-sec {
    margin-bottom: 2rem;
    padding: 5rem 0rem 3rem 0rem;
    position: relative;
    background: url('../images/welding-man.jpg') no-repeat center center/cover;
    text-align: center;
    color: #fff;
    z-index: 1;
}

.pro-industry-first-sec::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}
.pro-industry-first-sec h2 , .pro-industry-first-sec p
{
    color: #fff;
    text-align: center;
}
.pro-industry-first-sec p
{
    letter-spacing: 0.02rem;
}
.pro-industry-first-sec .bottom-col
{
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding-top: 2rem;
}
.pro-industry-first-sec .bottom-col img
{
    border: 0.3rem solid #fff;
}

.pro-industry-second-sec
{
    margin-bottom: 8rem;
}

.pro-industry-second-sec .pro-query-div {
    padding: 2rem 1rem;
    border-radius: 50rem;
    color: #fff;
    text-align: center;
    position: relative;
    background: url('../images/pro-have-query-bg.jpg') no-repeat center top / cover;
    overflow: hidden; 
    z-index: 1; 
    width: 80%;
}

.pro-industry-second-sec .pro-query-div::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}
.pro-industry-second-sec .pro-query-div p {
    text-align: center;
    color: #fff;
    line-height: 0.8;
    position: relative;
    z-index: 2;
}
.pro-industry-second-sec .pro-query-div p:first-child
{
    font-size: 2rem;
}
.pro-industry-second-sec .pro-query-div p:nth-child(2)
{
    font-size: 2.5rem;
    font-weight: bold;
}
.pro-industry-second-sec .pro-contact-btn {
    background: #005723;
    padding: 1.5rem;
    border-radius: 25rem;
    position: relative;
    top: -1.5rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-industry-second-sec .pro-contact-btn p {
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    margin: 0;     
    position: relative;
    top: -5px;
}
.pro-have-query-col
{
    display: flex;
    justify-content: center;
    flex-direction: column; 
    align-items: center;
}

.pro-industry-second-sec ul
{
    list-style: none;
    padding: 0;
    line-height: 2.5rem;
    font-size: 1.3rem;
}
.pro-ind-col
{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.pro-ind-col .pro-ind-list-div
{
    background: #005723;
    display: inline-block;
    color: #fff;
    padding: 3rem 2rem;
    position: absolute;
    top: -13rem;
    z-index: 1;
}
.pro-ind-col .pro-ind-list-div i
{
    padding-right: 1rem;
}

.product-download-sec {
    margin-top: 8rem;
}

.product-download-sec .pro-down-left {
    position: relative;
    background-image: url('../images/pro-down-left.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-download-sec .pro-down-left p {
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
    margin-bottom: 0;
}

.product-download-sec .pro-down-left::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.pro-down-left div:first-child
{
    padding-left: 10rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pro-down-right
{
    background: #005723;
    color: #fff;
    padding-right: 10rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 5rem;
    font-size: 5rem;
}
.pro-down-right
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.pro-down-right p
{
    color:#fff;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: bold;
    line-height: normal;
}
.product-download-sec .row
{
    display: flex;
    align-items: center;
}


.certificate-sec
{
    margin-top: 8rem;
    margin-bottom: 8rem;
}

/* Infrastructure */
.infra-sec
{
    margin-top: 8rem;
    margin-bottom: 8rem;
}
.infra-first-right {
    padding: 4rem 3rem;
    position: relative;
    /* Solid color (#005723) main element par lagana hai */
    background-color: #005723;
}

.infra-first-right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Background image yahan par set karenge */
    background: url('../images/welding-man1.png') center center/cover no-repeat;
    /* Opacity set karke image ko halka karenge */
    opacity: 0.08; /* 30% transparency. Aap is value ko adjust kar sakte hain */
    z-index: 1;
}

.infra-first-right p {
    color: #fff;
    font-size: 1.1rem;
    position: relative;
    z-index: 2;
}
.infra-first-left-img
{
    width: 100%;
}
.infra-first-row
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.infra-second-sec {
    position: relative;
    background: url('../images/contact-page-form-bg.jpg') center/cover no-repeat;
    background-attachment: fixed;
    padding: 8rem 0;
    color: #fff;
}

.infra-second-sec::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.infra-second-left
{
    background: #005723;
    position: relative;
    z-index: 2;
}
.infra-second-left p
{
    color: #fff;
    padding: 3rem 2rem;
    font-size: 1.1rem;
}
.infra-third-sec
{
    margin-top: 8rem;
    margin-bottom: 8rem;
}

.infra-fourth-sec
{
    position: relative;
    background: url('../images/craftsman-cutting-metal-welding.jpg') center/cover no-repeat;
    padding: 8rem 0;
    color: #fff;
}
.infra-fourth-sec::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.infra-fourth-sec .row
{
    position: relative;
    z-index: 2;
    text-align: center;
}

.inter-extra-bold-italic {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-style: italic;
    font-size: 4rem;
    margin-right: 1rem;
}

.island-moments-regular {
    font-family: 'Island Moments', cursive;
    font-weight: 400;
    font-size: 4rem;
}
.infra-fourth-sec a
{
    text-decoration: none;
    color: #fff;
    background: #005723;
    padding: 1rem 0.8rem;
    font-size: 2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
}
.infra-get-free-quote
{
    margin-top: 1rem;
}

/* Quality Policy Page */

.quality-first-sec
{
    margin-top: 8rem;
}
.quality-first-sec p
{
    text-align: center;
}

.quality-second-sec
{
    margin-top: 8rem;
    margin-bottom: 8rem;
}
/* Container for the circles */
.quality-second-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
    position: relative;
}

/* Outer Circle (gray border) */
.qms-outer-circle {
    width: 600px;
    height: 600px;
    border: 0.5rem solid #ccc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* Inner Circle (blue border) */
.qms-inner-circle {
    width: 300px;
    height: 300px;  
    border: 2rem solid #005723;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    box-sizing: border-box;
    font-size: 1.2rem;
    font-weight: bold;
}
.qms-inner-circle p
{
    text-align: center;
    margin-bottom: 0;
}

/* Rectangles Styling */
.qms-rectangle {
    position: absolute; /* This is key for positioning */
    width: 150px;
    height: 60px;
    background-color: #005723;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0.5rem;
    box-sizing: border-box;
    border-radius: 5px; /* Thode radius vale corners */
    font-size: 0.9rem;
    font-weight: bold;
}

/* Positioning each rectangle on the outer circle's border */
.top-center {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%); /* Center horizontally and move up */
}

.top-right {
    top: 15%; /* Adjust these percentages to get the exact circular position */
    right: -15%;
    transform: translate(-50%, 0);
}

.middle-right {
    top: 50%;
    right: -7px;
    transform: translate(50%, -50%);
}

.bottom-right {
    bottom: 15%;
    right: -18%;
    transform: translate(-50%, 0);
}

.bottom-center {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
}

.bottom-left {
    bottom: 15%;
    left: 8%;
    transform: translate(-50%, 0);
}

.middle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}

.top-left {
    top: 15%;
    left: 10%;
    transform: translate(-50%, 0);
}



/* Arrows Container */
.qms-arrows-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

/* Base Arrow Styling (The line itself) */
.arrow {
    position: absolute;
    width: 35px; /* Line ki length */
    height: 7px; /* Line ki thickness */
    background-color: #2b70b5;
}

/* Common Arrowhead Styling for both ends */
.arrow::before,
.arrow::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 6px 8px; /* Arrowhead ka size */
    border-color: transparent transparent transparent #2b70b5; /* Arrowhead ka color */
}

/* Right-side arrowhead (>) */
.arrow::after {
    right: -8px; /* Line ke end par position */
    top: -3.5px;
    transform: rotate(0deg);
}

/* Left-side arrowhead (<) */
.arrow::before {
    left: -8px; /* Line ke start par position */
    top: -3.5px;
    transform: rotate(180deg);
}

/* Positioning each arrow individually */
/* Top-Center */
.top-center-arrow {
    top: 84px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
}

/* Top-Right */
.top-right-arrow {
    top: 54px;
    right: 157px;
    width: 35px;
    transform: rotate(40deg);
}

/* Middle-Right */
.middle-right-arrow {
    top: 36%;
    right: 19px;
    width: 35px;
    transform: translateY(-50%) rotate(78deg);
}

/* Bottom-Right */
.bottom-right-arrow {
    bottom: 200px;
    right: 30px;
    width: 35px;
    transform: rotate(-73deg);
}

/* Bottom-Center */
.bottom-center-arrow {
    bottom: 56px;
    left: 72%;
    transform: translateX(-50%) rotate(151deg);
}
.bottom-center-arrow-top
{
    bottom: 153px;
    left: 74%;
    transform: translateX(-50%) rotate(31deg);
}

/* Bottom-Left */
.bottom-left-arrow {
    bottom: 53px;
    left: 146px;
    width: 35px;
    transform: rotate(34deg);
}
.bottom-left-arrow-top
{
    bottom: 81px;
    left: 274px;
    width: 35px;
    transform: rotate(90deg);
}

/* Middle-Left */
.middle-left-arrow {
    top: 65%;
    left: 21px;
    width: 35px;
    transform: translateY(-50%) rotate(70deg);
}

/* Top-Left */
.top-left-arrow {
    top: 51px;
    left: 152px;
    width: 35px;
    transform: rotate(-34deg);
}

.top-left-arrow-left
{
    top: 204px;
    left: 17px;
    width: 35px;
    transform: rotate(-72deg);
}
.middle-left-arrow-right
{
    top: 68%;
    left: 112px;
    width: 35px;
    transform: translateY(-50%) rotate(127deg);
}


/* NDT Section */
.ndt-sec
{
    margin-top: 8rem;
    background: #D9D9D9;
    padding: 6rem 0rem;
}
.ndt-sec h4
{
    color: #005723;
    text-align: center;
}

.ndt-sec img , .ndt-sec-1 img
{
    width: 100%;
}
.ndt-sec p , .ndt-sec-1 p
{
    text-align: center;
}
.ndt-sec-1
{
    margin-top: 8rem;
    margin-bottom: 8rem;
}

/* About Vision Mission Section */
.vision-mission-sec
{
    background: #005723;
    padding-top: 5rem;
    padding-bottom: 5rem;
    text-align: center;
}
.ab-vm-icon
{
    font-size: 5rem;
    color: #fff;
}
.ab-vm-icon img
{
    width: 50%;
    padding: 2rem;
}
.vision-mission-sec h4
{
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
}
.vision-mission-sec p
{
    color: #fff;
    text-align: center;
    font-size: 1.05rem;
}
.vision-mission-sec .col-xl-6
{
    padding-left: 4rem;
    padding-right: 4rem;
}

.about-testimonial-sec
{
    margin-top: 8rem;
}



/* --- Owl Carousel Custom Styling --- */

/* Default card style */
.testimonial-card {
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    height: 100%;
    transition: all 0.4s ease-in-out;
    border: 2px solid #ddd;
}

/* Image styling (Fixed width/height for perfect circle) */
.testimonial-img {
    /* width और height समान होने चाहिए */
    width: 160px !important; 
    height: 160px;
    object-fit: cover;
    border-radius: 50%; 
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); 
}
.owl-carousel .owl-item.center {
    transform: scale(1.1); 
    transition: transform 0.4s ease-in-out;
    z-index: 10;
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.4)); 
}
.owl-carousel .owl-item.center .testimonial-card {
    background-color: #005723;
    color: #fff;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.35); 
    border-color: #005723;
    transform: scale(1);
}
.owl-carousel .owl-item.center .testimonial-card p,
.owl-carousel .owl-item.center .testimonial-card .text-muted {
    color: #fff !important; 
}
.about-testimonial-sec
{
    margin-top: 8rem;
    padding-top: 5rem;
}
.testimonial-carousel-container .owl-nav button.owl-prev,
.testimonial-carousel-container .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #005723 !important;
    color: #fff !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.5rem !important;
    opacity: 0.8;
}
.testimonial-card .mb-3
{
    position: relative;
    margin-top: -3rem;
}
.card-p
{
    
    text-align: center;
    font-size: 1.1rem;
}
.card-coma-p
{
    font-size: 18rem;
    font-family: 'Ramaraja', serif;
    line-height: 0rem;
    margin-top: 9rem;
    position: relative;
    bottom: -1rem;
    color: #005723;
    
}
.testimonial-card .text-center , .testimonial-card .text-center p 
{
    text-align: center;
}
.testimonial-carousel-container .owl-nav button.owl-prev {
    left: -20px;
}
.testimonial-carousel-container .owl-nav button.owl-next {
    right: -20px;
}
.testimonial-card {
    transition: all 0.4s ease-in-out;
    min-height: 32rem;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden; 
    padding-bottom: 50px;
}
.testimonial-carousel-container {
    padding-bottom: 30px;
}
.owl-carousel .owl-stage-outer {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.product-img
{
    margin-bottom: 10rem;
    margin-top: 6rem;
}