body{margin: 0px; padding: 0px;}
*, html{ box-sizing: border-box ;}

@font-face {
    font-family: 'made_tommybold';
    src: url('../fonts/made_tommy_bold_personal_use-webfont.woff2') format('woff2'),
         url('../fonts/made_tommy_bold_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'made_tommymedium';
    src: url('../fonts/made_tommy_medium_personal_use-webfont.woff2') format('woff2'),
         url('../fonts/made_tommy_medium_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.container-full {
/* background:  linear-gradient(90deg,rgba(0, 197, 101, 1) 0%, rgba(20, 148, 86, 1) 100%); */
background-color:#00C565;
    height: 100vh;
    padding: 0 10%;
    flex-direction: column;
    display: flex;
}
.content-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    height: calc(100% - 50px);
}
.left-side{flex:1}
.right-side {
    flex: 1;
    height: 100%;
    text-align: center;
    position: relative;
    margin-top: 5%;
}
.mobile-img {
    background-image: url(../images/Polygon-bg.png);
    background-size: cover;
    background-position: top;
    width: 100%;
    height: 100%;
    filter: blur(85px);
    position: absolute;
    z-index: 1;
}
.right-side img {
    max-width: 100%;
    height: 100%;
}
.right-side img {
    /* position: absolute; */
    /* top: 5%; */
    left: 0;
    /* right: 0; */
    /* margin: auto; */
    position: relative;
    z-index: 2;
}
.logo-block img {
    width: 80px;
}   
.left-side h1 {
    font-size: 83px;
    margin-bottom: 0;
    color: #fff;
    font-family: 'made_tommybold';
}
.left-side h2 {
    font-size: 52px;
    color: #fff;
    margin-top: 0;
    font-family: 'made_tommybold';
}
.left-side p {
    font-size: 18px;
    color: #fff;
    font-family: 'made_tommymedium';
    padding-top:5px;
    word-break: break-all;
}
.google-block {
    display: flex;
    gap: 23px;
    padding-bottom: 15px;
}
.privacy-block a {
    color: #fff;
}
.privacy-block {
    width: auto;
    display: block;
    border-top: 1px solid #ffffff6e;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 58px;
    padding: 12px;
    margin-top: 0;
    color: #fff;
    font-family: 'made_tommymedium';
    margin-top: auto;
    z-index: 999;
}
.container-full.h-full{height: 100% !important; padding-top: 40px;}

@media (min-width:320px) and (max-width:768px){
.container-full {
background-color:#00C565;

    height: 100%;body{margin: 0px; padding: 0px;}

@font-face {
    font-family: 'made_tommybold';
    src: url('../fonts/made_tommy_bold_personal_use-webfont.woff2') format('woff2'),
         url('../fonts/made_tommy_bold_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'made_tommymedium';
    src: url('../fonts/made_tommy_medium_personal_use-webfont.woff2') format('woff2'),
         url('../fonts/made_tommy_medium_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.container-full {
  background:  linear-gradient(90deg,rgba(0, 197, 101, 1) 0%, rgba(20, 148, 86, 1) 100%);
    height: 100vh;
    padding: 0 10%;
    flex-direction: column;
    display: flex;
}
.content-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
}
.left-side{flex:1}
.right-side {
    flex: 1;
    height: 100%;
    text-align: center;
    position: relative;
}
.mobile-img {
    background-image: url(../images/Polygon-bg.png);
    background-size: cover;
    background-position: top;
    width: 100%;
    height: 100%;
    filter: blur(85px);
}
.right-side img {
    max-width: 100%;
    height: 100%;
}
.right-side img {
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    margin: auto;
}
.logo-block img {
    width: 80px;
}   
.left-side h1 {
    font-size: 83px;
    margin-bottom: 0;
    color: #fff;
    font-family: 'made_tommybold';
}
.left-side h2 {
    font-size: 52px;
    color: #fff;
    margin-top: 0;
    font-family: 'made_tommybold';
}
.left-side p {
    font-size: 18px;
    color: #fff;
    font-family: 'made_tommymedium';
    padding-top:5px;
}
.google-block {
    display: flex;
    gap: 23px;
    padding-bottom: 15px;
}
.privacy-block a {
    color: #fff;
}
.privacy-block {
    width: auto;
    display: block;
    border-top: 1px solid #ffffff6e;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 58px;
    padding: 12px;
    margin-top: 0;
    color: #fff;
    font-family: 'made_tommymedium';
    margin-top: auto;
    z-index: 999;
}
.container-full.h-full{height: 100% !important; padding-top: 40px;}
.left-side.parghleft p {
    word-break: normal !important;
}

@media (min-width:320px) and (max-width:767px){
.container-full {
background-color:#00C565;

    height: 100%;
    padding: 0 10%;
    display: block;
}
.content-wrap {
    display: block;
    height: 100%;
    width: 100%;
}
.google-block img {
    width:100%;
}
.right-side img {
    position:relative;
    top: 13%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}
.left-side h1 {
    font-size: 29px;
}
.left-side h2 {
    font-size: 27px;
    margin-top: 0;
}
.left-side p {
    font-size: 16px;
    color: #fff;
    font-family: 'made_tommymedium';
    padding-top: 5px;
   word-break: break-all;
}
.left-side {
    padding-top: 9%;
    padding-bottom: 10px;
}
.privacy-block {
    width: auto;
    display: block;
    border-top: 1px solid #ffffff6e;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
    padding: 10px;
    margin-top: 0;
    color: #fff;
    font-family: 'made_tommymedium';
    margin-top: auto;
    font-size: 14px;
}
.logo-block img {
    width: 64px;
}
}
@media (min-width:768px) and (max-width:1024px){
.container-full {
background-color:#00C565;

    height: 100%;
    padding: 0 10%;
    display: block;
}
.content-wrap {
    display: block;
    height: 100%;
    width: 100%;
}
.google-block img {
    width:100%;
}
.right-side img {
    position:relative;
    top: 13%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}
.left-side h1 {
    font-size: 29px;
}
.left-side h2 {
    font-size: 27px;
    margin-top: 0;
}
.left-side p {
    font-size:21px;
    color: #fff;
    font-family: 'made_tommymedium';
    padding-top: 5px;
   word-break: break-all;
}
.left-side {
    padding-top:0%;
}
.privacy-block {
    width: auto;
    display: block;
    border-top: 1px solid #ffffff6e;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
    padding: 10px;
    margin-top: 0;
    color: #fff;
    font-family: 'made_tommymedium';
    margin-top: auto;
    font-size: 14px;
}
.logo-block img {
    width: 64px;
}
}




@media (min-width:1300px) and (max-width:1370px){

.right-side img {
    max-width: 100%;
    width: 376px;
}
.logo-block img {
    width: 60px;
}
.left-side h1 {
    font-size: 72px;
    margin-top: 7px;
}
.left-side h2 {
    font-size: 45px;
}
}
    padding: 0 10%;
    display: block;
}
.content-wrap {
    display: block;
    height: 100%;
    width: 100%;
}
.google-block img {
    width:100%;
}
.right-side img {
    position:relative;
    top: 13%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}
.left-side h1 {
    font-size: 29px;
}
.left-side h2 {
    font-size: 27px;
    margin-top: 0;
}
.left-side p {
    font-size: 16px;
    color: #fff;
    font-family: 'made_tommymedium';
    padding-top: 5px;
   word-break: break-all;
}
.left-side {
    padding-top: 9%;
}
.privacy-block {
    width: auto;
    display: block;
    border-top: 1px solid #ffffff6e;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
    padding: 10px;
    margin-top: 0;
    color: #fff;
    font-family: 'made_tommymedium';
    margin-top: auto;
    font-size: 14px;
}
.logo-block img {
    width: 64px;
}
}
@media (min-width:1300px) and (max-width:1370px){

.right-side img {
    max-width: 100%;
}
.logo-block img {
    width: 60px;
}
.left-side h1 {
    font-size: 72px;
    margin-top: 7px;
}
.left-side h2 {
    font-size: 45px;
}
}
@media only screen and (max-width: 992px) { 
    .left-side h1 {
    font-size: 42px;
}   
.content-wrap {
    display: block;
    justify-content: center;
    height: calc(100% - 50px);
}
.container-full{height: 100%; padding-top: 5%;}
.right-side img {
    max-width: 100%;
    height: auto;
}
.left-side p {
    font-size: 24px;
}
}
@media only screen and (max-width:1024px) { 
    .left-side h1 {
    font-size: 42px;
}   
.content-wrap {
    display: block;
    justify-content: center;
    height: calc(100% - 50px);
}
.container-full{height: 100%; padding-top: 5%;}
.right-side img {
    max-width: 70%;
    height: auto;
}
.left-side p {
    font-size: 24px;
}
}