.container {
    max-width: 1250px;
    width: 100%;
}
.logged-in-state .nav > li > a {
    padding-right: 10px;
    padding-left: 10px;
}
.banner .inner {
    display: flex;
}
.banner {
    position: relative;
    padding: 110px 0;
    background-image: url(../images/cb/banner-dotted-bg.svg);
    background-size:cover;
}
.banner:after {
    content: "";
    display: block;
    width: 684px;
    height: calc(100% + 30px);
    background-image: url(../images/cb/banner.svg);
    background-size: 117%;
    background-repeat: no-repeat;
    bottom: -40px;
    background-position: calc(100% + 122px) bottom;
    right: 0;
    position: absolute;
}
.banner .inner .content {
    flex: 0 0 47%;
}
#header .navbar-fixed-top {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.09);
}
.banner h1 {
    color: #413d9b;
    font-weight: 700;
    font-size: 50px;
}
.banner span {
    color: #FF551F;
    font-weight: 700;
    font-size: 35px;
    line-height: 43px;

}
.intro {
    background: transparent linear-gradient(180deg, #413d9b 0%, #5854b1 100%) 0% 0% no-repeat padding-box;
    padding: 70px 0;
}
.intro p {
    color: white;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
}
.key-stakeholder {
    background-color: #fafafa;
    padding: 80px 0;
    background-image: url(../images/cb/circle-ripple.svg), url(../images/homepage_globe_bg.png);
    background-size: 855px auto, 495px auto;
    background-position: -340px -340px, calc(100% + 100px) calc(100% + 160px);
    background-repeat: no-repeat;
}
.key-stakeholder h2 {
    font-size: 40px;
    font-weight: 700;
    color: black;
    margin: 0;
}
.key-stakeholder .inner {
    display: flex;
    justify-content: center;
}
.key-stakeholder .img-wrap {
    border-radius: 10px;
    box-shadow: 0px 8px 16px #0000000d;
    background-color: #fff;
    height: 250px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.key-stakeholder .key-card {
    width: 300px;
}
.key-stakeholder .key-card:first-child {
    margin-top: 250px;
    margin-right: auto;
}
.key-stakeholder .key-card:nth-child(2) {
    margin-top: 125px;
}
.key-stakeholder .key-card:last-child {
    margin-left: auto;
}
.key-stakeholder .key-detail {
    padding-top: 30px;
}
.key-stakeholder .key-detail h4 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #413d9b;
    margin-bottom: 20px;
}
.key-stakeholder .key-detail p {
    font-size: 18px;
    color: black;
    margin-bottom: 0;
}
.tab-section .tab-slider-outer {
    position: relative;
    height: 250px;
}
.tab-section {
    background-color: #f0f6ff;
    padding: 100px 0;
    background-image: url(../images/cb/circle-ripple.svg), url(../images/cb/particle-bg.svg);
        background-size: 855px auto, 60vw auto;
    background-position: -425px calc(100% + 320px), right bottom;
    background-repeat: no-repeat;
}
.tab-section .tab-slider {
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    bottom: 0;
}
.tab-section .tab-card {
    display: flex;
    max-width: 550px;
    cursor: pointer;
    opacity: 0.2;
    padding: 20px;
    width: max-content;
    height: 250px;
    border-radius: 16px 16px 0 0;
    align-items: center;
    justify-content: center;
}

.tab-section .tab-card .tab-ttl {
    font-size: 35px;
    font-weight: 700;
    color: #413d9b;
    line-height: 43px;
}
.tab-section .tab-card .tab-sub-ttl {
    font-size: 20px;
    font-weight: 500;
    color: black;
    line-height: 24px;
    min-height: 48px;
    position: relative;
    display: block;
}
.tab-section .tab-card .tab-sub-ttl:after {
    content: "";
    display: block;
    height: 1px;
    background-color: #959595;
    width: 60%;
    position: absolute;
    bottom: -10px;
}
.tab-section .tab-card.active {
    background-color: #413d9b;
    opacity: 1;
    background-image: url(../images/cb/active-tab-bg.svg);
    background-size:cover;

}
.tab-section .tab-card.active .tab-sub-ttl,
.tab-section .tab-card.active .tab-ttl {
    color: white;
}
.tab-section .tab-card.active .tab-sub-ttl:after {
    content: none;
}
.tab-section {
    overflow-x: hidden;
}
.tab-section .tab-container {
    border-radius: 0 0 15px 15px;
    box-shadow: 0px 20px 50px #00000014;
    background-color: white;
    opacity: 0;
    height:0;
    width:0;
    overflow:hidden;
    
}
.floating-tab-container{
    opacity: 0;
    height:0;
    width:0;
    overflow:hidden;
}
.floating-tab-container.active,
.tab-section .tab-container.active{
    opacity: 1;
    height:auto;
    width:initial;
    overflow:initial;
}
.tab-section .tab-container.active{
    min-height:750px;
}
.tab-section .tab-container .tab-inner {
    padding: 50px 50px 40px;
    border-bottom: 1px solid #d8d8d8;
}
.tab-section .tab-container .tab-inner:last-child {
    border-bottom: none;
}
.green-ttl {
    position: relative;
    margin-bottom: 30px;
    margin-top: 0;
    font-size: 24px;
    color: #00b746;
    line-height: 1;
}
.green-ttl:after {
    content: "";
    display: block;
    height: 3px;
    width: 125px;
    background-color: #ff551f;
    left: 0;
    bottom: -7px;
    position: absolute;
}
.sub-title {
    font-size: 18px;
    font-weight: 700;
    color: black;
    margin-top: 0;
    margin-bottom: 25px;
    display: block;
}
.sub-title.blue{
    color:#413d9b;
}
.sub-title-2 {
    font-size: 16px;
    font-weight: 700;
    color: black;
    margin-top: 0;
    margin-bottom: 15px;
    display: block;
}
.tab-section p {
    font-size: 16px;
    line-height: 22px;
    color: black;
    margin-bottom: 25px;
}
.session-card {
    padding: 20px;
    /* width: 330px; */
    box-sizing: border-box;
    background: transparent linear-gradient(129deg, #413d9b 0%, #827fbf 100%) 0% 0% no-repeat padding-box;
    border-radius: 15px;
}
.session-card .title-wrap {
    border-bottom: 1px solid #ffffff34;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.session-card .name {
    float: left;
    font-size: 20px;
    font-weight: 700;
    color: white;
    margin: 0;
}
.session-card .date-wrap {
    float: right;
    display: flex;
    align-items: center;
}
.session-card .date-wrap span {
    font-size: 14px;
    font-weight: 500;
    color: #e0e0e0;
    padding-left: 10px;
}
.session-card p {
    font-size: 12px;
    font-weight: 500;
    color: white;
    line-height: 22px;
    min-height: 66px;
    margin-bottom: 20px;
}
.session-card .yt-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent linear-gradient(180deg, #ff0000 0%, #ff6767 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
}
.session-card .yt-btn img {
    margin-right: 10px;
    width: 30px;
}
.session-card .date-wrap img {
    width: 28px;
}
.owl-carousel .owl-nav button.owl-next.disabled,
.owl-carousel .owl-nav button.owl-prev.disabled,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.tab-navigation .tab-nav-btn {
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}
.tab-navigation .tab-nav-btn.next.disabled,
.owl-carousel .owl-nav button.owl-next.disabled {
    background-image: url(../images/cb/right-grey-arrow.svg);
}
.tab-navigation .tab-nav-btn.prev.disabled,
.owl-carousel .owl-nav button.owl-prev.disabled {
    background-image: url(../images/cb/left-grey-arrow.svg);
}
.tab-navigation .tab-nav-btn.next,
.owl-carousel .owl-nav button.owl-next {
    background-image: url(../images/cb/right-red-arrow.svg);
}
.tab-navigation .tab-nav-btn.prev,
.owl-carousel .owl-nav button.owl-prev {
    background-image: url(../images/cb/left-red-arrow.svg);
}
.owl-carousel .owl-nav button span {
    display: none;
}.tab-navigation .tab-nav-btn,
.owl-carousel .owl-nav button {
    height: 20px;
    width: 16px;
    margin: 0 10px;
}
.state-slider .owl-dots {
    display: none;
}
.state-slider .owl-nav,
.sessions-slider .owl-nav {
    text-align: right;
    position: absolute;
    top: -50px;
    right: 80px;
}
.state-slider .owl-nav{
    top:-63px;
}
.table-view {
    padding: 0 70px;
    margin-bottom: 30px;
}
.table-view .table-view-inner {
    border: 1px solid #d3d3d3;
}
.table-view .column {
    border-right: 1px solid white;
    float: left;
    width: calc(100% / 3);
}
.table-view .column:last-child {
    border-right: none;
}
.table-view .state {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.table-view .state:nth-of-type(even) {
    background-color: #fdfdfd;
}
.table-view .state:nth-of-type(odd) {
    background-color: #f8f8f8;
}
.screenshot-list .screenshot {
    border-radius: 15px;
    overflow: hidden;
}
.screenshot-list .screenshot img {
    display: block;
    height: 170px;
}
.screenshot-list .screenshot h5 {
    color: #413d9b;
    font-weight: 700;
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    padding: 15px;
    background-color: #f7f7f7;
}
.screenshot-list .owl-nav {
    text-align: center;
    margin-top: 20px;
}
.session-footer .desc-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #5a5a5a;
    display: block;
    margin-bottom: 10px;
}
.session-footer .playlist-wrap {
    float: left;
    width: 40%;
}
.session-footer .contact-wrap {
    float: right;
    width: 33%;
}
.session-footer .link-with-icon {
    display: flex;
    align-items: center;
    color: #0076ff;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-decoration: underline;
}
.session-footer .link-with-icon img {
    margin-right: 10px;
}
.state-list-outer {
    padding: 20px;
    background-color: #f0f0f0;
}
.state-list-outer .state-slider img {
    display: block;
    border-radius: 8px;
}
.state-list-outer .state-slider span {
    font-size: 14px;
    font-weight: 500;
    color: #4b4b4b;
    line-height: 18px;
    padding-top: 10px;
    display: block;
}
.state-list-outer .state-card:hover{
    cursor: pointer;
}
.state-list-outer .state-card:hover span {
    color: #ff551f;
}
.link-card-wrap .link-card {
    padding: 20px;
    border-radius: 15px;
}
.link-card-wrap .link-card.red-card {
    background: transparent linear-gradient(271deg, #FF551F 0%, #FCA286 100%) 0% 0% no-repeat padding-box;
}
.link-card-wrap .link-card.blue-card {
    background: transparent linear-gradient(271deg, #413d9b 0%, #827fbf 100%) 0% 0% no-repeat padding-box;
}
.link-card-wrap .link-card .inner {
}
.link-card-wrap .link-card .inner img {
    height: 185px;
    width: 185px;
    float: left;
    border-radius: 15px;
}
.link-card-wrap .link-card .inner .link-content {
    padding-left: 16px;
    float: right;
    width: calc(100% - 185px);
}
.link-card-wrap .link-card .link-content .white-bttn {
    text-decoration: none;
    background-color: white;
    box-shadow: 0px 8px 16px #0000001a;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    display: inline-block;
    padding: 10px 20px;
}
.link-card-wrap .link-card .link-content .white-bttn.red:hover,
.link-card-wrap .link-card .link-content .white-bttn.red {
    color: #ff551f;
}
.link-card-wrap .link-card .link-content .white-bttn.blue:hover,
.link-card-wrap .link-card .link-content .white-bttn.blue {
    color: #413d9b;
}
.link-card-wrap .link-card .link-content .link-info {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: white;
    display: block;
    padding: 15px 0;
}
.tab-container.inner-tab-wrap {
    padding-right: 200px;
    position: relative;
}
.tab-container.inner-tab-wrap .tab-inner {
    padding-right: 0;
    padding-left: 30px;
}
.tab-container.inner-tab-wrap .floating-tabs-wrapper {
    position:absolute;
    top:0;
    height:100%;
    left:calc(100% - 170px);
    border-left:1px dashed #BCBCBC;
    padding-left:25px;
    padding-top:50px;
}
.tab-container.inner-tab-wrap .floating-tabs-wrapper .floating-tab {
    box-shadow: 0px 8px 16px #0000001a;
    border-radius: 5px;
    height:50px;
    width:180px;
    padding-left:20px;
    padding-right:20px;
    display:flex;
    align-items: center;
    font-size:12px;
    font-weight:600;
    line-height: 15px;
    color:#00B746;
    margin-bottom:30px;
    background-color:white;
    position:relative;
    cursor: pointer;
}
.tab-container.inner-tab-wrap .floating-tabs-wrapper .floating-tab:after{
    content:"";
    border:1px solid #BCBCBC;
    display:block;
    height:25px;
    width:25px;
    border-radius:50%;
    background-color:white;
    position:absolute;
    top:50%;
    right:calc(100% + 12px);
    transform:translateY(-50%);
}
.tab-container.inner-tab-wrap .floating-tabs-wrapper .floating-tab.active{
    background-color:#00B746;
    color:white;
}
.tab-container.inner-tab-wrap .floating-tabs-wrapper .floating-tab.active:before{
    content:"";
    border:1px solid #BCBCBC;
    display:block;
    height:19px;
    width:19px;
    border-radius:50%;
    background-color:#00B746;
    position:absolute;
    top:50%;
    right:calc(100% + 15px);
    transform:translateY(-50%);
    z-index: 2;
}
#map_inner svg + div > svg {
    display: none !important;
}
#tt_sm_map{
    padding:0 60px;
}
#tt_sm_map .tt_sm{
    width:350px;
    background-color:white;
    border:1px dashed #FF551F;
    border-radius:6px;
}
#tt_sm_map .tt_mobile_sm,
#tt_sm_map .tt_name_sm {
    display: none;
}
#tt_sm_map .xmark_sm {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 5px;
    right: 64px;
    background-color: transparent;
    
    cursor: pointer;
}
.overpopup h3{
    font-size:20px; 
    font-weight:500;
    color:black;
    text-align: center;
    line-height: 34px;
    margin-top:15px;
    margin-bottom:0;
}
.overpopup .hindi{
    font-size:14px; 
    color:black;
    line-height:20px;
    text-align: center;
    font-weight:600;
    margin:0;
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid #F0F0F0;
}
.overpopup h5{
    font-size:16px;
    font-weight:500;
    line-height:16px;
    text-align: center;
    margin-bottom:15px;
    color:#00B746;
}
.overpopup .map-contact-link{
display:block;
padding:15px 0;
text-align: center;
background-color:#FF551F;
}
.overpopup .map-contact-link img{
    width:38px;
    display:inline-block;
}
.map-outer-wrap #map{
    height:850px;
    margin-left:auto;
    margin-right:-60px;
    overflow:hidden;
}
.map-tab{
    background-image: url(../images/cb/light-globe-bg.png);
    background-repeat: no-repeat;
    background-size:1000px;
    background-position: center;
    position: relative;
}
.map-note{
    position:absolute;
    left:30px;
    top:30px;
}
.map-tab.active{
    padding:110px 0;
}
.content-wrapper{
    overflow:initial;
}
.state-info-popups{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:rgba(0,0,0,0.8);
    z-index: 9999;
    align-items: center;

}
.state-info-popups.show{
    display:flex !important;
}
.state-info-popups .state-popup{
    background-color:white;
    flex:0 0 90vw;
    width: 90vw;
    max-width: 1220px;
    margin:0 auto;
    display:none;
    background-image: url(../images/cb/circle-ripple.svg);
    background-size: 855px;
    background-position: calc(100% + 425px) calc(100% + 340px);
    background-repeat: no-repeat;
}
.state-info-popups .state-popup.show{
    display:block;
}
.state-info-popups .popup-ttl-bar{
    background-color:#433F9D;
    padding:30px 0;
}
.state-info-popups .popup-ttl-bar .container{
    display:flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.state-info-popups .popup-ttl-bar .close-popup{
    cursor: pointer;
    color:red;
    font-size:22px;
    margin-left:auto;
    position: absolute;
    padding:10px;
    right:25px;
    top:50%;
    transform: translateY(-50%);
}
.state-info-popups .popup-ttl-bar h2{
    color:white;
    font-size:20px;
    font-weight:700;
    margin:0;
}
.state-info-popups p,
.state-info-popups li{
    font-size:16px;
    color:black;
    line-height:22px;
}
.state-info-popups p{
    margin-bottom:30px;
}
.state-info-popups .state-popup-content{
    padding:60px 25px 30px;
}
.tab-navigation{
    text-align: right;
}
.tab-navigation .tab-nav-btn{
    display:inline-block;
    cursor: pointer;
}