.sectionzero {
    background-color: #7b3c9f;
    position: relative;
    z-index: 99999999
}

.sectionone {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sec2 {
    position: relative;
    top: 12px
}

.btn11 {
    color: #000
}

.signupform {
    FONT-SIZE: 21PX;
    COLOR: black;
    FONT-WEIGHT: 500;
    line-height: 29px;
    font-family: Lexendpro;
    border: none;
    width: 165px
}

.p1 {
    color: #fff;
    font-weight: 500
}

.sticky .nav-link {
    color: #000 !important
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.Getafford1 {
    FONT-SIZE: 33px !important;
    COLOR: white !important;
    FONT-WEIGHT: 700 !important;
    line-height: 29px !important;
    font-family: Lexendpro !important
}

.assignment1 {
    font-size: 40px !important;
    line-height: 52px;
    font-weight: 500;
    width: 90% !important;
    overflow: hidden
}

.bgpic1, .bgpic2 {
    position: relative !important;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    margin-bottom: 20px;
    line-height: 123% !important;
    color: #000 !important
}

.bgpic1 {
    top: 0 !important;
    left: 6rem !important;
    background: url(../assest/1.svg) -33px -3px/cover no-repeat !important;
    border-top-left-radius: 16px;
    margin-top: 40px;
    margin-right: 10%;
    padding: 10px 20px 10px 10px
}

.bgpic2 {
    background: url(../assest/2.svg) 11px -5px/cover no-repeat !important;
    border-top-left-radius: 26px;
    margin-right: 17%;
    padding: 10px 20px 10px 31px;
    border-bottom-right-radius: 30px !important
}

.btn0, .btn0000:hover, .btn00:hover {
    width: 40%;
    overflow: hidden;
    border: none;
    padding: 1rem
}

.buttonchat {
    padding: 1rem;
    box-sizing: border-box;
    overflow: hidden
}

.btn0 {
    background: purple;
    margin-right: 10px
}

.btn00 {
    width: 40%;
    padding: 1rem;
    overflow: hidden;
    background-color: green;
    border: 3px solid #fff
}

.btn0000:hover, .btn00:hover {
    background-color: green
}

.btn1, .btn1:hover, .btn21, .btn21:hover {
    color: #fff;
    font-size: 15px;
    font-weight: 700
}

.pictures3 {
    display: flex;
    width: 132px;
    margin-top: 1rem
}

.picture3ki1 {
    margin-right: 1rem
}

.leadForm {
    background: var(--gray);
    box-shadow: 0 0 50px rgb(0 0 0 / 23%);
    padding: 7px;
    border-radius: 14px;
    position: relative;
    top: 2rem;
    bottom: 2rem;
    filter: drop-shadow(15px 2px 0px black)
}

.leadForm .title {
    background: purple;
    padding: 2px;
    border-radius: 3px 6px 7px;
    margin: -8px -9px 8px -8px
}

.leadForm .title h2 {
    color: var(--white);
    font-size: 3.625rem;
    font-weight: 700;
    position: relative;
    border-right: 2px solid #d9dadd;
    padding-right: 3.5rem;
    margin: 0 1rem 0 0;
    line-height: 1
}

.leadForm .title h2 sup {
    position: absolute;
    top: 20px;
    right: 1rem;
    font-size: 2.5rem
}

.leadForm .title h2 sub {
    position: absolute;
    right: 1rem;
    bottom: 10px;
    font-size: 1.25rem
}

.leadForm .title h4 {
    margin: 8px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 18px
}

.fifty {
    font-size: 29px;
    font-weight: 900;
    line-height: 28px
}

.blink_me {
    animation: 1s linear infinite blinker
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.leadForm .thesis {
    padding: 3px;
    text-align: center
}

.leadForm .thesis h4 {
    font-size: 31px;
    font-weight: 800
}

.btnStyleform {
    padding: 15px;
    width: 100%;
    border: none;
    background: purple;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    margin-top: 1rem
}

.leadForm .thesis p {
    margin: 0;
    color: var(--white)
}

.leadForm form {
    padding: 1rem
}

.formStyle .step-last {
    display: none
}

.formStyle .form-control, .formStyle input {
    border: 1px solid var(--black);
    border-radius: 5px;
    height: 3.5rem;
    margin-bottom: 1.25rem;
    background: 0 0
}

.formStyle label {
    margin-bottom: 6px
}

.formStyle .btnStyle {
    width: 100%;
    font-size: 1.875rem;
    font-weight: 700;
    margin-top: .5rem
}

.btn000, .btn0000, .btn000:hover {
    width: 40%;
    padding: 1rem;
    overflow: hidden;
    border: none
}

.formStyle .btnStyle i {
    font-size: 1.25rem;
    margin-left: .51rem;
    position: relative;
    top: -2px
}

.buttonchatsbottom {
    padding: 1rem;
    box-sizing: border-box;
    overflow: hidden;
    display: none
}

.btn000 {
    background: #f16029;
    margin-right: 10px
}

.btn000:hover {
    background: #87ceeb;
    margin-right: 10px
}

.btn0000 {
    background-color: #03a84e
}

@media only screen and (max-width:1600px) and (min-width:425px) {
    .buttonchatsbottom {
        padding: 1rem;
        box-sizing: border-box;
        overflow: hidden;
        background: #fff;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99999;
        display: none
    }

    .btn000, .btn0000, .btn0000:hover, .btn000:hover {
        width: 45%;
        padding: 1rem;
        overflow: hidden;
        border: none
    }

    .btn000 {
        background: #f16029;
        margin-right: 10px
    }

    .btn000:hover {
        background: #87ceeb;
        margin-right: 10px
    }

    .btn0000 {
        background-color: #03a84e
    }

    .btn0000:hover {
        background-color: green
    }

    .btn21, .btn21:hover {
        color: #fff;
        font-size: 11px;
        font-weight: 700
    }
}

@media only screen and (max-width:1024px) {
    .bgpic1, .bgpic2 {
        position: relative !important;
        border-top-right-radius: 16px;
        border-bottom-left-radius: 16px;
        margin-bottom: 20px;
        color: #000 !important
    }

    .Getafford1 {
        font-size: 16px !important;
        overflow: hidden
    }

    .assignment1, .bgpic1, .bgpic2 {
        overflow: hidden !important
    }

    .assignment1 {
        font-size: 31px !important;
        line-height: 36px
    }

    .bgpic1 {
        top: 0 !important;
        left: 3rem !important;
        background: url(../assest/1.svg) -4px -1px/cover no-repeat !important;
        border-top-left-radius: 16px;
        margin-top: 40px;
        margin-right: 10%;
        padding: 10px 20px 10px 10px;
        line-height: 114% !important
    }

    .bgpic2 {
        background: url(../assest/2.svg) 11px -5px/cover no-repeat !important;
        border-top-left-radius: 26px;
        margin-right: 17%;
        padding: 7px 20px 10px 35px;
        line-height: 106% !important;
        border-bottom-right-radius: 30px !important;
        width: 95% !important
    }

    .btn1, .btn1:hover {
        color: #fff;
        font-weight: 700
    }

    .btn0, .btn00 {
        width: 40%;
        border: none;
        padding: 1rem
    }

    .btn0, .btn00, .buttonchat, .picture3ki1 {
        overflow: hidden
    }

    .buttonchat {
        padding: 1rem;
        box-sizing: border-box
    }

    .btn0 {
        background: purple;
        margin-right: 10px;
        margin-bottom: 1rem
    }

    .btn00 {
        background-color: #03a84e
    }

    .btn1 {
        font-size: 11px
    }

    .btn1:hover {
        font-size: 15px
    }

    .pictures3 {
        display: flex;
        width: 100%;
        margin-top: 1rem
    }

    .picture3ki1 {
        margin-right: 1rem
    }

    .leadForm {
        background: var(--gray);
        box-shadow: 0 0 50px rgb(0 0 0 / 23%);
        padding: 8px;
        border-radius: 14px;
        width: 89%;
        position: relative;
        left: 20px;
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .leadForm .title {
        background: Purple;
        padding: 11px;
        border-radius: 3px 6px 7px;
        margin: -8px -9px 8px -8px
    }

    .leadForm .title h2 {
        color: var(--white);
        font-size: 3.625rem;
        font-weight: 700;
        position: relative;
        border-right: 2px solid #d9dadd;
        padding-right: 3.5rem;
        margin: 0 1rem 0 0;
        line-height: 1
    }

    .leadForm .title h2 sup {
        position: absolute;
        top: 20px;
        right: 1rem;
        font-size: 2.5rem
    }

    .leadForm .title h2 sub {
        position: absolute;
        right: 1rem;
        bottom: 10px;
        font-size: 1.25rem
    }

    .leadForm .title h4 {
        margin: 0;
        text-align: center;
        color: #fff;
        font-weight: 700;
        font-size: 14px !important
    }

    .leadForm .thesis {
        padding: 3px;
        text-align: center
    }

    .leadForm .thesis h4 {
        font-size: 26px;
        font-weight: 800;
        margin-top: 1rem
    }

    .btnStyleform {
        padding: 15px;
        width: 100%;
        border: none;
        background: Purple;
        color: #fff;
        font-weight: 700;
        border-radius: 4px
    }

    .leadForm .thesis p {
        margin: 0;
        color: var(--white)
    }

    .leadForm form {
        padding: 1rem
    }

    .formStyle .step-last {
        display: none
    }

    .formStyle .form-control, .formStyle input {
        border: 1px solid var(--black);
        border-radius: 5px;
        height: 3.5rem;
        margin-bottom: 1.25rem;
        background: 0 0
    }

    .formStyle label {
        margin-bottom: 6px
    }

    .formStyle .btnStyle {
        width: 100%;
        font-size: 1.875rem;
        font-weight: 700;
        margin-top: .5rem
    }

    .formStyle .btnStyle i {
        font-size: 1.25rem;
        margin-left: .51rem;
        position: relative;
        top: -2px
    }
}

@media only screen and (max-width:768px) {
    .bgpic1, .bgpic2 {
        position: relative !important;
        border-top-right-radius: 16px;
        border-bottom-left-radius: 16px;
        margin-bottom: 20px;
        color: #000 !important
    }

    .Getafford1 {
        font-size: 16px !important;
        overflow: hidden
    }

    .assignment1, .bgpic1, .bgpic2 {
        overflow: hidden !important
    }

    .assignment1 {
        font-size: 31px !important;
        line-height: 36px
    }

    .bgpic1 {
        top: 0 !important;
        left: 3rem !important;
        background: url(../assest/1.svg) -4px -1px/cover no-repeat !important;
        border-top-left-radius: 16px;
        margin-top: 40px;
        margin-right: 10%;
        padding: 10px 20px 10px 10px;
        line-height: 114% !important
    }

    .bgpic2 {
        background: url(../assest/2.svg) 11px -5px/cover no-repeat !important;
        border-top-left-radius: 26px;
        margin-right: 17%;
        padding: 7px 20px 10px 35px;
        line-height: 106% !important;
        border-bottom-right-radius: 30px !important;
        width: 95% !important
    }

    .leadForm, .leadForm .title h2, .sec2 {
        position: relative
    }

    .btn0, .btn00 {
        width: 40%;
        border: none;
        padding: 1rem
    }

    .btn0, .btn00, .buttonchat, .picture3ki1 {
        overflow: hidden
    }

    .buttonchat {
        padding: 1rem;
        box-sizing: border-box
    }

    .btn0 {
        background: purple;
        margin-right: 10px;
        margin-bottom: 1rem
    }

    .btn00 {
        background-color: #03a84e
    }

    .btn1, .btn1:hover {
        color: #fff;
        font-size: 15px;
        font-weight: 700
    }

    .pictures3 {
        display: flex;
        width: 100%;
        margin-top: 1rem
    }

    .formStyle .step-last, .sectionzero {
        display: none
    }

    .picture3ki1 {
        margin-right: 1rem
    }

    .leadForm {
        background: var(--gray);
        box-shadow: 0 0 50px rgb(0 0 0 / 23%);
        padding: 8px;
        border-radius: 14px;
        width: 71%;
        left: 60px;
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .leadForm .title {
        background: Purple;
        padding: 11px;
        border-radius: 3px 6px 7px;
        margin: -8px -9px 8px -8px
    }

    .leadForm .title h2 {
        color: var(--white);
        font-size: 3.625rem;
        font-weight: 700;
        border-right: 2px solid #d9dadd;
        padding-right: 3.5rem;
        margin: 0 1rem 0 0;
        line-height: 1
    }

    .leadForm .title h2 sup {
        position: absolute;
        top: 20px;
        right: 1rem;
        font-size: 2.5rem
    }

    .leadForm .title h2 sub {
        position: absolute;
        right: 1rem;
        bottom: 10px;
        font-size: 1.25rem
    }

    .leadForm .title h4 {
        margin: 0;
        text-align: center;
        color: #fff;
        font-weight: 700;
        font-size: 14px !important
    }

    .leadForm .thesis {
        padding: 3px;
        text-align: center
    }

    .leadForm .thesis h4 {
        font-size: 26px;
        font-weight: 800;
        margin-top: 1rem
    }

    .btnStyleform {
        padding: 15px;
        width: 100%;
        border: none;
        background: Purple;
        color: #fff;
        font-weight: 700;
        border-radius: 4px
    }

    .leadForm .thesis p {
        margin: 0;
        color: var(--white)
    }

    .leadForm form {
        padding: 1rem
    }

    .formStyle .form-control, .formStyle input {
        border: 1px solid var(--black);
        border-radius: 5px;
        height: 3.5rem;
        margin-bottom: 1.25rem;
        background: 0 0
    }

    .formStyle label {
        margin-bottom: 6px
    }

    .formStyle .btnStyle {
        width: 100%;
        font-size: 1.875rem;
        font-weight: 700;
        margin-top: .5rem
    }

    .formStyle .btnStyle i {
        font-size: 1.25rem;
        margin-left: .51rem;
        position: relative;
        top: -2px
    }

    .sectionzero {
        background-color: Purple
    }

    .sectionone {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .sec2 {
        top: 12px
    }

    .btn11 {
        color: #000
    }

    .signupform {
        COLOR: Purple;
        FONT-WEIGHT: 500;
        line-height: 23px;
        font-family: Lexendpro;
        border: none;
        width: max-content;
        font-size: 16px;
        border-radius: 7px
    }

    .p1 {
        color: #fff;
        font-weight: 500;
        width: 100%;
        font-size: 13px;
        text-align: center
    }

    header .navbar .navbar-nav .nav-item .nav-link {
        color: #000 !important;
        font-size: 1rem;
        font-weight: 600;
        text-transform: capitalize;
        padding: 0
    }
}

@media only screen and (max-width:425px) {
    .bgpic1, .bgpic2 {
        position: relative !important;
        border-top-right-radius: 16px;
        border-bottom-left-radius: 16px;
        margin-bottom: 20px;
        color: #000 !important
    }

    .Getafford1 {
        font-size: 16px !important;
        overflow: hidden
    }

    .assignment1, .bgpic1, .bgpic2 {
        overflow: hidden !important
    }

    .assignment1 {
        font-size: 31px !important;
        line-height: 36px
    }

    .bgpic1 {
        top: 0 !important;
        left: 3rem !important;
        background: url(../assest/1.svg) -4px -1px/cover no-repeat !important;
        border-top-left-radius: 16px;
        margin-top: 40px;
        margin-right: 10%;
        padding: 20px 20px 20px 10px;
        line-height: 114% !important
    }

    .bgpic2 {
        background: url(../assest/2.svg) 11px -5px/cover no-repeat !important;
        border-top-left-radius: 26px;
        margin-right: 17%;
        padding: 7px 20px 10px 35px;
        line-height: 106% !important;
        border-bottom-right-radius: 30px !important;
        width: 95% !important
    }

    .btn0, .btn00 {
        width: 40%;
        border: none;
        padding: 1rem
    }

    .btn0, .btn00, .buttonchat, .picture3ki1 {
        overflow: hidden
    }

    .buttonchat {
        padding: 1rem;
        box-sizing: border-box
    }

    .btn0 {
        background: purple;
        margin-right: 10px;
        margin-bottom: 1rem
    }

    .btn00 {
        background-color: #03a84e
    }

    .btn1, .btn1:hover {
        color: #fff;
        font-size: 18px;
        font-weight: 700
    }

    .pictures3 {
        display: flex;
        width: 100%;
        margin-top: 1rem
    }

    .formStyle .step-last, .sectionzero {
        display: none
    }

    .picture3ki1 {
        margin-right: 1rem
    }

    .Halfpack {
        margin-top: 3rem
    }

    .leadForm {
        background: var(--gray);
        box-shadow: 0 0 50px rgb(0 0 0 / 23%);
        padding: 8px;
        border-radius: 14px;
        width: 71%;
        position: relative;
        left: 60px;
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .leadForm .title {
        background: Purple;
        padding: 11px;
        border-radius: 3px 6px 7px;
        margin: -8px -9px 8px -8px
    }

    .leadForm .title h2 {
        color: var(--white);
        font-size: 3.625rem;
        font-weight: 700;
        position: relative;
        border-right: 2px solid #d9dadd;
        padding-right: 3.5rem;
        margin: 0 1rem 0 0;
        line-height: 1
    }

    .btn21, .btn21:hover, .btnStyleform, .leadForm .title h4 {
        color: #fff;
        font-weight: 700
    }

    .leadForm .title h2 sup {
        position: absolute;
        top: 20px;
        right: 1rem;
        font-size: 2.5rem
    }

    .leadForm .title h2 sub {
        position: absolute;
        right: 1rem;
        bottom: 10px;
        font-size: 1.25rem
    }

    .leadForm .title h4 {
        margin: 0;
        text-align: center;
        font-size: 14px !important
    }

    .leadForm .thesis {
        padding: 3px;
        text-align: center
    }

    .leadForm .thesis h4 {
        font-size: 26px;
        font-weight: 800;
        margin-top: 1rem
    }

    .btnStyleform {
        padding: 15px;
        width: 100%;
        border: none;
        background: Purple;
        border-radius: 4px
    }

    .leadForm .thesis p {
        margin: 0;
        color: var(--white)
    }

    .leadForm form {
        padding: 1rem
    }

    .formStyle .form-control, .formStyle input {
        border: 1px solid var(--black);
        border-radius: 5px;
        height: 3.5rem;
        margin-bottom: 1.25rem;
        background: 0 0
    }

    .formStyle label {
        margin-bottom: 6px
    }

    .formStyle .btnStyle {
        width: 100%;
        font-size: 1.875rem;
        font-weight: 700;
        margin-top: .5rem
    }

    .formStyle .btnStyle i {
        font-size: 1.25rem;
        margin-left: .51rem;
        position: relative;
        top: -2px
    }

    .buttonchatsbottom {
        padding: 1rem;
        box-sizing: border-box;
        overflow: hidden;
        background: #fff;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99999;
        display: none
    }

    .btn000, .btn0000, .btn0000:hover, .btn000:hover {
        width: 45%;
        padding: 1rem;
        overflow: hidden;
        border: none
    }

    .btn000 {
        background: #f16029;
        margin-right: 10px
    }

    .btn000:hover {
        background: #87ceeb;
        margin-right: 10px
    }

    .btn0000 {
        background-color: #03a84e
    }

    .btn0000:hover {
        background-color: green
    }

    .btn21, .btn21:hover {
        font-size: 11px
    }

    .sectionzero {
        background-color: Purple
    }

    .sectionone {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .sec2 {
        position: relative;
        top: 12px
    }

    .btn11 {
        color: #000
    }

    .signupform {
        COLOR: Purple;
        FONT-WEIGHT: 500;
        line-height: 23px;
        font-family: Lexendpro;
        border: none;
        width: max-content;
        font-size: 16px;
        border-radius: 7px
    }

    .p1 {
        color: #fff;
        font-weight: 500;
        width: 100;
        font-size: 10px;
        text-align: center
    }

    header .navbar .navbar-nav .nav-item .nav-link {
        color: #000 !important;
        font-size: 1rem;
        font-weight: 600;
        text-transform: capitalize;
        padding: 0
    }
}

@media only screen and (max-width:375px) {
    .bgpic1, .bgpic2 {
        position: relative !important;
        border-top-right-radius: 16px;
        border-bottom-left-radius: 16px;
        margin-bottom: 20px;
        color: #000 !important
    }

    .Getafford1 {
        font-size: 16px !important;
        overflow: hidden
    }

    .assignment1, .bgpic1, .bgpic2 {
        overflow: hidden !important
    }

    .assignment1 {
        font-size: 31px !important;
        line-height: 36px
    }

    .bgpic1 {
        top: 0 !important;
        left: 3rem !important;
        background: url(../assest/1.svg) -4px -1px/cover no-repeat !important;
        border-top-left-radius: 16px;
        margin-top: 40px;
        margin-right: 10%;
        padding: 20px 20px 20px 10px;
        line-height: 114% !important
    }

    .bgpic2 {
        background: url(../assest/2.svg) 11px -5px/cover no-repeat !important;
        border-top-left-radius: 26px;
        margin-right: 17%;
        padding: 7px 20px 10px 35px;
        line-height: 106% !important;
        border-bottom-right-radius: 30px !important;
        width: 95% !important
    }

    .btn1, .btn1:hover {
        color: #fff;
        font-weight: 700
    }

    .btn0, .btn00, .btn0000 {
        border: none;
        padding: 1rem
    }

    .btn0, .btn00, .btn0000, .buttonchat, .picture3ki1 {
        overflow: hidden
    }

    .buttonchat {
        padding: 1rem;
        box-sizing: border-box
    }

    .btn0 {
        width: 46%;
        background: purple;
        margin-bottom: 1rem;
        margin-right: 10px
    }

    .btn00, .btn0000 {
        width: 45%;
        background-color: #03a84e
    }

    .Halfpack {
        margin-top: 3rem
    }

    .btn1 {
        font-size: 15px
    }

    .btn1:hover {
        font-size: 18px
    }

    .pictures3 {
        display: flex;
        width: 100%;
        margin-top: 1rem
    }

    .formStyle .step-last, .sectionzero {
        display: none
    }

    .picture3ki1 {
        margin-right: 1rem
    }

    .leadForm {
        background: var(--gray);
        box-shadow: 0 0 50px rgb(0 0 0 / 23%);
        padding: 8px;
        border-radius: 14px;
        width: 81%;
        position: relative;
        left: 30px;
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .leadForm .title {
        background: Purple;
        padding: 11px;
        border-radius: 3px 6px 7px;
        margin: -8px -9px 8px -8px
    }

    .leadForm .title h2 {
        color: var(--white);
        font-size: 3.625rem;
        font-weight: 700;
        position: relative;
        border-right: 2px solid #d9dadd;
        padding-right: 3.5rem;
        margin: 0 1rem 0 0;
        line-height: 1
    }

    .btn21, .btn21:hover, .btnStyleform, .leadForm .title h4 {
        color: #fff;
        font-weight: 700
    }

    .leadForm .title h2 sup {
        position: absolute;
        top: 20px;
        right: 1rem;
        font-size: 2.5rem
    }

    .leadForm .title h2 sub {
        position: absolute;
        right: 1rem;
        bottom: 10px;
        font-size: 1.25rem
    }

    .leadForm .title h4 {
        margin: 0;
        text-align: center;
        font-size: 14px !important
    }

    .leadForm .thesis {
        padding: 3px;
        text-align: center
    }

    .leadForm .thesis h4 {
        font-size: 26px;
        font-weight: 800;
        margin-top: 1rem
    }

    .btnStyleform {
        padding: 15px;
        width: 100%;
        border: none;
        background: Purple;
        border-radius: 4px
    }

    .leadForm .thesis p {
        margin: 0;
        color: var(--white)
    }

    .leadForm form {
        padding: 1rem
    }

    .formStyle .form-control, .formStyle input {
        border: 1px solid var(--black);
        border-radius: 5px;
        height: 3.5rem;
        margin-bottom: 1.25rem;
        background: 0 0
    }

    .formStyle label {
        margin-bottom: 6px
    }

    .formStyle .btnStyle {
        width: 100%;
        font-size: 1.875rem;
        font-weight: 700;
        margin-top: .5rem
    }

    .formStyle .btnStyle i {
        font-size: 1.25rem;
        margin-left: .51rem;
        position: relative;
        top: -2px
    }

    .buttonchatsbottom {
        padding: 1rem;
        box-sizing: border-box;
        overflow: hidden;
        background: #fff;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99999;
        display: none
    }

    .btn000, .btn0000:hover, .btn000:hover {
        width: 45%;
        padding: 1rem;
        overflow: hidden;
        border: none
    }

    .btn000 {
        background: #f16029;
        margin-right: 10px
    }

    .btn000:hover {
        background: #87ceeb;
        margin-right: 10px
    }

    .btn0000:hover {
        background-color: green
    }

    .btn21, .btn21:hover {
        font-size: 11px
    }

    .sectionzero {
        background-color: Purple
    }

    .sectionone {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .sec2 {
        position: relative;
        top: 12px
    }

    .btn11 {
        color: #000
    }

    .signupform {
        COLOR: Purple;
        FONT-WEIGHT: 500;
        line-height: 23px;
        font-family: Lexendpro;
        border: none;
        width: max-content;
        font-size: 16px;
        border-radius: 7px
    }

    .p1 {
        color: #fff;
        font-weight: 500;
        width: 100%;
        font-size: 10px;
        text-align: center
    }

    header .navbar .navbar-nav .nav-item .nav-link {
        color: #000 !important;
        font-size: 1rem;
        font-weight: 600;
        text-transform: capitalize;
        padding: 0
    }
}

@media only screen and (max-width:320px) {
    .bgpic1, .bgpic2 {
        position: relative !important;
        border-top-right-radius: 16px;
        border-bottom-left-radius: 16px;
        margin-bottom: 20px;
        color: #000 !important
    }

    .Getafford1 {
        font-size: 16px !important;
        overflow: hidden
    }

    .assignment1, .bgpic1, .bgpic2 {
        overflow: hidden !important
    }

    .assignment1 {
        font-size: 31px !important;
        line-height: 36px
    }

    .bgpic1 {
        top: 0 !important;
        left: 3rem !important;
        background: url(../assest/1.svg) -4px -1px/cover no-repeat !important;
        border-top-left-radius: 16px;
        margin-top: 40px;
        margin-right: 10%;
        padding: 20px 20px 20px 10px;
        line-height: 114% !important
    }

    .bgpic2 {
        background: url(../assest/2.svg) 11px -5px/cover no-repeat !important;
        border-top-left-radius: 26px;
        margin-right: 17%;
        padding: 7px 20px 10px 35px;
        line-height: 106% !important;
        border-bottom-right-radius: 30px !important;
        width: 95% !important
    }

    .btn1, .btn1:hover {
        color: #fff;
        font-weight: 700
    }

    .btn0, .btn00 {
        border: none;
        padding: 1rem
    }

    .btn0, .btn00, .buttonchat, .picture3ki1 {
        overflow: hidden
    }

    .buttonchat {
        padding: 1rem;
        box-sizing: border-box
    }

    .btn0 {
        width: 46%;
        background: purple;
        margin-bottom: 1rem;
        margin-right: 10px
    }

    .btn00 {
        width: 45%;
        background-color: #03a84e
    }

    .btn1 {
        font-size: inherit
    }

    .btn1:hover {
        font-size: 18px
    }

    .pictures3 {
        display: flex;
        width: 100%;
        margin-top: 1rem
    }

    .formStyle .step-last, .sectionzero {
        display: none
    }

    .picture3ki1 {
        margin-right: 1rem
    }

    .leadForm {
        background: var(--gray);
        box-shadow: 0 0 50px rgb(0 0 0 / 23%);
        padding: 8px;
        border-radius: 14px;
        width: 91%;
        position: relative;
        left: 15px;
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .leadForm .title {
        background: purple;
        padding: 2px;
        border-radius: 3px 6px 7px;
        margin: -8px -9px 8px -8px
    }

    .leadForm .title h2 {
        color: var(--white);
        font-size: 3.625rem;
        font-weight: 700;
        position: relative;
        border-right: 2px solid #d9dadd;
        padding-right: 3.5rem;
        margin: 0 1rem 0 0;
        line-height: 1
    }

    .btn21, .btn21:hover, .btnStyleform, .leadForm .title h4 {
        color: #fff;
        font-weight: 700
    }

    .leadForm .title h2 sup {
        position: absolute;
        top: 20px;
        right: 1rem;
        font-size: 2.5rem
    }

    .leadForm .title h2 sub {
        position: absolute;
        right: 1rem;
        bottom: 10px;
        font-size: 1.25rem
    }

    .leadForm .title h4 {
        margin: 0;
        text-align: center;
        font-size: 14px !important
    }

    .leadForm .thesis {
        padding: 3px;
        text-align: center
    }

    .leadForm .thesis h4 {
        font-size: 26px;
        font-weight: 800;
        margin-top: 1rem
    }

    .btnStyleform {
        padding: 15px;
        width: 100%;
        border: none;
        background: purple;
        border-radius: 4px
    }

    .leadForm .thesis p {
        margin: 0;
        color: var(--white)
    }

    .leadForm form {
        padding: 1rem
    }

    .formStyle .form-control, .formStyle input {
        border: 1px solid var(--black);
        border-radius: 5px;
        height: 3.5rem;
        margin-bottom: 1.25rem;
        background: 0 0
    }

    .formStyle label {
        margin-bottom: 6px
    }

    .formStyle .btnStyle {
        width: 100%;
        font-size: 1.875rem;
        font-weight: 700;
        margin-top: .5rem
    }

    .formStyle .btnStyle i {
        font-size: 1.25rem;
        margin-left: .51rem;
        position: relative;
        top: -2px
    }

    .buttonchatsbottom {
        padding: 1rem;
        box-sizing: border-box;
        overflow: hidden;
        background: #fff;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99999;
        display: none
    }

    .btn000, .btn0000 {
        width: 45%;
        padding: 1rem;
        overflow: hidden
    }

    .btn000 {
        border: none;
        background: #f16029;
        margin-right: 10px
    }

    .btn0000 {
        border: 3px solid #fff;
        background-color: transparent
    }

    .btn21, .btn21:hover {
        font-size: 11px
    }

    .sectionzero {
        background-color: Purple
    }

    .sectionone {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .sec2 {
        position: relative;
        top: 12px
    }

    .btn11 {
        color: #000
    }

    .signupform {
        COLOR: Purple;
        FONT-WEIGHT: 500;
        line-height: 23px;
        font-family: Lexendpro;
        border: none;
        width: max-content;
        font-size: 16px;
        border-radius: 7px
    }

    .p1 {
        color: #fff;
        font-weight: 500;
        width: 100%;
        font-size: 10px;
        text-align: center
    }

    .navbar .navbar-nav .nav-item .nav-link {
        color: #000 !important;
        font-size: 1rem;
        font-weight: 600;
        text-transform: capitalize;
        padding: 0
    }
}