@charset "utf-8";
@font-face {
    font-family:'Circular Spotify Text Light';
    src: url('../font/CircularSpotifyText-Light.eot');
    src: url('../font/CircularSpotifyText-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/CircularSpotifyText-Light.woff2') format('woff2'),
        url('../font/CircularSpotifyText-Light.woff') format('woff'),
        url('../font/CircularSpotifyText-Light.svg#CircularSpotifyText-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Circular Spotify Text Book';
    src: url('../font/CircularSpotifyText-Book.eot');
    src: url('../font/CircularSpotifyText-Book.eot?#iefix') format('embedded-opentype'),
        url('../font/CircularSpotifyText-Book.woff2') format('woff2'),
        url('../font/CircularSpotifyText-Book.woff') format('woff'),
        url('../font/CircularSpotifyText-Book.svg#CircularSpotifyText-Book') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

:root {
    --font-light: 'Circular Spotify Text Light';
    --font-book: 'Circular Spotify Text Book';
}

html {
    overflow-x: hidden;
    height: -webkit-fill-available;
    scroll-behavior: smooth;
}

body {
    background-color: #fff;
    margin: 0;
    padding: 0;
    transition: opacity ease-out 400ms;
    font-family: var(--font-light);
}

html, body {
    min-height: 100vh;
}


/*! locomotive-scroll v4.1.0 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
    overflow: hidden;
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.has-scroll-smooth body {
    overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh;
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    white-space: nowrap;
    height: 100vh;
    display: inline-block;
    white-space: nowrap;
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    height: 100vh;
}

.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100%;
    transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s;
    opacity: 0;
}

.c-scrollbar:hover {
    transform: scaleX(1.45);
}

.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1;
}

[data-scroll-direction=horizontal] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1);
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
    transform: scaleY(1.3);
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: black;
    opacity: 0.5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
    right: auto;
    bottom: 0;
}

.header{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 99; background: #fff; border-bottom: #000000 1px solid; padding: 18px 15px; display: flex; justify-content: space-between; align-items: center;}
.header a.btn-contact{color:#000; text-transform: uppercase; font-family: var(--font-book); font-size: 14px; line-height: 14px; text-decoration: none; display: flex; align-items: center;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; margin-right: 40px}
.header a.btn-contact svg{margin-left: 10px;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.header a.btn-contact:hover{color: #E51735;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.header a.btn-contact:hover svg{transform: rotate(45deg); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.header .rightpart{display: flex;}
.header .btn-menu{width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease; display: none; margin-left: 15px}
.header .btn-menu span{width: 100%; height: 2px; background: #E51735; display: block;  transition: all .5s ease;}
.header .btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.header .btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
.header .btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
.header .btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
.header .btn-menu.active span:nth-of-type(3n+2){display: none;}
.header .btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}

.sidemenu{position: fixed; top: 0px; left: 0px; z-index: 98; background: #fff; border-right: #000 1px solid; height: 100%; padding: 120px 0 60px 0; width: 80px}
.sidemenu .menu{transform: rotate(-90deg); display: flex; margin: 0px; padding: 0px 0px 0px 50px; list-style: none; justify-content: flex-start; width: 940px; height: 24px; left: -428px; position: absolute; bottom: 458px;}
.sidemenu .menu li {margin-right: 75px;}
.sidemenu .menu li:last-child {margin-right: 0px;}
.sidemenu .menu li a{color: #000;  font-family: var(--font-book); font-size: 14px; text-decoration: none; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.sidemenu .menu li a:hover,
.sidemenu .menu li a.active{color: #E51735; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.sidemenu .menu li.current_item a {color: #E51735;}

.content-container{display: flex; flex-direction: row;}
.main-photo{width: 100vw; position: relative; overflow: hidden;}
.main-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit:cover;}
.main-photo::before{content: ''; position: absolute; width: 100%; height: 100%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); opacity: 0.6; z-index: 1}
.main-photo.pd-80{padding-left: 80px}
.main-photo.pd-80 .content-area{padding: 0 100px 50px 130px}
.main-photo .content-area{position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 2; padding: 0 100px 50px 55px; display: flex; align-items: flex-end; justify-content: space-between;}
.main-photo .content-area h1{color: #fff; font-size: 58px; line-height: 100%; font-family: var(--font-book); text-transform: uppercase; margin: 0px}
.main-photo .content-area .view-link{color:#fff; font-family: var(--font-book); font-size: 26px; line-height: 26px; text-decoration: none; display: flex; align-items: center;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; margin-bottom: 10px}
.main-photo .content-area .view-link svg{margin-left: 16px;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.main-photo .content-area .view-link:hover svg{transform: rotate(45deg); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}


.project-info-area{width: 100vw; height: 100vh; padding: 106px 15px 54px 105px; position: relative;}
.project-info-area .left-top-content{width: 60%}
.project-info-area .left-top-content h1{font-size: 46px; line-height: 46px; font-family:var(--font-book); color: #000; margin: 0 0 60px 0; text-transform: uppercase; white-space:break-spaces}
.project-info-area .left-top-content p{font-family: var(--font-light);  width: 45%; white-space: break-spaces !important; font-size: 18px; line-height: 22px; color: #000; margin: 0 0 20px 0}
.project-info-area .graphic-area{position: absolute; bottom: 34px; right: 15px; width: 64%}
.project-info-area .graphic-area img{width: 100%}
.project-info-area .graphic-area .photo1 { width: 44.96%; height: 67.2%; position: absolute; background: red; z-index: 1; bottom: 0px; opacity: 0; right: 1px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; cursor: pointer;}
.project-info-area .graphic-area .photo1:hover{opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.project-info-area .graphic-area .photo2{width: 22.5%; height: 32.4%; position: absolute; background: green; z-index: 1; bottom: 67.4%; right: 22.6%; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; cursor: pointer;}
.project-info-area .graphic-area .photo2:hover{opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.project-info-area .graphic-area .photo3{width: 22.9%; height: 34.6%; position: absolute; background: green; z-index: 1; bottom: 1px; right: 45.1%; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; cursor: pointer;}
.project-info-area .graphic-area .photo3:hover{opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.project-info-area .graphic-area .photo4{width: 23.1%; height: 47.7%; position: absolute; background: green; z-index: 1; bottom: 1px; right: 68.1%; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; cursor: pointer;}
.project-info-area .graphic-area .photo4:hover{opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.project-info-area .graphic-area .inner-photo{overflow: hidden;}
.project-info-area .graphic-area .inner-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}

.project-list{padding: 0px; height: 100vh}
.project-list ul{margin: 0px; padding: 100px 0px 34px 100px; list-style: none; display: flex; height: 100%;}
.project-list ul li{border-left: #000 1px solid; padding: 0 18px; width: 800px; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.project-list ul li:last-child{border-right: #000 1px solid}
.project-list ul li h2{font-size: 36px; line-height: 36px; color: #000; font-family: var(--font-book); margin: 0 0 12px 0; text-transform: uppercase;}
.project-list ul li .location{font-size: 22px; line-height: 22px; font-family: var(--font-light); color: #000; margin: 0 0 60px 0}
.project-list ul li .location span{color: #8D8D8D}
.project-list ul li p{font-family: var(--font-light);  width: 74%; white-space: break-spaces !important; font-size: 18px; line-height: 22px; color: #8D8D8D; margin: 0 0 40px 0}
.project-list ul li .photo-block{width: 100%; height: 44vh; position: relative; overflow: hidden;}
.project-list ul li .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;   transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.project-list ul li .view{position: relative; text-decoration: none; font-family: var(--font-light); font-size: 18px; line-height: 18px; color: #8D8D8D; padding-bottom: 4px}
.project-list ul li .view:hover{text-decoration:none; color: #8D8D8D}
.project-list ul li .view::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #8D8D8D; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.project-list ul li .view:hover::after {transform: scaleX(1); transform-origin: bottom left;}
.project-list ul li:hover .photo-block img{transform: scale(1.1);  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.project-list ul li.coming-soon .photo-block img{transform: scale(1); filter: grayscale(1);  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.project-list ul li.coming-soon:hover .photo-block img{transform: scale(1); filter: grayscale(0);  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.footer-area{width: 100vw; padding: 106px 70px 65px 100px; display: flex !important; flex-direction: column; justify-content: space-between; background: #fff; z-index: 2; border-left: #000 1px solid;}
.footer-area .footer-top h2{font-family: var(--font-book);font-size: 46px; line-height: 100%; color: #000; text-transform: uppercase; margin: 0 0 45px 0}
.footer-area .footer-top p{font-family: var(--font-light); width: 520px; font-size: 18px; line-height: 100%; color: #8D8D8D; margin: 0 0 45px 0; white-space: break-spaces;}
.footer-area .footer-top p span{font-family: var(--font-book); color: #000}
.footer-area .footer-top .inputarea{width: 520px; position: relative; display: flex;}
.footer-area .footer-top .inputarea .form-control{width: 100%; font-size: 18px; border-radius: 0px; line-height: 64px; height: auto; border: #888 1px solid; padding-left: 18px;}
.footer-area .footer-top .inputarea .form-control:focus{border: #e51735 1px solid; box-shadow: none}
.footer-area .footer-top .inputarea .btn-send{background: rgba(0, 0, 0, 0.1); border: #888 1px solid; border-left: none; width: 78px; padding: 20px 24px; transition: all .5s ease;}
.footer-area .footer-top .inputarea .btn-send:hover{background: rgba(0, 0, 0, 0.2); transition: all .5s ease;}
.footer-area .footer-bottom{display: flex; justify-content: space-between;}
.footer-area .footer-bottom .leftpart{display: flex; width:80%; justify-content: space-between;}
.footer-area .footer-bottom .leftpart .small-block{padding-right: 0px}
.footer-area .footer-bottom .leftpart .small-block h3{font-family: var(--font-book); font-size: 18px; line-height: 116%; color: #000; margin: 0 0 5px 0}
.footer-area .footer-bottom .leftpart .small-block p{font-family: var(--font-light); font-size: 18px; line-height: 116%; color: #8D8D8D;}
.footer-area .footer-bottom .leftpart .small-block p a{text-decoration: underline; color: #8D8D8D}
.footer-area .footer-bottom .leftpart .small-block ul{margin: 0px; padding: 0px; list-style: none;}
.footer-area .footer-bottom .leftpart .small-block ul li a{font-family: var(--font-light); font-size: 18px; line-height: 116%; color: #8D8D8D;}
.footer-area .footer-bottom .leftpart .small-block ul li a:hover{text-decoration: none; color: #000}
.footer-area .footer-bottom .logo-part{width: 261px; height: 260px; position: relative;}
.footer-area .footer-bottom .logo-part img.main-logo{display: block; transition: all .5s ease;}
.footer-area .footer-bottom .logo-part img.hover-logo{display: none; transition: all .5s ease;}
.footer-area .footer-bottom .logo-part:hover img.main-logo{display: none; transition: all .5s ease;}
.footer-area .footer-bottom .logo-part:hover  img.hover-logo{display: block; transition: all .5s ease;}
.footer-area .footer-bottom .certification_image img {width: 88px;}


.project-info-fixed{position: absolute;  padding: 88px 50px 0 120px; display: flex !important; z-index: 2; justify-content: space-between;}
.project-info-fixed .project-title{font-family: var(--font-book); font-size: 36px; line-height: 36px; color: #000; min-width:500px; padding-right:50px; text-transform: uppercase;}
.project-info-fixed .d-flex{align-items: flex-start;}
.project-info-fixed ul.infolist{margin: 0px; padding: 0px; list-style: none; display: flex; align-items: flex-start;}
.project-info-fixed ul.infolist li{padding-right: 100px; padding-left: 6px; border-left: #000 1px solid; padding-top: 8.5px; font-size: 18px; line-height: 18px; color: #8D8D8D; font-family: var(--font-light);}
.project-info-fixed ul.infolist li span{display: block; font-family: var(--font-book); color: #000}
.project-info-fixed ul.infolist li a{display: block; color: #8D8D8D}
.project-info-fixed .btn-enquire{position: relative; text-decoration: none; font-family: var(--font-book); font-size: 18px; line-height: 18px; color: #E51735; padding-bottom: 4px}
.project-info-fixed .btn-enquire:hover{text-decoration:none; color: #000}
.project-info-fixed .btn-enquire::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #E51735; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.project-info-fixed .btn-enquire:hover::after {transform: scaleX(1); transform-origin: bottom left;}

.project-detail-area{padding: 0px 0px 35px 125px; display: flex !important; align-items: flex-end !important; position: relative;}
.project-detail-area .photo1{height: 44vh; margin-right: 15px}
.project-detail-area .photo1 img{height: 100%; }
.project-detail-area .photo2{height: 68vh; margin-right: 15px}
.project-detail-area .photo2 img{height: 100%; }
.project-detail-area .photo3{height: 68vh; margin-right: 15px}
.project-detail-area .photo3 img{height: 100%; }
.project-detail-area .photo4{height: 68vh; margin-right: 15px}
.project-detail-area .photo4 img{height: 100%; }
.project-detail-area .two-photo{height: 68vh; margin-right: 15px}
.project-detail-area .two-photo .small-photo{height: 50%}
.project-detail-area .two-photo .small-photo img{height: 100%}
.project-detail-area .two-photo .small-photo:first-child{padding-bottom: 10px}
.project-detail-area .two-photo .small-photo:last-child{padding-top: 5px}
.project-detail-area .photo5{height: 68vh; margin-right: 15px}
.project-detail-area .photo5 img{height: 100%; }
.project-detail-area .photo6{height: 68vh; margin-right: 15px}
.project-detail-area .photo6 img{height: 100%; }
.project-detail-area .photo7{height: 68vh; margin-right: 15px}
.project-detail-area .photo7 img{height: 100%; }
.project-detail-area .project-content{width: 450px; margin-right: 35px; height: 68vh;}
.project-detail-area .project-content p{font-family: var(--font-light);  width: 100%; white-space: break-spaces !important; font-size: 18px; line-height: 20px; color: rgba(0, 0, 0, 1); margin: 0 0 20px 0}
.project-detail-area .sustainability-block{width: 450px; margin-right: 35px; height: 68vh;}
.project-detail-area .sustainability-block h2{font-family: var(--font-book); font-size: 36px; line-height: 36px; color: rgba(0, 0, 0, 1); margin: -61px 0 25px 0; text-transform: uppercase;}
.project-detail-area .sustainability-block p{font-family: var(--font-light);  width: 100%; white-space: break-spaces !important; font-size: 18px; line-height: 20px; color: rgba(0, 0, 0, 1); margin: 0 0 20px 0}
.project-detail-area .faq-area{height: 68vh; width: 1250px}
.project-detail-area .faq-area .accordion{border-top: #000 1px solid}
.project-detail-area .faq-area .card{border: none; border-radius: 0px !important; border-bottom: #000 1px solid}
.project-detail-area .faq-area .card-header{padding: 0px; border-bottom: none; background: #fff}
.project-detail-area .faq-area .card-header .btn-link{font-family: var(--font-book); font-size: 18px; line-height: 18px; padding: 15px 0; color: #000; text-decoration: none; position: relative;}
.project-detail-area .faq-area .card-header .btn-link::before{content: none; position: absolute; top: 15px; right: 50px; width: 1px; height: 16px; background: #000}
.project-detail-area .faq-area .card-header .btn-link::after{content: ''; position: absolute; top: 23px; right: 42px; width: 17px; height: 1px; background: #000}
.project-detail-area .faq-area .card-header .btn-link:focus{box-shadow: none}
.project-detail-area .faq-area .card-header .btn-link.collapsed::before{content: ''; position: absolute; top: 15px; right: 50px; width: 1px; height: 16px; background: #000}
.project-detail-area .faq-area .card-body{padding: 0px 0px 30px 0px}
.project-detail-area .faq-area .card-body p{font-family: var(--font-light);  width: 100%; white-space: break-spaces !important; font-size: 18px; line-height: 20px; color: rgba(0, 0, 0, 1); margin: 0 0 20px 0}
.project-detail-area .faq-area .card-body img{width: 100%}

.enquire-now-area{padding: 0px 0px 35px 125px; display: flex !important; align-items: flex-end !important; position: relative; background: #fff; z-index: 3}
.enquire-now-area .content-left{width: 520px; padding-right: 85px; height: 68vh;}
.enquire-now-area .content-left h2{font-family: var(--font-book); font-size: 36px; line-height: 36px; color: rgba(0, 0, 0, 1); margin: -61px 0 25px 0; }
.enquire-now-area .content-left p{font-family: var(--font-light);  width: 100%; white-space: break-spaces !important; font-size: 18px; line-height: 20px; color: rgba(0, 0, 0, 1); margin: 0 0 20px 0}
.enquire-now-area .content-left p a{color: #000; text-decoration: underline;}
.enquire-now-area .form-area{width: 780px; margin-right: 90px; height: 68vh; border-top: #000000 1px solid}
.enquire-now-area .form-area .form-control{font-size: 18px; line-height: 20px; padding: 35px 0; border-radius: 0px; border: none; border-bottom: #000 1px solid}
.enquire-now-area .form-area .form-control:focus{box-shadow: none; border-bottom: #E51735 1px solid}
.enquire-now-area .form-area .btn-submit{position: relative; text-decoration: none; font-family: var(--font-book); font-size: 18px; line-height: 18px; color: #E51735; padding-bottom: 4px; margin-top: 35px; display: inline-block;}
.enquire-now-area .form-area .btn-submit:hover{text-decoration:none; color: #000}
.enquire-now-area .form-area .btn-submit::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #E51735; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.enquire-now-area .form-area .btn-submit:hover::after {transform: scaleX(1); transform-origin: bottom left;}

.testimonials-area{height: 100vh; border-left: #000 1px solid; border-right: #000 1px solid}
.testimonials-area .top-title{height: 24vh; border-bottom: #000 1px solid; padding: 106px 26px 16px 26px; display: flex; flex-direction: column; justify-content: space-between;}
.testimonials-area .top-title h2{font-family: var(--font-book); font-size: 46px; line-height: 46px; color: rgba(0, 0, 0, 1); text-transform: uppercase;}
.testimonials-area .top-title p{margin: 0px; font-size: 14px; line-height: 14px; color: #000; font-family: var(--font-book);}
.testimonials-area .review-area{height: 76vh; display: flex;}
.testimonials-area .review-area .start-quote{border-right: #000 1px solid; padding: 40px}
.testimonials-area .review-area .end-quote{ padding: 40px}
.testimonials-area .review-area ul.review-list{display: flex; height: 100%; margin: 0px; padding: 0px; list-style: none; position: relative;}
.testimonials-area .review-area ul.review-list li{width: 500px; border-right: #000 1px solid; height: 100%}
.testimonials-area .review-area ul.review-list li .review-block .review-img{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0}
.testimonials-area .review-area ul.review-list li .review-block{ border-bottom: #000 1px solid}
.testimonials-area .review-area ul.review-list li .review-block .pd-0{padding: 30px 45px 15px 12px;  position: relative; z-index: 6}
.testimonials-area .review-area ul.review-list li .review-block .title{font-family: var(--font-book); font-size: 14px; line-height: 17px; color: #000; margin: 0 0 20px 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; white-space: break-spaces !important;}
.testimonials-area .review-area ul.review-list li .review-block .name{font-family: var(--font-light); font-size: 14px; line-height: 17px; color: #8D8D8D; margin: 0 0 80px 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.testimonials-area .review-area ul.review-list li .review-block .message{font-family: var(--font-light); font-size: 14px; line-height: 17px; color: #000; margin: 0 0 20px 0; opacity: 0.2; white-space: break-spaces !important; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.testimonials-area .review-area ul.review-list:hover .review-block .title,
.testimonials-area .review-area ul.review-list:hover .review-block .name,
.testimonials-area .review-area ul.review-list:hover .review-block .message{opacity: 0.2; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.testimonials-area .review-area ul.review-list:hover .review-block:hover .pd-0{position: relative; z-index: 6; background: #fff}
.testimonials-area .review-area ul.review-list:hover .review-block:hover .review-img{opacity: 1}
.testimonials-area .review-area ul.review-list:hover .review-block:hover .title{opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; cursor: pointer; color: #e51735}
.testimonials-area .review-area ul.review-list:hover .review-block:hover .name,
.testimonials-area .review-area ul.review-list:hover .review-block:hover .message{opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; cursor: pointer;}

.sustainability-area{width: 100vw; height: 100vh; position: relative; overflow: hidden; background: #000}
.sustainability-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.sustainability-area img.bgimg.active{opacity: 0.5; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.sustainability-area .graphic-block{position: absolute; bottom: 0px; right: 0px; z-index: 1; width: 100%; height: 100%}
.sustainability-area .graphic-block img{position: relative;}
.sustainability-area .graphic-block .box1{position: absolute; bottom: 0px; right: 11.7%; width: 11.7%; height: 23.5%; overflow: hidden; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.sustainability-area .graphic-block .box2{position: absolute; bottom: 23.5%; right: 0%; width: 11.7%; height: 29%; overflow: hidden; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.sustainability-area .graphic-block .box3{position: absolute; bottom: 52.5%; right: 11.7%; width: 32.7%; height: 18.4%; overflow: hidden; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.sustainability-area .graphic-block .box4{position: absolute; bottom: 70.8%; right: 44.4%; width: 13.8%; height: 23.4%; overflow: hidden; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.sustainability-area .graphic-block .box5{position: absolute; bottom: 17.5%; right: 58.1%; width: 28.9%; height: 53.4%; overflow: hidden; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.sustainability-area .graphic-block .box6{position: absolute; bottom: 0%; right: 87%; width: 8.8%; height: 17.5%; overflow: hidden; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}

.sustainability-area .graphic-block .box1:hover,
.sustainability-area .graphic-block .box2:hover,
.sustainability-area .graphic-block .box3:hover,
.sustainability-area .graphic-block .box4:hover,
.sustainability-area .graphic-block .box5:hover,
.sustainability-area .graphic-block .box6:hover{opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}

.featured-content-area{padding: 106px 0px 40px 60px; width: 65vw;border-left: 0.5px solid #000;}
.featured-content-area h2{font-family: var(--font-book); font-size: 46px; line-height: 46px; color: rgba(0, 0, 0, 1); text-transform: uppercase; display: flex; justify-content: space-between; margin: 0 0 40px 0}
.featured-content-area h2 a{font-size: 22px; line-height: 27px; color: #000; display: flex; text-decoration: none}
.featured-content-area .small-part{width: 410px; margin-right: 20px}
.featured-content-area .small-part p{font-size: 18px; line-height: 18px; color: #000; font-family: var(--font-light); white-space: break-spaces !important; margin: 0 0 35px 0}

.our-approach-block{padding: 0px; position: relative; z-index: 2}
.our-approach-block .menu{position: relative; padding: 106px 0 0 120px; margin: 0px; list-style: none; width: 100vw; height: 100vh; background: #000}
.our-approach-block .menu img.bg{display: block;}
.our-approach-block .menu img{width: 100%; position: absolute; bottom: 0px; right: 0px; z-index: 1; display: none}
.our-approach-block .menu li a{position: relative; z-index: 5; color: #fff; font-family: var(--font-book); font-size: 46px; line-height: 46px; color: #fff; text-transform: uppercase; text-decoration: none; opacity: 0.3; display: flex; align-items: center;}
.our-approach-block .menu li a .icon{width: 30px; height: 30px; margin: 0px 0 0 20px; display: flex; align-items: center; justify-content: center; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.our-approach-block .menu li a .icon svg{width: 100%; height: 100%}
.our-approach-block .menu li:hover a{opacity: 1}
.our-approach-block .menu li.active a{opacity: 1}
.our-approach-block .menu li:hover a .icon{margin-left: 40px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.our-approach-block .menu li.about.active .about-img{display: block;}
.our-approach-block .menu li.mission.active .mission-img{display: block;}
.our-approach-block .menu li.legacy.active .legacy-img{display: block;}
.our-approach-block .menu li{margin-bottom: 14px}
.our-approach-block .menu li.about:hover .about-img{ display: block;}
.our-approach-block .menu li.mission:hover .mission-img{display: block;}
.our-approach-block .menu li.legacy:hover .legacy-img{ display: block;}
.our-approach-block .bottom-graphic{position: absolute; bottom: 0px; right: 0px; padding: 60px 0 0 77px; height: 100%; width: 100vw; opacity: 1; z-index: 3;}
.our-approach-block .bottom-graphic img{width: 100%; height: 100%; opacity: 1;}
.our-approach-block .menu.approach-main-page li.about .about-img{display: block;}

.aboutpage-title-area{position: fixed; top: 100px; left: 120px; z-index: 1}
.aboutpage-title-area h2{font-family: var(--font-book); font-size: 46px; line-height: 46px; color: rgba(0, 0, 0, 1); text-transform: uppercase; }
.aboutpage-title-area a{position: relative; text-decoration: none; font-family: var(--font-light); font-size: 18px; line-height: 18px; color: #8D8D8D; padding-bottom: 4px}
.aboutpage-title-area a:hover{text-decoration:none; color: #8D8D8D}
.aboutpage-title-area a::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #8D8D8D; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.aboutpage-title-area a:hover::after {transform: scaleX(1); transform-origin: bottom left;}

.about-page{padding: 205px 0px 34px 100px}
.about-page .content-bottom-part{display: flex; height: 100%}
.about-page .content-bottom-part .inner-block {border-right: #000 1px solid; width: 598px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 0 20px}
.about-page .content-bottom-part h3{font-family: var(--font-book); font-size: 28px; line-height: 28px; color: #E51735; margin: 0 0 25px 0}
.about-page .content-bottom-part p{font-size: 18px; line-height: 18px; color: #8D8D8D; font-family: var(--font-light); white-space: break-spaces !important; margin: 0 0 20px 0}
.about-page .content-bottom-part ul{margin: 0px 0px 20px 0px; padding: 0px; list-style: none;}
.about-page .content-bottom-part ul li{font-size: 18px; line-height: 18px; color: #8D8D8D; font-family: var(--font-light); white-space: break-spaces !important; padding-left: 20px; position: relative; }
.about-page .content-bottom-part ul li::before{content: ''; position: absolute; width: 8px; height: 8px; background: #E51735; top: 5px; left: 0px}
.about-page .content-bottom-part .inner-top{padding-bottom: 15px}
.about-page .content-bottom-part .inner-bottom{width: 100%; height: 42vh; position: relative; overflow: hidden;}
.about-page .content-bottom-part .inner-bottom img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;   transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.about-page .content-bottom-part .large-inner-block{border-right: #000 1px solid; width: 1080px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 0 20px}
.about-page .content-bottom-part .large-inner-block p{width: 50%}
.who-we-work-area{padding: 205px 0px 34px 0px; width: 100vw; display: flex !important;}
.who-we-work-area .w-3{width: 33.33%; padding: 0 30px}
.who-we-work-area .w-3 p{white-space: break-spaces !important; font-size: 18px; line-height: 18px; color: #8D8D8D; font-family: var(--font-light); margin-bottom: 5px}
.who-we-work-area .w-3 p strong{font-family: var(--font-book); font-weight: normal;}
.who-we-work-area .w-3 .collapsible{font-family: var(--font-book); color: #000; cursor: pointer; padding: 10px 0; width: 100%; border: none; text-align: left; outline: none; font-size: 18px; line-height: 18px; background: #fff; border-top: #000 1px solid; position: relative;}
.who-we-work-area .w-3 .collapsible::before{content: ''; position: absolute; top: 17px; right: 0px; width: 11px; height: 1px; background: #000}
.who-we-work-area .w-3 .collapsible::after{content: ''; position: absolute; top: 12px; right: 5px; width: 1px; height: 11px; background: #000}
.who-we-work-area .w-3 .collapsible.active::after{content: none}
.who-we-work-area .w-3 .content {max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.who-we-work-area .w-3 .content img{width: 100%; margin-bottom: 10px}

.red-block{background: red; width: 100vw}
.swiper {width: 100vw; height: 100vw;}

.legacy-page{width: auto; display: flex !important; height: 100vh !important; padding-left:80px}
.legacy-page .swiper-slide{ height: 100vw;}
.legacy-page .year-block{height: 100vh; display: flex; align-items: flex-end;  width:100vw}
.legacy-page .year-block .bottom-box{width: 17%; height: 28%; background: #D9D9D9; padding: 30px; font-family: var(--font-light); font-size: 46px; line-height: 46px; color: #8D8D8D; position: relative; bottom: -28%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.legacy-page .year-block .center-box{width: 100%; overflow: hidden; height: 78%; position: relative; background: #000; padding: 20px; position: relative;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.legacy-page .year-block .center-box img{width: 120%; height: 120%; position: absolute; top: -10%; bottom: -10%; left: -10%; right: -10%; object-fit: cover; opacity: 0.6;  transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;}
.legacy-page .year-block .center-box .year-info{background: #E51735; padding: 20px; width: 600px; position: relative;}
.legacy-page .year-block .center-box .year-info h3{font-size: 46px; line-height: 46px; font-family: var(--font-book); font-weight: 700; color: #fff; margin: 0 0 18px 0}
.legacy-page .year-block .center-box .year-info p{font-family: var(--font-light); font-size: 18px; line-height: 21px; margin: 0 0 55px 0; white-space: break-spaces !important; color: #fff}
.legacy-page .year-block .center-box .year-info a{color:#fff; font-family: var(--font-book); font-size: 14px; line-height: 14px; text-decoration: none; display: flex; align-items: center;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; margin-right: 40px}
.legacy-page .year-block .center-box .year-info a svg{margin-left: 10px;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.legacy-page .year-block .center-box .year-info a:hover{color: #fff;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.legacy-page .year-block .center-box .year-info a:hover svg{transform: rotate(45deg); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.legacy-page .year-block .top-box { width: 11%; height: 100%; border-left: #000 1px solid; padding-top: 100px; padding: 140px 15px; font-family: var(--font-light); font-size: 46px; line-height: 46px; color: #8D8D8D; background: #fff; position: relative; right: -11%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.legacy-page .swiper-button-next::after,
.legacy-page .swiper-button-prev::after {content: none !important}
.legacy-page .swiper-button-prev{position: absolute; top: 230px; left: 100px;}
.legacy-page .swiper-button-next{position: absolute; top: 230px; left: 140px; right: auto;}
.legacy-page .swiper-slide.swiper-slide-active .year-block .bottom-box{ position: relative; bottom: 0%; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;}
.legacy-page .swiper-slide.swiper-slide-active .year-block .center-box{ position: relative; bottom: 0%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.legacy-page .swiper-slide.swiper-slide-active .year-block .top-box{ position: relative; right: 0%; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;}
.legacy-page .swiper-slide.swiper-slide-active .year-block .center-box img{ width: 100%; height: 100%; top: 0%; bottom: 0%; left: 0%; right: 0%; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;}

.mission-block{padding: 240px 0 0 100px; width: 100vw; height: 100vh; display: flex; flex-direction: column; justify-content: space-between;}
.mission-block .content-block{height: 100px}
.mission-block .content-block h3{font-family: var(--font-book); font-size: 24px; line-height: 24px; color: #000; text-transform: uppercase; margin: 0 0 28px 0}
.mission-block .content-block p{width: 460px; font-size: 18px; line-height: 18px; color: #8D8D8D; font-family: var(--font-light); white-space: break-spaces !important; margin: 0 0 20px 0}
.mission-block .bottompart{display: flex; align-items: flex-end; height: 76vh}
.mission-block .bottompart .box1{height: 42%;width:16%;}
.mission-block .bottompart .box1 img{height: 100%; width:100%;}
.mission-block .bottompart .box2{height: 65%; margin-left: -2px; width: 25%; }
.mission-block .bottompart .box2 img{height: 100%;  width:100%;}
.mission-block .bottompart .box3{height: 100%; margin-left: -2px; }
.mission-block .bottompart .box3 img{height: 100%;   width:100%;}

.vision-block{padding: 240px 0 0 120px; width: 100vw; height: 100vh; position: relative; border-left:#000 1px solid;}
.vision-block .content-block h3{font-family: var(--font-book); font-size: 24px; line-height: 24px; color: #000; text-transform: uppercase; margin: 0 0 28px 0}
.vision-block .content-block p{width: 460px; font-size: 18px; line-height: 18px; color: #8D8D8D; font-family: var(--font-light); white-space: break-spaces !important; margin: 0 0 20px 0}
.vision-block .vision-photo{position: absolute; top: 0px; right: 0px; height: 100vh; width: 50vw; overflow: hidden;}
.vision-block .vision-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;   transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.collective-area{padding: 106px 0 0 80px; height: 100vh; width: 100vw; display: flex !important; flex-direction: column !important; justify-content: space-between !important;}
.collective-area .content-top{padding: 0 25px}
.collective-area .content-top h2{font-family: var(--font-book); font-size: 46px; line-height: 46px; color: rgba(0, 0, 0, 1); text-transform: uppercase; margin: 0 0 30px 0}
.collective-area .content-top p{width: 600px; font-size: 18px; line-height: 20px; color: #000; font-family: var(--font-light); white-space: break-spaces !important; margin: 0 0 20px 0}
.collective-area .content-bottom{height: 56vh; display: flex;}
.collective-area .content-bottom .collective-block{width: 50%; height: 100%; position: relative; overflow: hidden; }
.collective-area .content-bottom .collective-block:first-child{margin-right: 10px}
.collective-area .content-bottom .collective-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;   transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.collective-area .content-bottom .collective-block a.titlepart{position: absolute; bottom: -200px; z-index: 1; background: #fff; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 40px 35px; text-decoration: none; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.collective-area .content-bottom .collective-block a.titlepart h3{font-family: var(--font-light);  font-size: 18px; line-height: 21px; color: #8D8D8D; margin: 0px}
.collective-area .content-bottom .collective-block a.titlepart h3 span{display: block; color: #000}
.collective-area .content-bottom .collective-block:hover a.titlepart{bottom: 0px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.collective-logo-area{padding: 106px 0 0 0px; height: 100vh; width: 100vw; display: flex !important; flex-direction: column !important; justify-content: space-between !important;}
.collective-logo-area .content-top{padding: 0 25px}
.collective-logo-area .content-top h2{font-family: var(--font-book); font-size: 46px; line-height: 46px; color: rgba(0, 0, 0, 1); text-transform: uppercase; margin: 0 0 30px 0}
.collective-logo-area .content-bottom{height: 76vh; padding-left: 25px}
.collective-logo-area .content-bottom h3{font-family: var(--font-book); margin: 0 0 20px 0; font-size: 18px; line-height: 18px; color: #000}
.collective-logo-area .content-bottom ul{margin: 0px; padding: 0px; list-style: none; height: 100%; display: flex; flex-wrap: wrap; width: 100%;border-left: 1px solid #000;}
.collective-logo-area .content-bottom ul li{width: 20%; border-top: #000 1px solid; border-right: #000 1px solid; height: 50%; position: relative; cursor: pointer;}
.collective-logo-area .content-bottom ul li img{max-width: 80%; max-height: 80%; margin: auto; position: absolute; top: 10%; bottom: 10%; left: 10%; right: 10%; object-fit:contain; opacity: 0.7;  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; filter: grayscale(1); }
.collective-logo-area .content-bottom ul li:hover img{transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; filter: grayscale(0); opacity: 1}

.collective-main-photo{width: 100vw; height: 100vh; position: relative; overflow: hidden; z-index: 2}
.collective-main-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;   transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.collective-main-photo .collective-title-area h2{font-family: var(--font-book); font-size: 46px; line-height: 46px; color: #fff; text-transform: uppercase; }
.collective-main-photo .collective-title-area a{position: relative; text-decoration: none; font-family: var(--font-light); font-size: 18px; line-height: 18px; color: #fff; margin-bottom: 5px}

.collective-title-area{position: fixed; top: 100px; left: 120px; z-index: 1;}
.collective-title-area h2{font-family: var(--font-book); font-size: 46px; line-height: 46px; color: #000; text-transform: uppercase; }
.collective-title-area a{position: relative; text-decoration: none; font-family: var(--font-light); font-size: 18px; line-height: 18px; color: #8D8D8D; margin-bottom: 5px}
.collective-content-block{padding: 0px 0px 35px 0px; display: flex !important; align-items: flex-end !important; position: relative;}
.collective-content-block .inner-content-flex{height: 70vh; padding-left: 45px}
.collective-content-block .inner-content-flex h3{font-family: var(--font-book);  font-size: 18px; line-height: 18px; color: #000; margin: 0px 0px 7px 0px}
.collective-content-block .inner-content-flex p{font-family: var(--font-light);  font-size: 18px; line-height: 18px; color: #8D8D8D; margin: 0px 0px 2px 0px}
.collective-content-block .inner-content-flex p a{color: #8D8D8D; text-decoration: none; position: relative;}
.collective-content-block .inner-content-flex p a:hover{text-decoration:none; color: #8D8D8D}
.collective-content-block .inner-content-flex p a::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #8D8D8D; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.collective-content-block .inner-content-flex p a:hover::after {transform: scaleX(1); transform-origin: bottom left;}
.collective-content-block .inner-content-flex ul{margin: 0px; padding: 0px; list-style: none;}
.collective-content-block .inner-content-flex ul li{font-family: var(--font-light);  font-size: 18px; line-height: 22px; color: #8D8D8D; margin: 0px}

h1.career-title{position: fixed; top: 100px; left: 120px; z-index: 1; font-family: var(--font-book); font-size: 46px; line-height: 46px; color: #000; text-transform: uppercase;}
.careerpage{padding: 60px 0 0 80px; display: flex !important; align-items: flex-end;}
.careerpage .first-block{width: 300px; height: 300px; border-top: #000000 1px solid}
.careerpage .our-culture{width: 580px; height: 54vh; border-top: #000000 1px solid; border-left: #000 1px solid; padding: 40px 65px 40px 30px;  display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.careerpage .our-culture h2{font-family: var(--font-book); font-size: 22px; line-height: 22px; color: #000; margin: 0 0 40px 0}
.careerpage .our-culture p{font-size: 18px; line-height: 24px; color: #8D8D8D; font-family: var(--font-light); white-space: break-spaces !important; margin: 0 0 20px 0}
.careerpage .our-culture a{color: #000; text-decoration: none; position: relative; font-size: 18px; line-height: 18px; }
.careerpage .our-culture a:hover{text-decoration:none; color: #000}
.careerpage .our-culture a::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #000; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.careerpage .our-culture a:hover::after {transform: scaleX(1); transform-origin: bottom left;}
.careerpage .career-photo{height: 77vh; width: 780px; position: relative; overflow: hidden;}
.careerpage .career-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;   transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; filter: grayscale(1);}
.careerpage .career-photo:hover img{transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; filter: grayscale(0);}
.careerpage .career-opportunities{height: 84vh; border: #000 1px solid; width: 650px; border-bottom: none; display: flex; flex-direction: column; justify-content: space-between;}
.careerpage .career-opportunities .content-top{padding: 35px 90px 35px 35px}
.careerpage .career-opportunities .content-top h3{font-family: var(--font-book); font-size: 22px; line-height: 22px; color: #000; margin: 0 0 40px 0; padding-top: 60px}
.careerpage .career-opportunities .content-top p{font-size: 18px; line-height: 24px; color: #8D8D8D; font-family: var(--font-light); white-space: break-spaces !important; margin: 0 0 20px 0}
.careerpage .career-opportunities .content-bottom{height: 60%; width: 100%; position: relative; overflow: hidden;}
.careerpage .career-opportunities .content-bottom img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;   transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; filter: grayscale(1);}
.careerpage .career-opportunities .content-bottom:hover img{transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; filter: grayscale(0);}

.current-vacancies{width: 100vw; height: 100vh !important; padding-top: 25vh; padding-left: 350px;}
.current-vacancies h2{position: absolute; top: 25vh; left: 70px; font-family: var(--font-book); font-size: 22px; line-height: 22px; color: #000; }
.current-vacancies .content-vacancies{max-width: 495px}
.current-vacancies .content-vacancies p{font-size: 18px; line-height: 24px; color: #8D8D8D; font-family: var(--font-light); white-space: break-spaces !important; margin: 0 0 20px 0}
.current-vacancies ul.vacancie-list{margin: 0px; padding: 0px 440px 0px 0px; list-style: none; display: flex; flex-wrap: wrap;}
.current-vacancies ul.vacancie-list li{width: 25%; border-left: #000 1px solid; height: 234px; margin-top: 40px; display: flex; flex-direction: column; justify-content: space-between; padding: 0 26px 35px 26px; align-items: flex-start;}
.current-vacancies ul.vacancie-list li:nth-of-type(4n+4){border-right: #000 1px solid}
.current-vacancies ul.vacancie-list li .vacancie-info{font-size: 18px; line-height: 21px; color: #8D8D8D; font-family: var(--font-book); white-space: break-spaces !important; margin: 0 0 20px 0}
.current-vacancies ul.vacancie-list li .vacancie-info span{color: #000; display: block; margin: 0 0 16px 0}
.current-vacancies ul.vacancie-list li a{color: #000; text-decoration: none; position: relative; font-size: 18px; line-height: 18px; display: inline-block;}
.current-vacancies ul.vacancie-list li a:hover{text-decoration:none; color: #000}
.current-vacancies ul.vacancie-list li a::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #000; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.current-vacancies ul.vacancie-list li a:hover::after {transform: scaleX(1); transform-origin: bottom left;}

.contact-page{height: 100vh; display: flex !important; flex-direction: column; justify-content: space-between; border-right: #000 1px solid}
.contact-page h1{padding: 100px 0 0 120px; font-family: var(--font-book); font-size: 46px; line-height: 46px; color: #000; text-transform: uppercase;}
.contact-page .contact-bottom{height: 76vh; border-top: #000 1px solid; padding: 50px 100px 50px 120px; display: flex;}
.contact-page .call{ font-family: var(--font-book);  font-size: 18px; line-height: 21px; color: #000; margin-right: 100px}
.contact-page .call a{display: block; color: #000}
.contact-page .select-box{width: 330px; margin-right: 100px}
.contact-page .select-box label{font-family: var(--font-book); font-size: 18px; line-height: 21px; color: #000; margin: 0px 0px 7px 0px}
.contact-page .select-box .form-control{border: none; border-bottom: #8D8D8D 1px solid; border-radius: 0px; padding: 10px 0;font-family: var(--font-light);  font-size: 18px; height: auto;}
.contact-page .select-box .form-control:focus{box-shadow: none}
.contact-page .form-area{max-width: 500px}
.contact-page .form-area h2{font-family: var(--font-book); font-size: 18px; line-height: 21px; color: #000; margin: 0 0 10px 0}
.contact-page .form-area ul{margin: 0px; padding: 0px 0px 20px 0px; border-bottom:#8D8D8D 1px solid; list-style: none; display: flex;}
.contact-page .form-area ul li{width: 20%}
.contact-page .form-area ul li label{margin: 0px !important}
.contact-page .form-area .mb-5{margin-bottom:20px !important;}
.contact-page .form-area .mb-5 label{font-family: var(--font-light);  font-size: 18px; line-height: 18px; margin: 0 0 12px 0; display: block; color: #8D8D8D}
.contact-page .form-area .form-control{border: none; border-bottom: #8D8D8D 1px solid; border-radius: 0px; padding: 12px 0; font-family: var(--font-light); font-size: 18px; height: 44px;}
.contact-page .form-area .form-control:focus{box-shadow: none; border-bottom: #E51735 1px solid}
.contact-page .form-area textarea.form-control{height: auto; padding-top: 0px}
.contact-page .form-area .radio{display: block; margin: 0px}
.contact-page .form-area .radio span{width: 100%; height: 100%; background: transparent; position: relative; display: block; font-family: var(--font-light); font-size: 12px; line-height: 12px; color: #8D8D8D; padding-left: 20px}
.contact-page .form-area .radio span::before{content: ''; position: absolute; top: 0px; left: 0px; width: 10px; height: 10px; border: #8D8D8D 1px solid}
.contact-page .form-area .radio > input{display: none}
.contact-page .form-area .radio > input:checked ~ span::before{background: #E51735; border: #E51735 1px solid}
.contact-page .form-area .btn-submit{color: #E51735; background: transparent; border: none; border-bottom: #E51735 1px solid; position: relative; font-size: 18px; line-height: 18px; display: inline-block; margin-top: 25px}

.location-area{height: 100vh; display: flex !important; flex-direction: column; justify-content: space-between; }
.location-area h2{padding: 100px 0 0 40px; font-family: var(--font-book); font-size: 46px; line-height: 46px; color: #000; text-transform: uppercase;}
.location-area .contact-bottom{height: 76vh; border-top: #000 1px solid; padding: 50px 300px 50px 40px; }
.location-area .contact-bottom .office-block{width: 330px; margin-bottom: 50px}
.location-area .contact-bottom .office-block .form-control{border: none; border-bottom: #8D8D8D 1px solid; border-radius: 0px; padding: 10px 0;font-family: var(--font-light);  font-size: 18px; height: auto;}
.location-area .contact-bottom .office-block .form-control:focus{box-shadow: none}
.location-area .contact-bottom p{font-family: var(--font-book); font-size: 18px; line-height: 21px; color: #000; margin: 0 0 15px 0}
.location-area .contact-bottom p a{color: #000; text-decoration: underline;}
.location-area .contact-bottom .map-block{height: 40vh; width: 1160px;}
.location-area .contact-bottom .map-block iframe{width: 100%; height: 100%}


.ourteam-fixed{position: fixed; top: 0; left: 0; z-index: 1; padding: 106px 0 0 105px; background: #fff; width: 100%; border-bottom: #000 1px solid;}
.ourteam-fixed h1{font-family: var(--font-book); font-size: 46px; line-height: 46px; color: #000; text-transform: uppercase; margin: 0 0 56px 0}
.ourteam-fixed ul.inner-menu{margin: 0px; padding: 0px; list-style: none; display: flex;}
.ourteam-fixed ul.inner-menu li{margin-right: 35px}
.ourteam-fixed ul.inner-menu li a{ font-family: var(--font-light); color: #00000066; font-size: 14px; line-height: 16px; padding: 15px 0; display: block; text-decoration: none; position: relative;}
.ourteam-fixed ul.inner-menu li a:hover,
.ourteam-fixed ul.inner-menu li a.active{font-family: var(--font-book); color: #000; }
.ourteam-fixed ul.inner-menu li a:hover:before,
.ourteam-fixed ul.inner-menu li a.active:before{content: ''; position: absolute; bottom: -1px; left: 0px; background: #E51735; width: 100%; height: 2px}


.gallery-page{padding: 254px 0px 24px 80px; height: 100vh; display: flex !important;}
.gallery-page .large{width: 820px; height: 100%; margin-right: 10px}
.gallery-page .large-2{width: 530px; height: 100%; margin-right: 10px}
.gallery-page .small-multi{width: 820px; height: 100%; display: flex; flex-wrap: wrap;  margin-right: 10px}
.gallery-page .small-multi .small-1{width: 100%; height: 36%; margin-bottom: 10px}
.gallery-page .small-multi .small-2{width: 64%; height: 64%; padding-right: 10px}
.gallery-page .small-multi .small-3{width: 36%; height: 64%}
.gallery-page .photo{width: 100%; height: 100%; position: relative; overflow: hidden;}
.gallery-page .photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px;right: 0px; object-fit: cover;}
.fancybox__container{--fancybox-bg: rgba(255, 255, 255, 0.8) !important;}


.our-team-page{padding: 300px 50px 24px 106px; height: 100vh; width: 100vw}
.our-team-page .team-list{margin: 0px -25px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.our-team-page .team-list li{padding: 0 25px; width: 16.66%; margin-bottom: }
.our-team-page .team-list li img{width: 100%}
.our-team-page .team-block{margin-bottom: 60px;}
.our-team-page .team-block .photo{width: 100%; height: 100%; position: relative; overflow: hidden; margin-bottom: 8px}
.our-team-page .team-block .photo img{width: 100%; }
.our-team-page .team-block .name{font-family: var(--font-light); font-size: 14px; line-height: 16px; color: #000000; }
.our-team-page .team-block .name span{opacity: 0.4; display: block;}


.board-members{padding: 254px 0px 0px 80px; height: 100vh; display: flex !important;}
.board-members ul.members-list{margin-right: 0px; margin: 0px; padding: 0px; list-style: none; display: flex;}
.board-members ul.members-list li{width:450px; border-right: #000 1px solid; padding: 24px 15px 20px 15px; position: relative;}
.board-members ul.members-list li .name{font-family: var(--font-light); font-size: 18px; line-height: 21px; color: #000000; margin: 0 0 50px 0}
.board-members ul.members-list li .name span{opacity: 0.4; display: block;}
.board-members ul.members-list li .content{position: absolute; bottom: -1000px; left: 0px; background: #fff; padding: 0 20px 40px 20px; transition: all .5s ease;  z-index: 3}
.board-members ul.members-list li .content.active{bottom: 0px; transition: all .5s ease; }
.board-members ul.members-list li .content p{font-size: 17px; line-height: 21px; color: #000; font-family: var(--font-light); margin: 0 0 18px 0; white-space: break-spaces;}
.board-members ul.members-list li .content a{color: #000000; font-size: 18px; line-height: 21px; text-decoration: none; margin-top: 60px; display: inline-block;}
.board-members ul.members-list li .view-profile{position: relative; text-decoration: none; font-family: var(--font-light); font-size: 14px; line-height: 14px; color: #8D8D8D; background: transparent; border: none; padding: 0 0 4px 0}
.board-members ul.members-list li .view-profile::before{content: 'View '}
.board-members ul.members-list li .view-profile.active::before{content: 'Close '}
.board-members ul.members-list li .view-profile:hover{text-decoration:none; color: #8D8D8D}
.board-members ul.members-list li .view-profile::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #8D8D8D; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.board-members ul.members-list li .view-profile:hover::after {transform: scaleX(1); transform-origin: bottom left;}
.board-members ul.members-list li .photo-area{width: 100%; transition: all .5s ease; }
.board-members ul.members-list li .photo-area.hide{opacity: 0; transition: all .5s ease; }
.board-members ul.members-list li .photo-area img{width: 100%}
.board-members ul.members-list li:last-child{border-right: none}
.board-members .member-block{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}

.director-page{width: 100vw; height: 100vh; padding: 254px 0px 0px 80px; display: flex !important;}
.director-page .director-profile{width: 30%; padding: 24px 20px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; position: relative;}
.director-page .director-profile .name{font-family: var(--font-light); font-size: 18px; line-height: 21px; color: #000000; margin: 0 0 50px 0}
.director-page .director-profile .name span{opacity: 0.4; display: block;}
.director-page .director-profile .view-profile{position: relative; text-decoration: none; font-family: var(--font-light); font-size: 14px; line-height: 14px; color: #8D8D8D; background: transparent; border: none; padding: 0 0 4px 0}
.director-page .director-profile .view-profile::before{content: 'View '}
.director-page .director-profile .view-profile.active::before{content: 'Close '}
.director-page .director-profile .view-profile:hover{text-decoration:none; color: #8D8D8D}
.director-page .director-profile .view-profile::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #8D8D8D; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.director-page .director-profile .view-profile:hover::after {transform: scaleX(1); transform-origin: bottom left;}
.director-page .director-profile .photo-area{width: 100%; height: 60%; overflow: hidden; position: relative; transition: all .5s ease; }
.director-page .director-profile .photo-area.hide{opacity: 0; transition: all .5s ease; }
.director-page .director-profile .photo-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.director-page .director-profile .content{position: absolute; bottom: -1000px; left: 0px; background: #fff; padding: 0 20px 40px 20px; transition: all .5s ease;  z-index: 3; width: 100%}
.director-page .director-profile .content.active{bottom: 0px; transition: all .5s ease; }
.director-page .director-profile .content p{font-size: 17px; line-height: 21px; color: #000; font-family: var(--font-light); margin: 0 0 18px 0; white-space: break-spaces;}
.director-page .director-profile .content a{color: #000000; font-size: 18px; line-height: 21px; text-decoration: none; margin-top: 60px; display: inline-block;}
.director-page .director-profile .content a.md{margin-right: 30px}
.director-page .company-profile{width: 70%; padding:24px 10px 24px 0; display: flex; flex-direction: column; justify-content: space-between; height: 100%; position: relative;}
.director-page .company-profile .photo-area{width: 100%; height: 60%; overflow: hidden; position: relative; transition: all .5s ease; }
.director-page .company-profile .photo-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.director-page .company-profile .name{font-family: var(--font-light); font-size: 18px; line-height: 21px; color: #000000; margin: 0 0 50px 0}
.director-page .company-profile .name span{opacity: 0.4; display: block;}
.director-page .company-profile  p{font-size: 24px; line-height: 29px; color: #000; font-family: var(--font-light); margin: 0 0 18px 0; white-space: break-spaces;}
.director-page .company-profile p strong {color: #E51735;}


.reveal{position: relative; transform: translateY(50px); opacity: 0; transition: 1.5s all ease;}
.reveal.active{transform: translateY(0); opacity: 1;}

.testimonials-area.inner-area{padding: 0px}

.fancybox__toolbar__column.is-right {display: none !important;}
.emi-calculator-area{padding: 106px 0 0  80px; height: 100vh; width: 100vw; display: flex !important; flex-direction: column !important; }
.emi-calculator-area h1{font-family: var(--font-book); font-size: 46px; line-height: 46px; color: #000; text-transform: uppercase; margin: 0; padding: 0 0 80px 25px; border-bottom: #000 1px solid}
.emi-calculator-area .inner-area{width: 100%; padding: 20px 55px 20px 25px; display: flex;}
.emi-calculator-area .inner-area .form-area{width: 60%; display: flex; border-right: #8D8D8D 1px solid; padding-top: 30px; padding-right: 60px}
.emi-calculator-area .inner-area .form-area .left{width: 50%; padding-right: 32px}
.emi-calculator-area .inner-area .form-area .input-area{margin-bottom: 50px}
.emi-calculator-area .inner-area .form-area .input-area:last-child{margin-bottom: 0px}
.emi-calculator-area .inner-area .form-area .input-area label{font-size: 18px; line-height: 21px; font-family: var(--font-book); color: #000000; margin: 0 0 20px 0}
.emi-calculator-area .inner-area .form-area .input-group{position: relative;}
.emi-calculator-area .inner-area .form-area .input-group .icon{background: #D9D9D9; border: #8D8D8D 1px solid; width: 80px; display: flex; align-items: center; justify-content: center;}
.emi-calculator-area .inner-area .form-area .input-group .form-control{border-radius: 0px; border: #8D8D8D 1px solid; border-left: none; font-size: 18px; line-height: 21px; font-family: var(--font-light); padding: 24px 0px 19px 20px; color: #000;}
.emi-calculator-area .inner-area .form-area .input-group .form-control:focus{box-shadow: none}
.emi-calculator-area .inner-area .form-area .input-group .radio-list{position: absolute; top: 13px; right: 12px; list-style: none; margin: 0px; padding: 0px; display: flex; align-items: center;}
.emi-calculator-area .inner-area .form-area .input-group .radio-list li{position: relative; margin-left: 18px}
.emi-calculator-area .inner-area .form-area .input-group .radio-list li:after{content: '|'; position: absolute; top: -3px; left: -10px; color: rgba(0, 0, 0, 0.2);}
.emi-calculator-area .inner-area .form-area .input-group .radio-list li:first-child::after{content: none}
.emi-calculator-area .inner-area .form-area .input-group .radio-list .radio{display: block; margin: 0px; cursor: pointer;}
.emi-calculator-area .inner-area .form-area .input-group .radio-list .radio span{width: 100%; height: 100%; background: transparent; position: relative; display: block; font-family: var(--font-light); font-size: 18px; line-height: 21px; color: rgba(0, 0, 0, 0.2);}
.emi-calculator-area .inner-area .form-area .input-group .radio-list .radio span::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; border-bottom: #fff 1px solid}
.emi-calculator-area .inner-area .form-area .input-group .radio-list .radio > input{display: none}
.emi-calculator-area .inner-area .form-area .input-group .radio-list .radio > input:checked ~ span{color: #000; font-family: var(--font-book)}
.emi-calculator-area .inner-area .form-area .input-group .radio-list .radio > input:checked ~ span::before{ border-bottom: #E51735 1px solid}

.emi-calculator-area .inner-area .form-area .right{width: 50%; padding-left: 32px; padding-top: 42px}
.emi-calculator-area .inner-area .form-area .right .info{border-bottom: #8D8D8D 1px solid;  padding:6px 0; margin-bottom: 92px; display: flex; align-items: flex-end; justify-content: space-between;}
.emi-calculator-area .inner-area .form-area .right .info:last-child{margin: 0px}
.emi-calculator-area .inner-area .form-area .right .info strong{font-family: var(--font-light); font-size: 28px; line-height: 32px; color: #000; font-weight: 300}
.emi-calculator-area .inner-area .form-area .right .info span{font-family: var(--font-book); font-size: 14px; line-height: 17px; color: #8D8D8D; font-weight: 400}
.emi-calculator-area .inner-area .chart-area{width: 40%; padding-top: 82px; padding-left: 42px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.emi-calculator-area .inner-area .chart-area .subtitle{font-family: var(--font-book); font-size: 14px; line-height: 17px; color: rgba(0, 0, 0, 1);}
.emi-calculator-area .inner-area .chart-area ul.chart-info{margin: 0px 0px 34px 0px; padding: 0px; list-style: none;}
.emi-calculator-area .inner-area .chart-area ul.chart-info li{display: flex; align-items: center; font-family: var(--font-book); font-size: 14px; line-height: 17px; color: rgba(54, 68, 102, 1); margin-top: 12px}
.emi-calculator-area .inner-area .chart-area ul.chart-info li img{margin-right: 10px}
.emi-calculator-area .inner-area .chart-area .chart-main { position: absolute; bottom: 34px; right: 0px; width: 322px; height: 247px; background-image: url(../images/chart_bg.png); background-size: 100%; background-repeat: no-repeat;}
.emi-calculator-area .inner-area .chart-area .chart-main .interest-box{width: 75px;position: absolute; bottom: 1px; left: 35px;  background: rgba(54, 68, 102, 1); text-align: right; padding:8px 8px 0 0; color: #fff; font-family: var(--font-book); font-size: 18px; line-height: 21px; color:#fff}
.emi-calculator-area .inner-area .chart-area .chart-main .loan-amount{width: 75px; position: absolute; bottom: 1px; left: 135px; border: 1px solid #364466; color: #000; padding: 5px 5px 2px 5px; font-family: var(--font-book); font-size: 18px; line-height: 21px;}
span#principalPercentage, span#interestPercentage {color: #364466;top: -25px;position: absolute;left: 0px;}
.emi-calculator-area .cvalue {display: inline-block;}
.squere_dots {
    width: 100%;
    position: absolute;
}
.squere_dots::before {
    content: '';
    width: 5px;
    display: block;
    height: 5px;
    background-color: #364466;
    position: absolute;
    left: -8px;
    top: -2px;
}
.squere_dots::after {
    content: '';
    width: 5px;
    display: block;
    height: 5px;
    background-color: #364466;
    position: absolute;
    right: 2px;
    top: -2px;
}
.squere_dots.up_area {
    top: 0px;
}
.squere_dots.down_area {
    bottom: 1px;
}

.faq-page{padding: 106px 0 0  80px; height: 100vh; }
.faq-page h1{font-family: var(--font-book); font-size: 46px; line-height: 46px; color: #000; text-transform: uppercase; margin: 0; padding: 0 0 80px 25px; border-bottom: #000 1px solid; position: relative; z-index: 5;}
.faq-page .flex-block{display: flex; height: 100%}
.faq-page .faq-content{padding: 24px 90px 24px 24px; width: 1300px}
.faq-page .faq-content h2{font-size: 18px; line-height: 21px; color: #000; font-family: var(--font-book); margin: 0 0 50px 0; white-space: break-spaces;}
.faq-page .faq-content .column {column-count: 2; column-gap: 60px; column-width: 510px;}
.faq-page .faq-content .column p{font-size: 18px; line-height: 21px; color:rgba(141, 141, 141, 1); font-family: var(--font-light); margin: 0 0 40px 0; white-space: break-spaces;}
.faq-page .faq-content .column p span{display: block; color: #000; margin-bottom: 10px}
.faq-page .faq-content .column p strong{color: #000; font-family: var(--font-book); font-weight: normal;}
.faq-page .faq-list-area{border-left: #000 1px solid; height: 100%; padding: 24px; width: 2430px}
.faq-page .faq-list-area h2{font-size: 18px; line-height: 21px; color: #000; font-family: var(--font-book); margin: 0 0 50px 0; white-space: break-spaces;}
.faq-page .faq-list-area ul.faq-list{margin: 0px; padding: 0px; list-style: none;  column-count: 4; column-gap: 100px; column-width: 520px;}
.faq-page .faq-list-area ul.faq-list li{margin-bottom: 30px; position: relative;}
.faq-page .faq-list-area ul.faq-list li a{font-size: 18px; line-height: 20px; min-height: 60px; color:#000; font-family: var(--font-book); white-space: break-spaces; padding-right: 54px; display: inline-block; text-decoration: none}
.faq-page .faq-list-area ul.faq-list li::before{content: ''; position: absolute; top: 10px; right: 0px; width: 18px; height: 1px;  background: #000; }
.faq-page .faq-list-area ul.faq-list li::after{content: ''; position: absolute; top: 1px; right: 9px; width: 1px; height: 18px;  background: #000; }
.faq-page .faq-list-area ul.faq-list li:hover a{color:rgba(229, 23, 53, 1) }
.faq-page .faq-list-area ul.faq-list li:hover::before,
.faq-page .faq-list-area ul.faq-list li:hover::after{background:rgba(229, 23, 53, 1) }
.faq-page .buyingtips{border-left: #000 1px solid; height: 100%; padding: 24px; margin-left: 20px}
.faq-page .buyingtips h2{font-size: 18px; line-height: 21px; color: #000; font-family: var(--font-book); margin: 0 0 30px 0; white-space: break-spaces; text-transform: uppercase;}
.faq-page .buyingtips p{font-size: 18px; line-height: 21px; color:#000; font-family: var(--font-light); margin: 0 0 30px 0; max-width: 526px; white-space: break-spaces;}
.faq-page .buyingtips .inner-flex{display: flex; height: 100%}
.faq-page .buyingtips .inner-flex h3{font-family: var(--font-book); font-size: 18px; line-height: 20px; color: rgba(229, 23, 53, 1); text-transform: uppercase; margin: 0 0 25px 0}
.faq-page .buyingtips .inner-flex .projects{width: 1300px; border-right: #000 1px solid; padding-right: 50px}
.faq-page .buyingtips .inner-flex .flat{width: 1100px; border-right: #000 1px solid; padding:0 50px 0 25px}
.faq-page .buyingtips .inner-flex .disclaimer{width: 920px; padding:0 230px 0 25px}
.faq-page .buyingtips .inner-flex table th{font-size: 18px; line-height: 20px; color:#000; font-family: var(--font-light); white-space: break-spaces; padding: 10px 10px 10px 0}
.faq-page .buyingtips .inner-flex table td{font-size: 18px; line-height: 20px; color:#000; font-family: var(--font-light); white-space: break-spaces; padding: 10px 10px 10px 0}

.faq-popup{position: fixed; bottom: -100%; background: rgba(255, 255, 255, 0.9); width: 100vw; height: 100vh; left: 0px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;padding-top: 6em; z-index: 111111;}
.faq-popup .inner-content{margin: 0 auto; max-width: 880px; border-left: #000 1px solid; border-top: #000 1px solid; border-right: #000 1px solid; height: 100%; background: #fff; padding: 50px; white-space: normal;}
.faq-popup .inner-content .title{font-size: 24px; line-height: 28px; font-family: var(--font-book); color: rgba(0, 0, 0, 1); margin: 0 0 50px 0; display: flex; justify-content: space-between;}
.faq-popup .inner-content .title a{position: relative; text-decoration: none; font-family: var(--font-light); font-size: 18px; line-height: 18px; color: #8D8D8D; padding-bottom: 4px}
.faq-popup .inner-content .title a:hover{text-decoration:none; color: #8D8D8D}
.faq-popup .inner-content .title a::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #8D8D8D; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.faq-popup .inner-content .title a:hover::after {transform: scaleX(1); transform-origin: bottom left;}
.faq-popup .inner-content ul{margin: 0px; padding: 0px; list-style: none}
.faq-popup .inner-content ul li{font-size: 18px; line-height: 22px; color:#000; font-family: var(--font-light); margin: 0px; position: relative; padding-left: 20px}
.faq-popup .inner-content ul li::before{content: ''; position: absolute; width: 10px; height: 10px; background: #000; border-radius: 50%; top: 4px; left: 0px}
.faq-popup .inner-content ul li ol{margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px;}
.faq-popup .inner-content ul li ol li{font-size: 18px; line-height: 22px; color:#000; font-family: var(--font-light);white-space: break-spaces; margin: 10px 0px 0px 0px; padding: 0px}
.faq-popup .inner-content ul li ol li:before{content: none}
.faq-popup.active{bottom: 0px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.career-detail-page{padding: 175px 50px 25px 115px; width: 100vw}
.career-detail-page .inner-title-area h2{font-family: var(--font-book); font-size: 22px; line-height: 22px; color: #000; }
.career-detail-page .inner-title-area a{position: relative; text-decoration: none; font-family: var(--font-light); font-size: 18px; line-height: 18px; color: #8D8D8D; margin-bottom: 8px; display: block;}
.career-detail-page .flex-area{display: flex; padding-top: 30px}
.career-detail-page .flex-area .leftside{width: 44%; padding: 0 300px 0 0 }
.career-detail-page .flex-area .leftside h3{font-family: var(--font-book); font-size: 18px; line-height: 18px; color: #000; margin: 0 0 24px 0}
.career-detail-page .flex-area .leftside p{font-family: var(--font-light); font-size: 18px; line-height: 18px; color: #8D8D8D; margin: 0 0 26px 0; max-width: 430px; white-space: break-spaces;}
.career-detail-page .flex-area .leftside .pdf-box{margin: 15px 0 15px 0}
.career-detail-page .flex-area .rightside{width: 56%; padding: 0 234px 0 0}
.career-detail-page .flex-area .rightside h3{font-family: var(--font-book); font-size: 18px; line-height: 18px; color: #8D8D8D; margin: 0 0 8px 0}
.career-detail-page .flex-area .rightside h3 span{color: #000}
.career-detail-page .flex-area .rightside p{font-family: var(--font-light); font-size: 14px; line-height: 14px; color: #8D8D8D; margin: 0 0 26px 0;  white-space: break-spaces;}
.career-detail-page .flex-area .rightside .mb-5{margin-bottom:30px !important;}
.career-detail-page .flex-area .rightside .form-control{border: none; border-bottom: #8D8D8D 1px solid; border-radius: 0px; padding: 12px 0; font-family: var(--font-light); font-size: 18px; height: 44px;}
.career-detail-page .flex-area .rightside .form-control:focus{box-shadow: none; border-bottom: #E51735 1px solid}
.career-detail-page .flex-area .rightside .btn-submit{color: #E51735; background: transparent; border: none; border-bottom: #E51735 1px solid; position: relative; font-size: 18px; line-height: 18px; display: inline-block; margin-top: 65px}
.career-detail-page .flex-area .rightside .upload-btn-wrapper{position: relative; overflow: hidden; display: inline-block;}
.career-detail-page .flex-area .rightside .upload-btn-wrapper .btn{border: none; color: #8D8D8D; background-color: #D9D9D9; padding: 0px 15px; border-radius: 0px; font-family: var(--font-light); font-size: 18px; line-height: 30px}
.career-detail-page .flex-area .rightside .upload-btn-wrapper input[type=file]{font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0;}

#PdfbookModal button.close {position: absolute;right: 15px;}
#PdfbookModal .modal-body {min-height: 471px;}
#PdfbookModal .book-widget { width: 100%;}
#PdfbookModal .full-size {height: 34em !important;}

#worldspace_vendor {max-width: 100%;}
#worldspace_vendor .form-flex{display: flex;}
#worldspace_vendor .form-flex .first-part{width: 700px; margin-right: 45px}
#worldspace_vendor .form-flex .second-part{width: 780px; margin-right: 45px}
#worldspace_vendor .form-flex .third-part{width: 780px; margin-right: 45px }
#worldspace_vendor .form-flex .forth-part{width: 780px; margin-right: 45px}
#worldspace_vendor .form-flex .fifth-part{width: 780px; margin-right: 45px}
#worldspace_vendor .form-flex .sixth-part{width: 780px; margin-right: 45px}
#worldspace_vendor .form-flex .mb-5{margin-bottom:20px !important;}
#worldspace_vendor .form-flex .mb-5 label{font-family: var(--font-light);  font-size: 18px; line-height: 18px; margin: 0 0 12px 0; display: block; color: #000000}
#worldspace_vendor .form-flex .form-control{border: none; border-bottom: #8D8D8D 1px solid; border-radius: 0px; padding: 12px 0; font-family: var(--font-light); font-size: 18px; height: 44px;}
#worldspace_vendor .form-flex .form-control:focus{box-shadow: none; border-bottom: #E51735 1px solid}
#worldspace_vendor .form-flex textarea.form-control{height: auto; padding-top: 0px; min-height: 108px}
#worldspace_vendor .form-flex .form-input--file{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: #8D8D8D 1px solid;  border-radius: 0px; padding: 12px 0; font-family: var(--font-light); font-size: 18px; height: 44px; width: 100%;  display: flex !important; align-items: center;  justify-content: space-between;}
#worldspace_vendor .form-flex .form-input--file .border { background: #D9D9D9; height: 26px; font-family: var(--font-light); font-size: 14px;  padding: 5px 20px 4px 20px; color: #8D8D8D}
#worldspace_vendor .form-flex .form-input--file .form-input-file {opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;}
#worldspace_vendor .form-flex .flex-input{display: flex; align-items: center;}
#worldspace_vendor .form-flex .flex-input label{margin: 0 15px 0 0}
#worldspace_vendor .form-flex .btn-send{font-family: var(--font-book); border: #E51735 1px solid; padding: 8px 18px; font-size: 18px; line-height: 18px; color: #E51735; background: #fff}

h1.fixed-title{position: fixed; top: 100px; left: 115px; z-index: 1; font-family: var(--font-book); font-size: 46px; line-height: 46px; color: #000; text-transform: uppercase;}
.channel-first-section{width: 100vw; padding: 240px 0px 0px 80px; display: flex !important;}
.channel-first-section .left-part{width: 42%; padding: 0 260px 60px 35px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.channel-first-section .left-part p{font-family: var(--font-light); font-size: 18px; line-height: 21px; color: #000; margin: 0 0 20px 0; max-width: 468px; white-space: break-spaces;}
.channel-first-section .left-part p span{font-family: var(--font-book);}
.channel-first-section .left-part .redbox{position: absolute; bottom: 0px; right: 0px; background: rgba(214, 36, 54, 1); width: 200px; height: 200px}
.channel-first-section .left-part a{font-family: var(--font-book); font-size: 22px; line-height: 22px; color: #000; }
.channel-first-section .right-part{width: 58%; padding: 0 0 200px 0}
.channel-first-section .right-part .photo{width: 100%; height: 100%; position: relative; overflow: hidden;}
.channel-first-section .right-part .photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}

.channel-second-section{padding: 240px 44px 200px 0; display: flex !important; position: relative;}
.channel-second-section::before{content: ''; position: absolute; top: 240px; left: 0px; width: 100%; height: 1px; background: #000}
.channel-second-section .content-img-block{border: #000 1px solid; width: 590px; padding: 30px; border-left: none; font-family: var(--font-book); font-size: 18px; line-height: 21px; color: #000;  white-space: break-spaces; overflow: hidden; position: relative; transition: all .5s ease;}
.channel-second-section .content-img-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; opacity: 0; transition: all .5s ease;}
.channel-second-section .content-img-block span{color: rgba(214, 36, 54, 1)}
.channel-second-section .content-img-block:hover img{ opacity: 0.7; transition: all .5s ease;}
.channel-second-section .content-img-block:hover p{position: relative; z-index: 2; color: #fff; transition: all .5s ease;}
.channel-second-section .content-img-block:hover{background: #000; transition: all .5s ease;}

.privileges-area{padding: 240px 0px 40px 0; }
.privileges-area h2{font-size: 28px; line-height: 28px; color: #000; font-family: var(--font-book); padding: 20px 0; border-top: #000 1px solid}
.privileges-area ul.privileges-list{display: flex; height: 100%; padding: 0px; margin: 0px; list-style: none}
.privileges-area ul.privileges-list li{border-left: #000 1px solid; width: 520px; padding: 0 70px 0 20px}
.privileges-area ul.privileges-list li .title{font-family: var(--font-book); font-size: 18px; line-height: 18px; color: #000000; margin: 0;  white-space: break-spaces;}
.privileges-area ul.privileges-list li p{font-family: var(--font-light); font-size: 18px; line-height: 18px; color: #8D8D8D; margin: 0 0 15px 0;  white-space: break-spaces; transition: all .5s ease;}
.privileges-area ul.privileges-list li .icon{height: 180px; width: 160px; position: relative; overflow: hidden; margin: 100px 0 35px 0}
.privileges-area ul.privileges-list li .icon img{max-width: 100%; max-height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: contain; margin: auto;}
.privileges-area ul.privileges-list li:hover p{color: #000; transition: all .5s ease;}

.enquiries-area{padding: 240px 0px 0px 0; width: 725px}
.enquiries-area h2{font-size: 36px; line-height: 36px; color: #000; font-family: var(--font-book); margin: 0 0 80px 0}
.enquiries-area .inner-box{width: 100%; border-left: #000 1px solid; border-top: #000 1px solid; padding: 50px 42px; height: 100%}
.enquiries-area p{font-family: var(--font-book); font-size: 18px; line-height: 18px; color: #000; margin: 0 0 20px 0; max-width: 468px; white-space: break-spaces;}
.enquiries-area p span{display: block;}

.enquiries-form{padding: 240px 0px 0px 0; }
.enquiries-form h2{font-size: 36px; line-height: 36px; color: #000; font-family: var(--font-book); margin: 0 0 50px 0}
.enquiries-form .inner-box{width: 100%; border-left: #000 1px solid; border-top: #000 1px solid; padding: 50px 42px; height: 100%}
.enquiries-form .form-flex{display: flex;}
.enquiries-form .form-flex .first-part{width: 700px; margin-right: 45px}
.enquiries-form .form-flex .second-part{width: 780px; margin-right: 45px}
.enquiries-form .form-flex .third-part{width: 800px; }
.enquiries-form .form-flex .mb-5{margin-bottom:20px !important;}
.enquiries-form .form-flex .mb-5 label{font-family: var(--font-light);  font-size: 18px; line-height: 18px; margin: 0 0 12px 0; display: block; color: #000000}
.enquiries-form .form-flex .form-control{border: none; border-bottom: #8D8D8D 1px solid; border-radius: 0px; padding: 12px 0; font-family: var(--font-light); font-size: 18px; height: 44px;}
.enquiries-form .form-flex .form-control:focus{box-shadow: none; border-bottom: #E51735 1px solid}
.enquiries-form .form-flex textarea.form-control{height: auto; padding-top: 0px; min-height: 108px}
.enquiries-form .form-flex .form-input--file{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: #8D8D8D 1px solid;  border-radius: 0px; padding: 12px 0; font-family: var(--font-light); font-size: 18px; height: 44px; width: 100%;  display: flex !important; align-items: center;  justify-content: space-between;}
.enquiries-form .form-flex .form-input--file .border { background: #D9D9D9; height: 26px; font-family: var(--font-light); font-size: 14px;  padding: 5px 20px 4px 20px; color: #8D8D8D}
.enquiries-form .form-flex .form-input--file .form-input-file {opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;}
.enquiries-form .form-flex .flex-input{display: flex; align-items: center;}
.enquiries-form .form-flex .flex-input label{margin: 0 15px 0 0}
.enquiries-form .form-flex .btn-send{font-family: var(--font-book); border: #E51735 1px solid; padding: 8px 18px; font-size: 18px; line-height: 18px; color: #E51735; background: #fff;margin-top: 8px;}

.whatsapp-box {
    position: fixed;
    bottom: 175px;
    right: 0px;
    background: rgb(229, 221, 212);
    width: 320px;
    z-index: 1;
}
.whatsapp-box .titlebar {
    background: rgb(43, 71, 55);
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 22px 28px 22px 72px;
}
.whatsapp-box .titlebar .icon {
    width: 34px;
    background: rgb(217, 217, 217);
    position: absolute;
    top: 22px;
    height: 34px;
    border-radius: 50%;
    text-align: center;
    left: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.whatsapp-box .titlebar .name {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    font-family: var(--font-book);
    padding: 5px 0;
}
.whatsapp-box .titlebar .name span {
    display: block;
    font-size: 10px;
    line-height: 10px;
    font-family: var(--font-light);
    font-weight: 300;
}
.whatsapp-box .titlebar .whatsapp-close {
    background: transparent;
    border: none;
    padding: 0px;
}
.whatsapp-box .bottompart {
    background: rgb(255, 255, 254);
    padding: 20px 22px;
}
.whatsapp-box .bottompart a {
    background: rgb(117, 193, 90);
    color: #fff;
    line-height: 35px;
    width: 100%;
    border-radius: 20px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-family: var(--font-book);
}

.whatsapp-box .message-area {
    min-height: 136px;
    padding: 15px 20px;
}
.whatsapp-box .message-area .message-block {
    background: #fff;
    border-radius: 0px 9px 9px 9px;
    padding: 12px 18px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-family: var(--font-book);
    position: relative;
}
.whatsapp-box .message-area .message-block::before {
    width: 0;
    height: 0;
    border-top: 12px solid white;
    border-left: 12px solid transparent;
    content: '';
    position: absolute;
    top: 0px;
    left: -12px;
}
.whatsapp-box .message-area .message-block span {
    font-size: 14px;
    color: rgb(141, 141, 141);
    display: block;
    font-family: var(--font-book);
}

.news-title-fixed{position: fixed; top: 0; left: 0; z-index: 1; padding: 106px 0 0 105px; background: #fff; width: 100%; border-bottom: #000 1px solid;}
.news-title-fixed h1{font-family: var(--font-book); font-size: 46px; line-height: 46px; color: #000; text-transform: uppercase; margin: 0 0 36px 0}
.news-title-fixed ul.news-menu{margin: 0px; padding: 0px; list-style: none; display: flex;}
.news-title-fixed ul.news-menu li{margin-right: 35px}
.news-title-fixed ul.news-menu li a{ font-family: var(--font-light); color: #00000066; font-size: 14px; line-height: 16px; padding: 15px 0; display: block; text-decoration: none; position: relative;}
.news-title-fixed ul.news-menu li a:hover,
.news-title-fixed ul.news-menu li a.active{font-family: var(--font-book); color: #000; }
.news-title-fixed ul.news-menu li a:hover:before,
.news-title-fixed ul.news-menu li a.active:before{content: ''; position: absolute; bottom: -1px; left: 0px; background: #E51735; width: 100%; height: 2px}
.news-title-fixed .d-flex{align-items:center;}
.news-title-fixed .form-area{display:flex; margin-left:70px;}
.news-title-fixed .form-area span{font-family: var(--font-light); font-size:14px; 16px; color:#000; margin-right:18px;}
.news-title-fixed .form-area .inputblock{width:160px; margin-right:18px;}
.news-title-fixed .form-control {
    border: none;
    border-bottom: #8D8D8D 1px solid;
    border-radius: 0px;
    padding: 0;
    font-family: var(--font-light);
    font-size: 18px;
    height: 24px;
}
.news-title-fixed .form-area .btn-search{border:none; background:#fff; width:24px; height:24px; display:flex; align-items:center;}
.news-detail-area {
    height: 100vh;
    padding: 320px 100px 20px 100px;
}
.news-inner {
    display: flex;
    height: 100%;
}
.news-inner .photoblock{
    width: 1000px;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin-right: 30px;
}
.news-inner .photoblock img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transition: all .5s ease; }
.news-inner .innercontent-block{
    width: 750px;
    margin-right: 30px;
}
.news-inner .innercontent-block p {
    font-family: var(--font-light);
    white-space: break-spaces !important;
    font-size: 18px;
    line-height: 21px;
    color: rgba(0, 0, 0, 1);
    margin: 0 0 15px 0;

}
.news-inner .innercontent-block h3{
    font-family: var(--font-book);
    white-space: break-spaces !important;
    font-size: 18px;
    line-height: 21px;
    color: rgba(0, 0, 0, 1);
    margin: 0 0 15px 0;

}
.inner-titlepart {
    position: absolute;
    z-index: 1;
    background: #fff;
    top: 255px;
    display: flex;
    align-items: baseline;
}

.inner-titlepart a {
    color: rgba(141, 141, 141, 1);
    margin-right: 70px;
    font-size: 18px;
    line-height: 18px;
    font-family: var(--font-light);
    display: inline-flex;
}
.inner-titlepart a svg {
    margin-right: 6px;
}

.inner-titlepart h2 {
    font-size: 28px;
    line-height: 28px;
    font-family: var(--font-book);
}
.inner-titlepart h2 span {
    display: block;
    font-size: 18px;
    line-height: 18px;
    color: rgb(141, 141, 141);
    font-family: var(--font-light);
    margin-top: 5px;
}
a.all_pro_link {
    position: absolute;
    bottom: 15px;
    color: #000;
    font-size: 22px;
}

#cookie-notice {
    top: 0;
    background-color: rgba(0, 0, 0, 0.6) !important;
    display: table !important;
    height: 100%;
}
#cookie-notice .cookie-notice-container {
    display: table-cell !important;
    vertical-align: middle;
}
#cookie-notice .cookie-notice-container .cookie_inner_body {
    background-color: #fff;
    max-width: 772px;
    margin: auto;
    color: #000;
    padding: 44px;
    font-size: 16px;
    text-align: left;
}
#cookie-notice .cookie-notice-container .cookie_inner_body .cn-text-container {
    margin: 0 0 25px;
}
#cookie-notice .cookie-notice-container .cookie_inner_body .cn-text-container a {
    color: #000;
    text-decoration: underline;
}
#cn-notice-buttons #cn-accept-cookie {
    margin-left: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
}
#cn-close-notice {
    position: relative;
    margin-left: 40px;
}
#cn-close-notice::before,#cn-close-notice::after{
    display:none !important;
}
div#cookie-notice.cookie-notice-hidden {
    display: none !important;
}
.custom_cms_page .news-title-fixed {
    border-bottom: 0px;
}
.footer-area .footer-bottom .leftpart .small-block ul.link.social_menu {
    margin-top: 11px;
}
.footer-area .footer-bottom .leftpart .small-block ul.link.social_menu li {
    width: 50%;
    float: left;
    margin-bottom: 13px;
}
.footer-area .footer-bottom .leftpart .small-block ul.link.social_menu li a.social_icon:hover {
    color: #E51735;
}
.board-members ul.members-list li .content a img {
    width: 13px;
    margin-left: 5px;
}
.director-page .director-profile .content a img{
    width: 13px;
    margin-left: 5px;
}
form label.error {
    color: red !important;
    font-size: 9px !important;
    margin: 0 !important;
    position: absolute;
}
.director-page .director-profile .content a.read_more_btn {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 700;
    border-bottom: 1px solid #000;
}
#Director_Body.inner-content .title {
    font-size: 18px;
    display: inline-block;
    width: 100%;
}
#Director_Body.inner-content .title span {
    color: #8D8D8D;
}
#Director_Body.inner-content .title a {
    float: right;
}

.sustainability-home-area{padding: 106px 0px 40px 60px;}
.sustainability-home-area h2{font-family: var(--font-book); font-size: 46px; line-height: 46px; color: rgba(0, 0, 0, 1); text-transform: uppercase; display: flex; justify-content: space-between; margin: 0 0 40px 0}
.sustainability-home-area .small-part p {
    font-size: 18px;
    line-height: 18px;
    color: #000;
    font-family: var(--font-light);
    white-space: break-spaces !important;
    margin: 3em 0 35px 0;
    width: 50%;
}
.item_list_with_icon {
    display: flex;
    margin-top: 4em;
}
.item_list_with_icon ul {
    margin-left: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
    padding-left: 0;
    margin-right: 15px;
}
.item_list_with_icon ul li {
    padding: 0px 19px;
    box-sizing: border-box;
    border-left: 1px solid #000;
    width: 255px;
    height: 215px;
    margin-bottom: 35px;
    position: relative;
}
.item_list_with_icon ul li .item_title {
    width: 147px;
    word-wrap: break-word;
    text-wrap: wrap;
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
}
.item_list_with_icon ul li  .item_icon {
    position: absolute;
    bottom: 15px;
}
h1.c_h1_title {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 1.3em;
    margin-top: 5px;
}
.media-page.press_kit_cnt {
    padding-top: 100px;
    border-top: 1px solid #000;
}
p.media_contact {
    font-size: 18px;
    font-weight: 600;
}

#Document_request_model .modal-content {
    border-radius: 1px;
    border: 1px solid #000;
}
#Document_request_model .modal-header {
    padding: 14px 15px;
    border-bottom: 1px solid #000;
}
#Document_request_model .modal-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
}
#Document_request_model .modal-header .close {
    color: #8D8D8D;
    font-size: 12px;
    font-weight: normal;
    opacity: 1;
    margin-top: 7px;
    border-bottom: 1px solid #8D8D8D;
    padding: 0px;
    margin-right: 5px;
}

#Document_request_model .form-area .form-control {
    border: none;
    border-bottom: #8D8D8D 1px solid;
    border-radius: 0px;
    padding: 12px 0;
    font-family: var(--font-light);
    font-size: 18px;
    height: 44px;
}
#Document_request_model .form-area .btn-submit {
    color: #E51735;
    background: transparent;
    border: none;
    border-bottom: #E51735 1px solid;
    position: relative;
    font-size: 17px;
    line-height: 18px;
    display: inline-block;
    margin-top: 26px;
    padding: 0px 0px;
    font-weight: bold;
}
#Document_OTP_request_form #OTP_INPUT {
    border: 1px solid #000;
}
#Document_OTP_request_form .infotext {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    margin-top: 8px;
    text-align: right;
    color: #8D8D8D;
}
#Document_OTP_request_form .infotext a {
    color: #000;
    font-weight: bold;
}
.mobile_into_image {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 76px;
    right: unset;
    left: 0;
}
.mobile_into_image img {
    width: 30px;
    position: absolute;
}
img.Left_img {
    left: 15px;
}
img.Right_img {
    right: 15px;
}
.whatsapp_small_icon {
    position: fixed;
    right: 0px;
    bottom: 389px;
    z-index: 1;
    width: 60px;
    display: none;
}
.whatsapp_small_icon img {
    width: 100%;
}
label.form-input.form-input--file {
    position: relative;
}
label#file_1-error,label#file_2-error,label#file_3-error {
    bottom: -4px;
}
.mb-5.flex-input.c_ipt_group {
    position: relative;
}
.enquiries-form .form-flex .flex-input.c_ipt_group label.error {
    bottom: -7px;
}
.custom_cms_page .news-detail-area {
    padding: 190px 100px 20px 110px;
}
.enquiries-area p a,p.media_contact a {
    color: #000;
}