@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");

html {
    scroll-behavior: smooth;
}

a {
    color: #454545;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

::-moz-selection {
    color: #ffffff;
    background: var(--primary);
}

::selection {
    color: #ffffff;
    background: var(--primary);
}

.common-heading h2 {
    color: var(--primary);
    font-size: 3rem;
    position: relative;
    font-weight: 700;
}

.common-heading h5 {
    padding-top: 1rem;
}

.common-heading h6 {
    color: var(--primary);
    font-size: 1.4rem;
}

p {
    font-size: 1.25rem;
    font-weight: 500;
}

p a {
    text-decoration: underline;
}

.heading h2 {
    color: var(--primary);
    font-size: 3rem;
    position: relative;
    font-weight: 700;
}

.section-height {
    padding: 80px 0;
}

.font-weight-semibold {
    font-weight: 600;
}

/* ====================Header CSS Start ============================ */
body {
    padding-top: 98px;
}

/* ANIMATED X */
.navbar-toggler.x {
    border: none;
}

.navbar-toggler.x:focus {
    outline: none;
}

.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
}

.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 20% 90%;
    -ms-transform-origin: 20% 90%;
    transform-origin: 20% 90%;
}

.navbar-toggler.x .icon-bar {
    width: 30px;
    display: block;
    height: 3px;
    background-color: #ffffff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.navbar-toggler.x .icon-bar + .icon-bar {
    margin-top: 4px;
}

.navbar-toggler.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggler.x .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggler.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.header {
    padding: 20px 0;
    kerning: 100px;
    background: linear-gradient(90deg, #282045 0%, #6f6986 100%);
}

.menu.navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    font-weight: 700;
}

.header .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

.header .btn-getstarted,
.header .btn-getstarted:focus {
    color: var(--primary);
    background: var(--white);
    /* padding: 0.5rem 1.5rem; */
    margin: 0 0 0 30px;
    transition: 0.3s;
    padding: 0.5rem 2rem;
    font-size: 1.25rem;
    line-height: 1.8;
}

/* ====================Header CSS End ============================ */

/* ====================banner CSS Start ============================ */

.hero_banner {
    color: var(--primary);
    padding: 80px 0 0 0;
}

.hero_banner h1 {
    font-size: 6rem;
}

.hero_banner h6 {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 20px 0;
}

.hero_banner ul li {
    font-size: 1.5rem;
    font-weight: 600;
}

/* ====================banner CSS End ============================ */

/* ====================home-about CSS Start ============================ */

.home-about-wrap .container {
    position: relative;
}

/* .attorney_bg {
	position: absolute;
	top: -78px;
	z-index: -1;
} */

.attorney_top {
    position: absolute;
    top: -38px;
    z-index: -1;
    left: -20px;
}

.attorney_bottom {
    position: absolute;
    top: 0px;
    right: -20px;
    z-index: -1;
}

.bluebg {
    background: var(--primary);
    border-radius: 10px;
}

.about-content {
    font-size: 1.5rem;
    color: #ffffff;
    font-weight: 600;
}

.faculty_left,
.faculty_right {
    position: relative;
    /* margin-bottom: 50px; */
    /* height: 320px; */
}

/* .faculty_box {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	text-align: center;
	top: 40px;
	width: 250px;


} */

.faculty_box {
    margin: 0 auto 30px auto;
    display: block;
    text-align: center;
    width: 250px;
}

.faculty_box .faculty_image {
    object-fit: cover;

    /* 
min-height: inherit;
min-width: inherit;
max-width: inherit;
width: auto;
position: absolute;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto; */
}

.faculty_left_block {
    position: absolute;
    bottom: -30px;
    left: -15px;
    z-index: 1;
    /* right: 0; */
}

.faculty_right_block {
    position: absolute;
    bottom: -30px;
    right: -15px;
    z-index: 1;
    /* left: 0; */
}

.faculty_box_in {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    width: 240px;
    height: 320px;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
    position: relative;

    /* 	width: 250px;

	max-width: 250px;
	min-width: 250px;
	min-height: 320px;
	max-height: 320px; */
}

.faculty_box_in:after {
    position: absolute;
    width: 240px;
    height: 320px;
    content: "";
    right: -15px;
    bottom: -15px;
    filter: drop-shadow(0px 0px 20.6px rgba(0, 0, 0, 1));
    border-radius: 10px;
    border: solid 1px #9282d8;
}

.faculty_box_in:before {
    position: absolute;
    width: 240px;
    height: 320px;
    content: "";
    left: -15px;
    top: -15px;
    z-index: 1;
    filter: drop-shadow(0px 0px 20.6px rgba(0, 0, 0, 1));
    border-radius: 10px;
    border: solid 1px #594b77;
}

/* ====================home-about CSS End ============================ */

/* ====================home-middle banner CSS Start ============================ */

.home-middle-banner {
    background: url(../images/background/home-middle-bg.png);
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.pd-top-100 {
    padding-top: 100px;
}

.home-middle-banner .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
}

/* ====================home-middle banner CSS End ============================ */

/* ====================home-course CSS Start ============================ */
.course-wrap {
    position: relative;
}

.bottom_line img {
    width: 100%;
    height: auto;
}

.course-wrap::after {
    background: url(../images/background/course_right.png);
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    top: -200px;
    right: 0;
    width: 300px;
    height: 800px;
    background-size: cover;
    z-index: -1;
}

.course-wrap .container {
    position: relative;
}

.course_top {
    position: absolute;
    top: 60px;
    right: 0;
    z-index: -1;
}

.course_btm {
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: -1;
}

/* Podcast CSS  Start*/

.podcast {
    background-color: #584a74;
    padding: 1.5rem;
    border-radius: 6px;
    overflow: hidden;
}

.badge_block {
    display: inline-block;
}

.courses h6 {
    color: #ffffff;
    font-size: 1.5rem;
    margin: 0;
}

.podcast .podcast_ctn {
    display: block;
    position: relative;
}

.podcast h4 {
    color: #ffffff;
    font-weight: 500;
    font-size: 1.2rem;
    display: -webkit-box;
    max-width: 100%;
    height: 26px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.podcast h6 {
    color: #c2c2c2;
    font-weight: 400;
    padding: 00;
}

.podcast .badges {
    background-color: #272046;
    padding: 5px 20px;
    font-size: 1rem;
    color: #ffffff;
    border-radius: 100px;
    text-align: center;
}

.podcast_detail_first {
    padding: 0 0 0 0;
}

.podcast_detail_second {
    padding: 0 0 0;
}

.podcast_time,
.podcast_time,
.podcast_credit,
.podcast_author,
.podcast_date {
    font-size: 1rem;
    color: #ffffff;
    position: relative;
    font-weight: 400;
}

.podcast_time {
    margin-left: 15px;
}

.podcast_credit,
.podcast_date {
    margin-left: 30px;
}

.podcast_credit:after,
.podcast_date:after {
    position: absolute;
    left: -17px;
    top: 12px;
    height: 4px;
    width: 4px;
    border-radius: 100px;
    background-color: #ffffff;
    content: "";
}

.card-list li {
    margin-bottom: 20px;
    position: relative;
}

.card-list li a:hover .podcast {
    background-color: #6e5e8c;
}

.podcast_detail_view {
    position: absolute;
    right: 30px;
    top: 38%;
}

.podcast_detail_view img {
    width: 32px;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

.podcast_detail_view img:hover {
    opacity: 1;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.faq_wrap {
    background-color: #eae9ed;
}

.faq_wrap .common-heading h5 a {
    color: #282045;
}

.faq_wrap .common-heading h5 a:hover {
    color: #6d6086;
    /* text-decoration:underline */
}

.myaccordion .card-header {
    padding: 0;
    border: 0;
    background-color: transparent;
}

.myaccordion .card-body {
    padding: 0 0 1rem 0;
}

.accordion-title:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
}

.accordion-title.collapsed:before {
    float: right !important;
    content: "\f067";
}

a.accordion-title {
    font-size: 1.1rem;
    display: block;
    background-color: transparent;
    padding: 1.5rem 0;
    border-radius: 0 0 0 0;
    color: var(--primary);
    font-weight: 700;
}

a.accordion-title.collapsed {
    border-radius: 0;
}

.myaccordion .card {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    border-bottom: solid 1px #282147;
}

.faq_wrap .common-heading {
    position: relative;
    z-index: 1;
}

.faqbg {
    position: absolute;
    top: -40px;
    left: 20px;
}

.podcast_scroll {
    width: auto;
    overflow: hidden;
    height: 26px;
    line-height: normal;
    padding: 0;
    position: relative;
    color: #ffffff;
    margin-bottom: 0.5rem;
}

.podcast_scroll div {
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis;
    transform: translateX(0);
    transition: 4s;
}

.card-list li a:hover .podcast .podcast_scroll .scrollTextAni {
    transform: translateX(calc(350px - 100%));
}

.podcast_title {
    color: #ffffff;
    font-weight: 500;
    font-size: 1.2rem;
}

.podcast_title span {
    color: #c2c2c2;
    font-weight: 400;
    padding: 0 0 0 0;
    position: relative;
    margin-left: 20px;
    font-size: 1rem;
}

.podcast_title span:before {
    content: "";
    left: -10px;
    top: 2px;
    width: 1px;
    height: 80%;
    background-color: #c2c2c2;
    position: absolute;
}

/* ====================home-course CSS End ============================ */

/* ====================home contact CSS Start ============================ */

.contact-box {
    padding: 2rem;
}

.form-group {
    margin-bottom: 2rem;
}

.contact-box .form-control {
    display: block;
    width: 100%;
    height: calc(2.5em + 0.1rem + 6px);
    padding: 0.375rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8;
    color: #ffffff;
    background-color: #584b76;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.contact-box textarea.form-control {
    height: auto;
}

.contact-box .form-control::placeholder {
    color: #c7c7c7;
}

.error-text {
    color: #f00;
    font-weight: 300;
    font-size: 17px;
}

.footer_list {
    margin-top: 2rem;
}

.footer_list li {
    display: inline-block;
    margin: 0 auto;
    padding: 0px 0.5rem 0px 0.5rem;
}

.footer_list li:hover {
    opacity: 0.6;
}

.subscribe_popup {
    background: #ffffff;
    border: 1px solid #d4cfe5;
    padding: 2rem;
    text-align: center;
    box-shadow: 22px 52px 22px rgba(160, 149, 198, 0.04),
        13px 29px 19px rgba(160, 149, 198, 0.13),
        6px 13px 14px rgba(160, 149, 198, 0.21),
        1px 3px 8px rgba(160, 149, 198, 0.25);
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    max-width: 400px;
    z-index: 999;
}

.subscribe_popup .close {
    position: absolute;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    right: 10px;
    opacity: 1;
    top: 10px;
}

.subscribe_popup h6 {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2rem;
}

.subscribe_popup h2 {
    font-size: 4rem;
}

.subscribe_popup p {
    font-weight: 400;
    font-size: 1.2rem;
}

.progress-value {
    animation: load 20s normal forwards;
    box-shadow: 0 10px 40px -10px #fff;
    border-radius: 100px;
    background: var(--primary);
    height: 5px;
    width: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
}

@keyframes load {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

/* ====================home contact CSS End ============================ */

/* ====================Footer CSS Start ============================ */
.footer {
    padding: 80px 0 20px 0;
    background: linear-gradient(90deg, #282045 0%, #6f6986 100%);
}

.footer .nav .nav-item {
    padding-bottom: 15px;
    display: block;
    width: 100%;
}

.footer .nav .nav-item .nav-link {
    padding: 0;
    color: var(--light);
}

.footer .nav .nav-link:hover,
.footer .nav .nav-link:focus {
    color: var(--white);
}

.footer hr {
    border-top: 1px solid #808080;
}

.footer p a {
    color: var(--white);
}

/* ====================Footer CSS End ============================ */

.version-tag {
    position: fixed;
    margin: 0 auto;
    background-color: #fdd756;
    text-align: center;
    padding: 2px 10px;
    border-radius: 0 0 5px 5px;
    color: #444;
    z-index: 9999;
    display: block;
    font-weight: 600;
    border: solid 1px #444;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(68, 68, 68);
    border-top: 0;
    left: 0;
    right: 0;
    top: 0;
    max-width: 100px;
    font-size: 14px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    /* -ms-transform: rotate(-45deg);
	-ms-transform-origin: 50% 50%;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: 50% 50%;
	transform: rotate(-45deg); */
}

/* ====================About us page CSS start ============================ */

.innerpage_wrap {
    background-image: url(../images/background/innerpage_bg.svg);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

.innerpage_wrap .container {
    position: relative;
}

.innerpagebg {
    position: absolute;
    top: -30px;
    right: 0;
    z-index: -1;
}

.releasebox {
    margin-bottom: 20px;
    background-color: var(--primary);
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 250px;
    padding: 0px;
    border-radius: 10px;
    overflow: hidden;
}

.releasebox a {
    position: relative;
    width: 100%;
    height: 100%;
}

.releasebox img {
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: medium;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}

/* ====================About us page CSS End ============================ */

/* ====================library page CSS start ============================ */

.library_banner h2 {
    color: var(--primary);
    font-size: 3rem;
    font-weight: 700;
}

.library_banner h6 {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0 0 0;
}

/* ====================library page CSS End ============================ */

/* ====================Subscribe  page CSS start ============================ */
.graybg {
    background-color: #d9d9d9;
    border-radius: 10px;
}

.graybg .form-control {
    display: block;
    width: 100%;
    height: calc(2.5em + 0.1rem + 6px);
    padding: 0.375rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8;
    color: #282045;
    background-color: #c0bec5;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.graybg .form-control::placeholder {
    color: #282045;
}

.subscribe-wrapper p {
    color: #6f6986;
}

.subscribe-wrapper p a {
    font-weight: 700;
    color: #282045;
    text-decoration: none;
}

.subscribe-wrapper p a:hover {
    text-decoration: underline;
}

/* ====================Subscribe  page CSS End ============================ */

/* ====================pricing  page CSS start ============================ */

.shows {
    display: block;
    transition: transform 0.3s;
}

.hides {
    display: none;
    transition: transform 0.3s;
}

.pricing_wrap .container {
    position: relative;
}

.pricingbox {
    background: linear-gradient(
        180deg,
        #6f6986 0%,
        #585171 32.3%,
        #282045 100%
    );
    border-radius: 15px;
    padding: 2rem;
    position: relative;
}

.pricingbox h2 {
    font-size: 2.75rem;
}

.pricingbox ul li {
    font-size: 1.22rem;
    padding: 0.2rem 0;
    /* padding: .5rem 0; */
}

.price-text {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    /* margin-top: 1rem; */
    line-height: normal;
    margin-bottom: 1rem;
}

.price-text sub {
    font-weight: 700;
    font-size: 1rem;
    bottom: 0rem;
}

.pricing_wrap .col-sm-8 {
    border-right: solid 1px #ffffff;
}

.pricingbg {
    position: absolute;
    top: -40px;
    right: -80px;
    z-index: -1;
}

.pricingbg img {
    max-width: 450px;
}

/* .pricing_head{
	padding: 50px 0 0 0;
	background-size:cover;
} */

.pricing_card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    color: #fff;
    transition: transform 0.3s;
}

.pricing_card h3 span {
    display: block;
    color: #c9c9c9;
    font-size: 1rem;
    font-weight: 400;
}

.pricing_card:hover {
    transform: translateY(-10px);
}

.pricing_card .card-body {
    background: linear-gradient(
        180deg,
        #6f6986 0%,
        #585171 32.3%,
        #282045 100%
    );
    border-radius: 15px 15px 0px 0px;
    position: relative;
}

.pricing_card .icon {
    height: 50px;
    width: 50px;
    background: #eae9ed;
    box-shadow: 0px 20px 8px rgba(0, 0, 0, 0.01),
        0px 11px 7px rgba(0, 0, 0, 0.05), 0px 5px 5px rgba(0, 0, 0, 0.09),
        0px 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    margin: 0 auto 10px auto;
    padding-top: 10px;
}

.pricing_card .card-footer {
    background: #eae9ed;
    border-top: none;
    color: #2d1c50;
    font-weight: 700;
    font-size: 2rem;
    padding: 20px 0;
    border-radius: 0 0 15px 15px;
    position: relative;
}

.pricing_card sub {
    font-weight: 700;
    font-size: 1rem;
    bottom: 0rem;
}

.discount-badge {
    background-color: #594b77;
    color: #fff;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 15px;
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    max-width: 140px;
    z-index: 1;
}

.pricing_card .card-footer .note {
    font-size: 0.75rem;
    color: #000000;
    position: absolute;
    bottom: 5px;
    display: block;
    text-align: center;
    left: 0;
    right: 0;
    font-weight: 400;
}

.pricing_col .col-sm-4 {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

/* ====================pricing  page CSS End ============================ */

/* ====================blog  page CSS start ============================ */

.single-press {
    position: relative;
    z-index: 1;
    margin-bottom: 2.5rem;
}

.press-img {
    background-color: rgba(12, 75, 106, 0.6);
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 400px;
    padding: 0px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.press-img img {
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: medium;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}

.blog-short-disp {
    font-size: 1.1rem;
    /* display: block; */
    display: -webkit-box;
    max-width: 100%;
    height: 54px;
    margin: 0 auto 15px auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6f6986;
}

.readmore_btn {
    font-size: 1.1rem;
}

.entry-meta,
.entry-date {
    padding: 0 0 10px 0;
    font-size: 16px;
    color: #6f6986;
    font-weight: 500;
}

.press-content .entry-title {
    padding-top: 10px;
    font-size: 1.8rem;
    font-weight: 700;
}

.entry-title a {
    color: #282045 !important;
}

.entry-title a:hover {
    color: var(--blue) !important;
    text-decoration: none !important;
}

.widget .form-control {
    display: block;
    width: 100%;
    height: calc(2.5em + 0.75rem + 2px);
    padding: 0.375rem 1.2rem;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.8;
    color: #282045;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    position: relative;
    cursor: pointer;
    background-color: #dcdbe2;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/icons/chevron_right.svg);
    background-repeat: no-repeat;
    background-position: right 12px top 11px;
}

.detail-blog-img {
    background-color: rgba(12, 75, 106, 0.6);
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 500px;
    padding: 0px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.detail-blog-img img {
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: medium;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}

/* ====================blog  page CSS End ============================ */

.common_wrap p {
    font-size: 1.1rem;
}

.common_wrap ul li {
    font-size: 1.1rem;
    font-weight: 500;
}

.timeminer_wrap {
    padding-bottom: 80px;
}

.timeminercard {
    background: #035c67;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 1.5rem;
    color: #ffffff;
}

.timeminercard p {
    font-size: 1rem;
    margin: 0;
}

.timeminercard p a {
    color: #ffffff;
}

.timeminerlogo_img {
    border: solid 1px #ffffff;
    border-radius: 6px;
    overflow: hidden;
}

.timeminerlogo_img a {
    padding: 30px 0;
    display: block;
}

.timeminercard h6 {
    padding: 10px 15px;
    border-radius: 6px;
    border: solid 1px #ffffff;
    font-size: 1.1rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 1rem;
}

.facultybox h5 {
    font-size: 1.5rem;
    margin: 0;
}

.facultybox a h5 {
    color: #282045;
}

.facultybox p {
    margin: 0;
}

.facultybox a:hover h5 {
    text-decoration: underline;
}

.facultybox a .faculty_box .faculty_image {
    object-fit: contain;
    transition: all 0.3s ease-in-out;
}

.facultybox a:hover .faculty_image {
    /* filter: none;
	-webkit-filter: grayscale(0); */
    transform: scale(1.05);
    filter: brightness(1.05);
}

.home-about-wrap a .faculty_box .faculty_image {
    object-fit: contain;
    transition: all 0.3s ease-in-out;
}

.home-about-wrap a:hover .faculty_box .faculty_image {
    transform: scale(1.05);
    filter: brightness(1.05);
}

.home-about-wrap a:hover h5 {
    text-decoration: underline;
}

.morepagebg {
    position: absolute;
    top: -42px;
    right: -60px;
    z-index: -1;
}

.morepagebg img {
    width: 80%;
}

.more_wrap {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-flow: column;
    /* min-height: 730px; */
    height: 90vh;
    padding: 0;
}

.morebtn {
    min-width: 370px;
}

.successful_bg {
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
    background: linear-gradient(180deg, #ffffff 0%, #d9d3f2 100%);
}

.failed_bg {
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
    background: linear-gradient(180deg, #ffffff 0%, #ffdfdf 100%);
}

.podcast-modal .close {
    font-size: 2.5rem;
    opacity: 1;
    padding: 0.8rem 1rem;
    font-weight: 400;
}

.toggle_group {
    background: #f8f7ff;
    border-radius: 8px;
    padding: 2rem 1rem;
    margin-bottom: 1rem;
}

.toggle_label img {
    display: block;
    float: left;
    margin-right: 10px;
}

.toggle_label span {
    font-size: 1.1rem;
    font-weight: 600;
    display: inline-block;
}

/* 
	get rid of the fieldset styling and keep 
	this all on a single line 
*/
.radio-switch {
    border: none;
    padding: 0;
    white-space: nowrap;
    float: right;
}

/*
	relative labels to help position the pseudo elements
	the z-index will be handy later, when the labels that
	overlap the visual switch UI need to be adjusted
	to allow for a user to toggle the switch without
	having to move their mouse/finger to the different
	sides of the UI
*/
.radio-switch label {
    display: inline-block;
    line-height: 2;
    position: relative;
    z-index: 2;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
}

/*
	inputs set to opcacity 0 are still accessible.
	Apparently there can be issues targetting inputs with
	Dragon speech recognition software if you use the typical
	'visually-hidden' class...so might as well just avoid that issue...
*/
.radio-switch input {
    opacity: 0;
    position: absolute;
}

/*
	a 2 option toggle can only have 2 options...so instead of
	adding more classes, i'm just going to use some
	structural pseudo-classes to target them...
	cause why let all that good work go to waste?!

  the large padding is used to position the labels
  on top of the visual UI, so the switch UI itself
  can be mouse clicked or finger tapped to toggle
  the current option
*/
.radio-switch label:first-of-type {
    padding-right: 5em;
}

.radio-switch label:last-child {
    margin-left: -4.25em;
    padding-left: 5em;
}

/*
	oh focus within, I can't wait for you to have even more support.
	But you'll never be in IE11, so we're going to need a
	polyfill for you for a bit...
 */
.radio-switch:focus-within label:first-of-type:after {
    /* box-shadow: 0 0 0 2px #fff, 0 0 0 4px #CDCDCD; */
}

/* polyfill class*/
.radio-switch.focus-within label:first-of-type:after {
    /* box-shadow: 0 0 0 2px #fff, 0 0 0 4px #CDCDCD; */
}

/* making the switch UI.  */
.radio-switch label:first-of-type:before,
.radio-switch label:first-of-type:after {
    border: 1px solid #ffffff;
    content: "";
    height: 2em;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    vertical-align: middle;
}

.radio-switch label:first-of-type::before {
    background: #272046;
    border: 1px solid #272046;
    border-radius: 100%;
    position: absolute;
    right: 2px;
    transform: translateX(0em);
    transition: transform 0.2s ease-in-out;
    width: 28px;
    z-index: 2;
    height: 28px;
    top: 2px;
}

/* .radio-switch label:first-of-type:before {
	background: #272046;
	border: 1px solid #272046;
	border-radius: 100%;
	position: absolute;
	right: -.075em;
	transform: translateX(0em);
	transition: transform .2s ease-in-out;
	width: 2em;
	z-index: 2;
} */

.radio-switch label:first-of-type:after {
    background: #cdcdcd;
    border-radius: 1em;
    margin: 0 1em;
    transition: background 0.2s ease-in-out;
    width: 4em;
}

/*
	Visually change the switch UI to match the
	checked state of the first radio button
*/
.radio-switch input:first-of-type:checked ~ label:first-of-type:after {
    background: #cdcdcd;
}

.radio-switch input:first-of-type:checked ~ label:first-of-type:before {
    transform: translateX(-2em);
}

/* Move the 2nd label to have a lower z-index, so when that
   option is toggled, the first label will overlay on top of the
   Switch ui, and the switch can be pressed again to toggle back
   to the prevoius state. */
.radio-switch input:last-of-type:checked ~ label:last-of-type {
    z-index: 1;
}

.text-wrap {
    position: relative;
}

.clipboard {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    margin-left: 0;
    width: 24px;
    height: 24px;
    border: none;
    border-top: none;
    border-radius: 1px;
    cursor: pointer;
    background: #fff;
    padding: 4px;
    text-align: center;
    border-radius: 4px;
    color: #584a74;
    border: solid 1px #eee;
}

.clipboard:hover {
    opacity: 0.9;
}

.text-wrap textarea {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    border: 1px solid #584a74 !important;
}

.podcast-modal .modal-body {
    padding: 2rem;
}

.podcast-modal .modal-header {
    padding: 1rem 2rem;
}

/*============================================
 Podcast_detail CSS Start 
 ============================================*/
.podcast_detail_wrap {
    background: url(../images/background/podcast_detail_bg.png);
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 400px;
}

.podcast_box {
    background: linear-gradient(270deg, #282045 0%, #6f6986 100%);
    border-radius: 10px;
    padding: 2rem;
}

/* .podcast_cover{
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	background: #e9e8ed;
}

.podcast_cover .podcast_cover_img{
  object-fit: cover;
  height: 220px;
  margin: 0 auto;
  display: block;

} */

.podcast_cover {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    background: #e9e8ed;
    width: 300px;
    height: 300px;
    margin: 0 auto;
    display: block;
}

.podcast_cover .podcast_cover_img {
    object-fit: cover;
    height: 300px;
    margin: 0 auto;
    display: block;
}

.podcast_cover .podcast_detail_view {
    position: absolute;
    right: 10px;
    top: 10px;
}

.controls {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 16px auto 0 auto;
    text-align: center;
}

.controls div {
    width: 36px;
    height: 36px;
    margin: 0 16px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #282045;
    box-shadow: 0 5px 10px rgba(255, 26, 26, 0.22);
    cursor: pointer;
}

.controls div:nth-child(2) {
    transform: scale(1.5);
    background: #ffffff;
    color: #282045;
}

.player_control {
    margin-top: 1rem;
    display: flex;
    position: relative;
}

.volume_controls {
    position: absolute;
    color: #fff;
    font-size: 20px;
    bottom: 0px;
    right: 10px;
}

.volume-chooser {
    color: #fff;
    cursor: pointer;
}

.volume-chooser:hover .volume-control {
    color: #ffffff;
    display: block;
}

.volume-control {
    position: absolute;
    display: none;
    bottom: 50px;
    left: auto;
    right: auto;
    transform: rotate(270deg) translateY(-20px);
}

.volume-control .volume {
    width: 70px;
    padding: 0;
    background: #b1b1b1;
    border-radius: 100px;
    height: 10px;
}

input.volume[type="range"] {
    -webkit-appearance: none;
    border: none;
}

.volume {
    overflow: hidden;
}

input.volume[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 100%;
    background: #000;
    border: none;
    outline: none;
}

input.volume[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 10px;
    width: 10px;
    background: #f00;
    margin-top: 0;
}

input.volume[type="range"]:focus {
    outline: none;
}

input.volume[type="range"]:focus::-webkit-slider-runnable-track {
    background: #ffffff;
}

input.volume[type="range"]:focus::-ms-fill-lower {
    background: #ffffff;
}

input.volume[type="range"]:focus::-ms-fill-upper {
    background: #ffffff;
}

input.volume[type="range"]::-moz-range-track {
    width: 100%;
    height: 100%;
    background: #ffffff;
    border: none;
}

input.volume[type="range"]::-moz-range-thumb {
    border: none;
    height: 100%;
    width: 10px;
    background: #9898be;
    border: solid 1px #ffffff;
    border-radius: 100px;
    box-shadow: -407px 0 0 400px #ffe100;
    cursor: pointer;
}

input.volume[type="range"]:-moz-focusring {
    outline: 0px solid #000;
    outline-offset: -1px;
}

input.volume[type="range"]::-ms-track {
    width: 100%;
    height: 100%;
    background: #fff;
    border-color: #ffffff;
    border-width: 10px;
    color: transparent;
}

@supports (-ms-accelerator: true) {
    input.volume[type="range"]::-ms-track {
        border-width: 5px;
    }
}

input.volume[type="range"]::-ms-fill-lower {
    background: #000;
}

input.volume[type="range"]::-ms-fill-upper {
    background: #000;
}

input.volume[type="range"]::-ms-thumb {
    border: none;
    height: 20px;
    width: 20px;
    background: #f00;
}

.podcast_box h3 {
    color: #ffffff;
    margin-top: 2rem;
    font-weight: 600;
}

.auther_list img {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.auther_list {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffffff;
    margin: 1rem 0 5rem 0;
}

.auther_list a {
    color: #ffffff;
    text-decoration: underline;
}

.auther_list span {
    display: block;
    margin-left: 38px;
}

.subscribe-sidebar {
    padding: 1.5rem;
    background: linear-gradient(
        180deg,
        #6f6986 0%,
        #585171 32.3%,
        #282045 100%
    );
    border-radius: 15px;
}

.subscribe-sidebar hr {
    background-color: #ffffff;
}

.subscribe-sidebar ul li {
    font-size: 1rem;
    padding: 0.5rem 0;
}

.subscribe-sidebar .btn {
    padding: 0.6rem 1.5rem;
    font-size: 1rem;
    line-height: 1.8;
}

.podcast-info-box {
    display: flex;
    align-items: start;
    gap: 10px;
    margin-bottom: 2rem;
}

.podcast-info-box .icon {
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.podcast-info-box .text {
    display: flex;
    flex-direction: column;
}

.podcast-info-box h5 {
    font-size: 1.1rem;
    font-weight: bold;
}

.podcast-info-box p {
    font-size: 1rem;
}

.podcast-info-box p span {
    display: inline-block;
    background-color: #eeeeee;
    margin: 0 5px 0 0;
    padding: 3px 8px;
    font-size: 14px;
    border-radius: 100px;
}

.episoidbox {
    padding: 1.5rem;
    background: linear-gradient(270deg, #282045 0%, #6f6986 100%);
    border-radius: 10px;
    display: flex;
    align-items: start;
    margin-bottom: 15px;
    position: relative;
}

.episoid_image {
    width: 90px;
    height: 90px;
    border-radius: 10px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    background: #e9e8ed;
}

.episoid_image img {
    object-fit: cover;
    margin: 0 auto;
    border-radius: 10px;
    display: flex;
    height: 90px;
}

.episoid_text {
    display: flex;
    flex-direction: column;
}

.episoid_text h6 {
    color: #ffffff;
    font-weight: 500;
    font-size: 1rem;
    display: -webkit-box;
    max-width: 100%;
    height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.episoid_text .controls div {
    width: 30px;
    height: 30px;
    margin: 0 10px;
}

.episoid_text .controls div:nth-child(2) {
    transform: scale(1.4);
}

.episoid_text .controls {
    align-items: center;
    display: flex;
    justify-content: start;
    margin: 0.5rem 0 0 0;
    text-align: left;
}

.episoidbox .podcast_detail_view {
    position: absolute;
    right: 15px;
    top: 40%;
}

.episoidbox .podcast_detail_view img {
    width: 34px;
}

.profile-card {
    background: #f2f3f7;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    min-height: 125px;
}

.profile-card a {
    padding: 1rem;

    display: flex;
    align-items: center;
}

.profile-img {
    width: 60px;
    height: 80px;
    border-radius: 10px;
    object-fit: cover;
    margin-right: 15px;
}

.profile-info p {
    color: #2f1c46;
    font-size: 1.1rem;
    margin: 0;
}

.profile-name {
    color: #2f1c46;

    font-weight: bold;
    font-size: 1.3rem;
}

.speaker_image {
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    position: relative;
}

.speaker_image:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    right: -15px;
    bottom: -15px;
    filter: drop-shadow(0px 0px 20.6px rgba(0, 0, 0, 1));
    border-radius: 10px;
    border: solid 1px #9282d8;
}

.speaker_image:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: -15px;
    top: -15px;
    z-index: 1;
    filter: drop-shadow(0px 0px 20.6px rgba(0, 0, 0, 1));
    border-radius: 10px;
    border: solid 1px #594b77;
}

.statelist span {
    display: inline-block;
    background-color: #eeeeee;
    margin: 0 5px 10px 0;
    padding: 5px 10px;
    font-size: 1rem;
    border-radius: 100px;
    font-weight: 500;
}

#sidebar {
    position: absolute;
    max-width: 350px;
}

#sidebar.fixed {
    position: fixed;
    top: 0;
}

#sidebarWrap {
    position: relative;
    margin-bottom: 30px;
}

#footer {
    clear: both;
}

/*============================================
 Podcast_detail CSS End 
 ============================================*/

/*============================================
 Speaker_detail CSS Start 
 ============================================*/

.speaker_model h3 {
    font-size: 1.8rem;
}

.profilebtn {
    padding: 0.5rem 1rem;
    font-size: 1rem;
}

.speaker_detailbox h3 {
    font-size: 2.5rem;
}

.speaker_detailbox h5 {
    font-size: 1.1rem;
}

.speaker_detailbox p a {
    color: #584a74;
}

.speaker_detailbox p {
    margin-bottom: 1rem;
}

.speaker_detailbox p a:hover {
    color: #683dbe;
}

.speaker_btm_wrap .col-sm-7 {
    border-right: solid 1px #ccc;
}

.category-list-group {
    margin: 0;
    padding: 0;
}

.category-list-group li {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.category-list-group li a {
    padding: 10px 10px;
    display: block;
    width: 100%;
    background: #efedf1;
    /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.101961); */
    border-radius: 6px;
    font-size: 1.1rem;
    font-weight: 500;
}

.category-list-group li a:hover {
    background-color: #d1cbdb;
    color: #584a74;
}

.speaker_btm_wrap .podcast_detail_view {
    right: 15px;
    top: 40%;
}

/*============================================
 Speaker_detail CSS End 
 ============================================*/

/*============================================
 Contact us new CSS Start 
 ============================================*/
.contact_tab.nav-tabs {
    border-bottom: 1px solid #282045;
}

.contact_tab.nav-tabs .nav-link.active,
.contact_tab.nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: #282045;
    border-color: #282045 #282045 #282045;
}

.contact_tab.nav-tabs .nav-link:hover,
.contact_tab.nav-tabs .nav-link:focus {
    isolation: isolate;
    background-color: #282045;
    color: #ffffff;

    border-color: #282045 #282045 #282045;
}

.contact_tab.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: #e9e9ed;
    border: 1px solid transparent;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    padding: 0.8rem 1.5rem;
    font-weight: 700;
    font-size: 1.4rem;
    margin: 0 10px;
}

/*============================================
 Contact us new CSS End 
 ============================================*/

/*============================================
MAP CSS Start 
 ============================================*/

.map-container {
    position: relative;
    width: 100%;
    /* max-width: 800px; */
    margin: 0 auto;
    width: 1000px;
}

.map-container svg {
    width: 100%;
    height: auto;
}

.state {
    fill: #eae9ed;
    stroke: #333;
    stroke-width: 1;
    cursor: pointer;
    transition: fill 0.3s, stroke-width 0.3s;
}

.state:hover {
    /* fill: rgba(130, 188, 0, 1); */
    stroke-width: 1.5;
}

.state.selected {
    fill: #6d6086;
    /* Highlight color */
    stroke: #333;
    stroke-width: 2;
    color: #ffffff;
}

.state-info {
    position: absolute;
    top: 10px;
    left: 0;
    background: #fff;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    right: 0;
    margin: 0 auto;
    display: inline-table;
    text-align: center;
    opacity: 0;
}

.state-abbr {
    font-size: 10px;
    /* Adjust as needed */
    text-anchor: middle;
    /* Center the text horizontally */
    dominant-baseline: middle;
    /* Center the text vertically */
    fill: #ffffff !important;
    letter-spacing: 0.06px;
    color: #ffffff !important;
    pointer-events: none;
    /* Makes the text unclickable */
}

.state-abbr.selected {
    stroke: #fff;
    stroke-width: 1;
}

.map_pin {
    position: absolute;
    display: block;
    border-radius: 100px;
    height: 26px;
    width: 26px;
    z-index: 1;
    overflow: hidden;
    background-color: #ffffff;
    pointer-events: none;
}

.map_pin img {
    display: block;
    margin: 2px auto;
    padding: 2px;
}

.ca_pin {
    top: 45%;
    left: 19%;
}

.az_pin {
    top: 53%;
    left: 31%;
}

.tx_pin {
    top: 68%;
    left: 53%;
}

.al_pin {
    top: 77%;
    left: 19%;
}

.ia_pin {
    top: 31%;
    right: 35%;
}

.tn_pin {
    top: 53%;
    right: 26%;
}

.ct_pin {
    top: 24%;
    right: 8%;
}

.fl_pin {
    top: 72%;
    right: 15%;
}

/*============================================
  MAP CSS End 
   ============================================*/

.select2-container--default .select2-selection--multiple:before {
    content: " ";
    display: block;
    position: absolute;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    height: 0;
    right: 10px;
    margin-left: -4px;
    margin-top: -2px;
    top: 20px;
    width: 0;
    cursor: pointer;
}

.select2-container--open .select2-selection--multiple:before {
    content: " ";
    display: block;
    position: absolute;
    border-color: transparent transparent #888 transparent;
    border-width: 0 6px 8px 6px;
    height: 0;
    right: 10px;
    margin-left: -4px;
    margin-top: -2px;
    top: 20px;
    width: 0;
    cursor: pointer;
}

#multiple input::placeholder {
    color: #f00 !important;
}

.embed_iframe {
    position: relative;
}

.embed_iframe:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 999;
}

.popup_pricecard {
    position: relative;
    background: linear-gradient(
        180deg,
        #6f6986 0%,
        #585171 32.3%,
        #282045 100%
    );
    border-radius: 10px;
    padding: 1.5rem;
    overflow: hidden;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.popup_pricecard:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/background/price_popup_bg.png);
    width: 55px;
    height: 40px;
    background-size: cover;
}

.popup_pricecard h3 span {
    display: block;
    color: #c9c9c9;
    font-size: 1rem;
    font-weight: 400;
}

.popup_pricecard h3 {
    color: #fff;
    margin: 0;
}

.popup_pricecard .icon {
    height: 60px;
    width: 60px;
    background: #eae9ed;
    box-shadow: 0px 20px 8px rgba(0, 0, 0, 0.01),
        0px 11px 7px rgba(0, 0, 0, 0.05), 0px 5px 5px rgba(0, 0, 0, 0.09),
        0px 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    text-align: center;
    padding: 14px 0;
    display: block;
    float: right;
}

.discount_badge {
    background: #594b77;
    border: 1px solid rgba(255, 255, 255, 0.24);
    box-shadow: 4px 4px 4px rgba(112, 112, 112, 0.25);
    border-radius: 4px;
    display: block;
    float: left;
    padding: 1px 10px;
    color: #fff;
    position: absolute;
    bottom: 5px;
}

.negotiable_text {
    position: absolute;
    bottom: -17px;
    color: #fff;
    font-size: 12px;
    /* left: 0; */
}

.pricecard_popup .modal-body {
    padding: 1rem 2rem;
}

.pricecard_popup p {
    margin-top: 0.5rem;
}

.pricecard_popup p a {
    font-weight: 600;
    color: var(--primary);
    text-decoration: none;
}

.pricecard_popup p a:hover {
    text-decoration: underline;
}

#faculty_modal_description img {
    width: 100%;
    height: 100%;
}

.speaker_detailbox img {
    width: 100%;
    height: 100%;
}

.pricing_wrap {
    min-height: 550px;
}

.select2-container {
    width: 100% !important;
}

.select2-container .select2-search__field {
    width: 100% !important;
}

/* ===========================subscribenow new css start=========================*/

.otp-container {
    max-width: 500px;
    margin: 0 auto 40px auto;
    background: transparent;
    text-align: center;
}
.otp-input {
    width: 60px;
    height: 60px;
    margin: 0 6px;
    text-align: center;
    font-size: 1.2rem;
    border: none;
    background-color: #c0bec6;
    border-radius: 0;
}

.otp-input:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    background-color: #c0bec6;
}

.resend-link {
    color: #2e2143;
}

.resend-link a {
    color: #2e2143;
    font-weight: 600;
    text-decoration: underline;
}

.failed_bg .form-control {
    display: block;
    width: 100%;
    max-width: 550px;
    height: calc(2.5em + 0.1rem + 6px);
    padding: 0.375rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8;
    color: #282045;
    background-color: #c0bec5;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    margin: 0 auto;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.lower-padding-col-sm {
    padding: 0px 10px !important;
}

.lower-padding-row {
    margin: 0px !important;
}

.subscribe-contact-box {
    padding: 2rem;
}
/* ===========================subscribenow new css end=========================*/

.price-card {
    background-color: #eaeaea;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #594b77; /* Purple text */
    font-weight: 500;
}

.divider-dashed {
    border-top: 2px dashed #888;
    margin: 10px 0;
}

.divider-line {
    border-top: 2px solid #888;
    margin: 10px 0;
}

.total-price {
    font-weight: 700;
    color: #000;
}

.summary-box {
    margin: 40px auto;
    padding: 30px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.summary-box strong {
    font-size: 18px;
}

.summary-box small,
.summary-box span {
    font-size: 15px;
    color: #818181;
    font-weight: 500;
}

.item-label {
    font-weight: 600;
}
.text-muted-small {
    font-size: 15px;
    color: #818181;
    font-weight: 500;
}

.toggle-password {
    position: absolute;
    top: 25px;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #666;
}

select#bars {
    min-width: 320px;
    /* Enough for longest state name */
}

#barDetails {
    display: none;
}

.resend-msg {
    color: green;
    margin-top: 10px;
    font-size: 14px;
    display: none;
}

.expired-msg {
    max-width: 400px;
    margin: 20px auto;
    text-align: center;
    font-size: 2rem;
    color: #999;
}

.resend-msg.success {
    color: green;
}

.resend-msg.error {
    color: red;
}