⚝
One Hat Cyber Team
⚝
Your IP:
216.73.217.31
Server IP:
95.217.99.93
Server:
Linux sv1.sonichosted.com 4.18.0-553.34.1.lve.el8.x86_64 #1 SMP Thu Jan 9 16:30:32 UTC 2025 x86_64
Server Software:
LiteSpeed
PHP Version:
8.2.29
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
lifestylescentra
/
www
/
public
/
website
/
css
/
View File Name :
style.css
/*=================================== GLOBAL CSS START ===================================*/ @import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap"); * { margin: 0px; padding: 0px; } ul, ol, li { list-style: none; margin: 0px; padding: 0px; } a { display: inline-block; text-decoration: none; } a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-family: var(--headingFont); color: var(--colorBlack); } p, span { font-size: 16px; font-weight: 400; margin: 0px; } body { overflow-x: hidden; scroll-behavior: smooth; font-family: var(--paraFont); color: var(--paraColor); } img { width: 100% !important; height: 100% !important; object-fit: cover !important; } input, textarea { width: 100%; padding: 12px 20px; outline: none; resize: none; border: 1px solid rgb(228, 231, 233); border-radius: 3px; font-size: 16px; font-weight: 300; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } input::placeholder, textarea::placeholder { color: rgb(166, 166, 172); } button { border: none; } :root { --colorPrimary: #eefb13; --colorBlue: #0e0e55; --colorBlack: #171718; --colorGray: #bebec9; --paraColor: #737382; --colorWhite: #ffffff; --lightBg: #eff0f3; --DarkVersion: #272732; --ratingColor: #f5980c; --headingFont: "Kanit", sans-serif; --paraFont: "Space Grotesk", sans-serif; } .common_btn { background: var(--colorPrimary); color: var(--colorBlack); text-align: center; font-size: 16px; font-weight: 500; display: inline-flex; flex-wrap: wrap; align-items: center; padding: 15px 30px; justify-content: center; text-transform: capitalize; position: relative; transition: all 0.3s linear 0s; z-index: 1; overflow: hidden; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .common_btn i { margin-right: 5px; } .common_btn::after { position: absolute; content: ""; width: 100%; height: 0px; top: 0px; left: 0px; z-index: -1; background-color: var(--colorWhite); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .common_btn:hover::after { top: auto; bottom: 0px; height: 100%; } .common_btn.white_btn { background: var(--colorWhite); } .common_btn.white_btn::after { background: var(--colorPrimary); } .common_btn_2 { padding: 13px 30px; } .common_btn_2 i { transform: rotate(-40deg); margin-left: 10px; margin-right: 0px; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -o-transform: rotate(-40deg); } .wsus__section_headeing h6 { font-family: var(--paraFont); font-size: 14px; font-weight: 500; letter-spacing: 4.2px; text-align: center; margin-bottom: 15px; text-transform: uppercase; } .wsus__section_headeing h2, .wsus__section_headeing h2 span { /* color: var(--colorGray); */ text-align: center; font-size: 60px; font-weight: 700; line-height: 60px; text-transform: uppercase; } .wsus__section_headeing h2 span { display: block; text-align: center; color: var(--colorBlack); } .heading_left h6, .heading_left h2, .heading_left h2 span { text-align: left; } .body_bg { background: var(--lightBg); } .title { color: var(--colorBlack); font-family: var(--headingFont); font-size: 22px; font-weight: 500; line-height: 32px; text-transform: uppercase; transition: all 0.3s linear 0s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .title:hover { text-decoration: underline; } .arrow_button { width: 50px; height: 50px; line-height: 50px; text-align: center; background: var(--colorPrimary); color: var(--colorBlack); transition: all 0.3s linear 0s; } .arrow_button i { transform: rotate(-40deg); } .arrow_button:hover { background: var(--colorBlack); color: var(--colorWhite); } .wsus__section_heading_2 { text-align: center; } .wsus__section_heading_2 h2 { font-size: 60px; font-weight: 500; line-height: 60px; text-transform: uppercase; } .wsus__section_heading_3 { text-align: center; } .wsus__section_heading_3 h2 { font-size: 40px; font-weight: 500; line-height: 40px; text-transform: uppercase; } .nextArrow, .prevArrow { position: absolute; display: block; width: 50px; height: 50px; text-align: center; font-size: 28px; color: var(--colorBlack); background: var(--colorWhite); box-shadow: rgba(23, 23, 24, 0.08) 0px 10px 10px 0px; transition: all 0.3s linear 0s; cursor: pointer; top: 0px; right: 0px; z-index: 1; line-height: 50px !important; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .prevArrow { right: auto; left: 0px; } .nextArrow, .prevArrow:hover, .nextArrow:hover { background: var(--colorPrimary); } .play_btn { width: 50px; height: 50px; font-size: 12px; line-height: 50px; text-align: center; border-radius: 50%; color: var(--colorBlack); background: var(--colorWhite); transition: all 0.3s linear 0s; position: relative; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .play_btn::after { position: absolute; content: ""; width: 100%; height: 100%; background: var(--colorWhite); top: 0px; left: 0px; border-radius: 50%; z-index: -1; animation: 2s ease 0s infinite normal none running play_btn_animi; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-animation: 2s ease 0s infinite normal none running play_btn_animi; } @keyframes play_btn_animi { 0% { opacity: 1; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); } 100% { opacity: 0; transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); } } /* breadcrumb start */ .wsus__breadcrumb { position: relative; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } .wsus__breadcrumb::after { position: absolute; content: ""; top: 0px; left: 0px; width: 60%; height: 100%; background: url("../images/breadcrumbs_shape.png") center center / cover no-repeat; } .wsus___breadcrumb_text { position: relative; padding: 160px 0px 90px; z-index: 1; } .wsus___breadcrumb_text h1 { font-size: 60px; font-weight: 600; color: var(--colorWhite); text-transform: uppercase; margin-bottom: 15px; } .wsus___breadcrumb_text ul { gap: 30px; display: inline-flex; flex-wrap: wrap; border: 1px solid rgba(255, 255, 255, 0.14); padding: 6px 20px; } .wsus___breadcrumb_text ul li, .wsus___breadcrumb_text ul li a { font-size: 16px; font-weight: 500; color: var(--colorWhite); text-transform: uppercase; position: relative; border-bottom: 1px solid transparent; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus___breadcrumb_text ul li a:hover { color: var(--colorPrimary); border-color: var(--colorPrimary); } .wsus___breadcrumb_text ul li:last-child { color: var(--colorPrimary); } .wsus___breadcrumb_text ul li a i { margin-right: 7px; } .wsus___breadcrumb_text ul li a::after { position: absolute; content: ""; top: 9px; right: -19px; width: 5px; height: 5px; background: var(--colorGray); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } /* breadcrumb end */ /* pagination start */ .wsus__pagination ul { gap: 15px; } .wsus__pagination ul li a { width: 45px; height: 45px; font-size: 18px; font-weight: 400; font-family: var(--headingFont); color: var(--colorBlack); line-height: 45px; text-align: center; padding: 0px; text-transform: uppercase; background: var(--lightBg); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; border: none; } .wsus__pagination ul li a i { font-size: 18px; font-weight: 400; } .wsus__pagination ul li a.active, .wsus__pagination ul li a:hover { color: var(--colorBlack); background: var(--colorPrimary); border-color: var(--colorPrimary); } .wsus__pagination ul li a:focus { box-shadow: none; color: var(--colorBlack); } /* pagination end */ /*=================================== GLOBAL CSS END ===================================*/ /*=================================== HOME PAGE START ===================================*/ /* header start */ header { position: fixed; width: 100%; height: 40px; background: var(--colorBlue); top: 0px; left: 0px; z-index: 99; } .wsus__header_left { line-height: 40px; } .wsus__header_left a { color: var(--colorWhite); font-family: var(--paraFont); font-size: 14px; font-weight: 500; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__header_left a span { display: inline-block; width: 19px; height: auto; margin-right: 5px; } .wsus__header_left a:hover, .wsus__header_right li a:hover { color: var(--colorPrimary); } .wsus__header_left a:hover span, .wsus__header_right li a:hover span { filter: brightness(0) saturate(100%) invert(98%) sepia(76%) saturate(7498%) hue-rotate(12deg) brightness(112%) contrast(107%); -webkit-filter: brightness(0) saturate(100%) invert(98%) sepia(76%) saturate(7498%) hue-rotate(12deg) brightness(112%) contrast(107%); } .wsus__header_right { line-height: 40px; justify-content: end; align-items: center; gap: 20px; } .wsus__header_right li .nice-select { background: none; border-top: none; border-bottom: none; border-left: none; border-image: initial; font-size: 14px; font-weight: 500; height: auto; line-height: initial; color: var(--colorWhite); border-right: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0px; padding-left: 0px; padding-right: 30px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__header_right li .nice-select::after { border-bottom: 2px solid rgba(255, 255, 255, 0.7); border-right: 2px solid rgba(255, 255, 255, 0.7); right: 16px; } .wsus__header_right li .nice-select .option { color: var(--colorBlack); } .wsus__header_right li .nice-select .list { margin-top: 9px; } .wsus__header_right li a { border-right: 1px solid rgba(255, 255, 255, 0.2); color: var(--colorWhite); font-size: 14px; font-weight: 500; padding-right: 20px; line-height: 21px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__header_right li a span { display: inline-block; width: 16px; margin-right: 3px; position: relative; top: -1px; } /* header end */ /* menu start */ .main_menu { position: fixed; top: 40px; left: 0px; width: 100%; height: 70px; background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(65px); z-index: 9; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .main_menu .navbar-brand { padding: 0px; margin: 0px; max-width: 125px; } .main_menu .navbar-nav { line-height: 70px; } .main_menu .navbar-nav .nav-item { position: relative; } .main_menu .navbar-nav .nav-item .nav-link { position: relative; color: var(--colorWhite); font-size: 16px; font-weight: 500; margin: 0px 20px; padding: 0px; } .main_menu .navbar-nav .nav-item .nav-link i { position: relative; top: 2px; left: 2px; } .main_menu .navbar-nav .nav-item .nav-link::after { position: absolute; content: ""; width: 100%; height: 2px; background: var(--colorPrimary); bottom: 17px; left: 0px; opacity: 0; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .main_menu .navbar-nav .nav-item:hover .nav-link::after, .main_menu .navbar-nav .nav-item .nav-link.active::after { opacity: 1; bottom: 20px; } .main_menu .right_menu li .icon { width: 70px; height: 70px; line-height: 70px; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.1); } .main_menu .right_menu li:first-child .icon { border-left: 1px solid rgba(255, 255, 255, 0.1); } .main_menu .right_menu li .icon span { display: inline-block; } .main_menu .right_menu li .icon .wishlist_count, .main_menu .right_menu li .icon .cart_count { width: 22px; height: 22px; line-height: 22px; text-align: center; position: absolute; top: 10px; right: 10px; background: #ffffff47; color: var(--colorWhite); border-radius: 50%; font-size: 11px; font-weight: 600; } .main_menu .right_menu li .icon:hover span { filter: brightness(0) saturate(100%) invert(98%) sepia(76%) saturate(7498%) hue-rotate(12deg) brightness(112%) contrast(107%); -webkit-filter: brightness(0) saturate(100%) invert(98%) sepia(76%) saturate(7498%) hue-rotate(12deg) brightness(112%) contrast(107%); } .main_menu .wsus__droap_menu { position: absolute; background: var(--colorBlack); width: 220px; top: 120%; left: 0px; line-height: 40px; padding: 10px 0px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; opacity: 0; visibility: hidden; transition: all 0.15s linear 0s; max-height: 450px; overflow: hidden auto; -webkit-transition: all 0.15s linear 0s; -moz-transition: all 0.15s linear 0s; -ms-transition: all 0.15s linear 0s; -o-transition: all 0.15s linear 0s; } .main_menu .wsus__droap_menu::-webkit-scrollbar { background: var(--paraColor); width: 3px; height: 30px; } .main_menu .wsus__droap_menu::-webkit-scrollbar-thumb { background: var(--colorWhite); } .main_menu .wsus__droap_menu li a { display: block; padding: 2px 20px; color: var(--colorWhite); font-size: 16px; font-weight: 500; position: relative; transition: all 0.3s linear 0s; opacity: 0.8; text-transform: capitalize; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .main_menu .wsus__droap_menu li a:hover, .main_menu .wsus__droap_menu li a.active { padding-left: 25px; opacity: 1; color: var(--colorPrimary); } .main_menu .wsus__droap_menu li a::after { position: absolute; content: ""; width: 20px; height: 1px; background: var(--colorPrimary); top: 50%; left: -5px; opacity: 0; transform: translateY(-50%); transition: all 0.3s linear 0s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .main_menu .wsus__droap_menu li a:hover::after, .main_menu .wsus__droap_menu li a.active::after { opacity: 1; left: 0px; } .main_menu .nav-item:hover .wsus__droap_menu { opacity: 1; visibility: visible; top: 100%; } .right_menu li { position: relative; } .right_menu li .wsus__droap_cart { position: absolute; background: var(--colorBlack); width: 380px; top: 120%; left: 0px; padding: 25px 30px 30px; text-align: center; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; opacity: 0; visibility: hidden; max-height: 600px; transition: all linear 0.3s; overflow: hidden auto; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; z-index: 99; display: none; } .right_menu li:hover .wsus__droap_cart { opacity: 1; visibility: visible; top: 100%; display: block; } .right_menu li .wsus__droap_cart::-webkit-scrollbar { background: var(--paraColor); width: 3px; height: 30px; } .right_menu li .wsus__droap_cart::-webkit-scrollbar-thumb { background: var(--colorWhite); } .wsus__droap_cart h5 { font-size: 20px; font-weight: 700; display: flex; flex-wrap: wrap; justify-content: space-between; color: var(--colorWhite); padding-bottom: 18px; text-transform: uppercase; border-bottom: 1px solid rgb(239, 240, 243); } .wsus__droap_cart h5 a { font-size: 16px; font-weight: 500; font-family: var(--paraFont); color: var(--colorPrimary); text-transform: capitalize; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__droap_cart h5 a:hover { color: var(--colorWhite); } .wsus__droap_cart_list { margin-top: 30px; } .wsus__droap_cart_list li { display: flex; flex-wrap: wrap; margin-top: 20px; position: relative; } .wsus__droap_cart_list li .img { width: 80px; height: 80px; display: block; } .wsus__droap_cart_list li .text { width: 57%; display: flex; flex-flow: column wrap; justify-content: center; margin-left: 20px; text-align: left; } .wsus__droap_cart_list li .text a, .wsus__droap_cart_list li .text h6 { display: block; font-size: 16px; font-weight: 500; font-family: var(--headingFont); text-transform: uppercase; color: var(--colorWhite); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__droap_cart_list li .text a:hover { color: var(--colorPrimary); } .wsus__droap_cart_list li .text h6 { color: var(--colorWhite); margin-top: 5px; } .wsus__droap_cart_list li span { position: absolute; bottom: 6px; right: 0px; font-size: 20px; color: var(--colorWhite); cursor: pointer; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__droap_cart_list li span:hover { color: var(--colorPrimary); } .wsus__droap_total_price { margin-top: 30px; } .wsus__droap_total_price h3 { font-size: 20px; font-weight: 500; text-transform: uppercase; text-align: end; padding: 15px 0px; color: var(--colorWhite); border-top: 1px solid rgb(239, 240, 243); border-bottom: 1px solid rgb(239, 240, 243); } .wsus__droap_total_price h3 span { font-size: 20px; font-weight: 500; display: inline-block; margin-left: 10px; } .wsus__droap_cart .common_btn { margin-top: 30px !important; z-index: 0; } .wsus__menu_offconvas .offcanvas { background: url("../images/offcanvas_bg.jpg") center center / cover no-repeat; padding: 80px 40px; z-index: 99999; } .wsus__menu_offconvas .offcanvas-header { padding: 0px; } .wsus__menu_offconvas .btn-close { width: 40px; height: 40px; background: var(--colorPrimary); opacity: 1; border-radius: 50%; color: var(--colorBlack); position: absolute; top: 20px; right: 20px; font-size: 18px; transition: all 0.3s linear 0s; padding: 0px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__menu_offconvas .btn-close:hover { background: var(--colorWhite); } .wsus__menu_offconvas .offcanvas-body { padding: 0px; } .wsus__menu_offconvas .offcanvas_logo { display: block; max-width: 140px; } .wsus__menu_offconvas .description { color: rgb(168, 168, 188); font-weight: 500; line-height: 22px; margin-top: 25px; } .wsus__menu_offconvas .offcanvas_contact h3 { color: var(--colorWhite); font-size: 20px; font-weight: 700; text-transform: uppercase; margin-top: 80px; margin-bottom: 35px; } .wsus__menu_offconvas .offcanvas_contact p, .wsus__menu_offconvas .offcanvas_contact a { color: rgb(168, 168, 188); font-size: 16px; font-weight: 500; margin-top: 20px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__menu_offconvas .offcanvas_contact p span, .wsus__menu_offconvas .offcanvas_contact a span { display: inline-block; width: 19px; margin-right: 10px; } .wsus__menu_offconvas .offcanvas_contact a:hover { color: var(--colorPrimary); } .wsus__menu_offconvas .offcanvas-body ul { gap: 10px; margin-top: 80px; } .wsus__menu_offconvas .offcanvas-body ul li a { width: 35px; height: 35px; line-height: 35px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.1); color: var(--colorWhite); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__menu_offconvas .offcanvas-body ul li a:hover { background: var(--colorPrimary); color: var(--colorBlack); border-color: var(--colorPrimary); } .main_menu.menu_fix { background: var(--colorBlack); top: 0px; z-index: 999; } .navbar-toggler { width: 40px; height: 40px; line-height: 40px; background: var(--colorPrimary); color: var(--colorBlack); padding: 0; box-shadow: none !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border: none; } .navbar-toggler.show { background: red; color: var(--colorWhite); } .navbar-toggler .close_icon_close { display: none; } .navbar-toggler.show .close_icon_close { display: inline-block; } .navbar-toggler.show .menu_icon_bar { display: none; } /* menu end */ /* banner start */ .wsus__banner_slider { height: 100vh; position: relative; } .wsus__banner_slider div { height: 100%; } .wsus__slider_item { background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } .wsus__banner_slider_text { display: flex; flex-direction: column; justify-content: center; align-items: start; padding-top: 110px; } .wsus__banner_slider_text h5 { font-family: var(--paraFont); font-size: 14px; font-weight: 500; letter-spacing: 4.2px; color: var(--colorWhite); position: relative; padding-left: 15px; text-transform: uppercase; margin-bottom: 5px; } .wsus__banner_slider_text h5::after { position: absolute; content: ""; width: 5px; height: 5px; background: var(--colorPrimary); border-radius: 50%; left: 0px; top: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__banner_slider_text h1, .wsus__banner_slider_text h1 span { color: var(--colorPrimary); font-family: var(--headingFont); font-size: 100px; font-weight: 700; line-height: 130px; } .wsus__banner_slider_text h1 span { display: block; color: var(--colorPrimary); border-bottom: 1px solid var(--colorPrimary); } .wsus__banner_slider_text p { color: var(--colorWhite); font-size: 18px; font-weight: 500; line-height: 28px; max-width: 65%; margin-top: 15px; margin-bottom: 35px; } .slick-active .wsus__banner_slider_text h5, .slick-active .wsus__banner_slider_text h1, .slick-active .wsus__banner_slider_text p, .slick-active .wsus__banner_slider_text a { animation: 1s ease 0s 1 normal none running fadeUp; -webkit-animation: 1s ease 0s 1 normal none running fadeUp; } .slick-active .wsus__banner_slider_text h1 { animation: 1.5s ease 0s 1 normal none running fadeUp; -webkit-animation: 1.5s ease 0s 1 normal none running fadeUp; } .slick-active .wsus__banner_slider_text p { animation: 2s ease 0s 1 normal none running fadeUp; -webkit-animation: 2s ease 0s 1 normal none running fadeUp; } .slick-active .wsus__banner_slider_text a { animation: 2.5s ease 0s 1 normal none running fadeUp; -webkit-animation: 2.5s ease 0s 1 normal none running fadeUp; } @keyframes fadeUp { 0% { opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } } .fadeInUp { animation-name: fadeInUp; } .wsus__banner_slider .slick-dots { position: absolute; top: 50%; right: 120px; transform: translateY(-50%); z-index: 3; width: auto; height: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .wsus__banner_slider .slick-dots li { margin-top: -7px; } .wsus__banner_slider .slick-dots li button { color: transparent; font-size: 14px; font-weight: 500; background: none; position: relative; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__banner_slider .slick-dots li button::before { position: absolute; content: "0"; font-family: var(--paraFont); color: transparent; font-size: 14px; font-weight: 500; top: 0px; left: -11px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__banner_slider .slick-dots li button::after { position: absolute; content: ""; width: 20px; height: 2px; background: var(--colorWhite); top: 9px; right: -60px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__banner_slider .slick-dots li button:hover, .wsus__banner_slider .slick-active button, .wsus__banner_slider .slick-dots li button:hover::before, .wsus__banner_slider .slick-active button::before { color: var(--colorWhite) !important; } .wsus__banner_slider .slick-dots li button:hover::after, .wsus__banner_slider .slick-active button::after { width: 50px !important; } /* banner end */ /* program start */ .wsus__program_area { padding-left: 24px; position: relative; } .wsus__program_item { height: 340px; overflow: hidden; position: relative; padding-right: 24px; margin-top: 25px; border-right: 1px solid rgba(23, 23, 24, 0.14); } .wsus__program_area .wsus__program_item { margin: 0px 12px; } .wsus__program_item::after { position: absolute; content: ""; width: 1px; height: 100%; background: rgba(23, 23, 24, 0.14); top: 0px; right: -25px; } .wsus__program_item .text { position: absolute; bottom: 0px; left: 0px; padding: 50px; width: 100%; } .wsus__program_item .text h5 { color: var(--colorWhite); font-family: var(--paraFont); font-size: 14px; font-weight: 500; letter-spacing: 4.2px; padding-left: 12px; position: relative; margin-bottom: 5px; } .wsus__program_item .text h5::after { position: absolute; content: ""; width: 5px; height: 5px; background: var(--colorPrimary); border-radius: 50%; left: 0px; top: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__program_item .text .title { max-width: 65%; color: var(--colorWhite); font-size: 30px; font-weight: 600; line-height: 36px; } .wsus__program_item ul { display: inline-flex; flex-wrap: wrap; width: 100%; margin-top: 15px; } .wsus__program_item ul li { color: var(--colorBlack); background: var(--colorWhite); font-family: var(--paraFont); font-size: 16px; font-weight: 500; padding: 6px 15px; } .wsus__program_item ul li:first-child { background: var(--colorPrimary); } .wsus__program_item .text .title:hover { color: var(--colorPrimary); text-decoration: none; } .wsus__program_item .text .arrow_button { position: absolute; bottom: 50px; right: 74px; opacity: 0; } .wsus__program_item .text .arrow_button:hover { background: var(--colorWhite); color: var(--colorBlack); } .wsus__program_item:hover .text .arrow_button { opacity: 1; } .wsus__program_area::after { position: absolute; content: ""; background: url("../images/program_shapes.png") center center / cover no-repeat; width: 560px; height: 510px; bottom: -60px; right: 135px; z-index: -1; } /* program end */ /* machine start */ .wsus__machine_bg { background: var(--colorWhite); padding: 15px 15px 7px; box-shadow: rgba(23, 23, 24, 0.06) 0px 20px 40px 0px; position: relative; } .wsus__machine_bg::before { position: absolute; content: ""; background: url("../images/machine_shapes_1.png") center center / cover no-repeat; width: 205px; height: 185px; top: -170px; left: -22px; z-index: -1; } .wsus__machine_bg::after { position: absolute; content: ""; background: url("../images/machine_shapes_2.png") center center / cover no-repeat; width: 170px; height: 185px; top: -30px; right: -80px; z-index: -1; } .wsus__machine_text { padding-left: 100px; display: flex; flex-direction: column; justify-content: center; align-items: start; height: 100%; padding-right: 80px; } .wsus__machine_text h2, .wsus__machine_text h2 span { font-size: 40px; font-weight: 700; /* color: var(--colorGray); */ } .wsus__machine_text h2 span { display: block; color: var(--colorBlack); } .wsus__machine_text ul { display: flex; flex-direction: column; gap: 40px; margin-top: 25px; margin-bottom: 45px; } .wsus__machine_text ul li { font-size: 16px; font-weight: 500; color: var(--paraColor); position: relative; padding-left: 55px; } .wsus__machine_text ul li span { width: 40px; height: 40px; line-height: 40px; display: block; text-align: center; background: rgb(241, 241, 241); border-radius: 50%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); transition: all 0.3s linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__machine_text ul li:hover span { background: var(--colorPrimary); color: var(--colorBlack); } .wsus__machine_text .common_btn::after { background-color: var(--colorBlack); } .wsus__machine_text .common_btn:hover { color: var(--colorWhite); } .wsus__machine_slider_item { height: 510px; overflow: hidden; margin: 0px 12px; } .wsus__machine_slider_area .slick-dots { position: absolute; bottom: 0px; left: 0px; display: flex; gap: 10px; padding: 20px; width: 100%; justify-content: center; } .wsus__machine_slider_area .slick-dots li { width: 30%; } .wsus__machine_slider_area .slick-dots li button { font-size: 0px; width: 100%; height: 3px; background: var(--colorBlack); opacity: 0.1; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__machine_slider_area .slick-dots li.slick-active button { opacity: 1; } /* machine end */ /* home counter start */ .wsus__home_counter_item { text-align: center; margin-top: 25px; padding: 40px 30px 60px 30px; background: var(--colorWhite); box-shadow: 0px 16px 30px 0px rgba(23, 23, 24, 0.06); } .wsus__home_counter_item h2, .wsus__home_counter_item h2 span { font-size: 90px; font-weight: 600; text-transform: uppercase; color: black; -webkit-text-fill-color: white; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; } .wsus__home_counter_item h2 span { display: inline-block; font-family: var(--headingFont); } .wsus__home_counter_item p { font-size: 18px; font-weight: 600; font-family: var(--headingFont); text-transform: uppercase; color: rgba(23, 23, 24, 0.4); } /* home counter end */ /* call to action start */ .wsus__call_to_action { background: var(--colorWhite); } .wsus__call_to_action_item { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; background: #eff0f3; padding: 40px; margin-top: 25px; } .wsus__call_to_action_item span { display: block; width: 50px; height: 50px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__call_to_action_item p { color: var(--colorBlack); font-family: var(--headingFont); font-size: 20px; font-weight: 600; } .wsus__call_to_action_item:hover span { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); } /* call to action end */ .modal_payment_popup p { margin-bottom: 10px; } /* trainer start */ .wsus__trainer { background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; } .wsus__trainer .wsus__section_headeing h2 { color: var(--colorWhite); } .wsus__trainer .wsus__section_headeing h2 span { color: var(--colorWhite); } .wsus__single_trainer { margin-top: 25px; height: 480px; overflow: hidden; position: relative; } .wsus__single_trainer img { transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__single_trainer.active img, .wsus__single_trainer:hover img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); } .wsus__single_trainer .text { background: var(--colorWhite); position: absolute; bottom: 10px; left: 10%; width: 80%; padding: 20px 20px 23px; transition: all 0.3s linear 0s; z-index: 3; opacity: 0; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__single_trainer .text .title { color: var(--colorBlack); text-align: center; font-size: 20px; font-weight: 600; } .wsus__single_trainer .text p { color: rgb(168, 168, 188); text-align: center; font-weight: 500; } .wsus__single_trainer ul { position: absolute; top: 30px; right: 10px; display: flex; flex-direction: column; gap: 5px; transition: all 0.3s linear 0s; opacity: 0; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__single_trainer ul li a { display: block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: var(--colorWhite); color: var(--colorBlack); font-size: 14px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__single_trainer ul li a:hover { color: var(--colorBlack); background: var(--colorPrimary); } .wsus__single_trainer::after { position: absolute; content: ""; width: 100%; height: 50%; background: linear-gradient( rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100% ); bottom: 0px; left: 0px; opacity: 0; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__single_trainer.active ul, .wsus__single_trainer:hover ul { right: 30px; opacity: 1; } .wsus__single_trainer.active .text, .wsus__single_trainer:hover .text { opacity: 1; bottom: 30px; } /* trainer end */ /* time table start */ .wsus__timetable { position: relative; } .wsus__timetable::after { position: absolute; content: ""; background: url("../images/time_table_shapes.png") center center / cover no-repeat; width: 115px; height: 200px; bottom: 20%; left: 0px; } .wsus__timetable_menu .nav { display: inline-flex; border: 1px solid rgba(23, 23, 24, 0.1); padding: 6px; gap: 25px; } .wsus__timetable_menu .nav .nav-item button { color: var(--paraColor); font-size: 16px; font-weight: 500; border-radius: 0px; transition: all 0.3s linear 0s; padding: 3px 12px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__timetable_menu .nav .nav-item button:hover, .wsus__timetable_menu .nav .nav-item button.active { background: var(--colorPrimary); color: var(--colorBlack); } .wsus__timetable_list { background: var(--colorWhite); box-shadow: rgba(23, 23, 24, 0.08) 0px 14px 60px 0px; } .wsus__timetable_list table { margin: 0px; border-right: 1px solid rgba(23, 23, 24, 0.1); } .wsus__timetable_list table tr { border-bottom: 1px solid rgba(23, 23, 24, 0.1); } .wsus__timetable_list table tr th { color: var(--paraColor); text-align: center; font-size: 14px; font-weight: 500; padding: 15px 10px; } .wsus__timetable_list table tr th, .wsus__timetable_list table tr td { border-right: 1px solid rgba(23, 23, 24, 0.1); vertical-align: middle; width: 12.5%; } .wsus__timetable_list table tr th:last-child, .wsus__timetable_list table tr td:last-child { border-right: 0px; } .wsus__timetable_list table tr td { padding: 40px 20px; } .wsus__timetable_list table tr td span { color: var(--paraColor); text-align: center; font-size: 14px; font-weight: 500; display: block; } .wsus__timetable_list table tr td h4 { color: rgb(23, 23, 24); text-align: center; font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; } .wsus__timetable_list table tr td p { color: var(--paraColor); text-align: center; font-size: 14px; font-weight: 500; } .wsus__timetable_list table tr .blue_bg { background: rgb(216, 223, 244); } .wsus__timetable_list table tr .green_bg { background: rgb(224, 246, 238); } .wsus__timetable_list table tr .pink_bg { background: rgb(255, 224, 248); } .wsus__timetable_list table tr .golden_bg { background: rgb(252, 254, 208); } .wsus__timetable_list table tr .orange_bg { background: rgb(251, 233, 217); } /* time table end */ /* video start */ .wsus__video { position: relative; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } .wsus__video::after { position: absolute; content: ""; bottom: 0; left: 0px; height: 665px; width: 1000px; background: url(../images/video_shape.png); } .wsus__video_area_btn .play_btn { width: 120px; height: 120px; line-height: 120px; font-size: 24px; background: var(--colorPrimary); position: relative; z-index: 1; } .wsus__video_area_btn .play_btn::after { background: var(--colorPrimary); } .wsus__video .wsus__section_headeing h2 { font-size: 100px; line-height: 100px; color: var(--colorWhite); position: relative; z-index: 1; } /* video end */ /* brand start */ .wsus__branding { padding: 65px 0px 65px 0px; background: var(--colorWhite); box-shadow: 0px 10px 10px 0px rgba(23, 23, 24, 0.08); } .wsus__branding_img { margin: 0 12px; display: block; } .wsus__branding_img .img { width: 90px; height: 90px; margin: 0 auto; opacity: 0.4; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__branding_img:hover .img { opacity: 1; } .wsus__branding .nextArrow, .wsus__branding .prevArrow { top: 23px; } .wsus__branding .nextArrow { right: -40px; } .wsus__branding .prevArrow { border: 1px solid #eff0f3; background: transparent; box-shadow: none; left: -40px; } .wsus__branding .prevArrow:hover { background: var(--colorPrimary); border-color: var(--colorPrimary); } /* brand end */ /* pricing start */ .wsus__pricing_nav { margin-bottom: 15px; text-align: center; } .wsus__pricing_nav ul { width: 60px; height: 24px; gap: 10px; position: relative; background: var(--colorWhite); display: inline-flex; justify-content: center; align-items: center; border: 1px solid rgba(23, 23, 24, 0.3); } .wsus__pricing_nav ul li button { width: 20px; height: 16px; padding: 0; background: transparent; } .nav-pills .nav-link { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .wsus__pricing .nav-pills .nav-link.active, .wsus__pricing .nav-pills .show > .nav-link { background-color: var(--colorBlack); } .wsus__pricing_nav ul li button span { font-size: 16px; font-weight: 500; text-transform: capitalize; padding: 0px; position: absolute; top: -2px; left: -78px; transition: all 0.3s linear 0s; color: var(--paraColor) !important; background: none !important; } .wsus__pricing_nav ul li button span:hover, .wsus__pricing_nav ul li button.active span { color: var(--colorBlack) !important; } .wsus__pricing_nav ul li:last-child button span { left: auto; right: -62px; } .wsus__pricing { position: relative; } .wsus__pricing::after { position: absolute; content: ""; background: url("../images/pricing_shape.png") center center / cover no-repeat; width: 120px; height: 205px; bottom: 25%; right: 0px; } .wsus__single_pricing { margin-top: 25px; background: var(--colorWhite); border: 1px solid transparent; box-shadow: rgba(23, 23, 24, 0.04) 0px 6px 30px 0px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__single_pricing h3 { font-size: 26px; font-weight: 500; padding: 42px 40px 44px; text-transform: uppercase; } .wsus__single_pricing ul { padding: 18px 40px 43px; border-top: 1px solid rgba(23, 23, 24, 0.1); border-bottom: 1px solid rgba(23, 23, 24, 0.1); } .wsus__single_pricing ul li { position: relative; font-size: 16px; font-weight: 500; margin-top: 26px; padding-left: 15px; color: var(--paraColor); } .wsus__single_pricing ul li::after { position: absolute; content: ""; top: 9px; left: 0px; width: 5px; height: 5px; background: var(--paraColor); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__single_pricing .bottom { padding: 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .wsus__single_pricing .bottom h2 { font-size: 30px; font-weight: 600; text-transform: uppercase; } .wsus__single_pricing .bottom a { padding: 10px 25px; background: var(--lightBg); border-radius: 0 !important; border: none !important; } .wsus__pricing_page::before { position: absolute; content: ""; background: url("../images/pricing_shape_2.png") center center / cover no-repeat; width: 120px; height: 300px; top: 200px; left: 0px; } /* pricing end */ /* testimonial start */ .wsus__testimonial { position: relative; z-index: 1; } .wsus__testimonial_area { position: relative; padding-left: 150px; padding-right: 150px; background: url("../images/testimonial_bg.png") center center / cover no-repeat; } .wsus__testimonial_area::after { position: absolute; content: ""; bottom: 40px; left: 130px; width: 250px; height: 250px; background: url("../images/massage_shape.png") center center / cover no-repeat; } .wsus__testimonial_content { text-align: center; } .wsus__testimonial_content p { font-size: 24px; font-weight: 400; line-height: 40px; color: var(--colorWhite); opacity: 0.8; } .wsus__testimonial_content h6 { font-size: 20px; font-weight: 600; margin-top: 40px; text-transform: uppercase; color: var(--colorWhite); } .wsus__testimonial_content span { display: inline-block; font-size: 18px; font-weight: 500; margin-top: 3px; color: rgb(168, 168, 188); text-transform: capitalize; } .wsus__testimonial .slick-slider { position: initial; } .wsus__testimonial .prevArrow, .wsus__testimonial .nextArrow { top: 50%; right: -25px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .wsus__testimonial .prevArrow { right: auto; left: -25px; } .wsus__testimonial .draggable { padding: 0px !important; } .wsus_small_slider_img_area { width: 200px; margin: 0px auto; } .wsus__slider_small_img { width: 50px; height: 50px; cursor: pointer; margin: 15px 20px; position: relative; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__slider_small_img img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } @keyframes rotate_animi { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } to { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } } .wsus__slider_small_img::after { position: absolute; content: ""; background: url("../images/testimonial_slider_shape.png") center center / cover no-repeat; width: 76px; height: 76px; top: -8px; left: -8px; opacity: 0; transition: all 0.2s linear 0s; animation: rotate_animi 30s linear infinite; -webkit-animation: rotate_animi 30s linear infinite; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; } .slick-center .wsus__slider_small_img { width: 60px; height: 60px; margin: 10px 15px; } .slick-center .wsus__slider_small_img::after { opacity: 1; } .wsus__testimonial::after { position: absolute; content: ""; bottom: -101px; right: 160px; width: 448px; height: 390px; background: url("../images/testimonial_shape.png") center center / cover no-repeat; z-index: -1; } /* testimonial end */ /* blog start */ .wsus__blog { padding-left: 27px; padding-right: 25px; } .wsus__blog_item { margin: 0px 12px 20px 0px; } .wsus__blog_img { height: 320px; overflow: hidden; display: block; } .wsus__blog_img img { transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__blog_item:hover .wsus__blog_img img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .wsus__blog_text ul { gap: 20px; padding: 15px 0px; border-bottom: 1px solid rgba(23, 23, 24, 0.14); } .wsus__blog_text ul li { font-size: 13px; font-weight: 500; text-transform: capitalize; display: flex; align-items: center; } .wsus__blog_text ul li span { display: inline-block; width: 14px; height: 14px; margin-right: 8px; } .wsus__blog_text .title { margin-top: 22px; } .wsus__blog_text .common_btn { padding: 9px 16px; margin-top: 21px; box-shadow: rgba(23, 23, 24, 0.08) 0px 10px 10px 0px; } .wsus__blog .prevArrow, .wsus__blog .nextArrow { top: -110px; right: 283px; } .wsus__blog .prevArrow { left: auto; right: 343px; } /* blog end */ /* social media start */ .wsus__social_media { background: var(--colorBlack); } .wsus__social_media ul li { width: 33.333%; text-align: center; border-right: 1px solid var(--colorWhite); } .wsus__social_media ul li:last-child { border: none; } .wsus__social_media ul li a { padding: 27px 0px 31px; font-size: 40px; font-weight: 500; font-family: var(--headingFont); color: rgb(24, 119, 242); text-transform: uppercase; } .wsus__social_media ul li a.insta { color: rgb(235, 107, 70); } .wsus__social_media ul li a.linkdin { color: rgb(0, 119, 181); } /* social media end */ /* footer start */ .wsus__footer { margin-top: 10px; position: relative; background: var(--colorBlack); } .wsus__footer_logo { width: 140px; height: 42px; } .wsus__footer_left p { font-weight: 500; line-height: 22px; margin-top: 25px; color: rgb(168, 168, 188); } .wsus__footer_left ul { gap: 10px; margin-top: 40px; } .wsus__footer_left ul li a { width: 36px; height: 36px; line-height: 36px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.1); color: var(--colorWhite); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__footer_left ul li a:hover { background: var(--colorPrimary); color: var(--colorBlack); border-color: var(--colorPrimary); } .wsus__footer_manu h4, .wsus__footer_right h4, .wsus__download_link h4 { font-size: 20px; font-weight: 700; text-transform: uppercase; color: var(--colorWhite); } .wsus__footer_manu ul { margin-top: 20px; } .wsus__footer_manu ul li a { font-size: 16px; font-weight: 500; color: rgb(168, 168, 188); margin-top: 10px; text-transform: capitalize; transition: all 0.3s linear 0s; } .wsus__footer_manu ul li a:hover, .wsus__footer_manu ul li a.active { color: var(--colorWhite); } .wsus__footer_right ul { margin-top: 35px; display: flex; flex-direction: column; gap: 15px; } .wsus__footer_right ul li p, .wsus__footer_right ul li a { color: rgb(168, 168, 188); font-size: 16px; font-weight: 500; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; position: relative; padding-left: 33px; } .wsus__footer_right ul li p span, .wsus__footer_right ul li a span { display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; top: 0px; } .wsus__footer_right ul li a:hover { color: var(--colorWhite); } .wsus__footer_right ul li form { margin-top: 25px; position: relative; z-index: 1; } .wsus__footer_right ul li form input { background: var(--colorBlack); color: var(--colorWhite); border: 1px solid rgba(255, 255, 255, 0.14); } .wsus__footer_right ul li form button { position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; font-size: 18px; text-align: center; color: var(--colorBlack); background: var(--colorPrimary); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; padding-right: 3px; } .wsus__footer_right ul li form button:hover { background: var(--colorWhite); } .wsus__copy_right { padding: 20px 0px; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.1); } .wsus__copy_right p { font-size: 14px; font-weight: 500; color: rgb(168, 168, 188); text-transform: capitalize; } .wsus__copy_right p a { color: var(--colorPrimary); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__copy_right p a:hover { color: var(--colorWhite); } .wsus__copy_right ul { gap: 8px; position: relative; z-index: 2; } .wsus__copy_right ul li { position: relative; } .wsus__copy_right ul li::after { position: absolute; content: ""; top: 10px; left: 0px; width: 5px; height: 5px; background: rgb(168, 168, 188); transition: all 0.3s linear 0s; border-radius: 50%; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__copy_right ul li:hover::after { background: var(--colorWhite); } .wsus__copy_right ul li a { color: rgb(168, 168, 188); font-size: 14px; font-weight: 500; padding-left: 15px; text-transform: capitalize; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__copy_right ul li a:hover, .wsus__copy_right ul li a.active { color: var(--colorWhite); } .wsus__footer::after { position: absolute; content: ""; right: 10px; bottom: 0px; width: 300px; height: 250px; background: url("../images/footer_shape.png") center center / cover no-repeat; z-index: 0; } /* footer end */ /*=================================== HOME PAGE END ===================================*/ /*=================================== HOME PAGE 2 END ===================================*/ /* heder start */ .wsus__header_2 { background: transparent; } .wsus__header_2 .wsus__header_left p { font-size: 14px; font-weight: 500; color: var(--colorWhite); padding-left: 20px; } /* heder end */ /* main menu 2 start */ .main_menu_2 { background: transparent; backdrop-filter: none; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .main_menu_2 .navbar-brand { position: absolute; top: -41px; left: 0px; padding: 34px 84px; fill: rgba(255, 255, 255, 0.06); backdrop-filter: blur(65px); max-width: 294px !important; } .main_menu_2 .navbar-nav { margin-right: auto; } .main_menu_2.menu_fix .navbar-brand { top: 0px; padding: 13px 84px; } /* main menu 2 end */ /* banner 2 start */ .wsus__banner_2_slider_item { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; height: 800px; } .wsus_banner_2_overly { background: linear-gradient(rgb(23, 23, 24) 0%, rgba(23, 23, 24, 0) 53.59%); } .wsus__banner_2_slider_text { padding: 310px 0px 220px; } .wsus__banner_2_slider_text h1 { font-size: 100px; font-weight: 700; line-height: 100px; color: var(--colorWhite); text-transform: uppercase; } .wsus__banner_2_slider_text a { margin-top: 45px; } .slick-active .wsus__banner_2_slider_text h1 { animation: 1.5s ease 0s 1 normal none running fadeUp; -webkit-animation: 1.5s ease 0s 1 normal none running fadeUp; } .slick-active .wsus__banner_2_slider_text a { animation: 2.5s ease 0s 1 normal none running fadeUp; -webkit-animation: 2.5s ease 0s 1 normal none running fadeUp; } .wsus__banner_2_slider .nextArrow, .wsus__banner_2_slider .prevArrow { position: absolute; top: auto; bottom: 65px; right: 80px; width: 40px; height: 40px; background: none; text-align: left; font-size: 56px; z-index: 1; opacity: 0.6; color: var(--colorWhite); border-left: 1px solid var(--colorWhite); line-height: 45px !important; } .wsus__banner_2_slider .prevArrow { text-align: right; left: auto; right: 140px; border-left: none; border-right: 1px solid var(--colorWhite); } .wsus__banner_2_slider .nextArrow, .wsus__banner_2_slider .nextArrow:hover, .wsus__banner_2_slider .prevArrow:hover { opacity: 1; color: var(--colorPrimary); border-color: var(--colorPrimary); } /* banner 2 end */ /* program 2 start */ .wsus__programe_2_content { padding: 0px 70px; } .wsus__programe_2_item { margin-top: 25px; } .programe_2_slider .wsus__programe_2_item { margin: 0px 30px; } .wsus__programe_2_item .img { height: 410px; display: block; width: 100%; overflow: hidden; position: relative; } .wsus__programe_2_item ul { display: inline-flex; flex-wrap: wrap; justify-content: center; width: 100%; position: absolute; bottom: 10px; left: 0px; opacity: 0; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__programe_2_item ul li { color: var(--colorBlack); background: var(--colorWhite); font-family: var(--paraFont); font-size: 16px; font-weight: 500; padding: 6px 15px; } .wsus__programe_2_item ul li:first-child { background: var(--colorPrimary); } .wsus__programe_2_item:hover .img ul { bottom: 25px; opacity: 1; } .wsus__programe_2_item .img img { transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__programe_2_item .title { font-size: 24px; margin-top: 23px; padding: 0px 37px; text-align: center; } .wsus__programe_2_item:hover .img img { transform: scale(1.05) rotate(2deg); -webkit-transform: scale(1.05) rotate(2deg); -moz-transform: scale(1.05) rotate(2deg); -ms-transform: scale(1.05) rotate(2deg); -o-transform: scale(1.05) rotate(2deg); } /* program 2 end */ /* machine 2 start */ .wsus__machine_2 { background: var(--colorWhite); } .wsus__machine_2_img { height: 570px; } .wsus__machine_2_text { height: 100%; display: flex; flex-flow: column wrap; justify-content: center; align-items: start; } .wsus__machine_2_text .wsus__section_heading_2 h2 { text-align: start; } .wsus__machine_2_text p { font-size: 18px; font-weight: 500; line-height: 28px; margin-top: 20px; } .wsus__machine_2_text .common_btn { margin-top: 55px; } .wsus__machine_2_text .common_btn:hover { color: var(--colorWhite); } .wsus__machine_2 .common_btn::after { background: var(--colorBlack); } /* machine 2 end */ /* time table 2 start */ .wsus__timetable_2 { background: var(--colorWhite); } .wsus__timetable_2 .wsus__timetable_list { box-shadow: none; } .wsus__timetable_2::after { display: none; } .wsus__timetable_2 table tr th, .wsus__timetable_2 table tr td { background: var(--lightBg); } .wsus__timetable_2 table tbody tr:last-child { border-bottom: var(--lightBg); } /* time table 2 end */ /* pricing 2 start */ .wsus__pricing_2 { background: url("../images/Pricing_2_bg.jpg") center center / cover no-repeat; } .wsus__pricing_2_overly { background: rgba(7, 10, 77, 0.8); } .wsus__pricing_2_text .wsus__section_heading_2 h2 { text-align: start; color: var(--colorWhite); } .wsus__pricing_2_text { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: start; } .wsus__pricing_2_text ul { margin-top: 35px; } .wsus__pricing_2_text ul li { font-size: 18px; font-weight: 500; margin-top: 10px; position: relative; padding-left: 16px; color: var(--colorWhite); } .wsus__pricing_2_text ul li::after { position: absolute; content: ""; top: 11px; left: 0px; width: 5px; height: 5px; background: var(--colorWhite); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__pricing_2_item { background: var(--colorWhite); } .wsus__pricing_2_item h3 { font-size: 20px; font-weight: 500; padding: 20px 35px; text-transform: uppercase; border-bottom: 1px solid rgba(23, 23, 24, 0.1); } .wsus__pricing_2_item ul { margin: 30px 0px 0px 35px; } .wsus__pricing_2_item ul li { padding-left: 16px; font-size: 15px; font-weight: 500; margin-top: 30px; position: relative; color: var(--paraColor); text-transform: capitalize; } .wsus__pricing_2_item ul li::after { position: absolute; content: ""; top: 8px; left: 0px; width: 5px; height: 5px; background: var(--paraColor); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__pricing_2_btn { padding: 38px 20px 20px; } .wsus__pricing_2_btn a { width: 100%; background: var(--lightBg) !important; } .wsus__pricing_2_item_1 { margin-top: 105px; } /* pricing 2 end */ /* product start */ .wsus__product { background: var(--colorWhite); } .wsus__product_item { margin-top: 25px; position: relative; } .product_slider .wsus__product_item { margin: 0px 12px; } .wsus__product_item .new { display: inline-block; position: absolute; padding: 0px 8px; top: 20px; left: 20px; font-size: 14px; font-weight: 500; background: rgb(219, 68, 55); color: var(--colorWhite); text-transform: capitalize; } .wsus__product_item .img { height: 375px; position: relative; overflow: hidden; background: #eff0f3; } .wsus__product_item .img > a { display: block; width: 100%; height: 100%; } .wsus__product_item .img img { transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transform: scale(1.01); -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); } .wsus__product_item:hover .img img { transform: scale(1.05) rotate(2deg); -webkit-transform: scale(1.05) rotate(2deg); -moz-transform: scale(1.05) rotate(2deg); -ms-transform: scale(1.05) rotate(2deg); -o-transform: scale(1.05) rotate(2deg); } .wsus__product_item .img .add_cart { position: absolute; bottom: 0px; left: 8%; width: 84%; height: auto !important; padding: 12px 20px; font-size: 16px; font-weight: 500; text-align: center; color: var(--colorWhite); background: var(--colorBlack); transition: all 0.3s linear 0s; opacity: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__product_item .img .add_cart span { display: inline-block; position: relative; top: -1px; width: 18px; height: auto; margin-right: 10px; } .wsus__product_item .img .add_cart:hover { color: var(--colorPrimary); } .wsus__product_item .img .add_cart:hover span img { filter: brightness(0) saturate(100%) invert(83%) sepia(18%) saturate(4414%) hue-rotate(18deg) brightness(127%) contrast(96%); -webkit-filter: brightness(0) saturate(100%) invert(83%) sepia(18%) saturate(4414%) hue-rotate(18deg) brightness(127%) contrast(96%); } .wsus__product_item:hover .img .add_cart { bottom: 25px; opacity: 1; } .wsus__product_item .img ul { position: absolute; top: 20px; right: 0px; opacity: 0; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__product_item .img ul li a { width: 40px; height: 40px; font-size: 16px; line-height: 40px; text-align: center; margin-bottom: 5px; color: var(--colorWhite); background: var(--colorBlack); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__product_item .img ul li a:hover { color: var(--colorBlack); background: var(--colorPrimary); } .wsus__product_item:hover .img ul { right: 20px; opacity: 1; } .wsus__product_item .text { margin-top: 15px; } .wsus__product_item .text a { font-size: 20px; } .wsus__product_item .text p { font-size: 14px; color: var(--ratingColor); } .wsus__product_item .text h4 { font-size: 20px; font-weight: 500; margin-top: 13px; text-transform: uppercase; } .wsus__product .slick-dots { gap: 8px; margin-top: 45px; display: flex; flex-wrap: wrap; justify-content: center; } .wsus__product .slick-dots li button { font-size: 0px; width: 12px; height: 12px; border-radius: 50%; border: 1px solid var(--colorBlack); background: transparent; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__product .slick-dots li button:hover { background: var(--colorBlack); } .wsus__product .slick-dots li.slick-active button { background: var(--colorBlack); } .wsus__product_modal .modal-dialog { max-width: 1100px; } .wsus__product_modal .modal-content { padding: 10px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__product_modal .modal-header { padding: 0px; border-bottom: none; } .wsus__product_modal .btn-close { position: absolute; top: 20px; right: 20px; z-index: 1; } .wsus__product_modal .btn-close:focus { box-shadow: none; } .wsus__modal_img { height: 100%; max-height: 500px; } .wsus__modal_text { margin-left: 25px; } .wsus__modal_text h2 { font-size: 40px; font-weight: 500; margin-bottom: 12px; text-transform: uppercase; } .wsus__modal_text span { color: var(--ratingColor); } .wsus__modal_text span b { font-size: 16px; font-weight: 400; font-family: var(--headingFont); margin-left: 8px; color: var(--paraColor); text-transform: uppercase; } .wsus__modal_text h6 { font-size: 20px; font-weight: 500; margin-top: 18px; text-transform: uppercase; } .wsus__modal_text p { font-size: 18px; font-weight: 500; line-height: 28px; margin-top: 30px; color: var(--paraColor); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .wsus__modal_add_cart { display: flex; flex-wrap: wrap; margin-top: 30px; } .wsus__modal_quantity { display: inline-flex; align-items: center; margin-right: 5px; border: 2px solid var(--lightBg); } .wsus__modal_quantity button { width: 40px; height: 50px; background: transparent; font-size: 16px; font-weight: 500; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__modal_quantity button.minus:hover { background: red; color: var(--colorWhite); } .wsus__modal_quantity button.plus:hover { background: green; color: var(--colorWhite); } .wsus__modal_quantity input { width: 70px; height: 50px; font-size: 16px; font-weight: 500; border-radius: 0px; border-right: 2px solid var(--lightBg); border-left: 2px solid var(--lightBg); border-top: none; border-bottom: none; margin: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__modal_quantity input::placeholder { color: var(--colorBlack); } .wsus__modal_buy_cart { background: var(--colorPrimary); } .wsus__modal_buy_cart .cart { padding: 15px 17px; background: var(--colorPrimary); } .wsus__modal_buy_cart .cart img { width: 25px !important; height: 25px !important; } .wsus__modal_buy_cart .common_btn { padding: 15px 45px; border-left: 1px solid var(--colorBlack); } .wsus__modal_text .common_btn:hover { color: var(--colorWhite); } .wsus__modal_text .common_btn::after { background: var(--colorBlack); } .wsus__modal_text .wishlist { gap: 20px; margin-top: 30px; } .wsus__modal_text .wishlist li a { font-size: 16px; font-weight: 500; color: var(--colorBlack); text-transform: uppercase; } .wsus__modal_text .wishlist li a span { display: inline-block; width: 46px; height: 46px; line-height: 46px; font-size: 20px; text-align: center; margin-right: 12px; background: var(--lightBg); color: var(--colorBlack); border-radius: 50%; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__modal_text .wishlist li a:hover span { background: var(--colorPrimary); } .wsus__modal_text .details { margin-top: 33px; } .wsus__modal_text .details li { font-size: 16px; font-weight: 400; font-family: var(--headingFont); text-transform: uppercase; color: var(--paraColor); margin-top: 8px; } .wsus__modal_text .details li span { font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; color: var(--colorBlack); text-transform: uppercase; margin-left: 10px; } /* product end */ /* testimonial 2 start */ .wsus__testimonial_2 .wsus__section_heading_2 h2 { text-align: left; width: 90%; } .wsus__testimonial_2_area { margin-left: 310px; } .wsus__testimonial_2_item { margin: 0px 12px; } .wsus__testimonial_2_item .text { position: relative; padding: 43px 40px 60px; background: var(--colorWhite); box-shadow: rgba(190, 190, 200, 0.06) 0px 20px 40px 0px; } .wsus__testimonial_2_item .text p { font-weight: 500; line-height: 28px; } .wsus__testimonial_2_item .text::after { position: absolute; content: ""; left: 60px; bottom: -30px; width: 30px; height: 30px; background: var(--colorWhite); clip-path: polygon(50% 100%, 0px 0px, 99% 0px); box-shadow: rgba(23, 23, 24, 0.06) 0px 20px 40px 0px; } .wsus__testimonial_2_reviewer { display: flex; flex-wrap: wrap; margin-top: 40px; margin-left: 50px; } .wsus__testimonial_2_reviewer .img { width: 50px; height: 50px; margin-right: 20px; } .wsus__testimonial_2_reviewer .name { display: flex; flex-flow: column wrap; justify-content: center; } .wsus__testimonial_2_reviewer .name .title { font-size: 18px; font-weight: 600; text-transform: uppercase; line-height: normal; } .wsus__testimonial_2_reviewer .name .title:hover { text-decoration: none; } .wsus__testimonial_2_reviewer .name p { font-size: 18px; font-weight: 500; text-transform: capitalize; } .wsus__testimonial_2 .nextArrow, .wsus__testimonial_2 .prevArrow { top: -110px; right: 320px; } .wsus__testimonial_2 .prevArrow { left: auto; right: 380px; } /* testimonial 2 end */ /* blog 2 start */ .wsus__blog_2 { background: var(--colorWhite); } .wsus__blog_2_item { margin-top: 25px; } .wsus__blog_2_img { height: 370px; overflow: hidden; display: block; margin-top: 25px; } .wsus__blog_2_img img { transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__blog_2_item:hover img { transform: scale(1.05) rotate(2deg); -webkit-transform: scale(1.05) rotate(2deg); -moz-transform: scale(1.05) rotate(2deg); -ms-transform: scale(1.05) rotate(2deg); -o-transform: scale(1.05) rotate(2deg); } .wsus__blog_2_text ul { gap: 10px; margin-top: 20px; } .wsus__blog_2_text ul li { font-size: 13px; font-weight: 500; padding: 4px 11px 6px; text-transform: capitalize; background: var(--lightBg); } .wsus__blog_2_text ul li span { display: inline-block; width: 14px; height: 14px; margin-right: 8px; } .wsus__blog_2_text .title { margin-top: 15px; } .wsus__blog_2_text .common_btn { padding: 9px 16px; margin-top: 26px; background: var(--lightBg); } /* blog 2 end */ /*=================================== HOME PAGE 2 END ===================================*/ /*=================================== HOME PAGE 3 START ===================================*/ /* menu 3 start */ .main_menu_3 { top: 40px; backdrop-filter: none; background: transparent !important; } .main_menu_3 .container { position: relative; z-index: 1; } .main_menu_3 .container::after { position: absolute; content: ""; top: 0px; left: 11px; width: 98.2%; height: 100%; background: var(--colorBlack); z-index: -1; } .main_menu_3 .navbar-brand { margin-left: 18px; } .main_menu_3 .right_menu li .icon { width: 80px; } .main_menu_3 .right_menu li:last-child .icon { border-right: none; } /* menu 3 end */ /* banner 3 start */ .wsus__banner_3_slider { height: 100vh; position: relative; } .wsus__banner_3_slider div { height: 100%; } .wsus__banner_3_slider .wsus__banner_slider_text { width: 68%; padding-top: 290px; } .wsus__banner_3_slider .wsus__banner_slider_text h1 { font-size: 120px; font-weight: 700; line-height: 120px; color: var(--colorWhite); text-transform: uppercase; } .wsus__banner_3_slider .wsus__banner_slider_text a { margin-top: 42px; } .wsus__banner_3_slider .slick-dots { gap: 8px; position: absolute; bottom: 46%; left: 90%; } .wsus__banner_3_slider .slick-dots li button { font-size: 0px; width: 12px; height: 12px; border-radius: 50%; border: 1px solid var(--colorWhite); background: transparent; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__banner_3_slider .slick-dots li button:hover { background: var(--colorWhite); } .wsus__banner_3_slider .slick-dots li.slick-active button { background: var(--colorWhite); } /* banner 3 end */ /* program 3 start */ .wsus__program_3_item { height: 410px; position: relative; overflow: hidden; margin-top: 25px; } .wsus__program_3_item:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); } .wsus__program_3_item img { transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__program_3_overly { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient( rgba(23, 23, 24, 0) 0%, rgba(23, 23, 24, 0.6) 100% ); } .wsus__program_3_overly p { position: absolute; top: 40px; left: 40px; padding: 4px 15px; font-size: 14px; font-weight: 500; color: var(--colorBlack); background: var(--colorPrimary); } .wsus__program_3_overly .text { position: absolute; bottom: 42px; left: 40px; padding-right: 40px; } .wsus__program_3_overly .text .title { font-size: 30px; font-weight: 600; line-height: 36px; margin-top: 20px; text-transform: uppercase; color: var(--colorWhite); } .wsus__program_3_overly .text .title:hover { color: var(--colorPrimary); } /* program 3 end */ /* program 4 start */ .wsus__program_4_item { margin: 0px 6px; position: relative; overflow: hidden; height: 580px; } .wsus__program_4_item::after { position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient( 0deg, rgb(238, 251, 19) 0%, rgba(238, 251, 19, 0) 100% ); bottom: 0px; left: 0px; transition: all 0.3s linear 0s; opacity: 0; z-index: 1; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__program_4_item:hover::after { opacity: 1; } .wsus__program_4_overly { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50%; background: linear-gradient(rgba(23, 23, 24, 0) 0%, rgb(23, 23, 24) 100%); transition: all 0.3s linear 0s; z-index: 2; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__program_4_item:hover .wsus__program_4_overly { height: 100%; background: transparent; } .wsus__program_4_overly .text { position: absolute; bottom: -44px; padding: 30px 30px 0px 30px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__program_4_item:hover .wsus__program_4_overly .text { bottom: 60px; } .wsus__program_4_overly .text .title { font-size: 30px; font-weight: 600; color: var(--colorWhite); text-transform: uppercase; } .wsus__program_4_overly .text p { font-size: 16px; font-weight: 500; line-height: 26px; margin-top: 18px; color: rgba(255, 255, 255, 0.8); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .wsus__program_4_item:hover .title, .wsus__program_4_item:hover p { color: var(--colorBlack); } .wsus__program_4_overly .text .common_btn { margin-top: 40px; padding: 10px 19px; box-shadow: rgba(23, 23, 24, 0.1) 0px 10px 24px 0px; } .wsus__program_4_overly .text .common_btn:hover::after { background: var(--colorBlack); } .wsus__program_4_overly .text .common_btn:hover { color: var(--colorWhite); } /* program 4 end */ /* time table 3 start */ .wsus__timetable_3 { background: var(--colorWhite); } .wsus__timetable_3 .wsus__timetable_list { box-shadow: none; } .wsus__timetable_3::after { display: none; } .wsus__timetable_3 table tr th, .wsus__timetable_3 table tr td { background: var(--lightBg); } /* time table 3 end */ /* join event start */ .wsus__join_event { padding-left: 150px; padding-right: 150px; } .wsus__video_button { height: 720px; position: relative; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .wsus__video_button .play_btn { width: 140px; height: 140px; font-size: 24px; line-height: 140px; background: var(--colorPrimary); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .wsus__video_button .play_btn::after { background: var(--colorPrimary); } .wsus__join_event_bottom { background: url("../images/join_event_form_bg.jpg") center center / cover no-repeat; } .wsus__join_event_form { padding: 100px 60px 110px 147px; } .wsus__join_event_form .wsus__section_heading_3 { text-align: left; } .wsus__join_event_form .wsus__section_heading_3 h2 { line-height: 24px; } .wsus__join_event_form_input { margin-top: 30px; } .wsus__join_event_form_input input { font-size: 15px; font-weight: 500; line-height: normal; border: 1px solid rgba(23, 23, 24, 0.2); background: rgba(23, 23, 24, 0); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__join_event_form button { margin-top: 30px; } .wsus__join_event_right { padding: 90px 50px; background: url("../images/cta_bg.jpg") center center / cover no-repeat; } .wsus__join_event_right .wsus__section_heading_3 { text-align: left; } .wsus__join_event_right .wsus__section_heading_3 h2 { color: var(--colorWhite); } .wsus__join_event_right p { font-size: 18px; font-weight: 500; line-height: 28px; margin-top: 27px; color: var(--colorWhite); } .wsus__join_event_right a { margin-top: 120px; } /* join event end */ /* testimonial 3 start */ .wsus__testimonial_3 { margin-left: 160px; margin-right: 160px; border-top: 1px solid rgba(23, 23, 24, 0.1); border-bottom: 1px solid rgba(23, 23, 24, 0.1); } .wsus__testimonial_3_slide_text_border { overflow: hidden; border-right: 1px solid rgba(23, 23, 24, 0.1); } .wsus__testimonial_3_slide_text { margin: 0px 12px; padding: 75px 170px 210px 0px; } .wsus__testimonial_3_slide_text p { font-weight: 500; line-height: 30px; } .wsus__testimonial_3 .slick-dots { gap: 8px; display: flex; flex-wrap: wrap; padding: 0px; position: absolute; bottom: 80px; left: 12px; } .wsus__testimonial_3 .slick-dots li button { font-size: 0px; width: 12px; height: 12px; border-radius: 50%; border: 1px solid var(--colorBlack); background: transparent; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__testimonial_3 .slick-dots li button:hover { background: var(--colorBlack); } .wsus__testimonial_3 .slick-dots li.slick-active button { background: var(--colorBlack); } .wsus__testimonial_3_slide_img_area { max-width: 250px; margin-top: 92px; margin-left: auto; } .wsus__testimonial_3_slide_img .img { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin: 30px 25px; cursor: pointer; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__testimonial_3_slide_img .text { margin-top: 50px; display: inline-block; opacity: 0; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__testimonial_3_slide_img .text h4 { font-size: 18px; font-weight: 600; text-transform: uppercase; text-align: center; } .wsus__testimonial_3_slide_img .text p { color: var(--paraFont); font-size: 18px; font-weight: 500; text-align: center; } .slick-current .wsus__testimonial_3_slide_img .img { width: 100px; height: 100px; margin: 0px; } .slick-current .wsus__testimonial_3_slide_img .text { opacity: 1; } /* testimonial 3 end */ /* blog 3 start */ .wsus__blog_3 .wsus__section_heading_3 { text-align: left; } .wsus__blog_3_item { height: 470px; margin: 0px 12px; position: relative; z-index: 1; } .wsus__blog_3_item p { position: absolute; top: 40px; left: 40px; font-size: 13px; font-weight: 500; padding: 4px 11px 3px; color: var(--colorBlack); background: var(--colorWhite); z-index: 9; display: inline-flex; align-items: center; } .wsus__blog_3_item p span { position: relative; display: inline-block; width: 14px; top: -1px; margin-right: 7px; } .wsus__blog_3_overly { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 55%; background: linear-gradient(rgba(23, 23, 24, 0) 0%, rgb(23, 23, 24) 100%); transition: all 0.3s linear 0s; z-index: 2; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__blog_3_item::after { position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient( 0deg, rgb(238, 251, 19) 0%, rgba(238, 251, 19, 0) 100% ); bottom: 0px; left: 0px; transition: all 0.3s linear 0s; opacity: 0; z-index: 1; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__blog_3_overly .text { position: absolute; bottom: 40px; left: 40px; padding-right: 40px; } .wsus__blog_3_overly .text .title { color: var(--colorWhite); } .wsus__blog_3_item:hover .text .title { color: var(--colorBlack); } .wsus__blog_3_overly .text .common_btn { margin-top: 78px; } .wsus__blog_3_item:hover .text .common_btn:hover { color: var(--colorWhite); } .wsus__blog_3_item:hover .text .common_btn::after { background: var(--colorBlack); } .wsus__blog_3_item:hover .wsus__blog_3_overly { background: transparent; } .wsus__blog_3_item:hover::after { opacity: 1; } .wsus__blog_3 .prevArrow, .wsus__blog_3 .nextArrow { top: -110px; right: 12px; background: var(--lightBg); box-shadow: none; } .wsus__blog_3 .prevArrow { left: auto; right: 72px; } .wsus__blog_3 .nextArrow, .wsus__blog_3 .prevArrow:hover, .wsus__blog_3 .nextArrow:hover { background: var(--colorPrimary); } /* blog 3 end */ /* footer 3 start */ .wsus__footer_3::after { display: none; } .wsus__footer_3 { padding-left: 160px; } .wsus__footer_3 .wsus__footer_left { margin-top: 120px; padding-right: 50px; } .wsus__footer_3_right { padding-top: 115px; border-left: 1px solid rgba(255, 255, 255, 0.2); } .wsus__footer_3_right_link { padding-left: 100px; padding-right: 130px; } .wsus__download_link ul { margin-top: 22px; } .wsus__download_link ul li a { font-size: 16px; font-weight: 500; margin-top: 12px; padding: 14px 28px; color: var(--colorBlack); background: var(--colorPrimary); border: 2px solid transparent; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__download_link ul li .android { color: var(--colorWhite); background: transparent; border: 2px solid rgba(255, 255, 255, 0.2); } .wsus__download_link ul li .ios:hover { color: var(--colorWhite); background: transparent; border: 2px solid rgba(255, 255, 255, 0.2); } .wsus__download_link ul li .ios:hover span img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(248deg) brightness(107%) contrast(101%); -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(248deg) brightness(107%) contrast(101%); } .wsus__download_link ul li .android:hover { color: var(--colorBlack); background: var(--colorPrimary); border: 2px solid transparent; } .wsus__download_link ul li .android:hover span img { filter: brightness(0) saturate(100%) invert(4%) sepia(1%) saturate(2181%) hue-rotate(201deg) brightness(107%) contrast(90%); -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(1%) saturate(2181%) hue-rotate(201deg) brightness(107%) contrast(90%); } .wsus__download_link ul li a span { display: inline-block; width: 18px; height: 18px; position: relative; top: -3px; margin-right: 5px; } .wsus__footer_3 .wsus__copy_right { justify-content: center; } /* footer 3 end */ /*=================================== HOME PAGE 3 END ===================================*/ /*=================================== HOME PAGE 4 START ===================================*/ .home_4_dark .wsus__branding_img .img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(15%) hue-rotate(206deg) brightness(107%) contrast(103%); } .home_4_dark { background: var(--colorBlack); } .home_4_dark .main_menu.menu_fix { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .home_4_dark .wsus__section_headeing h2, .home_4_dark .wsus__section_headeing h2 span { color: #bebec9; } .home_4_dark .wsus__section_headeing h2 span { color: var(--colorWhite); } .home_4_dark .wsus__program_area::after { background: url("../images/program_shapes_dark.png"); } .home_4_dark .wsus__machine_bg::before { background: url("../images/machine_shapes_1_dark.png"); } .home_4_dark .wsus__machine_bg::after { background: url("../images/machine_shapes_2_dark.png"); } .home_4_dark .wsus__machine_bg { background: var(--DarkVersion); } .home_4_dark .wsus__machine_text h2 span { color: var(--colorWhite); } .home_4_dark .wsus__machine_text ul li span { background: #ffffff06; color: var(--colorWhite); } .home_4_dark .wsus__machine_text ul li:hover span { background: var(--colorPrimary); color: var(--colorBlack); } .home_4_dark .wsus__home_counter_item { background: var(--DarkVersion); } .home_4_dark .wsus__home_counter_item p { color: var(--colorWhite); } .home_4_dark .wsus__timetable_menu .nav { border: 1px solid #ffffff10; } .home_4_dark .table > :not(caption) > * > * { background: var(--DarkVersion); } .home_4_dark .wsus__timetable_list table tr { border-bottom: 1px solid #ffffff10; } .home_4_dark .wsus__timetable_list table tbody tr:last-child { border-bottom: 1px solid #272732; } .home_4_dark .wsus__timetable_list table tr th, .home_4_dark .wsus__timetable_list table tr td { border-right: 1px solid #ffffff10; } .home_4_dark .wsus__timetable_list table tr th:last-child, .home_4_dark .wsus__timetable_list table tr td:last-child { border-right: 0px; } .home_4_dark .wsus__timetable::after { background: url("../images/time_table_shapes_dark.png"); } .home_4_dark .wsus__video .wsus__section_headeing h2 { color: var(--colorWhite); } .home_4_dark .wsus__branding .prevArrow:hover { border: 1px solid var(--colorPrimary); background: var(--colorPrimary); } .home_4_dark .wsus__branding { background: var(--DarkVersion); } .home_4_dark .wsus__branding .prevArrow { border: 1px solid var(--colorWhite); background: var(--colorWhite); } .home_4_dark .wsus__pricing_nav ul { background: var(--DarkVersion) !important; } .home_4_dark .nav-pills .nav-link.active, .home_4_dark .nav-pills .show > .nav-link { background-color: var(--colorWhite); } .home_4_dark .wsus__pricing_nav ul li button span { color: var(--paraColor) !important; } .home_4_dark .wsus__pricing_nav ul li button span:hover, .home_4_dark .wsus__pricing_nav ul li button.active span { color: var(--colorWhite) !important; } .home_4_dark .wsus__single_pricing { background: var(--DarkVersion); } .home_4_dark .wsus__single_pricing h3 { color: var(--colorWhite); } .home_4_dark .wsus__single_pricing ul { border-top: 1px solid #ffffff10; border-bottom: 1px solid #ffffff10; } .home_4_dark .wsus__single_pricing .bottom h2 { color: var(--colorWhite); } .home_4_dark .wsus__single_pricing .bottom a { color: var(--colorWhite); background: var(--colorBlack); } .home_4_dark .wsus__single_pricing .bottom a:hover { color: var(--colorBlack); } .home_4_dark .wsus__pricing::after { background: url("../images/pricing_shape_dark.png"); } .home_4_dark .wsus__single_pricing:hover { border-color: var(--colorWhite); } .home_4_dark .wsus__testimonial::after { background: url("../images/testimonial_shape_dark.png"); } .home_4_dark .wsus__blog_text .title { color: var(--colorWhite); } .home_4_dark .wsus__blog_text ul { border-bottom: 1px solid #ffffff14; } .home_4_dark .wsus__blog_text .common_btn { color: var(--colorWhite); background: var(--DarkVersion); } .home_4_dark .wsus__blog_text .common_btn:hover { color: var(--colorBlack); } .home_4_dark .wsus__social_media { background: var(--DarkVersion); } .home_4_dark .wsus__footer { background: var(--DarkVersion); } /*=================================== HOME PAGE 4 END ===================================*/ /*=================================== BLOG START ===================================*/ .wsus__blog_grid .wsus__blog_3_item { margin: 25px 0px 0px; } /*=================================== BLOG END ===================================*/ /*=================================== ABOUT US START ===================================*/ /* about us start */ .wsus__about_us_img { position: relative; } .wsus__about_us_img h3 { color: var(--lightBg); font-size: 160px; font-weight: 700; text-transform: uppercase; position: absolute; top: 50%; right: -240px; transform: translateY(-50%) rotate(-90deg); z-index: -1; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); } .wsus__about_us_text p { margin-bottom: 25px; font-size: 18px; font-weight: 500; } .wsus__about_us_text a { margin-top: 25px; } .wsus__about_us_text a:hover { color: var(--colorWhite); } .wsus__about_us_text a::after { background-color: var(--colorBlack); } /* about us end */ /* why choose us start */ .wsus__why_choose_us { position: relative; } .wsus__why_choose_us::after { position: absolute; content: ""; background: url("../images/why_choose_shapes.png"); width: 120px; height: 210px; top: -120px; right: 0px; } .wsus__why_choose_us_text p { font-size: 18px; font-weight: 500; } .wsus__why_choose_us_text ul { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 38px; } .wsus__why_choose_us_text ul li { width: 48%; color: var(--colorBlack); font-family: var(--headingFont); font-size: 16px; font-weight: 600; text-transform: uppercase; } .wsus__why_choose_us_text ul li span { display: inline-block; width: 50px; height: 50px; background: var(--lightBg); border-radius: 50%; padding: 11px; margin-right: 10px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__why_choose_us_text a { margin-top: 60px; } .wsus__why_choose_us_text a:hover { color: var(--colorWhite); } .wsus__why_choose_us_text a::after { background-color: var(--colorBlack); } .wsus__why_choose_us_text ul li:hover span { background: var(--colorPrimary); } .wsus__why_choose_us_img { height: 480px; } /* why choose us end */ /* join event 2 start */ .wsus__join_event_2 { position: relative; } .wsus__join_event_2 .play_btn { left: 270px; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); } .wsus__join_event_2_text { padding: 70px; background: var(--colorWhite); box-shadow: rgba(23, 23, 24, 0.06) 0px 30px 44px 0px; position: absolute; bottom: 0px; right: 0px; max-width: 780px; } .wsus__join_event_2_text p { margin-bottom: 25px; font-size: 18px; font-weight: 500; } .wsus__join_event_2_text a { margin-top: 25px; } .wsus__join_event_2_text a:hover { color: var(--colorWhite); } .wsus__join_event_2_text a::after { background-color: var(--colorBlack); } /* join event 2 end */ /* counter start */ .wsus__counter { position: relative; } .wsus__counter::after { position: absolute; content: ""; background: url("../images/counter_shapes.png"); width: 115px; height: 200px; top: 0px; left: 0px; } .wsus__counter_text .description { margin-bottom: 30px; font-size: 18px; font-weight: 500; line-height: 28px; } .wsus__counter_item { margin-top: 25px; } .wsus__counter_item span { display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: var(--lightBg); padding: 9px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__counter_item h2 { font-size: 40px; font-weight: 700; text-transform: uppercase; margin-top: 7px; } .wsus__counter_item p { font-size: 14px; font-weight: 500; text-transform: uppercase; } .wsus__counter_img { height: 570px; } /* counter end */ .gray_bg_area { background: var(--lightBg); display: block; overflow: hidden; position: relative; } .gray_bg_area .wsus__call_to_action { background: var(--lightBg); } .gray_bg_area .wsus__call_to_action .wsus__call_to_action_item { background: var(--colorWhite); } /*=================================== ABOUT US END ===================================*/ /*=================================== SERVICES START ===================================*/ .service_page_program .wsus__programe_2_item { margin: 25px 18px 55px; } .wsus__decision { background: var(--lightBg); } .wsus__decision_item { margin-top: 25px; } .wsus__decision_item .img { width: 200px; height: 200px; margin: 0px auto; padding: 15px; background: var(--colorWhite); border-radius: 50%; border: 2px dashed var(--colorGray); position: relative; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__decision_item .img::after { position: absolute; content: ""; width: 100%; height: 2px; border-bottom: 2px dashed var(--colorGray); top: 50%; left: 100%; transform: translateY(-50%); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .wsus__decision_item .text h4 { font-size: 16px; font-weight: 600; text-transform: uppercase; text-align: center; margin-top: 35px; margin-bottom: 10px; } .wsus__decision_item .text p { text-align: center; font-size: 15px; font-weight: 500; line-height: 26px; } .wsus__decision_item:hover .img { padding: 0px; border-color: transparent; } .decision_last_item .img::after { display: none; } .wsus__call_to_action_2 .wsus__call_to_action_item { background: var(--lightBg); box-shadow: none; } /*=================================== SERVICES END ===================================*/ /*=================================== PRODUCT END ===================================*/ .wsus__product__sidebar { padding: 40px 30px; margin-top: 25px; background: var(--lightBg); } .wsus__product_searchbox { position: relative; } .wsus__product_searchbox input { padding: 12px 60px 12px 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .wsus__product_searchbox button { position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; line-height: 42px; text-align: center; color: var(--colorWhite); background: var(--colorBlack); transition: all 0.3s linear 0s; } .wsus__product_searchbox button:hover { color: var(--colorBlack); background: var(--colorPrimary); } .wsus__product__sidebar_category { margin-top: 35px; padding-bottom: 35px; border-bottom: 1px solid rgba(23, 23, 24, 0.14); } .wsus__product__sidebar_category h5, .wsus__product_sidebar_range h5 { font-size: 20px; font-weight: 500; text-transform: uppercase; } .wsus__product__sidebar_category ul { margin-top: 20px; } .wsus__product__sidebar_category ul li { margin-top: 10px; } .wsus__product__sidebar_category ul li .form-check { margin-bottom: 0; } .wsus__product__sidebar_category ul li input { padding: 0; width: 16px !important; height: 16px !important; border-radius: 0 !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .wsus__product__sidebar_category ul li .form-check-input:focus { box-shadow: none; } .wsus__product__sidebar_category ul li label { font-size: 14px; font-weight: 400; font-family: var(--headingFont); text-transform: uppercase; color: var(--paraColor); cursor: pointer; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__product__sidebar_category ul li label:hover { color: var(--colorBlue); } .wsus__product_sidebar_range { margin-top: 35px; padding-bottom: 35px; border-bottom: 1px solid rgba(23, 23, 24, 0.14); } .wsus__product__sidebar_rating { padding-bottom: 0; border-bottom: none; } .wsus__product__sidebar_rating ul li label i { color: var(--ratingColor); margin-right: 5px; } /*=================================== PRODUCT START ===================================*/ /*=================================== WORKOUT START ===================================*/ .wsus__workout_item { margin-top: 25px; } .wsus__workout_item .img { height: 270px; position: relative; overflow: hidden; } .wsus__workout_item .img img { transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__workout_item .img p { position: absolute; top: 30px; right: 30px; font-size: 15px; font-weight: 500; padding: 4px 12px; color: var(--colorBlack); background: var(--colorPrimary); } .wsus__workout_item:hover .img img { transform: scale(1.05) rotate(-2deg); -webkit-transform: scale(1.05) rotate(-2deg); -moz-transform: scale(1.05) rotate(-2deg); -ms-transform: scale(1.05) rotate(-2deg); -o-transform: scale(1.05) rotate(-2deg); } .wsus__workout_item_text { background: var(--lightBg); padding: 30px 30px 50px 30px; } .wsus__workout_item_text span { font-size: 13px; font-weight: 500; padding: 5px 14px; display: inline-block; background: rgb(216, 218, 225); color: var(--colorBlack); text-transform: capitalize; } .wsus__workout_item_text span img { position: relative; top: -1px; width: 14px !important; height: 14px !important; margin-right: 8px; } .wsus__workout_item_text .title { font-size: 24px; margin-top: 20px; } .wsus__workout_item_text p { font-weight: 500; line-height: 26px; margin-top: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .wsus__workout_item_text .common_btn { margin-top: 34px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } /*=================================== WORKOUT END ===================================*/ /*=================================== WORKOUT DETAILS START ===================================*/ .wsus__workout_clocktime { font-size: 13px; font-weight: 500; padding: 5px 14px; display: inline-block; background: rgb(216, 218, 225); color: var(--colorBlack); text-transform: capitalize; margin-top: 15px; } .wsus__workout_clocktime img { position: relative; top: -1px; width: 14px !important; height: 14px !important; margin-right: 8px; } .wsus__workout_details_triner .wsus__single_trainer { height: 330px; } .wsus__workout_details_triner .wsus__single_trainer .text { padding: 10px 20px 13px; } .wsus__workout_details_triner .wsus__single_trainer .text p { font-size: 16px; margin-top: 0; line-height: normal; } .wsus__workout_details_right_searchbox { margin-top: 0 !important; } .wsus__workout_details_right_searchbox form { margin-top: 25px; position: relative; } .wsus__workout_details_right_searchbox input { background: var(--colorWhite); border-color: rgba(23, 23, 24, 0.14); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .wsus__workout_details_right_searchbox button { position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; line-height: 42px; text-align: center; color: var(--colorWhite); background: var(--colorBlack); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__workout_details_right_searchbox button:hover { color: var(--colorBlack); background: var(--colorPrimary); } .wsus__workout_apply_coupon form { margin-top: 25px; position: relative; } .wsus__workout_apply_coupon input { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .wsus__workout_apply_coupon button { position: absolute; top: 1px; right: 1px; width: 76px; height: 48px; line-height: 48px; font-size: 16px; font-weight: 500; text-align: center; color: var(--colorBlack); background: var(--colorPrimary); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__workout_apply_coupon button:hover { color: var(--colorWhite); background: var(--colorBlack); } .wsus__workout_details_right .wsus__program_pdf_download_btn .common_btn i { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin-left: 10px; } /*=================================== WORKOUT DETAILS END ===================================*/ /*=================================== SERVICE DETAILS START ===================================*/ .wsus__service_details_top { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; margin-bottom: 35px; } .wsus__service_details_top .icon { display: inline-block; width: 75px; height: 75px; background: var(--colorPrimary); padding: 10px; } .wsus__service_details_top .text h2 { font-size: 40px; font-weight: 700; text-transform: uppercase; } .wsus__service_details_top .text ul { display: flex; flex-wrap: wrap; gap: 25px; } .wsus__service_details_top .text ul li { color: var(--paraColor); font-family: var(--paraFont); font-size: 16px; font-weight: 500; } .wsus__service_details_text p { font-size: 18px; font-weight: 500; line-height: 28px; } .wsus__service_details_text .list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; margin-bottom: 55px; } .wsus__service_details_text .list li { color: var(--colorBlack); font-family: var(--paraFont); font-size: 18px; font-weight: 500; text-transform: capitalize; width: 49%; position: relative; padding-left: 15px; } .wsus__service_details_text .list li::after { position: absolute; content: ""; width: 5px; height: 5px; background: var(--colorBlack); top: 11px; left: 0px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__service_details_text .common_btn:hover { color: var(--colorWhite); } .wsus__service_details_text .common_btn::after { background: var(--colorBlack); } .wsus__photo_gallery_item { display: block; position: relative; height: 410px; margin: 0px 12px; } .wsus__photo_gallery_item .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; line-height: 40px; text-align: center; background: var(--colorWhite); color: var(--colorBlack); transition: all 0.3s linear 0s; opacity: 0; z-index: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__photo_gallery_item:hover .icon { opacity: 1; } .wsus__photo_gallery_item::after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: linear-gradient(180deg, rgba(238, 251, 19, 0) 0%, #eefb13 100%); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__photo_gallery_item:hover::after { opacity: 1; } .service_det_testimonial { background: var(--lightBg); } /*=================================== SERVICE DETAILS END ===================================*/ /*=================================== TRAINER PAGE START ===================================*/ .wsus__trainer_page { padding-left: 160px; padding-right: 160px; } /*=================================== TRAINER PAGE END ===================================*/ /*=================================== TRAINER DETAILS START ===================================*/ /* trainer details start */ .wsus__trainer_details { position: relative; } .wsus__trainer_details .wsus__single_trainer .title:hover { text-decoration: none; } .wsus__trainer_details_text { padding-left: 75px; } .wsus__trainer_details_text h2 { font-size: 60px; font-weight: 500; line-height: 40px; text-transform: uppercase; margin-bottom: 15px; } .wsus__trainer_details_text h2 span { color: rgb(190, 190, 201); font-size: 18px; font-weight: 400; text-transform: capitalize; position: relative; padding-left: 15px; } .wsus__trainer_details_text h2 span::after { position: absolute; content: ""; width: 5px; height: 5px; background: rgb(190, 190, 201); top: 12px; left: 0px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__trainer_details_text p { font-size: 18px; font-weight: 500; line-height: 28px; margin-bottom: 25px; } .wsus__trainer_details_text ul { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 45px; } .wsus__trainer_details_text ul li { color: var(--colorBlack); font-size: 18px; font-weight: 500; text-transform: capitalize; width: 49%; list-style: inside; } .wsus__trainer_details::after { position: absolute; content: ""; background: url("../images/trainer_details_shapes.png") center center / cover no-repeat; width: 120px; height: 310px; bottom: 0px; right: 0px; } /* trainer details end */ /* experience start */ .wsus__experience { position: relative; } .wsus__experience_img { height: 510px; } .details_class_time_text .wsus__section_headeing h2, .details_class_time_text .wsus__section_headeing h2 span, .wsus__experience_text .wsus__section_headeing h2, .wsus__experience_text .wsus__section_headeing h2 span { font-size: 40px; line-height: 40px; } .single_bar { margin-top: 45px; } .single_bar p { color: var(--colorBlack); font-size: 16px; font-weight: 500; text-transform: uppercase; } .wsus__experience::after { position: absolute; content: ""; background: url("../images/experience_shapes.png") center center / cover no-repeat; width: 120px; height: 310px; bottom: 0px; right: 0px; } /* experience end */ /* details class time start */ .wsus__details_class_time { background: var(--lightBg); position: relative; } .wsus__details_class_bg { background: var(--colorWhite); padding: 15px; } .details_class_time_text h3 { font-family: var(--paraFont); font-size: 16px; font-weight: 700; } .details_class_time_text h3 b { color: var(--paraColor); font-size: 16px; font-weight: 400; line-height: 24px; display: block; } .details_class_time_text ul { gap: 30px; margin-top: 45px; margin-bottom: 50px; } .details_class_time_img { max-height: 540px; } .wsus__details_class_time::after { position: absolute; content: ""; background: url("../images/details_class_time_shapes.png") center center / cover no-repeat; width: 120px; height: 310px; top: 100px; left: 0px; } /* details class time end */ /*=================================== TRAINER DETAILS END ===================================*/ /*=================================== PROGRAMS PAGE START ===================================*/ .wsus__programs_page { padding-left: 45px; padding-right: 45px; } .wsus__programs_page .wsus__program_item { padding-right: 5px; border-right: 0px; } .program_page_decision { background: none; } /*=================================== PROGRAMS PAGE END ===================================*/ /*=================================== PROGRAM DETAILS START ===================================*/ .wsus__program_details_img_1 { height: 500px; border: 1px solid #eee; } .wsus__program_details_img_2 { height: 390px; padding: 0px 12px; position: relative; } .wsus__program_details_img_2 .play_btn { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; line-height: 60px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .wsus__program_details_left .nextArrow, .wsus__program_details_left .prevArrow { top: 50%; transform: translate(0px, -50%); } .wsus__program_details_left .nextArrow { right: -12px; } .wsus__program_details_left .prevArrow { left: -12px; } .wsus__program_tags_shear { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; } .wsus__program_tags h6, .wsus__program_shear h6 { font-size: 18px !important; font-weight: 500 !important; line-height: normal !important; } .wsus__program_tags ul { gap: 10px; display: flex; flex-wrap: wrap; margin-top: 10px; } .wsus__program_tags ul li a { font-size: 14px; font-weight: 500; padding: 4px 18px; border: 1px solid rgba(23, 23, 24, 0.14); color: var(--colorBlack); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; text-transform: capitalize; } .wsus__program_tags ul li a:hover { background: var(--colorPrimary); border-color: var(--colorPrimary); } .wsus__program_shear ul { gap: 6px; display: flex; flex-wrap: wrap; margin-top: 10px; } .wsus__program_shear ul li a img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__program_photo_gallery .wsus__photo_gallery_item { height: 270px; margin: 25px 12px 0px 12px; } .wsus__program_details .wsus__faq_accordion { margin-top: 30px; } .wsus__program_details_right .wsus__blog_sidebar_wizard { margin-top: 30px; } .wsus__program_event_wizard { margin-top: 0 !important; } .wsus__program_event_schedule li { font-size: 15px; font-weight: 400; font-family: var(--headingFont); text-transform: uppercase; color: var(--colorBlack); margin-top: 15px; } .wsus__program_event_schedule li span { color: var(--paraColor); margin-left: 7px; } .wsus__program_details_right .wsus__join_event_right { padding: 60px 50px 60px 30px; } .wsus__program_details_right .wsus__join_event_right .wsus__section_heading_3 h2 { font-size: 30px; } .wsus__program_details_right .wsus__join_event_right .common_btn { margin-top: 30px; } .wsus__program_details_right .wsus__join_event_right { margin-top: 30px; } .wsus__program_details .wsus__join_event_right { background: url("../images/cta_bg_2.png") center center / cover no-repeat; } .wsus__program_details_sidebar_form { margin-top: 10px; } .wsus__program_details_sidebar_form .input { margin-top: 10px; } .wsus__program_details_sidebar_form .input input, .wsus__program_details_sidebar_form .input textarea { background: transparent; border-color: rgba(23, 23, 24, 0.14); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; background: var(--colorWhite); } .wsus__program_details_sidebar_form .input_btn { margin-top: 35px; } .wsus__program_details_sidebar_form .input_btn button { width: 100%; } .wsus__program_pdf_download_btn a { /* width: 100%; */ font-weight: 500; text-transform: capitalize; color: var(--colorWhite); background: var(--colorBlack); } .wsus__program_pdf_download_btn a::after { background: var(--paraColor); } /*=================================== PROGRAM DETAILS END ===================================*/ /*=================================== PRODUCT DETAILS START ===================================*/ .wsus__product_details_slide_show_img { height: 525px; background: #eff0f3; } .wsus__product_details_slider { margin: 0px 40px; } .wsus__product_details_slider_img { height: 80px; margin: 20px 7px 0px; cursor: pointer; background: #eff0f3; } .wsus__product_details .nextArrow, .wsus__product_details .prevArrow { top: 552px; width: 35px; height: 80px; border: 2px solid rgb(239, 240, 243); box-shadow: none; line-height: 80px !important; } .wsus__product_details .nextArrow { background: transparent; border-color: var(--colorPrimary); } .wsus__product_details .nextArrow:hover, .wsus__product_details .prevArrow:hover { background: transparent; border-color: var(--colorPrimary); } .wsus__product_summary { margin-left: 85px; height: 100%; display: flex; flex-flow: column wrap; justify-content: center; } .wsus__product_summary h2 { font-size: 40px; font-weight: 500; margin-bottom: 22px; text-transform: uppercase; } .wsus__product_summary span { color: var(--ratingColor); } .wsus__product_summary span b { font-size: 16px; font-weight: 400; font-family: var(--headingFont); margin-left: 8px; color: var(--paraColor); text-transform: uppercase; } .wsus__product_summary h6 { font-size: 20px; font-weight: 500; margin-top: 18px; text-transform: uppercase; } .wsus__product_summary p { font-size: 18px; font-weight: 500; line-height: 28px; margin-top: 25px; color: var(--paraColor); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .wsus__product_add_cart { display: flex; flex-wrap: wrap; margin-top: 30px; } .wsus__product_quantity { display: inline-flex; align-items: center; margin-right: 5px; border: 2px solid rgb(239, 240, 243); } .wsus__product_quantity button { width: 40px; height: 50px; background: transparent; font-size: 16px; font-weight: 500; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__product_quantity button.minus:hover { background: red; color: var(--colorWhite); } .wsus__product_quantity button.plus:hover { background: green; color: var(--colorWhite); } .wsus__product_quantity input { width: 70px; height: 50px; font-size: 16px; font-weight: 500; text-align: center; border-radius: 0px; border-right: 2px solid rgb(239, 240, 243); border-left: 2px solid rgb(239, 240, 243); border-top: none; border-bottom: none; margin: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__product_quantity input::placeholder { color: var(--colorBlack); } .wsus__buy_cart_button { margin-left: 5px; background: var(--colorPrimary); } .wsus__buy_cart_button .cart { padding: 15px 17px; background: var(--colorPrimary); } .wsus__buy_cart_button .cart img { width: 25px !important; height: 25px !important; } .wsus__buy_cart_button .common_btn { padding: 16.5px 45px; border-left: 1px solid var(--colorBlack); } .wsus__product_summary .common_btn:hover { color: var(--colorWhite); } .wsus__product_summary .common_btn::after { background: var(--colorBlack); } .wsus__product_summary .wishlist { gap: 20px; margin-top: 30px; } .wsus__product_summary .wishlist li { position: relative; } .wsus__product_summary .wishlist li a { font-size: 16px; font-weight: 500; color: var(--colorBlack); text-transform: uppercase; } .wsus__product_summary .wishlist li a span { display: inline-block; width: 46px; height: 46px; line-height: 46px; font-size: 20px; text-align: center; margin-right: 12px; background: rgb(239, 240, 243); color: var(--colorBlack); border-radius: 50%; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__product_summary .wishlist li a:hover span { background: var(--colorPrimary); } .wsus__product_summary .social { position: absolute; border: 1px solid #ddd; padding: 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 15px; width: 150px; top: 100%; left: 0; margin-top: 15px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; opacity: 1; visibility: visible; } .wsus__product_summary .social.d-none { display: flex !important; margin-top: 0; opacity: 0; visibility: hidden; } .wsus__product_summary .social::after { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid rgb(207 207 208); top: -15px; left: 12px; } .wsus__product_summary .social a { color: rgb(138 138 141) !important; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__product_summary .social a:hover { color: var(--colorBlue) !important; } .wsus__product_summary .details { margin-top: 43px; } .wsus__product_summary .details li { font-size: 16px; font-weight: 400; font-family: var(--headingFont); text-transform: uppercase; color: var(--paraColor); margin-top: 8px; } .wsus__product_summary .details li span { font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-left: 10px; color: var(--colorBlack); text-transform: uppercase; } .wsus__product_description { margin-top: 52px; } .wsus__product_description p { font-size: 18px; font-weight: 400; margin-top: 15px; } .wsus__product_description h1, .wsus__product_description h2, .wsus__product_description h3, .wsus__product_description h4, .wsus__product_description h5, .wsus__product_description h6 { font-weight: 600; margin-top: 20px; } .wsus__product_description h1 { font-size: 36px; } .wsus__product_description h2 { font-size: 32px; } .wsus__product_description h3 { font-size: 28px; } .wsus__product_description h4 { font-size: 24px; } .wsus__product_description h5 { font-size: 20px; } .wsus__product_description h6 { font-size: 16px; } .wsus__product_description ol, .wsus__product_description ul { margin-top: 20px; } .wsus__product_description ol li, .wsus__product_description ul li { font-size: 18px; font-weight: 400; line-height: 28px; color: var(--paraColor); margin-top: 10px; padding-left: 20px; position: relative; } .wsus__product_description ol li::after, .wsus__product_description ul li::after { position: absolute; content: ""; width: 6px; height: 6px; background: var(--paraColor); top: 10px; left: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__product_description_img { height: 440px; } .wsus__product_description_text { margin-left: 85px; } .wsus__product_description_text h6 { font-size: 16px; font-weight: 500; font-family: var(--paraFont); } .wsus__product_description_text ul { margin-top: 15px; } .wsus__product_description_text ul li { font-size: 18px; font-weight: 500; line-height: 28px; color: var(--colorBlack); } .wsus__product_description_text p { font-size: 18px; font-weight: 500; line-height: 28px; margin-top: 25px; } .wsus__product_additional_info { margin-top: 60px; } .wsus__product_additional_info_img { height: 520px; } .wsus__product_additional_info_text { margin-left: 85px; } .wsus__product_additional_info_text p { font-size: 18px; font-weight: 500; line-height: 28px; } .wsus__product_additional_info_text ul { margin-top: 24px; } .wsus__product_additional_info_text ul li { font-size: 18px; font-weight: 500; line-height: 28px; color: var(--paraColor); } .wsus__product_additional_info_text ul li span { display: inline-block; width: 130px; font-size: 18px; font-weight: 500; color: var(--colorBlack); } .wsus__product_review { margin-top: 60px !important; } .wsus__product_review { padding-bottom: 27px !important; } .wsus__product_review .text h5 { display: flex; flex-wrap: wrap; justify-content: space-between; } .wsus__product_review .text .review_icon { color: var(--ratingColor); } .wsus__product_review .text p { margin-top: 12px; } .wsus__product_details_menu_contant .wsus__blog_details_form { margin-top: 40px !important; } /* releted product start */ .wsus__releted_product .wsus__section_heading_3 { text-align: left; } .wsus__releted_product .wsus__product_item { margin: 0px 12px; } .wsus__releted_product .nextArrow, .wsus__releted_product .prevArrow { top: -110px; right: 12px; } .wsus__releted_product .prevArrow { left: auto; right: 73px; } /* releted product end */ /*=================================== PRODUCT DETAILS END ===================================*/ /*=================================== BLOG DETAILS START ===================================*/ .wsus__blog_details_img_1 { height: 500px; } .wsus__blog_details_img_info { gap: 25px; display: flex; flex-wrap: wrap; align-items: center; margin-top: 30px; } .wsus__blog_details_img_info li { font-size: 15px; font-weight: 500; color: var(--paraColor); } .wsus__blog_details_img_info li span { display: inline-block; position: relative; width: 16px; height: 16px; margin-right: 2px; top: -1px; } .wsus__blog_details_img_info li:first-child span { width: 40px; height: 40px; margin-right: 5px; } .wsus__blog_details_left h1, .wsus__blog_details_left h2, .wsus__blog_details_left h3, .wsus__blog_details_left h4, .wsus__blog_details_left h5, .wsus__blog_details_left h6 { font-weight: 600; line-height: 46px; margin-top: 15px; text-transform: uppercase; } .wsus__blog_details_left h1 { font-size: 40px; } .wsus__blog_details_left h2 { font-size: 36px; } .wsus__blog_details_left h3 { font-size: 32px; } .wsus__blog_details_left h4 { font-size: 28px; } .wsus__blog_details_left h5 { font-size: 34px; } .wsus__blog_details_left h6 { font-size: 20px; } .wsus__blog_details_img_2 { margin-top: 25px; text-align: center; } .wsus__blog_details_img_2 .img { height: 390px; } .wsus__blog_details_img_2 p { font-size: 17px; font-weight: 500; } .wsus__blog_details_img_2 p a { margin-left: 5px; color: var(--colorBlack); border-bottom: 1px solid transparent; } .wsus__blog_details_queto { position: relative; padding: 53px 105px; text-align: center; margin-top: 42px; background: var(--lightBg); } .wsus__blog_details_queto span { font-size: 18px; font-weight: 500; line-height: 28px; } .wsus__blog_details_queto::after { position: absolute; content: ""; width: 80px; height: 70px; bottom: 40px; left: 30px; background: url("../images/queto_1.png") center center / cover no-repeat; } .wsus__blog_details_queto::before { position: absolute; content: ""; width: 80px; height: 70px; top: 30px; right: 40px; background: url("../images/queto_2.png") center center / cover no-repeat; } .wsus__blog_details_video { margin-top: 72px; margin-bottom: 20px; height: 482px; } .wsus__blog_details_video iframe { width: 100%; height: 100%; } .wsus__blog_details_tag_share { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 25px 0px; margin-top: 50px; border-bottom: 1px solid rgba(23, 23, 24, 0.14); border-top: 1px solid rgba(23, 23, 24, 0.14); } .wsus__blog_details_tag_share .tags { display: flex; flex-wrap: wrap; align-items: center; } .wsus__blog_details_tag_share .tags h6 { font-size: 16px; font-weight: 500; text-transform: uppercase; margin-right: 10px; margin-top: 0 !important; } .wsus__blog_details_tag { gap: 6px; display: flex; flex-wrap: wrap; } .wsus__blog_details_tag li a { font-size: 15px; font-weight: 400; font-family: var(--headingFont); padding: 3px 12px 2px; text-transform: uppercase; color: var(--paraColor); background: transparent; border: 1px solid rgba(23, 23, 24, 0.14); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__blog_details_tag li a:hover { color: var(--colorBlack); background: var(--colorPrimary); border-color: var(--colorPrimary); } .wsus__blog_details_tag_share .share { font-size: 15px; font-weight: 400; text-transform: uppercase; } .wsus__blog_details_tag_share .share i { margin-right: 8px; } .wsus__blog_post_direction { display: flex; flex-wrap: wrap; margin-top: 60px; } .wsus__blog_post_direction h6 { font-size: 15px; font-weight: 400; color: var(--paraColor); text-transform: uppercase; margin-top: 0; line-height: normal; } .wsus__blog_post_direction .title { font-size: 17px; font-weight: 500; line-height: 25px; margin-top: 4px; color: var(--colorBlack); text-transform: uppercase; } .wsus__blog_post_direction .icon { display: inline-block; width: 40px; height: 76px; font-size: 30px; line-height: 76px; text-align: center; color: var(--colorBlack); border: 1px solid rgba(23, 23, 24, 0.14); background: transparent; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__blog_post_direction .icon:hover { border-color: var(--colorPrimary); background: var(--colorPrimary); } .wsus__blog_post_direction .prev_post { display: flex; flex-wrap: wrap; align-items: center; width: 50%; padding-right: 30px; } .wsus__blog_post_direction .prev_post .text { width: 80%; margin-left: 25px; } .wsus__blog_post_direction .next_post { width: 50%; display: flex; flex-flow: row-reverse wrap; text-align: end; align-items: center; padding-left: 30px; } .wsus__blog_post_direction .next_post .text { width: 80%; margin-right: 25px; } .wsus__blog_comments { margin-top: 80px; } .wsus__blog_comments h4 { font-size: 20px; font-weight: 500; text-transform: uppercase; margin-top: 0; line-height: normal; } .wsus__blog_single_comment { margin-top: 35px; display: flex; flex-wrap: wrap; padding-bottom: 35px; border-bottom: 1px solid rgba(8, 5, 33, 0.1); } .wsus__blog_single_comment .img { height: 70px; width: 70px; margin-right: 25px; } .wsus__blog_single_comment .text { width: 88%; margin-top: 10px; } .wsus__blog_single_comment .text h5 { font-size: 17px; font-weight: 500; font-family: var(--headingFont); text-transform: uppercase; margin-top: 0; line-height: normal; } .wsus__blog_single_comment .text .date { display: block; font-size: 15px; font-weight: 400; margin-top: 10px; color: var(--paraColor); text-transform: uppercase; } .wsus__blog_single_comment .text p { font-size: 16px; font-weight: 500; line-height: 26px; } .wsus__blog_single_comment .text a { font-size: 15px; font-weight: 400; padding: 3px 13px; margin-top: 20px; font-family: var(--headingFont); color: var(--colorBlack); border: 1px solid rgba(23, 23, 24, 0.14); background: transparent; text-transform: uppercase; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__blog_single_comment .text a span { display: inline-block; position: relative; width: 12px; height: 12px; margin-right: 5px; top: -3px; } .wsus__blog_single_comment .text a:hover { background: var(--colorPrimary); border-color: var(--colorPrimary); } .wsus__blog_comment_reply { margin-left: 95px; } .wsus__blog_comment_reply .text { width: 85%; } .wsus__blog_details_form { padding: 45px 40px 50px; margin-top: 80px; background: var(--lightBg); } .wsus__blog_details_form h4 { font-size: 20px; font-weight: 500; text-transform: uppercase; margin-top: 0; line-height: normal; margin-bottom: 5px; } .wsus__blog_details_form p span { margin-right: 5px; } .wsus__blog_details_form .review_icon i.product_rat { color: var(--ratingColor); } .wsus__blog_details_form .review_icon i.product_rat.fal { color: var(--paraColor); } .wsus__blog_details_form_input input, .wsus__blog_details_form_input textarea { margin-top: 30px; padding: 16px 25px; background: transparent; border: 1px solid rgba(23, 23, 24, 0.14); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__blog_details_form_input input::placeholder, .wsus__blog_details_form_input textarea::placeholder { opacity: 0.6; color: var(--colorBlack); font-size: 15px; font-weight: 400; font-family: var(--headingFont); text-transform: uppercase; } .wsus__blog_details_form .form-check { margin-top: 20px; } .wsus__blog_details_form .form-check input { padding: 8px; border: 1px solid rgba(23, 23, 24, 0.14); } .wsus__blog_details_form .form-check-input[type="checkbox"] { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__blog_details_form .form-check-input:focus { box-shadow: none; } .wsus__blog_details_form .form-check-input:checked { background-color: blue; border-color: blue; } .wsus__blog_details_form .form-check label { padding-left: 4px; font-size: 15px; font-family: var(--headingFont); font-weight: 400; opacity: 0.6; color: var(--colorBlack); text-transform: uppercase; } .wsus__blog_details_form_button .common_btn { width: 100%; margin-top: 35px; color: var(--colorWhite); background: var(--colorBlack); display: flex; gap: 5px; border: none; border-radius: 0; } .wsus__blog_details_form_button .common_btn:hover { color: var(--colorBlack); } .wsus__blog_details_form_button .common_btn::after { background: var(--colorPrimary); } .wsus__blog_details_right { margin-left: 55px; } .wsus__blog_fitness_coach { height: 410px; position: relative; } .wsus__blog_fitness_coach_name { position: absolute; right: -77px; top: 50%; padding: 13px 30px; text-align: center; background: var(--colorWhite); transform: translateY(-50%) rotate(90deg); } .wsus__blog_fitness_coach_name a { font-size: 20px; font-weight: 600; } .wsus__blog_fitness_coach_name span { font-size: 15px; font-weight: 500; color: var(--colorBlack); opacity: 0.6; text-transform: uppercase; } .wsus__blog_details_right p { margin-top: 20px; font-size: 15px; font-weight: 500; line-height: 24px; } .wsus__blog_details_right_form { margin-top: 35px; position: relative; } .wsus__blog_details_right_form input { padding: 12px 60px 12px 20px; background: var(--lightBg); border: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__blog_details_right_form input::placeholder { font-size: 15px; font-weight: 500; opacity: 0.6; color: var(--colorBlack); } .wsus__blog_details_right_form button { position: absolute; top: 4px; right: 4px; width: 40px; height: 40px; line-height: 42px; text-align: center; color: var(--colorWhite); background: var(--colorBlack); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__blog_details_right_form button:hover { color: var(--colorBlack); background: var(--colorPrimary); } .wsus__blog_sidebar_wizard { margin-top: 30px; padding: 30px 30px 40px; background: var(--lightBg); } .wsus__blog_sidebar_wizard h4 { font-size: 20px; font-weight: 500; text-transform: uppercase; } .wsus__blog_sidebar_category { margin-top: 10px; } .wsus__blog_sidebar_category li a { position: relative; font-size: 15px; font-weight: 400; opacity: 0.6; margin-top: 8px; font-family: var(--headingFont); color: var(--colorBlack); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__blog_sidebar_category li a i { margin-right: 7px; } .wsus__blog_sidebar_category li a:hover { opacity: 1; } .wsus__blog_sidebar_releted_blog { margin-bottom: 5px; } .wsus__blog_sidebar_releted_blog li a { display: flex; flex-wrap: wrap; align-items: center; margin-top: 20px; } .wsus__blog_sidebar_releted_blog li a span { display: inline-block; width: 80px; height: 90px; } .wsus__blog_sidebar_releted_blog li a b { width: 65%; font-size: 16px; font-weight: 500; line-height: 22px; margin-left: 15px; } .wsus__blog_sidebar_wizard .wsus__blog_details_tag { margin-top: 20px; margin-bottom: 5px; } .wsus__blog_sidebar_icon { gap: 10px; margin-top: 20px; margin-bottom: 5px; } .wsus__blog_sidebar_icon li a { width: 36px; height: 36px; line-height: 36px; text-align: center; border: 1px solid rgba(23, 23, 24, 0.1); color: var(--colorBlack); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .wsus__blog_sidebar_icon li a:hover { background: var(--colorPrimary); color: var(--colorBlack); border-color: var(--colorPrimary); } /*=================================== BLOG DETAILS END ===================================*/ /*=================================== CONTACT START ===================================*/ .wsus__contact { margin-right: 160px; margin-left: 160px; border: 1px solid rgba(23, 23, 24, 0.2); } .wsus__contact_contant { padding: 68px 57px 70px 80px; } .wsus__contact_form_input { margin-top: 25px; } .wsus__contact_form_input input, .wsus__contact_form_input textarea { background: transparent; border: 1px solid rgba(23, 23, 24, 0.2); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__contact_form_button .common_btn { width: 100%; margin-top: 22px; } .wsus__contact_form_button .common_btn::after { background: var(--colorBlack); } .wsus__contact_form_button .common_btn:hover { color: var(--colorWhite); } .wsus__contact_address { margin-top: 30px; padding-top: 70px; border-top: 1px solid rgba(23, 23, 24, 0.2); } .wsus__contact_item span { display: inline-block; width: 70px; height: 70px; padding: 20px; border-radius: 50%; background: var(--lightBg); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__contact_item h6 { font-size: 18px; font-weight: 700; margin-top: 25px; margin-bottom: 10px; font-family: var(--paraFont); color: var(--colorBlack); } .wsus__contact_item p { font-size: 18px; font-weight: 500; line-height: 32px; } .wsus__contact_item a { font-size: 18px; font-weight: 500; margin-top: 10px; color: var(--paraColor); display: block; line-height: 32px; } .wsus__contact_img { height: 100%; padding: 20px 20px 20px 0px; } .wsus__contact_map { height: 700px; } .wsus__contact_map iframe { width: 100%; height: 100%; } /*=================================== CONTACT END ===================================*/ /*=================================== LOGIN $ REGISTRATION START ===================================*/ .wsus__login { margin-right: 210px; margin-left: 210px; background: var(--colorBlack); } .wsus__login_img { height: 100%; } .wsus__login_contant { padding: 88px 100px 92px 76px; } .wsus__login_contant h2 { font-size: 40px; font-weight: 700; text-transform: uppercase; color: var(--colorWhite); } .wsus__login_contant p { color: rgb(168, 168, 188); font-size: 14px; font-weight: 400; margin-top: 10px; } .wsus__login_form { margin-top: 25px; } .wsus__login_form input { margin-top: 30px; background: var(--colorWhite); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__login_form .common_btn { width: 100%; margin-top: 30px; margin-bottom: 40px; } .wsus__login_contant b { position: relative; font-size: 16px; font-weight: 500; display: block; text-align: center; color: var(--colorWhite); } .wsus__login_contant b::after { position: absolute; content: ""; top: 11px; left: 35px; width: 140px; height: 1px; background: rgba(168, 168, 188, 0.2); } .wsus__login_contant b::before { position: absolute; content: ""; top: 11px; right: 35px; width: 140px; height: 1px; background: rgba(168, 168, 188, 0.2); } .wsus__login_others_option { font-size: 16px; font-weight: 500; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 12px 0px; background: var(--colorWhite); color: var(--colorBlack); text-transform: capitalize; margin-top: 18px; } .wsus__login_others_option img { width: 17px !important; height: 17px !important; margin-right: 10px; } .wsus__login_contant .sign_up { font-weight: 500; text-align: center; color: rgb(168, 168, 188); margin-top: 18px; text-transform: capitalize; } .wsus__login_contant .sign_up a { font-size: 16px; font-weight: 500; color: var(--colorPrimary); } .wsus__registration_contant h2 { text-align: center; } .wsus__registration_contant p { text-align: center; } /*=================================== LOGIN $ REGISTRATION END ===================================*/ /*=================================== ERROR START ===================================*/ .wsus__error { height: 100vh; } .wsus__error div { height: 100%; } .wsus__error_area { display: flex; flex-direction: column; justify-content: center; align-items: center; } .wsus__error_area .img { width: 460px; height: 270px; margin: 0px auto; } .wsus__error_area h2 { font-size: 60px; font-weight: 500; margin-top: 47px; text-transform: uppercase; } .wsus__error_area p { font-size: 18px; font-weight: 500; margin-top: 8px; text-align: center; } .wsus__error_area .common_btn { padding: 9px 31px; margin-top: 54px; } .wsus__error_area .common_btn::after { background: var(--colorBlack); } .wsus__error_area .common_btn:hover { color: var(--colorWhite); } /*=================================== ERROR END ===================================*/ /*=================================== PRIVACY POLICY START ===================================*/ .wsus__privacy_policy_text h1, .wsus__privacy_policy_text h2, .wsus__privacy_policy_text h3, .wsus__privacy_policy_text h4, .wsus__privacy_policy_text h5, .wsus__privacy_policy_text h6 { margin-bottom: 25px; margin-top: 40px; font-weight: 700; text-transform: capitalize; } .wsus__privacy_policy_text h1 { font-size: 34px; } .wsus__privacy_policy_text h2 { font-size: 30px; } .wsus__privacy_policy_text h3 { font-size: 26px; } .wsus__privacy_policy_text h4 { font-size: 22px; } .wsus__privacy_policy_text h5 { font-size: 18px; } .wsus__privacy_policy_text h6 { font-size: 16px; } .wsus__privacy_policy_text p { margin-bottom: 20px; } .privacy_policy_text ol, .privacy_policy_text ul { margin-top: 30px; } .wsus__privacy_policy_text ol li, .wsus__privacy_policy_text ul li { font-size: 16px; font-weight: 400; margin-top: 15px; position: relative; padding-left: 15px; color: var(--paraColor); } .wsus__privacy_policy_text ol li::after, .wsus__privacy_policy_text ul li::after { position: absolute; content: ""; top: 10px; left: 0px; width: 5px; height: 5px; background: var(--paraColor); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__privacy_policy_text p a { font-size: 18px; font-weight: 500; color: var(--colorBlack); } /*=================================== PRIVACY POLICY END ===================================*/ /*=================================== PHOTO GALLERY START ===================================*/ .wsus__gallery_page .wsus__photo_gallery_item { height: 370px; margin: 25px 0px 0px 0px; } .wsus__photo_gallery_tab_contant { margin-top: 15px !important; } /*=================================== PHOTO GALLERY END ===================================*/ /*=================================== VIDEO GALLERY START ===================================*/ .wsus__video_gallery_item { margin-top: 25px; } .wsus__video_gallery_item iframe { width: 100%; height: 360px; } .wsus__video_gallery_tabs { margin-top: 15px; } /*=================================== VIDEO GALLERY END ===================================*/ /*=================================== FAQ'S START ===================================*/ .wsus__faq .wsus__section_heading_3 h2 { font-size: 36px; font-weight: 600; } .wsus__faq_accordion .accordion-item { margin-top: 20px; background: var(--colorWhite); border: 1px solid rgba(23, 23, 24, 0.1) !important; } .wsus__faq_accordion .accordion-collapse { border-style: none; border-color: initial; border-image: initial; border-width: 0px 1px; } .wsus__faq_accordion .accordion-header .accordion-button { border: none; font-size: 18px; font-weight: 500; text-align: left; color: var(--colorBlack); text-transform: capitalize; background: var(--colorWhite); padding: 16px 70px 16px 40px; box-shadow: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__faq_accordion .accordion-button:not(.collapsed) { color: var(--colorBlack); background: var(--colorPrimary); } .wsus__faq_accordion .accordion-button:not(.collapsed)::after { background-image: url("../images/mainus.png"); } .wsus__faq_accordion .accordion-button::after { position: absolute; width: 32px; height: 32px; background-image: url("../images/plus.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; top: 11px; right: 10px; } .wsus__faq_accordion .accordion-body { margin: 0px 40px; font-size: 15px; font-weight: 500; line-height: 26px; padding: 22px 0px 55px; color: var(--paraColor); text-transform: capitalize; } /*=================================== FAQ'S END ===================================*/ /*=================================== CART START ===================================*/ .wsus__cart_list { padding-bottom: 35px; border-bottom: 1px solid rgba(23, 23, 24, 0.12); } .wsus__cart_list table { width: 100%; } .wsus__cart_list .pro_img { max-width: 130px; padding-right: 100px !important; text-align: center; } .wsus__cart_list .pro_tk h6 { font-size: 20px; font-weight: 500; text-transform: uppercase; } .wsus__cart_list .pro_icon { text-align: center; } .wsus__cart_list table tr th { font-size: 16px; font-weight: 500; text-transform: capitalize; color: var(--paraColor); padding: 5px 0px !important; background: var(--lightBg); } .wsus__cart_list table tr td { font-size: 16px; font-weight: 400; color: var(--colorBlack); padding: 10px 0px 0px !important; } .wsus__cart_list table tbody tr td a { display: block; font-size: 20px; font-weight: 500; font-family: var(--headingFont); color: var(--colorBlack); text-transform: uppercase; } .wsus__cart_list .quentity_btn { width: 154px; border: 2px solid #eff0f3; } .wsus__cart_list .quentity_btn input { width: 70px; height: 50px; text-align: center; border: none; margin-top: 1px; padding: 0px 5px; border-radius: 0px; margin-top: -1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__cart_list .quentity_btn input::placeholder { font-size: 16px; font-weight: 400; color: var(--paraColor); } .wsus__cart_list .quentity_btn button { background: transparent; border-radius: 0; font-size: 16px; font-weight: 400; color: var(--paraColor); border: none; transition: all linear 0.3s; width: 35px; height: 50px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .wsus__cart_list .quentity_btn .btn-danger { border-right: 2px solid #eff0f3; } .wsus__cart_list .quentity_btn .btn-danger:hover { background: red; color: var(--colorWhite); } .wsus__cart_list .quentity_btn .btn-success { border-left: 2px solid #eff0f3; } .wsus__cart_list .quentity_btn .btn-success:hover { background: green; color: var(--colorWhite); } .wsus__cart_list table tbody tr td.pro_icon a { font-size: 20px; color: var(--colorBlack); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__cart_list table tbody tr td.pro_icon a:hover { color: red; } .wsus__cart_list_bottom { padding-bottom: 30px; border-bottom: 1px solid rgba(23, 23, 24, 0.12); } .wsus__cart_coupon { margin-top: 58px; } .wsus__cart_coupon h4 { font-size: 20px; font-weight: 500; text-transform: uppercase; } .wsus__cart_coupon form { margin-top: 32px; } .wsus__cart_coupon form input { width: 300px; border: 1px solid rgba(23, 23, 24, 0.12); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .wsus__cart_coupon form .common_btn { margin-left: 6px; } .wsus__cart_coupon form .common_btn:hover { color: var(--colorWhite); } .wsus__cart_coupon form .common_btn::after { background: var(--colorBlack); } .wsus__cart_list_pricing { margin-top: 30px; } .wsus__cart_list_pricing h6, .wsus__cart_list_pricing h5, .wsus__cart_list_pricing p { width: 100%; text-align: end; margin-left: 5px; } .wsus__cart_list_pricing h6 span, .wsus__cart_list_pricing h5 span, .wsus__cart_list_pricing p span { display: inline-block; width: 50%; text-align: start; margin-left: 55px; } .wsus__cart_list_pricing h6, .wsus__cart_list_pricing h6 span { font-size: 20px; font-weight: 500; text-transform: uppercase; color: var(--paraColor); } .wsus__cart_list_pricing h6 span { color: var(--colorBlack); } .wsus__cart_list_pricing p { margin-top: 13px; } .wsus__cart_list_pricing p, .wsus__cart_list_pricing p span { font-size: 16px; font-weight: 500; font-family: var(--headingFont); text-transform: uppercase; } .wsus__cart_list_pricing p span { color: var(--colorBlack); } .wsus__cart_list_pricing h5 { margin-top: 20px; } .wsus__cart_list_pricing h5, .wsus__cart_list_pricing h5 span { font-size: 22px; font-weight: 500; text-transform: uppercase; } .wsus__cart_list_bottom_btn { gap: 6px; display: flex; flex-wrap: wrap; justify-content: end; padding: 35px 77px 35px 0px; border-bottom: 1px solid rgba(23, 23, 24, 0.12); } .wsus__cart_list_bottom_btn .cont_shop { background: var(--lightBg); } .wsus__cart_list_bottom_btn .common_btn::after { background: var(--colorBlack); } .wsus__cart_list_bottom_btn .common_btn:hover { color: var(--colorWhite); } /*=================================== CART END ===================================*/ /*=================================== CHECKOUT START ===================================*/ .wsus__shipping_address { padding-bottom: 40px; border-bottom: 1px solid #eff0f3; } .wsus__shipping_address h4 { font-size: 20px; font-weight: 500; text-transform: uppercase; } .wsus__shipping_address_item { margin-top: 22px; } .wsus__shipping_address_item .form-check input { width: 20px !important; height: 20px !important; padding: 0; margin-top: 2px; border: 1px solid rgba(23, 23, 24, 0.2); } .wsus__shipping_address_item .form-check-input:checked { /* background-color: var(--colorWhite); */ border-color: var(--colorBlack); } .wsus__shipping_address_item .form-check-input:checked[type="radio"] { /* --bs-form-check-bg-image: url(../images/checkbox_img.png); */ } .wsus__shipping_address_item .form-check-input:focus { border: 1px solid rgba(23, 23, 24, 0.2); box-shadow: none; } .wsus__shipping_address_item .form-check label { font-size: 16px; font-weight: 500; color: var(--paraColor); } .wsus__shipping_mail_address { margin-left: 25px; margin-top: -5px; } .wsus__shipping_mail_address a { display: block; font-size: 16px; font-weight: 400; color: var(--paraColor); } .wsus__shipping_mail_address a { margin-top: 10px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__shipping_mail_address a:hover { color: var(--colorBlack); } .wsus__checkout_form h4 { font-size: 20px; font-weight: 500; margin-bottom: 15px; text-transform: uppercase; } .wsus__checkout_form_input label { font-size: 16px; font-weight: 400; margin-top: 24px; color: var(--paraColor); text-transform: capitalize; } .wsus__checkout_form_input input, .wsus__checkout_form_input textarea { margin-top: 6px; padding: 12px 20px; background: transparent; border: 1px solid rgba(23, 23, 24, 0.12); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__checkout_form .select2-container .select2-selection--single { height: 50px; } .wsus__checkout_form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; } .wsus__checkout_form .select2-container--default .select2-selection--single { border-radius: 0px; margin-top: 7px; border: 1px solid rgba(23, 23, 24, 0.12); -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__checkout_form .select2-container--default .select2-selection--single .select2-selection__arrow b { width: 9px; height: 9px; margin-top: 12px; right: 20px; } .wsus__checkout_form_btn { gap: 20px; display: flex; flex-wrap: wrap; justify-content: end; margin-top: 23px; } .wsus__checkout_form_btn .cart_list_btn { padding: 13px 30px !important; background: var(--lightBg); } .wsus__checkout_form_btn .common_btn { padding: 13px 75px; } .wsus__checkout_form_btn .common_btn::after { background: var(--colorBlack); } .wsus__checkout_form_btn .common_btn:hover { color: var(--colorWhite); } .wsus__billing_summary { margin-top: 76px; padding: 24px 30px 45px; border: 1px solid rgba(23, 23, 24, 0.12); } .wsus__billing_summary h4 { font-size: 20px; font-weight: 500; padding-bottom: 25px; text-transform: uppercase; border-bottom: 1px solid rgba(23, 23, 24, 0.12); } .wsus__billing_product { margin: 30px 0px 30px 0px; } .wsus__billing_product li { display: flex; flex-wrap: wrap; margin-top: 20px; align-items: center; } .wsus__billing_product li .img { width: 80px; height: 80px; display: block; } .wsus__billing_product li .text { width: 65%; margin-left: 30px; } .wsus__billing_product li .text a { display: block; font-size: 20px; font-weight: 500; font-family: var(--headingFont); color: var(--colorBlack); text-transform: uppercase; } .wsus__billing_product li .text a:hover { text-decoration: underline; } .wsus__billing_product li .text h6 { font-size: 20px; font-weight: 500; text-transform: uppercase; color: var(--paraColor); margin-top: 4px; } .wsus__total_price { padding: 25px 40px 25px 0px; border-top: 1px solid rgba(23, 23, 24, 0.12); border-bottom: 1px solid rgba(23, 23, 24, 0.12); } .wsus__total_price h3 { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 20px; font-weight: 500; color: var(--paraColor); text-transform: uppercase; } .wsus__total_price h3 span { font-size: 20px; font-weight: 500; color: var(--colorBlack); text-transform: uppercase; } .wsus__total_price p { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 3px; font-size: 16px; font-weight: 500; font-family: var(--headingFont); text-transform: uppercase; } .wsus__billing_summary h5 { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 22px; font-weight: 500; padding-right: 40px; padding-top: 15px; text-transform: uppercase; } .wsus__billing_summary h5 span { font-size: 22px; font-weight: 500; text-transform: uppercase; } /*=================================== CHECKOUT END ===================================*/ /*=================================== PAYMENT START ===================================*/ .wsus__payment_area h4 { font-size: 20px; font-weight: 500; margin-bottom: 5px; text-transform: uppercase; } .wsus__payment_method { display: block; margin-top: 20px; text-align: center; padding: 20px 0px; border-radius: 6px; border: 1px solid rgb(217, 217, 217); box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 20px 0px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } .wsus__payment_method img { width: 100px !important; height: 50px !important; } .wsus__payment_method:hover { border-color: var(--colorBlack); } .wsus__payment .wsus__billing_summary { margin-top: 0px; } .wsus__payment .modal .modal-dialog { width: 100%; max-width: 700px; z-index: 9999; } .wsus__payment .modal .modal-content { padding: 44px 50px 40px; } .modal_payment_popup .modal .modal-content p { font-size: 18px; font-weight: 500; line-height: 28px; } .modal_payment_popup .modal_iteam { margin-top: 28px; margin-bottom: 38px; } .modal_payment_popup .modal_iteam li { font-size: 18px; font-weight: 500; margin-top: 7px; position: relative; padding-left: 15px; color: var(--paraColor); } .modal_payment_popup .modal_iteam li::after { position: absolute; content: ""; top: 12px; left: 0px; width: 5px; height: 5px; background: var(--paraColor); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .modal_payment_popup .single_form { margin-bottom: 24px; } .modal_payment_popup .single_form label { font-size: 16px; font-weight: 500; margin-bottom: 6px; color: var(--paraColor); text-transform: capitalize; } .modal_payment_popup .single_form input, .modal_payment_popup .single_form textarea { border-radius: 0; border: 1px solid rgba(23, 23, 24, 0.12); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .modal_payment_popup .single_form .nice-select { border-radius: 0px; height: 50px; line-height: 50px; border: 1px solid rgba(23, 23, 24, 0.12); color: var(--paraColor); -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .modal_payment_popup .single_form .nice-select:after { width: 9px; height: 9px; margin-top: -7px; right: 20px; border-bottom: 2px solid var(--paraColor); border-right: 2px solid var(--paraColor); } .modal_payment_popup .single_form .nice-select .list { width: 100%; border-radius: 0px; margin-top: 1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .modal_payment_popup .modal-footer { border-top: 0; padding-right: 0; padding-top: 30px; } .modal_payment_popup .modal-footer button { border: none; margin: 0; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .modal_payment_popup .modal_closs_btn { margin-right: 10px !important; background: #db4437; color: var(--colorWhite); } .modal_payment_popup .modal-footer .common_btn { padding: 13px 45px; } .modal_payment_popup .modal-footer .common_btn::after { background: var(--colorBlack); } .modal_payment_popup .modal-footer .common_btn:hover { color: var(--colorWhite); } .modal_payment_success { text-align: center; } .modal_payment_success .modal_img { width: 327px; height: 296px; margin: 0 auto; } .modal_payment_success h4, .modal_payment_success h4 span { font-size: 36px; font-weight: 700; margin-top: 47px; font-family: var(--headingFont); color: var(--colorBlack); text-align: center; } .modal_payment_success h4 span { font-weight: 400; } .modal_payment_success p, .modal_payment_success p span { font-size: 18px; font-weight: 500; line-height: 28px; margin-top: 15px; margin-bottom: 65px; } .modal_payment_success p span { color: var(--colorBlack); } .modal_payment_success .common_btn { margin: 0 auto 10px; } .modal_payment_success .common_btn:hover { color: var(--colorWhite); } .modal_payment_success .common_btn::after { background: var(--colorBlack); } /*=================================== PAYMENT END ===================================*/ /*=================================== AWARD END ===================================*/ .wsus__award_heading { text-align: center; } .wsus__award_heading h2 { font-size: 60px; font-weight: 700; font-family: var(--paraFont); text-transform: capitalize; } .wsus__award_item .name { width: 50%; text-align: start; } .wsus__award_item .award { width: 30%; text-align: center; } .wsus__award_item .winner { width: 20%; text-align: end; } .wsus__award_item { display: flex; flex-wrap: wrap; padding: 35px 45px; margin-top: 10px; position: relative; justify-content: space-between; background: var(--lightBg); border-left: 10px solid transparent; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__award_item p { font-size: 16px; font-weight: 500; text-transform: uppercase; color: var(--colorBlack); } .wsus__award_item:hover { border-color: var(--colorBlack); } .wsus__award_item span { position: absolute; bottom: 44px; right: 120px; width: 300px; height: 370px; display: inline-block; transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); } .wsus__award_item span { position: absolute; top: 50%; right: 150px; width: 210px; height: 250px; opacity: 0; display: inline-block; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; transform: rotate(20deg) translateY(-50%); z-index: 1; -webkit-transform: rotate(20deg) translateY(-50%); -moz-transform: rotate(20deg) translateY(-50%); -ms-transform: rotate(20deg) translateY(-50%); -o-transform: rotate(20deg) translateY(-50%); } .wsus__award_item:hover span { opacity: 1; } /*=================================== AWARD END ===================================*/ /*=================================== DASHBOARD START ===================================*/ /* dashboard profile start */ .wsus__dashboard_sidebar { background: var(--lightBg); height: 100%; } .wsus__dashboard_sidebar_top { padding: 50px 0px 43px 0px; text-align: center; } .wsus__dashboard_profile_img { position: relative; width: 120px; height: 120px; margin: 0 auto; border: 5px solid var(--colorWhite); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .wsus__dashboard_profile_img img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__dashboard_profile_img label { position: absolute; width: 33px; height: 33px; top: 70px; right: -10px; text-align: center; line-height: 30px; border-radius: 50%; border: 2px solid var(--colorWhite); background: var(--colorPrimary); cursor: pointer; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; font-size: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__dashboard_profile_img label:hover { background: var(--colorBlack); border-color: var(--colorBlack); color: var(--colorWhite); } .wsus__dashboard_sidebar_top h5 { font-size: 24px; font-weight: 600; margin-top: 24px; text-transform: capitalize; } .wsus__dashboard_sidebar_top p { margin-top: 7px; color: var(--colorBlack); } .wsus__deshboard_menu li a { display: block; font-size: 16px; font-weight: 500; padding: 20px 25px 20px 25px; color: var(--colorBlack); text-transform: capitalize; border-top: 1px solid var(--colorWhite); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__deshboard_menu li a:hover, .wsus__deshboard_menu li a.active { background: var(--colorBlue); color: var(--colorPrimary); } .wsus__deshboard_menu li a i { /* margin-right: 20px; */ width: 35px; } .wsus__profile_overview { padding: 42px 40px 35px 40px; text-align: center; background: #ff5a5f; } .wsus__profile_overview h4 { font-size: 40px; font-weight: 600; margin-top: 15px; color: var(--colorWhite); } .wsus__profile_overview p i { font-size: 35px; color: var(--colorWhite); } .wsus__profile_overview .name { font-size: 18px; margin-top: 3px; color: var(--colorWhite); } .wsus__profile_overview.green { background: #1ec38b; } .wsus__profile_overview.orange { background: orange; } .wsus__profile_info { margin-top: 15px; padding: 40px; background: var(--colorWhite); border: 1px solid rgba(23, 23, 24, 0.12); } .wsus__profile_info_top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .wsus__profile_info h4 { font-size: 28px; font-weight: 600; text-transform: capitalize; } .wsus__profile_info .common_btn::after { background: var(--colorBlack); } .wsus__profile_info .common_btn:hover { color: var(--colorWhite); } .wsus__profile_info ul { display: flex; flex-wrap: wrap; } .wsus__profile_info ul li { width: 100%; margin-top: 18px; text-transform: capitalize; color: var(--colorBlack); font-size: 16px; } .wsus__profile_info ul li span { width: 130px; display: inline-block; font-size: 16px; font-weight: 600; } /* dashboard profile end */ /* dashboard profile edit start */ .wsus__dashboard_main_contant h4 { font-size: 28px; font-weight: 600; text-transform: capitalize; } .wsus__dashboard_profile_edit_info { margin-top: 30px; } .wsus__dashboard_profile_edit_info input { margin-bottom: 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .wsus__dashboard_profile_edit_info input.datepicker { height: 50px; padding-left: 20px; } .wsus__dashboard_profile_edit_info .select2-container .select2-selection--single { height: 50px; margin-bottom: 20px; } .wsus__dashboard_profile_edit_info .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; } .wsus__dashboard_profile_edit_info .select2-container--default .select2-selection--single { border: 1px solid rgb(228, 231, 233); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wsus__dashboard_profile_edit_info .select2-container--default .select2-selection--single .select2-selection__arrow b { width: 8px; height: 8px; right: 20px; } .wsus__dashboard_profile_edit_info ul { gap: 20px; margin-top: 33px; } .wsus__dashboard_profile_edit_info ul li .common_btn::after, .wsus__product_modal .cart_list_btn::after { background: var(--colorBlack); } .wsus__dashboard_profile_edit_info ul li .common_btn:hover, .wsus__product_modal .cart_list_btn:hover { color: var(--colorWhite); } .wsus__dashboard_profile_edit_info ul li a.common_btn, .wsus__product_modal .cart_list_btn { background: red; color: var(--colorWhite); } /* dashboard profile edit end */ /* dashboard order start */ .wsus__dashboard_order { margin-top: 30px; } .wsus__dashboard_order .table { border-left: 1px solid #eee; margin: 0; border-top: 1px solid #eee; } .wsus__dashboard_order .table tr { border-bottom-color: #eee !important; } .wsus__dashboard_order .table tr th, .wsus__dashboard_order .table tr td { font-size: 16px; padding: 10px; text-transform: capitalize; border-right: 1px solid rgb(230 227 227); min-width: 90px; } .wsus__dashboard_order .table tr .package a { color: var(--colorBlack); } .wsus__dashboard_order .table tr .package a:hover { color: var(--colorBlue); } .wsus__dashboard_order .table tr th { color: var(--colorBlack); text-transform: capitalize; font-size: 16px; background: var(--lightBg) !important; } .wsus__dashboard_order .active_package { background: var(--lightBg); } .wsus__dashboard_order .action a { color: red; width: 30px; height: 30px; text-align: center; font-size: 16px; line-height: 30px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; } .wsus__dashboard_order .action a:hover { background: red; border-color: red; color: var(--colorWhite); } /* dashboard order end */ /* dashboard invoice start */ .wsus__dashboard_invoice { margin-top: 30px; padding: 40px 30px 40px 30px; border: 1px solid rgba(23, 23, 24, 0.12); } .wsus__dashboard_invoice_left h5 { font-size: 20px; font-weight: 400; text-transform: capitalize; } .wsus__dashboard_invoice_left p { margin-top: 3px; text-transform: lowercase; } .wsus__dashboard_invoice_logo { width: 100%; display: block; } .wsus__dashboard_invoice_right { text-align: right; } .wsus__dashboard_invoice .table { margin-top: 33px; margin-bottom: 0; border-left: 1px solid rgb(238, 238, 238); } .wsus__dashboard_invoice .table tr { border-bottom-color: rgb(238, 238, 238) !important; } .wsus__dashboard_invoice .table tr th { background: var(--lightBg) !important; color: var(--colorBlack); text-transform: capitalize; font-size: 16px; } .wsus__dashboard_invoice .table tr th, .wsus__dashboard_invoice .table tr td { padding: 12px 10px; border-right: 1px solid rgb(238, 238, 238); } .wsus__dashboard_invoice .table tr td { color: var(--colorBlack); text-transform: capitalize; font-size: 16px; } .wsus__dashboard_invoice .table tr td p a { color: var(--colorBlack); font-weight: 500; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__dashboard_invoice .table tr td p a:hover { text-decoration: underline; } .wsus__dashboard_invoice .table tfoot tr .total_text { text-align: right; } .wsus__dashboard_invoice .table tfoot tr .total_amount { width: 25% !important; } .wsus__dashboard_invoice .common_btn::after { background: var(--colorBlack); } .wsus__dashboard_invoice .common_btn:hover { color: var(--colorWhite); } .wsus__dashboard_invoice .common_btn_2 i { transform: rotate(0deg); margin-left: 0px; margin-right: 10px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } /* dashboard invoice end */ /* dashboard wishlist start */ .wsus__dashboard_wishlist { margin-top: 30px; } .wsus__dashboard_wishlist table { margin: 0; border-bottom: 1px solid #eee; } .wsus__dashboard_wishlist table tr td { font-size: 16px; font-weight: 400; padding: 10px 20px; border: none; border-top: 1px solid #eee; } .wsus__dashboard_wishlist .table { border-left: 1px solid #eee; margin: 0; border-top: 1px solid #eee; } .wsus__dashboard_wishlist .table tr th, .wsus__dashboard_wishlist .table tr td { padding: 15px; border-right: 1px solid #eee; vertical-align: middle; } .wsus__dashboard_wishlist .table tr th { background: var(--lightBg) !important; color: var(--colorBlack); text-transform: capitalize; font-size: 16px; } .wsus__dashboard_wishlist .image { width: 130px; } .wsus__dashboard_wishlist .image a { width: 100%; height: 100%; padding: 0; } .wsus__dashboard_wishlist .sale_tk { min-width: 120px; } .wsus__dashboard_wishlist .sale_tk p { font-size: 18px; font-weight: 700; color: var(--colorBlack); text-transform: capitalize; } .wsus__dashboard_wishlist .status { min-width: 130px; } .wsus__dashboard_wishlist .status p { color: var(--colorWhite); text-transform: capitalize; font-weight: 600; background: var(--colorBlack); padding: 5px 13px; font-size: 14px; } .wsus__dashboard_wishlist .actions { flex-direction: unset !important; } .wsus__dashboard_wishlist .actions ul li a { color: red; margin: 0px 5px; font-size: 16px; width: 30px; height: 30px; line-height: 30px; text-align: center; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; } .wsus__dashboard_wishlist .actions ul li a:hover { background: red; color: var(--colorWhite); } .wsus__dashboard_wishlist .table td h5, .wsus__dashboard_wishlist .table td a { text-transform: capitalize; font-size: 20px; font-weight: 600; color: var(--colorBlack); } .wsus__dashboard_wishlist .table td a:hover { text-decoration: underline; } .wsus__dashboard_wishlist .table td h6 { font-size: 18px; font-weight: 600; margin-top: 8px; } .wsus__dashboard_wishlist .table td .rating { font-size: 15px; margin-top: 13px; color: var(--ratingColor); } .wsus__dashboard_wishlist .table td .rating span { font-size: 15px; } /* dashboard wishlist end */ /* dashboard pricing start */ .wsus__dashboard_pricing .wsus__single_pricing { margin-top: 0; margin-bottom: 25px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .wsus__dashboard_pricing .wsus__single_pricing:hover { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } /* dashboard pricing end */ /* dashboard review start */ .wsus__dashboard_review { margin-top: 30px; } .wsus__dashboard_review .wsus__blog_single_comment { margin-top: 0 !important; } .wsus__dashboard_review .wsus__product_review { margin-top: 0 !important; margin-bottom: 60px; } /* dashboard review end */ /* dashboard password change start */ .wsus__dashboard_change_password { margin-top: 30px; } .wsus__dashboard_change_password { margin-top: 10px; } .wsus__dashboard_change_password input { margin-top: 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .wsus__dashboard_change_password ul { gap: 20px; margin-top: 40px; } .wsus__dashboard_change_password ul li .common_btn::after { background: var(--colorBlack); } .wsus__dashboard_change_password ul li .common_btn:hover { color: var(--colorWhite); } .wsus__dashboard_change_password ul li a.common_btn { background: red; color: var(--colorWhite); } /* dashboard password change end */ /*=================================== DASHBOARD END ===================================*/ .preloader_area { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 111111 !important; background: #ffffff69; display: flex; justify-content: center; align-items: center; } .preloader_area .img { width: 130px; height: 130px; } .preloader_area .img img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .color-black { color: var(--colorBlack); } .remove_coupon { cursor: pointer; } .no-cart { font-size: 25px; color: var(--colorPrimary); display: flex; justify-content: center; align-items: center; margin-top: 60px; } .vis-animation { visibility: visible; animation-name: fadeInUp; } .wsus__payment .wsus__single_pricing ul { border-bottom: 0; margin-top: 35px; padding: 9px 40px 43px; } .wsus__single_pricing p { margin-bottom: 10px; } .wsus__shipping_address .form-check { margin-top: 10px; } .wsus__shipping_address .form-check input { padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .wsus__shipping_address .form-check label { font-size: 16px; font-weight: 400; color: var(--paraColor); text-transform: capitalize; } .wsus__shipping_address h4 button { color: var(--colorBlack); font-size: 16px; font-weight: 500; justify-content: center; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; border: 1px solid #eee; padding: 10px 20px; background: none; } .wsus__shipping_address h4 button i { margin-right: 5px; } .wsus__shipping_address h4 button:hover { background: var(--colorPrimary); border-color: var(--colorPrimary); } .wsus__check_single_form .form-check input { padding: 0; } .wsus__check_single_form .form-check label { font-size: 16px; font-weight: 400; color: var(--paraColor); text-transform: capitalize; } .wsus__checkout_area h4 { font-size: 20px; font-weight: 500; text-transform: uppercase; } .wsus__dashboard_main_contant h4 a { color: var(--colorBlack); font-size: 16px; font-weight: 500; justify-content: center; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; border: 1px solid #eee; padding: 10px 20px; } .wsus__dashboard_main_contant h4 a i { margin-right: 5px; } .wsus__dashboard_main_contant h4 a:hover { background: var(--colorPrimary); border-color: var(--colorPrimary); } .dash_student_list table { border-left: 1px solid #eee; margin: 0; border-top: 1px solid #eee; } .dash_student_list table tr { border-bottom-color: #eee !important; } .dash_student_list table tr th { color: var(--colorBlack); text-transform: capitalize; font-size: 16px; background: var(--lightBg) !important; } .dash_student_list table tr th, .dash_student_list table tr td { font-size: 16px; padding: 12px 10px; text-transform: capitalize; border-right: 1px solid rgb(238, 238, 238); text-align: center; } .active-border { border-color: rgb(23, 23, 24); } .active-border .common_btn { background: var(--colorPrimary) !important; color: var(--colorBlack) !important; } .wsus__login_form .forgot_pass { font-weight: 500; text-align: center; color: rgb(168, 168, 188); margin-top: 20px; position: relative; bottom: -5px; text-transform: capitalize; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__login_form .forgot_pass:hover { color: var(--colorPrimary); } .wsus__blog_details_form_button .common_btn i { margin: 0; } .wsus__blog_det_text p { font-size: 18px; font-weight: 400; margin-top: 15px; } .wsus__blog_det_text h1, .wsus__blog_det_text h2, .wsus__blog_det_text h3, .wsus__blog_det_text h4, .wsus__blog_det_text h5, .wsus__blog_det_text h6 { font-weight: 600; margin-top: 20px; } .wsus__blog_det_text h1 { font-size: 36px; } .wsus__blog_det_text h2 { font-size: 32px; } .wsus__blog_det_text h3 { font-size: 28px; } .wsus__blog_det_text h4 { font-size: 24px; } .wsus__blog_det_text h5 { font-size: 20px; } .wsus__blog_det_text h6 { font-size: 16px; } .wsus__blog_det_text ol, .wsus__blog_det_text ul { margin-top: 20px; } .wsus__blog_det_text ol li, .wsus__blog_det_text ul li { font-size: 18px; font-weight: 400; line-height: 28px; color: var(--paraColor); margin-top: 10px; padding-left: 20px; position: relative; } .wsus__blog_det_text ol li::after, .wsus__blog_det_text ul li::after { position: absolute; content: ""; width: 6px; height: 6px; background: var(--paraColor); top: 10px; left: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wsus__shipping_address_item .form-check-inline input { margin-right: 2px; border-radius: 50%; } .wsus__checkout_single_address { margin-top: 25px; padding: 25px; border: 1px solid rgba(23, 23, 24, 0.12); position: relative; } .wsus__checkout_single_address .form-check { padding: 0; } .wsus__checkout_single_address .form-check label { display: block; } .wsus__checkout_single_address .form-check label .icon { display: inline-flex; align-items: center; gap: 5px; background: var(--lightBg); padding: 3px 8px; } .wsus__checkout_single_address .form-check label .address { display: block; width: 100%; margin-top: 10px; } .wsus__checkout_single_address ul { display: flex; flex-wrap: wrap; align-items: center; margin-top: 10px; gap: 5px; position: absolute; top: 15px; right: 25px; } .wsus__checkout_single_address ul li a { width: 30px; height: 30px; line-height: 30px; background: red; color: var(--colorWhite); text-align: center; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; font-size: 13px; } .wsus__checkout_single_address ul li a:hover { background: rgb(136, 3, 3); } .wsus__checkout_single_address ul li .dash_edit_btn { background: #3abc4f; } .wsus__checkout_single_address ul li .dash_edit_btn:hover { background: #128525; } .wsus__check_single_form.check_area { display: flex; flex-wrap: wrap; gap: 10px 30px; } .wsus__no_data h2 { font-size: 20px; color: red; font-weight: 400; margin-top: 40px !important; } section.wsus__pricing_page { background: var(--lightBg); } .wsus__header_3 { background: transparent; } .wsus__header_3 .container { position: relative; } .wsus__header_3 .container::after { position: absolute; content: ""; top: 0px; left: 11px; width: 98.2%; height: 100%; background: var(--colorBlue); z-index: -1; } .wsus__header_3 .wsus__header_right li:last-child a { border: none; } .wsus__header_3 .wsus__header_left { margin-left: 20px; } .wsus__program_pdf_download_btn p { font-weight: 700; color: var(--colorBlack); font-size: 16px !important; margin-bottom: 2px; } .wsus__program_pdf_download_btn .simply-countdown { display: flex; flex-wrap: wrap; align-items: center; } .wsus__program_pdf_download_btn .simply-amount { color: var(--colorBlack); font-weight: 600; margin-right: 5px; } .wsus__program_pdf_download_btn .simply-word { text-transform: capitalize !important; margin-right: 15px; font-size: 14px; font-weight: 500; } .wsus__program_shear ul li a { width: 35px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #ddd; color: var(--colorBlack); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .wsus__program_shear ul li a:hover { background: var(--colorPrimary); border-color: var(--colorPrimary); } .min_height_50vh { min-height: 50vh; } .wsus__login_form .g-recaptcha { margin-top: 30px; } .wsus__program_pdf_download_btn a i { margin-right: 0; margin-left: 5px; } .wsus__program_shear ul, .wsus__program_shear ol, .wsus__program_tags ul, .wsus__program_tags ol { margin-top: 0; } .wsus__program_shear ul li, .wsus__program_shear ol li, .wsus__program_tags ul li, .wsus__program_tags ol li { padding: 0; } .wsus__program_shear ul li::after, .wsus__program_shear ol li::after, .wsus__program_tags ul li::after, .wsus__program_tags ol li::after { display: none; } .home_4_dark .wsus__machine_text h2 { color: var(--colorWhite); } .home_4_dark .wsus__home_counter_item h2 span { -webkit-text-stroke-width: 0px; } .common_btn.disabled { color: var(--colorWhite); border: none; border-radius: 0; background: var(--paraColor); } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .wsus__single_pricing div.ms-5 { margin-left: 40px !important; } .vbox-container img { max-width: 500px; } .wsus__profile_info_table { border: 1px solid #eee; width: 100%; margin-top: 15px; } .wsus__profile_info_table tr { border-bottom: 1px solid #eee; } .wsus__profile_info_table tr th, .wsus__profile_info_table tr td { padding: 10px 20px; color: var(--colorBlack); } .wsus__profile_info_table tr th { border-right: 1px solid #eee; font-weight: 500; } /* cookie consent start */ .wpcc-container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 20px; max-width: 362px; position: fixed; z-index: 9999; bottom: 25px; left: 25px; border: 1px solid #fff; } .wpcc-container .wpcc-message { line-height: 26px; font-size: 16px; font-weight: 400; } .wpcc-container .wpcc-message a { color: var(--colorPrimary) !important; text-decoration: underline; text-underline-offset: 3px; } .wpcc-container .wpcc-compliance { margin-top: 15px; } .wpcc-container .wpcc-compliance a { padding: 5px 20px; cursor: pointer; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; } #addressModal .nice-select { height: 50px; line-height: 47px; padding-left: 15px; border-color: rgba(23, 23, 24, 0.12); border-radius: 0px; -webkit-border-radius: 0px; } label.type_label { margin-bottom: 7px; } #addressModal .nice-select .list { width: 100%; } .wsus__checkout .fail-image { width: 50px !important; height: 50px !important; } .wsus__checkout .common_btn:hover { color: var(--colorWhite); } .wsus__checkout .common_btn::after { background: var(--colorBlue); }