.footer-dark {
    background-color: var(--primary-black);
}

.footer-row {
    padding: clamp(3.125rem, 1.789rem + 3.7175vw, 6.25rem) 0 clamp(1.875rem, 1.5009rem + 1.0409vw, 2.75rem);
    row-gap: 50px;
}

.footer-logo {
    max-width: 113px;
    padding-bottom: 27.25px;
}

.footer-heading {
    color: var(--primary-white) ;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 29px;
}

.footer-para {
    color: var(--primary-white) ;
    font-size: 14px;
    line-height: 21px;
    max-width: 222px;
}

.social-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 89px;
}

.social-icons .icon-light {
    width: 21px;
    height: 21px;
    background-color: var(--primary-blue);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s ease;
}

.social-icons .icon-light:hover {
    transform: rotate(360deg)scale(1.3);
}

.footer-link {
    color: var(--primary-blue);
    text-decoration: none;
    font-size: 14px;
    line-height: 30px;
}

.footer-link:hover,
.footer-contact a:hover,
.footer-bg-call a:hover,
.copy-right p a:hover {
    color: var(--secondary-sky-blue);
}

.footer-service-box {
    background-color: var(--secondary-dark-navy);
    color: var(--primary-white) ;
    padding: 26px 15px 29px 24px;
}

.bg-last-col .small {
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
}

.footer-address {
    color: var(--primary-white) ;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}

.footer-contact a {
    color: var(--primary-blue);
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    padding-left: 25px;
    position: relative;
}

.footer-contact a::after {
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(../images/phone-call.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 3px;
}

.footer-contact a:nth-child(2)::after {
    background-image: url(../images/email.svg);
}

.bg-last-col {
    display: flex;
    align-items: center;
    padding-bottom: 21.02px;
}

.big-call-icon {
    width: 36px;
    height: 36px;
    border: 1px solid var(--primary-white) ;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 22px;
}

.footer-heading-bg {
    color: var(--primary-white) ;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
}

.footer-bg-call a {
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    color: var(--primary-white) ;
    padding-left: 59px;
}

.copy-right {
    padding-top: clamp(2.5rem, 1.5381rem + 2.6766vw, 4.75rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copy-right p {
    color: var(--primary-white) ;
    margin-bottom: 0;
    font-size: 10px;
    line-height: 24px;
}

.copy-right p a {
    color: var(--primary-white) ;
    text-decoration: underline;
}

.footer-row>div {
    width: 100%;
}

.footer-col-one {
    max-width: 256px;
    max-width: 19.64%;
}

.footer-col-two {
    max-width: 255px;
    max-width: 19.56%;
}

.footer-col-three {
    max-width: 256px;
    max-width: 19.64%;
}

.footer-col-four {
    max-width: 256px;
    max-width: 19.64%;
}

.footer-col-five {
    max-width: 280px;
    max-width: 21.5%;
}

.footer-contact {
	max-width: 245px;
}

/*service-detail start  */


.service-details-page .banner-content {
    padding: 121px 0 143px;
}

.service-details-row {
    gap: 43px 0;
}

.service-details-page .service-section {
	padding: clamp(0.625rem, -1.7033rem + 4.8569vw, 4.125rem) 0  clamp(2.5rem, 0.2289rem + 6.3197vw, 7.8125rem);
}
.service-details-page .service-image img, .service-page .service-image img {
	max-width: 92px;
	max-height: 65px;
}
.service-details-page .service-image::after,.service-page .service-image::after {
    width: 79px;
    height: 79px;
}
.service-details-page .service-image,.service-page .service-image{
    min-width: 92px;
    max-width: 92px;
}
.laser-details-left {
    max-width: 793px;
}

.laser-details-left p {
    color: var(--secondary-neutral-dark-blue);
}

.laser-details-left h2 {
    margin-bottom: clamp(1.25rem, 0.6087rem + 1.7844vw, 2.75rem);
    max-width: 780px;
}

.laser-details-para-two {
    padding-bottom: 40px;
}

.fiber-laser-details ul li {
   list-style: none;
}

.laser-details-para-one {
    padding-bottom:  clamp(1.5625rem, 0.0929rem + 4.0892vw, 5rem);
}

.laser-details-right {
    text-align: right;
}
.laser-details-right img {
	width: 100%;
	height: auto;
	object-fit: cover;
}




.hgtech-img img {
    width: 100%;
    max-width: 343px;
    height: auto;
}

.hgtech-img {
    text-align: center;
    background-color: var(--primary-white) ;
    width: 100%;
    max-width: 400px;
    min-height: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hgtech-details {
    width: 100%;
    max-width: 826px;
}

.hgtech-heading span {
    color: var(--secondary-dark-navy);
    font-weight: 500;
}

.hgtech-heading h2 {
    margin: 12px 0 44px;
}

.hgtech-para p {
    margin-bottom: 30px;
}

/* contact page css */

.contact-page .banner-description {
    max-width: 830px;
    margin-bottom: 48px;
}

.contact-row {
	padding-bottom: clamp(2.5rem, 0.6296rem + 5.2045vw, 6.875rem);
}

.contact-col-one {
    max-width: 21%;
}

.contact-col-two {
    max-width: 24%;
}

.contact-col-three {
    max-width: 48.5%;
    width: 100%;
}

.contact-col-four {
   max-width: 48.5%;
    width: 100%;
    margin-top: 73px;
}

.contact-form-fill {
    max-width: 50%;
    margin-left: auto;
}

.fill-form {
    display: flex;
    justify-content: space-between;
}

.row.contact-row h4 {
    margin-bottom: 45px;
}

.thin-heading {
    margin-bottom: 0;
    font-weight: 500;
}

.address {
    margin-bottom: 28px;
}

.form-control::placeholder {
    color: #9B9B9B;
    opacity: 1;
}

.form-control {
    padding: 12px 16px;
    border: 2px solid #EAEAEA;
    border-radius: 4px;
}

/* .form-control:focus:required:invalid {
    border: 2px solid red;
}

.form-control:required:valid {
    border: 2px solid black;
} */


.form-control:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.form-control-div {
    margin-bottom: 30px;
}

.form-text-area {
    min-height: 286px !important;
    resize: none;
}

.form-control-textarea {
    margin-bottom: 39px;
}

.form-small-text {
    margin: 11px 0 10px;
    display: block;
}

.contact-form-fill .submit-btn {
    width: 100%;
    background-color: var(--primary-blue);
    border: unset;
    color: var(--primary-white) ;
    font-size: 15px;
    line-height: 20px;
    padding: 15.5px 10px;
    border-radius: 4px;
}

.post-name {
    font-size: 12px;
    font-style: italic;
}

/* map */

.contact-map-section {
    position: relative;
    display: block;
    padding-top: 27.18%;
    margin-bottom: -1px;
}

.contact-map-section iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* popup */

.modal {
	background-color: rgba(0, 0, 0, 0.7);
}

.popup-header {
    background-color: var(--secondary-dark-navy);
    padding: 19px 60px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popup-logo img {
    width: 100%;
    max-width: 113px;
    height: auto;
}

.button-close-icon {
    position: absolute;
    top: 32px;
    right: 60px;
    background: transparent;
    border: unset;
    padding: 0;
}

.popup-img-div {
    position: relative;
}

.popup-img-div::after {
    content: "";
    width: 171.15px;
    height: 171.15px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/Subtraction-bg.png);
    background-repeat: no-repeat;
}

.offer-label {
    position: absolute;
    top: 60px;
    left: 6px;
    color: var(--primary-white) ;
    font-size: 14px;
    font-weight: bold;
    transform: rotate(-45deg);
    z-index: 1;
}

.popup-img-div img {
    width: 100%;
    height: auto;
}

.modal-dialog {
   max-width: 965px;
   padding: 0 12px;
    margin: 1.75rem auto;
}

.modal-body {
    padding: 50px 60px 93px;
}

.popup-para {
    max-width: 421px;
    margin: clamp(1.25rem, 0.6087rem + 1.7844vw, 2.75rem) 0 31px;
}

.popup-submit-btn {
    background: var(--primary-blue);
    padding: 15.5px 10px;
    max-width: 320px;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: var(--primary-white) ;
    font-size: 15px;
    line-height: 20px;
    border-radius: 4px;
}

.popup-left-col {
    width: 100%;
   max-width: 43%;
    padding: 0;
}

.popup-right-col {
    width: 100%;
    max-width: 56%;
    margin-left: auto;
}

.expert-service-box {
	background-color: var(--primary-blue) !important;
}
.inner-call-icon {
	width: 79px;
	height: 79px;
	border: 1px solid var(--primary-white) ;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 23px;
}
.inner-call-icon img {
	width: 100%;
	height: auto;
	max-width: 40.08px;
}
.inner-bg-col {
	display: flex;
	align-items: center;
}
.expert-heading-main {
	color: var(--primary-white) ;
}
.inner-heading-expert {
	font-size: 20px;
	line-height: 26px;
    margin-bottom: 0;
}
.small-text {
	font-size: 12px;
	padding-bottom: 17px;
	font-style: italic;
}
.expert-bg-call {
	position: relative;
	color: var(--primary-white) ;
}
.expert-phone-icon {
	color: var(--primary-white) ;
	padding-left: 25px;
}
.expert-phone-icon::after {
    content: '';
    width: 15.82px;
    height: 14.85px;
    background-image: url(../images/small-phone-call.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 5px;
}

.error-message {
	display: none;
	color: #CE0000;
	font-size: 12px;
}
.input-error {
  border: 2px solid #CE0000;
}
@media (max-width: 1399px) {
.inner-call-icon img {
	max-width: 35.08px;
}
.inner-call-icon {
	width: 69px;
	height: 69px;
}
}
@media (max-width: 1299px) {
    .inner-call-icon img {
	max-width: 31.08px;
} 
.inner-call-icon {
	width: 59px;
	height: 59px;
}
}
@media (max-width: 1199px) {

    .footer-col-one,
    .footer-col-two,
    .footer-col-three {
        max-width: 33.33%;
    }

    .footer-col-four,
    .footer-col-five {
        max-width: 50%;
    }

    .contact-col-one {
	max-width: 50%;
}
.contact-col-two {
	max-width: 50%;
}
.contact-form-fill {
	max-width: 100%;
	margin-left: unset;
}
.service-details-page .service-image img,.service-page .service-image img {
	max-width: 62px;
}
.service-details-page .service-image, .service-page .service-image {
	min-width: 62px;
    max-width: 62px;
}
.service-details-page .service-image::after,.service-page .service-image::after{
	width: 59px;
	height: 59px;
}
.service-details-page .banner-content {
	padding: 121px 0 110px;
}

.modal-body {
	padding: 30px;
}

}


@media (max-width: 991px) {

.laser-details-section .row {
	flex-direction: column-reverse !important;
}
.laser-details-left {
	max-width: 100%;
}
.laser-details-para-one {
	padding-bottom: 10px;
	padding-top: 30px;
}
.laser-details-para-two {
	padding-bottom: 10px;
}
.hgtech-details {
	max-width: 100%;
	padding-top: 30px;
}
.hgtech-img {
	max-width: 100%;
}
.hgtech-heading h2 {
	margin: 12px 0 24px;
}
.service-details-page .banner-content {
	padding: 121px 0 80px;
}

.contact-tab-section.tab-section .nav-tabs .nav-item {
	width: 33.33%;
}
.contact-map-section {
    padding-top: 53.18%;
}
}

@media (max-width: 767px) {

    .footer-col-one, .footer-col-two, .footer-col-three {
	max-width: 50%;
}
.service-details-page .banner-content {
	padding: 120px 0 70px;
}
.contact-tab-section.tab-section .nav-tabs .nav-item {
	width: 50%;
}
.footer-heading {
	margin-bottom: 15px;
}
.footer-row ul {
	margin: 0;
}
.popup-row {
	flex-direction: column;
}
.popup-left-col {
	max-width: 100%;
	padding: 0;
}
.popup-right-col {
	max-width: 100%;
	margin-left: unset;
	padding-top: 25px;
}
.popup-para {
	max-width: 100%;
}
.modal-dialog {
	max-width: 70%;
}
.popup-header {
	padding: 18px;
}
.button-close-icon {
	right: 18px;
}
}

@media (max-width: 575px) {

.footer-col-one, .footer-col-two, .footer-col-three {
	max-width: 100%;
}
.footer-col-four, .footer-col-five {
	max-width: 100%;
}
.footer-para {
	max-width: 100%;
}

.footer-row {
	row-gap: 30px;
}
.footer-contact a {
	margin-right: 20px;
}
.hgtech-img {
	min-height: 260px;
}
.hgtech-img img {
	max-width: 280px;
	object-fit: cover;
}
.contact-col-one {
	max-width: 100%;
    padding-bottom: 30px;
}
.contact-col-two {
	max-width: 100%;
    padding-bottom: 30px;
}
.contact-col-three {
	max-width: 100%;
}
.fill-form {
	flex-direction: column;
}
.contact-col-four {
	max-width: 100%;
	margin-top: 0px;
}
.row.contact-row h4 {
	margin-bottom: 20px;
}
.service-details-page .banner-content {
	padding: 100px 0 60px;
}
.contact-tab-section.tab-section .nav-tabs .nav-item {
	width: 100%;
}
.inner-call-icon {
	width: 49px;
	height: 49px;
}
.inner-call-icon img {
	max-width: 24.08px;
}
  .modal-dialog {
    max-width: 90%;
  }
}