@font-face {
    font-family: 'Playfair Display';
    src: url('../eot/playfairdisplay-regular.eot');
    src: url('../eot/playfairdisplay-regulard41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/playfairdisplay-regular.woff2') format('woff2'),
        url('../woff/playfairdisplay-regular.woff') format('woff'),
        url('../ttf/playfairdisplay-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../eot/playfairdisplay-blackitalic.eot');
    src: url('../eot/playfairdisplay-blackitalicd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/playfairdisplay-blackitalic.woff2') format('woff2'),
        url('../woff/playfairdisplay-blackitalic.woff') format('woff'),
        url('../ttf/playfairdisplay-blackitalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../eot/playfairdisplay-black.eot');
    src: url('../eot/playfairdisplay-blackd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/playfairdisplay-black.woff2') format('woff2'),
        url('../woff/playfairdisplay-black.woff') format('woff'),
        url('../ttf/playfairdisplay-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../eot/playfairdisplay-bold.eot');
    src: url('../eot/playfairdisplay-boldd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/playfairdisplay-bold.woff2') format('woff2'),
        url('../woff/playfairdisplay-bold.woff') format('woff'),
        url('../ttf/playfairdisplay-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../eot/playfairdisplay-bolditalic.eot');
    src: url('../eot/playfairdisplay-bolditalicd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/playfairdisplay-bolditalic.woff2') format('woff2'),
        url('../woff/playfairdisplay-bolditalic.woff') format('woff'),
        url('../ttf/playfairdisplay-bolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}



@font-face {
    font-family: 'Ubuntu';
    src: url('../eot/ubuntucondensed-regular.eot');
    src: url('../eot/ubuntucondensed-regulard41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntucondensed-regular.woff2') format('woff2'),
        url('../woff/ubuntucondensed-regular.woff') format('woff'),
        url('../ttf/ubuntucondensed-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../eot/ubuntu-bolditalic.eot');
    src: url('../eot/ubuntu-bolditalicd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntu-bolditalic.woff2') format('woff2'),
        url('../woff/ubuntu-bolditalic.woff') format('woff'),
        url('../ttf/ubuntu-bolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../eot/ubuntu-bold.eot');
    src: url('../eot/ubuntu-boldd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntu-bold.woff2') format('woff2'),
        url('../woff/ubuntu-bold.woff') format('woff'),
        url('../ttf/ubuntu-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../eot/ubuntu-lightitalic.eot');
    src: url('../eot/ubuntu-lightitalicd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntu-lightitalic.woff2') format('woff2'),
        url('../woff/ubuntu-lightitalic.woff') format('woff'),
        url('../ttf/ubuntu-lightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../eot/ubuntu-light.eot');
    src: url('../eot/ubuntu-lightd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntu-light.woff2') format('woff2'),
        url('../woff/ubuntu-light.woff') format('woff'),
        url('../ttf/ubuntu-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../eot/ubuntu-lightitalic_1.eot');
    src: url('../eot/ubuntu-lightitalic_1d41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntu-lightitalic_1.woff2') format('woff2'),
        url('../woff/ubuntu-lightitalic_1.woff') format('woff'),
        url('../ttf/ubuntu-lightitalic_1.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../eot/ubuntu-medium.eot');
    src: url('../eot/ubuntu-mediumd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntu-medium.woff2') format('woff2'),
        url('../woff/ubuntu-medium.woff') format('woff'),
        url('../ttf/ubuntu-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Mono';
    src: url('../eot/ubuntumono-bold.eot');
    src: url('../eot/ubuntumono-boldd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntumono-bold.woff2') format('woff2'),
        url('../woff/ubuntumono-bold.woff') format('woff'),
        url('../ttf/ubuntumono-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../eot/ubuntu-mediumitalic.eot');
    src: url('../eot/ubuntu-mediumitalicd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntu-mediumitalic.woff2') format('woff2'),
        url('../woff/ubuntu-mediumitalic.woff') format('woff'),
        url('../ttf/ubuntu-mediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Mono';
    src: url('../eot/ubuntumono-bolditalic.eot');
    src: url('../eot/ubuntumono-bolditalicd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntumono-bolditalic.woff2') format('woff2'),
        url('../woff/ubuntumono-bolditalic.woff') format('woff'),
        url('../ttf/ubuntumono-bolditalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Mono';
    src: url('../eot/ubuntumono-italic.eot');
    src: url('../eot/ubuntumono-italicd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntumono-italic.woff2') format('woff2'),
        url('../woff/ubuntumono-italic.woff') format('woff'),
        url('../ttf/ubuntumono-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Mono';
    src: url('../eot/ubuntumono-regular.eot');
    src: url('../eot/ubuntumono-regulard41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntumono-regular.woff2') format('woff2'),
        url('../woff/ubuntumono-regular.woff') format('woff'),
        url('../ttf/ubuntumono-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../eot/ubuntu.eot');
    src: url('../eot/ubuntud41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntu.woff2') format('woff2'),
        url('../woff/ubuntu.woff') format('woff'),
        url('../ttf/ubuntu.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../eot/ubuntu-italic.eot');
    src: url('../eot/ubuntu-italicd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntu-italic.woff2') format('woff2'),
        url('../woff/ubuntu-italic.woff') format('woff'),
        url('../ttf/ubuntu-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../eot/ubuntu-thin.eot');
    src: url('../eot/ubuntu-thind41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/ubuntu-thin.woff2') format('woff2'),
        url('../woff/ubuntu-thin.woff') format('woff'),
        url('../ttf/ubuntu-thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

:root{
    --color-white: #ffffff;
    --color-green: #003D3C;
    --color-gray-dark: #313A39;
    --heading-font : 'Playfair Display';
    --body-font : 'Ubuntu';
}



*{box-sizing: border-box;}
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%; vertical-align:baseline;background:transparent; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
article,aside,figure,footer,header,nav,section,details,summary{display:block;}
img,object,embed{max-width:100%;}
ul{}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
th{font-weight:bold;vertical-align:bottom;}
td{font-weight:normal;vertical-align:top;}
hr{display:block;height:1px;border:0;margin:1em 0;padding:0;}
input,select{vertical-align:middle; box-sizing: border-box;  }
pre{white-space:pre; /* CSS2 */white-space:pre-wrap; /* CSS 2.1 */white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */word-wrap:break-word; /* IE */}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;}
select,input,textarea{font:99% sans-serif;}
table{font-size:inherit;}
small{font-size:85%;}
strong{font-weight:bold;}
td,td img{vertical-align:top;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre,code,kbd,samp{font-family:monospace,sans-serif;}
.clickable,input[type=button],input[type=submit],input[type=file],button{cursor:pointer;}
button,input,select,textarea{margin:0; font-family: 'Roboto', sans-serif; font-weight:400;  }
button,input[type=button]{width:auto;overflow:visible;}

input[type="submit"]{ -webkit-appearance: none;}
:focus{outline: none;}
input[type="submit"]:focus{outline: none;}

strong{font-weight: 500;}
body{ font-weight: 500; font-family: 'Ubuntu'; line-height: 32px; color: #000000; }
.container{ max-width: 1395px; padding: 0 15px; width: 100%; margin: 0 auto; width: 100%; }
 h1 , h2 ,h3, h4, h5 ,h6 { font-weight: 500; font-family: 'Ubuntu'; padding: 0; margin: 0 0 20px; color: #000; }

a, btton { outline: none; }

h1 {
    font-size: 97px;
    line-height: 1;
    font-weight: 700;
}

h2 {
    font-size: 67px;
    line-height: 1;
    font-weight: 700;
}
h3{
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
}
h4{
    font-size: 30px;
    line-height: 1;
}
h5{
    font-size: 26px;
    line-height: 1;
}
h6{
    font-size: 18px;
    line-height: 1;
}

.cf::after{display: table; content: ""; clear: both;}

#page { overflow: hidden; }
p { margin: 0 0 16px;  font-weight: 500; font-family: 'Ubuntu'; font-size: 16px; color: #000000; }
p:last-child { margin-bottom: 0; }

ul li { font-weight: 500; font-family: 'Ubuntu'; font-size: 16px; color: #000000; position: relative; padding-left: 15px; }
ol li { font-weight: 500; font-family: 'Ubuntu'; font-size: 16px; color: #000000; position: relative; }
ul li:after { content: ""; height: 4px; width: 4px; border-radius: 50%; background-color: #000000; position: absolute; left: 0; top: 2px; display: inline-block; }

a { color: #29abe2; text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; font-weight: 400; }
a:hover , a:focus{color: #000000; }
.bg-set { background-position: center center; background-repeat: no-repeat;     background-size: cover;
}
/* Row Col Basic structure start*/
.row {
    margin-left: -15px;
    margin-right: -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row > div { padding: 0 15px; }

.col-1 {
    -ms-flex: 8.3333333333%;
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
}

.col-2 {
    -ms-flex: 16.6666666667%;
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-3 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 33.3333333333%;
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    -ms-flex: 41.6666666667%;
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-6 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 58.3333333333%;
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    -ms-flex: 66.6666666667%;
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-9 {
    -ms-flex: 75%;
    flex: 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 83.3333333333%;
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    -ms-flex: 91.6666666667%;
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
}

.col-12 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
}


/* Row Col Basic structure end*/

/* ----------- Header css start ----------- */
header{position: fixed; left: 0; top: 0; width: 100%; z-index: 1111; padding: 26px 0;  transition: 0.3s all ease-in-out; }
header:after { content: ""; display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: linear-gradient(0deg, rgba(0,69,68,0) 0%, rgba(0,43,42,1) 100%); opacity: 0.80; transition: 0.3s all ease-in-out; }

.single-case-study header:before { content: ""; display: block; width: 100%; position: absolute; height: 214px; top: 0; left: 0; background: red; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); }

header a.header-logo { width: 158px; }
header.fixed:after { opacity: 0.8; }
header.fixed { padding: 15px 0; background-color: rgba(228, 242, 245, 0.37); }
header .nav-block { margin-left: auto; padding-right: 15px; }
header .enumenu_ul > li:after { display: none; }
header .enumenu_ul > li { padding: 0 31px; }
header .enumenu_ul > li.menu-item-has-children { margin-right: 20px; }
.enumenu_ul.desk li > .sb-menu li { padding-left: 0; }
.enumenu_ul.desk li > .sb-menu li:after { display: none; }
.enumenu_ul.desk .sb-menu { transform: translateX(-50%); left: 50%; }
header .nav-block li a { text-align: center; color: #FFFFFF; display: block; font-size: 16px; line-height: 1.13; letter-spacing: -0.023em; font-weight: 500; font-family: 'Ubuntu'; text-decoration: none; padding: 28px 0; }
header .nav-block li.has-children > a { position: relative; }
header .nav-block li.has-children > a:after { content: ""; display: block; position: absolute; right: -18px; top: 33px; border-top: 10px solid #E4F2F5; border-left: 5px solid transparent;  border-right: 5px solid transparent; }
header .enumenu_ul > li:hover > a, header .enumenu_ul > li.active > a { background-color:transparent; }
header .enumenu_ul > li ul.sb-menu { background-color: #E4F2F5; color: #003D3C; }
header .enumenu_ul > li ul.sb-menu li a { color: #007990; }
header .container { position: relative; z-index: 1; }
header .nav-block .btnblock { margin-left: 0; position: relative; right: -40px; }
header .nav-block .btnblock a.green-light-btn { position: relative; top: 4px; right: 0; min-width: 174px; }
header .enumenu_ul > li > a { position: relative; }
header .enumenu_ul > li > a:before { content: ""; display: block; width: 100%; height: 1px; background-color: transparent; position: absolute; bottom: 20px; left: 0; transition: 0.3s all ease-in-out; }

header .enumenu_ul > li > a:hover:before { background-color: #FFFFFF; }

header .enumenu_ul > li.current-menu-item > a:before,
header .enumenu_ul > li.current-menu-item > a:before,
header .enumenu_ul > li.current_page_parent > a:before {
    background-color: #FFFFFF;
}
.enumenu_ul.desk ul li:hover > a { color: #E4F2F5; background-color: #003D3C; }
.green-light-btn { font-size: 14px; line-height: 1.18; color: #FFFFFF; border: 2px solid #E4F2F5; padding: 18px 8px; text-align: center; font-weight: 500; font-family: 'Ubuntu'; display: inline-block; transition: 0.3s all ease-in-out; min-width: 184px; }
.green-light-btn:hover, .green-light-btn:focus { background-color: #E4F2F5; color: #003D3C; }

.black-bord-btn { font-size: 14px; line-height: 1.18; color: #000000; border: 2px solid #000000; padding: 18px 8px; text-align: center; font-weight: 500; font-family: 'Ubuntu'; display: inline-block; transition: 0.3s all ease-in-out; min-width: 184px; letter-spacing: 0.48px; }
.black-bord-btn:hover, .black-bord-btn:focus { background-color: #000000; color: #FFFFFF; }

.blue-btn { font-size: 14px; line-height: 1.18; color: #FFFFFF; border: 2px solid #007990; padding: 18px 8px; text-align: center; font-weight: 500; font-family: 'Ubuntu'; display: inline-block; transition: 0.3s all ease-in-out; min-width: 184px; background-color: #007990; letter-spacing: 0.48px; }
.blue-btn:hover, .blue-btn:focus { background-color: #FFFFFF; color: #007990; }

header .mob-menu > li.menu-item-has-children {position: relative;}
header .mob-menu > li > a {position: relative;}
header .mob-menu > li.menu-item-has-children span.arrow {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 15px;
    border-top: 10px solid rgba(0, 61, 60, 0.8);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 99;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
header .mob-menu > li.menu-item-has-children span.arrow:hover {
    opacity: 0.5;
}
header .mob-menu > li.menu-item-has-children.active span.arrow {transform: rotate(180deg);}

/* ----------- Common css start ----------- */
body { font-size: 16px; line-height: 1.2; letter-spacing: -0.023em; font-weight: 500; font-family: 'Ubuntu'; }
.container { max-width: 1289px; width: 100%; padding: 0 15px; margin: 0 auto; }
.container-full { width: 100%; padding: 0 15px; margin: 0 auto; }
.bg-cover { background-size: cover; background-repeat: no-repeat; background-position: center; }
.d-flex { display: flex; flex-wrap: wrap; }
.align-center { align-items: center; }
.justify-center { justify-content: center; }


/*--------------Home paeg css--------------*/
.hero-banner { position: relative; min-height: 103.5vh; display: flex; align-items: center; flex-wrap: wrap; overflow: hidden; }
.hero-banner:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; /*background: linear-gradient(90deg, rgba(37,37,37,1) 0%, rgba(216,216,216,1) 40%); background: rgb(37,37,37); */ background-size: cover; background-repeat: no-repeat; background-position: center; background: transparent radial-gradient(closest-side at 50% 11%, #FFFFFF 0%, #000000 100%) 0% 0% no-repeat padding-box;
opacity: 0.46; }
.hero-banner .container { position: relative; z-index: 1; }
.hero-banner .full-bg-img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.hero-banner h1 { font-size: 97px; line-height: 0.80; letter-spacing: -0.023em; font-weight: 700; font-family: 'Playfair Display'; color: #FFFFFF; max-width: 596px; width: 100%; margin:0 auto; text-transform: uppercase; text-align: center; }


.banner-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.youtube-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden }
.video_con { position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
.player-src-outer { height: 100%; width: 100%; z-index: 0; position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none }
.player-src { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); position: absolute; width: 100%; height: 100% }
.youtube-wrapper iframe { position: absolute; min-width: 100%; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: none; }
.vimeo-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden }
.vimeo-wrapper iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.html-video-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden }
.html-video-wrapper video { position: absolute; display: block; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover }

.common-redirect-block .arrow-d { text-align: center; margin-bottom: 85px; }
.common-redirect-block .arrow-d a { width: fit-content; display: inline-block; }
.common-redirect-block .arrow-d small { text-align: center; color: #FFFFFF; display: block; font-size: 14px; line-height: 1.2; letter-spacing: -0.023em; font-weight: 500; font-family: 'Ubuntu'; padding-top: 5px; }
.common-redirect-block .arrow-d .tringle { padding-top: 8px; width: 6px; margin: 0 auto; display: block; }
.common-redirect-block .arrow-d .tringle img { width: 6px; }
.common-redirect-block .arrow-d .tringle img:first-child { margin-bottom: -10px; }

@-webkit-keyframes scroll-inner { from { top: 15%; } to { top: 50%; } }
@keyframes scroll-inner { from { top: 15%; } to { top: 50%; } }
@-webkit-keyframes scroll-mouse { from { top: 0; } to { top: 15px; } }
@keyframes scroll-mouse { from { top: 0; } to { top: 15px; } }


div.mouse { position: relative; margin: 0 auto; display: block; width: 15px; height: 26px; border: solid 2px #fff; border-radius: 7.5px; -webkit-animation: scroll-mouse 1.5s; animation: scroll-mouse 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

div.mouse span.scroll-down { display: block; position: relative; width: 3px; height: 8px; background: #fff; border-radius: 50%; margin: 15% auto auto auto; -webkit-animation: scroll-inner 1.5s; animation: scroll-inner 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease; animation-timing-function: ease; }

.common-redirect-block .container { max-width: 1000px; }
.common-redirect-block { background-color: #003D3C; padding: 46px 0 188px; }
.common-redirect-block .bottom-content { text-align: center; }
.common-redirect-block .bottom-content p { font-size: 18px; line-height: 1.2; letter-spacing: -0.026em; font-weight: 500; font-family: 'Ubuntu'; color: #FFFFFF; margin-bottom: 10px; }
.common-redirect-block .bottom-content h2 { font-size: 67px; line-height: 1.02; letter-spacing: 0.018em; font-weight: 700; font-family: 'Playfair Display'; color: #FFFFFF; margin-bottom: 44px; }
.common-redirect-block .bottom-content h3 { font-size: 30px; line-height: 1.34; letter-spacing: -0.043em; font-weight: 400; font-family: 'Playfair Display'; color: #FFFFFF; margin-bottom: 15px; padding: 0 35px; }

.hover-three-block { height: 100%; position: absolute; width: 100%; left: 0; top: 0; z-index: 1; }
.hover-three-block .block { width: 33.33%; height: 100%; position: relative; display: inline-flex; align-items: flex-end; }
.hover-three-block .block > a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
.hover-three-block .block .full-bg-img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: 0.5s all ease-in-out; opacity: 0; visibility: hidden; }
.hover-three-block .block:hover { z-index: 11; }
.hover-three-block .block > a {
    font-size: 0;
}
.hover-three-block .block:hover .full-bg-img { opacity: 1; visibility: visible; }
.hover-three-block .block .bottm-content { position: relative; z-index: 1; padding-bottom: 15px; width: 100%; }

.hover-three-block .block .bottm-content:after { content: ""; display: block; width: 100%; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; background: -webkit-linear-gradient(bottom, rgba(0, 61, 60, 0.7) 0%, rgba(0, 80, 80, 0.51) 40%, rgba(0, 101, 101, 0.31) 81%, rgba(0, 110, 106, 0.23) 100%);
background: -o-linear-gradient(bottom, rgba(0, 61, 60, 0.7) 0%, rgba(0, 80, 80, 0.51) 40%, rgba(0, 101, 101, 0.31) 81%, rgba(0, 110, 106, 0.23) 100%);
background: -ms-linear-gradient(bottom, rgba(0, 61, 60, 0.7) 0%, rgba(0, 80, 80, 0.51) 40%, rgba(0, 101, 101, 0.31) 81%, rgba(0, 110, 106, 0.23) 100%);
background: -moz-linear-gradient(bottom, rgba(0, 61, 60, 0.7) 0%, rgba(0, 80, 80, 0.51) 40%, rgba(0, 101, 101, 0.31) 81%, rgba(0, 110, 106, 0.23) 100%);
background: linear-gradient(to top, rgba(0, 61, 60, 0.7) 0%, rgba(0, 80, 80, 0.51) 40%, rgba(0, 101, 101, 0.31) 81%, rgba(0, 110, 106, 0.23) 100%); transition: 0.3s all ease-in-out; }
.hover-three-block .block:hover .bottm-content:after { opacity: 0.7; }
.hover-three-block .block .bottm-content h4 { color: #FFFFFF; font-size: 20px; line-height: 1.3; font-weight: 400; font-family: 'Playfair Display'; padding: 0 90px 15px; display: flex; align-items: center; justify-content: center; margin-bottom: 0; position: relative; z-index: 1; }
.hover-three-block .block .bottm-content h4 a{ color: #fff; }
.hover-three-block .block .bottm-content h4 img { width: 23px; margin-right: 8px; }
.hover-three-block .block .bottm-content p { font-size: 13px; line-height: 1.2; letter-spacing: 0.023em; font-weight: 500; font-family: 'Ubuntu'; color: #FFFFFF; padding: 0 90px 15px; height: 0; visibility: hidden; opacity: 0; transition: 0.3s all ease-in-out; text-align: center; }
.hover-three-block .block:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 61, 60, 0.15); opacity: 0; visibility: hidden; transition: 0.3s all ease-in-out; background-blend-mode: normal; }
.hover-three-block .block:hover:after { opacity: 0.5; visibility: visible; }
.hover-three-block .block:hover .bottm-content p { opacity: 1; visibility: visible; height: auto; min-height: 20px; position: relative; z-index: 1; }
.hover-three-block .block:hover .bottm-content h4 { font-size: 32px; line-height: 1.55; width: 100%; background-color: rgba(0, 61, 60, 0.76); padding-bottom: 0; margin-bottom: 15px; }
.hover-three-block .block:hover .bottm-content h4 img { display: none; }

.limg-accordian .img-block { padding: 202px 0 322px; position: relative; -ms-flex: 51%; flex: 51%; max-width: 51%; display: none; }
.limg-accordian .img-block.active { display: block; }
.limg-accordian { position: relative; background-color: #E4F2F5; }
.limg-accordian .img-block small { color: #FFFFFF; font-size: 18px; line-height: 1.2; font-family: 'Ubuntu'; font-weight: 500; margin: 0 0 42px 0; display: block; }
.limg-accordian .img-block h2 { color: #FFFFFF; font-size: 38px; line-height: 1.29; font-family: 'Playfair Display'; font-weight: 700; margin: 0 0 45px 0; }
.limg-accordian .img-block h3 { color: #FFFFFF; font-size: 18px; line-height: 1.2; font-family: 'Ubuntu'; font-weight: 500; margin: 0; padding-top: 15px; /*font-style: italic;*/position: relative;display: inline-block; letter-spacing: -0.026em; }
.limg-accordian .img-block h3:after { content: ""; display: block; width: 100%; height: 1px;background-color: #FFFFFF; left: 0; top: 0; bottom: auto; position: absolute; }
.limg-accordian .img-block:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.52); }

.limg-accordian .container-full { padding: 0; }
.limg-accordian .row { margin: 0; }
/*.limg-accordian .row > div { padding: 0; }*/
.limg-accordian .content { max-width: 450px; margin-left: auto; width: 100%; }
.limg-accordian .img-block .content { max-width: 574px; margin-left: auto; width: 100%; padding-right: 150px; position: relative; z-index: 1; }
.limg-accordian .img-block .content .btn-block { padding-top: 40px; }
.limg-accordian .img-block .content .btn-block a { text-transform: uppercase; min-width: 184px; }
.limg-accordian .accordian-block { background-color: #E4F2F5; padding: 150px 0; position: relative; -ms-flex: 49%; flex: 49%; max-width: 49%; min-height: 982px; }
.limg-accordian .accordian-block:after { content: ""; width: 100%; display: block; height: 52px; position: absolute; bottom: -52px; left: 0; background-color: #E4F2F5;  }

.accordion-main .accordion-submenu { display: none; padding: 0 62px 29px 0; }
.limg-accordian .accordian-block .accordion-main { padding-left: 126px; max-width: 515px; width: 100%; position: relative; }
.accordian-block .accordion-main h4 { color: #007990; font-size: 50px; line-height: 1.34; font-family: 'Playfair Display'; font-weight: 700; margin: 0; padding-bottom: 18px; letter-spacing: -0.0093em; cursor: pointer; padding-right: 25px; }
.accordian-block .accordion-main p { color: #007990; font-size: 18px; line-height: 1.7; font-family: 'Ubuntu'; font-weight: 300; margin: 0; padding-bottom: 15px; letter-spacing: -0.0042em; }
.accordion-common li { border-bottom: 1px solid #007990; padding: 20px 0 10px; position: relative; display: block; width: 100%; }
.accordion-common li:after { display: none; }
.accordion-common li .open-close-btn { position: absolute; bottom: 10px; right: 0; height: 23px; width: 23px; border: 2px solid #007990; }
.accordion-common li .open-close-btn:after { content: ""; display: inline-block; width: 10px; height: 10px; background-image: url(../svg/plus-icon.svg); background-size: 10px; background-repeat: no-repeat; background-position: center; left: 4px; top: 4px; position: absolute; }
.accordion-common li.active .open-close-btn:after { content: ""; display: inline-block; width: 10px; height: 10px; background-image: url(../svg/minus-ic.svg); background-size: 10px; background-repeat: no-repeat; background-position: center; left: 4px; top: 4px; position: absolute; }

.limg-accordian .accordian-block small { font-size: 14px; color: #007990; font-family: 'Ubuntu'; font-weight: 500; letter-spacing: -0.02em; position: absolute; right: 0; transform: rotate(90deg); top: 48%; transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); right: -140px; }


.full-slider { background-color: #2B2B2B; padding: 138px 0 150px; }
.full-slider .container { max-width: 1345px; }
.full-slider .wrapped { align-items: flex-start; }
.full-slider.green-bg { background-color: #003D3C; }
.full-slider.blue-bg { background-color: #007990; }
.full-slider.dark-cofee-bg { background-color: #2B2B2B; }
.full-slider .imgblock { width: 45.88%; position: relative; padding-bottom: 62.29%; opacity: 0;
transition: 2.6s all ease-in-out; visibility: hidden; }
.full-slider .swiper-slide-active .imgblock { visibility: visible; opacity: 1; }
.full-slider.with-timeline .swiper .swiper-wrapper {
    padding-bottom: 20px;
}
.full-slider .r-content { width: 45%; position: relative; padding: 85px 0 0 24px; }
.full-slider .r-content .top { padding-left: 102px; width: 100%;}
.full-slider .r-content .btn-block { padding-top: 48px; }
.full-slider .r-content .btn-block a { min-width: 184px; }
.full-slider .r-content h2 { font-size: 39px; line-height: 1.34; color: #FFFFFF; letter-spacing: -0.023em; font-family: 'Playfair Display'; font-weight: 700; padding-bottom: 24px; margin: 0; max-width: 385px; width: 100%; }
.full-slider .r-content .top p { font-size: 18px; line-height: 1.67; color: #FFFFFF; letter-spacing: -0.023em; font-family: 'Ubuntu'; font-weight: 300; padding-bottom: 20px; margin: 0; max-width: 402px; width: 100% }
.full-slider .r-content small { font-size: 14px; line-height: 1.12; color: #FFFFFF; font-family: 'Ubuntu'; font-weight: 300; letter-spacing: -0.032em; position: absolute; right: 0; transform: rotate(90deg); top: 70px; transform: rotate(90deg); -webkit-transform: rotate(90deg); right: -170px; }
.full-slider .r-content .bottom h3 { font-size: 20px; line-height: 1.36; color: #FFFFFF; letter-spacing: -0.023em; font-family: 'Playfair Display'; font-weight: 700; margin: 0; }
.full-slider .r-content .bottom a { font-size: 14px; line-height: 1.7; color: #FFFFFF; letter-spacing: -0.023em; font-family: 'Ubuntu'; font-weight: 500; margin: 0; display: inline-block; transition: 0.3s all ease-in-out; text-decoration: none; }
.full-slider .r-content .bottom a:hover { opacity: 0.5; }
.full-slider .r-content .bottom h4 { font-size: 14px; line-height: 1.7; color: #FFFFFF; letter-spacing: -0.023em; font-family: 'Ubuntu'; font-weight: 500; padding: 8px 0; margin: 0; border-bottom: 1px solid #FFFFFF; max-width: 155px; width: 100%; }
.full-slider .r-content .bottom { padding-top: 45px; }
.full-slider .r-content .bottom p { font-size: 14px; line-height: 1.7; color: #FFFFFF; letter-spacing: -0.02em; font-family: 'Ubuntu'; font-weight: 500; padding: 8px 0; margin: 0; max-width: 200px; width: 100%; }
.full-slider .slick-arrow.slick-prev { display: none; }
.full-slider .slick-arrow, .full-slider .swiper-full-next { border: 1px solid #FFFFFF; border-radius: 50%; position: absolute; top: 138px; right: 55px; height: 56px; width: 56px; background-color: transparent; font-size: 0; transition: 0.3s all ease-in-out; z-index: 1; cursor: pointer; outline: none; }
.full-slider .slick-arrow:hover, .full-slider .swiper-full-next:hover { opacity: 0.5; }
.full-slider .swiper-full-next.swiper-button-disabled { opacity: 0.5; }
.full-slider .slick-arrow.slick-next:after, .full-slider .swiper-full-next:after { content: ""; display: block; width: 13px; height: 17px; background-image: url(../svg/arrow-next-ic.svg); background-size: 13px; background-repeat: no-repeat; background-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.full-slider .col-12 { position: relative; }
.video-open header#masthead { transition: none; }


/* -----------  Office designbuild  ----------- */
.half-sliderimg-hero .bg-cover { height: 100%; display: flex; align-items: flex-end; }
.half-sliderimg-hero .bg-cover .content { padding: 32px 48px 72px 45px; width: 100%; position: relative; }
.half-sliderimg-hero .bg-cover .content:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: -webkit-linear-gradient(338deg, rgba(0, 43, 42, 0.77) 0%, rgba(0, 49, 47, 0.61) 56%, rgba(0, 57, 54, 0.38) 76%, rgba(0, 61, 61, 0.16) 96%, rgba(0, 64, 64, 0.13) 100%);
background: -o-linear-gradient(338deg, rgba(0, 43, 42, 0.77) 0%, rgba(0, 49, 47, 0.61) 56%, rgba(0, 57, 54, 0.38) 76%, rgba(0, 61, 61, 0.16) 96%, rgba(0, 64, 64, 0.13) 100%);
background: -ms-linear-gradient(338deg, rgba(0, 43, 42, 0.77) 0%, rgba(0, 49, 47, 0.61) 56%, rgba(0, 57, 54, 0.38) 76%, rgba(0, 61, 61, 0.16) 96%, rgba(0, 64, 64, 0.13) 100%);
background: -moz-linear-gradient(338deg, rgba(0, 43, 42, 0.77) 0%, rgba(0, 49, 47, 0.61) 56%, rgba(0, 57, 54, 0.38) 76%, rgba(0, 61, 61, 0.16) 96%, rgba(0, 64, 64, 0.13) 100%);
background: linear-gradient(112deg, rgba(0, 43, 42, 0.77) 0%, rgba(0, 49, 47, 0.61) 56%, rgba(0, 57, 54, 0.38) 76%, rgba(0, 61, 61, 0.16) 96%, rgba(0, 64, 64, 0.13) 100%); }
.half-sliderimg-hero .bg-cover .content h3 { color: #FFFFFF; margin: 0; max-width: 290px; width: 100%; font-family: 'Playfair Display'; font-size: 36px; line-height: 1.04; letter-spacing: -0.022em; position: relative; z-index: 1; }
.half-slider-hero .swiper-pagination-bullets { bottom: 28px; right: 50px; }

.half-slider-hero .swiper-pagination span.swiper-pagination-bullet { height: 13px; width: 13px; background-color: #FFFFFF; opacity: 1; margin-left: 17px; }
.half-slider-hero .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #007990; }

.custom-video-block { min-height: 100vh; width: 100%; position: absolute; overflow: hidden; left: 0; top: 0; z-index: 11;  opacity: 0; visibility: hidden;}
.custom-video-block .youtube-videos { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.custom-video-block .vimeo-videos { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.custom-video-block .html-videos { position: absolute; left: 0; top: 0; height: 100%; width: 100%; /*opacity: 0; visibility: hidden;*/ }
.video-open .custom-video-block .html-videos { opacity: 1; visibility: visible; }
.custom-video-block iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; }
.custom-video-block video { width: 100%; height: 100%; object-fit: cover; }
.custom-video-block .vimeo-videos iframe { width: 100vw; height: 100vw; left: 50%; top: 50%;  transform: translate(-50%, -50%); }
.video-overlay-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }

.videoBanner_close { position: absolute; top: 0; right: 0; height: 100px; width: 100px; background-color: #FFFFFF; z-index: 11; font-size: 28px; display: flex; align-items: center; justify-content: center; transition: 0.3s all ease-in-out; opacity: 0; visibility: hidden; }
.videoBanner_close i { transition: 0.3s all ease-in-out; }
body.video-open .videoBanner_close { visibility: visible; opacity: 1; }
.videoBanner_close:hover i { transform: scale(1.2); }

body.video-open .half-slider-hero { height: 100vh; }

a.videoBtn_white { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; height: 56px; width: 56px; z-index: 11; }
a.videoBtn_white:hover { opacity: 0.8; }
.videoBtn_white .waves { width: 100%; height: 100%; background: #fff; margin-right: 20px; position: absolute; left: 0; top: 0; border-radius: 50%; z-index: 1; margin: 0; font-size: 32px; color: #000000; display: inline-flex; align-items: center; justify-content: center; }
.videoBtn_white:after { content: ""; display: block; position: absolute; width: 100px; height: 100px; background: rgba(0, 0, 0, 0.3); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 100%; left: -22px; top: -22px; z-index: -1; -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite; }

.videoBtn_white .waves i { position: relative; left: 2px; }

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    /*opacity: 0;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.half-slider-hero { background-color: #003D3C; min-height: 798px; position: relative; z-index: 11; }
.half-slider-hero .left-content { width: 35.3%;  padding: 253px 0 184px; margin-left: 5%; min-height: 918px; }
.half-slider-hero .half-sliderimg-hero { width: 52.35%; margin-left: auto; margin-right: 45px; position:relative; min-height: calc(100% + 130px); }
.half-slider-hero .half-sliderimg-hero .slider-block { height: 100%; }
.half-slider-hero .half-mySwiper  { height: 100%; }
.half-slider-hero .half-slider-hero { width: 52.35%; margin-left: auto; margin-right: 50px; }
.half-slider-hero .left-content h1 { color: #FFFFFF; font-size: 42px; line-height: 1; letter-spacing: 0.019em; margin-bottom: 38px; font-family: 'Playfair Display'; font-weight: 700; max-width: 370px; width: 100%; }
.half-slider-hero .left-content h2 { color: #FFFFFF; font-size: 30px; line-height: 1.4; letter-spacing: -0.008em; margin-bottom: 38px; font-family: 'Playfair Display'; font-weight: 400; }
.half-slider-hero .left-content h3 { color: #FFFFFF; }
.half-slider-hero .left-content p { color: #FFFFFF; font-size: 24px; line-height: 1.4; letter-spacing: -0.008em; margin-bottom: 38px; font-family: 'Playfair Display'; font-weight: 400; }
.half-slider-hero.blackover-content { padding-bottom: 130px; }
.two-column-content { background-color: #E4F2F5; padding: 268px 0 134px; }
.two-column-content h2 { color: #003D3C; font-size: 52px; line-height: 1.33; letter-spacing: -0.011em; margin-bottom: 27px; font-family: 'Playfair Display'; font-weight: 700; max-width: 365px; width: 100%; }
.two-column-content h3 { color: #949494; font-size: 30px; line-height: 1.34; letter-spacing: -0.022em; margin-bottom: 30px; font-family: 'Playfair Display'; font-weight: 400; max-width: 477px; width: 100%; }
.two-column-content p { color: #828282; font-size: 16px; line-height: 1.63; letter-spacing: -0.023em; font-family: 'Ubuntu'; font-weight: 300; max-width: 530px; width: 100%; margin-bottom: 31px; }
.two-column-content .right-c { padding-left: 30px; position: relative; }
.two-column-content .right-c > div { max-width: 530px; margin-left: auto; margin-right: 72px; padding-top: 30px; }
.two-column-content .right-c small { font-size: 14px; color: #007990; font-family: 'Ubuntu'; font-weight: 500; letter-spacing: -0.032em; position: absolute; right: 0; transform: rotate(90deg); top: 39%; transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); right: -130px; }
.two-column-parrlexbg { position: relative; padding: 120px 0 140px; }
.two-column-parrlexbg:after {content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: -webkit-linear-gradient(left, rgba(0, 43, 42, 0.93) 0%, rgba(0, 46, 46, 0.77) 44%, rgba(0, 56, 54, 0.44) 64%, rgba(0, 62, 62, 0.11) 84%, rgba(0, 0, 0, 0.11) 97%, rgba(0, 0, 0, 0.11) 100%);
background: -o-linear-gradient(left, rgba(0, 43, 42, 0.93) 0%, rgba(0, 46, 46, 0.77) 44%, rgba(0, 56, 54, 0.44) 64%, rgba(0, 62, 62, 0.11) 84%, rgba(0, 0, 0, 0.11) 97%, rgba(0, 0, 0, 0.11) 100%);
background: -ms-linear-gradient(left, rgba(0, 43, 42, 0.93) 0%, rgba(0, 46, 46, 0.77) 44%, rgba(0, 56, 54, 0.44) 64%, rgba(0, 62, 62, 0.11) 84%, rgba(0, 0, 0, 0.11) 97%, rgba(0, 0, 0, 0.11) 100%);
background: -moz-linear-gradient(left, rgba(0, 43, 42, 0.93) 0%, rgba(0, 46, 46, 0.77) 44%, rgba(0, 56, 54, 0.44) 64%, rgba(0, 62, 62, 0.11) 84%, rgba(0, 0, 0, 0.11) 97%, rgba(0, 0, 0, 0.11) 100%);
background: linear-gradient(to right, rgba(0, 43, 42, 0.93) 0%, rgba(0, 46, 46, 0.77) 44%, rgba(0, 56, 54, 0.44) 64%, rgba(0, 62, 62, 0.11) 84%, rgba(0, 0, 0, 0.11) 97%, rgba(0, 0, 0, 0.11) 100%);}

.two-column-parrlexbg .container { position: relative; z-index: 1; }
.two-column-parrlexbg .parrleximg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-blend-mode: multiply; background-color: rgba(0, 0, 0, 0.52); background-attachment: fixed; }
.two-column-parrlexbg .left-b { padding: 64px 0 0 85px; }
.two-column-parrlexbg .left-b h2 { color: #FFFFFF; font-size: 30px; line-height: 1.34; letter-spacing: -0.019em;
margin-bottom: 33px; font-family: 'Playfair Display'; font-weight: 400; max-width: 477px; width: 100%; }
.two-column-parrlexbg .left-b h3 { color: #FFFFFF; font-size: 18px; line-height: 1.2; font-family: 'Ubuntu'; font-weight: 500; margin: 0; padding-top: 14px; font-style: italic; position: relative; display: inline-block; letter-spacing: -0.020em; }
.two-column-parrlexbg .right-b .btnblock { padding-top: 13px; }
.two-column-parrlexbg .left-b h3:after { content: ""; display: block; width: 100%; height: 1px; background-color: #FFFFFF; left: 0; top: 0; bottom: auto; position: absolute; }
.two-column-parrlexbg .right-b h4 { color: #FFFFFF; font-size: 39px; line-height: 1.26; font-family: 'Playfair Display';font-weight: 700; margin-bottom: 32px; letter-spacing: -0.014em; }
.two-column-parrlexbg .right-b p { color: #FFFFFF; font-size: 16px; line-height: 1.63; font-family: 'Ubuntu'; font-weight: 300; margin-bottom: 15px; letter-spacing: -0.006em; }
.two-column-parrlexbg .right-b > div { max-width: 482px; width: 100%; margin-left: 4.2%; }
.two-column-content .left-c > div { margin-left: 11%; }
.two-column-content .left-c { padding-right: 0; }
.two-column-content .right-c { padding: 0; }

.vr-office-full { position: relative; background-color: #E4F2F5; }
.vr-office-full .container { max-width: 1244px; }
.vr-office-full .inner-div-vr { min-height: 678px; position: relative; margin-top: -64px; display: flex; align-items: flex-end; justify-content: flex-end; }
.vr-office-full .inner-div-vr iframe { width: 100%; height: 100%; position: absolute; left: 0;
    top: 0; }
.vr-office-full .iframe-cursor { position: fixed; display: none; width: 102px; height: 102px; border-radius: 50%; background-color: transparent; pointer-events: none; border-radius: 50%; z-index: 999; transition: transform .2s; background-size: cover; background-repeat: no-repeat; }
.inner-div-vr .bg-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;     background-blend-mode: multiply; background-color: rgba(0, 0, 0, 0.26); }
.vr-office-full .content { max-width: 390px; width: 100%; position: relative; margin-bottom: 120px; margin-right: 56px; }
.vr-office-full .content h2 { color: #FFFFFF; font-size: 39px; line-height: 1.23; font-family: 'Playfair Display';font-weight: 700; margin-bottom: 20px; letter-spacing: -0.9px; }
.vr-office-full .content p { color: #FFFFFF; font-size: 18px; line-height: 1.17; font-family: 'Ubuntu'; font-weight: 500; margin-bottom: 10px; letter-spacing: -0.026em; }

.vr-office-full .inner-div-vr small { font-size: 14px; color: #007990; font-family: 'Ubuntu'; font-weight: 500; letter-spacing: -0.032em; position: absolute; right: 0; transform: rotate(90deg); top: 22%; transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); right: -80px; }

.vr-office-full .btm-part { padding-top: 78px; }
.vr-office-full .btm-part h3 { color: #003D3C; font-size: 42px; line-height: 1; letter-spacing: 0.79px; margin-bottom: 27px; font-family: 'Playfair Display'; font-weight: 700; max-width: 818px; width: 100%; margin-left: auto; margin-right: auto; }
.vr-office-full .btm-part h4 { color: #003D3C; font-size: 18px; line-height: 1.2; font-family: 'Ubuntu'; font-weight: 500; margin: 0; padding-top: 15px; font-style: italic; position: relative; display: inline-block; letter-spacing: -0.026em; margin-left: auto; }
.vr-office-full .btm-part h4:after { content: ""; display: block; width: 100%; height: 1px; background-color: #003D3C; left: 0; top: 0; bottom: auto; position: absolute; }
.vr-office-full .btm-part { display: flex; flex-wrap: wrap; justify-content: center; }
.vr-office-full .btm-part > div { text-align: right; width: 100%; display: block; }

.limg-accordian.only-bgblue-color { padding: 74px 0 40px; }
.limg-accordian.only-bgblue-color .limg-accordian .accordian-block:after { display: none; }
.limg-accordian.only-bgblue-color .img-block:after { display: none; }
.limg-accordian.only-bgblue-color .img-block h2 { color: #003D3C; font-size: 30px; line-height: 1.34; margin: 0 0 25px 0; font-weight: 400; }
.limg-accordian.only-bgblue-color .img-block p { color: #828282; font-size: 16px; line-height: 1.47; font-family: 'Ubuntu'; font-weight: 300; letter-spacing: -0.023em; }
.limg-accordian.only-bgblue-color .img-block .btn-block a { border-color: #007990; color: #003D3C; }
.limg-accordian.only-bgblue-color .img-block .btn-block a:hover { background-color: #003D3C; color: #FFFFFF; border-color: #003D3C; }
.limg-accordian.only-bgblue-color .accordian-block .accordion-main h4 { font-size: 39px; color: #003D3C; }
.limg-accordian.only-bgblue-color .accordian-block .accordion-main p { color: #003D3C; font-weight: 500; }
.limg-accordian.only-bgblue-color .img-block { padding-top: 0; }
.limg-accordian.only-bgblue-color .accordian-block { padding-top: 0; }
.limg-accordian.only-bgblue-color .accordian-block .accordion-main { padding-left: 0; }

.vr-office-full .btm-part .consultant-nme { max-width: 936px; }
.form-bigimg { position: relative;  background-blend-mode: normal; }
.form-bigimg .container { position: relative; z-index: 1; }
.form-bigimg:after { content: ""; background-color: #007990; opacity: 0.8; position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.imgrounder { position: absolute; width: 252px; height: 252px; border-radius: 50%; top: 30px; left: 10px; }
.form-bigimg .form-wrap { padding: 75px 0 86px; max-width: 425px; width: 100%; margin-left: 9.5%; }
.form-bigimg .form-wrap h2 { color: #FFFFFF; font-size: 42px; line-height: 1; font-family: 'Playfair Display'; font-weight: 700; display: block; margin-bottom: 17px; letter-spacing: 0.79px; }
.form-bigimg .form-wrap p { color: #FFFFFF; font-size: 16px; line-height: 1.64; font-family: 'Ubuntu'; font-weight: 500; display: block; margin-bottom: 18px; }
.form-group { margin-bottom: 12px; padding-right: 10px; }
.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="tel"], .form-group textarea, .form-group input[type="date"] { color: #FFFFFF; font-size: 16px; line-height: 1.45; font-family: 'Ubuntu'; font-weight: 300; background-color: transparent;  outline: none; width: 100%; display: block; border: 0; border-bottom: 1px solid #FFFFFF; padding: 10px 0; }
.form-group input[type="text"]:focus, .form-group input[type="email"]:focus, .form-group input[type="tel"]:focus, .form-group textarea:focus, .form-group input[type="date"]:focus
{ color: rgba(255, 255, 255, 1); }
.form-group input[type="text"]::-webkit-input-placeholder, .form-group input[type="email"]::-webkit-input-placeholder, .form-group input[type="tel"]::-webkit-input-placeholder, .form-group textarea::-webkit-input-placeholder, .form-group input[type="date"]::-webkit-input-placeholder
{ /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.46); font-size: 16px; line-height: 1.45; font-family: 'Ubuntu'; font-weight: 300;
  position: relative; }
.form-group input[type="text"]::-moz-placeholder, .form-group input[type="email"]::-moz-placeholder, .form-group input[type="tel"]::-moz-placeholder, .form-group textarea::-moz-placeholder, .form-group input[type="date"]::-moz-placeholder
{ /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.46); font-size: 16px; line-height: 1.45; font-family: 'Ubuntu'; font-weight: 300;
  position: relative; }
.form-group input[type="text"]:-ms-input-placeholder, .form-group input[type="email"]:-ms-input-placeholder, .form-group input[type="tel"]:-ms-input-placeholder, .form-group textarea:-ms-input-placeholder, .form-group input[type="date"]:-ms-input-placeholder
{ /* IE 10+ */
  color: rgba(255, 255, 255, 0.46); font-size: 16px; line-height: 1.45; font-family: 'Ubuntu'; font-weight: 300;
  position: relative; }
.form-group input[type="text"]:-moz-placeholder, .form-group input[type="email"]:-moz-placeholder, .form-group input[type="tel"]:-moz-placeholder, .form-group textarea:-moz-placeholder, .form-group input[type="date"]:-moz-placeholder
{ /* Firefox 18- */
  color: rgba(255, 255, 255, 0.46); font-size: 16px; line-height: 1.45; font-family: 'Ubuntu'; font-weight: 300;
  position: relative; }
.form-bigimg .form-group.btn-group { padding-top: 40px; margin-bottom: 0; }
.form-group input[type="submit"] { font-size: 14px; line-height: 1.2; color: #FFFFFF; border: 2px solid #E4F2F5; padding: 18px 8px; text-align: center; font-weight: 500; font-family: 'Ubuntu'; display: inline-block; transition: 0.3s all ease-in-out; min-width: 184px; background-color: transparent; letter-spacing: 0.03em; }
.form-group input[type="submit"]:hover { color: #007990; background-color: #FFFFFF; }

.form-bigimg .single-img .bg-cover { max-width: 474px; width: 100%; height: calc(100% + 114px); margin-top: -114px; margin-left: 8%; }

.wpcf7 form.sent .wpcf7-response-output { font-family: 'Ubuntu'; font-weight: 700; margin: 25px auto 15px; font-size: 18px; line-height: 1.2; color: #007990; border: 0; padding: 0; }

.wpcf7 form.invalid .wpcf7-response-output { font-family: 'Ubuntu'; font-weight: 700; margin: 25px auto 15px; font-size: 18px; line-height: 1.2; color: #ff0000; border: 0; padding: 0; }
.wpcf7 form .wpcf7-response-output {border: 0;margin: 20px 0;padding: 0;color: #000;}
.wpcf7 form.invalid .form-group .wpcf7-not-valid-tip { font-family: 'Ubuntu'; font-weight: 500; font-size: 16px; line-height: 1.2; color: #ff0000; border: 0; padding: 0; }

.form-bigimg .single-img small { font-size: 14px; line-height: 1.12; color: #FFFFFF; font-family: 'Ubuntu'; font-weight: 500; letter-spacing: -0.032em; position: absolute; right: 0; transform: rotate(90deg); top: 48%; transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); right: -51px; }
.ideas-reality-main { position: relative; padding: 134px 0 110px; }
.ideas-reality-main:after { content: ""; display: block; width: 60%; position: absolute; right: 0; top: 0; background-color: #003D3C; height: 100%; }
.ideas-reality-main .content h2 { color: #FFFFFF; font-size: 52px; line-height: 1.3; font-family: 'Playfair Display'; font-weight: 700; display: block; margin-bottom: 30px; letter-spacing: -0.011em; }
.ideas-reality-main .content p { color: #FFFFFF; font-size: 16px; line-height: 1.64; font-family: 'Ubuntu'; font-weight: 300; display: block; margin-bottom: 30px; letter-spacing: -0.023em; max-width: 483px; width: 100%; }
.ideas-reality-main .content .btn-block { padding-top: 10px; }
.ideas-reality-main .content { position: relative; z-index: 1; padding: 90px 0 0 98px; }
.ideas-reality-main .three-img-block { position: relative; }
.ideas-reality-main .three-img-block .first-img { max-height: 677px; width: 80.65%; position: relative; z-index: 1; margin-left: 36px; }
.ideas-reality-main .three-img-block .second-img { max-height: 264px; width: 35.25%; position: absolute; top: -8%;
right: 6%; z-index: 1; }
.ideas-reality-main .three-img-block .second-img small { font-size: 14px; line-height: 1.16; color: rgba(228, 242, 245, 0.38); font-family: 'Ubuntu'; font-weight: 500; letter-spacing: -0.032em; position: absolute; right: 0; transform: rotate(90deg); top: 85%; transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); right: -20px; transform-origin: right center; }
.ideas-reality-main .three-img-block .third-img { max-height: 304px; width: 35%;  position: absolute; top: 51.5%; z-index: 1; right: -4.8%; }
.ideas-reality-main .three-img-block .third-img small { font-size: 14px; line-height: 1.12; color: rgba(228, 242, 245, 0.38); font-family: 'Ubuntu'; font-weight: 500; letter-spacing: -0.032em; position: absolute; right: 0; transform: rotate(90deg); top: 85%; transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); right: -24px; transform-origin: right center; }
.ideas-reality-main .discovers { padding-top: 35px; text-align: center; padding-top: 35px; text-align: center; position: absolute; z-index: 11; bottom: 20px; left: 0; right: 0; margin: 0 auto; }
.ideas-reality-main .discovers a { color:  rgba(255,255,255,0.71); font-size: 24px; line-height: 1.3; font-family: 'Ubuntu'; font-weight: 300; display: inline-block; transition: 0.3s all ease-in-out; opacity: 0.86; }
.ideas-reality-main .discovers a:hover { opacity: 0.5; }

.latest-projects { padding: 222px 0 120px 172px; }
.latest-projects .content-left { max-width: 324px; width: 100%; padding-top: 10px; }
.latest-projects .content-left h2 { color: #003D3C; font-size: 42px; line-height: 1.3; font-family: 'Playfair Display'; font-weight: 700; display: block; margin-bottom: 24px; letter-spacing: 0.017em; }

.latest-projects .content-left p { color: #003D3C; font-size: 16px; line-height: 1.64; font-family: 'Ubuntu'; font-weight: 500; display: block; margin-bottom: 30px; letter-spacing: -0.023em; }
.latest-projects .content-left .btn-block { padding-top: 4px; }
.latest-projects .content-left .btn-block a { border-color: #007990; background-color: #FFFFFF; color: #003D3C; min-width: 170px; }
.latest-projects .content-left .btn-block a:hover { background-color: #007990; color: #FFFFFF; }

.latest-projects .right-content { width: calc(100% - 333px); margin-left: auto; padding-left: 15px; position: relative; }

.latest-projects .right-content .bg-image { position: relative; display: flex; align-items: flex-end; position: relative; }
.latest-projects .right-content .bg-image a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 11; }
.latest-projects .right-content .bg-cover { position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-color: #FFFFFF; transition: all 0.3s ease-in-out; }
.latest-projects .right-content .bg-cover img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.23; transition: all 0.3s ease-in-out; }
.latest-projects .right-content .bg-cover:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(52, 52, 52, 0.23); z-index: 11; mix-blend-mode: multiply; }
.latest-projects .right-content h3 { color: #FFFFFF; font-size: 36px; line-height: 1.11; font-family: 'Playfair Display'; font-weight: 700; display: block; margin-bottom: 10px; letter-spacing: -0.052em; display: block; margin-bottom: 8px; position: relative; z-index: 1; }

.latest-projects .right-content .bg-image:hover .bg-cover { background-color: #FFFFFF; }
.latest-projects .right-content .bg-image:hover .bg-cover img { opacity: 1; }
.latest-projects .right-content .bg-image:hover .bg-cover:after { background-color: transparent; }

.latest-projects .right-content h4 { color: #FFFFFF; font-size: 18px; line-height: 1.25; font-family: 'Playfair Display'; font-weight: 700; display: block; margin-bottom: 10px; letter-spacing: -0.052em; position: relative; z-index: 1; }
.latest-projects .right-content .content { padding: 0 65px 35px 60px; position: relative; z-index: 1; }
.latest-projects .right-content .content:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.21) 60%, rgba(0, 0, 0, 0.21) 80%, rgba(0, 0, 0, 0.21) 100%);
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.21) 60%, rgba(0, 0, 0, 0.21) 80%, rgba(0, 0, 0, 0.21) 100%);
background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.21) 60%, rgba(0, 0, 0, 0.21) 80%, rgba(0, 0, 0, 0.21) 100%);
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.21) 60%, rgba(0, 0, 0, 0.21) 80%, rgba(0, 0, 0, 0.21) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.21) 60%, rgba(0, 0, 0, 0.21) 80%, rgba(0, 0, 0, 0) 100%); }
.latest-projects .right-content .first { width: 384px; margin-right: 0; margin-top: -95px; margin-bottom: auto; z-index: 111; margin-left: 0; height: 574px; }
.latest-projects .right-content .second { width: 395px; margin-right: -85px; z-index: 11; height: 538px; margin-top: 36px; position: absolute; left: 337px; }
.latest-projects .right-content .third { width: 395px; margin-right: 0; margin-left: auto; z-index: 1; margin-top: 0; margin-bottom: auto; height: 535px; left: -27px; top: -125px; right: 0; }
.latest-projects .right-content > div:hover { z-index: 111; }

.limg-accordian.only-bgblue-color .accordian-block { min-height: auto; }


/*====================Swiper slider===================*/
.swipe-slider-threeblock { background-color: #003D3C; padding: 48px 0; }
.swipe-slider-threeblock h2 { color: #FFFFFF; font-size: 38px; line-height: 1.8; font-weight: 700; font-family: 'Playfair Display'; padding-left: 134px; margin-bottom: 38px; }
.swipe-slider-threeblock .swiper-container-wrapper { padding-left: 52px; }
.swipe-slider-threeblock .hover-content { background-color: rgba(0, 61, 60, 0.82); padding: 66px 60px 66px 75px; transition: 0.3s all ease-in-out; opacity: 0; visibility: hidden; position: relative; }
.swipe-slider-threeblock .hover-content a { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; }
.swipe-slider-threeblock .bg-cover:hover .hover-content { opacity: 1; visibility: visible; }

.swipe-slider-threeblock .hover-content h3 { font-size: 36px; line-height: 1.05; font-family: 'Playfair Display'; font-weight: 700; color: #FFFFFF; margin-bottom: 15px; letter-spacing: -0.052em; }
.swipe-slider-threeblock .hover-content h4 { font-size: 18px; line-height: 1.4; font-family: 'Playfair Display'; font-weight: 700; color: #FFFFFF; margin-bottom: 0; padding-bottom: 10px; letter-spacing: -0.02em; position: relative;  }
.swipe-slider-threeblock .hover-content h4:after { content: ""; display: block; max-width: 155px; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.36); position: absolute; bottom: 0; left: 0; }
.swipe-slider-threeblock .hover-content ul { max-width: 202px; }
.swipe-slider-threeblock .hover-content ul li { font-size: 14px; line-height: 2.1; color: #FFFFFF; font-family: 'Ubuntu'; font-weight: 500; padding: 4px 0; letter-spacing: -0.02em; position: relative; display: block; width:100%; }
.swipe-slider-threeblock .hover-content ul li:after { content: ""; display: block; max-width: 155px; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.36); position: absolute; bottom: 0; top: auto; left: 0; }
.swipe-slider-threeblock .hover-content ul li:last-child:after { display: none; }
.swipe-slider-threeblock .swiper-container--timeline { margin: 0 -15px 45px 0; }
.swipe-slider-threeblock .bg-cover { height: 497px; display: flex; }
.swipe-slider-threeblock .bottom-content { text-align: center; padding-top: 58px; }
.swipe-slider-threeblock .bottom-content p { font-size: 18px; line-height: 1.67; color: #FFFFFF; letter-spacing: -0.023em; font-family: 'Ubuntu'; font-weight: 500; padding-bottom: 10px; }
.swipe-slider-twoblock .swiper-slide-next .cursor { display: none; }

.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-slide { display: flex; background: #003D3C; min-height: 300px; align-items: center; justify-content: center; }

.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-slide .container { padding: 0;width:100%; }
.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-slide .title { font-size: 18px; opacity: 0; transition: 0.5s ease 0.5s; }

.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-slide-active .title { opacity: 1; }
.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-progressbar { position: relative; margin: 70px 0 0; background-color: transparent; height: 2px; border-bottom: 2px solid #FFFFFF; width: 75%; }

.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-progressbar-fill { background-color: #007990; height: 2px; top: 0; }

.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-progressbar:before { position: absolute; top: 0; width: 100%; height: 2px; background-color: #FFFFFF; content: ""; display: none; }

.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-progressbar:after { position: absolute; top: 0; right: -100%; width: 100%; height: 2px; background-color: #888; content: ""; display: none; }

.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom { position: relative; list-style: none; margin: 0; padding: 15px 0 0 0; display: flex; line-height: 1.66; bottom: 0; z-index: 11; /*width: 81.5%;*/ width: 75%; display: flex; }

.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch { position: relative; width: 100%; height: 30px; line-height: 30px; display: block; padding: 0; color: #FFFFFF; }

.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title { position: absolute; font-family: 'Ubuntu'; font-weight: 500; font-size: 10px; right: 0; transform: translateX(50%); transition: 0.2s all ease-in-out; transition-delay: 0s; cursor: pointer; z-index: 1; color: #FFFFFF; font-size: 10px; line-height: 1.05; font-family: 'Ubuntu'; font-weight: 500; text-align: center; }

.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after { position: absolute; top: -16px; right: 50%; transform: translateX(50%) translateY(-50%); width: 12px; height: 12px; background: #007990; border-radius: 2rem; content: ""; transition: 0.2s all ease-in-out; transition-delay: 0s; z-index: 1; }

.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch:after { display: none; }
.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
  font-weight: 500;
 /* transition-delay: 0.4s;*/
}
.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after {
  background: #007990;
 /* width: 25px;
  height: 25px;*/
  /*transition-delay: 0.4s;*/
}

.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title br { display: none; }

.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title:after { background: #FFFFFF; }

/**/
.swipe-slider-twoblock { padding: 154px 0 131px; background-color: #007990; }

.swipe-slider-twoblock .slider-wrap .download { position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 11; display: block;}

/*.swipe-slider-twoblock .slider-wrap .download span { color: #FFFFFF; font-size: 14px; line-height: 1.12; font-family: 'Ubuntu'; font-weight: 500; max-width: 98%; max-height: 98%; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }*/

.swipe-slider-twoblock .cursor span { color: #FFFFFF; font-size: 14px; line-height: 1.12; font-family: 'Ubuntu'; font-weight: 500; max-width: 98%; max-height: 98%; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

.swipe-slider-twoblock .swiper { width: 100%; height: 100%; margin-right: -15px; }
.swipe-slider-twoblock .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; }

.swipe-slider-twoblock .l-content { max-width: 386px; width: 100%; padding-top: 25px; }
.swipe-slider-twoblock .slider-wrap { width: calc(100% - 386px); padding-left: 107px; position: relative; }
.swipe-slider-twoblock .l-content .wrap h2 { color: #E4F2F5; font-size: 67px; line-height: 1.33; font-family: 'Playfair Display'; font-weight: 700; padding-bottom: 66px; letter-spacing: -0.017em; margin: 0; mix-blend-mode: soft-light; }
.swipe-slider-twoblock .l-content .wrap h3 { color: #FFFFFF; font-size: 39px; line-height: 1.34; font-family: 'Playfair Display'; font-weight: 700; padding-bottom: 16px; letter-spacing: -0.016em; margin: 0; }
.swipe-slider-twoblock .l-content .wrap p { font-size: 18px; line-height: 1.7; color: #FFFFFF; letter-spacing: -0.026em; font-family: 'Ubuntu'; font-weight: 300; padding-bottom: 20px; margin: 0; max-width: 328px; width: 100%; }
/*.swipe-slider-twoblock .swiper-slide { overflow: hidden; }*/


.swipe-slider-twoblock .swiper-slide .bg-cover { width: 100%; height: 100%; position: absolute; transition: 0.3s all ease-in-out; left: 0; top: 0; /*cursor: none; */}


.swipe-slider-twoblock .swiper-slide { height: 665px; display: flex;align-items: flex-end;justify-content:flex-start;  }
.swipe-slider-twoblock .swiper-slide .content { position: absolute; text-align: left; padding: 0 15px 45px 28px; height: 100%; width: 100%; display: flex; align-items: flex-end; left: 0; top: 0; flex-wrap: wrap; }
.swipe-slider-twoblock .swiper-slide h4 { font-size: 57px; line-height: 0.89; font-family: 'Playfair Display'; font-weight: 700; margin-bottom: 15px; color: rgba(255, 255, 255, 0.74); letter-spacing: -1.32px; }

.swipe-slider-twoblock .swiper-slide h5 { font-size: 36px; line-height: 1.25; font-family: 'Playfair Display'; font-weight: 700; margin-bottom: 15px; color: #FFFFFF; margin: 0; letter-spacing: -0.83px; max-width: 300px; width: 100%; }

.swipe-slider-twoblock .swiper-slide .bg-cover:hover { transform: scale(1.08); }
.swipe-slider-twoblock .main-s { padding-left: 60px; align-items: flex-start; }

.swipe-slider-threeblock .swiper-button-next, .swipe-slider-threeblock .swiper-button-prev { height: 56px; width: 56px; border-radius: 50%; border: 2px solid #FFFFFF; display: inline-flex; align-items: center; justify-content: center; z-index: 1; transition: 0.3s all ease-in-out; display: none; }

.swipe-slider-threeblock .custom-arrow-btm { position: relative; display: flex; align-items: center; }
.swipe-slider-threeblock .button-next, .swipe-slider-threeblock .button-prev { height: 56px; width: 56px; border-radius: 50%; border: 2px solid #FFFFFF; display: inline-flex; align-items: center; justify-content: center; z-index: 1; transition: 0.3s all ease-in-out; cursor: pointer; }
.swipe-slider-threeblock .button-next.disabled, .swipe-slider-threeblock .button-prev.disabled { pointer-events: none; opacity: 0.5; }
.swipe-slider-threeblock .button-next { margin-left: 18px; }
.swipe-slider-threeblock .arows { margin-left: 37px; margin-top: -50px; position: relative; }
.swipe-slider-threeblock .button-next:after { content: ""; display: block; background-image: url(../svg/slider-arrow-ic.svg); background-size: 13px; width: 13px; height: 17px; background-repeat: no-repeat; background-position: center; }

.swipe-slider-threeblock .button-prev:after { content: ""; display: block; background-image: url(../svg/slider-arrow-ic.svg); background-size: 13px; width: 13px; height: 17px; background-repeat: no-repeat; background-position: center; transform: rotate(180deg); transform-origin: center; }
.swipe-slider-threeblock .button-next:hover, .swipe-slider-threeblock .button-perv:hover { opacity: 0.5; }

.swipe-slider-threeblock .swiper-button-prev:after { content: ""; display: block; background-image: url(../svg/slider-arrow-ic.svg); background-size: 13px; width: 13px; height: 17px; background-repeat: no-repeat; background-position: center; transform: rotate(180deg); transform-origin: center; }
.swipe-slider-threeblock .swiper-button-next:after { content: ""; display: block; background-image: url(../svg/slider-arrow-ic.svg); background-size: 13px; width: 13px; height: 17px; background-repeat: no-repeat; background-position: center; }
.swipe-slider-threeblock .swiper-button-next:active, .swipe-slider-threeblock .swiper-button-prev:hover{opacity:0.23; }
.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch { position: relative; }
.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch:before { content: ""; display: block; width: 0;  position: absolute; height: 2px; /*background-color: #007990;*/ background-color: #007990; z-index: -1; top: -17px; transition: 0.2s all ease-in-out; }
.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active:before { width: 100%; }
.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch.active .switch-title:after { background: #007990; }
.swipe-slider-threeblock .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after { background: #007990; }
.swipe-slider-twoblock .cursor { position: fixed; display: none; width: 102px; height: 102px; border-radius: 50%; background-color: transparent; pointer-events: none; border-radius: 50%; z-index: 999; transition: transform .2s; background-size: cover; background-repeat: no-repeat; }


/* ----------- Fit out refurebishment ----------- */
.half-slider-hero.blue-bg { background-color: #007990; }
.four-slider-full { background-color: #2B2B2B; padding: 25px 0 0; }
.four-slider-full h2 { color: #FFFFFF; font-size: 36px; line-height: 1.08; display: block; margin-bottom: 43px; text-align: center; font-family: 'Playfair Display'; font-weight: 700; letter-spacing: -0.83px; }

.four-slider-full h3 { color: #FFFFFF; font-size: 36px; line-height: 1.03; display: block; margin-bottom: 10px; font-family: 'Playfair Display'; font-weight: 700; position: relative; z-index: 1; }
.four-slider-full h4 { color: #FFFFFF; font-size: 18px; line-height: 1.2; display: block; margin-bottom: 0; font-family: 'Playfair Display'; font-weight: 700;  position: relative; z-index: 1; }

.mySwiper-four-block .swiper-slide { display: flex; align-items: flex-end; position: relative; overflow: hidden; }
.mySwiper-four-block .swiper-slide .inner { padding-bottom: 153.4%; width: 100%; display: block; position: relative; }
.mySwiper-four-block .swiper-slide .inner > a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 11; }
.mySwiper-four-block .swiper-slide .img-block { position: absolute; left: 0; top: 0; height: 100%; width: 100%; transition: 0.3s all ease-in-out; }

.mySwiper-four-block .swiper-slide .inner:hover .img-block { transform: scale(1.05); }
.mySwiper-four-block .swiper-slide .content { display: block; position: absolute; bottom: 0; left: 0; padding: 40px 58px; transition: 0.3s all ease-in-out; opacity: 0; visibility: hidden;width: 100%; }
.mySwiper-four-block .swiper-slide:hover .content { opacity: 1; visibility: visible; }

.mySwiper-four-block .swiper-slide .content:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; opacity: 0.86; }

.half-slider-hero + .with-timeline { padding: 170px 0 90px; }
.with-timeline .title { text-align: center; }
.with-timeline .title h2 { color: #FFFFFF; font-size: 52px; font-family: 'Playfair Display'; font-weight: 700; padding-left: 92px; margin-bottom: 10px; text-align: left; }

.limg-accordian.duke-blue-bg { background-color: #007990; }
.limg-accordian.duke-blue-bg .accordian-block { background-color: #007990; }

.limg-accordian.duke-blue-bg .accordian-block h4 { color: #FFFFFF; }
.limg-accordian.duke-blue-bg .accordion-common li .open-close-btn { border-color: #FFFFFF; }
.limg-accordian.duke-blue-bg .accordion-common li { border-bottom-color: #FFFFFF; }
.limg-accordian.duke-blue-bg .accordian-block p { color: #FFFFFF; }
.limg-accordian.duke-blue-bg .accordion-common li.active .open-close-btn:after { background-image: url(../svg/white-minus-ic.svg); }

.limg-accordian.duke-blue-bg .accordion-common li.active .open-close-btn:after { background-image: url(../svg/white-minus-ic.svg); }
.limg-accordian.duke-blue-bg .accordion-common li .open-close-btn:after { background-image: url(../svg/white-plus-icon.svg); }
.limg-accordian.duke-blue-bg .accordian-block small { color: #FFFFFF; }
.limg-accordian.duke-blue-bg .accordion-main .btn-block { padding-top: 100px; }

.full-slider.with-timeline .r-content h2 { margin-bottom: 0; }

.full-slider.with-timeline .r-content .btn-block { padding-top: 28px; }
.full-slider.with-timeline .r-content h3 { color: #FFFFFF; font-size: 30px; line-height: 1.34; letter-spacing: -0.023em; font-family: 'Playfair Display'; font-weight: 400; margin-bottom: 32px; }

.full-slider.with-timeline .r-content small { right: -135px; }
.full-slider.with-timeline .r-content { padding: 8px 0 0 24px; }

.partner_sec.light-green { background-color: #E4F2F5; }
.partner_sec.light-green .partner_sec_head h3 { color: #003D3C; }
.partner_sec.light-green .partner_sec_head p { color: #003D3C; }

.four-block-cursor { position: fixed; display: none !important; width: 102px; height: 102px; border-radius: 50%; background-color: transparent; pointer-events: none; border-radius: 50%; z-index: 999; transition: transform .2s; background-size: cover; background-repeat: no-repeat; }
.four-block-cursor span {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;text-align: center;}
.working_with_us { background-color: #003D3C; padding: 64px 0; position: relative; }
.working_with_us:after { content: ""; display: block; width: 60%; height: 100%; right: -100%; top: 0; background-color: #003D3C; opacity: 0.87; position: absolute; z-index: 1; transition: 1.5s all ease-in-out; }

.aos-animate.working_with_us:after { right: 0; }

.working_with_us > div { position: relative; }
.working_with_us .bg-cover { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

.working_with_us .content { max-width: 483px; width: 100%; position: relative; margin-left: auto; padding: 181px 0 217px; z-index: 11; }

.working_with_us .content small { font-size: 14px; line-height: 1.12; color: #FFFFFF; font-family: 'Ubuntu'; font-weight: 500; letter-spacing: -0.032em; position: absolute; right: 0; transform: rotate(90deg); top: 45%; transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); right: -120px; }

.working_with_us .content h2 { color: #E4F2F5; font-size: 52px; line-height: 1.33; letter-spacing: -0.023em; font-family: 'Playfair Display'; font-weight: 700; margin-bottom: 25px; }

.working_with_us .content p { color: #E4F2F5; font-size: 16px; line-height: 1.64; letter-spacing: -0.023em; font-family: 'Ubuntu'; font-weight: 300; margin-bottom: 20px; }
.working_with_us .content .btnblock { padding-top: 20px; }
.accreditations-sec { padding: 68px 0; }
.accreditations-sec h2 { font-family: 'Playfair Display'; font-weight: 700; font-size: 36px; line-height: 1.05; color: #A4A4A4; margin-bottom: 35px; display: block; text-align: center; letter-spacing: -0.83px; }

.accreditations-sec-logo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-evenly; margin: 25px auto 25px; max-width: 1192px; }
.accreditations-logo { padding: 0 15px; width: calc(100% / 6); text-align: center; }
.accreditations-logo img { width: auto; height: auto; max-width: 100%; margin: 0 auto; display: block; }


/*-----------Time line css-----------*/
/*.full-slider.with-timeline .swiper { padding-bottom: 40px; }*/
.full-slider.with-timeline .swiper-slide-active .title { opacity: 1; }
.full-slider.with-timeline .swiper-pagination-progressbar { position: relative; margin-bottom: 70px; background-color: transparent; height: 4px; border-bottom: 1px solid #888; width: 75%; }
.full-slider.with-timeline .swiper-pagination-progressbar-fill { background-color: #007990; height: 3px; top:2px; }
.full-slider.with-timeline .swiper-pagination-progressbar:before { position: absolute; top: 2px; left: -100%; width: 100%; height: 3px; background-color: #000; content: ""; }
.full-slider.with-timeline .swiper-pagination-progressbar:after { position: absolute; top: 3px; right: 0; width: 100%; height: 1px; background-color: #888; content: ""; }
.full-slider.with-timeline .swiper-pagination-custom { position: relative; list-style: none; margin: 34px 0; padding: 0; display: flex; line-height: 1.66; bottom: 0; z-index: 11; width: 75%; }
.full-slider.with-timeline .swiper-pagination-custom .swiper-pagination-switch { position: relative; width: 100%; height: 30px; line-height: 30px; display: block; }
.full-slider.with-timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title { position: absolute; font-weight: 400; font-family: 'Playfair Display'; right: 0; top: 88px; /*transform: translateX(50%); transition: 0.2s all ease-in-out; transition-delay: 0s;*/ cursor: pointer; z-index: 1; text-align: center; letter-spacing: -0.44px; font-size: 19px; line-height: 1.54; color: rgba(255, 255, 255, 0.46); }
.full-slider.with-timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after { position: absolute; top: -20px; right: 50%; transform: translateX(50%) translateY(-50%); width: 18px; height: 18px; background: #007990; border-radius: 2rem; content: ""; transition: 0.2s all ease-in-out; transition-delay: 0s; z-index: 1; }
.full-slider.with-timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title { font-weight: 400; /*transition-delay: 0.4s;*/ }
.full-slider.with-timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after { background: #007990; transition-delay: 0.4s; }
.full-slider.with-timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title { color: #FFFFFF; }
.full-slider.with-timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title:after { background: #FFFFFF; }
.full-slider.with-timeline .swiper-pagination-custom li:after { display: none; }
.full-slider.with-timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title { width: 112px; height: 112px; border-radius: 50%; background-color: #007990; top: 10px; font-size: 15px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; }
.full-slider.with-timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:before { content: ""; width: 126px; height: 126px; border-radius: 50%; background-color: #E4F2F5; position: absolute; left: -9px; top: -9px; opacity: 0.26;  border: 2px solid rgba(228, 242, 245, 0.26); box-shadow: 0 1px rgba(228, 242, 245, 0.36); transition: 0.3s all ease-in-out; }
.full-slider.with-timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after
{ display: none; }
.full-slider.with-timeline .swiper-pagination-custom .swiper-pagination-switch.active span:after { background: transparent; }

.timelne-wrap { position: relative; width: 100%; display: flex; justify-content: center;}

.custom-timelist { position: relative; margin: 80px auto 150px; width: 100%; max-width: 1380px; display: flex; left: 140px;}

.custom-timelist li { width: 20%;display: inline-block;}

.custom-timelist li:before { content: "";display: block; width: 0; height: 2px; position: absolute;
left: -100%; background-color: rgba(255, 255, 255, 0.16); transition: 0.3s all ease-in-out; z-index: 1; }

.custom-timelist li.active:before { width: 100%; background-color: #007990; }
.custom-timelist li.active a { background-color: #007990; }
.custom-timelist li a { position: absolute;left: 0;top: -8px;background-color: #FFFFFF;height: 18px;width: 18px;border-radius: 50%; z-index: 1; transition: none; }

.custom-timelist li div { width: 132px; height: 132px; position: absolute; left: -61px; top: -7px; border-radius: 50%; }
.custom-timelist li.active div { z-index: 11; }
.custom-timelist li:after { content: "";display: block;width: 100%;height: 2px; background-color: rgba(255, 255, 255, 0.16); position: absolute;left: 0;right: auto; border-radius: 0; top: 0; }

.custom-timelist li:first-child:before { background-color: #2B2B2B; }
.custom-timelist li:last-child:after { background-color: #2B2B2B; }

.custom-timelist li:first-child:before { display: none; }
.custom-timelist li:last-child:after { display: none; }

.custom-timelist li.active-visible span { background-color: #007990; display: flex; align-items: center; justify-content: center; font-size: 15px; top: -46px; color: #FFFFFF; background-image: url(../svg/custom-swiper-pegination-ic.svg); background-size: cover; background-repeat: no-repeat; background-position: center; }

.custom-timelist li span { font-weight: 400; font-family: 'Playfair Display'; right: 0; top: 20px; cursor: pointer; z-index: 1; text-align: center; letter-spacing: -0.44px; font-size: 19px; line-height: 1.54; color: #FFFFFF; width: 118px; height: 118px; border-radius: 50%; background-color: transparent; position: absolute; top: 0; display: inline-flex; align-items: center; justify-content: center; }

.custom-timelist li.active span { color: rgba(255, 255, 255, 0.48); }
.custom-timelist li.active.active-visible span { color: rgba(255, 255, 255, 1); letter-spacing: -0.35px; }

.custom-timelist li div:before { content: ""; width: 100%; height: 100%; border-radius: 50%; background-color: #E4F2F5; position: absolute; left: 5px; top: -55px; opacity: 0; border: 2px solid rgba(228, 242, 245, 0.26); box-shadow: 0 1px rgb(228 242 245 / 36%); transition: 0.3s all ease-in-out; }

.custom-timelist li.active-visible div:before { opacity: 0.26; }

.full-slider.with-timeline .swiper-pagination-custom { display: none; }



/*-----------Time line css End-----------*/
.swipe-slider-twoblock.white-bg { background-color: #FFFFFF; }
.swipe-slider-twoblock.white-bg .l-content .wrap h2 { color: #003D3C; mix-blend-mode: normal; }
.swipe-slider-twoblock.white-bg .l-content .wrap h3 { color: #003D3C; }
.swipe-slider-twoblock.white-bg .l-content .wrap p { color: #003D3C; }
.swipe-slider-twoblock.white-bg .l-content .btnblock { padding-top: 10px; }
.swipe-slider-twoblock.white-bg .l-content .green-light-btn { color: #003D3C; border-color: #003D3C; }
.swipe-slider-twoblock.white-bg .l-content .green-light-btn:hover { background-color: #003D3C; border-color: #FFFFFF; color: #FFFFFF; }
.swipe-slider-twoblock.white-bg .main-s { align-items: center; }


/*-----------Swiper slider-----------*/
.two_imgbtm_content { position: relative; padding: 190px 0 45px; overflow: hidden; }
.two_imgbtm_content .blue-color-fade { content: ""; display: block; width: 70%; height: 100%; background-color: #E4F2F5; position: absolute; right: 0; top: 0; }
.two_imgbtm_content .left-block { width: 48.65%; position: relative; z-index: 11; overflow: hidden; }
.two_imgbtm_content:before { content: ""; display: block; width: 100%; height: 40%; background-color: #E4F2F5; position: absolute; left: 0; top: 0; }
.two_imgbtm_content .left-block .content h2:hover {
    opacity: 0.8;
    display: table;
}
.two_imgbtm_content .left-block h2 { color: #000000; font-family: 'Playfair Display'; font-weight: 700; font-size: 21px; line-height: 1.35; letter-spacing: 0.72px; margin-bottom: 0; width: 100%; display: block; cursor: pointer;}
.two_imgbtm_content .left-block a { color: #000000; font-family: 'Ubuntu'; font-weight: 400; font-size: 14px; line-height: 1.35; letter-spacing: 0.72px; margin-bottom: 0; display: inline-block; }
.two_imgbtm_content .left-block a:hover { color: #C4C4C4; }
.two_imgbtm_content .l-img { padding-bottom: 73%; position: relative; z-index: 1; }
.two_imgbtm_content .left-block .content { padding: 15px 0 0 135px; }
.two_imgbtm_content .right-block { width: 51.20%; position: relative; z-index: 1; }
.two_imgbtm_content .r-img{ padding-bottom: 70.5%; width: calc(100% + 56px);margin-left:-56px;margin-top: -193px; }
.two_imgbtm_content .right-block h2 { color: #000000; font-family: 'Playfair Display'; font-weight: 700; font-size: 21px; line-height: 1.35; letter-spacing: 0.72px; margin-bottom: 0; width: 100%; display: block; cursor: pointer;}
.two_imgbtm_content .right-block .content a { color: #000000; font-family: 'Ubuntu'; font-weight: 400; font-size: 14px; line-height: 1.35; letter-spacing: 0.72px; margin-bottom: 0; display: inline-block; }
.two_imgbtm_content .right-block .content a:hover { color: #C4C4C4; }
.two_imgbtm_content .right-block .content { padding: 11px 0 0 45px; }
.two_imgbtm_content .bottom-content.left-bottom-content {
    display: none;
}
.two_imgbtm_content .bottom-content h3 { color: #003D3C; font-family: 'Playfair Display'; font-weight: 700; font-size: 39px; line-height: 1.26; letter-spacing: -0.9px; margin-bottom: 29px; max-width: 430px; width: 100%; display: block; }
.two_imgbtm_content .bottom-content p { color: #003D3C; font-size: 16px; line-height: 1.64; letter-spacing: -0.023em; font-family: 'Ubuntu'; font-weight: 300; margin-bottom: 26px; max-width: 483px; width: 100%; }
.two_imgbtm_content .bottom-content { padding: 39px 15px 15px 136px; }
.two_imgbtm_content .bottom-content p:last-of-type { margin-bottom: 0; }

.slider-with-ltab { background-color: #E4F2F5; padding: 230px 0 232px; position: relative; }
.slider-with-ltab:after { content: ""; display: block; width: 35.5%; height: 100%; top: 0; right: 0; background-color: #2B2B2B; position: absolute; }
.slider-with-ltab .left-content { width: 39%; padding: 50px 15px 0 58px; }

.slider-with-ltab .left-content h2 { color: #003D3C;font-family: 'Playfair Display'; font-weight: 700; font-size: 42px; line-height: 1; letter-spacing: 0.79px; margin-bottom: 39px; max-width: 422px; width: 100%; display:block; }

.slider-with-ltab .left-content p { color: #000000; font-size: 16px; line-height: 1.64; letter-spacing: -0.37px; font-family: 'Ubuntu'; font-weight: 300; margin-bottom: 24px; max-width: 415px; width: 100%; }

.slider-with-ltab .left-content ul { max-width: 410px; width: 100%; }
.slider-with-ltab .left-content ul li a { color: #C4C4C4;font-family: 'Playfair Display'; font-weight: 700; font-size: 30px; line-height: 1.5; letter-spacing: -0.56px; display:inline-block; padding: 18px 0; }
.slider-with-ltab .left-content ul li a.active { color: #003D3C; }
.slider-with-ltab .left-content ul li:last-child:after { display: none; }
.slider-with-ltab .left-content ul li { position: relative; display: block; padding-left: 0; }
.slider-with-ltab .left-content ul li:after { content: ""; display: block; width: 235px; height: 0.6px; background-color: #007990; position: absolute; bottom: 0; left: 0; top: auto; border-radius: 0; }
.slider-with-ltab .slider-wrap { width: 61%; padding: 0 45px 0 0; position: relative; z-index: 1; }

.mySwiper-with-ltab .bg-cover { padding-bottom: 56.6%; min-height: 576px; position: relative; display: flex; align-items: flex-end; position: relative; z-index: 1; }

.mySwiper-with-ltab .swiper-slide-active + .swiper-slide .bg-cover:after { content: ""; display: block; width: 100%;  height: 100%; position: absolute; right: -60px; top: 0; opacity: 0.38; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
 }

.mySwiper-with-ltab .bg-cover .btn-block { position: absolute; left: 0; right: 0; top: auto; bottom: 30px; display: flex; align-items: flex-end; justify-content: center; width: 100%; height: 100%; }

.mySwiper-with-ltab .bg-cover .btn-block a { font-size: 14px; line-height: 1.2; color: #FFFFFF; border: 2px solid #FFFFFF; padding: 18px 8px; text-align: center; font-weight: 500; font-family: 'Ubuntu'; display: inline-block; transition: 0.3s all ease-in-out; min-width: 137px; text-transform: uppercase; z-index: 1;}
.mySwiper-with-ltab .bg-cover .btn-block a:hover { background-color: #E4F2F5; color: #003D3C; }

.mySwiper-with-ltab .tag-line { padding-top: 18px; }
.mySwiper-with-ltab .tag-line h3 { color: #FFFFFF; font-size: 20px; line-height: 1.3; font-weight: 400; font-family: 'Playfair Display'; padding: 0 10px; display: flex; align-items: center; margin-bottom: 0; position: relative; width: 100%; justify-content: center; max-width: 80%; width: 100%; }
/*
.mySwiper-with-ltab .green-color .tag-line h3 { color: #003D3C; }
.mySwiper-with-ltab .white-color .tag-line h3 { color: #FFFFFF; }*/

.mySwiper-with-ltab .tag-line h3 svg path#Stroke-1 { stroke: #E4F2F5; }
.mySwiper-with-ltab .swiper-slide-active .tag-line h3 svg path#Stroke-1 { stroke: #003D3C; }

.mySwiper-with-ltab .tag-line h3 { opacity: 0.14; }
.mySwiper-with-ltab .swiper-slide-active .tag-line h3 { opacity: 1; color: #003D3C; }
.mySwiper-with-ltab .tag-line h3 img, .mySwiper-with-ltab .tag-line h3 svg { width: 40px; margin-right: 8px; height: 30px; }
.slider-with-ltab .swiper-ltab-next { border: 1px solid #FFFFFF; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); right: 30px; height: 56px; width: 56px; background-color: transparent; font-size: 0; transition: 0.3s all ease-in-out; z-index: 11; cursor: pointer; outline: none; }
.slider-with-ltab .swiper-ltab-next:after { content: ""; display: block; width: 13px; height: 17px; background-image: url(../svg/arrow-next-ic.svg); background-size: 13px; background-repeat: no-repeat; background-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.slider-with-ltab .swiper-ltab-next:hover { opacity: 0.5; }

/*====================About us slider===================*/
.limg-accordian.green-bg .accordian-block { background-color: rgba(0, 61, 60, 0.26); }
.limg-accordian.green-bg .img-block:after, .limg-accordian.green-bg .accordian-block:after { display: none; }
.limg-accordian.green-bg .accordian-block .accordion-main h4 { font-size: 38px; color: #E4F2F5; }
.limg-accordian.green-bg .accordian-block .accordion-main p { color: #E4F2F5; }
.limg-accordian.green-bg .accordian-block .accordion-main small { color: #E4F2F5; }
.limg-accordian.green-bg .accordion-common li { border-bottom-color: #E4F2F5; }
.limg-accordian.green-bg .accordion-common li .open-close-btn { border-color: #E4F2F5; }
.limg-accordian.green-bg .accordion-common li .open-close-btn:after { background-image: url(../svg/plus-icon-light-green.svg); }
.limg-accordian.green-bg .accordion-common li.active .open-close-btn:after { background-image: url(../svg/minus-icon-light-green.svg); }
.limg-accordian.green-bg .accordian-block strong { color: #E4F2F5; font-size: 42px; line-height: 1.34; font-family: 'Playfair Display'; font-weight: 700; margin: 0; padding-bottom: 18px;  letter-spacing: -0.0093em; padding-right: 15px; display: block; padding-left: 126px; max-width: 735px; width: 100%; position: relative; }

.limg-accordian.green-bg { background-color: #003D3C; }
.senior-team-main h2 { font-family: 'Playfair Display'; font-weight: 700; font-size: 36px; line-height: 1.03; color: #003D3C; margin-bottom: 30px; display: block; text-align: center; letter-spacing: -0.83px; }
.senior-team-main .imgs { position: relative; /*padding-top: 56.6%;*/ min-height: 690px; display: flex; align-items: flex-end; position: relative;  transition: 0.3s all ease-in-out; }
.senior-team-main .swiper-slide { overflow: hidden; }

.senior-team-main .swiper-slide:hover .imgs { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.senior-team-main .imgs:after { content: ""; display: block; width: 100%; left: 0; top: auto; position: absolute; bottom: 0; height: 63.2%; /*opacity: 0.86;*/ opacity: 1; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.21) 60%, rgba(0, 0, 0, 0.21) 80%, rgba(0, 0, 0, 0.21) 100%);
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.21) 60%, rgba(0, 0, 0, 0.21) 80%, rgba(0, 0, 0, 0.21) 100%);
background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.21) 60%, rgba(0, 0, 0, 0.21) 80%, rgba(0, 0, 0, 0.21) 100%);
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.21) 60%, rgba(0, 0, 0, 0.21) 80%, rgba(0, 0, 0, 0.21) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.21) 60%, rgba(0, 0, 0, 0.21) 80%, rgba(0, 0, 0, 0.21) 100%);

background-image: url(../png/team-memb-overlay.png); background-size: cover; background-repeat: no-repeat;
background-position: bottom center; }

.team-swiper-pagination { padding: 33px 0 15px; text-align: center; }
.team-swiper-pagination .swiper-pagination-bullet { height: 13px; width: 13px; background-color: #E4F2F5; border-radius: 50%; margin: 0 9px; opacity: 1; cursor: pointer; }
.team-swiper-pagination .swiper-pagination-bullet-active { background-color: #007990; }

.senior-team-main { padding: 115px 0 10px; }
.senior-team-main .team-content { padding: 46px 10px 45px 50px; position: relative; transition: 0.3s all ease-in-out; opacity: 0; visibility: hidden; z-index: 1; display: flex; align-items: center; }
.senior-team-main .team-content img { width: 70px; }
.senior-team-main .team-content h3 { font-family: 'Playfair Display'; font-weight: 400; font-size: 30px; line-height: 1.34; color: #FFFFFF; margin-bottom: 10px; display: block; letter-spacing: -0.69px; }
.senior-team-main .team-content h4 { font-family: 'Playfair Display'; font-weight: 400; font-size: 20px;
line-height: 1.38; letter-spacing: -0.46px; color: #FFFFFF; margin-bottom: 5px; display: block; letter-spacing: -0.83px; }
.senior-team-main .swiper-slide .lft { padding-right: 15px; }
.senior-team-main .swiper-slide:hover .team-content { opacity: 1; visibility: visible; }
.senior-team-main .swiper-slide a { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 11; }

.img_content_wrap.title-cnt { max-width: 595px; width: 100%; padding: 68px 0 0 114px; }
.img_content_wrap.title-cnt h2 { color: #003D3C; font-size: 39px; line-height: 1.26; letter-spacing: 0.019em; margin-bottom: 15px; font-family: 'Playfair Display'; font-weight: 700; max-width: 412px; width: 100%; }
.img_content_wrap.title-cnt p { font-size: 16px; line-height: 1.63; font-weight: 400; color: #003D3C; border: 0; }

.about-video-main .inner-div { min-height: 678px; position: relative; margin-top: 0; display: flex; flex-wrap: wrap;  background-color: #343434; }
.about-video-main .videowrap { max-width: 1155px; margin-left: auto; margin-right: auto; width: 100%; margin-top: -144px; }
.about-video-main .bg-cover { position: absolute; left: 8px; top: 8px; width: calc(100% - 16px); height: calc(100% - 16px); display: block; background-blend-mode: multiply; background-color: rgba(0, 0, 0, 0.26); z-index: 1; }
.about-video-main .bg-cover:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000000; opacity: 0.26; }

.video-open-cust .about-video-main .inner-div:after { opacity: 0; visibility: hidden; z-index: -1; }

.about-video-main .inner-div:after { content: ""; display: inline-block; width: 492px; height: 474px; background-image: url(../png/about-video-bg-rounde.png); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0.56; z-index: 1; }

.about-video-main { position: relative; background-color: #E4F2F5; padding: 0 0 47px; z-index: 1; }
.about-video-main .video-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 102px; width: 102px; border-radius: 50%; background-color: rgba(216, 216, 216, 0.61); display: inline-block;  transition: 0.3s all ease-in-out; z-index: 11; }
.about-video-main .html-mp4-video { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; }
.about-video-main .html-mp4-video video { width: 100%; height: 100%; position: absolute; left: 0; top: 0;     object-fit: cover; }
.about-video-main .video-btn:hover { background-color: rgba(216, 216, 216, 1); }
.about-video-main .video-btn:after { content: ""; display: inline-block; border-left: 30px solid #FFFFFF; border-top: 15px solid transparent; border-bottom: 15px solid transparent; position: absolute; top: 50%; left: 52%; transform: translate(-50%, -50%); }

.about-video-main .close-btn { position: absolute; right: 25px; top: 25px; font-size: 26px; color: #FFFFFF; transition: 0.3s all ease-in-out; opacity: 0; visibility: hidden; z-index: 1; }
.about-video-main .close-btn:hover { transform: scale(1.2); }

.about-video-main .btm-part { display: flex; flex-wrap: wrap; justify-content: center; padding-top: 60px; }
.about-video-main .btm-part h3 { color: #003D3C; font-size: 42px; line-height: 1; letter-spacing: 0.79px; margin-bottom: 35px; font-family: 'Playfair Display'; font-weight: 700; max-width: 990px; width: 100%; margin-left: auto; margin-right: auto; }
.about-video-main .btm-part > div { text-align: right; width: 100%; display: block; max-width: 990px; padding-right: 35px; }
.about-video-main .btm-part h4 { color: #003D3C; font-size: 18px; line-height: 1.2; font-family: 'Ubuntu'; font-weight: 500; margin: 0; padding-top: 15px; font-style: italic; position: relative; display: inline-block; letter-spacing: -0.026em; margin-left: auto; border-top: 1px solid #003D3C; }
.about-video-main .inner-div .round-img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40.5%; }
.about-video-main h2 { color: #FFFFFF; font-size: 30px; line-height: 1.35; letter-spacing: -0.69px; margin-bottom: 30px; font-family: 'Playfair Display'; font-weight: 400; width: 100%; padding: 0; }
.history-timeline { background-color: #003D3C; padding: 115px 0 165px; overflow: hidden; background: linear-gradient(0deg, rgba(1,61,61,1) 0%, rgba(0,120,144,1) 100%); position: relative; }
.history-timeline .container { position: relative; z-index: 1; }
.history-timeline:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.71) 0%, rgba(0, 53, 52, 0.71) 40%, rgba(0, 108, 105, 0.71) 80%, rgba(0, 133, 132, 0.71) 100%);
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.71) 0%, rgba(0, 53, 52, 0.71) 40%, rgba(0, 108, 105, 0.71) 80%, rgba(0, 133, 132, 0.71) 100%);
background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.71) 0%, rgba(0, 53, 52, 0.71) 40%, rgba(0, 108, 105, 0.71) 80%, rgba(0, 133, 132, 0.71) 100%);
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.71) 0%, rgba(0, 53, 52, 0.71) 40%, rgba(0, 108, 105, 0.71) 80%, rgba(0, 133, 132, 0.71) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.71) 0%, rgba(0, 53, 52, 0.71) 40%, rgba(0, 108, 105, 0.71) 80%, rgba(0, 133, 132, 0.71) 100%); }

.history-timeline .timeline { position: relative; max-width: 1170px; margin: 0 auto; }
.history-timeline .timeline::after { content: ''; position: absolute; width: 3px; background-color: #007990; top: 0; bottom: 0; left: 46%; margin-left: -2px; height: calc(100% + 200px); }
.history-timeline .timeline .right-content-block { max-width: 470px; width: 100%; margin-left: auto; padding-top: 37px; }
.history-timeline h2 { color: #FFFFFF; font-size: 52px; line-height: 1.34; font-family: 'Playfair Display'; font-weight: 700; margin-bottom: 65px; max-width: 1178px; margin-left: auto; margin-right: auto; }
.history-timeline .timeline .right-content-block h3 { color: #FFFFFF; font-size: 39px; line-height: 1.34; font-family: 'Playfair Display'; font-weight: 700; margin-bottom: 34px; }
.history-timeline .timeline .right-content-block p { color: #FFFFFF; font-size: 18px; line-height: 1.67; font-family: 'Ubuntu'; font-weight: 300; margin-bottom: 20px; letter-spacing: -0.42px; max-width: 400px; width: 100%; }
.history-timeline .right-content-block .btnblock { margin-top: 45px; }
.history-timeline .right-content-block .btnblock a { min-width: 140px; padding: 11px 8px; }
.history-timeline .timeline .left-img-block { max-width: 447px; width: 100%; margin-right: auto; margin-left: 0; position: relative; padding-top: 10px; }
.history-timeline .timeline .bg-cover.first-img { height: 348px; width: 298px; }
.history-timeline .timeline .bg-cover.second-img { height: 348px; width: 298px; position: absolute; left: 150px; top: 98px; }
.history-timeline .timeline .timeline-box { position: relative; padding-top: 45px; }
.history-timeline .timeline .timeline-box:last-child { padding-bottom: 25px; }
.history-timeline .timeline .left-img-block, .history-timeline .timeline .right-content-block  { opacity: 0; visibility: hidden; transition: 0.5s all ease-in-out; }
.history-timeline .timeline .timeline-box.active .left-img-block,
.history-timeline .timeline  .timeline-box.active .right-content-block { opacity: 1; visibility: visible; }

.common-content .container { position: relative; }
.common-content { padding: 115px 0 165px; overflow: hidden; position: relative; background: rgb(0,121,144);
background: linear-gradient(180deg, rgba(0,121,144,1) 0%, rgba(0,61,60,1) 100%) }

.common-content:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgb(0,134,132); background: linear-gradient(180deg, rgba(0,134,132,1) 0%, rgba(0,0,0,1) 100%); opacity: 0.76; }


.common-content h2 { font-size: 52px; line-height: 1.33; margin-bottom: 15px; font-family: 'Playfair Display'; font-weight: 700; letter-spacing: -0.97px; text-align: left; color: #FFFFFF; max-width: 1170px; margin-left: auto; margin-right: auto; width: 100%; padding: 0 10px; }
.common-content p { color: #FFFFFF; font-size: 18px; line-height: 1.64; letter-spacing: -0.023em; font-family: 'Ubuntu'; font-weight: 300; margin-bottom: 15px; max-width: 1170px; margin-left: auto; margin-right: auto; width: 100%; padding: 0 10px; }

.history-timeline .timeline .timeline-box .dots { content: ''; position: absolute; width: 18px; height: 18px; right: 0; left: -96px; margin: 0 auto; background-color: #007990; top: 100px; border-radius: 50%; z-index: 1; transition: 0.3s all ease-in-out; }
.history-timeline .timeline .timeline-box.active .dots { background-color: #FFFFFF; }
.history-timeline .timeline::before { content: ''; position: absolute; width: 18px; height: 18px; right: 0; left: -96px; margin: 0 auto; background-color: #007990; top: 0; border-radius: 50%; z-index: 1; transition: 0.5s all ease-in-out; }
.history-timeline .timeline .timeline-box .dots:after { content: ""; display: block; width: 0; height: 3px; background-color: transparent; position: absolute; top: 8px; left: 0; transition: 0.3s all ease-in-out; }
.history-timeline .timeline .timeline-box.active .dots:after { background-color: #FFFFFF; width: 120px; }

.about-sevice-overview { background-color: #E4F2F5; padding: 268px 0 0; position: relative; z-index: 1; }
.about-sevice-overview .img-block { width: 50%; position: relative; margin-bottom: -40px; padding: 33px 0 0 16px; }
.about-sevice-overview .content-block { width: 50%; position: relative; padding-left: 66px; }
.about-sevice-overview .content-block h2 { color: #003D3C; font-size: 52px; line-height: 1.33; margin-bottom: 48px; font-family: 'Playfair Display'; font-weight: 700; max-width: 482px; width: 100%; letter-spacing: -0.97px; }
.about-sevice-overview .content-block .btnblock { margin-top: 50px; }
.about-sevice-overview .content-block .btnblock a { padding: 12px 8px; min-width: 136px; }
.about-sevice-overview .content-block p { color: #000000; font-size: 16px; line-height: 1.64;
 margin-bottom: 15px; font-family: 'Ubuntu'; font-weight: 300; max-width: 485px; width: 100%; letter-spacing: -0.37px; }
.about-sevice-overview .img-block small { font-size: 14px; color: #007990; font-family: 'Ubuntu'; font-weight: 500; letter-spacing: -0.02em; position: absolute; right: 0; transform: rotate(90deg); top: 22%; transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); right: -82px; }
.about-sevice-overview .img-block .first-img { width: 83%; padding-bottom: 113.28%; }
.about-sevice-overview .img-block .second-img { width: 232px; height: 271px; position: absolute; right: 47px; top: -22px; }
.senior-team-main + .accreditations-sec { padding: 18px 0 95px; }
.accreditations-sec .btnblock { text-align: center; margin-top: 45px; }
.accreditations-sec .btnblock a { min-width: 210px; padding: 13px 8px; letter-spacing: 0.48px; }


/*==================== Sustainable Workspaces css start ===================*/
.simple-title-only { background-color: #E4F2F5; padding: 238px 0 168px; }
.simple-title-only h2 { color: #003D3C; font-size: 30px; line-height: 1.43; font-family: 'Playfair Display'; font-weight: 700; max-width: 1200px; width: 100%; letter-spacing: 0.56px; margin: 0 auto 10px; }

.about-sevice-overview.second-green { background-color: #003D3C; padding: 0 0 128px 0; }
.about-sevice-overview.second-green .content-block h2 { color: #E4F2F5; }
.about-sevice-overview.second-green .content-block p { color: #E4F2F5; }
.about-sevice-overview.second-green .img-block { margin-bottom: 0; margin-top: -100px; }
.about-sevice-overview.second-green .content-block  { padding-top: 125px; }
.about-sevice-overview.second-green .content-block a { border-color: #E4F2F5; color: #E4F2F5; }
.about-sevice-overview.second-green .content-block a:hover,
.about-sevice-overview.second-green .content-block a:focus { background-color: #E4F2F5; color: #003D3C; }

.environmental-mgt { padding: 125px 0 100px; }
.environmental-mgt .wrap-img { max-width: 406px; width: 100%; position: relative; }
.environmental-mgt .wrap-img .first-img { width: 298px; height: 348px; }
.environmental-mgt .wrap-img .second-img { width: 298px; height: 348px; position: absolute; left: 105px; top:170px; background-color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; }
.environmental-mgt .wrap-img .second-img img { width: 95%; margin: 0 auto; }
.environmental-mgt h2 { color: #003D3C; font-size: 39px; line-height: 1.34; font-family: 'Playfair Display'; font-weight: 700; margin: 0; padding-bottom: 40px; letter-spacing: -0.9px; display: block; position: relative; }
.environmental-mgt p { color: #003D3C; font-size: 18px; line-height: 1.7; font-family: 'Ubuntu'; font-weight: 300; margin: 0; padding-bottom: 10px; letter-spacing: -0.42px; }
.environmental-mgt .wrap { max-width: 430px; width: 100%; padding-top: 8px; }
.environmental-mgt .btnblock { margin-top: 25px; }
.environmental-mgt .btnblock a { min-width: 215px; letter-spacing: 0.48px; padding: 12px 8px; }
.two_imgbtm_content.rmv-color:before { display: none; }
.two_imgbtm_content.rmv-color:after { top: 40%; height: 60%; }
.four-slider-full.green-bg-title{ background-color: #003D3C; }
.four-slider-full.green-bg-title h2 { background-color: #003D3C; padding: 17px 0; }
.two_imgbtm_content.rmv-color .btnblock { margin-top: 45px; }
.two_imgbtm_content.rmv-color .btnblock a { min-width: 164px; padding: 12px 15px; }

.wmnz-pledge { position: relative; padding: 85px 0; }

.wmnz-pledge .ovelay-s { content: ""; display: block; width: 60%; height: 100%; position: absolute; left: auto; right: 0; top: 0; background-color: #E4F2F5; transition: 0.3s all ease-in-out; }


.wmnz-pledge .left-img { width: 45%; position: relative; z-index: 1; left: -50px; }
.wmnz-pledge .right-content { width: 50%; position: relative; z-index: 1; padding-left: 10%; }
.wmnz-pledge .right-content h2 { color: #003D3C; font-size: 39px; line-height: 1.34; font-family: 'Playfair Display'; font-weight: 700; margin: 0; padding-bottom: 35px; letter-spacing: -0.9px; display: block; position: relative; }
.wmnz-pledge .right-content p { color: #003D3C; font-size: 16px; line-height: 1.64; letter-spacing: -0.023em; font-family: 'Ubuntu'; font-weight: 300; margin-bottom: 26px; max-width: 483px; width: 100%; }
.wmnz-pledge .main { align-items: center; }
.wmnz-pledge .left-img .img-first { width: 566px; height: 688px; }
.wmnz-pledge .left-img .img-second { width: 298px; height: 348px; position: absolute; right: -64px; bottom:-20px; background-color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; }
.wmnz-pledge .left-img .img-second img { max-width: 284px; padding: 5px; }
.contact__sec.green-o .contact__left:before { background: #003D3C; }

/*==================== Individal case stdies Start ===================*/
.case-studies-banner { min-height: 795px; display: flex; align-items: center; position: relative; }
/*.case-studies-banner:before { content: ""; display: block; width: 100%; top: 0; left: 0; position: absolute; background-image: url(../images/case-studies-banner-overlay.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: bottom center; height: 100%; }*/
.case-studies-banner:before {pointer-events: none; content: ""; display: block; width: 100%; top: 0; left: 0; position: absolute; z-index: 1; opacity: 0.7; background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000 86%); height: 100%; }

.case-studies-banner .banner-img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.case-studies-banner .content { position: relative; z-index: 1;  max-width: 445px; width: 100%; margin: 4px 0 0 55px; }
.case-studies-banner .content h1 { color: #FFFFFF; font-size: 42px; line-height: 1; letter-spacing: 0.019em; margin-bottom: 32px; font-family: 'Playfair Display'; font-weight: 700; }
.case-studies-banner .content h2 { color: #FFFFFF; font-size: 30px; line-height: 1.4; letter-spacing: -0.008em; margin-bottom: 38px; font-family: 'Playfair Display'; font-weight: 400; }

.sucess-in-block .btn-left { background-color: #FFFFFF; padding: 10px 8px 2px; width: 44.8%; display: flex; flex-wrap: wrap;
align-items: center; justify-content: center; }
.sucess-in-block .btn-left a { width: calc(50% - 18px); margin: 4px 9px; color: #000000; font-size: 14px; line-height: 1.18; font-family: 'Ubuntu'; font-weight: 500; text-align: center; display: inline-block; border: 2px solid #000000; padding: 15px; transition: 0.3s all ease-in-out; }
.sucess-in-block .btn-left a:hover { background-color: #000000; color: #FFFFFF; }
.sucess-in-block .social-right { background-color: #003D3C; padding: 25px 28px 25px; width: 55%; }
.sucess-in-block .btn-left > div { margin: 0 -8px; width: 100%; }
.sucess-in-block .container-full, .sucess-in-block .col-12 { padding: 0; }
.sucess-in-block .container-full .row { margin: 0; }
.sucess-in-block .social-right .top { width: 100%; padding-bottom: 20px; display: flex; flex-wrap: wrap; align-items: center; }
.sucess-in-block .social-right h2 { color: #FFFFFF; font-size: 21px; font-family: 'Playfair Display'; font-weight: 700; padding-right: 13px; margin: 0; line-height: 1.34; letter-spacing: 0.72px; }
.sucess-in-block .social-right .top li { display: inline-block; padding: 0 22px 0 0; }
.sucess-in-block .social-right .top li:after { display: none; }
.sucess-in-block .social-right .top li:last-child { padding-right: 0; }
.sucess-in-block .social-right .top li a { font-size: 14px; line-height: 1.17; font-family: 'Ubuntu'; font-weight: 500; color: rgba(255,255,255, 0.32); letter-spacing: 0.48px; }
.sucess-in-block .social-right .top li a:hover, .sucess-in-block .social-right li.active a { color: rgba(255,255,255, 1); }
.sucess-in-block .social-right .bottom { width: 100%; display: flex; flex-wrap: wrap; align-items: center; }
.sucess-in-block .social-right .bottom h3 { margin-bottom: 0; color: #E4F2F5; font-size: 14px; line-height: 1.08; font-family: 'Ubuntu'; font-weight: 500; padding-right: 12px; letter-spacing: 0.48px; }
.sucess-in-block .social-right .bottom li { margin-right: 10px; display: inline-block; padding: 0; }
.sucess-in-block .social-right .bottom li:after { display: none; }
.sucess-in-block .social-right .bottom li a { height: 21px; width: 21px; background-color: #E4F2F5; border-radius: 50%; color: #003D3C; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; transition: 0.3s all ease-in-out; }
.sucess-in-block .social-right .bottom li a:hover { opacity: 0.5; }

.feature-list { padding: 159px 0 90px; margin-bottom: -62px; }
.feature-list .box { margin-bottom: 118px; }
.feature-list .box:last-of-type { margin-bottom: 0; }
.feature-list .back { margin-bottom: 34px; width: 100%; padding-left: 58px; }
.feature-list .back a { display: flex; align-items: center; color: #007990; font-size: 14px; line-height: 1.16; font-family: 'Ubuntu'; font-weight: 500; transition: 0.3s all ease-in-out; letter-spacing: 0.48px; }
.feature-list .back a:hover { opacity: 0.5; }
.feature-list .round-shape { border: 1px solid #007990; border-radius: 50%; height: 56px; width: 56px; background-color: transparent; font-size: 0; transition: 0.3s all ease-in-out; z-index: 1; cursor: pointer; outline: none; position: relative; margin-right: 25px; }
.feature-list .round-shape:after { content: ""; display: block; width: 13px; height: 17px; background-image: url(../svg/green-left-arow.svg); background-size: 13px; background-repeat: no-repeat; background-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

.feature-list .l-content { width: 46%; padding-left: 43px; position: relative; }
.feature-list .r-content { width: 46%; padding: 0 45px 0 45px; position: relative; }
.feature-list .feature-l-img { padding-bottom: 56.6%; min-height: 430px; margin-top: 91px; max-width: 534px; }
.feature-list .r-content small { font-size: 14px; line-height: 1.12; color: #003D3C; font-family: 'Ubuntu'; font-weight: 500; letter-spacing: -0.032em; position: absolute; right: 0; transform: rotate(90deg); top: 51%; transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); right: -175px; }
.feature-list .l-content h2 { color: #003D3C; font-size: 40px; line-height: 1.33; font-family: 'Playfair Display'; font-weight: 700; position: relative; margin-bottom: 40px; letter-spacing: 0.75px; display: inline-block; padding-left: 95px; }
.feature-list .l-content h2:after { content: ""; display: inline-block; width: 157px; height: 1px; background-color: #003D3C; position: absolute; left: auto; top: 50%; transform: translateY(-50%); right: -178px; }
.feature-list .l-content blockquote { max-width: 501px; width: 100%; padding-left: 101px; }
.feature-list .l-content blockquote strong { color: #444444; font-size: 36px; line-height: 1.17; font-family: 'Playfair Display'; font-weight: 700; display: block; letter-spacing: 0.67px; }
.feature-list .l-content blockquote h3 { color: #003D3C; font-size: 18px; line-height: 1.2; font-family: 'Ubuntu'; font-weight: 500; margin: 0; padding-top: 14px; font-style: italic; position: relative; display: inline-block; letter-spacing: -0.42px; margin-top: 7px; }
.feature-list .l-content blockquote h3:after { content: ""; display: block; width: 100%; height: 1px; background-color: #000000; left: 0; top: 0; bottom: auto; position: absolute; }
.feature-list .r-content ul { margin-top: -64px; padding-bottom: 10px; }
.feature-list .r-content ul li { width: 44%; padding-right: 50px; margin-bottom: 13px; display: inline-block; }
.feature-list .r-content ul li:after { display: none; }
.feature-list .r-content ul li h4 { font-size: 52px; line-height: 1.33; color: #003D3C; letter-spacing: -0.97px; font-family: 'Playfair Display'; font-weight: 700; margin-bottom: -8px; display: inline-block; vertical-align: middle; }
.feature-list .r-content ul li h4:after { content: "%"; vertical-align: middle; display: inline-block; }

.feature-list .r-content ul li h5 { font-size: 21px; line-height: 1.34; color: #000000; letter-spacing: 0.72px; font-family: 'Playfair Display'; font-weight: 700; margin-bottom: 0; max-width: 144px; width: 100%; }
.feature-list .r-content p { font-size: 16px; line-height: 1.64; color: #000000; font-family: 'Ubuntu'; font-weight: 300; margin-bottom: 25px; letter-spacing: -0.37px; padding-left: 13px; }
.feature-list .r-content p:last-of-type { margin-bottom: 0; }
.feature-list .r-content ul + p:first-of-type { padding-top: 0; }
.feature-list .r-content p:first-of-type { padding-top: 13px; }
.feature-list .r-content strong { font-size: 16px; line-height: 1.6; color: #000000; font-family: 'Ubuntu'; font-weight: 500; margin: 29px 0 0; letter-spacing: -0.37px; padding-left: 13px; display: block; }

.feature-list.green-bg { padding: 142px 0 100px 0; background-color: #003D3C; }
.feature-list.green-bg .l-content h2 { color: #E4F2F5; }
.feature-list.green-bg .l-content h2:after { background-color: #E4F2F5; }
.feature-list.green-bg .r-content p { color: #E4F2F5; }
.feature-slider { padding-left: 100px; padding-bottom: 0; }
.feature-slider .top-title-block { position: relative;  }
.feature-slider .top-title-block .line { position: absolute; width: 46%; height: 25px; display: block; top: 27px; right: 18.3%; border: 1px solid #FFFFFF; border-bottom: 0; }
.feature-slider .top-title-block .line:after { content: ""; height: 1px; width: 70px; background-color: #FFFFFF; position: absolute; left: -70px; top: -1px; }
.feature-slider .top-title-block { padding-bottom: 35px; }
.feature-slider h2 { color: #E4F2F5; font-size: 40px; line-height: 1.33; font-family: 'Playfair Display'; font-weight: 700; position: relative; letter-spacing: 0.75px; display: inline-block; padding-left: 102px; margin-bottom: 0; width: 25%; }
.feature-slider .swiper-slide { overflow: hidden; }
.feature-slider .swiper-slide.swiper-slide-active .feature-img { transform: scale(1.2); }
.feature-slider .feature-img { min-height: 456px; padding-bottom: 64.23%; transition: 0.3s all ease-in-out; }
.feature-slider .col-12 { margin-top: -102px; }
.feature-slider .container-full { position: relative; right: -20px; }
.feature-slider .swiper-button-next { height: 56px; width: 56px; border-radius: 50%; border: 1px solid #FFFFFF; display: inline-flex; align-items: center; justify-content: center; transition: 0.3s all ease-in-out; right: 10%; top: 40px; }
.feature-slider .swiper-button-next:after { content: ""; display: inline-block; background-image: url(../svg/white-right-arow-ic.svg); background-size: cover; background-repeat: no-repeat; background-position: center; height: 17px; width: 13px; }
.feature-slider .swiper-button-next:hover { opacity: 0.5; }

.three_col_sec.with-top-block { padding: 153px 0 0 0; }
.three_col_sec.with-top-block .top-titles { position: relative; padding-bottom: 55px; }
.three_col_sec.with-top-block .top-titles h2 { color: #003D3C; font-size: 40px; line-height: 1.33; font-family: 'Playfair Display'; font-weight: 700; position: relative; padding-bottom: 0; text-align: center; width: 100%; display: block; letter-spacing: 0.75px; margin-bottom: 36px; }
.three_col_sec.with-top-block .top-titles .lines { width: 65%; height: 26px; display: block; border: 1px solid #003D3C; border-bottom: 0; margin: 0 auto; position: relative; }

.three_col_sec.with-top-block .top-titles .lines:after { content: ""; height: 25px; width: 1px; background-color: #003D3C; position: absolute; left: 50%; transform: translateX(-50%); top: 0; }

.three_col_sec.with-top-block .top-titles small { font-size: 14px; line-height: 1.12; color: #003D3C; font-family: 'Ubuntu'; font-weight: 500; letter-spacing: -0.032em; position: absolute; right: 0; transform: rotate(90deg); top: 21%; transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); right: 17px; }

.related-pojects { padding: 62px 0 102px; }
.related-pojects .container { max-width: 830px; }
.related-pojects h2 { color: #003D3C; font-size: 34px; line-height: 2.1; font-family: 'Playfair Display'; font-weight: 700; position: relative; padding-bottom: 0; text-align: center; width: 100%; display: block; letter-spacing: 0.64px; margin-bottom: 25px; }

.related-pojects-img .content { padding: 26px 66px 26px 46px; }
.related-pojects-img a { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; display: flex; align-items: flex-end; }
.related-pojects-img { height: 574px; display: flex; align-items: flex-end; position: relative; }

.related-pojects-img:after { content: ""; display: block; width: 100%; height: 55%; position: absolute; left: 0; bottom: 0; /*background-image: url(../images/related-overlay.png); background-size: cover; background-repeat: no-repeat;*/ background-position: center; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); opacity: 0.86; }

.related-pojects-img .content { position: relative; z-index: 1; }
.related-pojects-img .content h3 { color: #FFFFFF; font-size: 36px; line-height: 1.03; font-family: 'Playfair Display'; font-weight: 700; letter-spacing: -0.83px;  }
.related-pojects-img .content h4 { color: #FFFFFF; font-size: 18px; line-height: 1.34; font-family: 'Playfair Display'; font-weight: 700; letter-spacing: -0.83px; margin-bottom: 0; }

.like-what-see { position: relative; background-color: #1C1C1C; }
.like-what-see .form-group input[type="submit"] { min-width: 154px; padding: 12px 8px; }
.like-what-see .form-group.btn-group { margin-top: 50px; }
.like-what-see .container { height: 100%;  }
.like-what-see .container .row { height: 100%; }
.like-what-see .full-img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.08; }
.like-what-see .feature-img-left { height: calc(100% + 115px); top: -115px; width: 37.66%; position: relative; left: 43px; }
.like-what-see .form-block { width: 33%; margin-left: auto; margin-right: 7.6%; position: relative; padding: 120px 0 86px; }
.like-what-see .form-block:before { content: ""; display: block; width: 292px; height: 220px; top: 20px; left: -100px; background-image: url(../svg/ic-rounded-like-what-new.svg); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; }

.like-what-see .form-block h2 { color: #E4F2F5; font-size: 42px; line-height: 1; font-family: 'Playfair Display'; font-weight: 700; position: relative; padding-bottom: 0; width: 100%; display: block; letter-spacing: 0.79px; margin-bottom: 13px; }
.like-what-see .form-block p { font-size: 16px; line-height: 1.6; color: #E4F2F5; font-family: 'Ubuntu'; font-weight: 500; margin-bottom: 17px; letter-spacing: -0.37px; }

/*.like-what-see .full-img:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(28, 28, 28, 0.9); }*/

.vr-case-studies + .three_col_sec.with-top-block { padding-top: 30px; }
.vr-case-studies { background-color: #2B2B2B; padding: 110px 0 0; margin-top: -50px; }
.vr-case-studies h2 { color: #E4F2F5; font-size: 34px; line-height: 2.1; font-family: 'Playfair Display'; font-weight: 700; margin-bottom: 10px; text-align: center; }
.vr-case-studies .vr-block  { min-height: 671px; position: relative; margin-top: 0; display: flex; align-items: flex-end; justify-content: flex-end; }
.vr-case-studies .vr-block iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.vr-case-studies .vr-block .studies-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; }
.vr-case-studies .tab-block { background-color: #FFFFFF; padding: 20px 0; }
.vr-case-studies .tab-block ul li { width: 25%; display: inline-block; padding: 0; }
.vr-case-studies .tab-block ul li:after { display: none; }
.vr-case-studies .tab-block ul li a { color: #000000; font-size: 14px; line-height: 1.18; font-family: 'Ubuntu'; font-weight: 500; text-align: center; display: inline-block; border: 2px solid #000000; padding: 16px 15px; transition: 0.3s all ease-in-out; width: 100%; }
.vr-case-studies .tab-block ul li a:hover, .vr-case-studies .tab-block ul li.active a { background-color: #000000; color: #FFFFFF; }
.vr-case-studies .tab-block ul li:not(:last-child) a { border-right: 0; }

/*==================== Portfolio case studies css start ===================*/
 .half-slider-hero.blackover-content .content:after { background: -webkit-linear-gradient(338deg, rgba(0, 0, 0, 0.77) 0%, rgba(0, 15, 15, 0.61) 56%, rgba(0, 33, 33, 0.39) 77%, rgba(0, 53, 53, 0.16) 97%, rgba(0, 58, 58, 0.14) 100%);
background: -o-linear-gradient(338deg, rgba(0, 0, 0, 0.77) 0%, rgba(0, 15, 15, 0.61) 56%, rgba(0, 33, 33, 0.39) 77%, rgba(0, 53, 53, 0.16) 97%, rgba(0, 58, 58, 0.14) 100%);
background: -ms-linear-gradient(338deg, rgba(0, 0, 0, 0.77) 0%, rgba(0, 15, 15, 0.61) 56%, rgba(0, 33, 33, 0.39) 77%, rgba(0, 53, 53, 0.16) 97%, rgba(0, 58, 58, 0.14) 100%);
background: -moz-linear-gradient(338deg, rgba(0, 0, 0, 0.77) 0%, rgba(0, 15, 15, 0.61) 56%, rgba(0, 33, 33, 0.39) 77%, rgba(0, 53, 53, 0.16) 97%, rgba(0, 58, 58, 0.14) 100%);
background: linear-gradient(112deg, rgba(0, 0, 0, 0.77) 0%, rgba(0, 15, 15, 0.61) 56%, rgba(0, 33, 33, 0.39) 77%, rgba(0, 53, 53, 0.16) 97%, rgba(0, 58, 58, 0.14) 100%);  }
.half-slider-hero.blackover-content .content p { color: #E4F2F5; font-size: 16px; line-height: 1.25; font-family: 'Ubuntu'; font-weight: 300; margin: 20px 0 25px; position: relative; z-index: 1; max-width: 500px; width: 100%; }
.blackover-content.half-slider-hero .content .btn-block { position: relative; z-index: 1; }
.blackover-content.half-slider-hero .content .btn-block .green-light-btn { min-width: 164px; padding: 13px 8px; }
.blackover-content.half-slider-hero .content .btn-block .green-light-btn:hover { color: #000000; }
.half-slider-hero.blackover-content .left-content { padding-top: 380px; }
.blackover-content.half-slider-hero .bg-cover .content { padding-bottom: 30px; }

.filter-case-studies { padding: 120px 0 141px; background: #003D3C; position: relative; z-index: 1; }
.filter-case-studies .container { max-width: 1198px; }
.filter-case-studies ul { display: flex; border-bottom: 1px solid #D8D8D8; width: 100%; margin: 0 auto; flex-wrap: wrap; }
.filter-case-studies ul li { padding: 0 21px 0 0; margin: 0; list-style: none; position: relative; display: inline-block; position: relative; }
.filter-case-studies ul li:after { display: none; }
.filter-case-studies ul li a { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 500; padding: 0 24px 14px; letter-spacing: 0.2px; text-align: center; min-width: 114px; position: relative; color: #fff; cursor: pointer; text-decoration: none; }
.filter-case-studies ul li a:after { content: ""; position: absolute; bottom: -2px; left: 0; right: 0; height: 4px; background: #fff; opacity: 0; transition: 0.3s all ease-in-out; }
.filter-case-studies ul li a:hover:after, .filter-case-studies ul li.active a:after { opacity: 1; }
.filter-case-studies h2 { color: #FFFFFF; font-size: 21px; line-height: 1.45; font-family: 'Playfair Display'; font-weight: 700; margin-bottom: 38px; letter-spacing: 0.72px; padding-left: 18px; }
.filter-case-studies ul li .dropdown { position: absolute; left: 0; top: 35px; min-width: 285px; border: 2px solid #003D3C; background-color: #E4F2F5; padding: 10px; display: none; border-radius: 5px; }
.filter-case-studies ul li .dropdown div { width: 100%; padding: 5px 0; position: relative; }
.filter-case-studies ul li .dropdown div label { font-size: 14px; font-weight: 500; letter-spacing: 0.2px; color: #003D3C; padding-left: 15px; position: relative; cursor: pointer; }
.filter-case-studies ul li .dropdown div input[type='radio'] { position: absolute; visibility: hidden; left: 0; top: 0; }
.filter-case-studies ul li .dropdown div label:before { content: ''; position: absolute; left: -4px; top: 0; width: 13px; height: 13px; border: 1px solid #a7a7a7; border-radius: 100%; background: #fff; }
.filter-case-studies ul li .dropdown div label:after { content: ''; width: 7px; height: 7px; background: #003D3C; position: absolute; top: 4px; left: 0; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; transform: scale(0); }
.filter-case-studies ul li .dropdown div input[type='radio']:checked + label:after { transform: scale(1); }

.filter-proj-case { background-color: #E4F2F5; padding: 80px 0; }
.filter-proj-case .container { max-width: 1198px; }
.filter-proj-case .filter-img { height: 574px; display: flex; align-items: flex-end; position: relative; }
.filter-proj-case .filter-img .content { position: relative; z-index: 1; padding:26px 25px 38px 20px; width:100%; }
.filter-proj-case .filter-img .content h3 { color: #FFFFFF; font-size: 36px; line-height: 1.03; font-family: 'Playfair Display'; font-weight: 700; letter-spacing: -0.83px; max-width: 235px; width: 100%; }
.filter-proj-case .filter-img .content h4 { color: #FFFFFF; font-size: 18px; line-height: 1.34; font-family: 'Playfair Display'; font-weight: 700; letter-spacing: -0.83px; margin-bottom: 0; }
.filter-proj-case .filter-img:after { content: ""; display: block; width: 100%; height: 55%; position: absolute; left: 0; bottom: 0; background-position: center; background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; opacity: 0.86;  }
.filter-proj-case .btm-content h2 { color: #000000; font-size: 21px; line-height: 1.34; font-family: 'Playfair Display'; font-weight: 700; margin-bottom: 10px; max-width: 300px; width: 100%; letter-spacing: 0.72px; padding-left: 6px; }
.filter-proj-case .btm-content p { color: #000000; font-size: 16px; line-height: 1.51; font-family: 'Ubuntu'; font-weight: 300; margin-bottom: 15px; letter-spacing: -0.37px; padding-left: 7px; padding-right: 15px; }
.filter-proj-case .btm-content > a { color: #000000; font-size: 14px; line-height: 1.18; letter-spacing: 0.48px; font-family: 'Ubuntu'; font-weight: 700; margin-bottom: 10px; width: fit-content; display: inline-block; transition: 0.3s all ease-in-out; padding-top: 6px; }
.filter-proj-case .btm-content > a:hover { color: #003D3C; opacity: 0.5; }
.filter-proj-case .btm-content ul li { width: 50%; display: inline-block; padding: 0; }
.filter-proj-case .btm-content ul li:after { display: none; }
.filter-proj-case .btm-content ul li a { color: #000000; font-size: 14px; line-height: 1.18; font-family: 'Ubuntu'; font-weight: 500; text-align: center; display: block; border: 1px solid #000000; padding: 17px 15px; transition: 0.3s all ease-in-out; width: 100%; margin: 0; transition: 0.3s all ease-in-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.filter-proj-case .btm-content ul li a:hover, .filter-proj-case .btm-content ul li.active a:hover { border-color: #FFFFFF; background-color: rgba(9,9,9,0.11); color: #FFFFFF; }
.filter-proj-case .btm-content ul li a:nth-child(1), .filter-proj-case .btm-content ul li a:nth-child(2) { margin-bottom: -1px; }
.filter-proj-case .btm-content ul li:nth-child(odd) a { margin-left: 1px; }
.filter-proj-case .btm-content ul { padding-bottom: 20px; left: -1px; position: relative; }
.filter-proj-case .row > div { margin-bottom: 30px; }

.limg-rcontent { position: relative; }
.limg-rcontent:after { content: ""; display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-color: #000000; opacity: 0.76; }
.limg-rcontent .full-img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-attachment: fixed; }
.limg-rcontent .l-img { height: calc(100% + 90px); width: 45.44%; position: relative; z-index: 1; }
.limg-rcontent .content-r { padding: 68px 0 84px; height: calc(100% + 90px); width: 39%; margin-left: 154px; position: relative; z-index: 1; }
.limg-rcontent .content-r h2 { color: #FFFFFF; font-size: 39px; line-height: 1.26; font-family: 'Playfair Display'; font-weight: 700; position: relative; margin-bottom: 30px; display: block; letter-spacing: -0.9px; }

.limg-rcontent .content-r h3 { color: #FFFFFF; font-size: 30px; line-height: 1.34; font-family: 'Playfair Display'; font-weight: 700; position: relative; margin-bottom: 95px; display: block; letter-spacing: -0.69px; padding-bottom: 20px; }
.limg-rcontent .content-r h3:after { content: ""; display: block; width: 51.6%; position: absolute; bottom: 0; left: 0; height: 1px; background-color: #FFFFFF; }
.limg-rcontent .content-r p { color: #FFFFFF; font-size: 16px; line-height: 1.64; font-family: 'Ubuntu'; font-weight: 300; position: relative; margin-bottom: 20px; display: block; letter-spacing: -0.37px; }
.limg-rcontent .content-r .btn-block { margin-top: 35px; }
.limg-rcontent .content-r .btn-block a { min-width: 164px; padding: 12px 15px; }
.limg-rcontent .content-r .btn-block a:hover { color: #000000; }
.form-bigimg.left-w-img .single-img { margin-left: 0; margin-right: auto; order: 1; }
.form-bigimg.left-w-img .form-block { order: 2; }
.form-bigimg.left-w-img .form-wrap { margin-left: 16.5%; }
/*.form-bigimg.left-w-img .single-img .bg-cover { margin-left: 0; }*/


.lcontent-rvideo-blk { background-color: #003D3C; padding: 63px 0 178px; }
.lcontent-rvideo-blk .main-w { align-items: center; }
.lcontent-rvideo-blk .content-l { padding: 0 0 0 60px; max-width: 431px; width: 100%; position: relative; top: 12px; }
.lcontent-rvideo-blk .content-l h2 { color: #FFFFFF; font-size: 39px; line-height: 1.26; font-family: 'Playfair Display'; font-weight: 700; position: relative; margin-bottom: 15px; display: block; letter-spacing: -0.40px; }
.lcontent-rvideo-blk .content-l p { color: #FFFFFF; font-size: 16px; line-height: 1.64; font-family: 'Ubuntu'; font-weight: 300; position: relative; display: block; letter-spacing: -0.37px;  margin-bottom: 55px; }
.lcontent-rvideo-blk .content-l .btn-block a { min-width: 137px; padding: 12px 15px; }
.lcontent-rvideo-blk .video-ovelay-img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
.lcontent-rvideo-blk .video-r { width: 58%; padding-bottom: 32.6%; /*min-height: 625px;*/ margin-left: auto;     margin-right: -20px; position: relative; }
.lcontent-rvideo-blk .video-r .html-mp4-video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.lcontent-rvideo-blk .video-r video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }
.lcontent-rvideo-blk .video-r .video-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 102px; width: 102px; border-radius: 50%; background-color: rgba(0, 61, 60, 0.43); display: inline-block; transition: 0.3s all ease-in-out; z-index: 1; }
.lcontent-rvideo-blk .video-r .video-btn:hover { opacity: 0.5; }
.lcontent-rvideo-blk .video-r .video-btn:after { content: ""; display: inline-block; border-left: 30px solid #FFFFFF; border-top: 15px solid transparent; border-bottom: 15px solid transparent; position: absolute; top: 50%; left: 52%; transform: translate(-50%, -50%); }

.about-video-main .close-btn { position: absolute; right: 25px; top: 25px; font-size: 26px; color: #FFFFFF; transition: 0.3s all ease-in-out; opacity: 0; visibility: hidden; z-index: 1; height: 25px; width: 25px; display: inline-flex; align-items: center; justify-content: center; }

/*.about-video-main .close-btn:after { content: "X"; font-family: 'Ubuntu'; font-weight: 700; color: #FFFFFF; font-size: 18px; }*/

.video-open .about-video-main .close-btn { opacity: 1; visibility: visible; }

.page-template-portfolio-case-studies .half-slider-hero .half-sliderimg-hero { min-height: 918px; }




/*==================== Footer css start ===================*/
footer { background-color: #2B2B2B; padding: 50px 0 32px; }
footer .social-block ul { margin-left: auto; padding-right: 38px; }
footer .social-block ul li { margin: 0 5px; display: inline-block; padding: 0; }
footer .social-block ul li:after { display: none; }
footer .social-block ul li a { color: #2B2B2B; font-size: 16px; height: 25px; width: 25px; border-radius: 50%; background-color: #ddb347; display: inline-flex; text-align: center; transition: 0.3s all ease-in-out; align-items: center; justify-content: center; }
footer .social-block ul li a:hover { color: #fff; }
footer .social-block { padding-bottom: 30px; border-bottom: 1px solid #979797; }
footer .social-block > a { display: inline-block; margin-left: 0; }

footer .copyright-block { width: 100%; padding-top: 30px; text-align: center; }
footer .copyright-block p { font-size: 14px; line-height: 2.1; letter-spacing: -0.02em; color: #FFFFFF; font-family: 'Ubuntu'; font-weight: 500; }
footer .menu-block .box:first-child {width: 24.5%;}
footer .menu-block .box:nth-child(2) {width: 20.4%;}
footer .menu-block .box:nth-child(3) {width: 23.2%;}
footer .menu-block .box { width: 25%; }
footer .menu-block { padding-top: 20px; }
footer .menu-block .box:first-child a { color: #FFFFFF; }
footer .menu-block .box:first-child a:hover { color: rgba(255, 255, 255, 0.26); }
footer .menu-block h2 { color: #FFFFFF; font-size: 18px; line-height: 1.7; font-family: 'Ubuntu'; font-weight: 400; margin-bottom: 16px; letter-spacing: -0.42px; }

footer .menu-block a { color: rgba(255, 255, 255, 0.26); font-size: 18px; line-height: 1.7; font-family: 'Ubuntu'; font-weight: 500; margin-bottom: 14px; display: block; width: fit-content; transition: 0.3s ease-in-out; }
footer .menu-block a:hover { color: rgba(255, 255, 255, 1); letter-spacing: -0.37px; }

footer .menu-block small { color: rgba(255, 255, 255, 0.26); font-size: 18px; line-height: 1.7; font-family: 'Ubuntu'; font-weight: 400; margin-bottom: 20px; display: block; width: fit-content; transition: 0.3s ease-in-out; letter-spacing: -0.37px; }


.genre-filter-navigation { width: 100%; padding-bottom: 100px; display: flex; justify-content: center }
.genre-filter-navigation .page-numbers { display: flex; align-items: center; }
.genre-filter-navigation .page-numbers li { margin: 0 9px; display: inline-flex; padding: 0; }
.genre-filter-navigation .page-numbers li span.page-numbers,
.genre-filter-navigation .page-numbers li a.page-numbers
{ display: inline-block; height: 13px; width: 13px; border-radius: 50%; background-color: #FFFFFF; font-size: 0; }
.genre-filter-navigation .page-numbers li:after { display: none; }

.genre-filter-navigation .page-numbers li a.next.page-numbers { width: 56px; height: 56px; border: 1px solid #FFFFFF; border-radius: 50%; font-size: 0; background-color: transparent; position: relative; display: flex; align-items: center; justify-content: center; transition: 0.3s all ease-in-out; }

.genre-filter-navigation .page-numbers li a.next.page-numbers:after { content: ""; display: block; background-image: url(../svg/next-arrow-pagination.svg); background-size: 13px; background-position: center; background-repeat: no-repeat; height: 17px; width: 13px; transition: 0.3s all ease-in-out; }

.genre-filter-navigation .page-numbers li a.next.page-numbers:hover { opacity: 0.5; }

.genre-filter-navigation .page-numbers li span.page-numbers.current, .genre-filter-navigation .page-numbers li a.page-numbers.current { background-color: #007990; }



/* New CSS Start 23-05-22 */
.genre-filter-navigation .page-numbers li a.prev.page-numbers {
    display: none;
}
.ajax-posts-wrap .ajax-posts-loader {padding-bottom: 20px;}
.ajax-posts-wrap .ajax-posts-loader img {
    display: block;
    margin: 0 auto;
}

.full-slider .r-content ul {padding-left: 17px; padding-bottom: 15px;}
.full-slider .r-content ul li {color: #fff;padding-left: 0;margin-bottom: 5px;}
.full-slider .r-content ul li:after {display: none;}


.grecaptcha-badge, .rc-anchor-invisible {z-index: 99999;}

@media (max-width:1280px) {
    header .enumenu_ul > li > a:before {bottom: 15px;}
}
@media (max-width:1024px) {
    header .enumenu_ul > li > a:before {bottom: 10px;}
}
@media(max-width:1024px){
    .vr-office-full .inner-div-vr iframe{height:100% !important;}
}


/* New CSS Start 30-05-22 */
.fit-out-guide-gated-content .form-group .wpcf7-list-item-label {
    color: rgb(0 121 144 / 59%);
}
.fit-out-guide-gated-content .form-group .wpcf7-list-item-label::before {
    border: 2px solid rgb(0 121 144 / 59%);
}
.fit-out-guide-gated-content .form-group .wpcf7-list-item-label:after {
    color: rgb(0 121 144 / 59%);
}


.mobile-banner-slider {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.mobile-banner-slider .mySwiper-home-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mobile-banner-slider .swiper-slide {
    width: 100%;
    display: block;
}
.mobile-banner-slider .swiper-slide a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.mobile-banner-slider .swiper-slide .slider-bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mobile-banner-slider .swiper-slide .slider-banner-content {
    width: 100%;
    z-index: 1;
    position: relative;
    padding-bottom: 15px;
    text-align: center;
}
.mobile-banner-slider .swiper-slide .slider-banner-content:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.7;
    background: -webkit-linear-gradient(bottom, rgba(0, 61, 60, 0.7) 0%, rgba(0, 80, 80, 0.51) 40%, rgba(0, 101, 101, 0.31) 81%, rgba(0, 110, 106, 0.23) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 61, 60, 0.7) 0%, rgba(0, 80, 80, 0.51) 40%, rgba(0, 101, 101, 0.31) 81%, rgba(0, 110, 106, 0.23) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 61, 60, 0.7) 0%, rgba(0, 80, 80, 0.51) 40%, rgba(0, 101, 101, 0.31) 81%, rgba(0, 110, 106, 0.23) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 61, 60, 0.7) 0%, rgba(0, 80, 80, 0.51) 40%, rgba(0, 101, 101, 0.31) 81%, rgba(0, 110, 106, 0.23) 100%);
    background: linear-gradient(to top, rgba(0, 61, 60, 0.7) 0%, rgba(0, 80, 80, 0.51) 40%, rgba(0, 101, 101, 0.31) 81%, rgba(0, 110, 106, 0.23) 100%);
    transition: 0.3s all ease-in-out;
    z-index: -1;
}
.mobile-banner-slider .swiper-slide .slider-banner-content h4,
.mobile-banner-slider .swiper-slide .slider-banner-content p {
    color: #fff;
}
.mobile-banner-slider .swiper-slide .slider-banner-content h4 {
    font-family: 'Playfair Display';
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    background-color: rgba(0, 61, 60, 0.76);
    padding: 10px 15px;
    margin-bottom: 10px;
}
.mobile-banner-slider .swiper-slide .slider-banner-content p {
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 0.023em;
    font-weight: 500;
    font-family: 'Ubuntu';
    margin-bottom: 10px;
    padding: 0 15px;
}

@media(max-width: 767px) {
    .hover-three-block {display: none;}
    .mobile-banner-slider {
        display: block;
    }
}

.single-case-study header.fixed:before{display: none;}

/** 30-11-22**/
.main_inner_banner_left h1 { font-size: 42px; font-family: 'Playfair Display'; letter-spacing: 0.7px; margin-bottom: 51px; color: #fff; line-height: normal; font-weight: 700; }
.contact_banner h1 { font-size: 42px; font-family: 'Playfair Display'; letter-spacing: 0.7px; margin-bottom: 46px; color: #fff; line-height: normal; font-weight: 700; }
.resource-content-title h1 { color: #fff; font-size: 42px; font-family: 'Playfair Display'; letter-spacing: 0.8px; margin-bottom: 34px; line-height: 1; font-weight: 700; }


@media (max-width: 1366px) {
    .main_inner_banner_left h1 {font-size: 38px;}
    .contact_banner h1 {margin-bottom: 35px;font-size: 38px;}
    .resource-content-title h1 {font-size: 38px;}
}
@media (max-width: 1199px) {
    .main_inner_banner_left h1 { font-size: 30px; line-height: 1.2; }
    .contact_banner h1 {margin-bottom: 35px;font-size: 34px;}
    .resource-content-title h1 {font-size: 34px;}
}
@media (max-width: 991px) {
    .contact_banner h1 {margin-bottom: 25px;font-size: 30px;}
    .resource-content-title h1 {font-size: 30px;margin-bottom: 25px;}
}
@media (max-width: 767px) {
    .main_inner_banner_left h1 {font-size: 26px; }
    .contact_banner h1 {margin-bottom: 20px;font-size: 26px;}
    .resource-content-title h1 {font-size: 26px;margin-bottom: 25px;}
}
@media (max-width: 767px) {
    .filter-case-studies ul li .dropdown {min-width: 100%}
}
@media (max-width: 479px) {
    .main_inner_banner_left h1 {font-size: 24px; }
    .contact_banner h1 {font-size: 24px;}
    .resource-content-title h1 {font-size: 24px;margin-bottom: 25px;}
    .filter-case-studies ul#case_filter li {width: 100%}
}

/*New banner*/
.imgContent-banner{position:relative;}
.home-imgSlides .item {background-size: cover; min-height: 100vh; display: flex; align-items: center;position:relative;background-position:center center;}
.home-imgSlides .item:before{content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; background: transparent radial-gradient(closest-side at 50% 11%, #FFFFFF 0%, #000000 100%) 0% 0% no-repeat padding-box; opacity: 0.2;}
.home-imgSlides .bannerCaption{position:relative;z-index:1}
.home-imgSlides .bannerCaption h2 {font-family: 'Playfair Display'; color: #FFF; font-size:80px; line-height: 1; }
.home-imgSlides .bannerCaption h4 {font-family: 'Playfair Display'; color: #FFF; font-weight: 700; font-size:40px;margin-bottom:30px}
.home-imgSlides .bannerCaption .banner-btn .yl-btn{font-size: 14px; line-height: 1.18; color: #FFFFFF; border: 2px solid #DEB348; padding: 18px 8px; text-align: center; font-weight: 500; font-family: 'Ubuntu'; display: inline-block; transition: 0.3s all ease-in-out; background-color: rgba(255,255,255,0.5); min-width: 184px;}
.home-imgSlides .bannerCaption .banner-btn .yl-btn:hover{background:#DEB348}
.three-blk{background:#003332;padding:38px 20px;position:absolute;width:100%;left:0;bottom:0;z-index:9}
.three-blk .th-blk-wrap{display:flex;align-items:center;flex-wrap:wrap;margin:0 -20px}
.three-blk .th-blk-wrap .link-blk{width: 33.33%; padding: 0 20px; text-align: center; border-right: solid 1px #deb348;}
.three-blk .th-blk-wrap .link-blk a{display: flex; font-family: 'Playfair Display'; font-size: 22px; justify-content: center; color: #FFF; align-items: center;}
.three-blk .th-blk-wrap .link-blk a:hover {color: #deb348; }
.three-blk .th-blk-wrap .link-blk a img{margin-right: 15px; min-width: 32px;}
.three-blk .th-blk-wrap .link-blk:last-child{border:0}

.homeSlides-nav .sl-arrow{height: 60px; width: 60px; border: solid 3px #DEB348; border-radius: 100%;transition:0.5s all;top:calc(50% - 80px)}
.homeSlides-nav .sl-arrow:hover{background:#DEB348 }
.homeSlides-nav .sl-arrow:after{content: ''; height: 15px; width: 15px; border-left: solid 3px #FFF; border-bottom: solid 3px #FFF; transform: rotate(-135deg) skew(-10deg,-10deg); left:-5px; position: relative; }
.homeSlides-nav .sl-arrow.swiper-button-prev:after{transform:rotate(45deg) skew(-10deg,-10deg);left:6px}
.homeSlides-nav .sl-arrow.swiper-button-next {right: 50px; }
.homeSlides-nav .sl-arrow.swiper-button-prev{left:50px}

@media(max-width:1600px){
    .home-imgSlides .item .container{max-width:1000px}
    .home-imgSlides .bannerCaption h2{font-size:50px}
    .home-imgSlides .bannerCaption h4{font-size:25px}
    .home-imgSlides .bannerCaption .banner-btn .yl-btn{min-width:150px;padding:12px 8px}
    .three-blk .th-blk-wrap .link-blk a{font-size:20px}
    .homeSlides-nav .sl-arrow{height:45px;width:45px}
    .homeSlides-nav .sl-arrow:after{height:10px;width:10px;left:-3px}
    .homeSlides-nav .sl-arrow.swiper-button-prev:after{left:4px;}
}
@media(max-width:1250px){
    .home-imgSlides .item .container {max-width: 750px; }
    .home-imgSlides .item {min-height: calc(100vh - 30px)}
}
@media(max-width:1100px){
    .three-blk .th-blk-wrap .link-blk a{font-size:18px}
}
@media(max-width:991px){
    .home-imgSlides .item .container {max-width: 600px; }
    .three-blk .th-blk-wrap .link-blk a{font-size:14px; }
    .three-blk .th-blk-wrap .link-blk a img {margin-right: 10px; min-width: 20px; width: 20px; }
    .homeSlides-nav .sl-arrow.swiper-button-prev {left: 25px; }
    .homeSlides-nav .sl-arrow.swiper-button-next {right: 25px; }
    .home-imgSlides .bannerCaption{margin:-60px 0 0 }
}
@media(max-width:767px){
    .home-imgSlides .bannerCaption h2 {font-size:35px;margin-bottom:15px}
    .home-imgSlides .bannerCaption h4 {font-size: 15px;margin-bottom:20px}
    .home-imgSlides .item .container{padding:0 50px;max-width:100%}
    .homeSlides-nav .sl-arrow.swiper-button-prev {left: 10px}
    .homeSlides-nav .sl-arrow.swiper-button-next {right:10px}
    .homeSlides-nav .sl-arrow{border-width:2px;height:30px;width:30px}
    .homeSlides-nav .sl-arrow:after {height: 6px; width: 6px; left: -2px; border-width: 2px; }
    .homeSlides-nav .sl-arrow.swiper-button-prev:after {left:2px}
    .home-imgSlides .bannerCaption .banner-btn .yl-btn {min-width: 130px; padding: 10px 8px; }
    .three-blk{position:initial;}
    .three-blk .th-blk-wrap{margin:0;}
    .three-blk .th-blk-wrap .link-blk{width:100%;padding:15px 0;border:0;border-bottom:solid 1px #deb348}
    .three-blk .th-blk-wrap .link-blk a{justify-content:center}
    .three-blk .container{padding:0}
}
/*New banner END*/

@media(max-height:500px){
    .home-imgSlides .item{min-height:450px}
    .three-blk{position:initial;}
    .home-imgSlides .bannerCaption{margin:0}
    .homeSlides-nav .sl-arrow{top:50%}
}

/*cs-Slides START*/
.cs-Slides{position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.case-studies-banner .cs-Slides .banner-img{position:initial;}

.cs-Slides-nav .sl-arrow{height: 60px; width: 60px; border: solid 3px #DEB348; border-radius: 100%;transition:0.5s all;}
.cs-Slides-nav .sl-arrow:hover{background:#DEB348 }
.cs-Slides-nav .sl-arrow:after{content: ''; height: 15px; width: 15px; border-left: solid 3px #FFF; border-bottom: solid 3px #FFF; transform: rotate(-135deg) skew(-10deg,-10deg); left:-5px; position: relative; }
.cs-Slides-nav .sl-arrow.swiper-button-prev:after{transform:rotate(45deg) skew(-10deg,-10deg);left:6px}
.cs-Slides-nav .sl-arrow.swiper-button-next {right: 50px; }
.cs-Slides-nav .sl-arrow.swiper-button-prev{left:50px}
@media(max-width:1600px){
    .case-studies-banner .container{max-width:1000px}
    .cs-Slides-nav .sl-arrow{height:45px;width:45px}
    .cs-Slides-nav .sl-arrow:after{height:10px;width:10px;left:-3px}
    .cs-Slides-nav .sl-arrow.swiper-button-prev:after{left:4px;}
}
@media(max-width:1250px){
    .case-studies-banner .container {max-width: 750px; }
}
@media(max-width:991px){
    .case-studies-banner .container {max-width: 600px; }
    .cs-Slides-nav .sl-arrow.swiper-button-prev {left: 25px; }
    .cs-Slides-nav .sl-arrow.swiper-button-next {right: 25px; }
}
@media(max-width:767px){
    .case-studies-banner .container{padding:0 50px;max-width:100%}
    .cs-Slides-nav .sl-arrow.swiper-button-prev {left: 10px}
    .cs-Slides-nav .sl-arrow.swiper-button-next {right:10px}
    .cs-Slides-nav .sl-arrow{border-width:2px;height:30px;width:30px}
    .cs-Slides-nav .sl-arrow:after {height: 6px; width: 6px; left: -2px; border-width: 2px; }
    .cs-Slides-nav .sl-arrow.swiper-button-prev:after {left:2px}
}
@media(max-width:640px){
    .cs-Slides-nav .sl-arrow{top:calc(50% + 42px)}
}
/*cs-Slides END*/

/*changes*/
.our-work .half-slider-hero .left-content{min-height:100vh}
.our-work .half-slider-hero .half-sliderimg-hero{min-height:100%}
.case-studies-banner:after{display:none;}
@media(max-width:767px){
    .our-work .half-slider-hero .left-content {min-height:initial;}
    .our-work .half-slider-hero .half-sliderimg-hero{min-height:initial;}
}

/*team-main START*/
.team-main .half-slider-hero{min-height:initial;}
.team-main .half-slider-hero .left-content{min-height:initial;width:80%;padding:200px 0 100px;margin:0}
.team-main .senior-team-main{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:100px 0}
.senior-team-main .team-content{padding:45px 20px}
.team-main .senior-team-main .item{width:25%;padding:10px}
.team-main .senior-team-main .imgs{min-height:350px}
.team-main .senior-team-main .item:hover .team-content {opacity: 1; visibility: visible; }
.team-main .senior-team-main .item:hover .imgs{filter:grayscale(100%);}
.senior-team-main .team-content img {width: 50px; margin-left: 20px; }
.team-main .senior-team-main .item:hover .team-content img{filter:invert(1)}
.team-main .half-slider-hero .left-content h1{max-width:initial;font-weight:500}
.team-main .half-slider-hero .left-content h1 strong{font-weight:700}
@media(max-width:991px){
    .team-main .half-slider-hero .left-content{width:100%;padding:150px 0 0}
    .half-slider-hero .left-content p{font-size:16px;}
    .team-main .senior-team-main .item{width:33.33%}
}
@media(max-width:767px){
    .team-main .half-slider-hero .left-content{padding:130px 0 0}
    .team-main .senior-team-main .item{width:50%}
    .half-slider-hero .left-content p{font-size:16px;}
    .team-main .senior-team-main{padding:60px 0}
}
@media(max-width:480px){
    .team-main .senior-team-main .item{width:100%}
}
/*team-main END*/

.swiper-wrapper.singleItem,.swiper-wrapper.singleItem1{transform:none !important;}
.swiper-wrapper.singleItem1 + .homeSlides-nav,
.swiper-wrapper.singleItem + .cs-Slides-nav{display:none !important;}

/* Extra by developer */
.feature-slider#gallery{
    margin-top: 70px;
}
/* End extra by developer */


/*-------------------------------------------------------
single casestudies style
---------------------------------------------------------*/

/* single banner style start */

/* .single-banner{ position: relative; }
.single-banner .banner-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.single-banner .banner-img:before{ content: ""; width: 100%; height: 100%; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.70640756302521) 21%, rgba(0,0,14,0) 56%); position: absolute; left: 0; top: 0; }
.single-banner .container{ z-index: 1; }
.single-banner .content-wrap{padding: 286px 0 147px;padding-left: 86px;}
.single-banner .content-wrap *{ color: var(--color-white); }
.single-banner .content-wrap h1{ font-size: 42px; font-family: 'Playfair Display'; letter-spacing: -0.9px; margin-bottom: 21px; line-height: normal; font-weight: 700; }
.single-banner .content-wrap h4 { font-family: 'Playfair Display'; font-weight: 400; letter-spacing: -.7px; margin-bottom: 30px; line-height: normal; }

@media(max-width: 1199px){
    .single-banner .col-5{ max-width: 100%; flex: 100%; }
    .single-banner .content-wrap{ padding-left: 0; }
} */

.case-studies-banner .content h4{ color: var(--color-white); font-family: 'Playfair Display'; font-weight: 400; letter-spacing: -.7px; margin-bottom: 30px; line-height: normal;}
@media(max-width:767px){
    .case-studies-banner .content{ margin-left: 0; }
    .case-studies-banner .content h1{ font-size: 30px; }
    .case-studies-banner .content h4{ font-size: 20px; }
}
/* single banner style end */


/* single-icon-heading style start */
.single-icon-heading{ background-color: var(--color-green); padding: 44px 0; }
.single-icon-heading.bg-gray{background-color: var(--color-gray-dark);}
.single-icon-heading.bg-white{background-color: var(--color-white);color: var(--color-green);}
.single-icon-heading.bg-white .single-icon-heading-item .card{color: var(--color-green);}
.single-icon-heading .row{ justify-content: center; }
.single-icon-heading-item{ width: 20%; padding: 0 15px; }
.single-icon-heading-item .card{ display: flex; align-items: center; gap: 20px; color: var(--color-white);font-weight:normal; }
.single-icon-heading-item .card img{max-width: 41px; max-height: 41px; }

@media(max-width:1199px){
    .single-icon-heading-item{ width: 33.33%; margin-bottom: 30px; }
    .single-icon-heading{ padding-bottom: 14px; }
}
@media(max-width:767px){
    .single-icon-heading-item{ width:50%; }
    .single-icon-heading-item .card{gap: 15px;}
    .single-icon-heading-item .card img{ max-width: 35px; max-height: 35px; }
}
@media(max-width:565px){
    .single-icon-heading-item .card img{ max-width: 25px; max-height: 25px; }
    .single-icon-heading-item .card .card-content{font-size: 13px; }
}
/* single-intro-content style start */
.single-intro-content{ padding: 32px 0; }

.backto-list a{font-size: 12px; line-height: 1.07; letter-spacing: .5px;font-weight: 500;color: #133D3C;display: flex; align-items: center; gap: 24px;width: max-content;}
.backto-list a:hover img,
.backto-list a:hover .custom-svg{transform: translateX(10px); }
.backto-list img,
.backto-list .custom-svg{ width: 53px; height: 53px; transition: all .4s}

.backto-list{  margin-bottom: 23px; margin-left: -77px; }
.single-intro-content .content-wrap img.float-image{width: 200px; float: right; max-height: 170px; shape-outside: polygon(0% 0, 100% 0%, 100% 100%, 0 100%); margin-left: 35px; margin-bottom: 10px;}
.single-intro-content h2{ font-size: 36px; line-height: 1.33; margin-bottom: 33px; font-family: var(--heading-font); color: var(--color-green); }
.single-intro-content h5{ font-family: var(--heading-font); font-size: 21px; font-weight: 700; letter-spacing: 0.7px; line-height: 1.33; margin-bottom: 24px; }
.single-intro-content p{ font-weight: 300; line-height: 1.6; letter-spacing: -0.5px; }


.single-intro-content.bg-gray .custom-svg *,
.single-intro-content.bg-green .custom-svg *{
    stroke: var(--color-white);
}
.single-intro-content.bg-gray { background-color: var(--color-gray-dark); }
.single-intro-content.bg-gray *,
.single-intro-content.bg-green *{
    color: var(--color-white);
}
.single-intro-content.bg-green { background-color: var(--color-green); }
@media(min-width:1200px){
    .single-intro-content .container{ max-width: 940px; }
}
@media(max-width:1199px){
    .backto-list{ margin-left: 0; }
    .single-intro-content h2{font-size: 30px;}
    .single-intro-content h5{font-size: 18px;}
}
@media(max-width:767px){
    .backto-list{gap: 15px;}
    .backto-list img{ width: 35px; height: 35px; }
    .single-intro-content .content-wrap img.float-image{width: 160px; float: none; margin-left: 0px;}

}
/* single-intro-content style end */


/* single-media-slider style start */
.single-media-slider{ margin-top: 45px; position: relative; }
.single-media-slider:after{ background-color: var(--color-green); position: absolute; width: 100%; height: calc(100% - 106px); content: ""; bottom: 25px; z-index: -1; }
.single-media-slider .section-heading{ text-align: center; /* margin-top: -112px; */ margin-bottom: 35px; }
.single-media-slider .section-heading h5{ font-size: 18px; line-height: 1.33; font-weight: bold; font-family: var(--heading-font); }

.hidder{ overflow: hidden; padding: 0 68px; }
.single-media-slider .container{ max-width: 1062px; margin-inline: auto ; }
/* .single-media-slider-wrap:after{ width: 90%; height: 90%; } */
.single-media-slider-wrap .slick-list{ overflow: inherit; }
.single-media-slider-wrap .media-item{ position: relative; z-index: 1; }
.single-media-slider-wrap .media-item.slick-current{z-index: 2;}
.single-media-slider-wrap .media-wrap{ height: 0; position: relative; padding-bottom: 68.6%; background-color: #eee; transition: all .6s; z-index: 3; }
.single-media-slider-wrap .slick-dots{ display: flex; flex-wrap: wrap; position: absolute; z-index: 2; justify-content: center; bottom: 10%; gap: 10px; padding: 20px; justify-content: center; width: 100%; }
.single-media-slider-wrap .slick-dots li{ list-style: none; padding: 0; }
.single-media-slider-wrap .slick-dots li:after{ display: none; }
.single-media-slider-wrap .slick-dots li button{ padding: 0; border-radius: 10px; width: 11px; height: 11px; font-size: 0; background-color: var(--color-white); outline: none; border: none; }
.single-media-slider-wrap .slick-dots li.slick-active button{ background-color: var(--color-green); }
.single-media-slider-wrap .slick-arrow{background-repeat: no-repeat; top: 50%; position: absolute; transform: translateY(-50%); width: 53px; height: 53px; border-radius: 100%; background: none; background-position: center; background-size: 100%; border: none; outline: none; font-size: 0; z-index: 2; }
.single-media-slider-wrap .slick-prev{ left: -60px; background-image: url(../svg/left-arrow.svg);}
.single-media-slider-wrap .slick-next{ right: -60px; background-image: url(../svg/right-arrow.svg);}

.single-media-slider-wrap .media-wrap iframe, .single-media-slider-wrap .media-wrap video, .single-media-slider-wrap .media-wrap img{ z-index: 0; }
.single-media-slider-wrap .media-item.slick-current .media-wrap video, .single-media-slider-wrap .media-item.slick-current .media-wrap iframe, .single-media-slider-wrap .media-item.slick-current .media-wrap img{ z-index: 2; }
.single-media-slider-wrap .media-item.slick-current:after{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 75%; z-index: 1; background-color: #000; filter: blur(40px); /* box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px; */ transition: all .4s; }
.single-media-slider-wrap .media-item:not(.slick-current) .media-wrap{ transform: scaleY(.85); }

.single-media-slider-wrap .media-wrap > *{ position: absolute; height: 100%; width: 100%; object-fit: cover; object-position: center; }
.single-media-slider-wrap .media-wrap .video-mp4.active{
    background: none !important;
    background-color: #000 !important;
}
.single-media-slider-wrap .media-wrap .video-mp4 video{
    object-fit: contain !important;
}

@media(max-width:1199px){
    .hidder{ padding: 0 45px; overflow: visible; }
    .single-media-slider .container{ overflow: hidden; }
    .single-media-slider-wrap .media-item.slick-current .media-wrap:after{ filter: blur(25px); }
}
@media(max-width:991px){
    .single-media-slider:after{height: calc(100% - 85px); bottom: 15px; }
    .single-media-slider-wrap .slick-arrow{width: 40px; height: 40px; }
}
@media(max-width:767px){
    .hidder {padding: 0 35px; }
    .single-media-slider:after{height: calc(100% - 77px); bottom: 11px; }
    .single-media-slider-wrap .slick-arrow{width: 35px; height: 35px; }
    .single-media-slider-wrap .slick-prev{left: 5px}
    .single-media-slider-wrap .slick-next{right: 5px}
    .single-media-slider-wrap .media-item.slick-current:after{    filter: blur(20px);}
    .single-media-slider-wrap .slick-dots li button{width: 8px; height: 8px;}
    .single-media-slider-wrap .slick-dots{bottom: 5px}
}

@media(max-width:565px){
    .hidder {padding: 0 10px; }
}
/* single-media-slider style end */

/* single-testimonials style start */
.single-testimonials{ padding: 20px 0; text-align: center; }
.single-testimonials-wrap{ max-width: 745px; margin-inline: auto; }
.single-testimonials-wrap h5{ font-size: 21px; font-family: var(--heading-font); line-height: 1.33; font-weight: bold; color: var(--color-green); letter-spacing: 0.7px; }
.single-testimonials-wrap p{ color: var(--color-green); letter-spacing: -0.7px; }

.single-testimonials.bg-green .single-testimonials-wrap *,
.single-testimonials.bg-gray .single-testimonials-wrap *{
    color: var(--color-white);
}

.single-image-content-beside.has-bg-image + .single-testimonials,
.single-image-content-beside.bg-gray + .single-testimonials,
.single-image-content-beside.bg-green + .single-testimonials{
    margin-top: 50px;
}

@media(max-width:1199px){
    .single-testimonials-wrap h5{ font-size: 18px; }
}
/* single-testimonials style end */


/* single-image-content-beside style start */
.bg-green{ background-color: var(--color-green); color: var(--color-white); }
.bg-gray{background-color: var(--color-gray-dark); color: var(--color-white);}
.single-image-content-beside{ padding: 80px 0; position: relative; }
.single-image-content-beside.bg-green,.single-image-content-beside.bg-gray{ padding: 86px 0; }
.single-image-content-beside.three-image{ overflow: hidden; }
.single-image-content-beside.has-bg-image{ padding: 49px 0; }
.single-image-content-beside.bg-green *,.single-image-content-beside.bg-gray *, .single-image-content-beside.has-bg-image *{ color: var(--color-white) }
.single-image-content-beside.bg-green *,.single-image-content-beside.bg-gray *{color: #E4F2F5;}
/* .has--image */
.single-image-content-beside .bg-image{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;opacity: .9}
.single-image-content-beside .bg-image:after,
.single-image-content-beside .bg-image:before{background-color: #242424;
    mix-blend-mode: normal;
    opacity: .8;
    content: ''; left: 0; top: 0;width: 100%;height: 100%;position: absolute }
    .single-image-content-beside .bg-image:after{opacity: .6}
.single-image-content-beside .row {margin-inline: -27px; align-items: center;}
.single-image-content-beside .row > *{ width: 50%; padding-inline: 23px; }
.single-image-content-beside.right-image .row { flex-direction: row-reverse; }
.single-image-content-beside .image-wrap{ text-align: center; display: flex; flex-direction: column; gap: 20px; }
/*.single-image-content-beside.right-image .image-wrap{ padding-right: 0; }*/
.single-image-content-beside .content-wrap{ padding-left: 33px; padding-right: 0; }
.single-image-content-beside.right-image .content-wrap{ padding-left: 24px; padding-right: 15px; }
.single-image-content-beside h2{ font-family: var(--heading-font); line-height: 1.33; font-weight: bold; font-size: 40px; color: var(--color-green); letter-spacing: 0.7px; }
.single-image-content-beside h3{ font-family: var(--heading-font); line-height: 1.33; font-weight: bold; color: var(--color-green); margin-top: -17px; margin-bottom: 27px; letter-spacing: 0.7px; }
.single-image-content-beside h6{ font-family: var(--heading-font); line-height: 1.33; font-weight: bold; letter-spacing: 0.6px; margin-bottom: 43px; }
.single-image-content-beside h5, .single-image-content-beside blockquote p{ font-size: 21px; font-family: var(--heading-font); line-height: 1.33; font-weight: bold; letter-spacing: 0.7px; }
.single-image-content-beside blockquote{ margin-bottom: 20px; }
.single-image-content-beside blockquote p{ margin-bottom: 0; }
.single-image-content-beside p{ font-weight: 300; line-height: 1.6; margin-bottom: 26px; }
.single-image-content-beside p:last-of-type{margin-bottom: 0;}
.single-image-content-beside blockquote + p{ font-size: 12px; line-height:1.35;font-weight:500;  }
.single-image-content-beside.has-bg-image .image-wrap{width: 40%;}
.single-image-content-beside.has-bg-image .content-wrap{width: 60%;}


.three-image-wrap span{ width: 90%; padding-bottom: 40%; background-repeat: no-repeat; background-position: center; background-size: cover; display: block; }
.three-image-wrap span.mid-image{max-width: 327px;margin-left: auto;padding-bottom: 61%;margin-right: -60px;}
.three-image-wrap span.small-image{max-width: 206px; margin-left: 19%; padding-bottom: 39%; margin-top: -29%;}
.three-image-wrap span.large-image{max-width: 370px;    padding-bottom: 65%; margin-top: 14%; }

.single-image-content-beside.bg-white + .single-image-content-beside.three-image{
    padding-top: 10px !important;
}

@media(min-width:1200px){
    .single-image-content-beside .container{ max-width: 936px; }
}
@media(max-width:1199px){
    .single-image-content-beside.bg-green,
    .single-image-content-beside.bg-gray,
    .single-image-content-beside{padding: 50px 0;}
    .three-image-wrap span.mid-image{ margin-right: -30px; }
    .single-image-content-beside h2{font-size: 33px;}
    .single-image-content-beside h3{font-size: 30px; margin-bottom: 20px;}
    .single-image-content-beside h5, .single-image-content-beside blockquote p{font-size: 18px;}

    .single-image-content-beside.three-image .image-wrap{padding-right: 23px;}
    .three-image-wrap span.mid-image{margin-right: 0;}
}
@media(max-width:991px){
    .single-image-content-beside .row > *, .single-image-content-beside.has-bg-image .image-wrap, .single-image-content-beside.has-bg-image .content-wrap{ width: 100%; }
    .single-image-content-beside .content-wrap{ padding-left: 24px; }
    .single-image-content-beside .image-wrap{ margin-bottom: 30px; }
    .single-image-content-beside .image-wrap img{ width: 100%; }
    /* .single-image-content-beside.three-image.right-image .row{flex-direction: column-reverse;gap: 40px;} */
    .three-image-wrap span.mid-image{    padding-bottom: 42%;}
    .three-image-wrap span.small-image { margin-left: 41%; padding-bottom: 25%; margin-top: -14%; }
    .three-image-wrap span.large-image { padding-bottom: 45%;}
    .single-image-content-beside.bg-white + .single-image-content-beside.three-image{
        padding-top: 30px !important;
    }
}
@media(max-width:767px){

    .single-image-content-beside .content-wrap{ padding-inline: 24px; }
}
/* single-image-content-beside style end */

/* single-social-list style start */
.single-share-project{ text-align: center; padding: 30px 0; }
.single-share-project-heading{letter-spacing: 0.5px;}
.single-social-list{ list-style: none; display: flex; justify-content: center; margin-top: 17px; gap: 16px; }
.single-social-list li{ padding-left: 0; }
.single-social-list li:after{ display: none; }
.single-social-list a { color: var(--color-white); font-size: 16px; height: 28px; width: 28px; border-radius: 50%; display: inline-flex; text-align: center; transition: 0.3s all ease-in-out; align-items: center; justify-content: center; }
.single-social-list a:hover{ opacity: .7; }
@media(max-width:991px){
    .single-share-project{ padding: 20px 0; }
}
/* single-social-list style end */

/* single-video style start */
.single-video{ text-align: center; position: relative; margin-top: 35px;  }
.single-video::after{ content: ""; width: 100%; height: 80%; background-color: var(--color-green); position: absolute; left: 0; bottom: 0; z-index: -1; }
.single-video h6{color: var(--color-green); font-size: 18px; font-family: var(--heading-font); line-height: 1.33; font-weight: bold; letter-spacing: 0.7px; margin-bottom: 14px; }
.single-video .media-wrap{ position: relative; height: 0; padding-bottom: 68%; margin-bottom: -68px; }

.action-button:after{ content: ""; left: 0; position: absolute; width: 100%; height: 100%; background-image: url(../png/icons_555181.png); background-position: center; background-repeat: no-repeat; background-size: 90px; transition: all .4s; cursor: pointer; }
.video-main:hover .action-button:after{ transform: scale(1.05); }
.single-video .media-wrap .video-main, .single-video .media-wrap .video-main .action-button{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;z-index:1 }
.video-youtube iframe{display: none;opacity: 0;    transition: all 0.5s ease-in-out;}
.video-main.video-open .video-youtube iframe{display: block;opacity: 1;  }
.video-main.video-open .action-button:after{ opacity: 0; }
.single-video .media-wrap .video-main .action-button.active{background: none !important; background-color: #000 !important;}
/*.single-video .media-wrap .video-main .action-button.active video{background: none; background-color: #000;}*/

.single-video .media-wrap .cover img, .single-video .media-wrap .cover, .video-youtube iframe, .single-video .media-wrap video{ width: 100%; height: 100%; position: absolute; max-width: 100%; object-fit: cover; left: 0; top: 0; z-index: 5; }

.single-video .container{ max-width: 740px; }
.video-mp4, .video-youtube{ height: 100%; }
.video-mp4 video{width: 100%;height: 100%; position: absolute; object-fit: cover;}
.single-video .media-wrap video{object-fit: contain !important;}

.video-mp4:not(.active) video{ opacity: 0; }

@media(max-width:991px){
    .single-video h6{ margin-bottom: 20px; }
    .action-button:after{ background-size: 60px; }
}
/* single-video style end */

/*single-related-projects style start*/
.single-related-projects{ background-color: #313A39; padding: 118px 0; color: var(--color-white); position: relative;}
.single-related-projects:after{pointer-events: none; content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 35%;background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%); opacity: 0.93;}
.single-related-projects .container{ max-width: 1180px; }
.single-related-projects .section-heading{ padding: 0 50px; }
.single-related-projects h5{ font-size: 21px; font-family: var(--heading-font); line-height: 1.35; font-weight: bold; color: var(--color-white); margin-bottom: 30px; letter-spacing: 0.7px; }
.single-related-projects-wrap{ /* display: flex; */ /* flex-wrap: wrap; */ margin: 0 -15px; }
.single-related-projects-item{ /* width: 33.33%; */ padding: 0 15px; text-align: left; }
.single-related-projects-item .card-related{ text-align: center; padding-bottom: 149%; position: relative; z-index: 1; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.single-related-projects-item .bg-cover{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; transition: all .3s; }
.single-related-projects-item:hover .bg-cover{ transform: scale(1.05); }
.single-related-projects-item .bg-cover:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,14,0) 56%); }
.single-related-projects-item h3 {pointer-events: none; font-size: 36px; line-height: 1.3; color: #fff; font-family: 'Playfair Display'; margin: 0; position: absolute; padding: 40px; bottom: 48px; left: 0; text-align: left; }
.single-related-projects-wrap .slick-arrow{ top: 50%; position: absolute; transform: translateY(-50%); width: 53px; height: 53px; border-radius: 100%; background: none; background-position: center; background-size: 100%; border: none; outline: none; font-size: 0; z-index: 2; }
.single-related-projects-wrap .slick-prev{ left: 0px; background-image: url(../svg/left-arrow.svg);}
.single-related-projects-wrap .slick-next{ right: 0px; background-image: url(../svg/right-arrow.svg);}

.single-related-projects.bg-green{background-color: var(--color-green);}
.single-related-projects.bg-white{background-color: var(--color-white);}
.single-related-projects.bg-white h5{color: var(--color-green);}
.single-related-projects.bg-white:after{display: none;}
@media(max-width:1199px){
    .single-related-projects-item h3{ font-size: 23px; padding: 30px; bottom: 10px; }
}

@media(max-width:767px){
    .single-related-projects-item h3{ padding: 20px; bottom: 10px; }
}
/*single-related-projects style end*/

/* single form style start */
.like-what-see .form-block{margin-right: 0}
.like-what-see .feature-img-left{height: calc(100% + 50px);top: inherit; margin-top: -50px;width: 46.66%;left: 0}
.like-what-see .form-block{ width: 42%; margin-right: 0;}
.like-what-see.style-2 .form-block:before{
    display: none;
}

@media (min-width: 1200px){
    .like-what-see .container { max-width: 1060px; }
}

@media(max-width:1366px){
    .like-what-see .feature-img-left{
        left: 0 !important;
        height: calc(100% + 50px) !important; top: inherit !important; margin-top: -50px;
    }
}
@media(max-width:1280px){
    .like-what-see .feature-img-left {left: 0 !important; height: calc(100% + 40px) !important; margin-top: -40px; }
}

@media(max-width:1180px){
    .like-what-see .feature-img-left {width: 50% !important; }
    .like-what-see .form-block {margin-right: 0 !important; width: 39% !important; }
}
@media(max-width:991px){
    .like-what-see{
        margin-top: 50px;
    }
    .like-what-see .feature-img-left{
        height: 0 !important;
        width: 100% !important;
        padding-bottom: 100%;
    }
    .like-what-see .form-block{
        width: 100% !important;
    }
}
@media(max-width:767px){

    .like-what-see .feature-img-left{

        padding-bottom: 98% !important;
    }
}
/* single form style end */


@media(max-width:1199px){
    [class*="single-"] .container{ max-width: 890px; }
}
@media(max-width:991px){
    [class*="single-"] .container{ max-width: 680px; }
}
@media(max-width:767px){
    [class*="single-"] .container{ max-width: 530px; }
}

@media(max-width:570px){
    [class*="single-"] .container{ max-width: 100%; padding: 0 30px; }
}
@media(max-width:470px){
    [class*="single-"] .container{ padding: 0 20px; }
}
/*-------------------------------------------------------
single casestudies style end
---------------------------------------------------------*/