/*! Theme Name: Gem Joinery */

/* instrument-sans-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Instrument Sans';
font-style: normal;
font-weight: 400;
src: url('fonts/instrument-sans-v1-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Instrument Sans';
font-style: italic;
font-weight: 400;
src: url('fonts/instrument-sans-v1-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Instrument Sans';
font-style: normal;
font-weight: 500;
src: url('fonts/instrument-sans-v1-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Instrument Sans';
font-style: normal;
font-weight: 600;
src: url('fonts/instrument-sans-v1-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Instrument Sans';
font-style: normal;
font-weight: 700;
src: url('fonts/instrument-sans-v1-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root{
	--site-primary:#0B0B0B;
	--site-text:#0B0B0B;
	--site-green:#96C93D;
	--site-gray:#EDEDED;
	--site-coffee:#494747;
	--site-cream:#E1DED7;
	--site-black:#000000;
	--site-white:#ffffff;
	--site-hover:#96C93D;
	--site-heading-color:#96C93D;
	--site-font-primary: 'Instrument Sans';
	--site-font-heading: 'Instrument Sans';
	--site-font-size: 18px;
	--site-font-line-height: 28px;
	--site-heading-font-size:45px;
	--site-heading-line-height:55px;
	--site-subheading-font-size:16px;
	--site-subheading-line-height:24px;
	--site-btn-font-size: 18px;
	--site-btn-line-height: 22px;
	--site-box-title-font-size:28px;
	--site-box-title-line-height: 38px;
	margin-top:0px !important;
	/*--close-icon: url(images/close-icon.png);
	--close-icon-hover: url(images/close-icon-hover.png);*/
	--slider-arrow-left: url(images/arrow-left.svg);
	--slider-arrow-right: url(images/arrow-right.svg);
	--slider-arrow-left-hover: url(images/arrow-left-hover.svg);
	--slider-arrow-right-hover: url(images/arrow-right-hover.svg);
	/*--faq-icon: url(images/faq-icon.svg);
	--faq-icon-hover: url(images/faq-icon-hover.svg);
	--faq-icon-white: url(images/faq-icon-white.svg);*/
	--submenu-caret: url(images/menu-caret.svg);
	/*--caret-select-icon: url(images/caret-gray.svg);*/
	--menu-close-icon-icon: url(images/menu-close-icon.svg);
}

.grecaptcha-badge {z-index: 9;visibility:hidden;}

.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;white-space: nowrap;height: 1px;width: 1px;overflow: hidden;z-index: 999999;background: var(--site-primary) !important;color:var(--site-white) !important;padding: 16px 24px;font-size: 0.9em;left: 16px;top: 16px;clip-path: initial;}
.screen-reader-text:focus {clip: initial;height: auto;width: auto;}
.screen-reader-text:hover {background: var(--site-hover) !important;color:var(--site-white) !important;}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;outline: none;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}ol, ul {list-style: none;}blockquote, q {
quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}button{border:none;outline:none;appearance:none;-webkit-appearance:none;font-family: var(--site-font-primary);}
input, optgroup, select{outline:none !important;font-family: var(--site-font-primary);box-shadow:none !important;border:none;border-bottom: 1px solid rgba(11, 11, 11, 0.12);background: transparent;height:50px;width:100%;padding:15px 20px;font-size: 16px;appearance:none;-webkit-appearance:none;color:var(--site-primary);border-radius: 0px;-webkit-tap-highlight-color: transparent;}button{outline:none !important;font-family: var(--site-font-primary);box-shadow:none !important;border:none;background: var(--site-gray);border-radius:0px;appearance:none;-webkit-appearance:none;border-radius:0px;-webkit-tap-highlight-color: transparent;}textarea{outline:none !important;font-family: var(--site-font-primary);box-shadow:none !important;border:none;border-bottom: 1px solid rgba(11, 11, 11, 0.12);background: transparent;height:95px;width:100%;resize:none;padding:15px 20px;font-size: 16px;appearance:none;-webkit-appearance:none;color:var(--site-primary);border-radius: 0px;-webkit-tap-highlight-color: transparent;}b, strong {font-weight: bold;}em {font-style: italic;}cite {font-style: italic;}img{max-width:100%;}del{text-decoration: line-through;}


*, ::after, ::before {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: 100%;}
*{font-size:var(--site-font-size);margin:0px;padding:0px;box-sizing:border-box;text-decoration:none;outline: none;-webkit-text-size-adjust: 100%;}
html, body, ul, ol, li, p{font-style: normal;font-weight: normal;font-size:var(--site-font-size);line-height:1;list-style:none;color:var(--site-text);font-family: var(--site-font-primary);-webkit-text-size-adjust: 100%;}
body{-webkit-tap-highlight-color: transparent;-webkit-font-smoothing: subpixel-antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-overflow-scrolling: touch;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-scroll-chaining: none;overscroll-behavior: none;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;}

.container,.container-fluid{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto;position:relative;z-index:1;}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:100%}}@media (min-width:1200px){.container{max-width:var(--container-size);}}@media (min-width:1600px){.container{max-width:var(--container-size);}}.row{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:12px;padding-left:12px;}.col-1 {flex: 0 0 auto;width: 8.33333333%}.col-2 {flex: 0 0 auto;width: 16.66666667%}.col-3 {flex: 0 0 auto;width: 25%}.col-4 {flex: 0 0 auto;width: 33.33333333%}.col-5 {flex: 0 0 auto;width: 41.66666667%}.col-6 {flex: 0 0 auto;width: 50%}.col-7 {flex: 0 0 auto;width: 58.33333333%}.col-8 {flex: 0 0 auto;width: 66.66666667%}.col-9 {flex: 0 0 auto;width: 75%}.col-10 {flex: 0 0 auto;width: 83.33333333%}.col-11 {flex: 0 0 auto;width: 91.66666667%}.col-12 {flex: 0 0 auto;width: 100%}@media (min-width: 576px) {.col-sm-1 {flex: 0 0 auto;width: 8.33333333%}.col-sm-2 {flex: 0 0 auto;width: 16.66666667%}.col-sm-3 {flex: 0 0 auto;width: 25%}.col-sm-4 {flex: 0 0 auto;width: 33.33333333%}.col-sm-5 {flex: 0 0 auto;width: 41.66666667%}.col-sm-6 {flex: 0 0 auto;width: 50%}.col-sm-7 {flex: 0 0 auto;width: 58.33333333%}.col-sm-8 {flex: 0 0 auto;width: 66.66666667%}.col-sm-9 {flex: 0 0 auto;width: 75%}.col-sm-10 {flex: 0 0 auto;width: 83.33333333%}.col-sm-11 {flex: 0 0 auto;width: 91.66666667%}.col-sm-12 {flex: 0 0 auto;width: 100%}}@media(min-width:768px){.col-md-1 {flex: 0 0 auto;width: 8.33333333%}.col-md-2 {flex: 0 0 auto;width: 16.66666667%}.col-md-3 {flex: 0 0 auto;width: 25%}.col-md-4 {flex: 0 0 auto;width: 33.33333333%}.col-md-5 {flex: 0 0 auto;width: 41.66666667%}.col-md-6 {flex: 0 0 auto;width: 50%}.col-md-7 {flex: 0 0 auto;width: 58.33333333%}.col-md-8 {flex: 0 0 auto;width: 66.66666667%}.col-md-9 {flex: 0 0 auto;width: 75%}.col-md-10 {flex: 0 0 auto;width: 83.33333333%}.col-md-11 {flex: 0 0 auto;width: 91.66666667%}.col-md-12 {flex: 0 0 auto;width: 100%}}@media(min-width:992px){.col-lg-1 {flex: 0 0 auto;width: 8.33333333%}.col-lg-2 {flex: 0 0 auto;width: 16.66666667%}.col-lg-3 {flex: 0 0 auto;width: 25%}.col-lg-4 {flex: 0 0 auto;width: 33.33333333%}.col-lg-5 {flex: 0 0 auto;width: 41.66666667%}.col-lg-6 {flex: 0 0 auto;width: 50%}.col-lg-7 {flex: 0 0 auto;width: 58.33333333%}.col-lg-8 {flex: 0 0 auto;width: 66.66666667%}.col-lg-9 {flex: 0 0 auto;width: 75%}.col-lg-10 {flex: 0 0 auto;width: 83.33333333%}.col-lg-11 {flex: 0 0 auto;width: 91.66666667%}.col-lg-12 {flex: 0 0 auto;width: 100%}}@media (min-width: 1200px) {.col-xl-1 {flex: 0 0 auto;width: 8.33333333%}.col-xl-2 {flex: 0 0 auto;width: 16.66666667%}.col-xl-3 {flex: 0 0 auto;width: 25%}.col-xl-4 {flex: 0 0 auto;width: 33.33333333%}.col-xl-5 {flex: 0 0 auto;width: 41.66666667%}.col-xl-6 {flex: 0 0 auto;width: 50%}.col-xl-7 {flex: 0 0 auto;width: 58.33333333%}.col-xl-8 {flex: 0 0 auto;width: 66.66666667%}.col-xl-9 {flex: 0 0 auto;width: 75%}.col-xl-10 {flex: 0 0 auto;width: 83.33333333%}.col-xl-11 {flex: 0 0 auto;width: 91.66666667%}.col-xl-12 {flex: 0 0 auto;width: 100%}}@media (min-width: 1400px) {.col-xxl-1 {flex: 0 0 auto;width: 8.33333333%}.col-xxl-2 {flex: 0 0 auto;width: 16.66666667%}.col-xxl-3 {flex: 0 0 auto;width: 25%}.col-xxl-4 {flex: 0 0 auto;width: 33.33333333%}.col-xxl-5 {flex: 0 0 auto;width: 41.66666667%}.col-xxl-6 {flex: 0 0 auto;width: 50%}.col-xxl-7 {flex: 0 0 auto;width: 58.33333333%}.col-xxl-8 {flex: 0 0 auto;width: 66.66666667%}.col-xxl-9 {flex: 0 0 auto;width: 75%}.col-xxl-10 {flex: 0 0 auto;width: 83.33333333%}.col-xxl-11 {flex: 0 0 auto;width: 91.66666667%}.col-xxl-12 {flex: 0 0 auto;width: 100%}}.text-center{text-align:center;}.text-start{text-align:left;}.text-end{text-align:right;}.d-flex {display: flex}.d-inline-flex {display: inline-flex}.d-none {display: none}.justify-content-start {justify-content: flex-start}.justify-content-end {justify-content: flex-end}.justify-content-center {justify-content: center}.justify-content-between {justify-content: space-between}.align-items-start {align-items: flex-start}.align-items-end {align-items: flex-end}.align-items-center {align-items: center}.align-content-start {align-content: flex-start}.align-content-end {align-content: flex-end}.align-content-center {align-content: center}.align-content-between {align-content: space-between}.w-100{width: 100%;}.row-reverse {flex-direction: row-reverse;}

p a,
p a:hover{text-decoration:none;color:var(--site-hover);outline: none;}
select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image: var(--caret-select-icon) !important;background-repeat: no-repeat !important;background-position: calc(100% - 20px) center !important;padding:15px 24px 15px 19px;color: var(--site-primary);font-weight: normal;font-size:16px;height:50px;background-color: var(--site-gray);border:none;font-family: var(--site-font-primary);border-radius:0px;-webkit-tap-highlight-color: transparent;}
select option{font-weight: normal;font-size:16px;}
input::-webkit-input-placeholder {color:var(--site-primary);font-weight: 400;opacity:1;}
input::-moz-placeholder {color:var(--site-primary);font-weight: 400;opacity:1;}
input:-ms-input-placeholder {color:var(--site-primary);font-weight: 400;opacity:1;}
input:-moz-placeholder {color:var(--site-primary);font-weight: 400;opacity:1;}
textarea::-webkit-input-placeholder {color:var(--site-primary);font-weight: 400;opacity:1;}
textarea::-moz-placeholder {color:var(--site-primary);font-weight: 400;opacity:1;}
textarea:-ms-input-placeholder {color:var(--site-primary);font-weight: 400;opacity:1;}
textarea:-moz-placeholder {color:var(--site-primary);font-weight: 400;opacity:1;}


.dark-bg input,
.dark-bg textarea{color:var(--site-white);border-color:var(--site-white);}

.dark-bg input::-webkit-input-placeholder {color:var(--site-white);}
.dark-bg input::-moz-placeholder {color:var(--site-white);}
.dark-bg input:-ms-input-placeholder {color:var(--site-white);}
.dark-bg input:-moz-placeholder {color:var(--site-white);}
.dark-bg textarea::-webkit-input-placeholder {color:var(--site-white);}
.dark-bg textarea::-moz-placeholder {color:var(--site-white);}
.dark-bg textarea:-ms-input-placeholder {color:var(--site-white);}
.dark-bg textarea:-moz-placeholder {color:var(--site-white);}

table {border-collapse: separate;text-indent: initial;border-spacing: 2px;border-collapse: collapse;width: 100%;max-width: 100%;margin-top: 20px;background-color: transparent;display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
thead {display: table-header-group;vertical-align: middle;unicode-bidi: isolate;border-color: inherit;}
tr {display: table-row;vertical-align: inherit;unicode-bidi: isolate;border-color: inherit;}
th, td{padding: .75rem;border-top: 1px solid #dee2e6;}
th {display: table-cell;vertical-align: inherit;font-weight: 600;text-align: -internal-center;unicode-bidi: isolate;text-align: inherit;vertical-align: bottom;border-bottom: 2px solid #dee2e6;}
tbody {display: table-row-group;vertical-align: middle;unicode-bidi: isolate;border-color: inherit;}

.form-control:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input[type="color"]:focus, .wpcf7 input[type="date"]:focus, .wpcf7 input[type="datetime-local"]:focus, .wpcf7 input[type="datetime"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="file"]:focus, .wpcf7 input[type="month"]:focus, .wpcf7 input[type="number"]:focus, .wpcf7 input[type="range"]:focus, .wpcf7 input[type="search"]:focus, .wpcf7 input[type="submit"]:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="time"]:focus, .wpcf7 input[type="url"]:focus, .wpcf7 input[type="week"]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus{outline:none;box-shadow:none;}

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0 -12px;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:pointer}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px;padding:0px 12px;}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:none;padding: 5px 0px;}.slick-vertical .slick-list{margin:-5px 0px;padding: 0 !important;}.slick-arrow.slick-hidden{display:none}
.slick-dots {display: flex;align-content: center;justify-content: center;margin-top:40px;column-gap:11px;width: 100%;}
.slick-dots li{height:15px;width:15px;line-height:1;font-size: 0px;}
.slick-dots li button{background:var(--site-gray);opacity:1;height:20px;width:20px;font-size:0px;border-radius:50%;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;margin:0px;padding:0px;position:relative;opacity: 1;cursor:pointer;border: 1px solid rgba(0,0,0,0.5) !important;}
.slick-dots li.slick-active button{border-color:var(--site-red);}
.slick-dots li.slick-active button:before{opacity:1;}
.slick-arrow {border-radius: 0px;border: none;padding: 0px;width: 59px;height: 59px;-webkit-appearance: none;appearance: none;font-size: 0px;background: rgba(0,0,0,0);text-indent: -99999px;position: absolute;top: 0;margin: 0px;z-index: 2;background-repeat: no-repeat;background-position: center center;cursor:pointer;}
.slick-arrow.slick-prev {background-image: var(--slider-arrow-left);left:0px;}
.slick-arrow.slick-next {background-image: var(--slider-arrow-right);right:auto;left:83px}
.slick-disabled{opacity: 0.5;cursor: no-drop;}
.slick-disabled.slick-prev:hover{background-image: var(--slider-arrow-left) !important;}
.slick-disabled.slick-next:hover{background-image: var(--slider-arrow-right) !important;}

input[type=checkbox] {background: #FFFDFD;border: 1px solid var(--site-primary);border-radius: 3px;height: 18px;width: 18px;min-width: 18px;position: relative;appearance: none;-webkit-appearance: none;display: inline-block;vertical-align: top;cursor: pointer;padding: 0;}
.form-row label input[type=checkbox] {margin-right: 10px;}
input[type=checkbox]:after {content: "";opacity: 0;display: block;left: 5px;top: 0px;position: absolute;width: 7px;height: 12px;border: 2px solid var(--site-primary);border-top: 0;border-left: 0;transform: rotate(43deg);}
input[type=checkbox]:checked:after {opacity: 1;}

input[type=radio] {background: #FFFDFD;border: 1px solid var(--site-primary);border-radius:50%;height: 18px;width: 18px;min-width: 18px;position: relative;appearance: none;-webkit-appearance: none;display: inline-block;vertical-align: middle;cursor: pointer;padding: 0;}
.form-row label input[type=radio] {margin-right: 10px;}
input[type=radio]:after {content: "";opacity: 0;display: block;left: 2px;top: 2px;position: absolute;width: 12px;height: 12px;background: var(--site-primary);border-radius:50%;}
input[type=radio]:checked:after {opacity: 1;}

.wpcf7 form .wpcf7-response-output{margin:20px 0px 0px !important;border:none !important;color:green;width:100%;text-align:center;font-style: normal;font-weight: 600;font-size: var(--site-font-size);line-height: var(--site-font-line-height);font-family: var(--site-font-primary);padding:0px;}
.wpcf7 form .wpcf7-response-output:empty{display:none !important;}
.wpcf7 .wpcf7-form p{margin:0px;line-height: 1;}
.wpcf7-not-valid-tip{font-size:14px;line-height:20px;color:red !important;}

.dropdown-select{position:relative;}
.v-open .select2-container{z-index: 9999999999;}
.select2.select2-container.select2-container--default {width: 100% !important;}
.select2-container .select2-selection--single {border: 1px solid var(--site-white) !important;background: var(--site-coffee) !important;border-radius: 0px !important;height: 50px !important;position:relative;}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {border-top-left-radius: 0px !important;border-top-right-radius: 0px !important;}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {border-bottom-left-radius: 0px !important;border-bottom-right-radius: 0px !important;}
.select2-dropdown{border: none !important;box-shadow: 0 3px 10px rgba(0,0,0,0.05);}
.select2-container .select2-selection--single .select2-selection__rendered {line-height: 50px !important;padding-left: 20px !important;padding-right: 50px !important;font-size: var(--site-font-primary);font-weight:normal !important;color: var(--site-white) !important;font-weight: 400;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 50px !important;right: 0;width: 50px !important;top: 0 !important;border-left: none !important;transform: initial !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border:none;left: auto;margin-left: 0;margin-top: 0;top: 0;position:initial;width: 100%;display:flex;align-items: center;justify-content: center;height: 100%;border: none !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after{width: 16px;height: 14px;line-height:14px;content:'';background:url(images/caret-icon-white.svg) no-repeat center center;transform: rotate(0deg);-webkit-transform: rotate(0deg);display:inline-block;transition: 0.3s; -webkit-transition: 0.3s;}
body .select2-container ul li{color:var(--site-primary);font-family:var(--site-font-family);font-size: 16px;font-style: normal;font-weight:normal;line-height: 20px;padding: 10px 16px;border-top: none;}
body .select2-container ul li:first-child{border-top: none;}
body .select2-container--default .select2-results__option[aria-selected="true"]{background-color: var(--site-hover);color:var(--site-white);font-weight: normal;}
body .select2-container--default .select2-results__option--selected {background-color: var(--site-hover);color:var(--site-white);}
body .select2-container--default .select2-results__option--selected.select2-results__option--highlighted{background-color: var(--site-hover);color:var(--site-white);}
.select2-container--default .select2-results>.select2-results__options {scrollbar-color: #002253 #E3E6E8;scrollbar-width: thin;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{width:5px;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track{background:#E3E6E8;border-radius:0px;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{background-color: #002253; border-radius:0px;}
body .select2-container.select2-container--open .select2-selection__arrow b::after{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.select2-container--default .select2-results__option--disabled{cursor:no-drop;}
.select2-results__option.select2-results__message {color: red;}


.modal{position: fixed;top: 0;right: 0;bottom: 0;left: 0;display: none;overflow: hidden;outline: 0;z-index: 9999999999;transition: opacity .15s linear;opacity:0;}
body.v-open .modal {overflow-x: hidden;overflow-y: auto;opacity:1;}
.modal-dialog {position: relative;width: 90%;max-width:800px;margin: 1.75rem auto;min-height: calc(100% - (1.75rem* 2));pointer-events: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;transition: -webkit-transform .3s ease-out;transition: transform .3s ease-out;transition: transform .3s ease-out, -webkit-transform .3s ease-out;-webkit-transform: translate(0, -25%);transform: translate(0, -25%);}
body.v-open .modal-dialog {-webkit-transform: translate(0, 0);transform: translate(0, 0);}
.modal-content {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;background: transparent;background-clip: padding-box;outline: 0;border-radius: 10px;border: 5px solid var(--site-white);}
body.v-open{overflow:hidden;}
.overlay-col {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;background-color: #2F3B45;font-size: 0;text-indent: -99999px;opacity: 0.85;}
.popup-box .modal-close {background: var(--close-icon) no-repeat center center;width: 40px;height: 40px;z-index: 1;font-size: 0;text-indent:-99999px;border-radius: 50%;color:var(--site-primary);position: absolute;top: 0px;right:0px;z-index: 1;cursor: pointer;}

.video-box {position: relative;overflow: hidden;padding-top: 56.25%;}
.video-box iframe {position: absolute;left: 0;top: 0;border: 0;height: 100%;width: 100%;}


.whysybx,
.whysybx p {font-style: normal;font-weight: normal;font-size: var(--site-font-size);line-height: var(--site-font-line-height);color: var(--site-text);margin-top: 30px;}
.whysybx p{margin-top:20px;}
.whysybx a,
.whysybx p a{color:var(--site-primary); text-decoration:underline; font-weight:700;}
.whysybx strong,
.whysybx p strong{font-weight:bold;color:var(--site-red);}
.whysybx:first-child,
.whysybx p:first-child{margin-top:0px;}
.whysybx ul,
.whysybx ol {margin: 20px 0 0;list-style: none;}
.whysybx ul:first-child,
.whysybx ol:first-child {margin: 0px;}
.whysybx ul ul,
.whysybx ol ol,
.whysybx ul ol,
.whysybx ol ul {margin-top: 5px !important;}
.whysybx li {padding-left: 36px;position: relative;font-style: normal;font-weight: normal;font-size: var(--site-font-size);line-height:var(--site-font-line-height);color: var(--site-text);margin: 5px 0px 0px 0px;}
.whysybx li a:hover {color:var(--site-primary);}
.whysybx li:first-child {margin-top: 0px;}
.whysybx ul li{padding-left:38px;}
.whysybx ul li:after {position: absolute;content: '';display: inline-block;left: 0;width:22px;height:21px;background:url(images/check-icon.svg) no-repeat center center;top: 3px;}
.whysybx ol {counter-reset: item;}
.whysybx ol li {counter-increment: my-awesome-counter;padding-left: 30px;}
.whysybx ul ol li {padding-left: 24px;}
.whysybx ol ol li{padding-left: 30px;}
.whysybx ol ul li:before,
.whysybx ul ol li:after {display: none;}
.whysybx ol ul ol li:after, .whysybx ul ol ul li:after {display: block;}
.whysybx ol ul, .whysybx ol ol, 
.whysybx ul ol, .whysybx ul ul {padding-left: 0px;}
.whysybx ol li:before {content: counters(item, ".") ".";counter-increment: item;position: absolute;left: 0;color:var(--site-red);text-align: right;width: 32px;left: -15px;font-weight:bold;}
.whysybx a{word-break:break-word;}

.color-para p:first-child{color: var(--site-green);}

.text-light,
.text-light a,
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light .whysybx,
.text-light .whysybx p,
.text-light .whysybx li{color:var(--site-white);}
.text-light .whysybx a,
.text-light .whysybx p a,
.text-light .whysybx li a{color:var(--site-white);}
.text-light .whysybx ol li:before{color:var(--site-white);}
.text-light .whysybx p span,
.text-light .whysybx p strong{color:var(--site-green);}


p a, li a{color:var(--site-primary);font-weight:normal;text-decoration:none;}
h1 {font-style: normal;font-weight: normal;font-size: 75px;line-height:90px;color: var(--site-heading-color);margin-top: 30px;font-family: var(--site-font-heading);}
h2 {font-style: normal;font-weight: normal;font-size: var(--site-heading-font-size);line-height: 1.2;color: var(--site-heading-color);margin-top: 30px;font-family: var(--site-font-heading)}
h3 {font-style: normal;font-weight: normal;font-size: var(--site-box-title-font-size);line-height: var(--site-box-title-line-height);color: var(--site-heading-color);margin-top: 30px;font-family: var(--site-font-heading)}
h4{font-style: normal;font-weight: normal;font-size: 22px;line-height: 1.2;color: var(--site-heading-color);margin-top: 30px;font-family: var(--site-font-heading)}
h5{font-style: normal;font-weight: normal;font-size: var(--site-font-size);line-height: var(--site-font-line-height);color: var(--site-heading-color);margin-top: 30px;font-family: var(--site-font-heading)}
h6{font-style: normal;font-weight: normal;font-size: 16px;line-height: 1.2;color: var(--site-heading-color);margin-top: 30px;font-family: var(--site-font-heading)}
h1:first-child, h2:first-child, h3:first-child, h4:first-child,h5:first-child,h6:first-child {margin-top: 0;}

.site-content-wrap{position: relative;z-index: 1;}
.site-sub-heading {font-size:var(--site-subheading-font-size);line-height:var(--site-subheading-line-height);font-weight:bold;margin-bottom:30px;color: var(--site-green);display:block;font-family: var(--site-font-heading);}
.site-heading{font-style: normal;font-weight: normal;font-size: var(--site-heading-font-size);line-height:var(--site-heading-line-height);color: var(--site-heading-color);margin-top:0px;position: relative;z-index: 1;}

.site-btn-wrap {display:flex;align-items:center;column-gap:30px;row-gap:30px;}
.text-center .site-btn-wrap,
.site-btn-wrap.text-center{justify-content:center;}
.site-btn {font-style: normal;font-size: var(--site-btn-font-size);font-weight:normal;line-height: var(--site-btn-line-height);display:inline-flex;text-decoration:none;box-shadow:none !important;outline:none !important;overflow:hidden !important;position: relative;min-width:158px;padding:11px 20px;background: var(--site-green);border:1px solid var(--site-hover);color: var(--site-white);text-align: center;text-transform: initial;margin-top:30px;justify-content: center;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:0px;-webkit-transition: .5s;transition: .5s;}
.site-btn-white{color: var(--site-primary);border-color: var(--site-primary);background: var(--site-white);}
.site-btn-liner{color: var(--site-green) !important;background: var(--site-white);}


/**** Header ****/
.header-inner{animation-duration: .7s;-webkit-animation-duration: .7s;background:transparent;position: fixed;width: 100%;top: 0;left: 0;z-index: 9999;box-shadow: 0 3px 10px rgba(0,0,0,0.05); }
.fixed .header-inner {-webkit-animation-name:stickySlideDown;animation-name:stickySlideDown;box-shadow:0 5px 10px rgba(0,0,0,.16);background: var(--site-white);}
@keyframes stickySlideDown {
0% {
opacity:1;
transform:translateY(-100%);
-webkit-transform:translateY(-100%)
}
100% {
opacity:1;
transform:translateY(0);
-webkit-transform:translateY(0)
}
}

.header-content-wrap {display: flex;align-items: center;justify-content: space-between;padding: 24px 0;}
.site-logo img {max-height: 91px;}
.light-logo,
.light-header .dark-logo {display:none;}
.light-header .light-logo {display:block;}
.fixed .header-content-wrap {padding: 20px 0;}
.fixed .site-logo img {max-height: 52px;}
.fixed .site-logo .light-logo {display:none !important;}
.fixed .site-logo .dark-logo {display:block !important;}

.header-right {display: flex;align-items: center;justify-content: flex-end;column-gap:62px;}
.primary-menu {display: flex;align-items: center;margin: 0px;column-gap: 0px;column-gap:62px;}
.primary-menu li {font-size: 16px;line-height: 10px;position: relative;}
.primary-menu li a {font-size:16px;font-weight: normal;line-height: 20px;font-weight:normal;display:inline-block;text-decoration:none;color: var(--site-primary);}
.primary-menu > li > a:after{content:'';display:block;height:3px;width:100%;opacity:0;background:var(--site-hover);position: absolute;left: 0;bottom: 0;transition: 0.3s;-webkit-transition: 0.3s;}
.primary-menu > li > a{padding:0px 0px 2px;}
.primary-menu > li.current-menu-item > a,
.primary-menu li.current-menu-item > a,
.primary-menu li.current_page_item > a,
.primary-menu > li.current-menu-parent > a,
.primary-menu > li.current_page_parent > a,
.primary-menu li ul li.current-menu-item > a,
.primary-menu li ul li.current_page_item > a{color: var(--site-primary);font-weight: bold;}
.primary-menu > li > .sub-menu {background: var(--site-white);padding:20px 20px;border: none;width: 100%;max-width: 210px;min-width: 210px;left:50%;box-shadow: 4px 4px 14px 0px rgba(150,201,61,.2);position: absolute;top: calc(100% + 15px);transition: all 0.5s ease;z-index: 88888;border-radius: 0px;transform:translate(-50%, 15px);-webkit-transform:translate(-50%, 15px);opacity:0;visibility:hidden;}
.primary-menu > li > .sub-menu li{margin-top:15px;text-align:center;width:100%;}
.primary-menu > li > .sub-menu li:first-child{margin-top:0px;border:none;}
.primary-menu > li > .sub-menu li a{font-size:16px;line-height: 20px;padding:0px 0px 1px;color: var(--site-primary);position:relative;width:auto;text-align:center;border-bottom:2px solid transparent;}
.primary-menu > li.menu-item-has-children > a{position:relative;padding-right:17px;}
.primary-menu > li.menu-item-has-children > a:before {content: '';background: var(--submenu-caret) no-repeat center center;width: 13px;height:7px;position: absolute;top: 50%;right: 0;transform: translateY(-50%) rotate(0deg);-webkit-transform: translateY(-50%) rotate(0deg);transition: 0.3s;-webkit-transition: 0.3s;}
.primary-menu > li.current-menu-item > a:after,
.primary-menu li.current-menu-item > a:after,
.primary-menu li.current_page_item > a:after,
.primary-menu > li.current-menu-parent > a:after,
.primary-menu > li.current_page_parent > a:after{opacity:1;}
.primary-menu > li > .sub-menu li.current-menu-item > a{border-color:var(--site-hover);}
.head-contact{background:transparent;color:var(--site-hover);font-size:16px;line-height:22px;margin:0px;}
.head-contact.active{background:var(--site-hover);color:var(--site-white);}
.home .site-btn.head-contact { color: var(--site-white); border-color: var(--site-white); }
.home.fixed .site-btn.head-contact { color: var(--site-hover); border-color: var(--site-hover); }

.mob-menu-info .site-btn.head-contact,
.home.fixed .mob-menu-info .site-btn.head-contact { color: var(--site-primary); border-color: var(--site-primary); }
.mob-menu-info .site-btn.head-contact.active,
.home.fixed .mob-menu-info .site-btn.head-contact.active { color: var(--site-hover); border-color: var(--site-white);background: var(--site-white); }

.light-header .primary-menu li a{color:var(--site-white);}
.light-header .primary-menu li a:before{background-image:url(images/menu-caret-white.svg);}
.fixed .light-header .primary-menu li a{color:var(--site-primary);}
.fixed .light-header .primary-menu li a:before{background-image:var(--submenu-caret);}

/**** Header ****/


/**** Home Banner ****/
.home-banner-section{position: relative;overflow: hidden;height: 1080px;padding-top: 242px;}
.hb-background {position: absolute;height: 100%;width:100%;top:0;left:0;}
.hb-background iframe{position: absolute;left: 50%;top: 50%;width: 110%;height: 170%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.hb-background img{width:100%;height:100%;object-fit:cover;object-position:center;}
.hb-background:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';z-index: 1;background:var(--site-black);opacity:0.7;}
.banner-content {position: relative;z-index: 2;}
.banner-content-wrap {max-width: 873px;}
.banner-content-wrap .whysybx,
.banner-content-wrap .whysybx p{font-size:40px;line-height:1.2;max-width: 720px;}
.home-banner-section .site-btn-liner{border-color:var(--site-white);color:var(--site-white) !important;background: transparent;}

.scrollto-section {position: absolute;left: 50%;transform: translateX(-50%);height: 48px;width: 48px;font-size: 0px;background:url(images/gts-icon.svg) no-repeat center center;bottom: 219px;z-index: 2;}
.scrollto-section:hover {background-image:url(images/gts-icon-hover.svg);}
/**** Home Banner ****/

/**** Left Right Image Content Section ****/
.left-right-main-section{overflow:hidden;position:relative;}
.left-right-main-section .container{position:relative;z-index:1;}
.left-right-main-section .row{row-gap:40px;}
.left-right-main-section .row-reverse .site-content-image{margin-left: auto;}
.project-detail-sec + .flexible_section .ptb:last-child{padding-bottom:0px;}
.project-detail-sec + .flexible_section .ptb.with-bg:last-child{padding-bottom:100px;}
.bg-animate-icon {width: 100%;max-width: 1267px;position: absolute;left: -372px;top: 50%;transform: translateY(-50%);height: 1338px;opacity:0.5;}

.our-approach-section .bg-animate-icon {left: inherit; right: -127px; top: 60%;}

.left-right-main-section .site-content-image{width:100%;max-width:837px;}
.site-content-image img{width:100%;height:100%;object-fit:cover;object-position:center;}
.content-image1 {width: 100%;max-width: 628px;height: 719px;}
.content-image2 {width: 100%;max-width: 594px;height: 464px;margin-top: -198px;margin-left: auto;}
.left-right-main-section .site-content-wrap {max-width: 465px;padding-left:23px;}
.left-right-main-section .row-reverse .site-content-wrap {max-width: 499px;padding-left:0px;}
.left-right-main-section .site-content-wrap .whysybx p:first-child{font-size:25px;line-height: 1.24;}

.left-right-main-section.with-bg{background:var(--site-cream);}
.single-img{width:100%;height:751px;}
.left-right-main-section .row-reverse .single-img-content,
.left-right-main-section .single-img-content{padding:0px;max-width: 559px;margin:0 auto;}
.left-right-main-section .single-img-content .whysybx p:first-child{font-size:var(--site-font-size);line-height:var(--site-font-line-height);}

.image-swap .content-image1{margin-left:auto;}
.image-swap .content-image2{margin-left:0;}

/**** Left Right Image Content Section ****/

.box-heading{color:var(--site-primary);font-size:var(--site-box-title-font-size);line-height:var(--site-box-title-line-height);background: none;}

/**** Sector Section ****/
.sector-section{overflow:hidden;}
.sector-section.with-bg{background:var(--site-cream);}
.sector-section.with-bg .site-heading {color: var(--site-primary);}
.sector-list-row{margin-top:30px;row-gap:24px;justify-content:center;}
.sector-box {position: relative;display: inline-block;width: 100%;}
.sector-box:before{content:'';position:absolute;left:0;bottom:0;height:6px;width:100%;background:var(--site-white);z-index: 1;}
.sector-box:after{content:'';position:absolute;left:0;bottom:0;height:6px;width:50%;background:var(--site-green);z-index: 1;-webkit-transition: .5s;transition: .5s;}
.sector-box-img {height: 426px;overflow: hidden;position:relative;}
.sector-box-img img {width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 0.5; mix-blend-mode: multiply;}
.sector-box-img:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: var(--site-black); opacity: 0.2;}
.sector-box-img:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;max-height:100%;background: rgba(0, 0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 1) 100%);}
.sector-content-wrap {position: absolute;display: flex;align-items: flex-end;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;padding:37px 59px;}
.sector-content {display: flex;align-items: center;justify-content: space-between;width: 100%;column-gap: 20px;}
.sector-box .box-heading{color:var(--site-white);display: flex; align-items: center;}
.learnmore-btn {font-size: 16px;color: var(--site-green);text-decoration: underline;min-width: 93px;margin-bottom: 3px;}

.prj-type-bx .sector-box::after,
.prj-type-bx .sector-box::before{display: none;}
.prj-type-bx .sector-box-img { height: 362px;}
/**** Sector Section ****/

/**** Projects Section ****/
.project-list-section {overflow: hidden;position: relative;}
.project-page{padding-top: 320px !important;}
.project-list-section .bg-animate-icon{left: auto;right:-333px;}
.project-list-section .slick-slider{z-index:1;}
.project-list-section .site-content-wrap {display: flex;align-items: flex-start;justify-content: space-between;row-gap:30px;column-gap:50px;}
.title-content-wrap{display: flex;align-items: flex-start;column-gap:119px;row-gap:30px;max-width:975px;width:100%;}
.title-content-wrap .site-heading {min-width: 366px;}
.project-list-section .title-content-wrap .site-heading{ padding-bottom:60px; }
.title-content-wrap .whysybx {margin:0px;max-width: 465px;width:100%;}
.project-list-section .site-btn{margin:0px;}
.project-list-slider .slick-list {overflow: visible;margin-top:30px;}
.project-list-slider:before{content: '';position: absolute;right: 100%;height: calc(100% + 2px);width: 100%;background: var(--site-white);display: inline-block;top: 0px;z-index: 1;}
.project-list-slider .slick-arrow + .slick-list{padding-top: 89px;margin-top:0;}
.project-img {overflow: hidden;height: 549px; width: 100%;}
.project-box-wrap{padding-top:30px;align-items: flex-end;}
.project-img img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.category-name{color:var(--site-primary);opacity:0.3;font-size:var(--site-primary);line-height:1;margin-top:18px;}
.no-image{border: 1px solid white;}

.zoom-effect { position: relative; overflow: hidden; display: inline-block; vertical-align: top; }
.zoom-effect img { transition: transform 0.3s ease-in-out; -webkit-transition: transform 0.3s ease-in-out; transform: scale(1); object-fit: cover; object-position: center; }
/**** Projects Section ****/

/**** Full Image Slider Section ****/
.full-image-slider-section{overflow:hidden;}
.is-img{width:100%;height:1080px;}
.is-img img{width:100%;height:100%;object-fit:cover;object-position:cover;}
.image-slider .slick-dots{margin:0px;position:absolute;width:100%;bottom:56px;left:0;column-gap:30px;}
.image-slider .slick-dots li button{background:transparent;border-color:var(--site-white) !important;}
.image-slider .slick-dots li.slick-active button{background:var(--site-white);}
.has-icon-box-after .slick-dots {bottom: 212px;}

/**** Full Image Slider Section ****/

/**** Timeline Section ****/
.timeline-section{overflow:hidden;}
.timeline-section.with-bg{background:var(--site-gray);}
.timeline-section .site-heading{/*padding-left:70px;*/padding-right: 180px;}
.timeline-heading-slider {padding-top: 98px;}
.timeline-heading-slider .slick-list{overflow:visible;}
.timeline-heading-slider:before{content: '';position: absolute;right: 100%;height: calc(100% + 2px);width: 100%;background: var(--site-white);display: inline-block;top: 0px;z-index: 1;}
.with-bg .timeline-heading-slider:before{background: var(--site-gray);}
.timeline-heading-slider .slick-slide{padding:0 /*81px*/ 12px 15px;border-bottom: 1px dashed var(--site-green);}
.timeline-heading-slider .slick-arrow{left:auto;right:0px;top:-57px;}
.timeline-heading-slider .slick-prev{right:88px;}
.timeline-heading-slider .timeline-title {font-size: 100px;color:rgba(11,11,11,0.1);cursor:pointer;}
.timeline-heading-slider .slick-current.timeline-title {opacity:1;color:var(--site-primary);}
.timeline-slider {margin-top: 30px;}
.timeline-slider .site-content-wrap{max-width:630px;margin-left: 50px;}
.timeline-image {height: 571px;overflow: hidden;width: 100%;max-width: 624px;}
.timeline-image img{width:100%;height:100%;object-fit:cover;object-position:cover;}
.timeline-row{row-gap:30px;}
/**** Timeline Section ****/

/**** Icon Content Section ****/
.ic-box-row{row-gap:50px;margin-top:50px;justify-content:center;}
.ic-box-row:first-child{margin-top:0px;}
.icon-box-item {max-width: 342px;margin: 0 auto;padding: 0 20px;}
.icon-box-img {display: flex;align-items: center;justify-content: center;width: 88px;height: 88px;margin: 0 auto;border-radius: 50%;border: 1px solid var(--site-green);}
.icon-box-img img{max-height:58px;max-width:58px;}
.icon-box-content{margin-top:24px;}
.icb-wrapper{background:var(--site-coffee);padding:100px 12px;}
.icon-box-content .whysybx{margin-top:20px;}

.icon-content-box-section{position:relative;}
.icon-content-box-section.green-bg .icon-box-img { border-color: var(--site-primary); }
.icon-content-box-section.green-bg .icb-wrapper { background: var(--site-green); }
.full-image-slider-section + .icon-content-box-section{ padding-top: 0; margin-top: -156px; }

.left-right-main-section.with-bg + .icon-content-box-section{padding-top:0px !important;}
.left-right-main-section.with-bg + .icon-content-box-section:before{content:'';background:var(--site-cream);position:absolute;left:0;top:0;width:100%;height: calc(50% - 50px);}

/**** Icon Content Section ****/

/**** Team Section ****/
.our-team-section {position: relative;min-height: 700px;overflow: hidden;display: flex;align-items: flex-end;}
.our-team-bg-image {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.our-team-bg-image img{width:100%;height:100%;object-fit:cover;object-position:cover;}
.team-content-wrap {width: 100%;max-width: 706px;background: var(--site-white);padding: 0px 117px;}
.team-with-image .team-content-wrap{padding-top:70px;padding-bottom:70px;}
.ptb.team-with-image{padding-bottom:0px;}
/**** Team Section ****/

/**** Accreditations Section ****/
.accreditations-section .site-content-wrap{max-width:465px;margin: 0 auto;}
.accreditations-logo-wrap {display: flex;flex-wrap: wrap;column-gap: 45px;row-gap: 45px;justify-content:center;}
.accreditations-logo-box {width: 100%;max-width: 300px;height: 117px;display: flex;align-items: center;justify-content: center;padding: 70px 0;border: 1px solid #D9D9D9; border-radius: 10px;}
.accreditations-logo-box img { height: 117px; }
/**** Accreditations Section ****/

.download-brochure-section{background:var(--site-green);}
.site-footer{background:var(--site-primary);}
.footer-top-band { font-size: 65px; line-height: 1.21; max-width: 822px; }
.contact-title { display: flex; align-items: center; justify-content: space-between; }
.contact-link { background: url(images/footer-band-arrow.svg) no-repeat center center; font-size: 0; width: 202px; height: 132px; background-size: cover; }
.copyright-main {  display: flex; align-items: end; margin-top: 43px; justify-content: space-between;}
.copyright-inner { text-align: right; }
.menu-footer-menu-container .menu { display: flex; align-items: center; column-gap: 50px; }
.copyright-right { margin-top: 10px; }
.footer-first-row { display: flex; align-items: center; justify-content: space-between; }
.footer-contact-wrap a { display: block; font-size: 25px; font-weight: 400; color: var(--site-white); line-height: 1.24; text-decoration: underline;}
.footer-sec-row { margin-top: 34px; display: flex; align-items: center; justify-content: space-between; }
.footer-location .location-url,
.copyright-left,
.copyright-right { font-size: 16px; font-weight: 400; line-height: 1.25;}
.menu-footer-menu-container .menu a{font-size: 16px; font-weight: 400; line-height: 1.25;text-decoration: underline;}
.copyright-right a { text-decoration: underline; }
.footer-location { max-width: 210px; }
.social-wrap .insta-icon { background: url(images/gem-insta.svg) no-repeat center center; width: 27px; height: 27px; background-size: 27px;font-size: 0;display: inline-block;}
.social-wrap .linkedin-icon{background: url(images/gem-linkedin.svg) no-repeat center center; width: 24px; height: 24px; background-size: 24px; font-size: 0;display: inline-block;margin-left: 35px;}

.download-brochure-section{position: relative;overflow: hidden;}
.download-brochure-section .site-sub-heading { color: var(--site-primary); margin-bottom: 10px;}
.brochure-title{font-size: 65px; font-weight: 400; line-height: 1.21; color: var(--site-white); }
.download-brochure-section .whysybx{margin-top: 20px;color: var(--site-white);}
.download-brochure-section .site-btn {background: var(--site-primary);color: var(--site-white);border:none;}
.download-brochure-section:before{content: "";position: absolute;background: url(images/db-shape.svg) no-repeat center center;max-width: 1154px; height: 100%; top: 0; bottom: 0; right: 0; margin: auto; width: 100%; background-position: left;}
.right-image { text-align: center;padding-left: 150px;}
.right-image img { max-width: 760px; max-height: 527px; width: 100%; }

.clients-logo-section .whysybx { max-width: 469px; margin-left: auto; margin-right: auto;}
.clients-logo-row {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: 20px;column-gap: 30px;row-gap: 30px;}
.clients-logo { max-width: 274px; height: 102px; width: 100%; display: flex; align-items: center; justify-content: center;overflow: hidden;}
.clients-logo-section .site-heading { color: var(--site-green); }
.clients-logo img { max-height: 102px;}

.team-bx-sec.with-bg{background:var(--site-gray);}
.team-img {display:flex;overflow:hidden;max-width: 431px;height: 370px;}
.team-img img {object-fit: cover; width: 100%;height:100%;transition: 0.3s; -webkit-transition: 0.3s;}
.team-des-wrap { display: flex; justify-content: space-between; text-align: left; padding: 20px 20px 0;}
.team-title { font-size: 20px; font-weight: 700; color: var(--site-primary); }
.team-bx-left { max-width: calc(100% - 30%); }
.team-designation { font-size: 16px; font-style: italic; color: rgba(11, 11, 11, 0.5); margin-top: 5px; }
.team-mail a { font-size: 16px; font-weight: 400; color: var(--site-green); display: inline-block; transition: 0.3s; -webkit-transition: 0.3s;}
.team-mail{text-align: left;margin-top: 10px;padding: 0 20px;}
.team-bio-link {font-size: 16px; font-weight: 400; color: var(--site-primary); text-decoration: underline; display: inline-block; cursor: pointer; background: transparent;transition: 0.3s; -webkit-transition: 0.3s;}
.team-bx-mail { max-width: 431px; margin: auto; }
.team-bx-wrap { row-gap: 52px; margin-top: 52px;}
.team-bx-sec .container { max-width: 1441px; }
.team-bx{position: relative;}
.team-bx-sec .row{margin-right: -30px; margin-left: -30px;}
.team-bx-sec .row > *{padding-right: 30px; padding-left: 30px;}
.team_bio_link{display:inline-block;width:100%;}
.no-scroll { width: 100%; overflow: hidden; }
.team-bio {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0s 0.4s, visibility 0s 0.4s; -webkit-transition: opacity 0s 0.4s, visibility 0s 0.4s;}
.no-scroll .team-bio {opacity: 1; visibility: visible; transition: opacity 0s, visibility 0s;}
.team-bio-container { background: var(--site-white);padding: 100px 90px;}
.team-bio-container .whysybx{margin-top: 20px;}
.team-member-email a { margin-top: 20px; font-size: 18px; font-weight: 400; display: inline-block; text-decoration: none; padding-left: 30px; position: relative; transition: 0.3s; -webkit-transition: 0.3s;color: var(--site-primary);}
.team-member-mobile a{font-size: 18px; font-weight: 400; display: inline-block; text-decoration: none; padding-left: 30px; position: relative;transition: 0.3s; -webkit-transition: 0.3s;color: var(--site-primary);}
.team-bio-close { position: absolute; z-index: 3; right: 60px; top: 60px; width: 24px; height: 24px; padding: 0; font-size: 0px; text-indent: -99999px; border-radius: 50%; border: none; background: url(images/popup-close-icon.svg) no-repeat center center; opacity: 0; transition: background-color 0.3s, opacity 0.4s; cursor: pointer; z-index: 3;opacity: 0;background-size: cover;}
@keyframes rtl {from {transform:translateX(140%);opacity: 0;} to {transform:translateX(0%);opacity: 1;}}
.no-scroll .team-bio-close{ opacity: 1; opacity: 1; animation:rtl; animation-duration: 0s; animation-delay: 0s; animation-fill-mode: none; animation-duration: 0s; animation-delay: 0s; animation-fill-mode: none; animation-duration: 0s; animation-delay: 0s; animation-fill-mode: none; animation-duration: 0.4s; animation-delay: 0.4s; animation-fill-mode: forwards; opacity: 0; }
.team-bio-mask { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); opacity: 0; visibility: hidden; transition: opacity 0.4s, visibility 0.4s; -webkit-transition: opacity 0.4s, visibility 0.4s; }
.no-scroll .team-bio-mask{opacity: 1; visibility: visible; }
.team-bio-container { padding: 100px 90px; position: fixed; z-index: 2; right: 0; top: 0; width: 95%; max-width: 670px; height: 100%; overflow-y: auto; background: var(--site-white); transform: translateX(100%); transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); box-shadow: 0 5px 10px rgba(0,0,0,.16);}
.no-scroll .team-bio-container{transform: translateX(0); }
.team-member-email a:before{content: "";position: absolute;background: url(images/popup-mail.svg) no-repeat center center;top: 8px;left: 0;width: 19px;height: 12px;background-size: cover;}
.team-member-mobile a::before{content: "";position: absolute;background: url(images/popup-call.svg) no-repeat center center;top: 6px;left: 0;width: 17px; height: 17px;background-size: cover;}
.team-member-linkedin a{background: url(images/gem-linkedin-hov.svg) no-repeat center center;width: 24px;height: 24px;background-size: cover;font-size: 0;display: inline-block;}
.team-popup-btm { display: flex; align-items: end; justify-content: space-between; }
.team-member-mobile { margin-top: 5px; }
body.no-scroll .site { filter: blur(3px); }

.process-image img { max-width: 790px; height: 774px; width: 100%; object-fit: cover; }
.process-des-left { max-width: 470px; }
.process-des-left .site-heading { color: var(--site-green); }
.process-content { margin-top: 30px;position: relative;padding-left: 100px;}
.process-list .whysybx {margin-top: 20px;}
.process-sec .process-content::before { position: absolute; content: ""; background: url(images/step-list.svg) no-repeat center center; width: 45px; height: 45px; top: 0px; left: 0;background-size: cover; background-color: var(--site-coffee); border-radius: 50%; z-index: 1;}
.process-sec .process-content::after { content: ""; position: absolute; border-left: 2px dashed var(--site-green); width: 2px; height: 100%; top: 40px; left: 22px; }
.process-content:last-child::after { display: none; }
.process-content .process-ttl { font-size: 24px; font-weight: 400; margin-bottom: 20px; }
.process-sec { overflow: hidden;position: relative;}
.process-sec .bg-animate-icon{right: -80px; left: inherit; top: 80%;}
.process-sec .row { position: relative; z-index: 1; }

.project-detail-sec .inner-banner-sec{padding-bottom:0px;}

.prj-bx-sec { display: flex;flex-wrap: wrap;}
.prj-bx-shadow {position: relative;width: 50%;overflow: hidden;border-top: 1px solid var(--site-green);border-bottom: 1px solid var(--site-green);padding-left:161px !important;background:var(--site-coffee);display: flex; align-items: center;margin-bottom: -1px;z-index: 1;}
.prj-bx-shadow:nth-child(2n+1){border-right: 1px solid var(--site-green);}
.prj-bx-shadow .project-content{position: relative;z-index: 2;max-width: 465px;}
.project-content .site-heading{color:var(--site-green);}
.prj-bx-shadow:before{content: "";position: absolute; background: rgb(73,71,71); background: linear-gradient(280deg, rgba(73,71,71,0) 0%, rgba(73,71,71,1) 62%);width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.prj-bx-img {position: absolute; top: 0; right: 0;width: 100%; height: 100%;background: #000;background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(73, 71, 71) 86%);max-width: 647px;}
.prj-bx-img img {height: 100%; width: 100%;object-fit:cover;object-position:center;opacity: 0.5;}


.prj-list-ttl-wrap{display: flex;align-items: center;justify-content: space-between;column-gap: 24px;}
.prj-list-ttl-wrap.text-light .prj-list-heading { color: var(--site-green); max-width: 650px; width: 100%;}
.prj-list-ttl-wrap .whysybx { max-width: 627px; }

.feature-section .tci_box_heading {font-size: var(--site-box-title-font-size); position: relative; color: var(--site-primary); line-height: var(--site-box-title-line-height); font-weight: 400;max-width: 200px; width: 100%;min-height:55px;display:flex;align-items:center;margin-top:0px;}
.tci-heading-wrap {display: flex;column-gap: 40px;align-items: center;}
.box-img {min-width: 55px;height: 55px;max-width: 55px;border: 1px solid var(--site-green);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.box-img img {max-width: 30px;}
/*.feature-section .tci_box_heading::before { content: ""; position: absolute; background: url(images/feature-ttl-icn.svg) no-repeat center center;width: 55px; height: 55px;top:50%;transform:translateY(-50%);left: 0;}*/
.feature-section .title-content-box {padding: 44px 0 0; border-top: 1px solid rgba(150, 201, 61, 0.30); margin-top: 44px;}
.feature-section .tci_box_content { max-width: 406px; }
.feature-section .row { margin-top: 11px; }

.title-content-box .whysybx ul li,
.approach-box-wrap .whysybx ul li{padding-left: 32px;}
.title-content-box .whysybx ul li:after,
.approach-box-wrap .whysybx ul li:after {position: absolute;content: '';display: inline-block;left: 0;width: 3px;height: 3px;top: 13px;background: var(--site-green);}

/****** Full banner Section *****/
.full-image-banner{overflow:hidden;padding-top:320px;padding-bottom:320px;position:relative;}
.full-banner-img{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--site-black);}
.full-banner-img img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0.3;}
/****** Full banner Section *****/

/****** Our Approach Section *****/
.our-approach-section{overflow:hidden;position:relative;}
.our-approach-section.with-bg{background:var(--site-coffee);}
.our-approach-section .site-content-wrap{max-width:465px;}
.approach-box-slider{margin-top:30px;counter-reset: section;}
.approach-box-slider .slick-list{margin:0px;}
.approach-box-slider .slick-slide{padding:0px;}
.approach-box-slider .slick-arrow{top:auto;bottom:0;}
.approach-box-col:before {counter-increment: section;content: "0" counter(section) "";color: rgba(237, 237, 237, 0.5);font-size: var(--site-box-title-font-size);line-height:var(--site-box-title-line-height);font-weight: normal;display:block;width:100%;border-bottom:1px solid var(--site-gray);padding-bottom:30px;margin-bottom:30px;}
.approach-box-wrap .box-heading{color:var(--site-green);}
.approach-box-wrap{padding-right:30px;}
.approach-box-slider .slick-arrow + .slick-list{padding-bottom:109px}
/****** Our Approach Section *****/

/****** Full Content Background Section *****/
.full-content-background-section{position:relative;overflow:hidden;background: var(--site-primary);}
.full-content-background-section .site-content-wrap{max-width:663px;}
.full-content-background-section .site-content-wrap .site-heading { color: var(--site-green); }
.fcb-image{position:absolute;right:0;top:0;width:100%;height:100%;background: var(--site-primary);max-width:1377px;}
.fcb-image:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0);background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(11, 11, 11, 1) 100%);}
.fcb-image img{width:100%;height:100%;object-fit:cover;object-position:center;}

.full-content-background-section .whysybx ul li{font-size: 22px;line-height: 30px;}
/****** Full Content Background Section *****/

/****** Gallery Section *****/
.gallery-sec{overflow:hidden;}
.gallery-sec .container{padding:0px;max-width:1920px;}
.gallery-row {display: flex;flex-wrap: wrap;margin:0 -12px;row-gap:24px;}
.gallery-img-col{padding:0 12px;max-width:60.957%;width:100%;}
.gallery-img-box{height:810px;overflow:hidden;width:100%;display: flex;}
.gallery-img-box img{width:100%;height:100%;object-fit:cover;object-position:center;}

.gallery-img-col:nth-child(2),
.gallery-img-col:nth-child(3),
.gallery-img-col:nth-child(7),
.gallery-img-col:nth-child(8),
.gallery-img-col:nth-child(12),
.gallery-img-col:nth-child(13){max-width:39.043%;}

.gallery-img-col:nth-child(5),
.gallery-img-col:nth-child(10),
.gallery-img-col:nth-child(15){max-width:100%;}
/****** Gallery Section *****/

/****** Testimonial Section *****/
.testimonial-section.with-bg {background: #ededed;}
.tab-main-box .tab-menu-btn {display: none;}
.tabbing-row{margin-top:40px;row-gap:30px;align-items:flex-start;}
.tabbing-row:first-child{margin-top:0px;}
.tab-menu-btn {margin: 0;font-weight: normal;}
.tab-menu-items > * + * {margin-top:24px;}
.tab-menu-btn a {padding:24px 40px;display: inline-block;width: 100%;font-size: 22px;line-height: 28px;color: var(--site-primary);font-family: var(--site-font-heading);border:1px solid var(--site-primary);opacity:0.3;display: flex;align-items: center;column-gap: 30px;}
.tab-menu-btn a.active{background:var(--site-white);border-color:var(--site-white);opacity:1;}

.testimonial-img {border:1px solid #D9D9D9;height: 90px;width: 90px;min-width: 90px;border-radius:50%;display: flex;align-items: center;justify-content: center;background:var(--site-white);}
.testimonial-img img {max-width: 71px;max-height: 40px;}
.tab-main-box .box-heading{font-weight:bold;font-size:24px;line-height:34px;}
.testimonial-info .box-heading {font-weight: normal;}
.testimonial-cont {font-size: 16px;line-height: 1.2;font-style: italic;width: 100%;display: inline-block;margin-top: 3px;color:var(--site-primary);}
.testimonial-info-text{font-size: 16px;font-style: italic;width: 100%;display: inline-block;margin-top:20px;}

.tab-menu-items{max-width:626px;}
.tab-main-box {max-width: 467px;}

/****** Testimonial Section *****/

.full-width-image {position: relative; z-index: 1;}
.full-width-image img { width: 100%; height: 810px; object-fit: cover;object-position: center; }
.full-image-wrap {display: flex;}

.project-listing .project-box { width: 50%; }
.news-section.text-light .filter-sec.ptb.with-bg { background: var(--site-coffee);}
.text-light .category-name{color: var(--site-white);opacity: 1;}
.project-page .site-btn{margin-top: 70px;}
.project-page .news-section .row{row-gap: 30px;}
.filter-sec{padding:50px 0px !important;}

.no-proj-found,
.no-post-found {font-size: var(--site-box-title-font-size);color: red;text-align: center;text-transform: capitalize;}

.filter-title { font-size: var(--site-font-size); font-weight: 400; line-height: 1.3; color: var(--site-white);margin-right: 70px;}/* margin-top: 13px; */
.filter-wrapbx { display: flex; flex-wrap: wrap;row-gap: 15px;align-items: center;}
.filterbx { margin-right: 30px;width: 182px;}
.project-page .main-heading { max-width: 710px; }
.project-page .bg-animate-icon{right: -183px; top: 38%;}
.filter-clear{ color: var(--site-white); text-decoration: underline;}

.project-info-wrapper { border-top: 1px solid #0B0B0B; margin-top: 30px;display: flex; align-items: center;overflow: hidden;padding: 30px 0 60px;flex-wrap: wrap; row-gap: 30px;justify-content: space-between;}
.project-detail-sec .project-info {width: 14%;padding: 0 24px;}
.project-info span, 
.project-info strong, 
.project-info b { font-size: var(--site-font-size); font-weight: 400; color: var(--site-primary); line-height: 1;}
.project-info span{color: var(--site-green);display: block;margin-bottom: 10px;font-weight: bold;}
.project-detail-sec .full-width-image{margin-top: 0 !important;}
.trustreviews{overflow: hidden;}

.position-sec.with-bg { background: var(--site-gray); }
.position-sec .learnmore-btn {min-width: 120px;}
.apply-sec-wrap { max-width: 1165px; margin-left: auto; margin-top: 60px;}
.career-position-wrap{display: flex; align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(11, 11, 11, 0.3);padding: 20px 0;column-gap:30px;}
.career-position-left { width: 100%; }
.career-detail-banner .site-sub-heading{color:var(--site-primary);}
.career-description-row .row{row-gap:40px;}
.job-categoryinner {background:#f8f8f9;padding:37px 53px 50px;}
.career-details .career-sidebar .info-main {padding:15px 0px;}
.career-sidebar .info-main h4 {font-size: var(--site-box-title-font-size);line-height: var(--site-box-title-line-height);font-weight: 400;color: var(--site-primary);}
.career-sidebar .info-main .information-content {font-size: 18px;line-height: 28px;font-weight: 400;color: var(--site-primary);margin-top: 5px;}
.career-sidebar .info-main + .info-main {border-top:1px solid #cfcfcf;}
.more-position-link {padding-top: 30px;}
.more-position-link a {font-size: var(--site-font-size);line-height: var(--site-font-line-height);color: var(--site-primary);text-decoration:underline;}
.career-detail-banner{border-bottom: 1px solid rgba(11,11,11,0.12);}

/***** career-application-form-start *****/
.career-application-banner{background:var(--site-coffee);}
.career-application-banner .site-sub-heading{color:var(--site-white);}
.career-form-main {background:var(--site-coffee);border-top:1px solid rgba(255,255,255,0.3);}
.career-form-main .container {max-width: 903px;}
.career-form-main .select2-container .select2-selection--single{border:none !important;border-bottom:1px solid var(--site-white) !important;}

.application-form .heading label {color:var(--site-white);font-weight: normal;font-size: var(--site-box-title-font-size);line-height: var(--site-box-title-line-height);}
.career_ttl{margin-top:25px;}
.dnd-upload-status{padding:0px !important;}
.codedropz-upload-wrapper span.has-error-msg{color:red !important;}

.formwrapper{width: 100%;display: flex;margin-bottom: 15px;flex-wrap: wrap;}
.career-input {width: calc(100% - 205px);}
.career-label{width:205px;}
.career-label label{font-size:16px;line-height: 1.345;color:var(--site-white);}
.career-input input{border:none;border-bottom:1px solid var(--site-white);background: var(--site-coffee);color:var(--site-white);}

.career-input input[type="radio"]{border-radius:50%;border:1px solid var(--site-white);height: 30px;width: 30px;padding: 0px;}
.career-input input[type="radio"]:checked{border-color:var(--site-hover);}
.career-input input[type="radio"]:checked::after{border-radius:50%;background:var(--site-hover);height: 16px;width: 16px;top: 6px;left: 6px;}

.form_wrapper_pad{margin-top:40px;}
.wpcf7-form > .form_wrapper_pad{margin-top:0px;}
.carform_accept{margin-top:40px;}
.application-form .heading{padding-bottom:24px;width:100%;}

.intl-tel-input .selected-flag .iti-arrow{background: url(images/caret-icon-white.svg) no-repeat center center;width: 50px;height: 100%;margin-top: 0;top: 0;right: 0px;border:none;transition: 0.3s;-webkit-transition:0.3s;}
.intl-tel-input .country-list {overflow-x: hidden;border: 1px solid rgba(51,51,51,0.25);box-shadow: none;width: 100%;border-radius:0px;}
.intl-tel-input .country-list {scrollbar-color: #333333;scrollbar-width: thin;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;border:none;border-radius:0;}
.intl-tel-input .country-list::-webkit-scrollbar{width:5px;}
.intl-tel-input .country-list::-webkit-scrollbar-track{background:#E3E6E8;border-radius:0px;}
.intl-tel-input .country-list::-webkit-scrollbar-thumb{background-color: #333333; border-radius:0px;}

.intl-tel-input .country-list .country{color: var(--site-primary) !important;font-family:var(--site-font-primary) !important;font-size: 16px !important;font-style: normal !important;font-weight: 400 !important;line-height: 20px !important;padding: 12px 16px !important;word-wrap:break-word;white-space:pre-wrap;}
.intl-tel-input .country-list .country .country-name,
.intl-tel-input .country-list .country .dial-code{color: var(--site-primary) !important;}
.intl-tel-input .country-list .country.highlight {background-color: var(--site-hover) !important;color: var(--site-white) !important;}
.intl-tel-input .country-list .country.highlight .country-name{color: var(--site-white) !important;}
.intl-tel-input .country-list .country.highlight .dial-code{color: var(--site-white) !important;}

.intl-tel-input + br,
.intl-tel-input + br + #selected_country{display:none;}

.availability-dropdown-wrap {display: flex;}
.availability-dropdown-wrap .select2-container{min-width:100%;}
.availability-date {width: 156px;}
.availability-month {width: 336px;margin-left:24px;}
.availability-year {width: 144px;margin-left: 24px;}
.career-input-wrap {display: flex;margin: 0 -12px;}
.career-input-wrap > * {padding: 0 12px;}
.phone_with_code {width: 50%;}
.phone-input {width: 50%;}

.intl-tel-input{width:100%;display: block;}
.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container{position: initial;padding: 0;width: 100%;}
.intl-tel-input .selected-flag .iti-flag{display:none;}
.intl-tel-input.separate-dial-code .selected-dial-code{padding:0px;font-size: 16px;color: var(--site-white);font-weight: 500;display: block;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;max-width:100%;}
.intl-tel-input.separate-dial-code .flag-container .selected-flag {width: 100% !important;padding:15px 50px 15px 20px;background: var(--site-coffee) !important;height: 50px;border: none;border-bottom:1px solid var(--site-white);border-radius:0px;display: block;}
.intl-tel-input.separate-dial-code .flag-container .selected-flag.dropdown-open .iti-arrow{transform: rotate(180deg);margin-top:-2px;}

.radio_wrap {padding-top: 35px;padding-bottom: 43px;}
.radio_wrap .career-input{padding-left: 12px;}
.radio_wrap .formwrapper{margin-top: 28px;margin-bottom: 0px;}
.radio_wrap .formwrapper:first-child{margin-top:0px;}
.radio_wrap .wpcf7-list-item{padding-right: 38px;margin: 0;}
.radio_wrap .wpcf7-list-item label{cursor:pointer;display:flex;align-items:center;}
.radio_wrap .wpcf7-list-item .wpcf7-list-item-label{margin-right: 10px;font-size: 16px;font-weight: 500;color:var(--site-white);}
.radio_wrap .formwrapper{align-items:center;}
.form_wrapper_pad textarea{border-color:var(--site-white);}
.form_wrapper_pad textarea {border-bottom: 1px solid var(--site-white);background: var(--site-coffee);color: var(--site-white) !important;}
.form_wrapper_pad textarea::-webkit-input-placeholder {color:var(--site-white);}
.form_wrapper_pad textarea::-moz-placeholder {color:var(--site-white);}
.form_wrapper_pad textarea:-ms-input-placeholder {color:var(--site-white);}
.form_wrapper_pad textarea:-moz-placeholder {color:var(--site-white);}

.disclaimer-checkbox .wpcf7-form-control-wrap .wpcf7-not-valid-tip{position:absolute;left:-65px;}

.carrier_form_footer {margin-top: 50px;display: flex;justify-content:space-between;column-gap: 30px;row-gap: 30px;}
.attched_file .codedropz-upload-inner h3,
.attched_file .codedropz-upload-inner span {display: none;}
.attched_file .dnd-upload-counter {display: none;}
.attched_file .codedropz-upload-handler {border: 0;margin: 0;}
.carrier_form_footer .codedropz-upload-inner {width: auto;}
.attched_file .codedropz-btn-wrap {padding: 0;text-align: left;}
.codedropz-upload-container{padding:0px !important;}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {font-style: normal;font-size: var(--site-btn-font-size);font-weight: normal;line-height: var(--site-btn-line-height);display: inline-flex;text-decoration:none;box-shadow: none !important;outline:none !important;overflow:hidden !important;position: relative;min-width: 158px;padding:11px 20px;background: var(--site-green);border: 1px solid var(--site-green);color: var(--site-white);text-align: center;text-transform: initial;justify-content: center;cursor: pointer;appearance: none;-webkit-appearance:none;border-radius:0px;-webkit-transition:.5s;transition:.5s;}

.codedropz-upload-inner h3 {margin: 0px !important;font-size: var(--site-box-title-font-size) !important;line-height: 1 !important;font-weight: normal;color: var(--site-white);}
.codedropz-upload-inner span {height: 80px;display: block;width: 80px;margin: 19px auto 23px;font-size: 0px;text-indent: -99999px;background: url(images/file-upload-icon.svg) no-repeat center center;}
.cv_upload .codedropz-upload-handler{border: 1px dashed var(--site-white);background:var(--site-coffee);border-radius:0px;cursor:pointer;}
.cv_upload .codedropz-upload-container{padding:40px 20px !important;}
.cv_upload .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn{font-style: normal;font-size: var(--site-btn-font-size);font-weight: normal;line-height: var(--site-btn-line-height);display: inline-flex;text-decoration:none;box-shadow: none !important;outline:none !important;overflow:hidden !important;position: relative;min-width: 158px;padding:11px 20px;background: var(--site-green);border: 1px solid var(--site-green);color: var(--site-white);text-align: center;text-transform: initial;justify-content: center;cursor: pointer;appearance: none;-webkit-appearance:none;border-radius:0px;-webkit-transition:.5s;transition:.5s;}
.carform_field .info_txt{margin-top: 10px;display: block;font-size: 14px;color: var(--site-white);}
.attached_file-wrap {width: 100%;}
.dnd-upload-counter,
.dnd-upload-status .dnd-upload-image,
.dnd-upload-status .dnd-upload-details .name em{display:none !important;}
/*.dnd-upload-status .dnd-upload-details .dnd-progress-bar*/
.dnd-upload-status .dnd-upload-details .dnd-progress-bar{max-width: calc(100% - 60px);}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span{padding-right:5px;}
.dnd-upload-status .dnd-upload-details{width: 100%;background: var(--site-white);padding: 10px 20px !important;border: none;border-radius:0px;}
.dnd-upload-status .dnd-upload-details .name,
.dnd-upload-status .dnd-upload-details .name span{font-size: var(--site-font-size);line-height: var(--site-font-line-height);font-weight: 500;color: var(--site-primary);padding-top: 0;}

.codedropz-upload-wrapper span.has-error-msg{padding:0px !important;font-style: normal !important;margin-top: 15px;margin-bottom: 15px;display: block;font-size: 14px !important;}
.dnd-upload-status .dnd-upload-details span.has-error{margin-top:0px;display:block;font-size: 14px;color: #dc3232;}
.disclaimer-textarea {background: var(--site-coffee);padding:30px 30px;border: 1px solid var(--site-white);border-radius: 0px;}
.disclaimer-textarea p > label,
.attached_file-wrap p > label{display:none;}
.disclaimer-text, .disclaimer-text p {font-size: var(--site-font-size);line-height: var(--site-font-line-height) !important;;color:var(--site-white);}
.note {display: inline-block;width: 100%;margin-top: 10px;}
.note p{font-size:16px;line-height: 24px !important;color:var(--site-white);}
.note p a{color:var(--site-white);text-decoration:underline;}
.disclaimer-checkbox {margin-top: 20px;}
.disclaimer-checkbox p {font-size: var(--site-font-size);line-height: var(--site-font-line-height) !important;display: flex;align-items: center;color:var(--site-white);}
.disclaimer-checkbox .wpcf7-list-item{padding:0px;}
.disclaimer-checkbox .wpcf7-list-item input[type="checkbox"]{border-radius: 50%;border: 1px solid var(--site-white);height: 30px;width: 30px;padding: 0px;background: var(--site-coffee);}
.disclaimer-checkbox .wpcf7-list-item input[type="checkbox"]:after{border: none;border-radius: 50%;background: var(--site-hover);height: 16px;width: 16px;top: 6px;left: 6px;}
.disclaimer-checkbox .wpcf7-list-item input[type="checkbox"]:checked{border-color:var(--site-hover);}
.attched_file .dnd-upload-status{margin-top:15px;padding:0px;}
.dnd-upload-status .dnd-upload-details .remove-file,
.attched_file .dnd-upload-status .dnd-upload-details .remove-file {right: 15px;top: 50% !important;font-size: 0px !important;text-indent: -99999px;width: 30px;height: 30px;border: 0px;background: url(images/remove-file-icon.svg) center no-repeat;background-size: contain;opacity: 1 !important;transform: translateY(-50%);}
.dnd-upload-status .dnd-upload-details .remove-file span,
.attched_file .dnd-upload-status .dnd-upload-details .remove-file span{opacity:0;position:absolute;left:0;top:0;width: 30px;height: 30px;opacity: 1 !important}
.dnd-upload-status .dnd-upload-details .remove-file span::after{opacity: 0 !important}
.btm_info_txt{font-size:16px;line-height: 24px !important;color:var(--site-white);display: inline-block;margin-top: 10px;}
.career-submit p {display: flex;align-items: center;position: relative;}
.career-submit{margin-top:20px;}
.career-submit .wpcf7-submit {font-style: normal;font-size: var(--site-btn-font-size);font-weight: normal;line-height: var(--site-btn-line-height);display: inline-flex;text-decoration:none;box-shadow: none !important;outline:none !important;overflow:hidden !important;position: relative;min-width: 158px;padding:11px 20px;background: var(--site-white);border: 1px solid var(--site-white);color: var(--site-green);text-align: center;text-transform: initial;justify-content: center;cursor: pointer;appearance: none;-webkit-appearance:none;border-radius:0px;-webkit-transition:.5s;transition:.5s;order:2;}

.wpcf7-spinner{min-width: 24px; margin-top:23px; }
.wpcf7-drag-n-drop-file.d-none{ display:block !important; }

/**********************career-application-form-end************/


/******** News Detail ********/

.filter-close-btn a{color:var(--site-white);text-decoration:underline;}

.news-detail-section{position:relative;}
.news-detail-section.right-animation .bg-animate-icon {left: auto;right: 0;transform: initial;top: 30px;overflow:hidden;}
.news-detail-section.right-animation .bg-animate-icon dotlottie-player {transform: translateX(410px);}
.news-detail-row {display: flex;column-gap: 24px;align-items: flex-start;}
.share-post-section {min-width: 141px;text-align: center;position: sticky;top: 140px;}
.share-post-title {font-size: 16px;font-weight: bold;color: var(--site-primary);}
.share-button{margin-top:30px;}
.share-button a {font-size: 0px;height: 25px;width: 28px;display: block;margin: 20px auto 0;background-position:center center;background-repeat:no-repeat;}
.share-button a span{display:none;}
.a2a_button_facebook {background-image:url(images/share-facebook-icon.svg);}
.a2a_button_x {background-image:url(images/share-twitter-icon.svg);}
.a2a_button_linkedin {background-image:url(images/share-linkedin-icon.svg);}
.a2a_button_email {background-image:url(images/share-email-icon.svg);}

.news-detail-wrap {width: 100%;}
.new-detail-image {width: 100%;height: 553px;display: flex;}
.new-detail-image img{width:100%;height:100%;object-fit:cover;object-position:center;}
.news-content-wrap {max-width: 700px;margin-left: 162px;padding-top:70px;}
.news-content-wrap:first-child{padding-top:0px;}

.news-content-wrap .site-btn {background-image: url(images/back-arrow.svg);background-repeat: no-repeat;background-position:20px center;padding-left: 50px;min-width: initial;}
.related-blogs.with-bg{background:var(--site-primary);}
.related-blogs .blog-list-wrap .row{margin-top: 30px;row-gap: 24px;}
/******** News Detail ********/


.found-error-page,
.thankyou-sec{text-align: center;}
.error-page-img img{height: 200px;}
.found-error-page h1,
.found-error-page .site-btn,
.thankyou-sec .site-btn{margin-left: auto;margin-right: auto;}
.thankyou-img img{height: 174px;}

.news-bx-listing .row{row-gap: 30px;}
.news-bx-wrap{padding-top: 0;}
.news-bx-link .learnmore-btn{margin-top: 20px;display: inline-block;}
.news-bx-link .img-wrap img { height: 422px;width: 100%;object-fit: cover;}
.news-bx-link .img-wrap { width: 100%;line-height: 0;}
.news-bx-link .whysybx{margin-top: 10px;}
.news-bx-link .whysybx p{color:var(--site-white);}
.news-bx-listing .main-heading { max-width: 660px; }
.news-listing-box-wrap .site-btn{margin-top: 30px;}
.news-bx-listing .bg-animate-icon { right: -183px; top: 840px;filter: brightness(0) invert(1); opacity: 0.3;}

/****** Contact Page *****/
.contact-detail-section {padding-top: 0 !important;}
.contact-details-bx {display: flex;align-items: flex-start;column-gap:40px;justify-content:space-between;row-gap:40px;}
.contact-details-bx .banner-ttl {max-width: 439px;}
.office-address-list {width: 100%;max-width: 933px;}
.offices-row {row-gap: 40px;}
.offices-list .box-heading{color:var(--site-green);}
.office-address-list .whysybx p a{font-weight:normal;}
.map_info.google_map {height: 810px;}
.map-section {position: relative;overflow:hidden;}
.map-section:before{content:'';position:absolute;left:0;bottom:0;width:100%;background:var(--site-coffee);height:calc(50% - 50px);}
.contact-section .whysybx {max-width: 558px;}
.cf-row{row-gap:15px;}
.cf-row p >label{display:none;}
.cf-row .wpcf7-submit {width: auto;background: var(--site-coffee);color: var(--site-green);border-color: var(--site-green);margin-top:15px;}
.cf-row .wpcf7-spinner {transform: translateY(6px);}
iframe + div{border:none !important;}
.map-section + .contact-section{padding-top:0px !important;}
.gm-style .gm-style-iw-c{display: flex;flex-wrap: nowrap;flex-direction: row-reverse;padding-top:12px !important;}
.gm-ui-hover-effect{opacity: 1;width: 35px !important;height: 35px !important;}
.gm-ui-hover-effect > span{margin:0px auto !important;}
.gm-style-iw-chr{position:absolute; right:0px; top: 50%; margin-top: -17px;}
.gm-style-iw-d > div{padding-right:20px;}
.contact-form-wrap .select2-container .select2-selection--single{border:none !important;border-bottom:1px solid var(--site-white) !important;}
.dark-bg .google-privacy-text,
.carrier_form_footer .google-privacy-text {color:var(--site-white);}
.carrier_form_footer .google-privacy-text a,
.dark-bg .google-privacy-text a{font-weight:600;text-decoration:underline;color:var(--site-white);}
/****** Contact Page *****/

.header_top_wrap .sub-menu::before{background-color: var(--site-white);top: -3px;}
.career-banner + .flexible-block-main .icon-content-box-section{ padding-top: 0; }
.career-banner .ptb{padding-bottom:0px;}

.left-right-main-section.with-bg + .left-right-main-section.with-bg{padding-top:0px;}
.ptb{padding: 100px 0;}
.ptb+.ptb{padding-top:0px;}
.with-bg.ptb+.ptb,
.ptb+.with-bg.ptb{padding-top:100px;}

.dark-bg{background:var(--site-coffee);}

.news-bx-listing,
.inner-banner { padding-top: 242px;overflow: hidden;position: relative;}
.inner-banner .main-heading { max-width: 748px;position: relative; z-index: 1;}
.inner-banner .full-width-image { margin-top: 70px;position: relative; z-index: 1;}
.inner-banner .full-width-image img { width: 100%; height: 688px; object-fit: cover; }
.inner-banner-sec .site-heading {/*padding-left:68px;*/}
.inner-banner-sec .whysybx {max-width: 616px;}
.inner-banner-sec .whysybx p:first-child {font-size:25px;line-height:1.24;}
.inner-banner-sec.full-desc .whysybx { width: 100%; max-width: 618px;margin-left: 158px;}
.inner-banner .bg-animate-icon {top: auto;bottom: -83px;left: -468px;transform: initial;max-width: 1667px;height: 1738px;}
.right-animation.inner-banner .bg-animate-icon {right:-575px;left: auto; }
.sustainability-banner{background:var(--site-cream);position:relative;overflow:hidden;}
.sustainability-banner .whysybx p:first-child{font-size:var(--site-font-size);line-height:var(--site-font-line-height);}
.sustainability-banner.right-animation .bg-animate-icon {top: 20px;bottom: auto;}
.contact-page.right-animation .bg-animate-icon {top: -158px !important;bottom: auto !important;right: -433px;}

.project-detail-sec .inner-banner-sec .whysybx p:first-child { font-size: 18px !important; line-height: 1.6 !important; }

@media(min-width:768px){
.career-label label {min-height: 50px;display: flex;align-items: center;}
}
@media(min-width:992px){
.mob-btn-view{display:none;}
.career-sidebar {position: sticky;top: 140px;}
}

@media(min-width:1200px){
:root{--container-size:1218px;}

.wow {visibility: hidden;}

.slick-arrow.slick-prev:hover{background-image: var(--slider-arrow-left-hover);}
.slick-arrow.slick-next:hover{background-image: var(--slider-arrow-right-hover);}

.whysybx a:hover,
.whysybx p a:hover,
a:hover,
.whysybx li a:hover,
.whysybx a:hover strong,
.whysybx a:hover,
.whysybx p a:hover,
.whysybx li a:hover,
.dark-bg .text-light a:hover,
.dark-bg .text-light .whysybx a:hover
.dark-bg .text-light .whysybx p a:hover,
.more-position-link a:hover{ color:var(--site-hover);}
.whysybx a:hover h1, .whysybx a:hover h2, .whysybx a:hover h3, .whysybx a:hover h4, .whysybx a:hover h5, .whysybx a:hover h6,
.whysybx h1 a:hover, .whysybx h2 a:hover, .whysybx h3 a:hover, .whysybx h4 a:hover, .whysybx h5 a:hover, .whysybx h6 a:hover,
.primary-menu > li:hover a,
.fixed .light-header .primary-menu > li:hover a,
.primary-menu > li > a:hover,
.fixed.home .primary-menu li a:hover{color: var(--site-primary);}

.site-btn:hover, .dark-bg .text-light .site-btn:hover{background:var(--site-primary);border-color:var(--site-primary);color:var(--site-white);}
.project-list .site-btn:hover,
.site-btn-liner:hover{color:var(--site-white) !important;}
.home-banner-section .site-btn:hover{background:var(--site-white);border-color:var(--site-white);color:var(--site-hover);}
.home-banner-section .site-btn-liner:hover{color:var(--site-hover) !important;}

.primary-menu > li > a:hover:after{opacity:1;}
.primary-menu > li:hover > .sub-menu,
.primary-menu > li > .sub-menu li:hover > .sub-menu {-webkit-transform:translate(-50%, 0px);transform:translate(-50%, 0px);visibility:visible;opacity:1;}
.primary-menu > li > .sub-menu li a:hover{border-color: var(--site-hover);color: var(--site-primary);}
.light-header .primary-menu > li:hover > a,
.light-header .primary-menu > li a:hover{color:var(--site-white);}
.fixed .light-header .primary-menu li a:hover{color:var(--site-primary);}
.head-contact:hover{background:var(--site-hover);border-color:var(--site-hover);color:var(--site-white);}
.home.fixed .site-btn.head-contact:hover { color: var(--site-white); border-color: transparent;}
.home .site-btn.head-contact:hover{border-color: transparent;}
.primary-menu > li:hover > a:before{transform: translateY(-50%) rotate(-180deg);-webkit-transform: translateY(-50%) rotate(-180deg);}
.primary-menu > li.menu-item-has-children > .sub-menu:before{width: 100%; height: 14px; position: absolute; content: ""; top: -14px; left: 0; display: block !important;}

.sector-box:hover:after{width:100%;}
.sector-box:hover .sector-box-img:before{background:var(--site-white);}
.sector-box:hover .sector-box-img:after{background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 25%, rgb(255, 255, 255 ,1) 100%);}
.sector-box:hover .box-heading{color:var(--site-primary);}

/*.select2-container .select2-selection--single:hover{background:var(--site-white) !important;}
.select2-container .select2-selection--single:hover .select2-selection__rendered{color:var(--site-primary) !important;}
.select2-container .select2-selection--single:hover .select2-selection__arrow b::after{background-image: url(images/caret-icon-dark.svg);}*/
.project-box-link:hover .box-heading{color:var(--site-hover);}
.project-box-link:hover .learnmore-btn{color:var(--site-primary);}
.apply-sec-wrap .learnmore-btn:hover{color:var(--site-primary);}

.zoom-effect:hover img { transform: scale(1.07); }
.project-box-link:hover .zoom-effect img{transform: scale(1.07);}

.image-slider .slick-dots li button:hover{background:var(--site-white);}

.mob-btn{display:none !important;}
.menu-btn,
.mobile-header{display:none;}

.contact-link:hover{background: url(images/footer-band-arrow-hov.svg) no-repeat center center; }
.footer-contact-wrap a:hover{color: var(--site-hover);}
.social-wrap .insta-icon:hover { background: url(images/gem-insta-hov.svg) no-repeat center center;background-size: 27px;}
.social-wrap .linkedin-icon:hover{background: url(images/gem-linkedin-hov.svg) no-repeat center center;background-size: 24px;}
.download-brochure-section .site-btn:hover {background: var(--site-white); color: var(--site-black);border: none;}
.team-mail a:hover { color: var(--site-primary); }
.team_bio_link:hover .team-bio-link,
.team_bio_link:hover .team-title{color: var(--site-hover);}
.team_bio_link:hover .team-img img{transform: scale(1.07);}
.team-member-email a:hover,
.team-member-mobile a:hover,
.note p a:hover{color: var(--site-hover);}

.team-member-email a:hover:before{background: url(images/popup-mail-hov.svg) no-repeat center center;background-size: cover;}
.team-member-mobile a:hover:before{background: url(images/popup-call-hov.svg) no-repeat center center;background-size: cover;}
.team-bio-close:hover{background-image: url(images/popup-close-hov.svg);}
.team-member-linkedin a:hover{background: url(images/popup-linkedin-hov.svg) no-repeat center center;}

.text-light .project-box-link:hover .learnmore-btn { color: var(--site-white); }
.filter-clear:hover{text-decoration: none;}
.position-sec .site-btn:hover { color: var(--site-black); }
.tab-menu-btn a:hover{opacity:1;}

.cv_upload .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn:hover,
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn:hover{background: var(--site-white);border-color: var(--site-white);color: var(--site-hover);}
.career-submit .wpcf7-submit:hover{background: var(--site-hover);border-color: var(--site-hover);color: var(--site-white);}
.dnd-upload-status .dnd-upload-details .remove-file:hover,
.attched_file .dnd-upload-status .dnd-upload-details .remove-file:hover{background-image:url(images/remove-file-icon-hover.svg);}

.a2a_button_facebook:hover {background-image:url(images/share-facebook-icon-hover.svg);}
.a2a_button_x:hover {background-image:url(images/share-twitter-icon-hover.svg);}
.a2a_button_linkedin:hover {background-image:url(images/share-linkedin-icon-hover.svg);}
.a2a_button_email:hover {background-image:url(images/share-email-icon-hover.svg);}
.news-content-wrap .site-btn:hover {background-image: url(images/back-arrow-white.svg);background-repeat: no-repeat;background-position:20px center;}

.news-bx-link:hover .learnmore-btn{color: var(--site-white);}
.dark-bg .news-bx-link:hover .learnmore-btn{color: var(--site-white);}
.news-bx-link:hover .zoom-effect img { transform: scale(1.07); }
.news-bx-link:hover .news-listing-bx-ttl { color: var(--site-green); }
.news-bx-listing .site-btn:hover { background: var(--site-white); border-color: var(--site-white); color: var(--site-black); }
.cf-row .wpcf7-submit:hover {background: var(--site-hover);color: var(--site-white);}

.carrier_form_footer .google-privacy-text a:hover,
.dark-bg .google-privacy-text a:hover{color:var(--site-hover);}
}

@media(min-width:1400px){
:root{--container-size:1328px;}
}

@media(min-width:1700px){
:root{--container-size:1648px;}
}

@media(max-width:1700px){
.primary-menu{column-gap: 45px;}
}

@media(max-width:1600px){
:root{
--site-heading-font-size:35px;
--site-heading-line-height:45px;
}
h1{font-size:60px;line-height: 75px;}
.header-content-wrap{padding:30px 0px;}
.site-logo img{max-height: 80px;}
.primary-menu,
.header-right{column-gap: 30px;}
.home-banner-section{height: 780px;padding-top: 180px;}
.banner-content-wrap .whysybx,
.banner-content-wrap .whysybx p {font-size: 30px;}
.scrollto-section{bottom:100px;}
.is-img{height:auto;max-height:720px;}
.sector-content-wrap{padding-left:24px;padding-right:24px;}
.content-image1{max-width: 588px;}
.content-image2{max-width: 554px;height: 436px;}
.image-slider .slick-dots{column-gap:20px;}
.gallery-img-box{height: 660px;}
.full-width-image img{height:600px;}
}

@media(max-width:1699px){
.timeline-heading-slider .timeline-title { font-size: 50px;}
.gallery-img-box{height: 590px;}
.download-brochure-section:before{max-width: 814px;}
}

@media(max-width:1399px){
.download-brochure-section::before{max-width: 854px;}
.brochure-title { font-size: 52px;}
.clients-logo { max-width: 244px; height: 121px;}
.process-image img{height: 574px;}
.gallery-img-box{height: 520px;}
.timeline-slider .site-content-wrap{margin-left:20px;}
.news-content-wrap{margin:0 auto;}

.project-detail-sec .project-info { width: 20%;}
}

@media(max-width:1199px){
:root{
--site-box-title-font-size:22px;
--site-box-title-line-height:32px;
}
h1{font-size:50px;line-height: 65px;}
.banner-content-wrap .whysybx p {font-size: 28px;}
.header-content-wrap{padding:15px 0px;}
.header-right{display:none;}
.site-logo img {max-height: 52px;}
.mob-header-logo img{max-height: 52px;}
.menu-btn {display: block;width: 40px;height: 40px;background:url(images/huberg-dark.svg) no-repeat right center;border: none;font-size: 0px;text-indent: -99999px;padding: 0;cursor: pointer;}
.light-header .menu-btn {background-image:url(images/huberg-white.svg);}
.fixed .light-header .menu-btn {background-image:url(images/huberg-dark.svg);}
.new-mobmenu {display: block;position: fixed;top: 0px;left: -100%;width: 100%;max-width: 575px;height: 100%;background: var(--site-green);z-index: 999999;transition: left 0.7s ease;-webkit-transition: left 0.7s ease;}
body.menu-open{overflow:hidden;}
body.menu-open .new-mobmenu {left: 0%;}
.menu-close{width: 40px;height: 40px;background: var(--menu-close-icon-icon) no-repeat center center;cursor:pointer;display:inline-block;background-size: 25px;}
.main-navigation{height: calc(100vh - 120px); overflow-y: auto;padding-bottom: 40px;margin-bottom: 40px;}
.mob-menu{padding-left:0px;padding-right:0px;padding-top: 20px;}
.mob-header{display: flex;align-items: center;justify-content: space-between;padding: 20px 24px;}
.fixed .mob-header{padding-top: 20px;}
.responsive-hamburger li{margin:0px; position: relative;padding: 0 24px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.responsive-hamburger li a:not([href]):not([class]),
.responsive-hamburger li a:not([href]):not([class]):hover{color:var(--site-primary);}
.responsive-hamburger li .sub-menu-toggle{width: 30px;height: 30px;border: 0px;background: none;cursor:pointer;padding:0px;display:none;background:var(--submenu-caret) no-repeat right center;order: 2;}
.responsive-hamburger > li.menu-item-has-children > .sub-menu-toggle,
.responsive-hamburger li > ul li.menu-item-has-children > .sub-menu-toggle{display:block;}
.responsive-hamburger li.subnav_open > .sub-menu-toggle{transform: rotate(180deg); -webkit-transform: rotate(180deg);background-position: left center;}
.responsive-hamburger li > ul.sub-menu{display: block !important;max-height: 0px;overflow: hidden;transition: max-height 0.5s ease; -webkit-transition: max-height 0.5s ease;order: 3;width: 100%;}
.responsive-hamburger li > ul.sub-menu li{padding:0px;}
.responsive-hamburger li.subnav_open > ul.sub-menu,
.responsive-hamburger li > ul.sub-menu > li.second_menu > ul.sub-menu,
.responsive-hamburger li > ul.sub-menu > li > ul.sub-menu > li.lichild > ul.sub-menu{max-height: 800px; opacity: 1; transition: max-height 0.5s ease; -webkit-transition: max-height 0.5s ease;}
.responsive-hamburger li > ul{padding-left:0px;}
.responsive-hamburger li > ul li{margin:12px 0px 0px;}
.responsive-hamburger li > ul li:last-child{border-bottom:none;}
.responsive-hamburger li.current_page_parent.menu-item-has-children > a,
.responsive-hamburger li.current-page-ancestor > a,
.responsive-hamburger li.current-page-parent > a,
.responsive-hamburger li.current-menu-item > a{color: var(--site-primary);}
.responsive-hamburger li > ul li a{color:var(--site-primary);font-size: var(--site-font-size);font-weight: normal;line-height: 1.2;text-transform: capitalize;}
.responsive-hamburger li > ul li.second_menu > a,
.responsive-hamburger ul li.current_page_parent > a,
.responsive-hamburger li.subnav_open > a,
.responsive-hamburger li > ul li.current-page-parent > a,
.responsive-hamburger li > ul li.current-menu-ancestor > a,
.responsive-hamburger li > ul li.current-menu-item > a{color:var(--site-primary);}
.responsive-hamburger li > a {padding: 15px 0;width: auto;display: inline-block;text-align:center;position: relative;}
.responsive-hamburger > li:first-child > a { padding-top: 0; }
.responsive-hamburger li.current_page_item .sub-menu li:first-child > a { margin-top: 10px; }
.responsive-hamburger .sub-menu li > a{padding: 8px 0;}
.responsive-hamburger li a {position: relative;}
.responsive-hamburger li a:after{content:'';height:3px;background:var(--site-primary);position: absolute;left: 0;bottom: 0;width: 100%;opacity:0;}
.responsive-hamburger li ul li > a:after{height:2px;}
.responsive-hamburger li.menu-item-has-children > a:after{width: calc(100% + 30px);}

.responsive-hamburger li.current-menu-ancestor > a:after,
.responsive-hamburger li.current_page_parent > a:after,
.responsive-hamburger li.current-menu-item > a:after,
.responsive-hamburger li > ul li.second_menu > a:after,
.responsive-hamburger ul li.current_page_parent > a:after,
.responsive-hamburger li > ul li.current-page-parent > a:after,
.responsive-hamburger li > ul li.current-menu-ancestor > a:after,
.responsive-hamburger li > ul li.current-menu-item > a:after{opacity:1;}

.responsive-hamburger li.menu-item-has-children > a {width:auto;}
.responsive-hamburger li > ul li{margin-top:0px;}
.mob-menu-info {padding: 0 20px;margin-top: 20px;}
.contact-btn-wrap{text-align:center;}
.head-contact{border-color:var(--site-primary);color:var(--site-primary);}
.social-links-wrap {display: flex;align-items: center;justify-content: center;margin-top: 50px;column-gap:32px;}
.social-links-wrap a{height:27px;width:27px;background-position:center center;background-repeat:no-repeat;font-size:0px;text-indent:-99999px;}
.social-links-wrap a.linkedin {background-image: url(images/linkedin-icon.svg);}
.social-links-wrap a.instagram {background-image: url(images/instagram-icon.svg);}

.left-right-main-section .col-md-12{order:2;}
.site-content-image-col{order:1;}
.left-right-main-section .site-content-wrap{padding-left:0px;max-width: 100%;}
.left-right-main-section .site-content-image{margin:0 auto;}
.title-content-wrap{max-width: 100%;flex-wrap: wrap;}
.title-content-wrap .site-heading {min-width:initial;width:100%;}
.title-content-wrap .whysybx{max-width: 100%;}

.project-img{height:350px;}
.project-list-slider .slick-arrow + .slick-list{margin-top:30px;}

.timeline-slider .slick-arrow { display: none !important;}
.timeline-heading-slider { padding-top: 70px; }
.timeline-slider .site-content-wrap{margin-left:0px;}
.team-with-image .team-content-wrap {padding:50px 50px 0px;}
.accreditations-logo-box { max-width: calc(40% - 25px); max-height: 67px; padding: 50px 0;}
.accreditations-logo-box img { height: 67px; }
.footer-top-band { font-size: 55px;}
.contact-link{width: 110px;height: 60px;}
.footer-top-band{max-width: calc(100% - 170px);}
.download-brochure-section::before {max-width: 500px;background-size: 800px;}
.download-brochure-section .right-image{padding-left: 0;}
.brochure-title { font-size: 44px;}

.clients-logo { max-width: 214px; height: 102px;}
.team-bx-sec .row{margin-right: -12px; margin-left: -12px;}
.team-bx-sec .row > *{padding-right: 12px; padding-left: 12px;}
.team-bio-container .team-img{height: auto;}
.team-bx-wrap { row-gap: 30px;}

.inner-banner .full-width-image img{height: initial;}
.inner-banner .full-width-image { margin-top: 30px;}
.project-page .site-btn{margin-top: 50px;}
.icb-wrapper{padding:70px 0px;}
.process-content{padding-left: 70px;}
.prj-bx-shadow .process-content{max-width: 365px;}
.project-list .site-btn:hover{color:var(--site-var);}
.project-detail-sec + .flexible_section .ptb.with-bg:last-child{padding-bottom:70px;}
.ptb{padding: 70px 0;}
.with-bg.ptb+.ptb,
.ptb+.with-bg.ptb{padding-top:70px;}
.with-bg + .our-team-section .team-content-wrap{padding-top:70px;}
.news-bx-listing,
.inner-banner,
.project-page { padding-top: 133px !important; }

.prj-bx-shadow{padding-left: 24px !important;padding-right: 24px !important;}
.full-image-banner{padding-top: 170px;padding-bottom: 170px;}
.left-right-main-section .row-reverse .site-content-wrap { max-width: 100%;}
.feature-section .title-content-box { padding: 30px 0 0; margin-top: 30px;}
.left-right-main-section .row-reverse { flex-direction: column-reverse; }
.content-image1 {max-height:553px;max-width: 480px;}
.content-image2 {max-width: 454px;max-height:360px;}
.single-img-section .row-reverse { flex-direction: initial; }
.full-image-slider-section + .icon-content-box-section {margin-top: -76px;}
.team-bio-container{padding:70px 70px;}
.timeline-heading-slider .slick-arrow{top: -53px;}

.team-bio-close{top: 46px;}
.our-team-section{flex-wrap:wrap;min-height: initial;padding-top:0px !important;}
.our-team-bg-image {position: initial;max-height:500px;}
.our-team-section .container{padding:0px;}

.fcb-image::before {background:var(--site-primary);opacity:0.7;}
.full-content-background-section .whysybx ul li {font-size: 18px;}

.right-animation.inner-banner .bg-animate-icon { right: -465px; bottom: inherit; top: 0; }
.gallery-img-box{height:420px;}
.left-right-main-section.with-bg + .icon-content-box-section:before{height: calc(50% - 35px);}

.project-info-wrapper{padding: 30px 0;}
.apply-sec-wrap{margin-top: 10px;}
.job-categoryinner{padding: 20px 30px 30px;}

.full-width-image img{height:400px;}

.error-page-img img { height: 163px; }
.thankyou-img img { height: 84px; }
.thankyou-sec.ptb,
.found-error-page.ptb { padding-top: 160px; }
.news-bx-listing .bg-animate-icon { right: -333px; top:570px;}

.new-detail-image{height: 453px;}

.contact-details-bx{flex-wrap:wrap;}
.contact-details-bx .banner-ttl,
.office-address-list{max-width:100%;}
.map_info.google_map {height: 610px;}
.map-section::before {height: calc(50% - 35px);}
.contact-page.right-animation .bg-animate-icon{height: 958px;top: 0px !important;}

.accreditations-logo-wrap{column-gap: 25px; row-gap: 25px;}
.project-list-section .title-content-wrap .site-heading{ padding-bottom:0; }
}

@media(max-width:991px){
.scrollto-section {bottom: 50px;}
.sector-box-img,
.prj-type-bx .sector-box-img {height: 326px;}
.project-list-section .site-content-wrap{flex-wrap:wrap;}
.project-img{height:280px;}
.desk-btn-view{display:none;}

.timeline-heading-slider { padding-top: 50px; }
.timeline-slider .site-content-wrap { max-width: 100%;}
.timeline-image { height: 421px;}
.accreditations-section .site-content-wrap { max-width: 100%;margin-top: 30px;}
.accreditations-logo-wrap{justify-content: center;}

.home-banner-section {height: 680px;}

.footer-top-band { font-size: 35px; }
.download-brochure-section .right-image{padding-top: 30px;}

.footer-contact-wrap a{font-size: 22px;}
.inner-banner-sec .site-heading{ width: 100%;padding-left:0px;}
.inner-banner-sec .whysybx {max-width: 100%;padding-left:0px;margin-top:20px;}
.inner-banner-sec.full-desc .whysybx { max-width: 100%; margin-left: 0;margin-top: 0;}

.process-image img { height: 474px; }
.process-des-left { max-width: 100%;}

.prj-bx-shadow{width: 100%;}
.prj-bx-shadow:nth-child(2n+1) {border-right:none;}
.prj-bx-shadow .process-content { max-width: 100%; padding-left: 24px; }
/* .prj-bx-shadow { height: 390px;} */

.prj-list-ttl-wrap{  flex-wrap: wrap;}
.prj-list-ttl-wrap.text-light .prj-list-heading,
.prj-list-ttl-wrap .whysybx{width: 100%;}
.prj-list-ttl-wrap .whysybx {max-width: 100%;}

.prj-bx-shadow .project-content{max-width: 100%;}
.feature-section .tci_box_heading{max-width: 100%;/*padding-left: 80px;*/}
.tci-heading-wrap{column-gap:30px;}
.feature-section .row { margin-top: 0; }
.process-sec .row{row-gap:30px;}
.single-img{height:640px;}
.right-animation.inner-banner .bg-animate-icon { right: -255px; top: -40%; bottom: auto; }
.gallery-img-box{height:320px;}
.tab-menu-col {display: none;}
.tab-main-box .tab-menu-btn{display:block;margin-bottom: 20px;margin-top: 30px;}
.tab-main-box {max-width: 100%;}
.tab-menu-btn a {padding:20px 25px;column-gap: 20px;}

.filter-title{margin-right: 30px;}
.project-detail-sec.right-animation.inner-banner .bg-animate-icon{top: 0;}
.news-listing-box-wrap .img-wrap img { height: 292px;}
.news-bx-listing .bg-animate-icon { right: -113px;}
.news-detail-row{flex-wrap:wrap;}
.share-post-section{position: initial;width: 100%;}
.social-icon-wrap,
.share-button .a2a_kit{display:flex;align-items:center;column-gap: 14px;}
.share-button,
.share-button a{margin:0px;}
.news-detail-wrap{margin-top:30px;}
.mob-btn-view{padding-top:30px;}
.contact-section .whysybx {max-width: 100%;}
.map_info.google_map {height: 510px;}

.project-detail-sec .project-info { width: 25%;}

.accreditations-logo-box {max-width: calc(33.33% - 25px);}
}

@media(max-width:767px){
:root{
--site-font-size:16px;
--site-font-line-height:24px;
--site-heading-font-size:25px;
--site-heading-line-height:35px;
--site-box-title-font-size:20px;
--site-btn-font-size: 16px;
}
h1{font-size:35px;line-height: 45px;}
.whysybx, .whysybx p{margin-top:15px;}
.whysybx ul li::after{top: 2px;}
.site-btn-wrap{column-gap: 12px;row-gap:0px;flex-wrap: wrap;}
.site-btn{margin-top:20px;}
.site-sub-heading{margin-bottom: 20px;}

.slick-dots li button{height:14px;width:14px;}
.slick-arrow{width: 40px;height: 40px;background-size:contain;}
.timeline-heading-slider .slick-prev{right:60px;}
.project-list-slider .slick-arrow + .slick-list {padding-top: 70px;}
.home-banner-section{height:auto;min-height:428px;padding-top: 127px;padding-bottom: 127px;}
.banner-content-wrap .whysybx,
.banner-content-wrap .whysybx p {font-size: 18px;line-height:28px;margin-top:20px;}
.scrollto-section {bottom: 30px;}
.left-right-main-section .site-content-wrap .whysybx p:first-child,
.inner-banner-sec .whysybx p:first-child {font-size: 18px;line-height: 28px;}
.tab-main-box .box-heading{font-size:18px;line-height:28px;}
.project-list-section .slick-slider{max-width: 261px;}
.project-img{height:182px;}
.project-box-wrap {padding-top: 15px;}
.project-box-wrap{flex-wrap:wrap;width: 100%;row-gap: 15px;}
.project-box-wrap .learnmore-btn{width: 100%;}
.category-name{margin-top:7px;}
.slick-arrow.slick-next{left: 63px;}
.image-slider .slick-dots {column-gap: 14px;bottom: 30px;}
.icb-wrapper{padding:50px 0px;}
.timeline-heading-slider .timeline-title { font-size: 30px; }
.timeline-heading-slider .slick-arrow{top: -39px;left:auto;right:0;}
.timeline-heading-slider .slick-prev{right:60px;}
.timeline-section .site-heading{padding-right:120px;}
.timeline-heading-slider { padding-top: 30px; }
.timeline-heading-slider .timeline-title { font-size: 26px; }
/* .accreditations-logo-wrap{row-gap: 30px;} */

.footer-top-band { font-size: 32px; }
.footer-contact-wrap a{font-size: 18px;}

.copyright-main{flex-wrap: wrap;}
.copyright-inner { text-align: left; width: 100%; margin-top: 20px; }
.copyright-right { margin-top: 20px; }

.brochure-title { font-size: 34px; }

.clients-logo { max-width: 184px; height: 101px; }
.clients-logo-row{row-gap: 30px;}

.team-title { font-size: 18px;}
.process-content .process-ttl { font-size: 22px;}

.full-content-background-section .whysybx ul li{font-size:18px;line-height:24px;}

.project-detail-sec + .flexible_section .ptb.with-bg:last-child{padding-bottom:50px;}

.sustainability-banner.right-animation .bg-animate-icon {top: auto !important;bottom: -300px !important;right: -50px !important;max-width: 837px;height: 888px;opacity: 1;}
.news-content-wrap{padding-top:50px;}

.ptb{padding: 50px 0;}
.with-bg.ptb+.ptb,
.ptb+.with-bg.ptb{padding-top:50px;}
.with-bg + .our-team-section .team-content-wrap{padding-top:50px;}
/* .inner-banner, .project-list-section {padding-top: 134px !important;} */

.prj-bx-shadow { min-height: 330px; }
.feature-section .tci_box_heading{/*padding-left: 70px;*/min-height: 55px;}
.tci-heading-wrap{column-gap:20px;}
.approach-box-slider .slick-arrow + .slick-list { padding-bottom: 80px; }
.feature-section .title-content-box { padding: 20px 0 0; margin-top: 20px; }
.full-image-slider-section + .icon-content-box-section{margin-top: -56px;}
.team-member-email a::before{top: 6px;}
.team-member-mobile a::before{top: 4px;}
.team-bio-container{padding:50px 50px;}
.full-content-background-section .whysybx ul li::after { width: 18px; height: 17px;}
.team-bio-close{top: 26px;}
.left-right-main-section.with-bg + .icon-content-box-section:before{height: calc(50% - 25px);}
.project-info-wrapper{flex-wrap: wrap;}
.project-detail-sec .project-info{width: 33.33%;padding: 0 12px;}
.position-sec .site-btn{min-width: 100px;}

.form_wrapper_pad {margin-top: 30px;}
.career-label{width:100%;margin-bottom: 8px;}
.career-input {width: 100%;}
.career-form {margin-top: 40px;}
.career-input-wrap{flex-wrap:wrap;}
.phone_with_code{width: 100%;}
.phone-input{width: 100%;margin-top:15px;}
.radio_wrap .career-input {padding-left: 0;padding-top: 15px;}
.radio_wrap .formwrapper {margin-top: 30px;}
.radio_wrap .wpcf7-list-item {padding-right: 0px;width: 100%;margin-top: 15px;}
.radio_wrap .wpcf7-list-item:first-child{margin-top:0px;}
.radio_wrap .wpcf7-list-item .wpcf7-list-item-label {min-width: 85px;display: inline-block;}
.radio_wrap {padding-top: 15px;padding-bottom: 30px;}
.disclaimer-textarea{padding:25px 30px 30px;}
.carrier_form_footer{flex-wrap:wrap;justify-content: center;row-gap: 30px;margin-top: 30px;}
.attched_file {width: 100%;}
.attched_file .codedropz-btn-wrap{text-align:center;}

.cv_upload .codedropz-upload-container {padding: 20px 20px !important;}
.codedropz-upload-inner h3{font-size:18px !important;}
.codedropz-upload-inner span{width: 50px;height: 50px;background-size: contain;}
.cv_upload .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn{font-size:16px;min-width: 175px;padding: 9px 20px 9px;max-width: 150px;}
.career-submit .wpcf7-spinner {position: absolute;margin:0;right: -34px;}
.full-width-image img{height:auto;max-height:300px;}

.error-page-img img { height: 113px; }
.thankyou-img img { height: 64px; }

.thankyou-sec.ptb,
.found-error-page.ptb { padding-top: 134px;}

.news-listing-box-wrap .img-wrap img { height: 242px; }
.news-bx-listing .bg-animate-icon{top: 400px;}
.map-section::before {height: calc(50% - 25px);}

.project-detail-sec .inner-banner-sec .whysybx p:first-child { font-size: 16px !important;}
}

@media(max-width:667px){
.content-image1{max-width:488px;height:560px;}
.content-image2{max-width:454px;height:356px;margin-top: -76px;}
.is-img{max-height:416px;height:416px;}
.download-brochure-section::before { max-width: 395px; background-size: cover; left: auto; background-position: left center; height:535px; width: 492px; right: -94px; margin: 0; bottom: 0; top: auto; }
.contact-link {width: 100px;height: 50px;}
.gallery-img-box {height: 270px;}
.testimonial-img{height: 70px;width: 70px;min-width: 70px;}
.testimonial-img img {max-width: 51px;max-height: 20px;}
.single-img {height: 540px;}

.career-submit {width: 100%;position:relative;}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {width: 100%;max-width: 100%;}
.career-submit .wpcf7-submit{max-width:100%;width:100%;order: 1;}
.wpcf7-spinner {z-index:1;position:absolute;}
.career-input {flex-wrap: wrap;}
.availability-dropdown-wrap{flex-wrap: wrap;}
.availability-date, .availability-year {width: 100%;margin:0px;}
.availability-month {width: 100%;margin:15px 0;}
.career-submit .wpcf7-spinner{right:10px;}
.new-detail-image {height: 280px;}
.news-bx-link .img-wrap img {height:277px;}
.career-position-wrap{flex-wrap:wrap;row-gap: 10px;}
/* .accreditations-logo-box { max-width: 186px;} */
}

@media(max-width:575px){
.left-right-main-section .site-content-image{max-width: 100%;}
.content-image1{max-width:244px;height:279px;}
.content-image2{max-width:231px;height:179px;}

.team-with-image .team-content-wrap { padding: 30px 30px 0; }

.contact-title{flex-wrap: wrap;}
.footer-top-band { max-width: 100%; }
.contact-link { width: 110px; height: 70px; margin-top: 30px; }

.footer-first-row,
.footer-sec-row{flex-wrap: wrap;}
.footer-contact-wrap,
.social-wrap { width: 100%; margin-top:20px;}
.footer-top-band { font-size: 25px; }
.footer-contact-wrap a:last-child { margin-top: 10px; }
.copyright-main{margin-top: 30px;}

.brochure-title { font-size: 25px; }

.contact-link { font-size: 16px; border: 1px solid var(--site-white); display: flex; align-items: center; font-weight: 400; padding:15px 71px 15px 22px; background: transparent; width: auto; height: auto; position: relative;}
.contact-link:after{content: "";position: absolute;background: url(images/foot-mob-arrow.svg) no-repeat center center;width: 29px;height: 19px;top: 0;bottom: 0;margin: auto; right: 22px;right: 22px;}

.clients-logo{ max-width: 148px; height: auto;}
.clients-logo img { max-width: 145px; object-fit: contain; height: 54px; }

.team-img { height: 370px; }

.team-bio-container{width: 100%; max-width: 100%;}
.team-bio-container { padding:60px 30px 30px;}
.prj-bx-shadow { min-height: 340px;}

.project-list-section .bg-animate-icon{top: 90%;right: -133px;}
.footer-contact-wrap a { font-size: 16px; }
.gallery-img-box {height: 230px;}
.single-img {height: 325px;}

.filter-title{width: 100%; margin-right: 0;}
.project-detail-sec.right-animation.inner-banner .bg-animate-icon { top: -160px; right: -145px; }
.project-page .col-6{width: 100%;}
.project-page .project-img{width: 100%;height: 282px;}
.filterbx { margin-right: 0; width: 100%; }
.project-page .bg-animate-icon { right: -86px; top: 19%; }
.career-position-ttl { font-size: 18px;}

.error-page-img img { height: 83px; }
.news-listing-box-wrap .img-wrap { width: 100%; }
.news-listing-box-wrap .img-wrap img{width: 100%;height: 262px;}
.project-detail-sec .project-info { width: 50%;}
}


@media(max-width:480px){
.timeline-image { height: 271px; }
.accreditations-logo-box { max-width: calc(50% - 25px);padding: 40px 0px;}
.download-brochure-section::before{height: 345px; max-width: 315px;}
.team-bio-close {right: 5px;top: 20px;background-color: white;width: 40px;height: 40px;background-size: 16px;}
.process-image img { height: 324px; }
.gallery-row{margin: 0px -5px;row-gap:10px;}
.gallery-img-col {padding:0 5px;}
.gallery-img-box {height: 160px;}
}