html,
select {
scrollbar-color: rgba(var(--clr-1), 1) transparent;
scrollbar-width: thin;
}
::-webkit-scrollbar {
width: 5px;
background-color: #000;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
background: #0074FF;
}
::selection {
color: #fff;
background: #0074FF;
}
body, p, h1, h2, h3, h4, h5, h6, span, div {
user-select: text;
}
.questions-list .text-center.p-3.clr-grey {
color: #0074ff !important;
}
/* Optional: keep buttons unselectable */
button {
user-select: none;
}
a, a * {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: auto;
user-select: auto;
}
body,
select,
.discription ul {
scrollbar-width: 5px;
scrollbar-color: rgba(var(--clr-1), 1) transparent;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #0074FF;
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
font-family: "Inter", sans-serif;
}
body {
font-family: "Inter", sans-serif;
margin: 0;
overflow-x: visible !important;
}
a,button{
transition: all 0.5s ease-in-out !important;
text-decoration: none !important;
}
a:hover,button:hover{
transition: all 0.5s ease-in-out !important;
color: #0074FF;
}
ul{
padding: 0;
margin: 0;
list-style: none;
}
p{
font-size: 18px;
line-height: 26px;
margin: 0;
line-height: 150%;
}
/*----------------------------------------
COLOR-CODE
------------------------------------------*/
.clr-blue{
color: #0074FF;
}
.clr-dark{
color: #000000;
}
.clr-light{
color: #ffffff;
}
.clr-red{
color: #E85C50;
}
.clr-grey{
color: #B9B9B9;
}
.bg-blue{
background: #0074FF;
}
.bg-red{
background: #E85C50;
}
/*----------------------------------------
THEME-BUTTON
------------------------------------------*/
.theme_btn a {
padding: 19px 0;
width: 100%;
display: inline-block;
text-align: center;
font-size: 20px;
line-height: 30px;
font-weight: 300;
border-radius: 110px;
border: 1px solid #0074FF;
}
.theme_btn a:hover {
background: #0074ff;
}
.theme_btn.small_btn a {
width: 26%;
padding: 14px;
}
.theme_btn.small_btn a.bg-transparent {
border: 2px solid #0074FF;
width: 26%;
margin-left: 40px;
}
.theme_btn {
justify-content: center !important;
}
.theme_btn.small_btn a.bg-transparent:hover {
background: #0074FF !important;
color: #ffffff;
}
.theme_btn.small_btn a.bg-transparent:hover img {background: #ffffff;}
.theme_btn.small_btn a.bg-transparent img {
transition: linear 0.5s;
}
.theme_btn a img {
padding: 5px;
}
.theme_btn a:hover {
background: transparent;
color: #0074FF;
}
.theme_btn a:hover img {
background: #0074FF;
border-radius: 6px;
}
/*----------------------------------------
FONT-SIZES
------------------------------------------*/
.ft-13{
font-size: 13.5px;
}
.ft-16{
font-size: 16px;
}
.ft-18{
font-size: 18px;
}
.ft-20{
font-size: 20px;
}
.ft-35{
font-size: 35px;
}
.fw-semi{
font-weight: 600 !important;
}
.link_text a.clr-dark.ft-13.fw-semi.d-block {
font-size: 20px;
}
/*----------------------------------------
CSS-CLASSES
------------------------------------------*/
.bg{
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important
}
.round-img img {
border-radius: 15px;
}
body {
margin: 0;
overflow: visible;
}
.flex-container {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 0 50px 100px;
}
.flex-container main {
width: 66%;
padding: 0 30px;
flex: 1;
min-height: 230vh;
}
.left_sidebar,
.right_sidebar {
position: sticky;
top: 140px;
/*height: 100vh;*/
}
.left_sidebar {
width: 18%;
}
.right_sidebar {
width: 16.7%;
}
@media (min-width: 1400px) {
.container {
max-width: 1290px;
}
}
.links_wrap {
justify-content: center;
text-align: center;
}
/*----------------------------------------
HEADER-CSS
------------------------------------------*/
header {
padding-top: 15px;
padding-bottom: 15px;
position: sticky;
top: 0;
z-index: 9;
}
.search-bar {
width: 100%;
position: relative;
max-width: 580px;
padding-left: 15px;
}
.search-bar input {
width: 100%;
height: 56px;
border-radius: 80px;
border: 0;
padding: 0 30px;
outline: none;
color: #B9B9B9;
font-size: 16px;
}
.search-bar button {
background: #0074FF;
border: 0;
color: #ffffff;
position: absolute;
top: 8px;
right: 8px;
width: 38px;
height: 38px;
border-radius: 100%;
}
.container-fluid {
padding-left: 100px;
padding-right: 100px;
}
.search-bar input::placeholder {
color: #B9B9B9;
}
.header-content .navbar-brand {
width: fit-content;
margin-right: 0;
}
header .container-fluid {
padding-left: 97px;
}
/*----------------------------------------
RIGHT-SIDEBAR
------------------------------------------*/
.ad_box .ad_content h2 {
font-size: 85px;
line-height: 90px;
}
.ad_box .ad_content p {
font-size: 30px;
line-height: 32px;
}
.ad_box .ad_content .add_offer-box {
border: 4.28px solid #ffffff;
border-radius: 17px;
padding: 25px 15px;
}
.ad_box .ad_content .add_offer-box h3 {
font-size: 81px;
line-height: 69px;
}
.ad_box .ad_content .add_offer-box h4 {
font-size: 29px;
line-height: 35px;
}
.ad_box {
padding: 0 30px 30px;
height: 1020px;
display: flex;
align-items: end;
}
/*----------------------------------------
LEFT-SIDEBAR
------------------------------------------*/
.l_sidebar-box {
border: none;
border-radius: 20px;
padding: 30px 25px;
}
.sidebar-head h2 {
font-size: 26px;
line-height: 38px;
margin: 0 0 25px;
padding: 0;
}
.l_sidebar-box .navbar-collapse .navbar-nav .nav-item .nav-link {
font-size: 20px;
color: #000000;
margin-bottom: 25px;
font-weight: 400;
width: fit-content;
max-width: 94%;
padding: 0;
text-wrap: wrap;
}
.l_sidebar-box .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link{
margin-bottom: 0;
}
.navbar-nav .dropdown-menu {
position: relative !important;
transform: unset !important;
margin-top: -20px !important;
padding: 22px 0 23px;
background: transparent;
border: 0;
}
.navbar-nav .dropdown-menu a.dropdown-item {
font-size: 16px !important;
line-height: 38px;
padding: 6px 0 0 40px;
position: relative;
background: transparent !important;
}
.navbar-nav .dropdown-menu::before {
content: '';
border: 1px dashed #DEDEDE;
height: calc(100% - 59px);
position: absolute;
top: 17px;
left: 5px;
}
.navbar-nav .dropdown-menu a.dropdown-item::before {
content: '';
border: 1px dashed #DEDEDE;
width: 25px;
position: absolute;
left: 5px;
top: 26px;
}
.dropdown-toggle::after {
position: absolute;
top: 10px;
right: 0;
transform: rotate(90deg);
pointer-events: none;
}
li.nav-item.dropdown.open a.nav-link.dropdown-toggle::after {
transform: rotate(0deg);
}
.l_sidebar-box .navbar-collapse .navbar-nav .nav-item .nav-link:hover,
.navbar-nav .dropdown-menu a.dropdown-item:hover {
color: #0074ff;
}
html.scroll-lock header.bg-blue {
position: fixed;
width: 100%;
}
/*----------------------------------------
MAIN-START
------------------------------------------*/
.Home_sec-02 .theme-h2{
padding-left: 10px;
}
.grey_box {
background-color: #F6F8FA;
padding: 34px 40px;
border: 2px solid rgba(0, 116, 255, 0.1);
border-radius: 20px;
}
.grey_box h2 {
font-size: 35px;
line-height: 51px;
}
.grey_box a {
font-size: 16px;
line-height: 38px;
font-weight: 500;
padding: 3px 30px;
border-radius: 80px;
border: 1px solid #0074FF;
}
.grey_box a:hover {
background: transparent;
color: #0074FF;
}
.top_btn a {
display: inline-block;
background: rgba(0, 116, 255, 0.1);
border: 1px solid #0074FF;
backdrop-filter: blur(7.5px);
border-radius: 300px;
color: #000000;
font-size: 13px;
padding: 8px 19px;
margin-right: -30px;
}
.top_btn a i {
color: #FFCC00;
margin-right: 5px;
}
.share_btn {
color: #0074FF !important;
padding: 0 0;
border: 0;
outline: none;
background: transparent;
font-size: 30px;
margin-left: auto;
margin-top: -10px;
/*transform: rotate(90deg);*/
}
.category_wrap p br {
display: none !important;
}
.edit_btn {
color: #0074FF !important;
padding: 0 0;
border: 0;
outline: none;
background: transparent;
font-size: 30px;
margin-left: auto;
/*transform: rotate(90deg);*/
}
.reccoh_card {
background: #FFFFFF;
/*box-shadow: 2px 4px 11px 3px rgb(0 0 0 / 25%);*/
/*box-shadow: 0px 4px 11px 3px rgb(0 0 0 / 4%);*/
border-radius: 20px;
padding: 40px 50px;
margin: 0 5px;
box-shadow: 0px 0px 11px 3px rgb(0 0 0 / 15%);
}
.copy_right {
background: #F4F6F9;
padding: 38px 0;
}
.copy_right p {
font-size: 22px;
}
.card_img img.lozad.w-100 {
height: 250px;
object-fit: cover;
}
/*Additional CSS*/
.card_content .pt-3 {
padding-top: 0px !important;
}
.card_content .category_wrap.d-flex.align-items-center.pt-2.pb-3 {
padding-bottom: 0.5rem !important;
justify-content: space-between;
}
.card_content h2.m-0.p-0.clr-dark.fw-semi.ft-35 {
padding-right: 1% !important;
}
.card_content .category_wrap.d-flex.align-items-center.pt-2.pb-3 p {
width: max-content;
}
.card_content .category_wrap.d-flex.align-items-center.pt-2.pb-3 button.share_btn {
margin-left: 7%;
}
.card_content .category_wrap.d-flex.align-items-center.pt-2.pb-3 button.edit_btn {
margin-left: 7%;
}
/*----------------------------------------
SINGLE-PAGE
------------------------------------------*/
.author_img img {
width: 50px;
height: 50px;
border-radius: 100%;
}
.Single_page-sec {
padding-top: 50px;
padding-bottom: 50px;
box-shadow: 0px 0px 11px 3px rgb(0 0 0 / 15%);
border-radius: 20px;
}
.overlay {
/*background: linear-gradient(180deg, #0074ff1a 0%, rgba(255, 207, 1, 0) 100%);*/
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
border-radius: 20px;
/*background: linear-gradient(180deg, #003a801a 0%, rgb(255 207 1 / 0%) 100%);*/
background: #003a801a;
}
.breadcrumbs ul {
background: #ffffff;
border: 1px solid #0074FF;
backdrop-filter: blur(7.5px);
padding: 12px 0;
margin: 0;
border-radius: 50px;
width: 85%;
margin: 0 auto;
}
.post_title h1 {
font-size: 60px;
line-height: 68px;
}
.post_main-img,.round-img {
height: 520px;
overflow: hidden;
border-radius: 20px;
}
.post_main-img img,.round-img img {
height: 100%;
object-fit: cover;
}
.image-box {
width: 450px;
max-width: 100%;
margin: 0 auto;
}
.image-box img {
width: 100% !important;
height: auto;
display: block;
}
blockquote {
margin-left: 10%;
padding: 24px 40px 25px 80px;
display: flex;
align-items: center;
border-radius: 12px;
background: rgba(0, 116, 255, 0.1);
border: 1px solid #0074FF;
backdrop-filter: blur(7.5px);
position: relative;
}
blockquote i {
color: #0074ff;
font-size: 45px;
position: absolute;
top: 20px;
left: 20px;
}
blockquote p {
font-size: 28px;
line-height: 40px;
font-weight: 500;
}
.newsletter_box {
padding: 18px;
background-color: rgba(0, 116, 255, 0.1);
border-radius: 12px;
}
.newsletter_box h2 {
font-size: 26px;
}
.newsletter_box input {
width: 100%;
height: 55px;
border-radius: 10px;
border: 1px solid #0074FF;
background: transparent;
padding: 0 15px;
font-size: 16px;
outline: none;
}
.newsletter_box button {
background: #0074FF;
color: #ffffff;
border: 0;
width: 65px;
height: 55px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
font-size: 22px;
position: absolute;
right: 0;
top: 0;
}
.newsletter_box form {
position: relative;
}
.post_detail h3 {
font-size: 26px;
}
.fea_post-card .fea_post-img {
width: 25%;
}
.fea_post-card .fea_post-con {
width: 75%;
}
.fea_post-card .fea_post-img img {
width: 76px;
height: 76px;
border-radius: 12px;
object-fit: cover;
}
.fea_post-card .fea_post-con h3 {
font-size: 16px;
line-height: 22px;
}
.ex_cat-wrap {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.ex_cat-wrap a {
border: 1px solid #e3e3e3;
color: #000000;
padding: 8px 16px;
font-size: 13px;
border-radius: 60px;
font-weight: 500;
}
.ex_cat-wrap a:hover {
background: #0074FF;
color: #ffffff;
transform: translateY(-4px);
}
.social_media-wrap ul li a {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
margin-right: 10px;
border-radius: 5px;
color: #0071f5;
font-size: 18px;
}
.social_media-wrap ul li a:hover {
background: #0071f5;
color: #ffffff;
}
.about-hero {
background: linear-gradient(135deg, rgba(0, 123, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 100%);
padding: 100px 0 80px;
position: relative;
overflow: hidden;
}
.about-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('assets/img/bg-layers.webp') no-repeat center center;
background-size: cover;
opacity: 0.1;
z-index: -1;
}
.hero-content {
text-align: center;
max-width: 800px;
margin: 0 auto;
}
.hero-content h1 {
font-size: 3.5rem;
margin-bottom: 20px;
animation: fadeInUp 1s ease-out;
}
.hero-content p {
font-size: 1.25rem;
color: #555;
margin-bottom: 30px;
animation: fadeInUp 1s ease-out 0.2s both;
}
.stats-section {
padding: 80px 0;
background-color: #f8f9fa;
}
.stat-item {
text-align: center;
padding: 20px;
transition: transform 0.3s ease;
}
.stat-item:hover {
transform: translateY(-10px);
}
.stat-number {
font-size: 3rem;
font-weight: 700;
color: #007bff;
margin-bottom: 10px;
}
.stat-label {
font-size: 1.1rem;
color: #333;
font-weight: 600;
}
.mission-section {
padding: 100px 0;
position: relative;
}
.mission-content {
position: relative;
z-index: 2;
}
.mission-image {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
animation: fadeInRight 1s ease-out;
}
.mission-text {
padding-left: 40px;
animation: fadeInLeft 1s ease-out;
}
.team-section {
padding: 100px 0;
background-color: #f8f9fa;
}
.team-member {
text-align: center;
margin-bottom: 40px;
transition: transform 0.3s ease;
}
.team-member:hover {
transform: translateY(-10px);
}
.team-img {
width: 200px;
height: 200px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto 20px;
border: 5px solid #007bff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.team-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.team-name {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 5px;
}
.team-role {
color: #007bff;
font-weight: 500;
margin-bottom: 15px;
}
.values-section {
padding: 100px 0;
}
.value-card {
text-align: center;
padding: 30px 20px;
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
transition: all 0.3s ease;
background-color: white;
}
.value-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
.value-icon {
width: 80px;
height: 80px;
background-color: rgba(0, 123, 255, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-size: 2rem;
color: #007bff;
}
.cta-section {
padding: 100px 0;
background: linear-gradient(135deg, rgba(0, 123, 255, 0.9) 0%, rgba(0, 86, 179, 0.9) 100%);
color: white;
text-align: center;
}
.cta-content h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}
.cta-content p {
font-size: 1.2rem;
margin-bottom: 30px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.btn-light {
background-color: white;
color: #007bff;
padding: 12px 30px;
border-radius: 30px;
font-weight: 600;
transition: all 0.3s ease;
}
.btn-light:hover {
background-color: #f8f9fa;
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
/* Animations */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translateX(-30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* Responsive adjustments */
@media (max-width: 768px) {
.hero-content h1 {
font-size: 2.5rem;
}
.mission-text {
padding-left: 0;
margin-top: 40px;
}
.stat-number {
font-size: 2.5rem;
}
}
/* Q&A Section Styles */
.qa-section {
border-top: 1px solid #e0e0e0;
transition: all 0.3s ease;
}
.qa-container {
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.qa-header {
padding-bottom: 10px;
border-bottom: 1px solid #e0e0e0;
}
.ask-question-form {
border: 1px solid #e0e0e0;
}
.question-item, .answer-item {
transition: all 0.2s ease;
}
.question-item:hover, .answer-item:hover {
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.user-avatar img {
object-fit: cover;
}
.like-btn {
transition: all 0.2s ease;
}
.like-btn:hover, .like-btn.active {
background-color: #58a78f;
color: white;
border: 1px solid #58a78f !important;
}
.reply-toggle {
transition: all 0.2s ease;
}
.reply-toggle:hover {
background-color: #f8f9fa;
}
.no-answers, .no-questions {
border: 1px dashed #e0e0e0;
}
/* Animation for Q&A section */
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.qa-section.show {
display: block !important;
animation: slideDown 0.3s ease;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.qa-container {
padding: 15px !important;
}
.question-item, .answer-item {
padding: 15px !important;
}
}
.answer-item {
background: rgba(0, 116, 255, 0.1) !important;
}
.answer-content p {
font-size: 16px;
line-height: 26px;
}
.question-content p {
font-size: 16px;
}
.Single_page-sec .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
.single_page .single_sidebar.d-none {
display: block !important;
}
.newsletter_box p {
font-size: 15px;
}
.featured_post h2 {
font-size: 24px;
}
ul.navbar-nav li ul {
display: none;
}
/*ul.navbar-nav li:hover ul {*/
/* display: block;*/
/*}*/
.nav-bar a {
color: #fff;
display: none;
}
/*.left_sidebar.active {*/
/* transform: translateX(0);*/
/* width: 20%;*/
/* position: absolute;*/
/* left: 0px;*/
/* z-index: 9999;*/
/* background: #fff;*/
/* border-bottom-right-radius: 20px;*/
/*}*/
/*.right_sidebar.active {*/
/* transform: translateX(0);*/
/* width: 20%;*/
/* position: absolute;*/
/* right: 0px;*/
/*}*/
.right_sidebar .newsletter_box input {
/*margin-right: 0 !important;*/
font-size: 12px !important;
flex: auto;
max-width: 100% !important;
padding-right: 33% !important;
}
.right_sidebar .newsletter_box button {
flex: 1 !important;
width: auto;
font-size: 12px;
}
.right_sidebar .newsletter_box button:hover {
background: #0661cd !important;
color: #FFF !important;
}
.card_content a:hover, .reccoh_card .link_text a:hover {
text-decoration: underline !important;
}
body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) {
overflow: visible !important;
}
.l_sidebar-box {
height: auto;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
max-height: 80vh;
}
button.swal2-confirm.swal2-styled {
color: #fff;
background-color: #004699;
}
.single_page .single_sidebar.d-none {
display: none !important;
}
.featured-txt a {
color: #0074ff !important;
font-weight: 800 !important;
}
.link_text a:hover {
color: #000 !important;
}
/*Profile Page CSS Starts Here*/
.flex-container main .Home_sec-02.position-relative.overflow-hidden .theme-h2.pt-5.pb-5 .reccoh_card {
padding: 40px 40px;
box-shadow: 2px 4px 15.7px 3px rgba(0, 0, 0, 0.05);
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .theme-h2.pt-5.pb-5 .reccoh_card .row {
align-items: center;
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .theme-h2.pt-5.pb-5 .reccoh_card .row .col-lg-3.col-md-3.col-sm-12 .card_img a img.lozad.w-70 {
width: 100% !important;
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .theme-h2.pt-5.pb-5 .reccoh_card .row .col-lg-3.col-md-3.col-sm-12 .links_wrap.d-flex.align-items-center.pt-3.pb-3 {
display: none !important;
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .theme-h2.pt-5.pb-5 .reccoh_card .row .col-lg-9.col-md-9.col-sm-12 .card_content a {
margin-bottom: 1vw !important;
display: block;
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .reccoh_cards-wrap div.reccoh_card {
box-shadow: 2px 4px 11px 3px rgba(0, 0, 0, 0.05);
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .theme-h2.pt-5.pb-5 .theme_btn.small_btn.d-flex.align-items-center.pt-2 a.clr-blue.bg-transparent.fw-semi.qa-toggle-btn.rccoshowbtn {
margin-left: 0%;
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .theme-h2.pt-5.pb-5 .theme_btn.small_btn.d-flex.align-items-center.pt-2 a.clr-light.bg-blue.fw-semi.qa-toggle-btn.usrshowbtn {
margin-left: 2%;
width: 22%;
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .theme-h2.pt-5.pb-5 .theme_btn.small_btn.d-flex.align-items-center.pt-2 a.clr-light.bg-blue.fw-semi.qa-toggle-btn.usrshowbtn:hover {
color: #0074FF;
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .reccoh_cards-wrap div.reccoh_card .row .col-lg-7.col-md-7.col-sm-12 .card_content .category_wrap.d-flex.align-items-center.justify-content-between.pt-2.pb-4 p {
display: flex;
align-items: center;
margin-left: 0px !important;
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .reccoh_cards-wrap div.reccoh_card .row .col-lg-7.col-md-7.col-sm-12 .card_content .category_wrap.d-flex.align-items-center.justify-content-between.pt-2.pb-4 p a.clr-blue {
margin-left: 10px;
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .reccoh_cards-wrap div.reccoh_card .col-lg-5.col-md-5.col-sm-12 .card_img a img.lozad.w-100 {
border-radius: 12px;
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .reccoh_cards-wrap div.reccoh_card .col-lg-5.col-md-5.col-sm-12 .links_wrap.d-flex.align-items-center.pt-3.pb-3 {
justify-content: flex-start;
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .reccoh_cards-wrap div.reccoh_card .row .col-lg-12.col-md-12.col-sm-12 .theme_btn.small_btn.d-flex.align-items-center.pt-2 {
margin-top: 2vw;
}
.flex-container main .Home_sec-02.position-relative.overflow-hidden .reccoh_cards-wrap div.reccoh_card .row .col-lg-7.col-md-7.col-sm-12 .card_content a.clr-light.bg-blue.d-inline-block {
font-size: 16px;
line-height: 38px;
font-weight: 500;
padding: 3px 30px;
border-radius: 80px;
border: 1px solid #0074FF;
margin-top: 1rem;
}
/*Profile Page CSS Ends Here*/
/*Header Buttons CSS*/
.button-wrap {
display: flex;
gap: 15px;
width: fit-content;
justify-content: end;
}
.button-wrap .btn {
font-size: 19px;
border-radius: 30px;
cursor: pointer;
transition: all 0.2s ease;
padding: 7px 25px;
text-wrap: nowrap;
}
.button-wrap .btn-login {
background: #fff;
color: #0074FF;
border: 2px solid #fff;
}
.button-wrap .btn-signup {
background: transparent;
color: #fff;
border: 2px solid #fff;
}
header.bg-blue.dev-test .header-content nav.navbar.navbar-expand-lg.p-0 .container-fluid.justify-content-start {
justify-content: space-between !important;
}
.button-wrap .btn-login:hover {
background: transparent;
color: #fff;
}
.button-wrap .btn-signup:hover {
background: #fff;
color: #0074FF;
}
.l_sidebar-box ul.navbar-nav a.test.clr-light.bg-blue.fw-semi {
width: max-content;
padding-right: 20px;
}
.button-wrap a.btn.active {
background: #FFF;
color: #0074FF;
}
a.bg-blue:hover {
color: #0074ff !important;
}
button.edit_btn.edit_btn-card {
position: absolute;
right: 20px;
bottom: 20px;
color: #878787 !important;
background: #ebebeb;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
border-radius: 30px;
border: 1px solid #dedede;
}
body select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
/*.recchoh-buttons.Like-btn a {
margin-right: 20px;
padding: 7px 20px;
text-align: center;
font-size: 16px;
line-height: 30px;
font-weight: 400 !important;
border-radius: 110px;
border: 1px solid #0074ff !important;
text-decoration: none !important;
}
.like-btn-parent .dark-btn {
padding: 7px 20px !important;
border-radius: 20px;
}
.recchoh-buttons.Like-btn .btn-success {
background: #69b18f;
border: 1px solid #69b18f !important;
}*/
.light-btn:hover{
background: #0074FF;
color: #fff !important;
}
/*.recchoh-buttons .dark-btn::before {*/
/* content: '\f164';*/
/* position: absolute;*/
/* font-family: "Font Awesome 5 Free" !important;*/
/* font-weight: 800;*/
/* font-size: 12px;*/
/* left: 15px;*/
/*}*/
/*.recchoh-buttons .light-btn::before {
content: '\f2bd';
position: absolute;
font-family: "Font Awesome 5 Free" !important;
font-weight: 800;
font-size: 19.5px;
left: 4px;
top: 3px;
}*/
/*.Like-btn {
position: relative;
}*/
.dark-btn {
background: #0074ff;
color: #fff !important;
}
.col1,
.col2,
.col3 {
display:flex;
flex-direction:column;
}
.col3 {
padding-top: 30px;
align-items: start;
}
/*.recchoh-buttons .light-btn {
position: relative;
border: 0 !important;
}*/
.recchoh-buttons.Like-btn a:last-child {
margin: 0;
}
.reccoh_card.userr-card {
padding-bottom: 60px;
}
.btnActSave,
.btnActSaved,
.btnActLike,
.btnActLiked{
display: inline-block;
font-size: 14px !important;
line-height: 1.2 !important;
padding: 7px 17px;
min-width: 80px !important;
text-align: center;
border-radius: 30px;
background: #0074ff;
color: #FFF;
border: 1px solid #0074ff;
outline: none;
cursor: pointer;
transition: .3s all ease !important;
}
.btnActSaved,
.btnActLiked{
background-color: #198754;
border-color: #198754;
}
.btnActions button.btnActSave:hover,
.btnActions a.btnActLike:hover{
background: #0461d1 !important;
}
.btnActSave:hover,
.btnActSaved:hover,
a.btnActLike:hover,
a.btnActLiked:hover{
color: #FFF;
text-decoration: none !important;
transition: .3s all ease !important;
}
.btnActions a.btnActLiked,
.btnActions button:disabled{
opacity: 0.65;
pointer-events: none;
}
.btnActLikedBy {
position: relative;
font-size: 15px;
line-height: 1;
background: transparent;
padding: 8px 8px 8px 30px !important;
min-width: 90px;
display: inline-block;
border-radius: 20px;
border: 1px solid blue;
}
.btnActLikedBy::before {
content: '\f2bd';
position: absolute;
font-family: "Font Awesome 5 Free" !important;
font-weight: 800;
height: fit-content;
font-size: 20px;
left: 6px;
top: 1px;
bottom: 0;
margin: auto 0;
}
a.btnActLikedBy:hover {
text-decoration: none !important;
}
a.like-reccoh-btn,
.save-reccoh-btn{
font-size: 14px !important;
padding: 7px 17px !important;
line-height: 1.2 !important;
}
li.nav-item.dropdown .dropdown-menu {
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
display: block !important;
}
li.nav-item.dropdown.open .dropdown-menu {
max-height: 100%;
opacity: 1;
visibility: visible;
transition: all 0.5s ease;
}
.reccoh_card .row .col-lg-7.col-md-7.col-sm-12 {
padding-left: 0 !important;
}