html{margin-top:0px !important;}
/*! Theme Name: CFS Group */
/* plus-jakarta-sans-300 - 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: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 300;
src: url('fonts/plus-jakarta-sans-v11-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-300italic - 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: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 300;
src: url('fonts/plus-jakarta-sans-v11-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-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: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 400;
src: url('fonts/plus-jakarta-sans-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-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: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 400;
src: url('fonts/plus-jakarta-sans-v11-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-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: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 500;
src: url('fonts/plus-jakarta-sans-v11-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-500italic - 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: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 500;
src: url('fonts/plus-jakarta-sans-v11-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-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: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 600;
src: url('fonts/plus-jakarta-sans-v11-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-600italic - 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: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 600;
src: url('fonts/plus-jakarta-sans-v11-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-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: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 700;
src: url('fonts/plus-jakarta-sans-v11-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-700italic - 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: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 700;
src: url('fonts/plus-jakarta-sans-v11-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root{
--site-primary:#2E2E2E;
--site-text:#2E2E2E;
--site-hover:#3CA99C;
--site-green:#3CA99C;
--site-blue:#192D74;
--site-lightblue:#407DCA;
--site-black:#000000;
--site-white:#ffffff;
--site-gray:#F0F1F7;
--site-heading-color:#192D74;
--site-font-primary:'Plus Jakarta Sans';
--site-font-heading:'Plus Jakarta Sans';
--site-font-size: 20px;
--site-font-line-height: 28px;
--site-h1-font-size: 80px;
--site-h2-font-size:60px;
--site-h3-font-size:32px;
--site-h4-font-size:30px;
--site-h5-font-size:28px;
--site-h6-font-size:26px;
--site-heading-line-height:1;
--site-subheading-font-size:16px;
--site-subheading-line-height:20px;
--site-btn-font-size: 18px;
--site-btn-line-height: 25px;
--site-box-title-line-height:35px;
--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);
--down-arrow-white: url(images/down-arrow-white.svg);
--down-arrow-dark: url(images/down-arrow-dark.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;}
[data-wpr-lazyrender] {content-visibility: visible !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%;-webkit-text-size-adjust: 100%;font: inherit;vertical-align: baseline;outline: none;font-optical-sizing: auto;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;font-optical-sizing: auto;}ol, ul {list-style: none;font-optical-sizing: auto;}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{font-optical-sizing: auto;outline:none !important;font-family: var(--site-font-primary);box-shadow:none !important;border:none;background: var(--site-gray);height:44px;width:100%;padding:12px 16px;font-size: 16px;appearance:none;-webkit-appearance:none;color:var(--site-primary);border-radius: 5px;-webkit-tap-highlight-color: transparent;}button{font-optical-sizing: auto;outline:none !important;font-family: var(--site-font-primary);box-shadow:none !important;border:none;background: var(--site-gray);border-radius:10px;appearance:none;-webkit-appearance:none;border-radius:0px;-webkit-tap-highlight-color: transparent;}textarea{font-optical-sizing: auto;outline:none !important;font-family: var(--site-font-primary);box-shadow:none !important;border:none;background: var(--site-gray);height:80px;width:100%;resize:none;padding:11px 20px;font-size: 16px;appearance:none;-webkit-appearance:none;color:var(--site-primary);border-radius: 5px;-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;}
body{background: var(--site-gray);}
.container,.container-fluid{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:92%;padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto;position:relative;}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:100%}}@media (min-width:1200px){.container{max-width:var(--container-size); padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto;}}@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;}
*, ::after, ::before {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: 100%;font-optical-sizing: auto;}
*{font-size:var(--site-font-size);margin:0px;padding:0px;box-sizing:border-box;text-decoration:none;outline: none;-webkit-text-size-adjust: 100%;font-optical-sizing: auto;}
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%;font-optical-sizing: auto;}
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;}
/* Back to Top Style */
.back_to_top{position:fixed;bottom:30px;right:30px;z-index:98;width: 52px; height: 52px;}
.back_to_top a{font-size:0;text-align:center;width:52px;height:52px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background:url(images/project-bx-arrow.svg) no-repeat center; display: none; border-radius: 50%; outline: 2px solid var(--site-white); transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transition: all 0.35s ease; -webkit-transition: all 0.35s ease;}
.back_to_top a.show{display:inline-block;}
.back_to_top a:hover{background: url(images/project-bx-arrow-hov.svg) no-repeat center;}
p a,
p a:hover{text-decoration:none;color:var(--site-hover);outline: none;}
select{cursor:pointer;appearance:none;-webkit-appearance:none;background-repeat: no-repeat !important;background-position: calc(100% - 20px) center !important;padding:11px 24px 11px 20px;color: var(--site-primary);font-weight: 300;font-size:16px;height:44px;background-color: var(--site-gray);border:none;font-family: var(--site-font-primary);border-radius:5px;-webkit-tap-highlight-color: transparent;}
select option{font-weight: 300;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;}
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:14px;width:14px;font-size:0px;border-radius:50%;border:none;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;margin:0px;padding:0px;position:relative;opacity: 1;cursor:pointer;outline: 1px solid rgba(0,0,0,0.5) !important;}
.slick-dots li button:before{content:'';background:var(--site-red);opacity:0;height:8px;width:8px;font-size:0px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.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: 48px;height: 48px;-webkit-appearance: none;appearance: none;font-size: 0px;background: rgba(0,0,0,0);text-indent: -99999px;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin: 0px;z-index: 2;background-repeat: no-repeat;background-position: center center;cursor:pointer;}
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 input,
.wpcf7 select,
.wpcf7 textarea{background: transparent; height: 70px; border-radius: 0px; border: 0px; border-bottom: 1px solid rgba(255,255,255,0.4); font-size: 20px; line-height: 26px; font-weight: 400; color: var(--site-white); padding: 15px 0px;}
.wpcf7 textarea{height: 200px; resize: none;}
.wpcf7 .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;border:1px solid var(--site-green);box-shadow:none !important;outline:none !important;overflow:hidden !important;position: relative;min-width:150px;padding:8px 25px 10px;background: var(--site-green);color: var(--site-white);text-align: center;text-transform: initial;margin-top:50px;justify-content: center;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:40px;-webkit-transition: .5s;transition: .5s; height: auto;}
.wpcf7-not-valid-tip{font-size: 14px; color: red; margin-top: 3px;}
.wpcf7-response-output{display: none;}
.wpcf7-spinner{top: 5px; background: var(--site-green); animation: spin 1s linear infinite;}
.wpcf7-spinner::before{animation: none !important;}
@keyframes rotateAnimation {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
.captcha-note{margin-top: 20px;}
.captcha-note p{color: var(--site-white); font-size: 16px; line-height: 1.5 !important;}
.captcha-note p a{color: var(--site-green); text-decoration: underline;}
input, textarea {background-color: transparent; color: var(--site-white);}
/* Autofill style */
input:-webkit-autofill {background-color: transparent !important; color: var(--site-white) !important; -webkit-text-fill-color: var(--site-white); -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; transition: background-color 5000s ease-in-out 0s;}
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: var(--site-wite); opacity: 1;}
input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {color: var(--site-white); opacity: 1;}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {color: var(--site-white); opacity: 1;}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {color: var(--site-white); opacity: 1;}
.wpcf7-list-item{padding-right:15px;margin-left:0px;}
.cf7-submit-wrap{position:relative;}
.wpcf7-submit{height:auto;width:auto;}
.cf7-submit-wrap .wpcf7-spinner{position:absolute;right:0px;margin-right:0; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);margin-top:10px;}
/* Select2 Style */
.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 {background: transparent !important;border: none !important;border-radius: 5px !important;height: 44px !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: 40px !important;padding-left: 0px !important;padding-right: 44px !important;font-size: 20px;font-weight:normal !important;color: var(--site-blue) !important;font-weight: 400;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 44px !important;right: 0;width: 44px !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: inline-block;height: 100%;}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after{width: 100%;height: 44px;line-height:44px;content:'';background:var(--submenu-caret) no-repeat center center;right: 0;transform: rotate(0deg);-webkit-transform: rotate(0deg);display:inline-block;}
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: 24px;padding: 10px 16px;border-top: none; white-space: nowrap;}
body .select2-container ul li + li{border-top: 1px solid var(--site-white);}
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;}
.select2-container .select2-selection--single[aria-expanded="true"] .select2-selection__rendered{color: var(--site-green) !important;}
.select2-container--default .select2-selection--single[aria-expanded="true"] .select2-selection__arrow b:after{background-image: url(images/menu-caret-green.svg);}
.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-popup-section{position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 999;}
.video-popup-section .video-col{position: relative;overflow: hidden;padding-top: 56.25%; max-width: 800px; margin: 0px auto;}
.video-col iframe {position: absolute;left: 0;top: 0;border: 0;height: 100%;width: 100%;}
.video-col .video-close{position: absolute; right: -20px; top: -20px; width: 40px; height: 40px; background-color: var(--site-primary); font-size: 0; border-radius: 50%; z-index: 1; cursor: pointer;}
.model{display:none;}
.v-open .model{display:block;}
p:empty, .whysybx p:empty{display: none;}
.whysybx,
.whysybx p {font-style: normal;font-weight: normal;font-size: var(--site-font-size);line-height: 1.35;color: var(--site-text);margin-top: 30px;}
.whysybx a,
.whysybx p a{color:var(--site-blue); text-decoration:underline; font-weight:500;}
.whysybx strong,
.whysybx p strong{font-weight:bold;color:var(--site-green);}
.whysybx:first-child,
.whysybx p:first-child{margin-top:0px;}
.whysybx ul,
.whysybx ol {margin: 30px 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: 20px !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: 10px 0px 0px 0px;}
.whysybx li a:hover {color:var(--site-primary);}
.whysybx li:first-child {margin-top: 0px;}
.whysybx ul li{padding-left: 32px;}
.whysybx ul li:after {position: absolute;content: '';display: inline-block;left: 0; background: var(--site-blue); width: 10px;height:10px;top: 10px;border-radius: 50%;}
.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-blue);text-align: right;width: 32px;left: -15px;font-weight:bold;}
.whysybx a{word-break:break-word;}
.whysybx .wp-video{margin-top: 20px;}
.text-light,
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.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 ul li:after{background: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-lightblue);}
p a, li a{color:var(--site-primary);font-weight:normal;text-decoration:none;}
h1 {font-style: normal;font-weight: normal;font-size: var(--site-h1-font-size); line-height:1.25;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-h2-font-size);line-height: 1.1;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-h3-font-size);line-height: 1.1;color: var(--site-heading-color);margin-top: 30px;font-family: var(--site-font-heading)}
h4{font-style: normal;font-weight: normal;font-size: var(--site-h4-font-size);line-height: 1.1;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-h5-font-size);line-height: 1.1;color: var(--site-heading-color);margin-top: 30px;font-family: var(--site-font-heading)}
h6{font-style: normal;font-weight: normal;font-size: var(--site-h6-font-size);line-height: 1.1;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;}
.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-lightblue);display:block;font-family: var(--site-font-heading);}
.site-heading{font-style: normal;font-weight: normal;font-size: var(--site-h2-font-size);line-height:var(--site-heading-line-height);color: var(--site-heading-color);margin-top:0px;position: relative;z-index: 1;}
.site-heading span{color: var(--site-green);font-style:italic; font-weight: 400;}
.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;border:1px solid var(--site-green);box-shadow:none !important;outline:none !important;overflow:hidden !important;position: relative;min-width:150px;padding:8px 25px 10px;background: var(--site-green);color: var(--site-white);text-align: center;text-transform: initial;margin-top:50px;justify-content: center;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:40px;-webkit-transition: .5s;transition: .5s;}
.site-btn.blue{border:1px solid var(--site-blue); background: var(--site-blue);}
.site-btn-wrap .site-btn{margin-right:20px;}
.site-btn-wrap .site-btn:last-child{margin-right:0px;}
.btn-liner{background:none;color:var(--site-green);}
.text-light .btn-liner{border-color:var(--site-white);color:var(--site-white);}
.ptb{padding: 80px 0;}
.ptb + .ptb{padding-top: 0px;}
.with-bg.ptb + .ptb,
.ptb + .with-bg.ptb,
.ptb + .project-info.ptb,
.ptb + .cta-sec.ptb{padding-top: 80px;}
.google-map-section.ptb + .contact-sec.ptb{padding-top: 0px;}
.body_green_color, .post-type-archive-project{background-color: #ecf6f5;}
.page-template-contact{background-color: var(--site-blue);}
.page-template-contact .cta-secondary-sec{display: none;}
.contact-sec + .cta-sec{background: var(--site-blue);}
.google-map-section + .contact-sec + .cta-sec .cta-secondary-sec{display: none;}
/**** Header ****/
.header-inner{animation-duration: .7s;-webkit-animation-duration: .7s;background:transparent;position: fixed;width: 100%;top: 0;left: 0;z-index: 9999; }
.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: 50px 0;*/ padding: 30px 0px;}
.site-logo img {width: 185px; height: auto;}
.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 {width: 125px;}
.fixed .site-logo .light-logo {display:none !important;}
.fixed .site-logo .dark-logo {display:block !important;}
.site-header{height: 185px;}
/* .site-header.dark-header{height: 140px;} */
.site-header.light-header{background-color: var(--site-blue);}
.header-right {display: flex;align-items: center;justify-content: flex-end;column-gap:62px; position: relative;}
.home .header-right .primary-menu li.home_link{position: relative;}
.home .header-right .primary-menu li.home_link a{position: relative; z-index: 1;}
.fixed.home .header-right .primary-menu li.home_link:before{display: none;}
.primary-menu {display: flex;align-items: center;margin: 0px;column-gap: 0px;column-gap:82px;}
.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-blue);}
.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-hover) !important;font-weight: bold;}
.single-project .primary-menu li.Projects_link > a{color: var(--site-hover) !important;font-weight: bold;}
.primary-menu > li.current_page_item > a:before,
.primary-menu > li.current-menu-item > a:before,
.primary-menu > li.current-menu-parent > a:before{background-image: url(images/menu-caret-green.svg) !important;}
.primary-menu > li > .sub-menu {background: var(--site-white);padding:18px 32px;border: none;left:50%; filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.05)); -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.05)); position: absolute;top: calc(100% + 15px);transition: all 0.5s ease;z-index: 88888;border-radius: 3px;transform:translate(-50%, 15px);-webkit-transform:translate(-50%, 25px);opacity:0;visibility:hidden;}
.fixed .primary-menu > li > .sub-menu{filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2)); -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));}
.primary-menu > li > .sub-menu li{margin-top:12px;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-blue);position:relative;width:auto;text-align:center;border-bottom:2px solid transparent; white-space: nowrap;}
.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); border-bottom: 0px;}
.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 ****/
.hero-section {/*margin-top: -185px;*/ display: flex;position: relative; min-height: 790px; width: 100%; align-items: flex-start; padding: 235px 0 0 0px; overflow: hidden;}
.hero-section:before{content: ""; position: absolute; top: 0px; right: 0px; width: 812px; height: 1334px; background: url(images/blue-fade.svg) 70px 20px no-repeat; background-size: contain; z-index: 1;}
.hero-section .container{position: relative; z-index: 3;}
.hero-bg-image {position: absolute;inset: 0;height: 100%;width: 100%;object-fit: cover;object-position: bottom;}
.hero-section .site-content-wrap{margin-top: 0px;max-width: 770px;}
h1, .hero-section .banner-heading{font-size:80px;line-height:1.25;}
.hero-section .whysybx{max-width: 534px;}
.video-sec{width: 100%;height: auto;position: relative;background-size: cover;}
.video-sec:before{content: ""; position: absolute; background: rgba(0, 0, 0, 0.65);width: 100%;height: 100%;}
.video-wrap{position: relative;text-align: center;}
.video-icon{background: url(images/video-icon.svg) no-repeat center center;font-size: 0;width: 112px;height: 112px;background-size: cover;display: inline-block;margin-bottom: 40px;position: relative;}
.video-box iframe{border: none;}
.popup-box { position: fixed; top: 0; left: 0; margin: auto; width: 100%; height: 100%; z-index: 9999;}
.overlay-col { font-size: 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); font-size: 0; text-indent: -99999px; 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; }
.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: border-box; background-clip: border-box; background-clip: border-box; background-clip: padding-box; outline: 0; border-radius: 0px; }
.modal-dialog .closebtn { position: absolute; right: -27px; top: -27px; width: 40px; height: 40px; background-color: var(--site-green); font-size: 0; border-radius: 50%; z-index: 1; cursor: pointer; }
.modal-dialog .closebtn::before {content: ''; position: absolute; left: 0; top: 0; width: 14px; background-image: url(images/popup-menu-close.svg); background-repeat: no-repeat; background-position: center; z-index: 1; height: 14px; background-size: 34px; bottom: 0; right: 0; margin: auto;}
.fluid-width-video-wrapper { position: relative; padding-bottom: 56.24%; width: 100%; background-color: var(--site-black); }
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper video { position: absolute; left: 0; top: 0; width: 100%; height: 100%;outline: none; border: none;}
.v-open { overflow: hidden; }
.modal-dialog .closebtn:hover{background-color: var(--site-blue);}
/**** Home Banner ****/
.left-right-main-section .row{align-items: center;}
.left-right-main-section.left + .top-heading-section{padding-top: 80px;}
/* Partners Section */
.partners-logos {width: 100%;max-width:1920px;margin:0 auto;padding:0px 18px; position: relative; z-index: 1;}
.partners-logos:after{content: ""; position: absolute; top: -2px; right: 0px; width: 40%; height: 20px; background: linear-gradient(290deg, rgba(64, 125, 202, 1) 0%,rgba(25, 45, 116, 0.2) 100%); z-index: -1; filter: blur(20px);}
.partners-logo {max-width: 296px;height: 100%;display: flex;align-items: center;justify-content: center; margin: auto;}
.why-cfs-section{background:url(images/why-cfs-section-bg.png) no-repeat center bottom;background-size:cover;border-radius: 0 0 63px 63px; position: relative; overflow: hidden;}
.why-cfs-section:after{content: ""; position: absolute; top: 0%; left: 0px; width: 100%; height: 50px; background: linear-gradient(to bottom, rgba(25, 45, 116, 1) 0%,rgba(25, 45, 116, 0) 100%);}
.why-cfs-section:before{content: ""; position: absolute; top: -120%; right: 0px; width: 812px; height: 1334px; background: url(images/blue-fade.svg) 110px -60px no-repeat; background-size: contain; z-index: 1;}
.why-cfs-section .container{max-width: 1030px;}
.home .why-cfs-section{padding-bottom: 0px; padding-top: 0px !important;}
/* Services Section */
.service-card-row {display: flex;gap: 24px;flex-wrap:wrap; padding-right: 42px;}
.service-card {position: relative;width: calc(50% - 12px); overflow: hidden;border-radius: 6px;}
.service-card-image {position: relative; overflow: hidden;}
.service-card-image::before {content: '';background: #2E2E2E;background: linear-gradient(180deg, rgba(46, 46, 46, 0) 0%, rgba(46, 46, 46, 1) 120%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.service-card-image img{border-radius: 6px; aspect-ratio: 476 / 567; object-fit: cover; width: 100%;}
.service-content {position: absolute;left: 0;bottom: 0;padding: 24px 24px;z-index: 1;width: 100%; overflow: hidden;}
.service-content:before{content:'';position:absolute;left:0%;top:0%;height:100%;width:100%; background-color: var(--site-blue); opacity:0.9;}
.service-content:after{content:'';position:absolute;right:24px;top:50%;transform:translateY(-50%);background:url(images/service-arrow-wht.svg) no-repeat center center;height:54px;width:54px;}
.service-title {max-width:100%;font-size:var(--site-h3-font-size);color:var(--site-white);position:relative; padding-right:75px;}
/* Projects Section */
.projects-section { border-radius: 0px 0px 60px 60px; background-color: var(--site-lightblue);position: relative;}
.projects-header { display: flex; align-items: center; gap: 76px; }
.projects-intro { width: calc(50% - 38px); }
.pro-des{width:calc(50% - 38px);}
.projects-section .site-sub-heading { color: var(--site-heading-color); }
.projects-grid { display: flex; margin-top: 60px; gap: 18px; }
.project-card { border-radius: 10px; display: flex;flex-direction: column; flex: 1; max-width: 493px; width: 100%; transition: 0.3s;-webkit-transition: 0.3s; outline: 1px solid #F7F0F5; outline-offset: -1px;}
.projects-section .project-info { display: flex; gap: 25px; justify-content: space-between; padding: 30px 30px; width: 100%; align-items: center; }
.project-name {font-size: 30px; line-height: 1;transition: 0.3s;-webkit-transition: 0.3s;}
.project-location { color: var(--site-heading-color); font-size: 18px; line-height: 1.45; margin-top: 5px; }
.project-details {position: relative;width: 100%;padding-right: 62px;}
.project-details:before{content: ""; position: absolute;background: url(images/project-bx-arrow.svg) no-repeat center center;width: 52px;height: 52px;top: 0;bottom: 0;right: 0;margin: auto;background-size: cover;}
.project-image{overflow: hidden; position: relative; background: url(images/No-Image.jpg) center no-repeat; object-fit: cover; object-position: center; border-radius: 10px;}
.project-image img { border-radius: 10px; width: 100%; height: 100%; object-fit: cover; object-position: center; aspect-ratio: 491 / 370;}
.project-info .thumbnail_img img{aspect-ratio: 750 / 562; max-width: 750px; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 3px;}
.projects-section + .cta-sec{margin-top: -183px; padding-top: 320px !important;}
.divider-image{height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
.divider-image img { width: 100%; object-fit: cover; object-position: center;}
.center-text + .divider-image,
.projects-section + .divider-image,
.our-values-section + .divider-image { line-height: 0; margin-top: -109px; }
.about-section .site-content-wrap{max-width: 500px;}
/* CTA Section */
.cta-sec {background: url(images/cta-bg.jpg) no-repeat right center;background-size: cover;}
.cta-content { display: flex; align-items: center;flex-wrap: wrap;gap: 30px;}
.cta-content .site-heading{max-width: 400px;}
.cta-content .whysybx{max-width: 570px;}
.cta-main { width: calc(50% - 15px);}
.cta-image { width: calc(50% - 15px); text-align: right;}
.cta-image img { object-fit: contain; max-width: 712px; width: 100%; height: 100%; aspect-ratio: 712 / 426;}
.cta-secondary-sec{display: flex;align-items: center;justify-content: space-between;gap: 30px; padding-bottom: 0px;}
.cta-secondary-sec .site-heading{max-width: 500px;}
.cta-contact-link{display: inline-block;background: url(images/cat-arrow.svg) no-repeat center center;width: 109px;height: 110px;font-size: 0;min-width: 110px;}
/* Footer */
.footer-section{padding: 70px 0 30px; background-color: var(--site-white);}
.footer-main { display: flex; width: 100%; align-items: start; gap: 25px 100px; justify-content: space-between;}
.footer-contact{width: 100%; display: flex; justify-content: flex-end; flex-wrap: wrap;}
.footer-bottom { display: flex; margin-top: 30px; width: 100%; gap: 25px; justify-content: space-between; flex-wrap: wrap; }
.footer-copyright {color: var(--site-heading-color); font-size: 13px; font-weight: 400; line-height: 1.24; }
.footer-contact a { font-size: 30px; font-weight: 400; display: inline-block; line-height: 1.27; text-align: right; color: var(--site-heading-color); transition: 0.3s;-webkit-transition: 0.3s;}
.social-insta{background: url(images/cfs-insta.svg) no-repeat center center; width: 27px; height: 27px; background-size: cover; font-size: 0 !important;}
.social-linkedin{background: url(images/cfs-linkedin.svg) no-repeat center center; width: 24px; height: 24px; background-size: cover; font-size: 0 !important;}
.social-links {display: flex; margin-top: 30px; width: 100%; align-items: center; gap: 35px;justify-content: end;}
.footer-credit { color: var(--site-heading-color); font-size: 12px; font-weight: 400; line-height: 1.25; }
.footer-credit a { display: inline-block; color: var(--site-heading-color); text-decoration: underline; }
.footer-logo { width: 22%;min-width: 225px;}
.footer-logo img{max-width: 185px;}
.footer-contact-right { width: 38%; }
.footer-section .menu > li > a { color: var(--site-heading-color); font-size: 13px; font-weight: 400; margin-top: 20px; display: inline-block; }
.footer-menu { display: flex; column-gap: 102px; width: 40%;}
.dark-header .header-inner { box-shadow: none; }
.projects-section .slick-prev{left: -80px;width: 53px; height: 53px;background: url(images/slider-arrow.svg) no-repeat center center; background-size: contain;}
.projects-section .slick-next { right: -80px; transform: scaleX(-1); width: 53px; height: 53px; background: url(images/slider-arrow.svg) no-repeat center center; background-size: contain; margin-top: -26px;}
.history-section{background: var(--site-blue); position: relative; overflow: hidden;}
.history-section:before{content: ""; position: absolute; left: -30%; top: 50%; transform: translateY(-50%); width: 55%; height: 130%; background: radial-gradient(ellipse at center, rgba(60,169,156,1) 0%,rgba(125,185,232,0) 50%); border-radius: 50%;}
.history-section .container{position: relative; z-index: 1;}
.history-slider{max-width: 1415px; overflow: hidden;}
.history-section .site-heading{color: var(--site-white);}
.history-section .site-content-wrap{max-width: 600px;}
.history-section .whysybx .year-txt, .history-section .whysybx p{color: var(--site-white);}
.history-section .whysybx .year-txt{font-size: 50px; line-height: 60px; font-weight: 400; margin-top: 40px;}
.history-img{display: flex; justify-content: flex-end; align-items: flex-start;}
.history-img img{max-width: 745px; width: 100%; aspect-ratio: 745 / 523; object-fit: cover; object-position: center; border-radius: 5px;}
.slider-top{display: flex !important; flex-wrap: wrap; align-items: center;}
.slider-top .left-part{width: 37%; padding-right: 24px; margin-bottom: 100px; opacity: 0; transition: all 0.5s ease; transform: translateY(50px);}
.slider-top.slick-current .left-part{opacity: 1; transition-delay: 1s; transform: translateY(0px);}
.slider-top .right-part{width: 63%;}
.slider-bottom{margin-top: 80px; padding: 0px 12px;}
.slider-bottom .year-col{margin: 0px 12px; padding: 0px;}
.slider-bottom .year-col span{width: 212px; border-top: 4px solid rgba(255,255,255,0.4); padding-top: 5px; font-size: 14px; font-weight: 400; line-height: 26px; color: var(--site-white); display: block; text-align: center; cursor: pointer;}
.slider-bottom .year-col.slick-current span{border-top-color: rgba(255,255,255,1);}
.history-slider .slick-arrow{width: 55px; height: 55px; border-radius: 50%; position: absolute; top: auto; bottom: 0px; left: 0px; z-index: 1; transform: none; background: url(images/slider-arrow-wht.svg) center no-repeat;}
.history-slider .slick-next{left: 140px; transform: scaleX(-1);}
.history-slider .slick-disabled{opacity: 0.5; cursor: not-allowed; background: url(images/slider-arrow-wht.svg) center no-repeat !important;}
.history-slider .history-slider-nav .slick-arrow{display: none !important;}
.history-slider-nav .slick-list{overflow: visible; padding: 0 5px !important;}
.our-values-section{background: var(--site-green); border-radius: 0 0 60px 60px; position: relative; overflow: hidden;}
.our-values-section .site-content-wrap{max-width: 600px;}
.our-values-section .site-sub-heading,
.our-values-section .site-heading{color: var(--site-white);}
.values-row{display: flex; flex-wrap: wrap; justify-content: center; margin-top: 60px; column-gap: 24px; row-gap: 24px; margin-left: 0px; margin-right: 0px;}
.values-row .col{width: calc(29% - 24px); background-color: var(--site-white); padding: 30px; border-radius: 5px;}
.values-row .icon-col{height: 100px;}
.values-row .icon-col img{max-width: 81px; max-height: 85px;}
.values-row .sub-ttl{color: var(--site-lightblue); font-weight: 400; margin: 0px;}
.values-row .col:nth-child(3), .values-row .col:nth-child(4), .values-row .col:nth-child(7), .values-row .col:nth-child(8){width: calc(41% - 24px);}
.benefit-section .site-content-wrap{max-width: 500px;}
.benefit-section .values-row{margin-top: 0px;}
.benefit-section .values-row .col{width: calc(50% - 24px);}
.left-right-main-section.with-star-blue-shape + .benefit-icon-sec{padding-top: 80px;}
.left-right-main-section.with-star-blue-shape:before{content: ""; position: absolute; top: -40px; left: 0px; width: 100%; height: 100%; background: url(images/star-shape.svg) calc(50% + 310px) 0 no-repeat; z-index: -1;}
.left-right-main-section.with-star-blue-shape.img-short-des:before{background-position: calc(50% + 180px) bottom;}
.left-right-main-section.with-star-blue-shape.img-short-des.left:before{background-position: calc(50% + 250px) 135px;}
.left-right-main-section.with-star-blue-shape.two-images:before{background-position: calc(50% + 250px) 80px; top: 0px; z-index: 1;}
.service-list-sec:before{content: ""; position: absolute; top: 70px; left: 0px; width: 100%; height: 100%; background: url(images/star-shape.svg) calc(50% + 250px) 0 no-repeat; z-index: -1;}
.service-list-sec.project-listing-row:after{content: ""; position: absolute; top: 500px; right: 0px; width: 812px; height: 1334px; background: url(images/blue-fade.svg) 0 0 no-repeat;}
.left-right-main-section.with-star-blue-shape.project-info:before{background-position: calc(50% + 110px) 0;}
.left-right-main-section.with-star-blue-shape.project-info:after{background: url(images/full-blue-fade.svg) center no-repeat; background-size: contain; top: 80px; left: calc(50% + 50px);}
.with-star-blue-shape{position: relative; overflow: visible !important;}
.with-star-blue-shape:after{content: ""; position: absolute; top: 0; right: 0px; width: 812px; height: 1334px; background: url(images/blue-fade.svg) 0 0 no-repeat;}
.with-star-blue-shape .container{position: relative; z-index: 2;}
.with-star-blue-shape .col-xl-7{padding-left: 110px; position: relative;}
.with-star-blue-shape.two-images .col-xl-7:before{background-position: 0px 0px;}
.with-star-blue-shape .about-image{max-width: 750px; width: 100%; aspect-ratio: 750 / 641; object-fit: cover; object-position: center; border-radius: 5px;}
.with-star-blue-shape .site-content-wrap{max-width: 550px;}
.with-star-blue-shape.two-images .row{align-items: flex-start; justify-content: space-between;}
.with-star-blue-shape.two-images .about-image:nth-child(1){max-width: 642px; width: 100%; aspect-ratio: 642 / 784; object-fit: cover; object-position: center; border-radius: 5px;}
.with-star-blue-shape.two-images .about-image:nth-child(2){max-width: 629px; width: 100%; aspect-ratio: 629 / 450; object-fit: cover; object-position: center; border-radius: 5px; margin: -30% 0 0 0; transform: translateX(-120px); position: relative; z-index: 1;}
.with-star-blue-shape.two-images .col-xl-7{background-position: 0 140px; padding-left: 130px;}
.with-star-blue-shape.two-images:after{top: 30%;}
.with-star-blue-shape.two-images .site-content-wrap{max-width: 100%;}
.top-heading-section .row{align-items: center;}
.top-heading-section .col-lg-6{text-align: left !important;}
.top-heading-section .top-head.site-content-wrap{max-width: 550px; margin-bottom: 60px;}
.top-heading-section .about-image{max-width: 750px; width: 100%; aspect-ratio: 750 / 537; object-fit: cover; object-position: center; border-radius: 5px;}
.top-heading-section .site-content-wrap{max-width: 500px;}
.service-catagory-section{overflow: hidden;}
.service-catagory-section .service-catagory-row{display: flex; flex-wrap: wrap;}
.service-catagory-row .col{width: 50%;}
.service-catagory-row .col:first-child .img-box{width: 50vw; float: right; overflow: hidden;}
.service-catagory-row .col:last-child .img-box{width: 50vw; float: left; overflow: hidden;}
.service-catagory-row .img-box img{width: 100%; aspect-ratio: 953 / 543; vertical-align: top;}
.service-catagory-row .cat-link{position: relative; width: 100%; height: 100%; display: block;}
.service-catagory-row .cat-title{width: 100%; padding: 40px 0px; position: absolute; left: 0px; bottom: 0px;}
.service-catagory-row .cat-title span{font-size: 30px; line-height: 1; font-weight: 400; color: var(--site-white); position: relative; z-index: 1; width: 80%; display: block; padding-right: 60px;}
.service-catagory-row a .cat-title span:after{content: ""; position: absolute; right: 0%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 55px; height: 55px; background: url(images/service-arrow-wht.svg) no-repeat center;}
.service-catagory-row .cat-title:before{content: ""; position: absolute; left: auto; right: auto; top: 0%; height: 100%; background-color: var(--site-blue); opacity:0.9;
}
.service-catagory-row .col:first-child .cat-title:before{width: 50vw; right: 0px;}
.service-catagory-row .col:last-child .cat-title:before{width: 50vw; left: 0px;}
.service-catagory-row .col:last-child .cat-title{display: flex; justify-content: flex-end;}
.testimonial-slider-row{background-color: var(--site-white);}
.img-short-des.left + .testimonial-slider-row{padding-top: 80px;}
.testimonial-slider-row{overflow: hidden;}
.testimonial-slider-row .site-content-wrap{max-width: 550px;}
.testimonial-slider{margin-top: 55px; display: flex;}
.testimonial-slider .slick-arrow{width: 54px; height: 54px; background: url(images/slider-arrow-blue.svg) no-repeat center;}
.testimonial-slider .slick-prev{left: -80px;}
.testimonial-slider .slick-next{right: -80px; transform: scaleX(-1); -webkit-transform: scaleX(-1); margin-top: -27px;}
.testimonial-box{padding: 0px 12px;}
.testimonial-box .box-inner{border: 2px solid var(--site-green); border-radius: 5px; padding: 40px; height: 100%;}
.testimonial-box .testimonial-text{font-size: 28px; line-height: 30px; font-weight: 400; color: var(--site-lightblue); margin-bottom: 70px;}
.testimonial-box .logo{height: 112px; display: flex; align-items: center; padding-left: 15px;}
.key-stats { display: flex; justify-content: space-between; flex-wrap: wrap; padding:83px 0 0 0; }
.stat-item { display: flex; flex-direction: column; align-items: center; max-width: 25%;}
.stat-number { color: var(--site-blue); font-size: 55px; line-height: 1; font-weight: 400; }
.stat-label { color: var(--site-green); font-size: 18px; line-height: 1.35; text-align: center; margin-top: 7px; }
.project-info-card { background:var(--site-green); border-radius:5px; padding:40px 50px; margin:28px 0 0 0px; max-width: 750px; width: 100%; float: right;}
.info-grid { display:flex; justify-content:space-between; align-items:flex-start; max-width:100%; color:var(--site-white); font-size:20px; line-height:var(--site-font-line-height); padding:19px 0 0 0; }
.info-labels{ width:50%; padding:0 10px 0 0; text-align:left; }
.project-info-card .info-grid:first-child { padding:0; }
.info-values { text-align:right; width:50%; padding:0 0 0 10px; }
.gallery-row-top { display:flex; flex-wrap:wrap; margin:0 -12px; }
.gallery-row-top-img{ max-width:50%; width: 100%; padding:0 12px 24px; }
.gallery-row-top-img img{max-width: 747px; width: 100%; height: 100%; aspect-ratio: 747 / 434; object-fit: cover; object-position: center;}
.gallery-slider{ line-height:0; display:flex; padding:0 257px 137px; }
.gallery-slider.slick-slider { display:block; }
.gallery-slider .slick-slide { padding:0 10px; }
.gallery-slider .slick-slide img{max-width: 1006px; width: 100%; height: 100%; aspect-ratio: 1006 / 656; object-fit: cover; object-position: center;}
.gallery-slider .slick-list{ margin:0 -10px; overflow:visible; }
.gallery-slider .slick-arrow{ background:url(images/slider-arrow-blue.svg) no-repeat 0 0; width:53px; height:53px; top:auto; transform:translateY(0); -webkit-transform:translateY(0); bottom:0; }
.gallery-slider .slick-arrow.slick-prev{ left:calc(50% - 100px); }
.gallery-slider .slick-arrow.slick-next{ right:calc(50% - 100px); transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.gallery-section{ overflow:hidden; }
/* Testimonial Section */
.wht-bg { background:var(--site-white); }
.testimonial-content { padding:0 124px 0 0; }
.testimonial-quote-card { border:2px solid var(--site-green); border-radius:5px; padding:64px 56px 55px; display:flex; flex-direction:column; justify-content:center; }
.client-quote { color:var(--site-lightblue); font-size:30px; line-height:35px; font-weight:400; margin:0 0 40px 0; }
.testimonial-logo{ display:block; }
.testimonial-logo img{ max-width:100%; height:auto; width:auto; }
.our-team-sec{background: var(--site-blue); position: relative; overflow: hidden;}
.our-team-sec:before{content: "";position: absolute; background: url(images/green-fade.svg) no-repeat center center;width: 903px; height: 799px; background-size: contain; top: -180px; right: -340px;}
.center-text { background: var(--site-blue); position: relative; border-radius: 0 0 30px 30px; overflow: hidden;}
.center-text .site-heading { max-width: 912px; margin: auto; line-height: 1.27; }
.our-team-sec.ptb + .center-text.ptb { padding-top: 0; }
.img-btm-des { font-size: 30px; color: var(--site-green); font-weight: 600; line-height: 1.18;margin-top: 67px;max-width: 623px; width: 100%; margin-left: auto; margin-right: auto; text-align: center;}
/* .team-bx-des{display: none;} */
.team-bx-img img { border-radius: 5px; width: 100%; height: 100%; object-fit: cover; }
.our-team-sec .row { margin-top: 88px; row-gap: 25px; justify-content: center;}
.team-bx{position: relative;overflow: hidden;}
.team-bx-des {position: absolute; width: 100%; bottom: 0; left: 0; right: 0; margin: auto; padding: 40px 108px 30px 47px; background-position: bottom !important; transition: 0.3s; -webkit-transition: 0.3s; z-index: 1; overflow: hidden;display: none;}
.team-bx-des::before {content: ''; position: absolute; left: -50%; top: -50%; height: 200%; width: 200%; background-size: cover;background-color: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
/* background: url(images/blur-bg.svg) center repeat; */
.team-bx-des::after { content: ""; position: absolute; background: url(images/project-bx-arrow.svg) no-repeat center center; width: 52px; height: 52px; top: 0; bottom: 0; right: 47px; margin: auto; background-size: cover; }
.our-team-sec .team-bx-name { color: var(--site-heading-color);transition: 0.3s;-webkit-transition: 0.3s;}
.team-bx-designation { color: var(--site-primary);}
.team-bx-name,
.team-bx-designation{position: relative;}
.team-bx-img { height: 489px; }
.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-close { position: absolute; z-index: 3; right: 92px; top: 60px;width: 18px; height: 18px; padding: 0; font-size: 0px; text-indent: -99999px; border-radius: 50%; border: none; background: url(images/popup-close-icon.svg) no-repeat center center; transition: background-color 0.3s, opacity 0.4s; cursor: pointer; z-index: 3; background-size: contain;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); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); 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: 110px 90px 80px; position: fixed; z-index: 2; right: 0; top: 0; width: 95%; max-width: 710px; height: 100%; 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-bio-container-inn{overflow-y: auto; height: 100%; scrollbar-color: #999999 #EEEEEE;scrollbar-width: thin;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.team-bio-container-inn::-webkit-scrollbar{width:1px;}
.team-bio-container-inn::-webkit-scrollbar-track{background:#EEEEEE;border-radius:0px;}
.team-bio-container-inn::-webkit-scrollbar-thumb{background-color: #999999; border-radius:0px;}
.team-bio + .center-text{padding-top: 0px;}
.team-bio-container-inn .container{padding: 0px; width: 100%;}
.team-bio-img{background: url(images/No-Image.jpg) center no-repeat; object-fit: cover; object-position: center; background-size: cover; outline: 1px solid var(--site-gray); outline-offset: -1px; border-radius: 5px; overflow: hidden;}
.team-bio-img img { max-width: 100%; width: 100%; height: 331px; object-fit: cover; object-position: 0 -25px; border-radius: 5px; vertical-align: top;}
.team-bio-img img[src=""]{visibility: hidden}
.team-bio-container-inn .team-bx-name { font-size: 30px; color: #0B0B0B; font-weight: 700; line-height: 1.6; }
.team-bio-container-inn .team-bx-designation { font-size: var(--site-btn-font-size); color: rgba(11, 11, 11, 0.5); line-height: 22px; font-style: italic; }
.team-bio-container-inn .whysybx{margin-top: 25px;}
.team-bio-social { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; }
.team-contact a { font-size: 20px; line-height: 1.5; color: #0B0B0B; font-weight: 400;position: relative;padding-left: 40px;display: inline-block;}
.team-mail.team-contact a::before { content: ""; position: absolute; background: url(images/popup-mail.svg) no-repeat center center;width: 22px; height: 15px; top: 0; bottom: 0; margin: auto; left: 0; background-size: contain;}
.team-call.team-contact a:before { content: ""; position: absolute; background: url(images/popup-call.svg) no-repeat center center;width: 18px; height: 18px; top: 0; bottom: 0; margin: auto; left: 0; background-size: contain;}
.team-bio-linkedin a{font-size: 0;background: url(images/popup-linkedin.svg) no-repeat center center;width: 25px;height: 25px;background-size: cover;display: inline-block;}
.no-scroll { overflow: hidden; }
.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;}
/* .no-scroll .team-bio-close:before{content: ""; position: absolute; top: 0px; left: 0px; width: 30px; height: 30px; border-radius: 50%; background-color: red;} */
@keyframes rtl {from {transform:translateX(140%);opacity: 0;} to {transform:translateX(0%);opacity: 1;}}
.partners-content,
.services-section,
.left-right-main-section{overflow: hidden;}
.img-short-des .about-image { max-width: 748px; width: 100%; aspect-ratio: 748 / 536; clear: both;}
.img-short-des.with-star-blue-shape .col-xl-7:before{display: none;}
/* .img-short-des.with-star-blue-shape .row { background: url(images/star-shape.svg) no-repeat;background-position-y: calc(100% + 65px); background-position-x: calc(100% - 225px);} */
.img-short-des.with-star-blue-shape::after{background: url(images/green-fade.svg) 0 0 no-repeat;top: inherit; bottom: 0; left: 0; background-position: -470px 790px;}
.img-short-des.with-star-blue-shape .col-lg-6 { padding-top: 0; }
.img-short-des.left .about-image { max-width: 750px; aspect-ratio: 750 / 596; }
.img-short-des.with-star-blue-shape.left .row{background-position: calc(100% - 150px) 15px;}
.lr-sec { background: #192D74;position: relative;overflow: hidden;border-radius: 0 0 30px 30px;}
.lr-sec:before{content: "";position: absolute; background: url(images/green-fade.svg) no-repeat center center;width: 903px; height: 799px; background-size: contain; top: -180px; right: -340px;}
.lr-sec:after{content: "";position: absolute; background: url(images/green-fade.svg) no-repeat center center;width: 790px; height: 1101px; background-size: contain; top: 20%; left: -420px;}
.lr-sec .lr-img img{border-radius: 5px;}
.lr-icon + .site-heading { margin-top: 30px; }
.lr-sec .lr-img img { border-radius: 5px; max-width: 739px; width: 100%; aspect-ratio: 739 / 582; object-fit: cover; object-position: center; }
.lr-sec .left-right-main-section { margin-top:74px;position: relative; z-index: 1;}
.lr-sec .left-right-main-section:first-child {margin-top: 0;}
.lr-img { text-align: right; }
.row.row-reverse .lr-img { text-align: left;}
.lr-icon img { max-width: 63px; height: 60px; width: 100%; }
.left-right-main-section .row .col-lg-6.col-xl-7 { text-align: right;}
.left-right-main-section .row.row-reverse .col-lg-6.col-xl-7 { text-align: left;}
.img-short-des.with-star-blue-shape .site-content-wrap { max-width: 100%; }
.benefit-icon-sec{background-color: var(--site-white);}
.benefit-icon-sec .values-row{column-gap: 20px;row-gap: 30px;justify-content: end;padding-left: 22px;}
.benefit-icon-sec .values-row .col { width: calc(50% - 10px) !important; background: #D9D9D9;display: flex; align-items: center; justify-content: center;height: 260px; padding: 30px;}
.benefit-icon-sec .site-content-wrap { max-width: 100%;}
.benefit-icon-sec .col img { height: auto; }
/* .benefit-section .row { align-items: center; } */
.benefit-icon-sec .whysybx { max-width: 493px; }
.google-map-section{background: var(--site-blue);position: relative;overflow: visible;}
.google-map-section .star_bg{position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: url(images/star-shape.svg) right top no-repeat;}
.map-sec{max-width:100%;width: 100%; height: 100%; aspect-ratio: 1520 / 581; position: relative; overflow: hidden; border-radius: 5px; z-index: 1;}
.map-sec iframe{object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0px; width: 100%;}
.contact-sec{background: var(--site-blue);position: relative;overflow: visible;}
.contact-sec + .cta-sec{padding-top: 0px !important;}
.contact-sec::before { content: ""; position: absolute; background: url(images/green-fade.svg) no-repeat center center; width: 810px; height: 810px; background-size: cover; bottom: 50%; left: -314px; }
.contact-sec::after { content: ""; position: absolute; background: url(images/green-fade.svg) no-repeat 500px -70px; width: 1030px; height: 1030px; bottom: -25%; right: 0; }
.contact-sec .container{position: relative; z-index: 1;}
.contact-des-form { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;}
.contact-form,
.contact-des { width: calc(50% - 15px); }
.contact-des .whysybx { max-width: 497px; }
.page-template-contact .cta-sec { background: var(--site-blue); }
.service-list-sec{position: relative;}
.service-list-sec::after { content: ""; position: absolute; background: url(images/full-blue-fade.svg) calc(100% + 220px) center no-repeat; top: 40%; right: 0px; width: 664px; height: 664px; background-size: contain; z-index: -1;}
.service-list-sec .row { margin-top: 65px; row-gap: 24px; justify-content: center; }
.service-list-bx { position: relative; overflow: hidden; border-radius: 5px; height:auto !important;}
.service-list-bx .service-bx-link{display: block; width: 100%; height: 100%;}
.service-bx-img{display: block; width: 100%; height: 100%; position: relative;}
.service-bx-img img { max-width: 750px; width: 100%; height:420px; object-fit: cover; object-position: center; border-radius:5px 5px 0px 0px; vertical-align: top;}
.service-bx-des { position:relative; bottom: 0; left: 0; width: 100%; padding: 30px 120px 25px 40px;}
/* .service-bx-des::before { content: ''; position: absolute; left: 0%; top: 0%; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);} */
.service-bx-des::before { content: ''; position: absolute; left: 0%; top: 0%; height: 100%; width: 100%; background-color: var(--site-blue);opacity: 0.9;}
.service-bx-des::after { content: ''; position: absolute; right: 45px; top: 50%; transform: translateY(-50%); background: url(images/service-arrow-wht.svg) no-repeat center center; height: 54px; width: 54px; }
.service-bx-ttl{font-size: 28px;}
.service-bx-ttl, .sevice-bx-category { color: var(--site-white);position: relative;}
.sevice-bx-category {margin-top: 8px; font-size: 20px; line-height: 1.4; font-weight: 400;}
.filter-wrapbx{display: flex; flex-wrap: wrap; margin-top: 40px;}
.filter-wrapbx .filterbx{margin-right: 70px;}
.filter-close-btn{padding: 10px 0px;}
.filter-close-btn a{font-size: 15px; font-weight: 600; line-height: 25px; white-space: nowrap; color: var(--site-blue); background-image: url(images/filter-clear-icon.svg); background-position: right center; background-repeat: no-repeat; background-size: 14px; display: inline-block; vertical-align: top; padding-right: 25px; text-decoration: underline; text-underline-offset: 3px;}
.project-listing-row .not-found p{text-align: center; font-size: 26px; color: red; padding: 50px 0px; font-weight: 500;}
.found-error-page .site-heading,
.thankyou-sec .site-heading{ margin-top: 30px; }
.thankyou-sec,
.found-error-page{position: relative; overflow: hidden;}
.thankyou-sec:after,
.found-error-page:after{content: ""; width: 812px; height: 1334px; background: url(images/green-fade.svg) 0 0 no-repeat;top: inherit; bottom: 0; left: 0; background-position: -470px 790px; position: absolute;}
.thankyou-sec:before,
.found-error-page:before{content: ""; position: absolute; top: -40px; left: 0px; width: 100%; height: 100%; background: url(images/star-shape.svg) right top no-repeat; z-index: -1;}
.error-page-text{font-size: 200px; font-weight: 700; color: var(--site-blue); line-height: 1; position: relative;}
.error-page-text span{color: var(--site-green);}
.thankyou-img img{max-width: 100px;}
.thankyou-text{font-size: 120px; font-weight: 700; color: var(--site-blue); line-height: 1; margin-top: 30px;}
.video-banner.hero-section::before{display:none;}
.home .site-header{height: 145px; position:absolute; width:100%;}
.banner-video-overlay {
content: "";
position: absolute;
left: 0;
top: 0;
background: rgba(15,22,36,0.5);
width: 100%;
height: 100%;
}
/*.site-btn.video-play.video-open{display:none;}*/
.homemobile-banner{display:none;}
.video-banner.hero-section{margin-top:0px; width:100%; padding:145px 0 0 0px; }
.video-banner .banner-video img{ position:absolute; top:0; left:0; width:100%; height:100%; border:none; }
.video-banner .banner-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;}
.video-banner .banner-video {
/*display: block;
height: 100vh;
position:relative;
width: 100%;
top: 0px;
left: 0px;*/ position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio */
overflow: hidden;}
.videotext{width:100%;}
.video-banner .videotext{position: absolute;
left: 0;
bottom:250px;
width: 100%;}
/* .service-bx-des{opacity: 0;transition: 0.3s;visibility: hidden;-webkit-transition: 0.3s;} */
.sevice-bx-category:empty{display:none;}
/*.select2-dropdown{width:280px;}*/
.filterbx.filterbor{width:350px;}
.filterbx.filterbor .select2.select2-container.select2-container--default{border:1px solid var(--site-heading-color); padding-left:10px;}
@media(min-width:1200px){
/* .service-bx-link:hover .service-bx-des{opacity: 1;visibility: visible;} */
:root{--container-size:92%;}
.wow {visibility: hidden;}
.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,
.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{ color:var(--site-hover);}
.fixed .light-header .primary-menu li a:hover,
.primary-menu li a:hover{color:var(--site-hover);}
.site-btn:hover{border-color:var(--site-blue);background:var(--site-blue);color:var(--site-white);}
.site-btn.blue:hover{color: var(--site-blue) !important;}
.text-light .site-btn:hover{border-color:var(--site-white);background:var(--site-white);color:var(--site-green);}
.wpcf7 .wpcf7-submit:hover{border-color:var(--site-white);background:var(--site-white);color:var(--site-blue);}
.mob-btn{display:none !important;}
.menu-btn,
.mobile-header{display:none;}
.captcha-note p a:hover{color: var(--site-white); text-decoration: none;}
.primary-menu > li:hover > .sub-menu,
.primary-menu > li > .sub-menu li:hover > .sub-menu {-webkit-transform:translate(-50%, 15px);transform:translate(-50%, 15px);visibility:visible;opacity:1;}
.primary-menu > li > .sub-menu li a:hover{color: var(--site-hover);}
.primary-menu > li:hover > a,
.primary-menu > li a:hover{color:var(--site-hover);}
.primary-menu li:hover a:before{background: url(images/menu-caret-green.svg);}
.fixed .primary-menu li:hover a:before{background: url(images/menu-caret-green.svg);}
.fixed .light-header .primary-menu > li:hover > a{color:var(--site-hover);}
.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:after{content: ""; position: absolute; top: -14px; left: 0px; right: 0px; margin: 0px auto; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 20px solid var(--site-white);}
.primary-menu > li.menu-item-has-children > .sub-menu:before{content: ""; width: 100%; height: 32px; position: absolute; left: 0px; top: -32px;}
.footer-contact a:hover{color: var(--site-hover);}
.footer-credit a:hover { color: var(--site-hover); text-decoration: none; }
.social-insta:hover{background: url(images/cfs-insta-hov.svg); background-size: cover;}
.social-linkedin:hover{background: url(images/cfs-linkedin-hov.svg) ;background-size: cover;}
.cta-contact-link:hover{background: url(images/cat-arrow-hov.svg) no-repeat center center;}
.footer-section .menu > li > a:hover { color: var(--site-hover);}
.box-full-link:hover .project-details:before{background: url(images/project-bx-arrow-hov.svg) no-repeat center center;background-size: cover;}
.box-full-link:hover .project-card{background: var(--site-white);}
.box-full-link:hover .project-name{color: var(--site-hover);}
.projects-section .slick-arrow:hover{background: url(images/slider-arrow-green.svg) no-repeat center center;background-size: contain; filter: brightness(0);}
.service-card:hover .service-content:after{background: url(images/service-arrow-hover.svg) no-repeat center center;}
.service-card:hover .service-content .service-title{color: var(--site-white);}
.slider-bottom .year-col:hover span{border-top-color:rgba(255,255,255,1);}
.history-slider .slick-arrow:hover{background: url(images/slider-arrow-green.svg) center no-repeat;}
/* .service-catagory-row .cat-link:hover .cat-title:before{background-color: rgba(255,255,255,0.6);} */
/* .service-catagory-row .cat-link:hover .cat-title span{color: var(--site-blue);} */
.service-catagory-row a:hover .cat-link .cat-title span:after{background: url(images/project-bx-arrow-hov.svg) no-repeat center;}
/* .service-list-bx .service-bx-link:hover .service-bx-ttl{color: var(--site-green);} */
.service-list-bx .service-bx-link:hover .service-bx-des::after{background: url(images/project-bx-arrow-hov.svg) no-repeat center;}
.testimonial-slider .slick-arrow:hover{background: url(images/slider-arrow-green.svg) no-repeat center;}
.gallery-slider .slick-arrow:hover { background:url(images/slider-arrow-green.svg) no-repeat 0 0; }
.full-team-bx:hover .team-bx-des{display: block;}
.team-bio-close:hover{background: url(images/popup-close-icon-hov.svg) no-repeat center center;}
.team-bio-linkedin a:hover {background: url(images/popup-linkedin-hov.svg) no-repeat center center;background-size: cover;}
.team-contact a:hover{color: var(--site-hover);}
.team-mail.team-contact a:hover:before {background: url(images/popup-mail-hov.svg) no-repeat center center;background-size: contain;}
.team-call.team-contact a:hover:before{background: url(images/popup-call-hov.svg) no-repeat center center;background-size: contain;}
.service-bx-link:hover .service-bx-des{display: block;}
.filter-close-btn a:hover{color: var(--site-green); background-image: url(images/filter-clear-icon-hover.svg)}
.select2-container .select2-selection--single:hover .select2-selection__rendered{color: var(--site-green) !important;}
.select2-container--default .select2-selection--single:hover .select2-selection__arrow b:after{background-image: url(images/menu-caret-green.svg);}
.filterbx.filterbor:hover .select2.select2-container.select2-container--default,
.filterbx.filterbor .select2.select2-container.select2-container--default.select2-container--open {border:1px solid var(--site-green);}
/* .box-full-link:hover .project-image:before{content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: var(--site-white); transform: scale(0); -webkit-transform: scale(0); transition: var(--site-transition); opacity: 1; animation-name: fade; animation-duration: 0.5s;}
.service-card:hover .service-card-image:before{content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: var(--site-white); transform: scale(0); -webkit-transform: scale(0); transition: var(--site-transition); opacity: 1; animation-name: fade; animation-duration: 0.5s; z-index: 1;}
.service-catagory-row .col .cat-link:hover .img-box:before{content: ""; position: absolute; left: 0px; top: 0px; width: 50vw; height: 100%; background-color: var(--site-white); transform: scale(0); -webkit-transform: scale(0); transition: var(--site-transition); opacity: 1; animation-name: fade; animation-duration: 0.5s; z-index: 1;}
.service-catagory-row .col:first-child .cat-link:hover .img-box:before{left: auto; right: 0px;}
.service-bx-link:hover .service-bx-img:before{content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: var(--site-white); transform: scale(0); -webkit-transform: scale(0); transition: var(--site-transition); opacity: 1; animation-name: fade; animation-duration: 0.5s; z-index: 1;}
@keyframes fade {0% {transform: scale(0); -webkit-transform: scale(0); opacity: 1;} 100% {transform: scale(1); -webkit-transform: scale(1); opacity: 0;}} */
}
@media(min-width:1521px){
:root{--container-size:1520px;}
}
@media(max-width: 1699px){
.back_to_top{bottom: 240px;}
.slider-top .left-part{width: 40%;}
.slider-top .right-part{width: 60%;}
.slider-bottom .year-col span{width: 190px;}
.projects-grid{max-width: 92%; margin-left: auto; margin-right: auto;}
.testimonial-slider{max-width: 92%; margin-left: auto; margin-right: auto;}
}
@media (max-width: 1600px) {
.header-content-wrap {padding: 30px 0px;}
}
@media(max-width:1599px){
.site-header{height: 145px;}
.hero-section { /*margin-top: -145px;*/}
}
@media (max-width:1500px) {
.testimonial-content { padding:0 70px 0 0; }
.gallery-slider { padding:0 200px 137px; }
}
@media(max-width:1450px){
.projects-section .slick-list { padding-bottom: 93px; }
.projects-section .slick-prev{bottom: -25px; top: inherit; left: calc(50% - 63px); }
.projects-section .slick-next{bottom: 0; top: inherit; right: calc(50% - 63px);}
.projects-grid{max-width: 100%; margin-left: auto; margin-right: auto;}
.service-catagory-row .cat-title span{width: 92%;}
}
@media (max-width:1400px) {
.testimonial-content { padding:0 50px 0 0; }
.gallery-slider { padding:0 140px 127px; }
}
@media(max-width: 1399px){
:root{
--site-h2-font-size: 50px;
}
.primary-menu{column-gap: 60px;}
.slider-bottom .year-col span{width: 170px;}
.top-heading-section .top-head.site-content-wrap{margin-bottom: 40px; margin-top: 0px;}
.slider-top .left-part,
.slider-top .right-part{width: 50%;}
.slider-top .left-part{padding-right: 60px;}
}
@media(max-width:1199px){
:root{
--site-h1-font-size: 64px;
--site-h2-font-size:44px;
--site-h3-font-size:32px;
--site-h4-font-size:30px;
--site-h5-font-size:28px;
--site-h6-font-size:26px;
--site-font-size:18px;
--site-btn-font-size:18px;
--site-heading-line-height:1.15;
}
.wow {visibility: visible;}
.mobile-menu{margin-bottom: 50px; padding: 0px 10px;}
.ptb{padding: 60px 0;}
.with-bg.ptb + .ptb,
.ptb + .with-bg.ptb,
.ptb + .project-info.ptb,
.ptb + .cta-sec.ptb{padding-top: 60px;}
.why-cfs-section, .projects-section, .our-values-section, .lr-sec, .center-text{border-radius: 0px;}
.with-star-blue-shape.two-images + .ptb{padding-top: 0px;}
.projects-section + .cta-sec,
.img-short-des.left + .testimonial-slider-row{margin-top: 0px; padding-top: 60px !important;}
.left-right-main-section.left + .top-heading-section,
.left-right-main-section.with-star-blue-shape + .benefit-icon-sec{padding-top: 0px;}
.left-right-main-section.with-star-blue-shape:before,
.left-right-main-section.with-star-blue-shape.img-short-des:before,
.left-right-main-section.with-star-blue-shape.img-short-des.left:before,
.left-right-main-section.with-star-blue-shape.two-images:before,
.service-list-sec:before,
.service-list-sec.project-listing-row:after,
.left-right-main-section.with-star-blue-shape.project-info:before,
.left-right-main-section.with-star-blue-shape.project-info:after,
.thankyou-sec:before,
.found-error-page:before,
.thankyou-sec:after,
.found-error-page:after,
.google-map-section .star_bg{display: none;}
.slider-top .left-part{transition: none; transform: none; opacity: 1;}
h1, .hero-section .banner-heading{font-size:64px;}
.header-content-wrap {padding: 20px 0px;}
.fixed .header-content-wrap{padding: 15px 0px;}
.header-right{display:none;}
.site-logo img {max-width: 150px;}
.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:#ecf6f5;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: 15px 24px;}
.mob-header .logo-url{display: inline-block;}
.mob-header .logo-url img{width: 125px;}
.fixed .mob-header{padding-top: 20px; padding-bottom: 20px;}
.responsive-hamburger li{margin:0px; position: relative;padding: 0 24px;display: flex;flex-wrap: wrap;align-items: center;}
.responsive-hamburger li a:not([href]):not([class]),
.responsive-hamburger li a:not([href]):not([class]):hover{color:var(--site-blue);}
.responsive-hamburger li .sub-menu-toggle{width: 40%;height: 30px;border: 0px;background: none;cursor:pointer;padding:0px;display:none;background:var(--submenu-caret) no-repeat calc(100% - 12px) center;order: 2; position: absolute; top: 10px; right: 15px;}
.responsive-hamburger li.current-menu-ancestor .sub-menu-toggle,
.responsive-hamburger li.current-menu-parent .sub-menu-toggle,
.responsive-hamburger li.current_page_parent .sub-menu-toggle,
.responsive-hamburger li.current_page_item .sub-menu-toggle{background-image: url(images/menu-caret-green.svg);}
.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{background-image:url(images/menu-caret-green.svg); transform: scaleY(-1);}
.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%; padding-left: 15px;}
.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-green);}
.responsive-hamburger li > ul li a{color:var(--site-blue);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-green);}
.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: 0px; }
.responsive-hamburger .sub-menu li > a{padding: 8px 0;font-size: 16px;}
.responsive-hamburger li a {position: relative;color:var(--site-blue);}
.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.menu-item-has-children > a {width:60%; text-align: left;}
.responsive-hamburger li > ul li{margin-top:0px;}
.hero-section{min-height: 590px;}
.footer-logo{min-width: 160px;}
.footer-contact a { font-size: 26px;}
.projects-header{gap: 30px;}
.projects-intro,
.pro-des {width: calc(50% - 15px);}
.site-header{height: 82px;}
.hero-section:before, .why-cfs-section:before{right: -20%;}
.services-section .site-content-wrap{margin-top: 30px;}
.slider-bottom{margin: 60px 0 0;}
.slider-bottom .year-col span{width: 140px;}
.with-star-blue-shape .col-xl-7{padding-left: 12px;}
.with-star-blue-shape .col-lg-6{padding-top: 0px;}
.with-star-blue-shape .col-xl-7:before{display: none;}
.with-star-blue-shape:after{display: none;}
.service-card-row{padding: 0px 12px;}
.history-section:before{display: none;}
.service-catagory-row .cat-title{padding: 20px 0px;}
.service-catagory-row .cat-title span{font-size: 24px;}
.testimonial-slider{padding-bottom: 90px; max-width: 100%;}
.testimonial-slider .slick-arrow{top: calc(100% - 30px); bottom: 0px;}
.testimonial-slider .slick-prev{left: calc(50% - 80px);}
.testimonial-slider .slick-next{right: calc(50% - 80px);}
.testimonial-box .logo{padding-left: 0px;}
.gallery-slider { padding:0 140px 110px; }
.project-info-card { padding:30px 30px; }
.testimonial-quote-card { padding:40px 40px; }
.testimonial-content { padding:0 30px 0 0; }
.key-stats { padding: 50px 0 0 0; }
.stat-number { font-size: 45px; }
.hero-section { /*margin-top: -82px;*/ padding-top: 150px;}
.team-bx-img { height: 360px; }
.team-bx-des{display: block;}
.team-bx-des{padding: 20px 76px 20px 20px;}
.team-bx-des::after{right: 20px;}
.our-team-sec .row { margin-top: 50px;}
.img-short-des.with-star-blue-shape .row{background: none;}
.img-btm-des { font-size: 24px;margin-top: 30px; margin-bottom: 0px;}
.lr-sec::before,
.lr-sec::after{display: none;}
.lr-icon + .site-heading { margin-top: 20px;}
.benefit-icon-sec .values-row .col{height: 160px;}
.benefit-icon-sec .values-row{padding-left: 0;}
.lr-sec .left-right-main-section { margin-top: 50px;}
.contact-sec::before,
.contact-sec::after,
.contact-sec .star_bg{display: none;}
.service-bx-link .service-bx-des{display: block;}
.service-bx-des::after{right: 30px;}
.service-bx-des{padding: 20px 93px 20px 30px;}
.service-list-sec .row { margin-top: 40px;}
.service-list-sec::before{display: none;}
.service-list-sec{background: none;}
.divider-image{height: 550px; background-size: cover; background-attachment: scroll; margin-top: 0px !important;}
.projects-grid{width: 92%;}
.values-row{margin-top: 40px;}
.stat-label{font-size: 16px;}
.team-bio-container-inn .team-bx-name, .team-bio-container-inn .team-bx-designation, .team-bio-container-inn .whysybx, .team-bio-social{padding-right: 15px;}
.home .site-header{height:110px; z-index:11;}
.video-banner.hero-section{padding:110px 0 0 0px}
.video-banner .banner-video iframe {
width: 140%;
height: 140%;
left: -20%;
top: -20%;
}
}
@media(max-width:991px){
.service-bx-ttl{font-size: 26px;}
:root{
--site-h1-font-size: 60px;
--site-h2-font-size:42px;
--site-h3-font-size:30px;
--site-h4-font-size:28px;
--site-h5-font-size:26px;
--site-h6-font-size:24px;
}
h1, .hero-section .banner-heading{font-size:54px;}
.divider-image{height: 410px;}
.back_to_top{bottom: 15px; right: 15px;}
.cta-main { width: 100%; }
.cta-image { width: 100%;margin-top: 0;text-align: center; margin-top: 30px;}
.cta-image img { height: auto;}
.footer-main{flex-wrap: wrap;}
.footer-logo{width: 100%; text-align: center;}
.footer-menu{column-gap: 70px; width: calc(50% - 50px);}
.footer-contact-right {width: calc(50% - 50px);}
.footer-section .menu > li:first-child a { margin-top: 0; }
.footer-contact a { font-size: 22px;}
.footer-section { padding: 40px 0 20px; }
.footer-bottom{gap: 15px; justify-content: center; flex-direction: column; text-align: center;}
.projects-header{flex-wrap: wrap;gap: 0;}
.projects-intro, .pro-des { width: 100%;}
.project-name { font-size: 26px;}
.project-location{font-size: 16px;}
.about-section .row{flex-direction: column-reverse;}
.history-slider .row{flex-direction: column;}
.history-slider{margin-top: 0px;}
.slider-top{flex-direction: column-reverse;}
.slider-top .left-part{width: 100%; padding-right: 0px;}
.slider-top .right-part{width: 100%; display: flex; justify-content: center;}
.slider-bottom{margin: 60px 0 0;}
.slider-bottom .year-col span{width: 140px;}
.history-section .whysybx .year-txt{font-size: 35px;}
.values-row .col{width: calc(50% - 12px) !important;}
.benefit-section .site-content-wrap{max-width: 100%;}
.benefit-section .values-row{margin-top: 40px;}
.with-star-blue-shape .site-content-wrap{max-width: 100%; margin-bottom: 40px;}
.top-heading-section .site-content-wrap{max-width: 100%; margin-top: 30px;}
.about-section .site-content-wrap{margin-bottom: 40px; max-width: 100%;}
.align-items-center .testimonial-quote-card{margin-top: 30px;}
.services-section .site-content-wrap{margin-top: 50px;}
.testimonial-box .box-inner{padding: 20px;}
.testimonial-box .testimonial-text{font-size: 24px; margin-bottom: 40px;}
.testimonial-content { padding: 0px;}
.gallery-slider { padding:0 110px 110px; }
.team-bio-container { padding: 100px 50px 50px;}
.img-short-des.with-star-blue-shape .row { flex-direction: column; }
.img-short-des.with-star-blue-shape .site-content-wrap{margin-top: 0;}
/* .img-short-des.with-star-blue-shape .about-image{margin-top: 30px;} */
.left-right-main-section .row .col-lg-6.col-xl-7 { text-align: center;}
.lr-img { margin-top: 30px; }
.benefit-icon-sec .whysybx { max-width: 100%; }
.contact-form, .contact-des { width: 100%; }
.contact-des .whysybx { max-width: 100%; }
.contact-des-form { margin-top: 0px; margin-bottom: 50px; flex-direction: column-reverse;}
.sevice-bx-category{font-size: 18px;}
.project-info-card{margin-left: auto; margin-right: auto; float: none;}
.team-bio-close{right: 50px;}
.projects-grid{width: 100%;}
.contact-sec .container{display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
.map-sec{aspect-ratio: 2 / 1.25}
.slider-bottom .year-col span{width: 120px;}
.history-slider-nav .slick-list{padding: 0px !important; max-width: 720px; margin: auto;}
.projects-grid{margin-top: 40px;}
.video-banner .banner-video{ height:calc(100vh - 110px); }
.video-banner .banner-video iframe{ width:240%; height:240%; left:-70%; top:-68%; }
}
@media(max-width:767px){
:root{
--site-h1-font-size: 50px;
--site-h2-font-size:34px;
--site-h3-font-size:28px;
--site-h4-font-size:26px;
--site-h5-font-size:24px;
--site-h6-font-size:22px;
--site-btn-font-size:16px;
}
.new-mobmenu{max-width: 100%;}
.responsive-hamburger li{padding: 0px 20px;}
.ptb{padding: 50px 0;}
.with-bg.ptb + .ptb,
.ptb + .with-bg.ptb,
.ptb + .project-info.ptb,
.ptb + .cta-sec.ptb{padding-top: 50px;}
.whysybx, .whysybx p{margin-top: 20px;}
.hero-section + .why-cfs-section.ptb,
.with-star-blue-shape.two-images + .ptb,
.service-list-sec.with-bg + .ptb{padding-top: 0px;}
.projects-section + .cta-sec,
.img-short-des.left + .testimonial-slider-row,
.project-listing-row.with-bg + .ptb{padding-top: 50px !important;}
h1, .hero-section .banner-heading{font-size:45px;}
.hero-section{min-height: inherit; padding-top: 100px;}
.modal-dialog{width: 70%;}
.popup-box{z-index: 9999;}
.project-info{padding: 20px;}
.project-details::before{width: 42px; height: 42px;}
.left-right-main-section.project-info{padding: 20px 0px;}
.project-name { font-size: 24px; }
.why-cfs-section:before{display: none;}
.hero-section:before{width: 100%; height: 100%; top: 0px; left: 0px; background-image: none; background: var(--site-blue); opacity: 0.5;}
.hero-section .container{position: relative; z-index: 1;}
.site-btn{margin-top: 30px;}
.gallery-slider { padding:0 70px 90px; }
.gallery-slider .slick-arrow.slick-next { right:calc(50% - 70px); }
.gallery-slider .slick-arrow.slick-prev { left:calc(50% - 70px); }
.testimonial-quote-card { padding:30px; }
.client-quote { font-size:25px; line-height:30px; margin:0px 0 30px 0; }
.our-team-sec .row { margin-top: 30px;}
.img-btm-des { font-size: 20px;}
.thankyou-text{font-size: 90px;}
.thankyou-img img{max-width: 70px;}
.footer-contact a{text-align: center; margin: 5px 0px;}
.footer-section .menu > li > a{font-size: 16px; white-space: nowrap;}
.map-sec{aspect-ratio: 768 / 581;}
.cta-sec{background-position: 80% center;}
.slider-bottom{display: flex; justify-content: center;}
.slider-bottom .year-col span{width: 125px;}
.history-slider-nav .slick-list{max-width: 590px;}
.history-slider .slick-arrow{left: auto; right: auto;}
.history-slider .slick-prev{left: calc(50% - 80px);}
.history-slider .slick-next{right: calc(50% - 80px);}
.slider-bottom{margin-top: 40px;}
.footer-contact a{font-size: 20px;}
.service-bx-img{height: auto;}
.service-bx-img img{border-radius: 5px 5px 0px 0px;}
.service-bx-des{padding: 20px 93px 20px 20px; border-radius: 0px 0px 5px 5px;}
.service-bx-des::after{right: 20px;}
.service-bx-des::before{display: none;}
.service-bx-link .service-bx-des{position: relative; background: var(--site-white);}
.service-bx-link .service-bx-ttl, .service-bx-link span{color: var(--site-blue);}
.partners-logos:after, .why-cfs-section:after{display: none;}
.banner-video{display:none;}
.homemobile-banner{display:flex;}
.site-btn.video-play.video-open{display: inline-flex;}
.service-bx-des::after{background: url(images/service-arrow.svg) no-repeat}
.service-bx-ttl{font-size: 22px;}
.video-banner.hero-section{overflow:visible;}
.video-banner .videotext{bottom:30px;}
.hero-bg-image{height: 447px; object-fit: cover; position:relative;}
}
@media(max-width:575px){
.cta-contact-link{width: 60px; height: 62px; min-width: auto; background-size: contain;}
.footer-menu{width: 100%; justify-content: center; padding: 10px 0px;}
.footer-contact-right { width: 100%; text-align: center; }
.social-links{justify-content: center;}
.project-card{max-width: 100%;}
.service-card{width: 100%;}
.project-card-wrap{padding: 0px;}
.values-row .col{width: 100% !important; text-align: center;}
.values-row{margin-top: 40px;}
.with-star-blue-shape.two-images .col-xl-7{padding-left: 12px;}
.with-star-blue-shape.two-images .about-image:nth-child(2){margin: 12px 0 0 0; transform: none;}
.service-catagory-section .container{width: 100%;}
.service-catagory-row .col{width: 100%; margin-bottom: 30px;}
.service-catagory-row .col .img-box{width: 100% !important; float: none !important;}
.service-catagory-row .col .cat-title:before{width: 100% !important;}
.service-catagory-row .cat-title{display: flex; justify-content: center !important;}
.team-bio-container { padding: 80px 0px 30px; }
.team-bio-close{right: 20px; top: 30px;}
.team-bio-container{width: 100%; padding: 80px 20px;}
.team-bx-img { height: 440px; }
.projects-grid{margin-top: 40px;}
.projects-section .slick-list{margin-left: 0px; margin-right: 0px;}
.divider-image{height: 250px;}
.footer-contact{justify-content: center; flex-direction: column;}
.key-stats{row-gap: 30px; padding-top: 25px;}
.stat-item{align-items: center; max-width: 50%; width: 100%;}
.stat-number{font-size: 30px;}
.stat-label{font-size: 16px;}
.slider-bottom .year-col{margin: 0px 6px;}
.service-catagory-section .service-catagory-row .cat-title{background: #8A8A8A;}
.service-catagory-section{background:none;}
}
@media(max-width:480px){
.mob-header{padding: 20px 12px;}
.hero-section .banner-heading{font-size:38px;}
.modal-dialog{width: 90%;}
.footer-copyright{text-align: center;}
.footer-bottom{justify-content: center;gap: 15px;}
.social-links{gap: 20px;}
.site-btn-wrap .site-btn{margin-right: 10px; padding: 12px 20px 15px;}
.site-btn-wrap{display: flex; flex-wrap: wrap; justify-content: center;}
.team-bx-img { height: 320px;}
.filter-close-btn{width: 100%;}
.benefit-icon-sec .values-row .col { height: 100px; padding: 15px;}
.benefit-icon-sec .values-row{row-gap: 20px;}
.error-page-text{font-size: 140px;}
.thankyou-text{font-size: 60px;}
.project-info-card{padding: 20px;}
.info-grid{padding-top: 15px;}
.info-grid{font-size: 16px;}
.gallery-row-top-img{max-width: 100%;}
.slider-bottom .year-col span{width: 75px;}
.history-slider-nav .slick-list{max-width: 340px;}
.filter-wrapbx{column-gap: 30px;}
.filter-wrapbx .filterbx{margin-right: 0px;}
.responsive-hamburger li{padding: 0px 12px;}
.responsive-hamburger li .sub-menu-toggle{background-position: right center;}
.select2-container .select2-selection--single .select2-selection__rendered{font-size: 18px;}
.filter-wrapbx{margin-top: 30px;}
.service-catagory-row .cat-title{position: relative; background-color: var(--site-white);}
.service-catagory-row .cat-title span{color: var(--site-blue);}
.service-catagory-section .service-catagory-row .cat-title span{color: var(--site-white);}
.service-list-bx{height: auto !important;}
}