.breadcrumb,
                        .left-promotion-content {
                            display: none;
                        }

                        .rich-text-box.display-flex {
                            display: block !important;
                        }

                        .container.para-body {
                            width: 100% !important;
                            max-width: 100% !important;
                            padding-right: 0px !important;
                            padding-left: 0px !important;
                        }

                        .container.mTop-0{
                            margin: 0;
                        }

                        section.mTop-32 {
                            margin-top: 0px;

                            /* master-template */
                            padding: 0;
                        }

                        section.mTop-32 .row {
                            flex-direction: column;
                        }

                        section.mTop-32 .row .col-md-4.col-sm-4,
                        section.mTop-32 .row .col-md-8.col-sm-8 {
                            max-width: 100%;
                        }

                        .navbar-overflow-content {
                            overflow: hidden !important;
                        }

                        .navbar-overflow-content ul li {
                            padding: 0 6px;
                            max-width: 165px;
                            min-width: 120px;
                        }

                        .category {
                            padding: 10px;
                            width: calc(100% / 3);
                            cursor: pointer;
                            display: flex;
                        }

                        .category a {
                            text-decoration: none;
                            color: #000;
                        }

                        .category img {
                            width: 50px;
                        }

                        .category .category-left-content {
                            flex: 1;
                        }

                        .category p {
                            font-size: 14px;
                            color: #2e2e2e;
                        }

                        .category label.link {
                            color: #f33;
                            text-decoration: none;
                            cursor: pointer;
                        }

                        .container.rich-text-box p,
                        .container .rich-text-box p {
                            margin-bottom: 0px !important;
                        }

                        .navbar-overflow.custom-nav-position {
                            position: relative !important;
                            margin-top: 0px !important;
                            top: 0px !important;
                        }

                        .navbar-overflow ul li.active {
                            border-bottom: 4px solid #f33;
                        }

                        .navbar-overflow ul li.active a {
                            color: #f33;
                        }

                        .navbar-overflow ul li a {
                            vertical-align: middle;
                            padding-top: 0px;
                            padding-bottom: 0px;
                        }


                        @media (max-width: 1000px) {
                            .navbar-overflow-content ul li {
                                padding-left: 20px;
                                padding-right: 20px;
                            }
                        }

                        @media (max-width: 767px) {
                            .category {
                                width: calc(100% / 2);
                            }

                            .navbar-overflow-content {
                                overflow: auto !important;
                            }
                        }

                        @media (max-width: 590px) {
                            .category {
                                width: 100%;
                            }
                        }

                        .ck-navbar {
                            width: 100%;
                            height: 104px;
                            background-color: #F7F7F7;
                            margin-bottom: 32px
                        }

                        .ck-navbar .nav-list {
                            height: 100%;
                            display: flex;
                            list-style: none;
                            margin: 0 auto;
                            padding: 0;
                            justify-content: flex-start;
                            align-item: center;
                            overflow-x: auto;
                            overflow-y: hidden
                        }

                        @media screen and (max-width: 959px) {
                            .ck-navbar .nav-list {
                                padding: 0 15px
                            }
                        }

                        .ck-navbar .nav-list>li {
 							flex-shrink: 0;
                            height: 100%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            padding: 0 12px;
                            box-sizing: border-box;
                            width: 134px;
                        }

                        .ck-navbar .nav-list>li {
                            border-bottom: 4px solid #F7F7F7;                            
                        }        
                        .ck-navbar .nav-list>li:hover,
                        .ck-navbar .nav-list>li.active {
                            border-bottom: 4px solid #FF3333;                            
                        }

                        .ck-navbar .nav-list>li a {
                            font-size: 16px;
                            max-width: 144px;
                            font-weight: 500;
                            text-align: center;
                            cursor: pointer;
                          	color:#2e2e2e;
                            text-decoration:none;
                        }
                        .ck-navbar .nav-list>li:hover a, 
                        .ck-navbar .nav-list>li.active a{
                        	color: #FF3333;
                        } 

                        .ck-container {
                            max-width: 944px;
                            width: 100%;
                            margin: 0 auto
                        }

                        @media screen and (max-width: 959px) {
                            .ck-container {
                                padding: 0 15px
                            }
                        }

                        .ck-tab-header {
                            display: flex;
                            padding-top: 16px;
                            gap: 10px
                        }

                        @media screen and (max-width: 959px) {
                            .ck-tab-header {
                                flex-direction: column
                            }
                        }

                        .ck-tab-header h2 {
                            width: 100%;
                            min-width: 384px;
                            font-size: 36px;
                            font-weight: 500
                        }
                        .flex-wrapper{
                            width: 100%;
                            min-width: 384px;
                            font-size: 36px;
                            font-weight: 500
                        }

                        @media screen and (max-width: 959px) {
                            .ck-tab-header h2 {
                                font-size: 32px;
                                max-width: 100%
                            }
                            .flex-wrapper .left-content {
                                font-size: 32px;
                                max-width: 100%
                            }
                        }

                        .ck-tab-header p {
                            flex-shrink: 1;
                            font-size: 16px;

                            /* master-template */
                            margin-bottom: 25px;
                        }

                        .ck-overview-1 {
                            padding-bottom: 71px;
                            border-bottom: 1px solid #999999
                        }

                        .ck-overview-1 .ck-header {
                            padding-top: 82px;
                            max-width: 786px;
                            margin: 0 auto
                        }

                        .ck-overview-1 .ck-header h3 {
                            font-size: 16px;
                            font-weight: 500;
                            text-transform: uppercase;
                        }

                        .ck-overview-1 .ck-header p {
                            font-size: 31px
                        }

                        @media screen and (max-width: 959px) {
                            .ck-overview-1 .ck-header p {
                                font-size: 28px
                            }
                        }

                        .ck-overview-1-img img {
                            width: 100%;
                            margin-top: 65px;
                            height: auto
                        }

                        .ck-overview-1-card-container {
                            margin-top: 25px;
                            display: flex;
                            gap: 16px
                        }

                        @media screen and (max-width: 639px) {
                            .ck-overview-1-card-container {
                                flex-direction: column
                            }
                        }

                        .ck-overview-1-card-container .ck-card {
                            width: 100%
                        }

                        .ck-overview-1-card-container .ck-card h3 {
                            font-size: 18px;
                            font-weight: bold
                        }

                        .ck-overview-1-card-container .ck-card p {
                            font-size: 16px;
                            margin-top: 14px
                        }

                        .ck-overview .board-committee {
                            padding: 47px 0;
                            border-bottom: 1px solid #999999
                        }

                        .ck-overview .board-committee .section-header {
                            margin-bottom: 44px;
                            font-size: 16px;
                            text-align: center;
                            font-weight: 600
                        }

                        .ck-overview .board-committee .card-container {
                            display: flex;
                            gap: 10px
                        }

                        @media screen and (max-width: 639px) {
                            .ck-overview .board-committee .card-container {
                                align-items: center;
                                gap: 18px;
                                flex-direction: column
                            }
                        }

                        @media screen and (max-width: 639px) {
                            .ck-overview .board-committee .card-container .ck-card {
                                max-width: 240px
                            }
                        }

                        .ck-overview .board-committee .card-container .ck-card img {
                            width: 100%;
                            height: auto
                        }

                        .ck-overview .board-committee .card-container .ck-card .title {
                            margin-bottom: 0;
                            margin-top: 16px;
                            font-size: 18px;
                            font-weight: bold
                        }

                        @media screen and (max-width: 639px) {
                            .ck-overview .board-committee .card-container .ck-card .title {
                                margin-top: 10px
                            }
                        }

                        .ck-overview .board-committee .card-container .ck-card span {
                            font-size: 14px
                        }

                        .ck-overview .board-committee .card-container .ck-card a {
                            color: unset
                        }

                        .ck-overview .board-committee .card-container .ck-card a:hover {
                            text-decoration: none
                        }

                        .ck-overview .our-sus {
                            margin-top: 34px;
                            margin-bottom: 0px;
                            padding-bottom: 50px;
                            border-bottom: 1px solid #999999
                        }

                        .ck-overview .our-sus .card-container {
                            display: flex;
                            gap: 16px;
                            margin-top: 14px;
                            flex-wrap: wrap;
                            justify-content: center
                        }

                        .ck-overview .our-sus .card-container .ck-card {
                            border-radius: 3px;
                            overflow: hidden;
                            padding-bottom: 280px;
                            max-width: 304px;
                            width: 100%;
                            position: relative;
                            background-size: cover
                        }

                        .ck-overview .our-sus .card-container .ck-card .card-overlay {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            background-image: linear-gradient(to top, rgba(0, 0, 0, 0.513725) 0%, rgba(255, 255, 255, 0) 45%)
                        }

                        .ck-overview .our-sus .card-container .ck-card .card-content {
                            position: absolute;
                            padding: 25px;
                            bottom: 0;
                            left: 0
                        }

                        .ck-overview .our-sus .card-container .ck-card .card-content h4 {
                            font-size: 24px;
                            font-weight: bold;
                            color: white
                        }

                        .ck-overview .hightlight {
                            padding: 48px 0;
                            border-bottom: 1px solid #999999
                        }

                        .ck-overview .hightlight .ck-header {
                            text-align: center;
                            margin-bottom: 36px;
                            font-size: 16px;
                            font-weight: 600
                        }

                        .ck-overview .hightlight .card-container {
                            display: flex;
                            gap: 16px
                        }

                        @media screen and (max-width: 639px) {
                            .ck-overview .hightlight .card-container {
                                flex-direction: column;
                                gap: 20px;
                                align-items: center
                            }
                        }

                        .ck-overview .hightlight .card-container .ck-card {
                            min-height: 100%;
                            flex-grow: 1;
                            width: 100%
                        }

                        @media screen and (max-width: 639px) {
                            .ck-overview .hightlight .card-container .ck-card {
                                max-width: 230px
                            }
                        }

                        .ck-overview .hightlight .card-container .ck-card .card-content {
                            display: flex;
                            height: 120px;
                            flex-direction: column;
                            justify-content: space-between
                        }

                        @media screen and (max-width: 959px) {
                            .ck-overview .hightlight .card-container .ck-card .card-content {
                                height: unset
                            }
                        }

                        .ck-overview .hightlight .card-container .ck-card .card-content .card-title {
                            font-size: 18px;
                            font-weight: bold
                        }

                        @media screen and (max-width: 959px) {
                            .ck-overview .hightlight .card-container .ck-card .card-content .card-title {
                                font-size: 16px
                            }
                        }

                        .ck-overview .hightlight .card-container .ck-card .card-content img {
                            width: 100%;
                            height: 188px;
                            object-fit: cover
                        }

                        .ck-overview .hightlight .card-container .ck-card .card-content .learn-more {
                            font-size: 14px;
                            font-weight: 500
                        }

                        .ck-overview .hightlight .card-container .ck-card .card-content .learn-more:hover {
                            text-decoration: none
                        }

                        .ck-overview-impact {
                            padding: 32px 0 0 0;
                            margin: 0
                        }

                        .ck-oursus {
                            margin-top: 87px;
                            background-image: url("sustainability/img//clickr/clickr/oursus_1.png");
                            background-size: cover;
                            position: relative;
                            z-index: 1
                        }

                        @media screen and (max-width: 639px) {
                            .ck-oursus {
                                margin-top: 48px
                            }
                        }

                        .ck-oursus::before {
                            content: '';
                            z-index: 1;
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            background-color: #000000a3
                        }

                        .ck-oursus .tab-container {
                            position: relative;
                            z-index: 3;
                            padding: 0;
                            list-style: none;
                            width: 100%;
                            display: flex;
                            margin: 0 auto;
                            gap: 15px
                        }

                        @media screen and (max-width: 959px) {
                            .ck-oursus .tab-container {
                                padding: 15px
                            }
                        }

                        @media screen and (max-width: 740px) {
                            .ck-oursus .tab-container {
                                flex-direction: column;
                                gap: 0px
                            }
                        }

                        .ck-oursus .tab-container .tab-item {
                            margin: 0;
                            padding: 75px 0 0 0;
                            min-width: 145px;
                            padding-bottom: 132px;
                            border-right: 1px solid gray
                        }

                        @media screen and (max-width: 740px) {
                            .ck-oursus .tab-container .tab-item {
                                padding-top: 18px;
                                padding-bottom: 32px;
                                border-right: unset;
                                border-bottom: 1px solid gray
                            }
                        }

                        .ck-oursus .tab-container .tab-item .tab-header .tab-bar {
                            width: 35px;
                            height: 4px;
                            margin-bottom: 19px;
                            background-color: #7F8284
                        }

                        .ck-oursus .tab-container .tab-item .tab-header .tab-title {
                            cursor: pointer;
                            font-size: 16px;
                            font-weight: 500;
                            color: white
                        }

                        .ck-oursus .tab-container .tab-item .tab-content {
                            margin-top: 60px;
                            display: none
                        }

                        @media screen and (max-width: 740px) {
                            .ck-oursus .tab-container .tab-item .tab-content {
                                margin-top: 24px
                            }
                        }

                        .ck-oursus .tab-container .tab-item .tab-content .desc {
                            font-size: 16px;
                            color: white
                        }

                        .ck-oursus .tab-container .tab-item .tab-content .learn-more {
                            margin-top: 20px;
                            display: inline-block;
                            border-radius: 3px;
                            padding: 9px 28px;
                            background-color: #FF3333;
                            border: 1px solid #EE1818;
                            color: white
                        }

                        .ck-oursus .tab-container .tab-item .tab-content .learn-more:hover {
                            text-decoration: none
                        }

                        .ck-oursus .tab-container .tab-item.active {
                            padding-right: 58px
                        }

                        @media screen and (max-width: 959px) {
                            .ck-oursus .tab-container .tab-item.active {
                                padding-right: 32px
                            }
                        }

                        .ck-oursus .tab-container .tab-item.active .tab-header .tab-bar {
                            background-color: #EE1818;
                            width: 120px;
                            height: 5px
                        }

                        .ck-oursus .tab-container .tab-item.active .tab-content {
                            display: block
                        }

                        .ck-ourcom .com-1 {
                            margin-top: 87px
                        }

                        .ck-ourcom .com-1 .card-container {
                            display: grid;
                            margin: 0 auto;
                            grid-template-columns: 1fr 1fr;
                            gap: 16px
                        }

                        @media screen and (max-width: 959px) {
                            .ck-ourcom .com-1 .card-container {
                                grid-template-columns: auto
                            }
                        }

                        @media screen and (max-width: 639px) {
                            .ck-ourcom .com-1 .card-container {
                                gap: 32px;
                                max-width: 340px
                            }
                        }

                        .ck-ourcom .com-1 .card-container .ck-card {
                            display: flex;
                            gap: 16px;
                            height: 132px
                        }

                        @media screen and (max-width: 639px) {
                            .ck-ourcom .com-1 .card-container .ck-card {
                                height: fit-content;
                                flex-direction: column
                            }
                        }

                        .ck-ourcom .com-1 .card-container .ck-card img {
                            flex-shrink: 0;
                            width: 144px;
                            height: 100%;
                            object-fit: cover
                        }

                        @media screen and (max-width: 639px) {
                            .ck-ourcom .com-1 .card-container .ck-card img {
                                width: 100%
                            }
                        }

                        .ck-ourcom .com-1 .card-container .ck-card .card-content {
                            padding: 0
                        }

                        .ck-ourcom .com-1 .card-container .ck-card .card-content .card-title {
                            margin: 0;
                            font-size: 16px;
                            font-weight: 500
                        }

                        .ck-ourcom .com-1 .card-container .ck-card .card-content .card-desc {
                            font-size: 14px;
                            color: #656565;
                            margin-bottom: 9px !important
                        }

                        .ck-ourcom .com-1 .card-container .ck-card .card-content .learn-more {
                            color: #FF3333 !important
                        }

                        .ck-ourcom .com-1 .card-container .ck-card .card-content .learn-more:hover {
                            text-decoration: none
                        }

                        /* *************** */
                        /* my-custom-code */
                        /* ***************ß */

                        /* general */
                        .hr-line{
                            border-top: 1px solid #999999;
                            margin: 50px 0;
                        }

                        section.utility-bar-section{
                            padding: 0;
                        }

                        .remove-padding{
                            padding: 0!important;
                        }

                        .remove-margin{
                            margin: 0!important;
                        }

                        .remove-border{
                            border: none;
                            border-bottom: none!important;
                        }

                        .learn-more-btn{
                            font-size: 14px;
                            font-weight: 500;
                        }

                        .height-100{
                            height: 100%;
                        }
                        
                        /* card */
                        .card-header-text {
                            font-size: 18px !important;
                            font-weight: bold !important;
                            margin-bottom: 15px !important;
                            margin-top: 0px !important;
                        }
                        .card-wrap{
                            display: flex;
                            gap :15px;
                            margin-bottom: 25px;
                        }
                        .card-wrap h2{
                            font-size: 36px;
                            font-weight: 500;
                        }
                        .card-wrap p{
                            margin-bottom: 15px;
                        }
                        .left-image-wrap .left-content,
                        .left-title-wrap .left-content{
                            width: 384px;
                        }
                        .left-image-wrap .right-content,
                        .left-title-wrap .right-content{
                            width: calc(100% - 384px);
                            padding-bottom: 30px;
                        }
                        
                        .right-image-wrap .left-content,
                        .right-title-wrap .left-content{
                            width: calc(100% - 384px);
                            padding-botton: 30px;
                        }
                        .right-image-wrap .right-content,
                        .right-title-wrap .right-content{
                            width: 384px;
                        }
                        .left-content {
                          padding-bottom: 30px;
                        }
                        .right-content {
                          padding-bottom: 30px;
                        }

                        /* grid-3-wrapper */
                        .grid-3-wrapper,
                        .grid-6-wrapper{
                            display: flex;
                            gap: 15px;
                        }
                        .grid-6-wrapper{
                            flex-wrap: wrap;

                        }
                        .grid-3-wrapper .grid-card,
                        .grid-6-wrapper .grid-card{
                            flex-grow: 1;
                            width: 100%;
                        }
                        .grid-6-wrapper .grid-card{
                            /* width: 25%; */
                            max-width: 304px;
                            width: 100%;
                        }

                        .grid-3-wrapper .card-title-text,
                        .grid-6-wrapper .card-title-text{
                            font-size: 18px;
                            font-weight: bold;
                            margin: 15px 0;
                        }
                        .grid-3-wrapper .card-image,
                        .grid-6-wrapper .card-imge{
                            width: 100%;
                            height: auto;
                        }
                        .grid-3-wrapper .description,
                        .grid-6-wrapper .description{
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;
                        }
                        .grid-3-wrapper .description{
                            min-height: 220px;
                        }
                        .grid-6-wrapper .description{
                            min-height: 100px;
                        }
                        .grid-3-wrapper .description p{
                            margin: 0
                        }

                        /* title */
                        .center-big-heading{
                            padding-bottom: 50px;
                            padding-top: 30px;
                            margin: 0 auto;
                        }
                        .center-big-heading h3{
                            font-size: 16px;
                            font-weight: 500;
                            text-transform: uppercase;
                        }
                        .center-big-heading p{
                            font-size: 31px;
                        }

                        .center-title{
                            text-align: center;
                            margin-bottom: 30px;
                        }
                        .center-title .category-title{
                            font-size: 16px;
                            font-weight: 500;
                            text-transform: uppercase;
                        }
                        .center-title .primary-title{
                            font-size: 24px;
                            font-weight: 400;
                        }
                        .center-title .contact-us-now-link{
                            font-size: 24px;
                            text-decoration: none;
                        }
                        .center-title h2{
                            font-size: 36px;
                            font-weight: 500;
                            margin-bottom: 15px;
                        }
                        .center-title p{
                            max-width: 786px;
                            margin: 0 auto;
                            margin-bottom: 15px;
                        }

                        /* section */
                        .carousel-banner-wrap{
                            margin-bottom: 50px!important;
                        }
                        .carousel-banner-wrap .carousel-title{
                            text-align: center;
                            text-transform: uppercase;
                            font-size: 16px;
                            font-weight: 500;
                            margin-bottom: 30px;
                        }
                        .banner-txt{
                            background-image: url('sustainability/img//clickr/banner-bg.png');
                            background-size: cover;
                            background-position: center;
                            height: 340px;
                            margin-bottom: 50px;
                        }
                        .banner-txt .text-middle{
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                        }
                        .banner-txt .card-header-text{
                            font-size: 36px;
                            font-weight: 500;
                        }

                        .title-big-img .ck-overview-1-img.bg-image{
                            height: 340px;
                            background-size: cover;
                            margin: 60px 0 25px 0;
                        }
                        .title-big-img .ck-overview-1-card-container .ck-card p{
                            margin-bottom: 15px;
                        }

                        .carousel-banner-wrap .carousel-img{
                            height: 100%;
                            background-size: cover;
                            background-position: center;
                        }

                        /* media query */
                        @media screen and (max-width: 959px) {
                            .utility-bar-section .ck-navbar{
                                height: 50px;
                                margin-bottom: 40px;
                            }
                            .utility-bar-section .ck-navbar .nav-list>li a{
                                font-size: 14px;
                            }

                            .grid-6-wrapper{
                                justify-content: center;
                            }
                            .card-wrap h2{
                                font-size: 32px;
                            }
                            .card-wrap.left-image-wrap .left-content,
                            .card-wrap.left-title-wrap .left-content{
                                width: 30%;
                            }
                            .card-wrap.left-image-wrap .right-content,
                            .card-wrap.left-title-wrap .right-content{
                                width: calc(100% - 30%)
                            }

                            .card-wrap.right-image-wrap .left-content
                            {
                                width: calc(100% - 30%)
                            }
                            .card-wrap.right-image-wrap .right-content
                            {
                                width: 30%;
                            }

                        }
                        @media screen and (max-width: 639px) {
                            section.Header{
                                padding: 0;
                                margin: 0;
                            }
                            section.alt-tile-preamble .center-big-heading{
                                padding-top: 0;
                            }
                            .card-wrap{
                                display: block;
                                margin-bottom: 40px;
                            }
                            .card-wrap .left-content{
                                width: 100%;
                            }
                            .card-wrap .right-content{
                                width: 100%;
                            }
                            .card-wrap h2{
                                margin-bottom: 20px;
                            }

                            .ck-container.hr-mobile-wrap{
                                padding: 0;
                            }

                            .card-wrap.left-image-wrap .left-content, 
                            .card-wrap.left-title-wrap .left-content{
                                width: 100%;
                            }
                            .card-wrap.left-image-wrap .left-content img, 
                            .card-wrap.left-title-wrap .left-content img{
                                width: 100%;
                            }

                            .card-wrap.left-image-wrap .right-content,
                            .card-wrap.left-title-wrap .right-content{
                                width: 100%;
                            }

                            .grid-3-wrapper, .grid-6-wrapper{
                                display: block;
                                width: 100%;
                                margin: 0 auto;
                                justify-content: center;
                            }
                            .grid-3-wrapper .grid-card, .grid-6-wrapper .grid-card{
                                margin-bottom: 40px;
                                width: 100%;
                                max-width: 100%;
                            }
                            .grid-6-wrapper .grid-card img{
                                width: 100%;
                            }
                            .grid-3-wrapper .description, .grid-6-wrapper .description{
                                display: block;
                                min-height: auto;
                            }
                            .grid-3-wrapper .description p{
                                margin-bottom: 20px;
                            }

                            .card-header-text{
                                margin: 20px 0 15px 0;
                            }

                            section.alt-tile-preamble .center-big-heading{
                                padding-top: 0;
                            }
                            section.alt-tile-preamble .card-wrap{
                                display: flex;
                                flex-direction: column;
                            }
                            section.alt-tile-preamble .card-wrap.right-image-wrap{
                                flex-direction: column-reverse;
                            }

                            section.alt-tile-only .card-wrap.right-image-wrap{
                                display: flex;
                                flex-direction: column-reverse;
                            }
                            
                            .card-wrap.right-image-wrap .left-content{
                                width: 100%;
                            }
                            .card-wrap.right-image-wrap .right-content{
                                width: 100%;
                            }
                            .card-wrap.right-image-wrap .right-content img{
                                width: 100%;
                            }

                            .center-title .category-title,
                            .center-title .primary-title,
                            .center-title .contact-us-now-link{
                                font-size: 14px;
                            }

                            .grid-img-title .ck-overview .our-sus .card-container .ck-card{
                                max-width: 100%;
                                height: 295px;
                            }
                            .grid-img-title .center-big-heading{
                                padding: 0 15px;
                                margin-bottom: 30px;
                            }
                            
                            .mobile-ck-container{
                                padding: 0;
                            }

                            .title-big-img .ck-header{
                                padding-top: 0;
                                padding: 0 15px;
                            }
                            .title-big-img .ck-overview-1-card-container .ck-card{
                                padding: 0 15px;
                            }
                            .title-big-img .ck-overview-1 .ck-header p{
                                font-size: 24px;
                            }
                            .center-big-heading{
                                padding-top: 0;
                            }
                            .center-big-heading h3{
                                font-size: 14px;
                                margin-bottom: 10px;
                            }
                            .center-big-heading p{
                                font-size: 24px;
                            }

                            .carousel-banner-wrap .promotion-box.full-width .carousel-promo .promotion-content p{
                                font-size: 16px;
                            }
                            
                            .banner-txt{
                                background-position: 40%;
                                height: 400px;
                                position: relative;
                            }
                            .banner-txt::before{
                                content: "";
                                width: 100%;
                                height: 100%;
                                background: #fff;
                                position: absolute;
                                left: 0;
                                opacity: 40%;
                            }
                            .card-wrap.left-image-wrap .right-content{
                                position: relative;
                                left: 0;
                                padding: 0 15px;
                            }
                            .banner-txt .card-header-text{
                                font-size: 23px;
                            }

                            .card-wrap.left-image-wrap .right-content{
                                height: 100%;
                            }
                            .person-grid{
                                margin-bottom: 30px;
                            }
                            .person-grid .ck-overview .board-committee .card-container .ck-card{
                                max-width: 100%;
                                width: 100%;
                            }

                            .center-title h2{
                                font-size: 32px;
                                padding: 0 20px;
                            }
                            .center-title .primary-title, 
                            .center-title .contact-us-now-link{
                                font-size: 18px;
                            }
                            /* video container */

                            .video-container iframe {
                                width: 100%;
                                height: 180px;
                                min-height: 180px;
                            }   
                            
                        }




                        .mobile-timeline {
                            padding-bottom: 40px;
                            display: none;
                            width: 100%;
                        }

                        .mobile-timeline .container
                        {
                            /* max-width: 943px; */
                            margin: 0 auto ;
                            gap: 14px ; 
                        }

                        .mobile-timeline .swiper 
                        {
                            max-width: 480px; 
                        }

                        .mobile-timeline .card 
                        {
                            padding: 28px;
                            position: relative;
                        }

                        .mobile-timeline .card::before
                        {
                            content: '';
                            display: block;
                            position: absolute;
                            background-color: gray;
                            bottom: -44px;
                            left: 50%;
                            transform: translateX(-50%);
                            width: 2px;
                            height: 44px;
                            
                        }

                        .mobile-timeline .card::after
                        {
                            content: '';
                            display: block;
                            position: absolute;
                            background-color: white;
                            bottom: -49px;
                            left: 50%;
                            transform: translateX(-50%);
                            width: 13px;
                            height: 13px;
                            z-index: 10;
                            border-radius: 50px;
                            box-sizing: border-box;
                            border: 3px solid #FF0000;

                        }

                        .mobile-timeline .swiper-wrapper
                        {
							position: relative;
                            padding-bottom: 51px;
                            align-items: flex-end;
                        }

                        .mobile-timeline .line 
                        {
                            height: 4px;
                            background-color: gray;
                            width: 100%;
                            position: absolute;
                            bottom: 7px;
                            left: 0;
                            z-index: -1;
                        }

                        .mobile-timeline .title  
                        {
                            font-size: 18px;
                            color: #FF0000;
                            font-weight: bold;
                            margin-bottom: 9px; 
                        }

                        .mobile-timeline .desc 
                        {
                            font-size: 16px ;
                            margin: 0;
                        }

                        .mobile-timeline .swiper-button-next
                        {
                            right: 0;
                        }

                        .mobile-timeline .swiper-button-prev 
                        {
                            left: 0;
                        }

                        .mobile-timeline .swiper-button-next, .swiper-button-prev
                        {
                            color: #FF0000;
                            top: unset;
                            bottom:50%;
                            font-size: 28px !important;
                        }

                        .swiper-button-next::after, .swiper-button-prev::after
                        {
                            font-size: 28px;
                        }



                        .n2i-section .content-container
                        {
                            display: flex;
                            gap: 20px;
                        }

                        .n2i-section .content 
                        {
                            flex-grow: 1;
                            width: 100%;
                            padding-right: 20px;
                        }

                        .n2i-section .border-right 
                        {
                            border-right: 1px solid #C6C6C6; 
                        }

                        .n2i-section .title
                        {
                            font-size: 18px;
                            font-weight: bold;
                            color: black;
                            margin-bottom: 14px;
                        }

                        .n2i-section .desc 
                        {
                            margin: 0;
                        }

                        @media screen and (max-width: 639px) {
                            .n2i-section .content-container
                            {
                                flex-direction: column;
                            }

                            .border-right
                            {
                                border-right: none !important;
                                padding: 0;
                                padding-bottom: 20px;
                                border-bottom: 1px solid #C6C6C6
                            }
                        }



                        .our-solution .section-title
                        {
                            color: black;
                            text-align: center;
                            font-size: 36px;
                            font-weight: 600;
                            margin-bottom: 16px;

                        }

                        .our-solution .section-desc
                        {
                            font-size: 16px;
                            margin: 0 auto;
                            margin-bottom: 35px;
                            max-width: 786px;
                            text-align: center;
                        }

                        .our-solution .card-container
                        {
                            display: flex;
                            gap: 16px;
                        }

                        .our-solution .card 
                        {
                            border-radius: 0 !important;
                            height: 280px;
                            width: 100%;
                            padding: 108px 25px 10px 24px;
                            position: relative;
                            flex-grow: 1; 
                            background-position: center;
                            background-repeat: no-repeat;
                            background-size: cover;
                        }

                        .our-solution .card::before
                        {
                            content: '';
                            display: block;
                            width: 100%;
                            height: 65%;
                            position: absolute;
                            left: 0;
                            bottom: 0;
                            background-image: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 100%);
                        }

                        .our-solution .card .title
                        {
                            /* margin-top: 108px; */
                            font-size: 24px;
                            font-weight: bold;
                            position: relative; 
                            color: white;
                        }

                        .our-solution .card .desc
                        {
                            position: relative; 
                            margin: 0;
                            color: white;
                        }


                        @media screen and (max-width: 639px) {
                            .our-solution .section-title
                            {
                                font-size: 32px;
                            }

                            .our-solution .container
                            {
                                padding-left: 0 !important;
                                padding-right: 0 !important;
                            }
                        }



                        @media screen and (max-width: 950px) {
                            .our-solution .card-container
                            {
                                flex-direction: column;
                            }
                        }



                        .recognition 
                        {
                            width: 100%
                        }

                        .recognition .title 
                        {
                            font-size: 30px;
                            font-weight: 500;
                            margin-bottom: 14px;
                            text-align: center;
                        }

                        .recognition .desc 
                        {
                            font-size: 16px;
                            text-align: center;
                            margin-bottom: 35px;
                        }

                        .recognition .brand-container 
                        {
                            display: flex;
                            justify-content: space-between;
                            gap: 14px;
                        }

                        .recognition .card-img 
                        {
                            height: 70px;  
                            width: auto;
                            margin-bottom: 16px; 
                            object-fit: contain;
                        }

                        .recognition .card
                        {
                            border-width: 0;
                            max-width: 226px; 
                            text-align: center;
                        }

                        @media screen and (max-width: 639px) {
                            .recognition .brand-container 
                            {
                                flex-direction: column;
                                align-items: center; 
                            }

                            .recognition .card
                            {
                                border-width: 0;
                                max-width: 326px; 
                                text-align: center;
                            }
                            
                        }



                        @media screen and (max-width: 950px) {
                            .timeline{
                                display: none !important;
                            }
                            .mobile-timeline {
                                display: block !important;
                            }
                        }

                        .timeline {
 							display: block;
                            white-space: nowrap;
                            overflow-x: clip;
                            /* background: gray; */
                            max-width: 948px;
                            margin: 0 auto;
                            position: relative;
                        }

                        .timeline ol {
                            font-size: 0;
                            width: 100vw;
                            padding: 250px 0;
                            transition: transform .6s;
                            /* position: relative; */
                        }

                        .timeline ol li {
                            position: relative;
                            display: inline-block;
                            list-style-type: none;
                            width: 160px;
                            height: 3px;
                            /* background: #fff; */
                            background: #979797
                        }

                        .timeline ol li:last-child {
                            width: 280px;
                        }

                        .timeline ol li:not(:first-child) {
                            /* margin-left: 14px; */
                            /* margin-left: 20px; */
                        }
						
                        .timeline ol li:nth-last-child(odd):not(:last-child)::after {
                            content: '';
                            position: absolute;
                            top: 50%;
                            left: calc(100% - 98px); 
                            bottom: 0;
                            width: 13px;
                            height: 13px;
                            transform: translateY(-50%);
                            border-radius: 50%;
                            /* background: #F45B69; */
                            border: 3px solid #FF0000;
                            background: #fff;
                            z-index: 1;
                        }
                        .timeline ol li:nth-last-child(even):not(:last-child)::after {
                            content: '';
                            position: absolute;
                            top: 50%;
                            left: calc(100% + 34px); 
                            bottom: 0;
                            width: 13px;
                            height: 13px;
                            transform: translateY(-50%);
                            border-radius: 50%;
                            /* background: #F45B69; */
                            border: 3px solid #FF0000;
                            background: #fff;
                            z-index: 1;
                        }
                                                  
                                                  
						.timeline ol li:nth-child(even):not(:last-child)::after {
                            content: '';
                            position: absolute;
                            top: 50%;
                            left: calc(100% - 98px);
                            bottom: 0;
                            width: 13px;
                            height: 13px;
                            transform: translateY(-50%);
                            border-radius: 50%;
                            /* background: #F45B69; */
                            border: 3px solid #FF0000;
                            background: #fff;
                            z-index: 1;
                        }
                        .timeline ol li:nth-child(odd):not(:last-child)::after {
                            content: '';
                            position: absolute;
                            top: 50%;
                            left: calc(100% + 33px); 
                            bottom: 0;
                            width: 13px;
                            height: 13px;
                            transform: translateY(-50%);
                            border-radius: 50%;
                            /* background: #F45B69; */
                            border: 3px solid #FF0000;
                            background: #fff;
                            z-index: 1;
                        }                                                  
                        .timeline ol li div {
                            position: absolute;
                            left: calc(100% + 7px);
                            width: 280px;
                            padding: 25px 20px 20px;
                            font-size: 16px !important;
                            white-space: normal;
                            color: black;
                            background: white;
                        }
                        .timeline ol li div::before {
                            content: '';
                            position: absolute;
                            top: 100%;
                            left: calc(50% - 2px);
                            width: 0;
                            height: 38px;
                            /* border-style: solid; */
                        }
                        .timeline ol li:nth-child(even) div {
                            top: 3px;
                            transform: translateY(-100%);
                            /* custom */
                            max-width: 288px;
                            height: unset !important;
                            transform: translate(-237px, calc(-100% - 40px));
                            //border: 1px solid #F1F1F1;
                        }
                        /* custom */
                        .timeline ol li:nth-child(odd){
                            width: 100px;
                        }
                        .timeline ol li:nth-child(even){
                            width: 230px;
                          	width:190px;                          
                        }
                        .timeline ol li:nth-child(even) div::before {
                            top: 100%;
                            border-width: 8px 8px 0 0;
                            border-color: white transparent transparent transparent;
                            width: 2px;
                            height: 38px;
                            background: #FF0000; 
                        }
                        .timeline ol li:nth-child(odd) div {
                            top: calc(100% + 20px);
                            /* custom */
                            height: unset !important;
                            max-width: 288px;
                            transform: translate(-38%, 0px);
                            //border: 1px solid #F1F1F1;
                        }
                        .timeline ol li:nth-child(odd) div::before {
                            /* top: -8px;
                            border-width: 8px 0 0 8px;
                            border-color: transparent transparent transparent white; */
                            width: 2px;
                            height: 20px;
                            background: #FF0000;
                            top: -20px; 
                        }
                        .timeline time {
                            display: block;
                            font-size: 18px;
                            font-weight: bold;
                            margin-bottom: 8px;
                            color: #FF0000
                        }
                        .timeline p{margin-bottom:10px; font-size:14px;}

                        /* arrow */
                        .timeline .arrows {
                            display: flex;
                          	display:none;
                            justify-content: center;
                            /* margin-bottom: 20px; */
                            transform: translateY(-43%);
                        }
                        .timeline .arrows .arrow__prev {
                            margin-right: 20px;
                        }
                        .timeline .disabled {
                            /* opacity: .5; */
                            display: none;
                        }
                        .timeline .arrows img {
                            width: 45px;
                            height: 45px;
                        }
                        .arrow-left{
                            position: absolute;
                            top: calc(50% - 26px);
                            left: -13px;
                        }
                        .arrow-left button {
                            border: 0 ; 
                            width: 0 ;
                            height: 0;
                            overflow: hidden;
                            background-color: transparent;
                            border-right: 16px solid gray;
                            border-top: 8px solid transparent;
                            border-bottom: 8px solid transparent;
                        }
                        .arrow-right{
                            position: absolute;
                            top: calc(50% - 26px);
                            right: -12px;
                        }
                        .arrow-right button {
                            border: 0 ; 
                            width: 0 ;
                            height: 0;
                            overflow: hidden;
                            background-color: transparent;
                            border-left: 16px solid gray;
                            border-top: 8px solid transparent;
                            border-bottom: 8px solid transparent;
                        }
                        .learn-more-icon::before {
                            content: "\ecf6";
                            font-size: 13px;
                            font-family: "dbsicons" !important;
                            font-style: normal !important;
                            font-weight: bold !important;
                            font-variant: normal !important;
                            text-transform: none !important;
                            speak: none;
                            line-height: 1.1;
                            -webkit-font-smoothing: antialiased;
                        }
						.container.bg-transparent.mTop-0.mBot-72.remove-overflow{max-width: 944px;     width: 100%;     margin: 0 auto;}