* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

input[type=number],
input[type=password],
input[type=text],
textarea {
  -webkit-appearance: none;
}

.dwgflcnvert-row:before {
  display: table;
  content: " ";
}
.dwgflcnvert-row:after {
clear: both;
}

.dwgflcnvert-row {
  display: flex;
  position: relative;
}
.dwgflcnvert-col-8,.dwgflcnvert-sm-8 {
  width: 66.66666667%;
  display: inline-block;
}
.dwgflcnvert-col-4,.dwgflcnvert-sm-4 {
  width: 33.33333333%;
  display: inline-block;
}
.dwgflcnvert-sm-6,.dwgflcnvert-col-8,.dwgflcnvert-sm-8,.dwgflcnvert-col-4,.dwgflcnvert-sm-4 {
 float: left;
}
.dwgflcnvert-sm-6,.dwgflcnvertcol-8,.dwgflcnvert-sm-8,.dwgflcnvert-col-4,.dwgflcnvert-sm-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
}
.dwgflcnvert-sm-6{
  width: 50%;
}
.dwgflcnvert-sm-6:last-child,.dwgflcnvert-col-8:last-child,
.dwgflcnvert-sm-8:last-child,.dwgflcnvert-col-4:last-child,
.dwgflcnvert-sm-4:last-child,
.dwgflcnvert-sm-6:last-child{
  padding-right: 0px;
}

.dwgwpfileconvert-model-loader-wrapper{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color:rgb(255 255 255 / 95%);
  backdrop-filter: blur(5px);
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
}
.dwgwpfileconvert-model-cntnt {
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  margin: 0 0 30px 0;
  color: #000;
  text-transform: capitalize;
}
.dwgwpfileconvert-model-cntnt.error {
color: #f00 !important;
}
.dwgwpfileconvert-model-cntnt.success {
color: #018901 !important;
display: none;
}
.dwgwpfileconvert-model-loader-wrapper.active{
 display:flex;
}

.dwgwpfileconvert-model-loader-content {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.dwgwpfileconvert-model-loader-wrapper .dwgwpfileconvert-model-loader {
  --r1: 154%;
  --r2: 68.5%;
  width: 60px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(var(--r1) var(--r2) at top, #0000 79.5%, #0ba0f7 80%), radial-gradient(var(--r1) var(--r2) at bottom, #0ba0f7 79.5%, #0000 80%), radial-gradient(var(--r1) var(--r2) at top, #0000 79.5%, #0ba0f7 80%), #ccc;
  background-size: 50.5% 220%;
  background-position: -100% 0%,0% 0%,100% 0%;
  background-repeat: no-repeat;
  animation: dwgwpfileconvertloader 2s infinite linear;
}

@keyframes dwgwpfileconvertloader {
    33%  {background-position:    0% 33% ,100% 33% ,200% 33% }
    66%  {background-position: -100%  66%,0%   66% ,100% 66% }
    100% {background-position:    0% 100%,100% 100%,200% 100%}
}

.dwg-wp-file-convert-wrap-screen {
  width: 40%;
  display: block;
  background: #fff;
  padding: 20px 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.dwg-wp-file-convert-form {
  width: 100%;
  display: inline-block;
  margin: 0px 0 5px 0;
  padding: 0px;
}
.dwg-wp-file-convert-submit {
  width: 100%;
  display: inline-block;
  margin: 0px 0 0px 0;
  padding: 0px;
  text-align: center;
}
.dwg-wp-file-convert-btn{
  width: 100%;
  display: inline-block;
  margin: 0px 0 0px 0;
  padding: 0px;
  text-align: center;
}
label.dwg-wp-file-convert-title {
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  font-family: sans-serif;
  width: 100%;
  display: inline-block;
  margin: 0 0 5px 0;
  padding: 0px;
}
.wpdwgfileConvert-select{
  width: 100%;
  display: inline-block;
  padding: 5px 2px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 5px;
}
.wpdwgfileConvert-input {
  width: 100% !important;
  display: inline-block !important;
  padding: 10px 5px !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  margin-bottom: 5px !important;
  background: rgba(0,30,69,0.08);
}

.dwg-wp-file-convert-volume-form-title {
  text-align: center;
  width: 100%;
  display: inline-block;
  text-transform: capitalize;
  border-bottom: 1px solid #ccc;
  margin: 0 0 12px 0;
  padding: 5px 0px 1px 0px;
  font-family: 'Inter var';
}
.dwg-wp-file-convert-volume-form-title .dwgflcnvrt-title {
  font-weight: 400;
  display: inline-block;
}
.dwg-wp-file-convert-volume-form-title .dwgflcnvrt-subtitle {
  display: inline-block;
  font-weight: 600;
}

input.wpdwgfileConvert-inpt {
  padding: 8px 5px !important;
  border-radius: 5px !important;
  font-size: 16px !important;
  width: 100% !important;
  display: inline-block !important;
}

.dwgwpfileconvert-wrap-result {
  width: 100%;
  margin: 23px 0 0 0;
  padding: 10px 0px;
  background: #fff;
  border-top: 1px solid #ccc;
  display: none;
}

.dwgwpfileconvert-wrap-result.active{
  display: block;
}
.dwgwpfileconvert-volume-title {
  text-align: center;
  width: 100%;
  display: block;
  text-transform: capitalize;
  font-weight: bold;
  margin: 0 0 5px 0 !important;
  padding: 5px 0px !important;
  font-size: 18px !important;
}
.dwgwpfileconvert-volume-wrap {
  width: 100%;
  display: inline-block;
  margin: 0px;
  padding: 0px;
}

.dwg-wp-file-convert-form-volume {
  width: 100%;
  display: inline-block;
  margin: 0px;
  padding: 0px 0 5px 0;
}
.dwg-wp-file-convert-form-volume>label{
  display: inline-block;
  font-weight: bold;
  text-transform: capitalize;
  padding: 0 !important;
  margin: 0px !important;
  width: auto !important;
}
.dwg-wp-file-convert-form-volume>span {
  width: auto;
  display: inline-block;
  font-weight: 400;
  font-size: 16px !important;
}
a.dwgfileconvertRefresh {
  text-decoration: none;
  background: #000 !important;
  color: #fff !important;
  padding: 3px;
  border-radius: 5px;
}
.dwgflcnvert-wrap-submit{
  width: 100%;
  margin: 5px 0 5px 0;
  padding: 0;
  text-align: center;
}
.dwgflcnvert-wrap-submit input[type="submit"],.dwgflcnvert-wrap-submit input[type="submit"]:hover,.dwgflcnvert-wrap-submit input[type="submit"]:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #000;
  border: none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.0333em;
  line-height: 1.25;
  margin: 0;
  opacity: 1;
  padding: 1.1em 1.44em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: opacity 0.15s linear;
}





/* REVERSE SPINNER */

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

-webkit-@keyframes spin {
  -webkit-from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  -webkit-to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spinBack {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
}

@keyframes spinBack {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
}

@-webkit-keyframes spinBorder {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-width: 15px;
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-width: 3px;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-width: 15px;
  }
}

@keyframes spinBorder {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-width: 15px;
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-width: 3px;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-width: 15px;
  }
}


.reverse-spinner {
  position: relative;
  height: 80px;
width: 80px;
  border: 4px solid transparent;
  border-top-color: #BD0021;
  border-left-color: #BD0021;
  border-radius: 50%;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

.reverse-spinner::before {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  content: "";
  border: 4px solid transparent;
  border-top-color: #001e45;
  border-left-color: #001e45;
  border-radius: 50%;
  -webkit-animation: spinBack 1s linear infinite;
  animation: spinBack 1s linear infinite;
}

.showloadermian h4 {
  margin-bottom: 10px;
  font-weight: bold;
}
.dwgwpfileconvert-model-loader-wrapper {
  background-color: rgba(255, 255, 255, 0.35) !important;
}
.dwgwpfileconvertThankwrap {
  width: 100%;
  display: inline-block;
  margin: 26px 0 30px 0;
  padding: 10px 12px;
  font-weight: 400;
  font-size: 22px;
  border:3px solid #001e44;
}
a.dwgwpfilcnvthypernotbtn,a.dwgwpfilcnvthypernotbtn:focus{
  color: #001e44;
  font-weight: bold;
  outline: none !important;
}

.dwg-wp-file-convert-form-volume {
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  font-family: sans-serif;
  display: flex;
  padding-bottom: 0px;
  margin-bottom: 2px;
}

.dwg-wp-file-convert-form-volume label {
  width: 20% !important;
  display: inline-block;
  padding: 10px !important;
  background: rgba(234, 237, 244, .44);
  margin: 0 2px 0 0 !important;
}

.dwg-wp-file-convert-form-volume span {
  width: 80%;
  padding: 10px !important;
  background: rgba(234, 237, 244, .60);
}

h4.dwgwpfileconvert-volume-title {
  margin-bottom: 25px !important;
  display: block;
}

.dwgwpfileconvertThankwrap {
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  font-family: sans-serif;
}

.wpdwgflcnvrtModelPrgrss{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color:rgb(255 255 255 / 95%);
  backdrop-filter: blur(5px);
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
}

.wpdwgflcnvrtModelPrgrss.active{
 display: flex;
}

.wpdwgflcnvrtModelPrgrss-cntnt {
  width: 50%;
  display: inline-block;
  position: relative;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #000;
  text-transform: capitalize;
  margin:auto;
  padding: 0px;
}
.modelupldPrgrssbar {
  width: 100%;
  background: #a9a9a9;
  height: fit-content;
  text-align: center;
  color: white;
  position: relative;
  border-radius: 65px;
  z-index: 999;
  padding: 4px;
  display: flex;
  border: 1px solid #a9a9a9;
}

.modelupldPrgrssbar:before {
  content: attr(data-progress); 
  background: #001e45;
  border: 1px solid #001e45;
  border-radius: 65px;
  display: inline-block;
  width: var(--progress);
  transition: 0.3s ease;
  filter: drop-shadow(2px 3px 3px #0d4da1);
  animation: glow-progress 2s infinite ease;
}
@keyframes glow-progress {
  0%, 100% {
      filter: drop-shadow(0px 0px 2px #0d4da1);
  }
  50% {
      filter: drop-shadow(2px 3px 5px #0d4da1);
  }
} 



/****************/
.how-it-works {
}

.custstesp1 .how-it-works h2 {
  font-size: 46px !important;
  font-weight: 700 !important;
  color: #001E45 !important;
  margin-bottom: 30px !important;
  text-align: center;

}
.dwgwpfileconvert-wrap-rslt-main .custstesp1 h2  { 
font-size: 36px !important;
  color: #001E45;
  margin: 0 0 10px 0;
  font-weight: 700 !important;
  text-transform: uppercase;
}

.how-it-works h2 span {
font-weight: 800;
}

.steps {
display: flex;
gap: 20px;
justify-content: center;
}

.step {
background: #001e45;
flex: 1;
padding: 30px 20px;
position: relative;
border-radius: 0;
text-align: left;
border-left:10px solid #bd0021;
}

.step-number {
background: #bd0021;
color: #fff;
font-size: 20px;
font-weight: bold;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
border-radius: 0;
position: relative;
}

.step-content {
margin: 20px 0 0 0;
}

.step-content h3 {
font-size: 18px;
font-weight: 700;
color: #fff !important;
margin: 0 0 10px;
background: none !important;
padding: 0 !important;
border: none !important;
}
.step p {
color: #fff;
}

.step-content p {
font-size: 15px;
line-height: 1.5;
color: #fff !important;
margin: 0;
}

.informationtext {
margin: 50px 0 0 0;
}
.informationtext p {
color: #bd0021 !important;
font-weight: 700 !important;
font-size:22px !important;
font-family:Roboto;
text-align: center;
margin: 0 0 40px 0 !important;
}
.howwetextbtm {
margin: 30px 0 40px 0;
}
.howwetextbtm p {
}

.custstesp1 ul , .custstesp1 ol {
padding-left: 15px;
margin-bottom: 15px;
}
.custstesp1 ul li , .custstesp1 ol li {
  font-family: "Open Sans", sans-serif;
}
.cta-section {
font-family: "Open Sans", sans-serif;
max-width: 100%;
margin: 40px auto;
line-height: 1.6;
color: #222;
background: #F2F8FF !important;
box-shadow: 0 1rem 2rem 0 rgba(0,0,0,0.08) !important;
padding: 40px;

}
.cta-section h3 {
  color: #000 !important;
  border: none !important;
  padding: 0 !important;
  background: none !important;
}
.listWhytext {
  padding: 0 !important;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.custordlist {
  padding: 0 !important;
}
.custordlist li {
  font-size: 16px;
  list-style: none;
  font-family: "Open Sans", sans-serif;
}
.custordlist li {
  margin-bottom: 10px;
}
.listWhytext li , .toolingtext li {
  font-size: 16px !important;
  list-style: none !important;
  font-family: "Open Sans", sans-serif !important;
  display: flex;
}
.toolingtext li {
  margin-bottom: 10px;
}
.listWhytext li::before , .toolingtext li:before {
  content:"";
  background:url(../images/checkbox-rec.png)!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  display:block;
  min-width:26px;
  height:26px;
  margin-right:8px !important;
  background-size:contain !important;
}
.cta-label {
font-size: 14px;
font-weight: bold;
color: #0084c7; /* blue CTA label */
text-transform: uppercase;
margin-bottom: 8px;
}

.cta-section h3 {
font-size: 20px;
font-weight: 700;
margin: 0 !important;
margin-bottom: 20px !important;
padding: 0 !important;

}

.cta-section .highlight {
background: yellow;
font-weight: 700;
}

.cta-section p {
margin-bottom: 15px;
font-size: 15px;
}

.cta-section a {
color: #0056b3;
text-decoration: underline;
}

.faq-section {
font-family: "Open Sans", sans-serif;
line-height: 1.6;
}

.faq-section h2 {
color: #a0006d; /* Purple heading */
font-size: 24px;
margin-bottom: 20px;
}

.faq-section h3 {
color: #fff; /* Dark navy */
font-size: 18px;
margin-top: 25px;
margin-bottom: 10px;
}



.faq-section {
font-family: "Open Sans", sans-serif;
line-height: 1.6;
color: #1d1d1d;
}

.faq-section h3 {
color: #1d3444; /* dark navy */
font-size: 18px;
font-weight: 700;
margin-top: 25px;
margin-bottom: 10px;
}

.faq-section p {
margin-bottom: 15px;
font-size: 15px;
}

.faq-section ul {
  padding: 0;
  margin: 0;
}

.faq-section ul li {
font-size: 16px;
color: #000;
font-family: "Open Sans", sans-serif;
}

.custext {
  margin: 10px 0 20px 0px !important;
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
}
.custext li {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.5 !important;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0em;
  border-radius: 1px;
  padding:10px 15px;
  background: transparent;
  border-color: rgba(10,10,10,0.40);
  color: #001E45 !important;
  box-shadow: inset 0px 0px 0px 1px rgba(23,24,22,0.10);
}
.custext li a {
color: #001E45 !important;
text-decoration: none;
}
.faq-section ul li a {
color: #000;
display: inline-block;
}
.faq-section a {
color: #001e45;
text-decoration: underline;
font-weight: bold;
}
.faq-section a:hover {
  text-decoration: none;
}

/* CTA block */
.cta-box {
  margin-top: 40px;
  border-left: none;
  text-align: center;
  background: #fafafa;
  padding: 0;
  margin-bottom: 30px;
  box-shadow: 0 10px 10px 0 rgba(0,0,0,0.08) !important;
}

.cta-label {
color: #00a3a3;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 8px;
}

.cta-box h4 {
font-size: 28px;
font-weight: 700;
margin-bottom: 0;
font-size: 20px !important;
font-weight: normal;
background: #001e45;
color: #fff;
padding: 20px;
}

.cta-box a {
color: #0056b3;
font-weight: 600;
}


.custfrmuptext h1 {
margin-bottom: 20px;
color: #001e45;
font-weight: bold;

}
.custstesp1 h3 {
  font-size: 20px !important;
  padding: 0;
  color: #001E45;
  margin: 40px 0 10px 0;
  font-weight: bold;
}
.custstesp1 table {
border: 1px solid #ddd;
}
.custstesp1 table tr td  {
padding: 10px !important;
font-size: 15px !important;
border-color: #ddd;
}

  .dwgwpfileconvertwrapresult {
  /*display: none;*/
  }
  .dwgwpfileconvert-wrap-result.active ~ .dwgwpfileconvertwrapresult {
  display: block;
  }

  .dwgwpfileconvert-wrap-rslt-main.active .dwgwpfileconvertwrapresult {
    display: block;
  }
.sandCasting {
  width: 100%;
  padding-left: 0 !important;
}
.sandCasting li {
  margin-bottom: 15px;
  font-family: "Open Sans", sans-serif;
  line-height: 1.6;
  color: #454645;
  font-size: 16px;
  line-height: 26px;
  list-style: none;
}


.sandCasting li span {
  font-weight: bold;
}
.custstespmainbox {
  background: #fafafa;
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 10px 10px 0 rgba(0,0,0,0.08) !important;
}

.toolingtext {
  background: #fafafa;
  padding: 20px !important;
  margin-bottom: 30px !important;
  box-shadow: 0 10px 10px 0 rgba(0,0,0,0.08) !important;
}
.uploadyour3d p {
  color: #bd0021;
}
.uploadyour3d h5 {
  color: #001e45;
  font-weight: bold;
  font-size: 21px !important;
  letter-spacing: 0;
  font-family: "Open Sans", sans-serif;
  line-height: 26px;
  margin: 0 0 20px 0;
}
.uploadyour3dmain {
  padding: 20px;
}
.cta-box p {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
}
.cta-box p a {
  color: #001e45;
}
.cta-box p a:hover {
  text-decoration: none;
}
@media (min-width: 100px) and (max-width: 767px) {
  .custfrmuptext h1 {
    font-size:30px !important;
  }
  .steps{
    flex-wrap: wrap;
  } 
  .dwgwpfileconvert-wrap-rslt-main .custstesp1 h2 {
    font-size: 24px !important;
  }
  .cta-section {
    padding: 20px;
  }
  .custext {
    flex-wrap: wrap;
  }
}