@charset "UTF-8";
/*
Theme Name: Morgan Millwright
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: 3.0.0
Tags: peoria web development, chicago web development, custom wordpress development, advertising agency solutions, florida webdesign, chicago webdesign, illinois webdesign, custom webdesign development
*/



@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------- */

@font-face { font-family: 'AvenirMedium'; src: url('fonts/AvenirMedium.eot'); src: url('fonts/AvenirMedium.eot') format('embedded-opentype'), url('fonts/AvenirMedium.woff2') format('woff2'), url('fonts/AvenirMedium.woff') format('woff'), url('fonts/AvenirMedium.ttf') format('truetype'), url('fonts/AvenirMedium.svg#AvenirMedium') format('svg'); }
@font-face { font-family: 'Helvetica_medium'; src: url('fonts/HelveticaNeue-Medium.woff2') format('woff2'), url('fonts/HelveticaNeue-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica_roman'; src: url('fonts/HelveticaNeue-Roman.woff2') format('woff2'), url('fonts/HelveticaNeue-Roman.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica_bold'; src: url('fonts/HelveticaNeue-Bold.woff2') format('woff2'), url('fonts/HelveticaNeue-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir'; src: url('fonts/Avenir-Black.eot'); src: url('fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Avenir-Black.woff2') format('woff2'), url('fonts/Avenir-Black.woff') format('woff'), url('fonts/Avenir-Black.ttf') format('truetype'), url('fonts/Avenir-Black.svg#Avenir-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir_Book'; src: url('fonts/Avenir-Book.eot'); src: url('fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'), url('fonts/Avenir-Book.woff2') format('woff2'), url('fonts/Avenir-Book.woff') format('woff'), url('fonts/Avenir-Book.ttf') format('truetype'), url('fonts/Avenir-Book.svg#Avenir-Book') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir-Heavy'; src: url('fonts/AvenirLTPro-Heavy.eot'); src: url('fonts/AvenirLTPro-Heavy.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTPro-Heavy.woff2') format('woff2'), url('fonts/AvenirLTPro-Heavy.woff') format('woff'), url('fonts/AvenirLTPro-Heavy.ttf') format('truetype'), url('fonts/AvenirLTPro-Heavy.svg#AvenirLTPro-Heavy') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }

:root{
--body-color: rgb(0, 0, 0);;
--header: #263877; 
--primary-color:#182A3D;
--second-primary-color: rgb(0, 0, 0);
--white-color:rgba(255, 255, 255, 1);
--span-font:'Advantage';
--sec-color:#9E1D21;

--body-font: 'Helvetica_medium';
--heading-font: 'Avenir';
--font-bold:'Helvetica_bold';
--font-medium:'AvenirMedium';
--font-book: 'Avenir_Book';
--font-heavy: 'Avenir-Heavy';

}

/* ::selection{
color: var(--body-color);
background-color: var(--white-color);
} */
/* 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, q {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{ border:none; -webkit-text-size-adjust:none;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body{padding: 0;margin: 0;font-family: var(--body-font); font-size: 20px; color: var(--body-color); line-height: 25px; box-sizing: border-box; overflow-x: hidden;}
*, *:after, *:before {box-sizing: border-box;}

svg path{ transition: all 0.3s; }

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal;color: var(--header); line-height:normal; font-family: var(--heading-font);}

/* Specific Header Settings */
h1,.h1 {font-size:50px;}
h2,.h2 {font-size:40px;}
h3,.h3 {font-size:34px;}
h4,.h4 {font-size:30px;}
h5,.h5 {font-size: 25px;}
h6,.h6 {font-size: 20px;}

/* Create the Default Paragraphs */
p {margin-bottom: 20px; }
p:last-of-type {margin-bottom: 0px; }

/* 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;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {text-decoration:none;transition: 0.5s; display: inline-block; color:var(--primary-color); }


/* 5. Forms
------------------------------------------------------------------------------*/
/* .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { font-family: var(--font-medium); font-weight: normal; margin: 0 0 0 0;  padding:10px 35px;  border-radius:0px; background-color:var(--primary-color); border: 1px solid transparent; display: inline-block; vertical-align: middle; font-size: 16px; color: var(--white-color); line-height: 30px; 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: 1; text-transform: uppercase;}
.button.button-border, a.button.button-border, button.button-border, html input[type="button"].button-border, input[type="reset"].button-border, input[type="submit"].button-border {background-color:transparent; color: var(--primary-color); border: 1px solid var(--primary-color);}

.button.button-border:after, a.button.button-border:after{border-radius:0; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-color); z-index: -2; transition: all .35s}
.button.button-border:hover:after, a.button.button-border:hover:after{width: 0%;}

.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(--primary-color); border-color: var(--primary-color); }

input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea {padding:10px 24px; font-family: var(--body-font);  font-size: 16px; background-color:transparent; letter-spacing: 0;width: 100%; color:var(--white-color); text-transform: none; filter: alpha(opacity=100); border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius:6px; line-height:16px; 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;} */

input::-webkit-input-placeholder {color:  #777777;opacity:1;} 
input:-moz-placeholder {color: #777777; opacity:1;} 
input::-moz-placeholder {color:  #777777; opacity:1; } 
input:-ms-input-placeholder {color:  #777777;opacity:1;} 
textarea::-webkit-input-placeholder {color:  #777777; opacity:1; } 
textarea:-moz-placeholder {color: #777777; opacity:1; } 
textarea::-moz-placeholder {color:  #777777; opacity:1; } 
textarea:-ms-input-placeholder {color:  #777777;opacity:1; }

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

textarea{ min-height: 120px; }
/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: right; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/
/*  r */
.container{max-width: 1464px; width: 100%; padding-left: 50px; padding-right: 50px; margin: 0 auto;}
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }


.col-4 {max-width: 25%;}
.col-3 {max-width: 33.33%;}
.col-2 {max-width: 50%;}
.col-1 {max-width: 100%;}


.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;}
.table {width: 100%;}

.button{ background: #F3F3F3 0% 0% no-repeat padding-box; border: 3px solid #182A3D; border-radius: 8px; padding: 4px 18px; font-size: 20px; font-family: var(--font-medium);color: #182A3D; transition: all 0.5s; }
.button:hover{ background-color: var(--header); color: var(--white-color); }



/* sub - menu css */
ul li ul.sub-menu { padding-left: 0 !important; gap: 0; white-space: nowrap; background-color: #b8bad1; 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); transition: all 0.3s ease; transform-origin: top; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(255, 255, 255, 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: 200px; line-height: normal; border-bottom: solid 1px #ffffff !important; transition: all 0.4s ease-in-out; font-size: 20px; text-align: left; line-height: 26px; color: #fff; }
ul li ul.sub-menu li:last-child a { border-bottom: 0 !important; }
ul li ul.sub-menu li { margin: 0; display: block; }
ul li ul.sub-menu li a:hover { color: var(--red-color); }
ul.sub-menu li > ul.sub-menu { position: absolute; left: 100%;  top: 12px;  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 a::before{ width: 100%; }
ul li.current-menu-item > a, ul li.current_page_parent> a{ color: var(--sec-color) !important; }
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; }
ul li ul.sub-menu li a::after{ right: 10px !important; }
ul li ul.sub-menu li a::before{ display: none; }
ul li ul.sub-menu li{ padding: 0; }
ul li ul.sub-menu li::before{ display: none; }
ul li.menu-item-has-children {position: relative;} 
ul li.menu-item-has-children:hover > a::after { transform: rotate(-90deg); }
ul li.menu-item-has-children > a:hover::after {border-right-color: var(--sec-color);  }
ul li.menu-item-has-children > a::after { content: ''; position: absolute; right: -15px; top: 7px; transition: 0.3s all ease-in-out; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 10px solid #3f4ea3; }

/* slider css */
/* .slider_inr .slider_box { margin: 0 0 0 270px; padding: 40px 0 65px; }
.slider_inr .slider_box .star_img { padding: 0 0 0 10px; }
.slider_inr .slider_box p{ margin: 0; }
.slider_inr .slider_box p strong{ font-family: var(--black_font); } */
/* slider css */

/* ----------------------------------------------------- def-page --------------------------------------------------------------- */
/* def-page */ 
.def-page{padding: 50px 0;}
.def-page p { font-family: var(--body_font); color: var(--body_color); font-style: normal; font-weight: 400; margin: 0 0 15px; }
.def-page .right-img{float:right; margin:0 0 15px 40px; position: relative; z-index: 0; line-height: 0;}
.def-page .left-img{float:left; margin:0 40px 15px 0; position: relative; line-height: 0;}
.def-page .right-img img{border-radius: 10px; position: relative; width: 100% ; height: auto;}
.def-page .left-img img{border-radius: 10px; position: relative; width: 100% ; height: auto;}
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6 { margin: 0 0 15px 0; line-height: 25px; font-family: var(--heading-font); padding: 0px; color: var(--btn_color2); }
/* .def-page h1{ font-size: 72px; line-height: 86px;}  */
.def-page h2{ font-size: 45PX; line-height: 55px;}
.def-page h3{ font-size: 40px; line-height: 45px;}
.def-page h4{ font-size: 35px; line-height: 40px;}
.def-page h5{ font-size:30px; line-height:35px; }
.def-page h6{font-size: 24px; line-height: 30px;}
.privacy-page > div > p{ padding-bottom: 0; }

.def-page ul {margin: 0; padding-bottom: 15px; overflow: hidden; max-width: inherit; width: inherit; padding-left: 0; }
.def-page ul li { list-style: none; color: var(--body-color); position: relative; padding: 10px 20px; }
.def-page ul li:before { content: ''; position: absolute; top: 18px; left: 0; background-color: var(--header); border-radius: 50%; width: 8px; height: 8px; }
.def-page ol{padding-left: 0; padding-bottom: 15px;}
.def-page ol li {list-style-type:none;counter-increment:item; color: var(--body-color); padding: 5px 0; }
.def-page ol li:before {display:inline-block; content: counter(item) ".";  color: var(--body-color);  padding-right:10px;}
.def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
.def-page ul.col-2 li {width: 50%;float: left;}
.def-page ul.col-3 li {width: 33.33%;float: left;}
.privacy-page ol { margin-bottom: 25px;}
.privacy-page ol>li:before { padding-right: 05px;}
.privacy-page .privacy-inner{ padding-left: 30px; 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: 70px 0px 80px; 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: ""; }
.fl{float:left}.fr{float:right}.cl,.clear,.clr,.social_share{clear:both}
.clearfix:after{clear:both;display:block;visibility:hidden;content:""}
.def-page a { color: var(--sec-color); display: inline; }
.def-page a:hover { color: var(--body-color); }
/* .def-page strong { font-size: 20px; } */

ul.col-2 li {width: 50%;float: left;}
ul.col-3 li {width: 33.33%;float: left;}

/* validation */
/* form  .wpcf7-not-valid-tip{ display: none !important; }
.wpcf7-not-valid{ border: 1px solid #dc3232 !important; }
form .cf7sr-recaptcha .wpcf7-not-valid-tip{ display: block !important; font-size: 15px; }
.submit-captcha { margin-top: -5px; display: flex;  align-items: flex-start; justify-content: flex-start; }
.submit-captcha .input-fild:last-child{ margin-top: 17px; } 
.wpcf7 form .wpcf7-response-output { margin: 0.5em auto; padding: 0.2em 1em; border: 2px solid #ffb900; width: 100%; text-align: center; font-size: 16px; line-height: 25px; }
.wpcf7-spinner{ display: none !important;} */
/* validation */
/* ----------------------------------------------------- def-page --------------------------------------------------------------- */


/*------------------- header css -------------------*/
header { z-index: 1; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #0000009D; opacity: 1; position: sticky; left: 0; top: 0; width: 100%; }
.header-top{ padding: 5px 0;background: #26387757 0% 0% no-repeat padding-box; text-align: right; }
.button_header{ justify-content: flex-end; gap: 22px; }
.button_header label{ color: #182A3D; opacity: 1; font-family: var(--heading-font); font-size: 23px; font-style: italic;  line-height: 27px;}
 a.header_logo { line-height: 0; }
.header-bottom{ padding: 9px 0; }
.header_bottom_logo { align-items: center; gap: 149px; }
.header_bottom_logo .header_menu ul {gap:67px;}
.header_bottom_logo .header_menu ul li a{ font-family:var(--font-heavy); color:#263877 }
.header_bottom_logo .header_menu ul li a:hover{color: #9E1D21; }
/*------------------- header css -------------------*/
/*------------------- banner css -------------------*/
.banner { position: relative; width: 100%; padding: 73px 0 51px; }
.banner > img{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.banner_inr{ display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.banner .container{ position: relative; }
.banner-left{ max-width: 60%; width: 100%; }
.banner-left h1{ text-align: left; color: var(--white-color); text-shadow: 0px 3px 6px #000000; font-size: 60px; line-height: 61px; padding: 0 0 10px; }
.banner-left h2{ text-align: left; color: var(--white-color); text-shadow: 0px 3px 6px #000000; font-size: 50px; line-height: 61px;  }
.banner-right{ max-width: 39%; width: 100%; position: relative; }
.banner-right .banner-right-box{ border: 5px solid #FFFFFF; border-radius: 8px; padding:30px 30px; background-color: rgba(0, 0, 0, 0.3); }
.banner-right-box .input-fild{ width: 100%; margin-bottom: 15px; }
.banner-right-box .input-fild:last-child{ margin-bottom: 0; }
.banner-right-box input{ background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #707070; padding: 12px 28px; width: 100%; color: #707070; font-size: 30px; font-family: 'Helvetica_roman'; line-height: 36px; }
.banner-right-box form{ padding-top: 27px; }
.banner-right-box label{ background: #3A549F 0% 0% no-repeat padding-box; border: 3px solid #FFFFFF; border-radius: 8px; opacity: 1; font-family: var(--font-bold); color: var(--white-color); display: block; text-transform: uppercase; padding: 14px 0; font-size: 23px; line-height: 28px; width: calc(100% - 43px); text-align: center; margin: -62px auto 0; }
.banner_bottom h2{ padding: 25px 0 0; font-size: 60px; line-height:74px; letter-spacing: 0px; color: #FFFFFF; text-shadow: 0px 3px 6px #000000; opacity: 1; -webkit-text-stroke: 2px black; }
/*------------------- banner css -------------------*/

/*------------------- inr_banner css -------------------*/
section.inr_banner_home { padding: 24px 0 19px; }
.inr_banner_home h2{ padding: 0 0 11px;}

section.inr_banner { padding: 30px 0; background: var(--header); color: var(--white-color); }
.inr_banner h2{ padding: 0 0 11px;}
.inr_banner p{font-family: var(--font-book);}
/*------------------- inr_banner css -------------------*/
/*------------------- red_sec css -------------------*/
.red_sec{background-color: var(--sec-color); border: 1px solid #707070; }
.red_sec .h5{ padding: 20px 0; color: var(--white-color); }
/*------------------- red_sec css -------------------*/
/*------------------- common_sec css -------------------*/
.common_sec { position: relative; padding: 37px 0 31px; }
.common_sec h2{ font-size: 40px; color: var(--header); }
.common_sec .common_sec_left,
.common_sec .common_sec_right{ max-width: 50%; width: 100%;}
.common_sec .common_sec_right{line-height: 0;}
.common_sec .common_sec_inr { gap: 158px; padding: 18px 0 0; position: relative; }
.common_sec .common_sec_inr::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3px; height: 302px; background-color: #263877; border-radius: 10px; }
/*------------------- common_sec css -------------------*/
/*------------------- core_sec css -------------------*/
.core_sec { box-shadow: 0px 6px 6px #00000024; }
.core_sec_box h5 ,.core_sec_box .h5 { color: #39539F; padding:6px 0;}
.core_sec_inr { margin: 0 -4px; padding: 14px 0 49px; }
.core_sec_box { background-color: var(--white-color); box-shadow: 0px 3px 6px #00000029; border-radius: 8px; padding: 20px 0; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; }
.core_sec_box p{ padding: 0 10px;}
.core_sec_img { line-height: 0; max-width: 90px; width: 100%; margin: 0 auto; }
.core_sec_img img {width: 100%; height: 100%;}
.core_sec_item { padding:4px; max-width: 33.33%; width: 100%; }
.core_sec_box h3 > a {color: var(--header); }
.core_sec_box h3 > a:hover {color: var(--sec-color); }
/*------------------- core_sec css -------------------*/
/*------------------- serve css -------------------*/
section.serve { position: relative; background: url(images/hero.webp); width: 100%; height: 100%; background-size: cover; background-attachment: fixed; }
section.serve::before { content: ''; position: absolute; background: linear-gradient(135deg, rgb(255 255 255 / 66%), rgb(255 255 255 / 66%)) !important; width: 100%; height: 100%; z-index: 0; }
/* section.serve{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF;} */
.serve .title h2{ padding: 22px 0 6px; }
/* .serve .title p{ color:var(--white-color);} */
.serve_img{ line-height: 0;}
.serve .title{position: relative;}
.serve .core_sec_box { padding: 15px; height: auto; display: block; }
.serve .core_sec_box h3 > a {color: var(--header); }
.serve .core_sec_box h3 > a:hover {color: var(--sec-color); }
.serve .core_sec_box p { padding: 8px 0 0; font-family: var(--font-book); }
.serve .core_sec_item:first-child{max-width: 39%;}
.serve .core_sec_item:first-child,
.serve .core_sec_item:last-of-type { margin-top: -230px; height: fit-content; }
.serve .core_sec_inr { padding: 0; }
.serve_inr { padding: 0 0 55px; position: relative; }
/*------------------- serve css -------------------*/
/*------------------- area css -------------------*/
.area .title h2 { padding:0 0 6px ;}
section.area { padding: 49px 0 0; background: url(images/area.webp) no-repeat center; width: 100%; height: 517px; background-size: 100%;}
/*------------------- area css -------------------*/
/*------------------- Faq css -------------------*/
.faq { position: relative;  background-color: #D6D6D6; padding: 50px 0; text-align: center; }
.faq h2 { padding-bottom: 36px; line-height: 84px; }
.faq_inr { display: flex; justify-content: space-between; gap: 18px 16px; flex-wrap: wrap; align-items: flex-start; }
.faq_item { max-width: 49%; width: 100%; cursor: pointer; text-align: center;  border: 2px solid #39539F; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 8px; }
.faq_item.active p:last-of-type { margin: 15px 0; } 
.faq_tittle { position: relative; padding: 10px;  background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 8px;  }
.faq_tittle h3 { font-size: 20px; line-height: normal; font-family: var(--heading-font); color: var(--body-color); padding: 0 20px 0 0; }
.faq_tittle::after { content: ""; position: absolute; right: 10px; top: 13px; border-top: 2px solid var(--header); border-left: 2px solid var(--header); width: 12px; height: 12px; transform: rotate(224deg); transition: all 0.5s; }
.faq_content { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; margin: 0px; padding: 0 20px; text-align: left; }
.faq_content strong { /* display: block; */ padding: 0 0 15px; }
/*------------------- Faq css -------------------*/
/*------------------- common_list css -------------------*/
.common_list { padding: 24px 0 14px; width: 1068px; margin: 0 auto; }
.common_list ul{ margin: 0; display: inline-block; }
.common_list ul li{ display: inline; max-width: fit-content; border: 0; color: var(--body-color); font-family: var(--heading-font); font-size: 25px; line-height: 37px; padding: 0 0 0 20px; position: relative; }
.common_list ul li::before{ content: ''; width: 8px; height: 8px; background-color: #000; border-radius: 50%; left: 5px; top: 14px; position: absolute; }
.common_list ul li:first-child{ padding: 0; }
.common_list ul li:first-child:before{ display: none; }
/*------------------- common_list css -------------------*/



footer { position: relative; padding: 38px 0 22px; text-align: center; color: var(--white-color); background: #1D3B6F 0% 0% no-repeat padding-box; border: 1px solid #707070; }
footer  h6{  color: rgba(255, 255, 255, 1);}
footer p {font-family: var(--font-book); font-size: 17px; line-height: 27px; color: rgba(255, 255, 255, 0.8); }
.footer_right ul li a {font-family: var(--font-book); font-size: 17px; line-height: 27px; color: rgba(255, 255, 255, 0.8); }
footer h2{ font-size: 40px; line-height: 81px; color: var(--white-color); }
.footer_btm { padding: 0 0 25px; }
.footer_logo { line-height: 0; width: 100%; margin: 0 auto; max-width: 187px; }
.footer_inr { display: flex; align-items: flex-start; justify-content: space-between; gap: 70px; padding: 0 0 25px; }
.footer_left { max-width: 17%; width: 100%; }
.footer_center,
.footer_right{ max-width: fit-content; width: 100%;}
.footer_right{ text-align: left;}
.footer_right ul li { list-style-type: disc; margin: 0 0 0 21px; }
.footer_top { padding: 6px 0 56px; position: relative; }
.footer_top::before { content: ''; position: absolute; bottom: 30px; left: -138px; width: 1640px; height: 3px; background: #FFFFFF; }
.footer_right_text { max-width: 80%; width: 100%; text-align: left; }
.footer_right_text p {font-family: var(--font-book); font-size: 17px; line-height: 27px; color: rgba(255, 255, 255, 0.8); }
.footer_right_text p:last-child{ margin-bottom: 0; }
.footer_left ul { display: flex; align-items: flex-start; justify-content: flex-start; gap: 14px; flex-direction: column; }
.footer_left ul li { font-size: 20px; line-height: 27px; color: rgba(255, 255, 255, 0.8); text-align: left; font-family: var(--font-book); }
.footer_left ul li span{ font-family: var(--heading-font); display: block; color: rgba(255, 255, 255, 1);}
.footer_left ul li a{ color: var(--white-color); display: block; font-family: var(--font-medium); padding: 10px 0 0; text-decoration: underline; }
.copyright{ text-align: center; max-width: 1640px; width: 100%;  margin: 0 auto;}
.copyright .copyright_content{ border-top: 3px solid #FFFFFF;border-bottom: 3px solid #FFFFFF; text-align: center; font-family: var(--font-medium); text-align: center; color: var(--white-color); font-size: 17px; line-height: 27px; margin-bottom: 13px; }
.copyright p,.copyright p a{  color: rgba(255, 255, 255, 0.8); font-size: 17px; line-height: 27px; }
.copyright p{ margin-bottom: 10px; display: flex; align-items: center; gap: 50px; justify-content: center; }.copyright p:last-child{ margin-bottom: 0; gap: 20px; }
.copyright p a{ text-decoration: underline; }
.footer_left ul li a:hover,.copyright p a:hover{ text-decoration: none; color: var(--white-color); }    
.footer_right ul li a:hover{ color:var(--sec-color); }
/*--------------- contact page start ---------------*/
.hero { height: 350px; background: linear-gradient(135deg, rgb(255 255 255 / 66%), rgb(255 255 255 / 66%)), url(images/hero.webp); width: 100%; background-size: cover; background-attachment: fixed; display: flex; align-items: center; justify-content: center; color: white; text-align: center; }
input[type="submit"] { cursor: pointer; background: #F3F3F3 0% 0% no-repeat padding-box; border: 3px solid #182A3D; border-radius: 8px; padding: 4px 18px; font-size: 20px; font-family: var(--font-medium); color: #182A3D; transition: all 0.5s; width: auto; height: fit-content; }
/* CONTACT SECTION */
.contact-section_inr{ margin: 60px auto; display: flex; gap: 40px; padding: 0 20px; flex-wrap: wrap; }
/* LEFT INFO */
.contact-info { flex: 1; background: white; padding: 30px; border-radius: 6px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); max-width: 40%; width: 100%; }
.contact-info h2{ color:#1c3b6f; margin-bottom:20px; }
.contact-info p{ margin-bottom:10px; line-height:1.6; }
/* FORM */
.contact-form{ flex:1; background:white; padding:30px; border-radius:6px; box-shadow:0 5px 15px rgba(0,0,0,0.1); }
.contact-form h2{ margin-bottom:20px; color:#1c3b6f; }
.form-row{ display:flex; gap:15px; margin-bottom:15px; flex-wrap:wrap; }
.form-row input{ flex:1; }
input, textarea{ width:100%; padding:12px; border:1px solid #ccc; border-radius:4px; font-size:14px; }
textarea{ height:120px; resize:none; }
.upload { margin: 15px 0 0; max-width: 50%; width: 100%; }
/* MAP */ 
.map-section{ margin-top:60px; }
.map-section h2{ text-align:center; margin-bottom:20px; color:#1c3b6f; }
.map-container{ width:100%; height:400px; }
.map-container iframe{ width:100%; height:100%; border:0; }
.form_btn { gap: 50px ;}
.address,
.phone,
.email { padding: 0 0 20px; }
.contact-info a:hover{ color: var(--body-color);}
/*--------------- contact page start ---------------*/
/*--------------- about page start ---------------*/
.about_bnr { position: relative; padding: 90px 0 60px;  min-height: 300px; }
/* .about_bnr h1 { text-shadow: 0 3px 6px #fffffff2; } */
.about_bnr_img { line-height: 0; position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0;}
.about_bnr_img::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(10deg, #c7c7c7, transparent); }
.about_bnr_img  img{width: 100%; height: 100%; object-fit: cover;}
.about_bnr strong{display: block; padding: 30px 0 0;}

ul.dots li { margin: 0 0 15px 20px; position: relative; }
/* ul.dots li:last-of-type { margin: 0 0 0px 20px; } */
ul.dots li::before { content: ''; position:absolute; top: 8px; left: -20px; background-color: var(--header); border-radius: 50%; width: 8px; height: 8px; }

section.philo { padding: 50px 0; background: #D6D6D6;  }
.philo_inr { gap: 40px;} 
.philo_left h2{padding: 0 0 15px;}
/* .philo_left p{padding: 0 0 15px;} */
.philo_left strong{ display: block;} /* padding: 0 0 15px;*/
.philo_left ul{ padding: 10px 0;}
.philo_left ul li:last-of-type{margin: 0 0 0 20px;}
.philo_left,
.philo_right{max-width: 50%; width: 100%;}
.philo_right_img{ line-height: 0;}
.philo_right_img img{border-radius: 10px;}
.philo_text { margin: 15px 0 0 0px; border-left: 3px solid var(--header); padding: 12px 0 12px 20px; border-radius: 10px; background-color: white; }
.philo_text p{ padding: 0px; }

section.apart { padding: 50px 0;}
.apart .title  h2{padding: 0 0 15px;}
.apart strong { padding: 25px 0; display: block; }
.apart_inr ul { gap: 20px 40px; padding: 0 0 20px; }
.apart_inr ul li { padding: 20px 0 20px 60px; position: relative; background-color: #d6d6d6; border-radius: 10px; max-width: 48%; width: 100%; counter-increment: list-counter; position: relative; }
.apart_inr ul li::before { display: flex; content: counter(list-counter); position: absolute; top: 12px; left: 11px; background: var(--header); color: white; background-size: 100%; width: 35px; height: 35px; border-radius: 50%; text-align: center; justify-content: center; align-items: center; }
.apart_text{ padding: 15px 0 0;}

section.philo_blue { padding: 50px 0; background: #28396f; color: white; }
.philo_blue .philo_left h2 { color: white; }
.philo_blue .philo_text p { padding: 0px; color: var(--body-color); }
.philo_blue .philo_text { border-left: 3px solid var(--sec-color); }
.philo_blue ul.dots li::before { background-color: #ffffff; }

section.abt_core { padding: 50px 0; }
.abt_core .core_sec_inr { padding: 30px 0; }
.abt_core .abt_core_text { max-width: 80%; width: 100%; margin: 0 auto; }

section.support { padding: 50px 0; background: var(--header); color: white; }
.support  h2{  color: white;}
.support p{ padding:20px 0 0;}
.support p:last-of-type{ padding: 0;}

.philo_map .philo_left ul{gap: 30px;}
.philo_map .philo_left ul li { margin: 0;} /*padding: 0 0 15px;*/
.philo_map .philo_right iframe{ border: 1px solid var(--header) !important; border-radius: 10px; }

.sales{padding: 50px 0;}
.sales_inr{ gap: 40px;}
.sales_left,
.sales_right{ max-width: 50%; width: 100%;}
.sales_img { line-height: 0; max-width: 70px; height: 70px; width: 100%; }
.sales_img img { width: 100%; height: 100%; object-fit: contain; }
.sales_left h2{ padding: 0 0 15px;}
.sales_right_inr { padding: 35px 15px; border: 1px solid var(--header); border-radius: 10px; gap: 20px; }

section.safety { padding: 50px 0; background: #D6D6D6; }
.safety .title h2 { padding: 0 0 15px;}
.safety .safety_inr ul { gap: 30px; padding: 20px 0; }
.safety .safety_inr strong{ display: block;  }

section.testi{ padding: 50px 0;  }
.testi .philo_text { margin: 0; padding: 20px 30px 20px 30px; background: #d6d6d6; }
.testi .philo_text strong{ display: block; color: var(--header); text-align: center; padding: 0 0 15px;}

.contact_btn { padding: 50px 0; background: var(--sec-color); color: white;}
.contact_btn h2 {color: white; padding: 0 0 15px;}
.contact_btn p {color: white; } /*padding: 0 0 15px;*/
.cta_btn { padding: 15px 0 0; }
/*--------------- about page start ---------------*/
/*--------------- industries page start ---------------*/
.industries_bnr{ position: relative;    padding: 100px 0 60px; }
.industries_bnr strong { padding: 30px 0 0; }

section.focus{ padding: 50px 0;}
.focus_left h2{ padding: 0 0 15px;}
.focus_inr { gap: 40px;}
.focus_left,
.focus_right{ max-width: 50%; width: 100%;}
.focus_right_box { border: 1px solid var(--header); border-radius: 10px; padding: 25px; background: #D6D6D6; box-shadow: 0 3px 6px #0000004f; }
.focus_right_box strong { padding: 0 0 8px; display: block; border-bottom: 1px solid var(--header); } 
.focus_right_box ul { padding: 8px 0 0;} 
.focus_right_box p {margin-bottom: 0;} 

.industries_btn { padding: 15px 0 0; }
.industries_btn a{ color:var(--header); }
.industries_btn a:hover { color:var(--sec-color); }

section.industries_philo:nth-child(odd) { background: white; }
.industries_philo:nth-child(odd) .philo_inr { flex-direction: row-reverse; }
.industries_philo:nth-child(odd) .philo_text { background-color: #d6d6d6; }


.focus_right_img { line-height: 0; padding: 15px 0; }
.focus_right_img img { border-radius: 8px; width: 100%; height: 200px; }
/*--------------- industries page start ---------------*/
/*--------------- grain-handling-operations page start ---------------*/
.grain_inr { gap: 27px; }
section.grain{padding: 50px 0;}
.grain h2{padding:0 0 15px;}
/* .grain p{padding:0 0 15px;} */
.grain strong{ display: block; padding:0 0 15px;}
.grain .philo_text { background-color: #d6d6d6; }
.grain .philo_text p:last-of-type{ padding: 0;}
.grain_left, .grain_right {display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; max-width:49%; width: 100%; background: #ffffff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 6px #b8bad1; }
.grain_focus .focus_right_box { margin: 15px 0 0; }
.focus_right_img { line-height: 0; width: 100%; height: 100%; }
.focus_right_img img{ object-fit: cover;}
section.grain_focus { background: #D6D6D6; }
.grain_focus .focus_right_box { background: #ffffff; }
.grain_focus .focus_right_img { padding-bottom:0 ;}
.grain_focus .focus_right_img  img{ height: 100%;}
.grain_left p{ color: --;}
/*--------------- grain-handling-operations page start ---------------*/
/*--------------- Service Area page start ---------------*/
section.service_grain{ background-color: var(--header);}
.service_grain .philo_text { padding: 12px; }
.service_grain h2 { line-height: 45px; }
.service_focus .focus_right_img img { border-radius: 8px; width: 100%; height: 100%; }
.service_focus .focus_right_box { margin:15px 0 0;}

section.service_philo { background: #fff; }
.service_philo .philo_text { background-color: #D6D6D6; }
.service_philo p { padding: 0;}
.service_philo .philo_text { margin: 15px 0; }
.service_philo .philo_left strong { display: block; padding: 15px 0 0; }
/*--------------- Service Area page start ---------------*/
/*--------------- Service Area inner page start ---------------*/
section.coverage{ padding: 50px 0;}
.coverage_left { max-width: 45%; width: 100%;}
 .coverage_right{ max-width: 55%; width: 100%;}
.coverage_left h2,
.coverage_right h2{ padding: 0 0 15px;}
.coverage_left ul,
.coverage_right ul { padding: 15px 0 0;}
.coverage_left strong, 
.coverage_right strong {display: block; padding: 15px 0 0;} 
.coverage_inr { gap: 40px;}
.coverage_right_box { border: 1px solid var(--header); border-radius: 10px; padding: 25px; background: #D6D6D6; box-shadow: 0 3px 6px #0000004f; margin: 15px 0; }
.coverage_right_box strong { padding: 0 0 8px; display: block; border-bottom: 1px solid var(--header); }
.coverage_text { margin: 15px 0 0 0px; border-left: 3px solid var(--header); padding: 12px 0 12px 20px; border-radius: 10px; background-color: #d6d6d6; }
section.service_inr_focus { padding: 50px 0; background-color: #d6d6d6; }
.service_inr_focus .focus_right_img { width: 100%; height: 100%;}
.service_inr_focus .focus_right_img img { width: 100%; height: 100%;}
.service_inr_focus .focus_inr { align-items: center; }
.service_inr_focus .focus_right_box {margin: 15px 0; background: #fff;}

section.service_inr_philo{ background-color: white;}
.service_inr_philo .philo_text { background-color: #D6D6D6; margin: 15px 0;}
.service_inr_philo .philo_text ul {gap: 20px;}
.service_inr_faq .faq_content strong { display: block; padding: 15px 0 0; }

section.service_map { padding: 50px 0; background: #d6d6d6; }
.service_map_img{ line-height: 0;}
.service_map_inr{ gap: 40px;}
.service_map_left h2{padding: 0 0 15px;}
.service_map_left,
.service_map_right{ max-width: 50%; width: 100%;}
.service_map_left ul {  column-count: 2; }
.service_map_left ul li:first-child { margin: 0 0 20px 0;}
.service_map_left ul li { margin: 20px 0; background: white; padding: 10px; border-radius: 10px; border-left: 3px solid var(--sec-color); width: 100%; }

section.inr_text{ padding: 50px 0;}
.inr_text h2{ padding: 0 0 15px;}
.inr_text .philo_text {     background-color: #d6d6d6; max-width: fit-content; margin: 15px auto 0; padding: 12px 20px 12px 20px;} 
/*--------------- Service Area inner page start ---------------*/
/*--------------- Services page start ---------------*/
section.system { padding: 50px 0; }
/* .system h2 {padding: 0 0 15px; } */
.system_right { max-width: 50%; width: 100%; float: left; margin: 0 25px 20px 0px; }
.system_right_img { line-height: 0; }
.system_right_img img {border-radius: 10px;}
.system_left strong{display: block;} /* padding: 15px 0 0; */
.system_left h2{ padding: 0 0 15px; }
.system_text {display: flex; background-color: #D6D6D6; margin: 15px 0 0 0px; border-left: 3px solid var(--header); padding: 12px 0 12px 20px; border-radius: 10px; max-width: 47%; margin: 0 0 15px; }

section.services_system { background: #d6d6d6; }
section.services_system:nth-child(odd) { background: #ffffff; }
.services_system:nth-child(odd) .system_text { background-color: #d6d6d6;  }
.services_system:nth-child(odd) .system_right { float: right; margin: 0 0 20px 25px;  }
.services_system .system_text { background-color: #ffffff; }
section.approach {padding: 50px 0; background-color:#d6d6d6; }
.approach_inr { gap: 40px;}
.approach_left,
.approach_right{ max-width: 50%; width: 100%;}
.approach h2{ padding: 0 0 15px;}
.approach strong{ display:block; padding:0 0 15px;}
/*--------------- Services page start ---------------*/


.contact-section {
  padding: 60px 20px;

}



.contact-wrapper {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.contact-form {
  flex: 1;

  padding: 25px;
background-color: var(--white-color);
    box-shadow: 0px 3px 6px #00000029;
        border-radius: 8px;

}

.contact-map {
  flex: 1;
  min-height: 500px;
  border-radius: 12px;
  overflow: hidden;
}


/* Two column layout */
.gform_wrapper .gform_fields {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.gform_wrapper .gfield {
  flex: 1 1 48%;
}

.gform_wrapper .gfield.full-width {
  flex: 1 1 100%;
}

/* Mobile */
@media (max-width: 768px) {
  .contact-wrapper {
    flex-direction: column;
  }

  .gform_wrapper .gfield {
    flex: 1 1 100%;
  }
}

.full_width { max-width: 100%; width: 100%; }

.service_sub.grain_focus .coverage_right_box { background: #ffffff; }
/* .coverage.service_sub .coverage_left h2, .coverage.service_sub .coverage_right h2, .coverage.service_sub .coverage_left ul, .coverage.service_sub .coverage_right ul  { padding: 0 0 15px; } */

/* 26-mar-2026 sahal */
.page-template-service-area .focus_right_img { line-height: 0; padding: 0; }
.page-template-service-area-sub-page .focus_right_img { line-height: 0; padding: 0; }
.page-template-service-area-sub-page .coverage_left h2, .page-template-service-area-sub-page .coverage_right h2 { padding: 0 0 15px; }
.page-template-industry-sub-page .focus_right_img { line-height: 0; padding: 0; }
.service_map_img img{ border-radius: 10px; }
section.service_sub_area{ background: var(--header);}
section.service_sub_area .focus_left { padding: 25px; border-radius: 10px; color: white; }
section.service_sub_area .focus_left h2{  color: white; }
.philo_left ul li a { color: var(--white-color); text-decoration: underline; }
.philo_left ul li a:hover{ color: var(--sec-color)}

.philo_map .philo_left ul li a { color: #182A3D; text-decoration: none; }
.philo_map .philo_left ul li a:hover { color:var(--white-color);  }

section.projects { padding: 50px 0; }
.projects .about_projects_box { line-height: 0; }
.projects .about_projects_box a img {border-radius: 10px; }
.projects .projects_content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0 -15px;}
.projects .about_projects_card { padding: 15px; }

.projects .about_projects_box a {position: relative;    border-radius: 10px; overflow: hidden;}
.projects .about_projects_box a::after { content: ''; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; transform: scale(0); -webkit-transform: scale(0); transform-origin: center; background: url(images/zoom-in.png) center no-repeat rgba(0, 0, 0, 0.3); transition: .5s; background-size: 36px; border-radius: 10px; }
.projects .about_projects_box a:hover:after { transform: scale(1); -webkit-transform: scale(1); }
.industry_sub_img .focus_right_img{ padding: 15px 0;}
.page-template-services-sub-page .industry_support .focus_right_img { padding: 0;}

.wp_pagination { width: 100%; margin-top: 40px; text-align: center; }
.wp_pagination ul { display: inline-flex; align-items: center; gap: 10px; padding: 0; margin: 0; list-style: none; }
.wp_pagination ul li { display: inline-block; }
.wp_pagination ul a:hover, .wp_pagination ul span:hover{ background-color: var(--header); color: var(--white-color);}
.wp_pagination ul li span.current { background-color: var(--header); color: var(--white-color); border-color: var(--white-color); cursor: default; }
.wp_pagination ul a, .wp_pagination ul span { display: flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 14px; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 6px; border: 1px solid #28396f; color: #333; background-color: var(--white-color); transition: all 0.3s ease; position: relative; }
.pagination a.nextpostslink::after,
.pagination a.previouspostslink::after { content: ''; width: 10px; height: 10px; border-left: 2px solid var(--header); border-top: 2px solid var(--header); border-radius: 1px; top: 50%; position: absolute; }
.pagination a.nextpostslink::after { transform: translate(-50%,-50%) rotate(135deg); left: 45%; }
.pagination a.nextpostslink::after, 
.pagination a.previouspostslink::after { content: ''; width: 10px; height: 10px; border-left: 2px solid var(--header); border-top: 2px solid var(--header); border-radius: 1px; top: 50%; position: absolute; }
.pagination a.previouspostslink::after { transform: translate(-50%,-50%) rotate(-45deg); left: 60%; }
.pagination a.nextpostslink:hover::after, 
.pagination a.previouspostslink:hover::after{border-color: var(--white-color); }
img.mfp-img { height: 600px !important;}
.gform-theme--foundation .gform_fields { grid-row-gap: unset !important; row-gap: unset !important; gap: 10px !important; }
.gf-turnstile-container {line-height: 0 !important; }
.gform-theme--foundation .gform_footer { margin: 0 !important; }

.gfield_validation_message { display: none !important;}
.gform-theme--framework .gform_validation_errors { margin: 20px 0 0px !important; background-color: #ffffff !important; }
.gform-theme--framework .gform_validation_errors:first-child { margin: 0px !important; padding: 10px; }
.gform-theme--framework .gform_validation_errors ol { padding-inline: 20px !important; }
.contact-form .gform-theme--framework .gform_validation_errors { margin: 0px 0 20px!important; }
.contact-form .gform-theme--framework .gform_validation_errors .gform_submission_error { margin: 0 !important; }
.contact-form .gform_validation_errors:last-of-type { margin: 0 !important; }
/* 26-mar-2026 sahal */


.social_icon ul{ padding: 15px 0 0; display: flex; align-items: center; justify-content: center; gap: 10px; }

.social_icon ul li.youtube_icon a,.social_icon ul li.fb_icon a,.social_icon ul li.linkdin_icon a,.social_icon ul li.insta_icon a{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: rgb(255 255 255 / 10%);
    transition: all 0.4s ease-in-out;
}
.social_icon ul li.youtube_icon a {
    background: rgb(255 255 255 / 10%) url(images/youtube.webp) no-repeat;
    background-position: center; background-size: 25px;
}
.social_icon ul li.youtube_icon a:hover {
    background: rgb(36 145 235 / 60%) url(images/youtube.webp) no-repeat;
    background-position: center; background-size: 25px;
}
.social_icon ul li.fb_icon a {
    background: rgb(255 255 255 / 10%) url(images/facebook.webp) no-repeat;
    background-position: center; background-size: 25px;
}
.social_icon ul li.fb_icon a:hover {
    background: rgb(36 145 235 / 60%) url(images/facebook.webp) no-repeat ;
    background-position: center;background-size: 25px;
}
.social_icon ul li.linkdin_icon a {
    background: rgb(255 255 255 / 10%) url(images/linkedin.webp) no-repeat;
    background-position: center; background-size: 25px;
}
.social_icon ul li.linkdin_icon a:hover {
    background: rgb(36 145 235 / 60%) url(images/linkedin.webp) no-repeat ;
    background-position: center;background-size: 25px;
}
.social_icon ul li.insta_icon a {
    background: rgb(255 255 255 / 10%) url(images/instagram.webp) no-repeat;
    background-position: center; background-size: 25px;
}
.social_icon ul li.insta_icon a:hover {
    background: rgb(36 145 235 / 60%) url(images/instagram.webp) no-repeat ;
    background-position: center;background-size: 25px;
}
.banner_bottom {
    padding: 7px;
    margin-top: 35px;
    background-color: rgba(255, 255, 255, 0.8);
}
.category_title { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; color: #fff; background: rgb(0 0 0 / 70%);}
.category_title h3{ color: #fff; text-align: center; font-size: 28px; }

.project_listing .about_projects_box a::after{ display: none; }
.project_listing .about_projects_box a{ transform: translateY(0); transition: all 0.3s ease-out; }
.project_listing .about_projects_box a:hover{  transform: translateY(-5px);}

ul.overflow { overflow:unset; }


.what_our_neighbors{padding: 50px 0; background-color: #263877;}
.what_our_neighbors h2 { color: var(--white-color); margin-bottom: 10px; text-align: center;}
.what_our_neighbors_box { display: flex; justify-content: center; margin: 0 -15px; text-align: left; }
.what_our_neighbors_cards { max-width: 33.33%; width: 100%; padding: 15px; }
.what_our_neighbors_card { display: flex; flex-direction: column; }
.what_our_neighbors_card { position: relative; padding: 22px 27px; height: 100%; background-color: var(--white-color); color: var(--body-color);
border-radius: 8px; box-sizing: border-box; box-shadow: 0px 3px 6px #00000080; }
.what_our_neighbors_card p:first-child { margin-bottom: 46px; }
.what_our_neighbors_card strong { margin-top: auto; }
.what_our_neighbors_card span {font-size: 22px; line-height: 32px; }
.what_our_neighbors_card p:last-child { font-size: 20px; }
.what_our_neighbors_box .slick-slide > div { height: 100%; }
.what_our_neighbors_box .slick-list,.what_our_neighbors_box .slick-track{ display: flex;}

.industry  .slick-track,.industry  .slick-track{ display: flex; }
.industry  .slick-slide{ height: inherit; }
.industry  .logo-item-box{ height: 100%;  display: flex; flex-direction: column; justify-content: center; align-items: center;}

.industry { padding: 60px 0; }
.industry h2 { margin-bottom: 20px; }
.logo-box { display: flex; flex-wrap: wrap; gap: 24px 12px; margin-top: 20px; }
.logo-item { width: 100%; height: auto;  background: #ffffff; display: flex; align-items: center; justify-content: center;   padding: 30px; 
  box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: all 0.3s ease;}
.logo-item img { max-width: 100%; height: auto; }
.logo-item { margin: 0 20px; }
.what_our_neighbors_box ul.slick-dots li:before { background-color: #fff; display: block; }
.what_our_neighbors ul.slick-dots li button, .logo-box ul.slick-dots li button { display: none; }
.logo-box ul.slick-dots li:before{background-color: var(--header); display: block;}
.logo-box .slick-dots li { display: none; }
.logo-box .slick-dots li:nth-child(-n+3) { display: inline-block; }
.logo-box ul li,.what_our_neighbors_box ul li { position: relative; padding: 6px 8px 6px 18px; }
.logo-box ul li:before,.what_our_neighbors_box ul li::before { position: absolute; content: ""; width: 8px; height: 8px; background-color: var(--body-color); top: 15px; left: 0; border-radius: 50%;}
.what_our_neighbors_box ul.slick-dots, .logo-box ul.slick-dots { width: fit-content; display: flex; margin: 0 auto; }
.what_our_neighbors_box .slick-list,.logo-box .slick-list { padding: 35px 0; }

.def-page a.button{color: #182A3D;}
.def-page a:hover.button{color: #fff;}