.space-b{
    height:16px;
    margin:0px;
}
.login-page {
    background: url(../media/sign-in-bg.png) no-repeat;
    background-position: top center;
    background-size: 100%;
    padding: 0px;
    margin-top: 35px;
}
.login-page-main{
    background: url(../media/sign-in-bg.png) no-repeat;
    background-position: top center;
    background-size: 1920px;
    padding: 0px;
    margin-top: 35px;
}
.fp-page{
    margin-top: 122px;
     padding:0px;
    background: var(--Grayscale-White, #FFF);
}
.faq-page,.checkout-page{
    margin-top: 122px;
     padding:40px;
    background: var(--Grayscale-White, #FFFf);
}
.faqbox{
    padding: 64px;
    border: 1px solid var(--Grayscale-400---Lighter, #E4E4E4);
    background:url(../media/faq-bg-d.png) no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
padding: 64px 332px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 64px;
}
.faq-top{
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
align-self: stretch;
}
.faq-top h1{
    color: var(--Grayscale-Near-Black, #0E0E0E);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
margin: 0px;
font-family: "DM Sans";
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: -1px;
text-transform: capitalize;

}
.faq-top p{
    color: var(--Grayscale-600---Dark, #8A8A8A);
text-align: center;
margin: 0px;
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; 
}
.line-stroke{
    height: 1px;
    margin: 0px;
border-bottom: 1px solid #E4E4E4;
width: 100%;
}
.faq-cont{
    display: flex;
align-items: flex-start;
gap: 72px;
align-self: stretch;
}
.option-tab{
    display: flex;
    width: 220px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.option-tab .option{
    color: var(--Core-900---Near-Black, #141414);
font-feature-settings: 'liga' off, 'clig' off;
margin: 0px;
font-family: "DM Sans";
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 130%;
letter-spacing: -1px;
text-transform: capitalize;
}
.option.active {
            color: #005928;
        }
.f-con-line{
    display: flex;
align-items: flex-start;
gap: 32px;
align-self: stretch;
}
.f-con{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
flex: 1 0 0;
align-self: stretch;
}
.f-con h2{
    color: var(--Grayscale-Near-Black, #0E0E0E);
font-feature-settings: 'liga' off, 'clig' off;
margin: 0px;
font-family: "DM Sans";
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 31.2px */
letter-spacing: -1px;
text-transform: capitalize;
display: flex;
gap: 8px;
            justify-content: space-between;
            /* align-items: center; */
}
 .arrow {
            display: none;
        }

        .arrow img {
            width:14px;
        
            height:8px;
        }
.f-con p{
margin: 0px;
color: var(--Grayscale-600---Dark, #8A8A8A);
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
}
        .content {
            display: none;
        }

        .content.active {
            color: #005928;
              display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 982px;
gap: 56px;
flex: 1 0 0;
        }
.c-us-box{
    display: flex;
padding: 32px 32px 32px 56px;
justify-content: space-between;
align-items: center;
align-self: stretch;
border: 1px solid var(--Grayscale-400---Lighter, #E4E4E4);
background: var(--Grayscale-White, #FFF);
}
.c-us-box p{
    color: var(--Grayscale-800---Darkest, #434343);
font-feature-settings: 'liga' off, 'clig' off;
margin: 0px;
font-family: "DM Sans";
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 31.2px */
letter-spacing: -1px;
text-transform: capitalize;
}
.c-us-box a{
    display: flex;
/*height: 56px;*/
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 10px;
background: var(--Primary, #005928);
box-shadow: 0px 1px 2px 0px rgba(27, 62, 14, 0.25), 0px 0px 0px 1px #0E7413 inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 1px rgba(62, 170, 35, 0.25) inset;
color: #FFF;
text-align: center;
text-decoration: none;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 36px */
text-transform: capitalize;
}
.center-box{
    display: flex;
    padding: 80px;
    justify-content: center;
    align-items: center;
}
.login-box {
    padding: 24px;
    background-color: #FAFAFA;
    max-width: 700px;
    margin-top: 5rem;
}
.w-box-sec{
    padding: 24px;
    border: 1px solid var(--Grayscale-400---Lighter, #E4E4E4);
background: var(--Grayscale-White, #FFF);
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
}
.img-box{
    display: flex;
    gap: 24px;
}
.img-box img{
width: 133px;
height: 133px;
}
.t-sec{
    display: flex;
flex-direction: column;
align-items:center;
gap: 12px;
align-self: stretch;
}
.gb-txt{
    color: var(--Primary, #005928);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
margin: 0px !important;
font-family: "DM Sans";
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 38.4px */
letter-spacing: -1px;
text-transform: capitalize;
}
.gbb-txt{
    color: var(--Primary, #005928);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
margin: 0px !important;
font-family: "DM Sans";
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 38.4px */
letter-spacing: -1px;
text-transform: capitalize;
}
.pb-txt{
    color: var(--Grayscale-600---Dark, #8A8A8A);
text-align: center;
margin: 0px;
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
}
.ul-box{
    display:inline;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    height: 24px;
    width: fit-content;
}
.pbb-txt{
    color: var(--Grayscale-600---Dark, #8A8A8A);
margin: 0px;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 36px */
text-transform: capitalize;
}
.ul-box a{
    color: var(--Primary, #005928);
text-decoration: none;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 36px */
text-transform: capitalize;
text-decoration: underline;
}
.field-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.field-sec{
    display: flex;
    flex-direction: column;
    gap:16px;
}
.ls-inp{
    display: flex;
padding: 16px 24px 16px 32px;
justify-content: space-between;
align-items: center;
align-self: stretch;
border: 1px solid var(--Grayscale-400---Lighter, #E4E4E4);
background: var(--Grayscale-200---Near-White, #FAFAFA);
}
.ls-inp::placeholder{
    color: var(--Grayscale-800---Darkest, #434343);
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 36px */
text-transform: capitalize;
}
.fp-link{
    color: var(--Grayscale-Functional-Info-Blue, #2F85DE);
text-align: center;
margin: 0px;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 200%; 
text-decoration: none;
text-transform: capitalize;
}
.log-sign{
    border: none;
    background: none;
    padding: 0px;
    width:100%;
}
.log-sign a{
    display: flex;
height: 56px;
width:100%;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
background: var(--Primary, #005928);
box-shadow: 0px 1px 2px 0px rgba(27, 62, 14, 0.25), 0px 0px 0px 1px #0E7413 inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 1px rgba(62, 170, 35, 0.25) inset;
color: #FFF;
text-align: center;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
text-decoration: none;
font-weight: 500;
line-height: 200%; /* 36px */
text-transform: capitalize;
}
.re-captcha{
    width: 252px;
height: 68px;
}
.inp-sec{
    display: flex;
    gap: 16px;
    width: 100%;
}
.inp-sec input{
    width: 50%;
}




.terms-container {
      display: flex;
justify-content: center;
align-items: center;
gap: 16px;
align-self: stretch;
    }
    .terms-container p{
        color: var(--Grayscale-600---Dark, #8A8A8A);
margin: 0px;
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
    }
   .terms-container p a{
    color: var(--Primary, #005928);
    text-decoration: none;
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%;
   }
    .custom-checkbox {
      position: relative;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      border: 1px solid #555;
      appearance: none;
      -webkit-appearance: none;
      outline: none;
      cursor: pointer;
      transition: all 0.2s ease;
    }

    .custom-checkbox:checked {
      background-color: #005928;
      border:4px solid white;
      box-shadow: 0 0 0 2px #005928;
    }
.modal-content{
    padding: 40px;
}
.modal-cls-b{
    position: absolute;
    right: 15px;
    top: 15px;
    height: 15px;
    width: 15px;
}
.my-b{
    padding: 0px;
}
.my-mod{
    display: flex;
    flex-direction: column;
gap: 32px !important;
}

.t-b-mod{
     display: flex;
    flex-direction: column;
gap:12px !important;
}
.check-sec{
    padding: 80px 0px;
    display: flex;
align-items:center;
gap: 24px;
justify-content: center;
align-self: stretch;
}
.ship-info,.ship-info-r{
    border-radius: 8px;
border: 1px solid var(--Grayscale-400---Lighter, #E4E4E4);
background: var(--Grayscale-White, #FFF);
display: flex;
padding: 32px;
flex-direction: column;
align-items: center;
flex: 1 0 0;
box-shadow: 0px 38.519px 25.481px 0px rgba(0, 0, 0, 0.04), 0px 20px 13px 0px rgba(0, 0, 0, 0.04), 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.03), 0px 1.852px 3.148px 0px rgba(0, 0, 0, 0.02);

}
.ship-info{
    max-width: 650px;
    gap: 24px;
}
.ship-info-r{
    max-width: 500px;
    gap: 16px;
}
.select-box{
    display: flex;
height: 56px;
padding: 16px 24px 16px 32px;
justify-content: space-between;
align-items: center;
align-self: stretch;
border: 1px solid var(--Grayscale-400---Lighter, #E4E4E4);
background-color: var(--Grayscale-200---Near-White, #FAFAFA);
color: var(--Grayscale-800---Darkest, #434343);
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 500;
text-transform: capitalize;
}
.select-box option{
    color: var(--Grayscale-800---Darkest, #434343);
margin: 0px;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 36px */
text-transform: capitalize;
}
.os-det tr td{
    padding: 0px;
    width: fit-content;
}
.os-det tr td p,.os-det tr td span{
    color: var(--Grayscale-Near-Black, #0E0E0E);
font-feature-settings: 'liga' off, 'clig' off;
margin: 0px;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 23.4px */
letter-spacing: -1px;
display: flex;
    gap: 5px;
text-transform: capitalize;
}
.btn-c-c{
    width: 50px;
}
.s-total{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.s-total p{
margin: 0px;
color: var(--Grayscale-Near-Black, #0E0E0E);
font-feature-settings: 'liga' off, 'clig' off;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 23.4px */
letter-spacing: -1px;
text-transform: capitalize;
}
.s-total h1{
    color: var(--Grayscale-Near-Black, #0E0E0E);
font-feature-settings: 'liga' off, 'clig' off;
margin: 0px;
font-family: "DM Sans";
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 31.2px */
letter-spacing: -1px;
text-transform: capitalize;
}
.app-code{
    display: flex;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.a-code{
    border: none;
    background:none;
}
.a-code a{
    display: flex;
height: 56px;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 10px;
border: 1px solid rgba(55, 164, 79, 0.30);
background: rgba(55, 164, 79, 0.10);
color: var(--Primary, #005928);
text-align: center;
font-family: "DM Sans";
font-size: 18px;
text-decoration: none;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 36px */
text-transform: capitalize;
}
.ship-info-r .terms-container p {
    display: flex;
    gap: 2px;
    width: 398px;
}
.no-stroke{
    height: 1px;
    margin: 0px;
    width: 100%;
}
.bg-cont{
    background: url(../media/checkout-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items:center;
}
.payment-success-page{
    margin-top: 122px;
    height: 747px;
    padding: 0px;
}
.img-container-box{
    padding: 29px 35px 45px 31px;
     width: 52vw;
}
.container-box{
    display: flex;
    gap: 80px;
    height: 100%;
}
.img-container-box video{
    width: 643px;
    height: 387px;
    position: absolute;
    bottom: 45px;
    left:315px;
}
.p-s-txt{
    display: flex;
padding-right: 280px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
flex: 1 0 0;
align-self: stretch;
}
.text-section h1{
    color: var(--Primary, #005928);
font-feature-settings: 'liga' off, 'clig' off;
margin: 0px;
font-family: "DM Sans";
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 57.6px */
letter-spacing: -1px;
text-transform: capitalize;
}
.text-section h2{
    color: var(--Dark-Green, #032703);
font-feature-settings: 'liga' off, 'clig' off;
margin: 0px;
font-family: "DM Sans";
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 31.2px */
letter-spacing: -1px;
text-transform: capitalize;
}
.text-section{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.text-section u{
    color: var(--Primary, #005928);
font-feature-settings: 'liga' off, 'clig' off;
margin: 0px;
font-family: "DM Sans";
font-size: 24px;
font-style: italic;
font-weight: 600;
line-height: 130%;
letter-spacing: -1px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: capitalize;
}
.text-section p{
    color: var(--Grayscale-600---Dark, #8A8A8A);
margin: 0px;
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; 
}
.butt-sec{
    display: flex;
    gap: 24px;
}
.gb-box{
    display: flex;
height: 56px;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
border: 1px solid rgba(55, 164, 79, 0.30);
background: rgba(55, 164, 79, 0.10);
width: 272px;
text-decoration: none;
color: var(--Primary, #005928);
text-align: center;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 36px */
text-transform: capitalize;
}

.diveded-line{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:8px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.diveded-line hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    opacity: 1;
    width: 286px;
    height: 2px;
    background: red;
    max-width: 100%;
    background: var(--Grayscale-300---Lightest, #F1F1F1);
}
.pbb-txt a{
    color: var(--Primary, #005928);
    color: var(--Primary, #005928);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%;
    text-transform: capitalize;
    text-decoration: none;
}
@media only screen and (max-device-width: 700px) {
    .nav-brand-mo{
        box-shadow: none;
    }
    .login-page,.fp-page{
        margin-top: 89px;
    }
    .fp-page .gb-txt{
        width:75%;
    }
    .center-box,.login-box{
        padding:0px;
    }
    .img-box{
    display: flex;
    gap:8px;
}
.login-box {
    margin-top: 0rem
}
.w-box-sec{
    padding: 40px 20px;
    background: url(../media/signin-mob-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.img-box img{
width: 75.75px;
height: 75.75px;
}
.diveded-line hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    opacity: 1;
    width: 140px;
    height: 2px;
    background: red;
    max-width: 100%;
    background: var(--Grayscale-300---Lightest, #F1F1F1);
}
/*.pbb-txt a{*/
/*text-decoration: underline;*/
/*}*/
.gb-txt {
    
    padding: 0px 35px;
}
.custom-checkbox {
    position: relative;
    width: 26px;
    height: 20px;
}
.inp-sec{
    flex-direction: column;
}
.inp-sec input{
width: 100%;
}
.modal-content{
    padding: 40px 24px;
}

.faq-page {
    margin-top: 88px;
    padding: 0px;
}
.faqbox{
    padding: 40px 24px;
    gap: 24px;
}
.faq-cont{
    flex-direction: column;
    gap: 24px;
}
.option-tab{
    display: -webkit-inline-box;
    width: 100%;
    padding: 0px 24px;
    overflow: auto;
}
.option-tab::-webkit-scrollbar {
    display: none;
}
.option-tab .option{
    width:fit-content;
    font-size: 18px;
}
.content-tab{
padding: 16px;
}
.f-con-line{
    flex-direction: column;
    gap: 24px;
}
.content{
    gap: 24px;
}
.c-us-box {
    padding: 24px;
    flex-direction: column;
    gap: 24px;
}
.c-us-box a{
    width: 100%;
    height: 54px;
}
.faq-top h1{
    font-size: 32px;
}
.faq-answer {
                font-size: 14px;
                padding: 10px 0;
                display: none;
            }
.faq-answer.active {
                display: block;
            }

            .arrow {
                display: inline;
            }

            .faq-question .arrow img {
                content: url('../media/arrow-down.svg'); 
            }

            .faq-question.active .arrow img {
                content: url('../media/arrow-up.png'); 
            }

.check-sec{
    flex-direction: column;
    gap: 40px;
    padding: 40px 24px;
    background:url(../media/checkout-mob.png);
}
.checkout-page{
    padding: 0px;
    margin-top:86px;
}
.ship-info-r,.ship-info{
    width: 327px;
    padding: 0px;
    background: none;
    border: none;
    gap: 16px;
    box-shadow: none;
}
.os-det tr td p{
    flex-direction: column;
}
.ship-info-r .terms-container p{
    display: inline;
}
.payment-success-page{
    margin-top: 91px;
    height: fit-content;
}
.container-box{
    flex-direction: column;
    height: fit-content;
    gap: 0px;
}
.img-container-box{
    width: 100vw;
    height: 278px;
    padding: 11.8px;
}
.img-container-box img{
    width: 231.285px;
height: 179.096px;
flex-shrink: 0;
}
.img-container-box video{
    top: 120px;
    width: 245.3px;
    height: 147.638px;
    flex-shrink: 0;
    right: 11.8px;
    left: auto;
}
.p-s-txt{
    padding: 24px;
}
.p-s-txt .text-section h1{
    font-size:32px;
}
.p-s-txt .text-section h2{
    font-size:24px;
}
.butt-sec{
    flex-direction: column;
    width: 100%;
}
.butt-sec a{
    width: 100%;
}
.text-section{
    gap: 24px;
}
.text-section h1,.text-section h2, .text-section p{
    text-align: center;
}
.gbb-txt{
    font-size:24px !important;
}
.ul-box{
    border-bottom: 1.5px solid #005928;
}
.pbb-txt a {
    color: var(--Primary, #005928);
    color: var(--Primary, #005928);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%;
    text-transform: capitalize;
    text-decoration: underline;
    text-underline-offset: 10px;
}
.modal-body h2 {
    color: var(--Primary, #005928);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "DM Sans";
    font-size: 24px;
}
.login-box {
    margin-top: 0rem;
    position: relative;
}
.login-box::before {
    content: "";
    background: url(../media/covertrdr-img.png);
    width: 100%;
    height: 114PX;
    position: absolute;
    left: 0px;
    right: 0px;
}
.p-content{
    text-align:right;
}
.app-code {
    display: block;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}
.app-code .ls-inp {
    display: flex;
    padding: 16px 24px 16px 32px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border: 1px solid var(--Grayscale-400---Lighter, #E4E4E4);
    background: var(--Grayscale-200---Near-White, #FAFAFA);
    height: 56px;
}


.a-code a {
    display: flex;
    height: 56px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(55, 164, 79, 0.30);
    background: rgba(55, 164, 79, 0.10);
    color: var(--Primary, #005928);
    text-align: center;
    font-family: "DM Sans";
    font-size: 18px;
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
    line-height: 200%;
    text-transform: capitalize;
    width: 327px;
    margin-top: 8px;
}

.gbb-txt{
        padding: 0px 14px !important;
}
.payment-success-page::before{
    content: "";
    background: url(../media/payment-be.png);
    position: absolute;
    width: 179px;
    height: 201px;
    top: 7rem;
  }
}
@media only screen and (min-device-width: 900px) and (max-device-width: 1199px) {
    .faqbox {
    padding: 64px;
} 
.faq-cont{
    gap: 40px;
}
.option-tab{
    width: 375px;
}

}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1348px) {
    .faqbox {
    padding: 64px 93px;
} 
.ship-info{
    width: 500px;
}
.img-container-box video {
    width:400px;
    left: 150px;
    bottom: 0px;
}
.img-container-box img{
    width: 400px;
}
.p-s-txt{
    padding-right:50px;
}
.payment-success-page{
    height: 550px;
}
}

@media only screen and (min-device-width: 1349px) and (max-device-width: 1439px) {
  .faqbox {
    padding: 64px 93px;
} 
.img-container-box video {
    width: 550px;
    left: 150px;
}
.img-container-box img{
    width: 500px;
}
.p-s-txt{
    padding-right: 100px;
}
}
@media only screen and (min-device-width: 1440px) and (max-device-width: 1499px) {
.faqbox {
    padding: 64px 93px;
}
.img-container-box video {
    width: 550px;
    left: 150px;
}
.img-container-box img{
    width: 500px;
}
.p-s-txt{
    padding-right: 100px;
}
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1599px) {
.faqbox {
    padding: 64px 123px;
}
.img-container-box video {
    width: 550px;
    left:150px;
}
.p-s-txt{
    padding-right: 100px;
}
}

@media only screen and (min-device-width: 1600px) and (max-device-width: 1699px) {
    .faqbox {
    padding: 64px 173px;
}
.img-container-box video {
    width: 550px;
    left: 150px;
}
.img-container-box img{
    width: 500px;
}
}

@media only screen and (min-device-width: 1700px) and (max-device-width: 1799px) {
  .faqbox {
    padding: 64px 220px;
}  
.img-container-box video {
    width: 550px;
    height: 387px;
    position: absolute;
    bottom: 45px;
    left: 240px;
}
}

@media only screen and (min-device-width: 1800px) and (max-device-width: 1919px) {
.faqbox {
    padding: 64px 220px;
}
.img-container-box video{
    left: 247px;
}
}

@media only screen and (min-width: 1920px) {
   .login-page-main {
        background-position: 0px -38px;
        background-size: 1920px;
        padding: 0px;
        margin-top: 35px;
    }
}