.sdn-mainwrapper * {-webkit-box-sizing: border-box;box-sizing: border-box;}.sdn-mainwrapper .row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -12px;padding-top: 0;padding-bottom: 0;}.sdn-mainwrapper .row>* {padding-right: 12px;padding-left: 12px;margin-bottom: 32px;}.sdn-mainwrapper .row .col-12 {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 100%;}@media only screen and (min-width: 576px) {.sdn-mainwrapper .row .col-sm-6 {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 50%;}}@media only screen and (min-width: 768px) {.sdn-mainwrapper .row .col-md-12 {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 100%;}}@media only screen and (min-width: 992px) {.sdn-mainwrapper .row .col-lg-6 {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 50%;}}.sdn-mainwrapper ul li,.sdn-mainwrapper ol li {margin-bottom: 8px;}.sdn-mainwrapper ul li strong,.sdn-mainwrapper ol li strong {font-weight: 600;}.sdn-mainwrapper ul li:last-child,.sdn-mainwrapper ol li:last-child {margin-bottom: 0;}.sdn-mainwrapper .key-benefits-list {padding-left: 0;list-style-type: none;}.sdn-mainwrapper .key-benefits-list li {position: relative;padding-left: 28px;}.sdn-mainwrapper .key-benefits-list li::before {content: "";position: absolute;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjY2NjcgNUw3LjUwMDA0IDE0LjE2NjdMMy4zMzMzNyAxMCIgc3Ryb2tlPSIjMDlBQjU4IiBzdHJva2Utd2lkdGg9IjEuNzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");background-repeat: no-repeat;width: 20px;height: 20px;left: 0;top: 2px;}.sdn-mainwrapper .sdn-card {border: 1px solid #e4e4e4;padding: 20px;border-radius: 12px;height: 100%;}.sdn-mainwrapper .sdn-card .sdn-card--header {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 4px;}.sdn-mainwrapper .sdn-card .sdn-card--header .sdn-card--icon {margin-right: 12px;}.sdn-mainwrapper .sdn-card .sdn-card--title h4 {font-size: 18px;margin: 0;}.sdn-mainwrapper .sdn-card .sdn-card--desc p {margin: 0;}.sdn-mainwrapper .btn-primary {border-radius: 4px;border: 1px solid #E80E19;background: #E80E19;color: #ffffff;padding: 12px 24px;font-weight: 400;text-decoration: unset;cursor: pointer;font-size: 15px;}
/*-------- vidoe popup and banner css -----------*/
            .banner {
                position: relative;
                background: #ffd242;
                margin: 0px 0px 30px ;
            }

            .banner-row {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .banner-row > .col {
                padding: 2rem 2rem;
                position: relative;
            }

            .banner-row > .col:nth-child(1) {
                width: 100%;
            }

            .banner-contents > h1 {
                margin-bottom: 16px;
            }

            .banner-contents > p {
                margin: 0;
                margin-bottom: 10px;
                line-height: 24px;
                font-size: 16px;
                display: inline-block;
            }

            .banner-cta {
                display: flex;
                gap: 16px;
                margin-top: 15px;
            }

            .banner-cta > a {
                background: #282828;
                display: inline-block;
                border: 1px solid #282828;
                color: #fff;
                font-size: 14px;
                padding: 8px 24px;
                border-radius: 6px;
                -webkit-transition: all .3s ease-in-out;
            }

            .banner-cta > a:hover {
                text-decoration: none;
                background: #545454;
                border: 1px solid #545454;
            }

            .banner-cta > a:nth-child(2) {
                background: transparent;
                color: #000;
            }

            .banner-cta > a:nth-child(2):hover {
                background: #fff;
                color: #000;
            }

            .banner-cta > .cta {
                display: flex;
                flex-direction: column;
                justify-content: center;
                text-align: center;
                min-width: 185px;
            }

            .banner-vid {
                text-align: center;
            }

            .banner-vid > p {
                margin: 0;
            }

            .video-pop {
                display: flex;
                align-items: center;
                justify-content: center;
                -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

            .video-pop > img {
                width: 100%;
                border: 1px solid #ddd;
            }

            .video-pop:before {
                content: "";
                position: absolute;
                width: 80px;
                height: 80px;
                background: url(https://www.manageengine.com/fr/network-monitoring/images/vid-play-icon.png) top center no-repeat;
                background-size: 65px;
                -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

            .video-pop:hover:before {
                -webit-transform: scale(1.5);
                transform: scale(1.2);
            }