:root {
    --deep-orange-color: #FF8A00;
    --light-gray-color: #E4E4E4;
    --gray-color: #5B5B5B;
    --deep-gray-color: #2F2F2F;
    --creame-color: #FFEAE0;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0 !important;
    padding: 0 !important;
}

body {
    font-family: "Inter", sans-serif;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif ;
}




.navbar-nav {
    border-bottom: 2px solid transparent; /* Initial border color */
}

.nav-item {
    position: relative;
}

.nav-link {
    transition: color 0.3s, border-color 0.3s; /* Smooth transitions */
    font-size: large;
}

.nav-link:after {
    content: '';
  
    display: block;
    height: 2px; /* Height of the border */
    background: transparent; /* Initial color */
    transition: background-color 0.3s, width 0.3s; /* Smooth transitions */
    width: 100%; /* Full width of the link */
    position: absolute;
    left: 0;
    bottom: 0; /* Position at the bottom */
}

.nav-link:hover:after {
    background:  #FF8800; /* Neon green color on hover */
}

.nav-link:hover {
    color:  #FF8800; /* Change link color on hover */
}

.title-underline {
    border: 0;
    height: 2px; /* Adjust height as needed */
    background: #007bff; /* Change to your desired color */
    margin: 0.5rem auto; /* Center it and add space */
    width: 60%; /* Adjust width as needed */
}



/* Hero Section */
#hero {
    position: relative; /* To ensure proper positioning */
    width: 100%; /* Adjust as needed */
    overflow: hidden;
    background-color: #F0F2F5;
}
#hero .container {
    padding: 103px 0 102px 0;
}

.hero-content {
    position: relative;
    z-index: 3; /* Ensure content is above everything */
    color: #fff; /* Adjust text color to contrast the background */
    max-width: 690px;
}
.rounded-icon {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--deep-orange-color);
}

.hero-content-top {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 10px;
    width: fit-content;
    padding: 6px 16px;
    background-color: var(--creame-color);
    border-radius: 32px;
    color: black;
    margin-bottom: 24px;
}
.hero-content-top p {
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
}
.hero-content-center {
    margin-bottom: 32px;
}

.hero-content-center h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #241C15;
    margin-bottom: 12px !important;
    
}
.hero-content-center h1 span {
    color: var(--deep-orange-color);
    
}
.hero-content-center p {
    font-size: 18px;
    line-height: 26px;
    color: #4c4c4c;
}
.hero-content-bottom a{
    width: 168px;
    border-radius: 80px;
    padding: 16px 28px;
    background-color: var(--deep-orange-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    color: white;
    border: none;
    text-decoration: none;
}

.hero-video {
    width: 100%;
    height: 100%;
    display: flex;
}
.hero-video iframe{
    align-self: center;
}






/* Benefits Section  */
#benefits {
    background-color: #FAF9F5;
}
#benefits .container {
    padding: 93px 0 121px 0;
}
#benefits .container .row {
    margin: 0;
}
#benefits .container .row .col-lg-4 {
    padding: 0 24px;
}
.benefits-top-content {
    margin-bottom: 88px;
    width: 100%;
    text-align: center;
}

.benefits-top-content h2 {
    margin-bottom: 20px !important;
    font-size: 48px;
    font-weight: 700;
    line-height: 52px;
    color: black;
}
.benefits-top-content p {
    font-size: 18px;
    line-height: 24px;
    color: black;
}

.benefits-left-content div h4, .benefits-right-content div h4 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    padding-bottom: 16px !important;
}
.benefits-left-content, .benefits-right-content {
    max-width: 349px;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 30px;
}
.benefits-left-content p, .benefits-right-content p {
    line-height: 24px;
}
.benefits-center-content {
    overflow: hidden;
}
.benefits-center-content img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}







/* eZWay-features-&-personalization section  */
#eZWay-features-and-personalization .container {
    padding: 120px 0;
}
.personalization-img img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}
.ezWay-video {
    height: 100%;
    display: flex;
    flex-direction: column;
    /* background: rgba(251, 239, 204, 1); */
    justify-content: space-between;
}
.video-top-text {
    font-size: clamp(16px, 2vw, 32px);
}
.eZWay-personalization-right-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 49px;
    padding: 5px 50px 5px 30px;
    height: 100%;
}
.eZWay-personalization-right-top .Personalization-title {
    max-width: 535px;
    font-size: 12px;
    line-height: 18px ;
    font-weight: 600;
    color: var(--deep-orange-color);
    margin-bottom: 10px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.eZWay-personalization-right-top h2 {
    max-width: 546px;
    font-size: 39px;
    font-weight: 600;
    line-height: 47px;
    margin-bottom: 24px !important;
}
.eZWay-personalization-right-top p {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    opacity: 0.7;
}
.eZWay-personalization-right-bottom {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.eZWay-personalization-right-bottom div h5 {
    font-size: 21px ;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 8px !important;
}
.eZWay-personalization-right-bottom div p {
    font-size: 18px;
    line-height: 28px;
    opacity: 0.7;
}

.register-now-btn a {
    width: 180px;
    border-radius: 80px;
    padding: 16px 28px;
    background-color: var(--deep-orange-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    color: white;
    border: none;
    text-decoration: none;
}

.eZWay-features-content {
    margin-top: 53px !important;
    background-color: rgba(240, 242, 245, 1);
    border: 1px solid rgba(91, 91, 91, 0.15);
    padding: 40px !important;
    border-radius: 10px;
}
.eZWay-features-content h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 40px !important;
}

.eZWay-features-card {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 240px;
}
.eZWay-features-card img {
    width: 34px;
    height: 34px;
}
.eZWay-features-card div h4 {
    font-size: 21px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 16px !important;
}
.eZWay-features-card div p {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    color: var(--gray-color);
}






/* regular-pricing section  */
#regular-pricing {
    background-color: #110D0A;
}
#regular-pricing .container {
    padding: 120px 0;
}
.regular-pricing-heading {
    padding-bottom: 80px !important;
    text-align: center;
}
.regular-pricing-heading h2 {
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: white;
    margin-bottom: 16px !important;
}
.regular-pricing-heading p {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    opacity: 0.7;
    color: white;
}
.regular-pricing-card {
    background-color: #F0F2F5;
    border-radius: 10px;
    max-width: 624px;
    padding: 32px 32px 53px 32px;
    display: flex;
    flex-direction: column;
    gap: 43px;
    justify-content: space-between;
    height: 100%;
}
.regular-pricing-card-top-left {
    max-width: 260px;
    border-right: 1px solid #EDCBB8;
    padding: 0 38.5px 0 0;
}
.pricing-card-1st-child {
    padding: 5px 8px;
    border: 1px solid var(--gray-color);
    border-radius: 6px;

}
.pricing-card-2nd-child {
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
    padding: 19px 0 !important;
}
.pricing-card-3rd-child {
    font-size: 18px;
    line-height: 27px;
    color: var(--deep-gray-color);
}
.regular-pricing-card-top {
    display: flex;
}
.regular-pricing-card-top-right {
    padding-left: 38.5px;
    min-width: 262px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}
.regular-pricing-card-top-right div {
    display: flex;
    gap: 16px;
}

.seat-booking-btn {
    width: 180px;
    border-radius: 80px;
    padding: 16px 28px;
    background-color: var(--deep-orange-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: white;
    border: none;
}



/* our-team section  */
#our-team .container {
    padding: 120px 0;
}
.peoples-heading{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 64px;
}
.our-team-content .row, .our-speaker-content .row {
    margin: 0;
}
.our-team-content, .our-speaker-content, .our-keynotespeaker-content{
    padding-bottom: 80px;
}
.peoples-heading h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    color: #110D0A;
}
.peoples-heading p {
    max-width: 305px;
    font-size: 16px;
    line-height: 24px;
    font-family: "Poppins", sans-serif;
    text-align: center;
    color: #5B5B5B;
}
.team-member-profile {
    background-color: #F0F2F5;
    border-radius: 10px;
    overflow: hidden;
    min-height:100%;
}

.our-team-members {
    row-gap: 24px;
}
.our-team-members .team-member-profile img, .our-speaker .team-member-profile img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position:top;
    display: block;
}
.team-member-details {
    padding: 16px 20px;
    text-align: center;
}
.team-member-short-info .team-user-name{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    color: #000;

}
.team-member-short-info  .team-short-bio{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
    color: #3d3d3d;

}
.team-member-details h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #333333;
    text-align:left;
}
.team-member-details p, .team-tag {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
    color: #5B5B5B;
    text-align:left;
}
.team-member-details hr {
    color: var(--deep-orange-color);
}
.team-member-meta button, .single-page-wrapper .card-body button{
    border:0;
    background:transparent;
}
.team-member-meta button a, .single-page-wrapper .card-body a{
    height:unset;
    border-radius:80px;
    gap:5px;
    padding:10px 20px;
    width:max-content;
}
.team-member-meta button a img.arrow-link, .single-page-wrapper .card-body a img.arrow-link{
    width:18px;
    height:unset;
}
.team-member-company-info p{
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 16.5px;

    color: var(--deep-orange-color);
}
.team-member-company-info h3{
    font-weight: 400;
    font-size:15px;
    font-family: 'Poppins', sans-serif;
    color: #000;
}
.team-member-short-info{
    margin-bottom:10px;
}

.our-speaker {
    row-gap: 64px;
}


.cust-btn{
    /* width: 168px; */
    border-radius: 10px;
    padding: 16px 28px;
    background-color: var(--deep-orange-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    color: white;
    border: none;
    text-decoration: none;
}



/* Gallery Section  */
#gallery .container {
    padding: 120px 0 148px 0;
}
.gallery-heading {
    text-align: center;
    margin-bottom: 48px !important;
}
.gallery-heading h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    color: #110D0A;
    padding-bottom: 16px !important;
}
.gallery-heading p {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #110D0A;
    opacity: 0.7;
}

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 450px !important;
    overflow: hidden;
    border-radius: 16px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    border-radius: 16px;
  }

  .swiper-pagination {
    position: relative !important;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    padding-top: 20px;
}
.bg-prim{
    background-color: #FF8800;
    color: #ffffff;
}
.bg-news {
    background-color: #FEF08A;
    background-image: url("https://app.ezwaynetwork.com/assets/images/newsletter-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Single Page */
.single-page-wrapper{
    row-gap:50px;
}
.single-page-wrapper .image-wrapper{
    background:#F0F2F5;
    padding:38px 82px;
    border-radius:10px;
}
.single-page-wrapper .user-profile{
    border:5px solid var(--deep-orange-color);
    width:240px;
    height:240px;
    max-height:max-content;
}
.single-page-wrapper .qr-code-instruction{
    display:grid;
    grid-template-columns:30px auto;
    text-align:left;
    gap:12px;
    align-items:center;
}
.single-page-wrapper .qr-code-instruction{
    display:grid;
    grid-template-columns:20px auto;
    text-align:left;
    gap:5px;
    align-items:center;
}
.qr-code-instruction p{
    font-size:12px;
}
.single-page-wrapper .user-type{
    background-color:#FFEAE0;
    color:#000;
    padding:6px 16px;
    font-size:16px;
    font-weight:500;
}
.single-page-wrapper .user-name{
    color:#241C15;
    font-weight:700;
    font-size:50px;
}
.single-page-wrapper .short-bio{
    font-size:24px;
    font-weight:500;
    margin-bottom:10px;
    color:#4C4C4C;
}
.single-page-wrapper .card-body{
    padding:0;
}
.single-page-wrapper .user-information{
    padding-left:64px;
}