/*Request a demo*/
#requestDemoFrame,
#requestMultiStepPopFrame {
    overflow: hidden !important;
}
/*Contact Sales2021*/
#salesSogoForm2021 {
    position: fixed;
    top: 106px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.7);
}
#contactSalesForm2021 {
    position: absolute;
    /* top:50%;
    left: 50%;*/
    top: 6%;
    left: 77%;
    transform: translate(-50%, -50%);
    width: 460px;
    height: 570px;
    z-index: 1000000;
}
#salesSogoFormParent,
#contactSalesForm2021 {
    height: 590px;
}
#contactSalesForm2021 {
    /*   width: 360px;
    height: 232px;*/
    width: 410px;
    height: 260px;
}
#salesSogoForm2023 {
    position: fixed;
    top: 106px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.7);
}
#contactSalesForm2023 {
    position: absolute;
    top: 6%;
    left: 77%;
    transform: translate(-50%, -50%);
    width: 780px;
    height: 514px;
    z-index: 1000000;
}
#contactSalesForm2023 {
    width: 416px;
    height: 554px;
}
#salesSogoForm2022 {
    position: fixed;
    top: 106px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.7);
}
#salesSogoForm2024, #salesSogoFormCommon2024 {
    position: fixed;
    top: 106px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.7);
}
#contactSalesForm2022 {
    position: absolute;
    /* top:50%;
    left: 50%;*/
    top: 6%;
    left: 77%;
    transform: translate(-50%, -50%);
    width: 780px;
    height: 514px;
    z-index: 1000000;
}
#contactSalesForm2024, #contactSalesFormCommon2024 {
    position: absolute;
    top: 6%;
    left: 77%;
    transform: translate(-50%, -50%);
    z-index: 1000000;
    width: 90%;
    max-width: 1500px;
    height: 700px;
    max-height: max-content;
}
@media only screen and (min-width:700) and (max-width: 1400px) {
#contactSalesForm2024, #contactSalesFormCommon2024 {
    width: 90%;
    max-width: 1400px;
    height: 600px;
    max-height: max-content;
}
}
@media only screen and (min-width:768) and (max-width: 960px) {
#contactSalesForm2024, #contactSalesFormCommon2024 {
    width: 90%;
	height:75%;
}	
}

@media only screen and (min-width:961) and (max-width: 1200px) {
#contactSalesFormCommon2024 {
    height: 580px;
}	
}
#contactSalesForm2024, #contactSalesFormCommon2024 {
    z-index: 1000000;
    display: flex; 
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1279px) {
#contactSalesForm2024 {
    width: 90%;
    height: 100%;
    max-height: 540px;
}
	#contactSalesFormCommon2024 {
    width: 90%;
    height: 100%;
    max-height: 570px;
}
.slide-btn-wrapper.slide-button {
    /*padding: 12px 25px 12px 50px;*/
}	
}
@media only screen and (min-width: 1280px) and (max-width: 1366px) {
#contactSalesForm2024, #contactSalesFormCommon2024 {
    width: 90%;
    height: 100%;
    max-height: 600px;
}
.slide-btn-wrapper.slide-button {
    /*padding: 12px 25px 12px 50px;*/
}
}
@media only screen and (min-width: 1366px) {
#contactSalesForm2024, #contactSalesFormCommon2024 {
    max-height: 630px;
}
}
#contactSalesForm2022 {
    /*width: 820px;
    height: 520px;*/
      width:830px;
    height:580px
}
#upgradeRequestDemo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 680px;
    height: 580px;
    z-index: 1000000;
}
#upgradeMultiStepDemo {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 680px;
    z-index: 1000000;
}
#requestDemoPop,
#requestMultiStepDemoPop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 767px) {
    .mobile-request-frame-demo {
        width: 320px !important;
        height: 580px !important;
    }
    .rad-multistep-wrapper {
        width: 320px !important;
    }
}
/*Request a demo ends*/
/*Contact Support a demo*/
#supportSogoForm,
#salesSogoForm,
#managePoptroxVideo,
#manageProjectForm,
#sogo--overlay-common-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.7);
}
#supportFormFrame,
#salesFormFrame,
#managePoptroxFrame,
#manageProjectFrame {
    overflow: hidden !important;
}
#supportSogoFormParent,
#salesSogoFormParent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 460px;
    height: 570px;
    z-index: 1000000;
}
#salesSogoFormParent {
    height: 590px;
}
#manageProjectParent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 460px;
    height: 410px;
    z-index: 1000000;
    transition: height .25s ease;
}
@media screen and (max-width: 767px) {
    #manageProjectParent {
        width: 320px;
    }
}
/*Poptrox css*/
#managePoptroxFrame {
    background: transparent;
}
#managePoptroxParent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 460px;
    z-index: 1000000;
}
#managePoptroxParent .manage-poptrox-cross {
    position: absolute;
    top: -30px;
    right: -20px;
    color: #fff;
    font-size: 24px;
    line-height: normal;
    cursor: pointer;
}
.white-button {
    font-family: lotagrotesque-bold !important;
    font-size: 16px;
    padding: 10px 20px;
    display: inline-block;
    backface-visibility: hidden;
    text-align: center;
    transition: all .25s ease !important;
    background-blend-mode: overlay, normal;
    line-height: normal;
    background-color: #fff;
    border-radius: 3px;
    color: #ff7858;
    border: none;
    margin-right: 20px;
}
.white-button:hover {
    box-shadow: 0 4px 20px 0 rgba(255, 255, 255, 0.2);
    color: #ff7858;
    transform: scale(1.10);
}
#managePoptroxFrame {
    border-radius: 3px;
}
@media screen and (min-width: 960px) and (max-width: 1200px) {
    #managePoptroxParent {
        width: 700px;
    }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #managePoptroxParent {
        width: 580px;
        height: 400px;
    }
}
@media screen and (max-width: 767px) {
    #managePoptroxParent {
        width: 300px;
        height: 270px;
    }
}
/*poptrox css ends here*/
.imgWrap1 {
    display: inline;
}
.imgWrap,
.imgWrap1 {
    position: relative;
    margin-bottom: -34px;
}
.sogopricing-banner-first-basic p,
.sogopricing-banner-first-pro p,
.sogopricing-banner-pro p,
.sogopricing-banner-first-enterprise p {
    display: inline-block;
    letter-spacing: 1px;
    margin: 4px 0 0;
}
.sogopricing-banner-first-basic {
    margin-top: 43px;
    margin-left: 75px;
    margin-bottom: 0px;
    padding-top: 9px;
}
.sogopricing-banner-first-pro {
    font-family: lotagrotesque-regular;
    font-size: 33.2px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-top: -6px;
    margin-bottom: -18px;
    margin-left: 91px;
    padding-top: 18px;
}
.sogopricing-banner-doller-enterprise {
    font-family: lotagrotesque-regular;
    font-size: 28.5px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.64;
    letter-spacing: -1.8px;
    color: #fff;
    display: inline;
    margin-left: 49px;
    margin-top: 10px;
    float: left;
    padding-right: 5px;
}
.sogo-pricing-image-basic {
    float: right;
    margin-top: -22px !important;
    margin-right: 79px !important;
    margin-left: 5px !important;
}
.sogo-pricing-image-pro {
    float: none !important;
    margin-right: 0px !important;
    margin-top: -20px !important;
}
.sogo-pricing-image-enterprise {
    float: right;
    margin-top: -22px !important;
    margin-right: 42px !important;
    margin-left: 5px !important;
}
.sogo-pricing-image-plus {
    float: right;
    margin-top: -22px !important;
    margin-right: 83px !important;
    margin-left: 5px !important;
}
.sogopricing-banner-pro {
    font-family: lotagrotesque-semibold;
    font-size: 33.2px;
    font-weight: normal !important;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-top: -85px !important;
    margin-bottom: -9px;
    padding-top: 9px;
}
.responses-pricng {
    margin-left: 1px !important;
    margin-top: -8px !important;
    opacity: 0.6;
}
span.inote .inote-text {
    background: #59595c;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    left: -28px;
    top: 38px;
    padding: 10px;
    position: absolute;
    width: 120px;
    display: none;
    z-index: 888;
    text-align: center;
}
.sogo-pricing-bottom {
    margin-bottom: -33px;
}
.promoter-nested-list-sogo {
    height: 480px !important;
    margin-right: 0px;
}
.sogo-pricing-offer {
    margin-left: 170px;
}
.monthly-annually {
    font-family: lotagrotesque-regular;
    font-size: 14.2px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #9b9b9b;
    display: inline-block;
    text-align: center;
    padding: 12px 35px;
    border-radius: 2px;
    margin-top: 20px;
    margin-right: -5px;
}
.promoter-list-sogo li {
    font-family: lotagrotesque-semibold;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.8;
    letter-spacing: normal;
    color: #4a4a4a;
    list-style: square url(/wp-content/uploads/2017/01/fill-1.png);
    margin-left: 6px;
    padding: 10px 0 1px 5px;
}
.imagebox .sogo-pricing-nested-head {
    font-family: lotagrotesque-semibold;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    margin-bottom: 0px;
}
.promoter-nested-list-sogo li {
    font-family: lotagrotesque-regular;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: normal;
    color: #888888;
    list-style: square url(/wp-content/uploads/2017/01/fill-1.png);
    margin-left: 6px;
    padding: 10px 0 1px 5px;
}
.sogopricing-banner-first-enterprise {
    font-family: lotagrotesque-semibold;
    font-size: 33.2px;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-top: 43px;
    margin-bottom: -9px;
    margin-left: 35px;
    padding-top: 9px;
}
.sogo-pricing-arrow-plus {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #59595c;
    width: 0;
    visibility: hidden;
    position: absolute;
}
.sogopricing-banner-first-basic .imgWrap1:hover .sogo-pricing-arrow-basic {
    margin-left: 94px;
}
.imgWrap:hover .sogo-pricing-arrow-plus,
.imgWrap1:hover .sogo-pricing-arrow-plus {
    visibility: visible;
    opacity: 1;
    display: block;
    margin-left: 75px;
    margin-top: -14px;
    z-index: 1;
    font-family: lotagrotesque-regular;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    border-bottom: 10px solid #fff;
}
.sogopricing-banner-dollerthirdwork {
    display: block !important;
}
.sogopricing-width {
    width: 266px;
    margin-left: 20px;
    margin-right: -10px;
    border-radius: 2.4px;
}
.negativemargin {
    margin-top: -288px !important;
    padding-left: 20px;
}
}
/*mozila browser specific styling */
.tabs a:focus,
.active {
    background-color: #fafafa !important;
    color: #000 !important;
    border-bottom: 6px solid #7ac70b;
    margin-bottom: -1px;
}
.middle-sogoline {
    border-bottom-style: hidden;
    clear: both;
    height: 0;
}
.divider1 {
    clear: both;
    border-bottom: 1px solid rgb(231, 220, 220);
    margin: 60px 0;
    height: 1px;
    margin: 30px 201px 30px 201px !important;
}
.page-id-19262 .imagebox {
    padding: 30px 22px 62px 28px;
    margin-bottom: 0;
}
.imgWrap:hover .sogo-pricing-arrow,
.imgWrap1:hover .sogo-pricing-arrow {
    visibility: visible;
    opacity: 1;
    display: block;
    margin-left: 169px;
    margin-top: 16px;
    z-index: 1;
    font-family: lotagrotesque-regular;
    font-size: 14.2px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #fff;
}
.imgWrap:hover .imgDescription,
.imgWrap1:hover .imgDescription {
    visibility: visible;
    opacity: 1;
    margin-top: -4px !important;
    z-index: 1;
    padding: 15px 21px;
    font-family: lotagrotesque-regular;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    background: #fff;
    color: #4a4a4a;
    box-shadow: 0 2px 6px 1px rgba(146, 146, 146, .3);
}
.sogo-pricing-arrow-enterprise {
    visibility: visible;
    opacity: 1;
    display: block;
    margin-left: 215px;
    z-index: 1;
    font-family: lotagrotesque-regular;
    font-size: 14.2px;
    line-height: 1.4;
    letter-spacing: normal;
    color: #fff;
    margin-top: -6px;
}
.imgDescription-enterprise {
    visibility: visible;
    opacity: 1;
    margin-left: 45px !important;
    margin-top: 4px !important;
    z-index: 1;
    padding: 10px;
    font-family: lotagrotesque-regular;
    font-size: 14.2px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #fff;
}
.imgWrap:hover .sogo-pricing-arrowthirdhover-pro,
.imgWrap1:hover .sogo-pricing-arrowthirdhover-pro {
    visibility: visible;
    opacity: 1;
    display: block;
    margin-left: 154px;
    z-index: 1;
    margin-top: -15px !important;
    font-family: lotagrotesque-regular;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    border-bottom: 10px solid #fff;
}
.imgDescriptionthirdhover-pro {
    visibility: visible;
    opacity: 1;
    margin-left: 45px !important;
    margin-top: 4px !important;
    z-index: 1;
    padding: 10px;
    font-family: lotagrotesque-regular;
    font-size: 14.2px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #fff;
}
.sogo-pricing-bottom {
    font-family: lotagrotesque-regular;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
}
.last-sogoline {
    border-width: 1px 0 0;
    clear: both;
    margin: 40px 0;
    height: 0;
    border: solid 0.1px #b8b8b8;
    text-align: center;
    border-bottom-width: inherit;
}
.divider {
    display: block;
    width: 751px;
    padding: 0;
}
/* pro on hover show info  */
.imgWrap:hover .sogo-pricing-arrowthirdhover-pro,
.imgWrap1:hover .sogo-pricing-arrowthirdhover-pro {
    visibility: visible;
    opacity: 1;
    display: block;
    margin-left: 154px;
    z-index: 1;
    margin-top: -14px !important;
    font-family: lotagrotesque-regular;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #fff;
}
.sogo-pricing-arrowthirdhover-pro {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #59595c;
    width: 0;
    visibility: hidden;
    position: absolute;
}
.imgWrap:hover .imgDescriptionthirdhover-pro,
.imgWrap1:hover .imgDescriptionthirdhover-pro {
    visibility: visible;
    opacity: 1;
    margin-left: 44px !important;
    margin-top: -4px !important;
    z-index: 1;
    padding: 15px 21px;
    font-family: lotagrotesque-regular;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #4a4a4a;
    background: #fff;
    box-shadow: 0 2px 6px 1px rgba(146, 146, 146, .3);
}
.imgDescriptionthirdhover-pro {
    position: absolute;
    visibility: hidden;
    background: #59595c;
    text-align: center;
    width: 170px;
    float: right;
}
/* end of proon hover show info */
/* enterprise on hover show info  */
.imgWrap:hover .sogo-pricing-arrow-enterprise,
.imgWrap1:hover .sogo-pricing-arrow-enterprise {
    visibility: visible;
    opacity: 1;
    display: block;
    margin-left: 172px;
    margin-top: -14px;
    z-index: 1;
    font-family: lotagrotesque-regular;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #fff;
    border-bottom: 10px solid #fff;
}
.sogo-pricing-arrow-enterprise {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #59595c;
    width: 0;
    position: absolute;
    visibility: hidden
}
.imgWrap:hover .imgDescription-enterprise,
.imgWrap1:hover .imgDescription-enterprise {
    visibility: visible;
    opacity: 1;
    margin-left: -10px !important;
    margin-top: -4px !important;
    z-index: 1;
    padding: 15px 21px;
    font-family: lotagrotesque-regular;
    font-size: 14px;
    line-height: 1.4;
    color: #4a4a4a;
    background: #fff;
    box-shadow: 0 2px 6px 1px rgba(146, 146, 146, .3);
}
.imgDescription-enterprise {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background: #59595c;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    width: 170px;
    float: right;
}
/* end of enterprise on hover show info */
@media only screen and (max-width: 480px) and (min-width: 320px) {
    .sogo-pricing-image-plus,
    .sogo-pricing-image-basic,
    .sogo-pricing-image-pro,
    .sogo-pricing-image-enterprise {
        visibility: hidden;
    }
    .negativemargin {
        margin-top: -235px !important;
        padding-left: 27px;
    }
    .side {
        margin-left: 28px !important;
    }
    .page-id-19262 .imagebox {
        padding: 30px 30px 0px;
    }
    .sogopricing-width {
        width: 266px;
        margin-left: 20px;
        margin-right: -10px;
        border-radius: 2.4px;
    }
    .sogopricing-heightcol-second.sogopricing-heightcol-second-plus {
        height: 179px !important;
    }
    .sogopricing-heightcol-second {
        height: 167px !important;
    }
    .sogopricing-heightcol-last {
        height: 158px !important;
    }
    .sogo-pricing-image-basic {
        float: right;
        margin-top: 6px !important;
        margin-right: 79px !important;
    }
    .mob-height {
        margin-bottom: 66px !important;
    }
    .height-pricing-trythird {
        margin-top: -4px !important;
    }
    .mob-height-pro {
        margin-bottom: 74px !important;
    }
    .sogopricing-banner-first-enterprise {
        margin-left: 37px;
    }
    .sogopricing-banner-first {
        font-family: lotagrotesque-regular;
        font-size: 33.2px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        padding-top: 27px;
    }
    .sogo-pricing-image-plus {
        float: right;
        margin-top: 6px !important;
        margin-right: 86px !important;
    }
    .sogo-pricing-image-enterprise {
        float: right;
        margin-top: 9px !important;
        margin-right: 42px !important;
        margin-left: 0px !important;
    }
    .sogo-pricing-bottom {
        margin-bottom: -52px;
        margin-top: -40px;
    }
    .sogopricing-banner-pro .imgWrap1 {
        display: none;
    }
    .top-sogo-head {
        font-family: lotagrotesque-semibold;
        font-size: 22px;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4a4a4a;
        text-align: center;
        margin-left: 0;
    }
    .vc_custom_1496640210748,
    .vc_custom_1502094941782 {
        margin-left: 0px !important;
    }
    .divider {
        display: block;
        width: 302px;
        padding: 0;
        margin: 30px 201px 30px -1px !important;
    }
    .sogopricing-banner-pro p {
        display: block;
    }
    .sogo-pricing-image-pro {
        float: right !important;
        margin-right: 94px !important;
        display: inline;
        margin-top: -43px !important;
    }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) {
    .imgWrap:hover .imgDescription-enterprise,
    .imgWrap1:hover .imgDescription-enterprise {
        margin-left: -150px !important;
    }
    .imgWrap:hover .sogo-pricing-arrow-enterprise,
    .imgWrap1:hover .sogo-pricing-arrow-enterprise {
        margin-left: 16px;
    }
    .sogopricing-banner-doller {
        margin-left: 45px;
    }
}
@media screen and (device-aspect-ratio: 40/71) {
    /* Styles */
    .sogopricing-width {
        margin-left: 1px;
    }
}
@media (max-width:768px) {
    #contactSalesForm2022 {
        width: 360px;
       /* height: 514px;*/
       /*height:600px;*/
        height:730px;
    }
	#contactSalesForm2024, #contactSalesFormCommon2024 {
        width: 360px;
        height:640px;
    }
    #contactSalesForm2023 {
        width: 350px;
    }
}
}
@media (max-width:767px) {
    .sogoContactSupport,
    .sogoContactSupport-thankyou,
    #contactSalesForm2021 {
        width: 354px;
    }
}
@media (max-width:400px) {
    #contactSalesForm2021 {
        width: 335px;
        height: 290px;
    }
}
@media only screen and (min-width: 1900px) {
#contactSalesForm2024, #contactSalesFormCommon2024 {
    max-height: 850px;
    max-width: 1800px;
    height: 850px;
}
}
@media only screen and (min-width:1367px) and (max-width: 1899px) {
#contactSalesForm2024, #contactSalesFormCommon2024 {
    height: 650px;
}
}
@media only screen and (min-width:961px) and (max-width: 1200px) {
#contactSalesForm2024, #contactSalesFormCommon2024 {
    width: 90%;
    max-width: 1500px;
    height: 570px;
    max-height: max-content;
}

}
@media only screen and (min-width:768px) and (max-width: 960px) {
#contactSalesForm2024, #contactSalesFormCommon2024 {
    height: 570px;
    max-height: max-content;
}