body {

    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;

    font-style: normal;
    /* background: linear-gradient(-45deg, #e4c4c1, #d4eaec, #e9ecd5, #78d5ff);
    background-size: 400% 400%;
    animation: gradient 40s ease infinite; */
}

body {
    overflow: auto;
    /* or scroll */

    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
}

/* Chrome, Safari, Opera */
body::-webkit-scrollbar {
    display: none;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.centre {
    display: flex;
    /* height: 100vh; */
    width: 100vw;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0;
    padding: 0;
}



label {
    /* background: red; */
    display: block;
    color: #b9b9b9;
    margin: 7px;
    margin-left: 0;
    font-size: 14px;
    text-align: right;
}

input[type="text"],
input[type="password"],
input[type="pin"] {
    background: #f9f9f9f7;
    padding: 13px;
    border: 1px solid #555555;
    border-radius: 14px;
    font-family: 'Roboto',
        sans-serif;
    font-size: 17px;
    width: 246px;
}

input[type="submit"] {
    background: #ef592e;
    display: block;
    border: 0px solid #f1592e;
    padding: 13px 41px;
    width: -webkit-fill-available;
    border-radius: 11px;
    font-weight: bold;
    font-size: 17px;
    color: #ffffff;
    cursor: pointer;
    margin-bottom: 49px;
    margin-top: 14px;
}

.errMess {
    background: #dd5046;
    padding: 10px;
    color: #ffffff;
    border-radius: 7px;
    border: 2px solid;
}

.loginBoxQr {
    background: #ffffff;
    /* width: auto; */
    /* max-width: 264px; */
    padding: 14px 23px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 19px 5px;
    border: 1px solid #8d8d8d;
    box-shadow: 0 2px 18px -11px black;
}

.qrpropTitle {
    /* background: red; */
    font-size: 28px;
    color: #434343;
    /* padding: 10px; */
    /* box-shadow: 0 -7px 10px -8px black; */
}

.screenboxs {
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    margin: 10px;
    opacity: 1;
    border-radius: 20px;
    border: 4px solid #ffffff;
    box-shadow: -7px 7px 54px -16px #00000091;
    /* Ensures the background is behind other content */
    /* z-index: 1; */
}

.screenboxs1 {
    right: 105px;
    bottom: 83px;
    position: absolute;
    opacity: 1;
    z-index: 7;
    width: 52vw;
    height: 57vh;
    background-image: url('https://dev.aacave.com/logo/ee.png');
}

.screenboxs2 {
    width: 228px;
    height: 495px;
    position: absolute;
    left: -186px;
    bottom: -111px;
    opacity: 1;
    z-index: 7;
    background-image: url('https://dev.aacave.com/logo/ee2.png');
}

.screenboxs4 {
    width: 339px;
    height: 207px;
    position: absolute;
    left: -497px;
    bottom: -55px;
    opacity: 1;
    z-index: 7;
    background-image: url('https://dev.aacave.com/logo/screenaacave4.png');
}

.screenboxs3 {
    width: 623px;
    height: 425px;
    left: 317px;
    top: 83px;
    position: absolute;
    opacity: 1;
    z-index: 7;
    background-image: url('https://dev.aacave.com/logo/ee4.png');
}

.frontloginbox {
    background: red
}

.frontblocks {
    /* height: 70vh; */
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: row;
    position: relative;
    flex-wrap: wrap;
    align-content: center;
    /* box-shadow: 0 27px 27px -23px #0000002e; */
}

.frontblocks h1 {
    font-size: 31px;
    font-weight: 300;
    /* margin: 45px; */
    color: #3e3e3d;
    max-width: 48vw;
}

.frontblocks h1 b {
    font-weight: 500;
    font-size: 164%;


}

div,
img,
h1 {
    transition: transform 1.3s ease;
}

.hiddenblr {
    transform: translateX(100px);
}

.hiddenbll {
    transform: translateX(-143px);
    /* Slide 20px to right */
}

.visibleb {
    transform: translateX(0px);
    /* Slide 20px to right */
}

.catstyle .titblock {
    color: #ef592e;
    font-size: 21px;
    box-shadow: 0 4px 0px -3px #dc471d1f;
    padding-bottom: 20px;
    margin-bottom: 6px;
    font-weight: 600;
    text-align: center;
}

.catstyle .titblockdesc {
    color: #af3613;
    font-size: 12px;
    max-width: 207px;
}

.catstylebox {
    margin: 9px 37px;
    color: #252525;
    padding: 26px;
    width: 239px;
    background: #fffaf9;
    border-radius: 27px;
    /* box-shadow: 0 0 0 0 #9d3f2082; */
    opacity: 0;
    transform: scale(0.0);
    transition: all 0.5s ease;
}

.catstyleboxVisible {
    opacity: 1;
    transform: scale(1);
    /* box-shadow: 0 12px 13px -10px #9d3f2082; */
}


.catstyle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    /* background: #f36137; */
    align-items: flex-start;
    /* width: 49vw; */
    /* margin-top: 111px; */
}

.catstyle h2 {
    width: 100vw;
    /* text-align: right; */
    color: #ffbba8;
    margin-top: 84px;
    font-weight: 200;
    font-size: 48px;
    padding-left: 100px;
}

.usericon {
    fill: #ef592e;
    /* background: #ef592e; */
    /* border-radius: 15px; */
    /* width: 59px; */
    display: flex;
    /* align-content: center; */
    justify-content: flex-end;
    padding: 5px;
}

.usericon svg {
    height: 33px;
}

.partnerloginbut {
    background: #3e3e3d;
    color: #ffffff;
    padding: 11px 14px;
    border-radius: 6px;
    /* font-weight: bold; */
    width: fit-content;
    margin: 9px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topblock {
    z-index: 12;
    height: 29vh;
    transition: all 0.5s ease;
    position: fixed;
    background: #c3c3c300;
    /* backdrop-filter: blur(8px); */
    top: 0;
    /* background: linear-gradient(
181deg, #ffffff, #ffffff00); */
    box-shadow: 0 0px 0 0 #ef592e;
}

.topblock img {
    /* height: 84px; */
    transition: all 0.3s ease;
    height: 100px;
    /* background: #ffffff; */
    border-radius: 21px;
    padding: 4px;
    padding-right: 10px;
    /* box-shadow: 0 41px 71px -13px #00000069; */
    /* background: linear-gradient(-45deg, #e4c4c1, #d4eaec, #e9ecd5, #78d5ff);
    background-size: 400% 400%;
    animation: gradient 40s ease infinite; */
    /* background: linear-gradient(-45deg, #e4c4c1, #d4eaec, #e9ecd5, #78d5ff);
    background-size: 400% 400%;
    animation: gradient 40s ease infinite; */
    /* background: linear-gradient(-45deg, #e4c4c1, #d4eaec, #e9ecd5, #78d5ff);
    background-size: 400% 400%;
    animation: gradient 40s ease infinite; */
    background-size: 400% 400%;
    /* filter: drop-shadow(2px 4px 11px #00000069); */
}

.smalltopblock {
    background: #ffffff00;
    height: 50px;
    /* box-shadow: 0 9px 40px -21px #0000006b; */
}

.smalltopblock img {
    height: 33px;
    background: white;
    box-shadow: 0 3px 35px -13px #000000fc;
}

.logiconbox {
    display: flex;
    align-items: center;
    color: #3e3e3d;
    background: #ef592e;
    fill: white;
    width: 107px;
    cursor: pointer;
    font-weight: 600;
    color: white;
    padding: 3px 5px;
    border-radius: 23px;
    justify-content: space-evenly;
}

.loginBox {
    /* height: 200px; */
    transition: all 0.3s ease;
    position: relative;
    height: 49px;
    transition: all 0.3s ease;
    /* position: relative; */
    position: fixed;
    right: 10px;
    top: 0px;
    width: 127px;
    overflow: hidden;
    transform: translate(0, 0);
    /* background: rebeccapurple; */
}

.loginBox form {
    height: 200px;
    transition: all 0.3s ease;
    /* position: absolute; */
    top: 0;
    left: 0;
    /* width: 100%; */
    opacity: 0;
    text-align: center;
}

.loginBoxOpen form {
    opacity: 1;
}

.loginBoxOpen {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    box-shadow: 0 0 157px 0px #0000004f;
    padding: 20px;
    border-radius: 29px;
    align-content: center;
    flex-wrap: wrap;
    border: 0px solid #ffffff;
    background: #ffffff;
    position: fixed;
    z-index: 2;
    /* margin-top: 20px; */
    height: 400px;
    width: 277px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(8px);
}

.loginBoxOpen .logiconbox {
    /* width: 31px; */
    background: #3e3d3d00;
}

.logiconbox1 {
    display: flex;
}

.logiconbox2 {
    display: none;
}

.loginBoxOpen .logiconbox1 {
    display: none;
}

.loginBoxOpen .logiconbox2 {
    display: flex;
    color: #3e3e3d;
}

.rightfrontblock {
    background: #ffffff;
    height: -webkit-fill-available;
    display: flex;
    align-items: flex-end;
    width: 68vw;
    justify-content: space-around;
    position: absolute;
    right: 0;
}

.contactbox {
    color: #3a3a3a;
    /* font-size: 14px; */
    font-weight: 500;
    text-align: center;
    padding: 20px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: -webkit-fill-available;

}

.contactbox p {
    margin: 6px;
}

.langbox {
    display: flex;
    height: 35px;
    width: 36px;
    position: fixed;
    top: 8px;
    right: 134px;
    background: #ffffff;
    border-radius: 26px;
    /* padding: 0px 10px; */
    /* box-shadow: inset -6px 0 0 4px #ef592e; */
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.langboxitem {
    /* background: black; */
    width: 25px;
    height: 25px;
}

#terms {
    cursor: pointer;
    /* text-decoration: underline; */
    /* font-size: 20px; */
    font-weight: 600;
    border-bottom: 1px solid;
}

#termscontainer {
    padding: 10px;
    /* margin: 5px; */
    margin-bottom: 29px;
    /* box-shadow: inset 0 0 0px 2px #373737; */
    /* border-radius: 20px; */
    padding-bottom: 20px;
    /* margin: 5px; */
    /* background: #ffffff; */
    max-width: 1000px;
}
.demobutton{
    cursor: pointer;
    display: flex;
        background: #ef592e;
        align-items: center;
        padding: 5px;
        border-radius: 37px;
        font-size: 19px;
        color: white;
        font-weight: 600;
        margin: 20px;
        box-shadow: 0 27px 27px -23px #0000002e;
        margin-top: 100px;
}
.demobutton_text{
    margin:0px 20px;
}
.demobutton_ico{
    width: 23px;
        fill: #ef592e;
        margin: 5px;
        background: white;
        display: flex;
        border-radius: 29px;
        padding: 11px;
}
.demo_container{
    transition: height 1.3s ease;
    height: 0px;
    overflow: hidden;
    background: #ffffff;
    width: -webkit-fill-available;
    /* border-radius: 20px; */
    display: flex;
    flex-direction: column;
    align-items: center;
}
.demo_box_min{
    /* background: #ef592e12; */
    /* border-radius: 21px; */
    padding: 5px;
    margin: 10px;
    max-width: 1500px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px solid #ff62351f;
}
.demo_box_min h3 {
    color: #ef592e;
    font-weight: 500;
    width: -webkit-fill-available;
    /* text-align: right; */
    /* box-shadow: 0 -5px 0 -3px black; */
    font-size: 21px;
}
.demo_box_min h4 {
    color: #a23516;
    font-weight: 500;
    width: -webkit-fill-available;
    /* text-align: right; */
}
.demo_box_min p {
    margin: 0px 10px;
    color: #a73a1b;
    padding: 10px;
    border-radius: 20px;
    /* font-weight: 500; */
    max-width: 630px;
    /* background: #fffaf9; */
    line-height: 1.5em;
}
.demo_container iframe{
    width: 812px;
    height: 380px;
    border: 0px solid #bd3913;
    border-radius: 19px;
    box-shadow: 0 9px 36px -16px #00000078;
}
.trustpilot_container{

}