h3 a {
				    color: #138cd6;
				}

				.sec-row {
				    padding: 15px 0;
				    position: relative;
				}

				.banner {
				    position: relative;
				    background: #ffd242;
				}

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

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

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

				/* .banner-row > .col:nth-child(2) { width: 40%; } */
				.banner-contents>h1 {
				    margin-bottom: 16px;
				}

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

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

				.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 0.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;
				}

				.dwnld-sec {
				    background: #ffedb5;
				    padding: 24px;
				    text-align: center;
				    border-radius: 16px;
				    -webkit-box-shadow: 0 0 24px 0 #f1f1f1;
				    box-shadow:
				        0 0 24px 0 #f1f1f1;
				    margin: 30px 0px;
				}

				.dwnld-sec>h2 {
				    margin: 0;
				    margin-bottom: 16px !important;
				    line-height: 32px;
				}

				.dwnld-sec>a {
				    display: inline-block;
				    background: #e9152b;
				    color: #fff;
				    padding: 8px 24px;
				    border-radius: 25px;
				    font-size: 14px;
				    -webkit-transition: all 0.3s ease-in-out;
				    transition: all 0.3s ease-in-out;
				}

				.dwnld-sec>a:hover {
				    text-decoration: none;
				    background: #c91c2e;
				}

				/* ------ banner section
				css start -----------*/
				.inner-nav-bg {
				    background: #f9f9f9;
				    text-align:
				        center;
				    z-index: 3;
				    padding: 20px 0;
				    margin-bottom: 24px;
				}

				.sticky {
				    position: sticky !important;
				    top: 100px;
				}

				.inner-nav-bg>.sec-title>h2 {
				    margin-bottom: 8px;
				}

				.nav-inner {
				    display: inline-flex;
				    gap: 16px;
				    flex-wrap: wrap;
				    justify-content: center;
				}

				.nav-inner>a {
				    border: 1px solid #cde0e9;
				    display: inline-block;
				    padding: 2px 12px;
				    border-radius:
				        4px;
				    background: #fff;
				}

				.flex-row:before,
				.flex-row:after {
				    content:
				        '';
				    display: table;
				    clear: both;
				}

				.flex-row,
				.key-benefits-row {
				    display: -webkit-box;
				    display: -moz-box;
				    display: -ms-flexbox;
				    display:
				        -webkit-flex;
				    display: flex;
				    padding: 0;
				    align-items: center;
				}

				.flex-row .col {
				    flex: 1;
				    /*-webkit-box-shadow:0 0 8px 0
				#f6f4f4;box-shadow:0 0 8px 0 #f6f4f4;*/
				    padding: 16px;
				}

				.reverse {
				    flex-direction: row-reverse;
				}

				.img-wrapper {
				    margin: 10px 0px;
				    display:
				        inline-block;
				}

				.sec-row h3 {
				    margin-top: 0px;
				}

				h4 {
				    font-size: 18px;
				    font-weight: 600;
				}

				.img-holder img {
				    border: 1px solid #ddd;
				    margin:
				        10px 0px 20px;
				}

				@media screen and (max-width: 1024px) and (min-width: 761px) {
				    .banner-row {
				        flex-wrap: wrap;
				    }

				    .banner-row>.col {
				        width:
				            100% !important;
				    }
				}

				@media screen and (max-width: 650px) {

				    .flex-row,
				    .key-benefits-row,
				    .banner-row,
				    .more-fea {
				        flex-wrap: wrap;
				    }

				    .flex-row .col,
				    .key-benefits-row .col,
				    .banner-row .col,
				    .more-fea>a {
				        width:
				            100% !important;
				        margin: 0 auto;
				        flex: auto;
				        margin: 8px
				    }

				    .sec-row {
				        width: 95%;
				        margin: 0 auto;
				        padding: 25px 0;
				    }

				    .banner-cta {
				        flex-wrap:
				            wrap;
				    }

				    .sticky {
				        position: relative !important;
				        top: 0;
				    }

				    .tab-list {
				        flex-direction: inherit;
				    }

				    .flex-colum {
				        display: inherit;
				    }

				    .tab-list li {
				        min-width: auto;
				    }

				    .banner {
				        margin-top: 0px;
				    }
				}

				div#scroll.container {
				    max-width: 1400px;
				}