.bespokepage .container{
    max-width:1504px; width:initial; margin:0 auto;
} 

.bespokeBanner{
    position: relative;
}
.bespokeBanner img{
    width: 100%;
}
.bespokeBanner .content{
    position: absolute;
    left:56px; bottom:75px;
    max-width: 562px;
}
.bespokeBanner .content *{
    color:var(--color-white);
}
.bespokeBanner .content h1{
    font:100 50px/72px var(--font-family-canelaThin);
}
.bespokeBanner .content p{display:none;}
@media (max-width:767px){
    .bespokeBanner .content{
        left:16px; right:16px; bottom:25px;
    }
    .bespokeBanner .content h1{
        font-size:42px; line-height: 62px;
        font-weight:700;
        margin-bottom: 8px;
    }
    .bespokeBanner .content p{
        font-size:14px; line-height: 24px;
        display:block;
    }
}


.createIntoReality{
    padding:56px 0;
}
.createIntoReality .block{
    display:flex;
}
.createIntoReality .leftBlock{
    margin:auto;
}
.createIntoReality .heading{
    margin-bottom:16px;
}
.createIntoReality .leftBlock h5{
    font-size: 18px;        
    line-height: 28px;
    font-weight: 100;
    letter-spacing: 0.03em;
    font-family: var(--font-family-canelaThin);
}

@media (max-width:762px){
    .createIntoReality .block{
        flex-wrap:wrap;
    }
    .createIntoReality .heading h2 {
        font-size: 20px;
        line-height: 32px;
        padding-right: 0;
    }
    .createIntoReality .leftBlock{
        margin-bottom:32px;
    }
}
@media (min-width:768px){
    .createIntoReality .leftBlock{
        width:30%; 
    }
    .createIntoReality .rightBlock{
        width:calc(70% - 30px); margin-left:30px;
    }
}
@media (min-width:1920px){
    .bespokepage .container {
        padding: 0;
    }
    .createIntoReality{
        padding:120px 0;
    }
    .createIntoReality .heading{
        margin-bottom:32px;
    }
    .createIntoReality .leftBlock{
        width:426px; margin-right:106px;
    }
    .createIntoReality .leftBlock h5{
        font-size: 24px;        
        line-height: 36px;
    }
    .createIntoReality .rightBlock{
        width:calc(100% - 426px - 106px);
    }
}


.yourIdea{
    padding:24px 0;
    background:var(--color-light-gray);
}
.yourIdea .block{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:30px;
}

.yourIdea .rightBlock{
    margin-top:120px;
}
.steps{
    display:flex;
    gap:56px; 
}
.steps + .steps{
    margin-top:56px;
}
.steps .data{
    width:340px;
    padding-left:32px;
    border-left:1px solid #CFD3CC;
}

.steps h2{
    font-family: var(--font-family-canelaThin);
    font-weight: 100;
    font-size: 42px;
    line-height: 50px;
    letter-spacing: 0.03em;
    margin-bottom:16px;
    color: #687561;
}
.steps h4{
    font-family: var(--font-family-canelaThin);
    font-size: 18px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0.03em;
    margin-bottom:12px;
}
.steps p{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width:767px){
    .yourIdea .block{
        gap:0;
    }
    .steps{
        flex-direction: column;
        gap: 24px;
    }
    .steps + .steps { margin-top: 32px; }
    .steps:nth-child(2) .data{        
        padding-right: 32px;
        padding-left: 0;
        border-right: 1px solid #CFD3CC;
        border-left: 0;
        text-align: right;
    }
    .steps .data{ order:1;width: 100%; }
    .steps picture{ order:2; }
    .steps img{ width:100%; }
}

@media (min-width:1200px){
    .yourIdea{
        padding:90px 0;
    }
    .yourIdea .block{
        gap:120px;
    }
    .yourIdea .leftBlock{
        width:calc(50% - 60px);
    }
    .yourIdea .rightBlock{
        width:calc(50% - 60px);
        margin:0;
    }
    .steps{
        gap:56px; 
    }
    .steps + .steps{
        margin-top:56px;
    }
    .steps .data{
        width:340px;
        padding-left:32px;
        border-left:1px solid #CFD3CC;
    }
    .steps h2{
        font-size: 56px;
        line-height: 67.2px;
        letter-spacing: 0.03em;
        margin-bottom:32px;
    }
    .steps h4{
        font-size: 28px;
        font-weight: 300;
        line-height: 33.6px;
        margin-bottom:12px;
    }
}

#bespokefrm .row {
    margin-right: -8px;
    margin-left: -8px;
}
#bespokefrm .row [class*="col-"] {
    padding: 0 8px;
}
#bespokefrm h2{
    font-family: var(--font-family-canelaLight);
    font-weight: 300;
    font-size: 32px;
    line-height: 30px;
    margin-bottom:16px;
}
#bespokefrm h2 + p{
    font-family: var(--font-family-canelaThin);
    font-size: 18px;
    font-weight: 100;
    line-height: 28px;
    margin-bottom:32px;
    letter-spacing: 0.03em;
}
#bespokefrm .form-group{
    margin-bottom:32px;
}
.floating-label-group {
    margin-bottom: 0;
}
#bespokefrm input[type=text],
#bespokefrm textarea{
    background:#fff;
    padding-left:16px!important;
}
#bespokefrm textarea{
    min-height: 112px;
}
#bespokefrm .tel_code {
    display: flex;
}
#bespokefrm .telephone-section{
    width:100px; margin-right:8px;
}
#bespokefrm .telephone-section .country_code_change{
    width:100%!important;
}
#bespokefrm .telephone-section .country_code_change .btn{
    height: 44px;
    border: 1px solid #EAEAEA;
}
#bespokefrm .telephone-section + .floating-label-group{
    width:calc(100% - 54px - 8px);
}
#bespokefrm .customecheckbox{
    font-size:14px;
    font-weight:400;
    line-height:20px;
    padding-left: 28px;
}
#bespokefrm .common-radio .floating-label-group + .floating-label-group{
    margin-top:24px;
}
#bespokefrm .common-radio b{font-weight:500;text-decoration: underline;}
#bespokefrm .fileContainer { 
    overflow: hidden; position: relative; cursor: pointer; 
    padding:16px;
    background:var(--color-white);
    color:#5F6867;
    border:1px dashed var(--color-medium-gray);
    border-radius:4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

#bespokefrm .fileContainer i + span { margin-left: 5px; }

#bespokefrm .fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0; 
}
#bespokefrm .fileContainer img{
    width:24px; margin-right:12px;
}
#bespokefrm .fileContainer + small{
    font-size:12px;
    margin-top:8px;
    display: block;
}
#bespokefrm .customecheckbox [type=checkbox]{
    width:auto;
}
#bespokefrm .button-baspoke{
    background-color: var(--color-accent-green);
    color: var(--color-white)!important;
    width:100%; height: 58px!important;
    border-radius:4px; border:0;
    font-size: 16px;
    font-weight:700!important;
}
@media (min-width:1200px){
    #bespokefrm h2{
        font-weight: 300;
        font-size: 56px;
        line-height: 72px;
        font-family: var(--font-family-canelaThin);
    }
    #bespokefrm h2 + p{
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0.03em;
    }   
    #bespokefrm .fileContainer {
        text-align: center;
    }
    #bespokefrm .button-baspoke{
        font-weight:500!important;
    }
}


.findYourInspiration h2{
    font-family: var(--font-family-northwell);
    font-size: 40px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: 0.03em;
    text-align: center;
    margin-bottom:24px;
}
.findYourInspiration picture + picture{
    margin-top:8px; display: block;
}
@media (min-width:1200px){
    .findYourInspiration h2{
        font-size: 64px;
        font-weight: 400;
        line-height: 70px;
        margin-bottom:56px;
    } 
    .findYourInspiration picture + picture{
        margin-top:16px;
    }
}


@media (min-width:768px) and (max-width:1599.98px) {
    .bespokeBanner .content{
        bottom:40px;
    }
    .bespokeBanner .content h1{
        font-size: 42px;
        line-height: 72px;
    }
    .createIntoReality {
        padding: 156px 0;
    }
    .bespokepage .container {
        width: 1104px;
        padding:0;
    }
    .createIntoReality .heading {
        margin-bottom: 32px;
    }
    .createIntoReality .block {
        display: flex;
        gap: 106px;
    }
    .createIntoReality .leftBlock {
        width: 34%;
    }
    .createIntoReality .rightBlock {
        width: 66%;
        max-width: 656px;
        margin: 0;
    }
    .createIntoReality .leftBlock h5 {
        font-size: 20px;
        line-height: 32px;
    }
    .bespokepage .yourIdea .container {
        width: 1128px;
    }
    .yourIdea .block {
        gap: 90px;
    }
    .yourIdea .leftBlock {
        width: calc(50% - 45px);
    }
    .yourIdea .rightBlock {
        width: calc(50% - 45px);
    }
    #bespokefrm h2 {
        font-size: 42px;
        line-height: 54px;
    }
    #bespokefrm h2 + p {
        font-size: 18px;
        line-height: 24px;
    }
    .steps {
        gap: 42px;
    }
    .steps + .steps {
        margin-top: 42px;
    }
    .steps .data {
        width: 255px;
        padding-left: 24px;
    }
    .steps h2 {
        font-size: 42px;
        margin-bottom: 24px;
        line-height: normal;
    }
    .steps h4 {
        font-size: 21px;
        margin-bottom: 10px;
        line-height: normal;
    }
    .steps p {
        line-height: 18px;
        font-size: 10.5px;
    }
    .steps img {
        width: 222px;
        height: 166px;
        object-fit: cover;
    }
}
@media screen and (min-width: 1600px) {
    .createIntoReality {
        padding: 120px 0;
    }    
}