body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Source Sans Pro';
}

textarea {
    resize: none; /* Disables resizing */
}
/*---- Navbar CSS ---*/
.mainav-head {
    padding-top: 40px;
    padding-left: 100px;
    display: flex;
}

.help-text {
    font-size: 14px;
}
.dropdown-menu p{
    color: #fff;
    border-bottom: 1px solid #fff;
    padding:10px;
}

.contact-texthead {
    margin-left: 100px;
    text-decoration: none;
    color: #000;
    font-size: 15px;
}

.contact-texthead:hover {
    color: #000;
}

.li-contact {
    display: none;
}

.navbar {
    padding-left: 30px;
    padding-bottom: 1px;
    padding-top: 1px;
}

.navbar-brand {
    margin-left: 60px;
    font-weight: 900;
    font-size: 25px;
}

.navbar-nav {
    /* margin-left: 80px; */
    font-weight: 500;
    font-size: 16px;
}

.navbar-toggler-icon {
    margin-top: 2px;
}

.nav-item {
    margin-left: 50px;
    color: black;
}

.nav-item a {
    border: none;
    padding: 2px 20px;
    border-radius: 5px;
    /*background-color: #fff;*/
    color:white !important;
}

.nav-item a:hover {
    /*background-color: lightgray;*/
}

.top_modules {
    cursor: pointer;
}
.top_modules:hover {
    background:#08dddd;
    color:white;
}

.table-wrapper {
    overflow: auto;
}

#loading {
    position:fixed;
    display:flex;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 400;
    font-size: 18px;
}
#loading .loader {
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.login-btn {
    background: #17CFCF;
    font-weight: 700;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    border: none;
    text-decoration: none;
}

.login-btn:hover {
    background: #06dfdf;
}

.demo-btn {
    background: #fff;
    font-weight: 700;
    color: #000;
    padding: 5px 20px;
    border-radius: 5px;
    border: 1px solid #CECDCD;
}

.demo-btn:hover {
    background: #17CFCF;
    border: none;
}

input.date {
    position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.logo-fix{
    width: 160px;
}

.item-font-fix{
        font-size: 28px; 
        line-height: 1.5;
}

@media(max-width:560px) {
    .item-font-fix{
        font-size: 12px; 
        line-height: 1.5;
    }
    .logo-fix{
        width: 100px;
    }

    .navbar-brand {
        margin-left: 0;
    }

    .navbar-nav {
        margin-left: 0;
    }

    .nav-item {
        margin-left: -20px;
    }

    .mainav-head {
        display: none;
    }

    .li-contact {
        display: block;
    }

    .li-contact img {
        display: none;
    }

    .contact-texthead {
        margin-left: -20px;
    }

    .nav-item a:hover {
        background-color: transparent;
    }
    .log-btn a{
        margin:5px 0;
    }
}

/*---BANNER --- */
/*---BANNER --- */
.main-banner {
    position: relative;
    width: 100%;
    height: 700px;
    background-image: url(images/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    overflow: hidden;
    /* z-index: -1111; */
}

/* Overlay effect */
.main-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Bright black overlay */
    z-index: 1;
}

.main-banner p {
    z-index: 2;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    /* line-height: 1.8; */
    /* text-align: justify; */
    color: white;
    margin: 0px 16px;
}

.main-banner form {
    z-index: 2; /* Keep it above the overlay */
    margin-top: 20px;
    position: relative; /* Needed for absolute positioning inside the form */
    max-width: 800px;
    width: 100%;
}

.main-banner input[type="email"] {
    border-radius: 10px;
    border: none;
    padding: 10px 60px 10px 20px; /* Extra padding to accommodate the button */
    width: 100%;
    font-size: 16px;
    position: relative;
}
.main-banner input[type="email"]:focus {
    border: none; /* Ensures no border appears */
    outline: none; /* Prevents any focus outline */
    box-shadow: 0 0 5px rgba(105, 94, 238, 0.8); /* Optional: Add a subtle glow effect */
}

.main-banner button {
    position: absolute;
    top: 33%;
    right: -1px;
    transform: translateY(-50%);
    background: #17CFCF;
    border: none;
    color: #fff;
    font-weight: 400;
    border-radius: 5px;
    padding: 12px 15px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.main-banner button:hover {
    background: #76f7f7; /* Slightly lighter version of #09e9e9 */
    color: #000; /* Text changes to black */
}
.Signup__form input::placeholder {
    color: #C7C7C7 !important;
}

@media (max-width: 560px) {
    .main-banner input[type="email"] {
        padding: 10px 50px 10px 15px; /* Adjust padding for smaller screens */
    }

    .main-banner button {
        right: 0px;
        padding: 5px 10px;
        font-size: 12px;
        top: 22px;
        border-radius: 10px;
        padding: 12px 11px 14px 18px;
    }
}
/* Custom styles for the navbar-toggler */
.navbar-toggler {
    border: 1px solid #ffffff; /* Removes the default border */
    background-color: transparent;
  }

  .navbar-toggler:hover {
    border: 1px solid white; /* Adds a white border on hover */
    outline: none; /* Removes focus outline */
  }

  .navbar-toggler:focus {
    outline: none; /* Removes outline when clicked */
    box-shadow: none; /* Prevents any shadow on focus */
  }

  /* Customize the hamburger icon color */
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }



@media (max-width: 560px) {
    .main-banner {
        height: 381px;
        padding: 20px;
    }

    .main-banner p {
        font-size: 18px;
        line-height: 1.5;
        padding: 0 10px;
    }

    .main-banner form {
        flex-direction: column;
        margin-top: 10px;
    }

    .main-banner input[type="email"] {
        border-radius: 10px;
        margin-bottom: 10px;
        flex: none;
    }


}

/* .main-banner {
    background-image: url(images/banner.png);
    width: 100%;
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
}

.main-banner p {
    position: absolute;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 55px;
    color: #545454;
    margin-top: 130px;
    margin-left: 100px;
}

.main-banner input {
    border-radius: 10px;
    border: none;
    padding: 7px 25px;
    width: 400px;
}

.main-banner button {
    background: #17CFCF;
    border: none;
    color: #fff;
    font-weight: 400;
    border-radius: 10px;
    padding: 7px 20px;
}

.main-banner button:hover {
    background: #09e9e9;
}

.main-banner form {
    position: absolute;
    margin-top: 480px;
    margin-left: 100px;
}

.Signup__form input::placeholder {
    color: #C7C7C7 !important;
}

@media (max-width:560px) {
    .main-banner {
        width: 100%;
        height: 200px;
    }

    .main-banner p {
        font-size: 12px;
        line-height: normal;
        margin-top: 30px;
        margin-left: 20px;
    }

    .main-banner form {
        margin-top: 130px;
        margin-left: 20px;
    }

    .main-banner input {
        width: 100px;
        padding: 0 10px;
        border-radius: 2px;
    }

    .Signup__form input::placeholder {
        color: #fff !important;
    }

    .main-banner button {
        padding: 2px 5px;
        font-size: 13px;
        border-radius: 2px;
    }

} */

/*---about us---*/
.about-row {
    position: relative;
    margin-top: -120px;
    padding: 40px 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    z-index: 9999999;
}

.about-row img {
    margin-left: 95px;
}

.about-row p {
    margin-top: 30px;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
}

@media(max-width:560px) {
    .about-row {
        margin-top: -20px;
        padding: 0 20px;
    }

    .about-row img {
        margin-left: 15px;
        width: 30px;
        height: 40px;
        margin-top: 20px;
    }

    .about-row p {
        margin-top: 10px;
        font-size: 10px;
        margin-left: -5px;
    }
}

/*---top features---*/

.feature-img img {
    border-radius: 40px;
    width:100%;
    height:auto;
}

.top-feature h4 {
    line-height: 40px;
    font-size: 20px;
    font-weight: 500;
}

.top-feature h1 {
    font-weight: 600;
    font-size: 35px;
     margin-left: 200px;
}

/* .feature-img {
    margin-left: -10px;
} */

/* .feature-row {
    margin-left: 100px;
} */

.mt-img1 {
    margin-top: 40px;
}

.mt-img2 {
    margin-top: 95px;
}

@media (max-width:560px) {
    .top-feature {
        margin-left: 0;
    }


    .feature-row {

    }

    .mt-img2 {
        margin-top: 5px;
    }

    .top-feature h4 {
        line-height: 58px;
        font-size: 18px;
        font-weight: 600;
    }

    .top-feature h1 {
        margin-top: 20px;
        margin-left: 80px;
    }

    .feature-img img {
        border-radius: 20px;
    }
}

/*--- have a demo ---*/

.have-demo {
    background-color: #fff;
}

.demo-row-img h2 {
    font-weight: 600;
    font-size: 50px;
}

.demo-row-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.demo-row-text h4 {
    font-weight: 600;
    font-size: 40px;
    width: 100%;
    /* margin-top: 38%; */
}

.demo-row-text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
}

@media(max-width:560px) {
    .demo-row-text h4 {
        margin-top: 20px;
    }

    .demo-row-text p {
        font-size: 16px;
        line-height: 30px;
    }

    /* .demo-row-img img {
        width: 390px;
        height: 250px;
    } */
}

/*--- collab advisori ---*/
.collab-box img {
    width: 100%;
    height: auto;
}
.plan-card {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}
/* .plan-card .icon-circle {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    background:#fdd623;
} */

.plan-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.plan-title {
    /* font-size: 20px;
    font-weight: 600;
    color: #695EEE;
    margin-bottom: 15px;
    text-align: center; */
        background-color: #695EEE;
        font-size: 14px;
        color: #fff;
        text-align: center;
        padding: 12px 15px;
        font-weight: 700;
}

.plan-features {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #333;
    line-height: 1.8;
}

.plan-features li {
    margin-bottom: 10px;
}

.plan-price {
    font-size: 22px;
    font-weight: bold;
    color: #17CFCF;
    margin: 20px 0;
    text-align: center;
}

.subscribe-btn {
    display: block;
    margin: 0 auto;
    background: #695EEE;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}

.subscribe-btn:hover {
    background: #4c3bb7;
}
.owl-carousel .plan-card {
    width: 100%;
    display: inline-block;
}
#subscription-plan .owl-nav {
    position: absolute;
    top: 50%; /* Center vertically */
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between; /* Arrows on both sides */
    pointer-events: none; /* Allow clicks on arrows only */

}

#subscription-plan .owl-nav .owl-prev, #subscription-plan .owl-nav .owl-next {
    position: absolute;
    top: 50%; /* Center vertically */
    transform: translateY(-50%);
    pointer-events: all; /* Enable clicks */
    background-color: #8B75EE; /* Example arrow background */
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
}
#subscription-plan .owl-nav span {
    margin-top: 0px !important
}
#subscription-plan .owl-nav .owl-prev {
    left: -20px; /* Adjust as needed */
   ;
}

#subscription-plan .owl-nav .owl-next {
    right: -20px; /* Adjust as needed */
}


/* membership */

.member-mainbox h1 {
    text-align: center;
    font-weight: 600;
    font-size: 50px;
    margin-left: 0px;
}

.bbx h4 {
    background-color: #695EEE;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 12px 15px;
    font-weight: 700;
}

.bbx {

}

.box-extra ul li {
    list-style: none;
    font-weight: 500;
    font-size: 14px;
}

.box-extra li {
    margin-top: 15px;
    line-height: 20px;
}


.ms li {

}

.box-extra {
    margin-top: -8px;
    border: 1px solid #D9D9D9;
}

.member-first {

}

.bbx h5 {
    background: #F7F8FF;
    border: 1px solid #77A4E5;
    font-weight: 500;
    font-size: 17px;
    color: #000;
    text-align: center;
    padding: 12px 20px;
}

.bbx button {
    background: #17CFCF;
    border: 1px solid #77A4E5;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding: 5px 10px;
    width: 100%;
}

.bbx button:hover {
    background: #06dfdf;
}

@media (max-width:560px) {
    .member-first {
        margin: 10px 0;
    }
}

/*--- testimonials ---*/

.review-head h1 {
    font-weight: 600;
    font-size: 50px;
    text-align: center;
}

.contact-us-section {
    height: 600px;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.25);
}

.testimonial-mainhead {
    height: 550px;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.25);
}

.test-image {
    width: 150px;
    height: 150px;
}

.test-text p {
    margin-left: 50px;
    margin-top: 50px;
    font-weight: 700;
    font-size: 16px;
}

.test-text span {
    font-weight: 400;
    font-size: 10px;
}

.card {
    padding: 40px 25px;
    background: #F7F8FF;
    cursor: pointer;
}

.card:hover {
    background-color: #fff;
}

.card-body p {
    margin-top: 40px;
    font-size: 12px;
    font-size: 500;
    margin-left: 10px;
}

.owl-carousel .nav-btn {
    height: 50px;
    position: absolute;
    width: 50px;
    cursor: pointer;
    top: 140px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2;
}

.owl-carousel .prev-slide {
    background: url(images/navbtn.png) no-repeat;
    left: -53px;
}

.owl-carousel .next-slide {
    background: url(images/nextnav.png) no-repeat;
    right: -55px;
}

@media (max-width:560px) {
    .owl-carousel .nav-btn {
        display: none;
    }

    .card {
        margin-left: -20px;
    }

    .owl-carousel {
        margin-left: 5px;
    }
}


/*--- why advisori ---*/
.why-advi h1,
.faq-section h1 {
    font-weight: 600;
    font-size: 40px;
}

.advi-img-row h3 {
    text-align: center;
    font-weight: 600;
    font-size: 23px;
    margin-top: 20px;
    cursor: pointer;
}


.advi-img-row img {
    transition: transform .3s;
    cursor: pointer;
}

.advi-img-row img:hover {
    transform: scale(1.1);
}

@media(max-width:560px) {
.advi-img-row {
        text-align: center;
    }

}

/*---footer---*/
footer {
    background-color: #695eee;
    color: #fff;
}

footer li {
    list-style: none;
    font-family: 400;
    font-size: 14px;
    line-height: 45px;
    color: #fff;
    text-decoration: none;
}

footer h4 {
    font-weight: 700;
    font-size: 25px;
}

footer p {
    font-weight: 400;
    font-size: 13px;
}

.foot-row {
    margin-left: 30px;
}

.social-icons li {
    font-size: 18px;
}

.last-footer p {
    text-align: center;
    padding: 15px 0;
    font-weight: 400;
    font-size: 15px;
}
footer .socail-media a {
    text-decoration: none;
    color: inherit;
    padding: 10px 10px;
    display: inline-block;
    transition: background-color 0.3s ease, color 0.3s ease;
    background-color: #ffffff;
    border-radius: 134px;
}
footer .address {
    display: block;
    margin-top: 70px;
}

footer .socail-media a:hover {
    background-color:  #15cfcf; /* Blue background for hover */
    color: #ffffff; /* White text color for hover */
    border-radius: 5px; /* Optional: Rounded edges for a more modern look */
}
footer  .address p {
    font-size: 19px;
    font-weight: 700;
    color: #cccccc; /* Light gray for subtlety */
    line-height: 1.5;
}
.contact-us-section {
    padding: 60px 0;
    background-color: #f9f9f9;
}




.contact-text {
    text-align: left;
    padding-right: 30px;
}

.contact-form .form-group {
    margin-bottom: 20px;
}

.contact-form .form-control {
    border-radius: 25px;
    border: 2px solid #ddd;
    padding: 12px 15px;
    font-size: 16px;
    width: 100%;
}

.contact-form .form-control:focus {
    border-color: #695eee; /* Focus color for input */
    box-shadow: 0 0 8px rgba(105, 94, 238, 0.5); /* Focus shadow */
}

.contact-form button {
    background-color: #695eee;
    color: white;
    font-size: 16px;
    padding: 12px 25px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.contact-form button:hover {
    background-color: #564bb0;
}
.form-wrapper {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd; /* Border around the form wrapper */
}



.contact-form .form-group {
    margin-bottom: 20px;
}

.contact-form .form-control {
    border: none;
    border-bottom: 2px solid #ddd; /* Only bottom border */
    padding: 12px;
    font-size: 16px;
    width: 100%;
    transition: border-bottom-color 0.3s;
}

.form-control:focus {
    border-bottom-color: #695eee; /* Focused bottom border color */
    outline: none;
}

.contact-form button {
    background-color: #695eee;
    color: white;
    font-size: 16px;
    padding: 12px 25px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: block;
    width: 100%;
    /* text-align: right; */
}

.contact-form button:hover {
    background-color: #564bb0;
}

.contact-text {
    position: relative;
}

.contact-background {
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    height: 468px;
    display: flex
;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    color: #ffffff;

}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
    z-index: 1; /* Ensures the overlay is behind the text */
}

.content {
    position: relative;
    z-index: 2; /* Ensures the content is above the overlay */
    padding: 20px;

}

.contact-background h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
}

.contact-background p {
    font-size: 18px;
    margin: 0;
    padding-bottom: 10px; /* Adds some space at the bottom */
}


/* Responsiveness for smaller screens */
@media (max-width: 767px) {
    .contact-us-section {
        padding: 30px 15px;
    }

    .form-wrapper {
        padding: 20px;
    }
}
/* Responsiveness for smaller screens */
@media (max-width: 767px) {
    .contact-us-section {
        padding: 30px 15px;
    }

    .contact-text h2 {
        font-size: 28px;
    }

    .contact-text p {
        font-size: 16px;
    }

    .contact-form .form-control {
        padding: 10px 12px;
    }

    .contact-form button {
        padding: 10px 20px;
    }
}


@media (max-width:560px) {
    .foot-row {
        margin-left: 0;
    }

    .fix {
        margin-left: 30px;
    }

    .last-footer p {
        font-size: 13px;
    }
}

/*--- membership page ---*/
.membership-page img {
    width: 100%;
    height: 50%;
}

.membership-page h1 {
    font-size: 120px;
    font-weight: 600;
    color: #F5F5F5;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    text-align: center;
    margin-top: -290px;

}

.membership-page {
    padding-bottom: 30px;
}

@media(max-width:560px) {
    .membership-page h1 {
        font-size: 40px;
        text-align: center;
        margin-top: -90px;
        margin-left: 0;
    }

    .membership-page {
        padding-bottom: 0;
    }
}

/*--- top features page ---*/
.page-feat h1 {
    font-size: 50px;
    font-weight: 600;
    color: #695EEE;
}

.features-card {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    /* width: 320px; */
    min-height: fit-content;
    padding: 20px 0;
    margin: 5px;
    flex-direction: column;
    flex: 1 1 auto;
}

/* .features-card img {
    margin-left: 135px;
} */

.features-card h4 {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
}

.features-card p {
    font-weight: 400;
    font-size: 11px;
    line-height: 25px;
    margin-top: 20px;
    padding: 0px 35px;
}

.down-feat {
    margin-left: 170px;
}

@media (max-width:560px) {
    .featurebanner img {
        width: 414px;
        height: 200px;
    }

    .down-feat {
        margin-left: 0;
    }

    .features-card {
        /* margin-left: 48px; */
        margin: 15px;
    }
}

/*--- about advisori ---*/
.aboutus-page img {
    width: 100%;
    height: 50%;
}

.about-advi h4 {
    font-weight: 600;
    font-size: 40px;
}

.about-advi p {
    font-weight: 400;
    font-size: 22px;
}

.aboutus-page h1 {
    font-size: 120px;
    font-weight: 600;
    color: #F5F5F5;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    margin-top: -250px;
    text-align: center;
}

.about-advi {
    margin-top: 180px;
}

@media (max-width:560px) {
    .aboutus-page h1 {
        font-size: 40px;
        margin-top: -90px;
    }

    .about-advi img {
        width: 380px;
        height: 220px;
        margin-left: -40px;
    }

    .about-advi h4 {
        margin-top: 20px;
        margin-left: -10px;
    }

    .about-advi p {
        font-size: 16px;
        margin-left: -10px;
    }

    .about-advi {
        margin-top: 110px;
    }
}

/*--- contact us ---*/
.contactbanner img {
    width:100%;
}

.contact-form h1 {
    font-weight: 600;
    font-size: 40px;
    text-align: center;
}

.form-box {
    background: #FFFFFF;
    border: 1.27184px solid #8D2E28;
    box-shadow: 0px 0px 6.35922px 2.54369px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 60px 40px;
}

.form-box h3 {
    font-weight: 600;
    font-size: 25px;
}

.form-box input,
select,
option,
textarea {
    border: 1.27184px solid #D9D9D9;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
}

.form-box input,
select,
option,
textarea::placeholder {
    font-size: 14px;
    font-weight: 400;
}

.form-box button {
    /* background: #17CFCF; */
    box-shadow: 0px 0px 6.35922px 2.54369px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 5px 50px;
    border: none;
}

.form-box button:hover {
    background-color: #fff;
    color: #06dfdf;
    border: 1px solid #06dfdf;
}

.form-box span {
    margin-left: 48px;
    font-weight: 600;
    font-size: 16px;
    display: inline-flex;
}

/* .contact-box p,
span {
    margin-top: -25px;
} */

.contact-box p {
    font-size: 14px;
}

.contact-row {
    justify-content: space-between;
}

@media (max-width:560px) {
    .form-box {
        margin-top: 10px;
    }
}

/*--- login ---*/
.loginouter-box {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}

.login-box {
    background: #FFFFFF;
    /* box-shadow: 0px 0px 4.19737px rgba(0, 0, 0, 0.2); */
    /* border-radius: 8px; */
    padding: 10px 30px;
    border: 1.27184px solid #8D2E28;
    box-shadow: 0px 0px 6.35922px 2.54369px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.login-box h3 {
    color: #695EEE;
    font-size: 33px;
    font-weight: 600;
}

.log-img {
    display: flex;
    justify-content: center;
}

.useimg {
    margin-top: -63px;
    margin-left: 10px;
}

.login-box input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #8A8888;

}

.login-box input {
    background: #FFFFFF;
    border: 0.839474px solid #C5C5C5;
    border-radius: 4px;
}

.login-box a {
    /* display: flex;
    justify-content: center;
    background: #17CFCF;
    border: 0.839474px solid #D9D9D9;
    border-radius: 4.19737px;
    font-size: 14px;
    font-weight: 400; */

    /* justify-content: center; */
    /* background: #17CFCF; */
    /* border: 0.839474px solid #D9D9D9; */
    border-radius: 4.19737px;
    font-size: 14px;
    font-weight: 400;
    /* margin-bottom: 20px; */
    text-decoration: none;
    padding-bottom: 20px;
}

@media(max-width:560px) {
    .login-box a {
        padding: 5px 141px;
    }

    .log-img {
        /*margin-left: 130px;*/
    }
}

.login-box a:hover {
    /* background: #08dddd; */
    border: none;
}

.register-button a {
    background-color: transparent;
    padding: 0;
    border: none;
    color: #000;
}

.register-button a:hover {
    background-color: transparent;
}

.login-box p {
    color: #212529;
    font-size: 13px;
    cursor: pointer;
    font-weight: 400;
}

/*--- register ---*/
.login-box label {
    /* color: #868686; */
    font-size: 14px;
}

.register-box a
 {
    padding: 10px 0px !important;
    /* color: #212529; */
    font-weight: 400;
    text-decoration: none;
}

.login-box select {
    /* font-size: 14px; */
    /* font-weight: 400; */
    color: #8A8888;
    border-radius: 4px;
    box-shadow: none;
}

.reg-logbtn a {
    background: transparent;
    padding: 0;
    border: none;
    text-decoration: none;
    margin: 0;
}

.reg-logbtn a:hover {
    background: transparent;
}

@media(max-width:560px) {
    .register-box a {
        padding: 5px 134px !important;
    }
}

/*--- otp ---*/
.otp-box label {
    margin-left: 75%;
}

/* .otp-box button {
    padding: 5px 147px !important;
} */

@media(max-width:560px) {
    .otp-box button {
        padding: 5px 134px !important;
    }
}

/*--- thanks ---*/
.thanks-box h1 {
    color: #695EEE;
    font-size: 35px;
    font-weight: 600;
    line-height: 50px;
}

.thanks-box a {
    padding: 5px 147px !important;
    color: #fff;
    text-decoration: none;
    background: #17CFCF;
    border: 0.839474px solid #D9D9D9;
    border-radius: 4.19737px;
    font-size: 14px;
    font-weight: 400;
}

.thanks-box a:hover {
    background: #08dddd;
    border: none;
}

/*--- details ---*/
.details-box h3 {
    font-size: 24px;
}

/*--- dashboard ---*/
.column-dashbox {
    background: #FFFFFF;
    border: 1px solid #C5C5C5;
    border-radius: 7px;
    padding: 20px 5px;
}

.dashbox-btn {
    margin: 8px 10px;
}

.dashbox-btn a {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    width: 190px;
    padding: 3px 20px;
    margin: 0 10px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: #000;
}

.client-box {
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    border-radius: 7px;
    padding: 25px 30px;
    /* width: 220px; */
    margin: 0 5px;
}

.cb-img {
    display: flex;
    justify-content: center;
}

.client-box h4 {
    text-align: center;
    font-weight: 600;
    font-size: 35px;
    margin-top: 10px;
}

.client-box p {
    text-align: center;
    font-weight: 400;
    font-size: 16px;

}

.client-box span {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    margin-top: -20px;
}

.pie-box {
    padding: 40px 42px;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    border-radius: 7px;
    margin: 10px 5px;
}

.pie-box button {
    background: #F7F8FF;
    border: 1px solid #F7F8FF;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    margin: 0 50px;
}

.pie-box img {
    margin: 70px 40px;
}

.pie-chartbox {
    display: flex;
}

.pie-box li {
    list-style: none;
    display: inline;
    margin: 5px 10px;
    font-size: 14px;
}

.pie-box h5 {
    font-size: 16px;
}

.doc span {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50px;
    background-color: #17CFCF;
}

.png span {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50px;
    background-color: #E5E8FF;
}

.jpg span {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50px;
    background-color: #695EEE;
}

.pdf span {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50px;
    background-color: #A8FFFF;
}

.data-box {
    display: flex;
}

.activity-box {
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    border-radius: 7px;
    /* margin-left: -40px; */
    max-height: 750px;
    overflow: auto;
}

.activebox h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 40px 35px;
}

.doc-files {
    padding: 0px 20px;
}

.doc-files p {
    font-size: 16px;
    font-weight: 600;
    margin-top: -5px;
    padding: 0px 10px;
}

.doc-files span {
    font-size: 12px;
    font-weight: 400;
    color: #C0C0C0;
}

@media (max-width:560px) {
    .data-box {
        display: block;
    }

    .pie-chartbox {
        display: block;
    }

    .client-box {
        margin-left: 80px;
        margin-top: 5px;
    }

    .activity-box {
        margin-left: 0;
    }
}


/*--- client dashboard ---*/
.fl-table th,
td {
    padding: 10px 20px;
    border: 2px solid #fff;
}

.fl-table th {
    background: #E5E8FF;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
}

.fl-table {
    margin-left: 0;
}

.fl-table td {
    background: #F7F8FF;
    font-size: 14px;
}

.column-client {
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    border-radius: 7px;
    padding: 25px 10px;
}

.column-client a {
    background: #17CFCF;
    border: 1px solid #17CFCF;
    border-radius: 4px;
    text-decoration: #000;
    color: #fff;
    padding: 7px 30px;
    margin: 0 7px;
    font-size: 14px;
    text-align: center;
}
.column-client .paginate_button a {
    padding: 5px 10px;
    margin: 0px;
}

.column-client a:hover {
    background: #0eebeb;
    border: none;
}

.action-icon a {
    background: transparent;
    border: none;
    text-decoration: none;
    padding: 0px;
    margin: 0px;
}

.action-icon a:hover {
    background: transparent;
}

.page-item {
    margin-left: 5px;
}

.client-btn input {
    border: 1px solid #BDD1F9;
    padding: 4px 10px;
    border-radius: 4px;
    width: 250px;
}

.client-btn input::placeholder {
    color: #C5C5C5;
    font-size: 12px;
}

.fa-magnifying-glass {
    color: #C5D7FA;
    margin-left: -25px;
    margin-top: 10px;
}

.client-row {
    padding: 0px 35px;
    /* margin-left: 35px; */
}

@media (max-width:560px) {

    .fl-table th,
    td {
        padding: 0 0;
    }

    .fl-table {
        margin-left: -10px;
    }

    .column-client {
        width: 414px;
        margin: 10px 0;
    }

    .client-btn input {
        margin-left: 0;
        width: 180px;
    }

    .fa-magnifying-glass {
        margin-left: -25px;
    }

    .client-row {
        margin-left: -10px;
    }

    .table-btn {
        margin-left: 7px;
        display: flex;
    }
}

.table-btn button {
    border: 1px solid #695EEE;
    color: #3A2AFF;
    font-size: 12px;
    border-radius: 4px;
    background-color: #fff;
    padding: 5px 15px;
    margin: 10px 0;
}

.table-btn {
    margin-left: 7px;
    display: flex;
}

.table-btn button:hover {
    color: #fff;
    background-color: #3A2AFF;
}

/*--- user dashboard ---*/
.profile-data {
    border: 1px solid #000000;
    border-radius: 3px;

}

.det-row {
    padding: 20px 30px;
    font-size: 14px;
    font-weight: 400;
}

.userdash-client h3 {
    font-weight: 600;
    font-size: 18px;
}

.profile-pic {
    border: 1px solid #000000;
    border-radius: 3px;
    margin-left: 30px;
}

.profilepic-row {
    margin: 40px 20px;
}

.profile-detail {
    display: flex;
}

@media(max-width:560px) {
    .profile-detail {
        display: block;
    }

    .profile-pic {
        margin-left: 0;
        margin-top: 10px;
    }

    .editss {
        margin-left: -30px;
    }
}

/*--- user details ---*/
.user-details {
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    border-radius: 7px;
}

.c-detail p {
    background: #17CFCF;
    padding: 3px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.info-client {
    background: #FFFFFF;
    border: 1px solid #E7E3E3;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}

.info-client img {
    margin-left: 70px;
    margin-top: 20px;
}

.info-row p {
    background-color: transparent;
    color: #000;
    text-align: start;
    font-size: 14px;

}

.info-row {
    padding: 20px;
}

.i-client {
    height: 605px;
}

.message-box{
    background: #FFFFFF;
    border: 1px solid #E7E3E3;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
    justify-content: space-evenly;
    display: flex;
    flex-direction: column;
}

.message-box h5{
    font-size:15px;
    font-weight: 600;
    margin: 0px;
    padding: 5px 10px 0px 10px;
}

.message-box span{
    color: lightgray;
    font-size:13px;
    margin-left: 0px;
    margin-right:auto;
}

.message-box .message {
    background: transparent;
    color:black;
    margin: 0px;
    padding: 0px 15px;
    font-size: 14px;
    text-align: start;
}

.docs-client {
    background: #FFFFFF;
    border: 1px solid #E7E3E3;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
    justify-content: space-evenly;
    height: 340px;
    display: flex;
}

.sr-no p {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    color: #000;
    padding: 7px 30px;
    font-size: 14px;
    text-align: center;
}

.sr-no {
    margin: 10px 6px;
}

.user-details {
    margin-left: 30px;
}

.text-no {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.text-no p {
    font-size: 12px;
    box-shadow: none;
    border: none;
}

.det-head {
    font-weight: 600;
    font-size: 16px;
}

.det-class {
    font-size: 12px;
}

@media (max-width:560px) {
    .i-client {
        height: auto;
    }

    .c-detail {
        margin-top: 20px;
    }

    .user-details {
        margin-left: 0;
    }

    .docs-client {
        height: auto;
        display: block;
    }
}

/*--- Privacy policy ---*/
.p-policy {
    display: flex;
}

.p-policy h1 {
    font-family: 'Lato', sans-serif;
    font-size: 600;
    color: #000;
    font-size: 40px;
    font-family: 'Lato', sans-serif!important;
    text-align: center;
    padding: 50px;
}

.btn1 {
    display: flex;
    background: #F7F8FF;
    border-radius: 5px;
    padding: 6px 20px;
    width: 280px;
    margin: 10px 70px;
}

.btn1 img {
    margin-top: 5px;
}

.btn1 a {
    font-family: 'Lato', sans-serif!important;
    text-decoration: none;
    color: #000;
    font-weight: 300;
    font-size: 16px;
    text-align: start;
    margin-left: 20px;
}

.p-policytext {
    margin: 5px 30px;
}

.pri-text h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Lato', sans-serif!important;
}

.pri-text h6 {
    font-weight: 400;
    font-size: 13px;
    font-family: 'Lato', sans-serif!important;
}

.pri-text p {
    font-weight: 400;
    font-size: 13px;
    font-family: 'Lato', sans-serif!important;
}

.pri-text h5 {
    font-weight: 500;
    font-size: 14px;
    font-family: 'Lato', sans-serif!important;
}

.Affiliates-banner{
  position: relative;
  text-align: center;

  font-weight: 250;
  font-size: 28px;
  font-family: arial;

  }
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }
.txt{
    width: 450px;
    margin-right: 80px;
    font-family: Verdana;
    text-align: center;
    line-height: 50px;
}
.swal2-cancel {
    background-color: #7066e0;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    margin-left: 35px;

}

.swal2-cancel:hover {
    background-color: #695EEE;
}
.hover-expand {
    display: inline-block;
    width: 200px; /* Truncated width */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    position: relative;
}

.tooltip-content {
    position: absolute;
    background-color: #f5f5f5;
    padding: 5px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    z-index: 100;
    white-space: normal;
    width: auto;
    max-width: 500px; /* Adjust this value if needed */
    word-wrap: break-word;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

select {
    color: #8A8888!important; /* Default color when not focused */
}

select:focus {
    color: black!important; /* Change text color when focused */
}