@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wdth,wght@0,75..100,400..700;1,75..100,400..700&display=swap");
 html {
     scroll-behavior: smooth;
     overflow-x: hidden;
}
 :root {
     --heading-color: #bd8b0f;
     --body-color: #585858;
     --blue-color: #211750;
     --sblue-color:#211750;
     --hblue-color: #243872;
     --black-color: #000000;
     --grey-color: #f6f6f6;
     --dgrey-color: #ececec;
     --link-color: #ff0202;
     --link-hover-color: #000000;
     --lblue-color: #224160;
     --heading-font: "Cabin", sans-serif;
     --body-font: "Cabin", sans-serif;
}
 body {
     font-family: var(--body-font);
     font-size: 16px;
     line-height: 1.65;
     overflow-x: hidden;
     scroll-behavior: smooth;
     color: var(--body-color);
}
 p {
     margin-bottom: 10px;
}
 a {

     text-decoration: none;
}

 ul,
 ol{
     list-style: none;
     padding: 0px;
     margin: 0px;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: var(--heading-font);
     color: var(--heading-color);
     font-weight: 600;
     line-height: 1.2;
     text-transform: unset;
     margin: 0px;
}
 h1 {
     font-size: 46px;
}
 h2 {
     font-size: 38px;
}
 h3 {
     font-size: 30px;
}
 h4 {
     font-size: 26px;
}
 h5 {
     font-size: 22px;
}
 h6 {
     font-size: 18px;
}
 .fs-20 {
     font-size: 20px;
}
 .br-20{
     border-radius:20px;
}
 .text-gold{
     color:var(--heading-color);
}
 .mini-title {
     font-size: 28px;
     text-transform: uppercase;
     font-weight: 400;
     font-family: var(--heading-font);
     color: var(--hblue-color);
}
 .fc-qty{
     padding: 0px 0px 10px 0px;
     background: transparent;
     border: 0px;
     width: 100%;
     margin-top: 5px;
     border-bottom: 1px solid #efefef;
}
 .text-dblue {
     color: var(--hblue-color);
}
 .text-green{
     color:#38a716;
}
 .bg-grey {
     background-color: var(--grey-color);
}
 .bg-dgrey {
     background-color: var(--dgrey-color);
}
 .bg-lblue {
     background-color: #eef8fe;
}
 .bg-blue {
     background-color: #223645;
}
 .bg-yellow {
     background-color: #bd8b0f;
}
 .bg-sblue {
     background-color: #1f3e5b;
}
 .bg-gold {
     background-color: var(--heading-color);
}
 .modal-content {
     border-radius: 20px;
}
 .modal-header button {
     position: absolute;
     right: 30px;
     top: 30px;
     z-index: 2;
}
 .res-p-5{
     padding:2.5rem !important;
}
 .map-bg {
     position: relative;
     background-image: url(../../uploads/images/map-image.webp);
     background-size: contain;
     background-position: center center;
     background-repeat: no-repeat;
}
 .map-bg::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(238, 248, 254, 0.2);
    /* Black overlay with 50% opacity */
     pointer-events: none;
    /* Allows interaction with underlying elements */
}
 .cursor-pointer {
     cursor: pointer;
}
.text-algin-left ul li{
    text-align:left !important;
}
 .separator-line {
     border: 1px solid #d7d8d9;
     margin: 15px 0px;
}
 .btn {
     text-transform: uppercase;
     padding: 20px 25px !important;
     line-height: 1.2 !important;
}
 .btn i {
     font-size: 22px;
     margin-left: 10px;
     display: inline-block;
     background: #ffffff;
     padding: 5px;
     border-radius: 50px;
     color: var(--sblue-color);
}
 .site-cta {
     background: var(--sblue-color);
     display: inline-block;
     color: #ffffff;
     border-radius: 50px;
     border: 0px;
     font-size: 18px;
}
 .site-cta:hover, .site-cta.reverse-cta {
     background: #bd8b0f;
     color: #ffffff;
}
 .site-cta.reverse-cta:hover {
     background: var(--sblue-color);
     color: #ffffff;
}
.subcribe-form   .site-cta:hover{
    background: var(--sblue-color);
}
 .site-table {
     border-radius: 25px;
     overflow: hidden;
}
 .site-table thead th {
     background-color: #bd8b0f;
     color: #ffffff;
     padding: 20px 40px;
     font-size: 22px;
}
 .site-table td {
     padding: 20px 40px;
}
 .btn-sw {
     padding: 10px 30px;
}
 .sw-color {
     color: var(--blue-color);
}
 .btn-sw-dark, .bg-sw-dark {
     background: var(--blue-color);
}
 .btn-sw-dark:hover, .btn-sw-light:hover {
     background: var(--black-color);
}
 .btn-sw-light, .bg-sw-light {
     background: var(--lblue-color);
}
 .btn-white {
     background: #ffffff;
     color: #000000;
}
 .bg-lblack {
     background: #222222;
}
 .bg-blue {
     background: var(--sblue-color);
}
 .text-blue {
     color: var(--sblue-color);
}
 .text-black {
     color: #222222;
}
 .border-line {
     border-bottom: 1px solid #ebebeb;
}
 .border-dark {
     border-color: #474747 !important;
}
 .nav-link.active {
     background: #d7d8d9 !important;
}
.navbar-brand{
    max-width:150px;
}
 .header-nav .dropdown-menu {
     background-color:var(--heading-color);
     border:0px;
     padding:0px;
     min-width:200px;
}
 .header-nav .dropdown-menu a {
     padding: 10px 20px !important;
     margin: 0px;
      color: #ffffff;
     border-bottom: 1px solid #979797;
}
 .header-nav .dropdown-menu a:hover {
     background-color: var(--sblue-color);
}
 .header-nav .dropdown-menu a:hover{
     border:0px;
}
 .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
     color: #000000 !important;
}
 .dark-tabs .nav-link.active {
     background: var(--blue-color) !important;
     color: #ffffff !important;
}
 .dark-tabs .nav-link.active * {
     background: var(--blue-color) !important;
     color: #ffffff !important;
}
 .carousel-item img {
     max-width: 100%;
}
 .navbar.scrolled {
     background: #ffffff;
     border-bottom: 1px solid #ffffff;
     margin:0px;
         position: fixed;
    top: 0 !important;
    right: 0;
    left: 0;
    z-index: 1030;
}
 .border-light {
     border: 1px solid #d7d8d9;
}
 .border {
     border: 1px solid;
}
 .border-color-lblue {
     border-color: #e3e3e3 !important;
}
 .row-pad {
     padding: 4rem 0;
}
 .ty-block{
     border-radius: 40px;
     filter: drop-shadow(0px 8px 10px rgba(73, 57, 38, 0.05));
     border: 1px solid #f7f7f7;
}
 .sign-img {
     width: 100px;
     object-fit: contain;
}
 .miw-200{
     min-width:200px;
}
/* Header Begins */
 .header-nav li a {
     color: #585858;
     font-size:16px;
     padding: 0px !important;
}
 .header-nav li a.active.nav-link, .header-nav li a:hover {
     color: #000000;
     border-bottom: 2px solid #ffffff;
     background: transparent !important;
}
 .header-nav li {
     margin: 0px 15px;
}
/* Header Ends */
/* Footer Begins*/
 .fs-subscribe{
     /*background: linear-gradient(to bottom, #f6f6f6 50%, transparent 50%), url(../../uploads/images/footer-blue-bg.webp);*/
          background: linear-gradient(to bottom, #f6f6f6 50%, #211750 50%);
     background-repeat: repeat;
     background-size: contain;
}
 .footer-bg{
     /* background: url(../../uploads/images/footer-blue-bg.webp); */
     background:#211750;
     background-repeat: repeat;
     background-size: contain;
}
 .fs-sub{
     padding: 40px 0px;
     border-top-right-radius: 50px;
     border-bottom-left-radius: 50px;
}
 .fs-sub input{
     width: 100%;
     padding: 20px;
     border-radius: 50px;
}
 .fs-sub button{
     position: absolute;
    right: 5px;
    top: 5px;
    bottom: 20px;
    background: var(--heading-color);
    border-radius: 50%;
    width: 58px;
    height: 58px;
     text-align: center;
}
 .fs-sub button i{
     font-size: 25px;
     color: #ffffff;
     margin: -2px 0px 0px -5px;
     padding: 0px;
     border-radius: 0px;
     background: transparent;
}
 .footer-info img {
    height: 30px;
    width: 30px;
    margin-right: 8px;
    margin-top: 10px;
    object-fit: contain;
}
 .footer-info li{
     width:100%;
 }
 .dark-links a {
     color: #ffffff;
}
 .dark-links a:hover {
     color: #aaaaaa;
}
 .footer-info .social-icons li a:hover{
     background: var(--heading-color);
}
/* Footer Ends
 .ic-banner h5 {
     bottom: 10%;
     left: 10%;
     right: 10%;
     opacity: 0;
} */
.section-img{
    width:200px;
}
 .ic-banner:after {
     display: block;
     content: "";
     background: transparent;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     position: absolute;
}
 .ic-banner:hover:after {
     background: rgba(0, 0, 0, 0.5);
}
 .ic-banner:hover h5 {
     display: block !important;
     color: #ffffff !important;
     z-index: 5;
     transition: opacity 0.6s linear;
     opacity: 1;
}
 .jlink {
     padding: 20px;
     transition: transform 0.6s;
     border: 1px solid #e9e9e9;
}
 .jlink:hover {
     transform: scale(1.01);
}
.jlink img{
        height: 180px;
    object-fit: contain;
    object-position: center;
    text-align: center;
    display: block;
    margin: 0px auto;
}
 .jlink-text strong, .jlink-text a {
     display: block;
}
/* Hero Banner */

 .carousel-item img {
            width: 100%;
            height: 80vh; /* Full viewport height */
            min-height:700px;
            object-fit: cover;
        }
        

.img-links{
    max-width:400px;
}
#heroCarousel .carousel-item::before {
    position:absolute;
    display:block;
    content:'';
    width:100%;
    height:100%;
    background:rgba(189, 139, 15, 0.4);
    z-index:2;
    
}
#heroCarousel .carousel-indicators,
#heroCarousel .carousel-control-next, #heroCarousel  .carousel-control-prev{
        z-index: 15;
}
        
  #heroCarousel  .carousel-content {
   position: absolute;
    width: 100%;
    top: 50%;
    /* left: 30%; */
    transform: translate(-0%, -50%);
    z-index: 10;

        }

 .hero-banner {
     background: url(../../uploads/images/hero-banner.webp);
     height: 90vh;
     min-height: 500px;
     background-size: cover;
}
 .inner-hero-banner {
     background: url(../../uploads/images/inner-hero-banner.webp) 100% 100%;
     background-position:center ;
     height: auto;
     max-height: 500px;
         background-size: cover;
}
 .hero-banner .primary-title {
     font-size: 36px;
     font-weight: 300;
}
 .hero-banner .secondary-title {
     font-size: 50px;
     font-weight: 600;
}
 .hero-banner .primary-title, .hero-banner .secondary-title {
     font-family: var(--heading-font);
     line-height: 1.2;
     text-transform: uppercase;
}
 .hero-event-top {
     border-left: 10px solid #ffffff;
}
 .hero-event-date, .hero-event-venue {
     font-size: 24px;
     text-transform: uppercase;
     color: #ffffff;
     font-weight: 500;
     margin-bottom: 5px;
     padding-left: 20px;
}
 h1.hero-title {
     border-top: 1px solid #efefef;
     font-weight: 100;
     font-size: 50px;
     padding-left: 20px;
     color: #ffffff;
}
 .hero-title span {
     font-weight: 600;
}
 .hero-event-bottom {
     font-size: 24px;
     color: #ffffff;
     font-weight: 500;
     margin-top: 5px;
}
.link-area {
            position: absolute;
            top: 0;
            height:50%;
            width:50%;
        }
		 .link-area:nth-child(2) {
                         left: 0%;
        }
        .link-area:nth-child(3) {
                left: 50%;
        }
        .link-area:nth-child(4) {
            left: 0;
    top: 50%;
        }
        .link-area:nth-child(5) {
                  left: 50%;
    top: 50%;
        }	
 
 .theme-name {
     font-size: 26px;
}
 .hero-loc {
     font-size: 22px;
     line-height: 1.2;
}
 .sessions-list ul {
     list-style: none;
     padding: 0px;
}
 .sessions-list li {
     display: block;
     padding: 5px 10px;
     transition: transform 0.6s;
}
 .sessions-list.check-icon li {
     position: relative;
     padding-left: 40px;
    /* Add padding to the left to make space for the icon */
     margin-bottom: 10px;
     padding-top: 0;
}
 .sessions-list.check-icon li::before {
     content: "";
     display: block;
     position: absolute;
     top: 5px;
    /* Center vertically */
     left: 0;
     width: 26px;
     height: 24px;
     background: url("../../uploads/images/check-yellow.webp") no-repeat center center;
     background-size: contain;
}
 .sessions-list li i {
     margin-right: 10px;
     color: var(--heading-color);
}
 .sessions-list li:hover i {
     transform: scale(1.01);
}
 .subcribe-form form {
     gap: 20px;
}
 .subcribe-form #subscribe input {
     width: calc(100% - 200px);
     height: 68px;
     background: #fff;
     border: none;
     outline: none;
     border-radius: 50px;
     padding: 0 30px;
}
 .subcribe-form #subscribe #subscribe-button {
     height: 68px;
     width: 200px;
}
 .subscribe-message {
     color: #fff;
     float: left;
     margin-top: 10px;
     text-align: left;
     font-weight: 500;
     line-height: 19px;
}
 .color-bg {
     background: #4db7fe;
}
 .counter-box p {
     margin: 5px 0 0;
     padding: 0;
     color: var(--blue-color);
     font-size: 24px;
     font-weight: 500;
}
 .counter-box .counter {
     font-size: 60px;
     line-height: 1;
     margin: 0 0 15px;
     color: var(--blue-color);
     font-weight: 600;
}
 ul.tab-speakers li {
     width: 50px;
     margin: 5px 5px 5px 0px;
}
 .border-dashed {
     border-bottom: 1px dashed #d7d8d9;
}
 .speaker-panel .speaker-image {
     width: 80%;
}
 .speaker-logo {
     top: 29%;
     right: 3%;
     background: #ffffff;
     padding: 10px;
     width: 100px;
     height: 100px;
     border-radius: 100%;
}
 .jounral-info {
     border: 2px solid #d7d8d9;
     padding: 30px;
}
 .sessions-final ul li {
     padding: 10px 15px;
     margin: 5px;
     border: 1px solid #d7d8d9;
}
 .sessions-final ul li:hover {
     border-color: var(--blue-color);
}
 .icons-list ul li {
     position: relative;
     padding-left: 25px;
     margin-bottom: 10px;
}
 .icons-list ul li:last-child {
     margin-bottom: 0px;
}
 .icons-list ul li::before {
     display: block;
     content: "\f0a3";
     position: absolute;
     font-family: "FontAwesome";
     font-weight: 600;
     left: 0px;
     top: 2px;
     font-size: 16px;
}
 .icons-list.green-list ul li::before {
     color: #0ed678;
}
 .form-elements .form-label {
     font-weight: 600;
}
 .form-elements .form-control {
     border-radius: 0px;
     resize: none;
     min-height: 48px;
     border: 0px;
     border-radius: 5px;
     min-height: 60px;
      max-height: 60px;
}
 .form-elements input[ type="file"]{
     min-height:auto;
 }
 .form-light-inputs .form-control,
.form-light-inputs .input-group,
.form-light-inputs .input-group span{
     background:#eef8fe;
}
.form-light-inputs .input-group span,
.form-elements .input-group span{
    height: 60px !important;
    line-height: 60px;
    border: 1px solid #efefef !important;
}
 .form-elements textarea.form-control {
     min-height: 120px;
}
 .form-elements .form-control::focus {
     border-color: var(--link-color);
}
 .gap-15{
     gap:15px;
}
 .min-w200{
     min-width:200px;
}
 .style {
}
   .style input[type="file"] {
            background-color: #fff;
            /* Background color for "no file chosen" */
            transition: border-color 0.25s ease-in-out;
            border-radius: 10px;
            /* Border radius for file input */
        }
        .style input[type="file"]::-webkit-file-upload-button {
            padding: 15px 20px;
            border-width: 0;
            border-radius: 10px;
            /* Border radius for file upload button */
            background-color: var(--sblue-color)  !important;
            /* Background color for button */
            color: hsl(210, 40%, 90%);
            transition: all 0.25s ease-in-out;
            cursor: pointer;
            margin-right: 1em;
        }
        .style input[type="file"]::-moz-file-upload-button {
            padding: 15px 20px;
            border-width: 0;
            border-radius: 10px;
            /* Border radius for file upload button */
            background-color: var(--sblue-color)  !important;
            /* Background color for button */
            color: hsl(210, 40%, 90%);
            transition: all 0.25s ease-in-out;
            cursor: pointer;
            margin-right: 1em;
        }
        .style input[type="file"]::-ms-file-upload-button {
            padding: 15px 20px;
            border-width: 0;
            border-radius: 10px;
            /* Border radius for file upload button */
            background-color: var(--sblue-color)  !important;
            /* Background color for button */
            color: hsl(210, 40%, 90%);
            transition: all 0.25s ease-in-out;
            cursor: pointer;
            margin-right: 1em;
        }
        .style input[type="file"]:hover {
            border-color: var(--sblue-color);
        }
        .style input[type="file"]:hover::-webkit-file-upload-button {
            background-color: var(--sblue-color)  !important;
            /* Background color for button on hover */
        }
        .style input[type="file"]:hover::-moz-file-upload-button {
            background-color: var(--sblue-color)  !important;
            /* Background color for button on hover */
        }
        .style input[type="file"]:hover::-ms-file-upload-button {
            background-color: var(--sblue-color) !important;
            /* Background color for button on hover */
        }
 .cap-style,
  .cap-style:hover{
     background: var(--sblue-color);
     border-radius: 5px;
     color: #ffffff;
     border: 0px;
     font-size: 18px;
}
 .cap-style span {
     border-radius: 5px;
     width: 180px;
     text-align: center;
}
 .dark-form .form-label {
     color: #ffffff;
}
 .fw-20 {
     font-size: 20px;
}
.venue-locations img{
    width:76px;
    object-fit:contain;
}
 .venue-contact ul li {
     margin-bottom: 5px;
}
 .venue-contact ul li:last-child {
     margin-bottom: 0px;
}
 .venue-contact a {
     color: #ffffff;
}
 .venue-contact a:hover {
     color: #82888f;
}
 .venue-contact i {
     margin-right: 10px;
}
 .circle-box, .circle-box img {
     width: 220px;
     height: 220px;
}
 .circle-box:after {
     display: block;
     content: "";
     position: absolute;
     background: rgba(255, 255, 255, 0.65);
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
}
 .circle-box span {
     z-index: 10;
     display: block;
     left: 10px;
     right: 10px;
     text-align: center;
     color: #000000;
     font-weight: 600;
}
 .social-icons li {
     margin-right: 5px;
}
 .social-icons li a {
     display: inline-block;
     width: 36px;
     height: 36px;
     color: #ffffff;
     line-height: 36px;
     text-align: center;
     border-radius: 100%;
     background: #787878;
     border: 1px solid #787878;
}
 .social-icons li:hover a {
     background: var(--blue-color);
     color: #ffffff;
     border-color: var(--blue-color);
}
 .past-conf .nav {
     gap: 10px;
     justify-content: center;
}
 .past-conf .nav button {
     background: #f1f0f6;
     border-radius: 20px !important;
}
 .past-conf .nav button * {
     color: #000000;
}
 .past-conf .nav button.active {
     background: #211750 !important;
}
 .past-conf .nav button.active * {
     color: #ffffff;
}
 .targetDiv {
     display: none;
}
 .gap-20{
     gap:20px;
}
.bg-shapes{
position: relative;

    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
 .reg-check input[type="radio"]:checked, .consent-box input[type="checkbox"]:checked {
     appearance: none;
     -webkit-appearance: none;
     border-radius: 50%;
     background: var(--heading-color);
     border: 3px solid #fff;
     box-shadow: 0 0 0 1px var(--heading-color);
     outline: 1px solid var(--heading-color);
}
 .reg-check input[type="radio"], .consent-box input[type="checkbox"] {
     height: 15px;
     width: 15px;
     margin-right: 10px;
     appearance: none;
     -webkit-appearance: none;
     background: #ffffff;
     border: 3px solid #fff;
     outline: 1px solid #999;
}
 .consent-box input[type="checkbox"], .consent-box input[type="checkbox"]:checked {
     border-radius: 0px;
     margin-top: 5px;
}
 .reg-check input[type="radio"] {
     border-radius: 50%;
}
 .ic-header {
     padding: 15px 20px;
     font-size: 16px !important;
}
 .plan-list-item .ic-header, .plans-box .plan-heading{
     width:300px;
     border-right:1px solid #d7d8d9;
}
 .plan-list-item .ic-box, .plans-box .plan-price{
     width:180px;
     text-align:center;
}
 .ic-main {
     margin: 5px 5px 5px 0px;
}
.form-control.currsel{
    border:1px solid #efefef;
}
 .ic-box {
     position: relative;
     padding: 15px 20px;
     display: flex;
     align-items: center;
}
 .ic-box label {
     line-height: 1;
}
.ic-box label.tdactive {
    white-space:nowrap;
}
 .ic-header {
}
 .ic-header span {
     display: block;
}
 .spacer {
     height: 30px;
}
 .ic-box select {
     border-color: #d7d8d9;
     position: absolute;
     right: 25px;
     padding: 2px 5px;
}
 .acp-box select {
     position: unset;
     margin: 0px 10px;
}
 .pay-check img {
     max-width:170px;
     height: 60px;
     object-fit: contain;
}
 .pay-check .ic-box{
     padding:0px;
     border:0px;
}
 .mo-tabs .nav-link {
     padding: 10px !important;
     border: 1px solid #d7d8d9;
}
 .globe-bg {
     position: relative;
     background-image: url(../../uploads/images/globe-bg.webp);
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
}
         .sticky-images {
            position: -webkit-sticky; /* For Safari */
            position: sticky;
            top: 20px; /* Adjust top value based on your layout */
            height: fit-content; /* Ensures the image does not overflow its container */
        }

 .session-list {
     gap: 20px;
}
 .session-list-item {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     width: calc(16.66% - 20px);
     filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.1));
     background-color: #ffffff;
     padding: 15px 10px;
     border-bottom-left-radius: 25px;
       word-break: break-word; /* Ensure lengthy words break properly */
            overflow-wrap: break-word;
}
 .session-list-item:hover {
     background-color: #bd8b0f;
     color: #000000;
}
 .capsule-block {
     gap: 40px;
     column-count: 6;
}
 .capsule-div {
     display: inline-flex;
     width: calc(50% - 40px);
     align-items: center;
     gap: 15px;
     border-radius: 100px;
     background: #ffffff;
     padding: 10px 20px;
     border: 1px solid #ccc;
}
 .capsule-div img {
     width: 80px;
     height: 80px;
     object-fit: cover;
         /* border-radius: 50%; */
    padding: 10px;
}
 .capsule-div p {
     margin: 0px 15px 0px 0px;
     text-align: left;
}
 .abs-img,
 .rel-img{
    background: #efefef;
    border-radius: 40px;
    padding: 0;
    overflow: hidden;
 }
 .abs-img img ,
 .rel-img img{
    height: 280px;
    object-fit: cover;
    width: 100%;
    object-position: center top;
     
}
 .abs-profile {
  background: #ffff;
     border-radius: 40px;
     filter: drop-shadow(0px 8px 10px rgba(73, 57, 38, 0.05));
     /* position: absolute; */
     bottom: -40px;
     width: 100%;
     left: 10%;
}
 .abs-speaker-list {
     gap: 40px;
}
 .abs-speaker {
     width: calc(25% - 40px);
     position: relative;
     margin-bottom: 40px;
     box-sizing: border-box;
}
 .rel-speaker {
     width: calc(25% - 40px);
}
 .rel-profile {
     background: #ffffff;
     filter: drop-shadow(0px 8px 10px rgba(73, 57, 38, 0.05));
}
 .rel-speaker {
     border: 1px solid #ffffff;
     margin-bottom: 0px;
}
 .rel-profile {
     gap: 15px;
     padding: 30px 30px 30px 40px;
}
 .rel-profile .rp-right {
     width: 80px;
}
 .hyphen {
     width: 20px;
     height: 5px;
     position: absolute;
     left: 0;
     top: 40px;
}
 .hyphen-green {
     background: #4bb86e;
}
 .hyphen-yellow {
     background: #4bb86e;
}
 .hyphen-purple {
     background: #4bb86e;
}
 .hyphen-red {
     background: #4bb86e;
}
 .hyphen-ornage {
     background: #4bb86e;
}
 .hyphen-blue {
     background: #4bb86e;
}
 .ef-block {
     padding: 20px;
     background: #ffffff;
     border-radius: 35px;
     border: 1px solid #f7f8f9;
     filter: drop-shadow(0 0 6.5px rgba(0, 0, 0, 0.06));
}
.ef-block img{
      height: 60px;
    object-fit: contain;
}
 .author-sign {
     gap: 20px;
}
 .ct-icon {
     display: inline-block;
     width: 60px;
     height: 60px;
     color: #ffffff;
     line-height: 60px !important;
     text-align: center;
     font-size: 34px !important;
     border-radius: 20px;
}
 .user-info {
     display: flex;
     align-items: center;
     margin-top: 15px;
}
 .user-info img {
     border-radius: 50%;
     width: 60px;
     height: 60px;
     margin-right: 15px;
}
 .user-info .details {
     text-align: left;
}
 .user-info .details h5 {
     margin: 0;
}
 .user-info .details p {
     margin: 0;
}
 .owl-theme .owl-controls {
     margin-top: 30px;
}
 .owl-carousel.owl-theme .owl-page {
     width: 20px;
     height: 20px;
     line-height: 20px;
     margin: 0px 10px;
     background: #c1c1c1;
     border-radius: 100px;
     border: 1px solid #c1c1c1;
}
 .owl-carousel.owl-theme .owl-page.active, .owl-carousel.owl-theme .owl-page:hover {
     border: 1px solid #f97472;
     background: #ffffff;
}
 .owl-carousel.owl-theme .owl-page span {
     background: #c1c1c1;
     padding: 2px;
     margin: 3px;
}
 .owl-carousel.owl-theme .owl-page.active span, .owl-carousel.owl-theme .owl-page:hover span {
     background: #f97472;
}
 .logo-gallery-bg {
     position: relative;
     background-image: url("../../uploads/images/bg-image.webp");
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
}
.logo-gallery a{
    border: 1px solid #efefef;
    background: #ffffff;
    text-align: center;
    padding: 10px;
    width: 100%;
    display: block;
}
.logo-gallery img{
    height: 80px;
    object-fit: contain;
    object-position: center;
    margin: 0px !important
}
 .bg-dark-yellow {
     background-image: url("../../uploads/images/yellow-dark.webp");
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
}
 .yellow-tabs {
     justify-content: center;
     gap: 20px;
}
 .yellow-tabs button {
     background: #d7d8d9 !important;
     color: #000000;
     border-radius: 50px !important;
     padding: 15px 25px !important;
     text-transform: capitalize;
}
 .yellow-tabs button.active {
     background: var(--heading-color) !important;
     color: #ffffff !important;
}
 .abs-tabs button {
     border: 0px;
     padding: 15px 20px !important;
     color: #585858 !important;
     border: 1px solid #e7e8e9 !important;
     width: 100%;
}
 .abs-tabs button.active {
     border-color: var(--heading-color) !important;
     color: #ffffff !important;
     background: var(--heading-color) !important;
}
 .custom-select {
     position: relative;
     display: inline-block;
     width: 100%;
}
 .dropdown-style.form-control {
     border-radius: 50px;
     background-color: #eef0f1;
     border: 1px solid #ced4da;
     padding: 15px 30px;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
}
 .custom-select::after {
     content: "▼";
     position: absolute;
     top: 50%;
     right: 20px;
     transform: translateY(-50%);
     pointer-events: none;
}
 .dropdown-style select option {
     background-color: #e0e0e0;
    /* Your desired background color */
     color: #000;
    /* Text color */
}
 .address-block {
     overflow: hidden;
     border-radius: 20px;
     color: #ffffff;
}
 .address-top {
     background: #9c730c;
     padding-top: 20px;
}
 .address-center {
     background: #bd8b0f;
     padding-top: 20px;
     padding-bottom: 20px;
}
 .address-bottom {
     background: #e6b335;
     padding: 20px 30px;
     justify-content: space-in-between;
     font-size: 22px;
}
 .address-bottom div {
     align-items: center;
     justify-content: space-between;
}
 .fx-size {
     font-size: 24px;
     line-height: 1.2;
     font-weight: 600;
     display: block;
}
 .fxl-size {
     font-size: 36px;
     line-height: 1.2;
     font-weight: 600;
     display: block;
}
 .address-block a {
     color: #ffffff;
}
 .get-direction {
     text-decoration: underline;
     font-size: 20px;
}
 .address-top {
}
 .address-location, .address-date, .address-venue, .address-address, .address-contact {
     padding: 15px 25px;
}
 .address-block .border-line {
     border-color: #cdd3d97a;
}
 .cbox {
     gap: 20px;
}
 .border-inputs .form-control {
     border: 1px solid #e7e8e9;
}
 .cbox a {
     word-break: break-all;
     color: var(--body-color);
}
 .map-embed {
     margin-bottom: -20px;
}
 .column-boxs {
     gap: 20px;
}
 .column-box {
  display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 10px 20px;
    background-color: #ffffff;
    border-radius: 40px;
    width: 25%;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.06));
    min-height: 120px;
}
 .check-list li {
     display: block;
     text-align:left;
     position: relative;
     margin-bottom: 10px;
     padding-left: 40px;
}
 .check-list li::before {
     content: "";
     display: block;
     position: absolute;
     top: 5px;
    /* Center vertically */
     left: 0;
     width: 26px;
     height: 24px;
     background: url("../../uploads/images/check-green.webp") no-repeat center center;
     background-size: contain !important;
}
 .check-list.green-list li::before {
     background: url("../../uploads/images/check-green.webp") no-repeat center;
}
 .check-list.white-list li::before {
     background: url("../../uploads/images/check-white.webp") no-repeat center;
}
 .nav-tabs.white-tabs li button {
     background: #ededed !important;
     color: #000000 !important;
     border-radius: 25px;
     border: 0;
     margin: 10px 0px;
     width: 100%;
}
 .nav-tabs.white-tabs li button.active {
     background: #ffffff !important;
}
 .image-bg {
     position: relative;
     border-radius: 42px;
}
 .image-bg.column-box {
     width: calc(25% - 20px);
}
 .image-bg::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ffffff;
     opacity: 1;
     transition: opacity 0.3s;
     border-radius: 40px;
}
 .image-bg:hover h5 {
     color: #ffffff;
}
 .image-bg:hover::before {
     background: #bd8b0f;
     opacity: 0.8;
}
 .image-bg h5, .image-bg p {
     position: relative;
     z-index: 1;
}
#testi-carousel p{
       padding-right: 15px;
}
#testi-carousel img{
    width:50px;
}
 .testi-flex-box {
     gap: 20px;
}
 .testi-item {
     width: calc(50% - 10px);
     padding: 40px;
     border-color: #f5f5f5 !important;
     border-radius: 25px;
}
 .testi-item img{
     width:50px;
 }
 .testi-item
 .timeline {
     position: relative;
     padding: 20px 0;
     margin: 30px 0px;
     list-style: none;
}
 .timeline::before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     width: 4px;
     background: #e9ecef;
     left: 50%;
     margin-left: -2px;
}
 .timeline-item {
     position: relative;
     width: 50%;
     padding: 20px 40px;
     box-sizing: border-box;
}
 .timeline-item::before {
     content: '';
     position: absolute;
     top: 20px;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background: #e9ecef;
     border: 4px solid #e9ecef;
}
 .timeline-item.left {
     left: 0;
}
 .timeline-item.left::before {
     right: -10px;
}
 .timeline-item.right {
     left: 50%;
}
 .timeline-item.right::before {
     left: -10px;
}
 .timeline-item.active::before {
     background: var(--heading-color);
     border-color: var(--heading-color);
}
 .timeline-item .timeline-content {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
}
 .timeline-item .timeline-content * {
     width: 100%;
}
 .timeline-item.left .gold-text {
     color: var(--heading-color);
}
 .timeline-block {
     display: flex;
     flex-wrap: nowrap;
     gap: 20px;
}
 .timeline-img {
     width: 80px;
}
 .timeline-content {
     width: calc(100% - 100px);
}
 .timeline-tabs {
     display: flex;
     gap: 10px;
     justify-content: center;
     border: 0;
}
 .timeline-tabs li button {
     background: #f1f0f6;
     border-radius: 20px !important;
}
 .timeline-tabs li button.active {
     background: var(--heading-color) !important;
}
 .blue-tabs li button.active {
     background: var(--sblue-color) !important;
}
 .timeline-tabs li button.active * {
     color: #ffffff !important;
}
 .ab-tab-content {
}
 .ap-blocks {
     gap: 30px;
}
 .ap-block {
     filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.06));
     border: 1px solid #e5e8eb;
     border-radius: 20px;
     overflow: hidden;
}
 .apb-name {
     width: 100px;
}
 .apb-note {
     width: calc(100% - 100px);
}
 .apb-bottom .site-cta {
     padding: 10px !important;
}

.plans-header{
    display:none !important;
}
.pt_Quantity input{
       width: 60px;
    border: 1px solid #efefef;
    text-align: center;
    margin-right: 5px;
}
.cart-right-plus,
.cart-left-minus{
    font-size: 22px;
}
.plan-list-item .ic-box{
    gap:15px;
}
.book-acc .ic-box{
    position: relative;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.book-acc .pt_Quantity{
        display: flex;
    align-items: center;
    gap: 15px;
}

.sticky-container {
    position: fixed;
    top: 30%;
    right: 0;
    height: 100vh; /* Full height of the viewport */
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Align items to the right side */
    padding:0px;
    box-sizing: border-box;
    z-index:5;
}

.sticky-box {
    margin-bottom: 10px;
    overflow: hidden;
    height: 90px;
    width: 90px;
padding: 15px 0px 15px 15px;
    border: 0px;
    background: #ffffff;
    border-radius: 50px 0px 0px 50px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: width 0.3s ease-in-out;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.sticky-box:hover {
    width: 300px; /* Expanded width on hover */
}

.sticky-image {
    width: 100px; /* Initial width of the image container */
    overflow: hidden;
    position: relative; /* Ensure absolute positioning of the image */
}

.sticky-image img {
    width: 50px;
    height: auto;
    display: block;
    transition: transform 0.3s ease-in-out; /* Smooth transition on hover */
}


.sticky-content {
    width: 0; /* Initially hidden */
    overflow: hidden;
    transition: width 0.3s ease-in-out; /* Smooth transition */
    padding: 0px;
    box-sizing: border-box;
}

.sticky-box:hover .sticky-content {
    width: 200px; /* Expanded width on hover */
}

.white{
    background: #fff;
}
.conf-links img{
        height: 300px;
    object-fit: contain;
    width: 100%;
}
.conf-gallery img,
.conf-gallery ifame{
        height: 200px;
    width: 100%;
    object-fit: cover;
}

  /* .sticky-container {
            position: fixed;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
        }

        .sticky-box {
            position: relative;
            width: 100px;
            overflow: hidden;
            cursor: pointer;
            margin-bottom: 10px;
            background: #ffffff;
            border-radius: 100px 0 0 100px;
            display: flex;
            align-items: center;
            transition: all 0.3s ease;
        }

        .sticky-image {
            padding: 10px;
            border-radius: 50%;
        }

        .sticky-image img {
            display: block;
            width: 80px;
            border-radius: 50%;
        }

       

        .sticky-box:hover {
            width: 300px;
        }

        .sticky-box:hover .content {
            opacity: 1;
            padding-left: 10px;
        }
        
        */