@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{ margin: 0; padding: 0;font-family: poppins;}
h1,h2,h3,h4,h5,h6{ font-family: Poppins;font-style: normal;text-transform: capitalize;}
h1,h2{font-weight: 600; line-height: normal;}
h3{font-weight:700; line-height: 55.02px;}
h4{font-weight:700; line-height: normal;}
p{ font-family: Poppins;font-style: normal;text-transform: capitalize;font-weight: 400;line-height: normal;}

:root{
    --black: black;
    --white: white;
    --linear-purple:linear-gradient(180deg, #823EBC 0%, #31027C 100%);
    --linear-blue:linear-gradient(180deg, rgba(0, 87, 255, 0.66) 0%, #3B0A84 100%);
    --heading:#430F8A;
    --text:#3D0B86;
    --purple:#803CBA;
    --blue:#33037D;
    --dark-blue:#010D50;
    --dashPurple: #6629A6;
    --headPurple: #823EBC;
    --light-grey: #DBDBDB;
}

/* ----------Scrollbar------------------*/

::-webkit-scrollbar {  width: 10px;  background-color: transparent;  }
::-webkit-scrollbar-track {  background-color: transparent;  }
::-webkit-scrollbar-thumb {  background-color: #888;  border-radius: 20px;  }
::-webkit-scrollbar-thumb:hover {  background-color: #555;  }

.scroll-border-radius::-webkit-scrollbar-thumb { border-top-left-radius: 20px; border-top-right-radius: 20px;}
.no-top-border-radius::-webkit-scrollbar-thumb { border-top-left-radius: 0; border-top-right-radius: 0;}
.no-bottom-border-radius::-webkit-scrollbar-thumb { border-bottom-left-radius: 0; border-bottom-right-radius: 0;}


/* ---------------Global Buttons----------------- */
.blue-btn{border-radius: 33px;background: linear-gradient(180deg, rgba(0, 87, 255, 0.66) 0%, #3B0A84 100%);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);color: var(--white);font-family: Poppins;
    font-size: 15px;font-style: normal;font-weight: 600;line-height: normal;text-transform: capitalize;padding: 15px 34px;text-decoration: none;}
.purple-btn {color: var(--white);text-align: center;font-family: poppins; font-size: 16px;font-style: normal;font-weight: 400;line-height: 16px;text-transform: uppercase;
    border-radius: 80px;background: #7B38B6;border: none;padding: 17px 25px;}


/* ---------------Header section----------------- */
.landing-header { top:0;  position: absolute; width: 100%; /* background-image: url(../images/navbar-bg.png); */ ackground: linear-gradient(180deg, #823EBC 0%, #31027C 100%); clip-path: ellipse(100% 96% at 48% 2%); background-size: 100% 100%; background-repeat: no-repeat;background-position: center; background:linear-gradient(180deg, #823EBC 0%, #31027C 100%); }
.landing-header .logo-default{width: 62%;}
.landing-header .logo-custom{width: 60%;}
.landing-header .custom-btn a{border-radius: 33px;background: linear-gradient(180deg, rgba(0, 87, 255, 0.66) 0%, #3B0A84 100%);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: var(--white);font-family: Poppins;font-size: 15px;font-style: normal;font-weight: 500;line-height: normal;text-transform: capitalize;padding: 11px 25px;
    text-decoration: none;margin-inline: 5px;}

/* ---------------Home Page----------------- */
.hero-sec{background: linear-gradient(180deg, rgba(159, 96, 246, 0.66) 0%, rgba(216, 203, 230, 0.33) 100%);padding: 14em 0px;padding-bottom: 5em}
.hero-sec .row{align-items: center;}
.hero-sec .hero-box h1{color: var(--heading);font-size: 66px;}
.hero-sec .hero-box p{color: var(--text);font-size: 20px;margin-bottom: 30px;}
.hero-sec .hero-box a{border-radius: 33px;background: linear-gradient(180deg, rgba(0, 87, 255, 0.66) 0%, #3B0A84 100%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);color: var(--white);font-family: Poppins;font-size: 15px;font-style: normal;font-weight: 600;
    line-height: normal;text-transform: capitalize;padding: 15px 34px;text-decoration: none;}
.hero-sec .hero-img{text-align: center;}
[data-kt-sticky-landing-header=on] .landing-header{display: none;}
.finance-sec{background: linear-gradient(180deg, rgba(216, 203, 230, 0.33) 0%, rgba(159, 96, 246, 0.88) 40.1%, rgba(159, 96, 246, 0.33) 71.14%, rgba(159, 96, 246, 0.33) 100%);}
.finance-sec .row{padding-top: 5em;padding-bottom: 4em;align-items: center;}
.finance-sec .finance-box {text-align: center;margin-bottom: 5em;}
.finance-sec .finance-box h2 {color: var(--heading);font-size: 50px;}
.finance-sec .finance-box p {color: var(--text);font-size: 18px;}
.finance-sec .icon-box {border-radius: 40px;background: var(--blue);padding: 30px 20px;margin-bottom: 20px;}
.finance-sec .icon-box h5 {color: var(--white);font-family: Poppins;font-size: 18px;font-style: normal;font-weight: 700;line-height: 25.992px;
    letter-spacing: 0.9px;text-transform: uppercase;padding-top: 14px;}
.finance-sec .icon-box p {color: var(--white);font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4;  line-clamp: 4; -webkit-box-orient: vertical; min-height: 104px;}
.finance-sec .icon-box .img img {border-radius: 20px;background: var(--purple);padding: 14px 14px 13px 13px;}
.finance-sec .home-profile {margin-top: -18px !important;border-radius: 40px;background: var(--purple);padding: 30px 40px;padding-bottom: 0px;margin: 0px 20px}
.finance-sec .home-profile h4 {color: var(--white);font-size: 28.429px;text-transform: uppercase;}
.finance-sec .home-profile p {color: var(--white);font-size: 16px;line-height: 26px;}
.finance-sec .home-profile .home-chat {border-radius: 30px 30px 0px 0px;background: #E0D7EE;padding: 30px 25px;padding-bottom: 19px;}
.finance-sec .home-profile .home-chat h6{color: #7B38B6;font-size: 21px;font-weight: 700;line-height: 25px; letter-spacing: 0.9px;}
.finance-sec .home-profile .home-chat p>a {border-radius: 100px;background: #7B38B6;color: var(--white);font-size: 12px;font-weight: 500;padding: 6px 13px;text-decoration: none;}
.finance-sec .home-profile .home-chat h5{color: #2E007A;font-size: 20px;font-style: normal;font-weight: 700;line-height: 25px; /* 125% */margin-bottom: 30px;margin-top: 21px;}
.finance-sec .home-profile .home-chat input#tab1,input#tab2,input#tab3,input#tab4,input#tab5,input#tab6 {display: none;}
.finance-sec .home-profile .home-chat label.form-check-label {color: var(--white);font-family: Poppins;font-size: 11px;font-style: normal;font-weight: 500;line-height: normal;padding: 13px 25px;
    border-radius: 5px;background: #C0A4DC;margin-inline: 3px;margin-bottom: 15px;cursor: pointer;}
.finance-sec .home-profile .home-chat input:checked+label, .button {border-radius: 5px;background: linear-gradient(0deg, #7B38B6 0%, #34047E 100%);cursor: pointer;}
.finance-sec .home-profile .home-chat .counter-box {justify-content: space-around;gap: 20px;align-items: center;}
.finance-sec .home-profile .home-chat .box1{border-radius: 10px;background: linear-gradient(180deg, #714FA7 0%, #A374CE 100%);text-align: center;width: 100%;padding: 20px 0px;}
.finance-sec .home-profile .home-chat .box1 p{display: flex;justify-content: center;align-items: center;gap: 14px;}
.finance-sec .home-profile .home-chat .box1 p>span{color: var(--white);font-family: Poppins;font-size: 20px;font-style: normal;font-weight: 700;line-height: 25px;}
.finance-sec .home-profile .home-chat .box1 span{color: var(--white);font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 500;line-height: 25px;}
.finance-sec .video-box iframe{width: 100%;height: 410px;border-radius: 40px;}
.finance-sec .content-box{margin-left: 20px;}
.finance-sec .content-box h3{color: var(--white);font-size: 42px; font-weight: 700;}
.finance-sec .content-box p{color: var(--white);font-size: 18px;}
.finance-sec .content-box .inner-icon .icon{display: flex;align-items: center;gap: 22px;margin-bottom: 20px;}
.finance-sec .content-box .inner-icon .icon img{width: 7%;border-radius: 13px;background: #2E007A;padding: 6px;}
.finance-sec .finance-blogs{margin-bottom: 40px;}
.finance-sec .finance-blogs h3{color: var(--heading);font-size: 42px; font-weight: 700;}
.finance-sec .inner-blogs{margin-bottom: 30px; background: #33037d;border-radius: 40px;color: var(--white);padding-bottom: 20px;margin-left: 10px;margin-right: 10px;}
.finance-sec .inner-blogs .blog-img img{width: 100%;border-top-left-radius: 40px;border-top-right-radius: 40px;}
.finance-sec .inner-blogs .blog-con{padding: 10px 25px;transform: translate(0px, -21px);}
.finance-sec .inner-blogs .blog-con a{color: var(--white);font-family: poppins;font-size: 12px;font-weight: 500;letter-spacing: 0.7px; text-transform: uppercase;border-radius: 1000px;background: #7B38B6;text-decoration: none;padding: 7px 15px;}
.finance-sec .inner-blogs .blog-con h6{color: var(--white);font-size: 22px;font-weight: 600;line-height: 30.998px;}
.finance-sec .inner-blogs .blog-con p{color: var(--white);font-size: 18px;line-height: 32.004px;}
.finance-sec .inner-blogs .pro, .finance-sec .myslider  .swiper-slide .pro{display: flex;align-items: center;gap: 19px;padding: 0px 20px;}
.finance-sec .view-all{text-align: center;margin-top: 20px;}
.finance-sec .myslider .swiper {width: 100%;height: 100%;}
.finance-sec .myslider  .swiper-slide {font-size: 18px;background: var(--white);display: flex;justify-content: center;border-radius: 40px;background: rgb(51, 3, 125);color: white; padding: 65px 50px 66px;flex-direction: column;align-items: flex-start;gap: 25px;margin-right: 30px;width: 38%;}
.finance-sec .myslider .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
/* .finance-sec .myslider .swiper-slide {width: 80%;}
.finance-sec .myslider .swiper-slide:nth-child(2n) {width: 60%;}
.finance-sec .myslider .swiper-slide:nth-child(3n) {width: 40%;} */
.finance-sec .myslider .swiper-slide p{font-size: 15px;line-height: 30px;}

/* ---------------About Us Page----------------- */
.about-banner .row{align-items: center;justify-content: center;}
.about-banner h2 {color: var(--white);font-size: 50px;font-weight: 700;padding-top: 5em;}
.about-sec{background: linear-gradient(180deg, rgba(216, 203, 230, 0.33) -11.85%, rgba(159, 96, 246, 0.88) 79.56%);}

/* ---------------Blogs Page----------------- */
.blog-sec{background: linear-gradient(180deg, rgba(216, 203, 230, 0.33) -11.85%, rgba(159, 96, 246, 0.55) 64.97%);}

/* ---------------Contact Us Page----------------- */
.contact-sec{padding: 5em; background: linear-gradient(180deg, rgba(216, 203, 230, 0.66) -11.85%, rgba(159, 96, 246, 0.33) 100%);}
.contact-sec .contact-box {background: var(--purple);border-radius: 10px;padding: 40px 30px;color: var(--white);}
.contact-sec .contact-box h3{font-size: 28px;font-weight: 700;}
.contact-sec .contact-box p{color: #C9C9C9;font-size: 18px;line-height: 30px;}
.contact-sec .contact-box .icon-box p>a, .contact-sec .contact-box .icon-box p{margin-bottom: 23px; text-decoration: none; color:var(--white);font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
.contact-sec .contact-box .icon-box{padding: 13em 0px;}
.contact-sec .contact-box .icon-box p>img{margin-right: 10px;}
.contact-sec .contact-col{border: 11px solid var(--white);padding: 0;border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.contact-sec .contact-form form label{color: var(--purple);font-family: poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.contact-sec .contact-form form input{background: transparent; border-bottom: 1px solid var(--purple);border-left: none;border-top: none;border-right: none;border-radius: 0px;margin-bottom: 35px;}
.contact-sec .contact-form form input::placeholder{color: #BDBDBD;font-family: poppins;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;}
.contact-sec .contact-col2{background: var(--white);}
.contact-sec .contact-form{padding: 5em 30px; height: 100%; position: relative;}
.contact-sec .contact-form .submit{position: absolute;bottom: 60px;right: 37px;}
.contact-sec .contact-form .submit button{border: none;}
.contact-sec .contact-form form .form-control:focus, .login-sec input:focus, .profile-sec .profile-box input:focus,
.profile-sec .profile-box select:focus, .profile-sec .profile-box textarea:focus{outline: 0;box-shadow:none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.login-sec input#email, .login-sec input#password { padding-inline: 20px; }

/* ---------------Login Page----------------- */
.login-sec{background: linear-gradient(180deg, rgba(63, 12, 135, 0.20) 0%, rgba(159, 96, 246, 0.13) 100%);}
.login-sec h1 {color: #47128D !important;font-size: 50px;font-weight: 800;line-height: 100%;text-transform: uppercase;}
.login-sec input, .profile-sec .profile-box input, .profile-sec .profile-box select {border-radius: 100px;border: 1px solid #7D3AB8;color: #2E007A;background-color: var(--white);font-family: Poppins;font-size: 16px;font-weight: 400;}
.login-sec input::placeholder, .profile-sec .profile-box input::placeholder, .profile-sec .profile-box select{padding-left: 10px; color: #2E007A;font-family: Poppins;font-size: 13px;font-weight: 400;}
.login-sec input::placeholder { padding: 0;}
.login-sec label, .profile-sec .profile-box label{color: #390883;font-family: Poppins;font-size: 14px;font-weight: 500;line-height: 25.992px;text-transform: capitalize;}
.login-sec .custom{padding-top: 12em !important;}
.login-sec a{color: var(--blue) !important;font-family: Poppins;font-size: 14px;font-weight: 400;text-decoration-line: underline;text-transform: capitalize;}
.login-sec i{color: var(--blue) !important;position: absolute;bottom: 12px;right: 18px;font-size: 19px !important;}
.login-sec .account{color: var(--purple);font-family: Poppins;font-size: 18px;font-weight: 400;}

/* ---------------Register Page----------------- */
.register{background: linear-gradient(180deg, rgba(63, 12, 135, 0.20) 0%, rgba(159, 96, 246, 0.13) 100%);}
.register .privacy{color: var(--purple);font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
.register_main_sec form input:not([type="checkbox"]) {padding-inline: 20px;}

/* ---------------Profile Page----------------- */
.profile-sec { padding: 12em 0px;background: linear-gradient(180deg, rgba(63, 12, 135, 0.20) 0%, rgba(159, 96, 246, 0.13) 100%);}
.profile-sec .profile-box {border-radius: 33px;border: 1px solid var(--purple);background: rgba(255, 255, 255, 0.33);padding: 40px;}
.profile-sec .profile-box h2{color: #47128D;font-size: 45px;font-weight: 800;line-height: 100%; text-transform: uppercase;margin-bottom: 30px;}
.profile-sec .profile-box .img-box img{width: 20%;margin-bottom: 30px;}
.profile-sec .profile-box textarea{width: 100%;border-radius: 16px;border: 1px solid #7D3AB8;background: #FEFEFE;padding: 10px;color: #2E007A;font-size: 13px; font-style: normal;font-weight: 400;line-height: 27px;text-transform: capitalize; margin-bottom: 30px;}
.profile-sec .profile-box button{border: none; padding: 15px 55px;margin: auto;display: flex;}
.profile-sec .profile-box input[type=checkbox]{display: none;}
.profile-sec .profile-box input{margin-bottom: 10px;}
.profile-sec .profile-box select{margin-bottom: 30px;}
.profile-sec .profile-box label.form-check-label{border-radius: 100%;/*background: linear-gradient(180deg, rgba(46, 0, 122, 0.33) 0%, rgba(128, 60, 186, 0.33) 100%);*/
    color: #FFF !important;font-family: Poppins;font-size: 33px !important;font-style: normal;font-weight: 700 !important;line-height: normal;padding: 3px 19px;margin: 11px;}
.profile-sec .profile-box input:checked+label {border-radius:100%;/*background: linear-gradient(0deg, #7B38B6 0%, #34047E 100%);cursor: pointer;*/}
.profile-sec .profile-box .select{position: absolute;bottom: 0;left: 21em;top: 40px;color: #2E007A;font-size: 16px; font-style: normal;font-weight: 400;line-height: 27px;cursor: pointer;}
.profile-sec .profile-box i {position: absolute;bottom: 0;left: 22em;top: 40px;color: #2E007A;font-size: 16px;font-style: normal;font-weight: 400;line-height: 27px;cursor: pointer;}

/* ---------------Learning Path Page----------------- */
.learning-sec{background: linear-gradient(180deg, rgba(63, 12, 135, 0.20) 0%, rgba(159, 96, 246, 0.13) 100%);height: 100%;padding: 16em;}
.learning-sec .learning-box h6{margin-bottom:24px; color: #7B38B6;font-size: 45px;font-weight: 700;line-height: 25px; letter-spacing: 0.9px;}
.learning-sec .learning-box p {border-radius: 100px;background: #7B38B6;color: var(--white);font-size: 14px;font-weight: 500;padding: 7px 24px;text-decoration: none;text-transform: uppercase; width: fit-content}
/*.learning-sec .learning-box p a {color: white; text-decoration: none;}*/
.learning-sec .learning-box h5{margin-top: 2em; color: #2E007A;font-size: 40px;font-style: normal;font-weight: 700;line-height: 25px;margin-bottom: 50px;}

.learning-sec .learning-box input#tab0, .learning-sec .learning-box input#tab1, .learning-sec .learning-box input#tab2, .learning-sec .learning-box input#tab3, .learning-sec .learning-box input#tab4, .learning-sec .learning-box input#tab5, .learning-sec .learning-box input#tab6, .learning-sec .learning-box input#tab7, .learning-sec .learning-box input#tab8,
.stepper-form .stepper-box input#tab1, .stepper-form .stepper-box input#tab2, .stepper-form .stepper-box input#tab3{display: none;}

.learning-sec .learning-box label.form-check-label,
.stepper-form .stepper-box label.form-check-label, .answer_radio .radio_btn {margin-inline: 7px;margin-bottom: 27px;color: var(--white);font-family: Poppins;font-size: 22px;font-style: normal;font-weight: 500;line-height: normal;padding: 13px 25px;
    border-radius: 12px;background: linear-gradient(180deg, rgba(46, 0, 122, 0.33) 0%, rgba(128, 60, 186, 0.33) 100%);cursor: pointer;}
.learning-sec .learning-box input:checked+label, .stepper-form .stepper-box input:checked+label, .answer_radio input:checked + label {border-radius: 12px;background: linear-gradient(180deg, #2E007A 0%, var(--purple) 100%);cursor: pointer;}
.learning-sec .learning-box button{border: none;margin-top: 2em;padding: 15px 42px;}

/* ---------------Start Quiz Page----------------- */
.quiz-sec{height: 100%; padding-bottom: 8em;padding-top: 15em;background: linear-gradient(180deg, rgba(63, 12, 135, 0.20) 0%, rgba(159, 96, 246, 0.13) 100%);}
.quiz-sec .quiz-box {border-radius: 33px;border: 1px solid var(--purple);background: rgba(255, 255, 255, 0.66);padding: 50px 0px;position: relative;}
.quiz-sec .quiz-box h6 {color: var(--purple);text-align: center;font-size: 26px;font-weight: 700;}
.quiz-sec .quiz-box .quiz-btn{display: flex;align-items: center;justify-content: center;margin: auto;padding-top: 15px;}
.quiz-sec .quiz-box a{padding: 15px 51px;}

/* ---------------Stepper Form Page----------------- */
.stepper-form{height: 100%;padding-bottom: 8em;padding-top: 17em;background: linear-gradient(180deg, rgba(63, 12, 135, 0.20) 0%, rgba(159, 96, 246, 0.13) 100%);}
.stepper-form .stepper-box h3{color: #2E007A;font-size: 40px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; margin-bottom: 20px;}
.stepper-form .stepper-box label.form-check-label, .answer_radio .radio_btn {font-size: 33px;}
.stepper-box .top{justify-content: space-between;align-items: center;}
.stepper-box .top h5{color: #2E007A; font-size: 40px;font-style: normal;font-weight: 400;line-height: normal;text-transform: capitalize;}
.stepper-box .top span{border-radius: 12px;padding: 10px;background: #FFF;color: #400D88;font-size: 26px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize;}
.stepper-box .audio{display: flex;align-items: center;gap: 20px;margin-bottom: 20px;}
.stepper-box .audio img{width: 13%;}
.stepper-box p>strong{color: var(--purple);font-family: Poppins;font-size: 26px;font-style: normal;font-weight: 600;line-height: normal;}
.stepper-box p{color: var(--purple);font-size: 26px;font-style: normal;font-weight: 400;line-height: normal;}
.main-expand {display: flex;align-items: center;gap: 30px;margin-bottom: 40px;}
.quote {border-radius: 12px;background: linear-gradient(180deg, #2E007A 0%, var(--purple) 100%);color: #FFF;text-align: center; font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize;padding: 13px 33px;}
.place {text-align: center;border-radius: 12px;border: 1px dashed rgba(128, 60, 186, 0.66);padding: 27px;}
.place span{color: rgba(128, 60, 186, 0.66);text-align: center;font-family: Font Awesome 6 Pro;font-size: 20px;font-style: normal;font-weight: 900;line-height: normal;text-transform: capitalize;}
.place {text-align: center;border-radius: 12px;border: 1px dashed rgba(128, 60, 186, 0.66);padding: 27px;width: 100%;margin-bottom: 35px;margin-inline: 36px;}
.expand {width: 100%;justify-content: space-between;}
fieldset{position: relative;}
fieldset:nth-child(5)>input, fieldset:nth-child(7)>input{position: absolute;bottom: 5em;}
.pie {width: 80%;margin: 15px auto;}
#line-chart {margin: 0 auto;height: 450px;}
.wrapper {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

.canvas {
  position: relative;
  width: 100%;
}

.note {
  width: 100%;
  float: left;
  text-align: center;
  padding: 15px 0;
}
.stepper-form .stepper-box .draggables_box {display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px;}
.stepper-form .stepper-box .pairs-box .dropable_row  .place { position: relative; }
.stepper-form .stepper-box .pairs-box .dropable_row  .draggable { width: 100% !important; left: 0 !important; top: 0 !important; }
.stepper-form .stepper-box   .draggable.used{    background: linear-gradient(180deg, rgba(46, 0, 122, 0.33) 0%, rgba(128, 60, 186, 0.33) 100%);}
.learning-sec .learning-box .form-group {
    display: inline-block;
}
.stepper-form .stepper-box  .draggable.req {
    border: 3px solid red;
    color: red;
}

@media (min-width: 960px) {
  body {
    padding: 25px;
  }

  .note {
    padding: 25px 0;
  }
}

/* ---------------Footer section----------------- */
.custom-footer{background: linear-gradient(180deg, var(--purple) 0%, #3B0984 100%);padding: 50px;margin-bottom: 0px;}
.custom-footer ul li a {color: var(--white);font-family: Poppins;font-size: 18px;font-style: normal;font-weight: 400;
    line-height: normal;text-transform: capitalize;text-decoration: none;margin-inline: 24px;}
.social-icons a {padding-bottom: 9px !important;background: #ae91cf;padding: 13px 10px;border-radius: 50%;margin-inline: 4px;}
.social-icons a i {font-size: 19px;color: var(--white);}




.input-submit
#msform fieldset {
  text-align: left;
}

.form-card {
  text-align: left
}

#msform fieldset:not(:first-of-type) {
  display: none
}

/* #msform input,
#msform textarea {
  padding: 8px 15px 8px 15px;
  border: 1px solid #ccc;
  border-radius: 0px;
  margin-bottom: 25px;
  margin-top: 2px;
  width: 100%;
  box-sizing: border-box;
  font-family: montserrat;
  color: #2C3E50;
  background-color: #ECEFF1;
  font-size: 16px;
  letter-spacing: 1px
} */

#msform input:focus,
#msform textarea:focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #673AB7;
  outline-width: 0
}

#msform .action-button {
  border-radius: 33px;background: linear-gradient(180deg, rgba(0, 87, 255, 0.66) 0%, #3B0A84 100%);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);color: var(--white);font-family: Poppins;
  font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;text-transform: capitalize;padding: 15px 55px;text-decoration: none;
  border: none;margin-top: 30px;
}

#msform .action-button:hover,
#msform .action-button:focus {
  background-color: #311B92
}

/* #msform .action-button-previous {
  border-radius: 33px;background: linear-gradient(180deg, rgba(0, 87, 255, 0.66) 0%, #3B0A84 100%);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);color: var(--white);font-family: Poppins;
  font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;text-transform: capitalize;padding: 15px 55px;text-decoration: none;
  border: none;margin-top: 30px;
} */

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
  background-color: #000000
}

.card {
  z-index: 0;
  border: none;
  position: relative
}

.fs-title {
  font-size: 25px;
  color: #673AB7;
  margin-bottom: 15px;
  font-weight: normal;
  text-align: left
}

.purple-text {
  color: #673AB7;
  font-weight: normal
}

.steps {
  font-size: 25px;
  color: gray;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: right
}

.fieldlabels {
  color: gray;
  text-align: left
}

#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: lightgrey
}

#progressbar .active {
  color: #673AB7
}

#progressbar li {
  list-style-type: none;
  font-size: 15px;
  width: 25%;
  float: left;
  position: relative;
  font-weight: 400
}

#progressbar #account:before {
  font-family: FontAwesome;
  content: "\f13e"
}

#progressbar #personal:before {
  font-family: FontAwesome;
  content: "\f007"
}

#progressbar #payment:before {
  font-family: FontAwesome;
  content: "\f030"
}

#progressbar #confirm:before {
  font-family: FontAwesome;
  content: "\f00c"
}

#progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  color: #ffffff;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px
}

#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
  background: #673AB7
}

.progress {
  height: 20px
}

.progress-bar {
  background-color: #673AB7
}

.fit-image {
  width: 100%;
  object-fit: cover
}



/*  */

.rotate {
  transition-duration: .5s;
  transition-property: transform;
  transform: rotate(360deg);
}


/* Profile page style starts from here */

.profile-sec .profile-box .img-box {overflow: hidden; position: relative; margin: 0 auto 30px auto; display: flex; flex-direction: column-reverse; align-items: center;}
.profile-sec .profile-box .img-box img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.profile-sec .profile-box .img-box input[type="file"] { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; }

.rate {
    /*float: left;*/
    /*height: 46px;*/
    /*padding: 0 10px;*/
    display: flex; flex-direction: row-reverse; justify-content: flex-end;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
    display: none;
}
.rate:not(:checked) > label {
    /*float:right;*/
    /*width:1em;*/
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    /*color:#ccc;*/
    background: linear-gradient(180deg, rgba(46, 0, 122, 0.33) 0%, rgba(128, 60, 186, 0.33) 100%);
}
/*.rate:not(:checked) > label:before {
    content: '★ ';
}*/
.rate > input:checked ~ label {
    /*color: #ffc700;    */
    background: linear-gradient(0deg, #7B38B6 0%, #34047E 100%) !important;

}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    background: linear-gradient(0deg, #7B38B6 0%, #34047E 100%);
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    /*color: #c59b08;*/
}


/* Profile page style ends here */

/* Track your progress style starts from here */

.custom_h3 {color: #2E007A; font-family: Poppins; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize;}
.custom_p_light {color: var(--purple); font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal;}
.select_options .option label {border-radius: 12px; background: linear-gradient(180deg, rgba(46, 0, 122, 0.33) 0%, rgba(128, 60, 186, 0.33) 100%); display: flex; padding: 6px 20px; justify-content: center; align-items: center; gap: 10px; color: #FFF; text-align: center; font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize;}
.track_progress_sec.profile-sec .profile-box {box-shadow: 0; border: 0; background: unset;}
.select_options {display: flex; flex-wrap: wrap; gap: 15px;}
.select_options .option {position: relative;}
.select_options .option input {position: absolute; opacity: 0; width: 100%; height: 100%; top: 0; left: 0;}
.track_progress_sec .single_question {margin-bottom: 35px}
.select_options .option input:checked+label {border-radius: 12px; border-radius: 12px; background: linear-gradient(180deg, #2E007A 0%, var(--purple) 100%);}
.select_options.xl_box .option label {padding: 12px 20px;}
.track_progress_sec .submit_btn {margin-top: 50px;}
.track_progress_sec .submit_btn button {margin: unset;}
.track_progress_sec .main_heading {margin-bottom: 40px}

/* Track your progress style ends here */


/* ------------Dashboard CSS----------------- */

body#kt_app_body { background: linear-gradient(180deg, rgba(63, 12, 135, 0.20) 0%, rgba(159, 96, 246, 0.13) 100%);}


/* ---------------Global Classes----------------- */

.purple { color: var(--headPurple);}
.fs-33 { font-size: 33px;}
.fs-26 { font-size: 26px;}
.fs-22 { font-size: 22px;}
.fs-16 { font-size: 16px;}
.fs-14 { font-size: 14px;}
.fs-12 { font-size: 12px;}
.bold { font-weight: 700;}
.semi-bold { font-weight: 600;}
.light-bold { font-weight: 500;}
.regular { font-weight: 400;}
.b-none { border: none;}
.bg_purple {background-color: #E8CCFF;}

.button, .button:hover { color: #fff; }
.button1, .btn-icon.button1 { background-color: #fff; color: var(--purple); border: 1px solid var(--purple); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12); padding: 12px 33px; border-radius: 33px; }

.action_btn { background-color: transparent; border: none; font-size: 18px; font-weight: 700;}
.action_btn i { font-size: 18px; color: #000;}
.btn.btn-icon.button1 { border: 1.5px solid var(--purple) !important; padding: 20px 40px; border-radius: 12px;}

/* ---------------  Table Global Styling ---------------  */

table#kt_customers_table { border-spacing: 0px; border-collapse: separate; border-radius: 10px; border: 1px solid var(--light-grey); text-align: center;}

table#kt_customers_table thead { background: linear-gradient(90deg, var(--purple) 0%, rgba(52, 4, 126, 0.66) 100%); }
table#kt_customers_table thead th { text-align: center; color: #fff;}
table#kt_customers_table thead th:first-child {  -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; padding-left: 10px;}
table#kt_customers_table thead th:last-child { -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; padding-right: 10px;}
table tbody, table#kt_customers_table td:first-child, table#kt_customers_table td:last-child { padding:  10px;}

/*-------Parent Card -----*/

div#kt_app_content_container .card { border-radius: 22px; border: 1px solid var(--headPurple); background: #FEFEFE; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);}
div#kt_app_content_container .card .position-relative, .search { background: #FFF; width: 380px; border-radius: 12px; }
.position-relative .form-control.form-control-solid[data-kt-customer-table-filter=search] { border: 1px solid var(--headPurple); background: #FFF; width: 100% !important;}


/*  --------------- Header  --------------- */

[data-kt-app-header-minimize=on] .app-header { background-color: transparent;}
div#kt_app_header_container {background-color: #FEFEFE; margin-inline: 4em; margin-top: 10px; border-radius: 12px; }
.app-navbar-item .symbol img.rounded-3 { border-radius: 50% !important;}

/*  --------------- Breadcrumbs  --------------- */
/*a.btn.btn-primary { background: linear-gradient(180deg, #823EBC 0%, #31027C 100%);}*/
.page-title .breadcrumb .breadcrumb-item a, .page-title .breadcrumb .breadcrumb-item { color: #fff !important;}
.page-title .breadcrumb .breadcrumb-item span { background-color: #fff;}


/*  --------------- Sidebar  --------------- */
/*div#kt_app_sidebar { background: linear-gradient(180deg, #823EBC 0%, #31027C 100%);}*/

/*div#kt_app_sidebar { background: url("../images/sidebar.png"); }*/
div#kt_app_sidebar {background: linear-gradient(180deg, #823EBC, #360680);}
div#kt_app_sidebar_logo a { width: 100%; padding: 30px;}
div#kt_app_sidebar_logo a img{ width: 100%; height: 100% !important; object-fit: contain;}
[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo { border: none;}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active {  background-color: #fff;   color: var(--dashPurple);}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active .menu-title { color: var(--dashPurple); }
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link .menu-title { color: #fff;}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active .menu-icon i { color: var(--purple);}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-heading { color: #fff !important;;}


#kt_app_sidebar_menu_scroll .menu-column { height: 76%; overflow: auto;}
.menu-item a {color: #fff; border-radius: 12px; font-size: 14px; font-weight: 600; }
.menu-item.logout a {background-color: var(--headPurple); color: #fff; border-radius: 12px; }
#kt_app_sidebar_menu_scroll  .menu-column .menu-item a, .menu-column + .menu-item.logout a { width: 16em; border-bottom-left-radius: 0; border-top-left-radius: 0;}

.menu-item i { color: #fff; font-size: 14px;}

.app-navbar #kt_menu_notifications > div:first-child {/* background-image: unset !important; */ background: linear-gradient(180deg, #823EBC, #360680)!important;}
.app-navbar #kt_menu_notifications #notification {padding: 15px; background-color: #e5dcf2;}
.app-navbar #kt_menu_notifications #notification > div {background: unset}
.app-navbar #kt_menu_notifications #notification div {color: black !important;}
.app-navbar .app-navbar-item:has(#notification) .notification_icon i {color: var(--purple);}

[data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-menu .menu-content, [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-menu .menu-title,[data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-menu .end .menu-title {
    opacity: 0;
    transition: opacity .3s ease!important;
}

/*div#kt_app_sidebar:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    background: linear-gradient(180deg, #823EBC 0%, #31027C 100%);*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    left: 19em;*/
/*    top: 0;*/
/*    clip-path: polygon(7% 0, 19% 49%, 8% 100%, 0% 100%, 0 50%, 0% 0%);*/
/*    z-index: -3;*/
/*}*/
/*div#kt_app_sidebar:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    background: linear-gradient(90deg, #31027C 0%,#823EBC  90%);*/
/*    height: 61px;*/
/*    width: 71em;*/
/*    left: -15em;*/
/*    top: 33em;*/
/*    transform: rotate(-90deg);*/
/*    clip-path: ellipse(100% 55% at 48% 4%);*/
/*    z-index: -11;*/
/*    !* background-color: #823EBC; *!*/
/*}*/

/*  --------------- Form Global Styling  --------------- */

.card-body .form-horizontal input, .card-body .form-horizontal select, .card-body .form-horizontal textarea, .card-body .form-horizontal input:focus, .card-body .form-horizontal select:focus, .card-body .form-horizontal textarea:focus  {border-radius: 12px; border: 1px solid #823EBC; background: #FFF; background-color: #FFF;}
.card-body .form-horizontal select { appearance: auto;}
.card-body .form-horizontal label:not(.radio_btn) { color: var(--headPurple); font-weight: 700; font-size: 14px; text-transform: capitalize;}

/*   ------------User Page------------*/

.card_wrapper { gap: 30px 20px;}
.card_wrapper .custom_card { width: 18em; height: 25em; overflow: hidden; }
.card_wrapper .custom_card .card { height: 100%; }
.card_wrapper .custom_card .position, .position.bg_purple { padding: 6px; border-radius: 6px; }
.card_wrapper .custom_card .card_img, .user_img { width: 65px; height: 65px; border-radius: 50%; margin-inline: auto; border: 2px solid var(--purple); }
.card_wrapper .custom_card .card_img img, .user_img img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.card_wrapper .custom_card .nationality img { height: 25px; width: 25px; object-fit: cover;}

.user_img { height: 45px; width: 45px;}
.notification_main { background-color: #F7EEFF; border-radius: 50%;}
.notification { color: var(--purple); font-size: 20px; }

/*   ------------Audio ------------   */
.inner_section_upload_img audio { height: 100%; width: 100%;}

/*  ------------ Dropable  ------------ */

.card .dragable_content_row #droppables .droppable.ui-droppable-disabled, .main_box .draggable { background: linear-gradient(180deg, #32037D, #7D39B7);color: #fff;}
#qustion_div .main_box { background-color: transparent; border: 0;}
#qustion_div .main_box .draggable { border-radius: 12px; padding: 6px 15px;}
#qustion_div .fv-row .d-flex { flex-direction: column; gap: 14px;}
#qustion_div .fv-row .d-flex .add_option, #qustion_div .fv-row .d-flex .add_option:hover, #qustion_div .fv-row .d-flex .add_option:active { background-color: var(--purple) !important;}

#qustion_div .options_wrapper .main_box { border-radius: 12px;}
#qustion_div .options_wrapper .main_box .draggable  { background-color: transparent; color: #fff; border: 0; outline: 0; }

#equation-container .draggable{ background: linear-gradient(180deg, #32037D, #7D39B7); color: #fff; border-radius: 12px; padding: 6px 15px;}

.answer_radio .radio_btn { padding-inline: 30px;}


/* ------------ Account setting page ----------------*/

.account_img { height: 150px; width: 150px; transform: scale(1.35) translate(0, -30px);}
.path_badge.button { border-radius: 12px; }
.edit i { color: var(--purple);}
.account_setting .position.bg_purple { width: fit-content;}


/* Blog Inner page style starts from here */


.blog_inner_banner {margin-top: 50px; margin-bottom: 25px;}
.blog_inner_banner .inner_section_banner {width: 100%; height: 428px; border-radius: 33px; overflow: hidden;}
.blog_inner_banner .inner_section_banner img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.blog_content_main_sec .author_details {display: flex; align-items: center; justify-content: space-between;}
.blog_content_main_sec .author_details .profile_name_wrapper {display: flex; align-items: center; gap: 15px;}
.blog_content_main_sec .author_details .profile_name_wrapper .author_image {width: 60px; height: 60px; overflow: hidden; border-radius: 50%;}
.blog_content_main_sec .author_details .profile_name_wrapper .author_image img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.blog_content_main_sec .author_details .profile_name_wrapper .author_name_date_wrapper h6 {color: #4D4D4D; font-family: DM Sans; font-size: 20px; font-style: normal; font-weight: 700; line-height: 18px; text-transform: uppercase;}
.blog_content_main_sec .author_details .profile_name_wrapper .author_name_date_wrapper p {color: #4D4D4D; font-family: DM Sans; font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px; text-transform: uppercase; margin-bottom: 0;}
.blog_content_main_sec .author_details .category_name span {border-radius: 1000px; background: #7B38B6; padding: 9px 14.158px 9px 14.358px; color: #FFF; font-family: DM Sans; font-size: 16px; font-style: normal; font-weight: 600; line-height: 18.004px; text-transform: uppercase;}
.blog_content_main_sec .inner_section_blog_title h2 {color: #4D4D4D; font-family: DM Sans; font-size: 55px; font-style: normal; font-weight: 700; line-height: normal;}
.blog_content_main_sec .inner_section_blog_content p {color: #000; font-family: DM Sans; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize;}
.blog_content_main_sec .inner_section_blog_title h2 , .blog_content_main_sec .inner_section_blog_content p {margin-bottom: 23px;}
.blog_content_main_sec .inner_section_blog_title {margin-top: 30px;}
.blog_content_main_sec .author_details, .blog_content_main_sec .inner_section_blog_title, .blog_content_main_sec  .inner_section_blog_content, .blog_inner_related_sec .inner_section_main {padding: 0 70px;}
.blog_inner_related_sec {background: unset}
html:has(body .blog_inner_banner) {height: unset;}
body:has(.blog_inner_banner) {background: linear-gradient(180deg, rgba(216, 203, 230, 0.33), rgba(159, 96, 246, 0.33)); background-repeat: no-repeat;}
.blog_inner_related_sec {margin-top: 45px;}
.blog_inner_related_sec .row {padding-top: 0;}


/* Blog inner page style ends here */

.track_progress_sec .question_box { margin-bottom: 30px; }
.track_progress_sec .question_box .answer label { border-radius: 12px; color: #FFF; text-align: center; font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; background: linear-gradient(180deg, #2E007A 0%, var(--purple) 100%); padding: 12px 20px; }


/* Latest blog cards UI starts from here */

.finance-sec .inner-blogs .blog-con p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; min-height: 128px;}
.finance-sec .inner-blogs .blog-con h6 {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.finance-sec .inner-blogs .pro {gap: 10px;}
.finance-sec .inner-blogs .pro .box1 {width: 50px; height: 50px; overflow: hidden; border-radius: 50%; flex-shrink: 0;}
.finance-sec .inner-blogs .pro .box1 img {width: 100%; height: 100%; object-position: center; object-fit: cover;}
.finance-sec .inner-blogs .pro .box2 .read_more_btn {flex-shrink: 0;}
.finance-sec .inner-blogs .pro .box2 .read_more_btn a {padding: 0 14px; height: 40px; display: flex; justify-content: center; align-items: center;}
.finance-sec .inner-blogs .pro .box2 {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.finance-sec .inner-blogs .pro .box2 .author_details h5 {margin-bottom: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}

/* Latest blog cards UI ends here */

.question_answers_show .question_answers_wrapper { display: flex; column-gap: 10px; row-gap:20px; flex-direction:row; flex-wrap:wrap;     margin-bottom: 30px;}
.question_answers_show .question_answers_wrapper h5 { border-radius: 12px; padding: 10px 15px; color: white; background: linear-gradient(180deg, #32037D, #7D39B7);  }
.question_answers_show .match-box { display: flex; justify-content: space-between; position: relative; width: fit-content; column-gap: 20px; margin-bottom:30px; }
.question_answers_show .match-box h5 { border-radius: 12px; padding: 10px 15px; color: white; background: linear-gradient(180deg, #32037D, #7D39B7); margin-bottom: 0;z-index: 1; }
.question_answers_show .match-box:before{ content: ""; position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; width: 80%; height: 3px; background: #803CBA; margin: auto; z-index: 0; }
/*.profile-sec { background: unset;  padding: 0;margin: 0;}*/


/* Navbar bell icon count style starts from here */

.notification_icon {position: relative;}
.notification_icon .notification_count {position: absolute; top: -5px; right: -5px; font-size: 10px; font-weight: 600; background-color: #7e44b5; color: white; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}

/* Icon style ends here */

/* Index page style starts from here (FIXING) */

.finance-sec .latest_blogs_slider_row .inner-blogs .blog-img {height: 215px; overflow: hidden; width: 100%;}
.finance-sec .latest_blogs_slider_row .inner-blogs .blog-img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

.finance-sec .home-profile .home-chat .box1 p img {width: 41px; height: 41px; object-fit: contain; object-position: center;}

.finance-sec .myslider .swiper-slide p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; min-height: 120px; }

/* Index page style ends here */

/* Signup page style fixing starts from here */

.register_main_sec form .input_field_icon_wrapper {position: relative;}
.register_main_sec form .input_field_icon_wrapper i {position: absolute; top: 0; bottom: 0; margin: auto 0; height: fit-content; transition: .4s ease;}
.register_main_sec form .input_field_icon_wrapper:has(+ .invalid-feedback) i {right: 35px; transition: .4s ease;}
.register_main_sec form .input_field_icon_wrapper:has(+ #password_not) i {right: 18px;}
.register_main_sec form .input_field_icon_wrapper input#password {padding-right: 40px;}
.register_main_sec form .input_field_icon_wrapper:has(+ .invalid-feedback) input#password {padding-inline: unset; padding-left: 20px; padding-right: 70px;}

/* Signup page style fixing ends here */

/* SWAL styling starts from here */

.swal-overlay .swal-modal {background: linear-gradient(180deg, #C097F9, #FFF)}
.swal-overlay .swal-modal .swal-title {color: #3B0984;}
.swal-overlay .swal-modal .swal-icon:before, .swal-overlay .swal-modal .swal-icon:after {background-color: transparent;}
.swal-overlay .swal-modal .swal-icon .swal-icon--success__hide-corners {background-color: transparent;}
.swal-overlay .swal-modal .swal-icon .swal-icon--success__line {background-color: #3B0984;}
.swal-overlay .swal-modal .swal-icon .swal-icon--success__ring {border-color: #3B0984;}
.swal-overlay .swal-modal .swal-footer button {border-radius: 33px; background: linear-gradient(180deg, rgba(0, 87, 255, 0.66) 0%, #3B0A84 100%); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); color: var(--white); font-family: Poppins; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize; padding: 15px 34px; text-decoration: none;}

/* SWAL styling ends here */

/* Profile page fixing starts from here */

.profile-sec .profile-box .img-box input[type="file"] {visibility: hidden;}
.profile-sec .profile-box .img-box img {width: 155px; height: 155px; border-radius: 50%;}
.profile-sec .profile-box input:has(+ .error), .profile-sec .profile-box textarea:has(+ .error) {margin-bottom: 0;}
.profile-sec .profile-box input:has(+ .error[style*="none"]), .profile-sec .profile-box textarea:has(+ .error[style*="none"]) {margin-bottom: 10px;}

/*.profile-sec .profile-box .img-box input[type="file"] {visibility: hidden;}*/
/*.profile-sec .profile-box .img-box img {width: 155px; height: 155px; border-radius: 50%;}*/

/* Profile page fixing ends here */