.navbar-brand img {

    width: 190px;

    height: auto;

}



/* .navbar-expand-xl .navbar-collapse {

    display: flex;

    flex-basis: auto;

    justify-content: end;

    margin-top: 20px;

} */



.navbar-expand-xl .navbar-collapse {

    /* display: flex; */

    /* flex-basis: auto; */

    justify-content: end;

    margin-top: 28px;

}



header .bg-body-tertiary {

    --bs-bg-opacity: 1;

    background-color: var(--inner-bg) !important;

    padding: 0 0 15px 0;

    position: absolute;

    width: 100%;

    background-color: #FAF8FF;

    border-bottom: 1px solid #DCDCDC;

    z-index: 1;

}



header .navbar-collapse .navbar-nav {

    gap: 40px;

}



header li{

    font-family: 'Gilroy';

    font-weight: 500;

}



header .navbar-collapse .navbar-nav .nav-item a {

    color: var(--blue);

    font-size: 18px;

    font-weight: 500;

    transition: 0.2s;

    font-family: 'Gilroy';

}



header .navbar-collapse .navbar-nav .nav-item a:hover {

  opacity: 0.8;

}



header .navbar-collapse button {

    border: unset;

    background: unset;

    outline: none;

    background-color: #5E13F6;

    padding: 5px 25px;

    margin-left: 40px;

    font-size: 17px;

    border-radius: 5px;

    transition: 0.3s;

    border: 1px solid #6B29FD;

}



header .navbar-collapse button:hover {

    cursor: pointer;

    background-color: #fff;

  border: 1px solid #6B29FD;

}



header .navbar-collapse button a {

    color: #fff;

}



header .navbar-collapse button:hover a{

    color: #6B29FD;

}



header .navbar-collapse button a:hover {

    color: #6B29FD;

}



/* hero section css */



.hero_section {

    height: 780px;

    /* background-size: 100% 100%; */

    background-color: #FAF8FF;

    position: relative;

}



.hero_section .hero_image {

    position: absolute;

    top: 140px;

    right: 70px;

    height: 100%;

    bottom: 0;

}



.hero_section .row {

    display: flex;

    align-items: center;

    margin-top: 30px;

}



.hero_section h1 {

    font-family: 'Gilroy';

    font-weight: bold;

}



.hero_section .hero_content {

    margin-top: 161px;

}



.hero_section p {

    font-size: 26px;

    width: 580px;

    max-width: 575px;

    margin: 20px 0;

    line-height: 1.3;

}



.hero_buttons {

    display: flex;

    gap: 20px;

}



.hero_buttons .common_lead_button button{

  width: 156px;

  min-width: 156px;

}



.absolute_images img {

    position: absolute;

}



.hero_section .absolute_images img:nth-child(1) {

    top: 150px;

    position: absolute;

    left: 50px;

}



.hero_section .absolute_images img:nth-child(2) {

    top: 105px;

    position: absolute;

    left: 1048px;

}



.hero_section .absolute_images img:nth-child(3) {

    top: 150px;

    position: absolute;

    right: 50px;

}



.hero_section .absolute_images img:nth-child(4) {

    bottom: 77px;

    position: absolute;

    left: 743px;

}



/* about section css */



.about_section {

    position: relative;

    padding: 110px 0;

}



.about_section .about_box .about_content {

    width: 534px;

    min-width: 534px;

}



.about_section .row {

    display: flex;

    align-items: center;

}



.about_section .absolute_images img:nth-child(1) {

    top: 100px;

    position: absolute;

    left: 50px;

}



.about_section .absolute_images img:nth-child(2) {

    bottom: 70px;

    right: 50px;

    position: absolute;

}



.about_section .absolute_images img:nth-child(3) {

    width: 190px;

    left: 0;

    position: absolute;

    bottom: 1px;

}



/* website section css */



.website_section .row {

    display: flex;

    align-items: center;

}



.website_section .website_box p span {

    font-size: 18px;

    font-weight: 500;

}



.website_section .website_box ul li {

    list-style-type: none;

    padding-left: 35px;

    position: relative;

    margin-bottom: 25px;

    font-size: 16px;

}



.website_section .website_box ul li::after {

    content: '';

    position: absolute;

    left: 0;

    top: 4px;

    background-image: url(../images/check.png);

    width: 22px;

    height: 22px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.website_section .website_box .website_content {

    width: 557px;

    max-width: 560px;

}



.website_section .website_image {

    position: relative;

}



.website_section .website_image::after {

    content: '';

    position: absolute;

    bottom: 20px;

    right: 60px;

    background-image: url(../images/play_button.png);

    width: 70px;

    height: 70px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}







/* work section css */

.work_section {

    position: relative;

}



.work_section h3 {

    text-align: center;

}



.work_section .row {

    display: flex;

    align-items: center;

    margin-top: 65px;

}



.work_section .work_box h5 {

    font-weight: bold;

    margin-bottom: 15px;

}



.work_section .work_box p {

    width: 500px;

}



.work_section .absolute_images img:nth-child(1) {

    top: 100px;

    position: absolute;

    left: 50px;

}



.work_section .absolute_images img:nth-child(2) {

    top: 541px;

    right: 50px;

    position: absolute;

}



.work_section .absolute_images img:nth-child(3) {

    width: 190px;

    right: 0;

    position: absolute;

    bottom: 1px;

}



.work_content_1 {

    position: relative;

    padding-left: 110px;

}



.work_content_1::before {

    position: absolute;

    content: "01";

    font-size: 83px;

    font-weight: bold;

    color: #242748;

    left: 0;

    top: -29px;

}



.work_content_2 {

    position: relative;

    padding-left: 125px;

}



.work_content_2::before {

    position: absolute;

    content: "02";

    font-size: 83px;

    font-weight: bold;

    color: #242748;

    left: 0;

    top: -29px;

}



.work_content_3 {

    position: relative;

    padding-left: 125px;

}



.work_content_3::before {

    position: absolute;

    content: "03";

    font-size: 83px;

    font-weight: bold;

    color: #242748;

    left: 0;

    top: -29px;

}



/* slider section css */



.slider_section {

    position: relative;

}



.slider_section h3 {

    text-align: center;

    margin-bottom: 35px;

}



.slider_section .item {

    background: #FFF;

    box-shadow: 0px 0px 26px #00000017;

    border-radius: 19px;

    opacity: 1;

    padding: 30px 25px;

}



.slider_section .blog-carousel .slick-track {

    display: flex !important;

}



.slider_section .blog-carousel .slick-slide {

    height: inherit !important;

    margin: 15px;

}



.slider_section .blog-carousel .client {

    display: flex;

    gap: 10px;

}



.slider_section .blog-carousel .client p span {

    font-size: 18px;

    font-weight: bold;

}



.blog-carousel .slick-arrow.slick-next {

    border: 1px solid #6B29FD;

    width: 40px;

    height: 40px;

    left: -60px;

    top: 112px;

    transition: all 0.4s ease-in-out;

    font-size: 0;

    border-radius: 50px;

    position: absolute;

    background: unset;

    transition: 0.6s;

}



.blog-carousel .slick-arrow.slick-next:hover {

   transform: rotate(-360deg);

}



.blog-carousel .slick-arrow.slick-next::before {

    content: "";

    background-image: url(../images/next.png);

    width: 20px;

    height: 19px;

    position: absolute;

    top: 9px;

    left: 9px;

}



.blog-carousel .slick-arrow.slick-prev {

    border: 1px solid #6B29FD;

    width: 40px;

    height: 40px;

    top: 112px;

    right: -60px;

    transition: all 0.4s ease-in-out;

    font-size: 0;

    border-radius: 50px;

    position: absolute;

    background-repeat: no-repeat;

    background: unset;

    transition: 0.6s;

}



.blog-carousel .slick-arrow.slick-prev:hover {

 transform: rotate(360deg);

}



.blog-carousel .slick-arrow.slick-prev::before {

    content: "";

    background-image: url(../images/prev.png);

    width: 26px;

    height: 19px;

    position: absolute;

    top: 9px;

    left: 6px;

    background-repeat: no-repeat;

}



/* faq section css */



.faq_section {

    position: relative;

}



.faq_section h3 {

    margin-bottom: 40px;

}



.faq_section .row {

    display: flex;

    align-items: center;

}



.faq_section .accordion .accordion-item {

    border: 0;

    box-shadow: 0px 0px 26px #00000012;

    border-radius: 11px;

    overflow: hidden;

}



.faq_section .accordion .accordion-item:not(:last-child) {

    margin-bottom: 25px;

}



.faq_section .accordion .accordion-item .accordion-button {

    border-radius: 0;

    background-color: #fff;

    font-size: 20px;

    color: #000;

    font-weight: 600;

    box-shadow: unset;

}



.faq_section .accordion-button:not(.collapsed)::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}



.faq_section .accordion-button::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}



.faq_section .accordion .accordion-item .accordion-body {

    padding-top: 0;

}



.faq_section .accordion .accordion-item .accordion-body p {

    font-size: 16px;

    margin: 0;

}



.faq_section .common_lead_button {

    margin-top: 50px;

}



.faq_section .accordion-button:not(.collapsed)::after {

    background-image: unset;

    content: "-";

    color: #000000;

    font-size: 33px;

    transform: unset;

}



.faq_section .accordion-button::after {

    background-image: unset;

    content: "+";

    font-size: 33px;

    transform: unset;

    margin-top: -26px;

}



.faq_section .faq_button button a::after {

    content: '';

    position: absolute;

    bottom: 8px;

    right: -18px;

    background-image: url(../images/arrow_up.png);

    width: 20px;

    height: 20px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.faq_section .absolute_images img:nth-child(1) {

    top: 100px;

    position: absolute;

    left: 50px;

}



.faq_section .absolute_images img:nth-child(2) {

    bottom: 60px;

    right: 50px;

    position: absolute;

}



/* connect section css */



.connect_section{

    position: relative;

}



.connect_section .banner-form h3 {

    margin-bottom: 30px;

}



.connect_section .container {

    display: flex;

    align-items: center;

    justify-content: center;

}



.faq_section .accordion-item h5 {

    font-size: 22px;

}



.connect_section .banner-form {

    background: var(--white);

    padding: 40px;

    border-radius: 12px;

    width: 60%;

    text-align: center;

    box-shadow: 0px 0px 99px #00000017;

    border-radius: 20px;

    opacity: 1;

}



.banner-form h2 {

    font-size: 28px;

    font-weight: 700;

    color: var(--black);

    margin-bottom: 5px;

}



.banner-form p {

    font-size: 18px;

    line-height: 1.4;

    color: var(--black);

    margin-bottom: 25px;

}



.banner-form .form-group {

    text-align: left;

}



.banner-form .form-group label {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 5px;

    color: #242748;

}



.banner-form .form-group {

    margin-bottom: 20px;

}



.banner-form .form-group .form-control {

    border: 1px solid #DDDDDD;

    border-radius: 2px;

    width: 100%;

    box-shadow: none;

    outline: none;

    height: 55px;

    padding: 2px 8px;

    font-size: 14px;

    border-radius: 5px;

}



.connect_section .banner-form select {

    background-image: url('assets/images/drop.png');

    background-size: 15px;

}



.connect_section .banner-form option {

    background: #fff !important;

    line-height: 1.5 !important;

}



.banner-form .form-group textarea {

    resize: none;

    min-height: 140px;

}



.connect_section .banner-form .common_lead_button {

    display: flex;

    margin-top: 10px;

}



.connect_section .absolute_images img:nth-child(1) {

    top: 155px;

    position: absolute;

    right: 285px;

}



.connect_section .absolute_images img:nth-child(2) {

    bottom: 60px;

    left: 50px;

    position: absolute;

}



/* footer css */



footer{

    background-color: var(--footer-bg);

    padding: 60px 0;

    position: relative;

}



footer h6, small, span{

    color: #fff;

}



footer ul li{

    color: #fff;

}



footer ul li a{

    color: #fff;

    transition: 0.2s;

}



footer ul li a:hover {

    color: #7a7474;

}



footer .top_footer {

    margin-bottom: 80px;

}



footer p{

    color: #fff !important;

    font-size: 14px;

    width: 298px;

}



footer .quick_links {

    display: flex;

    justify-content: space-between;

}

footer .quick_links ul li {

    list-style-type: none;

    margin-bottom: 22px;

}



footer .footer_item .footer_logo {

    margin-bottom: 26px;

}



footer .footer_item h6 {

    margin-top: 24px;

    margin-bottom: 22px;

}



footer .middle_item {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

}



footer .middle_item .footer_item {

    width: 100%;

}



footer .last_item {

    display: flex;

    align-items: center;

    justify-content: center;

}



footer .last_item p a {

    position: relative;

    color: var(--white);

    transition: 0.2s;

}



footer .last_item p a:hover {

    color: #7a7474;

}



footer .last_item .footer_item p:nth-child(2) {

    position: relative;

    padding-left: 20px;

}



footer .last_item .footer_item p:nth-child(3) {

    position: relative;

    padding-left: 20px;

}



footer .last_item .footer_item p:nth-child(2)::before {

    content: '';

    position: absolute;

    top: 6px;

    left: 0;

    background-image: url(../images/email.png);

    width: 13px;

    height: 12px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



footer .last_item .footer_item p:nth-child(3)::before {

    content: '';

    position: absolute;

    top: 6px;

    left: 0;

    background-image: url(../images/phone.png);

    width: 13px;

    height: 12px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



footer .bottom_footer {

    position: absolute;

    bottom: 0;

    text-align: center;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #2A2E5F;

    padding: 13px 0;

}



footer .bottom_footer p {

    width: 100% !important;

    text-align: center;

    margin-bottom: unset;

}



footer .bottom_footer p span {

    color: #ADADAD !important;

}



/* faq page css ***************************************************/



.inner_page{

    position: relative;

    height: 400px;

    background: var(--inner-bg);

}



.inner_page .inner_heading {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.inner_page .inner_heading h1 {

    margin-top: 50px;

    font-weight: bold;

}



.faq_page .accordion {

    padding: 0 65px;

}



.inner_page .absolute_images img:nth-child(1) {

    top: 150px;

    position: absolute;

    left: 50px;

}



.inner_page .absolute_images img:nth-child(2) {

    position: absolute;

    left: 448px;

    bottom: 65px;

}



.inner_page .absolute_images img:nth-child(3) {

    bottom: 135px;

    position: absolute;

    right: 428px;

}



.inner_page .absolute_images img:nth-child(4) {

    top: 141px;

    position: absolute;

    right: 50px;

}



.breadcrumb_section ol{

    position: relative;

    padding-left: 30px;

}



.breadcrumb_section ol::after {

    content: '';

    position: absolute;

    left: 0;

    background-image: url(../images/home.png);

    width: 20px;

    height: 20px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.breadcrumb_section .breadcrumb-item a {

    color: #000;

}



.breadcrumb_section .breadcrumb-item a:hover {

    color: #5E13F6;

}



.breadcrumb_section li.breadcrumb-item {

    position: relative;

    padding-left: 15px;

}



li.breadcrumb-item::before {

    content: ">";

    left: 0;

    position: absolute;

}



/* faq page css ***************************************************/



/* pricing page css ***************************************************/



.pricing_section h3 {

    text-align: center;

}



.pricing_section .min_heading {

    width: 100%;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.pricing_section .min_heading p {

    text-align: center;

    width: 886px;

}



.pricing_item .choose {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

}



.pricing_section .choose p {

    margin-bottom: unset;

}



.pricing_item {

    margin-top: 15px;

}



.pricing_section .choose p span {

    font-size: 17px;

}



.pricing_section .switch {

    position: relative;

    display: inline-block;

    width: 70px;

    height: 21px;

}

  

  .pricing_section .switch input { 

    opacity: 0;

    width: 0;

    height: 0;

  }

  

  .pricing_section .slider {

    position: absolute;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #ccc;

    -webkit-transition: .4s;

    transition: .4s;

  }

  

  .pricing_section .slider:before {

    position: absolute;

    content: "";

    height: 18px;

    width: 18px;

    left: 3px;

    bottom: 2px;

    background-color: white;

    -webkit-transition: .4s;

    transition: .4s;

}

  

  .pricing_section input:checked + .slider {

    background-color: #6B29FD;

  }

  

  .pricing_section input:focus + .slider {

    box-shadow: 0 0 1px #6B29FD;

  }

  

  .pricing_section input:checked + .slider:before {

    -webkit-transform: translateX(47px);

    -ms-transform: translateX(47px);

    transform: translateX(47px);

  }

  

  /* Rounded sliders */

  .pricing_section .slider.round {

    border-radius: 34px;

  }

  

  .pricing_section .slider.round:before {

    border-radius: 50%;

  }



  .pricing_section .pricing_cards {

    margin-top: 40px;

}



  .pricing_section .pricing_card {

    background: #FFFFFF 0% 0% no-repeat padding-box;

    box-shadow: 0px 0px 10px #0000001A;

    border-radius: 20px;

    display: flex;

    align-items: center;

    flex-direction: column;

    height: 100%;

    padding: 40px 0 30px 0;

}



.pricing_section .price h3 {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 3px;

}



.pricing_section .price h3 span {

    font-size: 26px;

    font-weight: 500;

}



.pricing_section .list {

    margin: 35px 0 35px 0;

}



.pricing_section .pricing_card ul li {

    list-style-type: none;

    padding-left: 35px;

    position: relative;

    margin-bottom: 20px;

    font-size: 16px;

}



.pricing_section .pricing_card ul li::after {

    content: '';

    position: absolute;

    left: 0;

    top: 4px;

    background-image: url(../images/check.png);

    width: 22px;

    height: 22px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.pricing_section .list ul li:last-child {

    /* color: red; */

    margin-bottom: unset;

}



.pricing_section .pricing_cards .row {

    --bs-gutter-x: 3.5rem;

}



.pricing_section .price_heading {

    padding-bottom: 35px;

    border-bottom: 1px solid #0000001A;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    gap: 10px;

}



.pricing_section .price_heading .line {

    width: 50px;

    height: 5px;

    background: #6B29FD;

}



.pricing_section .price_heading h5 {

    font-weight: bold;

    position: relative;

}



.pricing_section .pricing_cards .price {

    margin-top: 15px;

    border-bottom: 1px solid #0000001A;

    width: 100%;

}



.pricing_section .pricing_cards .button_list {

    height: 100%;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: space-between;

}



/* pricing page css ***************************************************/



/* contact page css ****************************************************/



.contact_section .banner-form {

    width: 100% !important;

}



.contact_section .banner-form h3 {

    text-align: left;

    /* color: red; */

    font-size: 42px;

}



.map_section iframe{

    width: 100%;

    height: 450px;

}



.map_section {

    padding: unset;

}

.contact_section .common_lead_button button {
    position: relative;
    border: unset;
    outline: unset;
    background: var(--btn-bg);
    border-radius: 5px;
    padding: 7px 35px 7px 10px;
    transition: 0.3s;
    border: 1px solid #6B29FD;
    color: #fff;
    transition: 0.3s;
}

.contact_section .common_lead_button button::after {
    position: absolute;
    content: "";
    background-image: url(../images/arrow_up.png);
    right: 12px;
    top: 7px;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.contact_section .common_lead_button button:hover {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #6B29FD;
    color: #6B29FD;
    transition: 0.3s;
}

.contact_section .common_lead_button button:hover::after {
    position: absolute;
    content: "";
    background-image: url(../images/arrow_up_2.png);
    right: 12px;
    top: 7px;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    transition: 0.3s;
}

/* contact page css ****************************************************/



/* privacy page css ****************************************************/



.privacy_section h5 {

    font-weight: bold;

    margin-bottom: 10px;

}



.privacy_section ul li {

    list-style-type: none;

    padding-left: 35px;

    position: relative;

    margin-bottom: 25px;

    font-size: 16px;

}



.privacy_section ul li::after {

    content: '';

    position: absolute;

    left: 0;

    top: 4px;

    background-image: url(../images/check.png);

    width: 22px;

    height: 22px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



/* privacy page css ****************************************************/



/* login page css *************************************************** */



section.breadcrumb_section.login_breadcrumb {

    margin-top: unset;

    padding-top: 100px;

}



.login_section {

    padding-top: 50px;

}



.login_section .row {

    display: flex;

    align-items: end;

}



.login_section .lead_form{

    background: var(--white);

box-shadow: 0px 0px 10px #00000017;

border-radius: 20px;

opacity: 1;

padding: 40px;

}



.login_section .lead_form .login_image {

    display: flex;

    align-items: center;

    justify-content: end;

}



.login_section .form-control {

    display: block;

    width: 100%;

    padding: 1px 15px;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: .375rem;

    height: 58px;

    box-shadow: none;

    outline: none;

}



.login_section .login_details .form-group {

    width: 100%;

    margin-top: 30px;

} 



.login_section .lead_form .form-group {

    width: 100%;

    margin-top: 30px;

}



.login_section .lead_form form .form-group label {

    font-weight: 500;

    margin-bottom: 6px;

    font-size: 20px;

}



.login_section .login_details form .forgot_button {

    display: flex;

    justify-content: end;

    margin-top: 20px;

}



.login_section .login_details form .forgot_button button {

    padding: unset;

    font-size: 15px;

    text-decoration: underline;

    color: var(--btn-bg);

    transition: all 0.3s;

}



.login_section .login_details form .forgot_button button:hover {

    color:#000;

}



.login_section .common_lead_button {

    margin-bottom: 20px;

}



.login_section .login_details .anchor_click_box {

    margin-top: 12px;

}



.login_section .login_details .anchor_click_box p a:hover{

    color: #000;

}



.login_section .login_details .anchor_click_box .btn {

    padding: unset !important;

    margin-left: 2px;

    text-decoration: underline;

    color: #6B29FD;

}



.login_section form div:nth-child(3) {

    position: relative;

}



.login_section form div:nth-child(3)::after {

    content: '';

    position: absolute;

    background-image: url(../images/eye.png);

    width: 20px;

    height: 20px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    right: 14px;

    bottom: 18px;

}

.login_section .common_lead_button button {
    position: relative;
    border: unset;
    outline: unset;
    background: var(--btn-bg);
    border-radius: 5px;
    padding: 7px 35px 7px 10px;
    transition: 0.3s;
    border: 1px solid #6B29FD;
    color: #fff;
    transition: 0.3s;
}

.login_section .common_lead_button button::after {
    position: absolute;
    content: "";
    background-image: url(../images/arrow_up.png);
    right: 12px;
    top: 7px;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.login_section .common_lead_button button:hover {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #6B29FD;
    color: #6B29FD;
    transition: 0.3s;
}

.login_section .common_lead_button button:hover::after {
    position: absolute;
    content: "";
    background-image: url(../images/arrow_up_2.png);
    right: 12px;
    top: 7px;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    transition: 0.3s;
}



/* login page css *************************************************** */



/* signup page css ****************************************************/



.signup_section .row {

    display: flex;

    align-items: center;

}



.signup_section form div:nth-child(3) {

    position: static;

}



.signup_section form div:nth-child(3)::after {

    content: '';

    position: absolute;

    background-image: unset;

}



.signup_section form div:nth-child(6) {

    position: relative;

}



.signup_section form div:nth-child(6)::after {

    content: '';

    position: absolute;

    background-image: url(../images/eye.png);

    width: 20px;

    height: 20px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    right: 14px;

    bottom: 18px;
    
    display: none;
}


.signup_section .common_lead_button {

    margin: 40px 0 20px;

}

.signup_section form div:nth-child(7) {
    position: relative;
}

.signup_section form div:nth-child(7) .input-group-addon {
    position: absolute;
    right: 18px;
    top: 16px;
}

.signup_section .common_lead_button button {
    position: relative;
    border: unset;
    outline: unset;
    background: var(--btn-bg);
    border-radius: 5px;
    padding: 7px 35px 7px 10px;
    transition: 0.3s;
    border: 1px solid #6B29FD;
    color: #fff;
    transition: 0.3s;
}

.signup_section .common_lead_button button::after {
    position: absolute;
    content: "";
    background-image: url(../images/arrow_up.png);
    right: 12px;
    top: 7px;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.signup_section .common_lead_button button:hover {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #6B29FD;
    color: #6B29FD;
    transition: 0.3s;
}

.signup_section .common_lead_button button:hover::after {
    position: absolute;
    content: "";
    background-image: url(../images/arrow_up_2.png);
    right: 12px;
    top: 7px;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    transition: 0.3s;
}

/* signup page css ****************************************************/



/* forgot page css ****************************************************/



.forgot_section .common_lead_button {

    margin-top: 40px;

}



.forgot_section .login_details p {

    font-size: 18px;

    font-weight: 500;

}



.login_section form div:nth-child(3) {

    position: static;

}



.login_section form div:nth-child(3)::after {

    content: '';

    position: absolute;

    background-image: unset;

}



/* forgot page css ****************************************************/



/* dashboard css  *****************************************************/



.header .navbar-nav {

    --bs-nav-link-padding-y: 0.8rem;

}



header .navbar-nav .client {

    display: flex;

    align-items: center;

    gap: 11px;

}



header .navbar-nav .client p {

    margin-bottom: unset;

    font-size: 18px;

    font-weight: 500;

}



.dashboard_section {

    padding-top: 160px;

}



.dashboard_section .container {

    background: #FFFFFF 0% 0% no-repeat padding-box;

    box-shadow: 0px 0px 10px #00000017;

    border-radius: 20px;

    opacity: 1;

    padding: 40px;

}



.dashboard_section h4 {

    font-size: 38px;

    font-weight: bold;

    margin-bottom: 10px;

}



.dashboard_section p {

    font-size: 18px;

    font-weight: 500;

}



.dashboard_section h5 {

    font-size: 26px;

    margin-bottom: 10px;

    font-weight: bold;

}



.dashboard_section .container h5:nth-child(4) {

    position: relative;

    padding-left: 45px;

}



.dashboard_section .container h5:nth-child(4)::before {

    position: absolute;

    content: "1";

    background-color: #6B29FD;

    width: 30px;

    height: 30px;

    left: 0;

    top: 2px;

    color: white;

    border-radius: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 500;

    font-size: 18px;

}



.dashboard_section .shift_right {

    padding-left: 45px;

}



.dashboard_section .form-group textarea {

    resize: none;

    min-height: 140px;

}



.dashboard_section .common_lead_button {

    margin: 30px 0 45px;

}



.dashboard_section .container h5:nth-child(6) {

    position: relative;

    padding-left: 45px;

}



.dashboard_section .container h5:nth-child(6)::before {

    position: absolute;

    content: "2";

    background-color: #6B29FD;

    width: 30px;

    height: 30px;

    left: 0;

    top: 2px;

    color: white;

    border-radius: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 500;

    font-size: 18px;

}

.dashboard_section .shift_right #check_url .common_lead_button button {
    position: relative;
    border: unset;
    outline: unset;
    background: var(--btn-bg);
    border-radius: 5px;
    padding: 7px 35px 7px 10px;
    transition: 0.3s;
    border: 1px solid #6B29FD;
    color: #fff;
    transition: 0.3s;
}

.dashboard_section .shift_right #check_url .common_lead_button button::after {
    position: absolute;
    content: "";
    background-image: url(../images/arrow_up.png);
    right: 15px;
    top: 7px;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.dashboard_section .shift_right #check_url .common_lead_button button:hover {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #6B29FD;
    color: #6B29FD;
    transition: 0.3s;
}

.dashboard_section .shift_right #check_url .common_lead_button button:hover::after {
    position: absolute;
    content: "";
    background-image: url(../images/arrow_up_2.png);
    right: 15px;
    top: 7px;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.header .client_box{

    position: relative;

    transition: 0.3s;

}



.header .client_box:hover{

    cursor: pointer;

}





.header .user_dropdown {

    position: absolute;

    background: #FAF8FF;

    right: 0;

    padding: 20px;

    border-bottom-left-radius: 20px;

    border-bottom-right-radius: 20px;

    transition: 0.3s;

    display: none;

}



.user_dropdown p {

    font-weight: 500;

    display: flex;

    align-items: center;

    gap: 4px;

}



/* dashboard css  *****************************************************/



/* user listing css *****************************************************/



.listing_section .container {

    background: unset;

    box-shadow: unset;

    border-radius: unset;

    opacity: 1;

    padding: unset;

}



.listing_section .list_table {

    background: #FFFFFF 0% 0% no-repeat padding-box;

    box-shadow: 0px 0px 10px #00000017;

    border-radius: 20px;

    opacity: 1;

    padding: 40px 40px 80px;

    margin-top: 30px;

}



.listing_section form .row div .find:nth-child(1) {

    position: relative;

}



.listing_section form .row div .find:nth-child(1)::before {

    position: absolute;

    content: "";

    background-color: unset;

    width: 25px;

    height: 25px;

    left: 15px;

    top: 11px;

    background-image: url(../images/search.png);

    background-repeat: no-repeat;

    background-size: 15px;

}



.listing_section .table_content {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.listing_section .table_heading {

    width: 50%;

}



.listing_section .list_table .table_heading .find .form-control{

    padding-left: 35px;

}



.listing_section table {

    caption-side: bottom;

    border-collapse: collapse;

    width: 100%;

}



.listing_section .table_data {

    width: 100%;

    border: 1px solid #E5E5E5;

    border-radius: 5px;

    margin-top: 25px;

}



.listing_section table tr {

    width: 100%;
    text-align: left;

}



.listing_section table thead{

    border-bottom: 1px solid #E5E5E5;

}



.listing_section table thead th {

    padding: 12px 0 12px 25px;

    color: var(--blue);

    position: relative;

    text-align: center;
}



.listing_section table thead th:nth-child(1):before {

    position: absolute;

    content: "";

    background-color: unset;

    width: 25px;

    height: 25px;

    left: 74px;

    top: 19px;

    background-image: url(../images/up_down.png);

    background-repeat: no-repeat;

}



.listing_section table thead th:nth-child(2):before {

    position: absolute;

    content: "";

    background-color: unset;

    width: 25px;

    height: 25px;

    left: 71px;

    top: 19px;

    background-image: url(../images/up_down.png);

    background-repeat: no-repeat;

}



.listing_section table thead th:nth-child(3):before {

    position: absolute;

    content: "";

    background-color: unset;

    width: 25px;

    height: 25px;

    left: 77px;

    top: 19px;

    background-image: url(../images/up_down.png);

    background-repeat: no-repeat;

}



.listing_section table thead th:nth-child(4):before {

    position: absolute;

    content: "";

    background-color: unset;

    width: 25px;

    height: 25px;

    left: 111px;

    top: 19px;

    background-image: url(../images/up_down.png);

    background-repeat: no-repeat;

}



.listing_section table tbody td {

    padding: 12px 0 12px 25px;

    color: var(--blue);
    text-align: center;

}



.listing_section thead tr th:nth-child(1) {

    width: 175px;

    min-width: 170px;

}

.listing_section thead tr th:nth-child(2) {

    width: 240px;

    min-width: 240px;

}



.listing_section thead tr th:nth-child(3) {

    width: 165px;

    min-width: 165px;

}



.listing_section thead tr th:nth-child(4) {

    width: 220px;

    min-width: 220px;

}



.listing_section table tbody tr:nth-child(even) {

    background: #FBFBFB;

}



/* Define the scrollbar style */

.table_data::-webkit-scrollbar {

    width: 10px;

    height: 10px;

  }

  

  /* Define the thumb style */

  .table_data::-webkit-scrollbar-thumb {

    background: #6B29FD;

    border-radius: 5px;

    padding: 40px;

  }

  

  /* Define the track style */

  .table_data::-webkit-scrollbar-track {

    background-color: #EFF4FF;

  }

  

  /* Define the button style */

  /* .table_data::-webkit-scrollbar-button {

    background-color: #6B29FD;

    border-radius: 5px;

  } */

  

  /* Define the button style when being hovered over */

  /* .table_data::-webkit-scrollbar-button:hover {

    background-color: #999999;

  } */



/* user listing css *****************************************************/



/* profile page css */



.profile_section .client_image figure {

    width: 80px;

    height: 80px;

    position: relative;

}



.profile_section .client_image figure img{

    width: 100%;

    height:100%;

    border-radius: 100%;

    object-fit: cover;

}



.profile_section .client_image figure::before {

    position: absolute;

    content: "";

    background-color: unset;

    width: 25px;

    height: 25px;

    right: 0;

    top: 0;

    background-image: url(../images/pen.png);

    background-repeat: no-repeat;

}



.profile_section .counselling_bio_form form .form-group {

    margin-bottom: 35px;

}



.profile_section h5 {

    font-weight: 600;

}



.profile_section .counselling_bio_form form .form-group label {

    margin-bottom: 5px;

    font-size: 20px;

    font-weight: 500;

}



.profile_section .counselling_bio_form {

    width: 100%;

}



.profile_section .user_image {

    position: relative;

    width: fit-content;

    margin-bottom: 35px;

}



.profile_section .user_image:nth-child(2) img {

    width: 40px;

    height: 40px;

}



.profile_section .user_image label img {

    width: 22px;

    height: 22px;

    position: absolute;

    right: 7px;

    top: 0;

    cursor: pointer;

}



.counselling_bio_buttons .common_lead_button button {

    width: 130px;

    min-width: 130px;

}



.counselling_bio_buttons {

    display: flex;

    align-items: center;

    gap: 15px;

}



.profile_section .common_lead_button {

    margin: unset;

}



.profile_section form .form-control{

    line-height: 2.7;

}



.counselling_bio_buttons .common_lead_button:nth-child(2) button {

    background: #E2E2E2;

    border: 1px solid #E2E2E2;
    color: #000;
}



.counselling_bio_buttons .common_lead_button:nth-child(2) button:hover {

    background: #000;

    border: 1px solid #000;
    color: #fff;

}



.counselling_bio_buttons .common_lead_button:nth-child(2) button:hover a{

    color: #E2E2E2;

}



.counselling_bio_buttons .common_lead_button:nth-child(2) button a{

    color: #000;

}



.counselling_bio_buttons .common_lead_button:nth-child(2) button:hover a::after{

    color: #E2E2E2;

    background-image: url(../images/arrow_up.png);

}





.counselling_bio_buttons .common_lead_button:nth-child(2) button a::after {

    content: '';

    position: absolute;

    bottom: 8px;

    right: -18px;

    background-image: url(../images/arrow_black.png);

    width: 20px;

    height: 20px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}

.profile_section .common_lead_button button {
    position: relative;
    border: unset;
    outline: unset;
    background: var(--btn-bg);
    border-radius: 5px;
    padding: 7px 35px 7px 10px;
    transition: 0.3s;
    border: 1px solid #6B29FD;
    color: #fff;
    transition: 0.3s;
}

.profile_section .common_lead_button button::after {
    position: absolute;
    content: "";
    background-image: url(../images/arrow_up.png);
    right: 36px;
    top: 7px;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.profile_section .common_lead_button button:hover {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #6B29FD;
    color: #6B29FD;
    transition: 0.3s;
}

.profile_section .common_lead_button button:hover::after {
    position: absolute;
    content: "";
    background-image: url(../images/arrow_up_2.png);
    right: 36px;
    top: 7px;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.counselling_bio_buttons .common_lead_button:nth-child(2) button::after {
    right: 28px;
    background-image: url(../images/arrow_black.png);
    position: absolute;
    content: "";
    top: 7px;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.counselling_bio_buttons .common_lead_button:nth-child(2) button:hover::after {
    right: 28px;
    background-image: url(../images/arrow_up.png);
    position: absolute;
    content: "";
    top: 7px;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    transition: 0.3s;
}


/* profile page css */



/* billing page css */



.billing_section h3 {

    text-align: left;

}



.billing_section .billing_card {

    width: 770px;

    border: 1px solid #AA80FF;

    background: #FAF8FF;

    border-radius: 20px;

    padding: 12px 30px 35px 25px;

    margin-bottom: 35px;

}



.billing_section .billing_card h6 {

    font-size: 25px;

    font-weight: bold;

}



.billing_section .billing_card h6 span {

    font-weight: 500;

}



.billing_section .billing_card p a {

    text-decoration: underline;

    color: #6B29FD;

    transition: 0.3s;

}



.billing_section .billing_card p a:hover {

    text-decoration: underline;

    color: #6B29FD;

    opacity: 0.7;

}



.billing_section .billing_card .current_plan {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.billing_card p small{

    color: var(--blue);

}



.billing_section .common_lead_button {

    margin: unset;

}



.billing_section .pricing_top {

    display: flex;

    justify-content: space-between;

}



.billing_section .common_lead_button button {

    width: 165px;

    min-width: 165px;

}



.billing_section .pricing_cards {

    margin-top: 20px;

    border-bottom: 1px solid #DCDCDC;

    padding-bottom: 60px;

    margin-bottom: 35px;

}



.billing_section table thead th {

    text-align: center;

}



/* .listing_section table tbody td {

    text-align: center;

} */



.billing_section thead tr th:nth-child(1) {

    width: 108px;

    min-width: unset;

}



.billing_section thead tr th:nth-child(2) {

    width: unset;

    min-width: unset;

}



.billing_section thead tr th:nth-child(3) {

    width: unset;

    min-width: unset;

}



.billing_section thead tr th:nth-child(4) {

    width: unset;

    min-width: unset;

}



.billing_section table thead th:nth-child(1):before {

   display: none;

}



.billing_section table thead th:nth-child(2):before {

    display: none;

 }



 .billing_section table thead th:nth-child(3):before {

    display: none;

 }



 .billing_section table thead th:nth-child(4):before {

    display: none;

 }



 .billing_section table thead tr th:last-child {

    width: 162px;

}



.billing_section table tbody tr td a {

    text-decoration: underline;

    color: #6B29FD;

    position: relative;

    transition: 0.3s;

    padding-left: 18px;

}



.billing_section table tbody tr td a:hover {

    opacity: 0.7;

    color: #6B29FD;

}





.billing_section table tbody tr td a::before {

    position: absolute;

    content: "";

    background-color: unset;

    width: 25px;

    height: 25px;

    left: 0;

    top: 3px;

    background-image: url(../images/file.png);

    background-repeat: no-repeat;

}