/*******************************************************

 *

 * Community Details

 *

 *******************************************************/

 #inner-page-wrapper {

    margin-bottom: 0;

}



#inner-page-wrapper > .container {

    width: 100%;

    padding: 0;
background: #231f20;
}



.ip-breadcrumbs {

    max-width: 1230px;

    width: 95%;

    margin: 20px auto;

}
#breadcrumbs {
	color: #fff;
}



.ip-banner canvas {

    /*height: 650px;*/

}



.ip-breadcrumbs strong {

    font-weight: 400;

}



.sf-tagline {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    color: #fff;

    width: 100%;

    z-index: 1;

    font-size: 54px;

    font-weight: 500;

    max-width: 980px;

    text-transform: uppercase;

    display: none;

}



.ip-sf-main {

    display: flex;

    flex-wrap: wrap;

	min-height: 845px;
    margin: 0;

}



.ip-sf-left {

    background-color: #231f20;

    position: relative;

    color: #fff;

    padding: 0;

}



.ip-sf-left::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(../../images/sellers-form/sellers-form-left-bg.jpg);

    background-size: cover;

    background-position: center;

    filter: grayscale(1);

    opacity: .10;

    z-index: 1;

}



.sf-connect {

/*    padding: 100px 130px;*/

    padding: 100px 90px;

    position: relative;

    z-index: 2;

	height: 100%;

}



.sf-connect .global-heading {

    text-align: left;

}



.cwu-submit {

    max-width: 220px;

}



.cwu-submit input {

    color: #fff;

    border-color: #fff;

}



.cwu-field input, .cwu-field textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    outline: none;

    border: none;

    font-family: var(--font-montserrat);

    font-size: 13px;

    font-weight: 400;

    color: #fff;

    letter-spacing: 0.05em;

    width: 100%;

    height: 80px;

    padding: 0 10px;

    background-color: transparent;

    border-bottom: 1px solid #fff;

}



.cwu-field input::placeholder, 

.cwu-field textarea::placeholder {

    text-transform: uppercase;

}



.cwu-field label {

    font-size: 0;

    position: absolute;

}



.cwu-field textarea {

    resize: none;

    height: 100px;

    margin-bottom: 70px;

    padding-top: 25px;

}



.ip-sf-right {

    background-color: #fff;

    position: relative;

    padding: 0;

}



.ip-sf-right::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(../../images/sellers-form/sellers-form-right-bg.jpg);

    background-size: cover;

    background-position: center;

    opacity: .10;

    z-index: 1;

}



.ms-form {

    position: relative;

    z-index: 2;

    padding: 53px 90px;

    height: 100%;

    display: none;

}

.ms-form.active {

    display: block;

}

.ms-form:has(.step-0.active) {

    /*padding-top: 0;*/

}



.ms-form .wpcf7,

.ms-form .wpcf7 form{

    height: 100%;

    position: relative;

}



.ms-form h3 {

    text-align: center;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-size: 25px;

    font-weight: 600;

    letter-spacing: 2px;

}



.ms-form h3::after {

    content:'';

    width: 74px;

    height: 4px;

    background-color: var(--primary);

    display: block;

    margin: 30px auto;

}



.ms-steps{

    position: relative;

    height: 100%;

    padding-top: 50px;

}



.ms-step {

    position: absolute;

    width: 100%;

    top: 0;

    opacity: 0;

    transition: all .5s;

    z-index: -1;

    height: 100%;

}



.ms-step.active {

    position: relative;

    opacity: 1;

    z-index: 1;

}



.ms-step h2 {

    font-size: 64px;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 14px;

}



.ms-step p {

    font-size: 14px;

    margin-bottom: 30px;

    line-height: 1.6;

    color: #3d3d3d;

    font-weight: 500;

    padding: 0 5%;

}



.ms-control {

    background: transparent;

    border: 1px #231f20 solid;

    font-size: 13px;

    font-weight: 600;

    width: 220px;

    padding: 18px 0;

    transition: all .5s;

    text-transform: uppercase;

    letter-spacing: 1.5px;

}



.ms-control:hover {

    background: var(--primary);

    color: #fff;

    border-color: var(--primary);

}



.step-0-btns {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    max-width: 580px;

    width: 90%;

    margin: 0 auto;

}



.step-0-btns .ms-control {

    width: calc(50% - 4px);

    margin: 5px 0;

}



.step-0-btns .ms-control:last-child {

    width: 100%;

}



.ms-step.step-0  {

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.ms-row {

    margin-bottom: 15px;

    display: flex;

}



.ms-field label {

    margin-bottom: 15px;

    font-size: 14px; 

    color: #3d3d3d;

}





.ms-field.b-label label {

    font-weight: 600;

    font-size: 18px;

}



.ms-field {

    padding: 0 4px;

    flex: 1;

}



.ms-field .wpcf7-text{

    background-color: #fff;

    border: 1px #b5b1b2 solid;

    width: 100%;

    font-size: 14px;

    padding: 0 15px;

    height: 35px;

}



.ms-field .wpcf7-textarea {

    width: 100%;

    resize: none;

    height: 100px;

    border: 1px #b5b1b2 solid;

}



.ms-field .wpcf7-text::placeholder {

    color: #aaa;

}



.step-buttons {

    text-align: right;

    padding-top: 30px;

    padding-bottom: 80px;

}



.step-1 .wpcf7-list-item {

    margin-left: 0;

}





.ms-form .wpcf7-response-output {

    position: absolute;

    bottom: -30px;

    margin: 0;

    width: 100%;

}



.ms-field .wpcf7-not-valid-tip {

    position: absolute;

    right: 0;

    left: auto;

    width: auto;

    top: 50%;

    transform: translateY(-50%);

    padding: 2px;

    font-size: 12px;

}



.ms-field .wpcf7-checkbox + .wpcf7-not-valid-tip{

    top: 190%;

}



.section-label {

    font-size: 18px;

    font-weight: 600;

    color: #3d3d3d;

    margin-bottom: 20px;

}



.section-label > span {

    display: block;

    font-weight: 400;

    font-size: 14px;

    margin-top: 4px;

}



.wpcf7-checkbox .wpcf7-list-item-label{

    font-size: 16px;

    font-weight: 600;

    color: #3d3d3d;

    margin-bottom: 0;

}



.step-1 .wpcf7-checkbox .wpcf7-list-item-label {

    font-weight: 400;

}



.ms-field .wpcf7-checkbox .wpcf7-list-item {

    margin: 0;

}



.ms-field .wpcf7-checkbox label {

    margin-bottom: 5px;

}



.cb-desc {

    padding-left: 18px;

    line-height: 1.5;

    color: #3d3d3d;

    font-size: 14px;

}



.ms-field.h-checkbox .wpcf7-checkbox .wpcf7-list-item {

    width: 50%;

    margin: 0;

}

.ms-field .wpcf7-radio  .wpcf7-list-item {
	width: auto;
margin: 0;
padding: 0 10px;
}


.radio-width {
	display: flex;
align-items: start;
	flex-flow: row wrap;
}
.ms-field.stacked-radio .wpcf7-radio  .wpcf7-list-item{

    display: block;

}
.radio-line {
	line-height: 20px;
}
.radio-width div {
	padding-right: 20px;
}

.yes-show {
	display: none;
}



.ms-field.h-checkbox .wpcf7-checkbox .wpcf7-list-item-label {

    font-weight: 400;

    font-size: 14px;

}





.ms-field input[type=checkbox], 

.ms-field input[type=radio] {

    top: 1px;

    position: relative;

}





.ip-sf-right.col-md-6 {

    width: 50%;

}

.ip-sf-left.col-md-6 {

    width: 50%;

}



.sf-connect h3 {

    text-align: center;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-size: 25px;

    font-weight: 600;

    letter-spacing: 2px;

}



.sf-connect h3::after {

    content: '';

    width: 74px;

    height: 4px;

    background-color: var(--primary);

    display: block;

    margin: 30px auto;

}



.sf-lwu-link a.global-link {

    border-color: #fff;

    color: #fff;

  width: calc(50% - 4px);

  margin: 5px 0;

}

.sf-lwu-link a.global-link:last-child {

  width: 100%;

}



.sf-lwu-link {

	display: flex;

flex-wrap: wrap;

justify-content: space-between;

max-width: 580px;

width: 90%;

margin: 0 auto;

}



.ip-sf-title-container {

	background-color: #231f20;

	padding: 50px 20px;

}



.ip-sf-title {

    font-family: var(--font-montserrat);

    font-size: 54px;

    font-weight: 500;

    color: #fff;

    text-transform: uppercase;

	text-align: center;

}



.sf-connect .p-text {

	font-size: 14px;

margin-bottom: 30px;

line-height: 1.6;

color: #fff;

font-weight: 500;

padding: 0 5%;

	text-align: center;

}



.ip-sf-cont {

	text-align: center;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

	height: 100%;

padding-top: 50px;

}

.sf-lwu-form-area {

	width: 100%;

}


.ip-go-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 87px;
    height: 87px;
    background: #00a9df;
    border-radius: 100%;
}

.ip-go-title {
    font-size: 54px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 45px;
    letter-spacing: 2.5px;
}

.ip-go-title span{
    display: block;
    font-size: 14px;
    color: #3d3d3d;
    text-transform: none;
    margin-top: 16px;
    letter-spacing: 0;
}

.ip-go-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 33px;
}

.ip-go-list:last-child {
    margin: 0 0 0;
}

.ip-go-content {
    width: calc(100% - 87px);
    padding: 0 0 0 30px;
}

.ip-go-content h2 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 9px;
}

.ip-go-content p {
    font-size: 14px;
    color: #3d3d3d;
    line-height: 1.7;
    margin: 0 0 16px;
}

.ip-go-content p strong {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.ip-go-content p:last-of-type{
    margin-bottom: 0;
}

.ip-go-exit {
    /*font-size: 15px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;*/
	
	
position: relative;
z-index: 5;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1.5px;
width: 220px;
padding: 18px 0;
border: 1px #231f20 solid;
text-align: center;
display: block;
font-size: 13px;
font-weight: 600;
margin-left: auto;
margin-right: auto;
	margin-top: 30px;
}

.ip-go-exit:hover{
    color: #fff;
	background: var(--accent-color) !important;
border-color: var(--accent-color) !important;
}

.cwu-exit a {
    color: #fff;
    border-color: #fff;
}

.cwu-btns > div {
    width: 220px;
    margin-right: 10px;
}

.cwu-btns {
    display: flex;
}

.git-wrap {
	display: none;
}


@media(max-width:991px) {

    .ip-sf-left, .ip-sf-right {

        width: 100% !important;

    }

    .sf-connect, .ms-form {

        padding: 50px;

    }

    .ms-form:has(.step-0.active) {

        /*padding-top: 50px;*/

    }

    .wpcf7 form .wpcf7-response-output {

        bottom: -50px;

    }

    .step-buttons {

        text-align: center;

    }

    .step-buttons .ms-control {

        margin: 2px;

    }

}



@media(max-width: 767px) {

    .ms-row {

        flex-wrap: wrap;

    }

    .ms-field {

        flex: auto;

        padding: 5px 0;

    }

}