BossBey File Manager
PHP:
8.1.34
OS:
Linux
User:
demodesignproboa
Root
/
home
/
demodesignproboa
/
public_html
/
bimini-spring
/
css
📤 Upload
📝 New File
📁 New Folder
Close
Editing: custom.css
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap'); @font-face { font-family: 'Helvetica Normal'; src: url('../fonts/Helvetica.ttf'); font-style: normal; } @font-face { font-family: 'Helvetica Bold'; src: url('../fonts/Helvetica-Bold.ttf'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Helvetica Compressed'; src: url('../fonts/helvetica-compressed.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica Light'; src: url('../fonts/helvetica-light.ttf'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Helvetica Rounded'; src: url('../fonts/helvetica-rounded.otf'); font-weight: normal; font-style: normal; } * { margin: 0; padding: 0; box-sizing: border-box; text-decoration: none; } body { overflow-x: hidden; } main { overflow: hidden; } a { text-decoration: none; transition: all .3s ease-in-out; } ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-thumb { background: #61B95D; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #5BA7E8; } figure { margin: 0; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } input[type=number] { -moz-appearance: textfield; /* Firefox */ } ul, ol { list-style: none; margin: 0; padding: 0; } h1, h2, h3 { font-family: 'Helvetica Bold'; margin: 0; padding: 0; letter-spacing: 0px; word-spacing: 0px; } h4, h5, h6 { font-family: 'Helvetica Normal'; margin: 0; padding: 0; letter-spacing: 0px; word-spacing: 0px; } p { color: #1A1A1A; font-size: 15px; line-height: 25px; text-transform: unset; font-weight: 400; margin: 0; padding: 0; letter-spacing: 0px; word-spacing: 0px; font-family: 'Helvetica Normal'; } p::first-letter { text-transform: capitalize; } /* i::before { font-family: "Font Awesome 6 pro"; } */ /* go to top start */ .go-top { position: fixed; bottom: 7%; right: 1%; padding: 0; display: none; cursor: pointer; -webkit-font-smoothing: antialiased; z-index: 10000; } .go-top:after { font-family: "Font Awesome 6 Pro"; content: "\f106"; color: #fff; font-size: 25px; transition: all 0.2s ease-in-out; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50px; border: 2px solid #0182b5; background-color: #0182b5; } .go-top:hover::after { background-color: #fff; color: #000; } /* go to top close */ /* go to top */ .scroll-to-top { width: 50px; height: 50px; background: #5BA7E8; position: fixed; bottom: 88px; right: 40px; z-index: 99; text-align: center; -webkit-transition: .4s; transition: .4s; display: none; border-radius: 50%; cursor: pointer; } .scroll-to-top i { color: #fff; font-size: 18px; line-height: 50px; -webkit-transition: .4s; transition: .4s; } /* go to top */ /**************************** Btn hover Start ***************************/ .btn { font-family: 'Helvetica Normal'; border-radius: 0px; padding: 0; margin: 0; position: relative; display: flex !important; align-items: center; justify-content: center; flex-wrap: nowrap; flex-direction: row; gap: 20px; transition: all .3s ease-in-out; } .btn:focus { outline: none; box-shadow: none; } button:focus { outline: none !important; box-shadow: none !important; } .btn-box { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 12px; } .btn-box .icon-wh { width: 25px; height: 25px; border-radius: 2px !important; } .btn-box .btn-primary { position: relative; font-size: 18px; font-weight: 500; border-radius: 100px; height: 55px; padding: 0 50px; line-height: 18px; text-transform: capitalize; color: #fff; background-color: #61B95D; border: 1px solid #61B95D; overflow: hidden; transition: all .3s ease-in-out; } .btn-box .btn-primary:hover { background-color: #61B95D; border: 1px solid #61B95D !important; } .btn-box .btn-secondary { position: relative; font-size: 18px; font-weight: 500; line-height: 18px; border-radius: 100px; height: 55px; padding: 0 50px; text-transform: capitalize; color: #fff; background-color: #5BA7E8; border: 1px solid #5BA7E8; overflow: hidden; transition: all .3s ease-in-out; } .btn-box .btn-secondary:hover { background-color: #5BA7E8; border: 1px solid #5BA7E8 !important; } .btn-box .btn-ordinary { position: relative; font-size: 18px; font-weight: 500; line-height: 18px; border-radius: 100px; height: 55px; padding: 0 50px; text-transform: capitalize; color: #fff; background-color: #000; border: 1px solid #000; overflow: hidden; transition: all .3s ease-in-out; } .btn-box .btn-ordinary:hover { background-color: #fff; } .btn-box .btn-icon { color: #232F3F; } /* Bounce To Right */ .hvr-bounce-to-right { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-right:after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: #61B95D !important; } .hvr-bounce-to-right:hover:after, .hvr-bounce-to-right:focus:after, .hvr-bounce-to-right:active:after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Right */ /* Bounce To left */ .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-left::after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { color: #5BA7E8 !important; } .hvr-bounce-to-left:hover::after, .hvr-bounce-to-left:focus::after, .hvr-bounce-to-left:active::after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To left */ /* Bounce To top */ .hvr-bounce-to-top { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-top:after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { color: #000 !important; border-color: #000 !important; } .hvr-bounce-to-top:hover:after, .hvr-bounce-to-top:focus:after, .hvr-bounce-to-top:active:after { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To top */ /**************************** Btn hover Close ***************************/ /**************************** spinner Start ***************************/ .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000; } .overlay .overlayDoor:before, .overlay .overlayDoor:after { content: ""; position: absolute; width: 50%; height: 100%; background: #CB9274; transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1); transition-delay: 0.8s; } .overlay .overlayDoor:before { left: 0; } .overlay .overlayDoor:after { right: 0; } .overlay.loaded .overlayDoor:before { left: -50%; } .overlay.loaded .overlayDoor:after { right: -50%; } .overlay.loaded .overlayContent { opacity: 0; margin-top: -15px; } .overlay .overlayContent { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1); } .loader { width: 128px; height: 128px; border: 3px solid #fff; border-bottom: 3px solid transparent; border-radius: 50%; position: relative; animation: spin 1s linear infinite; display: flex; justify-content: center; align-items: center; } .loader .inner { width: 64px; height: 64px; border: 3px solid transparent; border-top: 3px solid #fff; border-radius: 50%; animation: spinInner 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spinInner { 0% { transform: rotate(0deg); } 100% { transform: rotate(-720deg); } } /**************************** spinner Close ***************************/ /**************************** Form css Start ***************************/ .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #1A1A1A; font-size: 16px; font-weight: 400; letter-spacing: 0.48px; opacity: 0.9; font-family: 'Helvetica Normal'; } .form-control::-moz-placeholder { /* Firefox 19+ */ color: #1A1A1A; font-size: 16px; font-weight: 400; letter-spacing: 0.48px; opacity: 0.9; font-family: 'Helvetica Normal'; } .form-control:-ms-input-placeholder { /* IE 10+ */ color: #1A1A1A; font-size: 16px; font-weight: 400; letter-spacing: 0.48px; opacity: 0.9; font-family: 'Helvetica Normal'; } .form-control:-moz-placeholder { /* Firefox 18- */ color: #1A1A1A; font-size: 16px; font-weight: 400; letter-spacing: 0.48px; opacity: 0.9; font-family: 'Helvetica Normal'; } select:focus, textarea:focus, input:focus { outline: none !important; box-shadow: none !important; border-color: #000 !important; } .input-main { margin: 0 0 18px 0; overflow: hidden; } .input-main p, .input-main label { font-family: 'Helvetica Normal'; text-transform: capitalize; margin: 0 0 3px 0; padding: 0; font-weight: 400; font-size: 18px; line-height: 18px; color: #1A1A1A; } .input-main p span, .input-main label span { color: #FF6B6B; } .input-main .form-group { position: relative; } .input-main .form-group .card-imgs { z-index: 2; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; height: 100%; flex-wrap: nowrap; flex-direction: row; gap: 3px; } .input-main .form-group .card-imgs li i { color: #1A1A1A; font-size: 18px; } .input-main .form-group .card-imgs li img { min-width: 26px; max-width: 26px; min-height: 26px; max-height: 26px; object-fit: contain; } .input-main .form-control.img-bx { padding: 12px 20px 12px 60px; } .input-main.rightOne .form-control.img-bx { padding: 12px 60px 12px 12px; } .input-main.rightOne .form-group .card-imgs { right: 20px; left: inherit; } .input-main .form-select, .input-main .form-control { border: none; height: auto; background-color: #fff; border: 1px solid #D2D2D2; border-radius: 5px; padding: 8px 30px 8px 17px; color: #232F3F; font-size: 17px; font-weight: 400; position: relative; } .input-main .form-group .field-icon1 { z-index: 2; position: absolute; top: 0; right: 10px; color: #313747; display: flex; align-items: center; justify-content: center; height: 100%; } .input-main .form-group .field-icon1.fa-eye:before, .input-main .form-group .field-icon1.fa-eye-slash:before { font-family: "Font Awesome 6 pro"; } .input-main .forgot { text-align: right; color: #313747; margin: 10px 0 0 0; font-size: 15px; line-height: 18px; text-transform: unset; font-weight: 400; display: block; } .input-main .forgot:hover { color: #005ce3; } .form-check { margin: 0; } .form-check .form-check-input:checked { background-color: #5BA7E8; border-color: #5BA7E8; } .form-check .form-check-input:focus { border-color: #5BA7E8; box-shadow: none; } .form-check .form-check-label { letter-spacing: 1px; text-transform: capitalize; margin: 0; color: #313747; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } /**************************** Form css End ***************************/ /**************************** offcanvas search-bar Start ***************************/ .offcanvas.search-bar { background: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; } .offcanvas.search-bar .offcanvas-body .search-h { font-size: 50px; font-weight: 700; text-transform: uppercase; color: #000; margin: 0 0 30px 0; display: block; text-align: center; } .offcanvas.search-bar .offcanvas-body .search .search-control { background-color: rgb(245, 245, 247); font-size: 13px; font-weight: 400; color: #000; width: 100%; border-radius: 5px; border: none; padding-left: 25px; height: 45px; } .offcanvas.search-bar .offcanvas-body .search .search-btn { color: #fff; height: 45px; width: 45px; font-size: 16px; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; border: 2px solid #61B95D; background: #61B95D; transition: all 0.2s ease-in-out; border-radius: 50px; overflow: hidden; } /**************************** offcanvas search-bar close ***************************/ /************************************* header *************************************/ .navbar-toggler { background-color: #5BA7E8; color: #fff; border: none; } /* header top */ header { transition: all 0.5s ease-in-out; overflow: hidden; } /* header-btm */ header .header-btm { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; background: #ffffff; box-shadow: 0px 0px 5px 1px #e9e9e957; } header .sticky { position: fixed; top: 0; width: 100%; background: #FAFAFA; } header .header-btm .navbar>.container-fluid { align-items: center; } header .header-btm .navbar { padding: 25px 0; transition: all 0.3s ease-in-out; background: transparent; position: relative; } header .header-btm.sticky .navbar { border-bottom: none !important; } header .header-btm .navbar .navbar-nav { align-items: center; gap: 30px; } header .header-btm .navbar .navbar-nav .nav-item { position: relative; } /* drop-down */ header .header-btm .navbar .navbar-nav .nav-item:hover .dropdown { visibility: visible; opacity: 1; transform: translateY(0px); } header .header-btm .navbar .navbar-nav .nav-item .dropdown { visibility: hidden; opacity: 0; position: absolute; padding: 15px 0; top: 100%; transform: translateY(50px); left: 0; width: 250px; background-color: #fff; box-shadow: 0px 10px 10px 3px rgba(0, 0, 0, 0.3); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; z-index: 111; transition: 0.4s all; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 2px; } header .header-btm .navbar .navbar-nav .nav-item .dropdown li .dropdown-item { color: #000; font-size: 16px; font-weight: 500; line-height: 24px; text-transform: capitalize; letter-spacing: 0; word-spacing: 0; border: none; background-color: transparent; position: relative; display: flex; align-items: center; justify-content: flex-start; transition: all 0.5s ease-in-out; padding: 12px 12px; } header .header-btm .navbar .navbar-nav .nav-item .dropdown li .dropdown-item:hover { background-color: #005481; color: #fff; } /* drop-down */ header .header-btm .navbar .navbar-nav .nav-item .nav-link { color: #000000; font-size: 20px; line-height: 20px; text-transform: capitalize; padding: 0; font-family: 'Helvetica Normal'; margin: 0; letter-spacing: 0; word-spacing: 0; border: none; background-color: transparent; position: relative; display: flex; align-items: center; justify-content: center; gap: 5px; transition: all 0.5s ease-in-out; } header .header-btm .navbar .navbar-nav .nav-item .nav-link.active { color: #61B95D !important; } header .header-btm .navbar .navbar-nav .nav-item .nav-link:hover { color: #61B95D; } header .header-btm .navbar .navbar-brand { margin: 0; padding: 0; } header .header-btm .navbar .navbar-brand .logo { min-width: 100%; max-width: 100%; max-height: 30px; min-height: 30px; object-fit: contain; } header.sticky .header-btm .navbar .navbar-brand .logo { height: 70px; } header .header-btm .side-ul { display: flex; align-items: center; justify-content: flex-end; flex-direction: row; flex-wrap: wrap; gap: 15px; margin: 0; padding: 0; transition: all 0.3s ease-in-out; } header .header-btm .side-ul .sd-li .btn-icon i { color: #000; font-size: 20px; font-weight: 500; } header .header-btm .side-ul .sd-li .btn-icon i:hover { color: #61B95D; } header .header-btm .side-ul .sd-li .btn-icon { position: relative; } header .header-btm .side-ul .sd-li .btn-icon .count { position: absolute; color: #fff; background: #61B95D; height: 17px; width: 17px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 500; top: -8px; right: -8px; } /***************************** header close *****************************/ /***************************** Footer Start *****************************/ footer { position: relative; overflow: hidden; margin: 0; padding: 0; background: #FAFAFA; } footer .footer-top { padding: 130px 0 70px 0; } footer .footer-top .head { margin: 0 0 60px 0; } footer .footer-top .head h2 { font-weight: 700; font-size: 40px; line-height: 47px; text-transform: uppercase; color: #000000; } footer .footer-top .head img { min-width: 170px; max-width: 170px; max-height: 85px; min-height: 85px; object-fit: contain; } footer .footer-top .footer-logo ul { margin: 80px 0 0 0; display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 40.5px; } footer .footer-top .footer-logo ul li a i { font-size: 20px; width: 29.1px; height: 29.1px; color: #E8E8E8; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; transition: all .5s ease-in-out; } footer .footer-top .footer-logo ul li a i:hover { color: #5BA7E8; } footer .footer-top .quik-inks h4 { font-size: 20px; color: #000; text-transform: capitalize; margin: 0 0 30px 0; } footer .footer-top .quik-inks .input-main .form-group { height: 50px; } footer .footer-top .quik-inks .input-main .form-control { height: 100%; border-radius: 0px; border: none; border-bottom: 2px solid #1A1A1A; background: transparent; padding: 8px 30px 8px 30px; } footer .footer-top .quik-inks .input-main .btn-box { position: absolute; top: 0; right: 0; height: 100%; } footer .footer-top .quik-inks .input-main .btn-box button { height: 100%; background: transparent; border: none; transition: all .3s ease-in-out; } footer .footer-top .quik-inks .input-main .btn-box button:hover i { color: #61B95D; } footer .footer-top .quik-inks .input-main .btn-box button i { font-size: 26px; font-weight: 400; transition: all .3s ease-in-out; } footer .footer-top .quik-inks .form-check {} footer .footer-top .quik-inks .form-check .form-check-input {} footer .footer-top .quik-inks .form-check .form-check-label { font-weight: 500; font-size: 14px; line-height: 14px; color: #1A1A1A; font-family: "Onest", sans-serif; } footer .footer-top .quik-inks .form-check .form-check-label a { color: #1A1A1A; } footer .footer-top .quik-inks .form-check .form-check-label a:hover { color: #61B95D; } footer .footer-top .quik-inks ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 10px; } footer .footer-top .quik-inks ul li { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 10px; } footer .footer-top .quik-inks ul li p {} footer .footer-top .quik-inks ul li a { font-family: 'Helvetica Normal'; color: #1A1A1A; font-size: 15px; font-weight: 400; text-transform: capitalize; margin: 0; padding: 0; letter-spacing: 0px; word-spacing: 0px; transition: all 0.5s ease-in-out; } footer .footer-top .quik-inks ul li a:hover { color: #61B95D; } footer .footer-bottom { padding: 30px 0; border-top: 1px solid #1a1a1a26; } footer .footer-bottom .copyright p { font-size: 16px; text-transform: capitalize; } footer .footer-bottom .copyright p a { color: #1A1A1A; } footer .footer-bottom .copyright p a:hover { color: #61B95D; } footer .footer-bottom .social-links ul { display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; flex-direction: row; gap: 10px; } footer .footer-bottom .social-links ul li { color: #FAFBFD; } footer .footer-bottom .social-links ul li a i { color: #1A1A1A; font-size: 20px; text-transform: capitalize; margin: 0; padding: 0; letter-spacing: 0px; word-spacing: 0px; transition: all .3s ease-in-out; min-width: 48px; max-width: 48px; min-height: 48px; max-height: 48px; border-radius: 100px; background: #1a1a1a26; display: flex; align-items: center; justify-content: center; } footer .footer-bottom .social-links ul li a i:hover { background: #61B95D; } /*********************** footer close ***********************/ /*********************** Cart Start ***********************/ .section-cart { position: relative; padding: 100px 0; overflow: hidden; } .section-cart .checkout-box { border: none; margin: 0; padding: 0; overflow: hidden; border-radius: 0; width: 300px; } .section-cart #orderSummary { transition: top 0.3s ease-in-out, position 0.3s ease-in-out; } .section-cart .checkout-box .details { border: 1px solid rgba(31, 31, 31, 0.1); border-bottom: none; background-color: #005ce312; } .section-cart .checkout-box .details .summary { padding: 30px 30px 0 30px; } .section-cart .checkout-box .details h6 { font-weight: 700; font-size: 24px; color: #000; text-transform: capitalize; margin: 0 0 20px 0; padding: 0; } .section-cart .checkout-box .total-ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; margin: 0; padding: 0; } .section-cart .checkout-box .total-ul li { font-weight: 700; font-size: large; color: #333; text-transform: capitalize; margin: 5px 0 5px 0; padding: 0; display: flex; align-items: flex-start; justify-content: space-between; width: 100%; } .section-cart .checkout-box .total-ul li span { width: 50%; font-weight: 400; } .section-cart .checkout-box .sub-total { background: rgb(41 41 41 / 5%); padding: 15px 30px; margin: 20px 0 0 0; border-top: 1px solid #292929; } .section-cart .checkout-box .btn-box .btn-wh { border-radius: 0px; } .section-cart .cart-head-main { border-bottom: 1px solid #d7d7d770; padding: 0 0 20px 0; } .section-cart .cart-table thead tr th { text-transform: capitalize; color: #333333; font-size: 16px; font-weight: 500; margin: 0; padding: 10px; text-align: center; white-space: nowrap; border-right: 1px solid rgba(0, 0, 0, 5%); } .section-cart .cart-table tbody tr td:last-child, .section-cart .cart-table thead tr th:last-child { border-right: 1px solid transparent; } .section-cart .cart-table tbody tr td { vertical-align: middle; padding: 30px 15px; border-right: 1px solid rgba(0, 0, 0, 5%); text-align: center; } .section-cart .cart-table tbody tr td .btn-box { justify-content: center; } .section-cart .cart-table tbody tr:nth-child(odd)>td { background-color: #005ce312; } .section-cart .cart-table tbody tr td .cart-wrapper { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 10px; flex-direction: row; min-width: 330px; max-width: 330px; } .section-cart .cart-table tbody tr td .cart-wrapper .img-main { position: relative; border: 1px solid #005ce3; border-radius: 10px; } .section-cart .cart-table tbody tr td .cart-wrapper .img-main img { min-width: 120px; max-width: 120px; min-height: 130px; max-height: 130px; object-fit: contain; border-radius: 10px; } .section-cart .cart-table tbody tr td .cart-wrapper .desc h4 { font-size: 16px; font-weight: 600; color: #3333; } .section-cart .cart-table tbody tr td .cart-wrapper .desc h4 a { color: #333333; } .section-cart .cart-table tbody tr td .cart-wrapper .desc h4 a:hover { color: #005ce3; } .section-cart .cart-table tbody tr td .cart-wrapper .desc ul { margin: 10px 0 0 0; } .section-cart .cart-table tbody tr td .cart-wrapper .desc ul li { font-size: 15px; font-weight: 400; display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 10px; color: #333333; } .section-cart .cart-table tbody tr td .cart-wrapper .desc ul li span { font-weight: 500; } .section-cart .cart-table tbody tr td .cart-wrapper .img-main i { position: absolute; right: -8px; top: -16px; width: 28px; height: 28px; line-height: 28px; color: #fff; background-color: #005ce3; text-align: center; border-radius: 100%; cursor: pointer; } .section-cart .cart-table tbody tr { border-bottom: 1px solid rgba(0, 0, 0, 5%); } .section-cart .cart-table tbody tr:last-child { border-bottom: 1px solid transparent; } .section-cart .cart-table thead { border-bottom: 1px solid #005ce312; background: #005ce312; } .section-cart .cart-table thead tr { border-bottom: 1px solid rgba(0, 0, 0, 5%); } .section-cart .cart-table tbody tr td .input-group { align-items: center; width: 160px; margin: 0 auto; border: none; border-radius: 0; padding: 0; justify-content: center; gap: 5px; flex-wrap: nowrap; } .section-cart .cart-table tbody tr td .input-group .input-group-btn .btn-quant { background-color: transparent; border-radius: 0; color: #fff; padding: 0; height: 35px; width: 35px; border-radius: 50%; border: 2px solid #005ce3; background: #005ce3; transition: all 0.3s ease-in-out; font-size: 16px; display: flex; align-items: center; justify-content: center; } .section-cart .cart-table tbody tr td .input-group .input-group-btn .btn-quant:hover { background: #fff; color: #005ce3; } .section-cart .cart-table tbody tr td .input-group .input-group-btn .btn-quant:focus { outline: none; box-shadow: none; } .section-cart .cart-table tbody tr td .input-group .input-number { font-weight: 400; font-size: 16px; margin: 0; padding: 0; color: #1f1f1d; text-align: center; opacity: 100%; border: none; background: #F5F5F7; height: 35px; border-radius: 10px !important; width: 70px; flex: inherit; } .section-cart .cart-table tbody tr td .price { font-size: 16px; line-height: 18px; font-weight: 400; color: #333333; text-transform: uppercase; letter-spacing: 0px; margin: 0; padding: 0; } .section-cart .checkout-btn-main { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; flex-direction: row; } /*********************** Cart Close ***********************/ /*********************** Checkout Start ***********************/ .section-checkout { position: relative; padding: 100px 0; overflow: hidden; } .section-checkout .checkout-form { background-color: #005ce312; padding: 30px 30px; border-radius: 20px; box-shadow: 0px 0px 3px 0px hsl(0deg 0% 50.2% / 25%); } .section-checkout .checkout-form .form-h { font-style: normal; font-weight: 600; font-size: 40px; line-height: 42px; text-transform: capitalize; color: #1F1F1F; } .section-checkout .checkout-form .form-p { font-size: 16px; color: #696C70; font-weight: 500; text-transform: capitalize; margin: 0; line-height: 16px; padding: 0; text-align: end; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; gap: 10px; } .section-checkout .checkout-form .form-p .signup-a { color: #ffd101; } .section-checkout .checkout-form .form-head { border-bottom: 1px solid #aaaaaa; margin: 0 0 30px 0; padding: 0 0 30px 0; } .section-checkout .checkout-form .order-details ul { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 10px; } .section-checkout .checkout-form .order-details ul li:last-child { border: 1px solid #ffd101; background-color: #ffd101; padding: 10px 30px; border-radius: 100px; font-size: 20px; font-weight: 700; margin: 30px 0 0 0; } .section-checkout .checkout-form .order-details ul li { font-weight: 500; font-size: large; color: #000; text-transform: capitalize; margin: 0; padding: 0; width: 100%; position: relative; } .section-checkout .checkout-form .order-details ul li strong { float: right; width: 50%; text-align: right; color: #000; } .section-checkout .checkout-form .order-details ul li .item-list { min-height: auto; max-height: 300px; overflow-y: scroll; padding: 5px 10px; } .section-checkout .checkout-form .order-details ul li .item-list::-webkit-scrollbar { width: 5px; } .section-checkout .checkout-form .order-details ul li .item-list::-webkit-scrollbar-track { background: #f1f1f1; } .section-checkout .checkout-form .order-details ul li .item-list::-webkit-scrollbar-thumb { background: #ffd101; border-radius: 10px; } .section-checkout .checkout-form .order-details ul li .item-list::-webkit-scrollbar-thumb:hover { background: #555; } .section-checkout .checkout-form .order-details ul li .main-box { display: flex; align-items: center; justify-content: space-between; flex-direction: row; margin: 0 0 10px 0; padding: 10px; box-shadow: 0px 0px 0px 2px hsl(0deg 0% 50.2% / 25%); border-radius: 5px; flex-wrap: nowrap; background-color: hsl(0deg 0% 50.2% / 25%); } .section-checkout .checkout-form .order-details ul li .main-box .product-card { display: flex; align-items: center; flex-direction: row; gap: 10px; } .section-checkout .checkout-form .order-details ul li .main-box .product-card .main-img img { min-width: 90px; max-width: 90px; min-height: 100px; max-height: 100px; object-fit: cover; } .section-checkout .checkout-form .order-details ul li .main-box .product-card .desc ul { margin: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; } .section-checkout .checkout-form .order-details ul li .main-box .product-card .desc ul li { font-size: 14px; line-height: 14px; font-weight: 500; color: #333; text-transform: uppercase; margin: 0; padding: 0; word-spacing: 0px; letter-spacing: 0.5px; border: none; background: transparent; } .section-checkout .checkout-form .order-details ul li .main-box .product-card .desc ul li i { margin: 0 2px 0 0; font-size: 11px; color: #005ce3; } .section-checkout .checkout-form .order-details ul li .main-box .pd-total { font-size: 17px; line-height: 17px; font-weight: 500; color: #000; text-transform: uppercase; margin: 0; padding: 0; word-spacing: 0px; letter-spacing: 1px; } .section-checkout .checkout-form .btn-box { margin: 20px 0 0 0; } .section-checkout .checkout-form .input-main { margin: 0 0 30px 0; } .section-checkout .checkout-form .payment-btn { /* background: linear-gradient( 360deg, rgba(93, 0, 1, 1) 0%, rgba(230, 0, 3, 1) 50%, rgba(93, 0, 1, 1) 100%); */ background: #000; font-size: 11px; font-weight: 600; text-transform: capitalize; color: #BABABA; margin: 0 0 50px 0; padding: 0; line-height: inherit; width: 100%; height: 62px; display: flex; align-items: center; justify-content: center; border-radius: 50px; transition: all 0.5s ease-in-out; } .section-checkout .checkout-form .payment-btn:hover { background: linear-gradient(360deg, rgba(93, 0, 1, 1) 0%, rgba(230, 0, 3, 1) 50%, rgba(93, 0, 1, 1) 100%); color: #000; font-size: 14px; } .section-checkout .checkout-form .payment-btn .payment-card { width: 20%; display: block; margin: 0 10px 0 0; transition: all 0.5s ease-in-out; } .section-checkout .checkout-form .payment-btn:hover .payment-card { filter: brightness(5.5); } .section-checkout .checkout-form .payment-btn .payment-trans { width: 11%; display: block; margin: 0 10px 0 0; transition: all 0.5s ease-in-out; } .section-checkout .checkout-form .payment-btn:hover .payment-trans { filter: brightness(5.5); } .section-checkout .checkout-form .payment-btn .payment-paypal { width: 14%; display: block; margin: 0 10px 0 0; transition: all 0.5s ease-in-out; } .section-checkout .checkout-form .payment-btn:hover .payment-paypal { filter: brightness(5.5); } .section-checkout .checkout-form .check-select { border: 1px solid #000; height: 55px; background-color: transparent; border-radius: 0; margin: 8px 0 30px 0; padding: 0px 25px; color: #000; font-size: 16px; font-weight: 400; } .section-checkout .checkout-form .check-select:focus { box-shadow: none; } /*********************** Checkout Close ***********************/ /*********************** Login & Register CSS Start ***********************/ .register-sec { position: relative; overflow: hidden; margin: 0; padding: 50px 0; } .register-sec .form-main { padding: 40px 40px; border-radius: 8px; box-shadow: 0px 0px 4px 0.5px #005ce375; } .register-sec .form-main .head { text-align: center; } .register-sec .form-main .head h2 { font-weight: 600; font-size: 50px; line-height: 45px; text-transform: uppercase; color: #000000; margin: 0 0 10px 0; } .register-sec .form-main .btn-box { margin: 20px 0; } .register-sec .form-main .footer-acc p .link { color: #005ce3; text-transform: uppercase; } .register-sec .form-main .footer-acc p .link:hover { color: #ffd101; } /*********************** Login & Register CSS Close ***********************/ /*********************** home-page css Start ***********************/ /* banner */ .home-banner-wrap { padding: 250px 0 150px 0; overflow: hidden; position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; border-radius: 0 0 20px 20px; } .home-banner-wrap::before { position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: .8; z-index: -1; } .home-banner-wrap .content h2 { font-style: normal; font-weight: 700; font-size: 75px; line-height: 80px; text-transform: uppercase; color: #FFFFFF; } .home-banner-wrap .content p { font-weight: 400; font-size: 20px; line-height: 30px; color: #FFFFFF; margin: 20px 0; } /* banner */ /* sec one */ .secOne-wrap { position: relative; padding: 100px 0; overflow: hidden; } .secOne-wrap .main-img { border-radius: 35px; transition: all .5s ease-in-out; overflow: hidden; } .secOne-wrap .main-img img { min-width: 100%; max-width: 100%; min-height: 600px; max-height: 600px; object-fit: cover; transition: all .5s ease-in-out; } .secOne-wrap .main-img:hover img { transform: scale(1.1); } .secOne-wrap .content { background-color: #FAF8F2; border-radius: 35px; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 70px; } .secOne-wrap .content h4 { font-weight: 400; font-size: 20px; text-transform: uppercase; color: #5BA7E8; } .secOne-wrap .content h2 { font-weight: 700; font-size: 50px; text-transform: uppercase; color: #000000; margin: 10px 0; } .secOne-wrap .content p { font-size: 18px; line-height: 36px; } .secOne-wrap .content .btn-box { margin: 20px 0 0 0; } /* sec one */ /* sec Two */ .secTwo-wrap { padding: 200px 0; overflow: hidden; position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; } .secTwo-wrap .content h2 { font-weight: 700; font-size: 60px; line-height: 65px; text-transform: uppercase; color: #FFFFFF; margin: 0 0 10px 0; } .secTwo-wrap .content p { font-weight: 400; font-size: 24px; line-height: 36px; text-transform: capitalize; color: #FFFFFF; } .secTwo-wrap .content .btn-box { margin: 20px 0 0 0; } /* sec Two */ /* sec Three */ .secThree-wrap { position: relative; padding: 100px 0; overflow: hidden; } .secThree-wrap .head { margin: 0 0 50px 0; } .secThree-wrap .head h2 { font-weight: 700; font-size: 50px; text-transform: uppercase; color: #000000; text-align: center; } .secThree-wrap .service-card { transition: all .5s ease-in-out; } .secThree-wrap .service-card .main-img { border-radius: 20px; transition: all .5s ease-in-out; overflow: hidden; } .secThree-wrap .service-card .main-img img { min-width: 100%; max-width: 100%; min-height: 345px; max-height: 345px; object-fit: cover; transition: all .5s ease-in-out; } .secThree-wrap .service-card:hover .main-img img { transform: scale(1.1); } .secThree-wrap .service-card .info { text-align: center; padding: 10px 10px; } .secThree-wrap .service-card .info h2 { font-size: 24px; line-height: 28px; color: #1A1A1A; } .secThree-wrap .service-card .info p { margin: 10px 0; min-height: auto; max-height: 120px; overflow-y: auto; } .secThree-wrap .service-card .info .btn-box { justify-content: center; } .secThree-wrap .service-card .info .btn-box .btn-wh { height: 35px; } /* sec Three */ /* product sec */ .productSec-wrap { position: relative; padding: 0 0 100px 0; overflow: hidden; margin: -100px 0 0 0; } .productSec-wrap .head { margin: 0 0 50px 0; } .productSec-wrap .head h2 { font-weight: 700; font-size: 50px; text-transform: uppercase; color: #000000; text-align: center; } .productSec-wrap .product-card { transition: all .5s ease-in-out; } .productSec-wrap .product-card .main-img { border-radius: 20px; transition: all .5s ease-in-out; overflow: hidden; background-color: #FAF8F2; } .productSec-wrap .product-card .main-img img { min-width: 100%; max-width: 100%; min-height: 345px; max-height: 345px; object-fit: cover; transition: all .5s ease-in-out; } .productSec-wrap .product-card:hover .main-img img { transform: scale(1.1); } .productSec-wrap .product-card .info { padding: 10px 10px; } .productSec-wrap .product-card .info h2 { font-size: 24px; line-height: 28px; color: #1A1A1A; } .productSec-wrap .product-card .info h2 a { color: #1A1A1A; } .productSec-wrap .product-card .info h2 a:hover { color: #61B95D; } .productSec-wrap .product-card .info p { margin: 10px 0; font-size: 16px; font-weight: 500; } .productSec-wrap .product-card .info .btn-box .btn-wh { height: 35px; } .productSec-wrap .productSlides { position: relative; } .productSec-wrap .productSlides .owl-nav { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; transform: scale(1.1); z-index: -1; } .productSec-wrap .productSlides .owl-nav .owl-prev, .productSec-wrap .productSlides .owl-nav .owl-next { border-radius: 0px; margin: 0; } .productSec-wrap .productSlides .owl-nav .owl-prev:hover, .productSec-wrap .productSlides .owl-nav .owl-next:hover { background: transparent; } .productSec-wrap .productSlides .owl-nav .owl-prev i, .productSec-wrap .productSlides .owl-nav .owl-next i { width: 40px; height: 40px; color: #1A1A1A; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #1a1a1a0d; border: 1px solid #1a1a1a0d; } .productSec-wrap .productSlides .owl-nav .owl-prev i:hover, .productSec-wrap .productSlides .owl-nav .owl-next i:hover { background: #61B95D; border: 1px solid #61B95D; color: #fff; } /* product sec */ /* sec Four */ .secFour-wrap { position: relative; overflow: hidden; } .secFour-wrap .main-img { transition: all .5s ease-in-out; overflow: hidden; } .secFour-wrap .main-img img { min-width: 100%; max-width: 100%; min-height: 645px; max-height: 645px; object-fit: cover; transition: all .5s ease-in-out; } .secFour-wrap .main-img:hover img { transform: scale(1.1); } .secFour-wrap .content { background-color: #5BA7E8; height: 100%; position: relative; } .secFour-wrap .content .img-bx { height: 100%; width: 100%; display: flex; align-items: flex-end; justify-content: flex-end; } .secFour-wrap .content .info { position: absolute; top: 0; left: 0; padding: 50px 70px; height: 100%; } .secFour-wrap .content h4 { font-weight: 400; font-size: 20px; text-transform: uppercase; color: #ffffff; } .secFour-wrap .content h2 { font-weight: 700; font-size: 50px; text-transform: uppercase; color: #ffffff; } .secFour-wrap .content ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 15px; margin: 25px 0 0 0; } .secFour-wrap .content ul li { font-weight: 400; font-size: 20px; line-height: 20px; color: #FFFFFF; font-family: 'Helvetica normal'; position: relative; padding: 0 0 0 30px; } .secFour-wrap .content ul li::before { position: absolute; content: '\f058'; top: 0; left: 0; font-family: "Font Awesome 6 pro"; } /* sec Four */ /* sec calculation */ .calculationSec { z-index: 1; padding: 100px 0; } .calculationSec::before { position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); z-index: -1; } .calculationSec .caculator-box { background: #FFFFFF; border-radius: 25px; padding: 30px 30px; } .calculationSec .caculator-box .head { margin: 0 0 10px 0; text-align: center; } .calculationSec .caculator-box .head h2 { font-weight: 700; font-size: 40px; line-height: 57px; text-transform: uppercase; color: #000000; } .calculationSec .caculator-box .head p { font-size: 16px; line-height: 28px; } .calculationSec .caculator-box .input-main .form-control { background: #FAFAFA; border: 1px solid #FAFAFA; border-radius: 100px; } /* sec calculation */ /* sec brand */ .brandSec-wrap { padding: 70px 0; position: relative; overflow: hidden; } .brandSec-wrap .main-img img { min-width: 100%; max-width: 100%; min-height: 80px; max-height: 80px; object-fit: contain; } /* sec brand */ /* sec treatment */ .treatmentSec-wrap { padding: 20px 20px; overflow: hidden; position: relative; } .treatmentSec-wrap .treatment-card { position: relative; border-radius: 25px; overflow: hidden; transition: all .5s ease-in-out; z-index: 1; } .treatmentSec-wrap .treatment-card::before { position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); } .treatmentSec-wrap .treatment-card .main-img { min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; height: 100%; } .treatmentSec-wrap .treatment-card .main-img img { min-width: 100%; max-width: 100%; height: 100%; min-height: 460px; max-height: 460px; object-fit: fill; object-fit: cover; transition: all .5s ease-in-out; } .treatmentSec-wrap .treatment-card:hover .main-img img { transform: scale(1.1); } .treatmentSec-wrap .treatment-card .info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40px 35px; z-index: 99; } .treatmentSec-wrap .treatment-card .info h2 { font-size: 40px; line-height: 40px; color: #FFFFFF; margin: 0 0 20px 0; } .treatmentSec-wrap .treatment-card .info .btn-wh:hover { color: #5BA7E8; } .treatmentSec-wrap .treatment-card .info .btn-wh { font-size: 22px; line-height: 22px; color: #FFFFFF; border-bottom: 1px solid; display: inline-block !important; } /* sec treatment */ /* sec calender */ .calenderSec-wrap { position: relative; padding: 100px 0; overflow: hidden; background: #FAFAFA; } .calenderSec-wrap .head { margin: 0 0 30px 0; } .calenderSec-wrap .head h2 { font-weight: 700; font-size: 50px; line-height: 60px; text-transform: uppercase; color: #000000; text-align: center; } .calenderSec-wrap .calender-box { background: #FFFFFF; border: 1px solid rgba(26, 26, 26, 0.1); box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1); border-radius: 25px; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: nowrap; flex-direction: row; gap: 50px; overflow: hidden; } .calenderSec-wrap .calender-box .content-box { padding: 60px 30px; } .calenderSec-wrap .calender-box .content-box h4 { font-size: 24px; line-height: 30px; text-transform: uppercase; color: #000000; font-family: 'Helvetica Rounded'; } .calenderSec-wrap .calender-box .content-box h2 { font-weight: 700; font-size: 28px; line-height: 35px; color: #000000; } .calenderSec-wrap .calender-box .content-box .social-link { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; margin: 30px 0 0 0; gap: 10px; } .calenderSec-wrap .calender-box .content-box .social-link .social-parent { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 15px; } .calenderSec-wrap .calender-box .content-box .social-link .social-parent i { color: #5BA7E8; width: 20px; display: flex; align-items: center; justify-content: center; } .calenderSec-wrap .calender-box .content-box .social-link .social-parent a { font-weight: 400; font-size: 16px; line-height: 28px; color: #1A1A1A; font-family: 'Helvetica Normal'; } .calenderSec-wrap .calender-box .content-box .social-link .social-parent a:hover { color: #5BA7E8; } .calenderSec-wrap .calender-box .content-box .social-link .social-parent .timeHead { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; flex-direction: row; gap: 10px; background: #F3F4F6; padding: 5px 30px; border-radius: 5px; } .calenderSec-wrap .calender-box .content-box .social-link .social-parent .timeHead .form-check { display: flex; align-items: center; justify-content: center; position: relative; margin: 0; padding: 0; width: 60px; height: 30px; overflow: hidden; border-radius: 5px; } .calenderSec-wrap .calender-box .content-box .social-link .social-parent .timeHead .form-check .form-check-input { position: absolute; width: 100%; height: 100%; border: 1px solid transparent; border-radius: 5px; margin: 0; padding: 0; top: 0; left: 0; background-color: transparent; } .calenderSec-wrap .calender-box .content-box .social-link .social-parent .timeHead .form-check .form-check-label { padding: 0; margin: 0; z-index: 1; font-weight: 400; font-size: 16px; line-height: 16px; color: #1A1A1A; font-family: 'Helvetica Normal'; } .calenderSec-wrap .calender-box .content-box .social-link .social-parent .timeHead .form-check .form-check-input:checked[type="radio"] { --bs-form-check-bg-image: none; background: #61B95D !important; border: 1px solid #61B95D !important; } .calenderSec-wrap .calender-box .content-box .social-link .social-parent .timeHead .form-check .form-check-input:checked[type="radio"]~.form-check-label { color: #fff !important; } .calenderSec-wrap .calender-box .content-box .social-link .social-parent .timeHead .form-check .form-check-input, .calenderSec-wrap .calender-box .content-box .social-link .social-parent .timeHead .form-check .form-check-label { cursor: pointer; } .calenderSec-wrap .calender-box .calendy-main { border-left: 1px solid #1a1a1a1a; padding: 30px 30px; min-width: 60%; max-width: 60%; } .calenderSec-wrap .calender-box .calendy-main h2 { font-weight: 700; font-size: 20px; line-height: 30px; color: #000000; margin: 0 0 25px 0; } /* sec calender */ /* sec testimonial */ .testimonialSec-wrap { position: relative; padding: 100px 0; overflow: hidden; } .testimonialSec-wrap .head { margin: 0 0 30px 0; } .testimonialSec-wrap .head h2 { font-weight: 700; font-size: 50px; line-height: 60px; text-transform: uppercase; color: #000000; text-align: center; } .testimonialSec-wrap .slider-main { position: relative; overflow: hidden; width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row-reverse; height: auto; } .testimonialSec-wrap .slider-main .swiper-slide { background-size: cover; background-position: center; position: relative; } .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-slide { width: 100%; height: 100%; opacity: 0.4; display: flex; align-items: center; justify-content: center; box-sizing: border-box; cursor: pointer; } .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-slide-active { opacity: 1; } .testimonialSec-wrap .slider-main .gallery-thumbs { width: calc(35% - 25px); height: 100%; box-sizing: border-box; padding: 0 0; position: unset; margin: 0; } .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-slide .main-img img { display: block; width: 100%; height: 100%; object-fit: cover; } .testimonialSec-wrap .slider-main .gallery-top { width: 55%; height: 100%; min-height: 100%; max-height: 100%; } .testimonialSec-wrap .slider-main .gallery-top .user-review p { font-size: 22px; line-height: 36px; margin: 0 0 30px 0; } .testimonialSec-wrap .slider-main .gallery-top .user-review p:last-child { margin: 0; } .testimonialSec-wrap .slider-main .gallery-top .swiper-slide img { display: block; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: contain; object-position: center; border: none; background-color: #222222; } .testimonialSec-wrap .slider-main .gallery-top .swiper-slide { display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .testimonialSec-wrap .slider-main .gallery-top .swiper-slide a { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide .profile-card { min-width: 110px; max-width: 110px; } .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide .profile-card .main-img { position: relative; } .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide .profile-card .main-img img { min-width: 100%; max-width: 100%; min-height: 105px; max-height: 105px; object-fit: cover; border-radius: 100px; object-position: center; } .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide .profile-card .main-img .quote-icon { position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: flex-end; } .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide .profile-card .main-img .quote-icon i { min-width: 30px; max-width: 30px; min-height: 30px; max-height: 30px; background: #61B95D; color: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide-active .profile-card .main-img .quote-icon, .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide-active .profile-card .info { opacity: 1 !important; visibility: visible !important; } .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide .profile-card .main-img .quote-icon, .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide .profile-card .info { opacity: 0; visibility: hidden; } .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide .profile-card .info { padding: 25px 0 0 0; } .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide .profile-card .info h2 { font-weight: 700; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #000000; white-space: nowrap; margin: 0 0 5px 0; } .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide .profile-card .info p { font-weight: 400; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #000000; } .testimonialSec-wrap .slider-main .navs { display: flex; align-items: flex-end; justify-content: flex-start; flex-direction: row; z-index: 999; height: 55px; width: 100%; gap: 5px; margin: 20px 0 0 0; } .testimonialSec-wrap .slider-main .navs .swiper-button-next, .testimonialSec-wrap .slider-main .navs .swiper-button-prev { position: relative; top: auto; right: auto; left: auto; bottom: auto; min-width: 55px; max-width: 55px; min-height: 100%; max-height: 100%; border-radius: 100px; background: transparent; border: 1px solid #1A1A1A; } .testimonialSec-wrap .slider-main .navs .swiper-button-next:hover, .testimonialSec-wrap .slider-main .navs .swiper-button-prev:hover { background: #1A1A1A; } .testimonialSec-wrap .slider-main .navs .swiper-button-next::after, .testimonialSec-wrap .slider-main .navs .swiper-button-prev::after { content: '\f177'; font-family: 'Font Awesome 6 Pro'; font-weight: 500; font-size: 16px; color: #1A1A1A; } .testimonialSec-wrap .slider-main .navs .swiper-button-next:hover::after, .testimonialSec-wrap .slider-main .navs .swiper-button-prev:hover::after { color: #fff; } .testimonialSec-wrap .slider-main .navs .swiper-button-prev::after { content: '\f178'; } /* swiper slider close */ /* sec testimonial */ /*********************** home-page css Close ***********************/ /*********************** inner-page css Start ***********************/ /* inner-banner */ .innerBanner-wrap { padding: 300px 0; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; } .innerBanner-wrap::before { position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: .3; z-index: -1; } .innerBanner-wrap .content h2 { font-size: 75px; line-height: 80px; text-transform: uppercase; color: #FFFFFF; } /* inner-banner */ /* pricing-page */ .pricingSec-wrap { padding: 100px 0; overflow: hidden; position: relative; } .pricingSec-wrap .pricing-card { background: #FFFFFF; box-shadow: 0px 5.77083px 34.625px rgba(0, 0, 0, 0.05); border-radius: 10px; padding: 45px 45px; } .pricingSec-wrap .pricing-card.active { background: #5BA7E8; } .pricingSec-wrap .pricing-card.active ul li::before, .pricingSec-wrap .pricing-card.active .head h4, .pricingSec-wrap .pricing-card.active h2, .pricingSec-wrap .pricing-card.active h2 sub, .pricingSec-wrap .pricing-card.active ul li{ color:#fff ; } .pricingSec-wrap .pricing-card .head h4 { font-size: 25.3917px; line-height: 30px; text-transform: capitalize; color: #FFFFFF; width: 200px; height: 55px; background: #61B95D; border-radius: 100px; display: flex; align-items: center; justify-content: center; transform: translateY(-70px); } .pricingSec-wrap .pricing-card h2 { font-weight: 700; font-size: 75px; line-height: 80px; text-transform: capitalize; color: #2A2F4F; } .pricingSec-wrap .pricing-card h2 sub { font-weight: 400; font-size: 18px; line-height: 30px; color: #858585; } .pricingSec-wrap .pricing-card ul { margin: 30px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; gap: 15px; } .pricingSec-wrap .pricing-card ul li { font-weight: 400; font-size: 18px; line-height: 18px; font-family: 'Helvetica Normal'; color: #858585; padding: 0 0 0 30px; position: relative; } .pricingSec-wrap .pricing-card ul li::before { top: 0; left: 0; right: 0; position: absolute; content: '\f192'; font-family: "Font Awesome 6 pro"; color: #61B95D; font-weight: 700; } /* pricing-page */ /*********************** product-detail-page css Start ***********************/ /* product-detail */ .product-detail-sec { padding: 100px 0; position: relative; overflow: hidden; margin: 0; } /* zoom img csss strat */ .product-detail-sec .product-slider .img_producto_container { max-height: 720px; min-height: 720px; min-width: 100%; max-width: 100%; position: relative; overflow: hidden; cursor: zoom-in; border: 1px solid rgba(175, 175, 175, 0.2); border-radius: 10px; } .product-detail-sec .product-slider .img_producto { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: transform 0.5s ease-out; } /* zoom img csss end */ .product-detail-sec .product-thumb { margin: 10px 0 0 0; } .product-detail-sec .owl-carousel.owl-drag .owl-item.current { border: 1px solid #005ce3; border-radius: 10px; } .product-detail-sec .product-thumb img { min-width: 100%; max-width: 100%; min-height: 170px; max-height: 170px; object-fit: cover; border: 1px solid rgba(175, 175, 175, 0.2); border-radius: 10px; } .product-detail-sec .product-thumb .owl-nav .owl-prev, .product-detail-sec .product-thumb .owl-nav .owl-next { height: 40px; width: 40px; border-radius: 50%; border: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; background: transparent; font-size: 25px; color: #000; transition: all 0.2s ease-in-out; position: absolute; top: 40%; left: -8%; opacity: 0; } .product-detail-sec .product-thumb .owl-nav .owl-next { left: auto; right: -8%; } .product-detail-sec .product-thumb:hover .owl-nav .owl-prev, .product-detail-sec .product-thumb:hover .owl-nav .owl-next { opacity: 1; left: -4%; } .product-detail-sec .product-thumb:hover .owl-nav .owl-next { left: auto; right: -4%; } .product-detail-sec .product-thumb .owl-nav .owl-prev:hover, .product-detail-sec .product-thumb .owl-nav .owl-next:hover { color: #000; } .product-detail-sec .head-breadcrum { display: flex; align-items: center; justify-content: space-between; margin: 0 0 60px 0; } .product-detail-sec .head-breadcrum ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 10px; } .product-detail-sec .head-breadcrum ul li i { color: #333; font-size: 16px; } .product-detail-sec .head-breadcrum ul li a { font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: 0.5px; text-transform: capitalize; color: #333; } .product-detail-sec .product-info { padding: 0 0 0 70px; } .product-detail-sec .product-info .desc-main { margin: 0; padding: 0 0 40px 0; } .product-detail-sec .product-info .desc-main h2 { font-size: 34px; color: #333333; line-height: 40px; font-weight: 600; } .product-detail-sec .product-info .desc-main .reviews-count { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 10px; margin: 20px 0; } .product-detail-sec .product-info .desc-main .reviews-count ul { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 5px; } .product-detail-sec .product-info .desc-main .reviews-count ul li i { color: #ffd101; } .product-detail-sec .product-info .desc-main .brand-discount { display: flex; align-items: flex-start; justify-content: space-between; margin: 40px 0; padding: 0 0 40px 0; flex-wrap: nowrap; flex-direction: row; gap: 20px; border-bottom: 1px solid rgba(175, 175, 175, 0.2); } .product-detail-sec .product-info .desc-main .brand-discount .brand-info ul { display: flex; align-items: flex-start; justify-content: flex-start; gap: 20px; flex-wrap: nowrap; flex-direction: column; } .product-detail-sec .product-info .desc-main .brand-discount .brand-info ul li { display: flex; align-items: center; justify-content: flex-start; gap: 15px; flex-wrap: nowrap; flex-direction: row; } .product-detail-sec .product-info .desc-main .brand-discount .brand-info ul li h4 { font-size: 18px; font-weight: 500; color: #333333; } .product-detail-sec .product-info .desc-main .brand-discount .brand-info ul li p { font-size: 16px; font-weight: 500; color: #333333; } .product-detail-sec .product-info .desc-main .brand-discount .brand-info ul li .inStock.danger { color: #ff0000; } .product-detail-sec .product-info .desc-main .brand-discount .brand-info ul li .inStock.success { color: #198754; } .product-detail-sec .product-info .desc-main .brand-discount .brand-info ul li .inStock { display: flex; align-items: center; justify-content: flex-start; font-size: 16px; font-weight: 400; color: #333; letter-spacing: 0.5px; gap: 5px; } .product-detail-sec .product-info .desc-main .discount-box ul { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 10px; } .product-detail-sec .product-info .desc-main .discount-box ul li { display: flex; align-items: center; } .product-detail-sec .product-info .desc-main .discount-box ul li i { font-size: 7px; line-height: 0px; } .product-detail-sec .product-info .desc-main .discount-box ul li .new-price { color: #005ce3; font-weight: 600; font-size: 18px; } .product-detail-sec .product-info .desc-main .discount-box ul li .old-price { color: #000; font-weight: 600; font-size: 18px; text-decoration: line-through; } .product-detail-sec .product-info .desc-main .discount-box ul li .discount-price { color: #fff; font-size: 13px; padding: 3px 8px; position: unset; background-color: #005ce3; border-radius: 10px; } .product-detail-sec .product-info .desc-main .content-dtl { margin: 20px 0; } .product-detail-sec .product-info .desc-main .content-dtl p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #696C70; } .product-detail-sec .product-info .desc-main .range-cart { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 30px; } .product-detail-sec .product-info .desc-main .range-cart .input-group { align-items: center; min-width: 150px; max-width: 150px; padding: 0; justify-content: center; border: 1px solid #ccc; height: 50px; border-radius: 50px; overflow: hidden; flex-wrap: nowrap; } .product-detail-sec .product-info .desc-main .range-cart .input-group .input-group-btn { height: 100%; } .product-detail-sec .product-info .desc-main .range-cart .input-group .input-group-btn .quantity-right-plus { border-left: 1px solid #ccc !important; border-right: none !important; } .product-detail-sec .product-info .desc-main .range-cart .input-group .input-group-btn .btn-quant { color: #000; padding: 0; height: 100%; width: 35px; border-radius: 0px; border-right: 1px solid #ccc; border-left: none; background: #fff; transition: all 0.3s ease-in-out; font-size: 16px; display: flex; align-items: center; justify-content: center; } .product-detail-sec .product-info .desc-main .range-cart .input-group .input-group-btn .btn-quant:hover { background: #fff; color: #005ce3; } .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: 0; } .product-detail-sec .product-info .desc-main .range-cart .input-group .input-group-btn .btn-quant:focus { outline: none; box-shadow: none; } .product-detail-sec .product-info .desc-main .range-cart .input-group .input-number { font-weight: 400; font-size: 16px; margin: 0; padding: 0; color: #1f1f1d; text-align: center; opacity: 100%; border: none; background: #fff; height: 100%; border-radius: 0px; width: auto; flex: inherit; } .product-detail-sec .product-info .desc-main .range-cart .btn-box { width: 100%; } .product-detail-sec .product-info .desc-main .buy-itNow { margin: 15px 0 0 0; } .product-detail-sec .product-info .desc-main .compare-whish { margin: 20px 0; display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 20px; } .product-detail-sec .product-info .desc-main .compare-whish .btn-compare { font-size: 14px; font-weight: 600; color: #333; text-transform: unset; margin: 0; padding: 0; transition: all .3s ease-in-out; display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 10px; } .product-detail-sec .product-info .desc-main .compare-whish .btn-compare i { color: #333; margin: 0 8px 0 0; } .product-detail-sec .product-info .desc-main .compare-whish .btn-compare:hover { color: #777; } .product-detail-sec .product-info .poduct-foot { border-top: 1px solid rgba(175, 175, 175, 0.2); padding: 40px 0 0 0; } .product-detail-sec .product-info .poduct-foot .top-skss { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; flex-direction: row; gap: 20px; margin: 0 0 40px 0; } .product-detail-sec .product-info .poduct-foot .top-skss .pro-sku ul { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; flex-direction: row; gap: 20px; } .product-detail-sec .product-info .poduct-foot .top-skss .pro-sku ul li { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; flex-direction: row; gap: 20px; } .product-detail-sec .product-info .poduct-foot .top-skss .pro-sku ul li h5 { font-weight: 500; font-size: 18px; color: #333; } .product-detail-sec .product-info .poduct-foot .top-skss .pro-sku ul li p { font-weight: 300; font-size: 18px; color: #333; } .product-detail-sec .product-info .poduct-foot .top-skss .pro-sku ul li .share-icons { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; flex-direction: row; gap: 10px; } .product-detail-sec .product-info .poduct-foot .top-skss .pro-sku .share-icons li a i { color: #333; font-size: 18px; } .product-detail-sec .product-info .poduct-foot .botom-card ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 5px; } .product-detail-sec .product-info .poduct-foot .botom-card ul li a img { min-width: 38px; max-width: 38px; min-height: 24px; max-height: 24px; object-fit: contain; } .product-detail-sec .product-info .url-list ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; flex-direction: column; gap: 10px; } .product-detail-sec .product-info .url-list ul li { font-size: 14px; font-weight: 600; color: #333; text-transform: unset; margin: 0; padding: 0; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 10px; } .product-detail-sec .product-info .url-list ul li span { color: #303030; font-weight: 400; display: block; margin: 0; } .product-detail-sec .product-info .url-list ul li .sub-child { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 10px; } .product-detail-sec .product-info .url-list ul li .sub-child li a i { font-size: 14px; color: #00000099; transition: all .3s ease-in-out; } .product-detail-sec .product-info .url-list ul li .sub-child li a i:hover { color: #333; } .product-detail-sec .product-info .size-color-chart { margin: 0 0 40px 0; } .product-detail-sec .product-info .size-color-chart .item-box { margin: 0 0 40px 0; } .product-detail-sec .product-info .size-color-chart .item-box ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 15px; flex-direction: row; } .product-detail-sec .product-info .size-color-chart .item-box ul li h4 { font-size: 18px; line-height: normal; color: #333; font-weight: 500; } .product-detail-sec .product-info .size-color-chart .item-box ul li span { font-size: 18px; line-height: normal; color: #333; font-weight: 400; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 10px; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card { cursor: pointer; width: auto; padding: 0 5px; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card.img-card .card-content-wrapper { padding: 0; overflow: hidden; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card .card-content-wrapper { background: #fff; border-radius: 10px; max-width: max-content; min-width: auto; padding: 10px 18px; display: flex; box-shadow: none; transition: 200ms linear; align-items: center; justify-content: space-evenly; flex-direction: column; transition: all .3s ease-in-out; border: 1px solid rgba(175, 175, 175, 0.2); } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card .card-content-wrapper:hover { background-color: transparent; border: 1px solid #005ce3; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card input[type="radio"]:checked~.card-content-wrapper:hover .check-icon { background: red; border-color: red; display: none; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card input[type="radio"]:checked~.card-content-wrapper { box-shadow: none; background-color: #f7f7f7; border: 1px solid #005ce3; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card .card-content-wrapper .check-icon { width: 20px; height: 20px; display: inline-block; border: solid 2px #e3e3e3; border-radius: 50%; transition: 200ms linear; position: relative; margin: 0 0 0 auto; display: none; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card .card-content-wrapper .check-icon:before { content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 12px; background-position: center center; transform: scale(1.6); transition: 200ms linear; opacity: 0; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card input[type='radio'] { appearance: none; -webkit-appearance: none; -moz-appearance: none; visibility: hidden; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card input:checked { box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #ff0000; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card input[type="radio"]:checked~.card-content-wrapper .check-icon { background: #ff0000; border-color: #ff0000; transform: scale(1.2); transition: all .3s ease-in-out; display: none; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card input[type="radio"]:checked~.card-content-wrapper .check-icon:before { transform: scale(1); opacity: 1; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card input:focus .card-content-wrapper { box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2); border-color: #3056d5; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card input:focus .check-icon { box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2); border-color: #3056d5; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card .card-content-wrapper .card-content .main-img img { min-width: 45px; max-width: 45px; min-height: 45px; max-height: 45px; object-fit: cover; } .product-detail-sec .product-info .size-color-chart .item-box .selec-value .radio-card .card-content-wrapper .card-content h6 { font-size: 13px; letter-spacing: 0.6px; text-align: center; color: #333; margin: 0; text-transform: capitalize; line-height: normal; transition: all .3s ease-in-out; font-weight: 400; } /* productDetail-sec-two */ .productDetailSec-two { padding: 100px 0; background-color: #005ce312; overflow: hidden; position: relative; } .productDetailSec-two .desc-box { padding: 30px; border: 1px solid rgba(0, 0, 0, 10%); border-radius: 10px; height: 100%; } .productDetailSec-two .desc-box .head h2 { font-size: 20px; color: #333333; line-height: 25px; font-weight: 600; } .productDetailSec-two .desc-box .info { margin: 30px 0 0 0; } .productDetailSec-two .desc-box .info h3 { font-size: 18px; color: #333333; line-height: 22px; font-weight: 500; } .productDetailSec-two .desc-box .info ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; flex-direction: column; gap: 10px; margin: 15px 0 0 0; } .productDetailSec-two .desc-box .info ul li { text-transform: unset; font-weight: 400; margin: 0; padding: 0 0 0 15px; word-spacing: 0px; font-size: 15px; line-height: 25px; letter-spacing: 0.5px; color: #808080; position: relative; } .productDetailSec-two .desc-box .info ul li::before { position: absolute; content: '\e122'; font-family: "Font Awesome 6 pro"; top: 0; left: 0; font-weight: 700; color: #333; font-size: 7px; } .productDetailSec-two .desc-box .info thead { border-bottom: 1px solid #fff; background: #fff; } .productDetailSec-two .desc-box .info thead tr { border-bottom: 1px solid #005ce3; background: #005ce3; } .productDetailSec-two .desc-box .info thead tr th { font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; text-transform: capitalize; color: #fff; } .productDetailSec-two .desc-box .info tbody tr { border: none; } .productDetailSec-two .desc-box .info .table-striped>tbody>tr:nth-of-type(odd)>* { --bs-table-accent-bg: transparent; color: transparent; } .productDetailSec-two .desc-box .info .table>:not(caption)>*>* { border-bottom-width: 0px; } .productDetailSec-two .desc-box .info tbody th h4 { font-size: 16px; color: #333333; line-height: 22px; font-weight: 500; } .productDetailSec-two .desc-box .info tbody tr td a, .productDetailSec-two .desc-box .info tbody tr td p { font-style: normal; font-weight: 500; font-size: 16px; line-height: 26px; color: #333; } .productDetailSec-two .desc-box .info tbody tr td a:hover { color: #005ce3; } .productDetailSec-two .desc-box .info tbody tr td { width: 90%; } /* productDetail-sec-two */ /* coment-sec */ .comments-sec { background-color: #ffd1000a; position: relative; overflow: hidden; padding: 100px 0; } .comments-sec .main-box .top-content .head { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; gap: 10px; margin: 0 0 30px 0; } .comments-sec .main-box .top-content .head h2 { font-style: normal; font-weight: 400; font-size: 45px; line-height: 42px; text-transform: capitalize; color: #1F1F1F; } .comments-sec .main-box .top-content .head .btn-box .btn-wh { height: 50px; padding: 0 50px; } .comments-sec .main-box .top-content .rating-box .rating-card { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 15px; flex-direction: row; } .comments-sec .main-box .top-content .rating-box .rating-card .main-text h4 { font-style: normal; font-weight: 500; font-size: 80px; line-height: 88px; text-align: center; text-transform: capitalize; color: #1F1F1F; } .comments-sec .main-box .top-content .rating-box .rating-card .info-txt ul { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 5px; flex-direction: row; } .comments-sec .main-box .top-content .rating-box .rating-card .info-txt ul li i { color: #ffd101; font-size: 16px; } .comments-sec .main-box .top-content .rating-box .rating-card .info-txt p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; text-align: center; color: #696C70; } .comments-sec .main-box .top-content .rating-box .rating-bar { margin: 20px 0 0 0; } .comments-sec .main-box .clients-riview-list { margin: 0 0 30px 0; min-height: auto; max-height: 900px; overflow-y: scroll; } .comments-sec .main-box .clients-riview-list .client-card { display: flex; align-items: flex-start; justify-content: center; flex-wrap: nowrap; gap: 50px; flex-direction: row; padding: 20px 20px; border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; margin: 40px 0 0 0; } .comments-sec .main-box .clients-riview-list .client-card .imgs-box { margin: 35px 0 0 0; width: 450px; } .comments-sec .main-box .clients-riview-list .client-card .imgs-box .main-img { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 5px; flex-direction: row; } .comments-sec .main-box .clients-riview-list .client-card .imgs-box .main-img img { min-width: 55px; max-width: 55px; min-height: 55px; max-height: 55px; border-radius: 10px; object-fit: cover; } .comments-sec .main-box .clients-riview-list .client-card .imgs-box .info { margin: 15px 0 0 0; } .comments-sec .main-box .clients-riview-list .client-card .imgs-box .info h4 { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; text-transform: capitalize; color: #1F1F1F; } .comments-sec .main-box .clients-riview-list .client-card .coment-box ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 5px; flex-direction: row; } .comments-sec .main-box .clients-riview-list .client-card .coment-box ul li i { color: #ffd101; font-size: 16px; } .comments-sec .main-box .clients-riview-list .client-card .coment-box h2 { font-style: normal; font-weight: 600; font-size: 24px; line-height: 30px; text-transform: capitalize; color: #1F1F1F; margin: 10px 0; } .comments-sec .main-box .clients-riview-list .client-card .coment-box p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; color: #1F1F1F; } .comments-sec .main-box .review-form h2 { font-style: normal; font-weight: 400; font-size: 45px; line-height: 42px; text-transform: capitalize; color: #1F1F1F; } .comments-sec .main-box .review-form .input-main { margin: 0 0 20px 0; } .comments-sec .main-box .review-form .btn-box { margin: 30px 0 0 0; } .comments-sec .main-box .review-form .rating { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 10px; margin: 20px 0; } .comments-sec .main-box .review-form .rating h5 { font-size: 22px; line-height: 30px; color: #005ce3; } .comments-sec .main-box .review-form .rating .rating-new>input { display: none; } .comments-sec .main-box .review-form .rating .rating-new>label:before { margin: 5px; font-size: 1.25em; font-family: FontAwesome; display: inline-block; content: "\f005"; } .comments-sec .main-box .review-form .rating .rating-new>.half:before { content: "\f089"; position: absolute; } .comments-sec .main-box .review-form .rating .rating-new>label { color: #ddd; float: right; } .comments-sec .main-box .review-form .rating .rating-new>input:checked~label, .comments-sec .main-box .review-form .rating .rating-new:not(:checked)>label:hover, .comments-sec .main-box .review-form .rating .rating-new:not(:checked)>label:hover~label { color: #FFD700; } .comments-sec .main-box .review-form .rating .rating-new>input:checked+label:hover, .comments-sec .main-box .review-form .rating .rating-new>input:checked~label:hover, .comments-sec .main-box .review-form .rating .rating-new>label:hover~input:checked~label, .comments-sec .main-box .review-form .rating .rating-new>input:checked~label:hover~label { color: #FFED85; } /* product-detail */ /*********************** product-detail-page css end ***********************/ /*********************** inner-page css Close ***********************/
Save
Cancel