/*font start*/
 @font-face {
     font-family: 'Lato';
     src: url('../fonts/Lato/Lato-Regular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
     font-weight: 100 900;
    /* Variable range */
     font-style: normal;
}
 @font-face {
     font-family: 'Playfair Display';
     src: url('../fonts/Playfair_Display/PlayfairDisplay-Regular.woff2') format('truetype');
}
/*font end */
 :root {
     --background-color: #ffffff;
     --default-color: #444444;
     --heading-color: #222222;
     --accent-color: #3498db;
     --surface-color: #ffffff;
     --contrast-color
     : #ffffff;
}
 :root {
     --nav-color: #444444;
     --nav-hover-color: #3F9393;
     --nav-mobile-background-color: #ffffff;
     --nav-dropdown-background-color: #ffffff;
     --nav-dropdown-color: #444444;
     --nav-dropdown-hover-color: #3498db;
}
 .light-background {
     --background-color: #f4fafd;
     --surface-color: #ffffff;
}
 .dark-background {
     --background-color: #060606;
     --default-color: #ffffff;
     --heading-color: #ffffff;
     --surface-color: #252525;
     --contrast-color: #ffffff;
}
/* Smooth scroll */
 :root {
     scroll-behavior: smooth;
}
/*-------------------------------------------------------------- # General Styling & Shared Classes --------------------------------------------------------------*/
 body {
     font-family: "Inter", sans-serif;
     margin: 0;
     padding: 0;
    overflow-x: hidden;
}
 a {
     color: var(--accent-color);
     text-decoration: none;
     transition: 0.3s;
}
 a:hover {
     color: color-mix(in srgb, var(--accent-color), transparent 25%);
     text-decoration: none;
}
 h1 {
     font-family: 'Lato';
}
 h1, h2, h3, h4, h5, h6 {
     color: var(--heading-color);
}
/* PHP Email Form Messages ------------------------------*/
 .php-email-form .error-message {
     display: none;
     background: #df1529;
     color: #ffffff;
     text-align: left;
     padding: 15px;
     margin-bottom: 24px;
     font-weight: 600;
}
 .php-email-form .sent-message {
     display: none;
     color: #ffffff;
     background: #059652;
     text-align: center;
     padding: 15px;
     margin-bottom: 24px;
     font-weight: 600;
}
 .php-email-form .loading {
     display: none;
     background: var(--surface-color);
     text-align: center;
     padding: 15px;
     margin-bottom: 24px;
}
 .php-email-form .loading:before {
     content: "";
     display: inline-block;
     border-radius: 50%;
     width: 24px;
     height: 24px;
     margin: 0 10px -6px 0;
     border: 3px solid var(--accent-color);
     border-top-color: var(--surface-color);
     animation: php-email-form-loading 1s linear infinite;
}
 @keyframes php-email-form-loading {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
/*-------------------------------------------------------------- # Global Header --------------------------------------------------------------*/
 .header {
     color: var(--default-color);
     background-color: var(--background-color);
     padding: 15px 0;
     transition: all 0.5s;
     z-index: 997;
     box-shadow: 0px 4px 4px 0px #00000014;
}
 .header .logo {
     line-height: 1;
}
.header .logo{
   width: 160px;
}
.header .logo img {
     width:100%;
}

 .header .logo h1 {
     font-size: 30px;
     margin: 0;
     font-weight: 700;
     color: var(--heading-color);
}
 .header .btn-getstarted, .header .btn-getstarted:focus {
     color: var(--contrast-color);
     background: #3F9393;
     font-size: 16px;
     padding: 11px 19px;
     margin: 0 0 0 30px;
     border-radius: 50px;
     transition: 0.3s;
}
 .header .btn-getstarted:hover, .header .btn-getstarted:focus:hover {
     color: var(--contrast-color);
     background:#3F9393;
}
 @media (max-width: 1200px) {
     .header .logo {
         order: 1;
    }
     .header .btn-getstarted {
         order: 2;
         margin: 0 15px 0 0;
         padding: 6px 15px;
    }
     .header .navmenu {
         order: 3;
    }
}
 .scrolled .header {
     box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
}
/*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/
/* Navmenu - Desktop */
 @media (min-width: 1200px) {
     .navmenu {
         padding: 0;
    }
     .navmenu ul {
         margin: 0;
         padding: 0;
         display: flex;
         list-style: none;
         align-items: center;
    }
     .navmenu li {
         position: relative;
    }
     .navmenu a, .navmenu a:focus {
         padding: 10px 15px !important;
         display: flex;
         align-items: center;
         justify-content: space-between;
         white-space: nowrap;
         transition: 0.3s;
         font-family: Inter;
         font-weight: 400;
         font-size: 16px;
         line-height: 100%;
         color: #282828;
    }
    .eventdropdownp{
		color: var(--nav-dropdown-color);
        padding: 10px 20px;
        align-items: center;
        justify-content: space-between;
        transition: 0.3s;
	}
    .eventdropdownp:hover{color:#3c9393;}
     .navmenu a i, .navmenu a:focus i {
         font-size: 12px;
         line-height: 0;
         margin-left: 5px;
         transition: 0.3s;
    }
     .navmenu li:last-child a {
         padding-right: 0;
    }
     .navmenu li:hover>a, .navmenu .active, .navmenu .active:focus {
         color: var(--nav-hover-color);
    }
     .navmenu .dropdown ul {
         margin: 0;
         padding: 10px 0;
         background: var(--nav-dropdown-background-color);
         display: block;
         position: absolute;
         visibility: hidden;
        box-shadow: none !important; 
        border: none;
         top: 130%;
         opacity: 0;
         transition: 0.3s;
         border-radius: 4px;
         z-index: 99;
         box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
         margin-top: 2px;
    }
     .navmenu .dropdown ul li {
         min-width: 200px;
    }
     .navmenu .dropdown ul a {
         padding: 10px 20px;
         font-size: 15px;
         text-transform: none;
         color: var(--nav-dropdown-color);
    }
     .navmenu .dropdown ul a i {
         font-size: 12px;
    }
     .navmenu .dropdown ul a:hover, .navmenu .dropdown ul .active:hover, .navmenu .dropdown ul li:hover>a {
         color: var(--nav-dropdown-hover-color);
    }
     .navmenu .dropdown:hover>ul {
         opacity: 1;
         top: 100%;
         visibility: visible;
    }
     .navmenu .dropdown .dropdown ul {
         top: 0;
         /* left: -90%; */
         visibility: hidden;
    }
     .navmenu .dropdown .dropdown:hover>ul {
        opacity: 1;
        top: 0px;
        /* right: -71px !important; */
        right:-68%;
        visibility: visible;
        margin-top: 0px !important;
        padding-top:0px !important;
    }
    .navmenu .dropdown.bell_icon .dropdown:hover>ul {
        opacity: 1;
        top: 35px;
    }
    .navmenu .dropdown.clickiconuser{position: relative;}
    .navmenu .dropdown.clickiconuser:hover>ul {
        padding-bottom: 0px;
        position: absolute;
        right: 0;
    }

}
/* Navmenu - Mobile @nil*/
 @media (max-width: 1199px) {
     .mobile-nav-toggle {
         color:#3c9393;
         font-size: 28px;
         line-height: 0;
         margin-right: 10px;
         cursor: pointer;
         transition: color 0.3s;
    }
     .navmenu {
         padding: 0;
         z-index: 9997;
    }
     .navmenu ul {
        display: none;
         list-style: none;
         position: absolute;
         inset: 60px 20px 20px 20px;
         padding: 10px 0;
         margin: 0;
         border-radius: 6px;
         background-color: var(--nav-mobile-background-color);
         overflow-y: auto;
         transition: 0.3s;
         z-index: 9998;
         box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    }
     .navmenu a, .navmenu a:focus {
         color: var(--nav-dropdown-color);
         padding: 10px 20px;
         font-family: var(--nav-font);
         font-size: 17px;
         font-weight: 500;
         display: flex;
         align-items: center;
         justify-content: space-between;
         white-space: nowrap;
         transition: 0.3s;
    }
     .navmenu a i, .navmenu a:focus i {
         font-size: 12px;
         line-height: 0;
         margin-left: 5px;
         width: 30px;
         height: 30px;
         display: flex;
         align-items: center;
         justify-content: center;
         border-radius: 50%;
         transition: 0.3s;
         background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
    }
     .navmenu a i:hover, .navmenu a:focus i:hover {
         background-color: var(--accent-color);
         color: var(--contrast-color);
    }
     .navmenu a:hover, .navmenu .active, .navmenu .active:focus {
         color: #3c9393; 
    }
     .navmenu .active i, .navmenu .active:focus i {
         background-color: var(--accent-color);
         color: var(--contrast-color);
         transform: rotate(180deg);
    }
     .navmenu .dropdown ul {
         position: static;
         display: none;
         z-index: 99;
         padding: 10px 0;
         margin: 10px 20px;
         background-color: var(--nav-dropdown-background-color);
         border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
         box-shadow: none;
         transition: all 0.5s ease-in-out;
    }
     .navmenu .dropdown ul ul {
         background-color: rgba(33, 37, 41, 0.1);
    }
     .navmenu .dropdown>.dropdown-active {
         display: block;
         background-color: rgba(33, 37, 41, 0.03);
    }
     .mobile-nav-active {
         overflow: hidden;
    }
     .mobile-nav-active .mobile-nav-toggle {
         color: #fff;
         position: absolute;
         font-size: 32px;
         top: 15px;
         right: 15px;
         margin-right: 0;
         z-index: 9999;
    }
     .mobile-nav-active .navmenu {
         position: fixed;
         overflow: hidden;
         inset: 0;
         background: rgba(33, 37, 41, 0.8);
         transition: 0.3s;
    }
     .mobile-nav-active .navmenu>ul {
         display: block;
    }
}
/*-------------------------------------------------------------- # Global Footer --------------------------------------------------------------*/
 .footer {
     color: var(--default-color);
     background: rgba(63, 147, 147, 1);
     font-size: 14px;
     padding: 40px 0;
     position: relative;
     box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
 .footer .copyright p {
     margin-bottom: 0;
}
 .footer .social-links {
     margin-top: 20px;
}
 .footer .social-links a {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);
     font-size: 16px;
     color: color-mix(in srgb, var(--default-color), transparent 50%);
     margin: 0 5px;
     transition: 0.3s;
}
 .footer .social-links a:hover {
     color: var(--accent-color);
     border-color: var(--accent-color);
}
 .footer .credits {
     margin-top: 10px;
     font-size: 13px;
     text-align: center;
}
/*-------------------------------------------------------------- # Preloader --------------------------------------------------------------*/
 #preloader {
     position: fixed;
     inset: 0;
     z-index: 999999;
     overflow: hidden;
     background: var(--background-color);
     transition: all 0.6s ease-out;
}
 #preloader:before {
     content: "";
     position: fixed;
     top: calc(50% - 30px);
     left: calc(50% - 30px);
     border: 6px solid #ffffff;
     border-color: var(--accent-color) transparent var(--accent-color) transparent;
     border-radius: 50%;
     width: 60px;
     height: 60px;
     animation: animate-preloader 1.5s linear infinite;
}
 @keyframes animate-preloader {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
/*-------------------------------------------------------------- # Scroll Top Button --------------------------------------------------------------*/
 .scroll-top {
     position: fixed;
     visibility: hidden;
     opacity: 0;
     right: 15px;
     bottom: 15px;
     z-index: 99999;
     background-color: #21476bcf;
     width: 40px;
     height: 40px;
     border-radius: 4px;
     transition: all 0.4s;
     border-radius: 50%;
}
 .scroll-top i {
     font-size: 24px;
     color: var(--contrast-color);
     line-height: 0;
}
 .scroll-top:hover {
     background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
     color: var(--contrast-color);
}
 .scroll-top.active {
     visibility: visible;
     opacity: 1;
}
/*-------------------------------------------------------------- # Disable aos animation delay on mobile devices --------------------------------------------------------------*/
 @media screen and (max-width: 768px) {
     [data-aos-delay] {
         transition-delay: 0 !important;
    }
}
/*-------------------------------------------------------------- # Global Page Titles & Breadcrumbs --------------------------------------------------------------*/
 .page-title {
     --background-color: color-mix(in srgb, var(--default-color), transparent 96%);
     color: var(--default-color);
     background-color: var(--background-color);
     padding: 20px 0;
     position: relative;
}
 .page-title h1 {
     font-size: 28px;
     font-weight: 700;
     margin: 0;
}
 .page-title .breadcrumbs ol {
     display: flex;
     flex-wrap: wrap;
     list-style: none;
     padding: 0 0 10px 0;
     margin: 0;
     font-size: 14px;
     font-weight: 400;
}
 .page-title .breadcrumbs ol li+li {
     padding-left: 10px;
}
 .page-title .breadcrumbs ol li+li::before {
     content: "/";
     display: inline-block;
     padding-right: 10px;
     color: color-mix(in srgb, var(--default-color), transparent 70%);
}
/*-------------------------------------------------------------- # Global Sections --------------------------------------------------------------*/
 section, .section {
     color: var(--default-color);
     background-color: var(--background-color);
     padding: 60px 0;
     scroll-margin-top: 90px;
     overflow: clip;
}
 @media (max-width: 1199px) {
     section, .section {
         scroll-margin-top: 66px;
    }
}
/*-------------------------------------------------------------- # Global Section Titles --------------------------------------------------------------*/
 .section-title {
     text-align: center;
     /* padding-bottom: 60px; */
     padding-bottom: 15px;
     position: relative;
}
 .section-title h2 {
     font-size: 32px;
     font-weight: 700;
     position: relative;
}
 .section-title h2:before, .section-title h2:after {
     content: "";
     width: 50px;
     height: 2px;
     background: var(--accent-color);
     display: inline-block;
}
 .section-title h2:before {
     margin: 0 15px 10px 0;
}
 .section-title h2:after {
     margin: 0 0 10px 15px;
}
 .section-title p {
     margin-bottom: 0;
}
/*-------------------------------------------------------------- # Hero Section --------------------------------------------------------------*/
 .hero {
     width: 100%;
    /* min-height: 100vh;
    */ 
     position: relative;
     padding: 0px 0 60px 0;
     display: flex;
     align-items: center;
     background-image:url('../img/home-page-icon/Framehome.webp');
     /* background-image:url('../img/home-page-icon/hero-bg.png'); */
     background-size: cover;
     background-repeat: no-repeat;
     padding-bottom: 0px;
}




 .hero .container{
     position: relative;
     z-index: 99;
}
.hero h1 {
    margin: 0;
    font-family: Playfair Display;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    color: #08325A;
    margin-bottom: 15px;
    font-size: 53px;
}
 .hero ul {
     display: flex;
     justify-content: space-around;
     align-items: baseline;
     gap: 40px;
}
 .hero ul li{
     list-style: none;
     padding-top: 30px;
     padding-left: 0px;
     font-family: Inter;
     font-weight: 500;
     font-size: 20px;
     line-height: 100%;
     text-align: center;
}
 .hero h2{
     font-family: Lato;
     font-weight: 400;
     font-size: 32px;
     line-height: 100%;
     margin-bottom: 40px;
     color: #3F9393;
}
 .hero p {
     color: color-mix(in srgb, var(--default-color), transparent 40%);
     margin: 5px 0 20px 0;
     font-size: 22px;
     font-weight: 400;
}
 .hero .btn-get-started {
     font-family: var(--heading-font);
     font-weight: 500;
     font-size: 15px;
     letter-spacing: 1px;
     display: inline-block;
     padding: 10px 36px;
     border-radius: 50px;
     transition: 0.3s;
     border: 2px solid var(--accent-color);
}
 .hero .btn-get-started:hover {
     color: var(--contrast-color);
     background: var(--accent-color);
}
 .hero .animated {
     animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
 @media (max-width: 640px) {
     .hero h1 {
         font-size: 28px;
         line-height: 36px;
    }
     .hero p {
         font-size: 18px;
         line-height: 24px;
         margin-bottom: 30px;
    }
     .hero .btn-get-started, .hero .btn-watch-video {
         font-size: 13px;
    }
}
 @keyframes up-down {
     0% {
         transform: translateY(10px);
    }
     100% {
         transform: translateY(-10px);
    }
}
/*-------------------------------------------------------------- # Clients Section --------------------------------------------------------------*/
 .clients {
     padding: 20px 0;
}
 .clients .client-logo {
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
}
 .clients .client-logo img {
     padding: 20px 40px;
     max-width: 90%;
     transition: 0.3s;
     opacity: 0.5;
     filter: grayscale(100);
}
 .clients .client-logo img:hover {
     filter: none;
     opacity: 1;
}
 @media (max-width: 640px) {
     .clients .client-logo img {
         padding: 20px;
    }
}
/*-------------------------------------------------------------- # About Section --------------------------------------------------------------*/
 .about .content h3 {
     font-weight: 700;
     font-size: 34px;
     margin-bottom: 30px;
}
 .about .content p {
     margin-bottom: 30px;
}
 .about .content .about-btn {
     padding: 8px 30px 9px 30px;
     color: var(--accent-color);
     border-radius: 50px;
     transition: 0.3s;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 13px;
     display: inline-flex;
     align-items: center;
     border: 2px solid var(--accent-color);
}
 .about .content .about-btn i {
     font-size: 16px;
     padding-left: 5px;
}
 .about .content .about-btn:hover {
     background: var(--accent-color);
     color: var(--contrast-color);
}
 .about .icon-box i {
     font-size: 40px;
     color: var(--accent-color);
     margin-bottom: 10px;
}
 .about .icon-box h4 {
     font-size: 20px;
     font-weight: 700;
     margin: 0 0 10px 0;
}
 .about .icon-box h4 a {
     color: var(--heading-color);
     transition: 0.3s;
}
 .about .icon-box p {
     font-size: 15px;
     color: color-mix(in srgb, var(--default-color), transparent 40%);
     margin-bottom: 0;
}
 .about .icon-box:hover h4 a {
     color: var(--accent-color);
}
/*-------------------------------------------------------------- # Stats Section --------------------------------------------------------------*/
 .stats .stats-item {
     padding: 10px;
}
 .stats .stats-item i {
     font-size: 44px;
     color: var(--accent-color);
     line-height: 0;
     margin-right: 15px;
}
 .stats .stats-item .purecounter {
     color: var(--heading-color);
     font-size: 40px;
     display: block;
     font-weight: 700;
     line-height: 40px;
}
 .stats .stats-item p {
     color: color-mix(in srgb, var(--default-color), transparent 40%);
     padding: 15px 0 0 0;
     margin: 0;
     font-family: var(--heading-font);
     font-size: 14px;
}
/*-------------------------------------------------------------- # Services Section --------------------------------------------------------------*/
 .services .service-item {
     background-color: var(--surface-color);
     box-shadow: 0px 0 30px 0 rgba(0, 0, 0, 0.1);
     padding: 50px 30px;
     transition: all ease-in-out 0.4s;
     height: 100%;
     overflow: hidden;
     z-index: 1;
}
 .services .service-item:before {
     content: "";
     position: absolute;
     background: color-mix(in srgb, var(--accent-color), transparent 96%);
     right: -80px;
     top: -80px;
     width: 150px;
     height: 150px;
     border-radius: 50%;
     transition: all 0.3s;
     z-index: -1;
}
 .services .service-item:after {
     content: "";
     position: absolute;
     background: color-mix(in srgb, var(--accent-color), transparent 97%);
     right: -140px;
     top: -140px;
     width: 250px;
     height: 250px;
     border-radius: 50%;
     transition: all 0.3s;
     z-index: -1;
}
 .services .service-item i {
     background: var(--accent-color);
     color: var(--contrast-color);
     font-size: 24px;
     transition: 0.3s;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 56px;
     height: 56px;
     border-radius: 50%;
}
 .services .service-item h4 {
     font-weight: 600;
     margin: 15px 0 0 0;
     transition: 0.3s;
     font-size: 20px;
}
 .services .service-item h4 a {
     color: var(--heading-color);
}
 .services .service-item p {
     line-height: 24px;
     font-size: 14px;
     margin: 10px 0 0 0;
}
 .services .service-item:hover:before, .services .service-item:hover:after {
     background: var(--accent-color);
     right: 0;
     top: 0;
     width: 100%;
     height: 100%;
     border-radius: 0px;
}
 .services .service-item:hover h4 a, .services .service-item:hover p {
     color: var(--contrast-color);
}
 .services .service-item:hover i {
     background: var(--surface-color);
     color: var(--accent-color);
}
/*-------------------------------------------------------------- # Alt Services Section --------------------------------------------------------------*/
 .alt-services .img {
     border-radius: 8px;
     overflow: hidden;
         border: 2px solid white;
         margin-bottom: 20px;
}
.alt-services .badge-check{
        padding: 5px;
    border-radius: 50%;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 11px;
    /* background: rgba(63, 147, 147, 1); */
    color: white !important;
    font-size: 11px;
}

 .alt-services .img img {
     transition: 0.6s;
}
 .alt-services .details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgb(0 0 0 / 118%), #00000005);
    padding: 15px 25px;
    color: #fff;
    border-radius: 0px 0px 6px 6px; 
        /* position: absolute;
    left: 2px;
    right: 1px;
    bottom: 0px;
    padding: 11px;
    transition: all ease-in-out 0.3s;
    text-align: left;
    box-shadow: 0px 0 25px rgba(0, 0, 0, 0.1);
    background: linear-gradient(0deg, #1C1C1C 0%, rgba(17, 17, 17, 0.66) 100%);
    color: white;
    border-radius: 0px 0px 6px 6px; */
}

.alt-services .details .badge-check{
    display: none;
}
 .alt-services .details h3 {
    margin: 10px 0 4px 0;
    transition: ease-in-out 0.3s;
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: white;
}
.alt-services .details span{
font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    color: rgba(156, 226, 226, 1);
}
 .alt-services .details p {
     color: color-mix(in srgb, var(--default-color), transparent 10%);
     line-height: 24px;
     font-size: 14px;
     margin-bottom: 0;

}
.alt-services .details .stretched-link h3{font-size: 15px;}
.alt-services .details .stretched-link span{font-size: 14px;}

 .alt-services .service-item:hover .details h3 {
     color: var(--accent-color);
}
 .alt-services .service-item:hover .img img {
     transform: scale(1.2);
}
/*-------------------------------------------------------------- # Features Section --------------------------------------------------------------*/
 .features .features-item {
     background-color: var(--surface-color);
     display: flex;
     align-items: center;
     padding: 20px;
     transition: 0.3s;
     border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
     position: relative;
}
 .features .features-item i {
     font-size: 32px;
     padding-right: 10px;
     line-height: 0;
}
 .features .features-item h3 {
     font-weight: 700;
     margin: 0;
     padding: 0;
     line-height: 1;
     font-size: 16px;
}
 .features .features-item h3 a {
     color: var(--heading-color);
     transition: 0.3s;
}
 .features .features-item:hover {
     border-color: var(--accent-color);
}
 .features .features-item:hover h3 a {
     color: var(--accent-color);
}
/*-------------------------------------------------------------- # Testimonials Section --------------------------------------------------------------*/
 .testimonials .testimonial-wrap {
     padding-left: 50px;
}
 .testimonials .testimonials-carousel, .testimonials .testimonials-slider {
     overflow: hidden;
}
 .testimonials .testimonial-item {
     background-color: var(--surface-color);
     box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
     box-sizing: content-box;
     padding: 30px 30px 30px 60px;
     margin: 30px 15px;
     min-height: 200px;
     position: relative;
}
 .testimonials .testimonial-item .testimonial-img {
     width: 90px;
     border-radius: 10px;
     border: 6px solid var(--background-color);
     position: absolute;
     left: -45px;
}
 .testimonials .testimonial-item h3 {
     font-size: 18px;
     font-weight: bold;
     margin: 10px 0 5px 0;
}
 .testimonials .testimonial-item h4 {
     color: color-mix(in srgb, var(--default-color), transparent 50%);
     font-size: 14px;
     margin: 0;
}
 .testimonials .testimonial-item .stars {
     margin: 10px 0;
}
 .testimonials .testimonial-item .stars i {
     color: #ffc107;
     margin: 0 1px;
}
 .testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
     color: color-mix(in srgb, var(--accent-color), transparent 60%);
     font-size: 26px;
     line-height: 0;
}
 .testimonials .testimonial-item .quote-icon-left {
     display: inline-block;
     left: -5px;
     position: relative;
}
 .testimonials .testimonial-item .quote-icon-right {
     display: inline-block;
     right: -5px;
     position: relative;
     top: 10px;
     transform: scale(-1, -1);
}
 .testimonials .testimonial-item p {
     font-style: italic;
     margin: 15px auto 15px auto;
}
 .testimonials .swiper-wrapper {
     height: auto;
}
 .testimonials .swiper-pagination {
     margin-top: 20px;
     position: relative;
}
 .testimonials .swiper-pagination .swiper-pagination-bullet {
     width: 12px;
     height: 12px;
     background-color: var(--background-color);
     opacity: 1;
     border: 1px solid var(--accent-color);
}
 .testimonials .swiper-pagination .swiper-pagination-bullet-active {
     background-color: var(--accent-color);
}
 @media (max-width: 767px) {
     .testimonials .testimonial-wrap {
         padding-left: 0;
    }
    /* meena*/
     .hero h2{
         font-size: 11px;
         line-height: 36px;
         margin-bottom: 0px;
    }
     .hero ul{
        display: block;
    }
     .search-container {
         flex-direction: column;
         border-radius: 20px;
    }
     .search-container input, .search-container button {
         border-radius: 20px;
         width: 100%;
    }
     .search-container button {
         margin-top:0px;
    }
     .search-container .icon_img{
         display: none;
    }
    /* meena*/
     .testimonials .testimonials-carousel, .testimonials .testimonials-slider {
         overflow: hidden;
    }
     .testimonials .testimonial-item {
         padding: 30px;
         margin: 15px;
    }
     .testimonials .testimonial-item .testimonial-img {
         position: static;
         left: auto;
    }
}
/*-------------------------------------------------------------- # Portfolio Section --------------------------------------------------------------*/
 .portfolio .portfolio-filters {
     padding: 0;
     margin: 0 auto 20px auto;
     list-style: none;
     text-align: center;
}
 .portfolio .portfolio-filters li {
     cursor: pointer;
     display: inline-block;
     padding: 0;
     font-size: 18px;
     font-weight: 500;
     margin: 0 10px;
     line-height: 1;
     margin-bottom: 5px;
     transition: all 0.3s ease-in-out;
}
 .portfolio .portfolio-filters li:hover, .portfolio .portfolio-filters li.filter-active {
     color: var(--accent-color);
}
 .portfolio .portfolio-filters li:first-child {
     margin-left: 0;
}
 .portfolio .portfolio-filters li:last-child {
     margin-right: 0;
}
 @media (max-width: 575px) {
     .portfolio .portfolio-filters li {
         font-size: 14px;
         margin: 0 5px;
    }
}
 .portfolio .portfolio-content {
     position: relative;
     overflow: hidden;
}
 .portfolio .portfolio-content img {
     transition: 0.3s;
}
 .portfolio .portfolio-content .portfolio-info {
     opacity: 0;
     position: absolute;
     inset: 0;
     z-index: 3;
     transition: all ease-in-out 0.3s;
     background: rgba(0, 0, 0, 0.6);
     padding: 15px;
}
 .portfolio .portfolio-content .portfolio-info h4 {
     font-size: 14px;
     padding: 5px 10px;
     font-weight: 400;
     color: #ffffff;
     display: inline-block;
     background-color: var(--accent-color);
}
 .portfolio .portfolio-content .portfolio-info p {
     position: absolute;
     bottom: 10px;
     text-align: center;
     display: inline-block;
     left: 0;
     right: 0;
     font-size: 16px;
     font-weight: 600;
     color: rgba(255, 255, 255, 0.8);
}
 .portfolio .portfolio-content .portfolio-info .preview-link, .portfolio .portfolio-content .portfolio-info .details-link {
     position: absolute;
     left: calc(50% - 40px);
     font-size: 26px;
     top: calc(50% - 14px);
     color: #fff;
     transition: 0.3s;
     line-height: 1.2;
}
 .portfolio .portfolio-content .portfolio-info .preview-link:hover, .portfolio .portfolio-content .portfolio-info .details-link:hover {
     color: var(--accent-color);
}
 .portfolio .portfolio-content .portfolio-info .details-link {
     left: 50%;
     font-size: 34px;
     line-height: 0;
}
 .portfolio .portfolio-content:hover .portfolio-info {
     opacity: 1;
}
 .portfolio .portfolio-content:hover img {
     transform: scale(1.1);
}
/*-------------------------------------------------------------- # Team Section --------------------------------------------------------------*/
 .team .team-member {
     background-color: var(--surface-color);
     overflow: hidden;
     border-radius: 5px;
     box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
     height: 100%;
}
 .team .team-member .member-img {
     position: relative;
     overflow: hidden;
}
 .team .team-member .social {
     position: absolute;
     left: 0;
     bottom: 30px;
     right: 0;
     opacity: 0;
     transition: ease-in-out 0.3s;
     text-align: center;
}
 .team .team-member .social a {
     background: color-mix(in srgb, var(--contrast-color), transparent 25%);
     color: color-mix(in srgb, var(--default-color), transparent 20%);
     margin: 0 3px;
     border-radius: 4px;
     width: 36px;
     height: 36px;
     transition: ease-in-out 0.3s;
     display: inline-flex;
     justify-content: center;
     align-items: center;
}
 .team .team-member .social a:hover {
     color: var(--contrast-color);
     background: var(--accent-color);
}
 .team .team-member .social i {
     font-size: 18px;
     line-height: 0;
}
 .team .team-member .member-info {
     padding: 25px 15px;
}
 .team .team-member .member-info h4 {
     font-weight: 700;
     margin-bottom: 5px;
     font-size: 18px;
}
 .team .team-member .member-info span {
     display: block;
     font-size: 13px;
     font-weight: 400;
     color: color-mix(in srgb, var(--default-color), transparent 40%);
}
 .team .team-member:hover .social {
     opacity: 1;
     bottom: 15px;
}
/*-------------------------------------------------------------- # Pricing Section --------------------------------------------------------------*/
 .pricing .pricing-item {
     background-color: var(--surface-color);
     box-shadow: 0 3px 20px -2px rgba(0, 0, 0, 0.1);
     border-top: 4px solid var(--background-color);
     padding: 60px 40px;
     height: 100%;
     border-radius: 5px;
}
 .pricing h3 {
     font-weight: 600;
     margin-bottom: 15px;
     font-size: 20px;
}
 .pricing h4 {
     color: var(--accent-color);
     font-size: 48px;
     font-weight: 400;
     font-family: var(--heading-font);
     margin-bottom: 0;
}
 .pricing h4 sup {
     font-size: 28px;
}
 .pricing h4 span {
     color: color-mix(in srgb, var(--default-color), transparent 50%);
     font-size: 18px;
}
 .pricing ul {
     padding: 20px 0;
     list-style: none;
     color: color-mix(in srgb, var(--default-color), transparent 30%);
     text-align: left;
     line-height: 20px;
}
 .pricing ul li {
     padding: 10px 0;
     display: flex;
     align-items: center;
}
 .pricing ul i {
     color: #059652;
     font-size: 24px;
     padding-right: 3px;
}
 .pricing ul .na {
     color: color-mix(in srgb, var(--default-color), transparent 60%);
}
 .pricing ul .na i {
     color: color-mix(in srgb, var(--default-color), transparent 60%);
}
 .pricing ul .na span {
     text-decoration: line-through;
}
 .pricing .buy-btn {
     color: var(--accent-color);
     display: inline-block;
     padding: 8px 35px 10px 35px;
     border-radius: 50px;
     transition: none;
     font-size: 16px;
     font-weight: 500;
     font-family: var(--heading-font);
     transition: 0.3s;
     border: 1px solid var(--accent-color);
}
 .pricing .buy-btn:hover {
     background: var(--accent-color);
     color: var(--contrast-color);
}
 .pricing .featured {
     border-top-color: var(--accent-color);
}
 .pricing .featured .buy-btn {
     background: var(--accent-color);
     color: var(--contrast-color);
}
 @media (max-width: 992px) {
     .pricing .box {
         max-width: 60%;
         margin: 0 auto 30px auto;
    }
}
 @media (max-width: 767px) {
     .pricing .box {
         max-width: 80%;
         margin: 0 auto 30px auto;
    }
}
 @media (max-width: 420px) {
     .pricing .box {
         max-width: 100%;
         margin: 0 auto 30px auto;
    }
}
/*-------------------------------------------------------------- # Faq Section --------------------------------------------------------------*/
 .faq .faq-item {
     margin: 20px 0;
     padding: 20px 0;
     border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}
 .faq .faq-item i {
     color: var(--accent-color);
     font-size: 18px;
     margin-right: 10px;
}
 .faq .faq-item h4 {
     font-size: 16px;
     line-height: 26px;
     font-weight: 700;
}
 .faq .faq-item p {
     font-size: 15px;
}
 .faq .faq-item:first-child {
     padding-top: 0;
     margin-top: 0;
}
 .faq .faq-item:last-child {
     border: 0;
     padding-bottom: 0;
     margin-bottom: 0;
}
/*-------------------------------------------------------------- # Contact Section --------------------------------------------------------------*/
 .contact {
     background-image: url("../img/contact-bg.png");
     background-position: left center;
     background-repeat: no-repeat;
     position: relative;
}
 @media (max-width: 640px) {
     .contact {
         background-position: center 50px;
         background-size: contain;
    }
}
 .contact:before {
     content: "";
     background: color-mix(in srgb, var(--background-color), transparent 30%);
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
}
 .contact .info-item+.info-item {
     margin-top: 40px;
}
 .contact .info-item i {
     background: var(--accent-color);
     color: var(--contrast-color);
     font-size: 20px;
     width: 44px;
     height: 44px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50px;
     transition: all 0.3s ease-in-out;
     margin-right: 15px;
}
 .contact .info-item h3 {
     padding: 0;
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 5px;
}
 .contact .info-item p {
     padding: 0;
     margin-bottom: 0;
     font-size: 14px;
}
 .contact .php-email-form {
     height: 100%;
}
 .contact .php-email-form input[type=text], .contact .php-email-form input[type=email], .contact .php-email-form textarea {
     font-size: 14px;
     padding: 10px 15px;
     box-shadow: none;
     border-radius: 0;
     color: var(--default-color);
     background-color: color-mix(in srgb, var(--background-color), transparent 50%);
     border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}
 .contact .php-email-form input[type=text]:focus, .contact .php-email-form input[type=email]:focus, .contact .php-email-form textarea:focus {
     border-color: var(--accent-color);
}
 .contact .php-email-form input[type=text]::placeholder, .contact .php-email-form input[type=email]::placeholder, .contact .php-email-form textarea::placeholder {
     color: color-mix(in srgb, var(--default-color), transparent 70%);
}
 .contact .php-email-form button[type=submit] {
     color: var(--contrast-color);
     background: var(--accent-color);
     border: 0;
     padding: 10px 30px;
     transition: 0.4s;
     border-radius: 50px;
}
 .contact .php-email-form button[type=submit]:hover {
     background: color-mix(in srgb, var(--accent-color), transparent 20%);
}
/*-------------------------------------------------------------- # Portfolio Details Section --------------------------------------------------------------*/
 .portfolio-details .portfolio-details-slider img {
     width: 100%;
}
 .portfolio-details .portfolio-details-slider .swiper-pagination {
     margin-top: 20px;
     position: relative;
}
 .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
     width: 12px;
     height: 12px;
     background-color: color-mix(in srgb, var(--default-color), transparent 85%);
     opacity: 1;
}
 .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
     background-color: var(--accent-color);
}
 .portfolio-details .portfolio-info {
     background-color: var(--surface-color);
     padding: 30px;
     box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);
}
 .portfolio-details .portfolio-info h3 {
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 20px;
     padding-bottom: 20px;
     border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}
 .portfolio-details .portfolio-info ul {
     list-style: none;
     padding: 0;
     font-size: 15px;
}
 .portfolio-details .portfolio-info ul li+li {
     margin-top: 10px;
}
 .portfolio-details .portfolio-description {
     padding-top: 30px;
}
 .portfolio-details .portfolio-description h2 {
     font-size: 26px;
     font-weight: 700;
     margin-bottom: 20px;
}
 .portfolio-details .portfolio-description p {
     padding: 0;
     color: color-mix(in srgb, var(--default-color), transparent 30%);
}
/*-------------------------------------------------------------- # Service Details Section --------------------------------------------------------------*/
 .service-details .services-list {
     background-color: var(--surface-color);
     padding: 10px 30px;
     border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
     margin-bottom: 20px;
}
 .service-details .services-list a {
     display: block;
     line-height: 1;
     padding: 8px 0 8px 15px;
     border-left: 3px solid color-mix(in srgb, var(--default-color), transparent 70%);
     margin: 20px 0;
     color: color-mix(in srgb, var(--default-color), transparent 20%);
     transition: 0.3s;
}
 .service-details .services-list a.active {
     color: var(--heading-color);
     font-weight: 700;
     border-color: var(--accent-color);
}
 .service-details .services-list a:hover {
     border-color: var(--accent-color);
}
 .service-details .services-img {
     margin-bottom: 20px;
}
 .service-details h3 {
     font-size: 26px;
     font-weight: 700;
}
 .service-details h4 {
     font-size: 20px;
     font-weight: 700;
}
 .service-details p {
     font-size: 15px;
}
 .service-details ul {
     list-style: none;
     padding: 0;
     font-size: 15px;
}
 .service-details ul li {
     padding: 5px 0;
     display: flex;
     align-items: center;
}
 .service-details ul i {
     font-size: 20px;
     margin-right: 8px;
     color: var(--accent-color);
}
/*-------------------------------------------------------------- # Starter Section Section --------------------------------------------------------------*/
 .starter-section {
    /* Add your styles here */
}
 .Search input{
     border: 1px solid #70B4B480;
     background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(0deg, #FFFFFF, #FFFFFF);
     box-shadow: -1px 2px 4.8px 4px #00000000;
     background: white;
     border-radius: 50px;
     padding: 17px;
     padding-left: 6%;
     position: relative;
}
 .hero ul{
     padding-left: 0px;
}
 .search-container .icon_img{
        position: absolute;
    top: 20px;
    left: 18px;
    width: 15px;
}
/* CSS */
 .search-container {
     /* display: flex; */
     align-items: center;
     background: #fff;
     border-radius: 40px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
     padding: 6px;
     max-width: 700px;
     position: relative;
     padding-left:15px;
     border: 1px solid #e0e0e0;
     overflow: hidden;
    margin-top: 30px;
}
 .search-container input {
     flex: 1;
     border: none;
     outline: none;
     padding: 10px 10px;
     border-radius: 40px 0 0 40px;
     font-size: 16px;
     font-family: 'Inter', sans-serif;
     width: 64%;
}
 .search-container button {
     background-color: #21476bcf;
     float: right;
     color: #fff;
     padding: 7px 26px;
     border: none;
     border-radius: 40px;
     font-size: 16px;
     font-weight: 500;
     cursor: pointer;
     transition: background 0.3s ease;
     font-family: 'Inter', sans-serif;
}
 .search-container button:hover {
     background-color: #0b2450;
}
.name_last h6{font-size: 12px;}
 .dentaina{
     /* font-family: Lato; */
     /* font-weight: 400; */
     /* font-size: 1.5rem; */
     line-height: 100%;
     margin-bottom: 40px;
     color: #3F9393;
}
.textcontent{
    text-align: left;

}
.deatiltext h1, .deatiltext h2, .deatiltext h3, .deatiltext h4, .deatiltext h5 {
    font-size: 24px;
    font-weight: 700;
    color:#3F9393;
}
.dentainas{
    /* font-family: Lato; */
    /* font-size: 1.5rem; */
    line-height: 55px;
    margin-bottom: 40px; 
    color: #3F9393; 
}

 .maihead{
     font-family: Playfair Display;
     font-weight: 700;
     font-size: 40px;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
     color: #08325A;
}
 .Explore .category-nav a {
     margin: 0 2px;
     font-size: 16px;
     font-weight: 500;
     color: #333;
     text-decoration: none;
     border-bottom: 2px solid transparent;
     padding-bottom: 4px;
}
.viewallcard{
    text-align: right;
    color: #002e5e;
    font-size: 16px;
}
 .Explore .category-nav a.active {
     color: #2d8b84;
     border-color: #2d8b84;
}
 .Explore .card-overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background: linear-gradient(to top, rgb(0 0 0 / 118%), #00000005);
     padding: 15px 25px;
     color: #fff;
     padding-bottom:20px !important;
}
 .Explore .card-overlay:before {
     content: '';
     position: absolute;
     width: 4px;
     height: 52px;
     background-color: #3F9393;
     left: 15px;
     border-radius: 8px;
     height: 44px;
}
 .Explore .card-title {
     font-size: 1rem;
     font-weight: 500;
     font-size: 19px;
     text-align: left;
}
 .Explore .card-subtitle {
     font-size: 14px;
     color: #9CE2E2;
     text-align: left;
    min-height: 21px;
    max-height: 100%;
}
 .Explore .badge-check {
     color: white;
     margin-left: 6px;
     font-size: 12px;
     background: #3F9393;
     width: 20px;
     height: 20px;
     line-height: 20px;
     border-radius: 50%;
     text-align: center;
}
 .Explore .see-more-btn {
     background-color: #21476bcf;
     color: white;
     padding: 10px 20px;
     border-radius: 8px;
     font-size: 1rem;
     text-decoration: none;
}
 .Explore .see-more-btn:hover {
     background-color: #21476B;
}
 .all-segment-right-top {
     position: absolute;
     top: 0;
     right: 0;
     z-index: -9;
     opacity: 0.4;
}
 .all-segment-left-bottom {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: -9;
     opacity: 0.4;
}
 section.Explore{
     position: relative;
     z-index: 9;
     overflow: hidden;
     background: linear-gradient(0deg, rgba(135, 200, 200, 0.0828) 0%, rgba(63, 147, 147, 0.23) 100%);
}
 .Explore .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
     background-color: transparent;
     border-radius: 0px;
}
/*success-section css*/
 .success-section .success-title {
     font-size: 2.5rem;
     font-weight: 600;
     color: #0c2d5e;
     text-align: left;
}
 .margin-bot{
     margin-bottom: 4rem;
}
 .success-section .success-title span {
    /* font-family: 'Pacifico', cursive;
    */
     color: #2d8b84;
     font-size: 2.2rem;
}
 .success-section .quote {
     font-size: 1.1rem;
     margin-top: 20px;
     color: #444;
     position: relative;
}
 .success-section .quote::before {
     content: url('../img/home-page-icon/left.png');
     position: absolute;
     left: -45px;
     top: -10px;
     background-repeat: no-repeat;
}
 .success-section .quote::after {
     content: url('../img/home-page-icon/right.png');
     margin-left: 9px;
}
 .success-section .author-info {
     display: flex;
     align-items: center;
     margin-top: 25px;
     gap:15px;
}
 .success-section .author-img {
     width: 50px;
     height: 50px;
     object-fit: cover;
     border-radius: 50%;
     margin-right: 15px;
}
 .success-section .author-name {
     font-weight: 600;
     font-size: 1rem;
}
 .success-section .author-role {
     font-size: 0.9rem;
     color: #2d8b84;
}
 .success-section .image-stack {
     position: relative;
     width: fit-content;
     margin-bottom: 3rem;
}
 .success-section .image-stack img {
     border:9px solid white;
     box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
 .success-section .image1 {
    /* width: 220px;
    */
     position: relative;
     z-index: 2;
}
 .success-section .image2 {
     position: absolute;
     left: 70%;
     top: 130px;
     z-index: 9;
}
 .image-stack img {
     transition: all .3s ease-in-out;
}
 .image-stack:hover img {
     transform: scale(1.03);
}
 .blog-img img {
     transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s ease;
     will-change: transform;
}
 .blog-img:hover img {
     transform: scale(1.05);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
 .blog-img:hover img {
     transform: scale(1.05);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2), 0 0 10px rgba(255, 255, 255, 0.1);
}
 .spotlight-card img {
     transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s ease;
     will-change: transform;
}
 .spotlight-card:hover img {
     transform: scale(1.05);
    /* box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    */
}
 .spotlight-card:hover img {
     transform: scale(1.05);
    /* box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2), 0 0 10px rgba(255, 255, 255, 0.1);
    */
}
 .success-section{
     background-image: url('../img/home-page-icon/succes_bg.png');
     align-items: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     padding: 80px 0 60px 0;
     position: relative;
     z-index: 9;
     overflow: hidden;
}
/*success-section css end*/
/*chapter*/
 .Chapters{
     background-image: url('../img/home-page-icon/succes_bg.png');
     align-items: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     padding: 80px 0 60px 0;
     position: relative;
     z-index: 9;
     overflow: hidden;
}
 .chapters-section {
     padding: 40px;
     font-family: 'Segoe UI', sans-serif;
     text-align: center;
}
 .chapters-section h2 {
     margin-bottom: 30px;
}
 .chapters-section h2 span {
     color: #2d8b84;
}
 .chapters-grid {
}
 .chapter-card {
     position: relative;
     height: 250px;
     background-size: cover;
     background-position: center;
     border-radius: 12px;
     overflow: hidden;
     cursor: pointer;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
}
 .chapter-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}
 .chapter-overlay {
     position: absolute;
     bottom: 0;
     width: 100%;
     padding: 20px;
     background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
     color: #fff;
     display: flex;
     flex-direction: column;
     gap: 10px;
}
 .chapter-overlay h3 {
     font-family: Playfair Display;
     font-weight: 500;
     font-size: 24px;
     line-height: 48px;
     text-align: center;
     color: white;
}
 .chapter-overlay .tags {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
}
 .chapter-overlay .tags span {
     background-color: rgba(255, 255, 255, 0.15);
     font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 33px;
    text-align: center;
    background: #FFFFFF2E;
    border-radius: 8px;
    padding: 0px 8px;
}
 .chapter-overlay .members {
     margin-top: 5px;
     font-size: 0.9rem;
     opacity: 0.9;
}
/* chapter end*/
  .Event{
     background-image: url('../img/home-page-icon/event-bg.png')!important;
     align-items: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     padding: 80px 0 60px 0;
     position: relative;
     z-index: 9;
     overflow: hidden;
     padding-bottom: 6rem;
} 
/*.event-wrapper {
     max-width: 1100px;
     margin: 50px auto;
     border-radius: 10px;
     overflow: hidden;
     display: flex;
}
*/
 .event-left {
     position: relative;
    /* width: 55%;
    */
}
 .event-left img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .play-button.pulsewe{
     position: relative;
     top: 190px;
     left:46%;
     transform: translate(-50%, -50%);
     width: 100px;
     height: 100px;
     background: rgba(255, 255, 255, 0.85);
     border-radius: 50%;
     display: flex;
     align-items: center;
     z-index: 9;
     justify-content: center;
     animation-name: pulse;
     animation-duration: 1.5s;
     animation-timing-function: ease-out;
     animation-iteration-count: infinite;
}
 @keyframes pulsewe {
     0% {
         box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
     80% {
         box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}
/* .play-button::before {
     content: '';
     border-style: solid;
     border-width: 18px 0 18px 28px;
     border-color: transparent transparent transparent #1d1d1d;
     margin-left: 5px;
}*/
 .event-right {
     padding: 40px 0px;
     text-align: left;
}
 .event-right h5 {
     color: #0c295c;
     font-weight: 700;
     font-size: 20px;
}
 .event-right h3 {
     color: #369c97;
     font-weight: 600;
     font-size: 26px;
     margin-bottom: 25px;
     font-family: 'Lato';
}
 .event-detail {
     display: flex;
     align-items: center;
     font-size: 16px;
     margin-bottom: 12px;
     gap:10px;
}
 .event-detail i {
     color: white;
     font-size: 18px;
     margin-right: 12px;
     background: #3f9393;
     width: 40px;
     padding: 10px;
     height: 40px;
     text-align: center;
     border-radius: 50%;
     font-weight: 800;
     line-height: 20px;
     display: inline-block;
     transition: transform 0.5s ease;
    /* Smooth transition */
}
 .event-detail i:hover {
     transform: rotate(360deg);
}
.mySwiperourevent {
    padding-bottom: 100px;
}
 .book-now {
     /* margin-top: 25px; */
}
 .book-now .btn {
     background-color: #21476bcf;
     color: white;
     padding: 5px 20px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 1rem;
    text-decoration: none;
     transition: 0.3s ease;
}
 .book-now .btn:hover {
     background-color: #0a1f49;
}
 .leftpanal {
     position: relative;
}
 .leftpanal:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 60px;
    background: #3F9393; 
    height: 430px;
    width: 400px;
    border-radius: 8px;
}

 .event-left img {
     position: absolute;
     top: 65px;
     left: 128px;
     z-index: 9;
     height:100%;
     width: 100%;
     border: 3px solid white;
     border-radius: 8px;
     box-shadow: 0px 1px 14px 0px;
     object-fit: inherit;
}
.event-left .leftpanal{
    width:470px;
    height: 300px;
}
 .new-highlights{
     background-image: url('../img/home-page-icon/newmember_bg.png');
     align-items: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     padding: 80px 0 60px 0;
     position: relative;
     z-index: 9;
     overflow: hidden;
}
/*new member*/
.arrowsicons{
    position: absolute;
    right: 7px;
    top: 1px;
    font-size: 22px;
}

 .flip-box {
     background-color: transparent;
     perspective: 1000px;
     width: 100%;
     height: 105px;
     margin-bottom: 10px;
}
 .flip-inner {
     position: relative;
     width: 100%;
     height: 100%;
     text-align: center;
     transition: transform 0.6s;
     transform-style: preserve-3d;
     border-radius: 12px;
}
 .flip-box:hover .flip-inner {
     transform: rotateY(180deg);
}
 .flip-front, .flip-back {
     position: absolute;
     width: 100%;
     height: 100%;
     backface-visibility: hidden;
     border-radius: 12px;
     overflow: hidden;
}
 .flip-front img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 12px;
}
 .flip-back h6 {
     color: white;
     font-size: 12px;
     font-weight: 700;
     border-bottom: 1px dotted #f4f9f900;
}
 .flip-back p{
     font-size: 10px;
}
 .flip-back {
     background-color: #3F9393;
     color: white;
     transform: rotateY(180deg);
     padding: 10px;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .top-padding-service {
     padding-top: 50px;
}
 .text-center-section {
     text-align: center;
     padding: 20px;
}
 .btn-explore {
     background-color: #0d6efd;
     color: white;
     padding: 0.6rem 1.4rem;
     border-radius: 30px;
     font-weight: 500;
     text-decoration: none;
     display: inline-block;
     margin-top: 10px;
}
 .btn-explore:hover {
     background-color: #084298;
}
 .new-highlights .text-center-section h3{
     font-family: Playfair Display;
     font-weight: 700;
     font-size: 40px;
     line-height: 48px;
     letter-spacing: 0%;
     text-align: center;
     color: #3F9393;
}
 .new-highlights .text-center-section h5{
     font-family: Playfair Display;
     font-weight: 700;
     font-size: 40px;
     line-height: 48px;
     letter-spacing: 0%;
     text-align: center;
     color: #A8D5D5 ! IMPORTANT;
}
 .membership-section {
     background: linear-gradient(180deg, #D8EFF2 0%, #F6FEFE 100%);
     padding: 60px 20px;
     text-align: center;
}
 .membership-header h2 {
     font-family: 'Playfair Display', serif;
     font-size: 32px;
     margin-bottom: 20px;
     color: #002B45;
}
 .membership-header h2 span {
     font-style: italic;
     color: #6497A5;
}
.init-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mySwiperourlisting .swiper-slide{
    display: initial !important;
}
.mySwiperourlisting .swiper-slide img {
    display: block;
    width: 100%;
    height: 315px!important;
    object-fit: cover;
}
 .toggle-switch {
     display: inline-flex;
     border-radius: 50px;
     overflow: hidden;
     background: #E9FBFB;
     margin-bottom: 40px;
}
 .toggle-switch button {
     background: none;
     border: none;
     padding: 5px 49px;
     font-size: 16px;
     cursor: pointer;
     color: #002B45;
     font-weight: 500;
     transition: background 0.3s ease;
     font-family: Playfair Display;
     font-weight: 600;
     font-size: 24px;
     line-height: 100%;
     letter-spacing: 0%;
}
 .toggle-switch .active {
     background: #80B9B9;
     margin: 7px;
     border-radius: 25px;
     color: white;
     font-family: Playfair Display;
     font-weight: 600;
}
 .plans-container {
     display: flex;
     justify-content: center;
     gap: 24px;
     flex-wrap: wrap;
}
 .plan-card {
     background: #fff;
     padding: 24px;
     /*width: 338px;*/
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
     text-align: left;
     display: none;
     border-radius: 8px;
     border: 1px solid rgba(93, 91, 91, 0) ;
     height:100%;
     padding-bottom: 75px;
     position: relative;
}
.plan-card.active.aos-init.aos-animate:nth-child(2) {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(92,206,206,0) 100%)!important;
  }
  .jcalendar-update{display: none;}
  .outer ::file-selector-button, .profile-bottom-part ::file-selector-button{
    border: 1px solid #3f9393;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #c3e3e3;
  }
  .upload-edit-inner .form-control {
    border: 1px solid #3f9393 !important;
}
.plan-card .book-now{
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
}
 .plan-card.active {
     display: block;
}
 .plan-card.highlighted {
    /* border: 2px solid #b0e0e6;
    */
     box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
 .plan-card h3 {
     margin: 0;
     font-weight: 600;
     font-size: 24px;
     line-height: 100%;
     letter-spacing: 0%;
     color: #3F9393;
}
 .price {
     font-size: 22px;
     margin: 10px 0;
     color: #002B45;
     font-weight: 600;
}
 .price span {
     font-size: 14px;
     font-weight: normal;
     color: #555;
}
 .desc {
     margin-bottom: 5px;
     font-weight: 500;
     font-size: 15px;
     line-height: 26px;
     color: rgba(4, 4, 4, 1);
}
 .hftr{
    border: 1px solid rgb(0 149 149 / 27%);
    opacity: 1;
}
 .features {
     list-style: none;
     padding: 0;
     margin: 20px 0;
}
 .features li {
     display: flex;
     align-items: baseline;
     font-size: 14px;
     margin-bottom: 10px;
     color: black;
     gap: 5px;
}
 .features li p{margin-bottom: 0px;}
 .features li i {
     margin-right: 8px;
}
 .features .fa-check {
     color: #22A699;
     background: #addbdb7a;
    border-radius: 50%;
    padding: 4px;
}
 .features .fa-times {
     color: #FF5E5B;
}
 .btn-primary {
     background-color: #002B45;
     color: #fff;
     border: none;
     border-radius: 8px;
     padding: 10px 20px;
     font-size: 15px;
     font-weight: 500;
     cursor: pointer;
     width: 100%;
     margin-top: 10px;
}
 .btn-primary:hover {
     background-color: #024466;
}
 .membership-section{
     background-image: url('../img/home-page-icon/Membership_bg1.png');
     align-items: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     padding: 80px 0 60px 0;
     position: relative;
     z-index: 9;
     overflow: hidden;
}
 .Journey-section {
     position: relative;
     background-image: url('../img/home-page-icon/Journey-section_bg.png');
     align-items: center;
     background-size: cover;
     background-repeat: no-repeat;
     height: 70vh;
     display: flex ;
     align-items: center;
     justify-content: center;
     text-align: center;
     color: #fff;
     background-attachment: fixed;
}
 .Journey-section .hero-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background:linear-gradient(180deg, rgba(0, 0, 0, 0.73) 0%, rgba(63, 147, 147, 0.73) 100%);
     z-index: 1;
}
 .Journey-section .hero-content {
     position: relative;
     z-index: 2;
     max-width: 800px;
     padding: 0 20px;
     animation: fadeInUp 1.2s ease-out;
}
 .Journey-section .hero-content h1 {
     font-size: 42px;
     font-family: 'Playfair Display', serif;
     font-weight: 600;
     margin-bottom: 10px;
}
 .Journey-section .hero-content h1 span {
     font-style: italic;
     font-weight: normal;
     color: #DFF6F9;
}
 .Journey-section .hero-content p {
     font-size: 18px;
     margin-bottom: 30px;
}
 .Journey-section .hero-content .cta-btn {
     background-color: #fff;
     color: #002B45;
     padding: 12px 28px;
     font-size: 16px;
     font-weight: 600;
     border: none;
     border-radius: 8px;
     cursor: pointer;
     transition: all 0.3s ease;
}
.element-wrap-segment.formembership img{
    width: 48%;
}
.innerpage-section-hero .categoryevent select{
    padding-left: 15px;
}
 .cta-btn:hover {
     background-color: #DFF6F9;
     color: #002B45;
}
 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(40px);
    }
     to {
         opacity: 1;
         transform: translateY(0);
    }
}
 .text-color-white{
     color: white;
     padding-bottom: 0px;
}
 .Journey-section .container{
     position: relative;
     z-index: 99;
}
 .faq{
     background-image: url('../img/home-page-icon/faqbg.png');
     align-items: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     padding: 80px 0 60px 0;
     position: relative;
     z-index: 9;
     overflow: hidden;
}
 .faq .accordion-button:not(.collapsed) {
     /* background-color: #2c9790; */
     color: #0e0e0e;
    /* border: 1px solid rgba(63, 147, 147, 1);
     */
     border-radius: 8px;
     /* border-left: 10px solid rgba(23, 115, 115, 1); */
}
 .faq .accordion-button {
     background-color: #ffffff00;
     font-weight: 600;
     border-radius: 8px;
     /* border-left: 10px solid rgba(63, 147, 147, 1); */
}
 .faq .accordion-item {
    /* border-left: 6px solid transparent;
    */
     transition: border-left 0.3s ease;
}
 .faq .accordion-item.active {
    /* border-left-color: #2c9790;
    */
}
 .faq .form-box {
     background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(180deg, #FAFCFC 0%, #2c979057 100%);
    /* border: 1px solid rgba(63, 147, 147, 1);
    */
     padding: 30px;
     border-radius: 12px;
}
 .faq .form-box h3 {
     margin-bottom: 10px;
     font-family: Playfair Display;
     font-weight: 600;
     font-size: 24px;
     line-height: 100%;
     letter-spacing: 0%;
     color: rgba(63, 147, 147, 1);
}
 .faq .form-box .form-control{
     border:none;
}
 .faq .form-box p{
     font-family: Inter;
     font-weight: 400;
     font-size: 10px;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
}
 .faq .btn-submit {
     font-family: Playfair Display;
     font-weight: 600;
     line-height: 100%;
     background: rgba(63, 147, 147, 1);
     color: white;
     padding: 10px 20px;
}
 .faq .btn-submit:hover {
     background-color: #20756e;
}
 .blog{
     background-image: url('../img/home-page-icon/blog_bg.png');
     align-items: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     padding: 80px 0 60px 0;
     position: relative;
     z-index: 9;
     overflow: hidden;
}
 .blog-card {
     background: white;
     border-radius: 1rem;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     transition: transform 0.4s ease, box-shadow 0.4s ease;
     margin-bottom: 20px;
}
 .blog-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
 .blog-img {
     position: relative;
     width: 100%;
     height: 280px;
     transition: 0.4s;
     overflow: hidden;
     clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
 .blog-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .blog-img :hover img{
     transform: scale(1.15);
}
 .blog-body {
     padding: 20px;
     text-align: left;
}
 .blog-title {
     margin-bottom: 8px;
     font-family: Playfair Display;
     font-weight: 600;
     font-size: 18px;
     line-height: 30px;
     letter-spacing: 0%;
     color: rgb(8, 50, 90);
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     height: 60px;
}
 .blog-desc {
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
 .ck-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px auto;
}

 .blog-footer {
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 0.85rem;
     font-family: Playfair Display;
     font-weight: 600;
     font-size: 13px;
     line-height: 30px;
     letter-spacing: 0%;
     color: rgba(0, 0, 0, 1);
}
.hero ul li span img {
    width: 25px;
}
 .read-more {
     color: #2c9790;
     text-decoration: none;
     font-weight: 600;
     font-family: Inter;
     font-weight: 500;
     font-size: 15px;
     line-height: 100%;
     letter-spacing: 0%;
     color: rgba(63, 147, 147, 1);
}
 .animate-fade {
     opacity: 0;
     transform: translateY(20px);
     animation: fadeInUp 0.8s ease forwards;
}
 @keyframes fadeInUp {
     to {
         opacity: 1;
         transform: translateY(0);
    }
}
/* footer*/
 .nav-circles {
     display: flex;
     justify-content: center;
     gap: 75px;
     /*margin-top: 40px;*/
     flex-wrap: wrap;
     position: relative;
     /* transform: translateY(47px); */
}
.nav-circles .circle {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    /* overflow: hidden; */
    border: 1px solid #3F9393;
    background: #EEF4F4;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s;
    padding: 20px;
}
.viewallcard a{
    color:#21476B; 
}

.withset .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 0px solid #aaaaaa0a;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 10px;
    padding: 0 5px;
}
.withset .select2-container{
    width: 500px !important;
}
.d-flex.follow-social{
    line-height: 4px;
    position: relative;
    top: -1px;
}
.discoverinspiring{
    font-size: 18px;
    color: #5e5c5c;  
    margin-bottom: 20px;
}
.thankyoupage{
    background-image: url(../img/home-page-icon/blog_bg.png);
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 80px 0 60px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
    height: 100vh;
}
.thankyoupage .fa.fa-check{
    background: #3c9393;
    padding: 15px;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
}
.nav-circles .circle.active{
    border: 4px solid #3F9393;
}
 .nav-circles .circle:hover {
     transform: scale(1.1);
}
 .nav-circles .circle img {
     width: 100%;
     height: 100%;
     /*object-fit: cover;*/
}
 .nav-circles p {
     text-align: center;
     font-size: 0.9rem;
     margin-top: 8px;
     color: #267a75;
     font-weight: 600;
}
 .spotlight-section {
     padding: 120px 0;
     padding-bottom: 85px; 
     text-align: center;
     background: rgba(217, 235, 235, 1);
     /*border: 1px solid rgba(63, 147, 147, 0.74);*/
}
 .spotlight-heading {
     font-size: 2rem;
     font-weight: bold;
}
 .spotlight-heading span {
     font-family: 'Brush Script MT', cursive;
     font-size: 2.2rem;
     color: #267a75;
}
 .spotlight-card {
    /*margin: 40px auto;
     max-width: 320px;
     background: white;
     border-radius: 20px;
    */
    /* padding: 20px;
     box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    */
     position: relative;
     animation: fadeInUp 0.8s ease forwards;
     padding-top: 15px;
     float: right;
}
 .spotlight-card img {
     width: 100%;
     border-radius: 10px;
     height: 355px;
     object-fit: contain;
     z-index: 9;
     position: relative;
     right:15px;
     border-radius: 0px; 
}
 .spotlight-name {
     position: absolute;
     top: 216px;
     left: 50%;
     transform: translateX(-50%);
     background: rgba(217, 235, 235, 1);
     font-family: Playfair Display;
     border-radius: 4px;
     color: white;
     padding: 5px 20px;
     border-radius: 4px;
     font-weight: 600;
     z-index: 99;
     color: rgba(8, 50, 90, 1);
}
 .spotlight-desc {
     margin-top: -40px;
     font-size: 0.95rem;
     color: #333;
     background: white;
     border-radius: 8px;
     padding: 38px;
     position: relative;
     z-index: 9;
     font-family: Inter;
     font-weight: 400;
     font-size: 13px;
     line-height: 18px;
     letter-spacing: 0%;
     text-align: center;
}
 .spotlight-desc a {
     color: #267a75;
     font-weight: 600;
     text-decoration: none;
}
 .spotlight-form input {
/*     margin-bottom: 15px;*/
     border-radius: 8px;
    /* border: 1px solid #ccc;
    */
/*     padding: 10px;*/
}
 .form-control {
     border: none;
}
.spotlight-form .fa{
 font-size: 16px;
}
/* .spotlight-form .btn {
     background: #124b47;
     color: white;
     border-radius: 8px;
     padding: 10px 25px;
}
*/
 .footer {
     background: #1a4f4b;
     color: white;
     padding: 30px 0 20px;
     font-size: 0.9rem;
}
 .footer a {
     color: white;
     text-decoration: none;
     margin: 0 10px;
}
 .footer .social-icons a {
     margin: 0 5px;
     display: inline-block;
}
 .footer .social-icons img {
     width: 24px;
}
 @keyframes fadeInUp {
     0% {
        opacity: 0;
         transform: translateY(30px);
    }
     100% {
        opacity: 1;
         transform: translateY(0);
    }
}
 #faqAccordion .accordion-body, #faqAccordionpod .accordion-body{
     margin-bottom: 0px;
     border-radius: 0px 0px 8px 8px;
     background: rgba(244, 244, 244, 0);
     text-align: left;
     padding:6px 8px 25px;
}
 .faq .accordion-item{
     background: transparent;
     /* border-radius: 8px 8px 8px 8px; */
     margin-bottom: 0px;
     /* border-top: 1px solid #000; */
     border-bottom: 1px solid #000;
     /* border: 1px solid black; */
}
.faq .accordion-item.active {
    border:1px solid #cccccc00;
    /* border-bottom: 2px solid #62767638!important; */
}
.faq .accordion{
    /* border-top: 2px solid #62767638!important; */
}
.faq .accordion-button:not(.collapsed) {
    /* border-top: 1px solid #6099995c; */
    border-radius: 0px !important;
    border-bottom: 1px solid #cccccc00;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #dee2e600;
}
.faq .accordion-item {
    border:1px solid #cccccc00;
    border-top: 2px solid #62767638!important;
}
.faq .accordion-button {
    position: relative;
    display: flex;
    padding: 20px 10px !important;
}
.faq .accordion-item {
    color: var(--bs-accordion-color);
    background-color: #ffffff00;
}
.hero ul li{
    /*cursor: pointer;*/
}
.profile-bottom-part label {
    font-weight: bolder;
    text-align: left;
    display: block;
}
.profilepicture {
    border-radius: 8px;
    border: 2px solid #fff;
}
.Chapters.chapters-section{
    background: linear-gradient(0deg, rgba(135, 200, 200, 0.082) 0%, rgba(63, 147, 147, 0.23) 100%);
}
 .box_icon{
     background-image: url('../img/home-page-icon/questions-icon-bg.png');
     background-repeat:no-repeat ;
     background-size: auto;
    /* height: 134px;*/
     background-position: center;
}
 .col-lg-4.margin-auto {
     margin: 0 auto;
}
 .spotlight-card:before {
    content: '';
    width: 250px;
    height: 370px;
    background-color: #368a89;
    top: -20px;
    right: 0px;
    position: absolute;
}
 .footer {
     background-color: #368a89;
     color: white;
     position: relative;
     padding-top: 2rem;
     padding-bottom: 1rem;
}
 .footer a {
     color: white;
     text-decoration: none;
     margin: 0 10px;
     font-weight: 500;
}
 .footer a:hover {
     text-decoration: underline;
}
 .social-icons a {
     margin: 0 6px;
     color: white;
     font-size: 1.2rem;
}
 .footer-logo-circle {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: white;
     color: #368a89;
     display: flex ;
     align-items: center;
     justify-content: center;
     font-weight: bold;
     position: absolute;
     top: 53px;
     left: 50%;
     transform: translateX(-50%);
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
     cursor: pointer;
     transition: transform 0.3s ease;
     background: rgba(63, 147, 147, 1);
     color: white;
     border: 3px solid white;
}
 .footer-logo-circle.rotate {
     transform: translateX(-50%) rotate(180deg);
}
 .footer-bottom {
     text-align: center;
     background: white;
     padding: 10px;
     color: black;
     font-size: 9px;
     margin-top: 11px;
}
 .sub-footer {
     background-color: #2e7776;
     padding: 15px;
     margin-top: 1rem;
     border-radius: 5px;
     transition: all 0.4s ease;
}

 @keyframes blink {
     0%, 100% {
         transform: scaleY(1);
    }
     50% {
         transform: scaleY(0.1);
    }
}
 .eye {
     transform-origin: center center;
     animation: blink 4s infinite;
}
 div#offcanvasRight {
     background: #368a89;
}
 div#offcanvasRight img{
     position: absolute;
     bottom: 0px;
}
 .animate-text span {
     opacity: 0;
     display: inline-block;
     transform: translateY(20px);
     animation: fadeInUp 0.5s forwards;
}
 .animate-text span:nth-child(1) {
     animation-delay: 0s;
}
 .animate-text span:nth-child(2) {
     animation-delay: 0.05s;
}
 .animate-text span:nth-child(3) {
     animation-delay: 0.1s;
}
/* ...aage badhate jaayein har span ke liye */
 .animate-text span:nth-child(20) {
     animation-delay: 0.95s;
}
 @keyframes fadeInUp {
     to {
         opacity: 1;
         transform: translateY(0);
    }
}
 .wht-my-float {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: #fff;
     z-index: 999;
     border-radius: 50%;
     padding: 9px;
}
 .wht-float {
     position: fixed;
     width: 65px;
     height: 65px;
     bottom: 105px;
     right: 75px;
     background-color: #3f9393;
     color: #fff;
     border-radius: 50px;
     text-align: center;
     font-size: 26px;
     box-shadow: 2px 2px 3px #999;
     z-index: 999999;
}
 @keyframes blink {
     0%, 100% {
         opacity: 1;
    }
     50% {
         opacity: 0;
    }
}
 .footer-logo-circle i.fa-plus {
     animation: blink 1s infinite;
}
 #allCategories{
     background: transparent!important;
     padding:0px;
}
 /* ..play-button:before, ..play-button:after {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     border: 1px solid #ff4343;
     border-radius: 50%;
} */
 /* ..play-button:before {
     animation: ripple 2s linear infinite;
}
 ..play-button:after {
     animation: ripple 2s linear 1s infinite;
} */
 @keyframes ripple{
     0% {
         transform: scale(1);
    }
     50% {
         transform: scale(1.3);
         opacity:1;
    }
     100% {
         transform: scale(1.6);
         opacity:0;
    }
}

/* CSS */
 .main-image-wrapper {
     position: relative;
     overflow: hidden;
    
}
#animated-heading{padding-top:125px;}
 .extra-img {
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     animation: fadeIn 1s ease forwards;
}
 .extra-img:nth-child(2) {
     animation-delay: 3.5s;
}
 .extra-img:nth-child(3) {
     animation-delay: 4.5s;
}
 .extra-img:nth-child(4) {
     animation-delay: 5s;
}
 @keyframes fadeIn {
     to {
         opacity: 1;
    }
}
 .extra-img:nth-child(2) {
     position: absolute;
     left: 26%;
     top: 27px;
}
 .extra-img:nth-child(4){
     position: absolute;
     left: 54%;
     top: 70px;
}
 .extra-img:nth-child(3){
     position: absolute;
     left: 42%;
     top: 46px;
}
/* top right side banner image*/
 .main-img {
     opacity: 1;
    /* Always visible */
     filter: blur(10px);
    /* Start blurred */
     animation: blurClear 3s ease-in-out forwards;
}
 @keyframes blurClear {
     to {
         filter: blur(0);
        /* Clear gradually */
    }
}
 .main-img {
     opacity: 1;
     filter: blur(10px);
     animation: blurClear 3s ease-in-out 0.5s forwards;
}
 .aili{
     position: absolute;
     left: 42%;
     color: #0c2d5e;
     font-weight: 500;
}
/* top right side banner image end */
 .podcast-icon-wrapper {
     position: relative;
     display: inline-block;
     width: 80px;
     height: 80px;
}
 img.img-fluid.podcast-icon {
     width: 40px;
     height: 40px;
     margin-top: 20px;
}
.podcast-icon {
     position: relative;
     z-index: 2;
     width: 100%;
     height: auto;
}
 .pulse {
     position: absolute;
     top: 17%;
     left: -6%;
     width: 50px;
     height: 50px;
     background: rgb(63 147 147 / 60%);
     border-radius: 50%;
     transform: translate(-50%, -50%);
     z-index: 1;
     animation: pulse-animation 1s infinite;
}
 @keyframes pulse-animation {
     0% {
         transform: translate(-50%, -50%) scale(1);
         opacity: 0.6;
    }
     50% {
         transform: translate(-50%, -50%) scale(1.3);
         opacity: 0.3;
    }
     100% {
         transform: translate(-50%, -50%) scale(1);
         opacity: 0.6;
    }
}
 .podcast-icon-wrapper:hover .pulse {
     animation-duration: 1s;
}
 .chapter-card:hover .chapter-overlay .tags span {
     background: #00000091;
}
 .bg-light-custom {
     background: linear-gradient(180deg, rgba(63, 147, 147, 0) 0%, rgba(63, 147, 147, 0.2) 100%);
}
 .modal-content {
     border: none;
     box-shadow: 0 10px 30px rgba(0,0,0,0.1);
     border-radius: 0px;
}
 .login_pop .btn-re{
     background: rgba(63, 147, 147, 1);
     color: white;
}
 .login_pop .btn-re:hover{
     background: #d4cccc;
}
 .login_pop p{
     font-family: Inter;
     font-weight: 400;
     font-size: 16px;
     line-height: 100%;
     text-align: center;
     color: rgba(147, 147, 147, 1) !important;
}
 .modal-header.border-0.p-0.mb-4 #accountSelectModalLabel{
     font-family: Playfair Display;
     font-weight: 700;
     font-size: 30px;
     line-height: 100%;
     letter-spacing: 0%;
     justify-content:center;
     text-align: center;
     color: rgba(8, 50, 90, 1) !important;
     display: flex;
}
 .login_pop .back-button{
     display: block !important;
     color: rgba(81, 81, 81, 1);
     display: flex !important;
     text-align: center;
     justify-content: center;
}
 .Close{
     position: absolute;
     right: 0px;
}
 .chatbot-btn {
     position: fixed;
     bottom: 25px;
     right: 25px;
     z-index: 999;
     cursor: pointer;
     display: none;
}
 .chat-icon {
     width: 60px;
     height: 60px;
     border-radius: 50%;
}
 #chatPopup .btn-close.btn-close-white.btn-sm{
     font-size: 7px;
     opacity: 1;
}
 #chatPopup .card-body input{
     background: #b1b1b152;
     font-size: 12px;
     padding: 20px;
}
 .chatbot-popup {
     position: fixed;
     bottom: 0px;
     right: 0px;
     width: 300px;
     display: none;
     z-index: 999;
     border-radius: 0px;
     overflow: hidden;
     border-radius: 8px 8px 0px 0px;
}
 .bg-teal {
     background-color: #21476bcf;
     height: 39px;
     border-radius: 8px 8px 0px 0px !important;
     border: 1px solid #21476bcf;
}
 .ripple-1, .ripple-2, .ripple-3, .ripple-4, .ripple-5{
     height: 1px;
     width: 1px;
     position: absolute;
     left: 0;
     bottom: 0;
     background-color: #fff;
     border-radius: 50%;
     transform: translate3d(-50%, 50%, 0);
     animation-name: ripple;
     animation-duration: 8s;
     animation-iteration-count: infinite;
     animation-timing-function: ease-out;
     will-change: transform, opacity;
}
 .ripple-1{
     animation-delay: 0;
}
 .ripple-2{
     animation-delay: 1s;
}
 .ripple-3{
     animation-delay: 2s;
}
 .ripple-4{
     animation-delay: 3s;
}
 .ripple-4{
     animation-delay: 4s;
}
 .ripple-5{
     animation-delay: 5s;
}
 main{
     /*height: 4000px;*/
     background-color: #f7f7f7;
}
 @keyframes ripple{
     0%{
         transform: translate3d(-50%, 50%, 0) scale(0);
         opacity: .33;
    }
     100%{
         transform: translate3d(-50%, 50%, 0) scale(2000);
         opacity: 0;
    }
}
 .mobile-img{
     display: none;
}
 
 @keyframes slideArrow {
  0% { transform: translateX(0); }
  50% { transform: translateX(5px); }
  100% { transform: translateX(0); }
}

.infinite-arrow {
  animation: slideArrow 1s infinite;
  transition: transform 0.3s ease;
}
/*sportlight*/
  .hero_section {
      /* background: url('../img/home-page-icon/spotlight.png') no-repeat center center; */
      /* background-size: cover;
      color: white;
      min-height: 80vh;
      display: flex;
      align-items: center;
      position: relative; */
    }
.spotlightbanner{
     height: 80vh;
     position: relative;
}
.headingtitlesectbx {
    position: absolute;
    z-index: 9;
    top: 34%;
    /* overflow: visible; */
}
    .overlay {
      background: rgba(0, 0, 0, 0.6);
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 1;
    }

    .hero_content {
      position: relative;
      z-index: 2;
    }

    .btn-discover {
     border: none;
    background: rgba(63, 147, 147, 1);
    color: white;
    font-family: Playfair Display;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    padding: 13px !important;
    }

    .btn-discover:hover {
      background-color: #329d96;
    }

    .tagline {
    
      font-family: Lato;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 100px;
    margin-bottom: 40px;
    color: #3F9393;
    }

    .hero-title {
        font-family: Playfair Display;
        font-weight: 600;
        font-size: 55px;
        line-height: 100%;
        color:white;

     }


    .mySwiperevent .swiper {
        width: 100%;
        height: 100%;
      }
  
     .mySwiperevent .swiper-slide {
        text-align: center;
     
        display: flex;
        justify-content: center;
        align-items: center;
      }
  .imgicon img{
    background: #fff;
    padding: 0px;
    border-radius: 5px;
    width: 100%;
  }
  .imgicon .right {
    text-align: left;
  }
  .imgicon .left {
    text-align: right;
  }

  .right p{
    font-size: 11px !important;
    padding-right:0px;
    text-align: -webkit-left;
  }
  .left p{
    font-size: 11px!important;
  }
  .footer-address p, .footer-middle-text p{
    line-height: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF !important; 
  }
  .footer-address p{color: #FFFFFF !important; }
  .footer-about p{
    font-size: 16px;
    font-weight: 500;
  }
  .footer-right-part .textnum a{
    color:#fff;
    font-size: 16px;
  }

  .textnum a{cursor: pointer; z-index: 999;}
.mySwiperevent .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.footer-left-part .links {
    font-size: 22px;
    padding-right: 28%;
}

       .special-section {
          background-image: url(../img/home-page-icon/succes_bg.png);
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 80px 0 60px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
    }

    .special-section .play-button1{
        background-color: #3cb4ac;
        border-radius: 15px 0px 10px 0px;
        padding: 20px;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        color: white;
        text-decoration: none;
        font-weight: 500;
        position: absolute;
        bottom: 16px;
        font-family: Playfair Display;
        font-weight: 600;
        font-size: 20px;
        line-height: 100%;
        right: 12px;
    }

     .special-section .play-icon {
      width: 18px;
      height: 18px;
      border: 2px solid white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      animation: pulse 1.5s infinite ease-in-out;
    }

      .special-section .play-icon::before {
      content: '';
      display: block;
      border-left: 5px solid white;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      margin-left: 1px;
    }
    .btn.btn-success.addParagraph{box-shadow:0px 0px 2px #00acac;}

    @keyframes pulse {
      0%, 100% {
        transform: scale(1);
        opacity: 1;
      }
      50% {
        transform: scale(1.3);
        opacity: 0.7;
      }
    }

    .features-list {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
      margin-top: 2rem;
    }

    .feature-item {
      flex: 1 1 45%;
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-weight: 500;
      color: #555;
      font-family: Inter;
font-weight: 400;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;

    }

    .feature-item img {
      width: 70px;
    }

    .title-highlight {
      color: #003366;
      font-size: 1.75rem;
      font-weight: 700;
    }

    .script-font {
      font-family: cursive;
      font-size: 1.75rem;
      color: #264653;
    }

    .special-text {
      /*max-width: 500px;*/
    }

    .rounded-img {
      border-radius: 15px;
      max-width: 100%;
      /*height: 450px;*/
    }
    .nand{
        font-family: Inter;
font-weight: 400;
font-size: 20px;

    }

@keyframes rotateInfinite {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.rotate-infinite {
  animation: rotateInfinite 14s linear infinite;
}


.timeline-container {
      position: relative;
      padding: 3rem 1rem;
      /*overflow: hidden;*/
    }

    .timeline-line {
      position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 100%;
    animation: growLine 3s linear forwards;
    background: rgba(63, 147, 147, 1);
    border-radius: 10px;
    }
    .timeline-line:after{
        content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    left: -3px;
    background: rgba(63, 147, 147, 1);
    bottom: -2px;
    border-radius: 50%;
    }
     .timeline-line:before{
        content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    left: -3px;
    background: rgba(63, 147, 147, 1);
    top: -2px;
    border-radius: 50%;
    }

    @keyframes growLine {
      0% {
        height: 0%;
      }
      100% {
        height: 100%;
      }
    }

    .timeline-item {
      position: relative;
      margin-bottom: 3rem;
    }

    .timeline-content {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      gap: 5rem;
    }

    .timeline-left, .timeline-right {
      flex: 1;
    }

    .timeline-img {
      /*border: 2px solid #e68cbf;*/
      border-radius: 10px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      height: 145px;
    }
    .iteam_1{
        float: right;
    }
    .iteam_3{
        float: right;
    }
    .iteam_2{
        float: left;
    }
    .iteam_4{
        float: left;
    }
    .timeline-img img {
      width: 170px;
      display: block;
      transition: transform 0.3s ease;
      position: relative;
      z-index: 9;
      border-radius: 8px;
      border:1px solid #565454;
      height:100%;
    }
   .timeline-img img:after {
     content: '';
    position: absolute;
    width: 153px;
    height: 154px;
    top: 0px;
    border: 2px solid red;
    border-radius: 8px;
}


    .timeline-img:hover img {
      transform: scale(1.05);
    }

    .timeline-img:hover {
      /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);*/
    }
    .timeline-right h5{
            font-family: Playfair Display;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(8, 50, 90, 1);
    }
    .timeline-right p{
            font-family: Inter;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    /*text-align: right;*/
    }

    .timeline-circle {
      position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    background-color: white;
    border: 4px solid #0ba39c;
    border-radius: 50%;
    z-index: 10;
    }

    @media (max-width: 767px) {
      .timeline-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .timeline-left, .timeline-right {
        flex: 1;
        width: 100%;
      }

      .timeline-line {
        left: 8px;
      }

      .timeline-circle {
        left: 8px;
        transform: translateY(-50%);
      }
    }
    .textsideright{
        text-align: right;
    }
    .imglogoicon img{
    width: 24px;
    position: absolute;
    top: 21px;
    left: 24px;

    }
    section.getsection {
        background: rgba(63, 147, 147, 1);
    }
    section.getsection .card{
        background: linear-gradient(90deg, rgba(166, 216, 216, 0.3978) 0%, rgba(131, 196, 196, 0.51) 100%);
        padding: 46px;
        margin: 0 auto;
    }
    section.getsection p{
        font-family: Playfair Display;
        font-weight: 400;
        font-size: 36px;
        line-height: 50px;
        text-align: center;
        color: white;
    }
    section.getsection .fgr{
        margin: 0 auto;
        margin-top: 40px;
    }

    /* Date:30/05/20205 */

  .timeline-img-left:after {
    position: absolute;
    content: '';
    width: 16%;
    height: 99%;
    border: 2px solid #DF6AB7;
    top: -17px;
    left: 316px;
    border-radius: 8px;

}
 .timeline-img-right:after {
    position: absolute;
    content: '';
    width: 16%;
    height: 99%;
    border: 2px solid #DF6AB7;
    top: -17px;
    left: 597px;
    border-radius: 8px;

}
.memory-container{
    background-color: #3F9393;
    padding: 225px 36px;
}
.memory-container .memory-heading{
   font-family: Playfair Display;
    font-weight: 400;
    font-size: 32px;
    line-height:100%;
    text-align: center;
    color:#FFFFFF;
}
.memory-container .memory-paragraph{
    font-weight: 400;
    font-size: 16px;
    line-height:100%;
    text-align: center;
    color:#FFFFFF;
}
.memory-button a{
    
    font-family: Playfair Display;
    font-weight: 400;
    font-size: 16px;
    line-height:100%;
    text-align: center;
    color:#08325A;
    background-color:#FFFFFF ;
    border-radius: 8px;
    padding: 13px 26px;


}
.memory-gallery img{
    height: 632px;
    width: 100%;
    object-fit: cover;
}
.memory-gallery .middle-img{
    height: 314px;
    width: 100%;
    object-fit: cover;
}


.gallery-img-containter{
    position: relative;
}
.gallery-img-containter:hover{
    .gallery-layer{
    position: absolute;
    background: #04040475;
    z-index: 999;
    opacity: 0.8;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    transition: 0.5s;
}
}
.gallery-img-containter:hover{
    .gallery-content{
    position: absolute;
    top: 70%;
    left:8%;
    z-index: 99999;
    display:block;
    transition: 0.3s;
}}
.gallery-content{
    position: absolute;
    top: 70%;
    left:8%;
    z-index: 99999;
    display: none;
}
.g-heading{
  /* font-family:; */
    font-weight: 500;
    font-size: 14px;
    line-height:100%;
    color:#FFFFFF ;

}
.g-content{
    font-family: Playfair Display;
    font-weight: 500;
    font-size: 24px;
    line-height:100%;
    color:#FFFFFF ;

}
 
.footer-vector{
    background-image: url(../img/footer-vector.png);
    position: relative;
    /* background-color: transparent; */
    background-repeat: no-repeat;
    background-size: 100%;
    /* margin-top: -86px; */
    z-index: 99;
    padding-bottom: 0;
    background: #08325A;

}

.footer-vector::before {
    background-image: url(../img/background-img.png);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    left: 0;
    bottom: -40px;
    /* right: 0; */
    z-index: inherit;
    height: 300px;
    width: 300px;
}
.footer-vector::after {
    background-image: url(../img/background-right.png);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    right: 0;
    bottom: -40px;
    /* right: 0; */
    z-index: -1;
    height: 300px;
    width: 300px;
}

.footer-left-part .links{
    font-family:Playfair Display;
    font-size:24px;
    font-weight:700;
    line-height:100%;
    letter-spacing:0% ;
     color: #FFFFFF;
}
.footer-text{
  justify-content: space-between;
}
.footer-heading{
    font-family:Inter;
    font-size:20px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #FFFFFF;
}
.footer-gallery{
 font-family:Inter;
    font-size:16px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #FFFFFF;
}
.footer-logo{
    height: auto;
    width: 165px;
}
.footer-middle-text{
     font-family:Inter;
    font-size:20px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #FFFFFF;
}
.footer-about{
    padding: 0px 20px;
}
.footer-about p{
    text-align: left;
}
.footer-social img{
 height: 30px;
 width: 30px;
}
.footer-right-part .contacts{
    font-family:Playfair Display;
    font-size:24px;
    font-weight:700;
    line-height:100%;
    letter-spacing:0% ;
     color: #FFFFFF;
}
.footer-email{
 font-family:Inter;
    font-size:16px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #FFFFFF;
}
.footer-address{
 font-family:Inter;
    font-size:16px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #FFFFFF;
}
.footer-social-links p{
    font-family:Inter;
    font-size:20px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #FFFFFF;
}
.footer-social-links{
    position: relative;
    z-index: 999;
    margin-top: 55px;
}
.imgicon{
    margin-top: 30px;
    margin-top: 30px;
    text-align: -webkit-center;
    margin: auto;
    width: 62%;
}
.footer-content{
padding:40px 0px;
}
#calendar{
    width: 100%;
}
.jcalendar-reset, .jcalendar-confirm{
    display: none;
}
.loadingwidth{
    /* width: 400px; 
    height: 400px; */
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0%;
    margin: auto;
    z-index: 9999999;
    background: #0404046e;
    width: 100%;
    height: 100%;
}
.loadingwidth .loader
{
     position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    background: #ffffff;
    border: 3px solid #3c3c3c;
    border-radius: 50%;
    text-align: center;
    line-height: 120px;
    font-family: sans-serif;
    font-size: 12px;
    color: #3f9393;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-shadow: 0 0 10px #3f9393;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
.loadingwidth .loader:before
{
  content:'';
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:3px solid transparent;
  border-top:3px solid #3f9393;
  border-right:3px solid #3f9393;
  border-radius:50%;
  animation:animateC 2s linear infinite;
}
.loadingwidth span
{
  display:block;
  position:absolute;
  top:calc(50% - 2px);
  left:50%;
  width:50%;
  height:4px;
  background:transparent;
  transform-origin:left;
  animation:animate 2s linear infinite;
}
.loadingwidth span:before
{
  content:'';
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#3c9393;
  top:-6px;
  right:-8px;
  box-shadow:0 0 20px #3c9393;
}
@keyframes animateC
{
  0%
  {
    transform:rotate(0deg);
  }
  100%
  {
    transform:rotate(360deg);
  }
}
@keyframes animate
{
  0%
  {
    transform:rotate(45deg);
  }
  100%
  {
    transform:rotate(405deg);
  }
}


.copyright-section {
    padding: 15px 0px;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
    linear-gradient(180deg, rgba(63, 147, 147, 0.01) 0%, rgba(63, 147, 147, 0.1) 100%);

}
.copyright-section p{
    font-family:Inter;
    font-size:10px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #2B2B2B;
    margin-bottom: 0;
}
 .modal-input{
    border: 2px solid #3F9393;
    border-radius: 10px;
 }
 .name-btn{
    background-color:#3F9393 ;
    color: #FFFFFF;
    margin-right:1px;
 }
.modal-right-part {
    height: 100%;
    position: relative;
    padding: 105px 64px;
    margin: 0px 0px 0px 70px;
}
.modal-right-part::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   background: linear-gradient(180deg, rgba(193, 228, 228, 0.0264) 0%, rgba(63, 147, 147, 0.44) 100%);
    z-index: 999;
    height: 100%;
    width: 100%;
    opacity: 0.4;
    border-radius: 22px;
}
.vector-modal{
    height: 217px;
}
.modal-create{
    font-family:Playfair Display;
    font-size:39px;
    font-weight:700;
    line-height:100%;
    letter-spacing:0%;
    color: #08325A;
}
.form-control .modal-join{
    font-family:inter;
    font-size:16px;
    font-weight:400;
    line-height:100%;
    letter-spacing:0%;
    color: #8B9BAA;
}
.modal-left .modal-joint{
    font-family:inter;
    font-size:16px;
    font-weight:400;
    line-height:100%;
    letter-spacing:0%;
    color: #8B9BAA;
}
.submit{
 font-family: Playfair Display;
font-weight: 500;
font-size: 24px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}
.condition{
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
margin-bottom: 0;

}
.layer-content{
font-family: Playfair Display;
font-weight: 400;
font-size: 24px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
position: relative;
top: 21%;
}
.back span{
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
}

.modal-logo{
    height: 75px;
}
.innerpage-section-hero{
    /* background-image: url(../img/home-page-icon/faq_bg.png); */
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 9;
    padding: 80px 0px 60px;
    overflow: hidden;
    background: linear-gradient(0deg, rgba(135, 200, 200, 0.0828) 0%, rgba(63, 147, 147, 0.23) 100%);
}
.innerpage-section-hero section{
    background: linear-gradient(0deg, rgba(135, 200, 200, 0.0828) 0%, rgba(63, 147, 147, 0.23) 100%);
}



.border-bottom-dotted {
  border-bottom:2px dotted rgba(113, 150, 150, 0.25);
}
.innerpage-section-hero select {
    background: rgba(223, 238, 238, 1);
    border: 1px solid rgba(187, 200, 200, 1);
    font-family: Inter;
    font-weight: 400;
    font-size: 15px;
    text-align: left;
    padding-left: 31px;
    padding-right: 0px; /* space for arrow */
    appearance: auto; /* restore default arrow in some browsers */
    -webkit-appearance: auto;
    -moz-appearance: auto;
}

.filter_icon img{
        position: absolute;
    left: 15px;
    bottom: -9px;
    width: 16px;
}
button#openFilter {
    background: rgba(63, 147, 147, 1);
    border: 1px solid rgba(187, 200, 200, 1);
    font-family: Inter;
    font-weight: 400;
    font-size: 18px;
    /* cursor: auto; */
}
#alt-services{
    background: transparent;
}

.view-profile i{
        position: absolute;
    right: 7px;
    width: 30px;
    text-align: center;
    height: 30px;
    border-radius: 50%;
    background: rgba(80, 80, 80, 0.85);
    line-height: 30px;
    top: 7px;
    font-weight: 100;
    color: rgb(255 255 255 / 84%);
    font-size: 11px;
}
.Loadbtn{
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.innerpage-section-hero input {
    background: rgba(223, 238, 238, 1);
    border: 1px solid rgba(187, 200, 200, 1);
    font-family: Inter;
    font-weight: 400;
    font-size: 15px;
    text-align: left;
    padding-left: 31px;
    padding-right: 0px;
    cursor: pointer;
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
}
.event_listing img {
    height: 470px;
    object-fit: cover;
}
.event_listing .details{
    background: linear-gradient(0deg, #1C1C1C 0%, rgba(17, 17, 17, 0.1) 50%);
    text-align: left;
}
.event_listing button.btn.btn-sm {
    background: rgba(36, 36, 36, 0.5);
    color: white;
    font-size: 12px;
    display: flex;
    gap: 10px;
}
.event_listing button.btn.btn-sm img{
        width: 15px;
    height: 15px;
}
.event_listing .details h3{color:white;}
.event_listing .details span{color:white;}
.col7 img{height: 600px;width: 100%;}
.col5 img{height: 290px;width: 514px;object-fit: cover;}
/* Date:30/05/20205 */

    .timeline-left, .timeline-right {
        flex: 1;
        position: relative;
      }
  
.timeline-img-left:after {
    position: absolute;
    content: '';
    width: 29%;
    height: 100%;
    border: 2px solid #DF6AB7;
    top: -23px;
    left: 396px;
    border-radius: 10px;

}
 .timeline-img-right:after {
    position: absolute;
    content: '';
    width: 28%;
    height: 99%;
    border: 2px solid #DF6AB7;
    top: -24px;
    left: 26px;
    border-radius: 8px;

}
.memory-container{
    background-color: #3F9393;
    padding: 225px 36px;
}
.memory-container .memory-heading{
   font-family: Playfair Display;
    font-weight: 400;
    font-size: 32px;
    line-height:100%;
    text-align: center;
    color:#FFFFFF;
}
.memory-container .memory-paragraph{
    font-weight: 400;
    font-size: 16px;
    line-height:100%;
    text-align: center;
    color:#FFFFFF;
}
.memory-button a{
    
    font-family: Playfair Display;
    font-weight: 400;
    font-size: 16px;
    line-height:100%;
    text-align: center;
    color:#08325A;
    background-color:#FFFFFF ;
    border-radius: 8px;
    padding: 13px 26px;


}
.memory-gallery img{
    height: 632px;
    width: 100%;
    object-fit: cover;
}
.memory-gallery .middle-img{
    height: 314px;
    width: 100%;
    object-fit: cover;
}


.gallery-img-containter{
    position: relative;
}

.gallery-img-containter:hover{
    .gallery-layer{
    position: absolute;
    background: #04040475;
    z-index: 999;
    opacity: 0.8;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    transition: 0.5s;
}
}
.gallery-img-containter:hover{
    .gallery-content{
    position: absolute;
    top: 70%;
    left:8%;
    z-index: 99999;
    display:block;
    transition: 0.3s;
}}
.gallery-content{
    position: absolute;
    top: 70%;
    left:8%;
    z-index: 99999;
    display: none;
}
.g-heading{
    font-weight: 500;
    font-size: 14px;
    line-height:100%;
    color:#FFFFFF ;

}
.g-content{
    font-family: Playfair Display;
    font-weight: 500;
    font-size: 24px;
    line-height:100%;
    color:#FFFFFF ;

}

.filter_icon input::placeholder{
    color:#000;
    font-weight: 6000;
}
#calendar {
    color: #000;  
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    padding-top: 2px;
  }
  .arrowsicons{
    padding-top: 4px; 
  }
  .calendericons{padding-top: 4px;}
  .innerpage-section-hero input{
    color: #000;  
    font-weight: 700;
  }
  .imges_cards{
    width: 100%;
    height: 180px;
  }
  .imges_cards img{ 
    height: 100%;
    object-fit: cover;
    object-position: top;
  }
  .mySwiperourlisting .swiper-horizontal>.swiper-pagination-bullets, .mySwiperourlisting .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 60px;
  }

.footer-vector{
    background-image: url(../img/footer-vector.png);
    position: relative;
    /* background-color: transparent; */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-top: -86px; */
    z-index: 99;
    padding-bottom: 0;
    background: #08325A;
}
.footer-left-part{
    position: relative;
    z-index: 999;
}
.footer-vector::before {
    background-image: url(../img/background-img.png);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    left: 0;
    bottom: -40px;
    /* right: 0; */
    z-index: inherit;
    height: 300px;
    width: 300px;
}
.footer-vector-inner::before {
    background-image: url(../img/background-footer-right.png);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    right: 0;
    bottom: -40px;
    /* right: 0; */
    z-index: 999;
    height: 300px;
    width: 300px;
}
.footer-left-part .links{
    font-family:Playfair Display;
    font-size:24px;
    font-weight:700;
    line-height:100%;
    letter-spacing:0% ;
     color: #FFFFFF;
}
.footer-text{
  justify-content: space-between;
  position: relative;
  z-index: 9999;
}
.footer-heading{
    font-family:Inter;
    font-size:20px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #FFFFFF;
}
.footer-gallery{
 font-family:Inter;
    font-size:16px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #FFFFFF;
}
.footer-middle-part img{
    height: 94px;
    width: 154px;
}
.footer-middle-text{
     font-family:Inter;
    font-size:20px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #FFFFFF;
    padding-top: 70px;
}
.footer-logo-m{
    margin-bottom: -65px;
}

.footer-social img{
 height: 30px;
 width: 30px;
}
.footer-right-part .contacts{
    font-family:Playfair Display;
    font-size:24px;
    font-weight:700;
    line-height:100%;
    letter-spacing:0% ;
     color: #FFFFFF;
}
.footer-email{
 font-family:Inter;
    font-size:16px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #FFFFFF;
}
.footer-address{
 font-family:Inter;
    font-size:16px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #FFFFFF;
}
.footer-social-links p{
    font-family:Inter;
    font-size:20px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #FFFFFF;
}
.footer-social-links{
    position: relative;
    z-index: 999;
}
.footer-content{
padding: 55px 0px;
}
.copyright-section {
    padding: 15px 0px;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
linear-gradient(180deg, rgba(63, 147, 147, 0.01) 0%, rgba(63, 147, 147, 0.1) 100%);

}
.copyright-section p{
    font-family:Inter;
    font-size:10px;
    font-weight:500;
    line-height:100%;
    letter-spacing:0%;
    color: #2B2B2B;
    margin-bottom: 0;
}
 .modal-input{
    border: 1px solid rgba(63, 147, 147, 1);
    border-radius: 10px;
 }
 .name-btn{
    /*background: linear-gradient(180deg, #BAEAEA 0%, #3F9393 100%);*/
    color: #FFFFFF;
    border-radius: 0px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border: 0px;

 }
 .name-btn:hover{
     background-color:#3F9393 ;
    color: #FFFFFF;
 }

.modal-right-part::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   background: linear-gradient(180deg, rgba(193, 228, 228, 0.0264) 0%, rgba(63, 147, 147, 0.44) 100%);
    z-index: 999;
    height: 100%;
    width: 100%;
    opacity: 0.4;
    border-radius: 22px;
}
.vector-modal{
    height: 217px;
}
.modal-create{
    font-family:Playfair Display;
    font-size:39px;
    font-weight:700;
    line-height:100%;
    letter-spacing:0%;
    color: #08325A;
}
.modal-join{
    font-family:inter;
    font-size:16px;
    font-weight:400;
    line-height:100%;
    letter-spacing:0%;
    color: #8B9BAA;
    background: transparent;
}
.modal-left .modal-joint{
    font-family:inter;
    font-size:16px;
    font-weight:400;
    line-height:100%;
    letter-spacing:0%;
    color: #8B9BAA;
}
.modal-left{
    padding: 4px 83px;
    padding-top:6rem;
}

.submit{
font-family: Playfair Display;
font-weight: 500;
font-size: 24px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
position: relative;
z-index: 9999;
background: rgba(8, 50, 90, 1);
}
.submit  a{
color: rgba(255, 255, 255, 1);
;
}
.condition{
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
margin-bottom: 0;

}
.layer-content{
font-family: Playfair Display;
font-weight: 400;
font-size: 24px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
position: relative;
top: 21%;
}
.back a{
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: rgba(81, 81, 81, 1);
z-index: 9999;
position: relative;
}

.modal-logo{
 height: 75px;
}
.modal-body{
 padding-bottom: 35px;
 background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
linear-gradient(180deg, rgba(63, 147, 147, 0.006) 0%, rgba(63, 147, 147, 0.06) 100%);

}
.popup-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    opacity: 0.4;
    height: 350px;
}
.popup-top {
    position: absolute;
    top: 90px;
    right: 0;
    z-index: 0;
    opacity: 0.4;
    height: 350px;
}
.mdl-close{
    position: relative;
    z-index: 999999;
}

.event_box{
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 2px 1px #7b7878d4;
    height: 400px;
}
.event_box .card{
    border: 0px;
}
.event_box .card-body{
    padding: 10px 2px;
}
.event_box .card-body h5{
    font-size: 20px;
    font-weight: 700;
    color:#08325A;
    padding-bottom: 8px;
    border-bottom: 1px solid #Ccc;
    height: 82px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.service-item .card img{
/* height: 320px; */
}
.event_box .card-body h5 span{
  color: #000;
}
.event_box .card-body p{
    font-size: 11px;
    display: flex;
    margin-bottom: 0px; 
}
.event_box .ev-icons{
    margin-right: 5px;
}

.calendericons{
    position: absolute;
    left:8px;
    top: 6px;
    z-index: 99999; 
}
/* .calendmainbx{
    display: flex;
    justify-content: space-between;
}
.calendbx p{
    display: flex;
}
.calendbx .ev-icons{
margin-right: 5px;
} */
.swiper-pagination-bullet{
    height: 16px;
    width: 16px;

}
:root {
    --swiper-theme-color: #3F9393 !important;
}
.swiper-pagination-bullet-active{
color:#3F9393 !important;
}
/* .Explore .swiper {
    position: inherit;
} */
.Explore .swiper-wrapper {
    position: inherit;
}

.Explore .swiper.mySwiperourlisting{
    padding-bottom: 60px;
}

@media(max-width:1400px){
    .timeline-img-left:after {
    position: absolute;
    content: '';
    width: 35%;
    height: 100%;
    border: 2px solid #DF6AB7;
    top: -19px;
    left: 309px;
    border-radius: 10px;
}
.timeline-img-right:after {
    position: absolute;
    content: '';
    width: 33%;
    height: 99%;
    border: 2px solid #DF6AB7;
    top: -19px;
    left: 26px;
    border-radius: 8px;
}
}
@media(max-width:1100px){
    .timeline-img-left:after {
        /* position: absolute; */
        content: '';
        width: 41%;
        height: 100%;
        border: 2px solid #DF6AB7;
        top: -19px;
        left: 225px;
        border-radius: 10px;
    }
    .timeline-img-right:after {
    position: absolute;
    content: '';
    width: 39%;
    height: 99%;
    border: 2px solid #DF6AB7;
    top: -19px;
    left: 26px;
    border-radius: 8px;
}
}
.business-modal{
 padding: 4px 276px;
}

.form-select{
    color:rgba(139, 155, 170, 1);
}
.form-control::placeholder{
    color:rgba(139, 155, 170, 1);
}
.select2-search__field::placeholder{
    color:rgba(139, 155, 170, 1);
}
/*.select2-container {
   width: max-content!important;
}*/

.step-container {
  position: relative;
  text-align: center;
  transform: translateY(-43%);
}

.step-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #3f9393;
  line-height: 30px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  cursor: auto; 
}

.step-line {
  position: absolute;
  top: 16px;
  left: 50px;
  width: calc(100% - 100px);
  height: 2px;
  background-color: #BAEAEA;
  z-index: -1;
}

#multi-step-form{
  overflow-x: hidden;
}
.step-point{
   padding-left: 480px;
   padding-right: 480px;
   padding-top: 30px;

}
.step-point .progress-bar{
    background-color:#08325A;
 
}

.step-indicator {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 5px;
  background-color: #eee;
  margin-right: 10px;
}
.popup-login{
    color: #08325A;
}
.blog-header h1{
font-family: Playfair Display;
font-weight: 600;
font-size: 40px;
line-height: 134%;
letter-spacing: 0%;
text-align: center;
color: #08325A;

}
.blog-header span{
font-family: Playfair Display;
font-weight: 600;
font-size: 40px;
line-height: 134%;
letter-spacing: 0%;
text-align: center;
color: #6E6E6E;
}
.blog-header .publish-date{
font-family: Inter;
font-weight: 500;
font-size: 16px;
line-height: 134%;
letter-spacing: 0%;
text-align: center;

}
.blog-banner img{
    height: 461px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.blog-content-left{
border-left: 4px solid #3F9393;
padding-left: 14px;
}
.blog-content-left p{
font-family: Inter;
font-weight: 500;
font-size: 14px;
line-height: 134%;
letter-spacing: 0%;
color:#6E6E6E;
}
.share-icon p{
font-family: Inter;
font-weight: 500;
font-size: 24px;
line-height: 134%;
letter-spacing: 0%;
color:#514F4F ;

}
.blog-brief h2{
 font-family: Inter;
font-weight: 600;
font-size: 24px;
line-height: 134%;
letter-spacing: 0%;
color:#08325A ;

}
.blog-brief p{
font-family: Inter;
font-weight: 500;
font-size: 18px;
line-height: 134%;
letter-spacing: 0%;
color:#717171;

}
.blog-brief{
margin-bottom: 50px;
}
.blog-content-detail{
    padding-top: 60px;
}
.blog-detail-wrapper{
    background: linear-gradient(180deg, rgba(63, 147, 147, 0.0975) 0%, rgba(63, 147, 147, 0.0255) 100%);
    padding-top: 50px;

}
.share-social  img{
height: 24px;
}.share-social  a{
padding-right: 10px;
}
.sticky-left {
  position: sticky;
  top: 20px; 
  z-index: 1;
}
.blog-bottom{
    padding-bottom: 100px;
}
.blog-background{
    background-image: none;

}
.icontypecolor{
        background: rgba(63, 147, 147, 1);
    /* padding: 10px; */
    height: 45px;
    border-radius: 50%;
}
.account-page{
/*padding-bottom: 4rem;
 padding-top:8rem;*/
 position: relative;
 z-index: 9;
/*background: linear-gradient(180deg, rgba(193, 228, 228, 0.009) 0%, rgba(63, 147, 147, 0.15) 100%);*/

}
.bg-city{
    background: none;
}

.form-select:focus{
    background: white;
}

.professional{
font-family: Playfair Display;
font-weight: 500;
font-size: 24px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
position: relative;
z-index: 9999;
background: #3F9393;


}
.professional a{

color: #FFFFFF;
}
.otp input{
    height: 46px;
    width: 52px;
    border: 1px solid #3F9393;
    position: relative;
    z-index: 99;

}
#user_profile_img{
    line-height: 26px;
    padding-right: 22px;
}
.infohover{
    z-index: 9999;
    display: block;
}
#fileNameDisplay{
    line-height: 37px;
    padding-left: 6px;
}
#customButton{
    border: 0px;
    border-right: 1px solid #6f6c6c;
}
@media(min-width:1900px) {
  .account-page {
    min-height: 89vh!important;
    max-height: 100vh;
  }
}
/* .account-page{
    min-height: 120vh;
    max-height: 100vh;
} */
.email-index{
    z-index: 999;
    padding: 11px 13px;
}
.form-control{
    position: relative;
    z-index: 9999;
}
.account-page select {
      background-color: transparent;
  
  background-repeat: no-repeat;
    border-radius: 0px 10px 10px 0px;
}

.city-img{
    background: #DBF0F0;
    width: 137px;
    height: 137px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.city-img img{
  height: 128px;
}
.delhi-img{
  height: 85px!important;
}
.pan-india{
    height: 85px!important;
}
.cities-listing{
  gap: 40px;
}
.city-list-inner{
  padding-bottom: 20px;
}
.city-link a{
font-family: Inter;
font-weight: 500;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
color: #000000;
}
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}
.city-content-wrapper{
    background-image: none;
    background: linear-gradient(0deg, rgba(135, 200, 200, 0.14) 0%, rgba(63, 147, 147, 0.4) 100%);
    padding-bottom: 160px;

}
.explore-image img{
    height: 384px;
    object-fit: cover;
   border-radius: 8px; 
   transition: 0.6s;
}
.explore-image:hover{
        box-shadow: 0px 11px 0.8px 0px #0000000A;
}
.explore-image{
    position: relative;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
}
 .explore-image:hover img{
     transform: scale(1.2);
}
.explore-bottom{
    background: linear-gradient(0deg, rgba(28, 28, 28, 0.8) 0%, rgba(17, 17, 17, 0.528) 100%);
    position: absolute;
    width: 100%;
    bottom:0;
    padding: 22px 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.explore-bottom h5{
font-family: Playfair Display;
font-weight: 600;
font-size: 24px;
line-height: 100%;
letter-spacing: 0%;
color: #FFFFFF;
}
.bookmark-icon i{
    height: 20px;
    color:#FFFFFF;

}
.bookmark-icon{
    top: 12px;
    right: 12px;
    height: 37px;
    width: 37px;
    border-radius: 50%;
    background: #20202099;
    display: flex;
    justify-content: center;
    align-items: center;

}
.tablinks.active {
background: #378888;
color: #fff;            
padding: 5px 17px;
border-radius: 2px;
}

.explore-details{
    background-image: url(../img/explore-detail-background);
}

.view-all .btn {
   color: #0F5656;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s ease;
    font-family: Inter;
   line-height: 100%;
   letter-spacing: 0%;

}
.active_collaborators .service-item.position-relative.event_listing.card {
    background: rgba(228, 238, 238, 1);
    border: 1px solid rgba(185, 211, 211, 1);
    padding: 10px;
}
.active_collaborators .service-item.position-relative.event_listing.card h3{
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
}
.active_collaborators .service-item.position-relative.event_listing.card span{
    color: rgba(71, 71, 71, 1);
    font-size: 12px;
}
.active_collaborators .event_listing img {height: auto!important;}
.swiper.collaborators {
  width: 100%;
}
section.active_collaborators.alt-services {
    background: linear-gradient(0deg, rgba(135, 200, 200, 0.10) 0%, rgba(63, 147, 147, 0.19) 100%);
}
  .Happening .custom-card {
          background-color: #f1f1f1;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    border: 1px solid #d0e4e4;
    }
    .Happening .custom-card img {
      width: 140px;
      height: 90px;
      object-fit: cover;
      border-radius: 8px;
    }
    .Happening .custom-text {
      flex-grow: 1;
    }
    .Happening .custom-title {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 5px;
      color: #6c757d;
    }
    .Happening .custom-views {
      font-size: 14px;
      color: #555;
    }
    .Happening .bookmark-icon {
      font-size: 12px;
      color: #555;
      cursor: pointer;
    }
    .col6 {
        height: 540px !important;
    }
.Happening .event_listing img {
    height: 100% !important;
    object-fit: cover;
    width: 100%;
}
.Happening .bookmark-icon{
    top: 12px;
    right: 12px;
    height: 28px;
    width: 49px;
    position: relative;
    border-radius: 50%;
    background: #20202099;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Happening .bookmark-icon i{
    height: auto!important;
}
.eventfilter .btn-group.mb-3 {
    display: inline-flex;
    border-radius: 50px;
    overflow: hidden;
    background:white;
    border: none;
    width: 100%;
    padding: 6px;
    margin-top: 20px;
}
.eventfilter{
    margin: 0 auto;
}
.eventfilter .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: white !important;
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    background: rgba(63, 147, 147, 1);
    border-radius: 50px;
    border: 1px solid rgba(63, 147, 147, 1);
}
.filterclear .btn:first-child:active{
    border-radius: 0.375rem;
    border: 1px solid rgba(63, 147, 147, 0);
}
.eventfilter .btn-check+.btn {
    border: none !important;
    color: black!important;
    font-weight: 600!important;
    font-size: 20px;
}
.alt-services .img img {
    height: 290px;
    width:100%;
    object-fit: cover;
}
.col7{
    height: 600px !important;
}
.col7 img{
    height:100% !important;
}
.col5{
    height: 290px!important;
}
.select2-container--default .select2-selection--multiple {
    background-color:transparent!important;
    border:0!important;
    border-radius: 4px;
    cursor: text
}
.header .dropdown-toggle::after {
    color: #282828;
}
.navmenu li:hover>a .dropdown-toggle::after{
    color: #3F9393;
}
.wlcmUser{
    padding-left: 18px;
    /*border-bottom: 1px solid rgba(187, 200, 200, 1);*/
    padding-bottom: 9px;
}


.Professional-banner{
   height: 100%;
    width: 100%;
    background-size: cover;
    position: relative;
    z-index: 9;
}
.img-professional{
width: 100%;
height: 322px;
object-fit: cover;
object-position: 100% 88%;

}
.Professional-banner::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    height: 100%;
    width: 100%;
    opacity:50%;

    background: linear-gradient(0deg, #4B4B4B, #4B4B4B),
linear-gradient(0deg, rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0.44));

}
.professional-head i{

background: #3F9393;
color: #FFFFFF;
height: 20px;
width:20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
margin-left: 0px;
font-size: 11px;

}


.check-i{
margin-top: 10px;
}
.professional-tab{
/* background: #61AEAE;
 border-radius: 8px;
 height: 254px; */
}

.professional-tab{
    position: relative;
    top: -62px;
    z-index: 999;
    left: 1%;
}
.professional-tab .nav-tabs .nav-link {
    font-size: 20px;
    color: #000;
    padding: 5px;
    border: 0px;
}

.professional-tab button{
color: #FFFFFF;
background: #61AEAE;
font-family: Inter;
font-weight: 500;
font-size: 14px;
line-height:100%;
letter-spacing: 0%;
}

.professional-tab .nav-item{
    margin: 0px 8px;
    list-style: none;
}

.tab-award{
    border-bottom: 1px solid #D4E0E04D;
    padding: 18px 0px;
}
.pro-listing-img{
    object-fit: cover;
    height: 250px;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    width: 261px;
    object-position: center;
}
.professional-overlay{
    margin-top: -211px;
    position: relative;
    z-index: 9;
}
.professional-tab .nav-link{
    width: 100%;
   border-bottom: 1px solid #D4E0E04D;
   padding: 18px 0px;
   background: none;
}
.nav-link:active{
 background: none;
}
.experience{
    border: 1px solid #70B4B44F;
    border-radius: 6px;
    font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
    padding: 7px 8px;
}
 .profile-right-part p a{
    color: #08325A;
 }     
/****share*****/
.share-wrapper .share {
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    line-height: 2.1;
    background: #3F9393;
    font-size: 20px;
    margin-left:10px !important;
    cursor: pointer;
    margin-bottom: 15px;
    transition: background-color .4s;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .28);
  }
  .share-wrapper ul.social.active {
    opacity: 1;
    visibility: visible;
    transform: translate(20px);
    display: flex;
  }
  
  .share-wrapper ul.social {
    opacity: 0;
    visibility: hidden;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
  }
  .leftsectin ul {
    font-style: normal !important;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    text-transform: none;
    color: #787878;
  }
  
  .share-wrapper .share.active + .social li {
    transform: scale(1);
  }
  .share-wrapper ul.social.active a{
    color:#fff;
  }
  .share-wrapper ul.social li {
    width: 56px;
    height: 40px;
    line-height: 37px;
    border-radius: 50%;
    color: #fff;
    margin-left: 8px; 
    background-color: #3F9393;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    margin-bottom: 15px;
    box-shadow: 0.5px 0.87px 4px 0 rgba(0, 0, 0, .3);
    transition: all .4s;
    transform: scale(1);
  }
.follow-social img{
    height: 20px;
}
.follow-us{
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color:#08325A;

}
.chief{
font-family: Playfair;
font-weight: 600;
font-size: 32px;
line-height: 100%;
letter-spacing: 0%;
color: #08325A;
}
.profile-right-inner img{
    height: 54px;
    width: 54px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;

}
.profile-right-part{
border-left: 1px solid #1A696926;
}
.border-b{
   border-bottom: 1px solid #1A696926 ;
}
.courses-img-inner img{
    height: 202px;
    object-fit: cover;
    border-radius: 8px;
    width: 100%;
}
.courses-containter{
    border: 1px solid #AAAAAA8C;
    border-radius: 8px;
    width: 242px;
    padding: 12px 12px;
}
.courses-bottom h5{
font-family: Inter;
font-weight: 600;
font-size: 16px;
line-height: 40px;
letter-spacing: 0%;
color: #08325A;
}
.courses-bottom del{
font-family: Inter;
font-weight: 500;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
color: #A4A4A4;
}
.courses-bottom span{
font-family: Inter;
font-weight: 500;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
color: #3E9292;
}
.courses-bottom a{
font-family: Playfair Display;
font-weight: 400;
font-size: 15px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #08325A;
background: #70B4B43D;
border-radius: 8px;
padding: 8px 72px;
}
.recent-left-part{
    height: 100%;
}
.professional-head .bakery{
 /*font-family: Poppins;*/
font-weight: 500;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
color: #9CE2E2;
}
.inline-icon-text {
display: inline-flex;
gap: 6px;
font-family: Inter;
font-weight: 500;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
color: #FFFFFF;
background: #21476bcf;
align-items: center;
justify-content: center;
padding: 0px 10px;
border-radius: 4px;

}
.bg-user{
    background: none!important;
    padding-top: 8px;
    margin-left: 0px!important;
}
.inline-icon-head{
display: inline-flex;
gap: 6px;
}
.professional-head .inline-icon-head{
font-family: Inter;
font-weight: 600;
font-size: 35px;
line-height: 100%;
letter-spacing: 0%;
color: #FFFFFF;

}
.textcontent p strong u{
    color: #3F9393;
    font-size: 22px;
    text-decoration: none;
}
.textcontent p strong {
    color:#3F9393;
}
.counter-container{
     border-radius: 8px;
    border: 1px solid #1A696926;
    padding: 27px 22px;

}
.counter-wrapper{
    gap: 53px;
    justify-content: center;
}
.counter-container p{
font-family: Inter;
font-weight: 400;
font-size: 36px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #08325A;
}
.counter-container span{
font-family: Inter;
font-weight: 400;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}
.professional-award-container {
height:254px;
}

.award-left-img{
    height: 254px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.award-middle-img{
    height:254px;
    width: 100%;
    object-fit: cover;
}
.award-right-part{
height: 254px;
 object-fit: cover;
}
.award-right-part-img{
    height: 254px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.g-award{
    font-size: 20px;
}
.text-left{text-align: left;}
.professional-tab .itemnav .nav-link.active{
    background: none!important;
    border-bottom: 2px solid #009595 !important;
    border-top: none;
    border-left: none;
    border-right: none;
}
.professional-tab .nav.nav-tabs{
    border-bottom: 0px solid #00959500;
}
.professional-tab .nav-tabs .nav-link.active{
    border-bottom: 2px solid #009595;
}
.professional-tab .nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%);
}
.professional-tab .nav-tabs .nav-link:focus, .professional-tab .nav-tabs .nav-link:hover {
    border: 0px;
}
.recent-bottom{
    border-bottom:0;
}

.counter-container .plus{
font-family: Inter;
font-weight: 400;
font-size: 36px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #08325A;
}


.event-gallery-section-inner .swiper-wrapper {
    position: inherit;
    padding-bottom: 55px;
}
.jointevents textarea{
    width: 100%;
}

.jointevents input, .jointevents textarea{
    background: #e5f0fe;
    border: 1px solid #c1c1c1;
}
#eventjointpop .modal-header, .availthisservice .modal-header{
    background: #3F9393;
    color: #fff;
}
#eventjointpop  .modal-header h4, .availthisservice .modal-header h4{
    color: #fff;
}

.jointevents{padding: 15px 20px; border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.jointevents button{
    width:fit-content;
}
#eventjointpop .modal-content, .availthisservice .modal-content{
    border-radius: 15px;
    border: 2px solid #009595;
}
#eventjointpop .btn-closes, .availthisservice .btn-closes{
    position: absolute;
    top: 0px;
    right: 0px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    background: #024466;
}

/* 10 june */

.event-detail-banner{
    height:100%;
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
    object-position: top;
}

.icon-m{
    background: #3F9393;
    color:#ffffff;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-c p{
font-family: Inter;
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color:#000000;
margin-left: 18px;
margin-bottom: 0px;
margin-top: 0px;

} 
.event-detail-business{
height: 486px;
width:82%;
object-fit: cover;
border: 3px solid #FFFFFF;
transform:rotateY(-180deg);
border-top-right-radius: 8px;
border-bottom-left-radius:8px;
border-top-left-radius: 120px;
border-bottom-right-radius: 8px;
position: relative;
z-index: 99;
}

.networking-wrapper:before{
  position: absolute;
    content: '';
    width: 67%;
    height: 90%;
    border: 3px solid #3F9393;
    top: -15px;
    left: 94px;
    border-radius: 10px;
    border-top-right-radius: 120px;

}
.networking-wrapper:after{
     position: absolute;
    content: '';
    width: 67%;
    height: 83%;
    border: 3px solid #3F9393;
    top: 102px;
    left:-15px;
    border-radius: 10px;

}
.left-part-networking{
 padding-right: 125px;
}
.curve-top-get{
    gap: 16px;
    margin-top: 40px;
}
.curve-section{
    background-image: url(../img/event/bg-curve.png);
    align-items: center;
    background-size: 100% 75%;
    background-repeat: no-repeat;
    position: relative;
    padding: 80px 0 60px 0;
    position: relative;
    z-index: auto;
    overflow: hidden;
    background-color: transparent;
}

.curve-section:before {
    position: absolute;
    content: '';
    background: linear-gradient(180deg, #D8EFF2 0%, #F6FEFE 100%);
    bottom: -37px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -9;
}

.bg-transparent{
    background-color: transparent;
}
.icon-wrap-p:hover{
    box-shadow: 0px 4px 4px 0px #00000040;
    border: 1px solid #19646436;
    background:#3F9393;
    color: #ffffff;
}
.icon-wrap-p:hover span{
    color: #ffffff;
}

.icon-wrap-p:hover p{
    color: #ffffff;
}

.icon-wrap-p{
    border: 1px solid #1964644D;
    height: 235px;
    padding: 34px 26px;
    background-color: #ffffff;
    border-radius: 8px;
}
.icon-wrap-p p{
font-family: Playfair Display;
font-weight: 500;
font-size: 18px;
line-height: 88%;
letter-spacing: 0%;
color:#000000;

}
.icon-wrap-p span{
font-family: Inter;
font-weight: 400;
font-size: 12px;
line-height: 19px;
letter-spacing: 0%;
text-align: center;
color:#494949;

}
.get-icon {
    height: 64px;
    width: 64px;
    background: #3E9292;
    border-radius: 50%;

}
.special-left-img{
    background: #3F9393;
    height: 339px;
    width: 389px;
    position: relative;
    border-radius: 8px;

}
.special-left-img img{
height: 323px;
object-fit: cover;
position: absolute;
bottom: 0;
left: 13%;

}
.special-right-part h5{
font-family: Playfair Display;
font-weight: 400;
font-size: 40px;
line-height: 134%;
letter-spacing: 0%;
color: #000000;

}
.special-listing img{
    border: 2px solid #0F5656;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    padding: 3px;

}
.special-listing span{
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 182%;
letter-spacing: 0%;
color: #000000;
}
.special-p{
    width: 53%;
    margin-left: auto;
    margin-right: auto;

}
.special-segment-top{
    position: absolute;
    top: 0;
    z-index: -9;
    opacity: 0.4;
    left: 0;
    transform: rotateY(180deg);

}
.special-segment-bottom{
    position: absolute;
    bottom: 0;
    z-index: -9;
    opacity: 0.4;
    right: 0!important;
    transform: rotateY(180deg);
}
.event-g{
    height: 384px;
     border-radius: 8px;
}
.event-g-img{
    height: 335px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #FFFFFF;
}
.g-layer{
    border-radius: 8px;
}
.button-yb{
    height: 69px;
    width: 69px;
    border: 2px solid #3F9393;
    border-radius: 50%;
    position: relative;
}
.button-yb img{
    height: 38px;
    cursor: pointer;
}
.youtube-button-c h5{
font-family: Playfair Display;
font-weight: 600;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
color:  #3F9393;

}

.button-yb:after {
    position: absolute;
    content: '';
    border: 2px solid #3F9393;
    width: 55%;
    left: 56px;
    top: 29px;
}

.gallery {
    background-image: url(../img/home-page-icon/blog_bg.png)!important;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 80px 0 60px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.column-gallery {
  padding: 0 4px;
}

.column-gallery img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.column-gallery img:hover{
    cursor: pointer;
}
.chat-to-us h5{
font-family: Inter;
font-weight: 600;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
color: #08325A;

}
.chat-to-us{
border-bottom: 1px solid #3F939338;
}
.chat-to-us p{
font-family: Inter;
font-weight: 400;
font-size: 14px;
line-height: normal;
letter-spacing: 0%;
color: #434343;
margin-top: 15px;
}
.chat-to-us p a{
    color: #434343;
}
#allCategories a, #allCategories .card-overlay{
cursor: pointer;
}
.contact-form-container{
    background: #C4E0E0;
     padding: 60px;
     border-radius: 8px;
}
.contact-form-container .btn-submit {
     font-family: Playfair Display;
     font-weight: 600;
     line-height: 100%;
     background: rgba(63, 147, 147, 1);
     color: white;
     padding: 10px 20px;
}
 .contact-form-container .btn-submit:hover {
     background-color: #20756e;
}
.contact-media p{
font-family: Inter;
font-weight: 600;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
color:#08325A;
}
.left-paragraph{
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: normal;
letter-spacing: 0%;
color: #434343;
}
.bg-c{
 background: #F0F7F7;

}
.spot-form input {
    margin-bottom: 15px!important;
    border-radius: 8px!important;
    border: 1px solid #ccc!important;
    padding: 10px!important;
}



.learning{
    background-image: url(../img/learning/learning-bg.png);
    height: 669px;
    position: relative;
}

.learning-top{
z-index: 98!important;
}
.learning-bottom{
z-index: 98!important;
}
.learning-foreground{
    padding-block: 90px;
}
.mini-courses-wrapper{
    background-image: url(../img/learning/mini-course-bg.png);
    height: 602px;
    position: relative;
}
.apply-btn{
    position: relative;
    z-index: 99;
}
.courses-inner-icon{
    background: #FBBA68;
    height: 51px;
    width: 54px;
    border-radius: 4px;

}
.courses-icon-container{
    background: #FFFFFF;
    border-radius: 8px;
    padding: 41px 0px 8px 25px;
}
.courses-icon-container h5{
font-family: Inter;
font-weight: 600;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
color:#08325A;

}
.courses-icon-container p{
font-family: Inter;
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
color:  #575757DB;

}
.icon-c-blue{
background: #5EC2E1;
}
.icon-c-green{
background: #A8DC56;

}
.icon-c-purple{
background: #BC84EB;

}
.course-title{
   color: #FFFFFF;

}
.course-para{
color: #C4F1F1;
}
.course-e-btn{
font-family: Playfair Display;
 color: #08325A!important;
 border: 3px solid #FFFFFF;
 background: #FFFFFF!important;

}
.expert-img-1{
    height: 447px;
    width: 375px;
    object-fit: cover;
    border: 3px solid #FFFFFF;
    border-radius: 16px;
}
.expert-img-2{
    height: 245px;
    width: 205px;
    object-fit: cover;
    border: 3px solid #FFFFFF;
    border-radius: 16px;
    position:absolute;
    top: 38%;
    left: -14%;

}
.expert-left-part{
    padding-left: 50px;
}
.trusted-clients-container{
    height: 89px;
    width: 89px;
    border-radius: 50%;
    background: #3E9292;
    position: absolute;
    top: 76%;
    left: 80px;
    text-align: center;
    padding-block: 28px;
}

.trusted-clients-container p{
font-family: Inter;
font-weight: 500;
font-size: 10px;
line-height: 100%;
letter-spacing: 0%;
color: #FFFFFF;
}
.expert-right-part-para{
font-family: Inter;
font-weight: 400;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
color:  #3F9393;
width: 85%;
}
.expert-progress-bar .progress {
height: 8px;
background-color: #ffffff;
overflow: hidden;
border-radius: 0;
 }
.expert-progress-bar .progress-bar-custom{
      background-color:   #ECBB32; 
 }
    .pricing-table {
      width: 100%;
      max-width: 1100px;
      height: 464px;
      margin: auto;
      border-collapse: collapse;
      background: #FFFFFF;
      border-radius: 8px;
      overflow: hidden;
    }

    .pricing-table th, .pricing-table td {
      padding: 15px;
      text-align: center;
      border-bottom:1px solid #DBDBDB;
    }

    .pricing-table th {
        font-family: Inter;
        font-weight: 400;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 0%;
        color:  #FFFFFF;
        background: #08325A;
    }
    .pricing-table tr:last-child td {
      border-bottom: none;
    }
    .pricing-table td {
     font-family: Inter;
        font-weight: 400;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0%;
       color: #000000;


    }
    .tl-border{
        border-left:1px solid #DBDBDB;
        border-right:1px solid #DBDBDB;
    }
.first-t-element{
    padding-left: 40px!important;
    text-align: left!important;
}

    .image-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap:5px;
      max-width: 700px;
      margin: auto;
    }

    .image-grid img {
      width:100%;
      height:207px;
      object-fit: cover;
      display: block;
      border: 3px solid #FFFFFF
    }
    .top-left {
      border-top-left-radius: 83px;
      position: relative;
    }
    .image-grid:after{
       content: ""; 
       border: 2px solid #3E9292;
        position: absolute;
        top: -13px;
        height: 204px;
        z-index: -9;
        border-top-left-radius: 83px;
        width: 48%;
        left: -12px;
    }
     .image-grid:before{
       content: ""; 
       border: 2px solid #3E9292;
        position: absolute;
        bottom: -13px;
        height: 204px;
        z-index: -9;
        border-bottom-right-radius: 83px;
        width: 48%;
        right: -12px;
    }

    .top-right {
         transform: rotateY(180deg);
    }
    .bottom-left {
      border-bottom-left-radius: 83px;
    }
    .bottom-right {
      border-bottom-right-radius: 83px;
    }

   .grow-btn{
    font-family: Playfair Display;


   }
   .strong-growing-wrapper{
    background-image: url(../img/community/community-bg.png);
    height: 659px;
   }


.flip-card {
  width:100%;
 height: 384px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  border-radius: 8px;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.flip-card-back {
  background: #3E9292;
  transform: rotateY(180deg);
  color: #ffffff;
  padding: 50px 20px;
  border-radius: 8px;
}
.flip-card-back a{
    background: #ffffff;
    color: #08325A;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    padding: 7px 14px;
    border-radius: 8px;
}
.flip-card-back p{
font-family: Inter;
font-weight: 500;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #ffffff;
}

.flip-heading{
    color: #ffffff;
    font-size: 24px;
}
.flip-heading-span{
     color: #ffffff;
     font-size: 18px;
}
.strong-growing-inner{
    padding-top: 280px;
}
.growing-card{
    background: #3E9292;
    padding: 13px 21px;
    border-radius: 8px;

}
.counter-inner .counter-count{
font-family: Playfair Display;
font-weight: 700;
font-size: 40px;
line-height: 97%;
letter-spacing: 0%;
color: #FFFFFF;
}
.counter-inner span{
font-family: Playfair Display;
font-weight: 600;
font-size: 18px;
line-height: 97%;
letter-spacing: 0%;
color: #C3FFFF;
}
.grow-plus{
    color: #ffffff!important;
    font-size: 30px!important;

}
.community-contact-wrapper .form-control, .community-contact-wrapper .form-select{
    --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #323232AB;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #F0F7F7;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-submit-contact{
background: #08325A!important;
font-family: Playfair Display;
font-weight: 500;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
color: #FFFFFF;
width: 100%;
} 


.page-404 {
    margin: auto;
    width: 50%;
    text-align: center;
    padding-block: 50px;
    padding: 100px 0px;

}
.page-404 .container {
    background:#fafafa;
    padding-block: 100px;
    box-shadow: 0px 1px 6px #b9b7b7;
}
.page-404 .container .text-404 {
    color: #3F9393;
    font-size: 100px;
    font-weight: 800;
    animation: zoomeff 6s infinite ease;
    height: 112px;
}
.errorpagetext {
    color: #000000c4;
    text-transform: capitalize;
    font-size: 33px;
    margin-bottom: 50px;
    margin-top: 24px;
}
.home-btn-err{
    color:#fff;
    background: #3F9393;
    border-radius:20px;
    padding: 8px 15px;
    text-decoration:none;

}
@keyframes zoomeff {
    0% {
    transform: scale(1.1);
}
50% {
    transform: scale(1.3);
}
100% {
    transform: scale(1.1);
    color: #3F9393;
}
}
@media (max-width:768px){
    .page-404 {
    margin: auto;
    width: 90%;
 
}
}
.page-404 .container .text-404 {
    color: #3F9393;
    font-size: 70px;
    animation: zoomeff 6s infinite ease;
}
.errorpagetext {
    font-size: 17px;
}
.tooltip-inner {
  background-color: #3F9393 !important;
  color: #fff;
  font-size: 14px;
  border-radius: 0px;
}

/* This is the correct arrow color override */
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #3F9393 !important;
}
.colortext{font-size: 12px;}

.profile-header-user{
    background: #3F9393;
    color: #ffffff;
    padding: 12px 0px;
    font-weight: bolder;
    font-size: 17px;

}
.profile-bottom-part {
    border-left: 1px solid #c4e0e000;
    border-right: 1px solid #c4e0e000;
    border-bottom: 1px solid #c4e0e000;
    padding: 27px 11px;
    background: #f7fafa00;
}
.profile-bottom-part .container .row.mb-3{
    background: rgba(255, 255, 255, 0.48);
    padding: 30px;
    border: none;
}
#updateUserProfileImageForm .profile-bottom-part{
    background: rgba(255, 255, 255, 0.48);
    padding: 30px;
    border: none;
}
.profile-bottom-part .form-control{
    border: 1px solid rgba(25, 100, 100, 0.39);
    background: #fff;
    margin-bottom: 15px;
}
#updateUserSocialLinkForm .profile-bottom-part .form-control{
    margin-bottom: 0px;
}
.navmenu .mobmenubox .dropdown-menu.show{
    margin-top: -2px;
}
.profile-bottom-part .form-select{
    border: 1px solid #C4E0E0;
}
.profile-bottom-part label{
    text-align: left;
    color: rgba(64, 64, 64, 1);
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}
.profile-bottom-part .subs{
    font-size: 12px;
    color: #2d8b84;
}
.profile-subs-card{
    height: 92%!important;
}
.profile-bottom-part .basic{
    color: #444444;
    font-weight: bolder;
}
.user-profile-wrapper .nav-tabs .nav-link:focus, .user-profile-wrapper .nav-tabs .nav-link:hover {
    isolation: isolate;
    border: 0px;
    color: #3f9393;
    border-bottom: 4px solid #3f9393;
    padding-bottom: inherit;
}

#loginModal .modal-dialog-centered .btn-close{
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #002c45;
    border-radius: 50%;
    font-size: 10px;
    color: #002c45;
}
/*.profile-summary-cards{
    padding-top: 20px;
}*/
.user-profile-wrapper{
    padding: 80px 0px 60px 0px;
}
.user-profile-wrapper .nav-link{
    color:#201f1f;
    font-weight: 500;
    font-size: 20px;
    padding-bottom: 4px;
    transition: inherit;
}
.user-profile-wrapper .nav-link {
    margin-bottom: inherit;
}


.user-profile-wrapper .nav-tabs{
    background: #f7fafa00;
    border-bottom: 0;
    font-weight: 300;
     /* border: 1px solid #3f9393; */
     border-bottom: 1px solid #3f9393;
}

.user-profile-wrapper .nav-tabs .nav-link.active{
    /* background: #3f9393 !important;  */
    font-weight: 500;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    color: #3f9393;
    border-bottom: 0;
    border-bottom: 4px solid #3f9393;
    border-left: 0px;
    border-right: 0px;
    padding: 5px 10px;
    background: #ffffff00; 
}

.p-user span{
    color: #ffffff;
}

.upload-edit-inner{
    /* border-left: 1px solid #C4E0E0;
    border-right: 1px solid #C4E0E0;
    border-bottom: 1px solid #C4E0E0; */
    background: #ffffff00;
}
.upload-card-body img {
   box-shadow: 0px 0px 4px #aba3a3;  
}
.upload-b-container{
  gap: 30px;
  padding: 27px 11px;
}
.update-profile-btn button{
    background: #3F9393!important;
}

.upgrade-btn button{
    background: #3F9393!important;
}
.upgrade-btn {
    display: flex;
    gap: 20px;
    justify-content: center;
}
.user-progress span{
    color: #ffffff;
}
.user-progress{
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.4);
    padding: 12px 13px;
}
.user-progress .progress-bar{
   background-color: #ff9800;
}
.outer {
  margin: 0 auto;
  width: 100%; /* Make it stretch full width */
  padding: 27px 11px;
}
#big .item {
  width: 100%;
}
#thumbs .item {
  background: #c9c9c9;
  height: 100px;
  line-height: 70px;
  padding: 0px;
  margin: 4px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
#thumbs .item:hover{
    background:#fff;
}
#thumbs .item h1 {
  font-size: 18px;
}
.owl-theme .owl-nav [class*="owl-"] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#big.owl-theme {
  position: relative;
}
#big.owl-theme .owl-next,
#big.owl-theme .owl-prev {
  background: #F0F0F0;
  width: 40px;
  line-height: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  text-align: center;
  top: 50%;
}
#big.owl-theme .owl-prev {
  left: 10px;
}
#big.owl-theme .owl-next {
  right: 10px;
}
#thumbs.owl-theme .owl-next,
#thumbs.owl-theme .owl-prev {
  background: #f4f4f4;
}
.owl-carousel .owl-item img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover; 
}

.slick-img{
    height: 100px!important;
}
.edit-document-modal .modal-header{
    background: #3F9393;
    color: #ffffff;
    padding: 12px 24px;
    font-weight: bolder;
    border-radius: 0;
}
.edit-document-modal .modal-title{
color: #ffffff;
font-size: 17px;
}
.upload-edit button{
    border: none!important
}
.subscription-plan-wrapper .plans-cards{
    box-shadow: 0px 0px 8px #d1cbcb;
    padding: 50px 15px;
    background: #ffffff;
    position: relative;
    border-radius: 8px;

}
.subscription-plan-wrapper .plans-gap{
    gap:20px;
}
.subscription-plan-wrapper{
    padding: 80px 0px
}
.subscription-plan-wrapper .active{
       border: 3px solid #3F9393!important;
}
.plans-ticks{
    height: 25px;
    width: 25px;
    background: #222221;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    right: -6px;
}
.swal2-styled.swal2-confirm{
    background: #21476bcf !important;
    border: 0px !important;
}
.swal2-icon.swal2-info {
    border-color: #3F9393;
    color: #3F9393;
}
.border-bottom-dotteda .btn:first-child:active{
border-radius: 5px;
}
.edit-png{
    color: #ad9d9d;
    font-size: 11px;
}
.edit-document-modal .btn-close{
    background-image:url('../img/user/close.png')!important;
    border: 1px solid white;
    border-radius: 50%;
}
.subscription-plan-wrapper .plans-card-opacity{
    opacity: 0.7;
}
.outer .form-control{
    border: 1px solid #C4E0E0;
}
.upload-my-store img{
     height: 200px;
    object-fit: fill;
    border: 0px solid #3f939300;
    transition: 0.6s;
}
.upload-my-store button {
   background: #f70404;
    /* border: 3px solid #3f9393; */
    color: #ffffff;
    font-weight: bolder;
    border-radius: 3px;
    right: 8px;
    width: 22px;
    font-size: 12px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
    border-radius: 50%;
}
.upload-my-store button:hover {
    background: #fb0000;
    border: 0px solid #3f9393;
}
.upload-edit-inner .form-control{
border: 1px solid #C4E0E0;
}
/*.upload-my-store .image-card:hover{
    .gallery-layer{
    position: absolute;
    background: #04040475;
    z-index:0;
    opacity: 0.8;
    top: 15px;
    bottom: 15px;
    left: 25px;
    right: 25px;
    transition: 0.5s;
}
   
}*/
.upload-my-stores embed{
    height: 200px;
    object-fit: cover;
    border: 3px solid #3f939300 !important;
    transition: 0.6s;
    border-radius: 0!important;
}
.upload-my-stores button{
    background: #ffffff;
    border: 1px solid #f50606;
    color: #f50606;
    font-weight: bolder;
    border-radius: 3px;
    right: 12px !important;
    display: flex;
    height: 28px;
    width: 28px;
    font-size: 14px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    line-height: 16px;
    top: -1px !important;
}
/* .upload-my-stores button:hover{
    background: #000000;
    border: 3px solid #3f9393;
} */
.header .navmenu .dropdown ul a:hover {
    color: #3f9393 !important;
}
.swiper.event-swiper{
    padding-bottom: 60px;
}
.event-swiper .swiper-horizontal>.swiper-pagination-bullets, .event-swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 20px !important;
}

.my-subscription-plan-wrapper .pricing-plan-right-part{
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
    background: #ffffff;
    padding-bottom: 30px;
    border-radius: 10px !important;

}
.my-subscription-plan-wrapper .pricing-plan-right-part tr{
    border-bottom: 1px solid rgba(0,0,0,0.22);
}
.my-subscription-plan-wrapper .my-plan-header {
    background-color:#3f9393;
    padding: 10px 0px;
    border-radius: 10px 10px 0px 0px !important;
}
.my-subscription-plan-wrapper .my-plan-header h3{
        color: #ffffff;
    font-size: 17px;
    padding: 5px;
}
.my-subscription-plan-wrapper .first-plan{
    background: #3F9393;
    color: #ffffff;
    padding: 10px 15px;
}

.my-subscription-plan-wrapper .second-plan{
background: #00c7c7;
color: #ffffff;
padding: 10px 15px;
}
.my-subscription-plan-wrapper .third-plan{
 background: #9CE2E2;
 color: #ffffff;
padding: 10px 15px;
}
.my-subscription-plan-wrapper td{
    padding: 6px 6px;
    font-size: 14px;
    color: black;
}
.my-subscription-plan-wrapper .bg-basic{
background: rgba(63, 147, 147, 0.23) !important;
 text-align:center;
color: #4caf50 !important;
}
.my-subscription-plan-wrapper .bg-standard{
    /*background: rgba(0, 199, 199, 0.23) !important;*/
    text-align:center;
   color: #4caf50 !important;
}
.my-subscription-plan-wrapper .bg-premium{
background: rgba(156, 226, 226, 0.23) !important;
text-align:center;
color: #4caf50 !important;
 }
 .my-subscription-plan-wrapper .cross-red{
    color: #FF5E5B!important;
 }
 .my-subscription-plan-wrapper .get-it-btn{
    border-bottom: none!important;
 }
.my-subscription-plan-wrapper .upgrade-2 a{
    background:#00c7c7;
    color: #ffffff;
    padding: 6px 8px;
    font-size: 14px;
}
.my-subscription-plan-wrapper .upgrade-3 a{
    background: #9CE2E2;
    color: #ffffff;
    padding: 6px 8px;
    font-size: 14px;
}
.my-subscription-plan-wrapper .get-it-space{
    padding: 25px 0px!important;
}
.my-subscription-plan-wrapper .active-plan{
        background: #3f939385;
    color: #ffffff;
    padding: 10px 8px;
    font-weight: 400;
    font-size: 17px;
}
.my-subscription-plan-wrapper .bg-status{
        background: rgba(0, 0, 0, 0.13);
        text-align:center;
        color: #4caf50;
        font-weight: 500;
        width: 30%;
}

.my-subscription-plan-wrapper .plan-container-inner{
    /*box-shadow: 3px 5px 9px 4px rgba(204, 204, 204, 0.34);
    padding: 25px;
    background: #ffffff;*/
}

.my-subscription-plan-wrapper .my-plan-current{
    background: #959595;
    padding: 2px 7px;
    color: #ffff;
    height: 26px;
    font-size: 14px;
}
.my-subscription-plan-wrapper .expiry-date-plan{
    background: #3F9393;
}
.event-swiper .swiper-slide img{ 
    width: 100%;
    height: 100%;
    object-fit: inherit; 
    border-radius: 8px;   
  }

  .event-swiper .swiper-button-prev:after {
    width: 25px;
    font-size: 18px;
    background: #fff;
    height: 29px;
    line-height: 30px;
    width: 45px;
    border-radius: 50%;
    text-align: center;
  }
  
  .event-swiper .swiper-button-next:after {
    width: 25px;
    font-size: 18px;
    background: #fff;
    height: 29px;
    line-height: 30px;
    width: 45px;
    border-radius: 50%;
    text-align: center;
  }
  
  .custom-follow-btn {
    background-color: #25323c;
     color: #ffffff;
     /* border: 1px solid #ffffff; */
     border-radius: 6px;
     padding: 1px 8px;
     line-height: 32px;
     font-weight: 500;
     height: 30px;
     transition: all 0.3s ease-in-out;
    }
    .custom-follow-btn:hover {
    background-color: #25323c;
     color: #ffffff; 
     /* border: 1px solid #ffffff; */
     border-radius: 6px;
     padding: 1px 8px;
     line-height: 32px;
     font-weight: 500;
     height: 30px;
     transition: all 0.3s ease-in-out;
    }
    .custom-follow-btn:hover .follow-icon {
       color: #ffffff;
       transform: rotate(360deg);
       transition: transform 0.5s ease;
    } 
    .custom-follow-btn .fa.fa-user-plus.me-2.follow-icon{
       margin-bottom: 0px;
    }
    .book-now .btn.getfeature {
        border:1px solid #21476B;
        color: #21476B;
        padding: 10px 28px;
        font-size: 16px;
        border-radius: 6px;
        font-weight: 500;
        transition: 0.3s ease;
        background: transparent;
   }
   #eventModal .btn-close, #eventModalnoevent .btn-close{
    position: absolute; 
    right: 8px;
    top: 8px;
    border: 1px solid white;
    border-radius: 50%;
    font-size: 12px;
} 

.eventthumbnail .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    background: #fff; 
    padding: 5px 5px 5px 5px !important;
    border-radius: 6px; 
    padding-left: 5px;
    padding-right: 5px;
    display: block;
}
.contentbox {
    position: inherit !important;
    bottom: 0px !important;
    padding: 10px;
}
.contentbox p{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 4px;
}
.readtext{
    font-size:12px;
    margin-top: 4px;
}
.dateream {
    display: inherit !important;
    justify-content: space-around;
}
.datetext{
    font-size: 12px;
}
.author-info img{
    width: 45px;
    border: 2px solid #fff;
    border-radius: 50%;
}
.userclient2{position:relative;right:22px;}.userclient3{position:relative;right:50px;}.userclient4{position:relative;right:75px;}
.userclient5{position: relative;right: 100px;}
.fiftypluse{position: relative;}
.author-name{position: absolute;bottom: 8px;left:27%;font-weight: 600;}
.businessyears h2{
    font-family: Playfair Display;
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
}
.businessyears p{
    /* font-family: Playfair Display; */
    font-weight: 500;
    font-size: 22px;
}
.spotlight-section, .mySwiperourlisting{position: relative;}
.spotlight-section .mySwiperfeatured .swiper-button-prev {
    left: 110px !important;
    right: auto;
    height: 35px;
    width:35px; 
}
.spotlight-section .mySwiperfeatured .swiper-button-next {
    right: 110px !important;
    left: auto;
    height: 35px;
    width:35px; 
}
.spotlight-section .swiper { 
    position: inherit;
    margin: 0px 65px;
}
.eventthumbnail .mySwiper2{
    position: relative !important; 
}
.mySwiperourlisting {
    position: inherit;
}
.event-swiper .swiper-slide { 
    height: 480px;
}
.eventthumbnail .mySwiper2 {
    position: inherit !important;
}

.mySwiper2 .swiper-button-prev:after, .mySwiperfeatured .swiper-button-prev:after, .mySwiperourlisting .swiper-button-prev:after, .mySwipernewmember .swiper-button-prev:after{
    content: '';
    background: url('../img/home-page-icon/prearrow.png') no-repeat center;
    width: 25px;
    font-size: 18px;
    background-color: #fff;
    height: 29px;
    padding: 22px;
    line-height: 30px;
    width: 45px;
    border-radius: 50%;
    text-align: center;
  }
  .mySwiper2 .swiper-button-next:after, .mySwiperfeatured .swiper-button-next:after, .mySwiperourlisting .swiper-button-next:after, .mySwipernewmember .swiper-button-next:after{
    content: '';
    background: url('../img/home-page-icon/nextarrow.png') no-repeat center;
  /* background-size: contain; */
    width: 25px;
    font-size: 18px;
    background-color: #fff;
    height: 29px;
    padding: 22px;
    line-height: 30px;
    width: 45px;
    border-radius: 50%; 
    text-align: center;
    display: block;
  }



.mySwiperInspiring .swiper-button-prev:after{
    content: '';
    background: url('../img/home-page-icon/prearrow.png') no-repeat center;
    width: 25px;
    font-size: 18px;
    background-color: #fff;
    height: 29px;
    padding: 22px;
    line-height: 30px;
    width: 45px;
    border-radius: 50%;
    text-align: center;
  }
  .mySwiperInspiring .swiper-button-next:after{
    content: '';
    background: url('../img/home-page-icon/nextarrow.png') no-repeat center;
  /* background-size: contain; */
    width: 25px;
    font-size: 18px;
    background-color: #fff;
    height: 29px;
    padding: 22px;
    line-height: 30px;
    width: 45px;
    border-radius: 50%; 
    text-align: center;
    display: block;
  }

    .eventthumbnail .mySwiper2{
        position: inherit;
    }

   
  .mySwiperourlisting .swiper-button-next{
    right: 5%;
    left: auto;
  }

  .mySwiperourlisting .swiper-button-prev{
    left: 5%;
    right: auto;
}
.eventthumbnail .mySwiper2 .swiper-button-next{
    right: 9%;
    left: auto;
    top:40%;
}
.eventthumbnail .mySwiper2 .swiper-button-prev{
    left: 9%;
    right: auto;
    top:40%;
}
.eventthumbnail .swiper-horizontal>.swiper-pagination-bullets, .eventthumbnail .swiper-pagination-bullets.swiper-pagination-horizontal, .eventthumbnail .swiper-pagination-custom, .eventthumbnail .swiper-pagination-fraction {
    bottom: 50px;
}
.women_loungedesk{ 
    background: url('../img/women_lounge_banner.svg') no-repeat center;
    width: 100%;
    background-color: #fff;
    height:100vh;
    text-align: center;
    display: block;
    /* background-size: auto; */
    background-size: cover;
}


#faqAccordion .accordion-button:not(.collapsed)::after {

    width: 2%;
    transform: var(--bs-accordion-btn-icon-transform);
}
.alt-services .details a {
    pointer-events: none;
}
#faqAccordion .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background: url('../img/down-arrow.svg') no-repeat center;
    width: 2%;
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}
.ancherlink{
    height: 100%;
    width: 100%;
    display: block; 
}
.informationcontent a{
    color: #3f9393;
}
.popupsection{
    margin-top: -40px;
}
.col.plan-1, .col.plan-2, .col.plan-3{
    width:20%;font-size:14px;
}
.topsectiontrusted{
    position: relative; 
    top:-55px;
}
.mySwiperblog .swiper-wrapper {
    padding-bottom: 55px;
}
.mySwiperblog .blog-title {
    font-family: Playfair Display;
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    text-align: left;
    color: #08325A;
} 
.shareicons {position: relative;}
.shareicons .post-share-btn{
    position: absolute;
    right: 0;
}
.shareicons .share-wrapper .share {
    width: 40px;
    height: 40px;
    float: right;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    line-height: 2.1;
    background: #3c9393;
    font-size: 20px;
    cursor: pointer;
    margin-bottom: 15px;
    transition: background-color .4s;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .28);
}
.shareicons .share-wrapper ul.social {
    opacity: 0;
    visibility: hidden;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.shareicons .share-wrapper ul.social.active {
    opacity: 1;
    visibility: visible;
    transform: translate(1px);
    display: flex;
  }

.shareicons .share-wrapper ul.social li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    margin-left: 8px;
    background-color: #3c9393;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    margin-bottom: 15px;
    box-shadow: 0.5px 0.87px 4px 0 rgba(0, 0, 0, .3);
    transition: all .4s;
    transform: scale(.4);
}
.yearbisiness h5{
    font-family: Playfair Display;
    font-weight: 700;
    font-size: 64px;
}

  
  .plan-container-inner .alert.alert-warning{
    background: #009595;
    color: #fff;
    border: 0px;
  }
  .jcalendar.jcalendar-container.jcalendar-focus{width: 100%;}
  .jcalendar .jcalendar-content{
    width: 100%;
  }
.business-modal .input-group-append .btn:first-child:active{
    border-radius: 0px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}
.business-modal .btn.name-btn .fa{
 font-size: 14px;
}
/*21-07-2025 @nil */
span.btn.name-btn img {
    width: 23px;
}
.form-control:focus{
    box-shadow: none !important;
}
.modal-join{
    color:rgb(68 68 68) !important;
    border-radius: 0px 10px 10px 0px !important;
    border-radius: 10px !important;
}

.form-select:focus{
    box-shadow: none !important;
}
/*.form-select{color:black !important;}*/
.upload-edit-inner {
    background: rgba(255, 255, 255, 0.48);
    padding: 30px;
    border: none;
}
.name-btn{
    pointer-events: none;
}
.navmenu .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    color:#282828;
    border-bottom: 1px solid #3f939361 !important;
}
.dropdown.bell_icon ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    color:#fff;
    border-bottom: 1px solid #3f939361 !important;
    display: block;
    text-align: center;
}
.wlcmUser{
     border-bottom: 1px solid #3f939361 !important;
     font-size: 15px !important;
}
.boxdesignpopup .modal-header{
    background: #3f9393;
}
.boxdesignpopup h5{
    color:#fff;
}
.boxdesignpopup .modal-content{
    border-radius: 10px;
}
.planbtnspurchase{
    width: fit-content;
}
.boxdesignpopup .btn-close{
    border: 1px solid #ffffff;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    right: 7px;
    top: 8px;
    font-size: 10px;
}
.btn.btn-sm.custom-follow-btn {
    background: #21476bcf;
}
.boxdesignpopup h5 {
    color: #fff;
    width: 100%;
    text-align: center;
}
.navmenu{
    display: flex;
    align-items: center;
    gap:10px;
}
.clickiconuser{
    padding-left:5px;
    list-style: none;
    margin-top: 18px;
}
.clickiconuser .dropdown-toggle{
padding-bottom: 20px;
margin-bottom: 0px;
padding-left: 5px;
}
.navmenu .dropdown ul{
    /* margin-right: -25px; */
}
.clickiconuser::marker, .widthoutuser::marker, .searchimg::marker{display: none;}
li .searchimg::marker{display: none;}
li.searchimg::marker {
  content: "";
}

.widthoutuser {
    margin-left: 0px;
    list-style: none;
    margin-top: 0px;
}
.card-new{
    background-color: transparent !important;
    padding: 20px;
    box-shadow:1px 3px 2px 0px #ebf1f1;
    margin-bottom: 20px;
}
.my-subscription-plan-wrapper.pt-5 {
    background: #9ec8c821 !important;
    box-shadow: 1px 3px 2px 0px #ebf1f1;
}

.cardtop-header{
background: #3f9393;
    color: white;
    border-radius: 7px;
    width: 100%;
    padding: 18px;
}
.similarprofile{
    font-weight: 600;
    font-size: 32px;
}
.nodataablable{padding-bottom:80px;}
.infohover .fa.fa-info-circle{
    float: right;
    position: absolute;
    right: 3px;
    top: 10px;
    z-index: 999;
    color: #009595;
                            
}
.infohover p {
   margin-bottom: 0px;
   top: 30px;
   z-index: 99;
   position: absolute;
   background: #fff;
   width: 200px;
   text-align: left;
   padding: 5px;
   border-radius: 5px;
   border: 1px solid #ccc;
   font-size: 12px;
   font-style: italic;
   right: 1%;
   display:none;
}
.infohover .infoicons:hover p {
   display:block;
}
.border_right{
        border-right: 1px dotted #ffffff7a;
}
.border_right .card{
    border: 1px solid rgba(63, 147, 147, 0.45) !important;
    background: rgba(254, 254, 254, 0.62);
    padding: 17px;
    text-align: center;
}
span.badge.text-white {
    color: rgba(10, 109, 250, 1) !important;
    font-size: 15px;
}
.border_right .card p{
        font-family: Playfair Display;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #08325A;
    padding-bottom: 10px;

}

#eventModal .modal-header h5, #eventModalnoevent .modal-header h5{color:white !important;}
#eventModal .modal-header, #eventModalnoevent .modal-header{
    background: #3f9393;
    color: white;
    border-radius: 0px;
}
#eventModal .form-check.mb-2 label {
    font-size: 13px;
}
#eventModal .form-check.mb-2 img{
    margin-top: 12px;
    margin-bottom: 12px;
}
#eventModal .form-check.mb-2 input{
    border: 3px solid #3f9393;
}
#eventModal .form-check.mb-2 {
    border-bottom: 1px solid #3f93934a;
}
#eventModal .form-check.mb-2 {
    border-bottom: 1px dotted #3f93934a;
}
#eventModal #submiteventData{
    background-color: #21476bcf;
    color: white;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 1rem;
    text-decoration: none;
}
.submitedbtn{width: fit-content;}
   .formappends .addbtnmore{
      margin:0px;
      padding: 8px;
   }

#ProductimageUploadForm .table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: #00000000;
    --bs-table-bg: #00000000;
    --bs-table-border-color: #00000000;
}
.previewbtnimg{
   width: fit-content;
   float:right;
}
.notessizeimg{
    font-size: 12px;
    text-align: left;
    font-style: italic;
    color: #464444;
}
.share-wrapper ul.social.active:hover{
    opacity: 1!important;
}
#SubmitProductTypeImage{
    width: fit-content;
}

.dropdown.clickiconuser .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg);
    color: #fff !important;
}
.mySwiperRecomnded{
    position: inherit;
}
.mySwiperRecomnded .swiper-wrapper{
    position: inherit;
}
.mySwiperRecomnded .swiper-button-prev:after {
    content: '';
    background: url(../img/home-page-icon/prearrow.png) no-repeat center;
    width: 25px;
    font-size: 18px;
    background-color: #fff;
    height: 29px;
    padding: 22px;
    line-height: 30px;
    width: 45px;
    border-radius: 50%;
    text-align: center;
}
.mySwiperRecomnded .swiper-button-next:after {
    content: '';
    background: url(../img/home-page-icon/nextarrow.png) no-repeat center;
    /* background-size: contain; */
    width: 25px;
    font-size: 18px;
    background-color: #fff;
    height: 29px;
    padding: 22px;
    line-height: 30px;
    width: 45px;
    border-radius: 50%;
    text-align: center;
    display: block;
}
.mySwiperRecomnded .swiper-button-next {
    right: -5%;
    left: auto;
}
.mySwiperRecomnded .swiper-button-prev {
    left: -5%;
    right: auto;
}
.swal2-styled.swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #F44336 !important;
    color: #fff;
    font-size: 1em;
}
.withset .select2-container .select2-search--inline .select2-search__field{
    margin-top: 8px;
}

.courses-containter .courses-bottom a{
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
    background: #21476bcf;
    border-radius:4px;
    padding: 8px 9px;
    width: 100%;
    border: 0px;
}

#socialWhatsApp{
    padding-right: 22px;
}
.socialwhatsapp{
    position: relative;
}
.socialwhatsapp .infohover{
    position: absolute;
    top: 0;
    right: 0;
}
.socialwhatsapp .infohover p {
    margin-bottom: 0px;
    top: 30px;
    z-index: 99;
    position: absolute;
    background: #fff;
    width: inherit;
}
.image-card .img-desc{
    background: #fff;
    padding: 10px 4px;
    font-size: 14px;
    color:#2c2b2b!important;
}
.image-card p b{cursor: pointer;}
.productsimages p{
    background: #fff;
    padding: 10px 4px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Segoe UI', sans-serif;
}
.dropdown.bell_icon{
	list-style: none;
}
.notification-wrapper {
  position: relative;
  display: inline-block;
  font-size: 24px;
  cursor: pointer;
}
.innerpage-section-hero .dt-search input{font-weight:500;padding-left:15px!important;}
.notification-wrapper a{
    padding: 0px !important;
    display: inherit!important;
}
.notification-wrapper a:focus{
    padding: 0px !important;
    display: inherit!important;
}
.notification-wrapper .fa.fa-bell-o{
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite;
    position: relative;
    top:-2px;
    font-size: 20px;
}

.notification-icon {
  color: #333;
}

.notification-count {
   position: absolute;
    top: -5px;
    right: -4px;
    background-color: red;
    color: white;
    font-size: 10px;
    padding: 0px 2px;
    border-radius: 50%;
    font-weight: bold;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
}
.notification_list .media {
    padding: 10px 1rem;
    border-bottom: 1px solid #efeeee;
}
.allnotification{
    /*background: #5dc7c72e; */
    padding: 20px;
    border-radius: 15px;
    /* box-shadow: 0px 0px 4px 4px #494545b0; */
    text-align: center;
}
.notification_list .media.active {
    background-color: #f7fbff;
    border-color: #eef1f3;
    z-index: 0;
}
.notification_list .media {
    padding: 10px 1rem;
    border-bottom: 1px solid #efeeee;
}
.dropdown.notification-dropdown{
    height: 32px;
}
.media {
    display: flex;
    align-items: flex-start;
}
.notification_list .media .media-body .title {
    font-size: 13px;
    color: #565656;
    font-weight: 600;
}
.notification_list .media .media-body .decs {
    font-size: 11px;
    font-weight: 300;
    color: #7a7a7a;
    margin-bottom: 0;
}
.notification_list .media .media-body small {
    color: #565656;
}
.float-right {
    float: right !important;
}
.stats .stat-contain .icon {
    padding: 4px 15px;
    font-size: 16px;
    background: #3F9393;
    color: #fff;
    margin-right: 5px;
}
.stats .stat-contain .badge {
    margin-top: 0px;
    font-weight: 400;
    font-size: 16px;
    border-radius: 0px;
    line-height: 20px;
    padding: 6px 7px;
}
.notification_list h3{text-align: center!important;}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left !important;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: left !important;
}
.badge-primary {
    color: #fff;
    background-color: #4169e1;
}
.badge-success {
    color: #fff;
    background-color: #4caf50;
}
.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}
.list-inline-item{display: inline-block;}
.stat-contain{display: flex;}
.top_btns_action{
    float: right; 
}
.top_btns_action .btn:first-child{
    float: right;
    background: #21476bcf;
    color:#fff;
    border-radius: 5px;
}
.productscounts{
    width: fit-content;
    background: #009688;
    padding: 6px 10px;
    margin-bottom: 10px;
    color: #fff;
}
.active-plan-btn{cursor:auto;}
.book-now .choosesplan, .activenow{
    padding: 8px 10px !important;
    font-size: 14px !important;
}
.active-plan-btn{
    background: #009688!important;
    padding: 8px 10px!important;
}

.active-plan-btn, .Upgrade_Now, .home_membership{
    font-size: 1rem!important;
    padding: 10px 20px !important;
}
.activenow{
    pointer-events: none;
    cursor: not-allowed;
    border-radius: 4px;
}
 .plan-card.active .activenow:first-child:active{
    border-radius: 4px!important;
}
.activenow:active, .active-plan-btn:active { 
    border-radius: 4px!important;
  }
.business-modal .form-select {
    color: rgb(68 68 68);
}
.business-modal input::placeholder {
    color: rgb(68 68 68);
}
.pxcustom{padding:5px 10px;}
.modal-header{
    display: block;
    width: 100%;
    text-align: center;
}
.checkinbox .btn-close{
    position: absolute;
    top: 7px;
    right: 8px;
    border: 1px solid #000;
    border-radius: 50%;
    font-size: 11px;
}
.checkinbox .modal-content{
    border: 2px solid #00335a;
    border-radius: 15px;
}
.checkinbox .modal-body {
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
}
.addbtnmore {
    width: 125px;
}

.buynowbtn{
    bottom: 15px;
    background: #00335a;
    margin-top: -19px;
    color: #000;
    padding: 8px 20px;
    /* width: fit-content; */
    /* border-radius: 6px; */
    /* margin-top: 0px; */
    /* margin: auto;*/
}
.buynowbtn a{
    color: #fff;
}
.btnuploaddocument{
    width: fit-content;
}
#ProductDocumentUploadForm .table {
        --bs-table-color-type: initial;
        --bs-table-bg-type: initial;
        --bs-table-color-state: initial;
        --bs-table-bg-state: initial;
        --bs-table-color: var(--bs-emphasis-color);
        --bs-table-bg: #ffffff00;
        --bs-table-border-color: #dee2e600;
        --bs-table-accent-bg: transparent;
        --bs-table-striped-color: var(--bs-emphasis-color);
        --bs-table-striped-bg: rgb(0 0 0 / 0%);
        --bs-table-active-color: var(--bs-emphasis-color);
        --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
        --bs-table-hover-color: var(--bs-emphasis-color);
        --bs-table-hover-bg: rgb(0 0 0 / 0%);
        width: 100%;
}
.addmorebtn{
    padding: 8px 10px;
}
.notessizeimg{margin-bottom: 0px;}
.navmenu .dropdown ul {
    transition: inherit;
}
.navmenu .dropdown:hover>ul {
    padding-bottom: 0px;
}
.swiper-pagination-bullet {
    background: #ffffff;
    border: 1px solid #009595;
    opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #3F9393;
    opacity: 1;
}
.mySwiperlist{
    padding-bottom: 40px;
}
.datetext {
    font-size: 11px;
}
.contact_enquirybody{
    background: #C4E0E0;
}
#enquiry_popup .modal-header{
    display: block;
    width: 100%;
    text-align: center;
    background-color: #3F9393;
}
#enquiry_popup .modal-header h4{
  color:#fff;
}
#enquiry_popup .btn-close{
    position: absolute;
    top: 7px;
    right: 7px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 8px;
}
#enquiry_popup .modal-content {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#enquiry_popup .submitted{
    background-color: #21476bcf;
    color: white;
    padding: 5px 20px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 1rem;
    text-decoration: none;
    transition: 0.3s ease;
}
.navmenu .fa.fa-search{
    font-size: 20px;
    font-weight: 400;
}
.searchbox{position: relative;top:22%;}
.searchbox input{width: 100%;border: 1px solid #009688;}
.searchinnericon{
    position: absolute;
    top: 7px;
    right: 8px;
    z-index: 999999;
}


.tooltip-inner {
  background-color: #000 !important;
  color: white !important;
  font-size: 11px !important;
  padding: 1px 4px !important;
border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-start .tooltip-arrow::before,
.tooltip.bs-tooltip-end .tooltip-arrow::before {
  background-color: #007bff !important;
}
.searchimg{cursor: pointer;}
.searchimg a{padding: 5px !important;}
.searchsectionbx .offcanvas{
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 21vh;
}
.searchsectionbx .btn-close{
    border: 1px solid #009688;
    border-radius: 50%;
    font-size: 10px;
    opacity: 1;
    position: absolute;
    right: 2%;
    top: 12%;
}
.eventaboutdetails{margin-top: 100px;}
.leftsidecontent{text-align: left;}
.listing {padding: 0px;}
.listing li{list-style: none;margin-bottom: 5px;padding-bottom: 18px;}
.leftsidecontent h4{
    font-size: 28px;
    font-weight: 700;
    color: #08325A;
    padding-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}
.Event.Event-section{position: relative;}
.listbg img{padding-right: 5px;width: 4%;}
.listing .listbg{
   background: #ceebebcf;
    padding: 8px 10px;
    border-radius: 4px;
    color: #08325A;
    font-weight: 600;
}
.videoreviewtxt{
    font-size: 22px;
    font-weight: 600;
    color: #009688;
    font-family: Playfair Display;
}
.paratext{position: relative;margin-top: 30px;margin-bottom: 45px;}
.paratext p{padding-left: 10px;font-size: 16px;}
.playiconreview{margin-top: 25px;}
.playiconreview img{cursor: pointer;}
.paratext::after{
   position: absolute;
    content: "";
    height: 60px;
    width: 4px;
    background-color: #70b5b5;
    top: 4px;
}
.listbg i{
    padding: 2px 8px 2px 4px;
}
.middlebottomimgsec{
   /* width: fit-content; */
    position: relative;
    height: 380px;
    top: -100px;
    width:304px;
}
.middlebottomimgsec img{
    position: absolute;
    top: 0;
    left: -75px;
    border: 4px solid #fff;
    border-radius: 10px;
    z-index: 999;
    height: 100%;
    width:100%;
}
.topimgsec{position: relative;
width:518px; height: 402px;;
}
.topimgsec img{z-index: 999;
    position: relative;
    border: 4px solid #fff;
    border-radius: 10px;
    height: 100%;
    width: 100%;
}
.topimgsec::after{
    position: absolute;
    content: "";
    background-color: #419393;
    top: 45px;
    right: -12px;
    height: 370px;
    width: 265px;
    border-right: 8px solid #419393;
    border-bottom: 8px solid #419393;
    border-bottom-right-radius: 10px;
}
.middlebottomimgsec::after{
    position: absolute;
    content: "";
    background-color: #419393;
    bottom: -12px;
    right: 64px;
    height: 315px;
    width: 245px;
    border-right: 8px solid #419393;
    border-bottom: 8px solid #419393;
    border-bottom-right-radius: 10px;
}
.iconsbg{
    background-color: #419393;
    height: 60px;
    width: 60px;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
}
.iconsbg img{
    padding: 6px;
    width:100%;
}
.iconboxes{
    justify-content: center;
    display: flex;
    padding: 20px 5px 5px;
}
.what_you_get .card-body .card-title{
    font-size: 18px;
    font-family: Playfair Display;
    font-weight: 600;
}
.what_you_get .card-body p{
    font-size: 14px;
    color: #6c757d;
}
.headingwhatyouget {
    color: #6c757d;
}
.what_you_get .card:hover{
     background-image: linear-gradient(rgba(63, 147, 147, 0.57), rgba(63, 147, 147, 1));
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.25);
}
.what_you_get .card:hover .card-body{
    color:#fff;
}
.what_you_get .card:hover .text-secondary{
    color:#fff!important;
}
.imagehereexpert{
    background: #3F9393;
    height: 350px;
    border-radius: 10px;
    position: relative;
    z-index: 9;
}
.imagessection{margin-top:60px;}
.imagehereexpert img{
    width: 100%;
    height: 100%;
    padding: 10px 50px 0px 50px;
}
.imagessection ul {
   margin-top:6px;
   margin-bottom:6px;
}
.imagessection ul{
    padding-left: 0px;
}
.righttrick{padding-right:2px;position:relative; top:-2px;}
.imagessection ul li{
    font-size: 24px;
    font-weight: 400;
    list-style: none;
}
.Event-section .imagessection ul li{
    font-size: 16px;
    font-weight: 400;
    list-style: none;
    display: flex;
    gap: 6px;
}
.scalex img{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.alignitemcenter{
    display: flex;
    align-items: center;
}
/*@nil */
/* .card.activebox{
background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
linear-gradient(180deg, rgba(63, 147, 147, 0.57) 0%, #3F9393 100%);
} */

.what_you_get{padding-bottom: 70px;background: #d8eeee24;}
.galleryimages .swiper {
    width: 100%;
    height: 100%;
}

.galleryimages .swiper-slide, .galleryimages .swiper-slide a {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 264px;
}

#allCategories .card-overlay:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 52px;
    background-color: #3F9393;
    left: 7px;
    border-radius: 8px;
    height: 44px;
}
#allCategories .card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgb(0 0 0 / 118%), #00000005);
    padding: 15px 8px 15px 15px;
    color: #fff;
    padding-bottom: 20px !important;
}
.book-now.mobileviews{
	top: 50%;
    right: 0%;
    position: fixed;
    transform: translateX(38%) rotate(-90deg);
    z-index: 99999;
}

.galleryimages .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    border: 4px solid #fff;
}

.mySwipereventgallery .swiper-button-prev:after{
    content: '';
    background: url('../img/home-page-icon/prearrow.png') no-repeat center;
    width: 25px;
    font-size: 18px;
    background-color: #fff;
    height: 29px;
    padding: 22px;
    line-height: 30px;
    width: 45px;
    border-radius: 50%;
    text-align: center;
  }
  .mySwipereventgallery .swiper-button-next:after{
    content: '';
    background: url('../img/home-page-icon/nextarrow.png') no-repeat center;
  /* background-size: contain; */
    width: 25px;
    font-size: 18px;
    background-color: #fff;
    height: 29px;
    padding: 22px;
    line-height: 30px;
    width: 45px;
    border-radius: 50%; 
    text-align: center;
    display: block;
  }
.mySwipereventgallery{padding-bottom: 50px;}
.mySwipereventgallery .swiper-horizontal>.swiper-pagination-bullets, .mySwipereventgallery .swiper-pagination-bullets.swiper-pagination-horizontal{
    padding-top: 30px;
}
.bggradiant{
    background-image: url(../img/TOPGradient.png) !important;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 80px 0 60px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
    padding-bottom: 6rem;
}
.special_updates{
    background-image: url(../img/Speciallupdategradient.png) !important;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 65px 0 60px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
    padding-bottom: 6rem;
}
.Eventgallerygradient{
    background-image: url(../img/Eventgallerygradient.png) !important;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 80px 0 60px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
    padding-bottom: 6rem;
}

.headingwhatyouget h2, .heading_eventgallery h2{
    font-family: Playfair Display;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #08325A;
}
.contectsec h2{
    font-family: Playfair Display;
    font-weight: 700;
    font-size:30px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #08325A;
    margin-bottom: 32px;
}
.all-segment-left-top{
    position: absolute;
    top:0px;
}
.all-segment-right-bottom{
    position: absolute;
    bottom:0px;
    right:0px;
}
.allnotification .notification_list table thead tr th{
    background: #3F9393;
    color: #fff;
}
.dropdown.bell_icon ul li .fw-semibold a{color:#000}
.allnotifications .title{text-align: left;}
.alltotalviewnoti .stats .list-inline{text-align: left;}
.my-subscription-plan-wrapper .pricing-plan-right-part{overflow-x: auto;}
.pricing-plan-right-part table{overflow-x: auto;}
.bg-status .badge .fa.fa-eye{cursor:pointer;}
.profile_pics ul{display: flex;}
.profile_pics ul li{list-style: none;}
.applyinvitebtn {
    background-color: #21476bcf;
    color: white;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 1rem;
    text-decoration: none;
}
.jointhewaitlistbtn {
    border:1px solid #21476B;
    color: #21476B;
    padding: 7px 20px;
    border-radius: 8px;
    font-size: 1rem;
    text-decoration: none;
}
.jointhewaitlistbtn:hover {
    border:1px solid #21476B;
    color: #21476B;
    padding: 7px 20px;
    border-radius: 8px;
    font-size: 1rem;
    text-decoration: none;
}
.btnboxes{margin-top:25px;}
.profile_pics {
    margin-top: 25px;
    line-height: 45px;
}
.profile_pics ul li img{
    width: 47px;
    height: 47px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.author-info img{
    width: 47px;
    height: 47px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.cornorimg .left-top-star{
    position: absolute;
    top: -15px;
    left: -15px;
    opacity: 0.9;
    width: 20%;
}
.cornorimg .right-top-arrow{
    position: absolute;
    top: 15px;
    right: 15px;
}
.profile_pics ul{padding-left:0px;}
.exclusivecards h5{color:#092046;}
.btn.applyinvitebtn:hover {
    background-color: #092046;
    color:#fff;
}
.profile_pics ul .seconds{margin-left: -20px;}
.profile_pics ul .textregular{margin-left:15px;font-weight:600;}
.sec_left .section-title{text-align: left;}
.card.exclusivecards{
    border-radius: 20px;
    box-shadow: 0px 3px 8px #43666b;
}
.card-img-top{
    width: 100%;
    object-fit: inherit;
}
.imagehereexpert .card-img-top{
    width: 100%;
    object-fit: contain;
}
.texttitle .card-text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.exclusive_perks{
    width: 2059.9140610897375;
    height: 634.9277339403145;
    angle: -1.47 deg;
    opacity: 1;
    top: 500.06px;
    left: -337.46px;
    background: linear-gradient(179.44deg, #BAEAEA 20.2%, #3F9393 102.68%);

}
.blog-content-right h2, h3, h4 {
    font-size: 17px;
    font-weight: 700;
}
.aboutimagessides img{width: 100%;border-radius:8px;}
.aboutimagessides p{text-align:justify;}
.applyinvitebtn, .joinnowbtn {
    background-color: #0c2d5e;
    color: white;
    padding: 6px 20px;
    border-radius: 8px;
    font-size: 1rem;
    text-decoration: none;
}
.rightsideimg .firststimg {
    border-width: 3px;
    border-top-left-radius: 83px;
    border: 3px solid #fff;
}

.rightsideimg img {
    width: 100%;
    height: 192px;
}
.rightsideimg .fourstimg {
    position: relative;
}

.rightsideimg .fourstimg {
    border-width: 3px;
    border-bottom-right-radius: 83px;
    border: 3px solid #fff;
    position: relative;
}
.mySwiperloungemembers {
    padding-bottom: 50px;
}
.profile_img_views{position: relative;}
.professional-overlay .professional-head .fa.fa-eye {
    margin-bottom: 0px;
    cursor: pointer;
}
.professional-overlay .professional-head .fa {
    margin-bottom: 0px;
}
.view-profilelogin i {
    position: absolute;
    right: 1.5%;
    width: 30px;
    text-align: center;
    height: 30px;
    border-radius: 50%;
    background: rgba(80, 80, 80, 0.85);
    line-height: 30px;
    top: 5px;
    font-weight: 100;
    color: rgb(255 255 255 / 84%);
    font-size: 11px;
}
.navmenu .dropdown.notification-dropdown a{border-bottom: 1px solid #cccccc00;}
/* .view-profilelogin{display: none;} */
div.dt-container div.dt-layout-full {
    width: 100%;
    overflow-x: auto;
}
.socialwhatsappverify{float:left;}
.pr_0{padding-right: 0px !important;}
.pl_0{padding-left: 0px !important;}
.readonly{background: #ccc !important;}
.gradient-custom{
    background: linear-gradient(0deg, rgb(135 200 200 / 26%) 0%, rgb(63 147 147 / 28%) 100%);
    width: 100%;
    /* height: 250px; */
    position: relative;
    padding-bottom: 80px;
    /* border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%; */
    display: block;
}
.thumbnailimg{height:147px;}
     
.loungemembersslider .card-overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgb(0 0 0 / 118%), #00000005);
    padding: 15px 25px;
    color: #fff;
    border-radius: 0px 0px 6px 6px;
}
.loungemembersslider .card-overlay .card-subtitle{
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-align: left;
    color: rgba(156, 226, 226, 1);
}

.loungemembersslider .card-overlay .card-title{
    margin: 10px 0 4px 0;
    transition: ease-in-out 0.3s;
    font-family: Inter;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    color:#fff;
}
.longesmemberimg{
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid white;
}
.women_lounge_stories .swiper {
  width: 100%;
  padding: 50px 0;
}

.women_lounge_stories .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.women_lounge_stories .card_sec{
    text-align: center;
}

.women_lounge_stories .swiper-slide.swiper-slide-active .card {
    background: #3F9393;
    border-radius: 20px;
    padding: 35px;
    width: 390px;
    min-height: 180px;
    text-align: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.women_lounge_stories .swiper-slide.swiper-slide-active .card p{
   color:#fff;
}
.women_lounge_stories .swiper-slide-next .card,
.women_lounge_stories .swiper-slide-prev .card {
    background: #fff;
    border-radius: 20px;
    padding: 35px; 
    width: 390px;
    min-height: 180px;
    margin-top: 45px;
    text-align: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.women_lounge_stories .card_sec .profile {
     margin-top: -35px;
    z-index: 9;
    position: relative;
}
.women_lounge_stories .card_sec .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 3px solid #2cbebf;
  object-fit: cover;
}
.women_lounge_stories .swiper-slide.swiper-slide-active .card_sec .profile img {
  border: 3px solid #ffffffff;
}
.women_lounge_stories .card_sec h3 {
  margin: 10px 0 0;
  font-size: 18px;
  font-weight: bold;
}
.women_lounge_stories .card_sec span {
  color: #2cbebf;
  font-size: 14px;
}
.women_lounge_stories .swiper-slide-active {
  transform: scale(1.1);
  opacity: 1;

}
.women_lounge_stories .swiper-slide-next,
.women_lounge_stories .swiper-slide-prev {
  transform: scale(0.9);
  z-index: -1;
}





  .suggestion-box {
   position: absolute;
   bottom: 47%;
   left: 0;
   right: 0;
   background: #ffffff;
   border-radius: 16px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
   display: none;
   z-index: 1000;
   animation: fadeIn 0.3s ease-in-out;
   }
   @keyframes fadeIn {
   from { opacity: 0; transform: translateY(-10px); }
   to { opacity: 1; transform: translateY(0); }
   }
   .suggestion-box .title {
      font-weight: bold;
      font-size: 18px;
      padding: 12px 24px 8px;
      color: #333;
   }
   .suggestion-box ul {
     list-style: none;
    padding: 0 17px 9px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
   }
   .suggestionboximg li{
      padding-top: 8px !important;
      font-size: 12px !important;
   }
   .suggestion-box li {
   background: #f5f7fa;
   padding: 12px 18px;
   border-radius: 30px;
   font-size: 14px !important;
   color: #444;
   padding-top: 12px !important;
   cursor: pointer;
   transition: all 0.2s ease;
   display: flex;
   align-items: center;
   gap: 5px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
   }
   .suggestion-box li:hover {
   background: linear-gradient(135deg, #edf3ff, #d3e4ff);
   color: #012d63;
   transform: translateY(-2px);
   }
   .suggestion-box li img {
      width: 19px;
      height: 13px;
      opacity: 0.7;
      padding-left: 6px;
   }  


   #redirectForm .btn-primary {
    background-color: #002b4500;
    color: #3F9393;
    border: none;
    border-radius: 5px;
    padding: 10px 25px;
    font-size: 12px;
    margin-bottom: -4px;
   }

   #redirectForm :not(.btn-check)+.btn:active {
    color: #343030 !important;
   }
   /*********for searching****@nil***** */

   .list-item-result {
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease;
    justify-content: flex-start;
    margin-top:5px;
    margin-bottom:5px;
}
.list-item-result:hover {
    background: #f8f9fa;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
   .imgseceasyacc{position: relative;}
    .bdr_before::before {
        content: "";
        position: absolute;
        top: -8px;
        left: -8px;
        width: 100%;
        height: 193px;
        border: 2px solid #ff4893;
        background: transparent;
        z-index: -1;
        border-top-left-radius: 83px;
    }
     .bdr_after::after {
        content: "";
        position: absolute;
        top: 8px;
        right: -8px;
        width: 100%;
        height: 193px;
        border: 2px solid #ff4893;
        background: transparent;
        z-index: -1;
        border-bottom-right-radius: 83px;
    }
    .suggestionboximg img{
        width: 30px;height: 30px;
    }
    .suggestedcontent{padding-top: 10px;}
    #seeAllBtnContainer{position: absolute; right: 15px; bottom: 10px; width: fit-content;}
    #resultsContainer .card-title{font-size: 16px;}
    .container .row#resultsContainer, .container .row#resultsContainer .row{--bs-gutter-x:10px;}
.full_list_searchesbox .search-container {
    align-items: center;
    background: #fff;
    border-radius: 40px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    padding: 6px;
    max-width: 565px;
    position: relative;
    padding-left: 15px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    margin-top: 40px !important;
    margin: auto;
}
.rowstyles{width:25%;padding:0px;}
.rowstyles .col-lg-3 {width:100%;}

.searchimages .card-body{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgb(0 0 0 / 118%), #00000005);
    padding: 15px 25px;
    color: #fff;
    border-radius: 0px 0px 6px 6px;
    text-align: left;
}
.main.bg_searchsec{background: linear-gradient(0deg, rgb(135 200 200 / 36%) 0%, rgb(50 129 129 / 32%) 100%);}
.searchimages .imgwh {border: 2px solid white;    border-radius: 8px;
    overflow: hidden;}
.searchimages .imgwh:hover img {
    transform: scale(1.1);
}
.searchimages:hover .card-body h5{color:#3498db}
.searchimages img {
    transition: 0.6s;
}
.searchimages .card-body span{
    font-weight: 500;
    font-size: 14px;
    color: rgba(156, 226, 226, 1);
}
.row.full_resultsContainer .col-lg-3{
    padding: 0px 12px !important;
}
.selectcalender .cal-text{border-radius:8px!important;}

/*****whatsaap****/
.wht-float {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 68px;
    right: 15px;
    background-color: #0cb74c;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 26px;
    box-shadow: 2px 2px 3px #999;
    z-index: 999999;
}
.wht-my-float {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 999;
}
/*****whatsaap****/
.imgicon.col-md-6.right{width:35%;}

/* for loader search */
.loading_searching{
    display: none;width: fit-content;position: absolute;
    top: 9px;right: 33%;
}
.loadingtextforsearch{font-size:12px;}

/************new submenu*******/

.header .navmenu .dropdown ul a{
    display: inline-block;
}
.header .dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: -0.745em;
}
.navmenu .dropdown .mobmenubox ul{
    position: relative;
}
.close_button_compliance {
    top: -9px !important;
    right: -8px !important;
    height: 30px !important;
    width: 30px !important;
    border: 1px solid #fff !important;
    color: white !important;
    border-radius: 50% !important;
    position: absolute !important;
    z-index: 111 !important;
    font-weight: 700;
    background: #131313;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
}
.categoryevent .form-select{
    color: #666363; font-weight: 600;
}
.profilenames{width: 100%;cursor: auto;}
#openFilter.btn:first-child:active{border-radius:5px!important;}
.categoryevent{width: 25%;}
.navmenu .dropdown-item:active{background-color: #f1f3f5!important;color: #3F9393;} 
.promotionpod{float: right;text-align: right;position: absolute;right: 9.5%; bottom: 5%;}
.bg-card-sec{
    background-color: #f8f9fa;
    padding: 22px 20px;
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: #333;
}

.bg-card-sec .badge {font-family: "Inter", sans-serif;}
.imgtop{height:400px;}
.imgtop img{object-fit: fill;}
.bg-card-sec h5{font-size:16px; font-weight: 600;color:#08325A;height: 54px;}
.bg-card-sec .book-now{text-align: left;}
.bg-card-sec p{font-size: 14px; text-align: left;font-family: "Inter", sans-serif;}
.img_sec_left{
       background: #F0F7F7;
    height: 100%;
    padding: 5px;
    display: flex;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #fff;
    border-radius: 6px;
}
.banner-promotion img{width:100%;}
.maiheadsocial {
    font-family: Playfair Display;
    font-weight: 700;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    color: #08325A;
}
.faq.membership{width:100%;}
/* .choose-promotion-pod{
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(93, 91, 91, 0);
} */
 .promotionhead {
    font-family: Playfair Display;
    font-weight: 700;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #08325A;
 }
.iconcard{
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(93, 91, 91, 0);
    text-align: center;
}

.iconcard p{
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.imagesicons{
    width: 55px;
    height: 55px;
    margin: auto;
    margin-bottom: 15px;
    background: #F0F7F7;
    padding: 11px;
    border-radius: 50%;
}
.imagesicons img{opacity: 0.8;}
.iconcard h6{color:#08325A}
.promotionhead{color:#08325A}
.img_contentshow{
    background: #fff;padding: 15px;border-radius: 8px;
    margin-bottom: 20px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);border: 1px solid rgba(93, 91, 91, 0);
}

#membershipContent .swiper, #podContent .swiper {width: 100%;height: 100%;}
    .myswiper-testmonial .swiper-slide {
      text-align: center;font-size: 18px;background: #444;display: flex;justify-content: center;align-items: center;
    }
   .myswiper-testmonial .swiper-slide img {
      display: block;width: 100%;height: 100%;object-fit: cover;
    }
 .mySwiper-testimonial .swiper-wrapper{margin-bottom:50px;}
 .member_sec_left{position: absolute; bottom: 24%; left: 11%;  margin: auto; margin-left: 0px; margin-right: 0px; text-align: center;}
.membership_means .fa-check {color: #22A699;background: #addbdb7a;border-radius: 50%;padding: 4px;}
 .membership_means h5{text-align:center;color:#08325A;}
.membershipmeansfirst, .membershipmeanssecond{text-align:left}
.membership_means{margin:0px 132px}
.membership_means ul li{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); border-radius:5px; border: 1px solid rgba(93, 91, 91, 0); list-style: none;background: #fff;padding: 15px;margin: 10px 5px ;}
.btnboxes {margin-top: 25px;z-index: 9999;position: relative;}
/******@inl**10-11******/
.imgpremium{position: relative;top: 0;left: 0;} 
.imgpremium img{position:absolute;top:0px;left:0px;z-index:99;height:auto!important;width:100px !important;}