h1, h2, h3, h4 {
  font-family: 'Cuprum', Arial, sans-serif;
}

#mira3d-video {
  display: none;
}

#mira3d-image{
  display: block;
  cursor: pointer;
}

.new-prod-wrapper{
  position: relative;
}

#hero-panel {
  width: 100%; 
  height: 50px; 
  background: #137EC3;
  display: flex;               /* Enable flexbox on the container */
  justify-content: center;     /* Center horizontally */
  align-items: center;         /* Center vertically */
  position: relative; 
}

#hero-panel ul {
  list-style: none;            /* Remove default list styling */
  padding: 0;                  /* Remove default padding */
  margin: 0;                   /* Remove default margin */
  display: flex;               /* Display items in a row */
  gap: 20px;                   /* Optional: Space between items */
  align-items: center; 
}

#hero-panel ul li {
  flex-shrink: 0;
  padding: 12px 30px;
  color: white;
  font-size: 20px;
  font-family: Cuprum;
  font-weight: 400;
  line-height: 28px;
  word-wrap: break-word;
}

#hero-panel ul li a{
  color: white!important;
  font-size: 20px;
  font-family: Cuprum;

}

#hero-panel ul li:last-child {
  background-color: #38A5EF;     /* Mandatory property: Button background color */
  color: white;                  /* Text color */
  padding: 5px 20px;             /* Padding for button appearance */
  border-radius: 25px;           /* Rounded corners */
  cursor: pointer;               /* Pointer cursor on hover */
  border: none;                  /* Remove border */
  display: inline-block;         /* Keep the button inline */
  text-align: center;            /* Center text inside the button */
  text-transform: uppercase;     /* Uppercase text */
  line-height: normal;           /* Normal line height for button text */
  transition: background 0.3s;   /* Smooth hover effect */
  height: calc(100% - 5px);    
  box-sizing: border-box;
  margin-left: 73px;
}

#hero-panel ul li:last-child:hover {
  background-color: #2A8ED4;     /* Change background on hover */
}

#content-area{
  padding-top: 41px!important;
}
.pt-20 {
  padding-top: 0px!important;
}

/* Setting Standards in Non-destructive Concrete Testing with Ultimate Ultrasonic Tomograph A1040 Mira 3D */ 
h1.prod-title{
  text-align: center;
  color: black;
  font-family: 'Cuprum', sans-serif;
  font-size: 61px;
  line-height: 69px;
  font-weight: 400; /* Regular */
  word-wrap: break-word;
  text-transform: none;
}

h2.prod-title{
 /*A1040 Mira 3D - thickness measurement, <br/>rebar localization & flaw detection*/
 color: #6F6F6F;
 font-family: 'Cuprum', sans-serif;
 font-size: 29px;
 line-height: 37px;
 word-wrap: break-word;
 text-transform: none;
}  

.entry-summary div p{
  color: #6F6F6F;
  font-family: 'Calibri', sans-serif;
  font-size: 21px;
  line-height: 29px;
  font-style: normal;
  font-weight: 400;
 }
 
 
 #acs-about .entry-summary div p{
  color: #FFF;
 }

.entry-summary div .inner-list{
  margin-bottom: 0px;
  margin-top: 0px;
  list-style: none!important; /* Remove default bullet points */
  list-style-type: none !important;
  padding: 0;
  margin: 0;
}

.section4 .entry-summary div .inner-list li b{
  color: #6F6F6F;
  font-style: normal;
  font-weight: 400;
  font-family: 'Cuprum', sans-serif;
  font-size: 29px;
  line-height: 37px;
}

.entry-summary div .inner-list li{
 color: #6F6F6F;
 font-style: normal;
 font-weight: 400;
 font-family: 'Cuprum', sans-serif;
 font-size: 24px;
 line-height: 32px;

 position: relative;           /* Position relative to place the bullet */
 padding-left: 30px;           /* Add space for the bullet */
 margin-bottom: 20px;          /* Optional: space between list items */
 list-style-type: none !important;
 margin-left: 0px;
  
}

.entry-summary div .inner-list li::before{
  content: '';                  /* Insert empty content */
  position: absolute;           /* Absolute position to control placement */
  left: 0;                      /* Align the SVG on the left */
  top: 18px;                     /* Center vertically */
  transform: translateY(-50%);  /* Adjust for perfect vertical alignment */
  width: 22px;                  /* Width of the bullet */
  height: 22px;                 /* Height of the bullet */
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><circle cx="11" cy="11" r="10.5" stroke="%23137EC3"/></svg>') no-repeat center center; /* Background circle */
}

.entry-summary div .inner-list li::after {
    content: '';                  /* Insert empty content */
    position: absolute;           /* Absolute position to control placement */
    left: 8px;                    /* Adjust position inside the circle */
    top: 18px;                     /* Center vertically */
    transform: translateY(-50%);  /* Adjust for perfect vertical alignment */
    width: 8px;                   /* Width of the arrow */
    height: 12px;                 /* Height of the arrow */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none"><path d="M1.16699 10.8333L5.75033 6.24998L1.16699 1.66665" stroke="%23137EC3" stroke-width="2" stroke-linecap="round"/></svg>') no-repeat center center; /* Background arrow */
}

.entry-summary div .inner-list li b{
  color: #137EC3;
  font-weight: normal;
}

.entry-summary div ul.inner-list li p {
  padding-top: 15px;
  height: 130px;
}

.section4 .entry-summary div .inner-list li p{
  color: #6F6F6F;
  font-style: normal;
  font-weight: 400;
  font-family: 'Calibri', sans-serif;
  font-size: 21px;
  line-height: 29px;
}

.entry-summary div.general-product-text, 
.entry-summary div.general-product-text p,
.entry-summary div.general-product-text ul li{
  font-family: 'Calibri', sans-serif;
  color: #6F6F6F;
  line-height: 29px;
  font-size: 21px;
  position: relative;
  list-style-type: none;
  content: "";
}

.content-area .entry-summary div.general-product-text ul{
  margin-left: 12px;
}

 .content-area .entry-summary div.general-product-text ul li{
  list-style-type: none !important;
  padding-bottom: 10px;
 }

 .content-area .entry-summary div.general-product-text ul li strong{
  color: #137EC3;
  font-weight: normal;
 }

 .entry-summary div.general-product-text ul li::before {
  content: '';                  /* Insert empty content */
  position: absolute;           /* Absolute position to control placement */
  left: -28px;
  top: 13px;
  transform: translateY(-50%);  /* Adjust for perfect vertical alignment */
  width: 22px;                  /* Width of the bullet */
  height: 22px;                 /* Height of the bullet */
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><circle cx="11" cy="11" r="10.5" stroke="%23137EC3"/></svg>') no-repeat center center; /* Background circle */  
}
 
.entry-summary div.general-product-text ul li::after{
  content: '';                  /* Insert empty content */
  position: absolute;           /* Absolute position to control placement */
  left: -20px;                    /* Adjust position inside the circle */
  top: 13px;                     /* Center vertically */
  transform: translateY(-50%);  /* Adjust for perfect vertical alignment */
  width: 8px;                   /* Width of the arrow */
  height: 12px;                 /* Height of the arrow */
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none"><path d="M1.16699 10.8333L5.75033 6.24998L1.16699 1.66665" stroke="%23137EC3" stroke-width="2" stroke-linecap="round"/></svg>') no-repeat center center; /* Background arrow */
   
}

.section4 .rounded-box{
  margin: 0 auto; 
}

.section4 .rounded-box .first{
  font-family: 'Cuprum', sans-serif;
  font-size: 30px;
  line-height: 35px;
}

.section4 .rounded-box .second{
  font-family: 'Calibri', sans-serif;
  font-size: 18px;
  line-height: 29px;
}

.fluid-wrapper{
  height: 155px;
  width: 532px;
  margin: 0 auto;
  flex-shrink: 0;
  margin-top: 26px;
  border-radius: 15px;
  background: #EEE;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);

}

#content-area-new .fluid-wrapper{
  margin: 0px auto;
}

#content-area-new #mira3d-image, #content-area-new #mira3d-video{
  margin: 0px auto;
}

.fluid-wrapper p.form-texts{
  font-family: 'Cuprum', sans-serif;
  font-size: 24px;
  line-height: 32px;
  flex-shrink: 0;
  color: #000!important;
  font-style: normal;
  font-weight: 400;
  padding: 15px;
  margin-bottom: 0px !important;
}

.fluid-wrapper .form-container {
    display: flex;                  /* Flexbox to align items in a row */
    width: 100%;                    /* Full width of the container */
    max-width: 500px;               /* Optional: Set a max width */
    padding: 0px 15px 0px 15px;     /* Center the form on the page */
    font-family: 'Calibri', sans-serif;
    font-size: 21px;
    line-height: 29px;
}

.fluid-wrapper .input-container {
    flex: 1;                        /* Grow input to fill available space */
}

.fluid-wrapper .email-input {
    width: 275px;                    /* Full width of the input within its container */
    height: 50px;                   /* Set height for consistency */
    padding: 0 20px;                /* Padding inside the input */
    border: 1px solid #ccc;       /* Border style */
    box-sizing: border-box;         /* Include padding and border in the element's total width and height */
    flex-shrink: 0;
    border-radius: 25px;
    background: #FFF;
    color: #6F6F6F;
    font-style: normal;
    font-weight: 400;
    font-family: 'Calibri', sans-serif;
    font-size: 21px;
    line-height: 29px;
}

#How .fluid-wrapper .email-input {
  width: 320px;
}

.fluid-wrapper .button-container{
    display: flex;                  /* Flexbox for alignment */
    align-items: center;            /* Center button vertically */
}
 

.fluid-wrapper .submit-button {
    height: 50px;                   /* Same height as the input */
    background-color: #137EC3;      /* Button background color */
    border: none;                   /* Remove default border */
    padding: 0 20px;                /* Padding for button text */
    cursor: pointer;                /* Pointer cursor on hover */
    /* font-size: 16px;                Font size */
    width: 128px;
    flex-shrink: 0;
    border-radius: 25px;
    color: #FFF;
    text-align: center;
    font-family: 'Cuprum';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.fluid-wrapper .submit-button:hover {
    background-color: #0f6a9b;      /* Darker shade on hover */
}

.slider-section3{
  height: 795px;
  flex-shrink: 0;
  background: #011C2C;
}

.slider-section3 h3.prod-title{
  color: #FFF;
  font-family: 'Cuprum', sans-serif;
  font-size: 61px;
  line-height: 69px;
  font-weight: 400; /* Regular */
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  padding-top: 38px;
  text-align: center;
}

#section3-intro{
  color: #38A5EF;
  font-family: 'Cuprum', sans-serif;
  font-size: 29px;
  line-height: 37px;
  font-style: normal;
  font-weight: 400;
  padding-top: 21px;
  text-align: center;
}

.fluid-slider-wrapper{
  padding-top: 35px;
  /*padding-bottom: 50px;*/
}

#fluid-slider-list {
  padding-left: 0;
  display: flex;
  margin: 0;
  overflow-y: auto;
  padding-bottom: 60px;
  list-style: none;

}

#fluid-slider-list.activated {
  padding-bottom:2px;
}

#fluid-slider-list .service-item {
  list-style-type: none!important;
  margin-right: 30px;
  margin-left: 0px!important;
  
}

.service-item-link {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.service-item-image {
  width: 345px;
  height: 175px;
  flex-shrink: 0;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  background: url() lightgray 50% / cover no-repeat;
}

.service-item-image img {
  width: 100%;
  height: 100%;
  pointer-events: none;
  object-fit: cover;
  display: block;
}

.service-item__text {
  text-align: center;
  color: #000000;
  width: 345px;
  height: 215px;
  flex-shrink: 0;
  background: #FFF;
}

.service-item__text p.basic-header{
 width: 309px;
 height: 42px;
 flex-shrink: 0;
 color: #000;
 font-family: 'Cuprum', sans-serif;
 font-size: 20px;
 line-height: 24px;
 font-style: normal;
 font-weight: 400;
 margin: 16px 15px 6px 15px;
 text-align: left;
}

.service-item__text .text-block {
    width: 340px;                    /* Fixed width */
    height: 138px;                    /* Fixed height */
    overflow: hidden;                /* Hide overflow */
    position: relative;              /* For absolute positioning of the button */
    box-sizing: border-box;          /* Include padding and border in the element's dimensions */
    text-align: left;
}

.service-item__text .text-content {
    font-size: 16px;                 /* Large text */
    overflow: hidden;                /* Hide overflow */
    transition: max-height 0.3s ease; /* Smooth transition for expand */
    color: #6F6F6F;
    font-family: 'Calibri', sans-serif;
    line-height: 22px;
    font-style: normal;
    font-weight: 400;
    padding-right: 10px;
    padding-top: 10px;
}

.service-item__text .text-content div.imagePlaceholder{
  margin-left: 15px;
  margin-right:9px;
  float: left;
  height: 200px;
}

.service-item__text .text-block .text-content b.blue{
  color: #137EC3;
  font-family: 'Calibri', sans-serif;
  /* font-size: 21px;
  line-height: 29px; */
  font-style: normal;
  font-weight: 400;
 }

.service-item__text .read-more-btn {
    display: block;                  /* Block display for the button */
    width: 100%;                     /* Full width of the parent */
    border: none;                    /* Remove default border */
    /* padding: 5px;                    Padding for button */
    cursor: pointer;                 /* Pointer cursor on hover */
    position: absolute;              /* Position relative to text block */
    bottom: 20px;                       /* Align to the bottom */
    left: 0;                         /* Align to the left */
    transition: background 0.3s;     /* Smooth transition for background color */
    background: none;
    color: #6F6F6F;
    font-family: 'Calibri', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-style: normal;
    font-weight: 400;
    text-decoration-line: underline !important;
    text-align: left !important;
    margin-left: 33px;
}

/* Hover effect for expanding text 
.text-block:hover .text-content,*/
.service-item__text .text-block.active .text-content {
  max-height: 500px;  
  height: 500px;

}

.activeContainer{
  height: 340px;
}

.service-item__text .active {
  height: 300px;
  max-height: 230px;     
}
 
.section4{
  /*height: 1595px;*/
  flex-shrink: 0;
  background: #FFF;
} 
 
.section4 h5.prod-title{ 
  padding-top: 70px;
  padding-bottom: 24px;
  color: #137EC3;
  font-family: 'Cuprum', sans-serif;
  font-size: 61px;
  line-height: 69px;
  font-weight: 400; /* Regular */
  font-style: normal;
  padding-left: 10px;
  text-align: center;
}

.boxes-container img{

  height: 624px;

}

/* Container for the list of boxes */
.boxes-container {
    display: flex;                   /* Use flexbox for horizontal layout */
    justify-content: center;         /* Center the content horizontally */
    margin: 20px 0;                  /* Add some margin for spacing */
}

/* Unordered list styling */
.boxes-container .box-list {
    list-style: none;                /* Remove default list styling */
    display: flex;                   /* Use flexbox for list items */
    gap: 20px;                       /* Space between boxes */
    padding: 0;                      /* Remove padding */
    margin: 0;                       /* Remove margin */
}

/* List item styling */
.boxes-container .box-item {
    display: flex;                   /* Use flexbox for centering content */
    justify-content: center;         /* Center horizontally */
    align-items: center;             /* Center vertically */
}

/* Box content styling */
.boxes-container .box-content {
    width: 190px;
    height: 210px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
    display: flex;                   /* Use flexbox for inner centering */
    flex-direction: column;          /* Stack icon and text vertically */
    justify-content: center;         /* Center content vertically */
    align-items: center;             /* Center content horizontally */
    text-align: center;             
}


.boxes-container .icon {
    width: 55px;                     /* Size of the icon */
    height: 55px;                    /* Ensure the icon keeps its aspect ratio */
    margin-bottom: 35px;              /* Space between icon and text */
}

/* Text styling */
.boxes-container .text {
    margin: 0;                       /* Remove default margin */
  color: #6F6F6F;
  text-align: center;
  font-family: 'Cuprum', sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
  padding-left: 15px;
  padding-right: 15px;
}
.rounded-box {
    padding: 20px;                 /* Padding inside the box */
    background: url('https://acs-international.com/assets/img/mira3d-landing-page/quote-bg.jpg') no-repeat center center;
}
/* Styling for the rounded box */
.section6 .rounded-box, .rounded-box {
    width: 532px;
    height: 130px;
    border-radius: 15px;
    /*background: url(<path-to-image>) lightgray 50% / cover no-repeat;*/

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
    background-color: #137EC3;     /* Blue background */
    border-radius: 15px!important;           /* Rounded corners */
    display: flex;                 /* Flexbox for inner alignment */
    justify-content: center;       /* Center content horizontally */
    align-items: center;           /* Center content vertically */
    box-sizing: border-box;        /* Include padding and border in box dimensions */
}

.section6 .rounded-box{
  margin: 0 auto;
}

/* Inner content flex container */
.section6 .rounded-box .box-content, .rounded-box .box-content {
    display: flex;                 /* Flexbox to arrange columns */
    width: 100%;                   /* Full width */
    gap: 20px;                     /* Space between columns */
}

/* Styling for each column */
.section6 .rounded-box .column, .rounded-box .column {
    display: flex;                 /* Use flexbox to stack items */
    flex-direction: column;        /* Stack items vertically */
    justify-content: center;       /* Center items vertically */
}

.section6 .rounded-box .column{
  flex: unset!important;
}
/* First column specific styles */
.section6 .rounded-box .first-column,  .rounded-box .first-column{
    flex: 1;                       /* Take up equal space */
    color: #FFFFFF;                /* White text */
}

/* Row styling */
.section6 .rounded-box .rows, .rounded-box .rows {
    margin-bottom: 10px;           /* Space between rows */
    text-align: left;              /* Left-align text */
}

.section6 .rounded-box .first, .rounded-box .first{
  color: #FFF;
  font-family: 'Cuprum';
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 46px; /* 153.333% */
}

.section6 .rounded-box .second, .rounded-box .second{
  color: #FFF;
  font-family: 'Calibri';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
}

/* Second column specific styles */
.section6 .rounded-box .second-column, .rounded-box .second-column {
    display: flex;                 /* Flexbox for inner alignment */
    justify-content: center;       /* Center horizontally */
    align-items: center;           /* Center vertically */

  margin-top: 10px;
  margin-bottom: 10px;
}

.section6 .rounded-box .second-column{
  margin-left: 50px;
} 
 
/* Button styling */
.section6 .rounded-box .rounded-button,  .rounded-box .rounded-button{
    padding: 15px 20px;
    color: #137EC3;
    text-align: center;
    font-family: 'Cuprum';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
    background: #fff;
    height: 50px;
}

.section6 .square-icon {
    width: 42px;
    height: 42px;
    background-color: black;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 4px; /* Slight rounding of corners */
  color: #FFF;

  text-align: center;
  font-family: Cuprum;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 91.667% */
}

/* New Line with Icon and Text */
.section6 .icon-text {
    display: flex;
    align-items: center;
    margin-bottom: 10px; /* Space below the icon-text section */
}

.section6 .icon-text-content{
    display: flex;
    flex-direction: column;

}


.section6 .icon-text-content p.distrib{
  color: #011C2C;
  font-family: 'Cuprum';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  padding-left: 10px;
  padding-top: 10px; 
}
 
#Delivery{
  background: #011C2C; 

}

  
#Delivery .swiper {
  width: 100%;
  height: 600px;
  margin-bottom: 50px; /* Margin between hero slider and thumbnail slider */
  border: none;
}

#Delivery .hero-slider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #fff;
}

#Delivery .hero-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#Delivery .hero-slider img.general {
  object-fit: contain;
}

#Delivery .thumb-slider-wrapper {
  display: flex;
  align-items: center; /* Vertically centers items */
  gap: 10px; /* Spacing between elements */
  margin-top: 20px; /* Ensure rows are separated */
  position: relative; /* Positioning context for absolute elements */
}

#Delivery .thumb-slider {
  flex: 1; /* Allows the thumbnail slider to grow and shrink */
  display: flex;
  overflow: hidden; /* Prevents overflow issues */
  margin-left: 60px;
  margin-right: 60px;
  /*border: 1px dashed red;*/
}

#Delivery .thumb-slider .swiper-slide {
  width: 144px;
  height: 80px;
  opacity: 0.5;
  cursor: pointer;
  margin-right: 0px;
}

#Delivery .thumb-slider .swiper-slide img{
  width: 144px;
  height: 80px;
  border: 0.5px solid #9B9B9C;
  

}

#Delivery .thumb-slider .swiper-slide-thumb-active {
  opacity: 1;
  border-color: #007aff;
}

#Delivery .swiper-button-prev,
#Delivery .swiper-button-next {
  width: 35px;
  height: 35px;
  color: #137EC3;
  background-color: white; /* Circle background color */
  border-radius: 50%; /* Makes the button circular */
  display: flex; /* Flexbox for centering the arrow */
  align-items: center; /* Vertically centers arrow */
  justify-content: center; /* Horizontally centers arrow */
  cursor: pointer;
  z-index: 10; /* Ensure buttons are above the slides */
}

#Delivery .swiper-button-prev {
  margin-right: 10px; /* Small gap between the button and thumbnails */
}

#Delivery .swiper-button-next {
  margin-left: 10px; /* Small gap between the button and thumbnails */
}

#Delivery .swiper-button-prev::after,
#Delivery .swiper-button-next::after {
  font-size: 16px; /* Arrow size */
  color: #137EC3;; /* Arrow color inside the circle */
      line-height: normal!important;
}

#Features .container {
  
  display: flex; /* Creates a row layout */
  flex-wrap: wrap; /* Allows wrapping of items to the next line */
  gap: 20px; /* Space between the boxes */
  padding-top: 30px;
  /* padding-left: 0px; */
  padding-right: 0px;  

}

#Features h3.prod-title{
  color: #000;
  font-family: 'Cuprum', sans-serif;
  font-size: 61px;
  line-height: 69px;
  font-weight: 400; 
  font-style: normal;
  text-transform: none;
  text-align: center;
}

#Features .box {
  
  display: flex; /* Aligns icon and text in a row */
  align-items: flex-start; /* Align items at the top */
  padding: 10px;
  border-radius: 8px;
  width: calc(50% - 20px); /* Adjust width for two boxes per row */
  box-sizing: border-box; /* Ensures padding and border are included in the width */

}

#Features .icon {
  
  width: 80px;
  height: 80px;
  margin-right: 29px; /* Space between icon and text */

}

#Features .text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* Align text to start */
  width: 401px;
  flex-shrink: 0;
}

#Features .text.withDisk{
  width: 600px;
}

#Features .text p.mira3d {
    margin: 0; /* No margin for the paragraph */
    color: #6F6F6F;
    font-family: 'Calibri', sans-serif;
    font-size: 21px;
    line-height: 29px;
    font-weight: 400;
 
}

#Features .text p.mira3d b {
    margin: 0; /* No margin for the paragraph */
    color: #137EC3;
    font-family: 'Calibri', sans-serif;
    font-size: 21px;
    line-height: 29px;
    font-weight: 700;
    position: relative;
    
}

#Features .text p.mira3d.desc b::before{
  content: "\f111";
  font-family: "FontAwesome";
  color: #137EC3;
  position: absolute;
  left: -28px;
  font-size: 10px;
}

#Features .line-container {
    display: flex;
    gap: 20px; /* Space between the boxes */
    padding: 20px;
    margin-top: 40px;
}

#Features .box {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* Large Box: 70% width */
#Features .large-box {
  width: 865px;
  display: flex; /* Flex layout for two columns */
  gap: 20px; /* Space between columns */
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
}

#Features .column {
    flex: 1; /* Both columns share available space */
}

#Features .col-a {
    margin-left:15px;
    display: flex;
    flex-direction: column;
    gap: 10px; /* Space between list items */
}

#Features .col-a ul.distribs {
  padding: 0;
  margin: 0;
  list-style-type: disc; /* Removes default list styling */
  width: 410px;
  flex-shrink: 0;
}

#Features .col-a ul.distribs li{
  color: #6F6F6F;
  font-style: normal;
  font-weight: 400;
  font-family: 'Calibri', sans-serif;
  font-size: 21px;
  line-height: 29px;
}
#Features .col-b {
    display: flex;
    align-items: center;
    justify-content: center;
}

#Features .world-icon {
    width: 370px;
    height: auto;
    max-width: 100%; /* Ensures the image scales with its container */
}

/* Small Box: 30% width */
#Features .small-box {
    width: 190px;
    height:80px;
    display: flex;
    align-items: center;
    justify-content: center;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
}

#Features .flag {
    display: flex;
    align-items: center;
    gap: 10px; /* Space between flag icon and text */
}

#Features .flag-icon {
    width: 130px;
    height: auto;
    max-width: 100%; /* Ensures the image scales with its container */
}

 
#How {
  
  background: #011C2C; 
  height: 860px;
  background: url(https://acs-international.com/assets/img/Specs-mira3d/how-mira-works.svg) lightgray 50% / cover no-repeat;

}


#How h3.how-title{
  color: #FFF;
  font-family: 'Cuprum', sans-serif;
  font-size: 61px;
  line-height: 69px;
  font-weight: 400; /* Regular */
  font-style: normal;
   text-transform: none;
   text-align: center;
}

#How p.how-intro{
  color: #FFF;
  font-family: 'Cuprum', sans-serif;
  font-size: 29px;
  line-height: 37px;
  font-style: normal;
  font-weight: 400;

  margin-top: 21px;
  margin-bottom: 26px;
  text-align: center;
}

#Software .summary.entry-summary h3{
  color: #000000;
  font-family: 'Cuprum', sans-serif;
  font-size: 61px;
  line-height: 69px;
  font-weight: 400;
  text-align: center;
}


#Software .download-content h3{
  font-family: 'Cuprum', sans-serif;
  font-size: 40px;
  line-height: 48px;
	text-transform: none;
}

#Software .download-content .text-content h3{
  font-family: 'Cuprum', sans-serif;
  font-size: 24px;
  line-height: 32px;
	color: #137EC3;
}

#How .two-column-layout {
    display: flex;
    gap: 60px; /* Space between the columns */
    padding-top: 20px;
}

#How .column {
    flex: 1; /* Each column takes up equal space */
}

#How .image-placeholder img {
    width: 100%; /* Ensures the image fills the column */
    height: auto;

}

#How .text-content {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Space between heading and lines */
}

#How .text-content h3.how {
    margin: 0 0 10px 0; /* Margin below the heading */
    color: #38A5EF;
    font-style: normal;
    font-weight: 400;
    font-family: 'Cuprum', sans-serif;
    font-size: 29px;
    line-height: 37px;
    text-decoration: none;
    text-transform: none;
}

#How .line {
    display: flex;
    align-items: center;
    gap: 26px; /* Space between the rounded box and text */
    margin-bottom: 31px;
}

#How .rounded-boxes {
    width: 76px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 7px!important;
    border: 1px solid #38A5EF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #38A5EF;
    font-family: 'Cuprum';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

#How .line-text {
  color: #FFF;
  font-family: Calibri;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

#How .line .line-text {
  font-family: 'Calibri', sans-serif;
  font-size: 21px;
  line-height: 29px;
}


#How iframe, #content-area-new iframe {
  width: 600px;
  height: 340px;
  margin: 0 auto;
}

#How .image-placeholder, #content-area-new iframe {
  text-align: center;

}

.section8 .two-column-layout {
    display: flex;
    gap: 60px; /* Space between the columns */
    padding: 20px;
}

.section8 .table-container{
  width: 720px;
  display: flex;
  flex-direction: column;
 
}

.section8 .data-table {
    width: 100%;
    border-collapse: collapse;
    border: none; /* Removes any outer border around the table */
    margin-top: 30px;
}

.section8 .data-table th,
.section8 .data-table td {
    padding: 8px 12px;
    text-align: left;
}

/* Style for the table header */
.section8 .data-table th {
    padding: 8px 12px;
    border-top: 1px solid #137EC3; /* Top border only */
    border-bottom: 1px solid #137EC3; /* Bottom border */
    border-left: none; /* Remove left border */
    border-right: none; /* Remove right border */
    text-align: left;
 	  width: 50px;
    color: #137EC3; /* Header text color */
    font-family: 'Calibri', sans-serif;
    font-size: 21px;
    line-height: 29px;
    font-style: normal;
    font-weight: 700;
}

/* Style for the table body cells */
.section8 .data-table td {
    padding: 8px 12px;
    border-bottom: 1px solid #C0C0C5; /* Only bottom border */
    border-top: none; /* Remove top border */
    border-left: none; /* Remove left border */
    border-right: none; /* Remove right border */
    text-align: left;
    background-color: #fff; /* White background for body cells */
    color: #6F6F6F;
    font-family: 'Calibri', sans-serif;
    font-size: 21px;
    line-height: 29px;
    font-style: normal;
    font-weight: 400;
 }

.section8 .data-table td:nth-child(1) {

  color: #6F6F6F;
  
  font-family: Calibri;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
 
}

.hidden {
    display: none !important; /* Initially hide the play btn */
}

.section8 .hidden-row {
    display: none; /* Initially hide the rows beyond the 7th */
}

.section8 .show-more-btn {
  color: #137EC3;
  font-family: Calibri;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  text-decoration-line: underline;
  
    margin-top: 10px;
    cursor: pointer;
    display: inline-block;
}

/*----------------------------
           2nd col
-----------------------------------*/

.section8 .download-content {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px; /* Space between heading and lines */
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
  width: 344px;
  flex-shrink: 0;
  padding: 28px;
}

.section8 .download-content h3 {
    margin: 0 0 10px 0; /* Margin below the heading */
   color: #000;
  font-family: Cuprum;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 120% */
}

.section8 h3 {
  text-transform: none;

}

.section8 .line {
    display: flex;
    align-items: flex-start;
    gap: 20px; /* Space between the rounded box and text */
    margin-bottom: 31px;
    padding-top:30px;
    border-top: 1px solid #C0C0C5; 
}

.section8 .line p{
  border-top: none;
}

.section8 .bullet {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}

.section8 .bullet img{
    vertical-align: unset;
    max-width: unset;
    margin-top: 10px;
}

.section8 .text-content {
    display: flex;
    flex-direction: column;
    gap: 5px; /* Spacing between text elements */
}

.section8 .text-content h3 {
  color: #137EC3;
  font-family: Cuprum;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
  
}

.section8 .text-content .description {
  margin: 0;
  color: #6F6F6F;
  font-family: 'Calibri', sans-serif;
  font-size: 21px;
  line-height: 29px;
  font-style: normal;
  font-weight: 400;
 }

.section8 .download-btn {
  color: #137EC3;
    padding: 15px 20px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    width: 130px;
    text-align: center;
    font-family: 'Cuprum';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    border: 1px solid #137EC3;
    text-decoration: none;
    background-color: transparent;
    /* display: inline-block;
}

.section8 .download-btn:hover {
    background-color: rgba(19, 126, 195, 0.1); /* Light blue background on hover */
}
#Deliverykit{
  background: url(https://acs-international.com/assets/img/Specs-mira3d/background9.svg) lightgray 50% / cover no-repeat;

}

#Deliverykit.section9-general{
  background:none !important; 
}

#Deliverykit .section-container {
  display: flex;
  gap: 20px; /* Gap between columns */
  padding-top: 20px;
}

#Deliverykit .section-container.whereToBuyFormAndMap-section {
  display: block;
}

#Deliverykit .section-container.DeliveryKitList-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0px 2%;
}

.DeliveryKitList-section p.colInfo {
    width: 100%;
    float: none;
    margin: 0;
    padding-left: 60px;
    text-align: left;
}

#Deliverykit .item {
  display: flex;
  align-items: center;
  margin-bottom: 15px; /* Space between lines */
}

#Deliverykit .icon {
  border-radius: 7px;
  border: 1px solid #38A5EF;
  width: 50px;
  height: 58px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px; /* Space between icon and text */
  color: #38A5EF;
  text-align: center;
  font-family: 'Cuprum';
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

#Deliverykit h3.how-title{
	color: #FFF;
  font-family: 'Cuprum', sans-serif;
  font-size: 61px;
  line-height: 69px;
  font-weight: 400; /* Regular */
}

#Deliverykit h3.how-title-black{
  color: #000;
  text-align: center;
  border-top: 1px #C0C0C5 solid;
  padding-top: 50px;
}

#Deliverykit .text {
    flex: 1; /* Takes remaining space */
    width: 210px;
    text-align: left;
    color: #FFF;
    font-family: 'Calibri';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}

#IntSoftware{
  background-color: #FFF;
}

#IntSoftware h3.how-title{
  color: #000;
  font-family: 'Cuprum', sans-serif;
  font-size: 61px;
  line-height: 69px;
  font-weight: 400; 
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  text-align: center;

}

p.IntSoftware{
  text-align: center;
  margin-top: 10px;
  color: #137EC3;
  font-family: Cuprum;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 127.273% */
}

#IntSoftware .row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

#IntSoftware .box, #IntSoftware .column {
  flex: 1;
  padding: 10px;
  margin: 10px 10px;
  text-align: center;
}

#IntSoftware .row-3-columns .box div{
  font-family: 'Calibri', sans-serif!important;
  font-size: 21px;
  line-height: 29px;
  color: #6F6F6F;
}

#IntSoftware .row-3-columns .box p{
 color: #6F6F6F;
 font-family: 'Calibri', sans-serif;
 font-size: 21px;
 line-height: 29px;
 font-style: normal;
 font-weight: 400;
 }

#IntSoftware .box h2 {
  margin-bottom: 10px;
  color: #6F6F6F;
  font-family: 'Cuprum', sans-serif;
  font-size: 29px;
  line-height: 37px;
  font-style: normal;
  font-weight: 400;
 }

#IntSoftware .column img {
    width: 100%;
    height: auto;
    max-width: 530px;
}

#IntSoftware .column h2 b{
  color: #000;
  font-family: 'Cuprum', sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-style: normal;
  font-weight: 400;
 }

#IntSoftware .column h2 {
  color: #137EC3;
  font-family: 'Cuprum', sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-style: normal;
  font-weight: 400;
   margin-top: 40px;
  margin-bottom: 10px;
}

#IntSoftware .column p.colText{
  color: #6F6F6F;
  font-family: 'Calibri', sans-serif;
  font-size: 21px;
  line-height: 29px;
  font-style: normal;
  font-weight: 400;
 }

#IntSoftware .column a{
  color: #137EC3;
  font-family: Calibri;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
}

#FAQ{
  background: url(http://acs-international.com/assets/img/mira3d-landing-page/faq-bkgrnd.svg
  ) lightgray 50% / cover no-repeat;

}

#FAQ h3.how-title{
  margin-bottom: 40px;
  color: #000;
  font-family: 'Cuprum', sans-serif;
  font-size: 61px;
  line-height: 69px;
  font-weight: 400;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
 }

/* General Styles */
#FAQ .faq-container {
    margin: 0 auto;
    font-family: Arial, sans-serif;
}



#FAQ .faq-item {
    border-bottom: 1px solid #C0C0C5;
    padding: 10px 0;
    margin-bottom: 10px;
}


#FAQ .faq-item:first-child {
  border-top: 1px solid #C0C0C5;

}


#FAQ .faq-question {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  color: #6F6F6F;
  font-family: Calibri;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 127.273% */
}

#FAQ .faq-question span {
  color: #6F6F6F;
  font-family: 'Cuprum', sans-serif;
  font-size: 29px;
  line-height: 37px;
  font-style: normal;
  font-weight: 400;
 }

#FAQ .faq-answer {
  display: none;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #137EC3;
  font-family: Calibri;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  
}

#FAQ .faq-answer p{
  color: #137EC3;
  font-family: 'Cuprum', sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  font-weight: 400;
}
#FAQ .faq-answer ul li{
  font-family: 'Calibri', sans-serif;
  font-size: 21px;
  line-height: 29px;
}


#FAQ .toggle-btn {
    font-size: 24px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

#FAQ .more-questions{
  color: #137EC3;
  font-family: 'Cuprum', sans-serif;
  font-size: 29px;
  line-height: 37px;
  font-style: normal;
  font-weight: 400;
   margin-top: 40px;
  margin-bottom: 20px !important;
  text-align: center;
}

#FAQ p.more-questions-btn{
  text-align: center;
}

#FAQ .more-answers, #content-area-new .more-answers{
  border-radius: 25px;
  background: #137EC3;
  height: 50px;
  flex-shrink: 0;
  color: #FFF;
  text-align: center;
  font-family: 'Cuprum';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  padding: 15px 20px;

}

#quote{
  background: url(/assets/img/mira3d-landing-page/quote-bk.svg
  ) lightgray 50% / cover no-repeat;
}

.quote-general-background{
  background: url(/wp-content/uploads/2025/09/ProductGeneral_ContactUs.png
  ) lightgray 50% / cover no-repeat !important;
}

.Mira3dDownload{
	display: flex;
	width: 100%;
}

#Applications h3.how-title{
  text-align: center;
  color: #FFF;
  font-family: 'Cuprum', sans-serif;
  font-size: 61px;
  line-height: 69px;
  font-weight: 400; /* Regular */
  font-style: normal;
  font-weight: 400;
  text-transform: none;
}

.apps-section h3.prod-title-white{
  text-align: center;
  color: #FFF;
  font-family: 'Cuprum', sans-serif;
  font-size: 61px;
  line-height: 69px;
  font-weight: 400; /* Regular */

}

.apps-section{
  background-image: url(/assets/cache_image/assets/img/bg/Elegant_Background-5_1920x743_9b7.jpg);
  background-size: cover;
  color: #FFF !important;

}

.apps-section .prod-descr-white h4{
  color: #FFF !important;
}

.apps-section .entry-summary div .prod-descr-white p{
  color: #FFF !important;
}

#quote h3.how-title{
  
  color: #FFF;
  font-family: 'Cuprum', sans-serif;
  font-size: 61px;
  line-height: 69px;
  font-weight: 400; /* Regular */
  font-style: normal;
  font-weight: 400;
   
  text-transform: none;
}

#quoteWrapper{
  width: 569.766px;
  height: 420px;
  flex-shrink: 0;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
  margin-top: 20px;
  padding: 30px;
  margin-bottom: 90px;
  float:left;
}


#quoteWrapper .quoteIntro{
  color: #6F6F6F;
  font-family: 'Cuprum';
  font-size: 21px;
  line-height: 29px;
  font-style: normal;
  font-weight: 400;
 }

#quoteWrapper .more-answers{
  /* width: 165.547px; */
  height: 50px;
  flex-shrink: 0;
  border-radius: 25px;
  background: #137EC3;
  color: #FFF;
  text-align: center;
  font-family: 'Cuprum';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;  
  border: none;
  padding: 15px 20px;
}


/* General styles for the form container */
#quoteWrapper .form-container {
    max-width: 560px;
    margin: 0 auto;
}

/* Form rows layout */
#quoteWrapper .form-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    gap: 10px;
}

/* Input and Textarea fields styling */
#quoteWrapper .input-field, #quoteWrapper .textarea-field {
    width: 100%;
    padding: 14px;
    margin-bottom: 10px;
    outline: none;
    border-radius: 25px;
    border: 1px solid #C0C0C5;
    background: #FFF;
}

#quoteWrapper .input-field{
  color: #6F6F6F;
  font-family: 'Calibri';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
}


#quoteWrapper .textarea-field {
    resize: none;
  width: 279.297px;
  height: 170px;
  flex-shrink: 0;
}

/* Column styling */
#quoteWrapper .form-column {
    flex: 1;
  margin-right: 20px;
}

/* Remove margin on last column */
#quoteWrapper .form-column:last-child {
  margin-right: 0;
}

/* Checkbox and terms link */
#quoteWrapper .checkbox-container {
    display: flex;
    align-items: center;
    font-size: 16px;
}

#quoteWrapper .checkbox-container span {
  color: #6F6F6F;
  font-family: 'Calibri', sans-serif;
  font-size: 16px;
  line-height: 29px;
  font-style: normal;
  font-weight: 400;
 }  

#quoteWrapper .checkbox-container input {
  margin-right: 10px;
  border-radius: 5px;
  border: 1px solid #C0C0C5;
  border-radius: 5px;
  border: 1px solid #C0C0C5;
}

#quoteWrapper .checkbox-container a {
  color: #137EC3;
  font-family: 'Calibri', sans-serif;
  font-size: 16px;
  line-height: 29px;
  font-style: normal;
  font-weight: 400;
  text-decoration-line: underline!important;
}

#quote .quoteLogo{
  float:right;
  padding-top: 330px;
}

#quote .quoteLogo img{
  width: 124px;
}

#quoteWrapper .checkbox-container a:hover {
  text-decoration: underline;
  
}

.more-answers:disabled {
  opacity: 0.5;
}

/* popup */
.popup.comment-respond {
  padding: 30px 50px 0 30px;
}

.popup.comment-respond h1 {
font-size: 40px;
text-transform: none;
line-height: 50px;
}

.popup {
  width: 950px!important;
}

.comment-respond b.blue{
  color: #137EC3;
  font-family: 'Calibri';
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
}

.comment-respond-img {    
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
  justify-content: normal;
  padding: 30px 0;
}
  
  
.comment-respond .fancybox-close-small {
  padding: 1px!important;
  right: 0;
  top: 0;
  border: 1px solid #007cc5!important;
  border-radius: 50px!important;
  height: 25px!important;
  width: 25px!important;
  display: flex!important;
  align-items: center;
  margin: 20px!important;
}
  
.comment-respond  .fancybox-button svg {
  color: #007cc5!important;
}

.row.row-3-columns div{
  font-family: 'Cuprum' !important;
}  

/* mdeia */
@media (max-width: 1850px){
  #hero-panel ul li {
    padding: 12px 15px;
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
   }
  
  #hero-panel ul li a{
    font-size: 18px;
  }
  
  #hero-panel ul li:last-child {
    padding: 5px 10px;             /* Padding for button appearance */
    border-radius: 25px;           /* Rounded corners */
    height: calc(100% - 5px);    
    margin-left: 33px;
  }

}

@media (max-width: 1500px){
  #hero-panel ul li {
    padding: 12px 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
   }
  
  #hero-panel ul li a{
    font-size: 14px;
  }
  
  #hero-panel ul li:last-child {
    padding: 5px 10px;             /* Padding for button appearance */
    border-radius: 25px;           /* Rounded corners */
    height: calc(100% - 5px);    
    margin-left: 16px;
  }

}
@media (max-width: 1240px){
  #hero-panel ul li {
    padding: 12px 3px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
   }
  
  #hero-panel ul li a{
    font-size: 14px;
  }
  
  #hero-panel ul li:last-child {
    padding: 5px 5px;             /* Padding for button appearance */
    border-radius: 25px;           /* Rounded corners */
    height: calc(100% - 5px);    
    margin-left: 6px;
  }

}

/*
      768px–991px → tablet  
*/
@media (max-width: 991px) {
  #hero-panel{
    justify-content: right;
  }

  #hero-panel ul{
    display: block;
  }

  #hero-panel ul li {
    display: none;
  }
  
  #hero-panel ul li:last-child {
    padding: 5px 10px;
    border-radius: 25px;
    height: calc(100% - 5px);    
    margin-left: 33px;
    display: inline;
    margin-right: 25px;
  }

  h2.prod-title{
    font-size: 22px;
    line-height: 28px;
  }

  .entry-summary div p {
 
    font-size: 16px;
    line-height: 22px;
  }

  .entry-summary div .inner-list li, .entry-summary div .inner-list li b{
    font-size: 18px;
    line-height: 24px;
  }

  .entry-summary div .inner-list li {
    margin-right: 10px;
  }  

  .fluid-wrapper p.form-texts{
    font-size: 18px;
    line-height: 24px;
  }


  #Delivery, #How {
    margin-top: 50px;
  }

  #Features .container {
    display: block;
  }

  #Features .text p.mira3d b, #Features .text p.mira3d{
    font-size: 16px;
    line-height: 24px;
  }

  #Features .box{
    justify-content: normal;
  }

  .boxes-container .box-list {
    display: block;

  }

  .boxes-container .text{
    font-size: 18px;
    line-height: 24px;
  }

  .boxes-container .box-item {
    display: block;
    justify-content: center;
    align-items: center;
    float: left;
    margin-bottom: 17px;
  }

  .boxes-container img {
   width: 99%;
   height: auto;
  }

  .section4 .entry-summary div .inner-list li b {
    font-size: 22px;
    line-height: 28px;
  }

  .section4 .entry-summary div .inner-list li p{
   font-size: 16px;
   line-height: 22px;
  }

  #How {
   height: 100%;
  }
  #How .two-column-layout {
    display: block;
  }

  #How h3.how-title {
    font-size: 46px;
    line-height: 52px;
  }

  #How p.how-intro {
    font-size: 22px;
    line-height: 28px;
  }

  #How .text-content {
 
    margin-top: 30px;
  }

  .section8 .two-column-layout {
    display: block;
  }
  
  .section8 .data-table td {
 
    font-size: 16px;
    line-height: 24px;
  }

  #Deliverykit .section-container{
    display: block;
  }

  #Deliverykit .text{
    font-size: 16px;
    line-height: 22px;
  }

  #IntSoftware .row{
    display: block;
  }
  #IntSoftware .column p.colText{
    font-size: 16px;
    line-height: 22px;
  }

  .section8 .table-container{
    width: 100%;
  }

  .section8 .download-content {
 
    width: 100%;
  }

  h1.prod-title, #Features h3.prod-title, #Software .summary.entry-summary h3,
  #Deliverykit h3.how-title, #IntSoftware h3.how-title, #quote h3.how-title,
  .section4 h5.prod-title {
    font-size: 46px;
    line-height: 52px;
  }

  #section3-intro {
 
    font-size: 22px;
    line-height: 28px;
 
  }
 
  #Features .col-a ul.distribs li{
 
    font-size: 16px;
    line-height: 22px;
  }

  #How .text-content h3.how {
    font-size: 22px;
    line-height: 28px;
  }

  #How .line .line-text {
    font-size: 16px;
    line-height: 22px;
  }

  #IntSoftware .row-3-columns .box div{
    font-size: 16px;
    line-height: 22px;
  }
  #IntSoftware .column h2, #Software .download-content h3{
    font-size: 30px;
    line-height: 36px;
  }

  #Software .download-content .text-content h3{
    font-size: 18px;
    line-height: 24px;
  }

  #FAQ .faq-question span{
    font-size: 30px;
    line-height: 36px;

  }

  #FAQ .faq-answer p, #FAQ .more-questions{
    font-size: 22px;
    line-height: 28px;
  }

  .section8 .text-content .description{
    font-size: 16px;
    line-height: 22px;
  }

  .section8 .download-btn{
    font-size: 16px;
  }

  #quote .quoteLogo {
    display: none;

  }

  .DeliveryKitList-section {
    grid-template-columns: repeat(2, 1fr) !important;
  }

}

/*  
    768px–991px → tablet
*/
@media  (min-width: 768px) and (max-width: 991px) {
  .section4 {
    padding-top: 90px;
  }

  #How iframe, #content-area-new iframe {
    /* width: 500px;
    height: 300px; */
    width: 100%;
  }

  #Features .text.withDisk{
    width: 790px;
  }

  .DeliveryKitList-section {
    grid-template-columns: repeat(1, 1fr) !important;
  }

}

/*
      < 768px → mobile
*/
@media (max-width: 767px) {
    .DeliveryKitList-section {
      grid-template-columns: repeat(1, 1fr) !important;
    }

    .DeliveryKitList-section p.colInfo {
        padding-left: 30px; /* TODO: reduce spacing */
    }
}

@media  (min-width: 480px) and (max-width: 767px) {
  #Features h3.prod-title, h1.prod-title{
    font-size: 40px;
    line-height: 42px;
  }

  h1.prod-title {
      padding-top: 10px;
  }

  .slider-section3 h3.prod-title {
    font-size: 46px;
    line-height: 52px;
  }

  .section4 h5.prod-title{
    font-size: 46px;
    line-height: 52px;
  }

  .boxes-container .box-list {
    display: block;

  }

  .boxes-container .box-item {
    display: block;
    justify-content: center;
    align-items: center;
    float: left;
    margin-bottom: 17px;
  }

  .section8 .download-content {

    width: 99%;
  }
  #How iframe, #content-area-new iframe {
    /* width: 475px;
    height: 280px; */
    width: 100%;
  }

  .fluid-wrapper .form-container{
    max-width: 475px;
  }

  #FAQ .faq-question span {
    font-size: 22px;
    line-height: 26px;
  }

   #Features .text.withDisk{
    width: 690px;
  }

  .DeliveryKitList-section {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media only screen and (max-width: 576px) {
  #Features .box {
    padding: 0px;
  }

  #Features .text {
    width: 301px;
  }

   #Features .text.withDisk{
    width: 560px;
  }


  #Features .icon {
    margin-right: 9px;
  }

  #quoteWrapper .form-row{
    display: block;
  }

  /* #quoteWrapper .textarea-field, #quoteWrapper .input-field{
    width: 400px;
  } */


  #quoteWrapper{
    padding: 15px;
  }

  #quoteWrapper .form-column{
    margin-right: 0px;
  }
  .fluid-wrapper{
   width: unset;
  }

  #Features .col-a ul.distribs {
    margin-bottom: 10px;
  }

  #Features .line-container .box.small-box{
    display: none;
  }
  
  #quoteWrapper {
    height: 220px;
  }


  .section6 .rounded-box .first-column, .rounded-box .first-column{
    flex: none;
  }
  
  .section4 .rounded-box .first, .section6 .rounded-box .first {
     font-size: 25px;
    line-height: 35px;
  }
  .section4 .rounded-box .second, .section6 .rounded-box .second {
    font-size: 16px;
    line-height: 28px;
  }

  .DeliveryKitList-section {
    grid-template-columns: repeat(1, 1fr) !important;
  }

}

@media only screen and (max-width: 479px) {
  h1.prod-title {
    font-size: 26px;
    line-height: 32px;
    padding-top: 10px;
  }

  .fluid-wrapper .form-container{
    max-width: 470px;
  }

  .slider-section3 h3.prod-title {
    font-size: 40px;
    line-height: 46px;
  }

  .boxes-container .box-list {
    display: block;

  }

  #section3-intro {
 
    font-size: 20px;
    line-height: 26px;
 
  }

  .boxes-container .box-content{
    width:360px;
    height: 180px;
  }

  .boxes-container .box-item{
    margin-bottom: 15px;
  }


  #Features .box {
    padding: 0px;
  }

  #Features .text {
    width: 301px;
  }

  #Features .text.withDisk{
    width: 370px;
  }


  #Features .icon {
    margin-right: 9px;
  }

  #Features .col-a ul.distribs {
   width: 100%;

  }

  .fluid-wrapper {
    width: unset;
  }

  .fluid-wrapper .email-input,   #How .fluid-wrapper .email-input{
    width: 100%;
  }


  #Features .large-box{
   display: block;
  }

  #Features .summary .container{
    padding-left: 0rem;
  }

  .section4 h5.prod-title{
    font-size: 40px;
    line-height: 46px;
  }

  .section8 .download-content {

    width: 100%;
  }

  #How iframe, #content-area-new iframe{
    /* width: 450px;
    height: 254px; */
    width: 100%;
  }

  #quoteWrapper {
    width: 100%;
    height: 100%;
  }

  #quoteWrapper .form-row {
    display: block;
  }

  #quoteWrapper .textarea-field {
     
    width: 100%;
  }


  .section6 .rounded-box, .rounded-box {
    width: 100%;
    display: block;

  }

  #FAQ .faq-question span {
    font-size: 20px;
    line-height: 24px;
  }

  .section4 .rounded-box .first, .section6 .rounded-box .first {
    font-size: 20px;
    line-height: 34px;
  }
  .section4 .rounded-box .second, .section6 .rounded-box .second {
    font-size: 14px;
    line-height: 18px;
  }
  
  .section6 .rounded-box .rounded-button, .rounded-box .rounded-button{
    font-size: 14px;
  }
  .section6 .rounded-box .second-column {
    margin-left: 20px;
  }

  .fluid-wrapper p.form-texts{
    font-size: 16px;
  }

}

@media only screen and (max-width: 450px) {
  #How iframe, #content-area-new iframe {
      /* width: 430px; */
      width: 100%;
   }
  
  .fluid-wrapper {
    width: unset;
  }
  
  .section6 .rounded-box .second-column {
    margin-left: 0px;
  }
  .section4 .rounded-box .first, .section6 .rounded-box .first {
    font-size: 18px;
    line-height: 34px;
  }
  .section4 .rounded-box .second, .section6 .rounded-box .second {
    font-size: 12px;
    line-height: 18px;
  }
  
  .section6 .rounded-box .rounded-button, .rounded-box .rounded-button{
    font-size: 14px;
    padding: 16px 12px;
  }

   #Features .text.withDisk{
    width: 440px;
  }

}

@media only screen and (max-width: 420px) {
  .section6 .rounded-box .second-column {
    margin-left: 0px;
  }
  .section4 .rounded-box .first, .section6 .rounded-box .first {
    font-size: 18px;
    line-height: 34px;
  }
  .section4 .rounded-box .second, .section6 .rounded-box .second {
    font-size: 12px;
    line-height: 18px;
  }
  
  .section6 .rounded-box .rounded-button, .rounded-box .rounded-button{
    font-size: 14px;
    padding: 16px 12px;
  }

  .rounded-box .rounded-button {
    padding: 12px 6px;
  }

}

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

  #How iframe, #content-area-new iframe {
    width: unset;
     
  }

  .fluid-wrapper {
    width: unset;
  }

  .section6 .rounded-box .second-column {
    margin-left: 0px;
  }
  .section4 .rounded-box .first, .section6 .rounded-box .first {
    font-size: 18px;
    line-height: 34px;
  }
  .section4 .rounded-box .second, .section6 .rounded-box .second {
    font-size: 12px;
    line-height: 18px;
  }
  
  .section6 .rounded-box .rounded-button, .rounded-box .rounded-button{
    font-size: 14px;
    padding: 18px 6px;
  }

  #Features .text {
    width: 291px;
  }

  #Features .text.withDisk{
    width: 410px;
  }


  .section6 .rounded-box, .rounded-box {
    display: block;
    width: 360px;
  }

}

@media only screen and (max-width: 390px) {
  #Features .icon {
    width: 60px;
  }

  #Features .text.withDisk{
    width: 380px;
  }

  .section6 .rounded-box .rounded-button{

  } 
  
  .rounded-box .rounded-button {
    font-size: 14px;
    padding: 10px 10px;
  }

  .section6 .rounded-box, .rounded-box {
    display: block;
    width: 350px;
  }

  .boxes-container .box-content {
    width: 340px;
    height: 155px;
  }

  .section4 h5.prod-title {
    font-size: 26px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 380px) {
  #Features .text {
    width: 280px;
  }

  #Features .text.withDisk{
    width: 370px;
  }

  .section6 .rounded-box, .rounded-box {
    display: block;
    width: 350px;
  }

  .section6 .rounded-box .rounded-button{

  } 
  
  .rounded-box .rounded-button {
    font-size: 14px;
    padding: 10px 10px;
  }

  .boxes-container .box-content {
    width: 330px;
    height: 150px;
  }

}


@media only screen and (max-width: 360px) {
  #Features .text {
      width: 270px;
  }

  #Features .text.withDisk{
    width: 350px;
  }

  .section6 .rounded-box .rounded-button{

  }

  .rounded-box .rounded-button {
    font-size: 12px;
    padding: 10px 10px;
  }

  .boxes-container .box-content {
    width: 310px;
    height: 140px;
  }

}