.home1-sec {
    height: 894px;
    margin-top:60px;
   padding: 0px;
    overflow: hidden;
    background:url(../img/h1-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    
}
#zoomCanvas {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.maxx-width{
    max-width: 1920px;
}
.h-sec1-text {
    padding: 0px;
    display: flex;
    width: 75%;
    flex-direction: column;
    gap: 79px;
    padding-left: 332px;
    justify-content: flex-end;
}
/* .h-sec1-btns{
    background: url(../img/h1-img.png) no-repeat;
    background-position: center;
    background-size: 100%;
    height: 100%;
} */
 .scroll-dot {
        width: 12px;
        height: 12px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Actual 6px dot */
    .scroll-dot img {
        width: 6px;
        height: 6px;
        display: block;
        position: relative;
        z-index: 2;
    }

    /* Expanding 6px → 12px ring */
    .scroll-dot::before {
        content: "";
        position: absolute;
        width: 6px;
        height: 6px;
        border: 2px solid #de7871;
        border-radius: 50%;
        opacity: 0;
        animation: scrollRing 3s ease-out infinite;
    }

    @keyframes scrollRing {
        0% {
            width: 6px;
            height: 6px;
            opacity: 0.8;
        }

        100% {
            width: 15px;
            height: 15px;
            opacity: 0;
        }
    }

/* scroll dot */



.h-sec1-text p{
    color: #1F2325;
margin: 0px;
font-family: Butler;
font-size: 80px;
font-style: normal;
font-weight: 700;
line-height: 122%; /* 97.6px */
}
.h-sec1-text .dot-text p{
    color: #000;
margin: 0px;
font-family: "Work Sans";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 21px */
letter-spacing: 1.4px;
text-transform: uppercase;
}
.h1-buttons{
    display: flex;
width: 426px;
align-items: flex-start;
gap: 16px;
position: absolute;
    bottom: 181px;
    right: 433px;
}
.ored-btnn{
    display: flex;
width: 200px;
height:56px;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 16px;
border-radius: 100px;
background: var(--brand-red, #D92F24);
color: #FBFAF6;
text-decoration: none;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}
.ored-btnn:hover,.ored-btn:hover{
  color: #FCFDFD;
background: #0F0F0F;
text-decoration:none !important;
font-family: "Work Sans";
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
border: 1px solid #1F2325;
}
.ow-btnn{
    border-radius: 100px;
border: 1px solid var(--Brand-Graphite, #1F2325);
background: var(--brand-surface, #FCFDFD);
display: flex;
width: 200px;
height:56px;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 16px;
color: var(--brand-graphite, #1F2325);
text-decoration: none;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}
.ow-btnn:hover,.wb-btn:hover{
    color: #FCFDFD;
    text-decoration:none;
background: #1F2325;
}

.home2-sec{
    padding: 0;
    background:url(../img/h2-bg.png) no-repeat;
    background-color: #ffff;
    background-size: cover;
    background-position: center;
    display: flex;
    gap: 96px;
}
.h-sec2-text{
    display: flex;
    justify-content: flex-end;
    
    align-items: center;
}
.h2-sec-inner{
    display: flex;
    width: 532px;
    flex-direction: column;
    gap: 24px;
}
.dot-text{
    display: flex;
    gap: 8px;
   align-items: center;
}
.dot-text img{
    height: 6px;

}
.dot-text p{
    color: var(--brand-graphite, #1F2325);
margin: 0px;
font-family: "Work Sans";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 21px */
letter-spacing: 1.4px;
text-transform: uppercase;
}
.home-s2bld{
    color: var(--brand-graphite, #1F2325);
margin: 0px;
font-family: Butler;
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 126%; /* 70.56px */
}
.home-s2nr{
    color: var(--brand-cool-grey, #6B7275);
margin: 0px;
font-family: "Work Sans";
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 168%; /* 28.56px */
}
.home3-sec{
height: 700px;
padding: 0px;
display: flex;
align-items: flex-end;
padding-bottom: 69px;
}
.home3-inner{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.hs3-span{
    color: var(--brand-red, #D92F24);
    margin: 0;
font-family: "Work Sans";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 21px */
letter-spacing: 1.4px;
text-transform: uppercase;
}
.home3-inner h1{
    color: var(--brand-stone, #F7F8F8);
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
margin: 0px;
font-family: Butler;
font-size: 68px;
font-style: normal;
font-weight: 700;
line-height: 124%; /* 84.32px */
}
.home5-sec{
    background: var(--base-white, #FFF);
    display: flex;
    /* padding: 104px 0px;
padding-right: 240px; */
padding: 0px;
align-items: center;
gap: 126px;
align-self: stretch;
}
.hs5-left{
    height: 689px;
    width: 960px !important;
}
.h5-sec-inner{
    width: 594px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.home4-sec{
    background: var(--brand-stone, #F7F8F8);
padding: 100px 0px;
}
.home-4-inner{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 90px;

}
.h4-inner1{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.what-gain-line{
    display: flex;
justify-content: flex-end;
align-items: flex-end;
gap: 96px;
align-self: stretch;
}
.what-gain{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
width: 847px;
}
.wus{
    display: flex;
    gap: 8px;
    align-items: center;
}
.wus p{
    color: var(--brand-graphite, #1F2325);
margin: 0px;
font-family: "Work Sans";
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: 170%; /* 18.7px */
letter-spacing: 1.1px;
}
.wug-txt{
    color: var(--brand-cool-grey, #6B7275);
text-align: right;
margin: 0px;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
width: 497px;
line-height: 172%; /* 27.52px */
}
.top-border-line{
    border-top: 1px solid rgba(30, 26, 21, 0.22);
    height: 86px;
}
.gain-box-line{
    display: flex;
align-items: flex-start;
gap: 32px;
align-self: stretch;
}
.gain-box{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
flex: 1 0 0;
}
.gb-h2{
    color: var(--brand-cool-grey, #6B7275);
margin: 0px;
font-family: "Work Sans";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 170%; /* 25.5px */
}
.gb-h1{
    color: var(--brand-graphite, #1F2325);
margin: 0px;
font-family: Butler;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 132%; /* 39.6px */
}
.gb-p{
    color: var(--brand-cool-grey, #6B7275);
margin: 0px;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 172%; /* 27.52px */
}
.home-sec6{
    padding: 140px 0px;
    background:url(../img/home6-bg.png) no-repeat;
    /*background-size: 100% 100%;*/
    background-size:cover;
    background-position:left;
}
.home6-inner{
display: flex;
align-items: flex-start;
gap: 40px;
align-self: stretch;
}
.home-qb{
    display: flex;
width: 480px;
padding: 40px 0;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.home-ans{
    display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
gap: 32px;
}
.question-box{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.question-box h1{
    color: var(--brand-graphite, #1F2325);
margin: 0px;
font-family: Butler;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 126%; /* 35.28px */
}
.question-box p{
    color: var(--brand-cool-grey, #6B7275);
margin: 0px;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 172%; /* 27.52px */
}
.home-sec7{
    padding: 104px 0px;
    background: url(../img/os4-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.home7-inner{
display: flex;
    flex-direction: column;
align-items: center;
gap: 56px;
}
.home7h{
    color: var(--base-white, #FFF);
margin: 0px;
font-family: Butler;
font-size: 56px;
text-align: center;
font-style: normal;
font-weight: 700;
line-height: 126%; /* 70.56px */
}
.home-last{
    display: flex;
width: 1280px;
align-items: flex-start;
gap: 67px;
}
.home-last-box{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.home-last-text{
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
}
.home-last-text h1{
    color: var(--base-white, #FFF);
margin: 0px;
font-family: Butler;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 132%;
}
.home-last-text p{
    color: var(--base-03, #BDBDBD);
text-align: center;
margin: 0px;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 172%; /* 27.52px */
}
.home-4-inner {
    display: flex;
    flex-direction: column;
    gap: 90px;
}
.top-border-line2{
    display: flex;
padding: 32px 0 40px 0;
justify-content: space-between;
align-items: center;
align-self: stretch;
border-top: 1px solid rgba(30, 26, 21, 0.22);
}
.top-border-line2 p{
    color: var(--brand-red, #D92F24);
margin: 0px;
font-family: "Work Sans";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 21px */
letter-spacing: 1.4px;
text-transform: uppercase;
}


/* our story  */
.os-sec1{
    padding: 0px;
    margin-top: 60px;
    background: url(../img/os-sec1.png) no-repeat;
    background-size:100% 100%;
    background-position: center;
    height: 640px;
}
.os1-inner{
    display: flex;
    align-items: center;
    height: 100%;
}
.os1-bld{
    color: var(--brand-graphite, #1F2325);
margin: 0px;
font-family: Butler;
font-size: 68px;
font-style: normal;
font-weight: 700;
line-height: 124%; /* 84.32px */
}
.os2-bld{
    color: var(--brand-graphite, #1F2325);
    margin: 0px;
font-family: Butler;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 62.4px */
}
.os1-left{
    display: flex;
width: 662px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.os-video{
    
    width: 50%;
}
.os1-right{
    width: 986px;
align-self: stretch;
position:absolute;
height: 640px;
top: 0px;
right: 0px;
}

.os-sec2{
    background: var(--brand-mist, #EAECEC);
padding: 144px 0px;
}
.os-sec3{
    background: url(../img/os3-bg.png) no-repeat;
    background-size: cover;
    padding: 144px 0px;
    background-position: center;
}
.os2-inner{
 display: flex;
gap: 96px;
align-items: center;
}
.os2-texts{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.os-sec4{
    background: url(../img/os4-bg.png) no-repeat;
    background-size: cover;
    padding: 112px 0px 152px 0px;
    background-position: center;
}
.os-sec4-inner{
    display: flex;
    flex-direction: column;
    gap:40px
}
.os4b{
    color: var(--base-white, #FFF);
font-family: Butler;
margin: 0px;
font-size: 92px;
font-style: normal;
font-weight: 700;
line-height: 122%; /* 112.24px */
}
.os-last{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.os-last p{
    color: var(--base-03, #BDBDBD);
margin: 0px;
font-family: "Work Sans";
font-size: 17px;
width: 560px;
font-style: normal;
font-weight: 400;
line-height: 168%; /* 28.56px */
}
.os-buttons-sec{
    display: flex;
gap: 16px;
}
.ored-btn{
    border-radius: 999px;
background: var(--brand-red, #D92F24);
display: flex;
height:56px;
padding: 16px 28px;
justify-content: center;
align-items: center;
gap: 8px;
color: var(--base-white, #FFF);
text-decoration: none;
font-family: "Work Sans";
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
border: 0;
}
.wb-btn{
    border-radius: 999px;
border: 1px solid #F2F4F4;
display: flex;
padding: 16px 28px;
justify-content: center;
align-items: center;
gap: 8px;
color: var(--brand-on-dark, #F2F4F4);
text-decoration: none;
font-family: "Work Sans";
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
}

/* join us page  */

.join-us-top{
    margin-top: 60px;
    padding: 0px;
    display: flex;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    justify-content: center;
    align-items: center;
    height: 640px;
}
.js-top-inner{
    display: flex;
width: 742px;
padding: 104px 0;
flex-direction: column;
align-items: center;
gap: 24px;
}
.jst-h1{
    color: var(--base-white, #FFF);
text-align: center;
margin: 0px;
font-family: Butler;
font-size: 68px;
font-style: normal;
font-weight: 700;
line-height: 124%; /* 84.32px */
}
.jst-p{
    color: var(--base-03, #BDBDBD);
text-align: center;
margin: 0px;
font-family: "Work Sans";
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 165%; /* 31.35px */
}
.joinus2{
    background: var(--brand-mist, #EAECEC);
    display: flex;
padding:0px;
}
.join2-inner{
    display: flex;
padding: 144px 0px;
flex-direction: column;
align-items: flex-start;
gap: 56px;
align-self: stretch;
}
.js2-h1{
    color: var(--brand-graphite, #1F2325);
margin: 0px;
font-family: Butler;
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 126%; /* 70.56px */
}
.js2-inner-element{
    display: flex;
align-items: flex-start;
gap: 24px;
align-self: stretch;
}
.j2-inner-box{
    padding-top: 24px;
    border-top: 1px solid #1F2325;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 464px;
}
.j2-inner-box h1{
    color: var(--brand-graphite, #1F2325);
margin: 0px;
font-family: Butler;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 132%; /* 34.32px */
}
.j2-inner-box p{
    color: var(--brand-cool-grey, #6B7275);
margin: 0px;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 172%; /* 27.52px */
}
.joinus3{
    background: url(../img/joinus3-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 144px 0px;
}
.join3-inner{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 48px;
padding: 0px;
align-self: stretch;
}
.apply-ink{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.js3p{
    color: var(--brand-cool-grey, #6B7275);
margin: 0px;
font-family: "Work Sans";
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 168%; /* 28.56px */
}
.apply-form{
    display: flex;
width: 966px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.app-inp-line{
    display: flex;
    gap: 24px;
}
.inp-box{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
}
.app-label{
    color: var(--brand-graphite, #1F2325);
margin: 0px;
font-family: "Work Sans";
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: 170%; /* 18.7px */
letter-spacing: 1.1px;
}
.app-inp{
    border-radius: 2px;
border: 1px solid var(--brand-border, #DFE3E4);
background-color: var(--brand-surface, #FCFDFD);
display: flex;
height: 60px;
padding: 16px 24px;
align-items: center;
align-self: stretch;
}
.app-inp::placeholder,.app-inp option,.app-inpp::placeholder{
    color: var(--brand-graphite, #1F2325);
    text-transform: capitalize;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 172%; /* 27.52px */
}
.app-inpp{
    display: flex;
height: 116px;
padding: 16px 24px 72px 24px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
border-radius: 2px;
border: 1px solid var(--brand-border, #DFE3E4);
background: var(--brand-surface, #FCFDFD);
resize: none;
overflow: hidden;
}
.js-tick-line{
    display: flex;
    gap: 16px;
}
.tc-pp-box{
    display: flex;
    gap: 16px;
    align-items: center;
}
.tp-check{
    width: 20px;
height: 20px;
border-radius: 2px;
border: 1px solid var(--brand-border, #DFE3E4);
background: var(--brand-surface, #FCFDFD);
}
.tp-text ,.tp-text a{
    text-decoration: none;
    margin: 0px;
    color: var(--brand-cool-grey, #6B7275);
font-family: "Work Sans";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 170%; /* 25.5px */
}


@media only screen and (max-device-width: 600px) {
    .os1-right {
    width: 986px;
    align-self: stretch;
    position: absolute;
    height: 300px;
    width: 100% !important;
    left: 0px;
    top: 0px;
    right: 0px;
}
.os1-left{
    width: auto;
    gap: 16px;
}
.os1-inner {
    display: flex;
    padding: 24px;
    padding-bottom: 32px;
    flex-direction: column-reverse;
    align-items: center;
    height: 100%;
}
.os-sec1{
    margin-top:31px;
    background: var(--brand-stone, #F7F8F8);
    height: 551px;
}
.dot-text p{
    font-size: 11px;
}
    .os1-bld{
        font-size: 32px;
    }
    .os2-bld{
        font-size: 28px;
        margin-top: -16px;
    }
    .home-s2nr{
        font-size: 15px;
    }
    .os-sec2{
        padding: 0px;

    }
    .os-sec3{
        padding: 0px;
        background: var(--brand-slate, #D5D9DA);
    }
    .os2-inner{
        padding: 0px;
    flex-direction: column;
    gap: 0px;
    }
    .os2-inner img{
        height: 300px;
        width: 100%;
        
    }
    .os2-texts{
        padding: 32px 24px;
    }
    .tc-pp-box {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
.js-tick-line .h-captcha{
    margin:0px !important;
}
    .os-sec4{
        padding: 56px 24px;
        background: var(--brand-graphite-2, #262B2E);
    }
    .os-sec4-inner{
        gap: 24px;
    }
    .os4b{
        font-size: 30px;
    }
    .os-last{
        flex-direction: column;
    gap: 24px;
    }
    .os-last p{
        width: auto;
        font-size: 15px;
    }
    .os-buttons-sec{
        flex-direction: column;
    width: 100%;
    }



    /* join-us */
    .join-us-top{
        height: 450px;
    margin-top:31px;
    padding: 40px 24px;
    justify-content: flex-start;
    align-items: flex-end;
    }
    .js-top-inner{
        padding: 0px;
    width: auto;
    align-items: flex-start;
    gap: 16px;
    }
    .jst-h1{
        font-size: 32px;
    }
    .jst-p{
        text-align: left;
    }
    .join2-inner{
        padding: 56px 24px;
    gap: 24px;
    }
    .js2-inner-element{
        flex-direction: column;
    }
    .j2-inner-box{
        width: auto;
        gap: 8px;
    }
    .js2-h1{
        font-size: 28px;
    }
        .join2-inner .j2-inner-box h1{
        font-size: 20px;
    }
    .j2-inner-box h1{
        font-size: 15px;
    }
    .joinus3{
        padding: 56px 24px;
        background: var(--brand-stone, #F7F8F8);
    }
    .join3-inner{
        gap: 24px;
    }
    .apply-form{
        width:327px;
        gap: 24px;
    }
    .app-inp-line,.js-tick-line{
        flex-direction: column;
        gap: 24px;
    }
    .apply-form .ored-btn{
        width: 100%;
    }

/* home page  */
.home-sec7{
    background: url(../img/home-sec7-mb.png) no-repeat;
    background-size: cover;
    /*background-color: var(--brand-graphite-2, #262B2E);*/
    background-position: center;
    padding: 56px 24px;
}
    .top-border-line2 .ored-btn,.h5-sec-inner .ored-btn,.home7-inner .ored-btn{
        gap:16px;
    }
.home7-inner{
gap: 40px;
align-items:flex-start;
}
.home-last{
    flex-direction: column;
    width: 327px;
    gap: 24px;
}
.home-last-box img{
width: 327px;
}
.home-last-text{
    align-items:flex-start;
    gap: 8px;
}
.home-last-text p {
    text-align: left;
}
.home7h{
font-size: 32px;
text-align: left;
width: 212px;
}
.home7-inner .ored-btn{
    width: 100%;
}
.home-sec6{
    padding: 40px 24px;
    background: var(--brand-stone, #F7F8F8);
}
.home6-inner{
        flex-direction: column;
    gap: 24px;
    padding: 0px;
}
.home-qb{
    width: auto;
    padding: 0;
    gap: 0px;
}
.home-s2bld{
    font-size: 28px;
}
.home-ans{
    width: 327px;
    gap: 24px;
}
.question-box{
    gap: 8px;
}
.question-box h1{
    font-size: 18px;
}
.question-box p{
    font-size: 15px;
}
.home5-sec{
flex-direction: column;
    gap: 0px;
}
.hs5-left {
    width: 375px !important;
    height: 260px !important;
}
.h-sec5-text{
    width: 100% !important;
}
.h5-sec-inner{
    width: auto;
    padding: 24px;
}
.h5-sec-inner .ored-btn,.h-sec2-text,.home2-sec img{
    width: 100% !important;
}
.home2-sec img{
    margin-left: -20px;
}
.home-4-inner {
    gap: 40px;
}
.home4-sec{
    padding: 40px 24px;
}
.gain-box-line{
    flex-direction: column;
}
.what-gain-line,.what-gain,.wug-txt{
    gap:8px;
    flex-direction: column;
    width: 100% !important;
    text-align: left;
}
.top-border-line2{
    padding: 56px 0px 0px 0px;
    flex-direction: column;
    gap: 24px;
}
.gb-h1{
    font-size: 20px;
}
.home3-sec{
    height: 375px;
    padding-bottom: 32px;
}
.home3-inner{
    gap: 19px;
    padding: 0px 41px 0px 24px;
}
.home3-inner h1{
    font-size: 26px;
}
.home2-sec{
    flex-direction: column-reverse;
    gap:24px;
    background: var(--base-white, #FFF);
    padding: 16px 24px 40px 24px;
}
.dot-text img{
width: 6px !important;
margin-left:0px !important;
}
.home1-sec {
    margin-top:31px;
    background: url(../img/h1-bg-mb.png) no-repeat;
    background-size: cover;
    background-position: center;
    flex-direction: column;
    padding: 56px 24px 0px 24px;
    height: 672px;
    cursor: auto;
    margin-top: 70px;
}
#zoomCanvas {
        display: none;
    }
.h-sec1-text{
    width: auto;
    padding-left: 0px;
}
.h-sec1-text p{
    font-size: 40px;
    line-height: 49.6px;
}
.h-sec1-btns{
height: 100%;
}
.h1-buttons {
    flex-direction: column;
    width: 327px;
    position: static;
    margin-top:28px;
}
.h1-buttons a{
    width: 100%;
    gap:8px;
}
.mob-texxts{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.mob-texxts span{
    color: var(--brand-red, #D92F24);
margin: 0px;
font-family: "Work Sans";
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: 170%; /* 18.7px */
letter-spacing: 1.1px;
}
.mob-texxts p span{
    font-size: 40px;
    font-weight: 700;
}

}

@media only screen and (min-device-width: 900px) and (max-device-width: 1099px) {
   .os1-left{
    width: 500px;
   }
   .h2-sec-inner{
    width: 400px;
   }
   .h-sec1-text {
    width: 54%;
        padding-left:73px;
    }
    .home1-sec{
        height: 535px;
    }
    .h1-buttons{
        right: 170px;
    }
    .home2-sec{
        gap: 24px;
    }
}
@media only screen and (min-device-width:1100px) and (max-device-width: 1150px) {
   .os1-left{
    width: 500px;
   }
   .h2-sec-inner{
    width: 400px;
   }
   .h-sec1-text {
    width: 60%;
        padding-left:73px;
    }
    .home1-sec{
        height: 535px;
    }
    .h1-buttons{
        right: 170px;
    }
    .home2-sec{
        gap: 24px;
    }
}
@media only screen and (min-device-width:1151px) and (max-device-width: 1199px) {
   .os1-left{
    width: 500px;
   }
   .h2-sec-inner{
    width: 400px;
   }
   .h-sec1-text {
    width: 72%;
        padding-left:73px;
    }
    .home1-sec{
        height: 535px;
    }
    .h1-buttons{
        right: 170px;
    }
    .home2-sec{
        gap: 24px;
    }
}


@media only screen and (min-device-width: 1200px) and (max-device-width: 1348px) {
   .os1-left{
    width: 500px;
   }

   .h-sec1-text {
    width: 54%;
        padding-left:27px;
    }
    .home1-sec{
        height: 742px;
    }
    .h1-buttons{
        right: 300px;
    }
    .home2-sec{
        gap: 78px;
    }
}

@media only screen and (min-device-width: 1349px) and (max-device-width: 1439px) {
   .os1-left{
    width: 500px;
   }
   .h-sec1-text {
    width: 54%;
        padding-left:44px;
    }
    .home1-sec{
        height: 742px;
    }
    .h1-buttons{
        right: 300px;
    }
}
@media only screen and (min-device-width: 1440px) and (max-device-width: 1499px) {
.h-sec1-text {
    width: 54%;
        padding-left:89px;
    }
    .home1-sec{
        height: 742px;
    }
    .join3-inner{
        padding-left:48px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1550px) {
.h-sec1-text {
    width: 54%;
        padding-left:119px;
    }
    .home1-sec{
        height: 742px;
    }
}
@media only screen and (min-device-width: 1551px) and (max-device-width: 1599px) {
.h-sec1-text {
    width: 67%;
        padding-left:119px;
    }
    .home1-sec{
        height: 742px;
    }
}

@media only screen and (min-device-width: 1600px) and (max-device-width: 1699px) {
    .h-sec1-text {
    width: 54%;
        padding-left: 170px;
    }
}

@media only screen and (min-device-width: 1700px) and (max-device-width: 1799px) {
    .h-sec1-text {
    width: 58%;
    padding-left: 219px;
    }
}

@media only screen and (min-device-width: 1800px) and (max-device-width: 1919px) {

}

@media only screen and (max-device-width: 1920px) {
   
}