/* common */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital@0;1&family=Nunito+Sans:wght@400;700&display=swap');
* { margin: 0px; padding: 0px; box-sizing: border-box; }
html, body { font-family: 'Nunito Sans', sans-serif; font-size: 20px; line-height: 1.48; color: #808184; text-align: left !important; -webkit-font-smoothing: auto; }
.lora_italic
{
font-family: 'Lora', serif;
font-style: italic;
font-size: 17px;
padding-bottom: 0;
padding-top: 10px;
}
.small_inner_page_banner {
height: 150px !important;
padding-top:0 !important;
}
.small_inner_page_banner .wrapper {
height: 100% !important;
}
.small_inner_page_banner .wrapper .down {
height: auto !important;
}
.small_inner_page_banner .wrapper .down h1 {
padding: 51px 0;
}
input, select, textarea { font-family: 'Nunito Sans', sans-serif; color: #808184; }
body { background: #fff; }
::-webkit-input-placeholder { color: #858585; opacity: 1; }
:-ms-input-placeholder { color: #858585; opacity: 1; }
::placeholder { color: #858585; opacity: 1; }
img { max-width: 100%; border: 0px; display: block; }
a, input { outline: none; }
a { transition: ease-in 0.3s; text-decoration: none; color: #f58220; }
.clear { clear: both; height: 0px; overflow: hidden; }
input, button, select, textarea { border: 0; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; } 
ul, ol { list-style: none; }
p { padding-bottom: 25px; }
h1,h2,h3,h4,h4,h5,h6 { margin: 0; padding: 0; font-family: 'Nunito Sans', sans-serif; font-weight: 400; color: #531f75; }
h2 { margin-bottom: 30px; font-size: 40px; line-height: 47px; }
h2 em { font-style: italic; font-family: 'Lora', serif; }
h3 { font-size: 30px; }
h4 { margin-bottom: 12px; font-size: 23px; }

.wrapper { margin: auto; max-width: 1260px; position: relative; }
.d-flex { display: flex; flex-wrap: wrap; }
.link { padding-right: 37px; position: relative; color: #808184; font-size: 17px; display: inline-block; }
.link:hover { color: #f58220; }
.link:after { content: '>'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; font-size: 14px; transition: ease-in 0.2s; display: inline-flex; color: #fff; align-items: center; justify-content: center; background-color: #f58220; }
.d-none { display: none; }

@-webkit-keyframes stickyhead{
0%{opacity:0;-webkit-transform:translateY(-100%) }

100%{opacity:1;-webkit-transform:translateY(0)} 
}   

@-moz-keyframes nav-bar{ 
0%{opacity:0;-moz-transform:translateY(-100%)}

100%{opacity:1;-moz-transform:translateY(0)}
}

@keyframes stickyhead{
0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}

}

/* content part*/
#content-part { width: 100%; position: relative; }
.apply-btn { width: 131px; min-height: 40px; position: absolute; top: 515px; right: -45px; display: none; transform: rotate(-90deg); z-index: 9; align-items: center; justify-content: center; color: #fff; font-size: 14px; text-transform: uppercase; transition:  inherit; background-color: #f58220; }

/* banner bar*/
.banner-bar {width: 100%; height: 65vh; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; background-position: top center;}
.banner-bar:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; opacity: 0.6; background-color: rgba(0, 0, 0, 0.6);}
.banner-bar #player { position: absolute; top: 0; left: 0;width: 100%; height: 100%; object-fit: cover; }
.banner-bar.no-banner { height: auto; background-color: #e7e7e7; }
.banner-bar.no-banner .left { width: 31%; height: 400px; display: flex; flex-wrap: wrap; align-items: center; }
.banner-bar.no-banner .right { width: 65%; height: 400px; position: absolute; right: 0; background-repeat: no-repeat; background-size: cover; background-position: right center; background-color: #531f75; }
.banner-bar.no-banner:before { display: none; }
.banner-bar.no-banner h1 { color: #231f20; font-size: 40px; line-height: 1.2; position: relative; z-index: 9; }
.banner-bar.no-banner .wrapper  { height: 400px; display: flex; flex-wrap: wrap; align-items: center; position: static; }
.page-template-template-admissions  .banner-bar.no-banner .wrapper { height: 150px; }
.page-template-template-admissions .banner-bar.newsroom:after { width: 405px; background-size: cover;  }
.banner-bar.newsroom { background-color: #e9e9e9; }
.banner-bar.newsroom:after { content: ''; position: absolute; right: 0; top: 0; width: 589px; height: 100%; background: url(assets/images/line-img.png) no-repeat top center; background-size: cover; }
.banner-bar.contact .wrapper  { height: 212px; }
.banner-bar.blog h1 { color: #fff; }
.banner-bar .details { width: 100%; position: absolute; bottom: -1px; left: 0; display: flex; flex-wrap: wrap; z-index: 9; }
.banner-bar .details li { padding: 5px 20px; width: 20%; height: 93px; display: inline-flex; align-items: center; transition: ease-in 0.3s; background-color: #531f75; }
.banner-bar .details li.fees-tabs { display:none !important; }
.banner-bar .details li.small_tab
{
width:15%;
}
.banner-bar .details li:first-child { background-color: #ad93be; }
.banner-bar .details li:nth-child(2) { background-color: #8373a1; }
.banner-bar .details li:nth-child(2) { background-color: #8373a1; }
.banner-bar .details li:nth-child(3), .banner-bar .details li:nth-child(5) { background-color: #73528D; }
.banner-bar .details li:last-child {background-color: #3b1151;}
.banner-bar .details li.apply:hover { background-color: #f58220; }
.banner-bar .details li span { color: #fff; font-size: 15px; line-height: 1.2; display: inline-block; }
.banner-bar .details li img { margin-right: 12px; max-width: 32px; }
.banner-bar .details li small { font-size: 12px; display: block; }
.banner-bar .details.analytics li { height: 78px; }
.banner-bar .details.analytics li span { font-size: 15px; }
.banner-bar .details.analytics li:first-child span { color: #531f75; }
.banner-bar .details.analytics li:first-child { background-color: #dfd1e8; }
.banner-bar .details.analytics li:last-child { background-color: #531f75; }
.banner-bar .details.analytics li:nth-child(2) { background-color: #bba1cc; }
.banner-bar .details.analytics li:nth-child(3) { background-color: #9173af; }
.banner-bar.no-banner .wrapper p { margin-top: 10px; position: relative; z-index: 9; }
.banner-bar .details li a {display: contents; align-items: center;}
.banner-bar.immersive, .page-template-template-placement .banner-bar.no-banner, .single-centre_of_practice .banner-bar.no-banner, 
.page-template-template-centre-of-practice .banner-bar.no-banner, 
.page-template-template-executive-education .banner-bar.no-banner { background-repeat: no-repeat; background-size: auto 100%; background-position: right center; background-color: #e7e7e7; }

.single-centre_of_practice .banner-bar.newsroom:after, .page-template-template-centre-of-practice .banner-bar.newsroom:after, 
.page-template-template-executive-education .banner-bar.newsroom:after { display: none; }
.page-template-template-immersive-experiences .banner-bar.no-banner h1, .page-template-template-placement .banner-bar.no-banner h1, 
.single-centre_of_practice .banner-bar.no-banner h1, .page-template-template-centre-of-practice .banner-bar.no-banner h1, 
.page-template-template-executive-education .banner-bar.no-banner h1 { color: #231f20; }

.banner-bar.no-banner .wrapper .down { width: 100%; height: 400px; display: flex; flex-wrap: wrap; align-items: center; position: relative; }
.banner-bar.no-banner .banner-logo {max-width: 400px;}
.banner-bar.no-banner .banner-logo2 { max-width: 90%; }

/* breadcrumbs bar*/
.breadcrumbs-bar { padding: 10px 0 9px; width: 100%; font-size: 14px; color: #fff; background-color: #531f75; }
.breadcrumbs-bar ul { margin: 0 -12px; display: flex; flex-wrap: wrap; }
.breadcrumbs-bar li { padding: 0 12px; font-size: 13px; color: #fff; position: relative; }
.breadcrumbs-bar li br { display: none; }
.breadcrumbs-bar li:after { content: '>'; position: absolute; right: -4px; color: #fff; font-size: 14px; line-height: 18px; }
.breadcrumbs-bar li a { color: #fff; }
.breadcrumbs-bar li a:hover { text-decoration: underline; }
.breadcrumbs-bar li:last-child:after { display: none; }
.filter-bar select.form-control:focus-visible { outline: inherit; }
.breadcrumbs-bar a, .breadcrumbs-bar span { padding: 0 2px; font-size: 12px; }
.breadcrumbs-bar span:first-child, .breadcrumbs-bar span:first-child a { padding-left: 0; }
.breadcrumbs-bar a br, .breadcrumbs-bar span br { display: none; }

/* submenu bar*/
.submenu-bar { width: 100%; background-color: #e7e7e7; }
.submenu-bar ul { margin: 0 -15px; display: flex; flex-wrap: wrap; align-items: center; }
.submenu-bar ul li {font-size: 18px; padding: 0px 10px 0px 10px}
.submenu-bar ul li a { padding: 12px 0; color: #858585; position: relative; display: inline-block; }
.submenu-bar ul li a:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; opacity: 0; visibility: hidden; width: 50px; height: 3px; animation: fadeIn 3s; background-color: #f58220; }
.submenu-bar ul li.active a:after, .submenu-bar ul li a:hover:after, .submenu-bar ul li.current-menu-item a:after { opacity: 1; visibility: visible; }
.submenu-bar li { list-style: none; }
.submenu-bar ul li.btn a {color: #fff; cursor: pointer; background-color: #f48120; padding: 7px 15px;}
.submenu-bar ul li.btn a:after { display: none; }

/* structure bar */
.structure-bar { margin-top: 70px; padding-bottom: 70px; width: 100%; }
.structure-bar .top { margin-bottom: 38px; align-items: center; justify-content: space-between; }
.structure-bar h2 { margin-bottom: 0; }
.structure-bar .button { padding: 2px 26px 2px 60px; height: 67px; color: #fff; display: inline-flex; align-items: center; background-color: #ee7e22; background-image: url(assets/images/download-arrow.png); background-repeat: no-repeat; background-position: 15px center; }
.structure-bar .button:hover { background-color: #ee7e22; }
.structure-bar .btn { padding: 2px 26px 2px 64px; height: 60px; color: #fff; display: inline-flex; align-items: center; background-color: #ee7e22; background-image: url(assets/images/pdf-icon-icon.png); background-repeat: no-repeat; background-position: 26px center; }
.structure-bar .accordion li { margin-bottom: 40px; }
.structure-bar .accordion li h3 { padding: 0 40px; height: 86px; color: #fff; cursor: pointer; font-size: 28px; position: relative; display: flex; align-items: center; background-color: #531f75; }
.structure-bar .accordion li h3:after { content: '+'; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); font-size: 22px;  }
.structure-bar .accordion li.active h3:after { content: '-'; }
.structure-bar .accordion .content { padding: 35px 0 10px; overflow: hidden; display: none; }
.structure-bar .accordion li.active .content { display: block; }
.structure-bar.scholarship h2 { margin-bottom: 40px; }
.structure-bar.scholarship .accordion li h3 { color: #808080; background-color: #e4e4e4; }
.structure-bar.scholarship .accordion li.active h3 { color: #fff; background-color: #531f75; }
.structure-bar.scholarship .accordion li { margin-bottom: 30px; }
.structure-bar.scholarship .top { margin-bottom: 30px; }
.structure-bar .accordion .content li { margin-bottom: 12px; padding-left: 20px; position: relative; }
.structure-bar .accordion .content li:before { content: ''; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; border-radius: 50%; background-color: #808184; }
.structure-bar.admissions { margin-top: 0; }
.structure-bar p a { color: #531f75; }
.structure-bar.curriculum { padding-bottom: 15px; }
.structure-bar .accordion .content .align-right { margin-bottom: 0; }
.structure-bar .accordion li:last-child { margin-bottom: 0; }
.structure-bar .accordion .content ul { margin-bottom: 30px; }
.structure-bar.scholarship .accordion li { list-style: none; }

/* copyright bar */
.copyright-bar {width: 100%; font-size: 14px; background: #531f75; padding: 25px 0 22px;}
.copyright-bar .wrapper { justify-content: space-between; }
.copyright-bar span {color: #fff;}
.copyright-bar ul { display: flex; flex-wrap: wrap; }
.copyright-bar ul li { padding: 0 10px; position: relative; }
.copyright-bar ul li:after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 13px; opacity: 0.8; background-color: #fff;}
.copyright-bar ul li:last-child:after { display: none; }
.copyright-bar ul li a {font-size: 14px; color: #fff;}
.copyright-bar ul li a:hover, .copyright-bar ul li.current-menu-item a {color: #f58220;}

.table_box {
width: 100%;
display: inline-block;
overflow-x: auto;
}
.table_box table {
border: 1px solid #dfd1e8;
}
.table_box table tr {
background-color: #fbfbfb;
}
.table_box table tr td {
font-size: 18px;
text-align: left;
border: 1px solid #dfd1e8;
padding: 10px 20px 10px 20px;
}
.table_box table tr:nth-child(2n) {
background-color: #fff;
}
.table-new1 {
height: 308px;
}
.button-new3 {
color: #fff;
display: inline-block;
transition: all 0.5s ease 0s;
border-radius: 4px;
background-color: #f58220;
padding: 10px 20px 10px 20px;
}
.button_flex {
display: inline-flex;
align-items: center;
}

.table_box table tr th {
color: #fff;
background: #531f75;
padding: 10px 20px 10px 20px;
}

@media only screen and (min-width: 769px) and (max-width: 3580px){
.mobile-submenu-bar {
display:none !important;
}
}

@media (max-width:768px) {
.mobile-submenu-bar {
width: 100%;
background-color: #e7e7e7;
padding:10px 0;
}
.mobile-submenu-bar .wrapper {
padding: 0px 5px 0px 5px;
}
.mobile-submenu-bar ul {
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.mobile-submenu-bar ul li {
padding: 0 3px;
width: 100%;
text-align: left;
border-bottom: 1px solid #531f7554;
position:relative;
font-size:14px !important;
list-style:none;
}
.mobile-submenu-bar ul li:last-child {
border-bottom:none;
}
.mobile-submenu-bar ul li.current-menu-item > a,
.mobile-submenu-bar ul li.current-menu-parent > a,
.mobile-submenu-bar ul li.centre_of_practice_direct_parent  > a
{
color: #f58220;
}
.mobile-submenu-bar ul li a {
padding:5px 0;
position: relative;
display: inline-block;
color:#858585;
}
.mobile-submenu-bar .sub-menu {
display:none;
padding-left:5px;
}
.mobile-submenu-bar ul li i {
margin-right:5px;
}
.mobile-submenu-bar ul li.menu-item-has-children .sub-arrow {
position: absolute;
right: 5px;
width: 28px;
height: 28px;
top: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-submenu-bar ul li.menu-item-has-children .sub-arrow:after {
content: "";
text-align: center;
font-family: 'FontAwesome';
font-size: 14px;
cursor: pointer;
color: #531f75;
position: absolute;
}
.mobile-submenu-bar ul li.menu-item-has-children .sub-arrow.drowp_down_minus:after {
content: "" !important;
}
.mobile-submenu-bar {
display:none;
}
.submenu-bar ul.sub-menu {
position: relative !important;
}
}

.committee-bar .content .section ul li p{ padding-bottom: 10px;}
.heading-new1 {
font-size: 40px;
line-height: 47px;
margin: 0px 0px 30px 0px;
}
.text-uppercase{ text-transform: uppercase;}
.format .table_box { width: 100%; display: inline-block; overflow-x: auto; margin: 0px 0px 50px 0px;}
.format .table_box table { border: 1px solid #dfd1e8;}.table_box table tr { background-color: #fbfbfb;}
.format .table_box table tr td { font-size: 18px; text-align: left; border: 1px solid #dfd1e8; padding: 10px 20px 10px 20px;}
.format .table_box table tr:nth-child(2n) { background-color: #fff;}
.format .table_box table tr th { color: #fff; background: #531f75; padding: 10px 20px 10px 20px;}
.new-event-page .format ul { padding: 0px 0px 0px 0px; margin: 0px 0px 55px 0px;}
.new-event-page .format ul li { font-size: 20px; margin: 0px 0px 15px 0px; list-style:none !important;}
.new-event-page .format ul li ul { padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px;}

.inner .table_box{ margin: 5px 0 25px 0px;}

.title-new {
font-size: 40px;
line-height: 47px;
margin: 0px 0px 40px 0px;
}
.title-new1 {
margin: 0px 0px 0px 0px !important;
}
.breadcrumbs-bar a,.breadcrumbs-bar span{
color: white !important;
font-size: 12px;
}
.sub-menu-toggle
{
display: none;
}
.submenu-bar ul.sub-menu {
display: none;
}
.submenu-bar li.menu-item-has-children:hover ul.sub-menu {
display: flex;
}
.submenu-bar ul li {
font-size: 13px !important;
}
.integrative-talk {
width: 100%;
display: inline-block;
border-radius: 10px;
box-shadow: rgb(167 167 167) 0px 0px 10px;
background: #fff;
margin: 15px 0px 20px 3px;
padding: 20px 20px 20px 20px;
}
.integrative-talk-content {
width: 100%;
float: left;
padding: 0px 0px 0px 0px;
}
.integrative-talk-content p {
text-align:left;
}
.integrative-talk-content p:last-child {
margin-bottom:0;
}
.integrative-talk-pic {
width: 27%;
float: right;
position: relative;
}
.integrative-talk-pic img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 0px 10px 10px 0px;
object-position: top;
}
.integrative-talk-1 {
width: 99.5%;
margin: 10px 0px 0px 3px !important;
}
.integrative-talk-1 .integrative-talk-pic {
float: left;
}
.integrative-talk-1 .integrative-talk-pic img {
height: 455px;
object-position: top;
border-radius: 10px 0px 0px 10px;
}
.integrative-talk-2 {
width: 99.7%;
margin: 30px 0px 20px 3px;  
}
.integrative-talk-2 .integrative-talk-pic img {
height: 515px;
object-position: top;
}
.integrative-talk-3 .integrative-talk-pic img {
height: 290px;
}
.integrative-talk-4 .integrative-talk-pic img {
height: 310px;
border-left: 1px solid #ddd;
}
.integrative-talk-5 .integrative-talk-pic img {
height: 290px;
border-right: 1px solid #ddd;
border-radius: 10px 0px 0px 10px;
}
.integrative-talk-6 .integrative-talk-pic img {
height: 350px;
}
.content-bar {
padding-bottom: 0px;
margin-bottom: 20px;
}
.deisgn ul .deisgn-1 {
background-color: #dfd1e8;
padding: 10px 20px 10px 55px !important;
background-position: 21px 13px;
}
.integrative-talk-5 .integrative-talk-pic {
float: left;
}
.integrative-talk-7 {
margin: 10px 0px 0px 3px;
}
.integrative-talk-7 .integrative-talk-pic {
border-left: 1px solid #ddd;
}
.online-research-content {
width: 100%;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px -59px 0px;
}
.integrative-talk-content img {
width: 230px;
float: right;
margin: 0px 0px 10px 40px;
}
.integrative-talk-1 .integrative-talk-content img {
height: 240px;
object-fit: cover;
}
.integrative-talk-1 .integrative-talk-content h4 {
margin: 0px 0px 20px 0px;
}
.integrative-talk-content h4 {
font-size: 27px;
}
.contact-information {
width: 100%;
display: flex;
background: #531f75;
border-radius: 10px;
margin: 30px 0px 59px 0px;
}
.contact-information-content {
width: 50%;
float: left;
margin: 0px 0% 0px 0px;
padding: 20px 20px 20px 20px;
}
.contact-information-content h3 {
color: #fff;
margin-bottom: 15px;
}
.contact-information-content p {
color: #fff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.contact-information-content-1 h3 {
margin: 0px 0px 15px 0px;
}
.submission-details.location {
display: inline-block;
width: 100%;
box-shadow: inherit;
margin: 0px 0px 0px 0px;
}
.location-content {
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 10px 0px !important;
text-align: left !important;
font-size: 16px;
color: #fff !important;
background: #531f75;
}
.location .submission-details-1 {
width: 100%;
height: inherit;
border: 0;
box-shadow: inherit;
background: #fff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.submission-details-1 iframe {
width: 100%;
height: 150px;
transform: scale(1);
margin-bottom: -16px;
}
.contact-information-content p .fa {
margin-right: 15px;
}
.contact-information-content p br {
display: none;
}
.banner-bar.newsroom {
display: none;
}
.breadcrumbs-bar {
display: none;
}
.breadcrumbs-bar.my-breadcrumbs {
display:block;
}
.breadcrumbs-bar .wrapper, .submenu-bar .wrapper {
max-width:1260px !important;
}
.breadcrumbs-bar-1 {
display: inherit;
}
.content-bar .wrapper {
max-width: 100%;
}
.wrapper-1 {
max-width: 1260px;
margin: 0px auto 0px;
}
.submenu-bar-1 {
display: inherit;
}
.content-bar {
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 20px;
}
.banner-bar.no-banner .left {
width: 47%;
height: 150px;
}
.banner-bar.no-banner .wrapper-1 {
height: 350px !important;
display: flex;
flex-wrap: wrap;
align-items: center;
position: static;
}
.banner-bar.no-banner .right {
width: 51%;
height: 350px;
}
.banner-bar.no-banner h1 {
color: #531f75;
}
.banner-bar.no-banner p {
z-index: 9;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.banner-bar.no-banner p span {
color: #000;
display: inline-block;
margin-top: 40px;
}
.header {
  width: 100%;
  display: inline-block;
  padding: 10px 0px 3px 0px;
}
.header .left {
  width: 50%;
  float: left;
}
.header .right {
  width: 50%;
  float: left;
  margin-top: 10px;
}
.header .left img {
  width: 150px;
}
.header .right img {
  width: 290px;
  float: right;
}
.theme {
width: 100%;
display: inline-block;
background: #531f75;
padding: 20px 0px 30px 0px;
}
.mumbai-conference p {
display: none;
}
.theme-content {
width: 33%;
float: left;
text-align: center;
border-right: 1px solid #fff;
}
.theme-content h2 {
color: #fff;
font-size: 24px;
margin: 5px 0px 0px 0px;
}
.theme-content p {
color: #fff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.theme-content h2 .fa {
font-size: 30px;
color: #fff;
margin: 0px 5px 0px 0px;
}
.consumer {
width: 100%;
display: inline-block;
margin-top: 40px;
}
.milestone {
width: 100%;
display: flex;
margin: 20px 0px 0px 0px;
}
.milestone-content {
width: 50%;
float: left;
display: flex;
position: relative;
border-radius: 50px 1px;
padding: 7px 7px 7px 7px;
margin: 0px 1% 0px 0px;
}
.milestone-content p {
width: 100%;
height: 230px;
font-size: 18px;
color: #fff;
text-align: left;
display: flex;
align-items: center;
justify-content: left;
background: #baa0cc;
padding: 20px 20px 20px 20px;
margin: 0px 0% 0px 0px;
border-radius: 10px;
}
.milestone-content.color-1 {
background: #fff;
}
.milestone-content.color-1 p {
background: #ded1e7;
}
.milestone-content.color-2 p {
background: #f4d1c2;
}
.milestone-content.color-3 p {
background: #baa0cc;
}
.milestone-content.color-4 p {
background: #f5ab7f;
}
.milestone-content.color-5 p {
background: #9073ae;
}
.milestone-1 .milestone-content {
width: 32%;
}
.milestone-content-1 {
width: 17%;
}
.milestone-content p strong {
width: 100%;
display: inline-block;
font-size: 18px;
margin-bottom: 5px;
}
.milestone-2 .milestone-content {
width: 20%;
padding: 0px 0px 0px 0px;
outline: none;
margin: 0px 1% 0px 0px;
border-radius: 5px;
}
.milestone-2 .milestone-content p {
border-radius: 5px;
margin: 0px 0% 0px 0px;
}
.milestone-content img {
position: absolute;
width: 70px;
background: #baa0cc;
right: -23px;
top: -40px;
border-radius: 50px;
height: 68px;
border: 7px solid #fff;
}
.milestone-content.color-1 img {
background: #ded1e7;
}
.milestone-content.color-2 img {
background: #f4d1c2;
}
.milestone-content.color-3 img {
background: #baa0cc;
}
.milestone-content.color-4 img {
background: #f5ab7f;
}
.milestone-content.color-5 img {
background: #9073ae;
}
.milestone-1 {
margin: 59px 0px 30px 0px;
}
.milestone-content .fas {
position: absolute;
width: 70px;
background: #baa0cc;
right: -23px;
top: -40px;
border-radius: 50px;
height: 68px;
border: 7px solid #fff;
font-size: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
}
.milestone-content.color-1 .fas {
background: #ded1e7;
}
.milestone-content.color-2 .fas {
background: #f4d1c2;
}
.milestone-content.color-3 .fas {
background: #baa0cc;
}
.milestone-content.color-4 .fas {
background: #f5ab7f;
}
.highlights {
width: 100%;
display: inline-block;
margin-top: 15px;
}
.attend {
width: 100%;
  display: inline-block;
  margin: 15px 0px 30px 0px;
}
.attend-content {
width: 49%;
float: left;
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.10);
background: #531f75;
padding: 30px 30px 30px 30px;
margin: 0px 2% 0px 0px;
border-radius: 20px;
}
.attend-1 {
display: flex;
}
.attend-content h2 {
font-size: 25px;
color: #fff;
margin: 0px 0px 15px 0px;
}
.attend-content p {
color: #fff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.attend-1 {
display: flex;
}
.speakers {
width: 100%;
display: inline-block;
background: #eaeaea;
padding: 50px 0px 59px 0px;
margin-top: 50px;
}
.speakers-1 {
display: flex;
}
.speakers-contnet {
width: 25%;
float: left;
position: relative;
border-right: 1px solid #fff;
}
.speakers-contnet-1 {
position: absolute;
bottom: 80px;
width: 100%;
padding: 0px 20px 0px 20px;
}
.speakers-contnet-1 h2 {
font-size: 22px;
color: #fff;
position: absolute;
z-index: 9;
margin-bottom: 0px;
}
.speakers-contnet-1 p {
font-size: 14px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #fff;
position: absolute;
z-index: 9;
bottom: -63px;
}
.speakers-contnet {
position: relative;
display: inline-block; /* ya block, jaisa aapka layout ho */
overflow: hidden;
}
.speakers-contnet img {
display: block;
width: 100%;
height: auto;
transition: transform 0.5s ease; /* smooth zoom */
}
/* black overlay at bottom */
.speakers-contnet::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30%;
background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0));
}
.speakers-contnet p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.speakers-contnet:hover img {
transform: scale(1.1); /* 10% zoom */
}
.key-dates {
width: 100%;
display: inline-block;
background: #ded1e7;
padding: 59px 0px 20px 0px;
}
.key-dates-1 {
display: flex;
flex-wrap: wrap;
}
.key-dates-content {
width: 23%;
float: left;
border-left: 1px solid #808184;
padding: 0px 0px 0px 20px;
margin: 0px 2% 40px 0px;
}
.key-dates-content h3 {
font-size: 25px;
text-transform: uppercase;
font-weight: 700;
line-height: 33px;
}
.key-dates-content h3 span {
color: #808184;
}
.key-dates-content p {
font-size: 16px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.key-dates h2 {
margin-bottom: 40px;
}
.registrations {
background: #fff;
padding: 0px 0px 0px 0px;
margin: 59px 0px 20px 0px !important;
}
.registrations-content h3 {
text-align: center;
font-size: 22px;
color: #fff;
margin-bottom: 0px;
}
.registrations-content h3 span {
font-size: 40px;
}
.registrations-btn {
text-align: center;
margin-top: 20px;
}
.mumbai-conference-content img {
width: 350px;
height: inherit !important;
background: #fff;
padding: 10px 10px 10px 10px;
border-radius: 5px;
position: absolute;
top: -90px;
}
.table_box table tr td, .table_box table tr th {
padding: 10px 15px;
border: 1px solid #dfd1e8;
}
.registrations-content {
box-shadow: inherit;
background: #531f75;
padding: 20px 0px 20px 0px;
border-right: 2px solid #fff;
}
.milestone-content.color-4 {
margin-right: 0%;
}
.milestone-content.color-3 {
margin-right: 0%;
}
.milestone-content p span {
width: 70%;
}
.sub-heading {
font-size: 30px;
margin-bottom: 25px;
}
.milestone-content.color-1 p {
position: relative;
background: #531f75;
overflow: hidden;
}
.milestone-content.color-1 p::after {
content: "";
position: absolute;
top: 0;
right: 20px;
width: 100%;
height: 100%;
background-image: url(images/academic-researchers.png);
background-repeat: no-repeat;
background-size: 23%;
background-position: right;
opacity: 0.4;
pointer-events: none;
}
.milestone-content.color-2 p {
position: relative;
background: #531f75;
overflow: hidden;
}
.milestone-content.color-2 p::after {
content: "";
position: absolute;
top: 0;
right: 20px;
width: 100%;
height: 100%;
background-image: url(images/acceptance.png);
background-repeat: no-repeat;
background-size: 23%;
background-position: right;
opacity: 0.4;
pointer-events: none;
}
.milestone-content.color-3 p {
position: relative;
background: #531f75;
overflow: hidden;
}
.milestone-content.color-3 p::after {
content: "";
position: absolute;
top: 0;
right: 20px;
width: 100%;
height: 100%;
background-image: url(images/conference-proceedings.png);
background-repeat: no-repeat;
background-size: 23%;
background-position: right;
opacity: 0.4;
pointer-events: none;
}
.milestone-content.color-4 p {
position: relative;
background: #531f75;
overflow: hidden;
}
.milestone-content.color-4 p::after {
content: "";
position: absolute;
top: 0;
right: 20px;
width: 100%;
height: 100%;
background-image: url(images/emerging-markets.png);
background-repeat: no-repeat;
background-size: 23%;
background-position: right;
opacity: 0.4;
pointer-events: none;
}
.registrations .attend-1 {
background: #531f75;
border-radius: 15px;
}
.societal-impact-1 {
width: 100%;
float: left;
margin: 0px 0px 15px 0px;
}
.societal-impact-2 {
width: 65%;
float: left;
padding: 0px 20px 0px 0px;
}
.societal-impact-3 {
width: 35%;
float: left;
text-align: center;
border: 1px solid #ddd;
}
.societal-impact-3 img {
width: 474px;
float: right;
padding: 80px 40px 80px 40px;
margin: 0px 0px 0px 20px;
}
/* Core styles/functionality */
.tab {
position: relative;
margin: 0px 0px 0px 0px;
}
.tab input {
position: absolute;
opacity: 0;
z-index: -1;
}
.tab__content {
max-height: 0;
overflow: hidden;
transition: all 0.35s;
margin: 0px 0px 5px 0px;
}
.tab input:checked ~ .tab__content {
max-height: 665vh;
}
/* Visual styles */
.accordion {
width: 100%;
display: inline-block;
color: var(--theme);
overflow: hidden;
margin: 15px 0px 5px 0px;
}
.tab__label,
.tab__close {
display: flex;
color: white;
background: var(--theme);
cursor: pointer;
}
.tab__label {
font-size: 22px;
  justify-content: space-between;
  background: #531f75;
  padding: 15px 40px 15px 20px;
}
.tab__label::after {
content: '+';
width: 1em;
height: 1em;
text-align: center;
transform: rotate(90deg);
position: absolute;
top: 23px;
right: 0px;
}
.tab input:checked + .tab__label::after {
content: '-';
transform: rotate(0deg);
right: 15px;
top: 15px;
}
.tab__content p {
margin: 0;
padding: 1rem;
}
.tab__close {
justify-content: flex-end;
padding: 0.5rem 1rem;
font-size: 0.75rem;
}
.accordion--radio {
--theme: var(--secondary);
}
@-webkit-keyframes bounce {
25% {
transform: rotate(90deg) translate(.25rem);
}
75% {
transform: rotate(90deg) translate(-.25rem);
}
}
@keyframes bounce {
25% {
transform: rotate(90deg) translate(.25rem);
}
75% {
transform: rotate(90deg) translate(-.25rem);
}
}
.tab p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 25px 0px;
}
.tab-label-sub {
  background: #fff;
  color: #808184;
  border-bottom: 2px solid #808184;
  padding: 10px 0px 15px 0px;
}
.tab__content .deisgn {
  margin: 30px 0px 10px 0px;
}
.deisgn {
margin: 0px 0px 10px 0px;
}
.deisgn ul {
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.deisgn ul li {
color: #808184;
list-style: none;
text-indent: 0px;
background-image: url(https://www.spjimr.org/wp-content/uploads/images/arrow-1.png);
background-repeat: no-repeat;
background-size: 23px;
background-position: 0px 4px;
padding: 0px 0px 0px 35px !important;
margin: 0px 0px 15px 0px !important;
}
.deisgn ul .deisgn-1 {
background-color: #dfd1e8;
padding: 10px 20px 10px 55px !important;
background-position: 21px 13px;
}
.content-2 {
padding: 0px 0px 0px 0px !important;
  margin: 20px 0px 25px 0px !important;
}
.attend-content p {
  margin-bottom: 0px;
}
.should-attend {
  width: 100%;
  display: inline-block;
  background: #531f75;
  padding: 59px 0px 59px 0px;
  margin: 59px 0px 10px 0px !important;
}
.should-attend .attend-content {
  background: #fff;
}
.should-attend .attend-content h2 {
  color: #531f75;
}
.should-attend .attend-content p {
  color: #808184;
}
.header-1 .left img {
  width: 380px;
  margin: 10px 0px 10px 0px;
}
.banner-bar-content {
position: absolute;
bottom: 70px;
z-index: 9;
}
.banner-bar-content h1 {
font-size: 50px;
color: #fff;
font-weight: 700;
line-height: 65px;
margin-bottom: 10px;
}
.banner-bar-content p {
font-size: 20px;
color: #fff;
}
.about-spjimr {
  width: 100%;
  display: inline-block;
  margin: -20px 0px 50px 0px;
}
.about-spjimr h2 {
  margin: 0px 0px 15px 0px;
}
.about-spjimr-content {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.about-spjimr-content .button-new3 {
  margin: 0px 0px 10px 0px;
}
@media (max-width:1370px) {
#header-part .top-nav ul li .sub-menu li
{
margin-bottom:2px;
}
.megadropdown > .sub-menu > li > a, .postbold > a
{
margin-bottom:5px;
}
.postbold.space
{
margin-top:13px;
}
#header-part #profinder
{
padding:13px 30px;
}
}
@media (max-width:1299px){
.banner-bar.no-banner h1 {
    font-size: 35px;
    line-height: 50px;
}
}
@media (max-width:1279px) {
.title-new {
font-size: 35px;
line-height: 42px;
}
.wrapper-1 {
  padding: 0px 30px 0px 30px;
}
.banner-bar.no-banner h1 {
    font-size: 40px;
}
}
@media (max-width:1093px){
.milestone-content p {
height: 300px;
}
}
@media (max-width:1023px) {
.title-new {
font-size: 28px;
line-height: 35px;
}
.banner-bar.no-banner h1 {
    font-size: 30px;
    line-height: 37px;
}
}
@media (max-width:826px){
.milestone-content p {
height: 350px;
}
}
@media (max-width:767px) {
.title-new {
margin: 0px 0px 18px 0px;
}
.integrative-talk-content {
width: 100%;
padding: 0px 0px 0px 0px;
}
.integrative-talk-pic {
width: 100%;
float: left;
}
.integrative-talk {
width: 98%;
}
.integrative-talk-1 {
margin: 0px 0px 20px 5px;
}
.integrative-talk-pic img {
height: inherit;
border-radius: 10px 10px 0px 0px;
}
.integrative-talk-1 .integrative-talk-pic img {
height: inherit;
border-radius: 10px 10px 0px 0px;
}
.integrative-talk-2 .integrative-talk-pic img {
height: inherit;
}
.integrative-talk-3 .integrative-talk-pic img {
height: inherit;
}
.integrative-talk-4 .integrative-talk-pic img {
height: inherit;
border-left: 0px;
}
.integrative-talk-5 .integrative-talk-pic img {
height: inherit;
border-left: 0px;
}
.integrative-talk-6 .integrative-talk-pic img {
height: inherit;
}
.structure-bar .accordion li h3 {
font-size: 18px;
}
.integrative-talk-7 .integrative-talk-pic {
border-left: 0px;
}
.integrative-talk-content img {
width: 100%;
float: left;
margin: 0px 0px 10px 0px;
}
.integrative-talk-1 .integrative-talk-content img {
height: inherit;
}
.contact-information {
display: inline-block;
padding: 0px 0px 20px 0px;
margin: 20px 0px 29px 0px;
}
.contact-information-content {
width: 100%;
}
.contact-information-content-1 {
padding: 0px 20px 20px 20px;
}
.content-bar .wrapper {
padding: 0px 0px 0px 0px;
}
.wrapper-1 {
padding: 0px 20px 0px 20px;
}
.mumbai-conference img {
height: 330px;
}
.mumbai-conference-content h1 {
font-size: 35px;
}
.mumbai-conference-content h2 {
font-size: 35px;
width: 293px;
}
.mumbai-conference-content p {
font-size: 18px;
width: 330px;
}
.mumbai-conference-content {
bottom: 30px;
}
.banner-bar.no-banner .left {
width: 100%;
height: 90px;
margin-bottom: 0px;
}
.banner-bar.no-banner .right {
width: 100%;
height: 270px;
}
.banner-bar.no-banner .wrapper-1 {
height: 270px !important;
}
.banner-bar.no-banner p {
color: #531f75;
}
.banner-bar.no-banner h1 {
width: 100%;
}
.submenu-bar ul {
padding: 0px 10px 0px 10px;
}
.banner-bar.no-banner h1 {
    font-size: 22px;
    line-height: 1.2;
}
.banner-bar.no-banner .right::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(231, 231, 231, 0.71);
}
.header .left img {
  width: 80px;
}
.header .right {
  margin-top: 7px;
}
.milestone {
display: inherit;
margin: 30px 0px -20px 0px;
}
.milestone-content {
width: 100%;
margin: 0px 0% 0px 0px;
}
.milestone-content p {
width: 100%;
height: inherit;
}
.theme {
padding: 30px 0px 10px 0px;
}
.theme-content {
width: 100%;
border-right: 0px;
margin-bottom: 30px;
}
.milestone-content.color-2 {
margin-bottom: 0px;
}
.attend {
margin: 9px 0px 10px 0px;
}
.attend-1 {
display: inherit;
}
.attend-content {
width: 100%;
margin: 0px 0% 20px 0px;
}
.content-bar .wrapper {
padding: 0px 0px 0px 0px;
}
.speakers-1 {
display: inherit;
}
.speakers-contnet {
width: 100%;
border-right: 0px;
margin-bottom: 15px;
}
.key-dates-1 {
display: inherit;
}
.key-dates-content {
width: 100%;
}
.key-dates-content h3 {
font-size: 20px;
line-height: 30px;
}
.registrations-content h3 {
font-size: 20px;
}
.registrations-content h3 span {
font-size: 40px;
}
.registrations .attend-1 {
margin-top: 0px;
display: inline-block;
padding: 20px 0px 15px 0px;
}
.highlights {
margin-top: 0px;
}
.highlights h2 {
margin: 20px 0px -13px 0px;
}
.sub-heading {
font-size: 22px;
}
.registrations-btn {
margin-top: 10px;
}
.milestone-content p span {
width: 100%;
}
.milestone-content.color-1 p::after {
display: none;
}
.milestone-content.color-2 p::after {
display: none;
}
.milestone-content.color-3 p::after {
display: none;
}
.milestone-content.color-4 p::after {
display: none;
}
.registrations-content {
padding: 0px 0px 0px 0px;
border-right: 0px;
}
.societal-impact-1 {
margin: 0px 0px 25px 0px;
}
.societal-impact-2 {
width: 100%;
padding: 0px 0px 0px 0px;
}
.societal-impact-3 {
width: 100%;
}
.societal-impact-3 img {
width: 100%;
float: left;
padding: 30px 20px 30px 20px;
margin: 0px 0px 0px 0px;
}
p {
  font-size: 18px;
}
.attend-content h2 {
	font-size: 22px;
  margin-bottom: 5px;
}
.contact-information-content h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.registrations {
  margin: 39px 0px 20px 0px !important;
}
.should-attend {
	padding: 59px 0px 39px 0px;
  margin: 39px 0px 0px 0px !important;
}
.breadcrumbs-bar li {
  font-size: 12px;
}
.key-dates {
  padding: 39px 0px 10px 0px;
}
.key-dates h2 {
  margin-bottom: 20px;
}
.deisgn ul li {
  font-size: 18px;
}
.integrative-talk-content h4 {
  font-size: 20px;
}
.tab__label {
  font-size: 20px;
}
.banner-bar {
height: 50vh;
}
.banner-bar-content h1 {
font-size: 35px;
line-height: 43px;
}
.about-spjimr {
  margin: 0px 0px 40px 0px;
}
}
@media (max-width:530px) {
.title-new-1 {
font-size: 25px;
line-height: 32px;
}
}
@media (max-width:500px) {
.copyright-bar span {
width: 100%;
text-align: center;
}
.mumbai-conference-content h1 {
font-size: 22px;
width: 280px;
}
.mumbai-conference-content h2 {
font-size: 22px;
width: 193px;
}
.mumbai-conference-content p {
font-size: 16px;
width: 290px;
}
.mumbai-conference-content img {
top: -55px;
width: 200px;
}
.mumbai-conference img {
height: 270px;
}
.banner-bar.no-banner p span {
margin-top: 20px;
}
.submenu-bar ul li {
  font-size: 12.5px !important;
  padding: 0px 5px 0px 5px;
}
.banner-bar {
height: 30vh;
}
.banner-bar-content h1 {
font-size: 24px;
line-height: 35px;
}
.banner-bar-content p {
font-size: 16px;
}
.banner-bar-content {
bottom: 10px;
}
}
@media (max-width:479px) {
.title-new {
font-size: 25px;
line-height: 32px;
}
}
@media (max-width:372px) {
.submenu-bar ul li {
    font-size: 11.5px !important;
}
}