@charset "UTF-8";

/*

Theme Name: DM Industrial Group, LLC

Author: Webdesign 309

Author URI: http://www.webdesign309.com/

Description: We are a full service webdesign and development company delivering high end design and development solution for our clients and delivering best solutions to attract more visibility and customization to your website.



Version: 2.0.0



Tags: peoria web development, chicago web development, custom wordpress development, advertising agency solutions, florida webdesign, chicago webdesign, illinois webdesign, custom webdesign development



*/

/*

--------------------------------------------------------------*/

/*

 * Chrome renders extra-wide   characters for the Hoefler Text font.

 * This results in a jumping cursor when typing in both the Classic and block

 * editors. The following font-face override fixes the issue by manually inserting

 * a custom font that includes just a Hoefler Text space replacement for that

 * character instead.

 */

 @font-face {
   font-family: 'HelveticaNeue'; src: url('fonts/HelveticaNeue.eot'); src: url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue.woff2') format('woff2'), url('fonts/HelveticaNeue.woff') format('woff'), url('fonts/HelveticaNeue.ttf') format('truetype'), url('fonts/HelveticaNeue.svg#HelveticaNeue') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
   @font-face { font-family: 'Telegrafico'; src: url('fonts/Telegrafico.eot'); src: url('fonts/Telegrafico.eot?#iefix') format('embedded-opentype'), url('fonts/Telegrafico.woff2') format('woff2'), url('fonts/Telegrafico.woff') format('woff'), url('fonts/Telegrafico.ttf') format('truetype'), url('fonts/Telegrafico.svg#Telegrafico') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
   @font-face { font-family: 'HelveticaNeue-Medium'; src: url('fonts/HelveticaNeue-Medium.eot'); src: url('fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Medium.woff2') format('woff2'), url('fonts/HelveticaNeue-Medium.woff') format('woff'), url('fonts/HelveticaNeue-Medium.ttf') format('truetype'), url('fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg'); font-weight: 100; font-style: normal; font-display: swap; }
 @font-face { font-family: 'HelveticaNeue-Bold'; src: url('fonts/HelveticaNeue-Bold.eot'); src: url('fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Bold.woff2') format('woff2'), url('fonts/HelveticaNeue-Bold.woff') format('woff'), url('fonts/HelveticaNeue-Bold.ttf') format('truetype'), url('fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
 
 :root {
     --body-color:#000;
     --header: #12ACDA ; 
     --primary-color: #FD7523 ;
     --white-color: rgba(255, 255, 255, 1);
     --btn: #FEA340; ; 
 
     --body-font: 'HelveticaNeue';
     --heading-font: 'Telegrafico';
     --font-bold:'HelveticaNeue-Bold';
     --font-medium: 'HelveticaNeue-Medium';
 }
 
 
 *:focus { outline: none ; }
 
 /* 1. Create a Clean Base
 ------------------------------------------------------------------------------*/
 html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
 
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
 blockquote { quotes: none; }
 br { height: 0; }
 ul, ol, dl, li { margin: 0; padding: 0; list-style-type: none; }
 ul, ol { margin: 0 0 0 0px; }
 
 html, body { appearance: none; -webkit-appearance: none; border: none; -webkit-text-size-adjust: none; }
 
 
 /* 2. Define Base Typography
 ------------------------------------------------------------------------------*/
 body { padding: 0; margin: 0; font-family: var(--body-font); font-size: 18px; color: var(--body-color); line-height: 30px; box-sizing: border-box; overflow-x: hidden;}
 section{ overflow: hidden; }
 
 *, *:after, *:before { box-sizing: border-box; }
 
 /* Create the Default Headers  */
 h1, h2, h3, h4, h5, h6 { margin: 0; color: var(--header); line-height: 1.2; font-weight: normal; font-family: var(--heading-font); text-transform: capitalize; }
 
 /* Specific Header Settings */
 h1, .h1 { font-size: 60px;}
 h2, .h2 { font-size: 50px;}
 h3, .h3 { font-size: 40px;} 
 h4, .h4 { font-size: 24px;}
 h5, .h5 { font-size: 22px; }
 h6, .h6 { font-size: 20px; }
 
 p{ word-wrap: break-word; margin-bottom: 20px; }
 
 
 /* Other Typo */
 strong { font-weight: bold; }
 hr { border: 0 #000 solid; border-top-width: 1px; clear: both; height: 0; }
 ol { list-style: decimal; }
 ul { list-style: disc; }
 
 
 /* Remove border around linked images */
 img { max-width: 100%; border: 0; border-style: none; height: auto; }
 
 /* 4. Links
 ------------------------------------------------------------------------------*/
 
 /* Default Link Types */
 a { text-decoration: none; transition: 0.5s; display: inline-block; color: var(--primary-color);}
 a:hover { color: var(--primary-color); }
 
 /* 5. Forms
 ------------------------------------------------------------------------------*/
 .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { text-transform: capitalize; font-family: var(--font-bold); font-weight: normal; margin: 0 0 0 0;  padding: 14px 15px; border-radius: 10px; background-color: var(--btn); border: 1px solid var(--primary-color); display: inline-block; vertical-align: middle; letter-spacing: 1px; font-size: 18px; color: var(--white-color); line-height: 23px; position: relative; outline: none; box-shadow: none; text-align: center; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; overflow: hidden; position: relative; z-index: 0; cursor: pointer; }
 
 /* .button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{ background-color: transparent; color: var(--header); border-color: var(--header); } */
 .button:hover, a.button:hover, html input[type="button"]:hover, input[type="reset"]:hover, button[type="submit"]:hover { box-shadow: 0 0 15px 5px rgba(17, 172, 217, 0.7);  }
 
 input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { color: var(--white-color); padding: 16px 16px; background: rgba(255, 255, 255, 0.2); font-family: var(--body-font); font-size: 18px; letter-spacing: 0; width: 100%; filter: alpha(opacity=100); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; line-height: 18px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; outline: none !important; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; resize: none; caret-color: var(--primary-color); }
 
 textarea{ padding: 14px 20px; min-height: 180px; background: rgba(255, 255, 255, 0.2); overflow-y: auto; resize: vertical; }
 
 input::-webkit-input-placeholder { color: #151515; opacity: 1; }
 input:-moz-placeholder { color: #151515; opacity: 1; }
 input::-moz-placeholder { color: #151515; opacity: 1; }
 input:-ms-input-placeholder { color: #151515; opacity: 1; }
 textarea::-webkit-input-placeholder { color: #151515; opacity: 1; }
 textarea:-moz-placeholder { color: #151515; opacity: 1; }
 textarea::-moz-placeholder { color: #151515; opacity: 1; }
 textarea:-ms-input-placeholder { color: #151515; opacity: 1; }
 

 .clr { clear: both;}
 /* container */
 .container { max-width: 1500px; width: 100%; padding: 0 50px; margin: 0 auto;}
 
 .col1{width: 100%;}
 .col2{width: 50% !important;}
 .col3{width: 33.33%;}
 .col4{width: 25%;}
 
 .d-flex { display: flex; }
 .flex-wrap { flex-wrap: wrap; }
 .justify-content-start { justify-content: flex-start; }
 .justify-content-center { justify-content: center; }
 .justify-content-end { justify-content: flex-end; }
 .justify-content-between { justify-content: space-between; }
 .align-items-start { align-items: flex-start; }
 .align-items-center { align-items: center; }
 .align-items-end { align-items: flex-end; }
 .row-reverse { flex-direction: row-reverse; }
 .text-center { text-align: center; }
 .text-left { text-align: left; }
 .text-right { text-align: right; }
 .font-light { font-weight: 300; }
 
 svg path, svg circle{ transition: 0.5s; }
 
 header{ position: absolute; width: 100%; top: 0; left: 0; padding: 50px 0 30px; z-index: 1; }
 header .header-innr{ display: flex; align-items: center; justify-content: space-between;  }
 .header-logo{ line-height: 0; max-width: 186px; }
 .header-logo a{ width: 100%; }
 .header-list{ display: flex; align-items: center; justify-content: flex-end; gap: 70px; }
 .header-list ul{ display: flex; align-items: center; justify-content: flex-end; gap: 70px; }
 .header-list ul li a{ font-size: 18px; line-height: 26px; font-family: var(--font-bold); color: var(--white-color); position: relative; text-transform: uppercase; }
 .header-list ul li a::before{ content: ''; position: absolute; width: 0; left: 0; bottom: -5px; border-bottom: 2px solid #fff; transition: all 0.5s; }
 .header-list ul li a:hover:before, .header-list ul li.current-menu-item.current_page_item a:before{ width: 100%; }
 .header-inr-page .header-list ul li.current-menu-item.current_page_item a,  .footer-innr .footer-list ul li.current-menu-item.current_page_item a {color: var(--primary-color);}
  .menu-toggle { display: none; }
 /* banner css */
 .banner{ position: relative; height: 100vh; }
 .banner-content{ position: absolute; width: 100%; text-align: center; left: 0; bottom:54px; z-index: 1; }
 .banner-content h1{ font-size: 42px; line-height: 42px; color: var(--white-color); text-align: center; max-width: 1500px; text-align: center; margin: 0 auto; }
 .banner-btn{ padding: 20px 0; }
 /* .banner-btn .button {text-transform: uppercase;} */
 .banner-content .banner-logo img{ max-width: 550px; }
 .banner-video{  position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; }
 .banner-video video { width: 100%; height: 100%; object-fit: cover; object-position: top;}
 
 /* Gallery */
 .Gallery{ background-color: #fff; padding: 50px 0 0; text-align: center; box-shadow: rgba(0, 0, 0, 9) 0px 7px 36px;}
 .gallery-inr{ padding: 25px 0 0; position: relative; }
 .gallery-item{ padding: 0 30px; }
 .gallery-inr button.slick-arrow{ position: relative; width: 60px; height: 80px; position: absolute; left: -100px; top: 50%; transform: translateY(-50%); padding: 0; background-color: transparent; border: 0;}
 .gallery-inr button.slick-arrow.slick-next{ left: auto; right: -100px; } 
 .gallery-inr button.slick-arrow::before{ content: ''; position: absolute; width: 80px; height: 80px; background-image: url(images/arrow.webp); background-position: center; background-repeat: no-repeat; background-size: contain; top: 0; left: 0;  }
 .gallery-inr button.slick-prev.slick-arrow::before{ transform:rotate(180deg); left: auto; right: 0; }
 .gallery-cav{ position: relative; padding: 50px 0; display: flex; position: relative;}
 .gallery-cav .cav { height: 100%; width: 100%;}
 .gallery-cav .cav img { overflow-y: hidden; max-height: 137px; position: relative; width: 100%;}
 .gallery-cav::after{ content: ''; position: absolute; background-image: url(images/pointer.webp); background-size: contain; background-repeat: no-repeat; background-position: center; width: 100px; height: 120px; bottom: 50px; left: -30px; } 
 .gallery-cav::before{ content: ''; position: absolute; background-image: url(images/pointer.webp); background-size: contain; background-repeat: no-repeat; background-position: center; width: 100px; height: 120px; bottom: 50px; right: -30px; } 
 
 
 
 .common-div{ border-top: 3px solid #d1d1d1; padding: 25px 0; font-family: var(--body-font); color: #000; font-size: 20px;}
 .common-div h2{ padding: 0 0 18px;}
 .common-div p{ max-width:1200px; margin: 0 auto 25px; }
 .common-list-div{ padding: 32px 0; }
 .common-list-div ul li { padding: 2px 0; width: fit-content; list-style-type: disc; text-align: center; margin: 0 auto; }
 .common-div-btn { padding: 0 0 25px; }
 .colum-count{ width: 60%; column-count: 2; margin: 0 auto; }
 .colum-count li{ text-align: left !important; width: 62% !important; }
 footer{ background-color: #fff; text-align: center; } 
 .footer-innr{ padding: 35px 0; border-top: 3px solid #d1d1d1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
 .footer-innr h2{ width: 100%; text-align: center; padding: 0 0 25px; }
 .footer-logo { max-width: 220px; line-height: 0; }
 .footer-content{ display: block; text-align: left; font-size: 18px; font-family: var(--body-font); }
 .footer-content span, .footer-content a{ display: block; color: #000; }
 .footer-content a:hover, .footer-list ul li a:hover{ color: var(--primary-color); }
 .footer-list ul{ text-align: left; }
 .footer-list ul li a{ font-size: 18px; font-family: var(--body-font); color: #000; }
 .footer-list-social ul{ display: flex; gap: 25px; }
 .footer-list-social ul li{ line-height: 0; }
 .footer-list-social ul li a{ width: 50px; height: 50px; line-height: 0; border: 2px solid transparent; transition: all 0.5s; border-radius: 50%; }
 .footer-list-social ul li a img{ transition: all 0.5s; }
 .footer-list-social ul li a:hover img{ filter: invert(1); }
 .copyright{ font-size: 18px; font-family: var(--body-font); color: #000; margin: 0; padding: 0 0 12px;  }
 .footer-list-social ul li a:hover{ border-color: #FD7523; }
 
 
 /* Inner-page  */
 header.header-inr-page {position: unset; padding: 30px 0; border-bottom: 2px solid rgba(0, 0, 0, 0.15);}
 .common-inr-list ul li { padding: 2px 0; width: fit-content; list-style-type: disc; margin-left: 20px;}
 .about-us, .industry {padding: 60px 0;}
 
 header.header-inr-page .header-list ul li a {color: #151515; font-family: var(--font-medium);}
 header.header-inr-page .header-list ul li a:hover {color: var(--primary-color);}
 
 .about-inr {gap: 80px;}
 .about-img, .about-text {max-width: 50%; width: 100%;}
 .about-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
 .about-img {padding: 0 30px 30px 0; position: relative; line-height: 0;}
 .about-img:after { content: ""; position: absolute; bottom: 0px; right: 0px; width: calc(100% - 30px); height: calc(100% - 30px); border: 5px solid rgba(17, 172, 217, 1); border-radius: 10px; z-index: -1; }
 .about-text h1 {padding-bottom: 15px;}
 
 .industry-otr {text-align: center;}
 .industry-inr {margin: -20px -15px; padding-top: 35px;}
 .industry-items {max-width: 25%; width: 100%; padding: 20px 15px; overflow: hidden;}
 .industry-box { height: 100%; position: relative;}
 .industry-box .box-hover {height: 100%; width: 100%; position: relative;  transition: all 0.6s;}
 .industry-box .box-hover::before { content: ''; position: absolute; bottom: 0; left: 0; background: rgba(21, 21, 21, 0.75); width: 100%; height: 0%; z-index: 1; border-radius: 7.5px; transition: all 0.6s;}
 .industry-box-img {line-height: 0; height: 100%; position: relative; overflow: hidden;}
 .industry-box-img::before { content: ''; position: absolute; width: 100%; height: 64px; bottom: 0; left: 0; background: linear-gradient(179.06deg, rgba(21, 21, 21, 0) 0.83%, rgba(21, 21, 21, 0.5) 25.92%, rgba(21, 21, 21, 0.75) 50.66%, #151515 99.23%); border-radius: 7.5px;}
 .industry-box-img img {width: 100%; height: 100%; object-fit: cover; border-radius: 7.5px;}
 .industry-title { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; z-index: 1; }
 .industry-title h3 {color: var(--white-color); font-family: var(--font-medium); padding: 0 10px;}
 .industry-hover-text { font-family: var(--body-font); position: absolute; top: 29%; left: 50%; transform: translateX(-50%); color: var(--white-color); width: 100%; height: auto; opacity: 0; z-index: 1; padding: 0 38px;}
 .main-text { position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); transition: all 0.6s;  z-index: 2; width: 100%; }
 
 .industry-box .box-hover:hover::before { height: 100%;}
 .industry-box .box-hover:hover .industry-hover-text {opacity: 1;}
 .industry-box .box-hover:hover .main-text {top: 36%; opacity: 1;}
 
 section.contact_dtl { padding: 60px 0 0; }
 .contact_dtl .contact_dtl_inr { border-radius: 10px; max-width: 60%; margin: 0 auto; width: 100%; padding: 0 0 35px; }
 .contact_dtl .contact-item { text-align: center; flex: 1; }
 .contact_dtl .contact-item:not(:last-child) { border-right: 2px solid rgba(0, 0, 0, 0.15); }
 .contact_dtl .contact-item_img { line-height: 0; }
 .contact_dtl .contact-title { font-size: 24px; font-weight: bold; margin: 20px 0; line-height: 24px; }
 .contact_dtl .contact-detail { font-size: 18px; color: #151515; line-height: 18px; transition: 0.5s;}
 .contact_dtl a {transition: 0.5s;}
 .contact_dtl a:hover .contact-detail {color: var(--primary-color);}
 .contact_dtl  h1.h2 { text-align: center; padding: 0 0 40px; }
 
 .get_form form { background-color: #F1F1F1; padding: 45px 40px; border-radius: 10px; margin-bottom: 50px; }
 .get_form form input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { color: #151515; padding: 24px 25px 18px; background: rgb(255 255 255); font-size: 18px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 5px; }
 .get_form form input{margin-bottom: 25px;}
 .get_form form .form_top { display: flex; align-items: center; justify-content: center; gap: 20px; }
 .get_form form .form_btm { display: flex; align-items: center; justify-content: center; gap: 20px; }
 .get_form form .textarea { margin-bottom: 40px; } 
 .get_form form h3{text-align: center; color: #151515; padding: 0 0 30px; font-size: 30px; font-family:var(--font-medium); } 
 /* .get_form form .get_btn { padding: 40px 0 0; } */
 
 /* progress */
 .progress-container { position: relative; width:100%; height: 230px;display: flex; align-items: center; justify-content: center;}
 .plan-img{ max-width: 1210px; width: 100%; position: relative; line-height: 0; z-index: 1;}
  .plan-img img{ position: relative; z-index: 1; }
 .scroll{  width: 83px; height: 46px; background-color: rgb(253, 117, 35); position: absolute; top: -6px; left: 5px; transform: translateX(0);  transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); }
.img-wrap { width: 1230px; transform: translateX(-10px); position: relative; z-index: 1; }
 .progress-container::after{content: ''; position: absolute; left: -30px; top: 50%; background-image: url(images/pointer.webp); width: 135px; height: 135px; background-repeat: no-repeat; background-position: center; background-size: contain; transform: translateY(-50%); }
 .progress-container::before{content: ''; position: absolute; right: -30px; top: 50%; background-image: url(images/pointer.webp); width: 135px; height: 135px; background-repeat: no-repeat; background-position: center; background-size: contain; transform: translateY(-50%); }


 .wpcf7-form-control-wrap { width: 100%; }
 .submit-recaptcha { padding-top: 20px; }

 /* pagination */
.pagination{width:100%;padding:30px 0 20px}
.pagination ul{display:flex;justify-content:center;align-items:center;gap:20px}
.pagination ul li a,.pagination ul li span{width:45px;height:45px;background-color:transparent;color:var(--body-color);display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:4px;border: 1px solid var(--primary-color);}
.pagination ul li a.nextpostslink,.pagination ul li a.previouspostslink{position:relative;transition:.5s}
.pagination ul li a.nextpostslink::before,.pagination ul li a.previouspostslink::before{content:'';position:absolute;width:10px;height:10px;border-top:2px solid var(--body-color);border-left:2px solid var(--body-color);left:14px;top:16px;transform:rotate(136deg)}
.pagination ul li a.previouspostslink::before{transform:rotate(-45deg);left:18px;top:16px}
.pagination ul li span{background-color:var(--btn);color:var(--white-color);}




/* def-page */ 
.default-page {padding: 60px 0px 0;}
.def-page p{ font-family: var(--body-font);  font-style: normal; font-weight: 400; line-height: 180%; margin-bottom: 15px;}
.def-page .right-img{float:right; margin:0 0 15px 40px; position: relative; z-index: 0; border-radius: 10px; padding: 0 30px 30px 0;  line-height: 0; max-width: 100%; }
.def-page .left-img{float:left; margin:0 40px 15px 0; position: relative; border-radius: 10px; padding: 0 30px 30px 0; line-height: 0;    max-width: 100%; }
.def-page .right-img img{ position: relative; border-radius: 10px;  line-height: 0;}
.def-page .left-img img{ position: relative; border-radius: 10px;line-height: 0;}
.def-page .left-img:after, .def-page .right-img::after { content: ""; position: absolute; bottom: 0px; right: 0px; width: calc(100% - 30px); height: calc(100% - 30px); border: 5px solid rgba(17, 172, 217, 1); border-radius: 10px; z-index: -1; }
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6{ margin: 0 0 15px 0; color:#12acda;}
.def-page h2{font-size: 40px;line-height: 40px;} 
.def-page h3{font-size: 38px;line-height: 50px;}
.def-page h4{font-size: 30px;line-height: 32px;}
.def-page h5{font-size: 24px;line-height: 30px;} 
.def-page h6{font-size: 20px;line-height: 28px;}
.def-page ul {margin: 0; margin-bottom: 15px; overflow: hidden; max-width: inherit; width: inherit; }
.def-page ul li { list-style: none;font-size: 18px; font-family: var(--body-font); font-weight: 400; position: relative;padding: 5px 0 5px 20px;}
.def-page ul li:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #000; position: absolute; left: 0px; top: 17px;  }
.def-page ol{padding-left: 0; padding-bottom: 15px;}
.def-page ol li {list-style-type:none;counter-increment:item;font-size: 18px; font-family: var(--body-font); font-weight: 400; ;  padding: 5px 0;}
.def-page ol li:before {display:inline-block; content: counter(item) "."; padding-right:10px;}
.def-page ul.col-2, .def-page ul.col-3, ul.col-2, ul.col-3 { overflow: hidden }
.def-page ul.col-2 li {width: 50%;float: left;}
.def-page ul.col-3 li, ul.col-3 li {width: 33.33%;float: left;}
/* .def-page p {padding-bottom: 0px;} */
.def-page ul li  a {     color: var(--primary-color);}
.def-page a:hover {color: var(--body-color);}    
.privacy-page ol { margin-bottom: 25px;}
.privacy-page ol>li:before { padding-right: 05px;}
.privacy-page .privacy-inner{ padding-left: 0px; margin-bottom: 20px;}
.privacy-page .privacy-inner ul{ margin-top: 05px; }
.privacy-page ul,.privacy-page ol{ margin-left:20px;}
.privacy-page ol li{padding: 5px 0px;}
.pagenotfound {width: 100%;display: block;padding: 80px 0px;text-align: center;}
.pagenotfound h2 {font-size: 50px;font-weight: 600;}
.pagenotfound p{font-size: 16px;}
.thankyou {text-align: center;}
.thankyou h3 strong {font-size: 46px;}
.clearfix:after { clear: both; display: block; visibility: hidden; content: ""; }

/* contact form css */
input.wpcf7-not-valid { border: 1px solid red !important; }
.wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; }
.wpcf7-not-valid-tip { display: none; }
.cf7sr-recaptcha .wpcf7-not-valid-tip { display: block !important; font-size: 15px; }
 


/* 2-1-25 H.P */
a.button { text-transform: uppercase; }
.get_form form .get_btn { padding-top: 12px; }
.get_form form .get_btn input { text-transform: uppercase; margin-bottom: 0; }
.submit-recaptcha { display: flex; align-items: flex-start; justify-content: center; gap: 20px; }
.wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 0; text-align: center; }

.galler-box{ border-radius: 10px; border: 1px solid #000; overflow: hidden; }


  /* sub - menu css */
  ul li ul.sub-menu { padding-left: 0 !important; gap: 0 ; white-space: nowrap; background-color: var(--btn); display: block; border-radius: 3px; flex-direction: column; gap: 0; position: absolute; margin: 0; z-index: 3; margin-top: 11px; text-align: center; transform: scaleY(0); /* Hidden initially */ transition: all 0.3s ease; transform-origin: top; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
  ul li:hover > ul.sub-menu { transform: scaleY(1); }
  ul li ul.sub-menu li a {  padding: 7px 15px !important; display: block;  min-width: 180px; line-height: normal; border-bottom: solid 1px var(--white-color); transition: all 0.4s ease-in-out; font-size: 18px; text-align: left; line-height: 26px; }
  ul li ul.sub-menu li:last-child a { border-bottom: 0; }
  ul li ul.sub-menu li { margin: 0; display: block; }
  ul li ul.sub-menu li a::before{ display: none; }
  ul li ul.sub-menu li a:hover { color: var(--white-color) !important; }
  ul.sub-menu li > ul.sub-menu { position: absolute; left: 100%;  top: 0;  margin: 0; transform: scaleY(0);  transform-origin: top; transition: transform 0.3s ease-in-out; z-index: 9999;  }
  ul.sub-menu li > ul.sub-menu li.current-menu-item > a{ color: var(--white-color); }
  ul.sub-menu li:hover > ul.sub-menu { transform: scaleY(1); }
  ul.sub-menu li > ul.sub-menu { visibility: hidden; /* Hide by default */ opacity: 0; }
  ul.sub-menu li:hover > ul.sub-menu { visibility: visible; opacity: 1; transform: scaleY(1); transition: transform 0.3s ease, visibility 0s 0s, opacity 0.3s ease-in-out; top:0;}
  ul li ul.sub-menu li a::after{ right: 10px !important; }

  .industry-box  a{
    width: 100%;
}

/* Flexbox Row Wrapper */
.row_wrapper {
    display: flex;

    gap: 20px; /* Space between items */
    margin: 20px 0;
    flex-wrap: wrap; /* Wrap items on smaller screens */
}

/* File Upload Wrapper */
.file_upload_wrapper {
    flex: 1;
    min-width: 200px; /* Minimum width for file upload */
}




/* Submit Button Wrapper */
.submit_btn_wrapper {
    flex: 1;
    min-width: 100px; /* Minimum width for submit button */
}

/* Custom File Upload Label */
.file_upload_label {
    display: inline-block;
    background: #fff;
    border: 2px dashed #ccc;
    padding: 15px 20px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    text-align: left;
}

.file_upload_label:hover {
    background: #e0e0e0;
    border-color: #999;
}

/* File Upload Button */



/* File Upload Text */
.file_upload_text {
    color: #666;
    font-style: italic;
}

/* Hide Default File Input */
.file_upload_input {
    display: none;
}

/* Style for when a file is selected */
.file_upload_input:not(:placeholder-shown) + .file_upload_label .file_upload_text {
    color: #0073e6;
    font-style: normal;
    font-weight: bold;
}


.get_form form .submit_btn_wrapper input{
	    margin-top: 13px;
	margin-bottom:0;
}

/* 21-4-25 (Anjali) */

.inr_title { text-align: center; padding-bottom: 30px;}

/* about */
.about-inr h2 {color: var(--header); padding-top: 15px;}
.about-inr p > a:hover {color: var(--body-color);}

/* Industries */
.industry-items { max-width: 34.33%;}
.industry-items:nth-child(3), .industry-items:nth-child(4), .industry-items:nth-child(5) { max-width: 33.33%;}

/* expertise */
.about-expertise .about-inr {display: block; clear: both;}
.about-expertise .about-img { max-width: 50%; float: left; display: inline-block; margin: 0 80px 15px 0px; }
.about-expertise .about-text {max-width: 100%;}
.our-expertise-info-items h3 {color: var(--body-color); padding-bottom: 12px;}

.industry.our-expertise, .our-expertise-info { padding: 0 0 60px ; }
.our-expertise .industry-items { max-width: 50%; width: 100%; }
.our-expertise .industry-box .box-hover:hover .main-text { top: 20%;}
.our-expertise .industry-box-img { height: 550px;}
.our-expertise ul.col-2{text-align: left;}
ul.col-2 li {width: 44%; float: left; text-align: left;}

.our-expertise-info-items ul{padding-bottom: 30px;}
.expertise-btn {text-align: center;}
.expertise-btn .button:hover {color: var(--white-color);}
.industry.gallery .industry-items {max-width: 33.33%;}
.industry.gallery .industry-box {line-height: 0;}
.industry.gallery .industry-box-img::before {display: none;}
.industry .def-page {padding: 0;}
.industry.gallery .industry-box-img { height: 100%; }

p.copyright a:hover { color: #000; }