.preload, .preload *, .preload *::before, .preload *::after { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; animation-duration: 0s !important; -webkit-animation-duration: 0s !important; } @font-face { font-family: "Inter"; src: url("/fonts/Inter_18pt-Regular.ttf") format("ttf"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "PlusJakartaSans"; src: url("../fonts/PlusJakartaSans-Regular.ttf"); } :root { --primary: #ff2c2c; --primary-gradient: linear-gradient(106.09deg, #ff2c2c 6.38%, #c90c0c 125.62%); --white: #ffffff; --black: #171504; --gray: #6b7280; --bs-heading-color: #212529; } body { padding: 0; margin: 0; font-size: 16px; color: var(--gray); font-family: "PlusJakartaSans", sans-serif; overflow-x: hidden; } a, button { outline: none !important; text-decoration: none; box-shadow: none; transition: all 0.4s ease-in-out; } a:hover, a:focus, select:focus, button:focus, .btn:focus, btn.focus { outline: none; text-decoration: none; box-shadow: none; } * { margin: 0; padding: 0; } img { border: none; vertical-align: middle; max-width: 100%; height: auto; } li { list-style: none; } h1, h2, h3, h4, h5, h6 { outline: none; } input, select, textarea, button { outline: none !important; box-shadow: none; } input, textarea, select { box-shadow: none !important; } .container { width: 100%; max-width: 1410px; margin: 0 auto; } p { font-size: 20px; line-height: 32px; } p strong { font-weight: 700; } .global_title { margin: 0 0 22px; padding: 0; font-size: 50px; font-weight: 700; color: var(--black); } .global_title small { margin: 0 0 10px; padding: 0; font-size: 20px; line-height: normal; color: var(--primary); font-weight: 400; display: block; text-transform: uppercase; } .btns { padding: 11px 23px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; background: none; color: var(--primary); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 50px; gap: 10px; position: relative; } .btns:hover { background: var(--primary-gradient); color: var(--white); border-color: var(--primary); } .btns i { margin: 0; padding: 0; transition: all 0.3s ease-in-out; height: 36px; width: 33px; min-width: 33px; position: relative; } .btns i::before { content: ""; position: absolute; margin: auto; top: 0; right: 0; left: 0; bottom: 0; background: url(../images/btns_right_arrow.svg) center center no-repeat; background-size: 100% 100%; height: 20px; width: 20px; transition: all 0.6s ease-in-out; } .btns i::after { content: ""; position: absolute; top: 0; right: 0; background: url(../images/btns_arrow_border.svg) center center no-repeat; background-size: 100% 100%; height: 36px; width: 33px; transition: all 0.6s ease-in-out; } .btns:hover i::after, .btns:hover i::before { filter: brightness(0) invert(1); } .btns.fill { background: var(--primary-gradient); color: var(--white); border-color: var(--primary); } .btns.fill:hover { background: #ff4040; border-color: #ff4040; color: var(--white); } .btns.fill i::after, .btns.fill i::before { filter: brightness(0) invert(1); } .btns:hover i::after { transform: rotate(360deg); } .btns.dark { background: #161616; border-color: #161616; color: var(--white); } .btns.dark:hover { background: #363636; border-color: #363636; color: var(--white); } .header_sec { width: 100%; padding: 16px 0; margin: 0; position: absolute; top: 0; z-index: 1000; transition: all 0.4s ease-in-out; } .header_sec:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(51, 3, 3, 0.9); filter: blur(50px); } .header_sec .navbar { margin: 0; padding: 0; } .header_sec .navbar-brand { width: 130px; margin: 0; padding: 0; } .header_sec .navbar-brand img { width: 100%; } .header_sec .navbar-light .navbar-nav .nav-item { margin: 0 0 0 35px; display: flex; align-items: center; gap: 5px; } .header_sec .navbar-light .navbar-nav .nav-item:last-child { border-bottom: none !important; } .header_sec .navbar-light .navbar-nav .nav-link { margin: 0; padding: 0; font-weight: 500; font-size: 16px !important; color: var(--white); position: relative; display: inline-block; } .header_sec .navbar-light .navbar-nav .nav-link::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/btns_arrow_border.svg) center center no-repeat; background-size: 100% 100%; height: 36px; width: 33px; transition: all 0.8s ease-in-out; opacity: 0; } .header_sec .navbar-light .navbar-nav .nav-link.active::before, .header_sec .navbar-light .navbar-nav .nav-link:hover::before { opacity: 1; transform: translate(-50%, -50%) rotate(360deg); } .header_sec .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover { color: var(--primary); } .header_sec .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .show>.nav-link { color: var(--primary); } .header_sec .navbar-light .navbar-nav .nav-link.dropdown-toggle::before { display: none; } .nav-btns { margin: 0; padding: 0; display: flex; gap: 6px; } .nav-btns .login_btn { margin: 0; padding: 6px 30px 6px 30px; color: var(--primary); background: var(--white); border-radius: 100px; font-size: 20px; font-weight: 500; display: inline-block; border: 1px solid var(--primary) !important; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; } .nav-btns .login_btn.fill { background: var(--primary-gradient); color: var(--white); border-color: var(--primary); } .nav-btns .login_btn:hover { background: var(--primary); color: var(--white); border-color: var(--primary); } .nav-btns .login_btn.fill:hover { background: #ff4040; color: var(--white); border-color: #ff4040; } .header_sec .dropdown-toggle::after { content: ""; width: 26px; height: 26px; background: url(../images/down_arrow.svg) center center no-repeat; border: none; position: relative; top: 5px; right: 3px; filter: brightness(0) invert(1); } .header_sec .dropdown-menu { padding: 5px; border: none; animation: growOut 300ms ease-in-out forwards; } .header_sec .dropdown-menu li { padding: 5px 0; } .header_sec .dropdown-menu .dropdown-item:hover { background: var(--primary); color: var(--white); } @media (min-width: 992px) { .header_sec .navbar-light .navbar-nav .dropdown-menu { top: 100%; } .header_sec .navbar-light .navbar-nav .nav-item:hover .dropdown-menu { display: block; } } @keyframes growOut { 0% { transform: scale(0); } 80% { transform: scale(1.1); } 100% { transform: scale(1); } } .header-relative { position: relative; background: var(--white); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .header-relative:before { display: none; } .header-relative .navbar-brand img { filter: brightness(0); } .header-relative .navbar-light .navbar-nav .nav-link { color: var(--gray); } .header-relative .nav-btns .login_btn { border: 1px solid var(--primary-gradient); } .header-relative .nav-btns .login_btn.fill:hover { border-color: var(--primary-gradient); } .after_login .container { width: 96%; max-width: 1850px; } ul.top_list { margin: 0 40px 0 0; padding: 0; display: flex; align-items: center; gap: 30px; } ul.top_list .msg { margin: 0 0 9px 0 !important; padding: 0; display: flex; align-items: center; } ul.top_list .msg-2 { margin: 2px 0 0 0 !important; padding: 0; display: flex; align-items: center; } ul.top_list li { position: relative; padding: 10px 0; } #searchIcon .input-group { min-width: 250px; position: absolute; top: 100%; right: 0; background: var(--white); padding: 15px 15px 15px 25px; border-radius: 10px; box-shadow: 0px 6px 30px 0px rgba(233, 233, 233, 0.8); } #searchIcon .input-group .form-control { border: none; padding: 0 10px 0 0; } #searchIcon .input-group .btn { padding: 0; border: none; } .notifyWrapper { margin: 0; padding: 0; position: relative; } .notifyWrapper .dropdown-toggle { margin: 0; padding: 0; background: none; border: none; position: relative; } .notifyWrapper .dropdown-toggle .blink { width: 12px; height: 12px; border-radius: 8px; border: 2px solid var(--white); background: var(--primary); position: absolute; right: -2px; top: -2px; } .notifyWrapper .dropdown-toggle::after { display: none; } .notifyWrapper .dropdown-menu { margin: 15px 0 0 0; padding: 0; min-width: 260px; max-width: 260px; border: none; border-radius: 20px; background: var(--white); box-shadow: none; left: auto; right: 0; animation: growOut 300ms ease-in-out forwards; transform-origin: top right; overflow: hidden; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 1); } .notifyWrapper .notifyHeader { margin: 0; padding: 20px 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .notifyWrapper .notifyHeader h4 { margin: 0; padding: 0; font-size: 15px; color: var(--black); font-weight: 600; } .notifyWrapper .notifyHeader .read_link { margin: 0; padding: 0; display: inline-block; font-size: 10px; font-weight: 400; color: var(--black); text-decoration: underline; } .notifyWrapper .notifyHeader .read_link:hover { text-decoration: none; color: var(--primary); } .notifyWrapper .notification_scroll { height: 240px; } .notifyWrapper .notification_scroll .mCSB_inside>.mCSB_container { margin-right: 0; } .notifyWrapper .mCSB_scrollTools .mCSB_draggerRail { background: rgba(0, 0, 0, 0.2); } .notifyWrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: var(--black); } .notifyWrapper .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: var(--black); } .notifyWrapper .notify_item { margin: 0; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: block; } .notifyWrapper .notify_item .item_info { margin: 0; padding: 14px 20px; display: flex; align-items: center; gap: 10px; } .notifyWrapper .notify_item .item_info figure { width: 25px; min-width: 25px; max-width: 25px; margin: 0; padding: 0; border-radius: 50%; } .notifyWrapper .notify_item .item_info figure img { border-radius: 50%; } .notifyWrapper .notify_item .item_info p { margin: 0; padding: 0; font-size: 10px; color: var(--black); line-height: normal; } .notifyWrapper .notify_item .item_info p strong { font-weight: 600; } .notifyWrapper .notify_item .item_info:hover { background: #f5f5f5; } .user_drop { margin: 0; padding: 0; display: flex; -ms-flex-align: center; align-items: center; justify-content: center; } .user_drop .dropdown-toggle { font-size: 24px !important; color: var(--white); display: flex; -ms-flex-align: center; align-items: center; justify-content: center; margin: 0; padding: 0; background: none; border: none; gap: 4px; } .user_drop .dropdown-toggle figure { width: 50px; height: 50px; display: flex; padding: 0; border-radius: 50%; position: relative; } .user_drop .dropdown-toggle figure>img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .user_drop .dropdown-toggle span { margin: 0; padding: 0; overflow: hidden; display: inline-block; } .user_drop .dropdown-toggle:hover, .user_drop .dropdown-toggle:focus { color: var(--gray); } .user_drop .dropdown-menu { margin: 12px 0 0; padding: 26px 0px 20px 24px; min-width: 252px; border: none; border-radius: 20px; background: var(--white); left: auto; right: 0; animation: growOut 300ms ease-in-out forwards; transform-origin: top right; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 1); } .user_drop .user_info { margin: 0 0 15px; padding: 0; text-align: center; } .user_drop .user_info figure { width: 50px; height: 50px; display: flex; margin: 0 auto 12px; padding: 0; border-radius: 50%; position: relative; } .user_drop .user_info figure>img { width: 100%; height: 100%; border-radius: 50%; } .user_drop .user_info figure a { width: 22px; height: 22px; border-radius: 50%; background: var(--black); display: inline-flex; position: absolute; right: -4px; bottom: -6px; justify-content: center; align-items: center; } .user_drop .user_info figure a:hover { background: var(--primary); } .user_drop .user_info strong { font-size: 16px; font-weight: 600; color: var(--black); display: block; } .user_drop .user_info span { font-size: 14px; color: var(--gray); } @keyframes growOut { 0% { transform: scale(0); } 80% { transform: scale(1.1); } 100% { transform: scale(1); } } .header_sec.sticky { padding: 10px 0; position: fixed; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); z-index: 999 !important; animation: slide-down 0.4s; } .header_sec.sticky:before { background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(15px); filter: inherit; } .header_sec.sticky .navbar-brand { width: 150px; } @keyframes slide-down { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 0.9; transform: translateY(0); } } .footer_sec { margin: 0; padding: 70px 0 0 0; background: #000000; } .footer_sec .ftr_logo { margin: 0 0 40px; padding: 0; } .footer_sec .call_dtl { margin: 0; padding: 22px; display: flex; gap: 10px; background: #ffffff1a; max-width: 250px; border: 1px solid #f9f9fa7a; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } .footer_sec .call_dtl i { margin-top: -2px; color: white; } .footer_sec .call_dtl h2 { margin: 0; padding: 0; font-size: 17px; font-weight: 400; color: white; } .footer_sec .call_dtl h2 a { margin-top: 2px; font-weight: 700; color: white; display: block; } .footer_sec .call_dtl h2 a:hover { color: var(--primary); } .footer_sec h3 { margin: 0 0 16px; padding: 0; font-size: 19px; font-weight: 700; color: var(--white); } ul.footer_link { margin: 0; padding: 0; } ul.footer_link li { margin: 0 0 10px; padding: 0; font-size: 16px; } ul.footer_link li a { color: #ffffffcc; position: relative; } ul.footer_link li a:hover { color: var(--primary); } ul.footer_link li a::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/btns_arrow_border.svg) center center no-repeat; background-size: 100% 100%; height: 33px; width: 33px; transition: all 0.8s ease-in-out; opacity: 0; } ul.footer_link li a:hover::before { opacity: 1; transform: translate(-50%, -50%) rotate(360deg); } .news_form { padding: 0; margin: 0 0 45px 0; } .news_form .input-group .form-control { margin: 0; padding: 15px 60px 15px 28px; background: none; color: #888888; outline: none; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 80px !important; font-size: 18px; } .news_form .input-group .form-control::placeholder { color: #888888; } .news_form .input-group .form-control:focus { border-color: var(--primary); } .news_form .input-group .btn { margin: 0; padding: 0; border: none; background: none; position: absolute; top: 50%; right: 13px; transform: translate(0, -50%); height: 35px; width: 35px; min-width: 35px; z-index: 5; } .news_form .input-group .btn:focus { background: none; } .news_form .input-group .btn::before { content: ""; position: absolute; margin: auto; top: 0; right: 0; left: 0; bottom: 0; background: url(../images/btns_right_arrow.svg) center center no-repeat; background-size: 100% 100%; height: 20px; width: 20px; transition: all 0.6s ease-in-out; } .news_form .input-group .btn::after { content: ""; position: absolute; top: 0; right: 0; background: url(../images/btns_arrow_border.svg) center center no-repeat; background-size: 100% 100%; height: 36px; width: 33px; transition: all 0.6s ease-in-out; } .news_form .input-group .btn:hover::after, .news_form .btn:hover::before { filter: brightness(0) invert(1); transform: rotate(360deg); } ul.social_icon { margin: 0; padding: 0; display: flex; align-items: center; gap: 22px; flex-wrap: wrap; } ul.social_icon li { margin: 0; padding: 0; } ul.social_icon li a { display: inline-flex; height: 60px; width: 60px; min-width: 60px; border-radius: 60px; background: rgba(255, 255, 255, 0.08); align-items: center; justify-content: center; } ul.social_icon li a img { transition: all 0.4s ease-in-out; height: 27px; width: 27px; } ul.social_icon li a:hover { background: var(--primary); } ul.social_icon li a:hover img { filter: brightness(0) invert(1); transform: scale(1.1); } .copyright { margin: 50px 0 0 0; padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); } .copyright p { margin: 0; padding: 0; text-align: center; font-size: 16px; color: #ffffff; } .copyright p span { color: #ffffff; margin: 0 3px; } .copyright p a { color: #ffffff; } .copyright p a:hover { color: var(--primary); } .copyright p strong { color: var(--white); font-weight: 700; text-transform: uppercase; } .copyright p strong small { font-weight: 400; } #return-to-top { position: fixed; bottom: 10px; right: 26px; color: var(--white); background: var(--primary); width: 38px; height: 38px; font-size: 18px; line-height: 38px; border-radius: 50%; text-decoration: none; text-align: center; display: none; transition: all 0.3s ease; } #return-to-top span { display: inline-block; transform: rotate(-90deg); } #return-to-top:hover { background: #ff4040; color: var(--white); } section { padding: 0; margin: 0; } .hero_sec { padding: 0; margin: 0; position: relative; } .hero_cap { width: 100%; margin: 0; padding: 0; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%); } .hero_cap .cap_inn { max-width: 660px; } .hero_cap figure { margin: 0 0 12px; padding: 0; } .hero_cap figure img { width: auto !important; } .hero_cap h1 { padding: 0; margin: 0 0 25px 0; font-size: 80px; font-weight: 700; color: #ffffff; } .hero_cap h1 strong { color: #ff0000; } .hero_cap h1 span { font-weight: 300; } .hero_sec .owl-carousel .owl-dots { width: 100%; margin: 0; padding: 0; text-align: center; position: absolute; left: 0; bottom: 5%; z-index: 9; } .hero_sec .owl-carousel .owl-dot { margin: 0 6px; display: inline-block; } .hero_sec .owl-carousel .owl-dot span { width: 9px; height: 9px; display: block; border-radius: 50%; background: var(--white); transition: transform 0.2s linear; } .hero_sec .owl-carousel .owl-dot.active span { background: var(--primary); transform: scale(1.4); } .hero_sec .owl-item.active .hero_cap figure, .hero_sec .owl-item.active .hero_cap h1, .hero_sec .owl-item.active .hero_cap .btns { animation-duration: 1s; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .anonymity_sec { margin: 0; padding: 160px 0 120px 0; } .anonymity_sec .title { margin: 0 0 44px 0; padding: 0; font-size: 60px; line-height: 85px; font-weight: 700; color: var(--black); } .anonymity_sec figure { margin: 0; padding: 0; } .anonymity_sec figure img { width: 100%; } .anonymity_sec .detail { margin: 0; padding: 30px 30px 30px 90px; max-width: 740px; } .anonymity_sec h4 { margin: 0 0 18px; padding: 0; font-size: 21px; line-height: 30px; font-weight: 700; color: var(--black); } .anonymity_sec p { margin: 0 0 30px; padding: 0; } .safety_sec { margin: 0; padding: 0; } .safety_sec .safety_block { margin: 0; padding: 0; overflow: hidden; } .safety_sec p { margin: 0 0 30px; padding: 0; position: relative; } .safety_sec p strong { font-weight: 600; color: var(--black); } .safety_sec figure { margin: 0 -58% -23%; padding: 0; } .exclusive_sec { position: relative; overflow: hidden; margin: 0; padding: 125px 0 120px; } .exclusive-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .exclusive_sec .container { position: relative; z-index: 1; } .exclusive_block { margin: 0 0 0 auto; padding: 0; max-width: 560px; } .exclusive_block h3 { margin: 0 0 15px; padding: 0; font-size: 22px; line-height: 32px; font-weight: 600; color: var(--white); } .exclusive_block p { margin: 0 0 30px; padding: 0; color: var(--white); } .testi_sec { position: relative; overflow: hidden; padding: 125px 0 90px; } .testi-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .testi_sec .container { position: relative; z-index: 1; } .testi_slider { position: relative; padding: 110px 0 110px 600px; z-index: 2; } .testi_slider::before { content: ""; position: absolute; top: 50%; transform: translate(0, -50%); left: 0; background: url(../images/testi_slide_img.svg) center center no-repeat; background-size: 100% 100%; height: 520px; width: 520px; } .testi_slider .feedback-slider-item { position: relative; padding: 0; margin: 0; display: flex; gap: 66px; align-items: center; } .testi_slider .owl-carousel .owl-stage-outer { margin: 0 0 0 -145px; padding: 0 0 0 145px; } .testi_slider figure { opacity: 0; margin: 0; min-width: 117px; width: 117px; height: 117px; border-radius: 50%; padding: 8px; transition: 0.4s ease-in-out; position: absolute; top: 50%; transform: translate(0, -50%); left: -145px; } .testi_slider figure:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: 0.6s ease-in-out; border: 2px solid var(--primary); border-radius: 50%; transform: scale(0); } .testi_slider figure img { border-radius: 50%; object-fit: cover; animation-duration: 0.4s !important; height: 100%; filter: blur(2px); } .testi_slider .owl-item.active figure::before { transform: scale(1); } .testi_slider .owl-item.active figure { opacity: 1; } .testi_slider .owl-item { transition: 0.6s ease-in-out; } .testi_slider p { margin: 0 0 25px 0; padding: 0; font-size: 24px; line-height: 45px; overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .testi_slider .authore { margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between; } .testi_slider .authore span { margin: 0; padding: 0; font-size: 25px; font-weight: 700; color: var(--primary); } .testi_slider .thumb-prev { position: absolute; z-index: 99; top: 70px; width: 76px; height: 76px; left: 420px; cursor: pointer; transition: 0.3s; border-radius: 50%; } .testi_slider .thumb-next { position: absolute; z-index: 99; bottom: 70px; width: 76px; height: 76px; left: 420px; cursor: pointer; transition: 0.3s; border-radius: 50%; } .testi_slider .feedback-slider-thumb img { overflow: hidden; animation-duration: 0.4s !important; object-fit: cover; border-radius: 50%; filter: blur(2px) grayscale(1); } .testi_sec .owl-carousel .owl-nav button { width: auto; height: auto; font-size: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; height: 55px; width: 55px; position: absolute; left: -370px; background: var(--white); color: rgba(0, 0, 0, 0.5) !important; z-index: 555; transition: all 0.6s ease-in-out; } .testi_sec .owl-carousel .owl-nav button.owl-prev { top: -122px; } .testi_sec .owl-carousel .owl-nav button.owl-prev:after { content: ""; width: 32px; height: 32px; background: url(../images/testi_arrow_1.svg) center center no-repeat; background-size: 100% 100%; } .testi_sec .owl-carousel .owl-nav button.owl-next { bottom: -122px; } .testi_sec .owl-carousel .owl-nav button.owl-next:after { content: ""; width: 32px; height: 32px; background: url(../images/testi_arrow_1.svg) center center no-repeat; background-size: 100% 100%; transform: rotate(-180deg); } .testi_sec .owl-carousel .owl-nav button:hover:after { filter: brightness(0) saturate(100%) invert(37%) sepia(94%) saturate(7397%) hue-rotate(357deg) brightness(90%) contrast(128%); } .testi_sec .owl-carousel .owl-dots { width: 100%; margin: 15px 0 0; padding: 0; text-align: center; position: relative; left: 0; bottom: 0; z-index: 9; } .testi_sec .owl-carousel .owl-dot { margin: 0 6px; display: inline-block; } .testi_sec .owl-carousel .owl-dot span { width: 8px; height: 8px; display: block; border-radius: 50%; background: #bfbfbf; } .testi_sec .owl-carousel .owl-dot.active span { background: #231f20; } .video_sec { margin: 0; padding: 0; position: relative; } .video_sec figure { margin: 0; padding: 0; } .video_sec figure img { width: 100%; object-fit: cover; height: 800px; } .video_sec .button { width: 100%; margin: 0; padding: 20px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video_sec .play_btns { margin: 0; padding: 15px 68px 15px 23px; background: var(--primary-gradient); color: var(--white); border-radius: 60px; font-size: 20px; font-weight: 700; display: inline-flex; gap: 15px; position: relative; align-items: center; } .video_sec .play_btns::before { content: ""; width: 43px; height: 43px; background: url(../images/play_circle.svg) center center no-repeat; position: absolute; top: 50%; transform: translate(0, -50%); right: 9px; transition: all 0.2s ease-in-out; } .video_sec .play_btns:hover { background: var(--white); color: var(--primary-gradient); } .video_sec .play_btns:hover:before { filter: brightness(0) invert(16%) sepia(89%) saturate(7377%); } .video_sec .video { line-height: 0; } .product_modal .modal-body { padding: 0; } .product_modal .modal-body .btn-close { width: 25px; height: 25px; background-color: var(--primary-gradient); border-radius: 50%; position: absolute; top: -14px; right: -14px; opacity: 1; filter: inherit; } .product_modal .modal-body iframe { display: flex; } .product_modal .modal-dialog { max-width: 730px; padding: 0 20px; } .register_sec { position: relative; overflow: hidden; margin: 0; padding: 120px 0; background-color: #0d0d0d; } .register-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .register_sec .container { position: relative; z-index: 1; } .register_sec h1 { margin: 0 0 40px; padding: 0; font-size: 35px; font-weight: 700; color: var(--black); text-align: center; } .register_inn { margin: 0; padding: 85px 240px 100px; background: rgba(249, 249, 249, 0.94); border: 2px solid var(--white); box-shadow: 0 11px 50px rgba(0, 0, 0, 0.16); backdrop-filter: blur(10px); } .register_sec h3 { margin: 30px 0; padding: 0 0 10px 0; font-size: 26px; font-weight: 700; color: var(--black); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .form_block { margin: 0 0 30px; padding: 0; position: relative; } .form_block label { padding: 0 0 5px; margin: 0; font-size: 15px; font-weight: 500; color: var(--black); } .tooltip_btn { margin: 0; padding: 0; display: inline-flex; width: 15px; height: 15px; background: var(--gray); border-radius: 50%; border: none; justify-content: center; align-items: center; } .tooltip_btn img { width: 70%; filter: brightness(0) invert(1); } .form_block .form-control { margin: 0; padding: 5px 25px; font-size: 18px; color: var(--gray); height: 50px; border-radius: 50px; border-color: rgba(0, 0, 0, 0.2); } .form_block .form-control::placeholder { color: var(--gray); } .form_block .form-control:focus { border-color: var(--primary); } .form_block textarea.form-control { height: 150px; resize: none; padding: 20px 25px; border-radius: 20px; font-size: 15px; color: #979797; } .form_block textarea.form-control::placeholder { color: #979797; } .form_block .hair_box { margin: 0 0 30px 0; padding: 0; display: flex; align-items: center; gap: 60px; flex-wrap: wrap; } .form_block .form-check { margin: 0; display: flex; align-items: center; gap: 5px; } .form_block .form-check-input { height: 20px; width: 20px; min-width: 20px; border-color: #cccccc; margin-top: 0; } .form_block .form-check-label { padding: 0; font-size: 15px; color: var(--black); } .form_block .form-check-input:checked { background-color: var(--primary); border-color: var(--primary); } .form_block .bootstrap-select { width: 100% !important; } .form_block .bootstrap-select .btn { margin: 0; padding: 5px 45px 5px 25px; font-size: 18px; color: var(--gray); height: 50px; border-radius: 50px; background: var(--white); border-color: rgba(0, 0, 0, 0.2); } .form_block .bootstrap-select .btn:focus { outline: none !important; } .form_block .bootstrap-select .dropdown-menu { padding: 0; } .form_block .bootstrap-select .dropdown-menu li { margin-bottom: 5px; } .form_block .bootstrap-select .dropdown-menu li:last-child { margin-bottom: 0; } .form_block .bootstrap-select .dropdown-toggle .filter-option { height: auto; } .form_block .bootstrap-select .dropdown-toggle::after { content: ""; width: 22px; height: 22px; background: url(../images/CaretDown.svg) center center no-repeat; background-size: 100% 100%; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); border: none; } .form_block .bootstrap-select .dropdown-item:focus, .form_block .bootstrap-select .dropdown-item:hover { background: #88e99c1c; color: #6b7280; outline-color: transparent !important; } .form_block .bootstrap-select .dropdown-item.active, .form_block .bootstrap-select .dropdown-item:active { background: #88e99c1c; color: #47a8de; } .form_block .iti { width: 100%; } .form_block .iti__selected-flag { padding: 0 15px; position: relative; background-color: transparent !important; border-radius: 0; min-width: 80px; } .form_block .iti__flag { background-color: transparent; box-shadow: none; } .form_block .iti__selected-flag::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; background: #cccccc; height: 20px; width: 1px; } .form_block .iti--allow-dropdown input, .form_block .iti--allow-dropdown input[type="text"], .form_block .iti--allow-dropdown input[type="tel"], .form_block .iti--separate-dial-code input, .form_block .iti--separate-dial-code input[type="text"], .form_block .iti--separate-dial-code input[type="tel"] { padding-left: 95px !important; padding-right: 20px; } .form_block .iti__arrow { border: none; position: relative; } .form_block .iti__arrow::before { content: ""; width: 18px; height: 18px; background: url(../images/CaretDown.svg) center center no-repeat; background-size: 100% 100%; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); border: none; } .form_block .iti__selected-flag .iti__selected-dial-code { display: none; } .form_block .drop-zone { height: 150px; padding: 15px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 18px; background: #e0e0e0; cursor: pointer; color: var(--gray); border: 1px dashed rgba(0, 0, 0, 0.2); border-radius: 20px; } .form_block .drop-zone__prompt { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; } .form_block .drop-zone__prompt img { min-width: 32px; height: 32px; } .form_block .drop-zone__input { display: none; } .form_block .drop-zone__thumb { width: 100%; height: 100%; border-radius: 15px; overflow: hidden; background-size: cover; position: relative; } .form_block .drop-zone__thumb::after { content: attr(data-label); position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 0; color: #ffffff; background: rgba(0, 0, 0, 0.75); font-size: 14px; text-align: center; } .login_sec { position: relative; overflow: hidden; } .login_sec .container { max-width: 600px; } .login_inn { margin: 0 auto; padding: 50px 70px; box-sizing: border-box; background: rgba(249, 249, 249, 0.94); border: 2px solid var(--white); box-shadow: 0 11px 50px rgba(0, 0, 0, 0.16); backdrop-filter: blur(10px); } .login_inn .login_logo { margin: 0 0 40px; padding: 0; text-align: center; } .login_inn .login_logo img { filter: brightness(0); } .login_inn h1 { margin: 0 0 30px; color: var(--black); } .login_inn .remember_box { margin: 0 0 25px 0; padding: 0; display: flex; align-items: center; justify-content: space-between; } .login_inn .form-check { margin: 0; display: flex; align-items: center; gap: 5px; } .login_inn .form-check-input { height: 20px; width: 20px; min-width: 20px; border-color: #cccccc; margin-top: 0; } .login_inn .form-check-label { font-size: 15px; color: var(--black); } .login_inn .form-check-input:checked { background-color: var(--primary); border-color: var(--primary); } .login_inn .forgot_link { margin: 0; padding: 0; display: inline-block; font-size: 15px; color: var(--primary); } .login_inn .register { margin: 35px 0 0 0; padding: 0; font-size: 15px; color: var(--black); text-align: center; } .login_inn .register a { font-weight: 500; color: var(--primary); } .login_inn .register a:hover { color: var(--black); } .blog_sec { position: relative; overflow: hidden; margin: 0; padding: 80px 0; } .blog_sec h2 { margin: 0 0 40px; padding: 0; font-size: 35px; font-weight: 700; color: var(--black); text-align: center; } .blog_block { margin: 0 0 30px; padding: 25px 25px 30px 25px; background: var(--white); border-radius: 20px; height: calc(100% - 30px); border: 1px solid var(--white); transition: all 0.4s ease-in-out; } .blog_block figure { margin: 0 0 25px; padding: 0; border-radius: 12px; } .blog_block figure img { width: 100%; border-radius: 12px; } .blog_block .blog_cap { margin: 0 0 20px; padding: 0 0 25px; display: flex; align-items: center; gap: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .blog_block .blog_cat { margin: 0; padding: 4px 15px; font-size: 16px; font-weight: 600; color: var(--white); background: var(--primary); border-radius: 40px; display: inline-block; } .blog_block .blog_cat:hover { background: #ff4040; } .blog_block .date { margin: 0; padding: 0; font-size: 16px; } .blog_block h3 { margin: 0; padding: 0; font-size: 23px; font-weight: 500; color: var(--black); } .blog_block h3 a { color: var(--black); } .blog_block:hover { border: 1px solid var(--primary); } .blog_block:hover h3 a { color: var(--primary); } .pagination { margin: 20px 0 0; justify-content: center; gap: 15px; flex-wrap: wrap; } .pagination .page-link { padding: 6 16px; background: white; border: 1px solid transparent; color: #171504; } .pagination .page-link.next { font-weight: 600; } .pagination .page-link:focus { box-shadow: none; } .pagination .page-link.active, .pagination .page-link:hover { background: var(--primary); border-radius: 5px; font-weight: 600; color: var(--white); } .blog_details { margin: 0; padding: 25px 0 90px; } .blog_details .joy_cap { margin: 0 0 22px; padding: 0; display: flex; align-items: center; justify-content: center; gap: 20px; } .blog_details .joy_cat { margin: 0; padding: 4px 15px; font-size: 16px; font-weight: 600; color: var(--white); background: var(--primary); border-radius: 40px; display: inline-block; } .blog_details .joy_cat:hover { background: #ff4040; } .blog_details .date { margin: 0; padding: 0; font-size: 16px; } .blog_details h2 { margin: 0 0 30px; padding: 0; font-size: 35px; font-weight: 700; color: var(--black); text-align: center; } .blog_details figure { margin: 0 0 50px 0; padding: 0; } .blog_details figure img { width: 100%; } .joy_info { margin: 0; padding: 0 35px 0 0; } .typo_info p { font-family: 'Cardo', sans-serif; margin: 0 0 38px; line-height: 30px; font-size: 17px; color: #fff; padding: 0; } .typo_info p strong { font-weight: 600; } .typo_info h3 { margin: 0 0 20px; padding: 0; font-size: 30px; font-weight: 700; color: var(--black); } .typo_info figure { margin: 0 0 50px 0; padding: 0; } .typo_info figure img { width: 100%; } .typo_info .joys_box { margin: 0 0 50px; padding: 45px 82px; background: #f5f5f5; border-left: 4px solid var(--primary); } .typo_info .joys_box h4 { margin: 0; padding: 0; font-size: 22px; line-height: 41px; font-weight: 500; color: var(--black); } ul.joy_list { margin: 0; padding: 0; } ul.joy_list li { margin: 0 0 15px; padding: 0 0 0 28px; font-size: 20px; font-weight: 500; position: relative; } ul.joy_list li::before { content: ""; position: absolute; top: 3px; left: 0; background: url(../images/check_circle_ic.svg) center center no-repeat; background-size: 100% 100%; height: 22px; width: 22px; } .sidebar { margin: 0; padding: 0; } .sidebar h3 { margin: 0 0 15px; padding: 0; font-size: 25px; font-weight: 700; color: var(--black); } .newslatter { margin: 0 0 30px; padding: 40px 30px; background: #f5f5f5; } .newslatter span { margin: 0 0 18px; padding: 0; height: 85px; width: 85px; min-width: 85px; border-radius: 80px; background: var(--white); display: inline-flex; align-items: center; justify-content: center; } .newslatter .input-group { gap: 15px; } .newslatter .form-control { padding: 10px 20px; border-radius: 50px !important; height: 60px; font-size: 18px; border-color: rgba(0, 0, 0, 0.2); color: #888888; } .newslatter .form-control::placeholder { color: #888888; } .newslatter .form-control:focus { border-color: var(--primary); } .newslatter .btns { border-radius: 50px !important; } .categories { margin: 0 0 25px; padding: 25px 30px 15px; background: #f5f5f5; } .categories .categories_listing { margin: 0; padding: 0; } .categories .categories_listing li { margin: 0; padding: 0; font-size: 18px; font-weight: 500; } .categories .categories_listing li a { padding: 16px 0; color: var(--gray); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .categories .categories_listing li a:hover { color: var(--primary); border-color: var(--primary); } .categories .categories_listing li:last-child a { border-bottom: none; } .articles { margin: 0; padding: 0; } .articles .art_link { margin: 0 0 20px; padding: 0 50px 20px 0; display: inline-block; font-size: 17px; font-weight: 500; color: var(--black); position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .articles .art_link::before { content: ""; position: absolute; top: 10px; right: 0; background: url(../images/articles_arrow.svg) center center no-repeat; background-size: 100% 100%; height: 32px; width: 32px; transform: rotate(-45deg); transition: all 0.4s ease-in-out; } .articles .art_link:hover { color: var(--primary); } .articles .art_link:hover::before { transform: inherit; } .related_sec { margin: 0; padding: 100px 0 80px; background: #f5f5f5; } .related_sec .global_title { margin-bottom: 35px; text-align: center; } .related_sec .blog_slider { margin: 0; padding: 0; } .related_sec .owl-carousel .owl-stage { display: flex; } .related_sec .owl-carousel .owl-item { display: flex; } .related_sec .owl-carousel .owl-item .item { padding: 0 1px; display: flex; } .related_sec .blog_block { height: auto; width: 100%; } .related_sec .owl-carousel .owl-nav button { width: 55px; height: 55px; min-width: 55px; font-size: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 0; position: absolute; top: 50%; transform: translate(0, -50%); color: rgba(0, 0, 0, 0.5) !important; z-index: 555; transition: all 0.6s ease-in-out; background: var(--white); border-radius: 50px; } .related_sec .owl-carousel .owl-nav button.owl-prev { left: -155px; } .related_sec .owl-carousel .owl-nav button.owl-prev:after { content: ""; width: 32px; height: 32px; background: url(../images/testi_arrow_1.svg) center center no-repeat; background-size: 100% 100%; } .related_sec .owl-carousel .owl-nav button.owl-next { right: -155px; } .related_sec .owl-carousel .owl-nav button.owl-next:after { content: ""; width: 32px; height: 32px; background: url(../images/testi_arrow_1.svg) center center no-repeat; background-size: 100% 100%; transform: rotate(-180deg); } .related_sec .owl-carousel .owl-nav button:hover:after { filter: brightness(0) saturate(100%) invert(37%) sepia(94%) saturate(7397%) hue-rotate(357deg) brightness(90%) contrast(128%); } .related_sec .owl-carousel .owl-dots { width: 100%; margin: 0 0 20px; padding: 0; text-align: center; position: relative; left: 0; bottom: 10px; z-index: 9; } .related_sec .owl-carousel .owl-dot { margin: 0 6px; display: inline-block; } .related_sec .owl-carousel .owl-dot span { width: 9px; height: 9px; display: block; border-radius: 50%; background: #bfbfbf; } .related_sec .owl-carousel .owl-dot.active span { background: #231f20; } .head_menu { margin: 0px 0 0 0; padding: 0; text-align: center; background: #000000; } .head_menu .menu_info { margin: 0; padding: 20px; display: flex; justify-content: space-evenly; position: relative; } .head_menu .menu_block { margin: 0; padding: 10px 32px; display: inline-block; position: relative; background: #f9f9f9; border-radius: full; text-align: center; text-decoration: none; color: var(--gray); font-size: 14px; font-weight: 500; transition: all 0.3s ease-in-out; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; } .head_menu .menu_block::after { content: none; } .head_menu .menu_block.active, .head_menu .menu_block:hover { background: var(--primary-gradient); color: white; } .head_menu .menu_block i { margin: 0 0 2px 0; padding: 0; display: block; } .head_menu .menu_block small { margin: 0; padding: 0; display: block; font-size: 14px !important; font-weight: 500; } .head_menu .menu_block small span { background: var(--primary); color: white; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; font-size: 14px; margin-right: 4px; } .head_menu .menu_block.active small span, .head_menu .menu_block:hover small span { background: white; color: var(--primary); } .dashboard { margin: 0; padding: 40px 0 100px 0; background: #FFF9F9; } .container.sml { max-width: 1070px; } .dashboard .gx-4 { --bs-gutter-x: 40px; } .dashboard h3 { margin: 0; padding: 0; font-size: 25px; color: var(--black); font-weight: 700; } .dashboard .view_block { margin: 0 0 30px 0; padding: 20px 30px 14px 30px; background: var(--white); border-radius: 20px; display: flex; align-items: center; gap: 20px; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 0.5); } .dashboard .view_block h5 { margin: 0; padding: 0; font-size: 18px; color: #000; font-weight: 500; white-space: nowrap; } .dashboard .view_block .view_inn { margin: 0; padding: 0 0 6px 0; display: flex; gap: 20px; overflow: auto; scrollbar-width: thin; -ms-overflow-style: none; scrollbar-color: rgba(0, 0, 0, 0.1) transparent; } .dashboard .view_block .view_inn figure { margin: 0; padding: 0; width: 45px; min-width: 45px; max-width: 45px; height: 45px; border-radius: 50%; } .dashboard .view_block .view_inn figure img { object-fit: cover; border-radius: 50%; width: 100%; height: 100%; } .post_info { margin: 0 0 30px 0; padding: 0; background: var(--white); border-radius: 20px; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 0.5); z-index: 9999; } .post_info .title { margin: 0; padding: 22px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .post_info .detail { margin: 0; padding: 30px; } .post_top { margin: 0 0 15px 0; padding: 0; display: flex; justify-content: space-between; align-items: center; } .post_top .author { margin: 0; padding: 0; display: flex; align-items: center; gap: 10px; } .post_top .author figure { margin: 0; padding: 0; width: 45px; min-width: 45px; max-width: 45px; height: 45px; border-radius: 50%; } .post_top .author figure img { object-fit: cover; border-radius: 50%; } .post_top .author h4 { margin: 0; padding: 0; font-size: 16px; color: var(--black); font-weight: 600; } .post_top .author h4 a { color: var(--black); } .post_top .author h4 a:hover { color: var(--primary); } .post_top .author h4 small { margin: 4px 0 0 0; padding: 0; display: block; font-size: 14px; color: #979797; font-weight: 400; } .post_top .drop_info { position: relative; } .post_top .dropdown-toggle { margin: 0; padding: 0; border: none; box-shadow: none; } .post_top .dropdown-toggle::after { display: none; } .post_top .dropdown-menu { left: auto !important; right: 0 !important; box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.2); } .post_top .dropdown-menu .dropdown-item { margin: 0; padding: 7px 15px; } .post_top .dropdown-menu .dropdown-item:hover { color: var(--primary); background: none; } .post_info .input-group { margin: 0 0 15px 0; padding: 0; } .post_info .input-group textarea.form-control { margin: 0; padding: 17px 20px; height: 150px; border-radius: 10px; border: none; background: #f8f8f8; box-shadow: none; font-size: 15px; color: #979797; resize: none; } .post_info .input-group textarea.form-control::placeholder { color: #979797; } .post_info .tag_info { margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .post_info .tag_info .tags { margin: 0; padding: 0; display: flex; align-items: center; gap: 10px; } .post_info .tag_info .tag_block { margin: 0; padding: 7px 15px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50px; font-size: 17px; color: #979797; font-weight: 500; } .post_info .tag_info .tag_block:hover { background: #f8f8f8; color: #979797; } .post_info .btns { font-size: 16px; padding: 7px 23px; } .post_info .nav-tabs { margin: 0; padding: 0; border: 1px solid #d9d9d9; border-radius: 40px; overflow: hidden; display: inline-flex; gap: 1px; } .post_info .nav-tabs .nav-link { margin: 0; padding: 8px 25px; border: none; font-size: 17px; color: #979797; border-radius: 0; } .post_info .nav-tabs .nav-link:hover { background: var(--primary); color: var(--white); } .post_info .nav-tabs .nav-link.active { background: var(--primary); color: var(--white); font-weight: 600; } .browse_info { margin: 0 0 30px 0; padding: 0; background: var(--white); border-radius: 20px; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 0.5); } .browse_info .nav-tabs { margin: 0; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); flex-wrap: nowrap; overflow: auto; scrollbar-width: thin; -ms-overflow-style: none; scrollbar-color: rgba(0, 0, 0, 0.1) transparent; } .browse_info .nav-tabs .nav-link { margin: 0; padding: 15px 15px; border: none; font-size: 14px !important; color: var(--black); font-weight: 500; border-bottom: 2px solid transparent; white-space: nowrap; } .browse_info .nav-tabs .nav-link:hover { color: var(--primary); } .browse_info .nav-tabs .nav-link.active { color: var(--primary); border-bottom-color: var(--primary); font-weight: 500; } .browse_info .nav-tabs .nav-item:first-child .nav-link { border-radius: 20px 0 0 0; } .browse_info .tab-content { padding: 30px; } .browse_info .browse_inn { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 20px; } .browse_info .browse_inn figure { margin: 0; padding: 0; width: 62px; min-width: 62px; max-width: 62px; height: 62px; border-radius: 50%; } .browse_info .browse_inn figure img { object-fit: cover; border-radius: 50%; width: 100%; height: 100%; } .update_info { margin: 0; padding: 0; width: 639px; z-index: 999; } .update_block { margin: 0 0 20px 0; padding: 30px; background: var(--white); border-radius: 20px; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 0.5); } .update_block p { margin: 0 0 15px 0; padding: 0; font-size: 18px; line-height: 26px; } .update_block p strong { font-weight: 600; } .chat_scroll_fix { overflow-y: scroll; max-height: 625px; } .update_block figure { margin: 0 0 15px 0; padding: 0; } .update_block figure img { width: 100%; border-radius: 10px; } .update_block .like_info { margin: 0 0 15px 0; padding: 0; display: flex; align-items: center; gap: 60px; } .update_block .like_info .like_block { margin: 0; padding: 5px 10px 4px 10px; display: flex; gap: 5px; align-items: center; font-size: 17px; color: var(--black); border-radius: 5px; } .update_block .like_info .like_block strong { font-weight: 500; } .update_block .like_info .like_block:hover { background: #f5f5f5; } .update_block>figure { padding-top: 56%; position: relative; min-height: 350px; } .update_block>figure img { border-radius: 10px; position: absolute; left: 0; top: 0; object-fit: cover; height: 100%; } .update_block .jquery-background-video-wrapper { width: 100%; padding-top: 56%; position: relative; min-height: 350px; margin-bottom: 15px; } .update_block .jquery-background-video { width: 100%; height: 100%; border-radius: 10px; object-fit: contain; position: absolute; left: 0; top: 0; background: #000; } .update_block .input-group { margin: 0; padding: 0; } .update_block .input-group .form-control { margin: 0; padding: 0 0 0 20px; height: 47px; background: #f8f8f8; border-radius: 30px; box-shadow: none; border: none; font-size: 15px; color: #979797; } .update_block .input-group .form-control::placeholder { color: #979797; } .update_block .input-group .btn { margin: 0; padding: 0 20px; background: #f8f8f8; height: 47px; border-radius: 30px; display: flex; border: none; align-items: center; } .update_block .input-group .btn img { transition: all 0.2s ease-in-out; } .update_block .input-group .btn:hover img { filter: brightness(0) saturate(100%) invert(18%) sepia(96%) saturate(5234%); } .spin { animation: spin 3s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .update_info .btn_center { margin: 0; padding: 10px 0 30px 0; } .update_info .btn_center .btns { background: var(--white); } .update_info .btn_center .btns:hover { color: var(--primary); } @media (min-width: 1779px) { .update_block .jquery-background-video-wrapper { height: 400px; } } .member_block { margin: 0 0 30px 0; padding: 30px 23px; background: var(--white); border-radius: 20px; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 0.5); } .member_block .browse_inn { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; } .member_block .browse_inn figure { margin: 0; padding: 0; width: 45px; min-width: 45px; max-width: 45px; height: 45px; border-radius: 50%; position: relative; } .member_block .browse_inn figure::before { content: ""; width: 12px; height: 12px; background: #01ae5e; border-radius: 50%; border: 2px solid var(--white); position: absolute; top: 0; right: 0; } .member_block .browse_inn figure img { object-fit: cover; border-radius: 50%; width: 100%; height: 100%; } .quick_info { margin: 0; padding: 10px 23px 10px 23px; background: var(--white); border-radius: 0px 0px 20px 20px; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 0.5); -webkit-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; -ms-border-radius: 0px 0px 20px 20px; -o-border-radius: 0px 0px 20px 20px; } .quick_info .form_block { margin-bottom: 5px; } .quick_info .form_block label { font-size: 16px; font-weight: 500; } .quick_info .form_block .bootstrap-select .btn { font-size: 14px; height: 40px; } .quick_info .form_block .form-control { font-size: 14px; height: 40px; } .search_sec { margin: 0; padding: 40px 0 100px 0; background: #FFF9F9; } .search_grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; } .search_grid_2 { display: grid; grid-template-columns: repeat(8, 1fr); gap: 12px; } .search_block { margin: 0; padding: 0; } .search_block .cap_info { margin: 0 0 15px 0; padding: 0; position: relative; } .search_block .cap_info figure { margin: 0; padding: 0; } .search_block .cap_info figure img { width: 100%; border-radius: 10px; object-fit: cover; height: 100%; min-height: 260px; } .search_block .photo_cap_info { margin: 0 0 0 0; padding: 0; } .search_block .photo_cap_info figure { margin: 0; padding: 0; } .search_block .photo_cap_info figure img { width: 100%; border-radius: 10px; object-fit: cover; height: 100%; min-height: 260px; } .search_block h3 { margin: 0 0 5px 0; padding: 0; font-size: 17px; color: var(--black); font-weight: 500; } .search_block h3 a { color: var(--black); } .search_block p { margin: 0; padding: 0; font-size: 14px; line-height: 25px; } .search_block:hover h3 a { color: var(--primary); } .search_block:hover ul.search_list { visibility: visible; opacity: 1; bottom: 20px; } ul.search_list { width: calc(100% - 40px); margin: 0; padding: 5px 20px; display: flex; justify-content: space-between; background: var(--white); border-radius: 30px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } .filter_info { margin: 0 0 40px 0; padding: 0; display: flex; gap: 10px; justify-content: space-between; } .filter_info .left { margin: 0; padding: 9px 10px 9px 30px; display: flex; gap: 10px; background: var(--white); border-radius: 40px; border: 1px solid #cccccc; box-shadow: 0px 6px 10px 0px rgba(233, 233, 233, 0.4); } .filter_info .left .form_block { margin: 0; padding: 0 10px 0 20px; position: relative; } .filter_info .left .form_block::before { content: ""; width: 1px; height: 32px; background: #cccccc; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .filter_info .left .form_block:first-child { padding: 0; } .filter_info .left .form_block:first-child::before { display: none; } .filter_info .left .form_block label { font-size: 15px; padding: 0; } .filter_info .left .form_block .form-control { font-size: 15px; height: auto; padding: 0; border: none; border-radius: 0; } .filter_info .left .form_block .bootstrap-select .btn { font-size: 15px; height: auto; border: none; padding: 0; border-radius: 0; min-width: 60px; } .filter_info .left .form_block .bootstrap-select .dropdown-toggle::after { right: 0; width: 15px; height: 15px; } .filter_info .left .search_btn { margin: 0; padding: 0; display: flex; width: 50px; min-width: 50px; max-width: 50px; height: 50px; background: var(--primary); border-radius: 50%; justify-content: center; align-items: center; font-size: 15px; color: var(--white); font-weight: 600; } .filter_info .left .search_btn:hover { background: var(--black); } .filter_info .right { margin: 0; padding: 0; display: flex; gap: 10px; } .filter_info .right .filter_btn { cursor: pointer; margin: 0; padding: 16px 40px; display: inline-flex; gap: 10px; align-items: center; background: var(--white); border-radius: 40px; border: 1px solid #cccccc; font-size: 18px; color: var(--black); font-weight: 600; white-space: nowrap; box-shadow: 0px 6px 10px 0px rgba(233, 233, 233, 0.4); } .filter_info .right .filter_btn img { transition: all 0.4s ease-in-out; } .filter_info .right .filter_btn:hover { color: var(--white); background: var(--primary); border-color: var(--primary); } .filter_info .right .filter_btn:hover img { filter: brightness(0) invert(1); } .advance_filter { margin: 0; padding: 0; } .advance_filter form { margin-bottom: 40px; padding: 30px; border-radius: 20px; background: var(--white); } .inbox_block { margin: 0 0 30px 0; padding: 0; background: var(--white); border-radius: 20px; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 0.5); } .inbox_block .title { padding: 30px 30px 10px 30px; } .inbox_block .inbox_list { margin: 0; padding: 0 10px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: flex; } .inbox_block .inbox_list li { margin-right: 10px; } .inbox_block .inbox_list li a { margin: 0; padding: 10px 20px; border: none; border-radius: 0; display: flex; align-items: center; gap: 5px; border-bottom: 2px solid transparent; font-size: 15px; color: var(--gray); font-weight: 500; } .inbox_block .inbox_list li a.active { border-color: var(--primary); color: var(--primary); } .inbox_block .inbox_list li a.active img { filter: brightness(0) saturate(100%) invert(24%) sepia(95%) saturate(7452%) hue-rotate(358deg) brightness(101%) contrast(110%); } .inbox_block .inbox_content { padding: 30px; } .inbox_block .inbox_content h6 { margin: 0 0 15px 0; padding: 0; font-size: 16px; } .inbox_block .check_info .btns { white-space: nowrap; } .dashboard .check_info { margin: 0; padding: 0; display: flex; gap: 40px; justify-content: space-between; align-items: start; } .dashboard .form-check { display: flex; align-items: center; gap: 10px; padding: 0; margin-bottom: 15px; } .dashboard .form-check label { margin: 0; padding: 0; font-size: 17px; color: var(--black); font-weight: 500; } .dashboard .form-check-input { width: 25px; height: 25px; border-color: #cccccc !important; border-radius: 5px; filter: inherit; margin: 0; } .dashboard .form-check-input:checked[type="checkbox"] { background-color: #fff; --bs-form-check-bg-image: url("../images/check_ic.svg"); background-size: 70% auto; } .inbox_table { margin: 0; padding: 0; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 0.5); border-radius: 20px; overflow: hidden; } .inbox_table th { margin: 0; padding: 13px 30px; background: #f8f8f8; font-size: 16px; color: var(--black); font-weight: 600; border: none; vertical-align: middle; white-space: nowrap; } .inbox_table td { margin: 0; padding: 20px 30px; font-size: 16px; color: var(--black); vertical-align: middle; border: none; border-top: 1px solid rgba(0, 0, 0, 0.1); } .inbox_table .form-check { margin: 0; } .inbox_table .inbox_user { margin: 0; padding: 0; display: flex; gap: 12px; align-items: center; } .inbox_table .inbox_user figure { margin: 0; padding: 0; width: 60px; min-width: 60px; max-width: 60px; height: 60px; border-radius: 10px; } .inbox_table .inbox_user figure img { border-radius: 10px; width: 100%; height: 100%; object-fit: cover; } .inbox_table .inbox_user h3 { margin: 0; padding: 0; font-size: 16px; font-weight: 500; } .inbox_table .inbox_user h3 small { margin-top: 5px; display: block; font-weight: 400; color: var(--gray); } .inbox_table tfoot td { padding-top: 24px; padding-bottom: 24px; } .inbox_table .prev { margin: 0; padding: 0; display: flex; align-items: center; font-size: 15px; color: var(--gray); } .inbox_table .prev:hover { color: var(--primary); } .inbox_table .prev.next { justify-content: end; } .inbox_table .btn_info { margin: 0; display: flex; justify-content: center; gap: 10px; } .inbox_table .btn_info .btns { font-size: 18px; padding: 6px 23px; color: var(--black); } .inbox_table .btn_info .btns.fill { color: var(--white); } .inbox_table .btn_info .btns:hover { color: var(--white); } .post_block { margin: 0; padding: 0; background: var(--white); border-radius: 20px; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 0.5); } .post_block .title { margin: 0; padding: 22px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-align: center; } .post_block .post_form { margin: 0 auto; padding: 40px 30px 60px 30px; max-width: 980px; } .post_block .post_form .form-check:last-child { margin-bottom: 0; } .most_sec { margin-top: 200px; padding: 40px 0 130px 0; background: #FFF9F9; } .most_sec .tab_list { position: relative; padding: 0 60px; } .most_sec .tab_list .scrolling { position: absolute; top: 50%; left: 0; display: inline-block; transform: translateY(-50%); } .most_sec .tab_list .scrolling img { width: 25px; } .most_sec .tab_list .scrolling.next { left: auto; right: 0; } .most_sec .nav-tabs { border: none; gap: 10px; margin-bottom: 40px; padding: 0; flex-wrap: nowrap; position: relative; overflow: auto; scrollbar-width: none; } .most_sec .nav-tabs::-webkit-scrollbar { display: none; } .most_sec .nav-tabs .nav-link { margin: 0; padding: 6px 25px; border: none; border: 1px solid #cccccc; border-radius: 30px; background: var(--white); font-size: 17px; color: var(--gray); font-weight: 500; white-space: nowrap; } .most_sec .nav-tabs .nav-link.active { background: var(--primary); border-color: var(--primary); color: var(--white); } .most_sec .grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; } .most_block { margin: 0; padding: 0; display: block; } .most_block figure { margin: 0; padding: 0; border-radius: 10px; overflow: hidden; } .most_block figure img { width: 100%; min-height: 258px; border-radius: 10px; transition: all 0.3s ease-in-out; transform-origin: top right; object-fit: cover; } .most_block .detail { margin: 0; padding: 17px 0 0 0; position: relative; } .most_block .detail i { width: 65px; height: 65px; display: flex; background: #fff url(../images/most_bg_1.svg) center center no-repeat; background-size: 77% 77%; border-radius: 50%; position: absolute; top: -32px; right: 0; align-items: center; justify-content: center; } .most_block .detail i.gold { background: #fff url(../images/most_bg_2.svg) center center no-repeat; background-size: 77% 77%; } .most_block .detail i.gold span { color: #151c2c; background: none; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; } .most_block .detail i.gold span small { color: #151c2c; background: none; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; } .most_block .detail i span { position: relative; font-style: normal; font-size: 22px; background: #f9d870; background: linear-gradient(to top, #f9d870 0%, #ac712b 45%, #f9d870 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .most_block .detail i small { display: inline-block; font-size: 8px; position: absolute; top: 3px; left: 100%; background: #f2db86; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .most_block .detail h3 { margin: 0; padding: 0; font-size: 20px; color: var(--black); font-weight: 500; transition: all 0.4s ease-in-out; } .most_block:hover figure img { transform: scale(1.04); } .most_block:hover .detail h3 { color: var(--primary); } .most_sec .btn_center { margin: 0; padding: 40px 0 0 0; text-align: center; } .most_sec .btn_center .btns { background: var(--white); } .most_sec .btn_center .btns:hover { color: var(--primary); } .profile_sec .gx-4 { --bs-gutter-x: 40px; } .profile_block { margin: 0 0 30px 0; padding: 30px; position: relative; overflow: hidden; border-radius: 20px; display: block; } .profile-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .profile_block .profile_info { position: relative; z-index: 1; } .profile_block figure { margin: 0; padding: 0; width: 230px; min-width: 230px; max-width: 230px; height: 230px; border-radius: 10px; position: relative; } .profile_block figure::before { content: ""; width: 14px; height: 14px; background: #01ae5e; border-radius: 50px; border: 2px solid #2f5d62; position: absolute; top: -4px; right: -4px; } .profile_block figure img { border-radius: 10px; width: 100%; height: 100%; object-fit: cover; } .profile_block .detail { margin: 0; padding: 0; } .profile_block .detail .title { margin: 0 0 20px 0; padding: 0; display: flex; gap: 30px; } .profile_block .detail .title h3 { margin: 0; padding: 0; font-size: 25px; color: var(--white); font-weight: 700; } .profile_block .detail .title h3 small { margin: 0; padding: 0; font-size: 16px; font-weight: 400; display: block; } .profile_block .detail .title ul { margin: 0; padding: 0; display: flex; gap: 5px; align-items: center; } ul.visit_list { margin: 0 0 20px 0; padding: 0; display: flex; flex-wrap: wrap; gap: 15px 40px; } ul.visit_list li { margin: 0; padding: 0; font-size: 17px; color: var(--white); display: flex; align-items: center; gap: 4px; } ul.visit_list li i { width: 25px; min-width: 25px; max-width: 25px; } .status_info { margin: 0; padding: 0; display: flex; gap: 30px; flex-wrap: wrap; } .status_info .status_block { margin: 0; padding: 0; } .status_info .status_block h6 { margin: 0; padding: 0; font-size: 15px; color: var(--white); font-weight: 400; } .status_info .btn-toggle { margin: 0; padding: 0; position: relative; border: none; height: 20px; width: 46px; border-radius: 20px; } .status_info .btn-toggle:before, .status_info .btn-toggle:after { font-size: 11px; color: var(--gray); position: absolute; top: 2px; right: 5px; text-transform: uppercase; transition: all 0.3s ease-in-out; } .status_info .btn-toggle:before { content: "Off"; } .status_info .btn-toggle:after { content: "On"; left: -9px; right: auto; opacity: 0; } .status_info .btn-toggle .handle { position: absolute; top: 4px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #ff0000; transition: all 0.3s ease-in-out; } .status_info .btn-toggle.active .handle { left: 30px; background: #01ae5e; } .status_info .btn-toggle.active:before { opacity: 0; } .status_info .btn-toggle.active:after { opacity: 1; } .user_profile .top_info { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-right: 15px; } .user_profile .top_info .nav-tabs { border: none; } .user_profile .top_info .drop_info { position: relative; } .user_profile .top_info .dropdown-toggle { margin: 0; padding: 0; border: none; box-shadow: none; } .user_profile .top_info .dropdown-toggle::after { display: none; } .user_profile .top_info .dropdown-menu { left: auto !important; right: 0 !important; } .user_profile .top_info .dropdown-menu .dropdown-item { margin: 0; padding: 7px 15px; } .user_profile .top_info .dropdown-menu .dropdown-item:hover { color: var(--primary); background: none; } .user_profile .tab-content h3 { margin-bottom: 15px; } .user_profile .tab-content p { margin: 0 0 30px 0; font-size: 18px; line-height: 26px; } .user_profile .tab-content .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 10px; } .user_profile .tab-content .grid2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 10px; } .user_profile .tab-content .per_detail { margin: 0 0 10px 0; padding: 15px 20px; background: #f8f8f8; border-radius: 10px; } .user_profile .tab-content .per_detail h4 { margin: 0 0 4px 0; padding: 0; font-size: 18px; font-weight: 600; color: var(--black); } .user_profile .tab-content .per_detail p { margin: 0; padding: 0; font-size: 17px; color: var(--gray); } .photo_info .nav-tabs { padding: 0 30px; } .photo_info .tab-content { padding-bottom: 40px; } .photo_info .tab-content h3 { margin-bottom: 15px; } .photo_info .photo_slider figure { margin: 0; padding: 0; border-radius: 10px; } .photo_info .photo_slider figure img { border-radius: 10px; height: 215px; object-fit: cover; } .photo_info .owl-carousel .owl-dots { width: 100%; margin: 0; padding: 0; text-align: center; position: absolute; left: 0; bottom: -24px; z-index: 9; } .photo_info .owl-carousel .owl-dot { margin: 0 3px; display: inline-block; } .photo_info .owl-carousel .owl-dot span { width: 7px; height: 7px; display: block; border-radius: 50%; background: #000; opacity: 0.15; } .photo_info .owl-carousel .owl-dot.active span { opacity: 1; } .photo_info .owl-carousel .owl-nav button { width: 10px; height: 17px; font-size: 0 !important; background: url(../images/arrow_white.svg) center center no-repeat; background-size: 100% 100%; display: inline-block; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); opacity: 1; border: none; border-radius: 0px; transition: all 0.6s ease-in-out; } .photo_info .owl-carousel .owl-nav button.owl-next { left: auto; right: 10px; transform: translateY(-50%) rotate(180deg); } .photo_info .owl-carousel .owl-nav button.owl-next:hover, .slider_sec .owl-carousel .owl-nav button.owl-prev:hover { opacity: 0.6; } .quick_send { margin: 0 0 30px 0; padding: 30px; background: var(--white); border-radius: 20px; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 0.5); } .quick_send h3 { margin-bottom: 15px; } .quick_send .form_block { margin: 0; } .quick_send .form_block textarea.form-control { border-radius: 10px; background: #f8f8f8; border: none; padding: 17px 20px; } .quick_send .send_btn { position: absolute; bottom: 15px; right: 15px; background: none; border: none; box-shadow: none; } .quick_send .send_btn img { filter: brightness(0) invert(93%) brightness(70%); } .quick_send .send_btn:hover img { filter: inherit; } .note_info { margin: 0; padding: 30px; min-height: 290px; background: #feffd6; border-radius: 20px; } .note_info h3 { margin-bottom: 15px; } .note_info p { margin: 0; padding: 0; font-size: 15px; line-height: 20px; color: var(--black); } .user_profile .tab-content .search_block h3 { margin-bottom: 5px; } .photo_user { margin: 0; padding: 0; } .photo_user figure { margin: 0 0 24px 0; padding: 0; border-radius: 10px; } .photo_user figure img { width: 100%; border-radius: 10px; height: 282px; object-fit: cover; } .audio_table { margin: 0; padding: 0; width: 100%; } .audio_table th { margin: 0; padding: 5px 15px; font-size: 16px; color: var(--gray); font-weight: 500; } .audio_table th:first-child { padding-left: 0; } .audio_table th:last-child { text-align: right; padding-right: 0; } .audio_table td { margin: 0; padding: 30px 15px; font-size: 18px; color: var(--black); font-weight: 500; vertical-align: middle; border-top: 1px solid rgba(0, 0, 0, 0.1); } .audio_table td:first-child { padding-left: 0; } .audio_table td:last-child { padding-right: 0; } .user_profile .video_info { margin: 0; padding: 0; position: relative; } .user_profile .video_info .jquery-background-video-wrapper { width: 100%; height: calc(100% - 30px); margin-bottom: 30px; } .user_profile .video_info .jquery-background-video-wrapper .jquery-background-video { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; } .audio_block { margin: 0; padding: 0; display: flex; align-items: center; gap: 10px; } .audio_block audio { display: none; } .audio_block i { margin: 0; padding: 0; display: flex; width: 35px; min-width: 35px; max-width: 35px; height: 35px; border-radius: 50%; justify-content: center; align-items: center; background: var(--primary); cursor: pointer; } .audio_block figure { width: 80%; min-width: 80%; max-width: 80%; margin: 0; padding: 0; } .video_det { margin: 0; padding: 40px 0 130px 0; background: #f8f8f8; } .video_det .inner { margin: 0; padding: 30px 30px 37px; background: var(--white); border-radius: 20px; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 0.5); } .video_det .video_info { background: #f8f8f8; border-radius: 20px; margin-bottom: 29px; } .video_main { margin: 0; padding: 0 48px 0 0; } .video_main .jquery-background-video-wrapper { width: 100%; display: flex; } .video_main .jquery-background-video { width: 100%; border-radius: 20px; } .realted_videos { margin: 0; padding: 24px 30px 0 0; display: flex; flex-direction: column; height: 100%; } .video_det .inner h3 { margin: 0 0 16px; padding: 0; font-size: 25px; font-weight: 700; color: var(--black); } .video_items { height: 375px; } .realted_videos .mCSB_scrollTools { width: 3px; background: rgba(0, 0, 0, 0.15); border-radius: 5px; } .realted_videos .mCSB_scrollTools .mCSB_draggerRail { background: none; width: 3px; } .realted_videos .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.6); width: 3px; } .video_item { width: 100%; display: flex; gap: 16px; margin-bottom: 20px; } .video_item:last-child { margin-bottom: 0; } .video_item figure { margin: 0; padding: 0; width: 115px; min-width: 115px; height: 85px; display: flex; border-radius: 10px; position: relative; } .video_item figure a { width: 100%; display: flex; } .video_item figure a>img { width: 100%; object-fit: cover; border-radius: 10px; } .video_item figure i { width: 25px; height: 25px; border-radius: 50%; background: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-left: 4px; transition: all 0.4s ease-in-out; } .video_item figure a:hover i { background: var(--primary); } .video_item figure a:hover i img { filter: brightness(0) invert(1); transition: all 0.4s ease-in-out; } .video_item .dtl { margin: 0; padding: 0; align-self: center; } .video_item .dtl h4 { margin: 0 0 13px; padding: 0; font-size: 17px; font-weight: 600; color: var(--black); } .video_item .dtl h4 a { color: var(--black); } .video_item .dtl h4 a:hover { color: var(--primary); } .video_item .rate_info { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; } .video_item .stars { display: inline-flex; gap: 2px; } .video_item .rate_info span:not(.stars) { columns: #404040; font-size: 15px; } .video_item .rate_info span b { font-weight: 500; } .author { margin: 0 0 34px; display: flex; gap: 15px; } .author figure { width: 75px; min-width: 75px; height: 75px; border-radius: 10px; display: flex; position: relative; margin: 0; } .author figure img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .author.active figure::before { content: ""; width: 10px; height: 10px; background: #218c44; box-shadow: 0 0 0 3px var(--white); border-radius: 50%; position: absolute; top: -3px; right: -3px; } .author .dtl { align-self: center; } .author h6 { margin: 0 0 10px; padding: 0; font-size: 20px; font-weight: 700; color: var(--black); } .author .tags { display: flex; gap: 10px; } .author .tags a { margin: 0; padding: 3px 15px; background: #f8f8f8; font-size: 16px; font-weight: 500; color: #979797; display: inline-block; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50px; } .author .tags a:hover { background: var(--primary); border-color: var(--primary); color: var(--white); } .author_info { font-size: 17px; color: #404040; margin-bottom: 20px; } .author_info .ratevote { display: flex; gap: 6px; margin-bottom: 10px; } .author_info .ratevote .stars { display: inline-flex; gap: 2px; } .author_info .ratevote .stars img { width: 19px; } .author_info b { font-weight: 500; } .author_info .memb_status { font-weight: 600; color: var(--primary); margin-bottom: 15px; } .author_info .status_info { margin-bottom: 10px; display: flex; gap: 6px; align-items: center; } .video_det p { font-size: 18px; line-height: 26px; margin-bottom: 0; } .video_det hr { margin: 34px 0; border-color: rgba(0, 0, 0, 0.1); opacity: 1; } .rcomments { margin: 0; } .mycmnt { display: flex; margin: 0; padding: 0; gap: 10px; } .rcomments .avtar { width: 47px; min-width: 47px; height: 47px; border-radius: 50%; display: flex; } .rcomments .avtar img { border-radius: 50%; width: 100%; } .comment_field { width: 100%; margin: 0; padding: 0; display: flex; position: relative; align-self: center; } .comment_field .form-control { width: 100%; height: 40px; font-size: 15px; color: var(--black); background: #f8f8f8; border-radius: 50px; border: none; padding: 0 190px 0 20px; } .comment_field .form-control::placeholder { color: #979797; opacity: 1; } .comment_field .form-control:focus::placeholder { color: var(--black); } .comment_field button { margin: 0; padding: 0 23px; font-size: 18px; background: #ff0000; font-weight: 700; border: none; color: var(--white); border-radius: 50px; position: absolute; top: 0; right: 0; height: 100%; } .comment_field button:hover { background: var(--black); color: var(--white); } .othor_comment { margin-top: 24px; display: flex; gap: 10px; } .othor_comment .dtl { padding-top: 12px; width: 100%; } .othor_comment small { font-size: 16px; font-weight: 500; color: var(--black); display: block; margin-bottom: 12px; } .othor_comment small a { color: var(--black); } .othor_comment .time { font-size: 15px; color: #979797; font-weight: normal; float: right; } .filter_modal .modal-dialog { width: 90%; max-width: 1420px; margin: 0 auto; padding: 40px 0; } .filter_modal .modal-header { padding: 12px 30px; } .filter_modal .modal-title { font-size: 26px; font-weight: 700; } .filter_modal .modal-body { margin: 0; padding: 30px 20px 30px 30px; background: transparent; height: calc(100vh - 64px - 84px - 80px); } .filter_modal .modal-body h3 { font-size: 20px; margin-bottom: 20px; position: sticky; top: 0; } .filter_modal .modal-body .row:not(:last-child) { margin-bottom: 30px; } .filter_modal .modal-footer { padding-left: 30px; padding-right: 30px; } .filter_modal .mCSB_scrollTools { width: 8px; background: rgba(0, 0, 0, 0.15); border-radius: 5px; } .filter_modal .mCSB_scrollTools .mCSB_draggerRail { background: none; width: 8px; } .filter_modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.6); width: 8px; } .checkbox-list { margin-bottom: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 0 10px; } .checkbox-list li { display: inline-block; } .checkbox-list .form-check { margin-bottom: 10px; align-items: flex-start; } .checkbox-list .form-check-input { width: 20px; height: 20px; } .checkbox-list .form-check label { font-size: 14px; } .filter_modal .btn-group { display: flex; flex-wrap: wrap; gap: 15px; } .filter_modal .btn-group .btns { font-size: 14px; padding: 8px 18px; font-weight: 600; } .filter_modal .modal-footer .btns { min-width: 160px; font-size: 18px; } .filter_modal .all-btn { margin: 0; padding: 0; font-size: 14px; color: var(--primary); background: none; border: none; font-weight: 500; text-decoration: underline; } .filter_modal .all-btn.uncheck-all { color: var(--gray); } .filter_modal .all-btn:hover { color: var(--black); text-decoration: none; } .filter_modal .form_block { margin-bottom: 17px; display: flex; flex-direction: column; justify-content: flex-end; height: calc(100% - 17px); } .filter_modal .form_block label { font-size: 14px; } .filter_modal .form_block .bootstrap-select .btn { font-size: 15px; } .upload_btn { width: 100%; padding: 0; margin: 0; } .upload_btn .fileUpload { width: 100%; position: relative; overflow: hidden; padding: 40px 15px; margin: 0; text-align: center; font-size: 18px; color: var(--gray); cursor: pointer; background: #e0e0e0; border: 1px dashed rgba(0, 0, 0, 0.2); border-radius: 20px; } .upload_btn .fileUpload img { display: block; margin: 0 auto 10px auto; } .upload_btn .fileUpload input.upload { width: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .upload_btn .fileUpload:active { background: #e0e0e0; border: 1px dashed rgba(0, 0, 0, 0.2); } .dropdown_list { margin: 0; padding: 0; } .dropdown_list li { margin: 0 0 8px; padding: 0; font-size: 14px; } .dropdown_list li a { color: var(--gray); display: flex; align-items: center; gap: 10px; } .dropdown_list li a:hover { color: var(--primary) !important; background: none !important; } .dropdown_list li a img { transition: all 0.4s ease-in-out; } .dropdown_list li a:hover img { filter: invert(11%) sepia(73%) saturate(7493%) hue-rotate(4deg) brightness(114%) contrast(117%); } .user_drop h5 { margin: 20px 0 15px; padding: 0; font-size: 18px; color: var(--black); font-weight: 600; } .user_drop .dropdown-menu { overflow: hidden; } .user_drop .dropdown-menu .mCSB_inside>.mCSB_container { margin-right: 0; } .user_drop .mCSB_scrollTools .mCSB_draggerRail { background: rgba(0, 0, 0, 0.2); } .user_drop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: var(--black); } .user_drop .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: var(--black); } .settingWrapper { margin: 0; padding: 0; } .settingWrapper .dropdown-toggle { margin: 0; padding: 0; background: none; border: none; position: relative; display: flex; gap: 10px; color: var(--gray); } .settingWrapper .dropdown-toggle.icon::after { display: none; } .settingWrapper .dropdown-menu { margin: 15px 0 0 0; padding: 26px 0px 20px 24px; min-width: 280px; max-width: 280px; border: none; border-radius: 20px; background: var(--white); box-shadow: none; left: auto; right: 0; animation: growOut 300ms ease-in-out forwards; transform-origin: top right; overflow: hidden; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 1); } .settingWrapper .setting_scroll .mCSB_inside>.mCSB_container { margin-right: 0; } .settingWrapper .mCSB_scrollTools .mCSB_draggerRail { background: rgba(0, 0, 0, 0.2); } .settingWrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: var(--black); } .settingWrapper .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: var(--black); } .settingWrapper .dropdown-toggle::after { filter: none; top: 2px; } .settingWrapper .dropdown-toggle:hover { color: var(--primary); } .settingWrapper .dropdown-toggle img { transition: all 0.4s ease-in-out; } .settingWrapper .dropdown-toggle:hover img { filter: invert(11%) sepia(73%) saturate(7493%) hue-rotate(4deg) brightness(114%) contrast(117%); } .settingWrapper .dropdown-menu.third { background: none; box-shadow: none; overflow: auto; padding: 0; min-width: 100%; max-width: 100%; position: relative; border-radius: 0; animation: none; } .settingWrapper .drop_btns { padding: 4px 15px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; width: 140px; background: var(--primary); color: var(--white); border-radius: 50px; gap: 10px; } .settingWrapper .drop_btns.black { background: var(--black) !important; } .settingWrapper .drop_btns:hover { background: var(--black) !important; color: var(--white) !important; } .settingWrapper .drop_btns.black:hover { background: var(--primary) !important; color: var(--white) !important; } .settingWrapper .status_block { margin: 0; padding: 0; display: flex; justify-content: space-between; width: 90%; gap: 10px; } .settingWrapper .status_block h6 { margin: 0; padding: 0; font-size: 15px; color: var(--gray); font-weight: 400; } .settingWrapper .btn-toggle { margin: 0; padding: 0; position: relative; border: none; height: 20px; width: 46px; border-radius: 20px; } .settingWrapper .btn-toggle:before, .status_info .btn-toggle:after { font-size: 11px; color: var(--gray); position: absolute; top: 2px; right: 5px; text-transform: uppercase; transition: all 0.3s ease-in-out; } .settingWrapper .btn-toggle:after { content: ""; left: 9px; right: auto; opacity: 0; } .settingWrapper .btn-toggle .handle { position: absolute; top: 4px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #ff0000; transition: all 0.3s ease-in-out; } .settingWrapper .btn-toggle.active .handle { left: 30px; background: #01ae5e; } .settingWrapper .btn-toggle.active:before { opacity: 0; } .settingWrapper .btn-toggle.active:after { opacity: 1; } .settingWrapper .btn-toggle.disabled .handle { opacity: 0.5; } .update_block .othor_comment { margin-top: 15px; } .update_block .othor_comment p { font-size: 16px; } .update_block .othor_comment small { margin: 0; } .update_block .othor_comment .dtl { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .update_block .othor_comment:last-child .dtl { border-bottom: none; } .update_block .othor_comment:last-child p { margin: 0; } .thin-scroll { overflow: auto; scrollbar-width: thin; -ms-overflow-style: none; scrollbar-color: rgba(0, 0, 0, 0.1) transparent; } .browse_dtl { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; width: 100%; } .browse_block { margin: 0; padding: 20px 20px 25px; display: flex; border: 1px solid #e7e7e7; border-radius: 10px; gap: 10px; transition: all 0.4s ease-in-out; } .browse_block:hover { border-color: #c7c7c7; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08); } .browse_info .browse_block figure { margin: 0; padding: 0; min-width: 50px; width: 50px; min-height: 50px; height: 50px; display: inline-block; } .browse_block p { margin: 0 0 10px; padding: 0; font-size: 16px; color: #979797; } .browse_block p strong { font-size: 20px; color: var(--black); } .browse_block .button { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; } .browse_block .button .browse_btn { margin: 0; padding: 7px 15px; background: rgba(65, 139, 93, 0.15); color: #41b35d; border-radius: 50px; font-size: 14px; font-weight: 600; display: inline-block; } .browse_block .button .browse_btn.red { background: rgba(255, 0, 0, 0.15); color: var(--primary); } .browse_block .button .browse_btn:hover { background: #41b35d; color: var(--white); } .browse_block .button .browse_btn.red:hover { background: var(--primary); } .profile_info { margin: 0 0 30px; display: flex; align-items: center; gap: 30px; } .add_filter { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 15px; } .add_filter .profile_btn { margin: 0; padding: 7px 15px; border: 1px solid var(--white); color: var(--white); border-radius: 50px; display: inline-block; background: transparent; font-size: 14px; font-weight: 600; } .add_filter .profile_btn:hover { border-color: var(--primary); background: var(--primary); color: var(--white); } .important-message-new { background-color: #FF2C2C; display: flex; flex-direction: row; font-family: "Arimo", sans-serif; justify-content: center; padding: 20px 0; gap: 20px; margin-top: 170px; align-items: center } .important-message-new-btn { background-color: transparent; padding: 12px 22px; border: 2px solid white; color: #fff; border-radius: 40px; font-family: "Arimo", sans-serif; font-size: 14px; } .important-message-new-btn:hover { background-color: #fff; color: #000; border: 2px solid white; } @media (max-width: 430px) { .important-message-new { background-color: #FF2C2C; display: flex; flex-direction: column; font-family: "Arimo", sans-serif; justify-content: center; padding: 20px 0; gap: 10px; align-items: center } .important-message-new-btn { background-color: transparent; padding: 8px 16px; border: 2px solid white; color: #fff; border-radius: 40px; font-size: 14px; } } @media (max-width: 376px) { .important-message-new { background-color: #FF2C2C; display: flex; flex-direction: column; font-family: "Arimo", sans-serif; justify-content: center; padding: 20px 0; gap: 10px; margin-top: 220px; align-items: center } } .blogCarousel { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; gap: 30px; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .blogCarousel::-webkit-scrollbar { display: none; } .blogCarousel .item { scroll-snap-align: start; flex: 0 0 calc(33.333% - 20px); min-width: calc(33.333% - 20px); } @media (max-width: 991px) { .blogCarousel .item { flex: 0 0 calc(50% - 15px); min-width: calc(50% - 15px); } } @media (max-width: 599px) { .blogCarousel .item { flex: 0 0 100%; min-width: 100%; } } .blog_slider { position: relative; } .carousel-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: rgba(255,255,255,.12); border: none; color: #fff; font-size: 2rem; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; line-height: 1; transition: background .2s; } .carousel-nav-btn:hover { background: rgba(255,255,255,.25); } .blog-carousel-prev { left: -20px; } .blog-carousel-next { right: -20px; } .photo_slider { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .photo_slider::-webkit-scrollbar { display: none; } .photo_slider .item { scroll-snap-align: start; flex: 0 0 100%; min-width: 100%; } #vl-overlay #vl-inner { position: relative; display: flex; align-items: center; justify-content: center; max-width: 90vw; max-height: 90vh; } .ud-s00 { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } .ud-s01 { position: relative; } .ud-s02 { position: absolute; bottom: -10px; right: -8px; width: 30px; height: 30px; } .ud-s03 { margin: 0; font-weight: 600; font-size: 14px; color: black; } .ud-s04 { color: #777; font-size: 12px; } .ud-s05 { display: flex; gap: 10px; margin-bottom: 15px; } .ud-s06 { flex: 1; } .ud-s07 { margin: 0; font-weight: 600; font-size: 12px; color: #171504; } .ud-s08 { color: #171504; font-size: 10px; font-weight: 400; } .ud-s09 { margin: 4px 0px 2px 0px; font-size: 10px; color: #6B7280; font-weight: 400; } .ud-s10 { list-style: none; margin: 0; padding: 0; } .ud-s11 { display: none; } .ud-s12 { display: flex; align-items: center; gap: 3px; cursor: pointer; position: relative; padding-bottom: 2px; } .ud-s13 { text-align: left; margin-top: 15px; } .ud-s14 { margin-left: 4px; } .ud-s15 { padding: 15px; } .ud-s16 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .ud-s17 { margin: 0; font-size: 16px; font-weight: 600; color: #171504; } .ud-s18 { background: none; border: none; font-size: 20px; cursor: pointer; padding: 0; } .ud-s19 { color: #166FD8; text-decoration: underline; font-size: 14px; font-weight: 500; display: inline-flex; align-items: center; } .ud-s20 { cursor: pointer; } .ud-s21 { position: absolute; bottom: 40px; left: 0; width: 320px; background: white; border-radius: 12px; box-shadow: 0px 5px 15px rgba(0,0,0,0.1); z-index: 1050; display: none; } .ud-s22 { display: flex; align-items: center; gap: 15px; font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px; } .ud-s23 { color: #4CAF50; font-weight: bold; position: relative; padding-bottom: 2px; cursor: pointer; } .ud-s24 { position: absolute; bottom: -10px; left: 0; width: 100%; height: 2px; background-color: #4CAF50; } .ud-s25 { color: #1877F2; } .ud-s26 { position: absolute; bottom: -10px; left: 0; width: 100%; height: 2px; background-color: #1877F2; display: none; } .ud-s27 { color: #E53935; } .ud-s28 { position: absolute; bottom: -10px; left: 0; width: 100%; height: 2px; background-color: #E53935; display: none; } .ud-s29 { position: absolute; bottom: -10px; left: 0; width: 100%; height: 2px; background-color: #FF9800; display: none; } .ud-s30 { cursor: pointer; position: relative; } .ud-s31 { position: absolute; bottom: 40px; right: 0; width: 263px; background: white; border-radius: 12px; box-shadow: 0px 5px 15px rgba(0,0,0,0.1); z-index: 1050; display: none; } .ud-s32 { list-style: none; margin: 0; padding: 0; margin-top: 20px; } .ud-s33 { margin-top: 10px; border-top: 1px solid #eee; padding-top: 10px; } .ud-s34 { display: flex; gap: 10px; } .ud-s35 { flex: 1; border: 1px solid #ddd; border-radius: 20px; padding: 8px 15px; font-size: 13px; outline: none; } .ud-s36 { color: #166FD8; font-size: 14px; font-weight: 500; display: inline-flex; align-items: center; } .ud-s37 { font-size: 12px; font-weight: 400; } .ud-s38 { width: 50px; height: 50px; } .ud-s39 { color: #42C2DE; } .ud-s40 { background: linear-gradient(to right, #47A8DE 100%, #47A8DE 38.7755%, rgb(224,224,224) 38.7755%, rgb(224,224,224) 100%) !important; } .ud-s41 { box-shadow: 0px 2px 7px 0px #F5F5F5; } .ud-s42 { background: transparent; font-size: 16px; font-weight: 500; } .ud-s43 { background: none; } .wf-img-cover { object-fit: cover; object-position: center; width: 100%; height: 100%; } .site-footer{position:relative;overflow:hidden;background-color:#1a1a1a;color:#e0e0e0;padding:40px 10px 0 10px!important;font-family:"Inter",sans-serif} .footer-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:1} .site-footer .container{position:relative;z-index:1} .footer-links{list-style:none;padding:0;margin:0} .footer-links li{margin-bottom:14px} .footer-links a{color:#fff;text-decoration:none;font-size:11px;font-weight:400;letter-spacing:2px;transition:color .3s ease} .footer-links span{color:#fff;font-size:11px;font-weight:400;letter-spacing:2px} .footer-links a:hover{color:#ff2c2c} .social-icons{margin-top:30px} .social-icons a{color:#fff;font-size:1.1rem;margin:0 10px;transition:color .3s ease} .social-icons a:hover{color:#ff2c2c} .app-store-buttons{margin:15px 0!important;display:flex;flex-wrap:wrap;gap:12px;justify-content:center} .app-store-buttons img:hover{opacity:.85} .copyright-bar{text-align:center;padding:25px 15px;margin-top:60px;border-top:1px solid rgba(255,255,255,.2)!important;position:relative;z-index:1} .copyright-bar p{margin:0;font-size:.75rem;color:#fff;letter-spacing:1px} .copyright-bar a{color:#fff;text-decoration:none;font-weight:600;transition:color .3s ease} .copyright-bar a:hover{color:#ff2c2c} @media(max-width:769px){.copyright-bar{margin-top:10px!important}} @media(max-width:991.98px){.footer-seal-logo,.footer-main-logo{display:none}} @media(max-width:767.98px){.footer-main-content{flex-direction:column;align-items:center}.footer-links,.social-icons{text-align:center}.app-store-buttons{justify-content:center;gap:6px!important}} .auth-buttons .btn{border:2px solid;border-radius:20px;padding:8px 20px;font-size:.8rem;margin-left:10px;transition:all .3s;background-color:#ff2c2c;border-color:#ff2c2c;color:#fff} .register-btn{border-color:#ff2c2c;color:#ff2c2c} .register-btn:hover{background-color:#ff2c2c;border-color:#ff2c2c;color:#fff} .login-btn:hover{background-color:#fff;color:#000} @media(max-width:991.98px){.auth-buttons{display:none!important}} select.selectpicker { display: block !important; width: 100%; margin: 0; padding: 5px 45px 5px 25px; font-size: 18px; color: var(--gray); height: 50px; border-radius: 50px; background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 20px center; border: 1px solid rgba(0,0,0,0.2); appearance: none; -webkit-appearance: none; cursor: pointer; transition: border-color 0.2s; } select.selectpicker:focus { border-color: var(--primary); outline: none; box-shadow: 0 0 0 3px rgba(255,44,44,0.12); } select.selectpicker option { color: #333; background: #fff; }