@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');
@import url('https://fonts.googleapis.com/css2?family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=Prompt: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');

@font-face {
    font-family: 'Arial';
    src: url('/website/assets/Arial/ArialMT.woff2') format('woff2'),
    url('/website/assets/Arial/ArialMT.woff') format('woff'),
    url('/website/assets/Arial/ArialMT.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
body, html {
    overflow-x: -webkit-clip; /* For Safari (if needed) */
    overflow-x: clip;
    /*overflow-x: hidden; !* Fallback for older browsers *!*/
}

* {
    font-family: 'Poppins';
}

:root {
    --grey_border:#D9D9D9;
    --primary_color: #ed703d;
    --fs-montserrat: "Montserrat", sans-serif;
    --fs-poppins: "Poppins", sans-serif;
    --fs-istok-web: "Istok Web", sans-serif;
    --yellow: #F0CE53;
    --white: #FFF;
    --grey: #333;
    --beige: #FDFAEE;
    --beige2: #FDF9EA;
    --beige3: #FBFAF6;
    --border-blue:#004A87;
    --white2: #FFFEFA;
    --grey2: #696969;
    --grey3: #6B7280;
    --grey4: #D1D5DB;
    --grey5:#5C5C5C;
    --dark_grey: #505050;
    --border_grey: #C7C7C7;
    --border_yellow: #ddbf32;
    --black: #000;
    --black2: #111827;
    --black3: #374151;
    --line_yellow: rgba(246, 229, 166, 0.50);
    --bg_grey: rgba(245, 245, 245, 0.50);
    --light-gray:rgba(153, 153, 153, 0.5);
    --pale-yellow:#FBF3D5;
    --placeholder_grey: rgba(105, 105, 105, 0.80);
    --bg_beige: #F2F1E8;
    --bg_cards_peach:#FDFCF9;
    --bg_peach2: rgba(240, 206, 83, 0.10);
    --blue: #0866FF;
    --lightBlue: rgba(42, 171, 238, 1);
    --clrE5E9EB:#E5E9EB;
    --clrD8B229:#D8B229;
    --clr6D6D6D:#6D6D6D;
    --clr3D3D3D:#3D3D3D;
}


/* 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;}


.loader { background-color: #000; height: 100%; width: 100%; position: fixed; z-index: 99; }
.loader ul {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); -moz-transform: translate(-50% , -50%) ; /* Firefox */-ms-transform: translate(-50% , -50%) ;  -webkit-transform: translate(-50% , -50%) ; margin: 0;padding: 0;display: flex;}
.loader ul li {list-style: none;width: 40px;height: 40px;background: #fff;border-radius: 50%;animation: animate 1.6s ease-in-out infinite;}

@-webkit-keyframes animate {
    0%, 40%, 100% { -webkit-transform: scale(0.2); }
    20% { -webkit-transform: scale(1); }
}

@-moz-keyframes animate {
    0%, 40%, 100% { -moz-transform: scale(0.2); }
    20% { -moz-transform: scale(1); }
}

@-ms-keyframes animate {
    0%, 40%, 100% { -ms-transform: scale(0.2); }
    20% { -ms-transform: scale(1); }
}

@keyframes animate {
    0%, 40%, 100% { transform: scale(0.2); }
    20% { transform: scale(1); }
}

.loader ul li:nth-child(1){animation-delay: -1.4s;background: var(--yellow);}
.loader ul li:nth-child(2){animation-delay: -1.2s;background: var(--yellow);}
.loader ul li:nth-child(3){animation-delay: -1s;background: var(--yellow);}

/* Global CSS */
.yellow{
    color: var(--border_yellow);
}
.white{
    color: var(--white);
}

.text-yellow {
    color: var(--yellow);
}

.text_grey{
    color: var(--grey);
}

.text_grey2{
    color: var(--grey3);
}

.text_grey3{
    color: var(--grey2);
}

.text_grey4{
    color: var(--grey4);
}
.text_black{
    color: var(--black);
}
.text_black2{
    color: var(--black2);
}

.text_black3{
    color: var(--black3);
}
.clr6D6D6D{
    color:var(--clr6D6D6D);
}

.clr3D3D3D{
    color:var(--clr3D3D3D);
}
.border_blue{
    color: var(--border-blue);
}
.forget-pass-btn{
    color: var(--yellow);
}
.filter_btn{
    background-color: var(--white);
    border-radius: 20px;
    padding: 6px 56px;
    color: var(--black2);
    border: 1px solid var(--grey);
}
.images {
    height: 100%;
    width: 100%;
}


.istokWeb {
    font-family: 'Istok Web';
}

.Prompt {
    font-family: 'Prompt';
}

.Arial {
    font-family: Arial;
}

h1 {
    font-size: 80px;
    font-style: normal;
    line-height: 1.2;
    font-weight: 500;
    text-transform: capitalize;
}

h1_bold {
    font-size: 80px;
    font-style: normal;
    line-height: 1.2;
    font-weight: 600;
    text-transform: capitalize;
}

h2 {
    font-size: 50px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: capitalize;
}
.fs-10-400 {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.5;
}
.fs-12-400 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

.fs-12-500 {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
}

.fs-14-400 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.fs-15-500 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}

.fs-16-400 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.fs-18-400 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}
.fs-18-500 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}
.fs-16-500{ font-size: 16px;font-weight: 500;line-height: 1.5; }
.fs-14-500 {font-size: 14px;font-weight: 500;line-height: 1.5;}
.fs-14-600 {font-size: 14px;font-weight: 600;line-height: 1.5;}
.fs-20-500 {font-size: 20px;font-weight: 500;line-height: 1.5;}
.fs-24-400 {font-size: 24px;font-weight: 400;line-height: 1.5;}
.fs-24-500 {font-size: 24px;font-weight: 500;line-height: 1.5;}
.fs-25-400 {font-size: 25px;font-weight: 400;line-height: 1.5;}
.fs-28-400 {font-size: 28px;font-weight: 400;line-height: 1.5;}
.fs-30-400 {font-size: 30px;font-weight: 400;line-height: 1.5;}
.fs-30-500 {font-size: 30px;font-weight: 500;line-height: 1.5;}
.fs-32-400 {font-size: 32px;font-weight: 400;line-height: 1.5;}
.fs-35-400 {font-size: 35px;font-weight: 400;line-height: 1.5;}
.fs-38-400 {font-size: 38px;font-weight: 400;line-height: 1.5;}
.fs-48-400{font-size: 48px;font-weight: 400;line-height: 1.5;}

/*navbar*/
.navbar-nav li.nav-item a.header_nav-link.active {color: var(--yellow);}
.nav-item .dropdown-menu .dropdown-item:hover {color: var(--grey5);background-color: var(--yellow);}
.nav-item .dropdown-menu .dropdown-item.active{text-decoration: none;background-color: var(--white);color:  var(--yellow);}
.navbar-nav li.nav-item .nav-link {color: var(--white);}
.navbar-nav li.nav-item .nav-link:hover {color: var(--yellow);}
.btn_nav .button:hover {background: var(--white);color: var(--yellow);border:1px solid var(-yellow)}
.search_icon:hover {background: var(--white);}
.button {background-color: var(--yellow);border-radius: 50px;padding: 10px 40px;border: 1px solid transparent;color: var(--white);transition:0.3s ease-in;}
.button_chat {background-color: var(--yellow) !important;border-radius: 50px !important;padding: 12px 25px !important;border: 1px solid transparent !important;color: var(--white) !important;transition:0.3s ease-in;}
.button_text_black {background-color: var(--yellow);border-radius: 50px;padding: 12px 30px;border: 1px solid transparent;color: var(--black);transition:0.3s ease-in;}
.black_button {background-color: var(--black);border-radius: 50px;padding: 12px 25px;border: 1px solid transparent;color: var(--white);transition:0.3s ease-in;}
.transparent_button{background-color: transparent;border-radius: 50px;padding: 12px 30px;color: var(--black2);border: 1px solid var(--grey);transition:0.3s ease-in;}
.button_black {background-color: var(--black);border-radius: 50px;padding: 12px 100px;border: 1px solid transparent;color: var(--white);transition:0.3s ease-in;}
.transparent_button_padding{background-color: transparent;border-radius: 50px;padding: 12px 25px;color: var(--black2);border: 1px solid var(--grey);transition:0.3s ease-in;}
.nav_container {border-bottom: 1px solid var(--line_yellow);}

/*footer*/
ul.nav.flex-column {width: 30%;}
form.subscribe_form {padding: 20px 20px 20px 25px;border: 2px solid var(--yellow);border-radius: 20px;}
.form_input input.input_field {border-radius: 20px;}
.form_input input.input_field::placeholder {color: var(--dark_grey);font-size: 14px;font-weight: 400;}
.links .nav li.nav-item .nav-link {color: white;}
.footer_bg {background-color: var(--black);}
.subscribe_form .form_heading {color: var(--white);}
.nav .links_heading {color: var(--white);}
.left p.navbar-p {color: white;}
.social_icons i {color: var(--yellow) !important;font-size: 20px;}
.social_icons {display: flex;gap: 17px;}
.end_footer {color: var(--white);display: flex;gap: 21px;border-top: 1px solid var(--white);}
nav.navbar {position: absolute;width: 100%;}
.usr_bus_dashboard nav.navbar {position: absolute;width: 80%;}
.biege_bg {background-color: beige;}
.biege_bg .navbar-nav li.nav-item .nav-link {color: var(--black);}
.biege_bg .navbar-nav li.nav-item:hover .nav-link {color: var(--yellow);}

/*home*/
.influencer-card-tabs {border-radius: 10px;background: var(--bg_beige);padding: 10px;}
.search_icon { /* position: absolute;top: 4px;  right: 3px; */ cursor: pointer; background: var(--yellow);border-radius: 50px;height: 40px;width: 45px;}
.search_icon:hover i.fa-solid.fa-magnifying-glass {color: var(--yellow);}
.input_search { width: 40%; margin: 0 auto; border-radius: 45px; outline: 2px solid var(--white); outline-offset: -3px; align-items: center;}
.search_icon i.fa-solid.fa-magnifying-glass { font-size: 18px; color: var(--white); padding: 10px;}
.input_search input { padding-block: 15px; border: 0; color: #fff;  outline: none;width: 100%; background:transparent;}
.input_search input::placeholder {color: var(--white);font-size: 16px;font-weight: 400;line-height: 26px;}
/*swiper_slider*/
.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: transparent;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: contain;}
.home_slider .slider_img {aspect-ratio: 3 / 2;height: 100px;width: 100%;}
.slider_heading i {font-size: 24px;color: black;padding-right: 10px;padding-left: 10px;}
.home_slider {background-color: var(--beige);}
/*home_sec3*/
.contents ul {list-style: none;}
.contents ul li::marker {content: '– ';}
.home_se3 .images_flex .pic1_home {height: 260px;}
.pic1_home img.img.images {border-radius: 40px;}
/*home_se4*/
.home_se4 {background-image: url("../Images/home5_bg.png");}
.services_cards .card .card_img {width: 50%;}
.services_cards .card {border-radius: 20px;border: 2px solid var(--yellow);border-bottom: 20px solid var(--yellow);}
.services_cards .card .card_img {padding: 15px 70px 0 32px;}
.cards-body {padding: 0 20px 20px 20px;}
.banner_section {background: linear-gradient(267deg, rgba(240, 206, 83, 0.49) 2.04%, rgba(0, 0, 0, 0.60) 80.07%), url("../Images/banner_sec_bg.png");background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;padding-block: 5em;}
/*.text-center h2 {max-width: 72%;}*/
/*.text-center .content {max-width: 70%;}*/
/*// Toggle Switch (with label)*/
@supports (-webkit-appearance: none) {
    .switch-toggle input[type="checkbox"] {
        appearance: none !important;
    }
}
.switch-toggle {
    position: relative;
    width: 260px;
    height: 50px;
    padding: 2px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    font-style: normal;
}

.switch-toggle input[type="checkbox"] {
    cursor: pointer;
    position: absolute;
    inset: 0;
    appearance: none;
    -webkit-appearance: none; /* WebKit-specific */
    z-index: 2;
}

.switch-toggle input[type="checkbox"]:checked + label.switch-toggle-label:before, .switch-toggle input[type="checkbox"].show + .switch-toggle-label:before {
    /*translate: 100% 0;*/
    -webkit-transform: translateX(100%); /* WebKit-specific */
    transform: translateX(100%);
}

.switch-toggle input[type="checkbox"]:checked + label.switch-toggle-label span:nth-child(1), .switch-toggle input[type="checkbox"].show + .switch-toggle-label span:nth-child(1) {
    color: black;
}

.switch-toggle input[type="checkbox"]:checked + label.switch-toggle-label span:nth-child(2), .switch-toggle input[type="checkbox"].show + .switch-toggle-label span:nth-child(2) {
    color: white;
}

.switch-toggle input[type="checkbox"] + label.switch-toggle-label {
    position: absolute;
    inset: 0;
    padding: 10px 0;
    display: grid;
    gap: 2px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    place-items: center;
    pointer-events: none;
}

.switch-toggle input[type="checkbox"] + label.switch-toggle-label:before {
    content: "";
    position: absolute;
    width: 50%;
    inset: 0;
    background: #000;
    border-radius: 50px;
    box-shadow: 0px 10px 20px 0px rgba(16, 39, 68, 0.1);
    /*translate: 0 0;*/
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.93, 0.26, 0.07, 0.69); /* WebKit-specific */
    transition: transform 250ms cubic-bezier(0.93, 0.26, 0.07, 0.69);
}

.switch-toggle label.switch-toggle-label span {
    position: relative;
    transition: 200ms linear;
}

.switch-toggle label.switch-toggle-label span:nth-child(1) {
    color: var(--white);
}

.switch-toggle label.switch-toggle-label span:nth-child(2) {
    color: var(--black);
}

/* Add fallback styles for Safari */
.border {width: 25%;border: 2px solid black;padding: 10px 30px;border-radius: 50px;}
/*.switch-toggle*/

.PricingPlans_section {padding-block: 2em;}
.plans_include .price_features ul {list-style: none;}
.plans_include {border-top: 2px solid var(--yellow);}
.card_planPricing {border: 1px solid var(--yellow);border-bottom: 15px solid var(--yellow);background: var(--white2);padding: 20px;border-radius: 30px;height: calc(100% - 23px);}
.include1 i.plans_icon_search {font-size: 20px;color: var(--yellow);padding-right: 15px;}
.home_sec10 {border-radius: 40px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%), url("../Images/sec10_home.png");background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;padding-block: 5em;}
.home_sec5 {background-size: cover;background-position: center;background-repeat: no-repeat;background-image: url("../Images/home_sec4_tabs.png");}
.home_sec4 {background-size: cover;background-position: center;background-repeat: no-repeat;background-image: url("../Images/home5_bg.png");}
button.btn_srch {right: 24%;bottom: 1%;padding-block: 14px;}
.search_field input {padding-block: 15px;outline: none;width: 40%;border-radius: 50px;background: none;border:0;}
.search_field input::placeholder {color: var(--placeholder_grey);font-family: "Istok Web";font-size: 16px;font-weight: 400;line-height: 26px;}
.search_field {background: white;border: 1px solid var(--white);border-radius: 50px;}
/*tabs*/
.card_img {width: 100%;position: relative;}
.avatar_img {top: 210px;left: 20px;}
.card_img img.card-img {position: relative;width: 100%;height: 250px;object-fit: fill;}
.card_tabs  {border-radius: 0 0 10px 10px;background: var(--bg_beige);height: calc(100% - 20px);padding-bottom: 20px;}
.nav-tabs{border: none;}
body .admin_usr_mgmt .nav-tabs .nav-item .nav-link:hover:not(.disabled) {border: 1px solid transparent !important;background-color: var(--yellow);color: #fff;transition: 0.3s ease-in;}
.nav-tabs li.nav-item.tabs_li a {border: 1px solid var(--yellow);border-radius:50px; transition: 0.3s ease-in; padding: 10px 25px;color:black;}
.nav-tabs li.nav-item.tabs_li a:hover:not(.disabled) { border: 1px solid #fff; background-color: var(--yellow); color: #fff; transition: 0.3s ease-in;}
.nav-tabs.nav-line-tabs .nav-item.tabs_li .nav-link.tabs_a.active{background-color: var(--yellow);border: none;transition: color .2s ease;padding: 10px 25px;border-radius: 50px;color: white;}
 .card_about .card_img img {padding: 15px 70px 0 32px;width:50%;}
.about_cards .card_about{border-radius: 20px;border: 2px solid var(--yellow);border-bottom: 20px solid var(--yellow);background: var(--bg_cards_peach);}
.about_cards :nth-child(even) {margin-top: 5%;}
.timeline_border{background-color:var(--bg_peach2);}
.timeline:after {content: "";position: absolute;bottom: 55%;margin-left: -1px;border-bottom: 2px dashed #c4d2e2;height: 10px;display: block;width: 100%;}
.timeline{position: relative;display: flex;flex-direction: column;gap: 92px;}
.timeline_after-up{position: relative;}
.timeline_after-up:before {content: "";background: url("../Images/timeline_after.png");height: 100%;display: block;width: 100%;position: absolute;background-repeat: no-repeat;transform: rotate(180deg);right: 58%;top: 16%;}
.timeline_after-down:before {content: "";background: url("../Images/timeline_down.png");height: 50%;display: block;width: 30%;position: absolute;background-repeat: no-repeat;top: 45%;transform: translateX(127px);}
/*About-US page*/
.about-hero-section {background-image: url("../Images/about-us-header.png");padding-block: 10em;background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;height: 800px;} .timeline_center{display: flex;justify-content: center;flex-direction: column;}
.contact-heading {color: var(--yellow);line-height: 40px; /* 133.333% */text-transform: capitalize;}
h2.contact-head2 {color: #000;text-transform: capitalize;}
p.contact-para {color: var(--grey2);line-height: 28px;}
section.contactus {padding-block: 8em;}
img.contact-img {height: 100%;width: 100%;}
.contact-details {display: flex;gap: 16px;padding-block: 15px;border-bottom: 1px solid #D9D9D9;}
i.fa-solid.fa-at.contact-icon {padding-top: 6px;font-size: 42px;color: var(--yellow);}
.contact-form {padding-block: 7em;border-radius: 20px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);padding-inline: 4em;}
input.text-box {padding-block: 18px;border-radius: 50px;border: 1px solid var(--border_yellow);}
.form-row {display: flex;gap: 18px;}
textarea.text-box {border-radius: 20px;border: 1px solid var(--border_yellow);}
.form-group {padding-top: 26px;}
.form-checkbox {display: flex;gap: 18px;padding-block: 21px;}
.form-check-label {color: var(--black); }
.btn-box {text-align: center;}
button.get-started-button {border-radius: 50px;background: var(--yellow);outline: none;border: 1px solid transparent;padding: 12px 42px;}
.text-box::placeholder {color: var(--grey2);font-size: 16px;font-weight: 400;padding-left: 15px;}
section.FAQ {padding-block: 8em;}  h1.faq-heading.fs-30-400 {color: var(--yellow);text-transform: capitalize;}
h2.faq-head2 {color: #333;text-transform: capitalize;}
p.faq-para.fs-18-400 {color: var(--grey2);line-height: 28px;padding-block: 16px;}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {border-radius: 0;border-radius: 50px;border: 2px solid #F0CE53;color: black;}
.accordion .accordion-header {cursor: pointer;padding-block: 14px;}
.accordion-body {padding-block: 8px;padding-left: 13px;color: var(--grey2);}
section.terms-n-conditions {padding-block: 8em;}
p.terms-para.fs-18-400 {color: var(--grey2);}
.support-hero-section {padding-top: 5em;}
.termsandCondition-para {max-width: 543px;}
.feedback-para {max-width: 965px;}
i.star-icon {font-size: 14px;}
.swiper-section .feedbackSwiper .swiper-button-prev::after {display: none;}
.swiper-section .feedbackSwiper .swiper-button-next::after {display: none;}
.swiper-section {padding-block: 3em;}
.feedback-cards {padding-top: 7em;background: linear-gradient(var(--pale-yellow), var(--pale-yellow)), url('../images/card-bg.png');}
.card-layout {border: 1px solid #F0CE53;border-radius: 17px;}
.swiper-button-next {position: absolute;top: calc(100% - 70px);right: calc(50% - 55px);}
.swiper-button-prev {position: absolute;top: calc(100% - 70px);left: calc(50% - 20px);}
.arrow-navigation-left {color: var(--light-gray);background: var(--white);border: 2px solid var(--light-gray);border-radius: 57%;padding: 13px;font-size: 16px;}
.arrow-navigation-right {color: var(--white)!important;background: var(--yellow);border: 2px solid var(--yellow);border-radius: 57%;padding: 13px;font-size: 16px;}
.swiper-free-mode>.swiper-wrapper {padding-bottom: 9em;}
.feedback-cardbody {border: 1px solid var(--yellow);background: var(--white2);border-radius: 30px;}
h6.ratings-number.text-center {font-family: Inter;line-height: 20px;}
label.rating-label {padding-right: 13px;}
p.modal-para.fs-14-500 {padding-top: 7px;color: var(--black);}
.modal-para.fs-14-400 {color: var(--grey2);}
.modal-textarea-para {padding-block: 16px;}
.profile_sec2 .profile_parent{display: flex;flex-direction: column;}
button.modalbutton.fs-16-500 {border-radius: 18px;border: 2px solid var(--grey);padding: 4px 15px 4px 15px;background: white;color: var(--black);}
button.modalbutton-subject.fs-16-500 {border-radius: 18px;border: 2px solid var(--yellow);padding: 4px 15px 4px 15px;background: var(--yellow);color: var(--black);}
.avatar_img_parent{position: relative;}
.avatar_img_parent .avatar_img{position: absolute;top: -13%;left: 10px;width: 100px;height: 100px;}
.brdr_bottom_yellow{border-bottom: 4px solid var(--yellow);}
.brdr_btm_grey{border-bottom: 2px solid var(--grey_border);}
.brdr_none{border: none !important;}
.profile_sec2{padding: 150px 0 70px 0;}
.profile_sec2 .profile_info_parent{display: flex;flex-direction: column;}
.profile_sec2 .profile_info_parent {border-radius: 20px;background-color: var(--beige2);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);padding: 25px 25px;height: 93%;}
.profile_sec2 .profile_info_parent .socials {text-align: center;}
.profile_sec2 .profile_info_parent .img_parent {width: 200px;height: 200px;}
.profile_sec2 .profile_info_parent .img_parent img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 50%;}
.profile_sec2 .accounts h3{text-align: center;color: var(--grey);font-size: 30px;font-weight: 500;}
.profile_sec2 .accounts .icons_parent{display: flex;align-items: center;justify-content: center;padding-block: 20px;}
.profile_sec2 .accounts .icons_parent i{font-size: 30px;padding: 0 10px;}
.profile_sec2 .btn_parent{display: flex;justify-content: space-evenly;}
.profile_sec2 .profile_info_parent {border-radius: 20px;background-color: var(--beige2);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);padding: 90px 25px 25px 25px;position: relative;height: 93%;margin-top: 35px;}
.profile_sec2 .profile_info_parent .img_parent {width: 140px;height: 140px;position: absolute;top: -20%;left: 50%;transform:translateX(-50%);}
.profile_content h3, .profile_services h3{border-bottom: 1px solid #D9D9D9;padding-bottom: 10px;margin-bottom: 20px;}
.profile_content {border-radius: 20px;background-color: var(--beige2);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);padding: 25px;height: 100%;}
.bi-facebook{color: var(--blue) !important;}
.fa-x-twitter, .fa-twitter{color: var(--black) !important;}
.bi-telegram{color: var(--lightBlue) !important;}
.bi-instagram{color: #de327a !important;}
.profile_sec3{padding-block: 70px;}
.profile_sec3 .socials_parent{background-color: var(--beige2);border-radius: 20px;padding: 25px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);}
.icon_parent{padding: 10px 0px;}
.icon_parent i{font-size: 30px;}
.profile_services {background-image: none;}
.profile_services .services_parent{background-color: var(--beige3);border-radius: 20px;padding: 25px;}
.signup_sec{padding-block: 140px;}
.signup_form .dropzone {background: transparent;padding: 70px;}
.signup_form .dropzone .dz-message {display: flex;justify-content: center;flex-direction: column;align-items: center;}
.signup_form .dropzone .dz-message .bi-images {font-size: 56px;}
.signup_form .person_details .cust_input{border-radius: 6px;border: 1px solid var(--grey4);box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);}
.signup_form .person_details .cust_text_area{min-height: 60px;}
/* Login Modal CSS */
.login_modal p.fs-14-400 {text-align: center;}
.login_modal .logo_parent{width: 200px;height: 100px;}
.login_modal .logo_parent img{width: 100%;height: 100%;object-fit: contain;}
.login_modal .modal-header{display: flex;flex-direction: column;gap: 15px;}
.login_modal .login_form{border-radius: 20px;background: var(--white, #FFF);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);padding: 40px 32px;}
.login_modal .remember_me {display: flex;justify-content: space-between;}
.login_modal .no_account{display: flex;justify-content: center;}
.login_modal .sign_in_btn{margin: 0 auto;width: 45%;}
.text_decor_none {text-decoration: none !important;}
.role_form .img_parent {width: 120px;height: 135px;}
.role_form .img_parent img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
.role_form .role_label {border-radius: 20px;border: 1px solid var(--border_grey);background-color: var(--white);box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.05);padding: 10px 10px;display: flex;flex-direction: column;align-items: center;width: 100%;}
.role_form .label_parent h4{color: var(--black3);font-size: 16px;font-weight: 400;}
.role_form input[type="radio"] {display: none; }
/* Custom checkbox styling */
.role_form .custom-radio {display: flex;align-items: center;cursor: pointer;position: relative;margin: 10px 0;width: 80%;flex-direction: column;}
.role_form .custom-radio input[type="radio"]:checked + .custom-radio-label::before {content: "";position: absolute;top: 0;left: 100%;width: 17px;height: 17px;background: #007bff;border-radius: 3px;}
.role_form .custom-radio-label {display: flex;align-items: center;position: relative;cursor: pointer;}
.role_form .custom-radio-label::before {content: "";position: absolute;top: 0;left: 100%;width: 17px;height: 17px;transform: translateX(-8px);transition: background-color 0.3s, border-color 0.3s;border-radius: 4px;border: 1px solid var(--grey4);background-color: var(--white);}
.role_form .custom-radio-label h4 {margin-left: 10px;}
/* Checked state styling */
.role_form input[type="radio"]:checked + .custom-radio-label::before {background: #007bff;border: 2px solid #007bff;}
/*.custom-radio-label::after {content: "✔";position: absolute;top: 0;left: 100%;font-size: 16px;color: white;transform: translate(-6px,-3px);opacity: 0;transition: opacity 0.3s;}*/
.custom-radio-label::after {content: "✔";position: absolute;top: 0;left: 100%;font-size: 16px;color: white;transform: translate(-6px,-3px);opacity: 0;transition: opacity 0.3s;}
.role_form input[type="radio"]:checked + .custom-radio-label::after {opacity: 1;}
/* Hover effect */
.role_form .custom-radio-label:hover::before {border-color: #0056b3;}
.dashbaord_filter {width: 674px;height: 441px;padding: 10px 10px;display: flex;flex-direction: column;gap: 15px;}
.dropdown-menu[data-bs-popper] {right: 0;left: unset;}
.dashbaord_filter .industry_labels {display: flex;gap: 5px;flex-wrap: wrap;}
.industry_filter .all_industries {height: 243px;overflow: auto;}
.dashbaord_filter .industry_labels .checked_label {border: 1px solid rgba(56, 55, 62, 0.10);padding: 10px 10px;border-radius: 20px;position: relative;}
.dashbaord_filter .industry_labels .checked_label .cancel_btn {position: absolute;z-index: 3;top: -2px;right: -8px;background: transparent;border: none;}
.dashbaord_filter .industry_labels .checked_label .cancel_btn {position: absolute;z-index: 3;top: -11px;right: 12px;background: transparent;border: none;}
.dashbaord_filter .industry_labels .checked_label p {margin: 0;color: var(--black3);}
.dashbaord_filter .input-group.rounded {position: relative;}
.dashbaord_filter input.form-control.rounded {padding-inline-start: 40px;}
.dashbaord_filter .input-group.rounded i {position: absolute;z-index: 6;top: 15px;left: 15px;}
li.dashboard-filter-parent {border-radius: 10px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);}
input.influencers_search {outline: none;width: 100%;height: 50%;border: 1px solid var(--black);border-radius: 30px;margin: 23px 0px 0px 10px;}
.cards_all {border: 1px solid var(--clrE5E9EB);padding: 14px;border-radius: 20px;background: var(--white);}
.icon_cards i {font-size: 33px;color:var(--white);}
.icon_cards {padding: 20px;border-radius: 50px;background:var(--clrD8B229);box-shadow: 0px 1.633px 16.335px 0px rgba(0, 0, 0, 0.12), 0px 0px 13.068px 0px rgba(0, 0, 0, 0.12);}
.post-service{height:100%;}
.influencer-dashboard .top-heading {justify-content: space-between;}
.search-container {position: relative;display: inline-block;}
.search-icon {position: absolute;left: 18px;top: 60%;transform: translateY(-50%);color: #aaa;}
.influencers_search {padding-left: 35px;height: 40px;width: 100%;}
.fas.fa-search {font-size: 16px;}
.influencer-card-tabs {height: 88%;}
.admin_usr_mgmt .card_tabs{display:flex;flex-direction:column;justify-content:space-evenly;}
.send_btn button .message_submit_btn:hover {background-color: transparent !important;}
.userChatModal .modal-header{justify-content:end;}
#send-message-form .button_chat:hover , #send-message-form .button_chat:active , #send-message-form .button_chat:focus , #send-message-form .button_chat:visited{background-color: var(--yellow) !important;border-radius: 50px !important;padding: 12px 25px !important;border: none !important;color: var(--white) !important;}
.img_up_card_avatar{height: 64px;width: 70px;border-radius: 50%;}
.home_sec5 .services_parent p.card-text {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
/*.badge_notification {top: -21px;right: -14px;background-color: var(--yellow);border-radius: 50%;color: var(--black);height: 25px;padding-inline: 10px;padding-block: 3px;display: flex;justify-content: center;}*/
.badge_notification{
    top: -22px;
    right: -10px;
    background-color: var(--yellow);
    border-radius: 50%;
    color: var(--black);
    height: 25px;
    padding-inline: 5px;
    padding-block: 5px;
    display: flex;
    justify-content: center;
    width: 25px;
    font-size: 10px;
}
.job_notification{
    top: -22px;
    right: -10px;
    background-color: var(--yellow);
    border-radius: 50%;
    color: var(--black);
    height: 25px;
    padding-inline: 5px;
    padding-block: 5px;
    display: flex;
    justify-content: center;
    width: 25px;
    font-size: 10px;
}
/*.badge_chat {top: -24px;right: -10px;background-color: var(--yellow);border-radius: 50%;color: var(--black);height: 24px;padding-inline: 9px;padding-block: 3px;display: flex;justify-content: center;}*/
.badge_chat{top: -22px;right: -13px;background-color: var(--yellow);border-radius: 50%;color: var(--black);height: 25px;padding-inline: 5px;padding-block: 5px;display: flex;justify-content: center;width: 25px;font-size: 10px;}
/*.badge_message {top: 34px;right: -1px;background-color: var(--yellow);border-radius: 50%;color: var(--black);height: 25px;padding-inline: 10px;padding-block: 3px;display: flex;justify-content: center;}*/
.badge_message {top: 37px;right: 0px;background-color: var(--yellow);border-radius: 50%;color: var(--black);height: 30px;padding-inline: 10px;padding-block: 5px;display: flex;justify-content: center;width: 30px;font-size: 12px;}
.terms-n-conditions :is(h1,h2,h3,h4,h5,h6){font-size: 32px;font-weight: 400;color:#333;}
.terms-n-conditions :is(p){font-size: 18px;font-weight: 400;line-height: 1.5;color:#696969;}
.break-word{word-break: break-word;}
.login_modall #togglePassword{position: absolute;right: 10px;top: 20px;transform: translateY(-50%);background: none;border: none;cursor: pointer;font-size: 16px;}
.scrolltop.color_scrolltop {background-color: var(--yellow);}
.btn_category i {color: white;}
/*header*/
.header_website button.navbar-toggler {background-color: var(--yellow);}
.header_website button.navbar-toggler:focus {box-shadow: none;}
.services-list .cards-body {padding: 0px 20px 20px 20px;height: calc(50% - 86px);}
.feedback-cards .card-layout {border: none; box-shadow:none; }
.image_platforms {height: 200px;width:200px;}
.text_decoration{text-decoration: none;color: var(--black);}
/*rsepnsive timeline*/
.tl-item {z-index: 2;}
.timeline2 {position: relative;border-color: rgba(160, 175, 185, .15);padding: 0;margin: 0;}
.p-4 {padding: 1.5rem !important}
.tl-item {border-radius: 3px;position: relative;display: -ms-flexbox;display: flex;}
.tl-item > * {padding: 10px;}
.tl-item:last-child .tl-dot:after {display: none;}
.tl-dot {position: relative;border-color: rgba(160, 175, 185, .15);}
.tl-dott:before {content: '';position: absolute;border-color: inherit;border-width: 2px;border-style: solid;border-radius: 50%;width: 10px;height: 10px;top: 85px;left:-18px;transform: translateX(-50%);background: white;z-index: 999;}
.timeline2.active .tl-dot:before {border-color: #448bff;box-shadow: 0 0 0 4px rgba(68, 139, 255, .2)}
.tl-dot {position: relative;border-color: rgba(160, 175, 185, .15)}
.timeline2:after {content: '';position: absolute;border-color: var(--yellow);border-width: 2px;border-style: solid;border-radius: 50%;width: 10px;height: 10px;top: 15px;left: 0%;transform: translateX(-50%);}
.timeline2:after {width: 0;height:100%;top: 25px;bottom: -15px;border-right-width: 0;border-top-width: 0;border-bottom-width: 0;border-radius: 0}
.tl-content p:last-child {margin-bottom: 0;}
.b-warning {border-color: #f4c414 !important;}
.yellow-card {background: #F0CE53;width: fit-content;padding: 20px;border-radius: 20px;margin-bottom: 10px;}
.button_chat_accept {background-color: var(--yellow) !important;background-color: #FFF !important;border-radius: 30px !important;padding: 8px 35px !important;border: none !important;color: #000 !important;}
body:has(.form-control.is-invalid) #togglePassword {display: none;}
.menu-link .menu-bullet span {color: #7f8194;}
.menu-item .menu-link{color:#7f8194;}
.menu-item .menu-link:hover {color: var(--white);}
.hover_white:hover {background: var(--white);color: var(--yellow);transition:0.3s ease-in;}
.hover_white_border:hover {background: var(--white);color: var(--yellow);border: 1px solid var(--yellow);transition:0.3s ease-in;}
.black_button_hover:hover {background: transparent;color: black;border: 1px solid var(--yellow);transition:0.3s ease-in;}
#whoWeAre{padding-block: 20px;}
.btn_nav .button.btn_hover_header:hover {border: 1px solid var(--yellow);}
.width-100{width:100%;}
.button_black_search {background-color: var(--black);border-radius: 50px;padding: 14px 50px;border: 1px solid transparent;color: var(--white);transition: 0.3s ease-in;}
.card_tabs_append:hover {transform: scale(1.05);transition: 1.5s ease-in;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.card_tabs_append {transition: 1.5s ease-in;}