@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Space+Grotesk:wght@300..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Space+Grotesk:wght@300..700&display=swap');


:root {
    --white: #FFF;
    --Black: #000;
    --red: #E74040;
    --maroon: #E74040;
    --light-maroon: #940000;
    --Dark-maroon: #470001;
    --dim-maroon:#6C1F1F;
    --light-pink: #FFEFEF;
    --peach: #FF928E;
    --table-bg: #E74040;
    --dark-pink: #b18787;
    --pink: #dac7c7;
    --light-purple-grey: #C4C3D5;
    --border-grey: #D3D3D3;
    --divider-gray:#99999999;
    --light-gray:#A8A8A8;
    --dark-gray: #333;
    --text-light-gray:#808080C2;
    --lightest-white:#FBFBFB66;
    --light-bg-gray:#F9F9F9;
    --darkish-maroon:#381B1B;
    --text-maroon:#580000;
    --off-white:#f8f9fa;
}
/* 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;  }

body { scroll-behavior: smooth;}

/* Icons */
i.bi, i[class*=" fa-"], i[class*=" fonticon-"], i[class*=" la-"], i[class^=fa-], i[class^=fonticon-], i[class^=la-] { font-size: 20px;}

/* Font Family */
.app-default:not(.buyer-dashboard), body:not(.buyer-dashboard) { background-color: var(--white); }
.app-default, body { font-family: "Space Grotesk"; }
.lato-font { font-family: "Lato";}


/* Font Sizes */
h1 { font-size: 80px; line-height: 100px; }
h2 { font-size: 50px; }
h3, .fs-30 { font-size: 30px; }
h4, .fs-25 { font-size: 25px; }
h5, .fs-22 { font-size: 22px; }
h6, .fs-20 { font-size: 20px; }
p, .fs-18 { font-size: 18px; }

.fs-72 { font-size: 72px; }
.fs-50 { font-size: 50px; }
.fs-40 { font-size: 40px; }
.fs-26 { font-size: 26px; }
.fs-23 { font-size: 23px; }
.fs-24 { font-size: 24px; }
.fs-16 { font-size: 16px; }
.fs-15 { font-size: 15px; }
.fs-14 { font-size: 14px; }
.fs-11 { font-size: 11px; }
/* Font Weight */

.bold { font-weight: 700;}
.semi-bold { font-weight: 600;}
.regular { font-weight: 500;}
.normal { font-weight: 400;}

/* Coloured Font */
.dark-maroon-text{color: var(--Dark-maroon);}
.text-black{ var(color: --Black);}
.maroon-text { color: var(--red);}
.white-text,.profile-detail-parent .upload-btn.red-bg-border-btn i , .white-text * { color: var(--white);}
.red { color: var(--red);}
.light-maroon-text{color: var( --table-bg);}
.text-gray{color:var(--light-gray);}
.dark-gray-text{color:var(--dark-gray);}
.bg-transparent{background: transparent;}
.background-warning{background:#FAEDCC;}
.darkish-maroon{color: #381B1B}
.text-maroon{color: #580000}
/* Buttons */

.red-btn, .white-btn, .peach-btn, .red-border-btn { display: flex; padding: 15px 50px; justify-content: center;align-items: center;width: fit-content; transition: 0.3s ease-in; }
.relative {position: relative;}
.unset {position: unset;}
.red-btn {border-radius: 10px;padding: 15px 50px;  background: var(--red); color: #fff; border: 1px solid var(--red); transition: 0.3s ease-in;}
.red-btn:hover { background-color: var(--table-bg);  color: var(--white); transition: 0.3s ease-in;}

.red-border-btn,.services-btn-parent .red-border-btn { border-radius: 25px; color: var(--red);  background-color: var(--white);}
.red-border-btn:hover,.services-btn-parent .red-border-btn,.payment-modal-parent .payment-modal-parent-btn .red-btn.payment-modal-btn:hover {
    background: white;
    border: 1px solid red;
} { background-color: var(--white);}
.services-btn-parent .red-border-btn { padding: 4px 57px 4px 57px; border-radius: 25px;  }

.red-border-btn { border-radius: 5px; border: 1px solid var(--red); transition: 0.3s ease-in;}
.red-border-btn:hover { background-color: var(--red); color: var(--white); border-color: var(--white); transition: 0.3s ease-in;}

.white-btn {border-radius: 10px; background-color: var(--white); color: var(--red); border: 1.5px solid var(--white); transition: 0.3s ease-in; }
.white-btn:hover { background-color: var(--red);  color: var(--white); transition: 0.3s ease-in;}

.peach-btn { border-radius: 5px; background-color: var(--peach); color: #fff; border: 1px solid var(--peach); transition: 0.3s ease-in; }
.peach-btn:hover { background-color: var(--white); color: var(--peach); transition: 0.3s ease-in;}

.trans-btn { border: 0; background-color: transparent;}


/* Background */
.bg_red{ background-color: var(--red);}
.bg_maroon { background-color: var(--red);}
.light-pink-bg { background-color: var(--light-pink);}



/* Border Radius */

.border-radius-20 { border-radius: 20px;}
.border-radius-10 { border-radius: 10px;}
.border-radius-100 {border-radius: 100px;}

/* Spacing */

.padding { padding-block: 6em;}
.p_top { padding-top: 4em;}
.p_bottom { padding-bottom: 4em;}
.underline {text-decoration: underline;}

/* Global Classes */

a { text-decoration: none;}
li { list-style: none;}
.text-style{list-style: disc}
.pink_border { border: 8px solid var(--dark-pink);}
.pink_border img { border: 8px solid var(--pink);}
.center{text-align: center;}
.card .badge { padding: 6px 15px; border-radius: 44px;}
.card .badge-danger.badge-outline { color: var(--red); border-color: var(--red);}

.border-bottom { border-color: var(--border-grey);}

html { scroll-behavior: smooth; }
/* Images */
.img-fluid { height: 100%; width: 100%; object-fit: cover ;}

/* Card */
.card:not(.light-pink-bg) { background-color: var(--red); }
.card { border-radius: 20px; border: 1px solid var(--white); margin-bottom: 20px; padding: 25px;}
.card *:not(.white-btn, .badge, .light-pink-bg *, .trans-card *) { color: #fff;}

/* Header */

body:has(.navbar-collapse.collapse.show) .image-dropdown {display: none !important;}
ul.navbar-nav{gap:40px;}
.header { padding: 0;}
.header * { color: var(--white); }
.header .luca_hc { background-color: #E74040; padding: 20px;border-radius: 10px;position: fixed;left: 0;right: 0;top: 10px;z-index: 999;}
.header .navbar-nav .nav-link { font-size: 16px; font-family: 'Space Grotesk'; padding: 0;}
.header .navbar-nav .nav-link.active, .header .navbar-nav .nav-item:hover .nav-link { font-weight: 700;color: #fff; border-bottom: 2px solid #fff; }
.header .dropdown-menu .dropdown-item { color: var(--red);}
.header .nav-item { transition: .3s ease-in-out;}
.header .nav-item:hover { transform: translate(0, -5px);transition: .3s ease-in-out;}
.btn-after a { display: none; }
.navbar-toggler { background: white; }
.nav-item .nav-link.active {width: fit-content;}
body:has(.static-header) .header .luca_hc { position: relative;}
.buyer-header-parent #dropdownMenuIcon::after { display: none; }
/* Global Banner */
.banner { min-height: 405px; background: url(https://vivo-link.democustomprojects.com/website/assets/media/images/home-banner.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.banner.legal-banner {background: none; min-height: auto; padding-top: 100px;}
.red-btn.get-started {border-radius: 10px; background-color: var(--white); color: var(--red); border: 1.5px solid var(--white); transition: 0.3s ease-in; }
.red-btn.get-started:hover{ color: var(--white); transition: 0.3s ease-in; background:none; }
.red-btn.get-started.subscribe:hover { background-color: var(--white); color: var(--red); }
/* Footer */
.subscribe .subscribe_form { display: flex; position: relative; border: 1px solid white; border-radius: 10px;justify-content: space-between; }
.subscribe .subscribe_form input[type="text"] { background: none; border: none; padding-inline: 10px;color: var(--white);width: 100%; }
body .subscribe .subscribe_form input[type="submit"] { padding: 12.5px 25px; }
.follow-us { display: flex; flex-direction: column; gap: 10px; }
.subscribe { display: flex; flex-direction: column; gap: 10px; padding-top: 10px; }
.subscribe .subscribe_form input[type="text"]::placeholder{color: #F4F4F4;font-size: 14px;font-style: normal;font-weight: 300;}
.subscribe .subscribe_form input[type="text"]:focus-visible { outline: none; }
/* ------------Home Page------------- */

/* Section 1 */
.sec-1 { padding-block: 140px; min-height: 100vh; overflow:hidden; }

/* Home Banner */
.content-banner { align-items: center; display: flex; flex-direction: column; gap: 20px; }
.content-banner h1 {width: 75%;}
.content-banner p {width: 40%;}
.circle-image img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; object-fit: cover; }
.circle-image { width: 490px; } .banner-main { align-items: center; display: flex; flex-direction: column; }
.circular-path { position: absolute; bottom: -28%; }
.banner { position: relative; }
.circle-image::before { content:""; width: 275px; height: 67px; background-repeat:no-repeat; background-size:cover; position:absolute; background-image: url(https://vivo-link.democustomprojects.com/website/assets/media/images/site-logo.svg); top: 18%; left: 21%; }
.notch { position: absolute; bottom: 2%; }

/* Slider Section */
.sec-2 .review-img { height: 40px; width: 140px; margin-top: 15px;}
.sec-2 .user-img { height: 200px; width: 182px;}
.sec-2 .user-img img, .sec-2 .review-img img{ object-fit: contain; object-position: bottom;}

.sec-3 .circle_parent, .sec-3 .circle_parent img, .privacy-policy .circle_parent, .sec-3 .circle_parent img { border-radius: 50%; border-width: 18px;}
.sec-3 .circle_parent { height: 462px; width: 462px;}

/* Section 6 Virtual Coworking */
.sec-6 .card .card-img { margin-inline: auto; background-color: #fff; width: 80px; height: 80px; border-radius: 100px; display: flex; align-items: center; justify-content: center; }
.sec-6 .card .card-img img {height: 50px;width: 50px;object-fit: contain;}

/* ----------Services Page----------- */

/* Services Cards */

.service-sec-2 .services_wrapper .services_card_parent:nth-child(even) .card .row { flex-direction: row-reverse;}
.services_wrapper .services_card_parent .services_card .img_parent { height: 330px; width: 100%; border-radius: 160px;}
.services_wrapper .services_card_parent .services_card .img_parent img { border-radius: 150px;}


/* Slider Cards */
.swiper-pagination-bullet { background-color: #E9CCCC; padding: 6px; }
.swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main { background-color: var(--red); padding: 6px; }
.influencerSwiper .swiper-button-next {
    right: -40px;
    top: 42%;
}

.influencerSwiper .swiper-button-prev {
    left: -40px;
    top: 42%;
}

.influencerSwiper .swiper-button-next, .influencerSwiper .swiper-button-prev{
    color:var(--red)
}
/* Service section 3 */
.service-sec-3 .exp_parent > * { padding-bottom: 15px;}
.service-sec-3 .img_parent.square_parent { height: 340px; width: 100%; border-radius: 90px; }
.service-sec-3 .img_parent.square_parent img { border-radius: 80px;}
.services_heading{font-size:48px;}

/* Logo Banner */

.logo_parent .logo_img { aspect-ratio: 4 / 1; width: 100%; object-fit: contain;}

/* Influencer Page*/

.card_wrapper .card { border-radius: 12px; padding: 20px 5px 0; }
.card_wrapper .card .influencer-img {height: 180px; width: 180px;}
/*.scheduled-services .card_wrapper .card { height: 500px; }*/
/* About Us */
.about-us-content p, .about-us-content h1, .about-us-content h2, .about-us-content h3, .about-us-content h4, .about-us-content h5, .about-us-content h6 { margin: 0; }
.about-us-content { display: flex; flex-direction: column; gap: 25px; }
.number-main { background: #E74040; border-radius: 50%; width: 30px; display: flex; justify-content: center; height: 30px; align-items: center; }
.about-number-list { display: flex; gap: 20px; }
.about-number-list .number { display: flex; gap: 10px; }
.number .number-border { font-size: 14px; background: #E74040; color: white; }
.why-choose-us { padding-block: 60px; }
.brand-img img { width: 100%; height: 100%; object-fit: contain; background-size: cover; background-position: center; }
.brands-logo { display: flex; justify-content: center; gap: 80px; }
.why-choose-us .why-choose { padding-top: 100px; }
.why-choose-card { background: white; border-radius: 10px; padding: 20px; display: flex; flex-direction: column; gap: 25px; height: 250px; overflow: scroll; scrollbar-width: none; }
.crd-img img { width: 100%; height: 100%; object-fit: cover; background-size: cover; background-position: center center;    border-radius: 50%; }
.why-choose-card .crd-img { width: 50px;height: 50px; }
.why-choose-cards { padding-top: 30px; }
.about-video { border-radius: 30px; object-fit: cover; }
.about-video-sec .video-content { padding-inline: 60px; }
.about-video-sec .video { position: relative; border-radius: 30px; z-index: 9; height: 450px; }
.about-video-sec .video::before{ content: ""; width: 100%; height: 100%; top: 0; background: linear-gradient(0deg, rgba(88, 0, 0, 0.65) 0%, rgba(88, 0, 0, 0.65) 100%), lightgray 50%; position: absolute; z-index: 1; border-radius: 30px; opacity: 0.6; }
.about-video-sec .video-content { padding-inline: 60px; position: absolute; z-index: 9; top: 0; padding-block: 90px; }
.video-section { position: relative; }
.video-button img { height: 40px; object-fit: cover; background-position: center; background-size: cover; width: 38px; }
.video-button { width: 133px; height: 133px; display: flex; justify-content: center; align-items: center; background: white; border-radius: 70px; }
.video-button #playButton { cursor: pointer; }
.video-btn-main { height: 100%; display: flex; justify-content: center; align-items: center; }

/* Video Call Css */
body .jsx-4039607251 { display: none; }

/*Influencer-profile*/
.influencer-profile-card {
    border-radius:  8px;
    background: var(--red);
}
.inluencer-image {
    width: 37%;
    height: 37%;
}
.influencer-details i {
    font-size: 14px;
    color: white;
}

/*.red-btn { background: var(--table-bg); padding: 8px 20px; border-radius: 30px;transition: 0.3s ease-in; font-size: 12px; font-weight: 400; color: var(--white) ; border: none; outline: none; }*/
/* Jobs */

.card .divider { margin-bottom: 10px;}
.card.trans-card { background-color: transparent; box-shadow: none;}

.job-sec-1 i { color: var(--red);}

.service-row { height: 0; transition: 0.3s ease-in; overflow: hidden;}
.service-row.show { height: 100%; transition: 0.3s ease-in;}

.modal form *, .modal textarea::placeholder { color: #000;}


/* */
.feedback-cardbody .card {border-radius: 0;margin-bottom: 40px;}
.feedback-para {max-width: 683px;}

.feedback-cards .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, -13px);
    right: auto;
}
.feedback-cards .swiper-section .swiper-button-next:after,.feedback-cards .swiper-section .swiper-button-prev:after{display:none;}
.arrow-navigation-left {color: var(--Black);background: var(--white);border: 2px solid var(--Black);border-radius: 57%;padding: 13px;font-size: 16px;}
.arrow-navigation-right {color: var(--Black);background: var(--white);border: 2px solid var(--Black);border-radius: 57%;padding: 13px;font-size: 16px;}
.feedback-cards .swiper-pagination-bullet {padding: 4px;border: 2px solid var(--dim-maroon);}
.feedback-cards .swiper-pagination-bullet-active {background: var(--dim-maroon);}
.feedbackSwiper .swiper-slide-next{scale:1;}
.feedbackSwiper .swiper-wrapper .swiper-slide-active ,.feedbackSwiper .swiper-slide-next + .swiper-slide{scale:0.85;opacity:0.7;}

.swiper-section {position: relative;}
.swiper.feedbackSwiper {position: unset;}
.feedback-cards .swiper-button-next {right: -30px;}
.counter-parent .social-counter {width: 14%;}
.counter-parent {position: relative;}
.counter-logo {width: 25%;}
.buyer-social-counter.middle,.buyer-social-counter.right { position: relative; }
.buyer-social-counter.middle::before,.buyer-social-counter.right::before{ content:""; position: absolute; border: 1px solid var(--lightest-white); height: 30px; left:-35px; top: -3px; }
.related-cards .influencer-img {width: 64%;}
.related-cards .card {border-radius: 0;}
.related-cards .card-header, .related-cards .card-body, .related-cards .card-footer {padding: 0rem ;}

/*website animation*/
/*.main-container {min-height: 100vh;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;height: 560px;overflow: hidden;position: absolute;width: 100%;pointer-events: none;}*/
/*.main {margin: 0 auto;width: 865px;height: 865px;position: relative;bottom: -56%;}*/
.big-circle {height: 100%;width: 100%;position: relative;border: 1px dashed var(--Dark-maroon);border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;animation: Rotate 20s linear infinite;-webkit-animation: Rotate 20s linear infinite;background: rgba(255, 255, 255, 0.05);}
.icon-block {width: 64px;height: 64px;position: absolute;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;background-image: linear-gradient(180deg, #4967e6 0%, #627bf4 100%);-webkit-background-image: linear-gradient(180deg, #4967e6 0%, #627bf4 100%);box-shadow: 0 2px 4px 0 #3e5ada;-webkit-box-shadow: 0 2px 4px 0 #3e5ada;}
.icon-block img {margin: 0px auto;width: 86%;animation: Rotate-reverse 20s linear infinite;-webkit-animation: Rotate-reverse 20s linear infinite;}
.icon-block:first-child {top: 0;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.icon-block:nth-child(2) {top: 50%;right: 0;transform: translate(50%, -50%);-webkit-transform: translate(50%, -50%);}
.icon-block:nth-child(3) {bottom: 0;left: 50%;transform: translate(-50%, 50%);-webkit-transform: translate(-50%, 50%);}
.icon-block:nth-child(4) {top: 50%;left: 0;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
/* circle content */
.circle { animation: circle-rotate 20s linear infinite; -webkit-animation: circle-rotate 20s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); width: 80%; height: 80%; border: 1px dashed var(--light-gray); border-radius: 50%; background: rgba(255, 255, 255, 0.05); }.circle .icon-block img {
    animation: img-rotate 20s linear infinite;
    -webkit-animation: img-rotate 20s linear infinite;
}
/* center logo */
.center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.center-logo img {
    max-width: 200px;
}

/* keyframe animation */

@keyframes Rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes Rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes Rotate-reverse {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes Rotate-reverse {
    from {
        -webkit-transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes circle-rotate {
    from {
        transform: translate(-50%, -50%) rotate(45deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(405deg);
    }
}

@-webkit-keyframes circle-rotate {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(405deg);
    }
}

@keyframes img-rotate { from {transform: rotate(-45deg);} to {transform: rotate(-405deg);} }

@-webkit-keyframes img-rotate { from {-webkit-transform: rotate(-45deg);} to {-webkit-transform: rotate(-405deg);} }

/*.influencer-sec-2 .influencer-filter i {right: calc(100% - 193px);top: calc(100% - 40px);font-size: 14px; color: var(--maroon);}*/
.influencer-sec-2 .influencer-filter ul {width: 100%;font-size: 14px;padding-inline: 10px;}
.influencer-sec-2 .influencer-filter i {
    /* right: calc(100% - 22px); */
    /*top: calc(100% - 23px);*/
    -webkit-transform: translateY(calc(100% - 3px));
    right: 5px;
    font-size: 14px;
    color: var(--red);
}
.influencer-sec-2 .influencer-filter ul li:hover {background: var(--red);color: var(--white);border-radius: 6px;padding-inline: 5px;}
.influencer-sec-2 .influencer-filter ul li.category {padding: 5px;}


input.filter-parent.dropdown-toggle::placeholder{color: var(--Black);}
input.filter-parent.dropdown-toggle {background: transparent;border: none;outline: none;border-radius: 21px;padding: 6px 11px;}

.notification { padding: 10px 12px; background-color: red; border-radius: 50%; margin-right: 5px; }
.notification i { font-size: 15px; color: var(--white); }
.scrolltop ,.scrolltop:hover {background-color: var(--red);}
.scrolltop>i{color:var(--white);}

.certification-badge h6.business-sol-badge {
    border: 1px solid var(--white);
    text-align: center;
    background: var(--white);
    width: 189.5px;
    height: 40px;
    padding: 10px;
    color: var(--text-light-gray);
    border-radius: 33px;
}
.buyer-influencer-about {
    background: var(--light-bg-gray);
    border-radius: 9px;
}
.influencer-sec-2 .influencer-filter {
    border: 1px solid red;
    border-radius: 42px;
    padding: 0px 0px ;
    max-width: 348px;
}
.buyer-influencer-profile .inluencer-image {
    width: 25%;
    height: 27%;
}

.buyer-social-counter .counter-logo {
    width: 23px;
}
/*.buyer-social-counter.social-counter::before {*/
/*border: 1px solid var(--lightest-white);*/
/*    height: 27px;*/
/*    left: 148px;*/
/*    top: -1px;*/

/*}*/
/*.buyer-social-counter.social-counter::after {*/
/*border: 1px solid var(--lightest-white);*/
/*    height: 27px;*/
/*    left: 312px;*/
/*    top: -2px;*/
/*}*/
/*.buyer-influencer-profile .select-icon-parent i {*/
/*    !* top: 66px; *!*/
/*    top: calc(100% - 48px);*/
/*    bottom: 0;*/
/*    right: 0;*/
/*}*/
/*.form-control:focus { color: white; }*/
.buyer-influencer-profile .request-price, .buyer-influencer-profile .select-icon-parent {
    border-bottom: 1px solid var(--lightest-white);
}
/*.select-icon-parent {*/
/*    border-bottom: 1px solid ;*/
/*}*/
/*.buyer-about-btn-parent .red-bg-border-btn {*/
/*    width: 153px;*/
/*    padding: 8px 0;*/
/*}*/
.buyer-about-btn-parent .maroon-btn {
    background: var(--red);
    border: 1px solid var(--white);
    padding: 8px 0;
    width: 153px;
    border-radius: 5px;
    color: var(--white);
}
.buyer-about-btn-parent .maroon-btn:hover {
    background: var(--red);
    border: 1px solid var(--red);
    padding: 8px 0;

}

.buyer-influencer-profile select option {
    /* color: white; */
    color: var(--Black);
    border-collapse: separate;
    /*has to change*/
    border: 1px solid black;
}
.buyer-influencer-profile select {
    color: var(--white);
}
.hero-section {
    background-image: url(../media/images/hero-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    padding-block: 11.5em;
}

.hero-logo {
    height: 705px;
    width: 536px;
}
.hero-text-img {
    height: 370px;
    width: 500px;
}
.hero-para {
    max-width: 500px;
}

.main {
    width: 677px;
    height: 677px;
    position: absolute;
    bottom: 52px;
    left: -650px;
}
.main-container {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    height: 718px;
    position: relative;
    pointer-events: none;
}
.payment-modal-parent .payment-modal-parent-btn .red-btn.payment-modal-btn {
    border-radius: 5px;
    background: #E74040;
    padding: 10px;
}
.payment-modal-parent .payment-card-img {
    border-radius: 4px;
    border: 1px solid #E0E0E0;
    background: #FFF;
    padding: 4px 18px;
}
.modal.fade.payment-modal-parent .modal-dialog {

    transform: translate(0, 132px);
}

.payment-input-parent .profile-dropdown {
    border-radius: 5px;
    border: 1px solid rgba(105, 105, 105, 0.20);
    padding: 10px 15px;
    outline: none;
    appearance: none;
}

#calendarModal .modal-content { background: unset; box-shadow: none; }
#calendarModal .modal-content:has(#backToCalendarBtn[style*="display: block"]) { background-color: #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); }
#calendarModal .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-mon a, #calendarModal .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-tue a, #calendarModal .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-wed a,#calendarModal .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-thu a,#calendarModal .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-fri a { color:var(--Dark-maroon); font-weight:700; font-size:14px; }
#calendarModal .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-mon.pignose-calendar-unit-first-active a, #calendarModal .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-tue.pignose-calendar-unit-first-active a,#calendarModal .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-wed.pignose-calendar-unit-first-active a,#calendarModal .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-thu.pignose-calendar-unit-first-active a, #calendarModal .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-fri.pignose-calendar-unit-first-active a{ background-color:var(--Dark-maroon); color:var(--white); }
#calendarModal .pignose-calendar-unit.pignose-calendar-unit-date.pignose-calendar-unit-sun.pignose-calendar-unit-first-active a, #calendarModal .pignose-calendar-unit.pignose-calendar-unit-date.pignose-calendar-unit-sat.pignose-calendar-unit-first-active a { background-color: var(--red); color:var(--white);box-shadow: none; }
#calendarModal .pignose-calendar-unit.pignose-calendar-unit-date.pignose-calendar-unit-sun a{ font-weight:700; font-size:14px; box-shadow: none; }
#calendarModal #backToCalendarBtn { background-color:var(--Dark-maroon); color:white; }
#calendarModal #backToCalendarBtn:hover{ background-color: var(--Dark-maroon); }
#calendarModal #backToCalendarBtn i{ color:white; margin-right:5px; }
#calendarModal .pignose-calendar-top-month,#calendarModal .pignose-calendar-week.pignose-calendar-week-mon,#calendarModal .pignose-calendar-week.pignose-calendar-week-tue,#calendarModal .pignose-calendar-week.pignose-calendar-week-wed,#calendarModal .pignose-calendar-week.pignose-calendar-week-thu,#calendarModal .pignose-calendar-week.pignose-calendar-week-fri { color: var(--Dark-maroon); }
#calendarModal .pignose-calendar-top-icon { color: var(--Dark-maroon); font-size: 28px;border-radius: 10px; }
#calendarModal .pignose-calendar-top-icon:hover{ color: var(--white); background-color: var(--Dark-maroon); border-radius:20px; padding:1px;transition: all 0.3s ease-in-out; }

/*Contact Us*/

.contact-card .social-icons a { background: white; border-radius: 30px; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; }
.contact-card .social-icons a i { color: var(--Dark-maroon); }
.contact-card .social-icons a:hover { transform: scale(1.2); /* Slightly grow the icon */ transition: transform 0.3s ease-in-out; }
.contact-form input,.contact-form textarea { border-radius: 10px; padding: 12px; border: 1px solid var(--light-gray); }
.contact-form textarea{ height:275px; }
.contact-form input:focus-visible, .contact-form textarea:focus-visible { outline: none; }


#reviewModal .star-rating {
    direction: rtl;
    display: inline-flex;
    gap: 5px;
}

#reviewModal .star-rating input[type="radio"] {
    display: none;
}

#reviewModal .star-rating i {
    color: #ccc;
    cursor: pointer;
    transition: color 0.2s;
}

#reviewModal .star-rating label:hover i,
#reviewModal .star-rating label:hover ~ label i {
    color: #470001;
}
#reviewModal .save-btn { background: var(--red); color: white; }


.age-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.age-popup-content {
    background: #470001;
    padding: 30px;
    max-width: 500px;
    text-align: center;
    background: #e740407d;
    box-shadow: 0 8px 32px 0 rgb(105 96 96 / 37%);
    backdrop-filter: blur(7px);
    border-radius: 10px;
}

.age-popup-text {
    font-size: 16px;
    margin-bottom: 20px;
    color: var(--white);
}

.age-checkbox-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    font-size: 14px;
    color: var(--white);
}

.agree-checkbox {
    width: 20px;
    height: 20px;
    accent-color: var(--red);
}

.age-continue-btn {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: var(--red);
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.age-continue-btn:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.age-continue-btn:hover:enabled {
    background-color: var(--red);
}

/* Support */

.faq-section .accordion-button {
    background-color: var(--off-white);
    border: 1px solid #dee2e6;
    border-radius: 8px;
    color: #333;
    padding: 1rem 1.25rem;
}

.faq-section .accordion-button:not(.collapsed) {
    background-color: var(--red);
    color: white;
    border-color: var(--red);
}

.faq-section .accordion-button::after {
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

.faq-section .accordion-button:not(.collapsed)::after {
    filter: brightness(0) saturate(100%) invert(100%);
}

.faq-section .accordion-body {
    background-color: var(--off-white);
    border: 1px solid #dee2e6;
    border-radius: 8px;
    color: #666;
    margin-top: 5px;
}

.faq-section .accordion-item {
    background-color: transparent;
}

.faq-section .accordion-item:last-child .accordion-button.collapsed {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

/* Disclaimer */
.disclaimer-section .nav-pills .nav-link {
    background-color: transparent;
    border-radius: 8px;
    padding: 6px 0px;
    transition: all 0.3s ease;
}

.disclaimer-section .nav-pills .nav-link:hover {
    background-color: var(--off-white);
    border-color: var(--red);
    color: var(--red);
    padding-inline: 10px;
}

.disclaimer-section .nav-pills .nav-link.active {
    color: var(--red);
}

.disclaimer-section .content-list {
    list-style: none;
    padding-left: 0;
}

.disclaimer-section .content-list li {
    position: relative;
    padding-left: 20px;
}

.disclaimer-section .content-list li::before {
    font-size: 20px;
    content: "•";
    color: var(--Dark-maroon);
    font-weight: bold;
    position: absolute;
    left: 0;
    top: -4px;
}

.disclaimer-section .content-section {
    padding-inline: 30px;
}

.disclaimer-section .page-content-sidebar {
    border-radius: 10px;
    border: 1px solid #DFE1E7;
    padding: 20px;
}
.disclaimer-section #disclaimer-tabs {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #DFE1E7;
}

.disclaimer-section .nav-pills .nav-link:focus-visible {
    box-shadow: none;
}

/* Cookie Banner */
#cookie-banner { display: none !important; position: fixed; bottom: 0; left: 0; right: 0; background-color: var(--red); color: white; padding: 20px; z-index: 1000; flex-direction: column; align-items: center; justify-content: space-between; gap: 30px; visibility: hidden; opacity: 0; transition: opacity 0.3s ease; }
#cookie-banner.show {display: flex !important;visibility: visible;opacity: 1;}