/*
Theme Name: The7 Child
Theme URI: http://example.com/the7-child
Description: The7 Child Theme
Author: Your Name
Author URI: http://example.com
Template: dt-the7
Version: 1.0.0
*/

/* Import styles from parent theme */
@import url("../dt-the7/style.css");
html {
scroll-behavior: smooth;
}
body{
font-family: 'neuehaasdisplayroman' !important;	
}
sr7-overlay {
pointer-events: none;
background-image: none !important;
background-color: #00000045;
}
.branding a img, .branding img {
max-width: 100%;
height: auto;
width:290px;
}
.overlay-navigation .side-header .header-bar {
width: 100%;
padding: 52px 0px 0px 21px;
}
.side-header:not(.dividers) .main-nav {
margin: 0px 190px 0px;
}
.main-nav>li>a .menu-text {
font-family: 'neuehaasdisplaybold';
font-size: 50px;
}
.main-nav > li > a {
margin: 0px 0px 0px 0px;
padding: 25px 0px 25px 0px;
}
#page .lines-button.x:hover .menu-line:nth-child(2) {
width: 68px !important;
}
#page .lines-button.x:hover .menu-line{
width: 50px !important;
}
#page .menu-close-toggle.active, .hide-overlay.active {
right: 27px;
}
.side-header.h-justify .main-nav > li > a:hover .menu-text {
color: #000 !important;
padding-left: 10px;
transition: 0.5s;
}
.side-header .main-nav li.last a {
width:230px;
border-radius: 50px;
font-size: 18px !important;
text-align: left;
line-height: 59px !important;
padding: 0px 30px 0px 30px !important;
background: #c1bcb5;
font-family: 'neuehaasdisplaymediu' !important;
position: absolute;
bottom: -120px;
padding: 20px 32px !important;
overflow: hidden;
}
.side-header .main-nav li.last a i.underline{
background-image:url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowright.svg) no-repeat;	
background-size: 23px;
background-position: center right 31px;	
}
.side-header .main-nav li.last a:hover:before {
transform: translate3d(0, 0, 0);
}
.side-header .main-nav li.last a:hover .menu-text {
color: #fff !important;
padding-left:0px;
}
.side-header .main-nav li.last a::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;	
background: #000;
transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
transform: translate3d(0, 100%, 0);
}
.side-header .main-nav li.last a i.underline {
background: url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowright.svg) no-repeat;
background-size: 23px;
height: 22px;
bottom: 5px;
width: 40px;
left: 208px;
}
.side-header .main-nav li.last a:hover i.underline {
background: url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowrightwhite.svg) no-repeat;
background-size: 23px;
height: 22px;
width: 40px;
}
.side-header .main-nav li.last a span.menu-text {
font-size: 20px;
font-family: 'neuehaasdisplayroman' !important;
letter-spacing: 1px;
}
.side-header .main-nav li.last a .menu-text{
color: #222 !important;	
}
.mixed-header.floating-logo {
position: absolute;
width: 100%;
}
.masthead.mixed-header .header-bar {
margin: 0px auto;
padding: 30px 21px 0px;
width:100%
box-sizing: border-box;
}
.floating-logo.side-header-menu-icon .branding {
position: initial;
top: 0;
}
.side-header-menu-icon .menu-toggle {
position: inherit;
top: 0;
}
.main-nav>li>a .menu-text{
font-family:'neuehaasdisplaybold';
}
body #load{
	transition: none!important;
}
.masthead:not(.mixed-header) {
background-size: auto; */
-webkit-backdrop-filter: blur(5px);
background: url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/menubg-1.jpg) no-repeat;
background-size: cover;
background-position: bottom right;
}
.side-header .header-bar {
padding: 50px 50px 50px 50px;
}
.side-header .branding {
margin-bottom: 40px;
}
.menu-close-toggle, .hide-overlay {
padding: 15px 15px 15px 15px;
margin: 40px 0px 0px;
border-radius: 0;
}
.masthead.side-header .branding>a, .branding>img {
padding: 0;
margin-top: -20px;
}
.medfont{
font-family:'neuehaasdisplayroman' !important;	
}
.bfont{
font-family:'neuehaasdisplaybold' !important;
}
.bannerbutton {
border-top: 1px solid #fff;
padding:70px 0px;
top: -210px;
z-index: 9;
margin-bottom: -210px;
}
.bannerbutton .bs.vc_btn3-inline {
margin: 0px;
}
.bannerbutton .bs.vc_btn3-inline a {
width: 355px;
height: 69px;
border-radius: 50px;
font-size: 18px !important;
font-family: 'neuehaasdisplayroman';
text-align: left;
line-height: 69px;
padding: 0px 30px 0px 30px;
background-image: none;
position: relative;	
overflow: hidden;
border:0px;
background:#c1bcb5;
color:#222;	
}
.bannerbutton .bs.vc_btn3-inline a:hover{
color:#fff;
}
.bannerbutton .bs.vc_btn3-inline a:hover::before {
transform: translate3d(0, 0, 0);
}
.bannerbutton .bs.vc_btn3-inline a::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;	
background:#222;
transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
transform: translate3d(0, -100%, 0);
}
.bannerbutton .bs.vc_btn3-inline a i {
right: 30px !important;
}
.bannerbutton .wpb_wrapper {
column-gap: 15px;
display: flex;
}
ul.bas {
margin: 0px;
padding: 0px;
display: flex;
column-gap: 20px;
list-style-type: none;
}
.button--pan {
width: 355px;
height: 69px;
border-radius: 50px;
font-size: 18px !important;
font-family: 'neuehaasdisplayroman';
text-align: left;
line-height: 69px;
padding: 0px 30px 0px 30px;
background-image: none;
position: relative;
overflow: hidden;
border: 0px;
background: #c1bcb5; 
}
.button--pan span{
color: #222;	
}
.button--pan:hover span {
color: #fff;
mix-blend-mode: difference;
}
.button--pan:hover{
color:#fff;	
}
.button--pan:hover::before {
transform: translate3d(0, 0, 0);
top:0px;
height:70px;	
}
.button--pan::before {
content: '';
position: absolute;
top:1px;
left: 0;
width: 100%;
height: 100%;	
background: #000;
transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
transform: translate3d(0, 100%, 0);
}
.button--pan img {
float: right;
width: 23px;
transform: rotate(269deg);
position: relative;
top: 22px;
}
.button--pan:hover img {
filter: invert(1);
}
.ubtn-hover{
transition: all .4s !important;
}
.button--pan2 {
width: 355px;
height: 69px;
border-radius: 50px;
font-size: 18px !important;
font-family: 'neuehaasdisplaymediu' !important;
text-align: left;
line-height: 65px;
padding: 0px 30px 0px 30px;
background-image: none;
position: relative;
overflow: hidden;
border: 0px;
background: transparent;
border: 2px solid #222;
}
.button--pan2 span{
color: #222;	
}
.button--pan2:hover span {
color: #fff;
mix-blend-mode: difference;
}
.button--pan2:hover{
color:#fff;	
}
.button--pan2:hover::before {
transform: translate3d(0, 0, 0);
}
.button--pan2::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;	
background: #000;
transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
transform: translate3d(0, 100%, 0);
}
.button--pan2 img {
float: right;
width: 23px;
transform: rotate(269deg);
position: relative;
top: 22px;
}
.button--pan2:hover img {
filter: invert(1);
}
.button--pan2.mgtop1 {
margin-top:20px;
}

.bbs{
width: 355px;
height: 69px;
border-radius: 50px !important;
font-size: 18px !important;
font-family: 'neuehaasdisplayroman';
text-align: left !important;
line-height: 69px !important;
padding: 0px 30px 0px 30px !important;
background-image: none !important;
position: relative !important;
overflow: hidden;
border: 0px !important;
background: #c1bcb5 !important;
color: #222 !important;
cursor: pointer !important;
display: block !important;
}
.bbs .vc_btn3.vc_btn3-size-md .vc_btn3-icon {
font-size: 23px;
right: 23px !important;
}
.bbs:before {
content: '';
position: absolute;
top: 1px;
left: 0;
width: 100%;
height: 100%;
background: #000;
transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
transform: translate3d(0, 100%, 0);
}
.bbs:hover::before {
transform: translate3d(0, 0, 0);
top: 0px;
height: 70px;
}

.aboutsec {
padding: 100px 0px 40px;
}
.aboutsec h2 {
font-size: 30px;
line-height: 45px;
font-family: 'neuehaasdisplayroman' !important;
}

.radiusimage img {
border-radius: 30px;
height:900px;
object-fit: cover;
object-position: center;
}

.animateimage{
animation: transitionIn 4s;	
}
@keyframes transitionIn {
from {
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
to {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
.aboutsec span.vc_sep_line {
border-radius: 50px !important;
width: 48px !important;
margin: 10px 0px 20px;
}
.aboutsec p {
font-size: 18px;
line-height: 28px;
}
.aboutsec .textspace {
margin-bottom: 20px;
}
.aboutsec .vc_separator {
margin-bottom: 50px;
}
.aboutsec .bs.vc_btn3-inline a {
width: 355px;
height: 69px;
border-radius: 50px;
font-size: 18px !important;
font-family: 'neuehaasdisplayroman';
text-align: left;
line-height: 69px;
padding: 0px 30px 0px 30px;
margin-top: 20px;	
background-image: none;
max-width: 100%;	
}
.portfoliosec{
padding: 0px 0px 100px;
background: rgb(193, 188, 181);
background: linear-gradient(0deg, rgba(193, 188, 181, 1) 71%, rgba(255, 255, 255, 1) 71%);
}
.portfoliosec h2 {
font-size: 60px;
line-height: 70px;
font-family: 'neuehaasdisplaymediu' !important;
margin-bottom: 40px;
}
.pbox{
position: relative;
overflow: hidden;	
border-radius: 30px;	
}
.pbox ul {
display: flex;
list-style-type: none;
justify-content: space-between;
padding: 0px 20px;
position: absolute;
top: 38px;
width: 94%;
z-index:9;
align-items: center;	
}
.pbox ul li{
color:#222;
font-size:18px;	
}
.pbox .pi img {
object-fit: cover;
height: 600px !important;
object-position: center;
border-radius: 30px;
width: 100% !important;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .9s ease-in-out;
transition: .9s ease-in-out;	
}
.pbox .pi:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.portb{
border: 1px solid #222;
text-decoration: none;
border-radius: 10px;
padding: 10px 30px;
font-size: 18px;
position: relative;
overflow: hidden;
display:inline-block;
}
.portb a {
text-decoration: none;
color: #222;
}
.portb:hover a {
color: #fff;
mix-blend-mode: difference;
}
.portb:hover::before {
transform: translate3d(0, 0, 0);
}
.portb::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;	
background: #000;
transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
transform: translate3d(0, 100%, 0);
}
.pbox .view {
width: 138px;
height: 138px;
border-radius: 50%;
background: #c1bcb5;
text-align: center;
line-height: 138px;
font-size: 18px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity:0;
-webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
text-transform:uppercase;
overflow: hidden;	
}
.pbox .view:hover a {
color: #fff;
mix-blend-mode: difference;
}
.pbox .view:hover::before {
transform: translate3d(0, 0, 0);
}
.pbox .view::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;	
background: #000;
transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
transform: translate3d(0, 100%, 0);
}
.pbox .view a {
color: #222;
text-decoration: none;
display: block;
}
.pbox:hover .view{
opacity:1;
}	
.bigimage {
padding: 120px 0px 70px;
}
.bigimage img {
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
width: calc(100vw - 5vw);
}
.ability {
padding-bottom: 40px;
}
.ability h2 {
font-size: 30px;
line-height: 45px;
font-family: 'neuehaasdisplayroman' !important;
}
.ability span.vc_sep_line {
border-radius: 50px !important;
width: 48px !important;
margin: 10px 0px 20px;
}
.invest{
padding:0px 0px 80px;
background:url("https://webtesting.co.in/landcon/wp-content/uploads/2024/08/star.png") no-repeat;
background-position:center right;
background-size: 25%;	
}
.invest .vc_col-sm-3 {
width:35%;
}
.invest .vc_col-sm-4 {
width: 20%;
}
.investbox {
overflow: hidden;
border-radius: 30px;
}
.investbox img {
border-radius: 30px;
position: relative;
box-sizing: border-box;
width: 100%;
margin-left: 30px;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;	
}
.investbox:hover img{
margin-left:0px;
}
.investbox h2 {
font-family: 'neuehaasdisplaymediu' !important;
font-size: 50px;
position: absolute;
bottom: 206px;
color: #fff;
transform: rotate(-90deg);
left: -40px;
}
.supplier {
overflow: hidden;
border-radius: 30px;
}
.supplier img {
border-radius: 30px;
position: relative;
box-sizing: border-box;
width: 100%;
margin-left: 30px;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;		
}
.supplier:hover img{
margin-left:0px;
}
.supplier h2 {
font-family: 'neuehaasdisplaymediu' !important;
font-size: 50px;
position: absolute;
bottom:216px;
color: #fff;
transform: rotate(-90deg);
left: -57px;
line-height: 60px;
}
.sub{
margin-bottom:120px;
}
.sub .upb_row_bg.show {
opacity: 1;
top: 0;
bottom: 0;
}
.sub .upb_row_bg {
left:91px !important;
width: auto !important;
min-width: auto !important;
height: auto !important;
border-radius: 50px 0px 0px 50px;
-moz-border-radius: 50px 0px 0px 50px;
-webkit-border-radius: 50px 0px 0px 50px;
transition: all 1s ease-out 0s;
-moz-transition: all 1s ease-out 0s;
-webkit-transition: all 1s ease-out 0s;
}

.sub img {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
width: calc(100vw - 99px);
}
.sub #mailpoet_form_1 form.mailpoet_form {
padding: 0;
}
.subform {
max-width: 1230px;
margin: 0px auto;
position: relative;
/*left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -70%);
transform: translate(-50%, -70%);
width: 100%;*/
}
.sub h2 {
font-family: 'neuehaasdisplaymediu' !important;
font-size:60px;
line-height:70px;
color:#fff;
margin-bottom: 30px;
}
#mailpoet_form_1 .mailpoet_paragraph {
line-height: 20px;
margin-bottom: 20px;
float: left;
width: 31%;
margin-right: 25px;
}
#mailpoet_form_1 .mailpoet_paragraph:nth-child(3n){
margin-right:0px;	
}
#mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea {
width: 200px;
background: transparent;
color: #fff;
border: 0px;
border-bottom: 2px solid #fff;
font-family: 'neuehaasdisplaymediu' !important;
font-size: 20px;
padding: 0px 0px 20px !important;
}
#mailpoet_form_1 input::placeholder {
color:#fff !important;
}
#mailpoet_form_1 input::-webkit-input-placeholder {
color: #ffffff;
opacity: 1;
}
#mailpoet_form_1 .mailpoet_submit {
width: 381px;
height: 69px;
border-radius: 50px;
font-size: 18px !important;
text-align: left;
line-height: 59px;
padding: 0px 30px 0px 30px !important;
background: #c1bcb5 url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowright.svg) no-repeat;
color: #222;
font-family: 'neuehaasdisplaymediu' !important;
background-size: 23px;
background-position: center right 31px;
margin-left: -6px !important;
margin-top: 10px !important;	
}
#mailpoet_form_1 .mailpoet_submit:hover {
background: #000 url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowrightwhite.svg) no-repeat !important;
color: #fff;
background-size: 23px !important;
background-position: center right 31px !important;
}

#mailpoet_form_1 .mailpoet_paragraph.last {
margin-bottom: 0;
float: right;
}
#mailpoet_form_1 input[type="submit"]:not([name="update_cart"]):hover{
background: #c1bcb5 url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowright.svg) no-repeat;
background-size: 23px;
background-position: center right 31px;
}
#mailpoet_form_1 .parsley-required, .parsley-custom-error-message {
color: #fff;
position: absolute;
bottom: 5px;
}
footer img.fi {
width: 317px;
}
footer img.award {
margin-top: 40px;
width:150px;	
}
ul.fs {
display: flex;
column-gap: 13px;
margin-top: 70px;
}
ul.fs img {
width: 30px;
filter: invert(1);
}
#branding-bottom {
padding: 0;
}
.wf-container-bottom {
padding: 0;
min-height: 0;
border: 0px !important;
}
.wf-container-bottom, #bottom-bar.full-width-line {
border-top: 0;
}
.fmenu ul li {
border: 0px !important;
text-align: right !important;
margin: 14px 0 0;
padding: 14px 0 0;
}
.fmenu ul li a {
font-family: 'neuehaasdisplaymediu' !important;
font-size: 20px;
text-decoration:none !important;
}
#bottom-bar .wf-float-left {
margin-right: 10px;
font-size: 15px;
position: relative;
bottom:114px;
}
.sa_owl_theme .owl-nav .owl-next {
right: 22px !important;
}
.type-9-menu-icon .menu-toggle .lines-button .menu-line, .type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line {
height: 2px;
}
.da {

}
.da a {
width: 69px;
height: 69px;
border: 1px solid #fff;
border-radius: 50px;
text-align: center;
line-height: 79px;
float: right;
transition: 0.5s;
display: flex !important;
align-items: center;
justify-content: center;
}
.da a img{
width: 20px;
filter: invert(1);
}
.da a:hover {
background: #c1bcb5;
border: 1px solid #c1bcb5;
}
.down .wpb_raw_code {
margin: 0px;
}
.da:hover img {
filter: invert(0);
}
.down .vc_column-inner {
display: flex;
align-items: flex-end;
justify-content: end;
}
.type-9-menu-icon .menu-toggle .lines-button, .type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
width: 68px;
height: 50px;
}
.type-9-menu-icon .menu-toggle .lines-button .menu-line, .type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line {
height: 6px;
}
.menu-toggle .menu-line:nth-of-type(2) {
top: 22px !important;
}
.menu-toggle .menu-line:nth-of-type(3) {
top: 44px !important;
}
.type-9-menu-icon .menu-toggle .lines-button .menu-line, .type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line {
width: 68px !important;
}
.type-9-menu-icon .menu-toggle .lines-button .menu-line:nth-child(2), .type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line:nth-child(2) {
width:50px !important;
}
.fade-big-menu-close-icon .menu-close-toggle .close-line, .fade-big-menu-close-icon .hide-overlay .close-line {
width: 68px;
height:6px;
}
.fade-big-menu-close-icon .menu-close-toggle .close-line-wrap, .fade-big-menu-close-icon .hide-overlay .close-line-wrap {
width: 68px;
height: 50px;
}
.cbox {
max-width: 663px;
margin-left: 40px;
}
.button--pan.mgtop1 {
margin-top: 30px;
}
.portfoliosec .white .sa_owl_theme .owl-nav .owl-prev:hover {
background-image: url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/hoverarrow.png) !important;
background-repeat: no-repeat;
}
.white .sa_owl_theme .owl-nav .owl-next:hover  {
background-image: url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/hoverarrow2.png) !important;
background-repeat: no-repeat;
}
.portfoliosec .sa_owl_theme .owl-nav div, .sa_owl_theme .owl-nav button {
position: initial !important;
}
.portfoliosec .sa_owl_theme .owl-nav {
display: flex !important;
float: right;
margin-top: 40px;
}
.portfoliosec .white .sa_owl_theme .owl-nav .owl-prev {
margin-right: 15px;
}
.portfoliosec ul.pn {
float: left;
margin: 0px 30px 0px 0px;
padding: 0px;
list-style-type: none;
display: flex;
align-items: center;
column-gap: 25px;
font-size: 20px;	
}
.portfoliosec ul.pn .line {
width: 50px;
height: 2px;
background: #222;
display: block;
}

.aboutpagesec1 {
padding: 130px 0px;
}
.aboutpagesec1 .vc_column-inner{
padding-top:0px !important;	
}
.aboutpagesec1 p {
font-size: 18px;
line-height: 28px;
}

.aboutpagesec1 img{
border-radius: 30px;
height: 1121px;
object-fit: cover;
object-position: center;
/*mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/350% 100%;
animation: shimmer 2.5s infinite;*/
}
@keyframes shimmer {
100% {
mask-position: left
}
}
.aboutpagesec1 h2 {
font-size: 68px;
line-height: 78px;
font-family: 'neuehaasdisplaymediu' !important;
margin-bottom:30px;
}
.aboutpagesec1 h3 {
font-size: 34px;
line-height: 44px;
font-family:'neuehaasdisplaybold' !important;
margin-top:30px;
}
.aboutpagesec1 .textspace{
margin-bottom: 20px;
}
.aboutpagesec1 .cbox2 .vc_column-inner{
max-width:830px;
}

.aboutpagesec1 .cbox2 .sbox{
border-radius: 20px;
padding:15px 25px;
position:relative;
overflow:hidden;
margin-bottom:0px !important;
}
.aboutpagesec1 .cbox2 .sbox:hover p{
color:#fff;	
}
.aboutpagesec1 .cbox2 .sbox:hover:after {
transform: scaleY(1);
-moz-transform: scaleY(1);
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
}
.aboutpagesec1 .cbox2 .sbox:after {
content: '';
position: absolute;
top: 0;
height: 100%;
left: 0;
right: 0;
bottom: 0;
background-color: #c1bbb5;
z-index: -1;
transform: scaleY(0) translateZ(0);
will-change: transform;
transform-origin: 100% 100%;
transition: transform .9s cubic-bezier(.43,.195,.02,1);
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}


/*.aboutpagesec1 .cbox2 .sbox p {
background: #c1bbb5;
border-radius: 20px;
padding: 30px;
color: #fff;
}*/
.aboutpagesec1 .cbox2 .sbox p strong{
font-family:'neuehaasdisplaybold' !important;	
}
.aboutpagesec1 .cbox2 .sbox2{
margin-top:20px;
margin-bottom:0px;	
}
.aboutpagesec1 .cbox2 .sbox2 p {
padding: 0px 30px;
}
.aboutpagesec1 .cbox2 .sbox2 p strong{
font-family:'neuehaasdisplaybold' !important;	
}
body .titlebg {
background-position: right center !important;
}
.aboutpagesec1 .wpb_single_image {
margin: 0;
}
.cform .quform-element.quform-element-text {
width: calc((100% / 3) - 20px);
margin: 10px;
float: left;
}
.cform .quform-element.quform-element-email {
width: calc((100% / 3) - 20px);
margin: 10px;
float: left;
}
.cform .quform-element.quform-element-select {
width: calc((100% / 3) - 20px);
margin: 10px;
float: left;
}
.cform .quform-element-1_12 {
width: 65% !important;
float: left;
margin-right: 21px !important;
}
.cform .bw {
width: 32%;
float: left;
margin:0px;
}
.cform  .quform-element-submit>div {
margin: 0;
}
.cform h2 {
margin-bottom: 30px;
}
.cform .quform-field{
background: transparent;
color: #fff !important;
border: 0px;
border-bottom: 2px solid #fff;
font-family: 'neuehaasdisplaymediu' !important;
font-size: 20px !important;
padding: 0px 0px 20px !important;
box-sizing: border-box !important;
width: 100%;
}
.cform .quform-field-select {
color: #fff !important;
border: 0px;
border-bottom: 2px solid #fff;
font-family: 'neuehaasdisplaymediu' !important;
font-size: 20px;
padding: 0px 0px 20px !important;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url(https://webtesting.co.in/landcon/wp-content/uploads/2024/09/da.svg);
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 10px;
background-size: 17px;
margin-top: -3px;	
}
.cform .quform-field-select option {
background: #222;
}
.cform input::placeholder {
color: #fff !important;
opacity: 1;	
}
.cform button.quform-submit{
width: 100%;
height: 60px;
border-radius: 50px !important;
font-size: 18px !important;
text-align: left;
line-height: 60px !important;
padding: 0px 30px 0px 30px !important;
background: #c1bcb5 url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowright.svg) no-repeat; 
color: #222 !important;
font-family: 'neuehaasdisplaymediu' !important;
background-size: 23px !important;
background-position: center right 31px !important;
border: 0px !important;
position: relative;
overflow: hidden;
}
.cform button.quform-submit:before {
content: '';
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #000;
transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
transform: translate3d(0, 100%, 0);
}
.cform button.quform-submit:hover:before {
transform: translate3d(0, 0, 0);
}
.cform button.quform-submit:hover {
background: #000 url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowrightwhite.svg) no-repeat !important;
background-size: 23px !important;
background-position: center right 31px !important;
}
.cform button.quform-submit:hover span {
display: block;
color: #fff;
mix-blend-mode: difference;
background:url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowrightwhite.svg) no-repeat !important;
background-size: 23px !important;
background-position: center right 1px !important;
width: 100%;
}
.cform .quform-button-submit {
width: 100%;
}
.cform .quform-spacer {
padding: 0 0 20px 0;
}
.cform .quform-element-file {
width: calc((100% / 3) - 20px);
margin: 10px;
float: left;
}
.cform .quform-element-2_10 {
width: 65% !important;
float: left;
margin-right: 26px !important;
}
.cform .quform-upload-button, .quform-upload-dropzone {
position: relative;
text-align: left;
overflow: hidden;
background: transparent;
color: #fff !important;
border: 0px !important;
border-bottom: 2px solid #fff !important;
font-family: 'neuehaasdisplaymediu' !important;
font-size: 20px !important;
padding: 0px 0px 20px !important;
box-sizing: border-box !important;
width: 100% !important;
}
.cform  .quform-upload-button span.quform-upload-button-icon {
float: right;
}
.subform .quform-element.quform-element-text {
width: calc((100% / 3) - 20px);
margin: 10px;
float: left;
}
.subform .quform-element.quform-element-email {
width: calc((100% / 3) - 20px);
margin: 10px;
float: left;
}
.subform .bw {
width: 32.5%;
float: right;
margin: 0px;
}
.subform .quform-field{
background: transparent;
color: #fff !important;
border: 0px;
border-bottom: 2px solid #fff;
font-family: 'neuehaasdisplaymediu' !important;
font-size: 20px !important;
padding: 0px 0px 20px !important;
box-sizing: border-box !important;
width: 100%;
}
.subform input::placeholder {
color: #fff !important;
opacity: 1;	
}
.subform button.quform-submit{
width:399px;
height: 69px;
border-radius: 50px !important;
font-size: 18px !important;
text-align: left;
line-height: 60px !important;
padding: 0px 30px 0px 30px !important;
background: #c1bcb5 url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowright.svg) no-repeat; 
color: #222 !important;
font-family: 'neuehaasdisplaymediu' !important;
background-size: 23px !important;
background-position: center right 31px !important;
border: 0px !important;
position: relative;
overflow: hidden;
}
.subform button.quform-submit:before {
content: '';
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #000;
transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
transform: translate3d(0, 100%, 0);
}
.subform button.quform-submit:hover:before {
transform: translate3d(0, 0, 0);
}
.subform button.quform-submit:hover {
background: #000 url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowrightwhite.svg) no-repeat !important;
background-size: 23px !important;
background-position: center right 31px !important;
}
.subform button.quform-submit:hover span {
display: block;
color: #fff;
mix-blend-mode: difference;
background:url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowrightwhite.svg) no-repeat !important;
background-size: 23px !important;
background-position: center right 1px !important;
width: 100%;
}
.subform .quform-button-submit {
width: 100%;
}
.subform .quform-spacer {
padding: 0 0 20px 0;
}



.cform p {
margin-bottom: 20px;
}
#page .wpcf7-response-output, .popup-message-style .wpcf7-response-output {
color: #222 !important;
}

.investorpage {
padding: 130px 0px;
display: grid !important;
grid-template-columns: 1fr 1fr;
column-gap: 100px;
align-items: center;
}
.investorpage .vc_col-sm-6{
width: 100%;
}
.investorpage .vc_column-inner{
padding-top:0px !important;	
}
.investorpage p {
font-size: 18px;
line-height: 28px;
}
.investorpage .sideimg img{
border-radius: 30px;
height:604px;
object-fit: cover;
object-position: center;
/*mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/350% 100%;
animation: shimmer 2.5s infinite;*/
}
@keyframes shimmer {
100% {
mask-position: left
}
}
.investorpage h2 {
font-size: 68px;
line-height: 78px;
font-family: 'neuehaasdisplaymediu' !important;
margin-bottom:30px;
}
.investorpage .textspace{
margin-bottom: 20px;
}
.investorpage .wpb_single_image {
margin: 0;
}
body .titlebg2 {
background-position:center !important;
}

.sc {
padding: 130px 0px;
display: grid !important;
grid-template-columns: 1fr 1fr;
column-gap: 100px;
align-items: top;
}
.sc .vc_col-sm-6{
width: 100%;
}
.sc .vc_column-inner{
padding-top:0px !important;	
}
.sc p {
font-size: 18px;
line-height: 28px;
}

.sc .sideimg img{
border-radius: 30px;
height:604px;
object-fit: cover;
object-position:right center;
/*mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/350% 100%;
animation: shimmer 2.5s infinite;*/
}
@keyframes shimmer {
100% {
mask-position: left
}
}
.sc h2 {
font-size: 68px;
line-height: 78px;
font-family: 'neuehaasdisplaymediu' !important;
margin-bottom:30px;
}
.sc .textspace{
margin-bottom: 20px !important;
}
.sc .wpb_single_image {
margin: 0;
}
.sc  .wpb_content_element{
margin: 0;
}
.lines {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
margin: auto;
width: 90vw;
}

.line {
position: absolute;
width: 1px;
height: 100%;
top: 0;
left: 50%;
background: rgba(255, 255, 255, 0.1);
overflow: hidden;
}
.line::after {
content: "";
display: block;
position: absolute;
height: 15vh;
width: 100%;
top: -50%;
left: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
-webkit-animation: drop 7s 0s infinite;
animation: drop 7s 0s infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
.line:nth-child(1) {
margin-left: -25%;
}
.line:nth-child(1)::after {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.line:nth-child(3) {
margin-left: 25%;
}
.line:nth-child(3)::after {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}

@-webkit-keyframes drop {
0% {
top: -50%;
}
100% {
top: 110%;
}
}

@keyframes drop {
0% {
top: -50%;
}
100% {
top: 110%;
}
}
.contactpage {
padding: 130px 0px;
display: grid !important;
grid-template-columns: 1fr 1fr;
column-gap: 100px;
align-items: top;
}
.contactpage .vc_col-sm-6{
width: 100%;
}
.contactpage .vc_column-inner{
padding-top:0px !important;	
}
.contactpage p {
font-size: 18px;
line-height: 28px;
}
.contactpage h2 {
font-size: 68px;
line-height: 78px;
font-family: 'neuehaasdisplaymediu' !important;
margin-bottom:30px;
}
.contactpage .textspace{
margin-bottom: 20px !important;
}
.contactpage  .wpb_content_element{
margin: 0;
}
.contactpage strong{
font-family:'neuehaasdisplaybold' !important;	
}
.contactpage a{
color:#222;
text-decoration:none;	
}
.contactpage ul.cs {
display: flex;
column-gap:18px;
list-style-type: none;
margin: 70px 0px 0px;
}
.contactpage ul.cs img {
width:50px;
}
.contactpage .wpb_gmaps_widget .wpb_wrapper{
background-color: transparent;
padding: 0;
}
.contactpage .cmap iframe {
border-radius: 40px;
}
.careerpage {
padding: 130px 0px;
display: grid !important;
grid-template-columns: 1fr 1fr;
column-gap: 100px;
align-items: center;
}
.careerpage .vc_col-sm-6{
width: 100%;
}
.careerpage .vc_column-inner{
padding-top:0px !important;	
}
.careerpage p {
font-size: 18px;
line-height: 28px;
}

.careerpage .sideimg img{
border-radius: 30px;
height:604px;
object-fit: cover;
object-position: center;
/*mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/350% 100%;
animation: shimmer 2.5s infinite;*/
}
@keyframes shimmer {
100% {
mask-position: left
}
}
.careerpage h2 {
font-size: 68px;
line-height: 78px;
font-family: 'neuehaasdisplaymediu' !important;
margin-bottom:30px;
}
.investorpage .textspace{
margin-bottom: 20px;
}
.careerpage .wpb_single_image {
margin: 0;
}
.careerpage .wpb_content_element {
margin: 0;
}
.careerpage .textspace {
margin-bottom: 20px !important;
}
.file-placeholder {
position: relative;
display: inline-block;
width: 100%; /* Adjust width as needed */
padding-bottom: 10px; /* Space for the border */
}

.file-placeholder::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px; /* Thickness of the border */
background-color: white; /* Color of the border */
}

.file-placeholder .placeholder-text {
position: absolute;
pointer-events: none;
color: #aaa;
left: 10px;
top: 50%;
transform: translateY(-50%);
}

.file-placeholder input[type="file"] {
position: relative;
z-index: 1;
opacity: 0; /* Hide the default file input */
width: 100%; /* Ensure it matches the container width */
height: 40px; /* Adjust the height as needed */
}
.file-placeholder .placeholder-text {
position: absolute;
pointer-events: none;
color: #fff;
left: 0;
top: 29%;
transform: translateY(-50%);
font-family: 'neuehaasdisplaymediu' !important;
font-size: 20px;
width: 100%;
}
.file-placeholder::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background-color: white;
}
.tw.file-placeholder p {
margin: 0;
}
.file-placeholder .placeholder-text:after{
content:"+";
position:absolute;
right:0px;
top:0px;	
}
.portfolioinner {
padding: 100px 0px;
}
.portfolioinner h2 {
font-size: 60px;
line-height: 70px;
font-family: 'neuehaasdisplaymediu' !important;
color: #222222;
}
.portfolioinner .tabs ul {
margin: 0px;
padding: 0px;
list-style-type: none;
display: flex;
column-gap:10px;
}
.portfolioinner .tabs ul li {
color: #222;
font-size: 18px;
}

.portfolioinner .tabs ul li a{
text-decoration: none;
color: #222;
border-radius: 10px;
padding: 10px 18px;
}
.portfolioinner .tabs ul li a.active{
border: 1px solid #222;	
}
.titlefilter {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom:10px;	
}
.portsec1 {
margin-top: 50px;
}
.portsec1 ul {
margin: 0px;
padding: 0px;
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 50px;
}
.portsec1 .thumb1{
position:relative;
border-radius: 40px;
overflow: hidden;
height: 512px;
transition: all 1s;	
}
.portsec1 .thumb1 img {
width: 100%;
height: 512px;
object-fit: cover;
object-position: center;
border-radius: 40px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .9s ease-in-out;
transition: .9s ease-in-out;
}
.portsec1 .thumb1:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.portsec1 .thumb1 h4 {
font-family: 'neuehaasdisplayroman' !important;
font-weight: 400;
font-size: 25px;
line-height: 35px;
background: #222222c4;
color: #fff;
padding: 50px 50px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
position: absolute;
width: 100%;
box-sizing: border-box;
bottom: 0px;
margin: 0px;
transition: all 1s;
}
.portsec1 .thumb1 .hoverbox{
position: absolute;
background: #151921e0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding:40px 50px;
bottom: 0;
box-sizing:border-box;
}
.portsec1 .thumb1 .hoverbox p {
color: #fff;
position:relative;
padding-bottom:20px;
font-size:20px;	
line-height:30px;	
}
.portsec1 .thumb1 .hoverbox p:after{
content:"";
position:absolute;
width:40px;
height:5px;
background:#fff;
bottom:0px;
left:0px;	
}
.portsec1 .thumb1 .hoverbox h5 {
color: #fff;
font-family: 'neuehaasdisplayroman' !important;
font-weight: 400;
font-size: 25px;
line-height: 35px;	
}
.portsec1 .hoverbox{
opacity:0;
}
.portsec1 .thumb1:hover .hoverbox{
opacity: 1;
transition: all 1s;
}
.portsec1 .thumb1:hover h4{
opacity:0;
transition: all 1s;	
}


.portsec2 {
margin-top: 50px;
}
.portsec2 ul {
margin: 0px;
padding: 0px;
list-style: none;
display: grid;
grid-template-columns:7fr 4fr;
column-gap: 50px;
}
.portsec2 .thumb1{
position:relative;
border-radius: 40px;
overflow: hidden;
height: 512px;	
}
.portsec2 .thumb1 img {
width: 100%;
height: 512px;
object-fit: cover;
object-position: center;
border-radius: 40px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .9s ease-in-out;
transition: .9s ease-in-out;
}
.portsec2 .thumb1:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.portsec2 .thumb1 h4 {
font-family: 'neuehaasdisplayroman' !important;
font-weight: 400;
font-size: 25px;
line-height: 35px;
background: #222222c4;
color: #fff;
padding: 50px 50px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
position: absolute;
width: 100%;
box-sizing: border-box;
bottom: 0px;
margin: 0px;
}
.portsec2 .thumb1 .hoverbox{
position: absolute;
background: #151921e0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding:40px 50px;
bottom: 0;
box-sizing:border-box;
}
.portsec2 .thumb1 .hoverbox p {
color: #fff;
position:relative;
padding-bottom:20px;
font-size:20px;	
line-height:30px;	
}
.portsec2 .thumb1 .hoverbox p:after{
content:"";
position:absolute;
width:40px;
height:5px;
background:#fff;
bottom:0px;
left:0px;	
}
.portsec2 .thumb1 .hoverbox h5 {
color: #fff;
font-family: 'neuehaasdisplayroman' !important;
font-weight: 400;
font-size: 25px;
line-height: 35px;	
}
.portsec2 .hoverbox{
opacity:0;
}
.portsec2 .thumb1:hover .hoverbox{
opacity: 1;
transition: all 1s;
}
.portsec2 .thumb1:hover h4{
opacity:0;
transition: all 1s;	
}
.mapwh{
width: 100%;
height: 604px;
border-radius: 30px;	
}
.pn li.pn-current span {
position: relative;
bottom: 8px;
}
.portfoliosec ul.pn li{
cursor:pointer;	
}
[data-aos=clip-down].aos-animate {
clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
[data-aos=clip-down] {
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
overflow: hidden;
transition-timing-function: cubic-bezier(.17,.67,.21,.94) !important;
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
transition-delay: 0;
}


.homeport article.post {
width: 100%;
border-radius: 40px;
background: transparent;	
}
.homeport .post-thumbnail img {
width: 100%;
height: 600px;
object-fit: cover;
object-position: center;
}
.homeport .post-entry-content {
position: absolute !important;
top: 0;
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
}
.homeport h3.entry-title {
order: 2;
}
.homeport span.category-link {
font-size: 18px;
border-radius: 12px;
border: 1px solid #222;
display: block;
width: 118px;
height: 45px;
text-align: center;
line-height: 45px;
font-family: 'neuehaasdisplayroman' !important;	
position:relative;
overflow:hidden;	
}
.homeport span.category-link:hover a {
color: #fff;
mix-blend-mode: difference;
}
.homeport span.category-link:before {
content: '';
position: absolute;
top:0px;
left: 0;
width: 100%;
height: 100%;
background: #000;
transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
transform: translate3d(0, 100%, 0);
}
.homeport span.category-link:hover:before {
transform: translate3d(0, 0, 0);
}

.homeport .entry-meta.portfolio-categories {
margin: 0px !important;
}
.homeport h3.entry-title a {
font-weight: 400;
color: #222 !important;
font-family: 'neuehaasdisplayroman' !important;	
}
.homeport span.category-link a{
display:block;	
}
.homeport .post-thumbnail-rollover:after{
background:transparent !important;	
}
.homeport .icon-portfolio-p203:before{
content: "View";	
}
#page .homeport span[class^=icon-portfolio-]:before{
font-family: 'neuehaasdisplayroman' !important;
color: #222;
text-transform: uppercase;
font-size: 18px;	
}
.homeport .project-links-container a:before {
background: #c1bbb5 !important;
}
#page .homeport .project-links-container a {
width: 138px;
height: 138px;
line-height: 148px;
border-radius: 100px;
margin: 10px 5px 10px;
}
#page .homeport .project-links-container a:after {
background: #000;
}
#page .homeport .post-thumbnail a:hover span.icon-portfolio-p203:before {
color: #fff !important;
}

#page .homeport .owl-nav {
display: flex !important;
float: right;
margin-top: 40px;
justify-content: end;
}
#page .homeport .owl-nav div{
position:initial;	
}
#page .homeport .owl-nav .owl-prev {
margin-right: 15px;
transform: none !important;
left: auto;
top: auto;
border: 1px solid #000;
transition: 0.5s;	
}
#page .homeport .owl-nav .owl-next {
transform: none !important;
left: auto;
top: auto;
border: 1px solid #000;
transition: 0.5s;	
}
#page .homeport .owl-nav div:after, .owl-nav div:before {
position: initial;
background: transparent !important;
}
#page .homeport .owl-nav .owl-prev:hover {
background: #000;
}
#page .homeport .owl-nav .owl-next:hover{
background: #000;	
}
#page .cbs a.ubtn-link .ubtn {
margin: 0;
width: 355px;
height: 69px;
border-radius: 50px;
font-size: 18px !important;
font-family: 'neuehaasdisplayroman';
text-align: left;
}
#page .cbs .ubtn-bottom-bg .ubtn-hover {
display: none;
}
#page .cbs a.ubtn-link .ubtn::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
transform: translate3d(0, 100%, 0);
}
#page .cbs a.ubtn-link .ubtn:hover:after {
transform: translate3d(0, 0, 0);
}
#page .cbs a.ubtn-link .ubtn span.ubtn-data.ubtn-icon {
right: 25px;
}
#page .cbs a.ubtn-link .ubtn:hover .icomoon-the7-font-the7-arrow-33{
color:#fff !important;	
}
#page .ohs{
border-radius: 30px;
position: relative !important;
}
#page .ohs img {
width: 100%;
max-width: 100% !important;
display: block;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0;
margin: 0;
border: none;
border-radius: 30px;
position: relative;
box-sizing: border-box;
width: 100%;
margin-left: 30px;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#page .ohs .title-left {
font-family: 'neuehaasdisplaymediu' !important;
font-size: 50px;
position: absolute;
bottom: 0;
color: #fff;
line-height: 60px;
writing-mode: vertical-lr;
transform: rotate(180deg);
width: fit-content;
padding: 40px 32px 0px 0px;
}
#page .ohs:hover img {
margin-left: 0px;
}
#page .ohs2{
border-radius: 30px;
position: relative !important;
}
#page .ohs2 img {
width: 100%;
max-width: 100% !important;
display: block;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0;
margin: 0;
border: none;
border-radius: 30px;
position: relative;
box-sizing: border-box;
width: 100%;
margin-left: 30px;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#page .ohs2 .title-left {
font-family: 'neuehaasdisplaymediu' !important;
font-size: 50px;
position: absolute;
bottom: 0;
color: #fff;
line-height: 60px;
writing-mode: vertical-rl;
transform: rotate(180deg);
width: fit-content;
padding: 40px 32px 0px 0px;
}
#page .ohs2:hover img {
margin-left: 0px;
}
.sub .vc_column-inner {
max-width: 1230px;
margin: 0px auto;
}
#page .portfolioinner .filter-categories a {
color: #222;
font-size: 18px;
font-weight: 400;
font-family: 'neuehaasdisplayroman' !important;
}
#page .filter-bg-decoration .filter-categories a.act {
background-color: transparent;
border: 1px solid;
color: #222;
border-radius: 10px;
padding: 10px 12px;
}
#page .filter-bg-decoration .filter-categories a:not(.act):hover {
color: #222;
}
#page .portfolioinner .filter {
align-items: end;
justify-content: end;
margin-top: -50px;
}
#page .portfolioinner .rollover-project h4 {
font-family: 'neuehaasdisplayroman' !important;
font-weight: 400;
font-size: 25px;
line-height: 35px;
background: #222222c4;
color: #fff;
padding: 50px 50px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
position: absolute;
width: 100%;
box-sizing: border-box;
bottom: 0px;
margin: 0px;
	text-align: left;
}
#page .portfolioinner .rollover-project img {
border-radius: 40px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .9s ease-in-out;
transition: .9s ease-in-out;
}
#page .portfolioinner .rollover-project:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
#page  .rollover-project:hover h4 {
opacity: 0;
transition: 0.5s;
}
#page figcaption.rollover-content {
background: #151921e0 !important;
padding: 40px 50px;
bottom: 0;
box-sizing: border-box;
border-radius: 40px !important;
}
#page figcaption .rollover-content-container{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.portfolioinner .rollover-project {
position: relative;
overflow: hidden;
border-radius: 40px;
}
#page figcaption .rollover-content-container h3 {
order: 2;
}
#page figcaption .rollover-content-container h3.entry-title {font-family: 'neuehaasdisplayroman' !important;font-weight: 400;font-size: 25px;line-height: 35px;margin-bottom: 47px;text-align: left;}
#page figcaption .rollover-content-container p {
font-family: 'neuehaasdisplayroman' !important;
font-size: 20px;
line-height: 30px;
position:relative;
padding-bottom: 14px;	
	text-align:left;
}
#page figcaption .rollover-content-container p:after{
content:"";
position:absolute;
width:24px;
height:3px;
left:0px;
bottom:0px;
background:#fff;	
}



#page .contactpage .wpb_content_element {
margin: 0;
border-radius: 40px;
}
#page .cbs2 a.ubtn-link .ubtn {
margin: 0;
width: 355px;
height: 69px;
border-radius: 50px;
font-size: 18px !important;
font-family: 'neuehaasdisplaymediu' !important;
text-align: left;
border:1px solid #222 !important;
}
#page .cbs2 a.ubtn-link .ubtn::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
transform: translate3d(0, 100%, 0);
}
#page .cbs2 a.ubtn-link .ubtn:hover:after {
transform: translate3d(0, 0, 0);
}
#page .cbs2 .ubtn-bottom-bg .ubtn-hover {
display: none;
}
#page .cbs2 a.ubtn-link .ubtn span.ubtn-data.ubtn-icon {
right: 25px;
}
#page .cbs2 a.ubtn-link .ubtn:hover .icomoon-the7-font-the7-arrow-33{
color:#fff !important;	
}
#mailpoet_form_1 .parsley-required, .parsley-custom-error-message {
color: #fff;
position: relative;
bottom: -10px;
}
.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success {
color: #fff;
font-size:20px;
}
.cbs2.mgtop2 {
margin: -48px 0px 0px;
}
.cformi .quform-element.quform-element-4_10 {
width: 65% !important;
}
.cformi .quform-element.quform-element-text {
width: calc((100% / 3) - 20px);
margin: 10px;
float: left;
}
.cformi .quform-element.quform-element-email {
width: calc((100% / 3) - 20px);
margin: 10px;
float: left;
}
.cformi .quform-element-1_12 {
width: 65% !important;
float: left;
margin-right: 21px !important;
}
.cformi .bw {
width: 32%;
float: right;
margin:0px;
}
.cformi  .quform-element-submit>div {
margin: 0;
}
.cformi .quform-field{
background: transparent;
color: #fff !important;
border: 0px;
border-bottom: 2px solid #fff;
font-family: 'neuehaasdisplaymediu' !important;
font-size: 20px !important;
padding: 0px 0px 20px !important;
box-sizing: border-box !important;
width: 100%;
}
.cformi input::placeholder {
color: #fff !important;
opacity: 1;	
}
.cformi button.quform-submit{
width: 100%;
height: 60px;
border-radius: 50px !important;
font-size: 18px !important;
text-align: left;
line-height: 60px !important;
padding: 0px 30px 0px 30px !important;
background: #c1bcb5 url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowright.svg) no-repeat; 
color: #222 !important;
font-family: 'neuehaasdisplaymediu' !important;
background-size: 23px !important;
background-position: center right 31px !important;
border: 0px !important;
position: relative;
overflow: hidden;
}
.cformi button.quform-submit:before {
content: '';
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #000;
transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
transform: translate3d(0, 100%, 0);
}
.cformi button.quform-submit:hover:before {
transform: translate3d(0, 0, 0);
}
.cformi button.quform-submit:hover {
background: #000 url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowrightwhite.svg) no-repeat !important;
background-size: 23px !important;
background-position: center right 31px !important;
}
.cformi button.quform-submit:hover span {
display: block;
color: #fff;
mix-blend-mode: difference;
background:url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/arrowrightwhite.svg) no-repeat !important;
background-size: 23px !important;
background-position: center right 1px !important;
width: 100%;
}
.cformi .quform-button-submit {
width: 100%;
}
.cformi .quform-spacer {
padding: 0 0 20px 0;
}
.cformi .quform-element-2_10 {
width: 65% !important;
float: left;
margin-right: 26px !important;
}
.cformi  .quform-upload-button span.quform-upload-button-icon {
float: right;
}
.cformi h2 {
margin-bottom: 30px;
}
.portfolioinner .links-container>a:before, .links-container>a:hover:after {
    opacity: 0;
}
.linkhover a:hover{
text-decoration:underline;

}






@media(max-width:1800px){
.sub .upb_row_bg {
left: 32px !important;
}
}
@media(max-width:1600px){
.homeport .post-thumbnail img {
height: 500px;
}		
.portsec1 .thumb1{
height:440px;	
}
.portsec1 .thumb1 img {
height:440px;	
}
.portsec1 .thumb1 h4 {
padding: 30px 40px;	
}
.portsec2 .thumb1{
height:440px;
}
.portsec2 .thumb1 img {
height:440px;
}
.portsec2 .thumb1 h4 {
padding: 30px 40px;	
}
.invest {
background-size: 26%;
}
.portsec1 .thumb1 .hoverbox {
padding: 20px 40px;
}
.portsec2 .thumb1 .hoverbox {
padding: 20px 40px;
}	
.main-nav>li>a .menu-text {
font-family: 'neuehaasdisplaybold';
font-size: 35px;
}
.main-nav > li > a {
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
}	
.side-header .main-nav li.last a {
bottom: -100px;
}
.sub .upb_row_bg {
left: 32px !important;
}
.aboutpagesec1 .cbox2 .vc_column-inner {
max-width: 700px;
}		
}
@media(max-width:1500px){
.sub img {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
width: calc(100vw - 61px);
}
.sub .vc_column-inner{
max-width: 1050px;
}
.invest {
background-size: 28%;
}

}
@media(max-width:1440px){
.aboutpagesec1 .cbox2 .vc_column-inner {
max-width: 550px;
}	
.homeport .post-thumbnail img {
height:400px;
}		
.sub img {
width: calc(100vw - 31px);
}
.bigimage img {
width: calc(100vw - 40px);
}
.sub .upb_row_bg {
left: 32px !important;
}
.portsec1 .thumb1{
height:400px;	
}
.portsec1 .thumb1 img {
height:400px;	
}
.portsec1 .thumb1 h4 {
padding: 30px 40px;
font-size:20px;
line-height:30px	
}
.portsec2 .thumb1{
height:400px;
}
.portsec2 .thumb1 img {
height:400px;
}
.portsec2 .thumb1 h4 {
padding: 30px 40px;
font-size:20px;
line-height:30px	
}
.portsec1 .thumb1 .hoverbox h5 {
font-size:20px;
line-height:30px
}
.portsec1 .thumb1 .hoverbox p {
font-size: 18px;
line-height: 28px;
}
.portsec2 .thumb1 .hoverbox h5 {
font-size:20px;
line-height:30px
}
.portsec2 .thumb1 .hoverbox p {
font-size: 18px;
line-height: 28px;
}	
}

@media(max-width:1400px){
.cformi .quform-element.quform-element-4_10 {
width: 64.7% !important;
}	
.cform .bw {
width: 31%;
float: left;
margin: 0px;
}	
.cbox {
max-width: 606px;
margin-left: 0;
}
.investorpage {
column-gap:50px;
}
.sc {
column-gap:50px;
}	
.contactpage {
column-gap:50px;
}	
.careerpage {
column-gap:50px;
}	
.sub img {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
width: calc(100vw - 31px);
}
.bigimage img {
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
width: calc(100vw - 30px);
}
.pbox .pi img {
height:460px !important;
}
.bannerbutton {
border-top: 1px solid #fff;
padding:39px 0px;
top: -150px;
z-index: 9;
margin-bottom: -210px;
}
.main-nav>li>a .menu-text {
font-family: 'neuehaasdisplaybold';
font-size: 30px;
}
.main-nav > li > a {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}
.side-header .branding {
margin-bottom: 30px;
}
.side-header .main-nav li.last a span.menu-text {
font-size: 16px;
}
.side-header .main-nav li.last a {
padding: 12px 32px !important;
}	
}
@media(max-width:1366px){
.sub img {
width: calc(100vw - 43px);
}
.bigimage img {
width: calc(100vw - 43px);
}	
.portfoliosec .sa_owl_theme .owl-nav div, .sa_owl_theme .owl-nav button {
bottom: -27% !important;
}
}
@media(max-width:1250px){
#page .portfolioinner .rollover-project h4 {
padding: 20px 50px;
}
#page figcaption.rollover-content {
padding:20px 50px 10px 50px;
}	
.sub img {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: calc(100vw - 0px);
height:550px;
object-fit: cover;
}
.bigimage img {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
width: calc(100vw - 0px);
}
.pbox .view {
width: 100px;
height: 100px;
line-height: 100px;	
}
.sub .upb_row_bg {
left: 0px !important;
border-radius: 0;
}
#mailpoet_form_1 .mailpoet_paragraph.last {
margin-bottom: 0;
margin-right: 18px;
}	
}
@media(max-width:1100px){
.sub .vc_column-inner {
box-sizing: border-box;
padding-left: 15px !important;
padding-right: 15px !important;
width: 100%;
}	
}
@media(max-width:1024px){
.dt-portfolio-shortcode .wf-cell:nth-child(4n+2), .dt-portfolio-shortcode .wf-cell:nth-child(4n+1) {
width:100% !important;
}
.dt-portfolio-shortcode .wf-cell:nth-child(4n+3) {
width:100% !important;
}
.dt-portfolio-shortcode .wf-cell:nth-child(4n+4) {
width:100% !important;
}
#page .portfolioinner .filter {
align-items: center;
justify-content: center;
margin-top: 0;
}
.portfolioinner h2 {
text-align: center !important;
margin-bottom: 30px;
}	
.aboutsec .vc_column_container {
align-items: flex-start !important;
}	
.pbox .pi img {
height: 330px !important;
}
.portfoliosec .sa_owl_theme .owl-nav div, .sa_owl_theme .owl-nav button {
bottom: -37% !important;	
}
.radiusimage img {
height: auto;
}
#mailpoet_form_1 .mailpoet_paragraph.last {
margin-right:0px;
}	
.aboutpagesec1 {
padding: 130px 0px;
align-items: baseline;
}
.aboutpagesec1 img {
height: auto;	
}
.investorpage {
align-items: baseline;
column-gap: 30px;	
}
.investorpage .sideimg img {
height: 450px;
}
.sc {
align-items: baseline;
column-gap: 30px;
}
.sc .sideimg img {
height: 450px;	
}
.careerpage {
align-items: baseline;
column-gap: 30px;
}
.careerpage .sideimg img{
height: 450px;		
}	
}
@media(max-width:1050px){
.cformi .quform-element.quform-element-4_10 {
width: 63.7% !important;
}
}
@media(max-width:992px){
.contactpage {
grid-template-columns: 1fr;
row-gap: 50px;
}	
.cform .quform-element-file {
width: calc((100% / 1) - 20px);
}
.cform .quform-element-2_10 {
width: calc((100% / 1) - 20px) !important;
}	
.cformi .quform-element.quform-element-text {
width: calc((100% / 1) - 20px);
}
.cformi .quform-element.quform-element-email {
width: calc((100% / 1) - 20px);
}
.cformi .quform-element.quform-element-4_10 {
width: calc((100% / 1) - 20px) !important;
}
.cformi .bw {
width: 300px;
}	
.cbs2.mgtop2 {
margin: 20px 0px 0px;
text-align: center;	
}	
.cform .quform-element.quform-element-text {
width: calc((100% / 1) - 20px);
}
.cform .quform-element.quform-element-email {
width: calc((100% / 1) - 20px);
}
.cform .quform-element.quform-element-select {
width: calc((100% / 1) - 20px);
}
.cform .quform-element-1_12 {
width: calc((100% / 1) - 20px) !important;
}
.cform .bw {
width: 300px;
float: right;
margin: 0px;
}	
.subform .quform-element.quform-element-text {
width: calc((100% / 1) - 20px);
}
.subform .quform-element.quform-element-email {
width: calc((100% / 1) - 20px);
}	
.subform .bw {
width: 300px;
}	
.homeport .post-thumbnail img {
height:550px;
}	
.x-move-mobile-icon .dt-mobile-menu-icon .menu-line:first-of-type {
width: 100%;
top: -3px;	
}
.x-move-mobile-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3) {
width: 100%;
top: 15px;	
}	
.x-move-mobile-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2) {
left: 6px;
width: 80%;
right: 0;
}	
.mobile-main-nav li.act > a .menu-text{
color:#000;		
}	
.da{
display:none;
}	
.sticky-mobile-header:not(.floating-navigation-below-slider) .sticky-mobile-on.masthead {
position: absolute !important;
top: 0;
background: transparent !important;
}
.mobile-branding img {
width: 170px;
}	
body:not(.transparent) .masthead:not(.side-header) {
background-color: transparent !important;
position: absolute !important;
}	
.sticky-mobile-header:not(.transparent):not(.hidden-header) .mobile-header-space {
display: block;
height: 0px !important;
}	
.masthead.shadow-mobile-header-decoration.masthead-mobile-header {
box-shadow:none !important;
}
.masthead:not(.side-header) .mobile-header-bar, .side-header.masthead-mobile-header .mobile-header-bar {
padding: 20px 30px 0 30px;
box-sizing: border-box;
}
.sticky-mobile-on .mobile-branding * {
display: block;
}
.dt-mobile-header {
background-size: auto;
background: url(https://webtesting.co.in/landcon/wp-content/uploads/2024/08/menubg-1.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.mobile-main-nav li > a .menu-text {
font-size: 20px;
color: #fff;
text-transform: none;
font-family: 'neuehaasdisplaybold';
}
.aboutsec .vc_column_container {
align-items: flex-start !important;
}	
.pbox ul {
display: grid;
row-gap:14px;
}
.invest {
background: none;
}
.invest .vc_col-sm-3 {
width: 50%;
}
.bannerbutton {
padding: 20px 0px;
top: -111px;
}	
}
@media(max-width:916px){

}
@media(max-width:850px){
#bottom-bar .wf-container-bottom {
-ms-flex-flow: column wrap;
flex-flow: nowrap;
-ms-flex-pack: start;
-ms-justify-content: start;
justify-content: start;
}
.pbox .pi img {
height: 280px !important;
}
.portfoliosec .sa_owl_theme .owl-nav div, .sa_owl_theme .owl-nav button {
bottom: -42% !important;	
}
}
@media(max-width:778px){
.portfoliosec .white .sa_owl_theme .owl-nav .owl-prev {
margin-right:0px;
}	
.footer .widget {
width: auto !important;
}
section#nav_menu-2 {
float: right;
}
.bannerbutton {
padding: 40px 0px;
top: 0;
margin-bottom: 0;
background: #f7f7f7;
}
.bannerbutton .bs.vc_btn3-inline a{
width:100%;		
}	
.bannerbutton .wpb_raw_code {
margin: 0px;
}
.aboutsec .button--pan {
width: 320px;	
}
.aboutsec .button--pan.mgtop1 {
margin-top: 10px;
}
ul.bas {
display: grid;
column-gap: 20px;
list-style-type: none;
grid-template-columns: 1fr 1fr;
}	
.bannerbutton .button--pan {
width: 100%;	
}
.bannerbutton .wpb_wrapper {
column-gap: 15px;
display: grid;
grid-template-columns: 1fr 1fr;
}
.bannerbutton .wpb_column {
width: 100%;
}
.bannerbutton .wpb_wrapper .ubtn-ctn-left.cbs {
margin: 0;
}
#page .cbs a.ubtn-link .ubtn {
margin: 0;
width: 100%;	
}
#page .cbs a.ubtn-link	{
display: block;
padding: 0;	
}
}
@media(max-width:768px){
.contactpage {
padding:70px 0px;
}
.contactpage h2 {
margin-bottom: 10px;
font-size: 58px;
line-height: 68px;
}
.portfolioinner {
padding:60px 0px 70px;
}
.portfolioinner .vc_column-inner {
padding: 0 !important;
}
.portfolioinner h2 {
margin-bottom: 10px;
font-size: 58px;
line-height: 68px;
}
.portfolioinner h2 {
margin-bottom:0px !important;
font-size: 58px;
line-height: 68px;
}	
#page .portfolioinner .filter {
margin-top:20px;
margin-bottom: 30px;
}	
.careerpage  {
padding: 80px 0px;
display: flex !important;
}	
.careerpage  {
height: auto;
}
.careerpage .cbox2 {
order: 2;
margin-top: 30px;
}
.careerpage h2 {
margin-bottom: 10px;
font-size: 58px;
line-height: 68px;
}
.careerpage .cbs2 {
margin: 0;
}
.careerpage a.ubtn-normal {
padding: 0;
}	
.careerpage .sideimg img {
height: auto;
}	
.sc .sideimg img {
height: auto;
}	
.sc {
padding: 80px 0px;
display: flex !important;
}
.sc .cbox2 {
order: 2;
margin-top: 30px;
}
.sc h2 {
margin-bottom: 10px;
font-size: 58px;
line-height: 68px;
}	
.sc .cbs2 {
margin: 0;
}
.sc a.ubtn-normal {
padding: 0;
}	
.investorpage {
padding: 80px 0px;
display: flex !important;	
}
.investorpage a.ubtn-normal {
padding: 0;
}	
.investorpage .cbox2 {
order: 2;
margin-top: 30px;
}
.investorpage h2{
margin-bottom: 10px;
font-size: 58px;
line-height: 68px;		
}
.investorpage .cbs2 {
margin: 0;
}	
.investorpage .sideimg img {
height: auto;
}	
.aboutpagesec1 {
padding: 80px 0px;
}
.aboutpagesec1 h2 {
margin-bottom: 10px;
font-size: 58px;
line-height: 68px;	
}
.cform input.wpcf7-submit {
width: 226px;
}
.aboutpagesec1 .cbox2 .vc_column-inner {
max-width: 100%;
margin-top: 40px;	
}	
.aboutpagesec1 .cbox2 {
order:2;	
}
.cform .tw {
width: calc((100% / 1) - 0px);
}	
.cform .hw {
width: calc((100% / 1) - 0px);
}
#mailpoet_form_1 .mailpoet_submit {
width: 200px;	
}
.homeport .post-thumbnail img {
height: 450px;
}	
.sub {
margin-bottom: 90px;
}	
.bannerbutton{
background:transparent;	
}
.cbox {
max-width: 100%;
margin-left: 0;
}	
.aboutsec {
padding: 0px 0px 10px;
margin-top: -10px;
}
.aboutsec .wpb_single_image {
margin-bottom: 0px;
}
.invest .vc_col-sm-3 {
width: 100%;
}
.invest .vc_col-sm-3 .vc_column-inner {
padding: 0;
text-align: center;
}
#page .ohs {
width: auto;
margin: 0;
}
#page .ohs2 {
width: auto;
margin: 0;
}	
.ability {
padding-bottom: 10px;
}	
.investbox img {
width: 100%;
height: 600px;
object-fit: cover;
}
.supplier img {
width: 100%;
height: 600px;
object-fit: cover;
}
.invest .wpb_raw_code {
margin-bottom: 0px;
}
.sub h2 br{
display:none;	
}
#mailpoet_form_1 .mailpoet_paragraph {
line-height: 20px;
margin-bottom: 40px !important;
float: left;
width: 100%;
margin-right: 0;
}	
#mailpoet_form_1 .mailpoet_submit{
position:initial !important;	
}
.portfoliosec h2 {
font-size: 50px;
line-height: 60px;
margin-bottom: 30px;
}
.portfoliosec .sa_hover_container {
/*position: relative;
left: -5px;*/
}
.sub h2 {
font-size: 50px;
line-height: 60px;
color: #fff;
margin-bottom: 30px;
}
#mailpoet_form_1 .mailpoet_paragraph.last {
margin-bottom: 0px !important;
}
.sub img {
height: 700px;
}
.sub .vc_column-inner {
padding-top: 0px !important;
}
.radiusimage img {
border-radius: 30px;
height: 600px;
object-fit: cover;
object-position: center;
}
#footer .wf-container {
margin: 0 0;
}
#bottom-bar .wf-float-left {
position: inherit;
}
#bottom-bar {
position: initial;
margin: 0px 15px;
text-align: center;
padding: 30px 0px;
border-top: 1px solid !important;
}
#bottom-bar .wf-container-bottom {
-ms-flex-flow: column wrap;
flex-flow: column;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}

.portfoliosec .white .sa_owl_theme .owl-nav .owl-prev {
background-size:64px;
background-repeat: no-repeat;
}
.portfoliosec .white .sa_owl_theme .owl-nav .owl-next {
background-size:64px;
background-repeat: no-repeat;
}
.portfoliosec .sa_owl_theme .owl-nav button {
height: 74px !important;
width: 74px !important;
}
.sa_owl_theme .owl-nav .owl-prev {
right: 66px !important;
}
.sa_owl_theme .owl-nav .owl-next {
right: -20px !important;
}	
.portfoliosec {
padding: 0px 0px 70px;
}
.bigimage .wpb_single_image {
margin-bottom: 0px;
}
.bigimage {
padding: 80px 0px 70px;
}
.invest {
padding: 0px 0px 50px;
}
.sub .wpb_single_image {
margin-bottom: 0px;
}
.sub {
padding: 0px 0px 0px;
position: relative;
}
.supplier h2 {
left: -76px;
}
.investbox h2 {
left: -66px;
}
.pbox .pi img {
height: auto !important;
}
.portfoliosec .sa_owl_theme .owl-nav div, .sa_owl_theme .owl-nav button {
position:initial !important;	
}
.portfoliosec .sa_owl_theme .owl-nav {
margin-top: 20px;
text-align: center;	
}
#page .aboutsec a.ubtn-link .ubtn {
margin: 0;
width: 300px;
}	
}
@media(max-width:665px){
.portfoliosec {
padding: 0px 0px 60px;
}	
section#nav_menu-2 {
float: none;
}
#footer .wf-container {
margin: 0 0;
display: flex;
align-items: center;
flex-direction: column;
}
.footer .widget {
width: auto !important;
text-align: center;
}	
ul.fs {
display: flex;
align-items: center;
justify-content: center;
}
.fmenu ul li {
text-align: center !important;
}
#footer .wf-container-footer {
padding-top: 60px;
padding-bottom: 40px;
}
.bannerbutton .wpb_wrapper {
grid-template-columns: 1fr;
row-gap:20px;
}	
}
@media(max-width:600px){
.pbox ul {
display: grid;
row-gap: 6px;
}
.pbox ul {
top: 24px;
}
.aboutsec .button--pan {
width: 100%;
}
.portfoliosec .vc_column-inner {
padding: 0px;
}	
ul.bas {
grid-template-columns: 1fr;
row-gap: 20px;
}	
.sub img {
height: 800px;
}	
.bannerbutton .wpb_wrapper {
column-gap: 15px;
display: grid;
grid-template-columns: 1fr;
row-gap: 15px;
}
.pbox ul {
padding: 0px 20px 0px 10px;
}
.radiusimage img {
height: 400px;
}	
.investbox img {
width: 100%;
height: 450px;
object-fit: cover; 	 	
}
.supplier img {
height:450px;
}
.investbox h2 {
bottom: 156px;
}
.supplier h2 {
bottom: 166px;	
}
.sa_owl_theme .owl-nav div, .sa_owl_theme .owl-nav button {
bottom: -26% !important;	
}
.homeport .post-entry-content {
align-items: baseline;
flex-direction: column;
row-gap: 12px;
}	
}
@media(max-width:568px){
#page figcaption.rollover-content {
display:none;
}
#page .portfolioinner .rollover-project img {
border-radius: 20px;
}
#page .portfolioinner .rollover-project h4{
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
font-size:18px;
padding:14px 30px;
line-height: 24px;
}
.portfolioinner .rollover-project {
border-radius: 20px;
}
#page .portfolioinner .filter-categories a {
font-size: 15px;
}
#page .filter-bg-decoration .filter-categories a.act {
border-radius: 8px;
padding: 8px 8px;
margin: 0px 5px;
}
.filter-categories a, .filter-extras > div {
padding: 6px 8px 6px 8px;
margin: 0px 5px 0px 5px;
}
}
@media(max-width:480px){
.homeport .post-thumbnail img {
height: 350px;
}
.subform .bw {
width: 100%;
}
.cform .bw {
width: 100%;
}
.cformi .bw {
width: 100%;
}	
}

.progress-container {position: absolute;margin-bottom: 20px;height: 95px;width: 160px;display: flex;justify-content: space-between;align-items: center;bottom: -15px;right: 230px;}
span#current-page, .total-pages {font-size: 18px;color: #000;width: 25px;}
span.total-pages {text-align: right;}
.progress-bar1 {background: #999999;width: 100%;height: 1px;}
.inwidth {height: 1px;background: #000;}
.progress-bar {height: 100%;background-color: #4caf50;width: 0%;border-radius: 5px;}
.esg-media-cover-wrapper span.category-link {margin-left: 30px !important;margin-top: 30px !important;font-size: 18px;font-family: 'neuehaasdisplayroman' !important;border: 1px solid #222;border-radius: 12px;padding: 10px 15px !important;position: relative;overflow: hidden;z-index:0;}
.esg-media-cover-wrapper span.category-link:hover a {color:#fff;}
.eg-icon-right-open:before {content: "\f033";font-family: icomoon-the7-font !important;font-size: 23px;}
.eg-icon-left-open:before {content: "\f032";font-family: icomoon-the7-font !important;font-size: 23px;}
.flat-light .esg-navigationbutton * {color: #222 !important;}
.flat-light .esg-navigationbutton {width: 92px !important;text-align: center;height: 92px;line-height: 102px !important;border-radius: 100% !important;background: transparent !important;border-color: #222 !important;}
a.eg-washington-element-0:after, .esg-media-cover-wrapper .category-link:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);transform: translate3d(0, 100%, 0);z-index:-1;}
a.eg-washington-element-0:hover:after, .category-link:hover:before {transform: translate3d(0, 0%, 0);}
.eg-icon-search:before {content: 'View';width: auto;font-family: 'neuehaasdisplayroman';font-size: 18px;text-transform: uppercase;color: #222;position: relative;z-index: 9;}
a.eg-washington-element-0:hover {background: #c1bcb5 !important;}
a.eg-washington-element-0:hover .eg-icon-search::before {color: #fff;}
body .eg-washington-element-0:hover {border-radius: 100% !important;}
body .eg-washington-element-0-a {position: static !important;height: 100%;margin: 0 !important;}
.esg-grid .mainul li.eg-washington-wrapper {background: transparent !important;border-radius: 40px !important;overflow: hidden;}
.eg-washington-element-3 {opacity: 1 !important;visibility: visible !important;transform: none !important;color: #000 !important;text-transform: capitalize !important;padding: 5px 10px !important;font-family: 'neuehaasdisplayroman' !important;font-weight: normal !important;font-size: 20px !important;position: absolute !important;top: 40px;right: 30px;margin-top: 0 !important;background: rgb(255 255 255 / 45%) !important;backdrop-filter: blur(5px);border-radius: 5px !important;}
.esg-entry-cover {opacity: 1 !important;visibility: visible !important;}
.esg-cc {top: 0 !important;bottom:0;}
a.eg-washington-element-1 {display: none !important;}
.esg-entry-cover .esg-overlay {display: none;}
a.eg-washington-element-0 {width: 138px;height: 138px;display: flex;align-items: center;justify-content: center;border-radius: 100% !important;background: #c1bcb5 !important;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);overflow: hidden;}
/* .dt-portfolio-shortcode .wf-cell:nth-child(4n+2), .dt-portfolio-shortcode .wf-cell:nth-child(4n+1) {width: 50%;}
.dt-portfolio-shortcode {display: flex;flex-wrap: wrap;height: auto !important;}
.dt-portfolio-shortcode .wf-cell:nth-child(4n+3) {width: 63%;}
.dt-portfolio-shortcode .wf-cell:nth-child(4n+4) {width: 37%;}
.dt-portfolio-shortcode .wf-cell {position: static !important;height: auto !important;flex: 1 1 auto;}
.dt-portfolio-shortcode .wf-cell img.lazy-load {object-fit: cover;aspect-ratio:16 / 14;} 
.portfolioinner .rollover-project {height: 100%;}
.dt_portfolio figure.rollover-project a {padding-bottom: 50% !important;} */
.essential-grid-wrapper {position: relative;width: 100%;}
.carousel-controls {display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.progress-bar-wrapper {width: 80%;height: 10px;background-color: #ddd;position: relative;overflow: hidden;}
#progress-bar {width: 0;height: 100%;background-color: #4caf50;}
.carousel-prev, .carousel-next {background-color: #000;color: #fff;border: none;padding: 10px 20px;cursor: pointer;}
.portfolioinner span.icon-portfolio {opacity: 0;position: absolute;}
@media only screen and (max-width:767px) {
	.esg-media-cover-wrapper span.category-link {font-size: 14px;border-radius: 8px;padding: 6px 12px !important;margin-left: 15px !important;}
	.esg-grid .mainul li.eg-washington-wrapper {border-radius: 20px !important;}
	.eg-washington-element-3 {font-size: 18px !important;top: 70px;right: auto;left: 15px;}
	.flat-light .esg-navigationbutton {width: 50px !important;height: 50px;line-height: 60px !important;}
	.progress-container {margin-bottom: 0;height: 40px;bottom: 10px;right: 140px;}
}