/*!
Theme Name: dublinport */
/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/rubik-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}/* rubik-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: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/rubik-v28-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/rubik-v28-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}/* rubik-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: 'Rubik';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/rubik-v28-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/rubik-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}/* rubik-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: 'Rubik';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/rubik-v28-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/rubik-v28-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Obbligato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/OBBLIGATO-Fortissimo.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  src: url('fonts/OBBLIGATO-Fortissimo.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root{
  --head-graybg:#36373F;
  --site-pink-text:#E83754;
  --site-primary:#061A2F;
  --site-hover:#E83754;
	--site-text:#656565;
  --site-text-dark:#1A1A1A;
  --site-text-darkgray:#484848;
	--site-black:#000000;
	--site-white:#ffffff;
	--site-heading-color:#061A2F;
	--site-font-primary: 'Rubik',sans-serif;
	--site-font-heading: 'Obbligato',sans-serif;
	--site-font-size: 18px;
	--site-font-btn-size: 22px;
	--site-font-heading-one: 90px;
	--site-font-heading-two: 80px;
	--site-font-heading-thr: 50px;
  --site-font-heading-for: 45px;
  --site-font-heading-fiv: 35px;
  --site-font70: 70px;
  --site-font-line-height:1.55;
	--site-font-heading-line-height: 1.727;
  --site-font-heading-two-line-height:1.12;
  margin-top:0px !important;
  --screen-width:calc((1472px - 100%) / 2);

}

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

.container,.container-fluid{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:12px;padding-left:12px;margin-right:auto;margin-left:auto}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:100%}}@media (min-width:1200px){.container{max-width:1170px}}@media (min-width:1500px){.container{max-width:1472px}}.row{display:flex;flex-wrap:wrap;margin-right:-9px;margin-left:-9px}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:9px;padding-left:9px;}.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%;}

*{font-size:var(--site-font-size);margin:0px;padding:0px;box-sizing:border-box;text-decoration:none;outline: none;}
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);}
p a,
p a:hover{text-decoration:none;color:var(--site-hover);outline: none;}
select{cursor:pointer;appearance:none;-webkit-appearance:none;--caret-gray-icon: url(images/caret-gray.svg);background-image: var(--caret-gray-icon) !important;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:18px;height:50px;background-color: var(--site-white);border:1px solid var(--site-text-darkgray);font-family: var(--site-font-primary);border-radius:10px;}
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;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;}
.table-responsive{overflow-x: auto;}

.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;}
input[type="submit"]{cursor: pointer;}
.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 0;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 5px;}[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;}
.slick-dots li{height:14px;width:14px;line-height:1;margin-left:13px;font-size: 0px;}
.slick-dots li:first-child{margin-left:0px;}
.slick-dots li button{background:var(--site-white);opacity:0.35;height:14px;width:14px;font-size:0px;border-radius:50%;border:1px solid var(--site-primary);appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;margin:0px;padding:0px;position:relative;opacity: 1;cursor:pointer;}
.slick-dots li button:before{content:'';background:var(--site-primary);opacity:0;height:8px;width:8px;font-size:0px;border-radius:50%;position:absolute;top:2px;left:2px;}
.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;}
.slick-arrow.slick-prev {--wpr-bg-4b68d96f-f8d1-400b-a5c0-713bf4738c41: url(images/arrow-left.svg);background-image: var(--wpr-bg-4b68d96f-f8d1-400b-a5c0-713bf4738c41);left:1px;}
.slick-arrow.slick-next {--wpr-bg-ff8fa92f-1a35-444c-a9ee-75dcb2c45a95: url(images/arrow-right.svg);background-image: var(--wpr-bg-ff8fa92f-1a35-444c-a9ee-75dcb2c45a95);right:1px;}

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-bottom:0px !important;margin-left:0px !important;margin-right:0px !important;border:none !important;color:green;width:100%;text-align:center;font-style: normal;font-weight: 600;font-size: 18px;line-height: 28px;font-family: var(--site-font-primary);padding:0px;}
.wpcf7 form .wpcf7-response-output:empty{display:none !important;}
.wpcf7 .wpcf7-not-valid-tip,
.error-status{padding-top: 5px;font-size: 14px;color: red;}

.wpcf7 .wpcf7-form p{margin:0px;line-height: 1;}
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea{background:var(--site-white);}
.wpcf7-list-item{padding-right:15px;margin-left:0px;}
.cf7-submit-wrap{position:relative;}
.cf7-submit-wrap .wpcf7-spinner{position:absolute;right:-34px;margin-right:0; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);margin-top: 20px;}


.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: 9px solid #8CC2DD;}


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 .video-close {--wpr-bg-09f7aac7-6d3f-4ce4-9d50-96de2f489a2c: url(images/close-icon.svg);background: var(--wpr-bg-09f7aac7-6d3f-4ce4-9d50-96de2f489a2c) no-repeat center center;width: 48px;height: 48px;z-index: 1;font-size: 0;text-indent:-99999px;border-radius: 50%;color:var(--site-primary);position: absolute;top: -25px;right: -25px;z-index: 1;cursor: pointer;}

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

p a, li a{color: var(--site-hover);font-weight:normal;text-decoration:none;}
h1 { font-style:normal; font-weight:400; font-size:var(--site-font-heading-one); line-height:1.31;color: var(--site-heading-color); font-family:var(--site-font-heading); letter-spacing:2.5px; }
h2 { font-style:normal; font-weight:400; font-size:var(--site-font-heading-two); line-height: 1.2;color: var(--site-heading-color); font-family:var(--site-font-heading); letter-spacing:2.5px; }
h3 { font-style:normal; font-weight:400; font-size:var(--site-font-heading-thr); line-height: var(--site-box-title-line-height); color:var(--site-heading-color); font-family:var(--site-font-heading); letter-spacing:2.5px; }
h4 { font-style:normal; font-weight:400; font-size:var(--site-font-heading-for); line-height: 1.5;color: var(--site-heading-color); font-family:var(--site-font-heading); }
h5 { font-style:normal; font-weight:400; font-size:var(--site-font-heading-fiv); line-height: 30px;color: var(--site-heading-color); font-family:var(--site-font-heading); }
h6 {font-style: normal; font-weight:400; font-size: 18px; line-height:28px; color:var(--site-heading-color);margin-top: 40px;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;}



.full-box-link {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;font-size: 0px;text-indent: -99999px;}
@keyframes stickySlideDown {
0% {
    opacity:1;
    transform:translateY(-100%);
    -webkit-transform:translateY(-100%)
}
100% {
    opacity:1;
    transform:translateY(0);
    -webkit-transform:translateY(0)
}
}
.site-header{ height:131px; position:relative; z-index:99; }
.fixed .header-wrap { position:fixed; top:0; left:0; width:100%; -webkit-animation-name:stickySlideDown; animation-name:stickySlideDown; box-shadow:#e7d2d7 0 0 3px 1px; }
.header-wrap{ position:relative; background:var(--site-white); z-index:1; animation-duration:0.8s; -webkit-animation-duration:0.8s; }
.head-logo{ line-height:0; }
.header-top{ background:var(--head-graybg); padding:6px 0px; }
.header-top-menu{ display:flex; flex-wrap:wrap; justify-content:right; align-items:center; }
.header-top-menu ul{ display:flex; flex-wrap:wrap; }
.header-top-menu ul li{ padding:0 18px; }
.header-top-menu ul li.current-menu-item a{color: var(--site-pink-text);}
.header-top-menu ul li a{ font-size:14px; color:var(--site-white); line-height:17px; }
.search-box{ position:relative; }
.search-input{ display:block; width:106px; padding:0 41px 0 19px; height:30px; border:1px solid var(--site-white); border-radius:20px; background:none; font-size:14px; color:var(--site-white); }
input.search-input::-webkit-input-placeholder {color:var(--site-white);font-weight: 400;opacity:1;}
input.search-input::-moz-placeholder {color:var(--site-white);font-weight: 400;opacity:1;}
input.search-input:-ms-input-placeholder {color:var(--site-white);font-weight: 400;opacity:1;}
input.search-input:-moz-placeholder {color:var(--site-white);font-weight: 400;opacity:1;}
.search-button{ position:absolute; top:0; right:0; background:url(images/search-icon-wht.svg) no-repeat center; width:40px; height:30px; border-radius:0 50% 50% 0; border:none; box-shadow:none; text-indent:-10000px; cursor:pointer; padding:0; }
.header-bottom{ padding:13px 0; }
.header-bottom-wrap{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
.menu-toggle{ display:none; }
.header-bottom-wrap .menu-main-container ul{ display:flex; flex-wrap:wrap; }
.header-bottom-wrap .menu-main-container ul li{ padding:0 19px; }
.header-bottom-wrap .menu-main-container ul li:last-child{ padding-right:0; }
.header-bottom-wrap .menu-main-container ul li a{ font-size:15px; color:#3D3B42; line-height:18px; position:relative; }
.header-bottom-wrap .menu-main-container ul li.menu-item-has-children a{ padding:0 19px 0 0; }
.header-bottom-wrap .menu-main-container ul li.menu-item-has-children a:after{ content:""; position:absolute; right:0; top:50%; margin-top:-3px; background:url(images/menu-arrow-dark.svg) no-repeat 0 0; width:10px; height:6px; }
.header-bottom-wrap .menu-main-container ul li ul.sub-menu{ display:none; }
.menu_btn{ display:none; }

.banner-wrap-box { background:var(--site-primary); position:relative; overflow: hidden;}
.main-banner{ display:block; position:relative; }
.banner-img{ position:relative; height:670px; overflow:hidden; }
.banner-img:after{ content:""; position:absolute; width:100%; height:284px; background:rgb(6,26,47); background:linear-gradient(0deg, rgba(6,26,47,1) 0%, rgba(6,26,47,0) 100%); bottom:-5px; left:0; }
.banner-img:before{ content:""; position:absolute; width:80%; height:100%; background:rgb(6,26,47); background:linear-gradient(-90deg, rgba(6,26,47,1) 0%, rgba(6,26,47,0) 100%); bottom:0; right:0; }
.banner-img img{ height:670px; object-fit:cover; width:100%; }
.banner-content{ position:absolute; left:0; bottom:65px; width:100%; z-index:1; }
.banner-content-box{ max-width:700px; }
.banner-content-box h1{ color:var(--site-white); text-transform:uppercase; line-height:1.1; letter-spacing:2px; }
.banner-card{ padding:0 12px 50px 12px; max-width:1228px; margin:auto; }
.banner-card .row{ margin:0 -10px; }
.banner-card-cal{ width:20%; padding:0 10px; }
.banner-card-box{ background:var(--site-pink-text); padding:24px 22px; border-radius:10px; height:207px; display:block; position:relative;transition: 0.3s;-webkit-transition: 0.3s;}
.banner-card-img{ height:53px; line-height:53px; vertical-align:middle; }
.banner-card-img img{ max-width:100%; max-height:53px; display:inline-block; -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1); vertical-align:middle; transition: 0.3s;-webkit-transition: 0.3s;}
.banner-card-title{ padding:33px 0 0 0; font-size:18px; color:var(--site-primary); font-weight:700; line-height:22px; font-family:var(--site-font-primary); }
.banner-card-arrow{ position:absolute; bottom:15px; right:15px; background:url(images/blue-round-arrow.svg) no-repeat 0 0; width:40px; height:40px;transition: 0.3s;-webkit-transition: 0.3s;}

.home-news{ position:absolute; top:40px; right:0; width:calc(100% - 65.6%); z-index:1; }
.latest-news-title{ color:#FAFAFA; font-size:15px; line-height:18px; letter-spacing:3px; padding:0 0 0 8px; }
.home-news-slider{ padding:10px 0 0 0;display: flex;align-items: flex-start;}
.home-news-slider.slick-initialized{display: block;}
.home-news-slider .news-box{margin-right: 16px;}
.home-news-slider.slick-initialized .news-box{margin-right: 0;}

.home-news .news-box{ background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0);display: block !important;font-size: 0 !important;color: transparent;overflow: hidden;min-width: 350px;max-width: 350px;transition: 0.3s;-webkit-transition: 0.3s;}
.home-news .news-box-cont  .news-list-heading2{ color:var(--site-white); max-height: 78px;overflow: hidden !important; -moz-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.home-news .news-date{ color:var(--site-white); }
.news-box{ width:100%; background:#fff; padding:17px; border-radius:10px; display:inline-block; border:1px solid rgba(101,101,101,0.5);height: 100%;}
.news-box-img{ width:100%; line-height:0; display: block;overflow: hidden;border-radius: 10px;}
.news-box-img img{ max-width:100%; max-height:208px; object-fit:cover; border-radius:10px; width:100%; height:208px;transition: 0.3s;-webkit-transition: 0.3s;}
.home-news .news-box-img img{ min-width: 314px;}
.news-box-cont{ padding:30px 0 0 0; }
.news-box-cont  .news-list-heading2{ font-size:18px; color:var(--site-primary); font-weight:700; line-height:26px; font-family:var(--site-font-primary); letter-spacing: 0;}
.news-footer{ padding:20px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
.news-date{ font-size:15px; color:#7E7E7E; line-height:20px; }
.news-arrow{ background:url(images/blue-round-arrow.svg) no-repeat 0 0; width:40px; height:40px;transition: 0.3s;-webkit-transition: 0.3s;}
.home-news .news-arrow{ background:url(images/wh-round-arrow.svg) no-repeat 0 0; width:40px; height:40px; }
.home-news-slider .slick-slide{ width:366px; padding:0 8px;min-width: 366px;height: auto;}
.home-news-slider .slick-slide > div{min-width: 350px;overflow: hidden;}

.home-news-slider .slick-arrow{ transform:translateY(0); -webkit-transform:translateY(0); top:auto; bottom:-10px; }
.home-news-slider .slick-dots { display:flex; align-content:center; justify-content:left; padding:32px 0 0 252px; margin:0; }
.home-news-slider .slick-dots li button:before{ display:none; }
.home-news-slider .slick-dots li button{ width:14px; height:14px; background:rgba(255,255,255,0.1); border-radius:50%; margin-left:11px; border:none; opacity:1; margin:0; }
.home-news-slider .slick-dots li.slick-active button{ width:14px; height:14px; background:rgba(255,255,255,1); }
.home-news-slider .slick-arrow.slick-prev{ background:url(images/prev-wht-arrow.svg) no-repeat 0 0; width:39px; height:31px; left:8px; } 
.home-news-slider .slick-arrow.slick-next{ background:url(images/next-wht-arrow.svg) no-repeat 0 0; width:39px; height:31px; left:70px; right:auto; }

.feature-event{padding: 80px 0px; background-color: #f4efef;}
.video-section + .feature-event{ padding-top:0; }
.feature-event .inner-wrap{ max-width:1205px; width:100%; margin:auto; display:flex; flex-wrap:wrap; align-items:center; }
.feature-event .inner-wrap .col-50{ width:50%; height:100%; display:flex; flex-wrap:wrap; }
.feature-event .inner-wrap .col-50.left{ padding-right:145px; }
.feature-event .section-title{ font-size:35px; font-family:var(--site-font-primary); font-weight:700; line-height:1.25; text-transform:none; }
.feature-event .whysybx{ margin-top:30px; }
.feature-event .site_btn_text{ margin-top:30px; }
.feature-event .inner-wrap .right{ justify-content:space-between; padding-left:8px; }
.feature-event .inner-wrap .right img{ width:594px; height:363px; border-radius:10px; object-fit:cover; object-position:center; }
.feature-event .inner-wrap .right :not(img:first-child){ width:calc(50% - 7px); height:178px; border-radius:10px; object-fit:cover; object-position:center; margin-top:20px; }




i {font-style: italic;}
.site-footer *{color: var(--site-white);}
.site-footer{padding:70px 0px 55px;background:#3D3B42;}
.footer-content-wrap {display: flex;justify-content: space-between;}
.logo-address-sec {width: 100%;max-width: 50%;padding-right:30px;}
.logo-address-sec .site-logo img{max-width:341px;max-height:71px;}
.address-sec {width: 100%;max-width: 254px;font-size: var(--site-font-size);line-height: 32px;font-weight: normal;color: var(--site-white);margin-top: 128px;}
.address-sec p{line-height:30px;}
.address-sec > * + * {margin-block-start: 27px;}
.footer-content-right {width: 100%;display: flex;justify-content: flex-end;padding-top: 32px;}

.footer-content-right ul {display: flex;flex-wrap: wrap;margin: 0 -8px;}
.footer-content-right ul li {width: 50%;margin-top: 33px;padding: 0 8px;}
.footer-content-right ul li:first-child,
.footer-content-right ul li:nth-child(2){margin-top:0px !important;}
.footer-menu-column.footer-menu-1 {max-width: calc(73% - 1px);margin-right: 48px;width: 100%;padding-left: 8px;}
.footer-menu-column.footer-menu-2 {max-width: calc(27% + 4px);width: 100%;}
.footer-content-right ul li a {font-size: 16px;font-weight: normal;line-height: 1.444;}
.footer-menu-column.footer-menu-2 ul li{margin-top: var(--site-font-size);}
.footer-menu-2 ul li a {font-size: 13px;color: rgba(255, 255, 255, 0.5);}
.footer-bottom-sec {padding-top: 6px;}
.footer-bottom-wrap {display: flex;flex-wrap:wrap;justify-content: space-between;}
.footer-social-wrap {width: 100%;display: flex;justify-content: flex-end;padding-bottom: 57px;}
.footer-social-wrap a {height: 22px;font-size: 0px;text-indent: -99999px;background-position:center center;background-repeat:no-repeat;}
.footer-social-wrap > * + * {margin-left: 30px;}
.instagram-social{background-image:url(images/instagram.svg);width: 19px;}
.facebook-social{background-image:url(images/facebook.svg);width: 11px;}
.twitter-social{background-image:url(images/twitter.svg);width: 19px;}
.youtube-social{background-image:url(images/youtube.svg);width: 23px;}
.linkedin-social{background-image:url(images/linkedin.svg);width: 19px;}
.copyright_text,
.copyright{font-size:14px;color: rgba(255, 255, 255, 0.4);}
.copyright a {color: rgba(255,255,255,0.4);font-weight: bold;font-style:italic;}



.round-subtitle{display: inline-block;font-size: 16px;line-height: 19px;color: var(--site-pink-text);border: 1px solid var(--site-pink-text);font-style: italic;font-weight: 500;padding: 4px 30px;border-radius: 14px;min-width: 162px;text-align: center;}
.head-sec{display: flex;align-items: flex-start;justify-content: space-between;}
.pillar-section,.left-video-right-content{padding: 80px 0;}
.head-left{width: 80%;}
.head-left .whysybx{max-width: 594px;margin-top: 60px;}
.pillar-row-wrap{margin-top: 60px;display: flex;justify-content: center;}
.pillar-col{width: 228px;height: 465px;position: relative;border-radius: 10px;overflow: hidden; margin: 8px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition-delay: 0s;transition-delay: 0.15s;-webkit-transition-delay: 0.15s;}
.pillar-col img{max-width: 100%;width: 100%;height: 310px;object-fit: cover;object-position: center;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;display: block;}
.pillar-ttl{width: 100%;display: block;font-size: var(--site-font-btn-size);padding: 33px 20px;color:var(--site-black);font-weight: 700;text-transform: uppercase;min-height: 154px;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;line-height: 1.2;}
.pillar-hover-bx{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;padding: 48px 27px;transition: all ease 0.5s;-webkit-transition: all ease 0.5s; transition-delay: 0s;transition-delay: 0.35s;-webkit-transition-delay: 0.35s;opacity: 0;display: flex;flex-wrap: wrap;}
.pillar-listbx{margin-top: 27px;}
.pillar-listbx:first-child{margin-top: 0;}
.pillar-hover-bx:before{content: "";position: absolute; left: 0px;top: 0px;width: 100%;height: 100%; opacity: 0.90;}
.pillar-col.light-blue, .pillar-col.light-blue .pillar-hover-bx:before{background-color: #00526D;}
.pillar-col.cyan, .pillar-col.cyan .pillar-hover-bx:before{background-color: #BCDAEB;}
.pillar-col.yellow, .pillar-col.yellow .pillar-hover-bx:before{background-color: #9C904A;}
.pillar-col.orange, .pillar-col.orange .pillar-hover-bx:before{background-color: #F06423;}
.pillar-col.light-green, .pillar-col.light-green .pillar-hover-bx:before{background-color: #A4C39F;}
.pillar-col.light-blue .pillar-ttl, .pillar-col.light-blue .pillar-hover-bx .pillar-name, 
.pillar-col.light-blue .pillar-hover-bx .pillar-desc p, .pillar-col.light-blue .pillar-hover-bx .pillar-listbx .pillar-link{color: var(--site-white);}
.pillar-col.light-blue .pillar-hover-bx .pillar-listbx .pillar-link:before {background-image: url(images/slant-arrow-white.svg);}
.pillar-desc{margin-top: 12px;font-size: 16px;line-height: 25px;color: #1A1A1A;}
.pillar-desc p{font-size: 16px;line-height: 25px;color: #1A1A1A;}
.pillar-link-list{margin-top: auto;}
.pillar-listbx .pillar-link{font-size: 17px;line-height: 20px;font-weight: 600;color: #000000;position: relative;padding-right: 25px;text-decoration: underline;min-width: 221px;display: block;}
.pillar-listbx .pillar-link:before{position: absolute;content:'';width: 15px;height: 15px;background-image: url(images/slant-arrow.svg);background-repeat: no-repeat;background-position: center;right: 0;}
.pillar-name{font-size: var(--site-font-btn-size);color:var(--site-black);font-weight: 700;text-transform: uppercase;font-family: var(--site-font-primary);}
.pillar-hover-bx .pillar-hovebx-head,.pillar-hover-bx .pillar-link-list{position: relative;z-index: 1;opacity: 0;transition: all ease 0.5s;    -webkit-transition: all ease 0.5s;transition-delay: 0s;transition-delay: 0s;-webkit-transition-delay: 0s;}


.whysybx h1, .whysybx h2, .whysybx h3, .whysybx h4, .whysybx h5, .whysybx h6{font-family: var(--site-font-primary);}
.whysybx h1, .whysybx h2, .whysybx h3, .whysybx h4, .whysybx h5, .whysybx h6{margin-top: 35px;}
.whysybx h1:first-child, .whysybx h2:first-child, .whysybx h3:first-child, .whysybx h4:first-child, .whysybx h5:first-child, .whysybx h6:first-child{margin-top: 0  ;}
.whysybx a h1, .whysybx a h2, .whysybx a h3, .whysybx a h4, .whysybx a h5, .whysybx a h6,
.whysybx h1 a, .whysybx h2 a, .whysybx h3 a, .whysybx h4 a, .whysybx h5 a, .whysybx h6 a{color: var(--site-pink-text);}
.whysybx,
.whysybx p {font-style: normal;font-weight: normal;font-size: var(--site-font-size);line-height: var(--site-font-line-height);color: var(--site-text);font-family: var(--site-font-primary);}
.whysybx{margin-top: 54px;}
.whysybx p{margin-top: 35px;}
.whysybx p + p{margin-top: 20px;}
.whysybx a,.whysybx a span,
.whysybx p a{color:var(--site-pink-text);text-decoration:underline;font-weight: 600;word-break: break-word;}
.has-vivid-cyan-blue-color{color:inherit !important;}
.whysybx li strong, .whysybx li b{color: var(--site-text-darkgray);}
.whysybx:first-child,
.whysybx p:first-child{margin-top:0px;}
.whysybx ul,
.whysybx ol {margin: 20px 0 0;list-style: none;}
.whysybx iframe{max-width: 100%;width: 100%;}
.whysybx iframe.wp-embedded-content{min-height: 800px;}
.whysybx .marine_applications_form iframe{min-height: 800px;}
/* .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;}
.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-darkgray);margin: 0px 0px 0px 0px;font-family: var(--site-font-primary);margin-top: 10px;}
.whysybx li a:hover {color: var(--site-pink-text);}
.whysybx li:first-child {margin-top: 0px;}
.whysybx ul li:after {position: absolute;content: '';left: 0;width: 16px;height: 19px;top: 10px;width: 5px;height: 5px;border-radius: 50%;background-color: var(--site-pink-text);}
.whysybx ol {counter-reset: item;}
.whysybx ol li {counter-increment: my-awesome-counter;padding-left: 36px;}
.whysybx ul ol li {padding-left: 24px;}
.whysybx ol ol li{padding-left: 44px;}
.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;margin-top: 10px;}
.whysybx ol li:before {content: counters(item, ".") ".";counter-increment: item;position: absolute;left: 0;color: var(--site-pink-text);font-weight: 700;}
.whysybx table{margin-top: 50px;}
.whysybx table tr{border: 0;}
.whysybx table tr th, .whysybx table thead tr td{background-color: #d8e4e8;font-size: 18px;line-height: 1.6;font-weight: 700;color: #044F6C;padding: 12px 20px 10px 20px !important;border: 0;border: 0 !important;vertical-align: middle;}
.sustainability-right .whysybx table tr th,.sustainability-right .whysybx table tr td{padding: 12px 10px 10px 10px !important;}
.whysybx table tr th select{border: 0; padding: 0 20px 0 0;background-position: right center !important;background: transparent url(images/caret-blue.svg);font-weight: 700;color: #044F6C;background-repeat: no-repeat;}
.whysybx table tr th select option{font-weight: 400;}
.whysybx table tr th a, .whysybx table thead td a, .whysybx table tr th a:hover, .whysybx table thead td a:hover{color: #044F6C;text-decoration: none;}
.whysybx table tr th a, .whysybx table thead td a{display: flex;align-items: center;white-space: nowrap;font-weight: 700;}
.whysybx table tr th:first-child, .whysybx table thead td:first-child{border-top-left-radius: 5px;border-bottom-left-radius: 5px;border: 0;}
.whysybx table tr th:last-child,  .whysybx table thead td:last-child{border-top-right-radius: 5px;border-bottom-right-radius: 5px;border: 0;}
.whysybx table tr td{font-size: 16px;line-height: 1.6;color: var(--site-text-darkgray);padding:17px 20px !important;border-bottom: 1px solid #e7e7e8;border-top: 0;width: auto;}
.whysybx table tr td p:first-child{margin-top: 0;}
.whysybx table tbody:first-child tr:first-child td p{color: #044F6C;}
.whysybx table tr td:empty {display: none;}
.whysybx .wp-video{width: 100% !important;margin-top: 40px;}
.whysybx .bwg_container{z-index: 1;}
.whysybx .wp-video .mejs-container{border-radius: 15px;background: transparent;overflow: hidden;}
.left-vid-wrap{display: block;width: 640px;height: 563px;-webkit-mask-image: url(images/Exclusion.svg);-webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;-webkit-mask-size: cover;mask-image: url(images/Exclusion.svg); mask-position: center center; mask-repeat: no-repeat;mask-size: cover;position: relative;overflow: hidden;}
.left-vid-wrap iframe{position: absolute;left: 50%;top: 50%;width: 160%;height: 160%;transform: translate(-50%, -50%);}
.border-arrow-btn, .button a, a.yotu-pagination-more, .rlink a{display: inline-block;border: 1px solid var(--site-primary);padding: 33px 105px 33px 32px;position: relative;text-align: left;font-size: 20px;border-radius: 44px;color: var(--site-primary);text-transform: uppercase;transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);user-select: none;
  -webkit-user-select: none;touch-action: manipulation; will-change: transform;appearance: none;text-decoration: none;}
.border-arrow-btn:before,  .button a:before, a.yotu-pagination-more:before{position: absolute;right: 16px;width: 56px;height: 56px;background-image: url(images/pink-big-arrow.svg);background-repeat: no-repeat;background-position: center;content: '';top: 50%;transform: translateY(-50%);}
a.yotu-pagination-more{padding: 22px 105px 22px 32px;}
.button a, .rlink a{padding: 15px 25px;font-size: 15px;text-decoration: none !important;}
.button a span{text-decoration: none;}
.button a:before, .rlink a:before{display: none;}
.v-center{align-items: center;}
.button{margin-top: 20px;display: block;}
.btn-wrap{margin-top: 48px;}
.right-content .whysybx{max-width: 580px;}
.section-title{font-size: var(--site-font-heading-two);line-height: var(--site-font-heading-two-line-height);color: var(--site-primary);margin-top: 0;text-transform: uppercase;}
.section-title2{font-size: var(--site-font70);line-height: 1;color: var(--site-primary);text-transform: uppercase;}
.small-ttl{font-family: var(--site-font-primary);font-size: 22px;line-height: 1.2;font-weight: 700;color: var(--site-primary);}
.border-arrow-btn:hover:active, .button a:hover:active, a.yotu-pagination-more:hover:active, .rlink a:hover:active{box-shadow: none;transform: translateY(0);}
a.yotu-button-prs:focus, a.yotu-button-prs:hover{background-color: var(--site-white);color: var(--site-primary);}
div.yotu-playlist{padding: 0;}
div.yotu-videos ul{margin: 20px 0 0 0 !important;}
.quick-link-section{position: relative;overflow: hidden;}
.quick-link-section::before{position: absolute;content:'';height: 74px;width: 100%;background-color: #F4EFEF;bottom: 0;}
.quick-link-section .container{position: relative;}
.qucik-link-bx{border:1px solid var(--site-primary);background-color:#FAFAFA;padding: 47px 92px 27px 92px;border-radius: 10px;}
.qucik-link-bx .menu{display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 23px -79px 0 -79px;}
.qucik-link-bx .menu .menu-item{width: 33.33%;padding: 0 45px;}
.qucik-link-bx .menu .menu-item a{display: inline-block;padding: 24px 65px 24px 34px;font-size: 17px;line-height: 20px;color: var(--site-primary);width: 100%;overflow: hidden;position: relative;border-radius: 34px;z-index: 1;max-width: 361px;}
.qucik-link-bx .menu .menu-item a:after{position: absolute;content:'';width: 40px;height: 40px;right: 15px;top: 14px;background-image: url(images/transparent-circle-icon.svg);background-repeat: no-repeat;background-position: center;transition: 0.3s;-webkit-transition: 0.3s;}
.qucik-link-bx .menu .menu-item a:before{position: absolute;content:'';left: 0%;height: 100%;background: #edeeef;transition: 0.7s;width: 0;top: 0;z-index: -1;}
.video-section{background-color: #F4EFEF;padding: 80px 0;}
.video-bigbx{display: inline-block;max-width: 1204px;margin: 0 auto;position: relative;}
.video-bigbx img{max-height: 679px;object-fit: cover;object-position: center;display: block;}
.play-icon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url(images/play-icon.svg);background-position: center;background-repeat: no-repeat;cursor: pointer;font-size: 0;}
.head-sec2{text-align: left;display: flex;align-items: flex-start;margin-top: 47px;}
.head-sec2 .section-title{width: 50%;}
.head-sec2 .whysybx{width: 50%;max-width: 580px;margin-top: 10px;padding-left: 8px;;}
.video-section .round-subtitle{margin-left: 0;margin-right: auto;}
.video-sec-wrap{text-align: center;margin-top: 75px;}

/* Modal Styles */
.modal {transform-origin:center; position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; overflow:auto; opacity:0; transition:0.1s; display:none; align-items:center; justify-content:center;}
.modal:before{background-color:rgba(0, 0, 0, 0.7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;content: '';transition: 0.3s;-webkit-transition: 0.3s;z-index: 0;}
.modal-content {background-color:#fefefe; margin:15px auto; padding:20px; border:1px solid #888; width:80%; max-width:600px; border-radius:5px; box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);z-index: 1;transform: translateY(-50%);}
.show_big_modal .modal-content{max-width: 1000px;}
.modal-content.video-modal{background: transparent;padding: 0;border: 0;max-width: 850px;}
.close-modal {width: 44px;height: 44px;background-image: url(images/close-icon.svg);background-repeat: no-repeat;position: absolute;right: -22px;top: -22px;background-size: cover;font-size: 0;z-index: 1;}
.close-modal:hover, .close-modal:focus {text-decoration:none; cursor:pointer;}
.modal.show {opacity:1; display:flex;}
.modal.show:before{animation: showw 0.2s;animation-fill-mode: both;}
.modal.show .modal-content{animation: move 0.2s;animation-fill-mode: both;}
@keyframes showw {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes move {
  from {transform: translateY(-50%);}
  to {transform: translateY(0%);}
}

.vid-wrap{position: relative;padding-bottom: 56.24%;overflow: hidden;}
.vid-wrap iframe{position: absolute;left: 0;width: 100%;height: 100%;top: 0;}
.pillar-section + .pillar-section, 
.pillar-section + .left-video-right-content,
.left-video-right-content + .left-video-right-content,
.left-video-right-content + .pillar-section{padding-top: 0;}
.menu-home-quick-links-container:first-child .menu{margin-top: 0;}

.whysybx-news h1, .whysybx-news h2, .whysybx-news h3, .whysybx-news h4, .whysybx-news h5, .whysybx-news h6{font-family: var(--site-font-primary);font-weight: 700;margin-top: 50px;line-height: var(--site-font-heading-two-line-height);letter-spacing: 0;}
.whysybx-news h1:first-child, .whysybx-news h2:first-child, .whysybx-news h3:first-child, .whysybx-news h4:first-child, .whysybx-news h5:first-child, .whysybx-news h6:first-child{margin-top: 0;}
.whysybx.whysybx-news{margin-top: 30px;}
.news-detail-right.whysybx.whysybx-news{margin-top: -12px;width: calc(100% - 124px);}

.whysybx.whysybx-news p{color: var(--site-text-darkgray);margin-top: 30px;}
.whysybx.whysybx-news p:first-child{margin-top: 0;}
.whysybx-news h1{font-size: var(--site-font-heading-for);color: var(--site-primary);line-height: 1.34;}
.whysybx-news h2{font-size: 33px;color: var(--site-pink-text);}
.whysybx-news h3{font-size: 28px;color: var(--site-primary);}
.whysybx-news h4{font-size: 26px;color: var(--site-primary);}
.whysybx-news h5{font-size: 24px;color: var(--site-primary);}
.whysybx-news h6{font-size: 22px;color: var(--site-primary);}
.whysybx-news > img{margin-top: 58px;}
.whysybx-news figure{margin-top: 58px;}
.whysybx-news p img{margin-top: 0px;}
.whysybx-news p img.size-large, .whysybx-news p img.size-full{margin-top: 28px;}
.whysybx-news.whysybx li{margin-top: 5px;}
.whysybx.whysybx-news p.date{font-size: 20px;line-height: 24px;color: var(--site-text-darkgray);font-weight: 600;}
.whysybx .standard img{margin-top: 0 !important;margin-right: 10px;}


.breadcrump-wrap{background-color: #F4EFEF;padding: 5px 0;}
.breadcrump-wrap span, .breadcrump-wrap a{font-size: 16px;color: #8E8E8E;}
.breadcrump-wrap span span{font-weight: 600;}
.breadcrump-wrap a{font-weight: 400;text-decoration: underline;}
.breadcrump-wrap .breadcrump{margin-bottom: 0;}
.news-detail-wrap{padding: 80px 0}
.news-detail-left{display: flex;}
.news-detail-left .share-box{min-width: 124px;position: sticky;top: 150px;}
.share-title{font-size: 14px;line-height: 17px;color: var(--site-primary);font-weight: 600;text-transform: uppercase;}
.share-listwrap{display: flex;flex-direction: column;width: 40px;}
.share-box a{margin: 18px auto 0 auto;}
.share-box a i{font-size: 0;display: none;}
.share-box a.facebook{width: 12px;height: 22px;background-image: url(images/share-fb.svg);background-repeat: no-repeat;background-position: center;}
.share-box a.twitter{width: 20px;height: 18px;background-image: url(images/share-x.svg);background-repeat: no-repeat;background-position: center;}
.share-box a.linkedin{width: 20px;height: 20px;background-image: url(images/share-linkedin.svg);background-repeat: no-repeat;background-position: center;}
.related-news-ttl{font-size: 19px;line-height: 23px;color: #7E7E7E;font-family: var(--site-font-primary);}
.news-detail-rightbx .post{padding-top: 22px;margin-top: 22px;border-top: 1px solid #efefef;padding-right: 0px;padding-bottom: 5px;}
.related-post-name{font-size: 18px;line-height: 26px;color: var(--site-text-darkgray);font-weight: 700;font-family: var(--site-font-primary);letter-spacing: 0;}
.related-post-namelink{margin-top: 20px;display: block;max-width: 296px;}
.news-detail-rightbx{padding-left: 120px;position: sticky;top: 150px;}
.news-detail-rightbx .date{font-size: 15px;line-height: 18px;color: #7E7E7E;}
p:empty{display: none;}
.modal-show{overflow: hidden;}

.category-news .site-header, .page-template-content-webcam .site-header, .error404 .site-header{border-bottom: 1px solid #dfdfdf;}
.whysybx table thead td a .fa.fa-caret-down{font-size: 0;width: 9px;height: 6px;background-image: url(images/table-arrow.svg);background-repeat: no-repeat;background-position: center;vertical-align: middle;margin-left: 10px;}
body .select2-container ul li.select2-results__message{color: red !important;}
.accordion-wrap.default{padding: 30px 0 0px 0;border-bottom: 1px solid rgba(112,112,112,0.25);margin-top: 0px;}
.sustainability-right:first-child {width: 100%;padding: 0;max-width: 850px;margin:0 auto;}
.accordion-wrap.default:first-child{padding-top: 0;}
.accordion-wrap.default .accordion-answer .whysybx p:first-child{margin-top: 0;}
.accordion-wrap.default .faqs-inner-title.faq-head{font-size: 20px; font-weight: 600;color: var(--site-heading-color);line-height: 26px;letter-spacing: 0;}

.site_filter_section {background: var(--site-pink-text);padding:15px 0px;}
.site_filter_wrap {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.filter_section_right {display: flex;align-items: center;}
.filter_title {font-size: 14px;line-height:17px;font-weight: bold;min-width: 89px;margin-right: 49px;color:var(--site-white);text-transform:uppercase;}
.dropdown_filter {display: inline-block;margin-right: 15px;}
.site_filter_section select{min-width: 241px;max-width: 241px;border-radius: 40px;height: 50px;font-size: var(--site-font-size);font-weight: normal;color:var(--site-primary);border:none;}
.select2-container {min-width: 241px;max-width: 241px;}
.select2-container .select2-selection--single{background-color: #fff;border:none;border-radius: 40px;height: 50px;}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {border-top-left-radius: 20px;border-top-right-radius: 20px;}
.select2-container .select2-selection--single .select2-selection__rendered{line-height: 50px;padding-left: 30px;padding-right: 60px;font-size: var(--site-font-size);font-weight: normal;color:var(--site-primary);}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 50px;right: 22px;width: 15px;}
.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: 15px;display: inline-block;height: 50px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after{width: 15px !important;height: 50px !important;line-height:50px !important;content:'' !important;background:url(images/caret-gray.svg) no-repeat center center !important;right: 0 !important;transform: rotate(0deg) !important;-webkit-transform: rotate(0deg) !important;display:inline-block;}

body .select2-container ul li{color: var(--site-primary) !important;font-family:var(--site-font-primary) !important;font-size: 16px !important;font-style: normal !important;font-weight: normal !important;line-height: 24px !important;padding: 12px 16px !important;}

body .select2-container--default .select2-results__option[aria-selected="true"]{background-color: var(--site-hover) !important;color:var(--site-white)!important;font-weight: 400 !important;}
body .select2-container--default .select2-results__option--selected {background-color: var(--site-hover) !important;color:var(--site-white) !important;}
body .select2-container--default .select2-results__option--selected.select2-results__option--highlighted{background-color: var(--site-hover) !important;color:var(--site-white) !important;}

.select2-container--default .select2-results>.select2-results__options {scrollbar-color: #333333 #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: #333333; border-radius:0px;}
body .select2-container.select2-container--open .select2-selection__arrow b::after{transform: rotate(180deg) !important;-webkit-transform: rotate(180deg) !important;}

.select2-container--default .select2-results__option--disabled{cursor:no-drop;}

.news-list-section.news_list_main {background: #F4EFEF;padding: 45px 0 80px;}
.fullwidth-sec .news-box{padding:30px 30px;display: flex;align-items: center;}
.fullwidth-sec .news-box-cont .news-list-heading2{font-size:35px;line-height:45px;}
.fullwidth-sec .news-box-cont .news-list-heading2 a{color:var(--site-primary);}
.fullwidth-sec .news-box-img img{max-height:475px;height:475px;}
.fullwidth-sec .news-box-img{max-width: 716px;}
.fullwidth-sec .news-box-cont {width: 100%;max-width: 540px;padding-top:0px;}
.row.news-list .news_item {margin-top: 35px;}
.news-box-cont > * + * {margin-top: 30px;}

.site_btn_text,
#moreBTN{font-family: var(--site-font-primary);font-size:20px;line-height:40px;font-weight:normal;color:var(--site-primary);text-decoration:underline;padding-right:67px;display:inline-block;position:relative;text-transform: uppercase;}
.site_btn_text:after,
#moreBTN:after{content: '';background: url(images/blue-round-arrow.svg) no-repeat 0 0;width: 40px;height: 40px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);transition: 0.3s;-webkit-transition: 0.3s;}

.new_paging {display: flex;align-items: center;justify-content: center;margin-top: 80px;position: relative;min-height: 57px;}
.new_paging a,
.new_paging span {font-size:var(--site-font-size);color:var(--site-primary);margin-left: 25px;}
.new_paging .prev,
.new_paging .next {border: 1px solid #707070;padding: 20px 24px;border-radius: 5px;position: absolute;top: 50%;transform: translateY(-50%);margin: 0;background-repeat: no-repeat;}
.new_paging .prev{left:0;background-image: url(images/prev-arrow.svg);background-position: 25px center;padding-left:56px;}
.new_paging .next {right:0;background-image: url(images/next-arrow.svg);background-position: calc(100% - 25px) center;padding-right:56px;}
.page-numbers.current{text-decoration:underline;color:var(--site-hover);}
.new_paging .prev.disabled,
.new_paging .next.disabled {border-color: #707070 !important;background-color: transparent !important;color: var(--site-primary) !important;cursor: no-drop;opacity:0.25;}
.new_paging .prev.disabled{background-image: url(images/prev-arrow.svg) !important;}
.new_paging .next.disabled{background-image: url(images/next-arrow.svg) !important;}
.new_paging .prev + .page-numbers{margin-left:0px;}

.banner-section {padding: 30px 0;}
.banner-section h1{text-transform:uppercase;line-height:1.1}
.inner-banner-wrapper{display:flex;justify-content:space-between;}
.breadcrump {margin-bottom: 45px;}
.breadcrump span {font-size: 14px;line-height: 28px;color: var(--site-text);font-weight:bold;}
.breadcrump a{font-weight:normal;color: var(--site-text);text-decoration:underline;}
.inner-banner-content {width: 100%;max-width: 600px;}
.banner-image {width: 100%;max-width: 330px;margin-left: 30px;margin-right: 135px;-webkit-mask-image: url(images/Exclusion.svg); -webkit-mask-position: center center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: cover;mask-image: url(images/Exclusion.svg);mask-position: center center;mask-repeat: no-repeat;mask-size: cover;position: relative;overflow: hidden;}
.banner-image img {max-height: 286px;height: 286px;object-fit: cover;object-position: center;}
.banner-image iframe {max-height: 286px;height: 286px;object-fit: cover;object-position: center;transform: scale(1.2);transform-origin: center;-webkit-transform: scale(1.2);-webkit-transform-origin: center;}


.webcam_page_banner {padding: 80px 0 0;}
.webcam_page_main{padding:0px 0px 80px;}
.webcam_gallery_item {margin-top: 25px;}
.video_title {font-size: 20px;font-weight: bold;line-height: 45px;color:var(--site-text);}
.webcam_gallery_item .video-box {border-radius: 15px;margin-top: 5px;padding-top: 54.84%;}
.webcam-banner-wrap{display:flex;align-items:center;}
.webcam_page_banner h1{font-size:50px;line-height:70px;text-transform:uppercase;width: 100%;}
.webcam-right-part {display: flex;align-items: center;min-width:124px;}
.info-item {height: 29px;width: 29px;display: inline-block;font-size: 0px;text-indent: -99999px;background: url(images/info-icon.svg) no-repeat center center;}
.webcam-live-wrap {background: url(images/live-icon.svg) no-repeat center center;height: 29px;width: 84px;display: inline-block;font-size: 0px;text-indent: -99999px;}
.webcam-live-wrap + .info-item{margin-left:11px;}
.webcam-live-wrap + .tooltip{margin-left:11px;}
.tooltip{position: relative;display: inline-block;vertical-align: middle;height: 29px;}
.tooltip .info-item{vertical-align: top;cursor: pointer;}
.tooltip .tooltiptext {visibility: hidden;display: none;width: auto;background-color: var(--site-white);color: var(--site-text-dark);
  text-align: center; border-radius: 6px;right: 0;width: auto; min-width: 600px; padding: 25px 35px; box-shadow: rgba(0, 0, 0, 0.25) 0 0px 15px;
  position: absolute; z-index: 1;text-align: left;margin-top: 0 !important;}
.tooltip .tooltiptext p{margin-top: 15px;line-height: 1.3;}
.tooltip .tooltiptext p:first-child{margin-top: 0;}
.whysybx table:first-child {margin-top: 0;}

.webcam-data-section{margin-top:0px;}
.webcam-datatab{margin-top:50px;}
.tab-menu {margin:0 -8px;padding: 0;list-style: none;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.tab-menu .tab-menu-btn {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;text-align: center;padding:0 8px;}
.tab-menu .tab-menu-btn a {color:#044F6C;font-size:20px;line-height:26px;font-weight: 600;display: inline-block;padding:10px 20px;display: block;text-decoration: none;transition: 0.5s all;background:var(--site-white);border: 2px solid #044F6C;outline: none;appearance: none;-webkit-appearance: none;border-radius:5px;}
.tab-menu .tab-menu-btn a:hover {background: #d8e4e8;color:#044F6C;text-decoration: none;}
.tab-menu .tab-menu-btn a.active {background:#d8e4e8;color:#044F6C;text-decoration: none;}
.tab-box {display: none;}
.tab-main-box .tab-menu-btn {display: none;}
.tab-main-box {background: none;padding: 16px 0px 0px;}
.webcam-data-image {overflow: hidden;border-radius: 5px;margin-top: 50px;position: relative;overflow: hidden;padding-top: 56.25%;height: calc(100% - 50px);}
.webcam-data-image iframe {width: 100%;height: 100%;object-fit: cover;object-position: center;position: absolute;left: 0;top: 0;}

.map-wrap{height: 500px;}
.map-wrap div{border: 0 !important;}
.contact-us-main{padding: 80px 0;}
.contact-us-main > .whysybx{margin-top: 0;}
.contact-right{padding-left: 50px;position: relative;}
.whysybx.whysybx-news.contact-right{margin-top: 0;} 
.wpcf7-form-control-wrap{display: block;margin-top: 5px;}
.contact-right .wpcf7-spinner{position: absolute;right: 0;right: -80px;top: 50%;transform: translateY(-50%);}
.contact-add-leftin{margin-top: 30px;}
.contact-add-rightin.whysybx{margin-top: 30px;}
.contact-add-rightin.whysybx p{margin-top: 10px;}
.contact-right .border-arrow-btn p{margin-top: 0;}
.contact-right .border-arrow-btn input[type="submit"]{border: 0;background-color: transparent !important;height: auto;padding: 20px 105px 20px 32px;border-radius: 44px;}
.contact-right .border-arrow-btn{padding: 0px;cursor: pointer;margin-top: 22px;}
.contact-right .border-arrow-btn:before{top: 50%;transform: translateY(-50%);width: 40px;height: 40px;  background-size: cover;}
.wpcf7 form.invalid .wpcf7-response-output{color: red;}
.contact-right.whysybx.whysybx-news h2{color: var(--site-primary);}
.listing_data_inr{margin-top: 30px;}
.listing_data_inr:first-child{margin-top: 0;}
.listing_data_inr .rlink {margin-top: 15px;}

.timeline-sec-wrap .line::before, .timeline .line::after {content: "";display: block;width: 26px;height: 3px;background: var(--site-pink-text); top: 0;left: 50%;margin-left: -13px;position: absolute;}
.timeline-sec-wrap .line {position: absolute;display: block;width: 4px;height: 100%;top: 0;left: calc(50% - 2px);background: var(--site-pink-text);}
.timeline .line::after{bottom: 0;top: auto;}
.timeline-sec-wrap{position: relative;}
.timeline-rowbx{display: flex;flex-wrap: wrap;}
.timeline-rowbx .item{width: 50%;max-width: 50%;position: relative;padding: 15px 35px 15px 0px;}
.timeline-rowbx .item:nth-child(even){padding-right: 0;padding-left: 35px;}
.timeline-rowbx .item .text{display: flex;}
.timeline-rowbx .item:nth-child(even) .text{flex-direction: row-reverse;}
.timeline-rowbx .item .date{margin-left: 25px;font-size: 30px !important;line-height: 1.2 !important;color: var(--site-pink-text) !important;}
.timeline-rowbx .item:nth-child(even) .date{margin-left: 0px;margin-right: 25px;}
.timeline-rowbx .image{margin-top: 20px;}
.timeline{margin-top: 50px;}
.standard p iframe {margin-top: 0;}
.yotu-video-thumb-wrp img{border-radius: 10px;}

.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{padding: 0 20px 0 20px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:last-child{padding-right: 0;}
.desktopmenu .mega-menu-wrap{position: static !important;}
.desktopmenu .mega-menu-wrap .mega-menu.max-mega-menu{position: static !important;}
.desktopmenu > #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > ul.mega-sub-menu{padding: 61px 0px;position: absolute;left: 0;width: 100%;top: 100%;}

.desktopmenu > #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > ul.mega-sub-menu:before{position: absolute;top: -30px;content: '';height: 30px;width: 100%;left: 0;display: block;}

.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row{max-width: 1472px;padding: 0 12px;margin: 0 auto;float: none;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row > .mega-sub-menu > li:first-child{width: 100% !important;padding-right: 60px;margin-top: 0 !important;max-width: 465px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row > .mega-sub-menu > li{padding-right: 30px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row > .mega-sub-menu > li:last-child{padding-right: 0;}

.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row > .mega-sub-menu > li:first-child > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{font-family: var(--site-font-heading);font-size: 35px;line-height: 47px;color: #3D3B42;margin-bottom: 0;text-transform: uppercase;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-12.mega-col-bx4{padding-left: 10px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{font-size: 20px;line-height: 24px;color: #909090;text-transform: none;margin-bottom: 10px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{margin-top: 12px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:first-child{margin-top: 0;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row > .mega-sub-menu{flex-wrap: nowrap;display: flex;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget p{font-size:16px;line-height: 28px;color: var(--site-text);margin-top: 23px;word-wrap: inherit;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget{max-width: 268px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{text-transform: none !important;display: inline-block;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-12.mega-col-bx2{padding-left: 0px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.dublin-safeport-menu > .mega-sub-menu > li.mega-menu-column > .mega-sub-menu .mega-menu-link{font-size: 20px;line-height: 24px;font-weight: 500;color: #202945;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.dublin-safeport-menu > .mega-sub-menu > li.mega-menu-column > .mega-sub-menu > li{margin-top: 50px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.dublin-safeport-menu > .mega-sub-menu > li.mega-menu-column > .mega-sub-menu > li:first-child{margin-top: 0;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu .mega-menu-row.dublin-safeport-menu > ul.mega-sub-menu li.mega-menu-columns-3-of-12{margin-top: 30px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li > .mega-sub-menu > li > a.mega-menu-link{font-size: 20px;line-height: 24px;font-weight: 500;color: #202945;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li > .mega-sub-menu > li >  .mega-sub-menu > li > a{font-size: 16px;line-height: 19px;color: #3D3B42;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li > .mega-sub-menu > li >  .mega-sub-menu > li{margin-top: 20px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li:last-child{max-width:150px;padding-right: 0;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li{padding-right: 30px;margin-right: auto;width: 19%;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li:first-child{margin-right: 0;}

/* .desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.marine-menu-row > .mega-sub-menu > li > .mega-sub-menu > li > a.mega-menu-link{font-size: 20px;line-height: 24px;font-weight: 500;color: #202945;} */
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.marine-menu-row > .mega-sub-menu > li > .mega-sub-menu > li >  .mega-sub-menu > li > a{font-size: 16px;line-height: 19px;color: #3D3B42;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.marine-menu-row > .mega-sub-menu > li > .mega-sub-menu > li >  .mega-sub-menu > li{margin-top: 20px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.marine-menu-row > .mega-sub-menu > li:last-child{padding-right: 0;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.marine-menu-row > .mega-sub-menu > li{padding-right: 50px;margin-right: auto;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.marine-menu-row > .mega-sub-menu > li:first-child{margin-right: 0;}

.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a,
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current_page_item > a,
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.marine-menu-row > .mega-sub-menu > li > .mega-sub-menu > li > .mega-sub-menu > li.mega-current-menu-item > a,
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.marine-menu-row > .mega-sub-menu > li > .mega-sub-menu > li > .mega-sub-menu > li.mega-current_page_item > a,
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li > .mega-sub-menu > li > .mega-sub-menu > li.mega-current_page_item > a,
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li > .mega-sub-menu > li > .mega-sub-menu > li.mega-current-menu-item > a{text-decoration: underline;font-weight: 700;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.dublin-safeport-menu > .mega-sub-menu > li.mega-menu-column > .mega-sub-menu > .mega-menu-item.mega-current_page_item > .mega-menu-link{color: var(--site-pink-text);font-weight: 700;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.marine-menu-row > .mega-sub-menu > li > .mega-sub-menu > li.mega-current_page_item > a.mega-menu-link,
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.marine-menu-row > .mega-sub-menu > li > .mega-sub-menu > li.mega-current-menu-item > a.mega-menu-link,
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li > .mega-sub-menu > li.mega-current_page_item > a.mega-menu-link,
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li > .mega-sub-menu > li.mega-current-menu-item > a.mega-menu-link{color: var(--site-pink-text);}
.mobile-menu-main{display: none;}


#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{border-bottom: 2px solid transparent;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a{border-bottom-color: var(--site-pink-text) !important;}
.mega-menu-open:before{position: fixed;content: '';left: 0;top: 0;height:100%;width: 100%;background-color: #061A2F;opacity: 0.6;display: block !important;z-index: 6;}

.whysybx.statistics-page h2{color: var(--site-primary);margin-top: 25px;}
.whysybx.statistics-page h1{color: var(--site-pink-text);text-transform: uppercase;}
.news-list .nopost, .errormsg{color: red;font-size: 24px;margin-top: 35px;}
.errormsg p{color: red;}
.statsrow{display: flex;margin: 0 -15px;justify-content: center;}
.statsrow .item{width: 33.33%;padding: 0 15px;margin-top: 40px;text-align: center;}
.statsrow .item svg{max-width: 250px;height: 130px;}
#stats .statsrow .item .value{font-size: 50px;font-weight: 700;margin-bottom: 20px;}
#stats .statsrow .item h3{font-size: 22px;color: var(--site-text-dark);font-weight: 400;}
#stats .imex { display: flex;margin: 30px -15px 0 -15px;}
#stats .imex > div{margin: 15px;width: calc(50% - 30px);border: 3px solid var(--site-text-darkgray);border-radius: 10px;}
#stats .imex .items{padding: 35px;display: flex;}
#stats .imex .items .item{text-align: center;padding: 0 10px;width: 33.33%;}
#stats .imex .title{font-size: 34px;font-weight: 700;color: var(--site-pink-text);text-transform: uppercase;}
#stats .imex .items .item .value{font-size: 34px;font-weight: 700;color: var(--site-primary);text-transform: uppercase;}
#stats .imex .items .item svg{margin-top: 30px;max-width: 140px; max-height: 100px;}
#stats .imex .items .item h3{font-size: 20px;text-transform: uppercase;font-weight: 400;color: var(--site-text-darkgray);}
#stats .stats .item-row{display: flex;flex-wrap: wrap;}
#stats .stats .title{width: 14.55%;margin: 15px;display: flex;align-items: center;justify-content: center;}
#stats .stats .tile{width: 14.6777%;margin: 15px;padding-top: 13%;min-height: 120px;background: #f4efef;  position: relative;color: var(--site-primary);border-radius: 10px;transition: 0.3s;-webkit-transition: 0.3s;}
#stats .stats .tile a {position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;display: block;}
#stats .stats .tile p {color: var(--site-primary);position: absolute; z-index: 1; top: 50%; left: 0; margin: 0;font-size: 24px;line-height: 1.3;text-align: center;display: block;margin: 0;transform: translateY(-50%);width: 100%;}
#stats .stats .title h2{font-size: 22px;text-align: center;font-weight: 600;line-height: 1.2;margin: 0;}
#stats .stats .title h2 strong{display: block;font-size: 40px;}
#stats .stats .tile p span{font-size: 36px;font-weight: 700;display: block;}
#stats .stats {text-align: center;}
#stats .stats {border-top: 1px solid #E8E8E8;margin-top: 40px;padding-top: 25px;text-align: center;}
#stats{margin: 0;padding: 80px 0;}
.not-found{padding: 70px 0;text-align: center;}
.image-404 img{max-width: 600px;margin: auto;}
.oops-txt{padding: 0 50px;max-width: 870px;margin: 50px auto;font-family: var(--site-font-primary);font-size: 42px;letter-spacing: 0;}


.chooselang{margin-top:50px;}
.chooselang:last-child{margin-bottom:50px;}
.chooselang h2 {font-style: normal;font-weight: 400;font-size: var(--site-font-heading-for);line-height: 1.31;color: var(--site-heading-color);font-family: var(--site-font-heading);letter-spacing: 2.5px;border-bottom: 3px solid var(--site-heading-color);padding-bottom: 5px;}
.chooselang ul{display:flex;margin:30px -12px 0;flex-wrap:wrap;max-width: 600px;}
.chooselang ul li{padding:0px 12px 0px 52px;width:50%;margin-top: 20px !important;font-size: 24px;}
.chooselang ul li:after {background: url(images/link_arrow.svg) no-repeat center center;width: 25px;height: 27px;top: 50%;transform: translateY(-50%);left: 12px;}
.chooselang ul li a{color: var(--site-text-darkgray);font-weight: bold;text-decoration:none;}

.standard iframe{margin-top:35px;border-radius: 15px;max-width:100%;}
.dpsp_firstpara {margin-top: 35px;}
.standard .video-box-wrap {margin-top: 35px;}
.standard .video-box-wrap iframe{margin-top: 0px;}
.dpsp_two_parent .dpsp_s1 {background: var(--site-hover);color:var(--site-white);border: 2px solid var(--site-white);border-radius: 15px;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);padding: 25px 25px;text-align: center;cursor: pointer;}
.dpsp_two_parent .dpsp_s2 {background: var(--site-primary);color:var(--site-white);border: 2px solid var(--site-white);border-radius: 15px;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);padding: 25px 25px;text-align: center;cursor: pointer; }
.dpsp_two_parent .dpsp_s1 p,
.dpsp_two_parent .dpsp_s2 p {font-size: 23px;line-height: 35px;font-weight: 500;color: var(--site-white) !important;}
.dpsp_two_parent .dpsp_s1 p:first-child,
.dpsp_two_parent .dpsp_s2 p:first-child {display: block;width: 100%;font-size: 40px;font-weight: 700;padding-bottom: 15px;border-bottom: 1px solid var(--site-white);}
.dpsp_two_parent .dpsp_s1 p.main_para,
.dpsp_two_parent .dpsp_s2 p.main_para {margin-bottom: 20px;color: var(--site-white);}
/*.dpsp_two_parent + .standard .dps1_mainpara_two{margin-top: 35px;}*/

.dps1_mainpara_two p img{border-radius: 15px;}
.dpsp_stp1_standard {background: rgba(6,26,47,0.07);padding: 30px 40px;border: 2px solid var(--site-primary);border-radius: 15px;margin-top: 50px;}
.dpsp_stp2_standard {background: rgb(232,55,84,0.1);padding: 30px 40px;border: 2px solid var(--site-hover);border-radius: 15px;margin-top: 50px;}
.dpsp_stp1_standard h3,
.dpsp_stp2_standard h3 {text-transform: uppercase;font-size: var(--site-font-btn-size);padding-left: 0;padding-bottom: 10px;border-bottom: 2px solid var(--site-heading-color);width: 100%;display: inline-block;color: var(--site-heading-color);}
.dpsp_stp1_standard ul li span a strong,
.dpsp_stp2_standard ul li span a strong{color:var(--site-hover);}
.insructionpart {margin-bottom: 30px;}
.dpsp_stp1_standard .site_btn_text,
.dpsp_stp2_standard .site_btn_text{color: var(--site-primary);}

.aligncenter{text-align:center;}
.user_resourcesimagepart {display: flex;flex-wrap: wrap;margin: 0 -12px;}
.useful_resources_image {padding: 0 12px;width: 25%;margin-top: 30px;text-align:center;}
.resource_image {position: relative;vertical-align: middle;box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);width: 100%;height: 192px;border-radius: 25px;background:var(--site-hover);display:flex;align-items:center;justify-content:center;}
.resource_image img {min-height: 80px;max-height: 80px;}
.dpsp_desing_update .user_resourcesimagepart .image_content {padding: 0 30px;}
.image_content a {font-size: 16px;font-weight: 700;color: #6D6F72;padding-top: 22px;display: inline-block;white-space: pre-wrap;word-break: break-word;}

.safepass_faq {margin-top: 50px;}
.user_resourcespart{margin-top:20px;}

.steps_pagewrap {padding: 50px 0 80px;}
.stepone_boxwrap {display: flex;flex-wrap:wrap;margin:0 -12px;}
.stepone_box {width: 33.333%;padding: 35px 12px 0;}
.stepone_boxinner {width: 100%;position: relative;padding: 30px 30px;}
#div_ars_radiolist1,
#div_ars_radiolist2{border: 2px solid var(--site-primary);box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);background: rgba(6, 26, 47, 0.07);border-radius: 15px;position: absolute;left: 0px;right: 0px;bottom: 0px;top:0px;}
#div_ars_radiolist1.active,
#div_ars_radiolist2.active {border:2px solid var(--site-hover);background: rgb(232, 55, 84, 0.1);}
.stepone_box_logo {text-align: center;}
.stepone_box_titel {text-align: center;margin-top: 30px;line-height: 24px;}
.stepone_box_bigimg {display: block;margin: 30px 0 0 0;position: relative;z-index: 1;border-radius: 15px;overflow: hidden;box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);display: flex;}
.stepone_box_bigimg img {width: 100%;}
.pluse_icon {position: absolute;right: 10px;top: 20px;background: url(images/pluse_icon.svg) no-repeat 0 0;width: 27px;height: 27px;}
.areasincluding_wrap {display: block;padding: 30px 0px 0px;min-height: 280px;position: relative;z-index: 1;}
.areasincluding_titel {font-size: 20px;color: #6D6F72;position: relative;z-index: 1;}
.areasincluding_list {display: flex;align-items: center;width: 100%;margin: 14px 0 0 0;position: relative;z-index: 1;}
.areasincluding_listimg {display: flex;min-width: 85px;vertical-align: middle;position: relative;z-index: 1;margin-right: 20px;max-width: 85px;overflow: hidden;border-radius: 5px;}
.areasincluding_listimg img{width:100%;}
.areasincluding_listimg .pluse_icon {margin: auto;top: 0;left: 0;bottom: 0;right: 0;}
.ars_radiowrap {position: relative;z-index: 99;margin: 30px 0 0;text-align: center;}

.online-application-section .inner-banner-content{max-width:100%;}
.online-application-section .inner-banner-content h1{font-size: var(--site-font-heading-thr);}
.stepone_wrap h2{font-size: var(--site-font-heading-for);font-weight: bold;}
.site-btn-wrap{margin-top:50px}

.steps_logowrap{margin-bottom:30px;}
.ship_rightingbox{padding-top:20px;}
.ship_rightingdiv {position: relative;height: 155px;overflow: hidden;}
.ship_rightingdiv img {width: 100%;overflow: hidden;border-radius: 15px;height: 100%;object-fit: cover;object-position: center;}
.ship_rightingdiv .pluse_icon {top: 10px;right: 10px;}
.ship_rightingtitle {margin-top: 15px;text-align: center;font-size: 16px;color: var(--site-primary);}
.modal-body.whysybx{margin-top:0px;}
.modal-body.whysybx .modal-title{font-family: var(--site-font-heading);}
.modal-body.whysybx img{margin: 20px 0 0 0;position: relative;z-index: 1;border-radius: 15px;box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);}

.form-section {border: 1px solid var(--site-primary);background-color: #FAFAFA;padding: 30px 30px;border-radius: 10px;margin-top: 40px;}
.form-section h3 {font-family: var(--site-font-heading);font-size: var(--site-font-heading-fiv);border-bottom: 2px solid var(--site-primary);padding-bottom: 5px;margin-bottom: 20px;}
.two-filed {display: flex;flex-wrap: wrap;margin: 0 -8px;}
.two-filed .frominput_wrap{padding:0 8px;width:50%;}
.frominput_wrap,
.select_textbox,
.secondvehicle {margin-top: 15px;}
.form-section .small-ttl {margin-top: 30px;}
.select_radiowrap {display: flex;flex-wrap: wrap;}
.select_radiobox {margin-top: 15px;margin-right: 15px;}
.select_radiobox:last-child{margin-right: 0px;width: 100%;}
.select_radiobox label{vertical-align:middle;}


.seccheckboxwrap {display: flex;flex-wrap: wrap;justify-content: space-between;}
.seccheckbox {margin: 20px 0 0 0;position: relative;width: 48%;z-index: 1;}
.seccheckbox input {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);height: 22px;width: 22px;min-width: 22px;margin-top:0px;}
.seccheckbox label {display: flex;align-items:center;font-weight: 600;margin: 0;font-size: 16px;color: var(--site-text);position: relative;border-radius: 4px;padding:11px 21px 11px 55px;z-index: 2;line-height: 1.3;}
.seccheckbox label > span {width: 100%;}
.seccheckbox label + .checkborder{border: 1px solid var(--site-primary);position: absolute;left: 0px;top:0px;bottom:0px;right: 0px;border-radius: 12px;z-index: 1;}
.seccheckbox div.validation_message_payment{position:absolute;visibility:hidden;opacity:0;left:0;top:0;}
.seccheckbox div.validation_message_payment + label + .checkborder {border-color: red;}
.seccheckbox input:checked + label{color:var(--site-primary);}
.seccheckbox div.validation_message_payment + label + .checkborder{border-color: red;}
.seccheckbox input:checked + label + .checkborder,
.seccheckbox input:checked + div + label + .checkborder {border-color: var(--site-hover);border-width:3px;background: rgb(232, 55, 84, 0.1);box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);}
.checkimg {height: 84px;width: 100%;max-width: 100px;overflow: hidden;border-radius: 8px;min-width: 100px;margin-left: 15px;}
.checkimg img{width:100%;height:100%;object-fit:cover;object-position:center;}

.cal_box .frominput_wrap {position: relative;}
.cal_box .frominput_wrap:after {content: "";position: absolute;right: 20px;top:12px;width: 28px;height: 28px;background: url(images/cale_icon.svg) no-repeat 0 0;}

.ui-datepicker {padding: 0px !important;color: #666666;border: 0px solid #dedede !important;border-radius: 0px !important;outline: 0;margin: 8px 0;-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);background-color: var(--site-white)!important;background-image: none !important;}
.ui-widget-header {font-weight: normal !important;color:var(--site-primary);}
.ui-datepicker .ui-datepicker-header {background: var(--site-primary) !important;border: none !important;border-radius: 0;position: relative !important;padding: 15px 10px !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute !important;background-color: var(--site-black) !important;width: auto !important;height: auto !important;border: none !important;}
.ui-datepicker .ui-icon {text-indent: 0 !important;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {background-color: var(--site-white) !important;background-image: none !important;display: block !important;position: absolute !important;left: 0% !important;margin-left: 0px !important;top: 50% !important;margin-top: -7px !important;color:var(--site-primary) !important;padding: 2px 5px !important;font-size: 10px !important;text-transform: uppercase !important;cursor: pointer !important;font-weight: lighter !important;letter-spacing: 2px !important;line-height: 10px !important;width: auto;height: auto;}
.ui-datepicker .ui-datepicker-prev {left: 15px !important;top: 50% !important;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.ui-datepicker .ui-datepicker-next {right: 58px !important;top: 50% !important;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.ui-datepicker .ui-datepicker-title {margin: 0px !important;line-height: 20px !important;text-align: center !important;font-size: 14px !important;color:var(--site-white) !important;font-weight: normal !important;max-width: 160px;margin: 0 auto !important;}
.ui-datepicker .ui-datepicker-title select {font-size: 14px;margin: 1px 0;padding: 8px 5px;height: 35px;border-radius: 6px;font-weight:bold;}
.ui-datepicker .ui-datepicker-title select option {font-size: 14px;font-weight:normal;}
.ui-datepicker table{background-color:var(--site-white);width: 100% !important;font-size: .9em !important;border-collapse: collapse !important;margin: 0 0 .4em !important;}
.ui-datepicker-calendar thead {background: none !important;}
.ui-datepicker th {text-align: center !important;font-weight: 600 !important;border: 0 !important;font-size: 10px !important;text-transform: uppercase !important;letter-spacing: 2px !important;color:var(--site-text);}
.ui-datepicker td {border: 0 !important;padding: 5px !important;}
.ui-datepicker-unselectable.ui-state-disabled {opacity: 0.5 !important;}
.ui-datepicker-calendar .ui-state-disabled {background-color: rgba(0,0,0,.05) !important;}
.ui-datepicker td span, .ui-datepicker td a {display: block !important;padding: 0px !important;text-align: center !important;text-decoration: none !important;font-weight: lighter !important;font-size: 12px !important;}
.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {font-size: 11px;line-height: 28px;background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;border: 0 none !important;border-radius: 0px;line-height: 27px !important;color: #1c1c1d !important;}
.ui-datepicker-today .ui-state-default,
.ui-datepicker-today .ui-state-active {background: var(--site-hover) !important;border: 1px solid var(--site-hover) !important;color: var(--site-white)!important;}
table.ui-datepicker-calendar tr td .ui-state-active, .ui-datepicker-today .ui-state-active {background: #6763af !important;background: var(--site-hover) !important;color: var(--site-white)!important;}

.fileupload_wrap {width: 100%;margin: 20px 0 0 0;position: relative;display: flex;flex-wrap: wrap;}
.fileupload_text {display: inline-block;padding: 15px 185px 15px 20px;line-height: 20px;font-size: 16px;color: var(--site-text);width: 100%;border: 1px solid var(--site-text);border-radius: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fileupload_list {position: absolute;width: auto;right: 0;top: 0;}
.fileupload_listbut {display: inline-block;width: 100%;}
.fileupload_wrap input {position: absolute;right: 0;top: 0;height: 52px;width: 100%;opacity: 0;cursor: pointer;}
.fileupload_listbut a {display: inline-block;width: auto;border: none;height: auto;font-size: 20px;text-align: center;line-height: 1;border-radius: 40px;background-color: var(--site-hover);color: var(--site-white);box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;text-decoration: none;padding: 16px 25px;}

div.validation_message_payment{margin-top:5px;width:100%;font-size: 16px;}
.google_recaptcha {margin-top: 20px;}
.submitcheckbox{margin-top: 20px;position:relative;display: flex;flex-wrap: wrap;}
.submitcheckbox input{vertical-align:middle;height: 22px;width: 22px;min-width: 22px;margin-right:10px;position: absolute;left: 0;top: 0;margin-top: 0;}
.submitcheckbox input + .validation_message_payment{order:3;}
.submitcheckbox label{padding-left:30px;display: inline-block;}
.google_recaptcha iframe{margin-top:0px;border-radius:0px;}
.submit_but.border-arrow-btn{overflow:hidden;cursor:pointer;padding: 15px 105px 15px 30px;margin-top: 20px;}
.submit_but.border-arrow-btn:before{right: 15px;width: 46px;height: 46px;top: 50%;background-size: contain;}
.submit_but.border-arrow-btn input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.modal-image{text-align:center;}

.search-page-main .inner-banner-content{max-width:100%;}
.search-page-main .inner-banner-content h1{font-size: var(--site-font-heading-thr);}
.site-pagination .navigation {display: flex;align-items: center;justify-content: center;margin-top: 80px;position: relative;}
.site-pagination .nav-links {display: flex;align-items: center;justify-content: space-between;width: 100%;}
.site-pagination .nav-links a {border: 1px solid #707070;padding: 20px 24px;border-radius: 5px;background-repeat: no-repeat;font-size: var(--site-font-size);color: var(--site-primary);display: inline-block;}
.site-pagination .nav-links .nav-previous a {background-image: url(images/prev-arrow.svg);background-position: 25px center;padding-left: 56px;}
.site-pagination .nav-links .nav-next a {background-image: url(images/next-arrow.svg);background-position: calc(100% - 25px) center;padding-right: 56px;}

.sustainability-wrap{ padding:80px 0; }
.sustainability-wrap .container{ max-width:1350px; } 
.sustainability-row{ display:flex; flex-wrap:wrap; }
.sustainability-row.menu-right-side { flex-direction:row-reverse; }
.sustainability-left .left-first-level { position:sticky; top:50px;}
.fixed .sustainability-left .left-first-level{top: 150px;}
.sustainability-row.menu-right-side .sustainability-right{ padding:0 138px 0 0; }
.sustainability-left{ width:350px; }
.sustainability-left li{ display:block; padding:16px 0; border-top:1px solid var(--site-primary); position:relative; }
.sustainability-left li .arrow{ position:absolute; background:url(images/left-menu-arrow.svg) no-repeat right center; right:0; top:8px; width:40px; height:40px; text-indent:-10000px;cursor: pointer;}
.sustainability-left li.li-open .arrow, 
.sustainability-left li.active.li-open .arrow{ background:url(images/left-menu-arrow-up.svg) no-repeat right center; }

.sustainability-left li.li-open > a{ color:var(--site-pink-text); }
.sustainability-left li.active .arrow{ background:url(images/left-menu-arrow-hover.svg) no-repeat right center; }

.sustainability-left li a{ font-size:20px; line-height:26px; color:var(--site-text); font-weight:600; display:block; }
.sustainability-left li.active > a{ color:var(--site-pink-text); }
.sustainability-left li ul{ padding:18px 0 0 0; display:none; }
.sustainability-left li ul li{ display:block; padding:7px 0; border-top:none; }
.sustainability-left li ul li a{ font-size:16px; line-height:19px; font-weight:400; }
.sustainability-right{ width:calc(100% - 350px); padding:0 0 0 138px; }
.sustainability-right .introduction-wrap:first-child, .sustainability-right .two-img-wrap:first-child{ padding:0; }
.sustainability-right .leftcont-rightimg-wrap:first-child{ margin:0 0 0 0; padding:0 0 0 0; border:none; }
.sustainability-right .download-pdf-wrap:first-child{ padding:0 0 0 0; }
.sustainability-right .download-pdf-wrap:first-child .download-pdf-box:first-child, .sustainability-right .download-pdf-wrap:first-child .download-pdf-box:nth-child(2){ margin-top:0; }
/* , .sustainability-right .download-pdf-wrap:first-child .download-pdf-box:nth-child(3) */
.sustainability-right .two-img-wrap:first-child .two-img-box:first-child, .sustainability-right .two-img-wrap:first-child .two-img-box:nth-child(2){ padding-top:0; }
.sustainability-right .download-wrap:first-child{ margin-top:0; }
.sustainability-right .logo-wrap:first-child { padding:0 0 0 0; }
.sustainability-right .single-img-slider-wrap:first-child { padding:0 0 0 0; }
.sustainability-right .video-section-wrap:first-child { padding:0 0 0 0; }
.introduction-wrap{ padding:50px 0 0 0; }
.sustainability-wrap .introduction-wrap, .logo-wrap{ max-width:717px; margin:0; }
.sustainability-wrap .whysybx h2{ font-size:35px; letter-spacing:0; font-weight:700; color: var(--site-primary);}
.sustainability-wrap .whysybx h2 img{ vertical-align:middle; margin:-4px 0 0 10px; }
.sustainability-wrap .whysybx{ margin:0  }
.two-img-wrap{ display:flex; flex-wrap:wrap; padding:30px 0 0 0; margin:0 -9px; }
.two-img-box{ width:50%; padding:30px 9px 0; line-height:0; }
.two-img-box img{ width:100%; height:351px; object-fit:cover; }
.leftcont-rightimg-wrap{ margin:60px 0 0 0; padding:60px 0 0 0; border-top:1px solid rgba(112,112,112,0.25); }
.leftcont-rightimg-wrap:after{ content:""; display:block; overflow:hidden; clear:both; }
.right-image-box{ float:right; margin:0 0 35px 50px; width:350px; } 
.right-image-box img{ width:100%; height:300px; object-fit:cover; }
.sustainability-wrap .left-cont .whysybx{ margin:0; max-width:100%; }
.left-cont .site_btn_text{ margin:40px 0 0 0; }
.team-wrap{ margin:0 -9px; display:flex; flex-wrap:wrap; }
.team-box{ position:relative; width:33.3333%; padding:50px 9px 0; }
/* .team-box a{position: absolute;left: 9px;top: 50px;right: 9px;bottom: 0;} */
.team-box a{margin-top: 10px;display: inline-block;}
.team-box-img{ width:100%; line-height:0; }
.team-box-img img{ width:100%; height:240px; object-fit:cover; }
.team-box-content{ padding:20px 0 0 0; }
.team-member-name{ font-size:20px; line-height:26px; color:var(--site-heading-color); font-weight:600; }
.team-member-position{ padding:8px 0 0 0; color:var(--site-text-darkgray); font-size:18px; line-height:24px; font-style:italic; }
.directors-box.whysybx{ border:1px solid var(--site-heading-color); padding:40px 78px 40px 50px; margin:50px 0 0 0; border-radius:5px; }
.directors-box h4{ font-size:20px; line-height:26px; font-weight:600; }
.whysybx .directors-box p{ margin:28px 0 0 0; }
.whysybx .directors-box p:first-child{margin-top: 0;}
.sustainability-wrap .whysybx p{ color:var(--site-text-darkgray); }
.sustainability-wrap .directors-box.whysybx p em{ color:var(--site-text-darkgray); font-size:18px; font-weight:500; line-height:var(--site-font-line-height); padding:8px 0 0 0; font-style:italic; }
.directors-chairperson, .directors-last { color:var(--site-text-darkgray); font-size:18px; font-weight:500; line-height:var(--site-font-line-height); font-style:italic; }
.download-wrap{ margin:60px 0 0 0; max-width:717px; border:1px solid var(--site-heading-color); padding:51px 122px 40px 45px; border-radius:5px; position:relative; }
.download-wrap:after{ position:absolute; content:""; background:url(images/dwonload-icon.svg) no-repeat 0 0; width:65px; height:65px; top:18px; right:27px; }
.download-wrap.visit-link-wrap:after{ position:absolute; content:""; background:url(images/visit-link-icon.svg) no-repeat 0 0; width:65px; height:65px; top:18px; right:27px; }
.download-wrap h4{ font-size:18px; color:var(--site-heading-color); line-height:24px; font-family:var(--site-font-primary); } 
.download-wrap a{ font-size:18px; color:var(--site-hover); font-weight:600; text-decoration:underline; line-height:var(--site-font-line-height); margin:28px 0 0 0; display:inline-block; }
.download-pdf-wrap{ padding:30px 0 0 0; display:flex; flex-wrap:wrap; margin:0 -9px; }
.download-pdf-box{ position:relative; width:calc(50% - 18px); margin:30px 9px 0; }
.download-pdf-box a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; }
.download-pdf-bg{ line-height:0; position:relative; height:273px; }
.download-pdf-bg:after{ content:""; position:absolute; top:0; left:0; background:rgba(6,26,47,0.6); width:100%; height:100%; }
.download-pdf-bg img{ width:100%; height:273px; object-fit:cover; }
.download-pdf-cont{ position:absolute; top:0; left:0; width:100%; height:100%; padding:30px; }
.download-pdf-cont h4{ font-size:20px !important; line-height:26px; color:var(--site-white) !important; padding:0 54px 0 0; font-weight:600; font-family:var(--site-font-primary); }
.download-pdf-cont-bottom{ position:absolute; left:0; bottom:0; padding:0 30px 30px; display:flex; justify-content:space-between; align-items:self-end; width:100%; }
.download-text{ font-size:18px; color:var(--site-white); line-height:28px; font-weight:600; }
.download-pdf-icon-wh{ background:url(images/dwonload-pdf-wh-icon.svg) no-repeat 0 0; width:31px; height:39px; }
.sustainability-wrap .whysybx ul:first-child, .sustainability-wrap .whysybx ol:first-child{ margin:40px 0 0 0; }
.logo-wrap{ padding:60px 0 0 0; }
.logo-list{ display:flex; flex-wrap:wrap; margin:0 -8px; padding:32px 0 0 0; }
.logo-box{ padding:8px; width:33.3333%; line-height:0; }
.logo-box img{height: 126px;object-fit: contain;object-position: center;width: 100%;}




.faq-head { position:relative; cursor:pointer;}
.faq-full-wrapper .faq-head{ padding: 0 65px 0 40px;}
.faq-head:before { position:absolute; content:''; background:url(images/pink-arow-icon.svg) no-repeat 0 0;  width:40px; height:40px; top:50%; margin-top:-20px; right:0;transition: 0.3s;-webkit-transition: 0.3s;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.faq-list-item.active>.faq-head:before { background:url(images/blue-round-arrow.svg) no-repeat 0 0; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); }
.faq-list-item.active .faqs-inner-title.faq-head{color: var(--site-pink-text);}
.faq-list-item { border-bottom:1px solid rgba(112,112,112,0.25); padding:30px 0; }
.whysybx .faq-list-item{ padding-left:0;margin-top: 0;}
.whysybx .faq-list-item:after{ display:none; }
.faqs-inner-title, .whysybx-news h4.faqs-inner-title { font-family:var(--site-font-primary); font-size:20px; font-weight:600; color:var(--site-heading-color); line-height:26px; letter-spacing:0; padding:0 55px 0 0; }
.faq-list-item:last-child { border-bottom:0; }
.accordion-answer{ display:none; }
.accordion-answer .whysybx{ padding:20px 50px 0 0px; }
.faq-list-item:first-child { padding-top:8px; }
.accordion-list{margin-top: 0 !important;}

.single-img-slider-wrap{ display:block; padding:50px 0 0 0; }
.single-img-slider-wrap.no-caption{ padding-bottom:60px; }
.single-img-slider-wrap.no-caption .single-img-slider .slick-arrow{ bottom:-58px; }
.single-img-slider-wrap.no-caption .single-img-slider:after{ display:none; }
.whysybx .single-img-slider-wrap ul li:after { display:none; }
.single-img-slider-wrap .slick-slide{ padding:0; line-height:0; }
.single-img-slider{ padding:40px 0 0 0; }
.single-img-slider .slick-dots{ margin:0; position:absolute; left:0; top:0; }
.single-img-box{ display:block; }
.single-img-box img{ width:100%; height:540px; object-fit:cover; }
.single-img-slider .slick-dots li{ margin:0 0 0 7px; width:10px; height:10px; padding:0; }
.single-img-slider .slick-dots li:first-child{ margin:0; }
.single-img-slider .slick-dots li button { font-size:0px; vertical-align:top; cursor:pointer; opacity:1; width:10px; height:10px; background:rgba(101,101,101,0.10); border:none; }
.single-img-slider .slick-dots li.slick-active button { background:rgba(101,101,101,1); }
.single-img-slider .slick-dots li button:before { display:none; }
.img-caption{ padding:33px 240px 0 0; font-size:16px; color:var(--site-text-darkgray); font-style:italic; line-height:24px;min-height: 58px;}
.single-img-slider .slick-arrow{ transform:translateY(0); -webkit-transform:translateY(0); top:auto; bottom:-7px; }
.single-img-slider .slick-arrow.slick-prev{ background:url(images/slider-prev-bl.svg) no-repeat 0 0; width:39px; height:31px; left:auto; right:70px; } 
.single-img-slider .slick-arrow.slick-next{ background:url(images/slider-next-bl.svg) no-repeat 0 0; width:39px; height:31px; left:auto; right:0; }
.single-img-slider:after{ content:""; position:absolute; right:0; bottom:0; height:50px; width:150px; background:var(--site-white); opacity: 0;}

.video-section-wrap{ padding:60px 0 0 0; display:block; }
.video-box-wrap{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; border-radius:15px; overflow:hidden; }
.video-box-wrap iframe{ left:0; top:0; height:100%; width:100%; position:absolute; }

hr{ margin:30px 0; }

.internal-page-banner{ position:relative; display:block; line-height:0; }
.internal-page-banner img{ width:100%; max-width:100%; height:415px; object-fit:cover; }
.internal-page-banner:after{ content:""; position:absolute; left:0; bottom:0; width:100%; background:rgb(54,55,64); background:linear-gradient(0deg, rgba(54,55,64,1) 0%, rgba(54,55,64,0) 100%); height:284px; opacity:0.54; }
.internal-page-banner-content{ position:absolute; left:0; width:100%; bottom:20px; z-index:1; }
.internal-page-banner-content h1{ font-size:80px; color:var(--site-white); text-transform:uppercase; } 

.yotu-video-thumb-wrp{ position:relative; line-height:0; }
.yotu-video-thumb-wrp .play-icon{ background-size:50px; z-index:1; }
.videobox-wrap .gallery-open-modal{ position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-10000px; cursor:pointer; z-index:11; }
.videobox-wrap { position:relative; }
.video_gallery_main { padding:20px 0 0 0; }
.video_gallery_main .videobox { padding-top:30px; }
.whysybx-news .video_gallery_main h3{ margin:20px 0 0 0; font-size:20px; line-height:1.3; }
.more.bn{ margin:40px 0 0 0; }

.terminals { padding:10px 0 0 0; }
.terminals .items{ margin:0 -8px; display:flex; flex-wrap:wrap; }
.terminals .item{ width:33.3333%; padding:30px 8px 0; display:flex; flex-wrap:wrap; }
.terminals .item .image{ width:50px; }
.terminals .item .text{ width:calc(100% - 50px); }
.sustainability-wrap .whysybx p + p{ margin-top:20px; }
.terminals .item .text p:first-child{ margin-top:0; }
.map-container .acf-map{ padding-bottom:56%; }
.sustainability-wrap .whysybx .news-box-cont .news-list-heading2{ font-size:18px; }
.whysybx a.news-box{ text-decoration:none; }
.news-box-cont .news-footer{ margin:0; }
.marine_subpage_main .main_head{ margin:30px 0 0 0; }
.marine_applications_form{ margin:20px 0 0 0; }

.photoguide_wrap { display:flex; flex-wrap:wrap; margin:30px 0; padding:20px 0; border-top:2px solid #00526d; border-bottom:2px solid #00526d; align-items:center; }
.photoguid_icon { width:150px; }
.photoguid_cont{ width:calc(100% - 150px); padding:0 0 0 20px; }
.photoguide_bottom { display:block; width:100%; padding:30px 20px; margin:35px 0 0 0; background:#fdb913; }
.sustainability-wrap .whysybx li p{ margin:0; }
.dt-search{ display:none; }
.sustainability-wrap .whysybx .photoguid_cont ul:first-child{ margin:0; }


.wpcf7-form-control-wrap .select2-container { min-width:100%;  max-width:100%; width:100% !important; }
.wpcf7-form-control-wrap .select2-container .select2-selection--single{ border:1px solid var(--site-text-darkgray); border-radius:10px; }
.wpcf7-form-control-wrap .select2-container .select2-selection--single .select2-selection__rendered { line-height:48px; padding-left:20px; }
.select2-dropdown{ border-color:var(--site-text-darkgray); }
.wpcf7-form-control-wrap .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-top-left-radius:10px; border-top-right-radius:10px; }
.wpcf7-form-control-wrap .select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
.thankyou_page .whysybx h1 { font-size:50px; line-height:1.31; color:var(--site-heading-color); font-family:var(--site-font-heading); } 
.thankyou_cont{ padding:30px 0 0 0; }
.whysybx-news h1 + h1{ margin-top:20px; }
.news_list_main{ padding:25px 0 0 0; }
.whysybx.whysybx-news .standard { padding:60px 0 0 0; }
.whysybx.whysybx-news .standard:first-child{ padding:0; }
.dpsp_two_parent { padding:60px 0 0 0; }
.marine_operation_main { padding:60px 0 0 0; }
.marine_operation_main:first-child{padding-top: 0;}
.introduction-wrap.our-team-wrap{ padding:10px 0 0 0; }
.listing_data_inr .detail_desc{ padding:20px 0 0 0; }
.whysybx.whysybx-news .standard p iframe{ margin-top:-10px; }
.photoguide_contsec { display:flex; flex-wrap:wrap; margin:0 -9px; }
.photoguide_contleft { width:66.66666%; padding:0 9px; }
.photoguide_contleft:after{ content:""; display:flex; overflow:hidden; clear:both; }
.photoguide_contleft ul{ width:50%; float:left; }
.photoguide_contleft ul:last-child{ padding:0 0 0 20px; }
.photoguide_contright { width:33.33333%; padding:0 9px; }
.photoguide_conthead{ font-size:20px; color:var(--site-pink-text); font-weight:700; }
.related-articles{ background:#F4EFEF; padding:80px 0; }
.related-articles h2{ font-size:var(--site-font-heading-thr); text-transform:uppercase; }
.related-articles-slider{ padding:47px 0 0 0; }
.related-articles-slider .news-box { padding:18px 30px 18px 18px; display:flex; flex-wrap:wrap; }
.related-articles-slider .news-box-img{ width:296px; }
.related-articles-slider .news-box-img img{ height:196px; max-height:196px; }
.related-articles-slider .news-box-cont{ padding:0 0 0 36px; width:calc(100% - 296px); display:flex; flex-wrap:wrap; align-content:space-between; }
.related-articles-slider .slick-list{ margin:0 -8px; }
.related-articles-slider .slick-list .slick-slide{ padding:0 8px; }
.related-articles-slider .news-box-cont .news-footer{ width:100%; } 

.related-articles-slider .slick-dots li{ margin:0 0 0 7px; width:10px; height:10px; padding:0; }
.related-articles-slider .slick-dots li:first-child{ margin:0; }
.related-articles-slider .slick-dots li button { font-size:0px; vertical-align:top; cursor:pointer; opacity:1; width:10px; height:10px; background:rgba(101,101,101,0.10); border:none; }
.related-articles-slider .slick-dots li.slick-active button { background:rgba(101,101,101,1); }
.related-articles-slider .slick-dots li button:before { display:none; }
.related-articles-slider .slick-arrow{ transform:translateY(0); -webkit-transform:translateY(0); top:auto; bottom:-10px; }
.related-articles-slider .slick-arrow.slick-prev{ background:url(images/slider-prev-bl.svg) no-repeat 0 0; width:39px; height:31px; left:auto; right:70px; } 
.related-articles-slider .slick-arrow.slick-next{ background:url(images/slider-next-bl.svg) no-repeat 0 0; width:39px; height:31px; left:auto; right:0; }


.sustainability-wrap .whysybx .dpsp_two_parent ul:first-child, .sustainability-wrap .whysybx .dpsp_two_parent ol:first-child{margin-top: 0;}
.whysybx ol[start="6"]{counter-reset: my-awesome-counter 5;}
.whysybx ol[start="6"] li{counter-increment: my-awesome-counter;}
.whysybx ol[start="6"] li:before{content:counter(my-awesome-counter) ". ";}

.webcam-data-table > div{max-height: 400px;overflow-y: auto;}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date{text-align: left;}
.dt-layout-cell{overflow-x: auto;}
.sustainability-wrap .sustainability-right:first-child .introduction-wrap{max-width: 100%;}
.sustainability-right:first-child .logo-wrap{max-width: 100%;}
.sustainability-right:first-child .team-box, .sustainability-right:first-child .logo-box{width: 20%;}
.sustainability-right:first-child .download-pdf-box{width: calc(33.33% - 18px);}
.sustainability-right:first-child .single-img-box{position: relative;padding-bottom: 56.24%;}
.sustainability-right:first-child .single-img-box img{position:absolute;width: 100%;height: 100%;top: 0;left: 0 ;}
body .yotu-lightbox .yotu-lightbox-body{top: 50%;transform: translate(-50%, -50%);}
.whysybx .site_btn_text{color: var(--site-primary);}
.introduction-wrap.no-space{padding-top: 0;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link{display: inline-block;}

.dt-layout-cell.dt-layout-full{max-height: 440px;overflow-y: auto;}
.cls-1 {fill: #044F6C !important;}
.contact-right .border-recaptcha-btn{margin-top: 25px;}
body .cutom-twitter-feed a{color: #044F6C !important;}
body .cutom-twitter-feed a span{color: #044F6C !important;}
.sustainability-right .whysybx table tr th select{font-size: 14px;}
.sustainability-right .whysybx table tr th, .sustainability-right .whysybx table tr td{font-size: 14px;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12.port-City-col3{max-width: 19%;}
.thanks-txt{font-size: 28px;max-width: 660px;line-height: 1.5;margin: 0 auto;color: var(--site-heading-color);margin-bottom: 40px;}
.thank-you-sec .oops-txt{margin-bottom: 30px;}
.thank-you-sec .image-404 img{max-width: 700px;width: 100%;}
.whysybx .cookiefirst-cookie-declaration > div{margin-top: 30px !important;}
.whysybx .cookiefirst-cookie-declaration > div br{display: none;}
.whysybx .cookiefirst-cookie-declaration table{border: 1px solid #e7e7e8 !important;margin-top: 30px;}
.whysybx .cookiefirst-cookie-declaration table th, .whysybx .cookiefirst-cookie-declaration table td{padding: 12px 10px 10px 10px !important;border-radius: 0 !important;background-color: transparent;border: 1px solid #e7e7e8 !important;box-sizing: border-box;border-collapse: collapse;}
/*.whysybx .cookiefirst-cookie-declaration button{font-family: var(--site-font-primary);font-size: 20px;line-height: 40px;font-weight: normal;color: var(--site-primary);
  text-decoration: underline;padding-right: 67px;display: inline-block;position: relative;text-transform: uppercase;margin-right: 20px;}
.whysybx .cookiefirst-cookie-declaration button:after{content: '';background: url(images/blue-round-arrow.svg) no-repeat 0 0;width: 40px;height: 40px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);
  transition: 0.3s; -webkit-transition: 0.3s;}*/
.whysybx .cookiefirst-cookie-declaration button{display: inline-block;
  border: 1px solid var(--site-primary);
  padding: 10px 20px;
  position: relative;
  text-align: left;
  font-size: 20px;
  border-radius: 44px;
  color: var(--site-primary);
  text-transform: uppercase;
  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  will-change: transform;
  appearance: none;margin-right: 15px;
  text-decoration: none;cursor: pointer;}

  .button a.red-btn{background-color: var(--site-hover);color: var(--site-white);border-color: var(--site-hover);}

.img-box-wrap{ position:relative; padding:20px 0 0 0; }
.img-box-wrap .col-md-6{ padding-top:20px; }
.img-box-list{ display:block; height:100%; position:relative; border:1px solid rgba(101,101,101,0.5); border-radius:10px; padding:15px; }
.img-box-list a{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:1 }
.img-box{ line-height:0; overflow:hidden; border-radius:10px; }
.img-box img{ height:240px; width:100%; object-fit:cover; transition:0.3s; -webkit-transition:0.3s; }
.img-box-list .box-heading{ padding:20px 0 0 0; }
.img-box-list .box-heading h3{ font-size:20px; line-height:40px; padding:0 50px 0 0; position:relative; }
.img-box-list .box-heading h3:after{ content:""; position:absolute; right:0; top:0; background:url(images/blue-round-arrow.svg) no-repeat 0 0; width:40px; height:40px; }

/*********** trad page css ***********/
.page-template-trade-page-template{ background:#F4EFEF; }
.trad_banner_bot { display:flex; margin:50px 0 0 0; align-items:center; opacity:0; }
.boat-img{ width:107px; } 
.boat-number{ font-size:80px; color:var(--site-white); font-family:var(--site-font-heading-one); font-weight:400; padding:0 0 0 18px; }
.boat-Arriving{ font-size:16px; color:var(--site-white); padding:0 0 0 26px; line-height:20px; width:100px; }
.boat-img img{ height:auto; }
.why-trade-wrap{ padding:80px 0; }
.why-trade-wrap .row{ align-items:center; }
.trading-footprint-wrap{ padding:80px 0; }
.why-trade-wrap + .trading-footprint-wrap{ padding-top:0; }
.trading-footprint-wrap + .why-trade-wrap{ padding-top:0; }
.the-routes-wrap{ padding:80px 0; background:#202945; position:relative; overflow:hidden; }
.the-routes-wrap h2{ color:#E83754;  }
.the-routes-wrap .col-md-4 .whysybx{ color:var(--site-white) !important; margin-top:0; }
.the-routes-wrap .col-md-4 .whysybx p, .the-routes-wrap .col-md-4 .whysybx ul li, .the-routes-wrap .col-md-4 .whysybx ol li{ color:var(--site-white); }
.textuppercase{ text-transform:uppercase; }
.why-trade-wrap .why-trade-img { text-align:right; padding-left:114px; }
.why-trade-wrap .whysybx{ margin-top:30px; }
.trading-footprint-wrap h2{ max-width:900px; margin:auto; text-align:center; }
.trading-footprint-wrap .whysybx{ max-width:600px; margin:30px auto 0; text-align:center; }
.trading-footprint-wrap .why-trade-img{ max-width:1200px; margin:40px auto 0; text-align:center; }
.why-trade-img img{ border-radius:10px; }
/*.the-routes-wrap .container{ max-width:100%; padding-left:calc((100% / 2) - 724px); padding-right:0; }*/
.the-routes-wrap .col-md-4{ width:485px; position:relative; z-index:2; }
.the-routes-wrap .col-md-8{ width:calc(100% - 485px); position:relative; }
.the-routes-wrap .col-md-8:after{ position:absolute; content:""; top:-10px; width:1000%; right:calc(100% - 8px); background:#202945; height:110%; }
.the-routes-wrap .slick-list{ margin:0 -8px; overflow:visible; }
.the-routes-wrap .slick-slide{ padding:0 8px; }
.the-routes-img{ position:relative; border-radius:15px; overflow:hidden; height:225px; }
.the-routes-img:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#202945; opacity:0.57; }
.the-routes-img img{ object-fit:cover; width:100%; height:100%; }
.the-routes-box{ width:100%; background:var(--site-white); border-radius:10px; padding:24px 22px 42px 22px; }
.the-routes-box-head{ position:absolute; left:0; bottom:0; padding:18px 24px; font-size:40px; color:var(--site-white); line-height:1; z-index:3; text-transform:uppercase; }
.the-routes-box .whysybx{ margin:30px 0 0 0;  }
.the-routes-box .whysybx h5{ color:#707070; font-size:18px; line-height:22px; font-family:var(--site-font-primary); font-weight:700; margin:22px 0 0 0; }
.the-routes-box .whysybx h5 + p, .the-routes-box .whysybx h5 + ul, .the-routes-box .whysybx h5 + li{ margin-top:0; }
.the-routes-box .whysybx p{ color:#707070; }
.the-routes-box .whysybx h6{ color:#E83754; font-size:18px; line-height:22px; font-family:var(--site-font-primary); font-weight:400; margin:22px 0 0 0; }
.the-routes-box .whysybx h6 + p, .the-routes-box .whysybx h6 + ul, .the-routes-box .whysybx h6 + li{ margin-top:0; }
.the-routes-slider .slick-prev { z-index:22; position:absolute; left:-485px; background:url(images/prev-slider-arrow.svg) no-repeat center; top:auto; transform:translateY(0); -webkit-transform:translateY(0); bottom:0; width:70px; height:70px; }
.the-routes-slider .slick-next{ z-index:22; position:absolute; right:0; left:-380px; background:url(images/next-slider-arrow.svg) no-repeat center; top:auto; transform:translateY(0); -webkit-transform:translateY(0); bottom:0; width:70px; height:70px; }
.exporter-stories-wrap{ padding:80px 0; }
.exporter-stories-head { display:flex; }
.exporter-stories-head h2{ width:381px; }
.exporter-stories-head .whysybx{ margin:10px 0 0 100px; max-width:472px; }

.page-template-trade-page-template .news-box{ background:rgba(255,255,255,0.7); border:1px solid rgba(255,255,255,0);display: block !important;font-size: 0 !important;color: transparent;overflow: hidden;min-width: 350px;max-width: 350px;transition: 0.3s;-webkit-transition: 0.3s;}
.page-template-trade-page-template .news-box-cont  h3{ color:#202945; max-height:78px;overflow: hidden !important; -moz-box-orient: vertical; display: -webkit-box;
  -webkit-line-clamp: 3;-webkit-box-orient: vertical; font-size:18px; line-height:26px; font-family:var(--site-font-primary); font-weight:700; letter-spacing:0; }
.page-template-trade-page-template .news-date{ color:#202945; }
.page-template-trade-page-template .news-box-img img{ min-width: 314px;}
.page-template-trade-page-template .news-footer{ padding:82px 0 0 0; }
.page-template-trade-page-template .news-arrow { background: url(images/blue-round-arrow.svg) no-repeat 0 0; }
.page-template-trade-page-template .banner-content-box p{ max-width:502px; color:var(--site-white); line-height:1.56; margin:10px 0 0 0; }
.exporter-stories-list { padding:16px 0 0 0; }
.exporter-stories-list .col-md-6,.exporter-stories-list .col-md-3{ padding-top:16px; }
.page-template-trade-page-template .exporter-stories-list .news-box{ min-width:100%; max-width:100%; padding:0; }
.exporter-stories-list .col-md-12 .news-box{ border:1px solid #707070; display:flex !important; flex-wrap:wrap; align-items:center; }
.exporter-stories-list .col-md-12 .news-box .news-box-img{ width:50%; border-radius:10px 0 0 10px; }
.exporter-stories-list .col-md-12 .news-box .news-box-cont{ padding:35px 38px; width:50%; }
.exporter-stories-list .col-md-12 .news-box img{ height:480px; max-height:480px; border-radius:10px 0 0 10px; }
.page-template-trade-page-template .exporter-stories-list .col-md-12 .news-box-cont h3{ padding-right:80px; font-size:36px; line-height:46px; max-height:138px; font-family:var(--site-font-heading); text-transform:uppercase; }

.exporter-stories-list .col-md-3 .news-box{ border:1px solid #061A2F; }
.exporter-stories-list .col-md-3 .news-box img{ height:230px; max-height:230px; border-radius:10px 10px 0 0; }
.exporter-stories-list .col-md-3 .news-box .news-box-cont{ padding:17px 17px 25px 17px; }
.exporter-stories-list .news-box .news-box-img { border-radius:10px 10px 0 0; }

.page-template-trade-page-template .exporter-stories-list .news-footer { padding:10px 0 0 0; justify-content:right; }
.page-template-trade-page-template .exporter-stories-list .news-box-cont h3{ padding-right:50px; font-size:20px; line-height:28px; max-height:84px; font-family:var(--site-font-heading); text-transform:uppercase; }

.trading-footprint-slider{ margin:40px auto 0; max-width:1200px; }
.trading-footprint-slider .slick-slide{ padding:0 5px; }
.trading-footprint-slider-bx{ display:flex; }
.trading-footprint-slider-bx .trading-footprint-img{ flex:0 0 auto; width:100%; }
.trading-footprint-slider .slick-list{ border-radius:10px; }
.trading-footprint-slider .slick-prev { z-index:2; position:absolute; left:-70px; background:url(images/bl-prev-slider-arrow.svg) no-repeat center; width:50px; height:50px; background-size:cover; }
.trading-footprint-slider .slick-next{ z-index:2; position:absolute; right:-70px; background:url(images/bl-next-slider-arrow.svg) no-repeat center; width:50px; height:50px; background-size:cover; }
.trading-footprint-img img{ border-radius:10px; }

/* 07-07-2025 */
/* #trading-footprint-popup .modal-content{background: transparent; padding: 0; border: 0; max-width: 1100px;}
.trading-footprint-slider-bx{width: 100%;} */
/* 07-07-2025 */


/*07-07-2025*/
.mfp-content .mfp-close{width: 44px;height: 44px;background-image: url(images/close-icon.svg);background-repeat: no-repeat;position: absolute;right: -22px;top: 22px;background-size: cover;font-size: 0;z-index: 1;cursor: pointer !important;opacity: 1;}
.mfp-bottom-bar .mfp-title{display: none;}
.mfp-arrow:before, .mfp-arrow:after{display: none;}
.mfp-arrow.mfp-arrow-left {z-index: 9999;position: absolute;left: 0;background: url(images/prev-slider-arrow-ho.svg) no-repeat center;background-size: auto;width: 50px;height: 50px;background-size: cover;border-radius: 0px;border: none;padding: 0px;appearance: none;font-size: 0px;text-indent: -99999px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin: 0px 0px 0px 20px;border: 0;opacity: 1}
.mfp-arrow.mfp-arrow-right {z-index: 9999;position: absolute;right: 0;background: url(images/next-slider-arrow-ho.svg) no-repeat center;background-size: auto;width: 50px;height: 50px;background-size: cover;border-radius: 0px;border: none;padding: 0px;appearance: none;font-size: 0px;text-indent: -99999px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin: 0px 20px 0px 0px;border: 0;opacity: 1}
.mfp-arrow::before, .mfp-arrow::after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{border: none;}
.mfp-container{cursor: default;}
/*07-07-2025*/
/*********** trad page css ***********/
  /*1025*/

@media(min-width:992px){
  .fullwidth-sec.reverse-section .news-box {flex-direction: row-reverse;}
  .fullwidth-sec .news-box-cont {margin-left: 51px;}
  .fullwidth-sec.reverse-section .news-box-cont {margin-left:0px;margin-right:auto;}
  .fullwidth-sec.reverse-section .news-box-cont{max-width: 570px;padding-right:30px;}
  .webcam_page_banner h1{padding-right:30px;}
}


/*hover*/
@media (min-width: 1200px) {
.img-box-list a:hover ~ .img-box img{ transform:scale(1.1); -webkit-transform:scale(1.1); }
.img-box-list a:hover ~ .box-heading h3{ color:var(--site-hover); }
.img-box-list a:hover ~ .box-heading h3:after{ content:""; position:absolute; right:0; top:0; background:url(images/blue-round-arrow-hover.svg) no-repeat 0 0; }
.whysybx .cookiefirst-cookie-declaration button:hover{background-color: var(--site-hover);} 
  .whysybx .site_btn_text:hover{color:var(--site-pink-text);}

.header-top-menu ul li a:hover{ color:var(--site-pink-text); }
.search-button:hover{ background:url(images/search-icon-hover.svg) no-repeat center; }
.banner-card-box:hover{ background:var(--site-white); }
.banner-card-box:hover .banner-card-img img{ -webkit-filter:brightness(0) invert(0); filter:brightness(0) invert(0); }
.banner-card-box:hover .banner-card-arrow{ background:url(images/pink-arow-icon.svg) no-repeat 0 0; margin-right: -5px;}
a:hover b, a:hover strong{color: var(--site-hover);text-decoration:none;}
.news-box:hover .news-box-cont  .news-list-heading2{color:var(--site-hover);}
.news-box:hover .news-arrow{background-image:url(images/blue-round-arrow-hover.svg);}
.home-news .news-box:hover .news-arrow{ background:url(images/blue-round-arrow-hover.svg) no-repeat 0 0; width:40px; height:40px; margin-right: -5px;}
.site-btn:hover{background: var(--site-hover);color: var(--site-white);}
.home-news .news-box:hover{ background:rgba(255,255,255,1);  }
.home-news .news-box:hover .news-box-cont  .news-list-heading2{ color:var(--site-primary); }
.home-news .news-box:hover .news-date{ color:#7E7E7E; }
.slick-dots li button:hover{opacity:1;}
.home-news-slider .slick-arrow.slick-prev:hover{ background:url(images/prev-pink-arrow.svg) no-repeat 0 0; } 
.home-news-slider .slick-arrow.slick-next:hover{ background:url(images/next-pink-arrow.svg ) no-repeat 0 0; }
.site-footer a:hover,
.copyright a:hover,
.site_btn_text:hover,
.fullwidth-sec .news-box-cont .news-list-heading2 a:hover,
.new_paging a:hover{color:var(--site-hover);}
.new_paging .prev:hover, .new_paging .next:hover{background-color:var(--site-hover);border-color:var(--site-hover);color:var(--site-white);}
.instagram-social:hover{background-image:url(images/instagram-hover.svg);}
.facebook-social:hover{background-image:url(images/facebook-hover.svg);}
.twitter-social:hover{background-image:url(images/twitter-hover.svg);}
.youtube-social:hover{background-image:url(images/youtube-hover.svg);}
.linkedin-social:hover{background-image:url(images/linkedin-hover.svg);}
.footer-content-right {padding-bottom: 32px;}
.site_btn_text:hover:after{background-image:url(images/blue-round-arrow-hover.svg);right: -5px;}
.new_paging .prev:hover{background-image: url(images/prev-arrow-hover.svg);}
.new_paging .next:hover{background-image: url(images/next-arrow-hover.svg);}
.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-text-dark);}
.whysybx a:hover,.whysybx a:hover span,.whysybx a:hover span strong, .whysybx a:hover span b, .whysybx a:hover b, .whysybx a:hover strong,
.whysybx p a:hover,
.whysybx li a:hover{color: var(--site-primary);text-decoration:underline;}
.pillar-listbx .pillar-link:hover{opacity: 0.6;text-decoration: none;}
.pillar-col:hover{width: 472px;border-radius: 5px;}
.pillar-col:hover img{background-blend-mode: multiply; height: 100%;}
.pillar-col:hover .pillar-ttl{transform: translateY(100%); -webkit-transform: translateY(100%);}
.pillar-col:hover .pillar-hover-bx{opacity: 1; transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
.pillar-col:hover .pillar-hover-bx .pillar-hovebx-head,.pillar-col:hover .pillar-hover-bx .pillar-link-list{opacity: 1; transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
.border-arrow-btn:hover, .button a:hover, a.yotu-pagination-more:hover, .rlink a:hover {background-color: var(--site-hover);color: var(--site-primary);box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;transform: translateY(-2px);border-color: var(--site-hover);text-decoration: none;}
.button a:hover, 
.whysybx .button a:hover{color: var(--site-white);}
.border-arrow-btn:hover:before, .button a:hover:before, a.yotu-pagination-more:hover:before{background-image: url(images/white-big-arrow.svg);background-repeat: no-repeat;background-position: center;}
.qucik-link-bx .menu .menu-item a:hover:before{width: 100%;}
.qucik-link-bx .menu .menu-item a:hover:after{background-image: url(images/pink-arow-icon.svg);background-repeat: no-repeat;background-position: center;margin-right: -5px;}
.play-icon:hover{background-image: url(images/play-icon-hover.svg);background-repeat: no-repeat;background-position: center;}
.close-modal:hover{background-image: url(images/close-icon-hover.svg);background-repeat: no-repeat;}
.share-box a.facebook:hover{background-image: url(images/share-fb-hover.svg);background-repeat: no-repeat;background-position: center;}
.share-box a.twitter:hover{background-image: url(images/share-x-hover.svg);background-repeat: no-repeat;background-position: center;}
.share-box a.linkedin:hover{background-image: url(images/share-linkedin-hover.svg);background-repeat: no-repeat;background-position: center;}
.related-post-namelink:hover .related-post-name{color: var(--site-pink-text);}
.fullwidth-sec.reverse-section .news-box-cont {margin-left:22px;}
#moreBTN:hover,
.dpsp_stp1_standard .site_btn_text:hover,
.dpsp_stp2_standard .site_btn_text:hover,
.chooselang ul li a:hover,
.image_content a:hover{color:var(--site-hover);}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover{text-decoration: underline;font-weight: 400;color: var(--site-pink-text);}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.dublin-safeport-menu > .mega-sub-menu > li.mega-menu-column > .mega-sub-menu .mega-menu-link:hover,
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li > .mega-sub-menu > li > a.mega-menu-link:hover,
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li > .mega-sub-menu > li > .mega-sub-menu > li > a:hover,
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.marine-menu-row > .mega-sub-menu > li > .mega-sub-menu > li > a.mega-menu-link:hover,
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.marine-menu-row > .mega-sub-menu > li > .mega-sub-menu > li > .mega-sub-menu > li > a:hover{text-decoration: underline;color: var(--site-pink-text);}
.accordion-wrap.default .faqs-inner-title.faq-head:hover{ color:var(--site-pink-text); }
.news-box:hover .news-box-img img{transform: scale(1.1);}
#stats .stats .tile:hover{background: var(--site-primary);}
#stats .stats .tile:hover p{color: var(--site-white);}
.dpsp_stp1_standard ul li span a:hover strong{color:var(--site-primary);}
#moreBTN:hover:after{background-image: url(images/blue-round-arrow-hover.svg);}
.site-pagination .nav-links a:hover {background-color: var(--site-hover);border-color: var(--site-hover);color: var(--site-white);}
.site-pagination .nav-links .nav-previous a:hover {background-image: url(images/prev-arrow-hover.svg);}
.site-pagination .nav-links .nav-next a:hover {background-image: url(images/next-arrow-hover.svg);}
.fileupload_wrap:hover .fileupload_listbut a{background-color: var(--site-primary);color: var(--site-white);}

.sustainability-left li > a:hover{ color:var(--site-pink-text); }
.sustainability-left li .arrow:hover { background:url(images/left-menu-arrow-hover.svg) no-repeat right center; }
.sustainability-left li.li-open .arrow:hover{ background:url(images/left-menu-arrow-up.svg) no-repeat right center; }
.download-wrap a:hover{ color:var(--site-primary); }
.download-pdf-box:hover .download-pdf-bg:after{ background:rgba(6,26,47,0.8); }
.single-img-slider .slick-arrow.slick-prev:hover{ background:url(images/slider-prev-bl-ho.svg) no-repeat 0 0; } 
.single-img-slider .slick-arrow.slick-next:hover{ background:url(images/slider-next-bl-ho.svg) no-repeat 0 0; }
.related-articles-slider .slick-arrow.slick-prev:hover{ background:url(images/slider-prev-bl-ho.svg) no-repeat 0 0; } 
.related-articles-slider .slick-arrow.slick-next:hover{ background:url(images/slider-next-bl-ho.svg) no-repeat 0 0; }

.faq-list-item >.faq-head:hover:before { background:url(images/blue-round-arrow.svg) no-repeat 0 0; }
.whysybx-news .video_gallery_main .videobox-wrap:hover h3{ color:var(--site-pink-text); } 
.whysybx-news .video_gallery_main .videobox-wrap:hover .play-icon { background-image:url(images/play-icon-hover.svg); background-size:50px; }
.faqs-inner-title:hover, .whysybx-news h4.faqs-inner-title:hover{ color:var(--site-pink-text); }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover{border-bottom-color:var(--site-pink-text) ;}
.tooltip:hover .tooltiptext {visibility: visible;display: block;}
.button a.red-btn:hover{background-color: var(--site-white);border-color:var(--site-black);color: var(--site-black);}
.the-routes-slider .slick-prev:hover { background:url(images/prev-slider-arrow-ho.svg) no-repeat center; }
.the-routes-slider .slick-next:hover{ background:url(images/next-slider-arrow-ho.svg) no-repeat center; }
.page-template-trade-page-template .news-arrow:hover { background:url(images/blue-round-arrow-hover.svg) no-repeat 0 0; }
.page-template-trade-page-template .news-box:hover .news-date { color:#202945; }

.trading-footprint-slider .slick-prev:hover { background:url(images/prev-slider-arrow-ho.svg) no-repeat center; background-size:cover; }
.trading-footprint-slider .slick-next:hover{ background:url(images/next-slider-arrow-ho.svg) no-repeat center; background-size:cover; }


/*07-07-2025*/
.mfp-content .mfp-close:hover {background-image: url(images/close-icon-hover.svg);background-repeat: no-repeat;}
.mfp-arrow.mfp-arrow-left:hover,
.mfp-arrow.mfp-arrow-right:hover{opacity: 0.75;}
/*07-07-2025*/

}
@media screen and (max-width:1500px){
:root{
  --site-font-heading-one: 80px;
  --site-font-heading-two: 70px;
  --site-font-heading-thr: 45px;
  --site-font-heading-for: 40px;
  --site-font-heading-fiv: 35px;
}
.site-header{ height:121px; }
.header-bottom-wrap .menu-main-container ul li { padding:0 6px; } 
.head-logo { width:230px; }
.logo-address-sec{max-width: 40%;}
.left-vid-wrap{width: 564px;height: 495px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {padding: 0 8px;} 
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a{font-size: 14px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row{max-width: 1170px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row > .mega-sub-menu > li:first-child{max-width: 330px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row > .mega-sub-menu > li:first-child > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{font-size: 26px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li{padding-right: 30px;width: auto;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.dublin-safeport-menu > .mega-sub-menu > li.mega-menu-column > .mega-sub-menu .mega-menu-link{font-size: 18px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{font-size: 18px;}
.desktopmenu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row.esg-menu-row > .mega-sub-menu > li > .mega-sub-menu > li > a.mega-menu-link{font-size: 18px;}

}
@media(max-width:1499px){
  .sustainability-wrap .container { max-width:1170px; }
  .sustainability-right { width:calc(100% - 350px); padding:0 0 0 50px; }  
  .sustainability-row.menu-right-side .sustainability-right{ padding:0 50px 0 0; }
  .two-img-box img{ height:312px; }
  .related-articles-slider .news-box-img { width:256px; }
  .related-articles-slider .news-box-cont { width:calc(100% - 256px); }
  .related-articles-slider .news-box{ padding:18px; }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12.port-City-col3{max-width: 23%;}
  }

@media screen and (max-width:1399px){
  .news-detail-rightbx{padding-left: 80px;}
  .dt-layout-cell > table{min-width: 800px;}
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12.port-City-col3{max-width: 25%;}

  .trading-footprint-slider { margin:40px auto 0; max-width:1040px; }  

/*07-07-2025*/
  .mfp-image-holder .mfp-content{max-width: 800px;}
/*  07-07-2025*/
}


@media screen and (max-width:1199px){
:root{
  --site-font-heading-one: 70px;
  --site-font-heading-two: 60px;
  --site-font-heading-thr: 40px;
  --site-font-heading-for: 35px;
  --site-font-heading-fiv: 30px;
  --site-font70:50px;
}
.header-bottom-wrap .menu-main-container ul li { padding:0 4px; } 
.head-logo { width:240px; }
.header-bottom-wrap .menu-main-container ul li.menu-item-has-children a { padding:0 15px 0 0; }
.header-bottom-wrap .menu-main-container ul li a { font-size:14px; }
.site-header{ height:76px; } 
.header-top{ display:none;  }
.header-bottom-wrap .main-navigation.desktopmenu{ display:none; }
.menu_btn{ display:block; cursor:pointer; background:url(images/menu-button.svg) no-repeat 0 0; width:44px; height:44px; text-indent:-10000px; border:none; padding:0; }
.mobile-menu-main{display: block;position: fixed;left: 100%;top: 0;width: 100%;height: 100%;background-color: #FAFAFA;z-index: 999;transition: 0.3s;-webkit-transition: 0.3s;}
.menu-open .mobile-menu-main{left: 0;}
.menu-open{overflow: hidden;}
.mob-menu-mid{padding: 44px 12px;  height: calc(100% - 76px - 170px);}
.mobile-menu-head{padding: 13px 12px;background-color: var(--site-white);display: flex;align-items: center;justify-content: space-between;}
.menu_close_btn{display: block;cursor: pointer;background: url(images/close-menu.svg) no-repeat 0 0;width: 44px;height: 44px;text-indent: -10000px;border: none;padding: 0;}
.mobmenu{height: auto;max-height: 100%;overflow-y: auto;overflow-x: hidden;}
.mobmenu .menu > li{margin-top: 40px;}
.mobmenu .menu > li:first-child{margin-top: 0;}
.mobmenu .menu > li > .sub-menu{display: none;margin-top: 24px;}
.mobmenu .menu > li.submenu-open > .sub-menu{display: block;}
.mobmenu .menu > li.submenu-open .drop-arrow{transform: scaleY(-1);-webkit-transform: scaleY(-1);background-image: url(images/menu-arrow-pink.svg);background-repeat: no-repeat;}
.mobmenu .menu > li.submenu-open > a{color: var(--site-pink-text);}
.mobmenu .menu > li > .sub-menu > li{margin-top: 30px;}
.mobmenu .menu > li > .sub-menu > li.current_page_item > a, .mobmenu .menu > li > .sub-menu > li.current-menu-item > a{text-decoration: underline;font-weight: 700 !important;}
.mobmenu .menu > li > .sub-menu > li:first-child{margin-top: 0px;}
.mobmenu .menu > li > .sub-menu > li > a{font-size: 16px;line-height: 19px;color:#3D3B42;}
.mobmenu .menu > li > .sub-menu > li.no-link > a{color:#909090;}
.mobmenu .menu > li > .sub-menu > li > .sub-menu{margin-top: 20px;}
.mobmenu .menu > li > .sub-menu > li > .sub-menu > li{margin-top: 20px;}
.mobmenu .menu > li.ESG-menu > .sub-menu > li.menu-item > a, .mobmenu .menu > li.Marine-menu > .sub-menu > li.menu-item > a{font-weight: 500;}
.mobmenu .menu > li > .sub-menu > li > .sub-menu > li > a{font-size: 16px;line-height: 19px;color: #3D3B42;}
.mobmenu .menu > li > .sub-menu > li > .sub-menu > li.current_page_item > a, .mobmenu .menu > li > .sub-menu > li > .sub-menu > li.current-menu-item > a{font-weight: 700;text-decoration: underline;}
.mobmenu .menu > li > a{font-size: 20px; color:#202945;line-height:24px;display: inline-block;width: auto;}
.mobmenu .menu > li > .sub-menu > li > .sub-menu{padding-left: 20px;}
.mobmenu .menu > li > .sub-menu > li > .drop-arrow{display: none;}
.mobmenu .menu > li.current-menu-item > a, .mobmenu .menu > li.current_page_item > a{text-decoration: underline ;color: var(--site-pink-text);}
.mobmenu .menu > li.current-menu-item > .drop-arrow, .mobmenu .menu > li.current_page_item > .drop-arrow{background-image: url(images/menu-arrow-pink.svg);background-repeat: no-repeat;}
.banner-content-box { max-width:540px; }
.mob-menu-btm{background-color: #36373F;padding: 40px 12px;text-align: center;}
.mob-menu-btm .menu{display: flex;align-items: center;margin: 0 -12px;justify-content: space-between;}
.mob-menu-btm .menu li{padding: 0 12px;}
.mob-menu-btm .menu li a{font-size: 14px;line-height: 17px;color: var(--site-white);}
.mob-menu-btm .search-box{margin-top: 40px;}
.mob-menu-btm .search-box .search-input{width: 100%;}
.menu-top-nav-container{max-width: 358px;margin: 0 auto;}
.mobmenu .menu > li .drop-arrow{display: inline-block;font-size: 0;width: 55px;height: 24px;background-image: url(images/menu-arrow-dark.svg);background-repeat: no-repeat;background-position: center;background-size: 12px;vertical-align: top;cursor: pointer;}
.search-box{max-width: 358px;margin: 15px auto 0 auto;}

.banner-img { height:620px; }
.home-news { width:calc(100% - 60%); }
.feature-event .inner-wrap .col-50.left { padding-right:50px; }

.logo-address-sec{max-width: 35%;}
.logo-address-sec .site-logo img{ max-width:100%; }

.pillar-row-wrap{flex-wrap: wrap;margin: 50px auto 0 auto;}
.pillar-col{width: calc(33.33% - 16px);}
.pillar-listbx .pillar-link{font-size: 15px;display: inline-block;}
.pillar-listbx {margin-top: 18px;}
.pillar-section, .left-video-right-content, .video-section, .news-detail-wrap, .contact-us-main, #stats, .related-articles{padding: 60px 0;}
.whysybx p {margin-top: 20px;}
.whysybx h1, .whysybx h2, .whysybx h3, .whysybx h4, .whysybx h5, .whysybx h6{margin-top: 30px;}
.whysybx, .head-sec2 .whysybx, .head-left .whysybx{margin-top: 40px;}
.left-vid-wrap {width: 464px;height: 405px;margin: 0 auto;}

.qucik-link-bx{padding: 47px 50px 27px 50px;}
.pillar-col{max-width: 228px;}
.pillar-row-wrap{width: inherit;}
.pillar-section{overflow: hidden;}
.pillar-row-wrap .slick-slide{padding: 0;}
.qucik-link-bx .menu{margin: 23px -34px 0 -34px;}
.qucik-link-bx .menu .menu-item{padding: 0 0;}
.pillar-hover-bx{z-index: -1;}

.whysybx-news h1{font-size: var(--site-font-heading-for);color: var(--site-primary);line-height: 1.34;}
.whysybx-news h2{font-size: 28px;color: var(--site-pink-text);}
.whysybx-news h3{font-size: 26px;color: var(--site-primary);}
.whysybx-news h4{font-size: 24px;color: var(--site-primary);}
.whysybx-news h5{font-size: 22px;color: var(--site-primary);}
.whysybx-news h6{font-size: 20px;color: var(--site-primary);}

.whysybx-news > img, .whysybx-news figure{margin-top: 35px;}
.whysybx-news p img.size-large{margin-top: 5px;}
.news-detail-rightbx{padding-left: 40px;}
.whysybx table tr td{padding: 12px 10px 8px 10px !important;}
.news-list-section.news_list_main{padding: 35px 0 60px;}
.news-list .nopost, .errormsg{margin-top: 25px;}
.banner-image{margin-right:20px;}
.new_paging{margin-top:60px;}
.row.news-list .news_item {margin-top: 25px;}
.webcam_page_banner{padding-top:60px;}
.webcam_page_main{padding-bottom:60px;}
.webcam_page_banner h1{font-size:35px;line-height:45px;}
.contact-right{padding-left: 30px;}
.pillar-col .pillar-ttl{display: none;}
.pillar-hover-bx{position: static;opacity: 1;}
.pillar-col{max-width: 358px;height: auto;}
.pillar-hover-bx .pillar-hovebx-head, .pillar-hover-bx .pillar-link-list{opacity: 1;}
.pillar-hover-bx::before{display: none;}
.pillar-hover-bx{display: block;height: auto;}
.pillar-link-list{margin-top: 57px;}
.timeline-rowbx .item .text{flex-wrap: wrap;flex-direction: column-reverse;}
.timeline-rowbx .item .text p{margin-top: 10px !important;}
.timeline-rowbx .item .date{margin-left: 0;text-align: right;width: 100%;margin-top: 0 !important;}
.timeline-rowbx .item:nth-child(2n) .date{margin-right: 0;text-align: left;}
.timeline-rowbx .item:nth-child(2n) .text{flex-direction: column-reverse;}
#stats .statsrow .item .value{font-size: 35px;}
#stats .imex .items .item svg{max-width: 100%;}
#stats .imex .items .item .value{font-size: 28px;;}
#stats .imex .title{font-size: 22px;}
#stats .imex .items .item h3{font-size: 14px;margin-top: 20px;}
#stats .imex .items{padding: 15px;}
#stats .imex .items .item svg{max-height: 90px;margin-top: 20px;}
.statsrow .item svg {max-width: 200px;height: 100px;}
#stats .stats .tile p{font-size: 18px;}
#stats .stats .title h2{font-size: 16px;line-height: 1.1;}
#stats .stats .title h2 strong{font-size: 30px;}
#stats .stats .tile p span{font-size: 30px;}
#stats .stats .tile{margin: 10px;}
#stats .imex{margin: 30px 0 0 0;}
.statsrow{margin: 0;}
.resource_image{height: 130px;}
.resource_image img {min-height: 40px;max-height: 60px;}
.steps_pagewrap {padding: 30px 0 60px;}
.stepone_box {width:50%;}
.seccheckbox{width:100%;}

.sustainability-wrap{ padding:60px 0; }
.sustainability-left .left-first-level { position:sticky; top:50px; }
.two-img-box img{ height:250px; }
.right-image-box { margin:0 0 30px 30px; width:230px; }
.right-image-box img { width:100%; height:200px; }
.sustainability-wrap .whysybx h2 { font-size:30px; }
.single-img-box img{ height:386px; }
.img-caption { padding:33px 150px 0 0; }
.leftcont-rightimg-wrap { margin:50px 0 0 0; padding:50px 0 0 0; }
.two-img-wrap { padding:25px 0 0 0; }
.two-img-box { padding:25px 9px 0; }
.introduction-wrap { padding:60px 0 0 0; }
.sustainability-wrap .introduction-wrap, .logo-wrap { max-width:100%; }
.team-box { padding:40px 9px 0; }
.team-box a{top: 40px;}
.team-box-img img { height:190px; }
.directors-box.whysybx { padding:40px; margin:40px 0 0 0; }
.download-wrap { margin:50px 0 0 0; max-width:100%; padding:51px 122px 40px 40px }
.download-pdf-wrap { padding:25px 0 0 0; }
.download-pdf-box { margin:25px 9px 0; }
.download-pdf-cont h4{ padding:0; }
.logo-wrap { padding:50px 0 0 0; }
.single-img-slider-wrap { padding:50px 0 0 0; }
.video-section-wrap { padding:50px 0 0 0; }
.table-section{ overflow:auto; }

.internal-page-banner img{ height:315px; object-fit:cover; }
.internal-page-banner:after{ height:230px;}
.internal-page-banner-content h1{ font-size:70px; } 
.whysybx.whysybx-news .standard { padding:50px 0 0 0; }
.dpsp_two_parent { padding:50px 0 0 0; }
.marine_operation_main { padding:50px 0 0 0; }
.related-articles-slider .news-box-cont { width:calc(100% - 206px); }
.related-articles-slider .news-box-img { width:206px; }
.related-articles { padding:50px 0; } 
.related-articles-slider { padding:40px 0 0 0;}
.logo-box img{height: 166px;}
.sustainability-right:first-child .team-box, .sustainability-right:first-child .logo-box{width: 25%;}

.thank-you-sec .image-404 img {max-width: 580px;}
.mobmenu .menu .col-md-4{width: 100%;}


.why-trade-wrap{ padding:60px 0; }
.trading-footprint-wrap{ padding:60px 0; }
.the-routes-wrap{ padding:60px 0; background:#202945; position:relative; overflow:hidden; }

.exporter-stories-wrap { padding:60px 0; }
.exporter-stories-head h2 { width:300px; }
.exporter-stories-head .whysybx { margin:5px 0 0 50px; max-width:472px; }
.exporter-stories-list .col-md-6 .news-box .news-box-cont { padding:21px 30px 30px 30px; }
.page-template-trade-page-template .exporter-stories-list .col-md-12 .news-box-cont h3 { padding-right:0; }
.page-template-trade-page-template .exporter-stories-list .news-box-cont h3{ padding-right:0; }
.exporter-stories-list .col-md-12 .news-box img { height:350px; max-height:350px; }
.exporter-stories-list .col-md-3 .news-box img { height:180px; max-height:180px; }
.why-trade-wrap .why-trade-img { padding-left:40px; }

.trading-footprint-slider { margin:40px auto 0; max-width:100%; padding:0 0 80px 0; }
.trading-footprint-slider .slick-prev { left:calc(50% - 60px); top:auto; transform:translateY(0); -webkit-transform:translateY(0); bottom: -80px; }
.trading-footprint-slider .slick-next { right:calc(50% - 60px); top:auto; transform:translateY(0); -webkit-transform:translateY(0); bottom: -80px; }

}
@media screen and (max-width:991px){
.banner-img img, .banner-img { height:550px; }
.home-news { width:100%; position:relative; top:auto; right:auto; padding:0 0 65px 4px; }
.home-news-slider .slick-dots{ justify-content:right; }
.banner-card-box { padding:20px 14px; } 
.banner-card-title { padding:23px 0 0 0; }
.home-news-slider .slick-dots { padding:32px 12px 0 252px; }
.feature-event .inner-wrap .col-50.left { padding-right:30px; }
.feature-event{ padding:60px 0; }

.site-footer {padding: 50px 0px;}
.address-sec{margin-top: 50px;}
.footer-content-wrap{flex-wrap:wrap;}
.footer-content-right,
.footer-bottom-sec {padding-top: 50px;}
.footer-social-wrap{justify-content:flex-start;padding-bottom: 30px; justify-content:center; }
.logo-address-sec {max-width: 100%;}
.footer-menu-column.footer-menu-1{padding-left:0px;}
.copyright_text, .copyright{width:100%;margin-top:20px;text-align: center;line-height: 19px;}
.pillar-col {width: calc(50% - 16px);}
.head-sec{flex-wrap: wrap;flex-direction: column-reverse;justify-content: flex-start;}
.head-left{width: 100%;margin-top: 45px;}
.left-vid-wrap{display: block;width: 640px;height: 563px;}
.right-content{margin-top: 60px;}
.right-content .whysybx{max-width: 100%;}
.qucik-link-bx .menu .menu-item{width: 50%;}
.head-sec2{flex-wrap: wrap;}
.head-sec2 .section-title{width: 100%;}
.head-sec2 .whysybx{width: 100%;padding-left: 0;}
.head-left .whysybx {margin-top: 28px;}
.whysybx, .head-sec2 .whysybx, .head-left .whysybx{margin-top: 28px;}
.video-sec-wrap{margin-top: 50px;}
.play-icon{background-size: 120px;}
.head-sec2 .whysybx{max-width: 100%;}
.news-detail-rightbx{padding-left: 0;margin-top: 40px;}
.related-post-namelink{max-width: 100%;}
.banner-img img{object-position: left center;}
.fullwidth-sec .news-box{display: inline-block;padding: 17px;}
.fullwidth-sec .news-box-img img {max-height: 208px;height: 208px;transition: 0.3s;-webkit-transition: 0.3s;}
.fullwidth-sec .news-box-cont{padding-top:30px;}
.fullwidth-sec .news-box-cont .news-list-heading2{line-height: 26px;font-size:18px;}
.news-box-cont .whysybx, .news-box-cont .whysybx p{font-size:16px;}
.news-box-cont > * + * {margin-top: 20px;}
.site_btn_text{font-size:18px;}
.webcam-banner-wrap{flex-wrap:wrap;}
.webcam-right-part{margin-top:20px;}
.related-news-ttl{font-size: 26px;color: var(--site-primary);font-weight: 600;}
.contact-right{padding-left: 0;}
.whysybx.whysybx-news.contact-right{margin-top: 40px;}
.statsrow .item svg{max-width: 150px;}
#stats .statsrow .item .value{font-size: 30px;;}
#stats .statsrow .item h3{font-size: 20px;}
#stats .imex{flex-wrap: wrap;}
#stats .imex > div{width: calc(100% - 30px);}
#stats .imex .title{font-size: 26px;}
#stats .imex .items .item svg{max-width: 130px;}
#stats .stats .item-row{flex-wrap: wrap;justify-content: center;}
#stats .stats .tile{width: calc(25% - 20px);}
#stats .stats .title{width: 100%;}
.image-404 img{max-width: 70%;;}
.oops-txt{padding: 0;line-height: 1.1;}
.resource_image{height: 160px;}
.seccheckbox{width:48%;}
.sustainability-left { width:100%; }
.sustainability-right { width:100%; padding:0px 0 40px 0px; }
.sustainability-right:first-child{padding-bottom: 0;}
.sustainability-row.menu-right-side .sustainability-right{ padding:30px 0 0 0; }
.related-articles-slider .news-box-img { width:100%; }
.related-articles-slider .news-box-cont { width:100%; padding:20px 0 0 0; }
.logo-box img{height: 126px;}
.sustainability-right:first-child .team-box, .sustainability-right:first-child .logo-box{width: 33.33%;}
.sustainability-right:first-child .download-pdf-box{width: calc(50% - 18px);}
.sustainability-right .download-pdf-wrap:first-child .download-pdf-box:nth-child(3){ margin:25px 9px 0; }
.webcam-data-table > div{max-height: 330px;}
.sustainability-row {flex-direction: column-reverse;}
.banner-image{max-width: 350px;}
.banner-image img {max-height: 302px;height: 302px;}
.banner-image iframe {max-height: 302px;height: 302px;}
.thanks-txt{font-size: 24px;}

.thank-you-sec .image-404 img {max-width: 480px;}
.cf1tXD .cfMKVG{display: none;}
.boat-img img { height:auto; }
.page-template-trade-page-template .news-footer{ padding:20px 0 0 0; }
.why-trade-wrap .col-md-4{ width:100%; }
.why-trade-wrap .col-md-8{ width:100%; padding-top:30px; text-align:center; }
.trading-footprint-wrap{ width:100%; }
.the-routes-wrap .col-md-4{ width:100%; }
.the-routes-wrap .col-md-8{ width:100%; padding-top:40px; }
.the-routes-slider { padding:0 0 70px 0; }
.the-routes-slider .slick-prev { left:calc(50% - 60px); bottom:0; width:50px; height:50px; background-size:cover; }
.the-routes-slider .slick-next { right:calc(50% - 60px); left:auto; width:50px; height:50px; background-size:cover; }
.page-template-trade-page-template .home-news{ margin:30px 0 0 0; }
.exporter-stories-list .col-md-3{ width:50%; }
.page-template-trade-page-template .exporter-stories-list .col-md-12 .news-box-cont h3{ font-size:30px; line-height:38px; }
.exporter-stories-list .col-md-3 .news-box img { height:250px; max-height:250px; }
.exporter-stories-list .col-md-12 .news-box img { height:280px; max-height:280px; }
.exporter-stories-list .col-md-6 .news-box .news-box-cont { padding:17px 17px 25px 17px; }
.why-trade-wrap .why-trade-img { padding-left:0; }

/*07-07-2025*/
.mfp-image-holder .mfp-content{max-width: 600px;}
.mfp-content .mfp-close {width: 34px;height: 34px;right: -15px;top: 25px;}
/*07-07-2025*/

}
@media screen and (min-width:768px){
#trading-footprint-popup  { display:none; } 
.page-template-template-parts.modal-show { overflow:visible; } 
.mfp-bg.mfp-ready{display:none;}
.mfp-wrap { display:none; }
.trading-fp-link{ pointer-events:none; }
}
@media screen and (max-width:767px){
:root{
  --site-font-heading-one: 45px;
  --site-font-heading-two: 40px;
  --site-font-heading-thr: 35px;
  --site-font-heading-for: 30px;
  --site-font-heading-fiv: 28px;
  --site-font70:45px;
}
.site-header{ height:73px; } 
.head-logo { width:222px; }
.banner-img img, .banner-img { height:470px; }
.banner-img img{ object-position:left center; }
.banner-content { bottom:20px; }
.banner-card-cal { padding:10px 10px 0; width:100%; }
.banner-card .banner-card-cal:first-child { padding:0 10px 0; }
.banner-card-box { padding:10px 17px; display:flex; flex-wrap:wrap; height:auto; align-items:center; vertical-align:middle; }
.banner-card-title { padding:0 0 0 17px; }
.banner-card-img { height:40px; line-height:40px; vertical-align:middle; width:40px; justify-content:center; display:flex; }
.banner-card-img img{ max-height:40px; object-fit:contain; }
.banner-card-arrow { bottom:10px; right:17px; }
.feature-event .inner-wrap .col-50{ width:100%; }
.feature-event .inner-wrap { flex-direction:column-reverse; }
.feature-event .inner-wrap .col-50.left { padding:40px 0 0 0; }
.feature-event .inner-wrap .right{ padding:50px 0 0 0; }
.feature-event .inner-wrap .right img{ width:100%; }

.modal-dialog{max-width: 550px;width: 85%;}
.modal-content{border-width:5px;}

.footer-content-right{display:none;}
.logo-address-sec{padding:0px;}
.footer-content-wrap{text-align:center;}
.address-sec{max-width:100%;}
.footer-social-wrap{padding-bottom:30px;justify-content: center;}
.address-sec {margin-top: 50px;}
.footer-content-right,
.footer-bottom-sec {padding-top: 50px;}
.whysybx {margin-top: 20px;}
  .left-vid-wrap {width: 464px;height: 405px;}
  
  .right-content .whysybx{margin-top: 28px;}
  .btn-wrap{margin-top: 45px;}
  .play-icon{background-size: 88px;}
  .qucik-link-bx{padding: 41px 33px 20px 33px;}
  .round-subtitle{font-size: 14px;color: #0395A3;border-color: #0395A3;}
  .close-modal{width: 40px;height: 40px;background-size: 40px;right: -20px;top: -20px;}
  .whysybx table tr td{padding: 10px !important;}
  .row.news-list .news_item.fullwidth-sec{width: 50%;}
  .inner-banner-wrapper{flex-wrap:wrap;}
.breadcrump {margin-bottom: 20px;}
.inner-banner-content{max-width:100%;}
.banner-image{margin:30px auto 0;}
.new_paging{min-height: 40px;}
.new_paging a, .new_paging span{margin-left:15px;}
.new_paging .prev, .new_paging .next {font-size: 0px;padding: 0px;height: 40px;width: 40px;background-position: center center;}
.tab-menu .tab-menu-btn a{font-size:16px;}
input, optgroup, select, textarea{font-size: 16px;}
#stats .stats .tile {width: calc(50% - 20px);padding-top: 35%;}
#stats{padding: 50px 0;}
#stats .imex .items {padding: 10px;}
#stats .imex .items .item svg{max-width: 100%;}
#stats .imex{margin: 20px -12px 0 -12px;}
.useful_resources_image{width:50%;}
.dpsp_stp1_standard,
.dpsp_stp2_standard{padding-right:30px;padding-left:30px;}
.stepone_box {width:100%;}
.form-section{padding:20px 20px;margin-top: 20px;}
.site-pagination .nav-links a{font-size: 0px;padding: 0px !important;height: 40px;width: 40px;background-position: center center !important;display: flex;}
.site-pagination .navigation{margin-top:60px;}

.directors-box.whysybx { padding:30px; }
.download-wrap { padding:40px 112px 30px 30px; }
.faq-list-item { padding:20px 0; }
.internal-page-banner img{ height:250px; object-fit:cover; }
.internal-page-banner:after{ height:150px;}
.internal-page-banner-content h1{ font-size:40px; line-height:1.2; } 
.video_gallery_main { padding:0; }
.terminals .item{ width:50%; }
.faqs-inner-title, .whysybx-news h4.faqs-inner-title{ font-size:18px; }

.photoguide_contleft { width:100%; }
.photoguide_contright { width:100%; padding-top:30px; }
.oops-txt{font-size: 22px;margin: 40px 0;}
.not-found{padding: 60px 0;}
.not-found .border-arrow-btn{font-size: 16px;}
.single-img-slider::after{width: 120px;}
.single-img-slider .slick-arrow{bottom: -7px;}
.single-img-slider .slick-arrow.slick-next{bottom: -7px;}
body .yotu-lightbox .yotu-lightbox-body{max-width: 90%;}

.thank-you-sec .image-404 img {max-width: 400px;}
.img-box-wrap .col-md-6 { width:50%; }
.boat-img img { height:auto; }
.exporter-stories-head { flex-wrap:wrap; }
.exporter-stories-head .whysybx { margin:30px 0 0 0px; max-width:100%; }
.page-template-trade-page-template .exporter-stories-list .col-md-12 .news-box-cont h3{ font-size:20px; line-height:28px; }
.exporter-stories-list .col-md-12 .news-box .news-box-cont { padding:25px 20px; }
.exporter-stories-list .col-md-12 .news-box img { height:250px; max-height:250px; }
#trading-footprint-popup .modal-content { width:100%; border:none; background:no-repeat; max-width:100%; padding:15px 7px; }
#trading-footprint-popup .trading-footprint-slider{ margin:0; padding:0; }
#trading-footprint-popup .close-modal { right:4px; top:-5px; }
.mfp-container { padding-left:17px; padding-right:17px; }
.mfp-bottom-bar { display:none; }
.mfp-arrow { display:none !important; }
.mfp-content .mfp-close { width:34px; height:34px; right:-550px;; top:25px; }
.mfp-image-holder .mfp-content { max-width:100%; overflow:auto; }
.mfp-figure::after { display:none; }
img.mfp-img { max-width:900px; }

}
@media(max-width:725px){
.exporter-stories-list .col-md-3 .news-box img { height:200px; max-height:200px; }
}
@media(max-width:667px){
.footer-content-right{flex-wrap:wrap;}
.footer-menu-column.footer-menu-1{max-width: 100%;padding-left: 0;margin-right: 0;}
.footer-menu-column.footer-menu-2 {max-width: 100%;padding-top:30px;}
.footer-content-right ul li{margin-top:20px;}
.border-arrow-btn::before{background-size: 45px;transform: translateY(-50%);top: 50%;width: 46px;height: 46px;}
.border-arrow-btn{padding: 27px 105px 26px 32px;font-size: 18px;}
.new_paging a, .new_paging span{margin-left: 15px;}
.accordion-wrap.default{padding-top: 20px;}
.filter_section_right{flex-wrap:wrap;}
.filter_title{margin-right:0px;width:100%;margin-bottom:10px;}
.dropdown_filter{margin-right:0px;width: 100%;}
.select2-container {min-width: 100%;max-width: 100%;width: 100%;}
.map-wrap{height: 300px;}

.pillar-col{margin: 22px auto 0 auto;}
.mob-menu-mid{height: calc(100% - 70px - 170px);}
.news-list .nopost, .errormsg{font-size: 20px;}
.pillar-col:first-child{margin-top: 0;}
.chooselang ul li{font-size:20px;}
.two-filed .frominput_wrap{width:100%;}
.seccheckbox {width: 100%;}
.fileupload_list{width: 120px;}
.fileupload_wrap input{height:40px;}
.fileupload_listbut a{padding: 12px 15px;width: 120px;font-size: 16px;}
.fileupload_text{padding: 9px 125px 9px 20px;}
.submit_but.border-arrow-btn::before {top:50%;}
.boat-img img { height:auto; }
.trad_banner_bot { margin: 30px 0 0 0; }
}
@media(max-width:600px){
.exporter-stories-list .col-md-3 .news-box img { height:180px; max-height:180px; }
.exporter-stories-list .col-md-6 .news-box img { height:230px; max-height:230px; }
}
@media(max-width:530px){
  .two-img-box { width:100%; }
  .sustainability-right .two-img-wrap:first-child .two-img-box:nth-child(2){ padding-top:25px; }
  .two-img-box img { height:auto; }
  .right-image-box { margin:0 0 30px 0; width:100%; }
  .right-image-box img { height:auto; }
  .team-box { width:50%; }
  .download-pdf-box { width:calc(100% - 18px); }
  .sustainability-right .download-pdf-wrap:first-child .download-pdf-box:nth-child(2){ margin-top:25px; }
  .logo-box { width:50%; }
  .photoguid_icon { width:100%; text-align:center; }
  .photoguid_icon img{ width:150px; margin:0; } 
  .photoguid_cont{ width:100%; padding:20px 0 0 0; }
  .photoguide_contleft ul{ width:100%; float:none; }
  .photoguide_contleft ul:last-child{ padding:0 0 0 0; }
  .sustainability-right:first-child .team-box, .sustainability-right:first-child .logo-box{width: 50%;}
  .sustainability-right:first-child .download-pdf-box{width: calc(100% - 18px);}
  .webcam-data-table > div{max-height: 390px;}
  .related-articles-slider .slick-dots{display: none !important;}
  .related-articles-slider{padding-bottom: 40px;}
  .related-articles-slider .slick-arrow.slick-prev{left: calc(50% - 55px);}
  .related-articles-slider .slick-arrow.slick-next{right: calc(50% - 55px);}
  .whysybx li{padding-left: 26px;}
  .thanks-txt{font-size: 16px;}
  .thank-you-sec .oops-txt{margin-bottom: 15px;margin-top: 30px;}
  .thanks-txt{margin-bottom: 30px;}
  .whysybx .cookiefirst-cookie-declaration button{margin-top: 15px;}
  .whysybx .cookiefirst-cookie-declaration button:first-child{margin-top: 0;}
  .img-box-wrap .col-md-6 { width:100%; }
  }

@media(max-width:480px){
  .news-detail-right.whysybx.whysybx-news{width: 100%;}
  .pillar-col {width: calc(100% - 0px);}
  .left-vid-wrap {width: 345px;height: 298px;}
  .qucik-link-bx .menu .menu-item{width: 100%;}
  .modal-content{width: 85%;}
  .news-detail-left{flex-wrap: wrap;flex-direction: column-reverse;}
  .share-listwrap{flex-direction: row;width: auto;align-items: center;}
  .share-box a{margin-top: 15px;margin-right: 15px;margin-left: 0;}
  .news-detail-left .share-box{margin-top: 30px;;}
  .qucik-link-bx .menu .menu-item a{max-width: inherit;}
  .quick-link-section::before{height: 52%;}
  .whysybx-news h1, .whysybx-news h2, .whysybx-news h3, .whysybx-news h4, .whysybx-news h5, .whysybx-news h6{margin-top: 30px;}
  .whysybx table tr th, .whysybx table thead td, .whysybx table tr td{font-size: 14px;}
  .row.news-list .news_item.fullwidth-sec{width: 100%;}
  .timeline-rowbx .item{width: 100%;max-width: 100%;}
  .timeline-sec-wrap .line{left: 12px;}
  .timeline-rowbx .item:nth-child(2n), .timeline-rowbx .item{padding-left: 40px;}
  .timeline-rowbx .item .date{text-align: left;}
  .statsrow{flex-wrap: wrap;}
  .statsrow .item{width: 100%;margin-top: 50px;}
  #stats .statsrow .item h3{margin-top: 10px;}
  #stats .statsrow .item .value{font-size: 40px;line-height: 1;}
  .statsrow .item svg{height: auto;}
  #stats .imex .title{font-size: 18px;;}
  #stats .imex .items .item .value{font-size: 20px;}
  #stats .imex .items{padding: 15px 10px;}
  #stats .imex .items .item svg { max-width: 100%;  height: 70px;}
  .statsrow .item svg {max-width: 240px;}
  #stats .whysybx-news h2{font-size: 24px;}
  .terminals .item{ width:100%; }
  .sustainability-right:first-child .logo-box img{height: 112px;}
  .whysybx iframe{height: auto;min-height: 200px;} 

  .thank-you-sec .image-404 img {max-width: 300px;}
.exporter-stories-list .col-md-3 .news-box img { height:180px; max-height:180px; }
.exporter-stories-list .col-md-12 .news-box img { height:180px; max-height:180px; border-radius:10px 10px 0 0; }
.exporter-stories-list .col-md-12 .news-box .news-box-img{ width:100%; border-radius:10px 10px 0 0; }
.exporter-stories-list .col-md-3 { width:100%; }
.page-template-trade-page-template .exporter-stories-list .col-md-12 .news-box-cont h3{ font-size:20px; line-height:28px; }
.exporter-stories-list .col-md-12 .news-box .news-box-cont { padding:25px 20px; width:100%; }
.exporter-stories-list .col-md-12 .news-box img { height:180px; max-height:180px; }
}